:root{
    --primary-color: #F2A843;
    --secondary-color: #35373B;
    --primary-color-15 : #05549926;
    --primary-light-color : #E1EEF9;
    --light-bg-color: #F8F7F3;
    --white-color-20: #FFFFFF33;
    --white-color-30: #FFFFFF4D;
    --color-black : #191919;
    --theme-border-color : #E6F3FF;
    --blue-color : #25395C;
    --blue-border-color : #25395C1A;
}

.section-inner-head h2{ user-select: none; margin-bottom: 10px;}
.sub-heading {font-size: 20px; line-height: 28px; font-weight: 400; padding-bottom: 5px; margin-bottom: 10px; display: inline-flex; position: relative;}
.sub-heading::after {content: ''; height: 3px; width: 32px; border-radius: 2px; background-color: var(--primary); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
a:hover{color: var(--primary-color);}
.section-spacing {padding: 100px 0px;}
.title-wrapper h2 {margin-bottom: 12px;}
.index-1 {z-index: 1;}
p a {color: var(--primary);}
.mb-40 {margin-bottom: 40px;}
:first-letter, h1, h2, h3, h4, h5, h6, select {
    text-transform: inherit;
}

/* Button */
.btn1 svg path {transition: all ease-in-out 0.3s;}
.btn1:hover svg path {fill: var(--color-black);}
.btn1 span {position: relative;}

html {scroll-behavior: unset !important;}
body, html {overflow-x: hidden;}
.flex { display: flex;}
.items-stretch { align-items: stretch;}
.flex-nowrap { flex-wrap: nowrap;}
.flex-start { align-items: flex-start;}
.gap-2 { gap: 20px !important;}
.gap-3 { gap: 30px !important;}
.gap-4 { gap: 40px !important;}
.mb-5 { margin-bottom: 50px;}
.m-auto { margin: auto;}
.h-full { height: 100%;}
.btn--primary-outline {background-color: var(--color-white);}
.btn--primary-outline::after, .btn--primary-outline::before, .btn--primary-outline:hover::after, .btn--primary-outline:hover::before {background-color: var(--primary);}
.animated-title { font-size: 20px; line-height: 28px; font-weight: 400; position: relative; padding: 0px 0px 2px; max-width: max-content; margin: 0px auto 12px auto; display: block;}
.animated-title::before { content: ''; width: 32px; height: 3px; border-radius: 4px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); background-color: var(--primary);} 
section .title-wrapper { text-align: center; max-width: 750px; margin-inline: auto; position: relative; z-index: 1;}

.hero-content{display: flex;gap: 40px;padding-bottom: 60px;border-bottom: 1px solid #25395C1A;}
.hero-content p{width: 100%;}
.hero-wrapper {padding-top: 100px;}

html {scroll-behavior: smooth;}

.case-study-scroll {padding: 0 0 50px;background: #ffffff;overflow: hidden;}
.case-study-sidebar {position: sticky;top: 90px;border-right: 1px solid #eeeeee;}
.case-study-sidebar.sidebar-scroll {position: fixed;top: 130px;}
.case-study-sidebar-title {font-size: 18px;line-height: 26px;font-weight: 400;color: #35373B;text-transform: uppercase;padding: 0 12px 15px;margin: 0 0 10px;border-bottom: 1px solid #eeeeee;}
.case-study-menu {list-style: none;margin: 0;padding: 0;padding-right: 10px;}
.case-study-menu li {margin-bottom: 4px;}
.case-study-menu a {display: block;padding: 11px 13px;border-radius: 10px;font-size: 20px;line-height: 1.4;font-weight: 400;color: #191919;text-decoration: none;transition: all 0.25s ease;}
.case-study-menu a:hover {background: #f7f7f7;color: #191919;}
.case-study-menu a.active {background: #f5a93d;color: #191919;}
.case-study-menu a.active:hover{color: #191919 !important;}
.case-study-content {padding-left: 45px;}

/* Important:Stops section below sticky header */
.case-study-block {scroll-margin-top: 110px;padding-bottom: 90px;}
.case-study-block:last-child {padding-bottom: 0;}
.case-study-heading {text-align: center;max-width: 952px;margin: 0 auto 60px;}
.case-study-heading h2 {margin: 0 0 12px;font-size: 30px;line-height: 1.25;font-weight: 700;color: #202020;}

/* Challenge Image */
.challenge-image {max-width: 820px;margin: 0 auto 40px;}
.challenge-image img {display: block;width: 100%;height: auto;}

/* Example content area */
.case-study-inner-content {max-width: 952px;margin: 0 auto;}
.card-grid-wrap{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-top: 40px;}
.cd-item {padding: 24px;border: 1px solid #25395C1A;border-radius: 24px;text-align: left;}
.cd-item h3{font-size: 20px;line-height: 28px;font-weight: 700;margin: 16px 0 12px;}

.underwriting_grid .cd-item {position: relative;overflow: hidden;}
.underwriting_grid .cd-item .icon {width: 60px;height: 60px;background: #FFFFFF;box-shadow: 0px 10px 15px 0px #0000001A;display: flex;align-items: center;justify-content: center;border-radius: 10px;position:absolute;right: 0;top: 0;}

/* Tools And Frameworks Section */
.framework-section{background-color: var(--light-bg-color);}
.framework-section .section-inner-head{text-align: center; max-width:750px; margin-inline: auto;}
.framework-section:after{content: '';position: absolute;right: 0;top: 0;width: 100%;height: 100%;background-image: url(../../images/ai-developments/ai-chatbot/framework-shape1.webp);background-repeat: no-repeat;background-position: top right;z-index: -1;mix-blend-mode: screen;}
.framework-section:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-image: url(../../images/ai-developments/ai-chatbot/framework-shape2.webp);background-repeat: no-repeat;background-position: left bottom;z-index: -1;mix-blend-mode: screen;}
.framework-section h2{margin-bottom: 24px;}
.frame-box{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.framework-section .nav-tabs>*{flex: 1;}
.framework-section .nav-tabs{margin-bottom: 0;border-bottom: none;}
.framework-section .nav-item .nav-link{width: 100%;font-size: var(--font-20);line-height: 28px;font-weight: bold;background-color: var(--color-white);border: none !important;border-bottom: 1px solid rgba(206, 206, 205, 0.4) !important;color: var(--color-black);border-radius: 0 !important;margin: 0;padding: 20px 5px; height: 100%;}
.framework-section .nav-item .nav-link.active{background-color: transparent;border-bottom-color: var(--primary) !important;padding: 0 20px;}
.framework-section .tab-content{margin-top: 30px;}
.box-inner{width: 31%;text-align: center;box-shadow: 7px 8px 30px rgba(23, 22, 71, 0.05);padding: 20px 10px;border-radius: 10px;background-color: var(--color-white);}
.box-inner p{font-size: 24px;line-height: 32px;margin-top: 20px;}
.box-inner img{min-height: 80px; object-fit: contain;}
.framework-section .nav-tabs{white-space: nowrap;flex-wrap: nowrap;overflow-x: auto;}
.framework-section .nav-tabs::-webkit-scrollbar{ width: 0px; height: 0px;}

.grid-block{display:grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.grid-item{background: #FFFFFF;border: 1px solid #F2A84333;padding: 24px;text-align: center;border-radius: 24px;position: relative;overflow: hidden;}
.grid-item .icon {position: relative;}
.grid-item:before {content: '';position: absolute;top: 0;left: 50%;transform: translate(-50%, -54%);width: 175px;height: 175px;background-color: #FEF6EC;border-radius: 50%;}
.grid-item h3{font-size: 20px;line-height: 28px;font-weight: 700;margin: 24px 0 12px;}

.stru-grid{display:grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.stru-item{padding: 30px 20px 50px;border: 1px solid #25395C1A;box-shadow: 0px 20px 20px 0px #1E3A5F14;text-align: center;position: relative;}
.stru-item h3{font-size: 20px;line-height: 28px;font-weight: 700;margin: 12px 0 10px;color: #f5a93d;}
.stru-item .line{height: 1px;width: calc(100% - 30px);background-color: #E8E8E8;position: absolute;left: 15px;bottom: 30px;}
.stru-item .line::before{content: '';position: absolute;top: -5px;left: 50%;transform: translateX(-50%);width: 10px;height: 10px;background-color: #F2A843;border-radius: 50%;}

.result-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;}
.result-grid .result-item{background: #FFFFFF;padding: 0px 16px 20px;border-bottom: 1px solid #25395C1A;}
.result-grid .result-item:nth-last-child(2), 
.result-grid .result-item:last-child,
.result-grid .result-item:nth-last-child(3){border-bottom: none;padding-bottom: 0px;}
.result-grid .result-item h3{font-size: 20px;line-height: 28px;font-weight: 700;margin: 0px 0 20px;position: relative;}
.result-grid .result-item h3::before{content: '';position: absolute;top: 0;left: -15px;width: 32px;height: 32px;background-color: #F2A843;opacity: .2;border-radius: 50%;}

.challenge-wrapper {background: #F8F7F3;padding: 24px 24px 60px;border-radius: 20px;position: relative;}
.challenge-slider .challenge-card{background: #FFFFFF;border: 1px solid #25395C1A;border-radius: 8px;padding: 60px 20px 20px;height: 100%;min-height: 310px;}
.challenge-slider .challenge-card p{position: relative;}
.challenge-slider .challenge-card p::before{content: '';position: absolute;top: -36px;left: 0;width: 24px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23F2A843'/%3E%3Cpath d='M9.83038 14.2212L16.6104 7.44117C16.7704 7.28117 16.957 7.20117 17.1704 7.20117C17.3837 7.20117 17.5704 7.28117 17.7304 7.44117C17.8904 7.60117 17.9704 7.79131 17.9704 8.01157C17.9704 8.23184 17.8904 8.42171 17.7304 8.58117L10.3904 15.9412C10.2304 16.1012 10.0437 16.1812 9.83038 16.1812C9.61705 16.1812 9.43038 16.1012 9.27038 15.9412L5.83038 12.5012C5.67038 12.3412 5.59358 12.1513 5.59998 11.9316C5.60638 11.7118 5.68985 11.5217 5.85038 11.3612C6.01091 11.2006 6.20105 11.1206 6.42078 11.1212C6.64051 11.1217 6.83038 11.2017 6.99038 11.3612L9.83038 14.2212Z' fill='white'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;}

.swiper-pagination-bullet {height: 10px;width: 10px;background-color: #f2a843;opacity: .2;border-radius: 40px}
.swiper-pagination-bullet.swiper-pagination-bullet-active {width: 20px; opacity: 1;background-color: #f2a843}
.swiper-pagination{bottom: 10px !important;width: fit-content !important;left: 20px !important;}

.flex-box .process-slider-nav .swiper-button-arrow {position: absolute;bottom: 0 !important;top: auto;right: 20px;}
.flex-box .process-slider-nav .process-slider-arrow {margin-left: auto;}
.challenge-wrapper .flex-box .process-slider-nav .process-slider-arrow .swiper-button-prev.swiper-button-arrow {left: auto;right: 60px !important;}
.challenge-wrapper .flex-box .process-slider-nav .process-slider-arrow .swiper-button-prev.swiper-button-arrow
.solutions-block .case-study-heading {margin-left: 0;text-align: left;}
.inner-solutions{padding: 60px;background: #F8F7F3;border-radius: 20px;max-width: 952px;margin: 0 auto;position: relative;}
.solutions-card{padding: 24px 20px;background: #FFFFFF;border-top: 2px solid #F2A843;height: 100%;min-height: 250px;}
.inner-solutions .case-study-inner-content .swiper-button-next.swiper-button-arrow {
    right: 50px;
}
.flex-box .process-slider-nav .process-slider-arrow .swiper-button-prev.swiper-button-arrow {
    left: auto;
    right: 90px;
}

.swiper-button-next:after, .swiper-button-prev:after{
    display: none;
}

@media (max-width: 1199px) {
    /* Tools And Frameworks Section */
    .framework-section .nav-item .nav-link,.box-inner p{font-size: var(--font-16); line-height: 27px;}
    .frame-box>* {flex: 0 0 calc(20% - 16px); max-width: calc(20% - 16px);}
}

@media (max-width: 991px) {

    .case-study-sidebar {
        top: 70px;
    }

    .case-study-content {
        padding-left: 20px;
    }

    .case-study-menu a {
        font-size: 13px;
        padding: 10px;
    }

    .case-study-heading h2 {
        font-size: 26px;
    }

    /* Tools And Frameworks Section */
    .framework-section .nav-tabs{white-space: nowrap;flex-wrap: nowrap;overflow-x: auto;}
    .framework-section .nav-tabs::-webkit-scrollbar{ width: 0px; height: 0px;}
    .framework-section .nav-item .nav-link{line-height: 22px;padding-left: 16px;padding-right: 16px;}
    .frame-box>* {flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px);}

    .hero-wrapper {
        padding-top: 60px;
    }
    .hero-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    section.hero-block.section-spacing {
        padding-bottom: 50px;
    }

    .inner-solutions{
        padding: 24px 24px 60px;
    }
    .solutions-card{
        min-height: 170px;
    }
    .inner-solutions .case-study-inner-content .swiper-button-next.swiper-button-arrow {right: 20px;}

    .case-study-heading{
        margin: 0 auto 40px;
    }
}

@media (max-width: 767px) {

    .inner-solutions{
        padding: 24px;
    }
    .card-grid-wrap,.grid-block,.stru-grid,.result-grid{
        grid-template-columns: 1fr;
    }

    /* Tools And Frameworks Section */
    .frame-box>*{flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);}

    .case-study-scroll {
        padding: 25px 0;
    }

    /* Sticky horizontal navigation */
    .case-study-sidebar {
        position: sticky;
        top: 0;
        z-index: 50;
        background: #ffffff;
        padding: 10px 0;
        margin-bottom: 30px;
        border-bottom: 1px solid #eeeeee;
    }

    .case-study-sidebar-title {
        display: none;
    }

    .case-study-menu {
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: auto;
        padding-bottom: 3px;
        scrollbar-width: none;
    }

    .case-study-menu::-webkit-scrollbar {
        display: none;
    }

    .case-study-menu li {
        flex: 0 0 auto;
        margin-bottom: 0;
    }

    .case-study-menu a {
        white-space: nowrap;
        border: 1px solid #eeeeee;
        padding: 8px 13px;
        font-size: 12px;
    }

    .case-study-menu a.active {
        border-color: #f5a93d;
    }

    .case-study-content {
        padding-left: 0;
    }

    .case-study-block {
        scroll-margin-top: 85px;
        padding-bottom: 60px;
    }

    .case-study-heading h2 {
        font-size: 24px;
    }
}