/* Start insurance Banner Code CSS */



.insurance-banner {

    background-image: url(../images/industries/insurance/industry-insurance-hero-section-1.png);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    width: 100%;

    aspect-ratio: 19 / 10;

    padding-block: clamp(120px, 10vw, 160px);

    display: flex;

    align-items: center;

    overflow: hidden;

}



.intro-img-industries {

    width: 90%;

}

.ecommerce-banner {

    background-image: url(../images/ecommerce/banner.webp);

    background-position: right;

}



.insurance-banner h1 {

    color: #FFF;

    font-family: Poppins;

    font-size: 53px;

    font-style: normal;

    font-weight: 500;

    line-height: 59px;

    letter-spacing: -2px;

}



.insurance-banner p {

    color: #FFF;

    font-family: Poppins;

    font-size: 16px;

    font-style: normal;

    margin-bottom: 30px;

    font-weight: 400;

    line-height: 29px;

    /* 152.632% */

}



.insurance-banner span {

    color: #fff;

    font-weight: 500;

}



/* End insurance Banner Code CSS */



/*  Start insurance Advancing Operations CSS */



.advance-operations h2 {

    color: #0B3359;

    font-family: Poppins;

    font-size: 44px;

    font-style: normal;

    font-weight: 500;

    margin-bottom: 30px;

    line-height: 55px;

    letter-spacing: -2px;

}



.advance-operations span {

    color: #0B3359;

    font-family: Poppins;

    font-size: 14px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    letter-spacing: 1.9px;

    text-transform: uppercase;

}



.advance-operations p b {

    color: #494949;

    font-family: Poppins;

    font-size: 17px;

    font-style: normal;

    font-weight: 600;

    line-height: 30px;

}



.advance-operations p {

    color: #494949;

    font-family: Poppins;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 25px;

}



/*  End insurance Advancing Operations CSS */



/* Start Front Office Functions COde CSS */

.front-office-section {

    padding: 30px 0 70px;

    position: relative;

    z-index: 99;

}



.sub-title {

    letter-spacing: 3px;

    font-size: 13px;

    font-weight: 600;

    color: #0B3359;

    text-transform: uppercase;

}



.main-title {

    font-size: 50px;

    font-weight: 500;

    color: #0B3359;

    line-height: 1.1;

    letter-spacing: -2px;

}



.small-title {

    font-size: 18px;

    font-weight: 500;

    margin-top: 10px;

    color: #222;

}



.description {

    max-width: 820px;

    margin: auto;

    font-size: 16px;

    line-height: 1.8;

    color: #7a7a7a;

}



.process-title {

    font-size: 30px;

    font-weight: 500;

    color: #222;

    letter-spacing: -1px;

}



.custom-tabs {

    background: #dfe7ee;

    border-radius: 50px;

    padding: 4px 4px;

    display: flex;

    gap: 2px;

    overflow-x: auto;

    flex-wrap: nowrap;

    scrollbar-width: none;

}



.custom-tabs::-webkit-scrollbar {

    display: none;

}



.custom-tabs .nav-link {

    border: none;

    border-radius: 40px;

    padding: 14px 21px;

    color: #494949;

    font-size: 15px;

    font-weight: 500;

    white-space: nowrap;

    transition: all .3s ease;

}



.custom-tabs .nav-link.active {

    background: #fff;

    color: #1d4f91;

    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);

}



.tab-banner {

    position: relative;

    overflow: hidden;

    border-radius: 28px;

    margin-top: 35px;

}



.tab-banner img {

    width: 100%;

    height: 600px;

    object-fit: cover;

    display: block;

}



.banner-btn {

    position: absolute;

    left: 35px;

    bottom: 35px;

    color: #fff;

    text-decoration: none;

    padding: 16px 34px;

    font-size: 18px;

    font-weight: 500;

    border: 1px solid rgba(255, 255, 255, 0.4);

    transition: 0.3s;

    border-radius: 74px;

    background: linear-gradient(180deg, rgba(27, 123, 203, 0.50) 4.29%, rgba(255, 255, 255, 0.00) 95%);

}



.banner-btn:hover {

    background: #fff;

    color: #000;

}



.tab-box {

    border-radius: 16px;

    background: #1d7dcf;

    height: 95%;

    color: #fff;

    padding: 30px 30px 15px;

}



.tab-box h4 {

    color: #fff;

    font-family: Poppins;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: 31px;

    margin-bottom: 2px;

}



.tab-box p {

    margin-bottom: 4px;

    color: #FFF;

    font-family: Poppins;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

    /* 162.5% */

    letter-spacing: -0.32px;

}



.tab-box span {

    font-size: 16px;

}



.dark-blue {

    /* background-color: #0C335A; */

}



@media(max-width:991px) {

    .main-title {

        font-size: 38px;

    }



    .small-title {

        font-size: 20px;

    }



    .process-title {

        font-size: 28px;

    }



    .tab-banner img {

        height: 450px;

    }



    .banner-btn {

        font-size: 18px;

        padding: 14px 26px;

    }

}



@media(max-width:767px) {



    .front-office-section {

        padding: 60px 0;

    }



    .main-title {

        font-size: 30px;

    }



    .small-title {

        font-size: 18px;

    }



    .description {

        font-size: 15px;

    }



    .process-title {

        font-size: 24px;

    }



    .custom-tabs {

        padding: 8px;

        gap: 8px;

    }



    .custom-tabs .nav-link {

        font-size: 13px;

        padding: 12px 18px;

    }



    .tab-banner img {

        height: 300px;

    }



    .banner-btn {

        left: 20px;

        bottom: 20px;

        font-size: 15px;

        padding: 12px 20px;

    }

    .intro-img-industries {

        width: 100%;

    }

}



/* End Front Office Functions Code CSS */





/* Start Middle Office Operations Code CSS */

.middle-office {

    z-index: 9;

    position: relative;

    background: #F4F8FC;

    padding: 350px 0 70px;

    clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%);

    border-radius: 5%;

    margin-top: -27%;

}



.section-subtitle {

    font-size: 13px;

    letter-spacing: 3px;

    font-weight: 600;

    text-align: left;

    text-transform: uppercase;

    color: #0B3359;

    margin-bottom: 10px;

}



.section-title {

    font-size: 50px;

    font-weight: 500;

    line-height: 1.1;

    margin-bottom: 12px;

    color: #0B3359;

    letter-spacing: -2px;

}



.process-title {

    font-size: 26px;

    font-weight: 500;

    margin-bottom: 25px;

}



.middle-office .custom-accordion .accordion-item {

    border: none;

    border-radius: 18px !important;

    overflow: hidden;

    margin-bottom: 18px;

    background: #fff;

}



.middle-office .custom-accordion .accordion-button {

    background: #fff;

    border: none;

    box-shadow: none !important;

    padding: 20px 20px 20px;

    border-radius: 18px !important;

    display: flex;

    align-items: center;

}



.middle-office .custom-accordion .accordion-button:not(.collapsed) {

    background: #fff;

}



.middle-office .custom-accordion .accordion-button::after {

    display: none;

}



.middle-office .accordion-icon {

    width: 55px;

    height: 55px;

    min-width: 55px;

    border-radius: 50%;

    background: #123d70;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    margin-right: 16px;

}



.middle-office .custom-accordion .accordion-button:not(.collapsed) .accordion-icon {

    background: #1976d2;

}



.middle-office .accordion-title {

    color: #262626;

    font-family: Poppins;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    letter-spacing: -0.6px;

}



.middle-office .custom-accordion .accordion-button:not(.collapsed) .accordion-title {

    color: #1976d2;

}



.middle-office .accordion-body {

    padding: 20px 22px 25px 78px;

    border-radius: 20px;

    opacity: 0.8;

    background: linear-gradient(270deg, #E6F1F9 47.35%, rgba(255, 255, 255, 0.00) 100%);

    margin: 0px 10px 10px;

}



.info-title {

    font-size: 17px;

    font-weight: 600;

    font-family: "Poppins", sans-serif;

    margin-bottom: 10px;

}



.info-text {

    color: #2f2d2d;

    font-family: "Poppins", sans-serif;

    line-height: 1.6;

    font-size: 15px;

}



.right-content-box {

    /* background: #eaf2fb; */

    border-radius: 25px;

    /* padding: 35px; */

    min-height: 620px;

    position: relative;

    overflow: hidden;

}



.right-content-box::after {

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 10px;

    height: 100%;

    /* background: #1976d2; */

}



.content-card1 {

    display: none;

    animation: fadeIn .4s ease;

}



.content-card1.active {

    display: block;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(15px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.floating-title {

    background: #fff;

    display: inline-block;

    padding: 15px 28px;

    border-radius: 50px;

    font-size: 20px;

    font-weight: 600;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

    margin-bottom: 30px;

}



.content-image {

    width: 100%;

    border-radius: 20px;

    height: auto;

    object-fit: cover;

}



.flow-wrapper {

    background: #fff;

    border-radius: 18px;

    margin-top: 22px;

    padding: 20px;

    display: flex;

    justify-content: space-between;

    gap: 20px;

}



.flow-item {

    flex: 1;

    text-align: center;

    position: relative;

}



.flow-item:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 24px;

    right: -12px;

    width: 100%;

    height: 2px;

    background: #d6d6d6;

}



.flow-icon {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    margin: auto auto 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 18px;

}



.blue {

    background: #1976d2;

}



.gray {

    background: #999;

}



.green {

    background: #19b35b;

}



.flow-text {

    font-size: 14px;

    font-weight: 500;

}



@media(max-width:991px) {



    .section-title {

        font-size: 38px;

    }



    .right-content-box {

        margin-top: 40px;

        min-height: auto;

    }

}



@media(max-width:767px) {



    .middle-office {

        padding: 60px 0;

    }



    .section-title {

        font-size: 30px;

    }



    .process-title {

        font-size: 24px;

    }



    .middle-office .accordion-title {

        font-size: 16px;

    }



    .middle-office .accordion-icon {

        width: 45px;

        height: 45px;

        min-width: 45px;

        font-size: 18px;

    }



    .middle-office .accordion-body {

        padding: 0 18px 20px 18px;

    }



    .middle-office .custom-accordion .accordion-button {

        padding: 18px;

    }



    .floating-title {

        font-size: 16px;

        padding: 12px 20px;

    }



    .content-image {

        height: auto;

    }



    .flow-wrapper {

        flex-direction: column;

    }



    .flow-item:not(:last-child)::after {

        display: none;

    }

}



/* End Middle Office Operations Code CSS */



/*  Start Front Office Operations Code CSS */

.front-office-accordian h2 {

    line-height: normal;

}



.front-office-box {

    border-radius: 30px;

    padding: 25px;

    height: 95%;

    margin-bottom: 30px;

}



.black {

    background: radial-gradient(71.4% 71.4% at 50% 50%, #3a3434 0%, #000 100%);

}



.light-blue1 {

    background: radial-gradient(71.4% 71.4% at 50% 50%, #264f89 0%, #1055b7 100%);

}



.dark-blue1 {

    background: radial-gradient(71.4% 71.4% at 50% 50%, #407197 0%, #0f5287 100%);

}



.front-office-accordian .accordion-body {

    padding: 14px 0;

    font-family: 'Poppins', sans-serif !important;

    color: rgba(255, 255, 255, 0.66);

    font-size: 14px;

    font-style: normal;

    font-weight: 300;

    line-height: 24px;

    letter-spacing: -0.3px;

}



.front-office-accordian .accordion-item {

    color: #ffffff;

    background-color: transparent;

    border: transparent;

}



.front-office-accordian .accordion-button:not(.collapsed) {

    color: #ffffff;

    font-weight: 600;

    background-color: transparent;

    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);

}



.front-office-accordian .accordion-button {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 10px 0;

    color: #afafaf;

    font-family: Poppins;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    text-align: left;

    background-color: transparent;

    border: 0;

    border-radius: 0;

    overflow-anchor: none;

    transition: var(--bs-accordion-transition);

}



.front-office-box h3 {

    color: #FFF;

    font-family: Poppins;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 23px;

}



.front-office-operations h2 {

    color: #262626;

    font-family: Poppins;

    font-size: 50px;

    font-style: normal;

    font-weight: 500;

    line-height: 48px;

    letter-spacing: -2px;

}



.front-office-operations {

    padding-top: 70px;

    padding-bottom: 50px;

}



/*  End Front Office Operations Code CSS */



/* Start Bring Operational Code CSS */

.bring-operational {

    padding: 70px 0;

}



.bring-operational h2 {

    color: #262626;

    font-family: Poppins;

    font-size: 50px;

    font-style: normal;

    font-weight: 500;

    line-height: 60px;

    letter-spacing: -1.5px;

    margin-bottom: 20px;

}



.bring-operational span {

    text-transform: uppercase;

    font-size: 16px;

    font-weight: 500;

}



.bring-operational p {

    color: #494949;

    font-family: Poppins;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}



.bring-operational p b {

    color: #494949;

    font-family: Poppins;

    font-size: 17px;

    font-style: normal;

    font-weight: 500;

    line-height: 30px;

    /* 176.471% */

}



/* End Bring Operational Code CSS */



/* Start FAQS Code CSS */

.custom-faq-header {

    line-height: 50px;

}



.custom-faq-section {

    position: relative;

    overflow: hidden;

    background: #F4F8FC;

    padding: 90px 0 180px;

    border-radius: 0;

}



.custom-faq-section1 {

    background-color: #fff;

    padding: 80px 0;

}



.custom-faq-section::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: -1px;

    width: 100%;

    height: 217px;

    background: #fff;

    clip-path: polygon(0 100%, 100% 34%, 111% 100%);

}



.custom-faq-wrapper {

    position: relative;

    z-index: 2;

}



.custom-faq-mini-title {

    text-transform: uppercase;

    letter-spacing: 3px;

    font-size: 12px;

    font-weight: 600;

    color: #222;

    text-align: center;

    margin-bottom: 8px;

}



.custom-faq-title {

    text-align: center;

    font-size: 50px;

    line-height: 1.1;

    font-weight: 500;

    color: #222;

    margin-bottom: 30px;

    letter-spacing: -2px;

}



.custom-faq-accordion {

    max-width: 1050px;

    margin: auto;

}



.custom-faq-accordion .custom-faq-item {

    border: none;

    border-bottom: 1px solid #d6d6d6;

    background: transparent;

    border-radius: 0;

    margin-bottom: 0;

}



.custom-faq-accordion .custom-faq-item.custom-active-faq-item {

    border: 1px solid #4b95e8;

    border-radius: 14px;

    background: #fff;

    margin: 10px 0;

    overflow: hidden;

    box-shadow: 0px 28px 32px 0px #1F7BCA21;

}



.custom-faq-accordion .custom-faq-button {

    background: transparent;

    box-shadow: none;

    font-size: 18px;

    font-weight: 500;

    color: #1f1f1f;

    padding: 5px 25px;

    border-radius: 0 !important;

}



.custom-faq-accordion .custom-faq-button:not(.collapsed) {

    background: #fff;

    color: #111;

    box-shadow: none;

    padding: 22px 25px 1px;

}



.custom-faq-accordion .custom-faq-button::after {

    display: none;

}



.custom-faq-icon {

    margin-left: auto;

    width: 22px;

    height: 22px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    font-weight: 600;

    color: #7c7c7c;

    transition: 0.3s;

}



.custom-faq-button:not(.collapsed) .custom-faq-icon {

    background: #2d8cff;

    color: #fff;

}



.custom-faq-accordion .custom-faq-body {

    padding: 0 25px 28px;

    color: #767676;

    font-size: 15px;

    line-height: 1.8;

    background: #fff;

    font-family: 'poppins', sans-serif !important;

}



@media(max-width:991px) {

    .custom-faq-section {

        padding: 70px 20px 120px;

    }



    .custom-faq-title {

        font-size: 40px;

    }



    .custom-faq-accordion .custom-faq-button {

        font-size: 16px;

        padding: 18px 18px;

    }



    .custom-faq-accordion .custom-faq-body {

        padding: 0 18px 24px;

        font-size: 14px;

    }

}



@media(max-width:576px) {

    .custom-faq-title {

        font-size: 32px;

    }



    .custom-faq-section::after {

        height: 110px;

        clip-path: polygon(0 100%, 100% 55%, 100% 100%);

    }



    .custom-faq-accordion .custom-faq-button {

        font-size: 15px;

        line-height: 1.5;

    }



    .custom-faq-mini-title {

        font-size: 11px;

    }

}



/* End FAQS Code CSS */



/*  Start Other Industries Code CSS */





/* SECTION */

.industry-section {

    position: relative;

    overflow: hidden;

    background: #fff;

    padding: 80px 0 90px;

}





/* Content */

.industry-section .container {

    position: relative;

    z-index: 2;

}



/* Subtitle */

.industry-subtitle {

    text-align: center;

    font-size: 13px;

    letter-spacing: 3px;

    font-weight: 700;

    color: #222;

    margin-bottom: 8px;

}



.industry-title {

    text-align: center;

    font-size: 50px;

    line-height: 1;

    font-weight: 500;

    color: #222;

    margin-bottom: 40px;

    letter-spacing: -2px;

}



/* Slider Wrap */

.industry-slider-wrapper {

    position: relative;

    padding: 0 70px;

}



/* Card */

.industry-card {

    background: #eef2f6;

    border: 1px solid #d9e1ea;

    border-radius: 16px;

    padding: 40px 20px;

    text-align: center;

    height: 400px;

    transition: 0.3s ease;

}



.industry-card:hover {

    transform: translateY(-5px);

}



/* Icon */

.industry-icon {

    width: 86px;

    height: 86px;

    border-radius: 50%;

    margin: 0 auto 28px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.industry-icon img {

    width: 50px;

    height: 50px;

    object-fit: contain;

    filter: brightness(0) invert(1);

}



.dark-icon {

    background: #0e3767;

}



.blue-icon {

    background: #2583eb;

}



.industry-card h3 {

    margin-bottom: 11px;

    color: #262626;

    text-align: center;

    font-family: Poppins;

    font-size: 18px;

    font-style: normal;

    font-weight: 600;

    line-height: 23px;

    letter-spacing: -0.75px;

}



.industry-card p {

    font-size: 15px;

    margin-bottom: 26px;

    color: #494949;

    text-align: center;

    font-family: Poppins;

    font-style: normal;

    font-weight: 400;

    line-height: 23px;

}



/* Link */

.industry-card a {

    text-decoration: none;

    color: #222;

    font-weight: 600;

    font-size: 16px;

    transition: 0.3s;

}



.industry-card a.active-link {

    color: #2583eb;

}



/* Arrows */

.industry-arrow {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 46px;

    height: 46px;

    border-radius: 50%;

    background: #ffffff;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 10;

    cursor: pointer;

    transition: 0.3s;

}



.industry-arrow:hover {

    transform: translateY(-50%) scale(1.05);

}



.industry-prev {

    left: 0;

}



.industry-next {

    right: 0;

}



.industry-arrow i {

    color: #2583eb;

    font-size: 14px;

}



/* Pagination */

.industry-pagination {

    position: relative;

    /* margin-top: 40px; */

    text-align: center;

    bottom: var(--swiper-pagination-bottom, -51px) !important;

    top: var(--swiper-pagination-top, auto);

    left: 0;

    width: 100%;

}



.industry-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    background: #c2c2c2;

    opacity: 1;

}



.industry-pagination .swiper-pagination-bullet-active {

    background: #2583eb;

    outline: 2px dashed #2583eb;

    outline-offset: 4px;

}



/* Responsive */

@media(max-width:1200px) {



    .industry-card h3 {

        font-size: 26px;

    }



    .industry-title {

        font-size: 48px;

    }

}



@media(max-width:991px) {



    .industry-slider-wrapper {

        padding: 0;

    }



    .industry-arrow {

        display: none;

    }



    .industry-section {

        padding: 70px 0 80px;

    }



    .industry-title {

        font-size: 40px;

    }



    .industry-card {

        min-height: auto;

    }

}



@media(max-width:576px) {



    .industry-title {

        font-size: 32px;

    }



    .industry-card {

        padding: 35px 24px;

    }



    .industry-card h3 {

        font-size: 24px;

    }



    .industry-card p {

        font-size: 14px;

    }



    .industry-top-shape {

        width: 140px;

        height: 50px;

    }



    .industry-bottom-shape {

        width: 140px;

        height: 50px;

    }

}



/*  End Other Industries Code CSS */



/*  Start Agentic Power AI Code CSS */

.agentic-operations {

    padding: 60px 0;

    background: radial-gradient(circle at center, rgba(43, 123, 255, .55) 0%, rgba(31, 99, 232, .35) 22%, rgba(11, 53, 100, 0) 55%), linear-gradient(180deg, #0b3564 0%, #0b3564 100%);

}



.agentic-operations h2 {

    color: #FFF;

    text-align: center;

    font-family: Poppins;

    font-size: 50px;

    font-style: normal;

    font-weight: 500;

    line-height: 58px;

    letter-spacing: -2px;

}



.agentic-operations span {

    color: #fff;

}



.agentic-box p {

    color: #FFF;

    font-family: Poppins;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 25px;

    /* 166.667% */

    letter-spacing: -0.3px;

}



.agentic-box-two {

    text-align: right;

    margin-top: 18%;

    margin-right: -2%;

}



.agentic-box-three {

    text-align: right;

    margin-top: 20%;

    margin-right: 3%;

}



.agentic-box-four {

    text-align: left;

    margin-top: 16%;

    margin-left: -7%;

}



.agentic-box-five {

    text-align: left;

    margin-top: 16%;

    margin-left: 1%;

}



/*  End Agentic Power AI Code CSS*/











/*  Start MSuite's Cutting-Edge Capabilities CSS */

.black-blue {

    background-color: #192A3A;

}



.sky-blue {

    background-color: #1760BC;

}



.dark-green {

    background-color: #234547;

}



.dark-green p {

    font-size: 15px;

}



.sky-blue p {

    font-size: 15px;

}



.black-blue p {

    font-size: 15px;

}



.pad-shape-gray {

    z-index: 9;

    position: relative;

    background: #F4F8FC;

    padding: 400px 0 70px;

    clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 100%);

    border-radius: 5%;

    margin-top: -26%;

}



.advance-operations {

    position: relative;

    z-index: 99;

    padding-top: 100px !important;

}



/*  End MSuite's Cutting-Edge Capabilities CSS */



/* Start Game Changer Code CSS */

.game-changer {

    position: relative;

    z-index: 99;

    padding-top: 80px !important;

}



.game-changer h2 {

    color: #262626;

    text-align: center;

    font-family: Poppins;

    font-size: 43px;

    font-style: normal;

    font-weight: 500;

    line-height: 50px;

    /* 116% */

    letter-spacing: -1.5px;

}



.game-changer span {

    font-weight: 500;

}



.game-changer-box {

    background: linear-gradient(180deg, #FFF 0%, #F4F8FC 100%);

    padding: 20px 20px 10px;

    height: 95%;

    margin-bottom: 20px;

    border: 6px solid #ecf1f6bd;

    border-radius: 10px;

}



.game-changer-box img {

    margin-left: -10%;

}



.game-changer-box h3 {

    color: #262626;

    font-family: Poppins;

    font-size: 19px;

    font-style: normal;

    font-weight: 600;

    line-height: 24px;

    letter-spacing: -0.46px;

}



.game-changer-box p {

    color: #494949;

    font-family: Poppins;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    /* 162.5% */

}



/* End Game Changer Code CSS */







/* Start Why MSuite is Your Ideal Mortgage Solution Code CSS */

.why-msuite {

    z-index: 9;

    position: relative;

    background: #0B3359;

    padding: 257px 0 70px;

    clip-path: polygon(0 30%, 100% 0, 100% 100%, 0 100%);

    border-radius: 5%;

    border-top-right-radius: 100px;

    overflow: visible;

    margin-top: -20%;

}



.why-msuite .section-subtitle {

    font-size: 13px;

    letter-spacing: 3px;

    font-weight: 500;

    text-transform: uppercase;

    color: #fff;

    margin-bottom: 10px;

}



.why-msuite .section-title {

    font-size: 42px;

    font-weight: 500;

    line-height: 1.1;

    margin-bottom: 12px;

    color: #fff;

}



.why-msuite .custom-accordion .accordion-item {

    border: none;

    border-radius: 18px !important;

    overflow: hidden;

    margin-bottom: 0px;

    background: #fff;

}



.why-msuite .custom-accordion .accordion-button {

    background: #fff;

    border: none;

    box-shadow: none !important;

    padding: 20px 20px 4px;

    border-radius: 18px !important;

    display: flex;

    align-items: center;

}



.why-msuite .custom-accordion .accordion-button:not(.collapsed) {

    background: #fff;

}



.why-msuite .custom-accordion .accordion-button::after {

    display: none;

}



.why-msuite .accordion-icon {

    width: 55px;

    height: 55px;

    min-width: 55px;

    border-radius: 50%;

    background: #123d70;

    color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 22px;

    margin-right: 16px;

}



.why-msuite .custom-accordion .accordion-button:not(.collapsed) .accordion-icon {

    background: #1976d2;

}



.why-msuite .accordion-title {

    color: #262626;

    font-family: Poppins;

    font-size: 20px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

    letter-spacing: -0.6px;

}



.why-msuite .custom-accordion .accordion-button:not(.collapsed) .accordion-title {

    color: #1976d2;

}



.why-msuite .accordion-body {

    padding: 20px 22px 25px 93px;

    border-radius: 20px;

    opacity: 0.8;

    background: linear-gradient(270deg, #E6F1F9 47.35%, rgba(255, 255, 255, 0.00) 100%);

}



.info-title {

    font-size: 17px;

    font-weight: 600;

    font-family: "Poppins", sans-serif;

    margin-bottom: 10px;

}



.info-text {

    color: #2f2d2d;

    font-family: "Poppins", sans-serif;

    line-height: 1.6;

    font-size: 15px;

}



.right-content-box1 {

    background: #eaf2fb;

    border-radius: 25px;

    padding: 10px;

    position: relative;

    overflow: hidden;

}



.content-card {

    display: none;

    animation: fadeIn .4s ease;

}



.content-card.active {

    display: block;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(15px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



.floating-title {

    background: #fff;

    display: inline-block;

    padding: 15px 28px;

    border-radius: 50px;

    font-size: 20px;

    font-weight: 600;

    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);

    margin-bottom: 30px;

}



.why-msuite .content-image1 {

    width: 100%;

    border-radius: 20px;



}



.flow-wrapper {

    background: #fff;

    border-radius: 18px;

    margin-top: 22px;

    padding: 20px;

    display: flex;

    justify-content: space-between;

    gap: 20px;

}



.flow-item {

    flex: 1;

    text-align: center;

    position: relative;

}



.flow-item:not(:last-child)::after {

    content: "";

    position: absolute;

    top: 24px;

    right: -12px;

    width: 100%;

    height: 2px;

    background: #d6d6d6;

}



.flow-icon {

    width: 48px;

    height: 48px;

    border-radius: 50%;

    margin: auto auto 10px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #fff;

    font-size: 18px;

}



.blue {

    background: #1976d2;

}



.gray {

    background: #999;

}



.green {

    background: #19b35b;

}



.flow-text {

    font-size: 14px;

    font-weight: 500;

}



@media(max-width:991px) {



    .section-title {

        font-size: 38px;

    }



    .right-content-box {

        margin-top: 40px;

        min-height: auto;

    }

}



@media(max-width:767px) {



    .why-msuite {

        padding: 60px 0;

    }



    .section-title {

        font-size: 30px;

    }



    .process-title {

        font-size: 24px;

    }



    .why-msuite .accordion-title {

        font-size: 16px;

    }



    .why-msuite .accordion-icon {

        width: 45px;

        height: 45px;

        min-width: 45px;

        font-size: 18px;

    }



    .why-msuite .accordion-body {

        padding: 0 18px 20px 18px;

    }



    .why-msuite .custom-accordion .accordion-button {

        padding: 18px;

    }



    .floating-title {

        font-size: 16px;

        padding: 12px 20px;

    }



    .content-image {

        height: auto;

    }



    .flow-wrapper {

        flex-direction: column;

    }



    .flow-item:not(:last-child)::after {

        display: none;

    }

}



/* End Why MSuite is Your Ideal Mortgage Solution Code CSS */





/*  Start Typical Msuite Processing Code CSS */

.workflow-section {

    padding: 80px 0;

    overflow: hidden;

}



/* =========================

   TOP FLOW ROW

========================= */



.workflow-wrapper {

    display: flex;

    gap: 12px;

    justify-content: center;

    align-items: stretch;

    flex-wrap: wrap;

    position: relative;

}



/* =========================

   CARD

========================= */



.workflow-card {

    width: 120px;

    background: #fff;

    border-radius: 24px;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);

    overflow: hidden;

    position: relative;

    padding-bottom: 30px;

    transition: 0.3s;

}



.workflow-card:hover {

    transform: translateY(-6px);

}



/* =========================

   CARD TOP

========================= */



.workflow-top {

    padding: 22px 15px 60px;

    text-align: center;

    color: #fff;

    min-height: 120px;

    border-radius: 0 0 30px 30px;

    position: relative;

}



.workflow-top h4 {

    font-size: 14px;

    line-height: 1.4;

    margin: 0;

    font-weight: 500;

}



/* DIFFERENT COLORS */



.bg-dark-blue {

    background: #0d3d73;

}



.bg-blue {

    background: #3e7be8;

}



.bg-light-blue {

    background: #c9daf5;

    color: #111;

}



.bg-soft {

    background: #dce7f8;

    color: #111;

}



/* =========================

   ICON CIRCLE

========================= */



.icon-circle {

    width: 64px;

    height: 64px;

    background: #fff;

    border-radius: 50%;

    position: absolute;

    left: 50%;

    bottom: -25px;

    transform: translateX(-50%);

    display: flex;

    align-items: center;

    justify-content: center;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);

    border: 6px solid #edf2fb;

}



.icon-circle i {

    font-size: 24px;

    color: #3e7be8;

}



/* =========================

   ARROW

========================= */



.arrow {

    text-align: center;

    margin: 36px 0 7px;

}



.arrow i {

    color: #7aa5ea;

    font-size: 26px;

}



/* =========================

   FILE BOXES

========================= */



.file-list {

    padding: 0 8px;

}



.file-item {

    background: #edf2f7;

    border-radius: 8px;

    padding: 7px 7px;

    margin-bottom: 6px;

    font-size: 12px;

    line-height: 15px;

    text-align: center;

    font-weight: 500;

    color: #222;

    min-height: 46px;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* =========================

   BOTTOM DATABASE

========================= */

.database-wrapper {

    margin-top: -5%;

    text-align: center;

    position: relative;

    z-index: 99;

}



.database-wrapper img {

    width: 175px;

}



.line-shape {

    position: relative;

    z-index: 99;

}



/* =========================

   RESPONSIVE

========================= */



@media(max-width:991px) {



    .workflow-wrapper {

        justify-content: center;

    }



    .workflow-card {

        width: calc(50% - 12px);

    }



}



@media(max-width:767px) {



    .workflow-card {

        width: 100%;

        max-width: 360px;

    }



    .workflow-top h4 {

        font-size: 16px;

    }



    .database-circle {

        width: 180px;

        height: 180px;

    }



    .database-circle h2 {

        font-size: 32px;

    }



    .database-circle h5 {

        font-size: 22px;

    }



}



/*  End Typical Msuite Processing Code CSS */





/* Start Other AI Products Code CSS */

.ai-products {

    padding: 400px 0 90px;

    overflow: hidden;

    background-color: #F4F8FC;

    clip-path: polygon(0 42%, 100% 0, 100% 100%, 0 100%);

    margin-top: -29%;

}





.ai-products .section-title {

    color: #262626;

    text-align: center;

    font-family: Poppins;

    font-size: 43px;

    font-style: normal;

    font-weight: 500;

    line-height: 58px;

    /* 116% */

    letter-spacing: -1.5px;

}



/* =========================

   SWIPER

========================= */



.product-swiper {

    padding-bottom: 60px;

    overflow: visible !important;

}



/* =========================

   CARD

========================= */



.product-card {

    background: #fff;

    border-radius: 24px;

    overflow: hidden;

    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);

    transition: 0.3s;

    height: 100%;

}



.product-card:hover {

    transform: translateY(-6px);

}



.product-top {

    background: #eef2f7;

    padding: 35px 25px;

    text-align: center;

    position: relative;

    border: 7px solid #FFF;

    border-radius: 20px;

    height: 140px;

}



.product-top.dark {

    background: linear-gradient(135deg, #0b3a69, #1563b8);

}



.product-top img {

    max-width: 180px;

    height: auto;

}



.product-tag {

    position: absolute;

    left: 50%;

    bottom: -12px;

    transform: translateX(-50%);

    background: #1f7be8;

    color: #fff;

    padding: 6px 20px;

    border-radius: 30px;

    font-size: 11px;

    font-weight: 500;

    letter-spacing: .5px;

}



/* CONTENT */



.product-content {

    padding: 35px 28px 30px;

    text-align: center;

}



.product-content h3 {

    margin-bottom: 5px;

    color: #262626;

    text-align: center;

    font-family: Poppins;

    font-size: 22px;

    font-style: normal;

    font-weight: 600;

    line-height: normal;

}



.product-content p {

    color: #6d6d6d;

    font-size: 14px;

    line-height: 1.6;

    height: 91px;

}



.car-blue {

    color: #1F7BCA;

    text-align: center;

    font-family: Poppins;

    font-size: 13px;

    font-style: italic;

    font-weight: 400;

    line-height: 20px;

    margin-top: 10px;

}



.learn-btn {

    text-decoration: none;

    font-weight: 600;

    color: #222;

    transition: .3s;

}



.learn-btn:hover {

    color: #1f7be8;

}



/* =========================

   SWIPER PAGINATION

========================= */



.swiper-pagination {

    position: relative;

    /* margin-top: 50px; */

}



.swiper-pagination-progressbar {

    background: #dce3ee;

    height: 4px !important;

    border-radius: 30px;

}



.swiper-pagination-progressbar-fill {

    background: #1f7be8 !important;

    border-radius: 30px;

}



.swiper-pagination-progressbar {

    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));

    position: absolute;

    left: 0 !important;

    bottom: -51px !important;

    top: auto !important;

}



/* =========================

   RESPONSIVE

========================= */



@media(max-width:991px) {



    .section-title {

        font-size: 38px;

    }



}



@media(max-width:767px) {



    .section-title {

        font-size: 30px;

    }



    .product-content h3 {

        font-size: 28px;

    }



}



/* End Other AI products Code CSS */











/*  Start Msuite Banner */

.msuite-banner {

    position: relative;



    background-image: url(../images/msuite/banner-img.webp);

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;



    width: 100%;



    /* PERFECT RESPONSIVE HEIGHT */

    aspect-ratio: 16 / 8;



    /* RESPONSIVE SPACING */

    padding-block: clamp(120px, 10vw, 160px);



    display: flex;

    align-items: center;



    overflow: hidden;

}



.msuite-banner h1 {

    color: #FFF;

    font-family: Poppins;

    font-size: 62px;

    font-style: normal;

    font-weight: 600;

    line-height: 70px;

    /* 112.903% */

    letter-spacing: -2.48px;

}



.msuite-banner p {

    color: #FFF;

    font-family: Poppins;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 25px;

}



.msuite-banner span {

    color: #fff;

    font-weight: 500;

}



.pad-top-bottom {

    padding-top: 100px;

}



/* End Msuite Banner Code CSS */







/*  Start Mobile Responsive CSS */

@media only screen and (max-width: 575px) {

    .footer-cta-section {

        position: relative;

        padding: 0px 0 20px;

        overflow: hidden;

        text-align: left;

        clip-path: none;

        border-radius: 0%;

        border-top-right-radius: 0px;

        background: #e7edf6;

        margin-top: 10%;

        border-top-left-radius: 0px;

    }



    .footer-links li {

        margin-bottom: 5px;

    }



    .footer-title {

        margin-bottom: 10px;

    }



    .ai-products .section-title {

        font-size: 33px;

        line-height: 26px;

    }



    .contact-icon {

        width: 65px;

        height: 65px;

        right: -85px;

    }



    .custom-faq-icon {

        margin-left: auto;

        width: 23px;

        height: 19px;

    }



    .ai-products {

        padding: 40px 0 90px;

        overflow: hidden;

        background-color: #F4F8FC;

        clip-path: none;

        margin-top: 0%;

    }



    .why-msuite {

        z-index: 9;

        position: relative;

        background: #0B3359;

        padding: 40px 0 70px;

        clip-path: none;

        border-radius: 0;

        border-top-right-radius: 0;

        overflow: visible;

    }



    .why-msuite .section-title {

        font-size: 33px;

        font-weight: 500;

        line-height: 1.1;

        margin-bottom: 12px;

        color: #fff;

    }



    .game-changer h2 {

        color: #262626;

        text-align: center;

        font-family: Poppins;

        font-size: 33px;

        font-style: normal;

        font-weight: 500;

        line-height: 35px;

        letter-spacing: -1.5px;

    }



    .pad-shape-gray {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 60px 0 30px;

        clip-path: none;

        border-radius: 0;

        margin-top: 10%;

    }



    .front-office-operations h2 {

        color: #262626;

        font-family: Poppins;

        font-size: 33px;

        font-style: normal;

        font-weight: 500;

        line-height: 38px;

        letter-spacing: -1.5px;

    }



    .advance-operations h2 {

        color: #262626;

        font-family: Poppins;

        font-size: 33px;

        font-style: normal;

        font-weight: 500;

        margin-bottom: 30px;

        line-height: 40px;

        letter-spacing: -1.5px;

    }



    .msuite-banner {

        aspect-ratio: 22 / 28;

    }



    .pad-top-bottom {

        padding-top: 50px;

    }



    .game-changer {

        position: relative;

        z-index: 99;

        padding-top: 40px !important;

    }



    .workflow-section {

        padding: 80px 0 40px;

        overflow: hidden;

    }



    .database-wrapper img {

        width: 186px;

        margin-top: -13%;

    }



    .bottom {

        margin-top: 20px;

    }



    .footer-bottom {

        border-top: 1px solid #c9cfd8;

        margin-top: 0px;

        padding-top: 24px;

        color: #777;

        font-size: 14px;

    }



    .footer-col {

        margin-bottom: 1px;

    }



    .insurance-banner {

        background-image: url(../images/industries/insurance/industry-insurance-hero-section-1.png);

        background-size: cover;

        background-position: center center;

        background-repeat: no-repeat;

        width: 100%;

        aspect-ratio: 5 / 8 !important;

        padding-block: clamp(133px, 20vw, 172px);

        display: flex;

        align-items: center;

        overflow: hidden;

    }



    .insurance-banner h1 {

        font-size: 31px;

        font-weight: 600;

        line-height: 36px;

    }



    .advance-operations h2 {

        font-size: 29px;

        line-height: 34px;

    }



    .middle-office {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 60px 0 !important;

        clip-path: none;

        border-radius: 0;

        margin-top: 0;

    }



    .middle-office .accordion-body {

        padding: 25px;

    }



    .right-content-box {

        margin-top: 0px;

        min-height: auto;

    }



    #accordionExample {

        padding-bottom: 7px !important;

    }



    .front-office-operations {

        padding-top: 70px;

        padding-bottom: 28px;

    }



    .agentic-operations h2 {

        color: #FFF;

        text-align: center;

        font-family: Poppins;

        font-size: 28px;

        font-style: normal;

        font-weight: 500;

        line-height: 32px;

        letter-spacing: -1.5px;

    }



    .agentic-box-two {

        text-align: left !important;

        margin-top: 0;

        margin-right: 0;

    }



    .agentic-box-three {

        text-align: left !important;

        margin-top: 0;

        margin-right: 0;

    }



    .agentic-box-four {

        text-align: left !important;

        margin-top: 35px !important;

        margin-left: 0;

    }



    .agentic-box-five {

        text-align: left !important;

        margin-top: 6%;

        margin-left: 0%;

    }



    .bring-operational h2 {

        color: #262626;

        font-family: Poppins;

        font-size: 28px;

        font-style: normal;

        font-weight: 500;

        line-height: 37px;

        letter-spacing: -2px;

        margin-bottom: 20px;

    }



    .bring-operational {

        padding: 70px 0 40px;

    }



    .industry-section {

        padding: 6px 0 80px;

    }

}



/*  End Mobile Responsive CSS */



/* Start Tab Responsive CSS */

@media only screen and (max-width: 768px) {

    .footer-cta-section {

        position: relative;

        padding: 0px 0 30px;

        overflow: hidden;

        clip-path: none;

        border-radius: 0%;

        border-top-right-radius: 0;

        background: #e7edf6;

        margin-top: 10%;

        border-top-left-radius: 0;

    }



    .contact-btn {

        font-size: 22px;

        padding: 10px 40px 13px 30px;

        min-height: 56px;

        border-radius: 50px 0 0 50px;

    }



    .contact-icon {

        position: absolute;

        right: -60px;

        width: 55px;

        height: 55px;

        z-index: 2;

        transform: rotate(-10deg);

    }

    .cta-box {

        padding: 40px 25px;

        border-radius: 18px;

    }

    /* .cta-box {

        padding: 50px 40px 0;

    } */

    .cta-box {

        padding: 50px 40px 0;

        position: relative;

        z-index: 2;

        background-color: #123d70;

        border-radius: 22px;

        background-size: contain;

        background-position: left;

        overflow: hidden;

        padding: 60px 30px;

        background-repeat: no-repeat;

        background-image: none !important;

    }

    .chat-box.bottom {

        top: 279px;

        right: 33px;

    }



    .cta-title br {

        display: none;

    }



    .ai-products {

        padding: 40px 0 90px;

        overflow: hidden;

        background-color: #F4F8FC;

        clip-path: none;

        margin-top: 0%;

    }



    .why-msuite {

        z-index: 9;

        position: relative;

        background: #0B3359;

        padding: 50px 0 70px;

        clip-path: none;

        border-radius: 0;

        border-top-right-radius: 0;

        overflow: visible;

        margin-top: 0;

    }



    #accordionExample {

        padding-bottom: 50px;

    }



    .pad-shape-gray {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 50px 0 70px;

        clip-path: none;

        border-radius: 0;

        margin-top: 5%;

    }



    .advance-operations h2 {

        font-size: 34px;

        line-height: 40px;

    }



    .front-office-operations h2 {

        font-size: 34px;

    }



    .game-changer h2 {

        font-size: 34px;

    }



    .why-msuite .section-title {

        font-size: 34px;

    }



    .custom-faq-title {

        font-size: 34px;

    }



    .cta-title {

        font-size: 34px;

    }



    .pad-top-bottom {

        padding-top: 50px;

    }



    .agentic-box-four {

        text-align: left;

        margin-top: 0;

        margin-left: 0;

    }



    .agentic-box-two {

        text-align: right;

        margin-top: 0;

        margin-right: 0;

    }



    .agentic-box-three {

        text-align: right;

        margin-top: 0;

        margin-right: 0;

    }



    .agentic-box-five {

        text-align: left;

        margin-top: 0;

        margin-left: 0;

    }



    .middle-office {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 68px 0 70px;

        clip-path: none;

        border-radius: 0;

        margin-top: 0;

    }



    .insurance-banner {

        aspect-ratio: 13 / 10;

    }

}



/* End Tab Responsive CSS */

.contact-icon {

    position: absolute;

    right: -56px;

    width: 46px;

    height: 46px;

    z-index: 2;

    transform: rotate(358deg);

}

/* Start Tab Responsive CSS */

@media only screen and (max-width: 820px) {

    .footer-cta-section {

        position: relative;

        padding: 0px 0 30px;

        overflow: hidden;

        clip-path: none;

        border-radius: 0%;

        border-top-right-radius: 0;

        background: #e7edf6;

        margin-top: 10%;

        border-top-left-radius: 0;

    }



    .agentic-box-four {

        text-align: left;

        margin-top: 0;

        margin-left: 0;

    }



    .agentic-box-two {

        text-align: right;

        margin-top: 0;

        margin-right: 0;

    }



    .agentic-box-three {

        text-align: right;

        margin-top: 0;

        margin-right: 0;

    }



    .agentic-box-five {

        text-align: left;

        margin-top: 0;

        margin-left: 0;

    }



    .insurance-banner {

        aspect-ratio: 14 / 11;

    }



    .middle-office {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 68px 0 70px;

        clip-path: none;

        border-radius: 0;

        margin-top: 0;

    }



    .contact-btn {

        font-size: 22px;

        padding: 10px 40px 13px 30px;

        min-height: 56px;

        border-radius: 50px 0 0 50px;

    }



    .contact-icon {

        position: absolute;

        right: -56px;

        width: 46px;

        height: 46px;

        z-index: 2;

        transform: rotate(358deg);

    }



    /* .cta-box {

        padding: 50px 40px 0;

    } */

    .cta-box {

        padding: 50px 40px 0;

        position: relative;

        z-index: 2;

        background-color: #123d70;

        border-radius: 22px;

        background-size: contain;

        background-position: left;

        overflow: hidden;

        padding: 60px 30px !important;

        background-repeat: no-repeat;

        background-image: none !important;

    }



    .chat-box.bottom {

        top: 279px;

        right: 33px;

    }



    .cta-title br {

        display: none;

    }



    .ai-products {

        padding: 40px 0 90px;

        overflow: hidden;

        background-color: #F4F8FC;

        clip-path: none;

        margin-top: 0%;

    }



    .why-msuite {

        z-index: 9;

        position: relative;

        background: #0B3359;

        padding: 50px 0 70px;

        clip-path: none;

        border-radius: 0;

        border-top-right-radius: 0;

        overflow: visible;

        margin-top: 0;

    }



    #accordionExample {

        padding-bottom: 50px;

    }



    .pad-shape-gray {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 50px 0 70px;

        clip-path: none;

        border-radius: 0;

        margin-top: 5%;

    }



    .advance-operations h2 {

        font-size: 34px;

        line-height: 40px;

    }



    .front-office-operations h2 {

        font-size: 34px;

    }



    .game-changer h2 {

        font-size: 34px;

    }



    .why-msuite .section-title {

        font-size: 34px;

    }



    .custom-faq-title {

        font-size: 34px;

    }



    .cta-title {

        font-size: 40px !important;

        line-height: 42px !important;

    }



    .pad-top-bottom {

        padding-top: 50px;

    }

}



/* End Tab Responsive CSS */



/*  Start Desktop ALignment CSS */

@media only screen and (min-width: 1600px) {

    .footer-cta-section {

        position: relative;

        padding: 420px 0 30px;

        overflow: hidden;

        clip-path: polygon(0 42%, 100% 0, 100% 100%, 0 100%);

        border-radius: 0%;

        border-top-right-radius: 100px;

        background: #e7edf6;

        margin-top: -25%;

        border-top-left-radius: 100px;

    }



    .pad-shape-gray {

        margin-top: -22%;

    }



    .ai-products {

        margin-top: -24%;

    }



    .why-msuite {

        z-index: 9;

        position: relative;

        background: #0B3359;

        padding: 257px 0 70px;

        clip-path: polygon(0 26%, 100% 0, 100% 100%, 0 100%);

        border-radius: 5%;

        border-top-right-radius: 100px;

        overflow: visible;

        margin-top: -15%;

    }

}



@media only screen and (min-width: 1600px) {

    .footer-cta-section {

        margin-top: -25%;

    }



    .ai-products {

        margin-top: -22%;

    }



    .pad-shape-gray {

        margin-top: -17%;

    }



    .why-msuite {

        z-index: 9;

        position: relative;

        background: #0B3359;

        padding: 320px 0 70px !important;

        clip-path: polygon(0 26%, 100% 0, 100% 100%, 0 100%) !important;

        border-radius: 5%;

        border-top-right-radius: 100px;

        overflow: visible;

        margin-top: -15% !important;

    }

}



/*  End Desktop Alignemnt CSS */



@media (min-width: 1200px) and (max-width:1399px) {

    .container {

        max-width: 1140px
    }



}



@media (min-width: 1400px) and (max-width:1599px) {

    .container {

        max-width: 1320px
    }



    .why-msuite {

        z-index: 9;

        position: relative;

        background: #0B3359;

        padding: 297px 0 70px;

        clip-path: polygon(0 26%, 100% 0, 100% 100%, 0 100%);

        border-radius: 5%;

        border-top-right-radius: 100px;

        overflow: visible;

        margin-top: -15%;

    }



    .middle-office {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 334px 0 70px;

        clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%);

        border-radius: 5%;

        margin-top: -21%;

    }



    .footer-cta-section {

        margin-top: -29%;

    }

}



@media (min-width: 1600px) and (max-width:1919px) {

    .container {

        max-width: 1480px
    }



    .why-msuite {

        z-index: 9;

        position: relative;

        background: #0B3359;

        padding: 287px 0 70px !important;

        clip-path: polygon(0 26%, 100% 0, 100% 100%, 0 100%) !important;

        border-radius: 5%;

        border-top-right-radius: 100px;

        overflow: visible;

        margin-top: -15% !important;

    }



    .middle-office {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 372px 0 70px;

        clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%);

        border-radius: 5%;

        margin-top: -18%;

    }



    .footer-cta-section {

        margin-top: -25%;

    }

}



@media (min-width: 1920px) and (max-width:2559px) {

    .container {

        max-width: 1580px
    }



    .middle-office {

        z-index: 9;

        position: relative;

        background: #F4F8FC;

        padding: 372px 0 70px;

        clip-path: polygon(0 22%, 100% 0, 100% 100%, 0 100%);

        border-radius: 5%;

        margin-top: -18%;

    }



    .footer-cta-section {

        margin-top: -25%;

    }

}



@media (min-width: 2560px) {

    .container {

        max-width: 1920px
    }



    .footer-cta-section {

        margin-top: -25%;

    }

}







.custom-accordion .accordion-item {

    margin-bottom: 15px;

    border-radius: 15px;

    overflow: hidden;

}



.right-box {

    background: #f3f7fb;

    padding: 30px;

    border-radius: 20px;

}



.content-card {

    display: none;

}



.content-card.active {

    display: block !important;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(10px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



@media (max-width: 767px) {

    .right-box {

        margin-top: 30px;

    }

}

.cta-box {

    position: relative;

    z-index: 2;

    /* background-image: url("../images/industry-index/img-cta.png"); */

    /* border-radius: 22px;

    background-size: cover;

    background-position: left;

    overflow: hidden;

    padding: 70px 70px 0;

    background-repeat: no-repeat; */

}

.cta-title {

    margin-bottom: 15px;

    color: #fff;

    font-family: "Poppins", sans-serif;

    font-size: 50px;

    font-style: normal;

    font-weight: 500;

    line-height: 55px;

    letter-spacing: -2px;

}

.front-office-accordian .accordion-button::after {

    background-image: none !important;

    content: "+";

    color: #fff;

    font-size: 24px;

    font-weight: 500;

    transform: none !important;

    width: auto;

    height: auto;

}

.front-office-accordian .accordion-button::after {

    filter: brightness(0) invert(1);

}

.front-office-accordian .accordion-button:not(.collapsed)::after {

    content: "-";

    color: #fff;

}
/* Keeps the raw HTML templates hidden on page load */
.chat-template-source {
  display: none !important;
}