:root {
    --primary: #0066FF;
    --secondary: #1C2A40;
    --primaryFontColor: #3C4759;
}

/* Common Styling Start */
a,
.link-color {
    color: var(--primary);
}

h1 {
    font-size: clamp(1.2rem, 2vw + 0.5rem, 2.1rem);
}

h2 {
    font-size: clamp(1.5rem, 2vw + 0.5rem, 3rem);news-detail_section
    color: var(--secondary);
    line-height: normal;
    letter-spacing: -.015em;
    -webkit-font-smoothing: antialiased;
}

h3 {
    font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
    color: var(--secondary);
    line-height: normal;
}

.slds-gutters_large,
.slds-gutters_x-large,
.slds-gutters_xx-large{
   margin-right: 0; 
}

.alt-font {
    font-family: 'Sora', sans-serif;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
}

h2.alt-font {
    font-size: 3rem;
    font-weight: 300;
}

h3.alt-font {
    font-weight: 400;
}

.alt-color {
    color: #0066FF;
}

p {
    color: var(--primaryFontColor);
}

p,
a {
    font-size: 1rem;
    line-height: 1.6rem;
}

p.text-small {
    font-size: .94rem;
    color: #7a7a7a;
}

p.alt-body {
    padding-top: 3rem;
    font-size: 1.2rem;
    line-height: 160%;
    -webkit-font-smoothing: antialiased;
}
.section-wrapper.bg-alt p.alt-body {
    color:#fff;
}
.container {
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
}

.slds-button {
    font-weight: 500;
    border-radius: 4px;
}

.slds-button:hover {
    color: var(--secondary);
}

.slds-button_brand,
.slds-button_neutral {
    font-size: 15px;
    font-weight: 500;
    border-radius: 100px;
    padding: clamp(0.2rem, 2vw, 0.7rem) clamp(1rem, 4vw, 2rem);
    transition: all 0.3s ease;
}

.slds-button_brand,
.slds-button_brand:focus {
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
    transition: all 0.3s ease;
}

.slds-button_brand:hover,
a.slds-button_brand:hover {
    border: 1px solid rgba(217, 217, 217, 1);
    color: var(--secondary);
    background-color: #fff;
    transform: scale(1.05);
}

.slds-button_neutral {
    color: var(--secondary);
    border: 1px solid rgba(217, 217, 217, 1);
}

.slds-button_neutral:hover,
.slds-button_neutral:focus {
    color: #fff;
    background-color: var(--secondary);
    border: 1px solid var(--secondary);
    transform: scale(1.05);
}

.slds-button_neutral i,
.slds-button_brand i {
    transform: rotate(-45deg);
}

.flowruntimeBody .container {
    padding: 0;
}

.flowruntimeBody.slds-card__body {
    padding: 0 !important;
}

.slds-backdrop {
    background: rgb(24 24 24 / 90%);
}

.slds-modal .slds-icon-utility-close svg {
    fill: #fff;
}

.slds-p-vertical_xxx-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

@media (max-width:1500PX) {

    .container {
        padding-left: 2rem;
        padding-right: 2rem;

    }
}

@media (max-width: 1024px) {

    .container {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }

}

@media (min-width:1024px) and (max-width:1025px) {
    .columns-content.lwc-6j9an5vbrcd {
        flex-direction: column;
        gap: 10px;
    }


}

@media (min-width:767px) and (max-width:768px) {
    .columns-content.lwc-6j9an5vbrcd {
        flex-direction: column;
        gap: 10px;
    }
}

@media(max-width: 768px) {

    .slds-button_neutral:hover {
        color: var(--primary);
        background-color: transparent;
        border: 1px solid var(--primary);
    }

    .slds-button_brand:hover {
        color: #fff;
        background-color: var(--primary);
        border: 1px solid var(--primary);
    }
}

/* Common Styling end */



/* Common Heading Fade Up features for titles start */

.fade-in-up {
    opacity: 0;
    transform: translateY(20px);
    transition: none;
}

.fade-in-up-active {
    animation: fadeInUp cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.5s forwards;
    animation-delay: 0.2s;
}

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

/* Common Heading Fade Up features for titles end*/

/* Common Styling for Custom Code start */


.section-title {
    font-weight: 600;
    text-transform: uppercase;
}

.section-title i {
    transform: rotate(-45deg);
}

.text-transform_upper-case {
    text-transform: uppercase;
}

.parallex-bg {
    position: absolute;
    top: -200px;
    left: 0;
    right: 0;
    height: calc(100% + 400px);
    background-image: url('/resource/1754288497000/successStoriesBG');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    transform: translateY(0);
    transition: transform 0.1s linear;
}

.parallax-container {
    position: relative;
    height: 360px;
    overflow: hidden;
}

.section-wrapper {
    margin-top: -2rem;
    border-radius: 30px 30px 0px 0px;
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
    z-index: 2;
}

@media(max-width:767px){
    .parallax-container {
        height: 200px;
    }
}

/* Common Styling for Custom Code end */



/*Common Image hover feature for cards start */

.image-zoom-wrapper .image-zoom_box {
    overflow: hidden;
    border-radius: 8px;
}

.image-zoom-wrapper .image-zoom_box img {
    transition: transform .5s ease;
    width: 100%;
}

.image-zoom-wrapper:hover .image-zoom_box img {
    transform: scale(1.3);
}

/* Common Image hover feature for cards End */



/* Header Styling Start */

header img {
    width: 200px;
    height: 51px;
}

header a.parent-nav-item i {
    margin-left: 0.5rem;
    font-size: 0.9rem;
}

header a.parent-nav-item:hover,
header a.child-nav-item {
    color: var(--secondary);
}



.header a.slds-button:hover {
    color: #0066FF
}

header .main-dropdown a:hover {
    text-underline-offset: 5px;
}

.header .main-logo {
    opacity: 1;
}

.header-active .main-logo {
    opacity: 0;
}

.header .dropdown-logo {
    position: absolute;
    left: 0;
}

.header .dropdown-logo {
    opacity: 0;
}

.header-active .dropdown-logo {
    opacity: 1;
}

.main-dropdown {
    position: absolute;
    width: 100%;
    z-index: 2;
    align-items: center;
    display: flex;
    justify-content: space-between;
    left: 50%;
    pointer-events: none;
    transform: translateX(-50%);
    /* width: 99vw; */
    top: 0rem;
    padding-top: 10rem;
    padding-bottom: 5rem;
    opacity: 0;
    will-change: opacity;
}



.main-dropdown a {
    color: #fff !important;
}

.menu-section_demo {
    background-color: #fff;
    border-radius: 8px;
    padding: 2rem;
}

.menu-section_demo h2 {
    font-size: 2.2rem;
}

header .dropdown-active.main-dropdown {
    background-color: var(--secondary);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    opacity: 1;
    pointer-events: inherit;
}

/*.main-dropdown-2 {
   transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
*/

.header-active .slds-button {
    color: #AFEEEE;
}

header .z-index-three {
    z-index: 3;
}

header .main-dropdown a {
    font-size: 1.5rem;
}

header .menu-section_demo {
    width: min(500px, 100%);
}

header .contact-section_demo p {
    font-size: 1.1rem;
    color: #fff;
}

header .contact-section_demo .contact-section_journey {
    font-weight: 700;
}

header.header-active a.talk-to-us {
    background-color: #fff;
    border-color: #fff;
    color: var(--secondary);
}


/* Header Styling end */


/* Mobile Menu styling Start */

.mobile-menu .hide-mobile-menu {
    overflow: hidden;
    height: 0 !important;
}

.mobile-menu .topnav .menu-button-open,
.mobile-menu .topnav .menu-button-close {
    text-decoration: none;
    flex-direction: column;
    align-items: center;
    position: absolute;
    right: 1rem;
    top: 25px;
    font-size: 1rem;
    padding: 0;
}


@media(max-width: 1024px) {

    .header {
        display: none;
    }

    .mobile-menu .show-mobile-menu {
        display: block;
    }

    .mobile-menu .topnav {
        overflow: hidden;
        background-color: #fff;
        transition: all 0.3s ease-out;
    }
    .mobile-menu .topnav.topnav-active {
        background-color: var(--secondary);
    }

    .mobile-menu .main-logo {
            opacity: 1;
        }
        
        .topnav-active .main-logo {
            opacity: 0;
        }
        
        .mobile-menu .dropdown-logo {
                position: absolute;
                left: 1rem;
                top: 1rem;
        }
        
        .mobile-menu .dropdown-logo {
            opacity: 0;
        }
        
        .topnav-active .dropdown-logo {
            opacity: 1;
        }

    .mobile-menu .menu-button-open  i,
     .mobile-menu .menu-button-close  i{
        color: var(--secondary);
     }
        .mobile-menu .topnav.topnav-active .menu-button-open i{
            color:#fff; 
        }

    .mobile-menu .hide-mobile-submenu,
    .mobile-menu .show-mobile-submenu {
        transition: height 0.5s ease-out;
        background-color: var(--primaryFontColor);
        padding-left: 1.5rem;
    }

    .mobile-menu .hide-mobile-submenu {
        overflow: hidden;
        height: 0 !important;
    }

    .mobile-menu .show-mobile-submenu {
        display: block;
        height: 280px;
    }

    .mobile-menu .topnav .mobile-logo a {
        padding: 0;
    }
    
    .mobile-menu .mobile-logo img{
        width:180px; 
        height:auto;
    }

     .mobile-menu .topnav .menu-button-open i {
        font-size: 1.4rem;
     }

    .mobile-menu .topnav .menu-button-close i {
        font-size: 1.8rem;
     }

    .mobile-menu .topnav a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white !important;
        padding: 14px 16px;
        padding-right: 20px;
        text-decoration: none !important;
        font-size: 16px;
    }

     .mobile-menu .topnav .mobile-menu-item a{
        font-size:14px;
    }

    .mobile-menu .show-mobile-menu,
    .mobile-menu .hide-mobile-menu {
        background-color: var(--secondary);
        transition: height 0.5s ease-out;
    }

    .mobile-menu .nav-item_parent {
        position: relative;
        z-index: 2;
        background-color: var(--secondary);
    }

    .mobile-menu .hide-mobile-submenu {
        position: relative;
        z-index: 1;
    }

    .mobile-menu .mobile-logo {
        padding: 1rem;
        width: 100%;
    }

    .mobile-menu-item {
        position: relative;
        z-index: 9;
        background: var(--secondary);
    }

    .mobile-menu-item:last-child {
        padding: 1rem;
        padding-bottom: 1.5rem;
    }

    .mobile-menu-item:last-child a {
        background-color: #fff !important;
        border-radius: 100px;
        color: var(--secondary) !important;
        justify-content: center;
        font-size: 17px !important;
        font-weight: 600;
    }



}

/* Mobile Menu styling End */


/* Banner styling start */

.banner_section h1 {
    color: rgba(16, 42, 33, 1);
    font-size: 4rem;
    font-weight: 500;
    letter-spacing: -.025em;
    line-height: 1.3;
}

.banner_section p {
    color: rgba(16, 42, 33, 1);
}

.banner_section .video-wrapper {
    width: 100%;
    border-radius: 20px;
    position: relative;
}

.banner_section video {
    aspect-ratio: 16 / 11;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.banner_section .video-wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(39 38 38 / 35%);
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 20px;
}

/*  Banner styling end */

/* Fullwidth Banner sttyling start */

.fullwidth-banner_section {
    background-color: #fff;
    min-height: 740px;
    background-position: bottom;
    border-radius: 0 0 30px 30px;
}

.banner_section.fullwidth-banner_section h1,
.banner_section.fullwidth-banner_section p {
    color: #fff;
}

.banner_section.fullwidth-banner_section h1 {
    font-weight: 600;
    font-family: 'Plus Jakarta Sans';
    font-size: 3.5rem;
}

.banner_section.fullwidth-banner_section p {
    font-size: 1.5rem;
}

.fullwidth-banner_section .slds-button_brand {
    background-color: #0066FF;
    border-color: #0066FF;
}

.fullwidth-banner_section .slds-grid {
    margin-bottom: 6rem;
}

/* Small Banner Styling */

.small-banner_section {
    background-color: #000;
    min-height: 420px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 12px;
}

.small-banner_section h1 {
    color: #fff;
    font-size: clamp(2rem, 2vw + 0.5rem, 3.3rem);
}

@media(max-width:480px){
    .fullwidth-banner_section {
        min-height: 470px;
    }
}


/* Customer logo section start */

.customer-logo_section {
    background-color: #fff;
    padding: 6rem 0;
}

.customer-logo_section .customer-logo_title-container {
    width: 1150px;
    margin: auto;
    max-width: 100%;
}

p.intro-line {
    font-size: 1.1rem;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
}

.customer-logo_section .customer-logo_title-container h2 {
    font-weight: 400;
}

.customer-logo_section .slider-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100px;
}

.customer-logo_section .slider-track {
    width: max-content;
    animation: scroll-left 80s linear infinite;
}

.customer-logo_section .logo-slide {
    flex: 0 0 auto;
}

.customer-logo_section .logo-slide img {
    width: 90%;
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

.customer-logo_section .slider-wrapper:before,
.customer-logo_section .slider-wrapper:after{
     content: "";
     position: absolute;
     z-index: 9;
     width:235px;
     height:100%;
     top: 0;
}
.customer-logo_section .slider-wrapper:before{
     background: linear-gradient(to right, rgb(255, 255, 255), transparent);
}
.customer-logo_section .slider-wrapper:after{
     right: 0;
     background: linear-gradient(to left, rgb(255, 255, 255), transparent);
}

@media(max-width:767px){

    .customer-logo_section {
        padding: 2rem 0;
    }

    .customer-logo_section .slider-track {
        animation: scroll-left 40s linear infinite;
     }

    .customer-logo_section .logo-slide img {
         width: 100%;
     }
    .customer-logo_section .slider-wrapper {
        height: 70px;
    }
    .customer-logo_section .logo-slide {
        width: 130px;
        padding: 0 0.5rem;
    }
    .customer-logo_section .slider-wrapper:before,
    .customer-logo_section .slider-wrapper:after {
        width: 100px;
    }

}




/* Customer logo section end */


/* Recent Project Section CSS start */

.recent-projects_section .recent-projects_content {
    padding-bottom: 150px;
    background: linear-gradient(0deg, var(--secondary), var(--secondary)),
        linear-gradient(180deg, #283747 0%, #000000 202.43%);

}

.recent-projects_section p,
.recent-projects_section h2,
.recent-projects_section h3,
.recent-projects_section .slds-button {
    color: #fff;
    text-decoration: none;
}

.recent-projects_section .recent-projects_title .section-title {
    border-top: 0.5px solid #FFFFFF;
}

.recent-projects_section .recent-projects_title .slds-button,
.recent-projects_section .recent-projects_title .slds-button:hover {
    border: 1px solid #fff;
    background-color: transparent;
}

.recent-projects_section .custom-box {
    border-radius: 20px;
    background-color: #fff;
    position: relative;
    transition: all 0.5s ease, transform 0.7s ease-out, opacity 0.7s ease-out !important;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transform-origin: top center;
    overflow: hidden;
    display: block;
    text-decoration: none !important;
}

.recent-projects_section .custom-box .custom-box_inner {
    z-index: 3;
}

.recent-projects_section .custom-box p {
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.recent-projects_section .custom-box .slds-button_brand {
    color: var(--secondary);
    background: #AFEEEE;
    border-color: #AFEEEE;
    font-size: 15px;
    font-weight: 700;
}

.recent-projects_section .bgimage-box h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.35;
}

.recent-projects_section .bgimage-box::before {
    content: '';
    background-image: var(--bg-url);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    transition: transform 0.5s ease;
    border-radius: 8px;
}

.recent-projects_section .bgimage-box:hover:before {
    transform: scale(1.3);
}

.recent-projects_section .default-box:hover:before {
    border-radius: 20px;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: #f9f9f9;
}

.recent-projects_section .default-box.custom-box {
    background-color: #F5F7FA;
}

.recent-projects_section .default-box p,
.recent-projects_section .default-box h2,
.recent-projects_section .default-box h3,
.recent-projects_section .default-box .slds-button {
    color: var(--secondary);
}

.recent-projects_section .default-box h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.35;
}

.recent-projects_section .highlighted-box {
    background-repeat: no-repeat;
    padding: 2rem;
    margin-left: -1rem;
    margin-right: 1rem;
    height: 100%;
}

.recent-projects_section .highlighted-box .highlighted-box_inner {
    height: 100%;
    padding-bottom: 4.5rem;
}

.recent-projects_section .highlighted-box .slds-button_brand {
    width: max-content;
    bottom: 0;
}


.recent-projects_section .animated-box {
    perspective: 1200px;
}

.recent-projects_section .animated-hidden.custom-box {
    transform: translate3d(0, 30px, -0.0001px) rotateX(-45deg) scale(0.75);
    opacity: 0;
    transition: none;
}

.recent-projects_section .animated-visible.custom-box {
    transform: translate3d(0, 0, 0) rotateX(0deg) scale(1);
    opacity: 1;
}

/* split banner */

.split-banner-left {
    margin-top: 9rem;
}

.split-banner-left h1 {
    width: 560px;
    max-width: 100%;
    font-size: 3rem;
    line-height: 120%;
    color: var(--secondary);
    font-weight: 600;
    font-family: 'Sora';
}

.split-banner-right,
.split-banner-right img {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 18px;
    background-position: bottom center;
}

/* case studies details */

.case-studies_logo {
    width: 200px;
}

.case-studies_logo img {
    max-width: 200px;
    max-height: 100px;
}

.case-studies_item {
    background-color: #fff;
    border-top: .5px solid #C8D6EC;
    margin-bottom: 2rem;
    padding: 3rem 0;
}

.case-studies-alt .case-studies_item {
    border-top: none;
    border-radius: 20px;
}

.case-studies_item h3 {
    font-size: 1.8rem;
}

.case-studies_item p span {
    font-weight: 600;
    padding-bottom: 1rem;
    display: inline-block;
    padding-top: .5rem;
}

.case-studies_item img {
    width: 140px;
    margin-left: 4rem;
}

.story-quote_title h3 {
    font-size: 1.8rem;
}

.story-quote h2 {
    color: var(--primaryFontColor);
    font-size: 2rem;
    -webkit-font-smoothing: antialiased;
    line-height: 130%;
    padding-bottom: 1rem;
}

.story-quote p {
    font-size: 1.3rem;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6;
}

.story-quote p strong {
    font-size: 1rem;
}

.story-quote_section p {
    margin-top: 0.75rem;
}

.case-studies ul {
    list-style: disc;
    margin-left: 1rem;
}

.case-studies .section-title {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 130%;
    padding-right: 4rem;
    text-transform: none;
}

.case-studies ul li,
.case-studies_summary p,
.case-studies_item p {
    color: var(--primaryFontColor);
    font-size: 1.1rem;
    margin-bottom: 0.8rem;
    line-height: 160%;
}

.case-studies ul li {
    padding-left: .5rem;
}

.case-studies ul li:last-child {
    margin-bottom: 0
}

.view-case-study a.slds-button {
    color: var(--secondary);
    font-size: clamp(1.2rem, 2vw + 0.5rem, 2rem);
}

.case-studies_chip {
    background-color: #F5F7FA;
    border-radius: 8px;
    display: inline-flex;
    padding: .5rem 1rem;
}


/* Recent Project Section CSS end */


/* About Us Section Styling Start */

.about-us_section p {
    font-size: 1.1rem;
    font-weight: 500;
}

.about-us_section .section-title {
    border-top: 1px solid var(--secondary);
}

.about-us_section a,
.about-us_section a:hover {
    color: var(--secondary);
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 4px;
}

.about-us_section a:hover {
    text-decoration: none;
}


/* About Us Section Styling End */

/* Why choose us */

/* Section spacing and container */

.why-choose-us-section {
    background-color: #F6FAFF;
    width: 100%;
    border-radius: 40px 40px 0 0;
    padding-top: 4rem;
}

/* Section tagline */
.section-tagline {
    color: #444D56;
    font-weight: 500;
    font-size: 0.75rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 2rem;
    display: block;
}

/* Card styling */

.why-card {
    transition: all 0.25s ease;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
    border-radius: 8px;
    padding: 3rem 2rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

c-cfsuite-salesforce-admin .why-card {
    height: auto;
}

c-cfsuite-a-i-automation .why-card {
    height: 300px;
}

.slds-grid .slds-col:nth-child(3) .why-card {
    border-right: none;
}


/* Card title */
.why-card h3 {
    -webkit-font-smoothing: antialiased;
    padding-bottom: 1rem;
    font-weight: 600;
}

.card-heading-bar {
    width: 24px;
    height: 2px;
    background-color: #007aff;
    margin-bottom: 12px;
}

/* Card paragraph */
.why-card p {
    font-size: 0.95rem;
    line-height: 1.6;
    color: #3A4755;
    font-weight: 400;
}

/* Card icon */
.icon-circle {
    background-color: #e6effa;
    color: #004AAD;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 1rem;
}

.card-divider {
    width: 100%;
    height: 1px;
    background-color: rgba(28, 42, 64, 0.08);
    /* Very soft line */
    margin: 80px 0;
    /* Adjust spacing as needed */
}


/* Why choose us end */

/* Featured product section start */

.products-card a {
    text-decoration: none !important;
}

.products-card .products-card_inner {
    padding-bottom: 60px;
}

.products-card .products-card_wrapper {
    height: 100vh;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    position: sticky;
    top: 0;
    justify-content: start;
}

.products-card .product-card_title .section-title {
    border-top: 1px solid var(--secondary);
}

.products-card .product-card_feature {
    text-transform: uppercase;
    font-weight: 600;
}

.products-card .products-card_individual {
    background-color: #F5F7FA;
    border-radius: 10px;
    transform-origin: 50% 0;
    transform-style: preserve-3d;
    will-change: transform;
    transition: transform 0.25s ease-out;
    width: 100%;
}

.products-card .products-card_individual .product-card_coulmn-left {
    padding: 60px;
}

.products-card .products-card_individual .product-card_coulmn-right,
.products-card .products-card_individual .product-card_coulmn-right img {
    border-radius: 10px;
}

.products-card .products-card_overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.25s ease-out;
}

.products-card h3 {
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--primary);
}

.products-card h2 {
    font-weight: 400;
}

.products-card p {
    font-size: 1.1rem;
}

.products-card .slds-button_brand {
    font-size: 15px;
    font-weight: 400;
    background-color: var(--secondary);
    border-radius: 100px;
    border-color: var(--secondary);
    padding: clamp(0.2rem, 2vw, 0.6rem) clamp(1rem, 4vw, 1.625rem);
}

@media (max-width: 48em) {
    .products-card_grid {
        flex-wrap: wrap;
    }
}
/* Featured product section end */


/* Integrations logo sections start */

.integration-logos_section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.integration-logos_section .slds-align_absolute-center {
    background-color: #F5F7FA;
    border-radius: 10px;
    height: 120px;
}

.integration-logos_section img,
.integration-logos_details .integration-logos_details-item img {
    max-width: 140px;
    max-height: 50px;
}

.integration-logos_details {
    background-color: #fff;
    border-radius: 20px;
}

.integration-logos_details .integration-logos_details-item {
    border-top: 1px solid #DDE7F8;
}

.integration-logos_details c-cfsuite-fade-up-animation-wrapper:last-child .integration-logos_details-item {
    border-bottom: none;
}

/* Integrations logo sections end */

/* Service section css start */

.services-section .service-section_content{
    row-gap: 1.5rem;
}

.services-section .service-card {
    border-radius: 20px;
    min-height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none !important;
    padding-bottom: 4rem;
}

.services-section .service-card:hover {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

.services-section .service-card img {
    width: 160px;
}

.services-section .service-card h3,
.services-section .service-card p {
    color: var(--secondary);
    text-align: center;
}

.services-section .service-card h3 {
    font-size: 2rem;
}

.services-section .service-card p {
    font-size: 1.1rem;
}

.services-section .service-icon i {
    font-size: 1.8rem;
    border: 1px solid #0066FF;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    color: #0066FF;
}

/* Service section css end */


/* Cfsuite News styling start */


.news-card_section .parallex-bg {
    background-image: url('/resource/1754288497000/NewsParallexBG');
}

.news-card_section .news-card_item .news-card_title {
    color: var(--secondary);
    font-weight: 600;
    font-size: clamp(1.1rem, 2vw + 0.5rem, 1.3rem);
    line-height: 120%;
}

.news-card_section .news-card_coulmn-right .news-card_item .news-card_image img {
    object-fit: cover;
    min-height: 180px;
}

.news-card_section .news-card_featured-item .news-card_title {
    color: #283747;
    font-weight: 600;
    font-size: clamp(1.5rem, 2vw + 0.5rem, 2.2rem);
}

.news-card_section .news-card_item:hover .news-card_title {
    text-decoration: underline;
}

.news-card_section .news-card_item .news-card_read-more {
    display: inline;
}

.news-card_section .news-card_item .news-card_read-more p {
    color: var(--primary);
    text-decoration: underline;
    font-weight: 600;
    font-size: 14px;
}

.news-card_section .news-card_featured-item .image-zoom_box img {
    height: 392px;
    object-fit: cover;
}

.news-card_section .news-page .news-card_item .news-card_title {
    font-size: clamp(1.5rem, 2vw + 0.5rem, 2rem);
}

.news-card_section .news-page .news-card_item img,
.news-card_section .news-detail_section .news-card_item img {
    height: 450px;
    object-fit: cover;
}

/* News Details */

.product-details {
    width: 850px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.news-detail_section .chip {
    background: #F5F7FA;
    display: inline-block;
    padding: 0.5rem 1rem;
    margin: 0 .5rem 0.5rem 0;
    border-radius: 100px;
    text-align: center;
}

.news-detail_section .news-details1 img {
    margin-bottom: 0.5rem;
    margin-top:0.5rem
}

.news-detail_section .news-details1 p:has(img) {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;        
}



.news-detail_section .news-details1 p:has(img) img {
  width: 48%;
  max-width: 100%;
  height:auto; 
  object-fit:cover; 
}

.news-detail_banner h1 {
    width: 800px;
    max-width: 100%;
    line-height: 130%;
}

@media(max-width:500px){
.news-detail_section .news-details1 p:has(img) img {
  width: 100%;
 
}
}

.news-detail_banner p {
    color: #fff;
}

.news-details1 h2 {
    font-size: 2.4rem;
}

.news-details1 h3,
h3.news-summary {
    padding-bottom: 1rem;
    font-size: 1.5rem;
    padding-top: 1rem;
}

h3.news-summary {
    padding-top: 0;
    padding-bottom: 2rem;
    font-weight: 600;
}

.news-details1 h4 {
    color: var(--secondary);
    padding-bottom: 1rem;
    font-size: 1.1rem;
    padding-top: 1rem;
}

.news-details ul li {
    color: var(--primaryFontColor);
    padding-bottom: 1rem;
    font-size: 1rem;
    list-style: disc;
    margin-left: 1rem;
}


.more-news {
    border-top: .5px solid #C8D6EC;
}




/* Cfsuite News styling end */

/* Call to action styling start  */

.call-to-action {
    background: linear-gradient(0deg, #283747, #283747),
        linear-gradient(180deg, #283747 0%, #000000 202.43%);
    border-radius: 18px;
    ;
}

/* Call to action styling end  */

/* Contact Section CSS code start */

/* .contact-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/resource/ConatactUsBG);
    opacity: 0.2;
    border-radius: 40px 40px 0 0;
    background-position: bottom;
} */

.contact-section .container {
    position: relative;
    z-index: 2;
}

.contact-section_demo {
    margin-right: 0;
    background: var(--secondary);
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
    /* position: relative;
    z-index: 9; */
    padding: 6rem;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 30px 30px 0 0;
}

.contact-section .section-title {
    font-size: 1rem;
}

.contact-section li i {
    width: 1.8rem;
}

.contact-section h2 {
    color: #fff;
    margin-top: 1rem;
}

.contact-section p {
    color: #FFFFFFCC;
}

.contact-section h2 span {
    font-weight: 400;
}

.contact-section li a {
    color: #fff;
}

.contact-section_demo .slds-button_brand {
    background-color: transparent;
    color: #fff;
    border-color: #3B475A;
}

.contact-section ul {
    background-color: #141E2F;
    padding: 3rem;
    border-radius: 10px;
    margin-right: 2rem;
}

.contact-section ul li,
.contact-section ul li a,
.contact-section ul li p {
    color: #FFFFFFCC !important;
}

/* Contact Section CSS code end */

/* Footer Styling Start */

.footer-section {
    padding-top: 6rem;
    background-color: var(--secondary);
    border-radius: 30px 30px 0 0;
}

.footer-section h2 {
    font-size: 2.4rem;
    color: #fff;
    padding-bottom: 1rem;
}

.footer-section p,
.footer-section li a:link {
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.footer-section .footer-top {
    border-bottom: 1px solid #2D3B51;
    padding-bottom: 50px;
}

.footer-section .partner-logo {
    margin-left: -0.8rem;
}

.footer-section .footer-bottom p {
    font-size: 14px;
}

.footer-bottom img {
    width: 120px;
    max-width: 120px;
}

.footer-top .slds-button_neutral {
    border: 1px solid #0066FF;
    background-color: #0066FF;
    transition: all 0.3s ease;
    color: #fff;
}

.footer-top .slds-button_neutral:hover {
    transform: scale(1.05);
    border: 1px solid #fff;
    background-color: #fff;
    color: var(--secondary);
}

.footer-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #A9B4C6;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

/* Footer Styling end */


/* Book a Demo form styling start */

.demo-form h1 {
    font-family: 'Lora', serif;
    font-size: 4rem;
    color: var(--secondary);
    line-height: normal;
    letter-spacing: -.015em;
}

.contact-section .slds-card__header.slds-grid.header,
.demo-form .slds-card__header.slds-grid.header {
    display: none;
}

.demo-form .slds-large-size_4-of-12 {
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 2rem;
}

.slds-card__footer.navigationBar {
    border-top: none !important;
    padding-left: 0;
}

.demo-form .navigation-bar__right-align {
    margin-left: 0 !important;
}

.demo-form .navigationBar .slds-grid_align-spread .slds-grow {
    display: none;
}

[kx-scope=button-brand]:hover:before,
[kx-scope=button-brand][kx-type=ripple]:after {
    display: none;
}

/* Flow form start */

.container-small {
    width: 1140px;
    margin: 0 auto;
    max-width: 100%;
}

.content-wrapper flowruntime-flow {
    background-color: transparent;
    max-width: 100%;
}

.flowruntimeBody .slds-form-element__control input,
.flowruntimeBody .slds-textarea {
    border-radius: 0;
    box-shadow: none;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #3C4759;
    padding-left: 0;
    padding-bottom: 20px;
    padding-top: 10px;
}

.slds-textarea {
    height: auto;
    min-height: 8.25rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    overflow: auto;
}

.flowruntimeBody .slds-form-element__control input::placeholder {
    color: var(--secondary);
}

/* .flowruntimeBody .flowruntime-input-label {
    display: none;
} */

/* Header styling */

header .slds-button_brand {
    padding: .5rem 1.5rem;
}


/* Book a Demo form styling end */

/* Banner Section New */

.banner_section-new {
    background-image: url('/resource/1754288497000/successStoriesBG');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Customer success stories */

.content-wrapper {
    background-color: #F5F7FA;
    border-radius: 30px 30px 0 0;
}

.content-wrapper-alt {
    background-color: #fff;
}

.case-studies_summary {
   /* padding: 8rem 0;  */
    padding: 4rem 0 8rem 0;
    margin-top: 5rem;
}

/* Feature cards */

.card-intro {
    font-weight: 600;
    font-family: 'Sora';
    padding-bottom: 3rem;
    font-size: 1.5rem;
}

c-cfsuite-feature-cards .slds-box {
    background-color: #F5F7FA;
    border: none;
    border-radius: 14px;
    padding: 2rem;
}

c-cfsuite-feature-cards .slds-medium-size_1-of-2 .slds-box {
    padding: 3rem;
}

c-cfsuite-feature-cards i {
    font-size: 2rem;
    color: #0066FF;
    margin-bottom: 2rem;
}

.card-inner {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
    margin-bottom: 1.5rem;
}

@media screen and (min-width: 48rem) {
    .card-inner:nth-child(3n+1) {
        margin-left: 0;
    }

    .card-inner:nth-child(3n) {
        margin-right: 0;
    }
}

/* About Us parallex Section */

.section-wrapper.bg-alt {
    background-color: var(--secondary);
    padding-bottom: 8rem;
}

.abouus-sub_section .main-heading {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.abouus-sub_section .parallex-bg {
    background-image: url('/resource/1753104467000/aboutUsParallexBg');
    background-size: contain;
    background-position: top;
}

.integration_section .parallex-bg {
    background-image: url('/resource/1754536140000/integrationParallexBg');
}


/* Split banner */
.split-banner-container {
    position: relative;
    background: linear-gradient(135deg, #f5f8fc, #ffffff);
    overflow: hidden;
    border-radius: 0 0 40px 40px;
}

.recent-projects_section .split-banner-container,
.case-studies .split-banner-container {
    background: transparent;
}


.image-glow-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.image-glow-wrapper img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.05));
    border-radius: 30px 0 0 30px;
}

.tagline {
    color: #7A8699;
}

community_layout-hidden-region {
    display: none;
}

@media(min-width:1024px){
    .breakout-image-outer {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 0;
        max-width: 50vw;
        pointer-events: none;
    }
}

@media(max-width:767px){
    .abouus-sub_section .parallex-bg {
         background-size: cover;
     }
}


@media (max-width: 30em) {
    .banner_section.fullwidth-banner_section h1 {
    font-size: 2.5rem;
}
    .banner_section.fullwidth-banner_section p {
    display: none;
}
    h2.alt-font {
        font-size: 1.75rem;
    }
    .products-card p, p.intro-line {
    font-size: .95rem;
}
        .products-card p, p.intro-line {
        margin-bottom: 0;
}
    .products-card h2 {
    padding-top: 2rem;
}
    .products-card .products-card_individual .product-card_coulmn-left {
    padding: 3rem 2rem 0;
}
}