.box-video,
.scroller[data-animated=true],
.slider-main,
.slider-main1,
.testim .cont {
    overflow: hidden
}

.bg-video:hover{
    transform: scale(1.2) !important;
    --webkit-transition: 0.6s ease-in-out !important;
    transition: 0.7s ease-in-out !important;
}
.contact-btn,
.engineering-excellence-section,
.lets-go-btn {
    background: var(--sky-blue-color)
}

.small-nav-links,
.small-nav-links div,
.small-nav-links div a,
.small-nav-links div a img,
.small-nav-links div a span {
    background: #051541
}

.contact-btn,
.salesforce-crest-link,
a.nav-link {
    text-transform: uppercase;
    font-style: normal
}

.with-partner-txt,
ul.list-group a {
    margin-bottom: 12px
}

ul.list-group a li:hover,
ul.wp-block-latest-posts__list.wp-block-latest-posts li:hover {
    text-decoration: underline
}

.copyright-para a span,
.footer-social-links-row a img,
a,
a img:hover,
a span:hover {
    cursor: pointer !important
}

.slider-main,
.slider-main1 {
    place-items: center
}

.slide-track-12,
.slide-track-121 {
    animation: 40s linear infinite scroll
}

* {
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
    box-sizing: border-box
}

:root {
    --white-color: #ffffff;
    --black-color: #000000;
    --sky-blue-color: #229FD9;
    --sky-color: #00919c;
    --light-sky-blue-color: #96d3ee;
    --red-color: rgb(255, 0, 0);
    --clr-neutral-100: hsl(0, 0%, 100%);
    --clr-primary-100: hsl(205, 15%, 58%);
    --clr-primary-400: hsl(215, 25%, 27%);
    --clr-primary-800: hsl(217, 33%, 17%);
    --clr-primary-900: hsl(218, 33%, 9%)
}

.accordion-1,
.responsive,
.video-responsive {
    width: 100%
}

.video-responsive-11 {
    height: 250px;
    object-fit: contain
}

::marker {
    font-size: 20px
}

.salesforce-crest-link {
    color: var(--sky-blue-color);
    font-size: 20px;
    font-weight: 500;
    margin-top: 2%;
    text-decoration: none;
    line-height: 37.745px
}

.small-nav-links div {
    padding: 4px 0;
    text-align: center
}

.ul-list-privicy {
    margin-left: 2%;
    padding: 0
}

.f-32 {
    font-size: clamp(22px, 4vw, 32px);
    font-weight: 700;
    color: var(--black-color)
}

.section-main-heading {
    font-size: clamp(24px, 5vw, 40px);
    font-weight: 700;
    color: var(--white-color)
}

.thank-heading {
    background-color: var(--sky-blue-color);
    padding: 3% 0
}

.bg-heading-thank,
.lets-go-btn,
button.appao-btn {
    box-shadow: 0 3.5365853309631348px 3.5365853309631348px 0 rgba(0, 0, 0, .14);
    filter: blur(.44207316637039185px)
}

.col-main-heading {
    font-size: clamp(30px, 4vw, 50px);
    font-weight: 500
}

.sub-col-main-heading {
    font-size: clamp(25px, 4vw, 30px);
    font-weight: 600
}

.navbar-scroll .logo,
.sub-col-main-para,
.ul-list-privicy li,
li.li-list-privicy span {
    color: var(--black-color);
    font-weight: 400
}

.nav-item .nav-link:hover,
.navbar-scroll .nav-item .nav-link:hover,
a.nav-link,
span.asked-txt,
ul.list-group a li:hover {
    color: var(--sky-blue-color)
}

.blog-heading,
.blog-para,
.contact-btn,
.lets-go-btn,
.transform-your-business-section div p {
    color: var(--white-color)
}

.sub-col-main-para {
    font-size: clamp(16px, 3vw, 20px)
}

.bg-like-share {
    border-radius: 10px;
    background: var(--white-color);
    padding: 3% 0;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1)
}

.lets-go-btn {
    font-size: 21.22px;
    font-style: normal;
    font-weight: 500;
    padding: 9.726px 33.598px;
    letter-spacing: .206px;
    border-radius: 5px;
    border: .884px solid rgba(34, 159, 217, .29)
}

.cloud-study-implemetaion-col-2,
.dev-rectangle-img1-2,
.navbar-expand-lg,
.studio-col-2 {
    /* box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25); */
   
    background: var(--white-color)
}
nav.navbar.navbar-expand-lg {
    /* box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25); */
    box-shadow: 0px 4px 4px 0px rgba(34, 159, 217, 0.10);
    background: var(--white-color)
}
.col-main-para {
    font-size: clamp(16px, 3vw, 24px);
    font-weight: 500
}

img.rt-responsive-img {
    width: 100px !important;
    aspect-ratio: 3/2 !important;
    object-fit: cover !important;
    mix-blend-mode: color-burn !important;
    height: 100px !important
}

.ul-list-privicy li {
    font-size: 17px;
    margin-bottom: 1%
}

li.li-list-privicy span {
    font-size: 20px
}

.blog-heading {
    font-size: 40px;
    font-weight: 600
}

.blog-para {
    font-size: 20px;
    font-weight: 400
}

.small-nav-links div a {
    text-decoration: none
}

.testim .arrow:before,
li.list-inline.footer-links-btn {
    cursor: pointer
}

.small-nav-links div a span {
    color: #fff;
    margin-left: 1%;
    font-size: 14px
}

a.nav-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 23.245px
}

.contact-btn {
    font-size: 15px;
    padding: 17px 14px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    line-height: 12.745px;
    border-radius: 24.756px;
    border: .884px solid rgba(34, 159, 217, .29)
}

.footer-btn,
.footer-links-btn,
.ind-txt,
.more-about-us-link,
.with-partner-txt,
span.request-a-btn {
    line-height: normal;
    font-style: normal
}

.footer-links-btn,
.main-footer-section div.col-lg-4 p {
    color: var(--black-color);
    font-size: 15px;
    font-weight: 400
}

nav.navbar.navbar-expand-lg {
    padding: 8px 20px
}

li.nav-item {
    padding-right: 10px
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.footer-links-btn {
    text-transform: capitalize
}

.footer-btn,
.with-partner-txt {
    color: #303030;
    font-size: 22px;
    text-transform: uppercase
}

.main-footer-section div.col-lg-4 p {
    margin-top: 20px;
    font-style: normal;
    line-height: 156.454%
}

.transform-your-business-section div.container div.col-lg-12 {
    background: #032e61;
    border-radius: 20px
}

.transform-your-business-section div h4 {
    color: var(--white-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 175.454%
}

.transform-your-business-section div p {
    margin: 20px 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 175.454%
}

.transform-your-business-section div button {
    color: var(--sky-blue-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 175.454%;
    border-radius: 24.756px;
    background: var(--white-color);
    padding: 7px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-color: var(--white-color)
}

.transform-your-business-section div.transform-col {
    padding: 3rem;
    border-radius: 20px
}

.footer-btn,
.technology-heading {
    font-weight: 700
}

.footer-section {
    background: #c7e7f5
}

select.form-select.form-select-lg.mb-3.lang-select {
    border-radius: 5.955px;
    border: 1.191px solid var(--sky-blue-color);
    width: 251.316px;
    height: 45.856px;
    flex-shrink: 0
}

.with-partner-txt {
    font-weight: 400;
    text-align: left
}

section.careers-section {
    padding-top: 64px
}

.header-section-heading {
    font-size: clamp(30px, 5vw, 40px);
    color: var(--black-color);
    font-weight: 700
}

.header-section-paragraph {
    font-size: clamp(18px, 3vw, 20px);
    color: var(--black-color);
    font-weight: 400
}

.more-about-us-link {
    color: var(--black-color);
    font-size: clamp(15px, 1vw, 17px);
    font-weight: 600;
    letter-spacing: .16px
}

.ind-txt,
span.request-a-btn {
    font-size: 20px;
    font-weight: 400
}

.career-header-img {
    height: auto;
    width: 100%;
    object-fit: contain
}

.footer-last-row {
    padding: 0 0 60px
}

.request-call-input {
    background: #c7e7f5;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-bottom: 10px;
    padding: 22px 0
}

.countries-col-4,
.countries-flag-section,
span.request-a-btn {
    background-color: var(--sky-blue-color)
}

span.request-a-btn {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #fff;
    padding: 22px 27px;
    letter-spacing: .2px
}

.request-input {
    height: 80px;
    flex-shrink: 0;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.countries-col,
.flags-box {
    border-radius: 4px
}

.ind-txt {
    color: var(--black-color);
    display: inline-block;
    letter-spacing: .28px
}

.countries-flag-section {
    margin: 0 0 10px;
    padding: 24px 84px;
    gap: 186px
}

.flags-box {
    padding: 10px
}

.flags-box img {
    margin-right: 5px;
    height: 40px
}

.reviews-section {
    border-radius: 75px;
    background: var(--white-color);
    box-shadow: 0 4px 4px 0 rgba(34, 159, 217, .25), 4px 0 4px 0 rgba(34, 159, 217, .25);
    padding: 1% 10%;
    margin-bottom: 60px
}

.social-links-row {
    padding: 5px 10px;
    border-radius: 12px;
    border: 1px solid var(--sky-blue-color);
    background: #c7e7f5
}

.featured-testimonial-section,
.we-are-ready-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.input-group,
.input-group>.form-control {
    position: inherit !important
}

.featured-testimonial-section div h2,
.our-valuabl-heading-section h4 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 15px
}

.featured-testimonial-section div p,
.our-valuabl-heading-section p {
    color: var(--black-color);
    text-align: center;
    margin-bottom: 60px;
    padding: 0 8%;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.article-more:hover,
.breadcream-heading,
.get-started-btn,
.get-started-btn:hover,
.logo {
    color: var(--white-color)
}

iframe.video-responsive {
    width: 100%;
    height: 400px
}

.we-are-ready-section {
    background-image: url('../images/cta-bg-image.png')
}

.get-started-btn {
    border-radius: 24.756px;
    background: var(--sky-blue-color);
    padding: 2px 40px;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 51.388px
}

.we-are-ready-section div h2 {
    padding: 56px;
    color: var(--black-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .2px
}

.slider-main {
    margin: auto;
    width: 100%;
    display: grid
}

.slide-track-12 {
    display: flex;
    width: calc(400px * 18)
}

.slide-track-121:hover,
.slide-track-12:hover {
    animation-play-state: paused
}

.slide-123 {
    height: 100px;
    width: 250px;
    display: flex;
    align-items: center;
    padding: 6px 15px 15px;
    perspective: 200px
}

.slide-123 img {
    width: 100%;
    transition: transform 1s;
    border: 1px solid #7a7a7a !important
}

.slide-123 img:hover,
.slide-1231 img:hover {
    transform: translateZ(20px)
}

.slider-main1::after,
.slider-main1::before,
.slider-main::after,
.slider-main::before {
    content: '';
    height: 100%;
    width: 15%;
    z-index: 2
}

.slider-main1::before,
.slider-main::before {
    left: 0;
    top: 0
}

.slider-main1::after,
.slider-main::after {
    right: 0;
    top: 0;
    transform: rotateZ(100deg)
}

.main-container-section h1 span,
.main-container-section1 h1 span {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 54.864px
}

.main-container-section h1,
.main-container-section1 h1 {
    text-align: center;
    margin-top: 20px;
    font-size: 32px;
    margin-bottom: 50px
}

.border-line {
    background: var(--black-color);
    margin-left: 45%
}

hr:not([size]) {
    height: 2px;
    opacity: .8;
    width: 140px
}

.border-nav-line {
    background: var(--white-color);
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.our-valuable-customers-section {
    background: var(--sky-blue-color);
    padding: 10px 0 0
}

.e-commerce-care-col,
.health-care-col {
    background-color: var(--white-color);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    text-align: center;
    height: auto
}

.e-commerce-care-col p,
.health-care-col p,
.our-salesforce-services-section {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.reviews-col-1 a img,
.reviews-col-2 a img {
    width: 100% !important;
    height: 80px;
    object-fit: contain
}

.badge-section,
.current-opening-section,
.healthcare-gaps-container,
.market-cloud-section,
.our-services-database-section-1 div.container-fluid,
.solutins-we-offer-container {
    padding: 0 6%
}

.our-valuable-customers h4 {
    color: var(--white-color);
    border-left: 2px solid var(--white-color);
    padding-left: 30px;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 50.364px
}

.form-col-1 h4,
.industries-we-serve-section.row,
div.things-to-consider-row h4 {
    margin-bottom: 20px
}

.industries-we-serve-section div h3 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    text-align: center;
    font-weight: 600;
    line-height: 44.245px
}

.health-care-col {
    border: 2px solid #fff;
    border-top-right-radius: 50px 50px;
    border-bottom-left-radius: 50px 50px
}

.e-commerce-care-col img,
.health-care-col img {
    text-align: center;
    width: 64px;
    margin: 10px 0 0;
    height: 64px;
    flex-shrink: 0
}

.e-commerce-care-col h2,
.health-care-col h2 {
    color: var(--sky-blue-color);
    margin: 6px 0 0;
    font-size: 22px;
    font-style: normal;
    text-align: center;
    font-weight: 600;
    line-height: 44.245px;
    text-transform: capitalize
}

.e-commerce-care-col p,
.health-care-col p {
    color: var(--black-color);
    text-align: center;
    margin: 10px 0 0;
    padding: 0 10px 30px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.245px
}

.e-commerce-care-col {
    position: relative;
    border: 2px solid #fff;
    border-top-left-radius: 50px 50px;
    border-bottom-right-radius: 50px 50px
}

.col-360-1,
.col-360-2,
.col-360-3 {
    border-left: 2px solid var(--light-sky-blue-color)
}

.second-row-industries-section {
    gap: 8%;
    padding-bottom: 40px
}

.benifites-of-salesforce-section h2,
.faq-section h3,
.what-do-our-team-offer-section h2,
.why-cloud-centric-infotech-section div h2,
.why-cloud-centric-section h3 {
    color: var(--black-color);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.our-salesforce-col-first h4,
.row.why-cloudCentric-row h4 {
    color: var(--sky-blue-color);
    font-style: normal;
    font-weight: 600
}

.our-salesforce-col-first p,
.row.why-cloudCentric-row p {
    font-weight: 400;
    color: var(--black-color);
    font-style: normal
}

.why-cloudCentric-section {
    border-bottom: 2px solid var(--light-sky-blue-color);
    margin: 0 50px
}

.why-cloudCentric-section-11 {
    border-bottom: 2px dashed var(--light-sky-blue-color);
    margin: 0 50px
}

.why-cloudCentric-section-2 {
    margin: 0 50px
}

.col-360-3 {
    border-right: 2px solid var(--light-sky-blue-color)
}

.col-360-11,
.col-360-22,
.col-360-33 {
    border-left: 2px dashed var(--light-sky-blue-color)
}

.col-360-33 {
    border-right: 2px dashed var(--light-sky-blue-color)
}

.row.why-cloudCentric-row img {
    width: 14%;
    height: 75px;
    padding-top: 20px
}

.row.why-cloudCentric-row h4 {
    font-size: 20px;
    padding-top: 20px;
    line-height: normal
}

.row.why-cloudCentric-row p {
    text-align: center;
    padding-bottom: 10px;
    font-size: 17px;
    line-height: normal
}

.our-salesforce-services-section {
    background-image: url('https://cccinfotech.com/wp-content/uploads/2024/04/our-salesforce-section-bg-1-1.png');
    padding-bottom: 50px
}

.our-salesforce-col-first {
    background-color: #c7e7f5;
    padding: 15px 5px
}

.our-salesforce-col-first img {
    flex-shrink: 0;
    margin-right: 4%;
    text-align: left
}

.our-salesforce-col-first h4 {
    margin-top: 14px;
    font-size: 22px;
    line-height: 27.274px
}

.interview-img,
html {
    width: 100%;
    height: auto
}

.our-salesforce-col-first p {
    text-align: center;
    font-size: 17px;
    line-height: 20.942px
}

.our-text-col h4,
.turning-your-salesforce-section h4 {
    color: var(--black-color);
    font-size: 32px;
    text-align: right;
    font-style: normal
}

.our-text-col h4 {
    padding-right: 13.4px;
    font-weight: 600;
    line-height: 44.245px;
    border-right: 4px solid #00a1e6
}

.border-radius-col-1,
.dev-rectangle-img1-3,
.health-cloud-col-bg-3,
.market-cloud-col-bg-3 {
    border-top-left-radius: 20px
}

.border-radius-col-2,
.dev-rectangle-img1-1,
.health-cloud-col-bg-1 {
    border-top-right-radius: 20px
}

.border-radius-col-3 {
    border-bottom-left-radius: 20px
}

.border-radius-col-4 {
    border-bottom-right-radius: 20px
}

.faq-section div.container-fluid,
.industries-we-serve-section div.container-fluid,
.market-cloud-container,
.our-salesforce-services-section div.container-fluid,
footer section.mt-5 {
    padding: 0 8%
}

.articles-from-news-section,
.cloud-case-study-implementation-process,
.cloud-study-result-section,
.header-container,
.salesforce-cloud-header-conatiner,
.turning-your-salesforce div.container-fluid,
.with-our-experties-section div.container-fluid {
    padding: 0 10%
}

.professional-col-1,
.professional-col-2 {
    border-radius: 24px;
    box-shadow: 0 4px 20px 0 rgba(34, 159, 217, .25) inset;
    padding: 24px 31px 9px 22px;
    background: var(--white-color)
}

.turning-your-salesforce-section h4 {
    padding: 0 10% 0 15px;
    border-left: 4px solid #00a1e6;
    margin-bottom: 68px;
    font-weight: 600;
    line-height: 44.4px;
    letter-spacing: .2px
}

.professional-col-1 {
    height: 220px
}

.professional-col-1 h5,
.professional-col-2 h5 {
    text-align: left;
    margin-bottom: 5px;
    color: var(--sky-blue-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.professional-col-1 img,
.professional-col-2 img {
    text-align: left;
    margin-bottom: 5px
}

.professional-col-1 p,
.professional-col-2 p {
    color: var(--black-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.header-section h1,
.header-section h1 span {
    font-size: 40px;
    font-weight: 700;
    line-height: 50.745px;
    letter-spacing: .23px;
    text-transform: capitalize;
    font-style: normal
}

.professional-col-2 {
    height: 250px
}

.badge-logo {
    width: 100%;
    height: 100%;
    min-height: 80px;
    max-height: 80px;
    object-fit: contain;
    border-radius: 6px
}

.badge-section-container {
    border-radius: 10px;
    background: var(--white-color);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1);
    padding: 32px 70px 10px
}

.header-section {
    background-image: url('https://cccinfotech.com/wp-content/uploads/2024/04/header-image-bg-1-1.jpg');
    background-position: bottom;
    background-size: cover;
    padding-bottom: 90px;
    padding-top: 150px;
    padding-right: 20px;
    background-repeat: no-repeat
}

.header-section h1 span {
    margin-top: 20px;
    color: var(--sky-blue-color)
}

.about-C3IM,
.article-text,
.content-para,
.f-20,
.f-22,
.header-section h1,
.new-product-section div p,
.para,
.with-our-experties-section h2,
.with-our-experties-section p,
span.about,
ul.wp-block-latest-posts__list.wp-block-latest-posts li a {
    color: var(--black-color)
}

.close {
    font-size: 20px;
    width: 40px;
    background: #fff;
    border: none
}

.cm-model-button,
button.appao-btn {
    background: var(--sky-blue-color);
    color: var(--white-color)
}

.clients-testimonial-section div h4,
.header-section p,
.our-company-header-section div h2,
.our-company-header-section div p {
    color: var(--black-color);
    font-style: normal
}

.header-section p {
    font-size: 20px;
    padding-right: 40px;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 400;
    line-height: 40.745px;
    letter-spacing: .22px
}

.error {
    color: var(--red-color)
}

.cm-model-button {
    border-color: var(--sky-blue-color) !important;
    color: #fff !important;
    background-color: var(--sky-blue-color) !important;
    border-radius: 24.756px !important;
}

.cm-model-button:hover {
    background: #002147 !important;
    border: 1px solid #002147 !important;
    color: var(--white-color) !important;
}

button.appao-btn {
    font-size: 21.22px;
    font-style: normal;
    font-weight: 500;
    padding: 9.726px 33.598px;
    line-height: 36.024px;
    letter-spacing: .206px;
    border-radius: 24.756px;
    border: .884px solid rgba(34, 159, 217, .29)
}

.clients-testimonial-section div h4 {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    line-height: 54.864px
}

.our-company-header-section {
    background-image: url('../images/our-company-bg-image.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.our-company-header-section div h2 {
    margin-top: 10%;
    font-size: 40px;
    font-weight: 700;
    line-height: 54.864px;
    margin-bottom: 15px
}

.our-company-header-section div p {
    font-size: 20px;
    padding-right: 1%;
    font-weight: 400;
    line-height: 156.454%
}

.who-we-are-section div h2,
.who-we-are-section div p {
    color: var(--white-color);
    text-align: center;
    font-style: normal
}

.meet-the-mind-section-1 h2,
.mission-col h2,
.who-we-are-section div h2,
h4.cta-heading {
    font-size: 32px;
    font-weight: 600
}

.our-company-header-section div img {
    width: 100%;
    padding-top: 2%;
    padding-bottom: 107px
}

.who-we-are-section {
    margin-bottom: 7%
}

.who-we-are-section div h2 {
    margin-top: 40px;
    line-height: 156.454%;
    margin-bottom: 23px
}

.who-we-are-section div p {
    padding: 0 60px 60px;
    font-size: 28px;
    font-weight: 400;
    line-height: 150.454%
}

.mission-vission-goal-section div img {
    text-align: center;
    width: 100%;
    object-fit: contain;
    height: 105px;
    margin-bottom: -40px
}

.mission-col {
    background-image: url('../images/Polygon-bg-1.png');
    background-position: top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 15px
}

.mission-col h2 {
    color: var(--sky-blue-color);
    text-align: center;
    font-style: normal;
    line-height: 45.612px;
    padding-top: 32px;
    margin-bottom: 5px
}

.mission-col a,
.mission-col p {
    font-style: normal;
    font-weight: 400;
    text-align: center
}

.mission-col p {
    color: var(--black-color);
    padding: 0;
    font-size: 18px;
    line-height: 26.885px
}

.mission-col a {
    color: #f44533;
    font-size: 15.598px;
    line-height: 26.771px;
    padding-bottom: 11px
}

.efficient-lead-mgt-col h4,
.our-team-col h3,
.our-team-col-1 h3,
.personalized-lead-nurturing-col h4 {
    font-weight: 600;
    line-height: 156.454%;
    color: var(--black-color);
    font-style: normal;
    font-size: 22px
}

.our-team-col {
    padding: 0 10px;
    background: rgba(252, 252, 252, .28)
}

span.mobile-hr-responsive center hr {
    margin-left: 22%;
    width: 200px
}

.our-team-col-1 h3 {
    text-align: right !important
}

.our-team-col p {
    color: var(--black-color);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.745px
}

.our-team-col a {
    margin-top: 30px;
    color: var(--sky-blue-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    text-decoration: none;
    line-height: 37.745px;
    text-transform: uppercase
}

.choose-section,
.why-cloudcentric-infitect-section {
    margin-bottom: 135px
}

.benefits-sales-cloud-section div h5,
.briding-healthcare-section div h3,
.choose-section div h2,
.data-migration-platform-section div h2,
.end-to-end-salesforce-implementation-section div h2,
.features-of-field-service-section-heading h3,
.field-implementation-solution-section h2,
.healthcare-gaps-container h4,
.hire-certificated-salesforce-experts-section div h2,
.offering-key-section div h5,
.optimaze-your-roadmap-col h4,
.our-expert-team-section h2,
.our-salesforce-hiring-model div h2,
.sales-cloud-imaplementation-section div h3,
.sales-cloud-implementation-section div h3,
.sales-integration-section div h5,
.salesforce-appexchange-platform-section div h2,
.smart-service-field-lightening-section div h2,
.solutins-we-offer-container h4,
.use-mulesoft-anypoint-section h3,
.we-are-best-integrating-salesforce-heading h3,
.what-do-our-team-offer-section-heading h3,
.why-hire-salesforce-experts-section div h3,
.your-app-needs-section div h3,
section.experties-in-mobile-app-section div h2 {
    color: var(--black-color);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 156.454%
}

.accordion-item-header::after,
.why-cloudcentric-infitect-col-1 p,
.why-cloudcentric-infitect-col-2 p,
.why-cloudcentric-infitect-section div h2 {
    color: var(--black-color);
    line-height: normal;
    font-style: normal;
    text-align: center
}

.why-cloudcentric-infitect-section div h2 {
    margin-bottom: 65px;
    font-size: 32px;
    font-weight: 600
}

.why-cloudcentric-infitect-col-1 {
    padding: 0;
    border: 2px solid var(--red-color);
    border-top: none
}

.why-cloudcentric-infitect-col-1 img {
    width: 100px;
    margin-bottom: 4%
}

.what-do-our-team-offer-section p,
.why-cloudcentric-infitect-col-1 h4,
.why-cloudcentric-infitect-col-2 h4 {
    color: var(--black-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.why-cloudcentric-infitect-col-1 p,
.why-cloudcentric-infitect-col-2 p {
    padding: 20px 50px 50px;
    font-size: 18px;
    font-weight: 400
}

.why-cloudcentric-infitect-col-2 {
    padding: 0;
    border: 2px solid var(--red-color);
    border-top: none;
    border-bottom: none
}

.why-cloudcentric-infitect-col-2 img {
    margin-bottom: 4%
}

.form-col {
    background-color: #ebf4fb;
    box-shadow: -1px 2px 8px 0 rgba(0, 0, 0, .25);
    border-radius: 12px;
    padding-left: 20px;
    height: 680px
}

.form-col h4 {
    padding: 31px 0 30px
}

.form-col button,
.form-col-contact-page button {
    color: var(--white-color);
    border-radius: 70.988px;
    background: var(--sky-blue-color);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    border-color: var(--sky-blue-color);
    padding: 11.644px 57px 11.364px 58px;
    font-size: 25px;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 35.009px;
    letter-spacing: .25px;
    text-transform: uppercase
}

.article-head,
.article-more,
.dev-service-heading,
.first-title,
.recent-blog-col-1 button {
    text-transform: capitalize
}

.btn-search-btn,
.form-col form div input,
.form-col form div textarea,
.online-training-bg,
.opening-col-2 button,
.subscribe-btn,
.training-btn {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.accordion {
    width: 90%;
    max-width: 1000px
}

.accordion-item {
    background-color: var(--white-color);
    color: var(--black-color);
    border: none;
    border-bottom: 1px solid #e4e4e4;
    margin: 1rem 0
}

.accordion-item-header {
    padding: .5rem 0 .5rem 1rem;
    min-height: 3.5rem;
    font-size: 17px;
    line-height: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer
}

.accordion-item-header::after {
    content: "\002B";
    position: absolute;
    right: 1rem;
    border: 1px solid #e4e4e4;
    border-radius: 50%;
    padding: 0 12px;
    font-size: 26px;
    font-weight: 275;
    margin-right: -1rem
}

.accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion-item-header-1.active::after,
.accordion-item-header.active::after {
    content: "\2212"
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

.accordion-item-body-content {
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1
}

.contact-header-section {
    padding-top: 150px !important;
    padding: 0 10% 81px;
    background: #ebf4fb
}

.contact-header-section div .col-lg-6 h4 {
    color: var(--sky-blue-color);
    padding-top: 127px;
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 31.944px;
    letter-spacing: .28px
}

.contact-header-section div .col-lg-6 h2 {
    color: var(--black-color);
    font-size: 42px;
    font-style: normal;
    margin-top: 15px;
    font-weight: 600;
    line-height: 40.462px;
    letter-spacing: .2px
}

.contact-header-section div .col-lg-6 p {
    color: var(--black-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%;
    margin-bottom: 28px;
    margin-top: 25px
}

.form-col-contact-page {
    border-radius: 18px;
    margin-top: 70px;
    background: var(--white-color);
    box-shadow: 1px 1px 35px 0 rgba(0, 0, 0, .08), -1px -1px 35px 0 rgba(0, 0, 0, .08)
}

.form-col-contact-page form div input,
.form-col-contact-page form div textarea {
    border: none;
    background: rgba(95, 163, 226, .1);
    margin-top: 20px
}

span.blue-color-txt {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    color: var(--sky-blue-color)
}

.form-col-contact-page form div input {
    margin-right: 35px
}

.form-col-contact-page form div input.name-input {
    margin-top: 32px
}

.form-col-contact-page form {
    margin-left: 15px;
    margin-right: 15px
}

.how-can-we-help-section {
    padding: 0 6%;
    margin-bottom: 130px
}

.how-can-we-help-section h2 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 48.914px
}

.how-can-we-help-section a,
.how-can-we-help-section h2 span,
.visit-our-section div h2 {
    color: var(--sky-blue-color);
    font-style: normal
}

.how-can-we-help-section h2 span {
    font-size: 32px;
    font-weight: 600;
    line-height: 48.914px
}

.how-can-we-help-section a {
    border-radius: 27.5px;
    border: none;
    margin-top: 30px;
    min-height: 55px;
    padding: 9px 32px;
    align-items: center;
    text-decoration: none;
    font-size: 20px;
    border: 1px solid var(--sky-blue-color);
    font-weight: 500;
    line-height: normal;
    gap: 13px
}

.how-can-we-help-section div.row div.col-lg-3 h3,
.how-can-we-help-section div.row div.col-lg-3 p,
.start-project h3,
.start-project p {
    color: var(--black-color);
    font-weight: 400;
    line-height: 156.454%;
    font-style: normal
}

.how-can-we-help-section div.row div.col-lg-3 {
    text-align: left !important
}

.how-can-we-help-section div.row div.col-lg-3 h3 {
    text-align: left !important;
    font-size: 22px;
    margin-bottom: 10px
}

.how-can-we-help-section div.row div.col-lg-3 p {
    text-align: left !important;
    font-size: 17px;
    margin-bottom: 25px
}

.start-project {
    width: 310px;
    height: 271px;
    border-radius: 6px;
    margin-bottom: 30px;
    background: rgba(95, 163, 226, .18);
    padding: 7px 20px 12px
}

.start-project img {
    width: 76px;
    height: 76px
}

.start-project h3 {
    font-size: 32px
}

.start-project p {
    font-size: 28px
}

.opening-days p,
.visit-us-col button {
    line-height: 39.914px;
    font-weight: 400
}

.visit-our-section div h2 {
    padding-left: 6%;
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: 600;
    line-height: 48.914px
}

.visit-our-section div p {
    color: var(--black-color);
    padding-left: 6%;
    margin-bottom: 30px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%
}

.visit-our-section div a,
.visit-us-col button {
    font-size: 22px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    font-style: normal
}

.visit-our-section div a {
    text-decoration: none;
    margin-left: 6%;
    border-radius: 34.5px;
    border: 3px solid var(--sky-blue-color);
    background: var(--white-color);
    padding: 10px 30px;
    color: var(--sky-blue-color);
    font-weight: 500;
    line-height: 48.914px
}

.visit-our-section div a img {
    padding-right: 41px
}

.visit-us-col button {
    color: #f3f3f3;
    border: none;
    padding: 4px 48px;
    margin-bottom: -20px;
    border-radius: 40.723px;
    background: #f4a93f
}

.opening-days {
    padding: 40px 40px 5px;
    border-radius: 27.149px;
    background: var(--sky-blue-color);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.opening-days h4 {
    color: var(--white-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 39.914px;
    text-align: center
}

.opening-days p,
.tss-wrapper .tss-carousel3 .item-content-wrapper:before {
    color: var(--white-color) !important
}

.opening-days p {
    font-size: 17px !important;
    font-style: normal;
    text-align: center
}

.become-a-salesforce-developer h4,
.become-a-salesforce-developer p {
    text-align: left;
    margin-left: 10%;
    line-height: normal;
    color: var(--black-color);
    font-style: normal;
    font-weight: 400
}

.blogs-header-section {
    background-image: url('../images/blog-header-image-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0 100px
}

.become-a-salesforce-developer,
.communicate-col,
.grow-col,
.learn-col {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.our-expert-team-section,
.recent-blogs-section,
.what-do-our-team-offer-section,
.why-hire-salesforce-experts-section {
    background-color: var(--white-color)
}

.become-a-salesforce-developer {
    background-image: url('../images/recent-blog2.png');
    margin-bottom: 30px;
    object-fit: contain;
    aspect-ratio: 3/2;
    padding: 50px 100px 100px 20px
}

.become-a-salesforce-developer p {
    font-size: 28px;
    padding: 0 0 0 29px;
    margin-top: 5%
}

.become-a-salesforce-developer img {
    width: 62px;
    height: 62px;
    position: absolute;
    right: 24%
}

.become-a-salesforce-developer h4 {
    padding-left: 26px;
    margin-top: 7%;
    font-size: 20px
}

.recent-blogs-section h3 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 119.9%
}

.become-a-salesforce-developer-1 {
    background-color: rgba(178, 232, 255, .2);
    padding: 40px 0 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

.recent-blog-col-1 {
    margin-top: 6%
}

.recent-blog-col-1 button img {
    width: 55px;
    height: 55px
}

.recent-blog-col-1 button {
    color: #0088c8;
    margin-top: 36px;
    border-radius: 56.53px;
    border: 1.346px solid #d5eef9;
    background: var(--white-color);
    box-shadow: 0 3.3648648262023926px 3.3648648262023926px 0 rgba(0, 0, 0, .25);
    padding: 4px 26px 0;
    font-size: 23.554px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.communicate-col div p,
.communicate-col div span,
.grow-col div p,
.grow-col div span,
.learn-col div p,
.learn-col div span,
.recent-blog-col-1 p {
    color: var(--black-color);
    line-height: normal;
    font-weight: 400;
    font-style: normal
}

.articles-resources-col-2 {
    padding-left: 50px;
    padding-bottom: 50px
}

.wp-pagenavi,
.your-app-needs-section div p {
    text-align: center
}

.wp-pagenavi a,
.wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #0088c8;
    padding: 7px 5px;
    margin: 20px 2px;
    font-size: 20px
}

.recent-blog-col-1 p {
    font-size: 20px;
    margin-top: 50px
}

.we-have-challenge-section {
    margin-bottom: 110px
}

.communicate-col {
    background-image: url('../images/communicate-bg-image-1.png')
}

.communicate-col div span,
.grow-col div span,
.learn-col div span {
    font-size: 20px;
    letter-spacing: .24px
}

.communicate-col div p,
.grow-col div p,
.learn-col div p {
    margin-top: 6%;
    text-align: center;
    font-size: 16px;
    letter-spacing: .26px
}

.communacating-col p,
.we-have-challenge-section-1 div h4 {
    color: var(--black-color);
    letter-spacing: .2px;
    line-height: normal
}

.learn-col {
    background-image: url('../images/learn-bg-image.png');
    padding: 150px 0
}

.grow-col {
    background-image: url('../images/grow-bg-image.png')
}

.grow-col div {
    margin-top: 30%;
    padding: 14%
}

.search {
    width: 300px;
    flex-shrink: 0;
    border-radius: 4px;
    background: rgba(43, 171, 227, .12);
    columns: #2BABE3
}

#search-content {
    color: var(--black-color);
    font-family: Nunito Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.5px;
    letter-spacing: .24px
}

.btn-search-btn {
    margin: 80px 19px 0 15px;
    border-radius: 6px;
    background: var(--white-color)
}

.we-have-challenge-section-1 div h4 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600
}

.communacating-col-1,
.communacating-col-2,
.communacating-col-3 {
    background: var(--white-color);
    padding: 20px 0 0;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25);
    border-top-right-radius: 20px
}

.is-benfits-section-1,
.is-benfits-section-2,
.our-product-header-section,
.we-work-width-section,
.we-work-with-col,
span.field-cls {
    background-repeat: no-repeat;
    background-size: cover
}

.communacating-col p {
    padding: 10px 10px 0;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400
}

.about-fieldblaze-section div h3,
h4.about-fieldblaze {
    font-size: 22px;
    color: var(--black-color);
    font-style: normal
}

.our-product-header-section {
    background-image: url('../images/our-product-bg-image.png');
    background-position: center;
    padding: 120px 0
}

.about-fieldblaze-section div h3 {
    margin-bottom: 20px;
    font-weight: 400;
    line-height: 44.245px
}

h4.about-fieldblaze {
    margin: 10px 0 0;
    text-align: center;
    font-weight: 600;
    line-height: normal
}

.dev-rectangle-img1 p,
p.about-fieldblaze-para {
    color: var(--black-color);
    text-align: center;
    padding: 10px 10px 20px;
    margin-bottom: 0 !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

span.blaze-cls,
span.field-cls {
    font-size: 32px;
    font-weight: 400;
    line-height: 44.245px;
    font-style: normal
}

span.field-cls {
    color: #002248;
    background-image: url('../images/fieldblaze-arrow-icon.png');
    background-position: bottom;
    padding-top: 50px
}

span.blaze-cls {
    color: #3ec59a
}

.our-product-header-section div h2 {
    color: var(--black-color);
    margin-top: 40px;
    margin-bottom: 29px;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 73.745px;
    text-transform: capitalize
}

.our-product-header-section div img {
    margin: 0 0 50px
}

.is-benfits-heading-col h6,
.our-product-header-section div p {
    color: var(--black-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.communacating-col span {
    color: var(--sky-blue-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: .24px
}

.dev-rectangle-img1 img,
.dev-service-para,
.experience,
.item-content h3,
.opening-col-2 button,
.opening-col-2 h5,
.search-btn-col h6,
.support-btn,
.txt-span {
    font-weight: 400;
    font-style: normal
}

.example input[type=text] {
    padding: 10px 0 10px 10px;
    font-size: 17px;
    border: none;
    width: 80%;
    border-radius: 6px 0 0 6px;
    box-shadow: none;
    background: var(--white-color)
}

.search-btn-col {
    border-radius: 4px;
    background: rgba(43, 171, 227, .12)
}

.search-btn-col h6 {
    color: var(--black-color);
    padding-bottom: 50px;
    margin: 25px 19px 0 15px;
    font-size: 14px;
    line-height: 20.5px;
    letter-spacing: .2px
}

.opening-col-2 {
    padding-left: 40px
}

.opening-col-2 h5 {
    color: var(--sky-blue-color);
    margin-top: 9px;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: .26px
}

.opening-col-2 button {
    border-radius: 41px;
    background: var(--sky-blue-color);
    padding: 14px 57px;
    border: none;
    color: var(--white-color);
    font-size: 18px;
    line-height: 20.5px;
    letter-spacing: .2px;
    margin-bottom: 25px;
    margin-top: 25px
}

.opening-col-2 h3,
.opening-col-2 img {
    margin-bottom: 36px
}

.opening-col-2 h3,
.opening-col-2 h3 sup {
    line-height: 33px;
    color: var(--black-color);
    letter-spacing: .2px;
    font-weight: 400;
    font-style: normal
}

.search-btn-row {
    border-top: 2px solid #f4a93f
}

.opening-col-2 h3 {
    font-size: 30px
}

.opening-col-2 h3 sup {
    font-size: 16px
}

.example button {
    float: right;
    width: 20%;
    padding: 8px 8px 7px 0;
    border: none;
    border-radius: 0 6px 6px 0;
    box-shadow: none;
    background: var(--white-color);
    color: #5d5d5d;
    font-size: 20px;
    border-left: none;
    cursor: pointer
}

span.about,
span.c3,
span.im {
    font-weight: 900;
    line-height: 44.245px;
    font-size: 32px
}

.current-opening-section div h4 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: .2px
}

.about-C3IM,
.content-para,
.para {
    line-height: 152.5%
}

.experience-content {
    border-radius: 6px;
    border-bottom: 1px solid #f4a93f;
    background: var(--white-color);
    height: 250px
}

.arrow,
.experience,
.view-website-button {
    border: none;
    color: var(--white-color);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.arrow,
.experience {
    background: var(--sky-blue-color)
}

.experience {
    width: 175px;
    height: 37.023px;
    border-radius: 41px;
    font-family: Nunito Sans;
    font-size: 12px;
    letter-spacing: .24px
}

.arrow {
    float: right;
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.responsive-11,
.responsive-image-1 {
    width: 80%
}

.new-product-section {
    background-image: url('../images/our-product-new-image-1.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 26px 170px
}

.new-product-section div h2 {
    color: var(--black-color);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 152.5%
}

.about-C3IM,
.content-para,
.new-product-section div p,
.para,
.recent-blog1,
.step1,
.step2,
.step3,
.view-website-button {
    font-weight: 400;
    font-style: normal
}

.new-product-section div p {
    padding: 0 260px;
    text-align: center;
    font-size: 20px;
    line-height: normal
}

.para,
.why-para {
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px
}

.content-para {
    text-align: center;
    font-size: 20px;
    margin: 0 0 30px
}

.view-website-button {
    border-radius: 24.756px;
    background: var(--sky-blue-color);
    font-size: 17px;
    letter-spacing: .24px;
    padding: 10px 30px
}

span.about {
    text-align: center;
    font-style: normal
}

span.c3 {
    color: var(--sky-color);
    font-style: normal
}

span.im {
    color: #2c3691;
    font-style: normal
}

.about-C3IM {
    font-size: 17px;
    margin-bottom: 15px
}

.about-view-website-button,
.question-form form .submit {
    border: none;
    color: var(--white-color);
    background: var(--sky-blue-color)
}

.about-view-website-button,
.recent-content-button {
    height: 37.023px;
    font-family: Nunito Sans;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .24px
}

.article-head,
.article-text {
    font-size: 18px
}

.about-view-website-button {
    width: 250px;
    border-radius: 10px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.question-form form input,
.question-form form textarea {
    border-radius: 5.592px;
    border-bottom: .932px solid #e4e4e4;
    border-left: .932px solid #e4e4e4
}

.question-form form input,
.question-form form textarea,
.recent-content-button {
    background: var(--white-color);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.question-form form {
    border-radius: 12px;
    background: #ebf4fb;
    padding: 30px
}

.question-form form input {
    height: 65px
}

.question-form form textarea {
    height: 120px
}

.question-form form .submit {
    width: 105px;
    margin-top: 20px;
    padding: 5px;
    border-radius: 20px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-left: 74%
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url('../images/plus-icon.png');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../images/sub-icon.png');
    transform: rotate(-180deg)
}

.recent-content {
    line-height: normal
}

.recent-content-button {
    position: relative;
    border: none;
    width: 185px;
    border-radius: 50px;
    color: #0088c8;
    float: left;
    text-align: left;
    padding-left: 20px
}

.recent-arrow {
    position: absolute;
    top: -31%;
    left: 72%;
    width: 40px
}

.recent-blog-rectangle {
    position: relative;
    text-align: center;
    width: 275px
}

.recent-blog1,
.step1,
.step2,
.step3 {
    color: var(--black-color);
    text-align: justify;
    line-height: normal;
    position: absolute;
    font-size: 18px
}

.recent-blog1 {
    top: 4%;
    left: 8%
}

.recent-icon1 {
    position: absolute;
    top: -8%;
    left: 115%
}

.step1 {
    top: 47%;
    left: 14%
}

.step2 {
    top: 51%;
    left: 9%
}

.step3 {
    top: 55%;
    left: 5%
}

.recent-icon2 {
    position: absolute;
    top: 78%;
    left: 10%
}

.demo-img {
    position: absolute;
    top: 63%;
    left: 50%;
    width: 119px
}

.article-box-1 {
    border-bottom-right-radius: 10.336px;
    border-bottom-left-radius: 10.336px;
    background: var(--sky-blue-color);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    padding: 4px 5px 20px 10px;
    margin-top: -30px;
    position: relative
}

.article-box a img {
    width: 100%;
    height: 235px;
    object-fit: cover
}

.article-head {
    color: var(--white-color);
    cursor: pointer;
    font-weight: 500
}

.article-more,
.article-text {
    font-weight: 400;
    line-height: normal;
    font-style: normal
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li {
    margin: 4% 0;
    font-size: 20px;
    cursor: pointer
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li a:hover {
    color: var(--sky-blue-color);
    text-decoration: underline
}

.article-more {
    color: #303030;
    font-size: 16px
}

.with-our-experties-section h2 {
    text-align: center;
    font-size: 32px;
    font-style: normal;
    letter-spacing: .2;
    font-weight: 600;
    line-height: 139%
}

.with-our-experties-section p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 8%;
    line-height: 130%
}

.our-salesforce-crm-integration-col h6 {
    color: var(--black-color);
    text-align: center;
    padding-top: 20px;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

.our-salesforce-crm-integration-section {
    background-image: url('../images/our-salesforce-crm-integration-bg-image.png');
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px
}

.dev-service-heading,
.our-salesforce-crm-integration-col p,
.you-might-heading {
    color: var(--black-color);
    font-style: normal
}

.our-salesforce-crm-integration-col p {
    text-align: center;
    font-size: 17px;
    padding: 10px 32px;
    font-weight: 400;
    line-height: 130%
}

.dev-service-header-img,
.why-ccc-infotech-img {
    position: relative;
    text-align: center
}

.ccc-box1,
.ccc-box2,
.ccc-box3,
.ccc-box4,
.ccc-box5,
.ccc-box6,
.dev-service,
.dev-service-para {
    position: absolute
}

.dev-service-heading {
    position: absolute;
    font-size: 32px;
    font-weight: 400;
    line-height: 73.745px;
    margin-top: 14%;
    margin-left: 14%
}

.you-might-heading {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 3%;
    text-transform: lowercase
}

.dev-box-heading2,
.dev-box-heading3,
.dev-box-heading4,
.dev-service-para {
    color: var(--black-color);
    font-size: 20px
}

.you-might-heading::after {
    content: "";
    border-bottom: 1px var(--sky-blue-color) double;
    display: inline-block;
    width: 70%;
    margin-left: 10px
}

.tss-wrapper .tss-carousel3 .item-content-wrapper {
    background-color: transparent !important
}

.dev-service-para {
    line-height: 130%;
    margin-top: 19%;
    margin-left: 14%
}

.dev-background-img-1 {
    background-image: url('../images/Rectangle-1.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 110px !important
}

.dev-background-img-2,
.faq-section-1,
.why-cloud-centric-infotech-iamge-section {
    background-image: url('../images/Rectangle-2.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.dev-rectangle-img1-1,
.dev-rectangle-img1-3 {
    background: var(--white-color);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25);
    width: 23% I !important
}

.item-content h3 {
    color: var(--black-color);
    font-size: 18px;
    line-height: 130%
}

#mega-menu-wrap-sbt_primary_menu_id #mega-menu-sbt_primary_menu_id[data-effect=fade_up] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu,
#mega-menu-wrap-sbt_primary_menu_id #mega-menu-sbt_primary_menu_id[data-effect=fade_up] li.mega-menu-item.mega-menu-megamenu>ul.mega-sub-menu {
    z-index: 1000;
    min-width: 10rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: var(--white-color);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.rc-anchor-normal .rc-anchor-pt {
    display: none !important
}

.dev-rectangle-img1 img {
    color: var(--white-color);
    text-align: center;
    padding: 15px 0 0;
    font-size: 50.051px;
    width: 75px;
    line-height: normal
}

.dev-box-heading2,
.dev-rectangle-img1 h2 {
    font-weight: 600;
    line-height: normal;
    font-style: normal
}

.dev-rectangle-img1 h2 {
    color: var(--sky-blue-color);
    margin: 1px 0 0;
    text-align: left;
    font-size: 22px
}

.dev-rectangle-img2 {
    position: relative;
    text-align: center;
    margin-left: 1%;
    margin-top: 5%
}

.dev-box2,
.dev-box3,
.dev-box4,
.dev-box5,
.dev-box6 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.dev-box2 img {
    position: absolute;
    margin-left: -62%;
    margin-top: -81%
}

.dev-box-heading2 {
    text-align: center;
    margin-top: -61%;
    margin-left: -26%
}

.dev-para2,
.dev-para3,
.dev-para4,
.dev-para5,
.dev-para6 {
    position: absolute;
    color: var(--black-color);
    text-align: left;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.dev-rectangle-img3 {
    position: relative;
    text-align: center;
    margin-left: 2%;
    margin-top: 5%
}

.dev-box3 img {
    position: absolute;
    margin-left: -74%;
    margin-top: -97%
}

.dev-box-heading3 {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: -71%;
    margin-left: -49%
}

.dev-rectangle-img4 {
    position: relative;
    text-align: center;
    margin-left: -5%;
    margin-top: 1%
}

.dev-box4 img,
.dev-box6 img {
    position: absolute;
    margin-left: -50%;
    margin-top: -66%
}

.dev-box-heading4 {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: -51%;
    margin-left: -16%
}

.ccc-box-heading1,
.ccc-box-heading2,
.ccc-box-heading3,
.ccc-box-heading4,
.ccc-box-heading5,
.ccc-box-heading6,
.ccc-para1,
.ccc-para2,
.ccc-para3,
.ccc-para4,
.ccc-para5,
.ccc-para6,
.dev-box-heading5,
.dev-box-heading6 {
    text-align: center;
    font-weight: 400;
    line-height: normal;
    color: var(--black-color);
    font-style: normal
}

.dev-box-heading5,
.dev-box-heading6 {
    font-size: 20px
}

.dev-rectangle-img5 {
    position: relative;
    text-align: center;
    margin-left: 1%;
    margin-top: 1%
}

.dev-box5 img {
    position: absolute;
    margin-left: -50%;
    margin-top: -65%
}

.dev-box-heading5 {
    margin-top: -49%;
    margin-left: -8%
}

.dev-rectangle-img6 {
    position: relative;
    text-align: center;
    margin-left: 2%;
    margin-top: 1%
}

.ccc-box-heading1,
.ccc-box-heading2,
.ccc-box-heading3,
.ccc-box-heading4,
.ccc-box-heading5,
.ccc-box-heading6,
.ccc-box1 img,
.ccc-box2 img,
.ccc-box3 img,
.ccc-para1,
.ccc-para2,
.ccc-para3,
.ccc-para4,
.ccc-para5,
.ccc-para6,
.content-banner:before {
    position: absolute
}

.dev-box-heading6 {
    margin-top: -51%;
    margin-left: -21%
}

.ccc-box-heading1,
.ccc-para1 {
    margin-left: 14%
}

.ccc-box1 img {
    margin-top: 75px;
    margin-left: -31%
}

.ccc-box-heading1 {
    font-size: 20px;
    margin-top: 14%
}

.ccc-para1 {
    font-size: 18px;
    margin-top: 17%;
    width: 19%
}

.ccc-box2 img {
    margin-top: 75px;
    margin-left: -5%
}

.ccc-box-heading2 {
    font-size: 20px;
    margin-top: 14%;
    margin-left: 41%
}

.ccc-para2 {
    font-size: 18px;
    margin-top: 17%;
    margin-left: 39%;
    width: 19%
}

.ccc-box3 img {
    margin-top: 75px;
    margin-left: 19%
}

.ccc-box4 img,
.ccc-box5 img,
.ccc-box6 img {
    margin-top: 29%;
    position: absolute
}

.ccc-box-heading3 {
    font-size: 20px;
    margin-top: 14%;
    margin-left: 66%
}

.ccc-para3 {
    font-size: 18px;
    margin-top: 17%;
    margin-left: 63%;
    width: 19%
}

.ccc-box4 img {
    margin-left: -29%
}

.ccc-box-heading4 {
    font-size: 20px;
    margin-top: 39%;
    margin-left: 17%
}

.ccc-para4 {
    font-size: 18px;
    margin-top: 42%;
    margin-left: 14%;
    width: 19%
}

.ccc-box5 img {
    margin-left: -5%
}

.ccc-box-heading5 {
    font-size: 20px;
    margin-top: 39%;
    margin-left: 40%
}

.ccc-para5 {
    font-size: 18px;
    margin-top: 42%;
    margin-left: 39%;
    width: 19%
}

.ccc-box6 img {
    margin-left: 19%
}

.ccc-box-heading6 {
    font-size: 20px;
    margin-top: 39%;
    margin-left: 64%
}

.ccc-para6 {
    font-size: 18px;
    margin-top: 42%;
    margin-left: 63%;
    width: 19%
}

.social-link-our-team {
    width: 48px;
    height: 48px
}

div.twitter-logo {
    margin-bottom: 38px
}

.leader-image img {
    width: 284px;
    border-radius: 147.398px;
    background: url(<path-to-image>), 50%/cover no-repeat #d3d3d3;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .25)
}

.developer-image-1 img,
.developer-image-2 img,
.developer-image-3 img,
.developer-image-5 img,
.developer-image-6 img,
.developer-image-7 img,
.developer-image-8 img,
.developer-image-9 img {
    border-radius: 50%;
    width: 217px
}

.meet-the-mind-section {
    background-image: url('../images/leader-bg-image.png');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.meet-the-mind-section-1 div h2,
.we-work-width-section h2 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 156.454%
}

.leader-heading-txt h2 {
    color: var(--black-color);
    text-align: start;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 47.15px;
    margin-bottom: 10px
}

.leader-heading-txt h6,
.leader-heading-txt p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px
}

.leader-heading-txt h6 {
    color: var(--sky-blue-color);
    text-align: start;
    margin-bottom: 20px;
    line-height: 28.15px
}

.leader-heading-txt p {
    color: var(--black-color);
    line-height: 35.15px
}

.our-expert-team-section p {
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 34.245px;
    margin-bottom: 30px
}

p.creat-para,
p.cta-para {
    color: var(--black-color);
    font-size: 17px;
    font-style: normal;
    font-weight: 400
}

p.creat-para {
    text-align: justify;
    line-height: 25.745px;
    margin-bottom: 0 !important
}

p.cta-para {
    margin-bottom: .5rem;
    line-height: 156.454%
}

.developer-image h4,
.hire-certificated-salesforce-experts-section div p {
    color: var(--black-color);
    font-size: 22px;
    text-align: center;
    font-style: normal
}

.underline-center-margin {
    margin-bottom: 50px;
    color: var(--black-color)
}

.underline-center-margin-11 {
    margin-bottom: 55px;
    color: var(--black-color)
}

.underline-center-margin-12 {
    margin-bottom: 0;
    color: var(--black-color)
}

.underline-center-margin-1 {
    margin-bottom: 1rem !important
}

.developer-image-1 img {
    background: #ffbdb1;
    text-align: center
}

.developer-image-2 img {
    background: #95bbe1;
    text-align: center
}

.developer-image-3 img {
    background: #ffd18c;
    text-align: center
}

.articles-from-news-section h2,
.heading-h2,
.we-have-challenge-section-1 div h2,
div.process-of-inter h2 {
    font-weight: 700 !important
}

div.process-of-inter h2 {
    margin-bottom: 20px !important
}

.developer-image-5 img {
    background: #e6b3dc;
    text-align: center
}

.developer-image-6 img {
    background: #90deff;
    text-align: center
}

.developer-image-7 img {
    background: #fe5572;
    text-align: center
}

.developer-image-8 img {
    background: #b5adfe;
    text-align: center
}

.developer-image-9 img {
    background: #c1eadc;
    text-align: center
}

.developer-image h4 {
    margin-top: 28px;
    font-weight: 500;
    line-height: 110%
}

.developer-image-1 p,
.developer-image-3 p {
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 30px
}

.leader-row {
    padding: 2rem;
    border-bottom: 1px dashed #818181
}

.our-team-ssection {
    margin-bottom: 60px;
    padding-top: 70px
}

.hiring-models-col-1,
.hiring-models-col-2 {
    padding: 20px 0;
    background: var(--white-color);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25)
}

.hire-certificated-salesforce-experts-section {
    margin-top: 110px
}

.hire-certificated-salesforce-experts-section div p {
    padding: 0 7%;
    font-weight: 400;
    line-height: 156.454%;
    margin-bottom: 30px
}

a.our-services-btn {
    margin-top: 40px;
    text-align: center;
    text-decoration: none
}

.copyright-para a,
a,
section.how-a-look-section-1 a {
    text-decoration: none !important
}

.our-services-btn button {
    padding: 16px 51px;
    align-items: center;
    border-radius: 6px;
    background: var(--sky-blue-color);
    color: var(--white-color);
    text-align: justify;
    border: none;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    gap: 10px
}

.hiring-models-col-1,
.migration-col {
    border-top-right-radius: 40px
}

.hiring-models-col-2,
.migration-col-2 {
    border-top-left-radius: 40px
}

.hiring-models-col h3 {
    color: var(--sky-blue-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 130%
}

.hiring-models-col p,
.why-hire-salesforce-experts-section div p,
section.experties-in-mobile-app-section div p {
    color: var(--black-color);
    font-style: normal;
    text-align: center
}

.hiring-models-col p {
    padding: 0 10px;
    margin-bottom: 0 !important;
    font-size: 17px;
    font-weight: 400;
    line-height: 130%
}

.our-salesforce-hiring-model hr {
    margin-bottom: 60px
}

.why-hire-salesforce-experts-section div p {
    font-size: 20px;
    font-weight: 400;
    line-height: 156.454%;
    margin-bottom: 90px
}

section.experties-in-mobile-app-section {
    background-image: url('../images/experties-mobile-app-development-bg-image.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 0 40px
}

section.experties-in-mobile-app-section div p {
    margin: 40px 0 0;
    padding: 0 14%;
    font-size: 20px;
    font-weight: 400;
    line-height: 156.454%
}

.salesforce-dev-section {
    background-image: url('../images/header-image.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    max-height: auto;
    padding: 120px 3rem 100px
}

.hey-lets-connect-btn,
.salesforce-dev-section div button {
    color: var(--sky-blue-color);
    font-size: 20px;
    background: var(--white-color);
    padding: 10px 45px 9px 44px;
    line-height: 130%;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.salesforce-dev-section div button {
    font-style: normal;
    margin-top: 40px;
    border: none;
    font-weight: 500;
    border-radius: 24.756px
}

.salesforce-dev-section div h2,
.salesforce-dev-section div p,
.we-work-with-col h4 {
    color: var(--white-color);
    font-style: normal
}

.hey-lets-connect-btn {
    font-style: normal;
    border: none;
    font-weight: 400;
    border-radius: 9px
}

.we-are-best-integrating-col,
.your-app-need-col-1,
.your-app-need-col-2,
.your-app-need-col-3 {
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25)
}

.salesforce-dev-section div h2 {
    font-size: 40px;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 30px
}

.choose-section div.container,
.salesforce-dev-section div.container-fluid {
    padding: 0 7%
}

.salesforce-dev-section div p {
    font-size: 20px;
    padding-right: 12%;
    font-weight: 400
}

.field-service-lightening-header-section div p,
.heroku-development-header-section div p,
.mulesoft-header-section div p,
.navigating-the-salesforce-migration div h6 {
    color: var(--black-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.data-migration-platform-section div p,
.end-to-end-salesforce-implementation-section div p,
.smart-service-field-lightening-section div p {
    color: var(--black-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    padding: 0 2%;
    margin-bottom: 0 !important;
    font-weight: 400;
    line-height: 156.454%
}

.salesforce-appexchange-platform-section div p {
    color: var(--black-color);
    text-align: center;
    font-size: 20px;
    margin-top: 40px;
    font-style: normal;
    padding: 0 2%;
    font-weight: 400;
    line-height: 156.454%
}

.we-work-with-col {
    background-image: url('../images/services-bg-image.png');
    background-position: center;
    border-radius: 6px
}

.we-work-with-col h4 {
    font-size: 20px;
    font-weight: 600;
    padding: 0 10px 10px;
    line-height: 30px
}

.we-work-with-col img {
    padding: 14px 0 0
}

.we-work-width-section {
    fill: linear-gradient(180deg, rgba(43, 171, 227, 0.00) 28.12%, rgba(43, 171, 227, 0.20) 100%);
    background-image: url('../images/we-are-work-bg-image.png');
    background-position: bottom;
    padding-bottom: 2%
}

.and-its-benefits-section h4,
.elevate-learning-section div h4,
.our-strategy-section div h3 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.achieve-unified-business-section,
.optimaze-your-roadmap-section-1 {
    background-image: url('../images/base-image.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover
}

.gap-section {
    margin: 110px 0 0
}

.what-do-our-team-offer-section-heading p {
    color: var(--black-color);
    text-align: center;
    margin-bottom: 40px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.features-of-field-col,
.we-are-best-integrating-col {
    background: var(--white-color);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25);
    margin-bottom: 20px;
    border-radius: 5px
}

.features-of-field-row,
.field-implementation-solution-section img {
    margin-top: 20px
}

.features-of-field-col-1,
.we-are-best-integrating-col-1 {
    border-radius: 5px 30px 5px 5px
}

.features-of-field-col-3,
.we-are-best-integrating-col-3 {
    border-radius: 30px 5px 5px
}

.features-of-field-col img,
.we-are-best-integrating-col img {
    padding: 15px 0 0
}

.features-of-field-col h4,
.we-are-best-integrating-col h4 {
    margin-top: 5px;
    margin-bottom: 10px;
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 156.454%
}

.features-of-field-col p,
.field-implementation-solution-section p,
.simplicity-and-speed-col p,
.we-are-best-integrating-col p,
.why-hire-salesforce-row h4,
.why-para,
.your-app-needs-section div p {
    color: var(--black-color);
    font-weight: 400;
    line-height: 156.454%;
    font-style: normal
}

.simplicity-and-speed-col p,
.why-hire-salesforce-row h4 {
    font-size: 17px
}

.features-of-field-col p,
.we-are-best-integrating-col p {
    padding: 0 5px;
    font-size: 17px
}

.field-implementation-solution-section p,
.your-app-needs-section div p {
    font-size: 20px
}

.your-app-need-columns img {
    width: 90px;
    padding: 15px 15px 0;
    height: auto;
    border-top-left-radius: 12px;
    background-color: var(--white-color)
}

.your-app-need-columns h4 {
    color: var(--sky-blue-color);
    font-size: 22px;
    font-style: normal;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600;
    line-height: 156.454%
}

.your-app-need-columns p {
    color: var(--black-color);
    text-align: center;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.heroku-with-salesforce-section div h3,
.simplicity-and-speed-col h4,
.use-mulesoftefficient-col h4 {
    font-weight: 600;
    font-style: normal;
    text-align: center
}

.your-app-need-col-1 {
    border-top-right-radius: 30px
}

.your-app-need-col-2 {
    border-top-left-radius: 30px
}

.heroku-with-salesforce-section div h3 {
    color: var(--black-color);
    font-size: 32px;
    line-height: 156.454%
}

.simplicity-and-speed-col-1,
.simplicity-and-speed-col-2 {
    border-right: 2px dashed #b9b9b9;
    border-width: 50%
}

.simplicity-and-speed-col-3,
.use-mulesoftefficient-col-3 {
    border-width: 50%
}

.simplicity-and-speed-col img {
    width: 64px;
    height: 61px;
    text-align: center;
    margin-bottom: 14px
}

.simplicity-and-speed-col h4 {
    color: var(--sky-blue-color);
    font-size: 22px;
    margin-bottom: 10px;
    line-height: 156.454%
}

.field-service-lightening-header-section,
.heroku-development-header-section,
.mulesoft-header-section {
    background-image: url('../images/hire-salesfor-consultant-header-bg-image.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0
}

.field-service-lightening-header-section div h2,
.heroku-development-header-section div h2,
.mulesoft-header-section div h2 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.745px;
    text-transform: capitalize;
    margin-top: 12%;
    margin-bottom: 25px
}

.footer-section {
    padding: 2% 8%
}

.use-mulesoft-anypoint-section {
    background-image: url('../images/use-anypoint-platform-bg-image-1.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0
}

.use-mulesoftefficient-col-1,
.use-mulesoftefficient-col-2 {
    border-right: 1.5px dashed #b9b9b9;
    border-width: 50%
}

.use-mulesoftefficient-col h4 {
    color: var(--sky-blue-color);
    margin-top: 20px;
    font-size: 22px;
    line-height: 156.454%
}

.use-mulesoftefficient-col p {
    color: var(--black-color);
    margin-bottom: 0 !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%
}

.we-are-best-integrating-col {
    background: var(--white-color);
    margin-bottom: 50px;
    border-radius: 5px
}

.we-are-best-integrating-col h4 {
    padding: 15px 10;
    color: var(--sky-blue-color);
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 156.454%
}

.mulesoft-implementation-services-col h4,
.mulesoft-implementation-services-col p,
.we-are-best-integrating-col p {
    color: var(--black-color);
    line-height: 156.454%;
    font-style: normal
}

.we-are-best-integrating-col p {
    padding: 0 10px 15px;
    margin: 0 !important;
    font-size: 17px;
    font-weight: 400
}

.mulesoft-implementation-services-col h4 {
    text-align: left;
    font-size: 32px;
    margin: 53px 0 0;
    font-weight: 600
}

.mulesoft-implementation-services-col p {
    margin-top: 40px;
    font-size: 1.3rem;
    text-align: left;
    padding: 0 50px 0 0;
    font-weight: 400
}

.row.mulesoft-row-area div.col-lg-4 img {
    height: 290px
}

.mulesoft-implementation-services-col button {
    border-radius: 4px;
    color: var(--white-color);
    padding: 0 10px 0 20px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%;
    background: var(--sky-blue-color);
    border: none;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.mulesoft-implementation-services-col button img,
.mulesoft-implementation-services-col-2 button img {
    padding: 10px 20px 10px 10px
}

.mulesoft-implementation-services-col-2 h4 {
    color: var(--black-color);
    text-align: right;
    font-size: 32px;
    margin-top: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 156.454%
}

.mulesoft-implementation-services-col-2 p {
    color: var(--black-color);
    font-size: 1.3rem;
    text-align: left;
    margin-top: 40px;
    padding: 0 0 0 84px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%
}

.mulesoft-implementation-services-col-2 button {
    border-radius: 4px;
    float: left;
    color: var(--white-color);
    margin: 0 0 0 84px;
    padding: 0 10px 0 20px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%;
    background: var(--sky-blue-color);
    border: none;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.optimaze-your-roadmap-col p {
    color: var(--black-color);
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%
}

.how-we-enhance-section div h4,
.our-transformative-salesforce-section h3 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    text-align: center;
    font-weight: 600;
    line-height: 156.454%
}

.our-transformative-salesforce-section p {
    color: var(--black-color);
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.is-benfits-section-1 {
    background-image: url('../images/Rectangle 19847.png');
    background-position: center;
    padding-bottom: 20px !important;
    padding: 0 10%
}

.is-benfits-section-2 {
    background-image: url('../images/Rectangle 19848.png');
    background-position: top;
    padding-bottom: 20px !important;
    padding: 0 10%;
    margin-bottom: 50px
}

.navigating-the-salesforce-migration,
.our-services-database-section-1 {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.education-cloud-features-section h3,
.elevate-business-section h3,
.is-benfits-section div h4 {
    color: var(--black-color);
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

.is-benfits-heading-col-1 h6,
.is-benfits-heading-col-2 h6 {
    line-height: normal;
    font-size: 20px;
    font-weight: 400;
    color: var(--black-color);
    font-style: normal
}

.is-benfits-heading-col-1 h6 {
    margin-top: 26px;
    text-align: right
}

.is-benfits-heading-col-2 h6 {
    margin-top: 40px
}

.is-benfits-image-col img {
    width: 222px;
    height: 265px;
    text-align: right
}

.is-benfits-image-col-1 img {
    width: 307px;
    height: 203px;
    margin-top: 0
}

.is-benfits-image-col-2 img {
    width: 390px;
    margin-top: 40px;
    height: 294px
}

.navigating-the-salesforce-migration {
    background-image: url('../images/navigation-bg-image-1.png');
    padding-bottom: 75px
}

img.responsive-1 {
    width: 62px;
    height: 62px
}

.cost-effective-cols {
    padding: 0 10%;
    margin-top: 30px
}

.cost-effective-cols-1 {
    padding: 0 10%;
    margin-top: 63px
}

.cost-effective-cols div h5,
.cost-effective-cols-1 div h5 {
    color: var(--black-color);
    text-align: left;
    font-size: 20px;
    margin-top: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.case-study-introducation-section div h4,
.cloud-case-study-implementation-process h3,
.cloud-case-study-overview-section h4,
.cloud-study-conclusion-section div h4,
.cloud-study-result-section h3,
.our-services-database-section div h5,
section.benefits-of-salesforce-implementation div.row h4,
section.things-to-consider-section div.row h3 {
    color: var(--black-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

.our-services-database-section-1 {
    background-image: url(../images/Rectangle-2.png);
    margin-bottom: 120px
}

.our-services-database-section-1 div h4 {
    color: var(--sky-blue-color);
    font-size: 22px;
    margin-bottom: 0 !important;
    padding: 30px 10px 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 29.516px
}

.our-services-database-section-1 div p,
.salesforce-cloud-header-section div h2,
.salesforce-cloud-header-section div p {
    color: var(--black-color);
    font-weight: 400;
    font-style: normal
}

.our-services-database-section-1 div p {
    text-align: center;
    font-size: 17px;
    padding: 0 10px 25px;
    line-height: 29.516px
}

.migration-col-div {
    background-color: #d9d9d9
}

.migration-col,
.migration-col-1,
.migration-col-2 {
    padding-bottom: 20px;
    background: var(--white-color);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25)
}

.need-analysis-col {
    text-align: end
}

.why-choose-section {
    margin-bottom: 131px
}

.salesforce-cloud-header-section {
    background-image: url('../images/cloud-header-bg-image-new.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 10% 100px;
    margin-bottom: 100px
}

.salesforce-cloud-header-section div.col-lg-7 img {
    position: relative;
    top: 80px;
    display: none;
    left: -24px;
    opacity: .4
}

.salesforce-cloud-header-section div h2 {
    margin-bottom: 30px;
    font-size: 2.4rem;
    margin-top: 10%;
    line-height: 156.454%
}

.salesforce-cloud-header-section div p {
    font-size: 1.5rem;
    padding-right: 35px;
    margin-bottom: 37px;
    line-height: 130%
}

.salesforce-cloud-header-section div button,
.section-gap-mb-1 {
    margin-bottom: 2rem
}

.responsive-image {
    width: 80%;
    height: auto;
    object-fit: contain
}

.responsive-image-2 {
    width: 70%
}

span.CloudCentric-span {
    color: var(--sky-blue-color);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 156.454%
}

.boost-employee-col-1,
.empower-anywhere-col-1,
.personalized-customer-col-1,
div.our-services-col-1,
div.our-services-col-2 {
    background-color: var(--sky-blue-color);
    padding: 0 !important
}

.boost-employee-col,
.empower-anywhere-col,
.personalized-customer-col {
    background: var(--white-color);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25)
}

.personalized-customer-col {
    border-radius: 5px 30px 5px 5px
}

.boost-employee-col {
    border-radius: 30px 5px 5px
}

.empower-anywhere-col {
    border-radius: 5px
}

.boost-employee-col h4,
.empower-anywhere-col h4,
.personalized-customer-col h4 {
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    padding: 10px 0;
    font-weight: 600;
    line-height: 29.516px
}

.boost-employee-col p,
.empower-anywhere-col p,
.personalized-customer-col p {
    color: var(--black-color);
    text-align: center;
    font-size: 17px;
    padding: 0 10px 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 29.516px
}

.why-salesforce-sales-section {
    background-image: url('../images/why-salesforce-sales-bg-image.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 20px
}

.servics-cloud-consulting-col,
.servics-cloud-implementation-col,
.servics-cloud-integration-col,
.servics-cloud-migration-col,
.servics-cloud-support-col {
    background-size: contain;
    padding: 34px 24px;
    background-position: top;
    background-repeat: no-repeat
}

.ai-powered-col img,
.drive-innovation-col img,
.saving-time-col img {
    width: 43px;
    height: 51px
}

.ai-powered-col p,
.drive-innovation-col p,
.saving-time-col p {
    color: var(--black-color);
    text-align: center;
    padding-top: 50px;
    margin-bottom: 0 !important;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.sales-cloud-implementation-section div p {
    color: var(--black-color);
    text-align: center;
    font-size: 20px;
    padding: 0 10%;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.efficient-lead-mgt-col img {
    position: relative;
    left: 210px;
    top: 78px
}

.personalized-lead-nurturing-col img {
    position: relative;
    left: -210px;
    top: 84px
}

.effiecinet-col-1 {
    margin-top: 80px
}

.effiecinet-col {
    margin-top: 100px
}

.servics-cloud-consulting-col,
.servics-cloud-implementation-col,
.servics-cloud-support-col {
    margin-top: 121px
}

.efficient-lead-mgt-col p,
.personalized-lead-nurturing-col p {
    color: var(--black-color);
    padding-top: 10px;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%
}

.servics-cloud-consulting-col {
    background-image: url('../images/services-consulting-bg-image.png')
}

.servics-cloud-implementation-col {
    background-image: url('../images/services-implementation-bg-image.png.png')
}

.servics-cloud-support-col {
    background-image: url('../images/services-support-bg-image.png')
}

.servics-cloud-integration-col {
    background-image: url('../images/cloud-integration-bg-image.png')
}

.our-services-section {
    margin-bottom: 110px;
    position: relative
}

.servics-cloud-migration-col {
    background-image: url('../images/cloud-migration-bg-image.png')
}

.servics-cloud-consulting-col p,
.servics-cloud-implementation-col p,
.servics-cloud-integration-col p,
.servics-cloud-migration-col p,
.servics-cloud-support-col p {
    color: var(--black-color);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 0 10px 80px;
    margin-bottom: 80px
}

.servics-cloud-consulting-col h4,
.servics-cloud-implementation-col h4,
.servics-cloud-integration-col h4,
.servics-cloud-migration-col h4,
.servics-cloud-support-col h4 {
    color: var(--black-color);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 34px 14px 35px
}

.salesforce-community-cloud-col-bg {
    margin-bottom: 70px;
    background: var(--white-color);
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .25)
}

.health-cloud-col-bg-1,
.health-cloud-col-bg-2,
.health-cloud-col-bg-3 {
    margin-bottom: 50px;
    background: var(--white-color);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25)
}

.health-cloud-col-bg h4,
.salesforce-community-cloud-col-bg h4 {
    color: var(--sky-blue-color);
    font-size: 22px;
    padding: 33px 10px 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 175.454%
}

.health-cloud-col-bg p,
.salesforce-community-cloud-col-bg p {
    color: var(--black-color);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    padding: 0 10px;
    font-weight: 400;
    line-height: 175.454%
}

.ol-list,
.ol-list-community-cloud {
    background-color: #d9d9D933;
    padding: 10px 18px 10px 60px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-bottom: 20px
}

.cloud-study-implemetaion-col-1,
.market-cloud-col-bg-1,
.studio-col-1 {
    border-top-right-radius: 20px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25);
    background: var(--white-color)
}

.ol-list li,
.ol-list-community-cloud li {
    list-style: disc;
    color: var(--black-color);
    text-align: left;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 156.454%
}

.market-cloud-col-bg-1 {
    padding: 20px 15px
}

.market-cloud-col-bg-2,
.market-cloud-col-bg-3 {
    background: var(--white-color);
    padding: 20px 15px;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25)
}

.market-cloud-col-bg h4 {
    color: var(--sky-blue-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 175.454%
}

.market-cloud-col-bg p {
    color: var(--black-color);
    margin-bottom: 0 !important;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 175.454%
}

.cloud-study-implemetaion-col-3,
.studio-col-3 {
    background: var(--white-color);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .25);
    border-top-left-radius: 20px
}

.studio-col h5 {
    color: var(--sky-blue-color);
    font-size: 22px;
    font-style: normal;
    text-align: center;
    font-weight: 600;
    padding: 20px 5px 0;
    line-height: 125.454%
}

.elevate-learning-section div p,
.studio-col p {
    color: var(--black-color);
    font-weight: 400;
    font-style: normal;
    text-align: center
}

.studio-col p {
    font-size: 17px;
    padding: 10px 5px 6px;
    line-height: 175.454%
}

.elevate-learning-section div p {
    padding: 0 6%;
    font-size: 20px;
    line-height: 130%
}

.studio-col-1 h5 {
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 125.454%;
    padding: 20px 5px 0
}

.studio-col-1 p {
    color: var(--black-color);
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 175.454%;
    padding: 10px 5px 6px
}

.student-col h5,
.student-col p {
    font-style: normal;
    line-height: normal
}

.student-col h5 {
    color: var(--sky-blue-color);
    font-size: 22px;
    font-weight: 600
}

.row.student-row .col-lg-4 img {
    padding: 17px 57px
}

.student-col p {
    color: var(--black-color);
    margin-top: 25px;
    font-size: 17px;
    font-weight: 400
}

.content-banner {
    color: var(--white-color);
    background-image: url(./img/banner.png);
    min-height: 400px;
    height: 100%;
    position: relative;
    background-position: center center;
    background-size: cover;
    padding-top: 125px
}

.dropdown-custom-item {
    width: 310px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-right: 2px dashed rgba(0, 0, 0, .25)
}

.dropdown-custom-item-1 {
    width: 250px;
    margin-top: 15px;
    margin-bottom: 15px
}

.dropdown-custom-item h4,
.dropdown-custom-item-1 h4 {
    margin-left: 15px;
    margin-bottom: 15px
}

.dropdown-custom-item a,
.dropdown-custom-item-1 a,
.dropdown-menu.about-dropdown-list a {
    color: var(--black-color);
    font-size: 15px;
    margin-bottom: 4px;
    font-weight: 600;
    font-style: normal
}

.dropdown-custom-item a img,
.dropdown-custom-item-1 a img {
    margin-right: 8px;
    width: 30px;
    height: 30px;
    object-fit: contain
}

.dropdown-custom-item-1 a img,
.dropdown-custom-item a img,
.dropdown-custom-item-2 a img {
    margin-right: 6px;
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.dropdown-custom-item-1 a,
.dropdown-custom-item a,
.dropdown-custom-item-2 a {
    color: var(--black-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 27.434px;
    margin-bottom: 4px;
}

.dropdown-custom-item-2 h4 {
    margin-left: 15px;
    margin-bottom: 15px;
}

.dropdown-custom-item-2 {
    width: 280px;
    margin-top: 15px;
    margin-bottom: 15px;
    /* border-right: 2px dashed rgba(0, 0, 0, 0.25); */
}

.dropdown-custom-item a,
.dropdown-custom-item-1 a {
    line-height: 27.434px
}

.dropdown-service.dropdown-menu.show {
    display: flex;
    background: var(--white-color)
}

.dropdown-menu.about-dropdown-list {
    width: 182px
}

.dropdown-menu.about-dropdown-list a {
    padding: 15px;
    line-height: 16.012px;
    letter-spacing: .09px
}

.dropdown-menu.about-dropdown-list a img {
    margin-right: 15px
}

.content-banner:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(57, 49, 49, .7);
    top: 0;
    left: 0;
    z-index: 1
}

.content-banner .first-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    z-index: 2;
    margin: 0 0 12px
}

.content-banner .banner-des {
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0;
    position: relative;
    z-index: 2;
    font-weight: 400;
    margin-top: 0
}

.banner-btn {
    padding: 0 34px;
    z-index: 1;
    margin: 30px auto 25px;
    line-height: 56px;
    position: relative;
    border-radius: 6px;
    height: 56px;
    font-size: 16px;
    background-color: #fe4066;
    display: inline-block;
    color: var(--white-color);
    transition: 5s;
    text-align: center
}

.banner-btn:hover {
    text-decoration: none;
    color: #fe4066;
    background-color: #fff
}

.case-study-section div h2,
.case-study-section div p,
.nav-item .nav-link {
    color: var(--black-color);
    font-style: normal
}

.header {
    position: relative;
    width: 100%
}

.header-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: transparent
}

ul.navbar-nav.me-auto.mb-2.mb-lg-0 {
    margin-top: .8%;
    padding-left: 1.5%
}

.nav-item .nav-link {
    display: block;
    font-weight: 500; 
    font-size: 16px;
    line-height: 23.245px;
    text-transform: uppercase
}

.header-btn {
    color: var(--white-color);
    border-radius: 30px;
    background-color: gray;
    border: none;
    font-weight: 400;
    outline: 0;
    font-size: 15px;
    padding: 7px 22px;
    transition: 5s
}

.header-btn:hover {
    background-color: #fe4066;
    cursor: pointer
}

.navbar-scroll {
    background-color: var(--white-color);
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 99;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
    transition-duration: 10s
}

.navbar-scroll .nav-item .nav-link {
    color: #000
}

.navbar-scroll .header-btn {
    color: var(--white-color);
    background-color: #fe4066
}

.random-image {
    position: absolute;
    left: 32%;
    margin-top: 10%
}

.random-image-1 {
    position: absolute;
    left: 32%;
    margin-top: 17%
}

section.case-study-section {
    padding: 4% 0 25%;
    margin-top: 5%;
    background-image: url('../images/case-study-header-image-2.png');
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.case-study-section div h2 {
    margin-bottom: 30px;
    font-size: 48px;
    font-weight: 800;
    line-height: 36.193px
}

.services-col-image {
    height: 250px;
    width: 100%;
    object-fit: contain
}

.case-study-section div p {
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 130%
}

.how-a-look-section h2 {
    font-size: 32px;
    font-weight: 600;
    color: var(--sky-blue-color)
}

.how-a-look-section h4 {
    color: var(--black-color);
    font-size: clamp(20px, 6vw, 35px);
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.btn-secondary {
    border-radius: 24.756px !important
}

.health-cloud-h4 {
    position: relative;
    top: -10% !important;
    width: 80%;
    left: 10%;
    padding: 10px;
    border-radius: 24.756px;
    background: var(--white-color);
    box-shadow: 0 3.4686391353607178px 16.389320373535156px 0 rgba(0, 0, 0, .25)
}

.how-a-look-section-1 div.img-heath {
    border-radius: 12.819px;
    padding: 8px;
    border: 3.469px solid var(--sky-blue-color);
    box-shadow: -3.4686391353607178px 3.4686391353607178px 12.140236854553223px 0 rgba(0, 0, 0, .25)
}

div.img-heath img {
    border-radius: 12.14px;
    background: url(<path-to-image>), 50%/cover no-repeat #d3d3d3
}

.health-cloud-h4 h4 {
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 17px;
    margin: 5px 0 !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.cloud-case-header-txt-col {
    background-image: url('../images/health-cloud-study-header-bg-image-1.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 50px 78px 150px
}

.cloud-case-header-txt-col-1 {
    background-image: url('../images/commerce-cloud-cs-header-bg-image.png')
}

.cloud-case-header-txt-col-2 {
    background-image: url('../images/manu-cloud-cs-header-bg-image.png')
}

.cloud-case-header-txt-col h2 {
    color: var(--white-color);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

.cloud-case-header-txt-col p {
    color: var(--white-color);
    padding: 30px 0 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.cloud-case-header-img-col {
    background: rgba(34, 159, 217, .1);
    padding: 150px 0 77px
}

.box-video .bg-video,
.case-study-introducation-section div p,
.cloud-study-conclusion-section div p,
.col-bg-image {
    background-repeat: no-repeat;
    background-position: center
}

.cloud-case-header-img-col img,
.rc-anchor-normal {
    width: 50% !important
}

.case-study-introducation-section div p {
    color: var(--black-color);
    text-align: center;
    padding: 0 10% 1rem;
    background-image: url('../images/case-study-intro-p-bg-image.png');
    background-size: 100% 100%;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.engineering-excellence-heading {
    color: var(--white-color);
    padding: 6%;
    font-size: 36px;
    font-style: normal;
    text-align: center;
    font-weight: 400;
    line-height: 47.15px
}

.underline-center-margin-10 {
    margin-bottom: 30px
}

.challenges-case-study-col h6 {
    color: var(--sky-blue-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

.challenges-case-study-col p {
    color: var(--black-color);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.cloud-study-implemetaion-col h4 {
    color: var(--sky-blue-color);
    padding: 20px 0;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 125.454%
}

.cloud-study-implemetaion-col p {
    color: var(--black-color);
    padding: 0 5px;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

section.cloud-study-result-section.text-center div.col-lg-12 ol {
    list-style: none !important
}

section.cloud-study-result-section.text-center div.col-lg-12 ol li {
    padding: 10px 0;
    list-style: outside
}

section.cloud-study-result-section.text-center div.col-lg-12 ol li h5 img {
    width: 8px;
    height: 8px;
    margin-right: 15px
}

div.things-to-consider-row h4,
ol.implementation-ol li h3,
section.cloud-study-result-section.text-center div.col-lg-12 ol li h5 {
    color: var(--black-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

section.cloud-study-result-section.text-center div.col-lg-12 ol:first-child {
    background: #f2fafd;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-bottom: 36px
}

section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(2) {
    background: var(--white-color) DFF;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-bottom: 36px
}

section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(3) {
    background: var(--white-color) CF3;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-bottom: 36px;
}

section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(4) {
    background: #fcfff8;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-bottom: 36px;
}

section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(5) {
    background: #fef9f0;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-bottom: 36px;

}
section.cloud-study-result-section.text-center div.col-lg-12 ol:nth-child(6) {
    background: #f2fafd;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    margin-bottom: 36px;
}
div.things-to-consider-row p,
ol.implementation-ol li p,
section.cloud-study-result-section.text-center div.col-lg-12 ol li p {
    color: var(--black-color);
    padding: 0 5px 0 0;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

.cloud-study-conclusion-section div p {
    color: var(--black-color);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    background-size: 100%;
    padding: 0 10rem
}

.remove-text-deco {
    text-decoration: none;
    cursor: pointer
}

.our-salesforce-services-img {
    width: 100%;
    height: 440px;
    object-fit: contain
}

div.follow-us-row div h4 {
    color: var(--black-color);
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

span.call-span-1 img,
span.call-span-2 img {
    display: none
}

.email-footer {
    padding-right: 20px
}

.col-bg-image {
    background-image: url('https://cccinfotech.com/wp-content/uploads/2024/04/rectangle-image-1-1.png');
    background-size: contain
}

.footer-copyright-section {
    padding: .1rem 2rem;
    background-color: var(--black-color);
    color: #fff;
    font-size: 18px
}

section.main-footer-section {
    background: #c7e7f5;
    padding: 3rem 3rem 1rem
}

div.innner-col-services-1,
div.innner-col-services-2,
div.innner-col-services-3,
div.innner-col-services-4 {
    background-color: var(--white-color);
    filter: drop-shadow(3px 6px 8px rgba(0, 0, 0, .25))
}

form.footer-form {
    border-radius: 4px;
    background: var(--white-color);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .25);
    padding: 10px 20px 46px !important
}

.rc-anchor-normal .rc-anchor-pt {
    position: inherit !important;
    text-align: left !important
}

div.our-services-row {
    justify-content: space-around
}

div.innner-col-services-1,
div.innner-col-services-3,
div.innner-col-services-4 {
    border-top-right-radius: 60px
}

div.innner-col-services-1 h4,
div.innner-col-services-2 h4,
div.innner-col-services-3 h4 {
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 22px;
    padding: 20px 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

div.innner-col-services-1 p {
    color: var(--black-color);
    text-align: center;
    font-size: 17px;
    padding: 0 16px 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

div.innner-col-services-2 p,
div.innner-col-services-3 p,
div.innner-col-services-4 p,
div.innner-col-services-5 p {
    color: var(--black-color);
    text-align: center;
    font-size: 17px;
    padding: 0 10px 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%
}

div.our-services-col-3 {
    background-color: #f4a93f;
    padding: 0 !important
}

div.innner-col-services-4 h4,
div.innner-col-services-5 h4 {
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 22px;
    padding: 35px 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%
}

div.innner-col-services-5 {
    background-color: var(--white-color);
    filter: drop-shadow(3px 6px 8px rgba(0, 0, 0, .25));
    border-top-left-radius: 60px
}

.current-opening-img {
    float: right
}

div.upskill-program-row {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.form-group.form-group-cls input,
.form-group.form-group-cls textarea {
    border-radius: 3px;
    background: #ededed;
    line-height: 30px
}

button.footer-form-btn {
    border-radius: 24.756px;
    background: var(--sky-blue-color);
    color: var(--white-color);
    padding: 10px 65px;
    font-size: 14.582px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase
}

.footer-form h4,
div.our-global-row h4 {
    color: var(--black-color);
    font-size: 22px;
    line-height: normal;
    font-style: normal
}

.footer-form {
    padding-left: 4%
}

.footer-form h4 {
    padding: 10px 46px 35px;
    text-align: center;
    font-weight: 600
}

div.our-global-row {
    padding-top: 20px;
    padding-bottom: 28px;
    border-top: 2px solid rgba(0, 0, 0, .14);
    border-bottom: 2px solid rgba(0, 0, 0, .14)
}

div.our-global-row h4 {
    padding: 0 0 10px;
    margin-bottom: 4%;
    font-weight: 400
}

div.our-global-row div.col-lg-4 img {
    border-radius: 50%
}

div.get-in-touch-row div.col-lg-4 a,
div.get-in-touch-row div.col-lg-6 a span {
    color: var(--sky-blue-color);
    font-size: 20px;
    cursor: pointer !important;
    padding-bottom: .2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.footer-social-links-row {
    border-radius: 12px;
    border: 1px solid var(--sky-blue-color);
    background: #c7e7f5;
    justify-content: space-around;
    align-items: center
}

.article-box p {
    color: var(--white-color);
    font-size: 15px;
    cursor: pointer;
    font-weight: 400
}

.faq-our-team {
    margin-top: .5rem
}

.section-gap-mt-1,
.servics-page-mt {
    margin-top: 2rem
}

.and-its-benefits-section-1 div.container-fluid {
    padding: 0 10%;
    background-color: var(--white-color)
}

.no-matter-res div.col-lg-12 h4 {
    color: #1d2023;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.3em
}

.no-matter-res div.col-lg-12 p {
    color: #1d2023;
    font-size: 20px;
    line-height: 1.6em
}

div.turning-your-row div.col-lg-2 h4 {
    margin-bottom: 5px;
    color: var(--sky-blue-color);
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

div.turning-your-row div.col-lg-2 p {
    color: var(--black-color);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.section-gap-m {
    margin-bottom: 3.2rem;
    margin-top: 3.2rem
}

.section-gap-m-33 {
    margin-bottom: 5.2rem;
    margin-top: 5.2rem
}

.section-gap-mt {
    margin-top: 3.2rem
}

.section-gap-mb {
    margin-bottom: 3.2rem
}

.section-gap-mb-11 {
    margin-bottom: 1rem
}

.partners-section {
    padding: 35px 0 0 20px
}

.partners-section div.row h4 {
    color: var(--black-color);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.partners-section div.row .datagradner-btn,
.shablabal-btn {
    border: none;
    border-radius: 24.756px;
    background: var(--sky-blue-color);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
    color: var(--white-color);
    font-size: 17px;
    text-align: center;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .24px;
    padding: 10px 25px
}

.our-valuable-customers-section-1 {
    background: var(--sky-blue-color);
    padding: 30px 0
}

.slider-main1 {
    height: 150px;
    margin: 10px auto auto;
    width: 100%;
    display: grid
}

.slide-track-121 {
    display: flex;
    width: calc(400px * 9)
}

.slide-1231 {
    height: 100px;
    width: 300px;
    display: flex;
    align-items: center;
    padding: 15px;
    perspective: 200px
}

.slide-1231 img {
    width: 100%;
    transition: transform 1s
}

.copyright-para a {
    color: var(--white-color) !important;
    cursor: pointer !important
}

.copyright-para a span:hover {
    color: #00a1e6
}

section.privacy-policy-section {
    padding-top: 70px
}

.navbar-nav>.active>a,
.txt-span a,
a#navbarDropdown.active,
a.remove-text-deco.active>li {
    color: var(--sky-blue-color) !important
}

.site-map-section,
section.term-and-condition-section div.container-fluid {
    padding-top: 150px
}

.site-map-section div.container-fluid h2,
section.term-and-condition-section div.container-fluid h2 {
    color: var(--sky-blue-color);
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 50.745px;
    letter-spacing: .23px;
    text-transform: capitalize
}

.accordion-item-header-1::after {
    content: "\002B";
    position: absolute;
    left: -3rem;
    margin-right: 20px;
    border: 2px solid;
    border-radius: 10%;
    padding: 0 12px;
    color: var(--sky-color);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    background-color: transparent;
    border-color: var(--sky-color);
    font-weight: 400
}

.accordion-item-header-1 {
    padding: .5rem 3rem .5rem 1rem;
    min-height: 3.5rem;
    font-size: 17px;
    line-height: 1.8rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    position: relative;
    left: 5%;
    cursor: pointer
}

.accordion-item-1 {
    background-color: var(--white-color);
    color: var(--black-color);
    border: none;
    border-bottom: none !important
}

.accordion-item-body-content p,
.accordion-item-body-content p u,
.accordion-item-body-content ul li {
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    line-height: 31px
}

.accordion-item-body-content ul {
    list-style: devanagari !important
}

.privacy-policy-header-section {
    background-color: var(--sky-blue-color);
    padding: 150px 0 80px;
    color: #fff
}

.blog-header-section {
    background-color: var(--sky-blue-color);
    padding: 135px 0 40px;
    color: #fff
}

.form-col-1,
.form-col-2 {
    margin: 60px 0 0
}

.form-col-2 h4 {
    margin-bottom: 10px;
    color: #00a0e3
}

.corporate-col h5 {
    font-weight: 400;
    font-style: normal;
    color: #10242b;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 24px
}

.corporate-col p,
.corporate-col p a {
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 30px;
    color: #5c666a
}

.corporate-col p a {
    font-family: Poppins;
    text-decoration: none
}

.we-are-heading {
    font-size: 32px;
    font-weight: 600;
    margin-top: 60px
}

.support-btn {
    color: var(--white-color);
    border-radius: 4px;
    border: 1px solid var(--sky-blue-color);
    background: var(--sky-blue-color);
    font-size: 15px;
    padding: 10px 14px;
    justify-content: center;
    align-items: center;
    line-height: 12.745px;
    text-transform: capitalize
}

.f-20,
.subscribe-heading,
.txt-span {
    line-height: normal
}

*,
:after,
:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default
}

.testim {
    width: 100%;
    top: 50%;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%)
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 5px;
    z-index: 22222222
}

.testim .arrow:hover {
    color: #ea830e
}

.testim .arrow.left {
    left: 10px
}

.testim .arrow.right {
    right: 10px
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px
}

.breadcream-div,
.testim .cont,
.testim .dots .dot {
    position: relative
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.blog-details-form,
.email-input {
    border-radius: 6px;
    background: var(--white-color)
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #ea830e;
    border-color: #ea830e
}

.testim .dots .dot.active {
    -webkit-animation: .5s ease-in-out forwards testim-scale;
    -moz-animation: .5s ease-in-out forwards testim-scale;
    -ms-animation: testim-scale .5s ease-in-out forwards;
    -o-animation: .5s ease-in-out forwards testim-scale;
    animation: .5s ease-in-out forwards testim-scale
}

.testim .cont>div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px;
    opacity: 0
}

.testim .cont>div.inactive {
    opacity: 1
}

.testim .cont>div.active {
    position: relative;
    opacity: 1
}

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%
}

.testim .cont div h2 {
    color: #ea830e;
    font-size: 1em;
    margin: 15px 0
}

.testim .cont div p {
    font-size: 1.15em;
    color: var(--black-color);
    width: 80%;
    margin: auto
}

.testim .cont div.active .img img {
    -webkit-animation: .5s ease-in-out forwards testim-show;
    -moz-animation: .5s ease-in-out forwards testim-show;
    -ms-animation: testim-show .5s ease-in-out forwards;
    -o-animation: .5s ease-in-out forwards testim-show;
    animation: .5s ease-in-out forwards testim-show
}

.testim .cont div.active h2 {
    -webkit-animation: .4s ease-in-out forwards testim-content-in;
    -moz-animation: .4s ease-in-out forwards testim-content-in;
    -ms-animation: testim-content-in .4s ease-in-out forwards;
    -o-animation: .4s ease-in-out forwards testim-content-in;
    animation: .4s ease-in-out forwards testim-content-in
}

.testim .cont div.active p {
    -webkit-animation: .5s ease-in-out forwards testim-content-in;
    -moz-animation: .5s ease-in-out forwards testim-content-in;
    -ms-animation: testim-content-in .5s ease-in-out forwards;
    -o-animation: .5s ease-in-out forwards testim-content-in;
    animation: .5s ease-in-out forwards testim-content-in
}

.testim .cont div.inactive .img img {
    -webkit-animation: .5s ease-in-out forwards testim-hide;
    -moz-animation: .5s ease-in-out forwards testim-hide;
    -ms-animation: testim-hide .5s ease-in-out forwards;
    -o-animation: .5s ease-in-out forwards testim-hide;
    animation: .5s ease-in-out forwards testim-hide
}

.testim .cont div.inactive h2 {
    -webkit-animation: .4s ease-in-out forwards testim-content-out;
    -moz-animation: .4s ease-in-out forwards testim-content-out;
    -ms-animation: testim-content-out .4s ease-in-out forwards;
    -o-animation: .4s ease-in-out forwards testim-content-out;
    animation: .4s ease-in-out forwards testim-content-out
}

.testim .cont div.inactive p {
    -webkit-animation: .5s ease-in-out forwards testim-content-out;
    -moz-animation: .5s ease-in-out forwards testim-content-out;
    -ms-animation: testim-content-out .5s ease-in-out forwards;
    -o-animation: .5s ease-in-out forwards testim-content-out;
    animation: .5s ease-in-out forwards testim-content-out
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -webkit-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -webkit-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -moz-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -moz-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -moz-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -ms-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -ms-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -ms-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0 0 0 0 #eee;
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        -o-box-shadow: 0 0 10px 5px #eee;
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        -o-box-shadow: 0 0 10px 5px #ea830e;
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        -o-box-shadow: 0 0 0 0 #ea830e;
        box-shadow: 0 0 0 0 #ea830e
    }
}

ol.implementation-ol:first-child,
ol.implementation-ol:nth-child(2),
ol.implementation-ol:nth-child(3),
ol.implementation-ol:nth-child(4),
ol.implementation-ol:nth-child(5),
ol.implementation-ol:nth-child(6) {
    box-shadow: (0 4px 4px rgba(0, 0, 0, .25));
    margin-bottom: 36px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px
}

@keyframes testim-scale {
    0% {
        box-shadow: 0 0 0 0 #eee
    }

    35% {
        box-shadow: 0 0 10px 5px #eee
    }

    70% {
        box-shadow: 0 0 10px 5px #ea830e
    }

    100% {
        box-shadow: 0 0 0 0 #ea830e
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }

    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0)
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }

    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

@media all and (max-width:300px) {
    body {
        font-size: 14px
    }
}

@media all and (max-width:500px) {
    .testim .arrow {
        font-size: 1.5em
    }

    .testim .cont div p {
        line-height: 25px
    }
}

ol.implementation-ol li {
    list-style: disc;
    padding: 10px 0
}

ol.implementation-ol:first-child {
    background: #f2fafd
}

ol.implementation-ol:nth-child(2) {
    background: #fbffec
}

ol.implementation-ol:nth-child(3) {
    background: var(--white-color) DFF
}

ol.implementation-ol:nth-child(4) {
    background: var(--white-color) CF3
}

ol.implementation-ol:nth-child(5) {
    background: #ecffee
}

ol.implementation-ol:nth-child(6) {
    background: #eceeff
}

div.things-to-col-1 {
    background: url('http://localhost/new.cccinfotech.com/wp-content/uploads/2023/10/Rectangle-20047.png') center/100% 100%
}

div.things-to-col-2 {
    background: url('https://cccinfotech.com/wp-content/uploads/2023/10/Rectangle-20048.png') center/100% 100%
}

span.underline {
    bottom: 10px;
    display: inline-block;
    width: 140px;
    border-bottom: 2.1px solid #212529;
    margin-bottom: 30px
}

.thank-you-section {
    padding-top: 150px;
    text-align: center
}

.breadcream-div {
    top: -30px
}

.txt-span {
    color: var(--sky-blue-color) !important;
    font-size: 20px;
    cursor: pointer !important;
    padding-bottom: .2rem
}

#preloader {
    background: var(--white-color) url('../images/1488.gif') no-repeat center center;
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 100
}

.col-lg-4.icon-row-footer img {
    width: 100% !important
}

.page-not-found {
    color: var(--red-color);
    font-size: 5rem
}

.scroller {
    max-width: 100%
}

.scroller__inner img {
    width: 100%;
    height: 150px;
    object-fit: contain
}

.scroller__inner {
    padding-block: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
}

.scroller[data-animated=true] .scroller__inner {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    flex-wrap: nowrap;
    -webkit-animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
    animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite
}

.scroller[data-animated=true] .scroller__inner:hover {
    animation-play-state: paused
}

.scroller[data-direction=left] {
    --_animation-direction: reverse
}

.scroller[data-direction=right] {
    --_animation-direction: forwards
}

.scroller[data-speed=fast] {
    --_animation-duration: 20s
}

.scroller[data-speed=slow] {
    --_animation-duration: 40s
}

@-webkit-keyframes scroll {
    to {
        transform: translate(calc(-50% - .5rem))
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-250px * 9))
    }

    to {
        transform: translate(calc(-50% - .5rem))
    }
}

.tag-list {
    margin: 0 auto;
    padding-inline: 0;
    list-style: none
}

.tag-list li {
    padding: 1rem;
    background: var(--clr-primary-400);
    border-radius: .5rem
}

.subscribe-heading {
    color: var(--sky-blue-color);
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    margin-bottom: 4%
}

.email-label,
.subscribe-btn {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: normal
}

.blog-details-form {
    box-shadow: 0 4px 9.1px 0 rgba(0, 0, 0, .25);
    padding-bottom: 10%
}

.email-label {
    color: #343434;
    margin-bottom: 4%
}

.email-input {
    border: 1px solid #000;
    padding-left: 1%;
    width: 95%;
    margin-left: 4%;
    height: 60px;
    margin-bottom: 5%
}

.share-row {
    border-radius: 6px;
    background: var(--white-color);
    box-shadow: 0 4px 9px 0 rgba(0, 0, 0, .25);
    margin-left: 0;
    padding: 5% 3%;
    margin-top: 5%
}

.subscribe-btn {
    border-radius: 24.756px;
    background: var(--sky-blue-color);
    margin-left: 4%;
    color: var(--white-color)
}

.read-more-btn {
    color: #00a0e3;
    font-size: clamp(14px, 3vw, 18px)
}

.f-34 {
    font-size: clamp(22px, 5vw, 34px);
    font-weight: 600
}

.f-20 {
    font-size: clamp(16px, 3vw, 20px);
    font-style: normal;
    font-weight: 400
}

.f-22 {
    font-size: clamp(16px, 3vw, 22px);
    font-weight: 500
}

.training-btn {
    color: var(--sky-blue-color);
    font-size: clamp(13px, 3vw, 15px);
    border-radius: 6px;
    background: var(--white-color);
    border: none;
    font-weight: 600;
    padding: clamp(14px, 3vw, 20px)
}

.online-training-bg {
    border-radius: 6px;
    background: var(--sky-blue-color);
    padding: 20px 40px 30px 20px
}

@media screen and (max-width:980px) {

    div.linkdin-logo,
    div.twitter-logo {
        display: inline-block;
        margin: 40px 20px 20px
    }

    .col-lg-3.leader-image-col {
        text-align: center
    }
}

@media only screen and (min-width:1200px) {
    .nav-item>.nav-link {
        padding: 5px .7rem !important;
        display: block !important
    }
}

@media only screen and (max-width:992px) {

    .featured-testimonial-section div p br,
    .no-matter-res div.col-lg-12 p br {
        display: none
    }

    .is-benfits-heading-col h6,
    .is-benfits-heading-col-1 h6,
    .is-benfits-heading-col-2 h6 {
        text-align: center !important
    }

    .header-inner {
        background-color: #fff !important
    }

    .nav-item>.nav-link {
        color: #000 !important
    }

    .logo {
        color: var(--black-color) !important;
        font-weight: 600 !important
    }

    .content-banner .first-title {
        font-size: 30px !important
    }
}

@media screen and (max-width:580px) {
    .form-col-contact-page form {
        margin: 0 !important
    }

    .contact-header-section div.row,
    .dev-background-img div div.row,
    .features-of-field-col,
    .features-of-field-service-section div.row,
    .we-are-best-mulesoft-section div.row,
    .your-app-need-columns div.row,
    div.footer-main-row {
        justify-content: center !important
    }

    .responsive-100 {
        width: 70% !important;
        height: auto !important
    }

    div.leader-image-col {
        text-align: center
    }

    .about-C3IM,
    .about-c3im-section-col,
    .header-container div.row div.col-lg-5,
    .heroku-development-header-section div.col-lg-6,
    .how-can-we-help-section div.row div.col-lg-3 h3,
    .how-can-we-help-section div.row div.col-lg-3 p,
    .is-benfits-image-col,
    .is-benfits-image-col-2,
    .is-benfits-section-1,
    .reviews-col,
    .salesforce-cloud-header-section div.col-lg-7,
    .student-col h5,
    .student-col p {
        text-align: center !important
    }

    .badge-section,
    .cost-effective-cols,
    .cost-effective-cols-1,
    .countries-col-4,
    .elevate-business-section-1,
    .elevate-learning-section div p,
    .header-container,
    .health-cloud-col-bg p,
    .how-can-we-help-section,
    .industries-we-serve-section div.container-fluid,
    .is-benfits-section-1,
    .is-benfits-section-2,
    .our-salesforce-services-section div.container-fluid,
    .our-services-database-section-1 div.container-fluid,
    .our-valuable-customers-section div.container-fluid,
    .sales-cloud-implementation-section div p,
    .salesforce-community-cloud-col-bg p,
    .student-col p,
    .studio-col-1 p,
    .turning-your-salesforce-section div.container-fluid,
    footer section.mt-5 {
        padding: 0 !important
    }

    span.request-a-btn {
        padding: 8px 14px;
        font-size: 16px
    }

    .request-input {
        height: 60px
    }

    .dropdown-custom-item {
        border-right: none !important
    }

    div.reviews-section div.row {
        justify-content: space-evenly
    }

    div.reviews-section div.reviews-col a img {
        width: 130px !important;
        height: 55px !important
    }

    .industries-we-serve-section,
    .turning-your-salesforce-section {
        margin: 65px 20px 0 30px !important
    }

    footer section.mt-5 {
        margin: 0 20px 0 0 !important
    }

    .our-salesforce-services-section {
        padding: 0 20px 80px 30px
    }

    .products-header-heading {
        font-size: 28px !important;
        text-align: center;
        margin: 10% 0 !important;
        line-height: 40px !important
    }

    .products-header-para {
        font-size: 16px !important;
        text-align: center !important
    }

    .field-service-lightening-header-section,
    .heroku-development-header-section,
    .mulesoft-header-section {
        padding: 150px 0 200px
    }

    .view-website-button {
        border: none;
        margin-bottom: 65px !important;
        height: 9.023px !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        letter-spacing: .24px;
        padding: 10px 40px 40px !important
    }

    .no-matter-res div.col-lg-12 p br,
    .salesforce-cloud-header-section div.col-lg-5,
    .with-our-experties-section div p br,
    div.header-image,
    p.para-col-11 br,
    section.heroku-development-header-section div.row div.col-lg-5,
    section.what-do-our-team-offer-section-heading p br,
    section.with-our-experties-section h2 br {
        display: none !important
    }

    .cost-effective-cols div h5,
    .cost-effective-cols-1 div h5 {
        text-align: center !important;
        margin-bottom: 20px;
        font-size: 25px !important;
        margin-top: 15px;
        font-weight: 400
    }

    .cost-effective-cols-1 {
        margin-top: 30px !important
    }

    .cost-effective-cols div.col-lg-1,
    .cost-effective-cols-1 div.col-lg-1 {
        text-align: center !important;
        margin-bottom: 16px
    }

    .mission-vission-goal-section {
        margin: 20px 0
    }

    .how-can-we-help-section div.row div.col-lg-3 {
        text-align: center !important;
        margin-bottom: 80px !important
    }

    .meet-the-mind-section-1 h2 {
        padding: 0 15%;
        font-size: 25px
    }

    .faq-section div.container-fluid {
        margin-top: 65px !important;
        padding: 0;
        margin-bottom: 50px !important
    }

    .our-team-col a {
        font-size: 16px;
        text-align: center
    }

    .reviews-section,
    .with-our-experties-section p {
        box-shadow: none;
        padding: 2%
    }

    .faq-section {
        margin-bottom: 0
    }

    .our-company-header-section div.col-lg-7 {
        padding: 0 22px 0 30px
    }

    .our-company-header-section div img {
        padding-bottom: 0;
        padding-top: 40px
    }

    .challenges-case-study-col hr {
        margin-left: 0 !important
    }

    .reviews-col {
        margin: 10px
    }

    .current-opening-img {
        float: left !important
    }

    .opening-col-2 {
        padding-left: 0 !important
    }

    .perks-of-joining-us-row div.col-lg-12 div.row {
        justify-content: center
    }

    .elevate-business-container {
        padding: 50px 16px 50px 30px !important
    }

    .responsive-2,
    .responsive-image-2 {
        width: 100% !important;
        height: auto
    }

    .transform-your-business-section div button,
    .transform-your-business-section div p {
        font-size: 16px !important
    }

    .transform-your-business-section div h4 {
        font-size: 28px !important
    }

    .our-salesforce-services-img {
        display: none
    }

    .ol-list,
    .ol-list-community-cloud {
        padding: 20px 1px 20px 47px !important
    }

    .case-study-introducation-section,
    .cloud-study-result-section,
    .healthcare-gaps-container,
    .with-our-experties-section div.container-fluid {
        padding: 0 2% !important
    }

    .countries-flag-section {
        padding: 21px 54px !important
    }

    nav.navbar.navbar-expand-lg {
        padding: 14px 25px 14px 0 !important
    }

    div#navbarSupportedContent {
        margin-left: 8% !important
    }

    .navbar-brand {
        margin-left: 2rem !important
    }

    .our-valuable-customers h4 {
        font-size: 45px !important;
        padding-left: 0 !important
    }

    .featured-testimonial-section div p {
        font-size: 17px !important;
        padding: 0 !important
    }

    .is-benfits-section-2 {
        margin-bottom: 0 !important
    }

    .our-valuable-customers-section {
        padding: 70px 22px !important
    }

    .badge-section-container {
        padding: 32px 30px 10px !important
    }

    .cloud-case-study-implementation-process {
        padding: 10px 20px !important
    }

    .is-benfits-image-col-1 img,
    .is-benfits-image-col-2 img,
    .is-benfits-section-1 img {
        width: 210px !important;
        text-align: center !important;
        height: auto !important
    }

    .servics-cloud-integration-col,
    .servics-cloud-migration-col {
        margin-top: 121px
    }

    .flags-box {
        margin: 10px !important
    }

    .footer-section {
        padding: 2% 4%
    }

    /* .text-end {
        text-align: left !important
    } */
}

@media screen and (max-width:780px) {
    .header-container {
        padding: 0 2% !important
    }

    iframe.video-responsive {
        width: 100% !important
    }

    .row.why-cloudCentric-row img {
        width: 30%;
        height: auto;
        padding-top: 20px
    }

    .leader-heading-txt h2,
    .leader-heading-txt p {
        padding-right: 0;
        font-size: 35px;
        margin-bottom: 5px;
        text-align: center !important
    }

    .leader-heading-txt h6 {
        padding-right: 0;
        font-weight: 400;
        text-align: center !important
    }

    .leader-heading-txt p {
        font-weight: 400;
        font-size: 17px
    }

    .accordion-item-header {
        line-height: 2rem
    }

    .your-app-need-columns p {
        padding: 0 5px 40px !important
    }
}

@media (min-width:992px) {
    .navbar-expand-lg .navbar-nav .dropdown-service.dropdown-menu {
        position: absolute;
        top: 34px;
        left: -370px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
        top: 34px;
    }

    .dev-background-img div div.col-lg-3,
    .features-of-field-service-section div div.col-lg-3,
    .how-can-we-help-section div div.col-lg-3,
    .market-cloud-container div div.col-lg-3,
    .our-services-section div div.col-lg-3,
    .our-transformative-solutions-section div div.col-lg-3,
    .we-are-best-mulesoft-section div div.col-lg-3 {
        flex: 0 0 auto !important;
        width: 25% !important
    }

    .col-lg-3,
    .your-app-need-columns div div.col-lg-3 {
        flex: 0 0 auto;
        width: 23%
    }

    .px-10 {
        padding: 0 10%
    }
}

@media (min-width:780px) {
    .px-111 {
        padding: 0 10%
    }
}

@media (max-width:992px) {

    .flex-sm-1-column-reverse,
    .flex-sm-1-column-reverse h2,
    .header-container div.row,
    .row.flex-dir-row,
    div.leader-row-1,
    section.is-benfits-section-1 div div.row,
    section.is-benfits-section-2 div div.row.empower-row {
        flex-direction: column-reverse
    }

    .leader-heading-txt,
    .leader-heading-txt h2,
    .leader-heading-txt h6,
    .our-valuable-customers h4,
    div.our-text-col h4 {
        text-align: center !important;
        border: none !important
    }

    div.our-text-col h4 br {
        display: none !important
    }

    .and-its-benefits-section-1 div.container-fluid {
        padding: 0 4% !important
    }

    .salesforce-cloud-header-section {
        padding: 125px 0
    }

    .mulesoft-row-area hr {
        flex-direction: column-reverse;
        float: none !important;
        margin-left: 20px
    }
}

@media (max-width:1380px) {

    .servics-cloud-consulting-col,
    .servics-cloud-implementation-col,
    .servics-cloud-integration-col,
    .servics-cloud-migration-col,
    .servics-cloud-support-col {
        padding: 10px !important
    }
}

@media (max-width:1900px) {

    .random-image-1,
    img.random-image {
        display: none !important;
        position: inherit;
        left: 0;
        margin-top: 0
    }
}

@media (max-width:767px) {
    .navigating-the-salesforce-migration div h6 {
        text-align: center !important;
        font-size: 20px !important;
        margin-top: 0 !important
    }

    .professional-col-1,
    .professional-col-2,
    section.optimaze-your-roadmap-section.text-center {
        margin-top: 20px !important
    }

    span.mobile-hr-responsive center hr {
        margin-left: 30% !important
    }

    html {
        font-size: 14px
    }

    div.upskill-program-row {
        box-shadow: none !important;
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }

    section.careers-section {
        padding-top: 150px !important;
        padding-bottom: 70px !important
    }

    .cloud-study-conclusion-section div p,
    .new-product-section div p {
        padding: 0 10px 90px
    }

    .new-product-section {
        padding: 200px 26px 40px
    }

    .cloud-case-header-txt-col {
        padding: 36% 1% 0 10% !important
    }

    .cloud-case-header-img-col {
        display: none !important
    }

    .cloud-case-header-txt-col p {
        padding: 30px 0 100px !important
    }

    .accordion,
    .mw-100 {
        width: 100% !important
    }

    .header-section div img {
        width: 100% !important;
        padding-top: 40px
    }

    .articles-resources-col-1,
    .header-section h1,
    .header-section h1 span,
    .header-section p {
        padding-right: 0
    }

    .is-benfits-image-col-2 img {
        margin-top: 0 !important
    }

    .is-benfits-heading-col-2 h6 {
        margin-top: 26px !important
    }

    .articles-resources-col-2 {
        padding-left: 0
    }

    .efficient-lead-mgt-col h4,
    .efficient-lead-mgt-col p,
    .need-analysis-col,
    .personalized-lead-nurturing-col h4,
    .personalized-lead-nurturing-col p {
        text-align: center !important
    }

    .we-work-width-section {
        padding-bottom: 0 !important
    }

    .is-benfits-heading-col h6,
    .is-benfits-heading-col-1 h6,
    .is-benfits-heading-col-2 h6 {
        text-align: center !important;
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 15%
    }

    .is-benfits-heading-col-1,
    .is-benfits-heading-col-2 {
        margin-top: 2rem
    }

    .mulesoft-implementation-services-col h4,
    .mulesoft-implementation-services-col hr,
    .mulesoft-implementation-services-col p,
    .mulesoft-implementation-services-col-2 h4,
    .mulesoft-implementation-services-col-2 p {
        padding-left: 20px !important;
        text-align: left !important
    }

    .mulesoft-implementation-services-col p {
        padding-right: 0 !important
    }

    .mulesoft-implementation-services-col button,
    .mulesoft-implementation-services-col-2 button {
        margin: 0 0 0 20px !important
    }

    .mulesoft-implementation-services-col hr {
        margin-left: 20px !important;
        text-align: start !important
    }

    .efficient-lead-mgt-col h4,
    .personalized-lead-nurturing-col h4 {
        margin-top: 26px
    }

    .features-of-field-row {
        gap: 0;
        margin-top: 0
    }

    .dropdown-service.dropdown-menu.show {
        display: inherit !important
    }

    div.row.hiring-model-row {
        margin-bottom: 0
    }

    div.faq-section-row {
        justify-content: center !important
    }

    section.case-study-section {
        padding: 100px 0 250px !important
    }

    .hiring-models-col,
    .leader-row {
        padding: 30px 0 50px
    }

    .our-team-ssection {
        padding-top: 70px
    }

    .efficient-lead-mgt-col img,
    .personalized-lead-nurturing-col img {
        display: none
    }

    .servics-cloud-consulting-col,
    .servics-cloud-implementation-col,
    .servics-cloud-integration-col,
    .servics-cloud-support-col {
        padding: 34px 24px !important
    }

    .servics-cloud-consulting-col p,
    .servics-cloud-implementation-col p,
    .servics-cloud-integration-col p,
    .servics-cloud-migration-col,
    .servics-cloud-migration-col p,
    .servics-cloud-support-col p {
        padding: 0 20px 80px !important
    }

    .why-cloudCentric-section,
    .why-cloudCentric-section-2 {
        margin: 0 !important
    }

    .benifites-of-salesforce-section,
    .section-gap-m,
    .section-gap-m-33 {
        margin-bottom: 3.2rem !important;
        margin-top: 3.2rem !important
    }

    .section-gap-mt {
        margin-top: 3.2rem !important
    }

    .section-gap-mb {
        margin-bottom: 3.2rem !important
    }

    .section-gap-mb-1 {
        margin-bottom: 1.5rem !important
    }

    .faq-our-team {
        margin-top: .5rem !important
    }

    .servics-page-mt {
        margin-top: 1.5rem !important
    }

    .col-bg-image {
        padding-bottom: 50px !important
    }

    .underline-center-margin {
        margin-bottom: 40px !important;
        color: var(--black-color)
    }

    .is-benfits-heading-col {
        margin-top: 2rem !important
    }

    .salesforce-appexchange-platform-section div p {
        margin-bottom: 0 !important;
        padding: 0 !important
    }

    .our-services-database-section-1 div h4 {
        font-size: 22px !important
    }

    .our-services-database-section-1 div p {
        padding-bottom: 40px !important
    }

    .our-salesforce-crm-integration-col h6 {
        font-size: 18px
    }

    .our-salesforce-crm-integration-col p {
        font-size: 14px !important;
        padding: 0 !important
    }

    .tss-wrapper .item-content-wrapper {
        padding: 20px 0 !important
    }
}

@media (min-width:780px) and (max-width:1580px) {

    .ai-powered-col p,
    .drive-innovation-col p,
    .saving-time-col p {
        padding-top: 15px !important
    }
}

@media (min-width:580px) and (max-width:998px) {
    .salesforce-dev-section {
        background-position: center !important;
        background-repeat: no-repeat;
        background-size: cover !important;
        height: 480px;
        padding: 120px 5px 300px
    }
}

@media (max-width:998px) {

    .articles-from-news-section div.row,
    .responsive-col-1 {
        justify-content: center !important
    }

    .articles-from-news-section {
        padding: 0 1%
    }

    .blogs-header-section div img {
        padding-top: 40% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 10%
    }

    div.our-services-row {
        margin-top: 5px !important;
        justify-content: center
    }

    .professional-col-1 p,
    .professional-col-2 p {
        font-size: 14px
    }

    .professional-col-1 h5,
    .professional-col-2 h5 {
        font-size: 20px
    }

    .header-section {
        padding-top: 100px;
        padding-bottom: 100px;
        padding-right: 0 !important;
        padding-left: 20px
    }

    .professional-col-1,
    .professional-col-2 {
        height: auto !important;
        padding: 24px 13px 9px 9px
    }

    .badge-section {
        margin: 70px 22px 80px
    }

    .mobile-bg-ima {
        background-image: none !important
    }

    .col-bg-image {
        background-size: contain !important;
        margin-top: 55px
    }

    .blog-para,
    .salesforce-dev-section div p {
        font-size: 14px !important;
        padding-right: 0;
        text-align: left;
        line-height: none;
        margin-bottom: 0
    }

    .our-company-header-section div p {
        font-size: 25px !important;
        padding-right: 0;
        line-height: 35px !important;
        margin-bottom: 0
    }

    .get-in-touch-row,
    .mobile-app-development-section,
    .our-company-header-section,
    .our-global-row {
        text-align: center
    }

    .our-company-header-section div h2 {
        font-size: 35px !important;
        padding-right: 0;
        text-align: center;
        line-height: 50px;
        margin-bottom: 30px;
        margin-top: 10px !important
    }

    .our-company-header-section div img {
        width: 90%;
        padding-bottom: 40px
    }

    .blog-heading,
    .salesforce-dev-section div h2 {
        font-size: 24px !important;
        margin-bottom: 16px;
        margin-top: 0;
        text-align: left
    }

    .col-lg-4.text-end.header-image {
        display: none
    }

    button.hey-lets-connect-btn {
        text-align: center !important;
        font-size: 16px !important;
        margin-top: 20px !important;
        margin-bottom: 0 !important;
        font-weight: 600 !important;
        padding: 14px 25px !important
    }

    .cloud-header-heading {
        font-size: 30px !important;
        text-align: center !important
    }

    .boost-employee-col p,
    .empower-anywhere-col p,
    .personalized-customer-col p {
        font-size: 18px !important;
        font-style: normal;
        font-weight: 400;
        line-height: 29.516px
    }

    .boost-employee-col-1 {
        margin-top: 0 !important
    }

    .empower-anywhere-col-1 {
        margin-top: 130px !important
    }

    .salesforce-cloud-header-section div.col-lg-7 img {
        position: relative;
        top: 60px;
        display: block !important;
        left: -150px;
        width: 80px;
        opacity: .4
    }

    .cloud-header-para {
        font-size: 22px !important;
        padding: 2% !important;
        text-align: center !important
    }

    .use-mulesoft-anypoint-section {
        padding-bottom: 50px !important
    }

    .our-services-btn button {
        padding: 10px 30px !important;
        font-size: 16px !important
    }

    .we-work-with-col img {
        width: 40px !important
    }

    .faq-section h3 {
        font-size: 25px !important
    }

    .get-started-btn {
        padding: 1px 15px !important;
        line-height: 40.388px !important;
        margin-top: 24px !important;
        color: var(--white-color);
        font-size: 15.204px !important;
        font-weight: 500 !important
    }

    .we-are-ready-section div h2 {
        padding: 25px 0 0 20px !important;
        font-size: 25px !important;
        font-weight: 500 !important
    }

    .we-are-ready-section {
        padding-bottom: 40px !important;
        padding-top: 40px !important;
        padding-left: 20px !important
    }

    .we-work-with-col h4 {
        font-size: 10px !important;
        padding: 0 0 10px !important;
        line-height: 16px !important
    }

    .get-in-touch-row div.col-lg-4,
    span.call-span {
        padding-left: 10% !important;
        text-align: left !important
    }

    .salesforce-dev-section {
        text-align: left !important
    }

    .get-in-touch-row h4 {
        color: var(--black-color);
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal
    }

    .main-footer-section {
        padding: 10% 4%
    }

    .email-footer {
        padding-right: 6px !important
    }

    span.call-span {
        display: block !important
    }

    span.call-span-1,
    span.call-span-2 {
        display: block !important;
        text-align: left !important;
        padding-left: 20% !important
    }
}

@media (max-width:540px) {
    .our-text-col h4 {
        margin-top: 0 !important
    }

    .breadcream-div {
        display: none
    }
}

@media (max-width:780px) {

    .contact-col,
    div.our-global-row div.col-lg-3 h4 {
        text-align: center !important
    }

    .clients-testimonial-section div h4,
    .mission-vission-goal-section {
        margin-top: 0
    }

    .transform-your-business-section div.transform-col {
        padding: 3rem 1rem !important
    }

    .transform-your-business-section div.row {
        justify-content: center
    }

    .contact-col {
        margin-bottom: 3.2rem
    }

    .footer-form,
    .sales-integration-img-section,
    .visit-our-section div p {
        padding: 0 !important
    }

    .recent-blog-col-1 {
        margin-bottom: 15% !important;
        margin-top: 0 !important
    }

    .recent-blog-col-1 p {
        font-size: 22px !important
    }

    .we-work-with-col img {
        padding: 10px 0 0 !important
    }

    .about-C3IM,
    .mulesoft-implementation-services-col,
    .mulesoft-implementation-services-col-2,
    .why-hire-salesforce-experts-section div img,
    .why-hire-salesforce-experts-section div p,
    .your-app-needs-section {
        margin-bottom: 30px !important
    }

    .sales-cloud-implementation-section {
        padding-top: 0 !important
    }

    .data-migration-platform-section div h2,
    .end-to-end-salesforce-implementation-section div h2,
    .field-implementation-solution-section h2,
    .field-implementation-solution-section img,
    .hire-certificated-salesforce-experts-section,
    .mulesoft-implementation-services-section .content-para,
    .our-strategy-section,
    .salesforce-appexchange-platform-section div h2,
    .smart-service-field-lightening-section div h2,
    .use-mulesoft-anypoint-section,
    .we-work-width-section,
    .with-our-experties-section,
    .your-app-needs-section {
        margin-top: 20px !important
    }

    .mission-vission-goal-section,
    iframe {
        margin-bottom: 0 !important
    }

    .articles-from-news-section,
    .our-salesforce-services-section {
        margin-top: 40px !important
    }

    section.main-footer-section {
        padding: 10% 3% !important
    }

    .footer-copyright-section {
        padding: 2% 3% !important
    }

    .industries-we-serve-section div h3 {
        padding-bottom: 20px !important;
        font-size: 30px !important
    }

    .simplicity-and-speed-section,
    section.experties-in-mobile-app-section {
        padding-top: 20px !important
    }

    div.our-global-row {
        justify-content: space-around !important
    }

    .cloud-study-implemetaion-col p {
        padding: 0 10px 39px !important
    }

    button.btn.contact-btn {
        margin-left: 0 !important
    }

    .cloud-study-conclusion-section div p,
    .para {
        margin-bottom: 20px !important;
        padding-bottom: 10px !important
    }

    .form-group.form-group-cls input,
    .form-group.form-group-cls textarea {
        width: 100% !important
    }
}

@media (max-width:768px) {
    .salesforce-dev-section {
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: cover;
        max-height: auto;
        padding: 110px 5px 100px !important
    }
}

@media (max-width:991px) {

    .col-360-1,
    .col-360-11,
    .col-360-2,
    .col-360-22,
    .col-360-3,
    .col-360-33 {
        border-left: none !important
    }

    .why-cloudCentric-section,
    .why-cloudCentric-section-11 {
        border-bottom: none !important;
        margin: 0 !important
    }

    .col-360-3,
    .col-360-33 {
        border-right: none !important
    }
}

@media(max-width:580px) {

    .and-its-benefits-section-1 div.container-fluid,
    .case-study-introducation-section div p,
    .hire-certificated-salesforce-experts-section div p,
    .our-expert-team-section p,
    .our-valuabl-heading-section p,
    .row.justify-content-evenly.align-items-center.px-5,
    .salesforce-dev-section div.container-fluid,
    .use-mulesoft-anypoint-section,
    section.experties-in-mobile-app-section div p {
        padding: 0 !important
    }

    .mulesoft-implementation-services-col h4,
    .mulesoft-implementation-services-col hr,
    .mulesoft-implementation-services-col p,
    .mulesoft-implementation-services-col-2 h4,
    .mulesoft-implementation-services-col-2 p {
        padding: 0 !important;
        text-align: center !important
    }

    div.pt-b-sm {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    div.txt-center-sm {
        text-align: left !important;
        padding-left: 20px
    }

    section.turning-your-salesforce.section-gap-mb {
        margin-top: 3.2rem !important
    }

    .engineering-excellence-heading {
        font-size: 28px !important;
        padding: 6% 0 !important
    }

    div.things-to-consider-col {
        height: 220px !important
    }

    .section-gap-mt-1 {
        padding: 0 10px
    }

    .effiecinet-col-1 {
        margin-top: 0 !important
    }

    .mulesoft-implementation-services-col hr {
        margin-left: 30% !important
    }

    span.underline {
        width: 140px !important;
        margin-left: 28% !important
    }

    .contact-header-section {
        padding: 150px 1% 0 !important
    }

    iframe.video-responsive {
        width: 100% !important
    }
}

.heateor_sss_sharing_ul {
    display: flex;
    justify-content: space-evenly
}

@media (max-width:990px) {
    .dropdown-service.dropdown-menu.show {
        height: 363px;
        width: 100% !important;
        overflow-y: scroll
    }

    section#fieldBlaze {
        padding-top: 10% !important
    }

    .header-section h1 br,
    .our-salesforce-services-img,
    .responsive-get-in-touch-1,
    .small-nav-links,
    p.main-para-col br {
        display: none !important
    }

    .simplicity-and-speed-col-1,
    .simplicity-and-speed-col-2,
    .use-mulesoftefficient-col-1,
    .use-mulesoftefficient-col-2 {
        border-right: none !important
    }

    .header-section h1 {
        margin-top: 4rem !important
    }

    .d-inline-block,
    .dropdown-service.dropdown-menu.show {
        display: inherit !important
    }

    .elevate-learning-section div p,
    .hire-certificated-salesforce-experts-section div p,
    section.experties-in-mobile-app-section div p {
        padding: 0 !important
    }

    .our-team-col-1 h3,
    .our-team-col.our-team-col-1,
    .our-text-col h4 {
        text-align: left !important
    }

    .our-text-col h4 {
        border-left: 4px solid #00a1e6;
        padding-left: 13.4px;
        margin-bottom: 50px;
        border-right: none;
        margin-top: 10%
    }

    .turning-your-row {
        margin-top: 50px !important
    }

    .our-valuable-customers-section {
        padding-right: 0 !important
    }

    .responsive-get-in-touch {
        display: block !important
    }

    .creat-para {
        margin-top: 3.2rem !important
    }

    .how-can-we-help-section a {
        font-size: 17px !important
    }

    .case-study-introducation-section div p,
    .cloud-study-conclusion-section div p {
        padding: 0 4% !important
    }
}

@media (min-width:990px) {
    .responsive-get-in-touch {
        display: none !important
    }
}

@media (max-width:580px) {

    .flex-sm-1-column-reverse-11,
    .mulesoft-row-area,
    .our-salesforce-services-section div div.row,
    .our-team-row,
    .overview-col-reverse,
    .reverse-row {
        flex-direction: column-reverse
    }

    .modal-dialog {
        width: 90% !important
    }

    .salesforce-dev-section,
    .salesforce-dev-section div h2,
    .salesforce-dev-section div p {
        text-align: center !important
    }
}

@media (max-width:380px) {
    .salesforce-dev-section {
        height: 100vh !important;
        padding-bottom: 0 !important;
        text-align: center !important
    }

    .ai-powered-col p,
    .drive-innovation-col p,
    .saving-time-col p {
        padding-top: 20px !important
    }
}

@media (min-width:580px) {
    .txt-span br {
        display: none !important
    }
}

.box-video {
    position: relative;
    width: 99%;
    cursor: pointer;
    height: 400px;
    --webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.box-video .bg-video {
    position: absolute;
    top: 0;
    background-image: url('https://cccinfotech.com/wp-content/uploads/2024/04/video-bg-image-scaled-2.jpg');
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    z-index: 4;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
}

.bg-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

.box-video .bt-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    display: inline-block;
    width: 60px;
    height: 60px;
    -webkit-backdrop-filter: blur(10px);
    border-radius: 50%;
    text-indent: -999em;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    border: 2px solid #fff
}

.box-video .bt-play:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 0;
    width: 0;
    margin: -12px 0 0 -6px;
    border: solid transparent;
    border-left-color: var(--light-green-bg-color);
    border-width: 12px 20px;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.box-video:hover .bt-play {
    transform: scale(1.1)
}

.bt-play {
    background: var(--white-color) !important;
    box-shadow: 0 4px 11px 0 rgba(0, 0, 0, .25)
}

.box-video.open .bg-video {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .6s .8s;
    transition: .6s .8s
}

.box-video.open .video-container {
    opacity: 1;
    -webkit-transition: .6s .8s;
    transition: .6s .8s
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 1
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.col-lg-5.col-md-5.col-sm-5.text-end.header-image img{
    width: 100%;
}