@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Common styles */
:root {
    --primary-color: #F15E55;
    --primary-dark-color: #be4c44;
    --secondary-color: #505050;
    --white-color: #fff;
    --black-color: #000;
    --text-white-gray: #D0D2D7;
    --nav-link-color: rgba(255,255,255,1);
    --bs-emphasis-color-rgb: 255, 255, 255;
    --color-141414: #141414;
    --color-303030: #303030;
    --color-7d7d7d: #7d7d7d;
    --font-family: 'Poppins', sans-serif;
    --font-size-base: 14px;
    --font-size-h1: 2rem;
    --font-size-h2: 2rem;
    --font-size-h3: 1.75rem;
    --font-size-h4: 1.25rem;
    --font-size-h5: 1.125rem;
    --font-size-h6: 0.875rem;
    --font-size-p: 0.875rem;
    --font-size-a: 0.875rem;
    --font-size-40: 2rem;
    --input-padding: 0.5rem;
    --input-border-radius: 4px;
}

body {font-family: var(--font-family);font-size: var(--font-size-base);color: var(--white-color); background-color:var(--black-color);}
h1 {font-size: var(--font-size-h1);}
h2 {font-size: var(--font-size-h2);}
h3 {font-size: var(--font-size-h3);}
h4 {font-size: var(--font-size-h4);}
h5 {font-size: var(--font-size-h5);}
h6 {font-size: var(--font-size-h6);}
p {font-size: var(--font-size-p);}
a {font-size: var(--font-size-a);color: inherit;text-decoration: none;}
a:hover {color: inherit;}
input {padding: var(--input-padding);border-radius: var(--input-border-radius);border: 1px solid var(--primary-color);}
.text-303030{color: var(--color-303030);}
.text-7d7d7d{color: var(--color-7d7d7d);}
.text-primary{color: var(--primary-color) !important;}
.text-white-gray{color: var(--text-white-gray);}
.text-balance{text-wrap: balance}
.sub-title{text-transform: uppercase; font-size: 0.875rem; font-weight: 700;letter-spacing: 1.28px;}
.g-6, .gx-6{--bs-gutter-x: 6rem;}
.g-6, .gy-6{--bs-gutter-y: 6rem;}
.mb-64{margin-bottom: 4rem;}

.fw-900{font-weight: 900;}
.fw-800{font-weight: 800;}
.fw-700{font-weight: 700;}
.fw-600{font-weight: 600;}
.fw-500{font-weight: 500;}
.fw-400{font-weight: 400;}
.fw-300{font-weight: 300;}
.fs-20{font-size: 1.125rem;}
.fs-22{font-size: 1.125rem;}
.fs-24{font-size: 1.25rem;}
.fs-40{font-size: 2rem;}

/* Buttons */
.btn{
    --bs-btn-padding-x: 0.875rem;
    --bs-btn-padding-y: 0.5rem;
    --bs-btn-focus-box-shadow: rgba(241, 94, 85, 0.5);
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 500;
}
.btn-primary{
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-bg: var(--primary-dark-color);
    --bs-btn-hover-border-color: var(--primary-dark-color);
    --bs-btn-active-bg: var(--primary-dark-color);
    --bs-btn-active-border-color: var(--primary-dark-color);
}

@media (min-width: 768px) and (max-width: 1299px){
    :root {--font-size-base: 14px; --rem: 14;}
    html{font-size: 14px;}
}

@media (max-width: 1399px){
    .btn{--bs-btn-font-size: 0.875rem;}
}
@media (max-width: 991px){
    :root{
        --font-size-h1: 2rem;
        --font-size-h2: 1.75rem;
        --font-size-h3: 1.25rem;
        --font-size-h4: 1.125rem;
        --font-size-h5: 0.875rem;
        --font-size-h6: 0.875rem;
        --font-size-p: 0.875rem;
        --font-size-a: 0.875rem;
        --font-size-40: 2rem;
    }
    .fs-20{font-size: 1rem;}
    .fs-22{font-size: 1.125rem;}
    .fs-24{font-size: 1.125rem;}
    .fs-40{font-size: 2rem;}
    .g-6, .gx-6{--bs-gutter-x: 2.625rem;}
    .g-6, .gy-6{--bs-gutter-y: 2.625rem;}
    .mb-64{margin-bottom: 2.625rem;}
}

@media (max-width: 767px) {
    .sub-title{letter-spacing: 0.96px; font-size: 14px;}

    :root{
        --font-size-40: 18px;
    }
    .fs-40{font-size: 18px;}
    .fs-22{font-size: 14px;}
}

/* Form Style */
.form-control:focus{background-color: transparent; border: 0; box-shadow: none; color: var(--white-color);}

/* Navbar Style */
.navbar{z-index: 999;background-color:var(--black-color);}
.navbar-nav{
    --bs-nav-link-color: var(--nav-link-color);
    --bs-nav-link-hover-color: var(--white-color);
    --bs-nav-link-font-weight: 600;
    --bs-nav-link-font-size: 1rem;
    --bs-navbar-active-color: var(--primary-color);
    gap: 2rem;
}
.navbar-nav .dropdown-toggle::after{height: 7.5px; width: 12px; background-image: url(../images/ic_arrow-down.svg); border: 0; vertical-align: 0.1rem;}
.navbar-nav .nav-link.dropdown-toggle.active::after{background-image: url(../images/ic_arrow-down-red.svg); background-size: contain;}
.mega-menu {position: static;}
.mega-menu .dropdown-menu{width: 100%; border-radius: 0; background-color: var(--color-141414);}
.mega-menu-header{border-bottom: 1px solid rgba(80, 80, 80, 0.5);}
.mega-menu-header .nav-tabs{
    --bs-nav-tabs-link-active-bg: transparent;
    --bs-nav-tabs-border-color: transparent;
    gap: 1.25rem; flex-wrap: nowrap;
}
.mega-menu-header .nav-tabs .nav-link{border: 0; border-bottom: 2px solid transparent; padding: 0.5rem 0; color: #6B6B6B;}
.mega-menu-header .nav-tabs .nav-link.active{border-bottom-color: var(--primary-color); color: var(--white-color);}
.mega-menu-body{padding: 2.625rem 0;}
/* .mega-sub-menu-item{padding-left: 0.875rem;} */
.mega-sub-menu-item h5{color: var(--white-color); position: relative;padding-left: 0.875rem;}
.mega-sub-menu-item h5::before{content: ''; position: absolute; height: 100%; width: 2px; background-color: var(--primary-color); left: 0;}
.mega-sub-menu-item p{padding-left: 0.875rem; font-size: 1rem; color: var(--color-7d7d7d); font-weight: 300;}

/* Open Dropdown */
/* .open-dropdown {overflow: hidden;} */
.open-dropdown::after {content: '';position: fixed;inset: 0;background: rgba(0, 0, 0, 0.27);backdrop-filter: blur(4.5px);z-index:99;}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu{top: calc(100% - 3px);left: -1px;right: -1px;width: auto;}
}
@media (max-width: 1399px){
    .navbar-nav{--bs-nav-link-font-size: 0.875rem; gap: 1rem;}
    .mega-sub-menu-item h5{font-size: 0.875rem;}
    .mega-sub-menu-item p{font-size: 0.875rem;}
}
@media (max-width: 1299px){
    .navbar-nav{--bs-nav-link-font-size: 0.875rem; gap: 0.875rem;}
    .navbar-brand img{width: 130px;}   
}
@media (max-width:991px) {
    .navbar-nav{height: calc(100% - 80px);overflow: auto;padding: 0 2rem;}
    .navbar-collapse{background-color: var(--color-141414);position: fixed; top: 66px; bottom: 0; right: -90%; padding: 0.875rem 0;height: 100% !important; width: 90%; transition: 0.3s ease-in-out;}
    .navbar-collapse.show{right: 0;}
    .navbar-toggler{border: 0; box-shadow: none;}
    .navbar-toggler:focus{box-shadow: none;}
    .navbar-toggler-icon{background-image: url(../images/ic_menu.svg);}
    .nav-link.dropdown-toggle {display: flex;align-items: center;justify-content: space-between;padding-right: 4px; color: var(--white-color);}
    .mega-sub-menu-item h5{font-size: 0.875rem; font-weight: 400; color: #6B6B6B;}
    .mega-sub-menu-item p{display: none;}
    .mega-menu-body{padding: 0.875rem 0;}
    .mega-menu .container{max-width:100%; padding: 0;}
    .mega-menu .dropdown-menu{border: 0;}
    .mega-menu > .dropdown-menu{border-top: 1px solid var(--color-303030); border-left: 1px solid var(--color-303030); padding: 0.875rem 0.25rem;}
    .mega-menu .dropdown-item {color: #9C9C9C;}
    .mega-menu .dropdown-item:focus, 
    .mega-menu .dropdown-item:hover {color: var(--primary-color); background-color: transparent;}
    .mega-menu .dropdown-item.dropdown-toggle{padding: 0.5rem 0 0.5rem 0.875rem;display: flex;align-items: center; justify-content: space-between;}
    .mega-menu .dropdown-item.dropdown-toggle.show{color: var(--primary-color);}
    .navbar-nav .dropdown-toggle.show::after{background-image: url(../images/ic_arrow-up.svg);}
    .mega-menu .dropdown-menu .dropdown-menu{padding: 0 !important; margin-top: 0 !important;}
    .mega-menu .dropdown-menu .dropdown-menu li{padding: 0.5rem 1.25rem; max-width: 75%;}
    .mega-menu .dropdown-menu .dropdown-menu li a{position: relative;color: #6B6B6B; font-size: 0.875rem; padding: 0; padding-left: 0.875rem; word-wrap: break-word;white-space: normal;line-height: 0.875rem;}
    .mega-menu .dropdown-menu .dropdown-menu li a::after{content: ''; position: absolute; height: 100%; width: 2px; background-color: var(--primary-color); left: 0; top: 0;}
    .open-dropdown::after{background: transparent;backdrop-filter: none;}
}

@media (max-width: 767px) {
    .mega-menu .dropdown-item{font-size: 0.875rem;}
}
@media (max-width: 575px) {
    .navbar .container {padding: 0 30px;}
    .navbar-toggler{padding: 0;}
}

section{position: relative;}
section .page-id{width: 0; height: 0; position: absolute; top: -60px;}
@media (max-width: 1299px) {
    section .page-id{top: -158px;}
}

/* Hero Section */
.hero-section {position:relative; overflow:hidden; background-image: url(../images/hero-img.png); background-position: right 2.625rem; background-repeat: no-repeat;padding:10rem 0 6rem 0;margin-top: 74px;}
.hero-section .hero-title {font-weight:400; font-size:2.625rem; line-height:3.5rem; letter-spacing: -0.48px; margin-bottom:8rem; color: var(--text-white-gray);max-width: 80%;}
.hero-section .hero-features {font-size:1.2rem; margin-bottom:2rem; font-weight: 500; color: var(--text-white-gray);}
.hero-section .feature-divider {margin:0 0.75rem; opacity:0.5;}
.request-demo-form{display: flex;border-radius: 70px;border: 2px solid var(--primary-color);max-width: 510px;}
.request-demo-form input {border: 0; background-color: transparent; color: var(--text-white-gray); font-size: 1.125rem; font-weight: 500; padding: 0.75rem 1.25rem; width: 100%;}
.request-demo-form input::placeholder {color:var(--white-color);}
.request-demo-form .btn{white-space: nowrap; --bs-btn-padding-x: 2rem;}
.feature-tag {position:absolute; top:3%; right:0; background-color:var(--color-303030); color: var(--white-color); padding:1.125rem; border-radius:12px 0 0 12px; font-size:0.875rem; max-width:320px;}

@media (max-width:1399px) {
    .hero-section .hero-title{font-size: 2rem;line-height: normal;}
    .hero-section .hero-features{font-size: 1rem;}
    .hero-section .btn{justify-self: center;}
    .request-demo-form {max-width: 436px;}
    .request-demo-form input{font-size: 0.875rem;}
}
@media (max-width:991px) {
    .hero-section{background-position: calc(100% + 250px) top;}
    .hero-section .hero-title{max-width: 100%;}
}
@media (max-width:767px) {
    .hero-section{background-image: url(../images/hero-img-mob.png); background-position: center; background-size: cover;padding: 3.5rem 0 0 0;}
    .hero-section .hero-title{font-size: 1.25rem; line-height: normal; margin-bottom: 47vh; text-align: center; max-width: 275px; margin-left: auto; margin-right: auto;}
    .hero-section .hero-features{text-align: center; font-size: 12px; margin-bottom: 14px;}
    .feature-tag{position: static; background-color: transparent; text-align: center; margin: auto; margin-top: 18px;}
    .hero-content{padding: 0.875rem 0;}
    .hero-section .feature-divider{margin: 0 0.5rem;}
}

/* Crafted Section */
.crafted-section{background-color: var(--primary-color); padding: 2rem 0;}
.crafted-section .sub-title{margin-bottom: 2rem;}
.crafted-section .crafted-item{display: flex; align-items: center;}
.crafted-section .crafted-item img{height: 80px; width: 80px;margin-right: 1.25rem;}
.crafted-section .crafted-item .crafted-item-content{ border-left: 1px solid var(--white-color); padding-left: 2rem;}
.crafted-section .crafted-item .crafted-item-content h3{font-size: 1.375rem; margin-bottom: 0; font-weight: 400; line-height: 2rem;}
@media (min-width: 768px) {
    .crafted-section .crafted-item .crafted-item-content {border: 0;padding: 0;}
    .crafted-section .col-md-6:first-child .crafted-item {border-right: 1px solid;}
    .crafted-section .col-md-6:first-child .crafted-item .crafted-item-content {margin-right: 1.25rem;text-align: right;}
}
@media (max-width: 767px) {
    .crafted-section{padding: 32px 0;}
    .crafted-section .sub-title{max-width: 210px; margin-left: auto; margin-right: auto; margin-bottom: 32px;}
    .crafted-section .crafted-item img{height: 64px; width: 64px;}
    .crafted-section .crafted-item .crafted-item-content{padding-left: 0rem; border: 0;}
    .crafted-section .crafted-item .crafted-item-content h3{font-size: 14px;line-height: 28px;}
    .crafted-section .row.justify-content-around{gap: 0px;max-width: 300px;margin: auto;}
    .crafted-section .col-md-6:first-child .crafted-item {border-bottom: 1px solid; padding-bottom: 16px;}
    .crafted-section .col-md-6:last-child .crafted-item {padding-top: 16px;}
}


/* Tailored Section */
.tailored-section{padding: 2.625rem 0; background: linear-gradient(126deg, #000 21.37%, rgba(77, 77, 77, 0.50) 58.66%, rgba(70, 70, 70, 0.46) 64.12%, rgba(18, 18, 18, 0.12) 94.19%, rgba(0, 0, 0, 0.00) 96.67%), #000;}
.tailored-section h2{margin-bottom: 0;}
.tailored-section .dropdown .btn-link{color: var(--primary-color); font-size: var(--font-size-40); padding: 0; margin-left: 0.875rem; text-decoration: none; border-bottom: 2px solid var(--primary-color); border-radius: 0;}
.tailored-section .dropdown .dropdown-toggle::after{border: 0; background-image: url(../images/ic_arrow-down-red.svg); background-repeat: no-repeat; background-size: contain; width: 22px; height: 12px;vertical-align: 0.2rem; margin-left: 1rem;}
.tailored-section .dropdown-menu {
    --bs-dropdown-bg: #262626;
    --bs-dropdown-border-color: #262626;
    --bs-dropdown-color: #ffff;
    --bs-dropdown-link-color: #D0D2D7;
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.05);
    --bs-dropdown-link-hover-color: #d0d2d7;
    --bs-dropdown-link-active-bg: var(--primary-color);
    --bs-dropdown-border-radius: 12px;
    padding: 0;
}
.tailored-section .dropdown-item{font-size: 1rem; padding: 0.5rem 1.25rem;}
.tailored-section .dropdown-menu li:not(:last-child){border-bottom: 2px solid #303030;}

@media (max-width: 991px) {
    .tailored-section .dropdown .dropdown-toggle::after{width: 16px;height: 10px; background-size: contain;}
    .tailored-section .dropdown-menu{--bs-dropdown-border-radius:4px;}
}
@media (max-width: 767px) {
    .tailored-section{padding: 30px 0;}
    .tailored-section .dropdown .dropdown-toggle::after{width: 14px;height: 8px;}
    .tailored-section .dropdown-item{font-size: 14px;}
}

/* Page Links Section */
.page-links-sticky{padding: 2.625rem 0 0;}
.page-links-section{padding: 10px 0 0;margin-top: 22px;position: sticky;top: 74px;background-color: var(--black-color);z-index: 99;}
.page-links{display: inline-flex; gap: 0.75rem; padding: 0.375rem; list-style: none; justify-content: center; border: 1px solid #303030; border-radius: 50px;}
.page-links li a{display: flex; align-items: center; justify-content: center; font-size: 1rem; padding: 0.5rem 1.125rem; border-radius: 50px;}
.page-links li a.active{background-color: #303030;}

@media (max-width: 1299px) {
    .page-links-section{top: 66px;}
}
@media (max-width: 991px) {
    .page-links-section{display: none;}
}
@media (max-width: 767px) {
    .page-links.w-75{width: 100% !important;}
}

/* Challenges Section */
.challenges-section{padding: 4.625rem  0 5rem 0;}
.challenges-section .page-id{top: -90px;}
.challenges-item{display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center;}
.challenges-item img {height: 60px;}
.challenges-item h3{text-wrap: balance; margin-bottom: 0; font-size: 1rem;}
.challenges-section p.fs-24{font-size: 1.5rem; color: #7d7d7d; font-weight: 500;margin-bottom: 0; margin-top: 1.5rem;}

@media (max-width: 767px) {
    .challenges-section{padding: 56px 0;}
    .challenges-section .sub-title.mb-4{margin-bottom: 20px !important;}
    .challenges-section h2{text-align: center; max-width: 80%; margin: auto;}
    .challenges-section p.fs-24{font-size: 1rem; max-width: 80%; text-align: center; margin-left: auto; margin-right: auto; margin-top: 1rem; font-size: 14px;}
    .challenges-section .mb-5{margin-bottom: 56px !important;}
    .challenges-item{max-width: 200px; gap: 10px; margin: auto;}
    .challenges-item img{height: 48px;}
    .challenges-item h3{font-size: 14px;}
    .challenges-section .col-12.col-lg-6 > .row{gap: 56px;}
}

/* What is Afrisure Section */
.what-is-afrisure-section {padding: 7.5rem 0;background-image: url(../images/what-is-afrisure-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}
.card-box{background-color: rgb(241 94 85 / 64%); padding: 2rem; border-radius: 0.875rem;}
.what-is-afrisure-section .card-box {display: flex; flex-direction: column; height: 100%;}
.what-is-afrisure-section .card-box p{margin-top: auto; margin-bottom: 0;}
/* .what-is-afrisure-section p.fs-22{max-width: 85.3%;} */

@media (min-width: 1200px) {
    .what-is-afrisure-section p.fs-22{max-width: 86%;}
    /* .what-is-afrisure-section .afrisure-insurer-content .card-box {max-width: 62%;} */
}
@media (min-width: 1300px) {
    .what-is-afrisure-section p.fs-22{max-width: 99%;}
    /* .what-is-afrisure-section .afrisure-insurer-content .card-box {max-width: 72%;} */
}
@media (min-width: 1400px) {
    .what-is-afrisure-section p.fs-22{max-width: 85.3%;}
    /* .what-is-afrisure-section .afrisure-insurer-content .card-box {max-width: 62%;} */
}

@media (max-width: 991px) {
    .what-is-afrisure-section{padding: 5rem 0;}
    .what-is-afrisure-section .mb-5{margin-bottom: 2rem !important;}
}
@media (max-width: 767px) {
    .what-is-afrisure-section {background-image: url(../images/what-is-afrisure-mob-bg.jpg); padding: 32px 18px;}
    .what-is-afrisure-section .sub-title.mb-4{margin-bottom: 12px !important;}
    .what-is-afrisure-section .mb-5{margin-bottom: 8px !important;}
    .card-box{padding: 14px;}
    .what-is-afrisure-section .card-box p{font-size: 14px; margin: 0; margin-top: 14px;padding-right: 10%;}
}

/* Nutshell Section */
.afrisure-nutshell-section{padding: 7.5rem 0;}
.nutshell-chart{width: 1000px;height: 725px; margin: 0 auto;}
.nutshell-chart-wrapper{display: flex; align-items: center; justify-content: center; position: relative;height: 100%;width: 100%;padding: 2rem;}
.nutshell-chart-wrapper .circle-img{display: flex;height: 410px;width: 410px;object-fit: contain; position: relative; z-index: 11;}
.nutshell-chart .nutshell-items{position: absolute;inset: 2rem;}
.nutshell-chart .nutshell-item {position: absolute; display: inline-flex; flex-direction: column; width: 300px; padding: 1.125rem;border-radius: 14px;background: rgba(80, 80, 80, 0.48);box-shadow: 0px 4px 177.9px 0px #000;backdrop-filter: blur(52px);}
.nutshell-chart .nutshell-item .nutshell-item-header{display: inline-flex; align-items: center;}
.nutshell-chart .nutshell-item .nutshell-item-header img{width: 44px;height: 44px; margin-right: 1.125rem;}
.nutshell-chart .nutshell-item .nutshell-item-header h3{font-size: 1rem;font-weight: 500; margin-bottom: 0;}
.nutshell-chart .nutshell-item .nutshell-item-content{display: none; border-top: 1px solid var(--white-color); padding-top: 1.25rem; font-size: 1rem; margin-top: 1.125rem;}
.nutshell-chart .nutshell-item:hover{z-index: 12;}
.nutshell-chart .nutshell-item:hover .nutshell-item-content{display: block;}
.nutshell-chart .nutshell-item .nutshell-item-content p{font-size: 1rem; margin-bottom: 0.75rem;}
.nutshell-chart .nutshell-item .nutshell-item-content ul{margin-bottom: 0;}
.nutshell-chart .nutshell-item .nutshell-item-content ul li:not(:last-child){margin-bottom: 4px;}
.nutshell-item.ni1 {top: 0;left: 50%;transform: translateX(-50%); z-index: 1;}
.nutshell-item.ni2 {top: calc((84px * 1) + 2rem);left: 100px; z-index: 2;}
.nutshell-item.ni3 {top: calc((84px * 1) + 2rem);right: 100px; z-index: 3;}
.nutshell-item.ni4 {top: calc((84px * 2) + (2rem * 2));left: 0; z-index: 4;}
.nutshell-item.ni5 {top: calc((84px * 2) + (2rem * 2));right: 0; z-index: 5;}
.nutshell-item.ni6 {top: calc((84px * 3) + (2rem * 3));left: 25px; z-index: 6;}
.nutshell-item.ni7 {top: calc((84px * 3) + (2rem * 3));right: 0; z-index: 7;}
.nutshell-item.ni8 {top: calc((84px * 4) + (2rem * 4));left: 100px; z-index: 8;}
.nutshell-item.ni9 {top: calc((84px * 4) + (2rem * 4));right: 100px; z-index: 9;}
.nutshell-item.ni10 {top: calc((84px * 5) + (2rem * 5));left: 50%;transform: translateX(-50%); z-index: 10;}

@media (max-width: 1199px) {
    .nutshell-chart{zoom: 0.9;}
}

@media (max-width: 991px) {
    .afrisure-nutshell-section{display: none;}
}

/* How We Do Section */
.how-we-do-section{padding: 7.5rem 0; background-image: url(../images/how-we-do-it-bg.jpg); background-position: bottom; min-height: 720px;}
.how-we-do-accordion{margin-top: 2.625rem;}
.how-we-do-accordion .accordion-item{background-color:transparent;border-radius: 0;border: 0;color: var(--white-color);padding: 2rem 0;}
.how-we-do-accordion .accordion-item:not(:last-of-type){border-bottom: 1px solid var(--primary-color);}
.how-we-do-accordion .accordion-item:first-of-type>.accordion-header .accordion-button{border-radius: 0;}
.how-we-do-accordion .accordion-button{display: flex; align-items: center; background-color: transparent; color: var(--white-color); box-shadow: none; padding: 0; font-size: 1.125rem; font-weight: 600; padding: 0 3.25rem;}
.how-we-do-accordion .accordion-button::after{background-image: url(../images/ic_plus.svg); transform: none; background-position: center;position: absolute; right: 0;}
.how-we-do-accordion .accordion-button:not(.collapsed)::after{background-image: url(../images/ic_minus.svg);}
.how-we-do-accordion .accordion-button > span{position: absolute; left: 0; display: flex; align-items: center; justify-content: center; font-size: 0.875rem; font-weight: 600; height: 32px; width: 32px; background: rgba(241, 94, 85, 0.32); border-radius: 50%;}
.how-we-do-accordion .accordion-body{padding: 1.125rem 3.25rem 0 3.25rem;}
.how-we-do-accordion .accordion-body p{font-size: 1rem; margin-bottom: 0; font-weight: 300;}


@media (max-width: 991px) {
    .how-we-do-section{padding: 5rem 0 2rem;}
    .how-we-do-accordion{margin-top: 2rem;}
    .how-we-do-accordion .accordion-item{padding: 2rem 0;}
    .how-we-do-accordion .col-12.col-lg-6:first-child .accordion-item:last-child{border-bottom: 1px solid var(--primary-color);}
}
@media (max-width: 767px) {
    .how-we-do-section{padding: 20px 18px; background-repeat: no-repeat; min-height: 580px;}
    .how-we-do-section .sub-title.mb-4{margin-bottom: 32px !important;}
    .how-we-do-accordion{margin-top: 0;}
    .how-we-do-accordion .col-12.col-lg-6:first-child .accordion-item:first-child{padding-top: 0;}
    .how-we-do-accordion .accordion-item{padding: 20px 0;}
    .how-we-do-accordion .accordion-button{font-size: 14px; padding: 0 32px;}
    .how-we-do-accordion .accordion-button > span{width: 20px;height: 20px; font-size: 12px; top: 0;}
    .how-we-do-accordion .accordion-button::after{background-size: 14px; top: 0;}
    .how-we-do-accordion .accordion-body{padding: 12px 0 0 32px; font-size: 14px;}
    .how-we-do-accordion .accordion-body p{font-size: 14px;}
}


.built-for-section{position: relative;}
.built-for-carousel .built-for-content{display: flex;flex-direction: column;align-items: flex-start; padding-left:6.5%; padding-top: 6.25rem; padding-bottom: 6.25rem;} /*padding-left: calc((100vw - (1320px - 36px)) / 2);*/
.built-for-content .sub-title{color: #505050;}
.built-for-content .built-for-para{margin-top: 4rem; padding: 2rem 0; position: relative;}
.built-for-content .built-for-para p{font-size: 16px;}
.built-for-content .built-for-para::before{content: '';position: absolute;height: 8px;width: 80px; background-color: #ddd; left: 0; top: 0;}
.built-for-content .built-for-para.blue-line::before{background-color: #672BD9;}
.built-for-content .built-for-para.green-line::before{background-color: #2BD9AB;}
.built-for-content .built-for-para ul {padding-left: 28px;}
.built-for-content .built-for-para ul li:not(:last-child){margin-bottom: 8px;}
.built-for-carousel .built-for-img {position: relative;}
.built-for-carousel .built-for-img img{max-height: 720px; object-fit: cover;}
.custom-owl-controls{position: absolute; bottom: 6%; left: 75%; transform: translateX(-50%); display: flex; z-index: 9; height: 42px; background: rgba(0, 0, 0, 0.40);border-radius: 80px;backdrop-filter: blur(7px); padding: 0 2.625rem;}
.built-for-section .custom-owl-controls {transform: translateX(-50%) scale(0.8);}
.custom-owl-controls .owl-nav{width: 0;}
.custom-owl-controls .owl-nav button{display: flex; padding: 0; position: absolute; top: 12px; background: transparent; border: 0; width: 18px; height: 18px; background-image: url(../images/ic_arrow-right.svg); background-position: center; background-repeat: no-repeat;}
.custom-owl-controls .owl-nav button.disabled{opacity: 0.5;}
.custom-owl-controls .owl-nav button.owl-next{right: 0.875rem;}
.custom-owl-controls .owl-nav button.owl-prev{left: 0.875rem; rotate: -180deg;}
.custom-owl-controls .owl-nav button > span{display: none;}
.custom-owl-controls .owl-dots{display: flex; align-items: center; gap: 0.75rem;}
.custom-owl-controls .owl-dots .owl-dot{background: var(--color-7d7d7d); border: 0; height: 12px; width: 12px; border-radius: 15px;}
.custom-owl-controls .owl-dots .owl-dot.active{background: #B0B0B0; width: 42px;}

@media (max-width: 1399px) {
    .built-for-carousel .built-for-content{padding-left: calc((100vw - (1140px - 36px)) / 2);}
    .built-for-content .built-for-para p{font-size: 14px;}
}
@media (max-width: 1199px) {
    .built-for-carousel .built-for-content{padding-left: calc((100vw - (960px - 36px)) / 2); padding-top: 4rem; padding-bottom: 4rem;}
}
@media (max-width: 991px) {
    /* .custom-owl-controls{bottom: 13%;} */
    .built-for-carousel .built-for-content{padding-left: calc((100vw - (720px - 36px)) / 2); padding-top: 2.625rem; padding-bottom: 2.625rem;}
}
@media (max-width: 767px) {
    .built-for-section .item > .row{flex-direction: column-reverse;}
    .built-for-carousel .built-for-img img{max-height: 285px;}
    .custom-owl-controls{bottom: auto; top: 230px;left: 50%; height: 36px; padding: 0 45px;}
    .custom-owl-controls .owl-nav button{width: 13.5px; height: 13.5px;background-size: contain; top: 11px;}
    .custom-owl-controls .owl-dots .owl-dot{width: 8px; height: 8px; padding: 0;}
    .custom-owl-controls .owl-dots{gap: 8px;}
    .custom-owl-controls .owl-dots .owl-dot.active{width: 27px;}
    .built-for-carousel .built-for-content{padding: 32px 42px;}
    .built-for-carousel .built-for-content br{display: none;}
    .built-for-content .sub-title.mb-3{margin-bottom: 8px !important;}
    .built-for-content .built-for-para{margin-top: 34px;min-height: 230px;}
    /* .built-for-content .built-for-para p{} */
}

/* Why Choose Section */
.why-choose-section{padding: 5rem 0;}
.why-choose-section .page-id{top: -90px;}
.why-choose-box{padding: 2rem; border-radius: 20px; height: 100%;}
.why-choose-box > div{display: flex; flex-direction: column; height: 100%;}
.why-choose-box.with-bg{background: rgba(241, 94, 85, 0.24);}
.why-choose-box img{width: 52px; height: 52px; margin-bottom: 1.25rem;margin-right:1.25rem}
.why-choose-box h3{font-size: 1.25rem;line-height: 1.4; margin-bottom: 1.25rem; font-weight: 400;}
.why-choose-box p{font-size: 1.125rem; font-weight: 400; margin-bottom: 0; color: #D0D2D7; margin-top: auto;}

@media (min-width: 992px) {
    .why-choose-section .g-lg-5, .why-choose-section .gy-lg-5 {--bs-gutter-y: 2rem;}
}

@media (max-width: 991px) {
    .why-choose-section{padding: 5rem 0;}
}
@media (max-width: 767px) {
    .why-choose-section{padding: 32px 18px;}
    .why-choose-section .sub-title.mb-3{margin-bottom: 8px !important;}
    .why-choose-section .mb-5{margin-bottom: 14px !important;}
    .why-choose-box{padding: 18px; display: flex; align-items: center;}
    .why-choose-box img{width: 54px; height: 54px; margin-bottom: 0; margin-right: 18px;}
    .why-choose-box h3{font-size: 14px; margin-bottom: 8px;}
    .why-choose-box h3 br{display: none;}
    .why-choose-box p{font-size: 14px;}
    .why-choose-box p br{display: none;}

}

/* From Complexity Section */
.from-complexity-section{padding: 5.5rem 0;}
.care-list{list-style:none; padding: 0; margin: 0; margin-top: 1.25rem;}
.care-list li{display: flex; font-size: 1.125rem; font-weight: 500; padding: 1.25rem 0; gap: 2rem;}
.care-list li:not(:last-of-type){border-bottom: 1px solid var(--primary-color);}
.care-list li > span:first-of-type{min-width: 132px;border-right: 1px solid rgba(241, 94, 85, 0.60);}
.from-complexity-section p{font-size: 1rem;}

@media (max-width: 991px) {
    .from-complexity-section{padding: 5rem 0;}
}
@media (max-width: 767px) {
    .from-complexity-section{padding: 32px 18px;}
    .from-complexity-section .sub-title.mb-3{margin-bottom: 8px !important;}
    .from-complexity-section h2.mb-4{margin-bottom: 18px !important;}
    .care-list li{font-size: 18px; gap: 0;}
    .care-list li > span:first-of-type{align-self: center;border-right:0;}
    .care-list li > span:last-of-type{border-left: 1px solid rgba(241, 94, 85, 0.60); padding-left: 32px; font-size: 14px;}
}

/* Afrisure Focus Section */
.afrisure-focus-section{padding: 5rem 0; background: linear-gradient(113deg, #000 14.72%, rgba(77, 77, 77, 0.73) 104.36%), #000;}
.custom-carousel-arrow .owl-nav{display: flex; gap: 2rem;}
.custom-carousel-arrow .owl-nav button{background-color: transparent; border: 0; padding: 0; width: 24px; height: 24px; background-image: url(../images/ic_arrow-right-red.svg); background-position: center; background-repeat: no-repeat; background-size: contain;}
.custom-carousel-arrow .owl-nav button.disabled{background-image: url(../images/ic_arrow-right.svg);}
.custom-carousel-arrow .owl-nav button.owl-prev{transform: rotate(180deg);}
.custom-carousel-arrow .owl-nav button > span{display: none;}

.focus-item img{width: 100%; height: 200px; object-fit: cover; border-radius: 8px; margin-bottom: 2rem;}
.focus-item .focus-date{font-size: 1rem;margin-bottom: 8px;}
.focus-item .focus-title{font-size: 1.125rem; font-weight: 600; margin-bottom: 1.25rem;}
.focus-item .focus-description{font-size: 1rem; font-weight: 400; margin-bottom: 0;}

@media (max-width: 991px) {
    .afrisure-focus-section{padding: 5rem 0;}
    .custom-carousel-arrow .owl-nav{gap: 1.125rem;}
    .custom-carousel-arrow .owl-nav button{width: 18px; height: 18px;}
}
@media (max-width: 767px) {
    .afrisure-focus-section{padding: 32px 0px;}
    .afrisure-focus-section .sub-title.mb-3{margin-bottom: 8px !important;}
    .afrisure-focus-section h2{margin-bottom: 0;}
    .afrisure-focus-section .mb-64{padding-left: 32px; padding-right: 32px;}
    .afrisure-focus-section .col-12:not(.mb-64){padding: 0;}
    .focus-item img{border-radius: 0; margin-bottom: 42px;}
    .focus-item .focus-date{padding: 0 32px; font-size: 14px; margin-bottom: 8px;}
    .focus-item .focus-title{padding: 0 32px; font-size: 16px; margin-bottom: 20px;}
    .focus-item .focus-description{padding: 0 32px; font-size: 14px;}
}


/* Testimonials Section */
.testimonials-section{padding: 6.25rem 0;}
.testimonials-section .sub-title{color: #505050;}
.testimonials-section .owl-carousel .owl-stage{display: flex;}
.testimonials-section .owl-item .item{display: flex; flex: 1 0 auto;height: 100%;}
.testimonial-item{display: flex; flex-direction: column; border-radius: 14px;background: #171717; padding: 2.625rem;}
.testimonial-item h4{font-size: 1.25rem; line-height: normal; margin-bottom: 1.5rem;}
.testimonial-item .testimonial-text{font-size: 1rem; line-height: 1.75; margin-bottom: 2rem; font-weight: 400;}
.testimonial-item .testimonial-author-box{display: flex; align-items: center; gap: 1.25rem; margin-top: auto;}
.testimonial-item .testimonial-author-box img{width: 88px; height: 88px; border-radius: 50%;}
.testimonial-item .testimonial-author-box .author-details p{margin-bottom: 0;}
.testimonial-item .testimonial-author-box .author-details .author-name{font-size: 1.125rem; color: var(--primary-color);font-weight: 500;}
.testimonial-item .testimonial-author-box .author-details .author-designation{font-size: 1rem; color: var(--color-7d7d7d);font-weight: 400;}

@media (max-width: 991px) {
    .testimonials-section{padding: 5rem 0;}
}
@media (max-width: 767px) {
    .testimonials-section{padding: 32px 18px;}
    .testimonials-section .sub-title.mb-3{margin-bottom: 8px !important; color: var(--primary-color);}
    .testimonials-section h2{font-size: 16px; margin-bottom: 0;}
    .testimonials-section .mb-64{margin-bottom: 32px;}
    .testimonial-item{padding: 20px;}
    .testimonial-item .testimonial-text{font-size: 14px; line-height: 18px; margin-bottom: 52px;}
    .testimonial-item .testimonial-author-box{gap: 16px;}
    .testimonial-item .testimonial-author-box img{width: 52px; height: 52px; margin-right: 0;}
    .testimonial-item .testimonial-author-box .author-details .author-name{font-size: 16px; margin-bottom: 4px;}
    .testimonial-item .testimonial-author-box .author-details .author-designation{font-size: 12px; line-height: 14px;}
}

/* Trusted By Section */
.trusted-by-section{padding: 7.5rem 0;}
.trusted-by-section .sub-title{color: #505050;}
.trusted-carousel .item img{height:140px; width: 100%; object-fit: scale-down; }

@media (max-width: 991px) {
    .trusted-by-section{padding: 5rem 0;}
}
@media (max-width: 767px) {
    .trusted-by-section{padding: 32px 18px;}
    .trusted-by-section .sub-title.mb-3{margin-bottom: 8px !important; color: var(--primary-color);}
    .trusted-by-section .mb-64{margin-bottom: 32px;}
    .trusted-carousel {margin-bottom: 18px;}
    .trusted-carousel .item img{height: 100px; width: 120px; object-fit: contain;}
}

/* get-in-touch Section */
.get-in-touch-section{padding: 5rem 0; background-image: url(../images/get-in-touch-bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
.get-in-touch-points{display: flex; gap: 4rem; flex-direction: column; align-items: start;}
.get-in-touch-points .touch-point{display: inline-block; background: #505050; padding: 0.875rem 1.25rem; border-radius: 0.875rem;}
.get-in-touch-points .touch-point p{margin-bottom: 0;font-size: 1rem;}
.get-in-touch-points .touch-point:nth-child(1){background: #2BD9AB; color: var(--black-color); margin-left: 10%;}
.get-in-touch-points .touch-point:nth-child(2){background: #672BD9;}
.get-in-touch-points .touch-point:nth-child(3){margin-left: 25%;}
.get-in-touch-form {padding: 2.25rem;border-radius: 14px;background: linear-gradient(326deg, rgba(0, 0, 0, 0.48) -0.87%, rgba(241, 94, 85, 0.48) 101.73%);backdrop-filter: blur(36px);}
.get-in-touch-form h2 {font-size: 1.25rem;margin-bottom: 1.25rem;}
.get-in-touch-form form{display: flex; flex-direction: column; gap: 2rem;}
.get-in-touch-form .form-label{font-weight: 400;margin-bottom: 5px;}
.get-in-touch-form .form-control{background-color: transparent; color: #fff; border: 1px solid #fff; font-size: 0.875rem;padding: 0.75rem 0.875rem;}
.get-in-touch-form .form-control:active,
.get-in-touch-form .form-control:focus{border: 1px solid #fff;}
.get-in-touch-form .form-control::placeholder{color: #D9D9D9;}
.get-in-touch-form textarea.form-control{resize: none; min-height: 138px;}

@media (max-width:991px) {
    .get-in-touch-points{flex-direction: column; gap: 2rem;}
    .get-in-touch-points .touch-point:nth-child(1){margin-left: 0;}
    .get-in-touch-points .touch-point:nth-child(3){margin-left: 0;}
    .get-in-touch-form{padding: 2rem;}
}
@media (max-width:767px) {
    .get-in-touch-section{padding: 32px 18px; background-size: 1550px; background-position: top;}
    .get-in-touch-section .col-12.col-lg-6.mb-5.mb-lg-0{padding: 0; margin-bottom: 132px !important;}
    .get-in-touch-points{gap: 20px;margin-left: -18px;}
    .get-in-touch-points br{display: none;}
    .get-in-touch-points .touch-point{border-radius: 0 14px 14px 0; padding: 14px;}
    .get-in-touch-points .touch-point p{font-size: 12px;}
    .get-in-touch-points .touch-point:nth-child(1){width: 210px;}
    .get-in-touch-points .touch-point:nth-child(2){width: 165px;}
    .get-in-touch-points .touch-point:nth-child(3){width: 150px;}

    .get-in-touch-form h2{font-size: 16px; margin-bottom: 14px;}
    .get-in-touch-form form{gap: 20px;}
    .get-in-touch-form .form-label{font-size: 14px;}
}

/* Contact Us Floating Button Style */
.contact-floating-button {position:fixed; right:-63px; bottom:32%; color:var(--white-color); border:none; border-radius: 0.875rem 0.875rem 0px 0px; background: var(--color-7d7d7d); width:169px; height:44px; display:flex; justify-content:center; align-items:center; gap: 14px; box-shadow:0 4px 12px rgba(0,0,0,0.2); transform:rotate(-90deg); z-index: 999;}
@media (max-width:991px) {
    .contact-floating-button {display: none;}
}

/* Footer Style */
footer{padding: 4rem 0; background-color: var(--primary-color);}
footer h3{font-size: 1.25rem;font-weight: 600;list-style: 2.75rem; margin-bottom: 2rem;}
footer ul.list-unstyled{display: flex; flex-direction: column; gap: 1.25rem;}
footer ul.list-unstyled a:hover{text-decoration: underline;}
footer .contact-info{display: flex; flex-direction: column; gap: 2.375rem;}

@media (max-width:767px) {
    footer {padding:32px 0px 0px;}
    footer .mob-gap{gap: 18px; margin-bottom: 14px; padding: 0 18px;}
    footer h3 {display: flex; gap: 14px; align-items: center; margin-bottom: 0; font-size:14px; position:relative; cursor:pointer;font-weight: 400;}
    footer h3:not(.contact-items)::after {content:''; display: block; width:12px; height:12px; background:url('../images/ic_arrow_down.svg') no-repeat center; background-size:contain;}
    footer h3.active::after {transform: rotate(180deg);}
    footer h3.contact-items{justify-content: space-between; margin-bottom: 20px;}
    footer ul.list-unstyled {display:none; margin-bottom: 0; margin-top: 10px; gap: 8px; padding-left: 14px;}
    footer h3.active + ul.list-unstyled {display:flex;}
    footer .contact-info{gap: 20px;}
    .mob-bottom-footer{margin-top: 0px !important; background-color: #000;padding-bottom: 20px; padding-left: 18px; padding-right: 18px; font-size: 12px; color: var(--primary-color); border: 0 !important;}
    .mob-bottom-footer .col-md-7.col-lg-8{display: flex; justify-content: space-between; flex-direction: row-reverse;}
    .mob-bottom-footer a{font-size: 12px;}
}

/* platform page */
.platform-page{padding-top: 52px;}
.platform-page section .page-id{top: -100px;}
.platform-page .page-links-section{margin-top: 40px;}
.platform-page .page-links{padding: 0.625rem 0.5rem;align-items: center;}
.platform-page .page-links .platform-title{padding-left: 1rem; min-width: 20vw; padding-right: 3rem;}
.platform-page .page-links .platform-title a{font-size: 1rem; font-weight: 500; color: var(--white-color);}
.platform-page .configurator-section .top-config{padding: 80px 0;}
.platform-page .configurator-section .top-config .top-config-img{max-width: 100%; border-radius: 10px;}
.platform-page .configurator-section .top-config .fs-24.text-balance{font-weight: 300;}
.platform-page .configurator-section .bottom-config{background: linear-gradient(90deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 50%);background-color: rgba(23, 23, 23, 1);padding: 5rem 0;position: relative;}
.ln{display: block; width: 40px; height: 4px;}
.ln-blue{background-color: #672BD9;}
.ln-green{background-color: #2BD9AB;}
/* .product-features-accordion{margin-top: 50px;} */
.pf-accordion-content{max-width: 454px;}
.pf-accordion-content .pf-accordion-item{position: relative; padding: 1.5rem 2rem 1.5rem 4.375rem; cursor: pointer;}
.pf-accordion-content .pf-accordion-item:not(:first-child){border-top: 1px solid rgba(80, 80, 80, 1);}
.pf-accordion-content .pf-accordion-item:not(.active) h3{position: relative; font-size: 1.125rem; font-weight: 400; margin-bottom: 0; padding-right: 40px; line-height: 2rem;}
.pf-accordion-content .pf-accordion-item:not(.active) h3::after{content: url(../images/ic_plus-white.svg); position: absolute; right: 0; top: 2px;}
.pf-accordion-content .pf-accordion-item.active h3{font-size: 1.375rem; letter-spacing: -0.1px; line-height: 34px;}
.pf-accordion-content .pf-accordion-item svg{position: absolute; top: 22px; left: 32px; stroke: var(--white-color);}
.pf-accordion-content .pf-accordion-item.active svg{stroke: var(--primary-color); top: 26px;}
.pf-accordion-content .pf-accordion-item .ln{margin-bottom: 1rem;}
.pf-accordion-content .pf-accordion-item p{font-size: 1rem; font-weight: 300; margin-bottom: 0; margin-top: 1rem; line-height: 24px;}
.pf-accordion-content .pf-accordion-item:not(.active) .ln,
.pf-accordion-content .pf-accordion-item:not(.active) p,
.pf-accordion-content .pf-accordion-item img{display: none;}
.pf-accordion-content .pf-accordion-item.active{background-color: var(--color-303030); border-top: none; border-radius: 1rem;}
.pf-accordion-content .pf-accordion-item.active + .pf-accordion-item{border-top: none;}
.pf-accordion-image{display: flex; justify-content: center; align-items: center; width: 113%; margin: 0 auto; height: 100%; position: relative;}
.pf-accordion-image img{position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; }/* max-height: 770px; */
.spm-accordion .pf-accordion-image img{object-fit: contain;}
.pf-accordion-content.full-width-content{max-width: 100%;}

.count-section{padding: 120px 0; background: linear-gradient(90deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 50%);background-color: rgba(23, 23, 23, 1);}

@media (max-width: 1399px) {
    .pf-accordion-image{width: calc(100% + (100vw - 1132px) / 2);}
}
@media (max-width: 1299px) {
    .pf-accordion-image{width: calc(100% + (100vw - 1134px) / 2);}
}
@media (max-width: 1199px) {
    .pf-accordion-image{width: calc(100% + (100vw - 954px) / 2);}
}


@media (max-width: 991px) {
    /* .platform-page .page-links-section{display: block;} */
    .platform-page .configurator-section .top-config{padding: 40px 0;}
    .platform-page .configurator-section .top-config .top-config-img{width: 100%;}
    .pf-accordion-image{width: calc(100% + (100vw - 716px) / 2);}
}

@media (max-width: 767px) {
    .platform-page section .page-id{top: -210px;}
    .platform-page .page-links{flex-direction: column; width: 100%; border-radius: 20px;}
    .platform-page .page-links .platform-title{padding-left: 0; min-width: 0; text-align: center !important;}
    .platform-page .page-links li{width: 100%;}
    .platform-page .page-links li a{font-size: 0.75rem;}

    /* .product-features-accordion{margin-top: 30px;} */
    .pf-accordion-content{width: 100%; max-width: 100%;}
    .platform-page .configurator-section .bottom-config{background-image: none;}
    .pf-accordion-content .pf-accordion-item{padding: 1rem 1rem 1rem 3rem;}
    .pf-accordion-content .pf-accordion-item:not(.active) h3{font-size: 1rem; line-height: 1.5;}
    .pf-accordion-content .pf-accordion-item.active img{display: block; height: 300px; object-fit: cover;}
    .pf-accordion-content .pf-accordion-item svg{top: 15px; left: 14px;}
    .pf-accordion-content .pf-accordion-item.active svg{top: 18px;}
    .pf-accordion-content .pf-accordion-item.active h3{font-size: 1.125rem;line-height: normal;}
    .pf-accordion-content .pf-accordion-item p{font-size: 1rem; line-height: 1.5; margin-top: 10px;}
    .pf-accordion-image{height: 300px; width: 100%; max-width: 100%; margin-bottom: 30px;}
}

@media (max-width: 575px) {
    .pf-accordion-content .pf-accordion-item.active img{height: 200px;}

}

*{--flr-padding: 5vw;}
.fl-padding{padding-left: var(--flr-padding);}
.fr-padding{padding-right: var(--flr-padding);}
@media (max-width: 1399px) {
    *{--flr-padding: calc((100vw - (1140px + 15px)) / 2);}
}
@media (max-width: 1199px) {
    *{--flr-padding: calc((100vw - (960px + 15px)) / 2);}
}
@media (max-width: 991px) {
    *{--flr-padding: calc((100vw - (720px + 15px)) / 2);}
}
@media (max-width: 767px) {
    *{--flr-padding: 0;}
}


/* aboutus page */
.aboutus-page{
    .gradient-bg{background: linear-gradient(135deg, #134D8C 0%, #F15E55 150%);}

    .hero-section{
        background-image: url(../images/aboutus-hero-img.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: 460px; padding-top: 6rem;
        
        .hero-title{margin-bottom: 7rem;}
        .hero-subtitle{font-size: 1.5rem; line-height: 2rem; color: #D9D9D9;}

        @media (max-width: 767px) {
            min-height: 280px; padding-top: 5rem;

            .hero-title{color: #fff; font-size: 2rem; text-align: left; max-width: 100%; margin-bottom: 1rem;}
            .hero-subtitle{font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 0;}
        }

        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }
    

    /* Our Journey Section */
    .our-journey-section{
        padding-top: 7rem; padding-bottom: 7rem; position: relative; overflow: hidden;
    
        .container{position: relative;}
        .world-map{position: absolute; width: 100%; max-width: 1000px; margin: 0 auto; inset: 0; z-index: -1; top: -65px;}
        .journey{margin-top: 300px; display: flex; position: relative;}
        .journey-list{display: flex;max-width: 75%;}
        .journey-list .journey-item{position: relative;display: flex; flex-direction: column; align-items: center; gap: 0.875rem;}
        .journey-list .journey-item h3{font-size: 1.125rem; font-weight: 500; color: var(--primary-color); margin-bottom: 0;}
        .journey-list .journey-item .point{display: block; width: 24px; height: 24px; background-image: url(../images/point.svg); background-repeat: no-repeat;}
        .journey-list .journey-item .point::after,
        .journey-list .journey-item .point::before{content: ''; position: absolute; z-index: -1; width: 50%; top: 50%; height: 1px; background-color: #505050;}
        .journey-list .journey-item .point::after{right: 0;}
        .journey-list .journey-item .point::before{left: 0;}
        .journey-list .journey-item:last-of-type .point::after{border-top: 1px dashed var(--primary-color);background: transparent;width: 300%;right: auto;left: 50%;}
        .journey-list .journey-item:first-of-type .point::before{display: none;}
        .journey-list .journey-item:nth-of-type(2){margin: 0 -30px;}
        .journey-list .journey-item:nth-of-type(4){margin: 0 -30px;}
        .journey-list .journey-item .connecting-line{display: block; width: 7px; height: 53px; background-image: url(../images/connecting-line.svg); background-repeat: no-repeat;}
        .journey-list .journey-item p{font-size: 0.75rem; text-align: center; margin-bottom: 0;}
        .journey-list .journey-item.down-side{padding-top: 117px;}
        .journey-list .journey-item.up-side{flex-direction: column-reverse; padding-bottom: 117px;}
        .journey-list .journey-item.up-side .connecting-line{transform: rotateX(180deg);}
        .many-more{position: absolute;top: calc(50% - 12px);right: 0;}
        .many-more .mm-text{position: relative; z-index: 1; font-size: 0.75rem; font-weight: 300; font-style: italic; background-color: #000; display: inline-block; padding: 0 10px;}
        .many-more .mm-border{position: absolute; left: -76px; top: 13px; width: calc(100% + 76px + ((100vw - 1312px) / 2)); border-top: 1px dashed var(--primary-color);z-index: -1;}

        @media (min-width: 1400px) {
            .journey-list .journey-item:last-of-type .point::after{border-top: 1px dashed var(--primary-color);background: transparent;width: 300%;right: auto;left: 50%;}
            .many-more .mm-border{display: none;}
        }

        @media (max-width: 1499px) {
            .journey-list{max-width: 80%;}
        }

        @media (max-width: 1399px) {
            .journey-list{max-width: 1000px;}
            .many-more{right: -40px;top: calc(50% - 18px);}
            .many-more .mm-text{max-width: 200px; text-align: center;}
            .many-more .mm-border{width: calc(100% + 76px + ((100vw - 1132px) / 2)); left: -48px;top: 19px;}
            .journey-list .journey-item:last-of-type .point::after{display: none;}
        }
        @media (max-width: 1299px) {
            .many-more .mm-border{width: calc(100% + 76px + ((100vw - 1134px) / 2));}
        }
        @media (max-width: 1199px) {
            .journey-list{max-width: 815px;}
            .journey-list .journey-item.up-side{padding-bottom: 109px;}
            .journey-list .journey-item.down-side{padding-top: 109px;}
            .journey-list .journey-item:nth-of-type(2){margin: 0 -50px;}
            .journey-list .journey-item:nth-of-type(4){margin: 0 -50px;}
            .journey-list .journey-item:nth-of-type(5){margin: 0 -50px;}

            .many-more .mm-border{width: calc(100% + 76px + ((100vw - 954px) / 2));}
        }

        @media (max-width: 991px) {
            .journey{margin-top: 170px;}
            .many-more{right: -170px;}
            .many-more .mm-text{opacity: 0;}
        }

        @media (max-width: 767px) {
            padding: 5rem 0;
            .fs-24{font-size: 1rem;}
            .world-map{top: 50px;}
            .journey{margin-top: 120px;overflow: auto;}
            .journey-list{min-width: 850px;}
            .journey-list .journey-item.down-side{padding-top: 118px;}
            .journey-list .journey-item.up-side{padding-bottom: 119px;}
            .journey-list .journey-item:last-of-type .point::after{display: block;width: 120px;}
            .many-more{display: none;}
            /* .journey{margin-top: 120px;flex-direction: column;}
            .journey-list{flex-direction: column; width: 100%;}
            .journey-list .journey-item{align-items: flex-start; margin: 0 !important; margin-bottom: 14px !important;}
            .journey-list .journey-item.down-side,
            .journey-list .journey-item.up-side{padding: 0;}
            .journey-list .journey-item.up-side{flex-direction: column;}
            .journey-list .journey-item.up-side .connecting-line{transform: rotateX(0);}
            .journey-list .journey-item h3{width: 44px; text-align: center;}
            .journey-list .journey-item .point{margin-left: 7px;}
            .journey-list .journey-item .connecting-line{margin-left: 14px;}
            .journey-list .journey-item .point::after, 
            .journey-list .journey-item .point::before{display: none;}
            .journey-list .journey-item p{position: absolute; top: 36px; left: 50px; right: 0;}
            .many-more{position: relative; inset: 0; text-align: center; margin-top: 40px;}
            .many-more .mm-border{width: 100%;left: 0;top: 10px;}
            .many-more .mm-text{max-width: 100%; opacity: 1;} */
        }

        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
            .world-map{position: relative; inset: 0; margin-top: -20vw;}
            .journey{margin-top: 0; margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Our global vision Section */
    .our-global-vision-section{
        padding: 2rem 0 5rem;

        .ogv-card{padding: 40px; height: 100%; border-radius: 16px;}
        .ogv-card p{font-size: 1.125rem; font-weight: 300; margin-bottom: 24px;}
        .ogv-card a{display: flex; align-items: center;}
        .ogv-card a .arrow-ln{margin-top: -6px; margin-left: 16px;}

        @media (max-width: 767px) {
            .fs-24{font-size: 1rem;}
            .ogv-card{padding: 30px; height: 100%;}
            .ogv-card p{font-size: 14px; margin-bottom: 16px;}
            .ogv-card a{gap: 10px;}
            .ogv-card a img{height: 26px;}
            .ogv-card a img.arrow-ln{height: 20px; margin-left: 0;}
            .ogv-card a .arrow-ln{margin-top: -4px; margin-left: 8px;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Being Change Section */
    .being-change-section{
        background-color: #171717;

        .being-change-content{padding-right: 3rem; padding-top: 2rem; padding-bottom: 2rem;}
        .being-change-content h2{margin-bottom: 3rem;}
        .being-change-content p{margin-bottom: 3rem;}

        @media (max-width: 767px) {
            .being-change-content{padding: 3rem;}
        }
        @media (max-width: 575px) {
            .being-change-content{padding: 3rem 1.125rem;}
            .being-change-content h2{margin-bottom: 2rem;}
            .being-change-content p{margin-bottom: 2rem;}
        }
    }

    /* Better Future Section */
    .better-future-section{
        background-color: var(--primary-color);

        .better-future-content{padding-left: 3rem; padding-top: 2rem; padding-bottom: 2rem;}
        .better-future-content h2{margin-bottom: 3rem;}
        .better-future-content p{margin-bottom: 3rem;}

        @media (max-width: 767px) {
            .better-future-content{padding: 3rem;}
        }
        @media (max-width: 575px) {
            .better-future-content{padding: 3rem 1.125rem;}
            .better-future-content h2{margin-bottom: 2rem;}
            .better-future-content p{margin-bottom: 2rem;}
        }
    }

    /* Our Misstion & Vision Section */
    .mission-vision-section{
        margin-top: 8rem; background: #000000; background: linear-gradient(145deg, rgba(0, 0, 0, 1) 0%, rgb(241 94 85 / 50%) 50%, rgb(241 94 85 / 100%) 100%);
        
        .our-mv-box{padding: 60px; background-repeat: no-repeat; background-position: center; background-size: cover;}
        .our-mv-box h2{margin-bottom: 9rem;}
        .our-mv-box p{margin-bottom: 0;}
        .our-mission{background-image: url(../images/our-mission-img.jpg);margin-top: 8rem;}
        .our-vision{background-image: url(../images/our-vision-img.jpg);}

        @media (max-width: 991px) {
            .our-mv-box h2{margin-bottom: 5rem;}
            .our-mission{margin-top: 5rem;}
        }
        @media (max-width: 767px) {
            margin-top: 5rem;

            .our-mv-box h2{margin-bottom: 3.5rem;}
            .our-mission{margin-top: 4rem;}
            .our-vision{margin: 4rem 0;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
            .our-mv-box{padding: 30px 24px;}
            .our-mv-box h2{margin-bottom: 28px;}
            .our-mission{margin-top: 30px;}
            .our-vision{margin: 30px 0;}
        }
    }

    /* SwiftAnt Promise Style */
    .swiftant-promise-section{
        background-image: url(../images/swiftAnt-promise-img.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;
        padding: 8rem 0 5rem;margin-bottom: 9rem;

        .ln{width: 80px;height: 8px;}
        .bg-white-24{background-color: rgba(255, 255, 255, 0.24);}
        .sp-bottom-content{margin-top: 10rem;}
        .sp-bottom-content .sp-card{margin-bottom: -14rem;}
        .sp-card {padding: 40px; width: 100%; border-radius: 16px; max-width: 585px; margin-left: auto;}
        .sp-card .why-icon{width: 64px;height: 64px; margin-bottom: 20px;}
        .sp-card p{margin-bottom: 0; margin-top: 36px;}

        @media (max-width:991px) {
            .sp-bottom-content{margin-top: 6rem;}
        }
        @media (max-width:767px) {
            margin-bottom: 5rem; padding: 5rem 0 2rem;

            .ln{width: 40px;height: 5px;}
            .sp-card {padding: 30px;}
            .sp-bottom-content{margin-top: 1.5rem;}
            .sp-bottom-content .sp-card{margin-bottom: -7rem;margin-top: 2rem;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

     /* Our Values Section */
    .our-values-section{
        padding: 5rem 0 2rem 0;
    
        .our-values-item{text-align: center;}
        .our-values-item img{margin-bottom: 1rem;}
        .our-values-item h3{margin-bottom: 1.5rem;}
        .our-values-item p{text-wrap: balance; max-width: 320px; margin-left: auto; margin-right: auto;}  
        
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
            .our-values-item{max-width: 300px; margin: 0 auto;}
        }
    }

    /* Partnership Section */
    .partnership-section{
        padding: 2rem 0 7rem 0;
        
        @media (max-width: 767px) {
            padding: 4rem 0;
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Awards Section */
    .awards-section{
        padding: 2rem 0 7rem 0;
        .awards-carousel .awards-item .awards-header{display: flex; align-items: center; margin-bottom: 20px;}
        .awards-carousel .awards-item .awards-header img{width: 50px; height: 50px; margin-right: 0.625rem;}
        .awards-carousel .awards-item .awards-header h3{font-size: 1.25rem;margin-bottom: 0;}
        .awards-carousel .awards-item .ln{width: 88px; height: 1px;}
        .awards-carousel .awards-item .awards-description{margin-top: 24px; margin-bottom: 8px;font-size: 1.25rem; line-height: 1.25rem; font-weight: 700;}
        .awards-carousel .awards-item .awards-year{font-size: 1.25rem; line-height: 1.25rem; font-weight: 500; color: #D0D2D7;}
    
        @media (max-width: 767px) {
            padding: 1rem 0 5rem 0;
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Crafted section */
    .crafted-section{
        margin: 8rem 0;

        @media (max-width: 767px) {
            margin: 5rem 0;
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Certifications Section */
    .certifications-section{
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }   
    
    /* Trusted by Many Section */
    .trusted-by-section{
        @media (max-width: 767px) {
            padding: 4rem 0;
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Get in Touch */
    .get-in-touch-section{background-image: url(../images/about-get-in-touch-bg.jpg);}
}

/* Resources Page */
.resources-page{
    /* Hero Section */
    .hero-section{
        background-image: url(../images/resources-hero-img.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: auto; padding-top: 9rem; padding-bottom: 9rem;
        
        .hero-title{margin-bottom: 0; font-weight: 700;}

        @media (max-width: 767px) {
            padding: 5rem 0;

            .hero-title{max-width: 100%; text-align: left;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    .page-links-section{
        @media (max-width: 991px) {
            display: block;
            .page-links{margin-bottom: 0;}
        }
        @media (max-width: 767px) {
            .page-links-wrapper {max-width: 100%; overflow: auto;}
            .page-links{white-space: nowrap;}
        }
        @media (max-width: 575px) {
            overflow: hidden;
            .container{padding-left: 0px; padding-right: 0px;}
            .page-links-wrapper {padding: 0 30px;}
        }
    }
    
    /* Case Studies Section */
    .case-studies-section{
        padding: 7rem 0 3rem;

        .sub-title{color: #505050;}
        .cases-studies-card{display: flex; gap: 2rem; align-items: center; margin-bottom: 32px;}
        .cases-studies-card .card-img-top{flex: 1 1 50%; max-width: 50%; width: 100%; height: 180px; object-fit: cover; object-position: top; border-radius: 8px;}
        .cases-studies-card .cs-card-body{flex: 1 1 50%; max-width: 50%; display: flex; flex-direction: column; justify-content: center;}
        .cs-card-body h5{margin-bottom: 20px;}
        .cs-card-body p.fs-16{margin-bottom: 0;}
        .cases-studies-card.cs-cloumn{flex-direction: column;}
        .cases-studies-card.cs-cloumn .card-img-top, .cases-studies-card.cs-cloumn .cs-card-body{flex: 1 1 auto; max-width: 100%;}
    
        @media (max-width: 991px) {
            padding: 5rem 0 3rem;
        }

        @media (max-width: 767px) {
            padding: 3rem 0 2rem;
        }

        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
            .cases-studies-card{flex-direction: column;gap: 1rem;}
            .cases-studies-card .card-img-top, .cases-studies-card .cs-card-body{flex: 1 1 auto; max-width: 100%;}
        }
    }

    /* Video Section */
    .video-section{
        padding: 7rem 0 0;

        .video-carousel .video-item .video-thumb,
        .video-carousel .video-item .video-frame{position: relative; aspect-ratio: 8 / 3;width: 100%;height: auto;}
        .video-carousel .video-item .video-thumb img{width: 100%;height: 100%;object-fit: cover;}
        .video-carousel .video-item .video-thumb .play-btn{position: absolute; display: flex; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 64px;height: 64px; cursor: pointer;}
        .video-carousel .video-item .video-thumb .play-btn img{width: 100%;height: 100%; object-fit: contain;}

        @media (max-width: 991px) {
            padding: 5rem 0 0;
        }

        @media (max-width: 767px) {
            padding: 3rem 0 0;

            .video-carousel .video-item .video-thumb,
            .video-carousel .video-item .video-frame{aspect-ratio: 16 / 9;}
            .video-carousel .video-item .video-thumb .play-btn{width: 40px;height: 40px;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Presentation Section */
    .presentation-section{
        padding: 7rem 0;

        .presentation-carousel .presentation-item{border-radius: 8px; overflow: hidden;}
        .presentation-item .presentation-img{position: relative;}
        .presentation-item .presentation-img .btn{display: flex; justify-content: center; align-items: center; padding: 0; position: absolute; top: 28px; right: 28px; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.32); border-radius: 50%;}
        .presentation-item .presentation-content{padding: 2rem; background-color: #171717;}
        .presentation-item .presentation-content h5{font-size: 1.375rem; line-height: 1.75rem; font-weight: 500; margin-bottom: 32px;}


        @media (max-width: 991px) {
            padding: 5rem 0;
        }

        @media (max-width: 767px) {
            padding: 3rem 0;

            .presentation-item .presentation-content{padding: 1.5rem;}
            .presentation-item .presentation-content h5{font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 20px;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Blogs Section */
    .blogs-section{
        padding: 5rem 0; background-color: #252525;
        .page-id{top: -100px;}

        .blog-card{background-color: #171717; padding: 2rem; border-radius: 16px; height: 100%;}
        .blog-card .published-date{font-size: 1rem; margin-bottom: 8px; color: #7D7D7D;}
        .blog-card h5{font-size: 1.25rem; font-weight: 500; line-height: 1.625rem; margin-bottom: 1rem;}
        .blog-card p{font-size: 1.125rem; line-height: 1.75rem; margin-bottom: 0; color: #D0D2D7; margin-top: 1rem;}
        .blog-card p a{white-space: nowrap;}

        .featured-blogs{display: flex; flex-direction: column; height: 100%; background-color: #612A27;border-width: 4px 0px 0px 6px;border-style: solid;border-color: rgb(255 255 255 / 5%);padding: 1.5rem;border-radius: 16px;}
        .featured-blogs .featured-title{margin-bottom: 10px;}        
        .featured-entry{display: flex; flex-direction: column; padding-top: 18px; padding-bottom: 16px;border-bottom: 1px solid rgb(255 255 255 / 24%); flex: 1;}
        .featured-entry:last-child{border-bottom: none;padding-bottom: 0;}
        .featured-entry p{font-size: 1rem; font-weight: 300; line-height: 1.5rem;}
        .featured-entry .published-date{font-size: 1rem; font-weight: 300; color: #B0B0B0;margin-top: auto;}

        @media (min-width: 992px) {
            .featured-entry-list{display: flex; flex-direction: column; height: 100%;}
            .featured-blogs .featured-title .arrow-icon{display: none;}
        }

        @media (max-width: 991px) {
            padding: 3rem 0;
            .featured-blogs {padding: 0;}
            .featured-blogs .featured-title{display: flex; justify-content: space-between; margin-bottom: 0;padding: 1.5rem; cursor: pointer;}
            .featured-blogs .featured-title .arrow-icon{width: 16px; height: 16px;}
            .featured-blogs .featured-title:not(.collapsed) .arrow-icon{rotate: 180deg;}
            .featured-entry .published-date{margin-top: 24px;}
            .featured-entry-list{padding: 0 1.5rem 1.5rem;}
            .featured-entry:first-of-type{padding-top: 5px;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Get in Touch */
    .get-in-touch-section{
        background-image: url(../images/resources-get-in-touch-bg.jpg);

        @media (max-width: 767px) {
            .col-12.col-lg-6.mb-5.mb-lg-0{margin-bottom: 0 !important;}
        }
    }

    @media (max-width: 1299px) {
        section .page-id {top: -60px;}
    }
    @media (max-width: 767px) {
        section .page-id {top: -100px;}
    }
    @media (max-width: 575px) {
        .mb-64 {margin-bottom: 1.5rem;}
        .sub-title.mb-3{margin-bottom: 0.75rem !important;}
    }
}

/* Contact Page */
.contact-page{
    .mb-80{margin-bottom: 5rem;}

    /* Hero Section */
    .hero-section{
        background-image: url(../images/contact-hero-img.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: auto; padding-top: 9rem; padding-bottom: 9rem;
        
        .hero-title{margin-bottom: 0; font-weight: 700;}

        @media (max-width: 767px) {
            padding: 5rem 0;

            .hero-title{max-width: 100%; text-align: left;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Contact Section */
    .contact-section{
        padding: 5rem 0;

        .social-icons{display: inline-flex; gap: 2rem;}
        .contact-box img{margin-bottom: 1rem;}
        .contact-box h3{font-size: 1.75rem; font-weight: 600; margin-bottom: 1rem;}
        .contact-box p{font-size: 1rem; margin-bottom: 1.5rem;}
        .contact-box a{font-size: 1rem; color: #fff; text-decoration: underline;}

        @media (max-width: 991px) {
            .social-icons{margin-top: 1rem;}
        }
        @media (max-width: 767px) {
            padding: 3rem 0;
                    
            .contact-box img{width: 36px; height: 36px; margin-bottom: 10px;}
            .contact-box h3{font-size: 1.125rem;}
            .contact-box p{font-size: 0.875rem; margin-bottom: 0.5rem;}
            .contact-box a{font-size: 0.875rem;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
            .social-icons{gap: 1.5rem;}
        }
    }

    /* Location section */
    .location-section{
        padding: 5rem 0;

        .locations{display: flex; flex-direction: column; gap: 32px;}
        /* .location-item{padding-left: 2rem; } */
        /* .location-item.border-l{border-left: 1px solid var(--primary-color);} */
        .location-item h4{font-size: 1.5rem; font-weight: 500; margin-bottom: 1rem;}
        .location-item p{font-size: 1rem; margin-bottom: 0; color: #D0D2D7; margin-top: 1rem;}
        .map-img{width: 100%; max-width: 900px;}

        @media (max-width: 991px) {
            .locations{flex-direction: row; flex-wrap: wrap; gap: 32px 16px; margin-bottom: 40px;}
            .location-item{flex: 1 1; max-width: 33.33%;}
        }

        @media (max-width: 767px) {
            padding: 3rem 0;

            .locations{flex-direction: column; margin-bottom: 36px;}
            .location-item{flex: 1; max-width: 100%;}
            .location-item h4{font-size: 1.125rem; margin-bottom: 10px;}
            .location-item p{font-size: 0.875rem;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    /* Get in Touch */
    .get-in-touch-section{
        background-image: url(../images/about-get-in-touch-bg.jpg); 
        
        @media (max-width: 767px) {
            .col-12.col-lg-6.mb-5.mb-lg-0{margin-bottom: 0 !important;}
        }
    }

    @media (max-width: 767px) {
        .mb-80{margin-bottom: 3rem;}
        .fs-40 {font-size: 1.5rem;}
    }
    @media (max-width: 575px) {
        .fs-20{font-size: 0.875rem;}
    }
}

/* Case Studies Detail Page */
.cs-detail-page{
    /* Hero Section */
    .hero-section{
        background-image: var(--cs-detail-banner); background-position: center; background-size: cover; background-repeat: no-repeat; min-height: auto; padding-top: 10rem; padding-bottom: 4rem;
        
        .hero-banner-content{
            background-color: rgb(0 0 0 / 48%);
            max-width: min(946px, 80%);
            width: 100%;
            padding-top: 24px;
            padding-bottom: 24px;
        }
        .hero-title{margin-bottom: 0; color: #fff; padding-left: 12px;}

        @media (max-width: 767px) {
            /* .hero-banner-content{max-width: 80%;} */
            .hero-title{text-align: left; max-width: 100%;}
        }
        @media (max-width: 575px) {
            padding-top: 7rem; padding-bottom: 3rem;
            .hero-title{padding-left: 30px; padding-right: 30px; font-size: 1.125rem;}
            .hero-banner-content{padding-top: 20px;padding-bottom: 20px;}
        }
    }

    /* cs-detail-content */
    .cs-detail-content{
        padding: 5rem 0;

        .cs-detail-content-wrapper .main-para{font-size: 1.5rem; font-weight: 600; color: #868686;margin-bottom: 32px;}

        .csd-section h2{font-size: 1.5rem; color: #DFDFDF; margin-bottom: 16px; line-height: 2rem; font-weight: 600;}
        .csd-section p{font-size: 1rem; color: #DFDFDF; margin-bottom: 32px;line-height: 1.75rem;}
        .csd-section img{width: 100%; margin-bottom: 32px;}
        .csd-section ul {padding-left: 28px; margin-bottom: 32px;}
        .csd-section ul li {font-size: 1rem; color: #DFDFDF; margin-bottom: 10px; line-height: 1.75rem;}

        .other-case-studies .ocs-title{font-size: 1.5rem; line-height: 2rem; margin-bottom: 0;}
        .ocs-entry{padding-top: 24px; padding-bottom: 24px;}
        .ocs-entry:not(:last-of-type){border-bottom: 1px solid var(--primary-color);}
        .ocs-entry img{width: 100%; margin-bottom: 10px;}
        .ocs-entry .ocs-tag{display: flex; color: #DFDFDF52; font-size: 1rem; font-weight: 700; letter-spacing: 1.6px; margin-bottom: 10px; text-transform: uppercase;}
        .ocs-entry h4{font-size: 1.25rem; font-weight: 600; line-height: 1.75rem; color: #DFDFDF99; margin-bottom: 10px;}
        .ocs-entry p{font-size: 1.125rem; color: #DFDFDF99;}
        .ocs-entry a{display: flex; align-items: center; font-size: 1.125rem; font-weight: 500; color: var(--primary-color); white-space: nowrap;}
        .ocs-entry a img{width: 20px; height: 20px; margin-bottom: 0;}

        @media (max-width: 767px) {
            padding: 3rem 0;

            .cs-detail-content-wrapper .main-para{font-size: 1.125rem; margin-bottom: 24px;}
            .csd-section h2{font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 16px;}
            .csd-section p{font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 24px;}
            .csd-section ul li {font-size: 0.875rem; line-height: 1.5rem;}
            .other-case-studies{margin-top: 2rem;}
            .ocs-entry h4{font-size: 1rem; line-height: 1.5rem;}
            .ocs-entry p{font-size: 0.875rem;}   
            .ocs-entry a{font-size: 0.875rem;}         
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }

    .cs-testimonial{
        padding: 3rem 0 5rem ;
    
        h2{margin-bottom: 50px;}
        .cst-h3{font-size: 1.5rem; line-height: 2rem; color: #868686; margin-bottom: 24px;}
        .cst-p{font-size: 1rem; line-height: 1.75rem; color: #DFDFDF;}
        .cst-profile{margin-top: 28px;}
        .cst-profile h4{font-size: 1.25rem; color: #DFDFDF; margin-bottom: 4px;}
        .cst-profile p{font-size: 1rem; color: #DFDFDF;}

        @media (max-width: 767px) {
            padding: 2rem 0 3rem;
            h2{margin-bottom: 24px;}
            .cst-h3{font-size: 1.125rem; line-height: 1.5rem; margin-bottom: 16px;}
            .cst-p{font-size: 0.875rem; line-height: 1.5rem;}
            .cst-profile h4{font-size: 1rem; line-height: 1.5rem;}
            .cst-profile p{font-size: 0.875rem;}
            .jcg-img{margin-bottom: 20px; height: 300px; width: 100%; object-fit: cover;}
        }
        @media (max-width: 575px) {
            .container{padding-left: 30px; padding-right: 30px;}
        }
    }
}

@media (min-width: 992px) {
    .navbar-nav .dropdown:hover .dropdown-menu,
    .navbar-nav .dropdown-menu:hover {
        display: block;
    }

    .navbar-nav .dropdown:hover .nav-link{
        height: calc(100% + 15px);
    }

}