/* Global Styles */

/* --- 1. REGULAR FONT: HelveticaNeue.ttf --- */
@font-face {

    font-family: 'Helvetica Neue AQniX';


    src: url('../fonts/HelveticaNeue.ttf') format('truetype');
    font-weight: 400;
    /* Regular */
    font-style: normal;
    font-display: swap;
}

/* --- 2. BOLD FONT: Helvetica95Black.ttf --- */
@font-face {
    font-family: 'Helvetica Neue AQniX';


    src: url('../fonts/Helvetica95Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* --- 3. CONDENSED OBLIQUE/ITALIC FONT: HelveticaNeue-CondObl.ttf --- */
@font-face {
    font-family: 'Helvetica Neue AQniX';


    src: url('../fonts/HelveticaNeue-CondObl.ttf') format('truetype');
    font-weight: 500;
    /* Assuming this specific oblique is based on the regular weight */
    font-style: italic;
    font-display: swap;
}


body {

    font-family: 'Helvetica Neue AQniX', Arial, sans-serif;
    line-height: 1.6;
    color: #0C255c;
    background-color: #ffffff;
    font-weight: 400;
}


h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Helvetica Neue AQniX', Arial, sans-serif;
    color: #0C255c;
    margin-bottom: 20px;
    line-height: 1.3;


}

:root {
    --primary-color: #0C255c;
    --secondary-color: #55b1c6;
    --text-color: #0C255c;
    --light-color: #fff;
    --dark-color: #002a4e;
    --gray-color: #f5f5f5;
}
.row {
  --bs-gutter-x: 40px;
}

html,
body {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    min-height: 100vh;
}




.logo-image {
    width: 150px;
    height: auto;
    display: block;
}


.main-content {

    background-color:transparent;
    /* New background color */
    width: 100%;
    overflow-x: hidden;
    color: #002a4e;
}

.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6 {
    color: #0C255C !important;
    /* Font color from second image */
}

.main-content p {
    color: #0C255c;
    /* Font color from second image */
}

.main-content a {
    color: white;
    /* Font color from second image */

}

/* .main-content a:hover {
    color: white;
} */

a {
    color: var(--primary-color);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--secondary-color);
}

.btn {
    border-radius: 0;
    padding: 10px 25px;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: #0C255c;
    border-color: #0C255c;
    font-weight: 600;
    padding: 12px 30px;
    border-radius: 0;
}

.btn-primary:hover {
    background-color: transparent;
    border-color: #0C255c;
    color: #0C255c;
}
.btn-primary:active {
    background-color: transparent !important;
    border-color: #0C255c !important;
    color: #0C255c !important;
}

.request-proposal-btn {
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 12px 25px;
    border-radius: 0;
    background-color: #ffffff;
    color: #0C255C;
    border: 2px solid #ffffff;
}

.request-proposal-btn:hover  {
    background-color: transparent;
    color: #ffffff;
    border-color: #ffffff;
}
.request-proposal-btn:active {
    background-color: transparent !important;
    color: #ffffff !important;
    border-color: #ffffff !important;
}

/* Header Styles */
header {
    position: relative;
}

.topbar-aqnix {
    background: linear-gradient(135deg, #0C255C 0%, #0a1e4a 100%) !important;
    padding: 8px 40px;
    font-size: 14px;
    z-index: 1031;
    position: fixed;
    top: 0;
    width: 100%;
    margin-inline: auto;
    backdrop-filter: none !important;
}

.topbar-aqnix .container-fluid {
    padding: 0;
}

.topbar-aqnix .navbar-nav {
    margin-left: auto;
}

.topbar-aqnix .menu-item {
    margin-left: 25px;
}

.topbar-aqnix a {
    color: #ffffff;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.topbar-aqnix a:hover {
    color: rgba(255, 255, 255, 0.8);
}

.topbar-aqnix a svg {
    margin-left: 5px;
}

.navbar-aqnix {
    background-color:white !important;
    padding: 15px 40px;
    z-index: 1030;
    position: fixed;
    top: 38px;
    width: 100%;
    backdrop-filter: none !important;
    border-radius: 0;
    margin: 0 30px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    backdrop-filter: none !important;
    margin-inline: auto;
}

.navbar-aqnix .container-fluid {
    padding: 0;
}

.navbar-brand {
    color: #0C255C ;
    font-weight: 400;
    font-size: 24px;
}

.navbar-brand:hover {
    color: #ffffff;
}

/* Navigation Styles */
.navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-nav .nav-item {
    margin: 0 15px;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    background-color: white;
}

.dropdown-item {
    padding: 8px 20px;
    color: #0C255c;
}

.dropdown-item:hover {
    background-color: #08183a;
    color: #ffffff;
}



/* Navigation Styles */
.navbar-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    /* Added to center the navigation items */
}

.navbar-nav .nav-item {
    margin: 0 15px;
}

.navbar-nav .nav-link {
    color: #0C255c;
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    padding: 15px 0;
    transition: all 0.3s ease;
    position: relative;
}
.nav-item  .dropdown-item {
    font-size: 18px;
}


.navbar-nav .nav-link:hover {
    color: #55B1C6;
    background-color: transparent;
}
.hero-slide .image-wrapper {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    /* min-height: 100%;
    height: -webkit-fill-available; */
}
.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.dropdown-item {
    padding: 8px 20px;
}

.dropdown-item:hover {
    background-color: var(--gray-color);
    color: #0C255C;
}

/* Update the content-section styles */
.content-section {
    padding: 2rem 0;
    background-color: #0C255C;
}

.content-section h2 {
    color: white;
    margin-bottom: 1rem;
    font-size: 2.66vw;
        line-height: 3.57vw;
}

.content-section p {
    color: white;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 10.42vw;
    padding-right: 10.42vw;
}

@media screen and (max-width:1599px) {
    .container {
        padding-left: 12.15vw !important;
        padding-right: 12.15vw !important;
    }
    .content-section h2{
        font-size: 40px;
        line-height: 1.3;
    }
}

@media screen and (max-width:1024px) {
    .container {
         padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .content-section h2{
        font-size: 40px;
        line-height: 1.3;
    }
}

/* @media screen and (max-width:768px) {
    .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
} */




/* Add styles for the row and columns */
.row {
    display: flex;
    flex-direction: row;
    margin: 0 -20px;
}

.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.rounded {
    border-radius: 0;
}

/* Add styles for the request info button */
.request-info-btn {
    background-color: #002e5a;
    color: white;
    border: none;
    padding: 10px 25px;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    margin-top: 1rem;
}

.request-info-btn:hover {
    background-color: #004a7d;
 
}

/* Hero Section Styles */
.main-hero {
    position: relative;
    margin-top: 0;
}

.hero-slide {
    background-size: cover;
    background-position: center;
    height: 100%;
    position: relative;
    display: flex;
    min-height: calc(100vh - 7.71vw);
    /* padding-top: 130px; */
}

/* .hero-slide:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.05) 100%);
} */

.hero-content {
     position: absolute;
    z-index: 2;
    color: #0C255c;
    width: 100%;
    padding-top: 130px;
    top: 0;
    height: 100%;
    left: 0;
    display: flex;
    align-items: center;
}
.hero-content::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    
}

.hero-text-box {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 1.19vw 1.79vw 0 1.79vw;
    margin-top: 1.55vw;
    margin-bottom: 3.1vw;
    max-width: 100%;
    position: relative;
    z-index: 6;
}

.hero-text-box h1 {
    font-size: 2.98vw;
    line-height: 3.57vw;
    margin-bottom: 1.15vw;
    font-weight: 400;
    color: var(--primary-color);
}

.hero-text-box .hero-subtitle {
    font-size: 1.07vw;
    line-height: 1.55vw;
    margin-bottom: 1.37vw;
    margin-top: -0.5vw;
    font-weight: 400;
    /* color: #3C3C3C; */
    color: inherit;
}
.hero-text-box .btn-wrap a {
    margin-bottom: 1.79vw;
}

/* Update the tabs-section styles */
.tabs-section {
    padding: 2rem 0;
    background-color: #002e5a;
    position: relative;
}

.tabs-container {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin: 2rem auto;
    max-width: 1200px;
    position: relative;
    z-index: 1;
}

.tabs-section .tab-button {
    background-color: #002e5a;
    color: white;
    border: none;
    padding: 1rem 2rem;
    border-radius: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 400;
    font-size: 1rem;
    min-width: 200px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tabs-section .tab-button:hover {
    background-color: #004a7d;
 
    opacity: 0.9;
}

.tabs-section .tab-button.active {
    background-color: white;
    color: #0066b3;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 
}

/* Stats Section */
.stats-section {
background: #0C255C  !important;
background-size: cover;
background-position: center;
background-attachment: fixed;
color: var(--light-color);
padding: 0;
position: relative;
z-index: 7;
border-radius: 0;
}
/* .stats-section .button-wrapper {
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
    padding-inline:3.57vw ;
    z-index: 9999;
} */
.stats-section  .button-wrapper .stats-nav.stats-nav-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3.57vw;
    height: 2.38vw;
    width: 2.38vw;
}
.stats-section  .button-wrapper .stats-nav.stats-nav-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.57vw;
    height: 2.38vw;
    width: 2.38vw;
}
.stats-section  .button-wrapper .stats-nav.stats-nav-next svg , .stats-section  .button-wrapper .stats-nav.stats-nav-prev svg {
    max-height: 2.38vw;
    max-width: 2.38vw;
    width: 100%;
    height: 100%;
}

.stats-section .container {
    padding-left: 8.45vw !important;
    padding-right: 8.45vw !important;
}

.stats-nav-container {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
margin-bottom: 0px;
}

.stats-nav {
    background: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 0;
    border-radius: 0;
    height: 2.38vw;
    width: 2.38vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2c5f2c;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

.stats-nav:hover {
    transform: scale(1.15);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
    border-color: rgba(255, 255, 255, 0.5);
}

.stats-content {
    flex: 1;
    /* max-width: 1200px; */
    width: 100%;
}
.stats-swiper  {
    margin-top: -1.73vw;
    margin-inline: -0.48vw !important;
}
.section-gradient {
    height: 4.86vw;
    background: linear-gradient(0deg, rgba(0, 99, 170, 0) 0%, rgba(0, 99, 170, 0.7) 100%);
    position: absolute;
    top: 0;
    width: 100%;
}

.stats-content .row {
    transition: transform 0.5s ease;
    flex-wrap: nowrap;
    width: auto;
    margin: 0;
    min-width: 100%;
    display: flex;
}

.stats-content .row>[class*="col-"] {
    flex: 0 0 auto;
    width: auto;
    min-width: 200px;
    padding: 0 15px;
}

.stat-box {
    text-align: center;
    border-radius: 1.39vw;
    flex-shrink: 0;
    min-height: 8.33vw;
    background: #002D72 !important;
    height: 100%;
    margin-left: .48vw;
    margin-right: .48vw;
    padding: .95vw;
}
.stats-section .swiper-slide {
   height: auto;
}

.stat-number {
    font-size: 2.5vw;
    line-height: 3.57vw;
    font-weight: 400;
    margin-bottom: 0;
    color: var(--light-color);
}

.stat-title {
    font-size: .95vw;
    line-height: 1.19vw;
    min-height: 2.38vw;
    font-weight: 400;
    margin-bottom: 0;
    color: var(--light-color);
}

.stat-subtitle {
    font-size: 14px;
    opacity: 0.9;
    color: rgba(255, 255, 255, 0.8);
}

/* Extended Content Section */
.extended-content {
    background: #0C255C;
    padding-top: 1.81vw;
    padding-bottom: 1.81vw;
    min-height: 11.11vw;
    color:white;
}

.content-text {
    text-align: center;
    max-width: 75%;
    margin: 0 auto;
    width: 100%;
    background: transparent;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    --bs-gutter-x: 40px;
    padding-top: 2.78vw;
    padding-bottom: 2.92vw;
}
.section-wrap {
    padding: 0;
}

/* .extended-content .content-text .lead-text {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.4;
    color: white !important;
} */

.content-text p {
    margin-bottom: 1.81vw;
    font-size: 1.39vw;
    line-height: 1.81vw;
    color: inherit !important;
    font-weight: 400;
}
.content-text p:last-child {
    margin: 0;
}

/* .content-text .highlight-text {
    font-size: 20px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 0;
} */

/* Services Hero Section */
.services_hero_section {
    position: relative;
    margin-top: 0;
    width: 100%;
    overflow: hidden;
    background: #002D72 !important;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.bg-cover-image {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
    object-fit: cover;
}
.bg-cover-image.active {
    opacity: 1;
}
.services_hero_section .container-fluid  {
    padding-left: 4.05vw !important;
    padding-right: 4.05vw !important;
    position: relative;
    z-index: 9;
}
.services_hero_section .inner_gradient {
    display: none;
}
.services_hero_section .image-bg , .services_hero_section .bg--image {
  display: none;
}
.title-section {
    padding-top: 26px;
    padding-bottom: 26px;
    display: flex;
    background: #0C255C;
    color:  #ffffff;
    min-height: 160px;
}
.title-section  .title-wrapper h2 {
    padding-top: 1.11vw;
    padding-bottom: 1.11vw;
    margin: 0;
    color: inherit !important;
    text-align: center;
}
.title-section  .title-wrapper {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width:1599px) {
  .title-section {
    padding-top: 1.81vw;
        padding-bottom: 1.81vw;
        min-height: 11.11vw;
  }
}

@media screen and (max-width:1024px) {
  .title-section {
    padding-top: 26px;
    padding-bottom: 26px;
    min-height: 160px;
  }
}

.services_hero_section .container-fluid {
    padding: 0;
    max-width: none;
    width: 100%;
}

.services_hero_section .row {
    margin: 0;
    width: 100%;
}

.services_hero_section .col-lg-3,
.services_hero_section .col-md-6 {
    padding: 0;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.service-hero-new.services_hero_section .col-lg-3.col-md-6 {
    flex: 0 0 25%;
    max-width: 25%;
    height: auto;
}

.service_hero_card {
    height: 100vh;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 60px 40px;
    background-color: rgba(5, 34, 55, .05);
    transition: transform 0.3s ease;
    cursor: pointer;
}

/* .service_hero_card:hover {
    transform: scale(1.02);
} */

.service_hero_overlay {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}

.service_hero_card:before {
    content: '';
    height: 100%;
    z-index: 1;
    transition: all 0.5s ease;
    width: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #aad4f1;
    opacity: .5;
}

/* .service_hero_card:hover:before {
    background: linear-gradient(135deg, rgba(0, 102, 179, 0.92) 0%, rgba(0, 80, 145, 0.88) 100%);
} */

.service_hero_title {
    font-size: 1.79vw;
    line-height: 2.14vw;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
    transition: all 0.5s ease;
        margin-bottom: 0;
}
.services_hero_section .service_hero_title {
    color: var(--light-color) !important;
}



.service_hero_description {
    opacity: 0;
    visibility: hidden;
    /* transform: translateY(30px); */
    transition: all 0.5s ease;
    font-weight: 400;
    margin-top: 2.2vw;
    font-size: 1.07vw;
    line-height: 1.55vw;
    padding-right: 1.19vw;
}
.services_hero_section .service_hero_description {
    color: var(--light-color) !important;
}

.service_hero_btn {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 3px solid #ffffff;
    padding-bottom: 8px;
    display: inline-block;
    transition: all 0.5s ease;
    letter-spacing: normal;
    opacity: 0;
    visibility: hidden;
    margin-top: auto;
    min-width: 13.19vw;
    color: white;
}
.services_hero_section .service_hero_card {
    height: 35.71vw;
    padding: 1.96vw 1.55vw 3.63vw 2.38vw;
}
.services_hero_section.service-hero-new .service_hero_card {
    height: 100%;
}
.services_hero_section .service_hero_card:hover {
    background-color: rgba(0, 99, 170, .7);
}
.services_hero_section .images_menu_botright {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    opacity: .62;
}
.services_hero_section .images_menu_botright svg  {
    height: 29.76vw;
    width: 29.76vw;
}
.services_hero_section .images_menu_topleft {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: .38;
}
.services_hero_section .images_menu_topleft svg{
    height: 21.43vw;
        width: 21.43vw;
}
.services_hero_section  .images_menu_gradient {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    max-width: 100%;
    overflow: hidden;
}
.services_hero_section  .images_menu_gradient svg {
    height: auto;
    width: 100vw;
}

.service_hero_card:hover .service_hero_description {
    opacity: 1;
    visibility: visible;
}

.service_hero_card:hover .service_hero_btn {
    opacity: 1;
    visibility: visible;
    
}

.service_hero_btn:hover {
    color: #ffffff;
    border-bottom-color: #ffffff;
}

.request_info_btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 100;
}

.request_info_btn .btn {
    /* background-color: var(--primary-color); */
    background: #55B1C6;
    border-color: #55B1C6;
    /* border-color: var(--primary-color); */
    /* color: var(--light-color); */
    color: #0C255C;
    padding: 12px 25px;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    position: fixed;
    right: -10px;
    bottom: 130px;
    transition: all .25s cubic-bezier(0.62, 0.05, 0.38, 1);
}
.request_info_btn .btn:hover , .request_info_btn .btn:active {
    background-color: #0C255C;
    border-color: #55B1C6;
    color: #55B1C6;
}
.request_info_btn .btn:active {
    background-color: #0C255C !important;
    border-color: #55B1C6 !important;
    color: #55B1C6 !important;
}

/* Testimonial Section */

.testimonials_section { 
  padding: 4.17vw 0;
  background: white;
  color: #0C255C;
}
.testimonials_section .section-wrap {
   display: flex;
    flex-direction: column;
    align-items: center;
    margin-inline: -20px;
}
.testimonials_section .section-wrap .title {
   color: inherit !important;
   margin: 0;
   font-size: 1.79vw;
   line-height: 2.14vw;
}
.testimonials_section .testimonials {
    margin-top: 2.92vw;
    padding-inline: 20px;
    max-width: 66.66666667%;
    margin-inline: auto;
}
.testimonials_section .title-wrapper {
    padding-inline: 20px;
}
.testimonials_section .testi_quote {
    color: inherit;
    margin-bottom: 2.98vw;
    font-size: 1.79vw;
    line-height: 2.5vw;
    letter-spacing: 0.05vw;
    text-align: center;
    font-weight: 400;
    font-style: italic;
}
.testimonials_section  .testi_name {
           font-size: 1.19vw;
        line-height: 1.55vw;
        margin-bottom: .18vw;
   font-weight: 400;
   color: inherit;
}
.testimonials_section .testi_position {
    color: inherit;
}
.testimonials_section .testi_info::before {
    content: "";
    height: 2px;
    position: absolute;
    top: -1px;
    left: 50%;
    background-color: #0C255C;
    width: 14.03vw;
    margin-left: -7.01vw;
}
.testimonials_section  .testi_info  {
    position: relative;
    padding-top: 1.55vw;
    text-align: center;
}  
.testimonials_section  .swiper-slide  {
  height: auto;
}
.testimonials_section  .testi_slider {
  padding-bottom: 1.79vw;
}
.testimonials_section .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  margin-inline: 6px !important;
  background: #0C255C;
  opacity: 0.6;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0C255C;
    opacity: 1;
}
.testimonials_section .swiper-pagination {
    display: flex;
    justify-content: center;
    bottom: 0 !important;
}
.testimonials_section  .testimonials_wrap {
    position: relative;
}
.testimonials_section .testimonials_wrap::before {
  content: "”";
  position: absolute;
  font-weight: 400;
  color: inherit;
  font-size: 9.72vw;
  line-height: 8.06vw;
  left: -6.94vw;
  top: 0;
}
.testimonials_section .testimonials_wrap::after {
  content: "“";
  position: absolute;
  font-weight: 400;
  color: inherit;
  font-size: 9.72vw;
  line-height: 8.06vw;
  right: -6.94vw;
  top: 0;
}
.testimonials_section .testi_position {
    font-size: 1.11vw;
    line-height: 1.67vw;
    letter-spacing: .06vw;
}
.img-with-text-section {
    width: 100%;
    position: relative;
    padding-top: 68px;
    padding-bottom: 68px;
    background: #0C255C;
    color: #ffffff;
}
.img-with-text-section  .hero-bg img {
    position: absolute;
    bottom: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    opacity: 0.4;
    z-index: 0;
}
.img-with-text-section .img-text-title {
   color: #ffffff;
   text-align: left;
   margin-bottom: 12px;
}
.img-with-text-section .hero-text {
    position: relative;
    z-index: 1;
    width: 60%;
    text-align: left;
}
.img-with-text-section .hero-text  p {
    font-size: 18px;
    line-height: 1.45;
    margin-bottom: 24px;
}
.img-with-text-section .btn-show-more {
   background: white;
   color:#0C255C ;
   margin-top: 0;
}
.text-left {
    text-align: left !important;
}
.text-blue ,.our-experience.text-blue .heading {
    color: #0C255C !important;
   
}
.text-blue.our-experience  {
     background: white;
}
@media screen and (max-width:1599px) {
  .testimonials_section .section-wrap .title {
    font-size: 2.06vw;
    line-height: 2.5vw;
  }
  .testimonials_section  .testi_name{
            font-size: 1.39vw;
    line-height: 1.81vw;
    margin-bottom: .21vw;
  }
  .testimonials_section .testi_quote{
    margin-bottom: 3.47vw;
        font-size: 2.08vw;
        line-height: 2.92vw;
    letter-spacing: .8px;
  }
}

@media screen and (max-width:1024px) {
  .testimonials_section .section-wrap .title {
    font-size: 30px;
   line-height: 36px;
  }
  .testimonials_section  .testi_name{
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 3px;
  }
  .testimonials_section .testi_quote{
    margin-bottom: 50px;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: .8px;
  }
  .img-with-text-section .img-text-title {
        font-size: 30px;
  }
}

        

/* Services Section Styling */
.services_section {
    background: #002D72 !important;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 100px 0;
    position: relative;
}

.section-title {
    font-size: 48px;
    font-weight: 400;
    color: var(--primary-color);
    margin-bottom: 60px;
    text-align: left;
}

.service_card {
    background: white;
    padding: 40px 30px;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    height: 100%;
}

.service_card:hover {
    transform: translateY(-10px);
    box-shadow: #0066b3 !important;
}

.service_card h3 {
    color: var(--text-color);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.service_card p {
    color: #666;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.service_card .btn {
    border-radius: 0;
    padding: 10px 25px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Partners Section Styling */
.partners_section {
    padding: 4.17vw 0;
    background-color: var(--light-color);
    position: relative;
    overflow: hidden;
}
.partners_section .partner_category.container ,.partners_section .swiper-cover {
    padding-left: 8.47vw !important;
    padding-right: 8.47vw !important;
}

.partner_category {
    margin-bottom: 0px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.partner_category:last-child {
    margin-bottom: 0;
}

.partner_category_title {
    /* font-size: 29px; */
    font-weight: 400;
    color: var(--primary-color);
    text-align: center;
    margin-bottom: 0;
    display: inline-block;
    background: rgba(255, 255, 255, 0.98);
    padding: 0;
    font-size: 2.06vw;
    line-height: 2.5vw;
    border-radius: 0;
}

.partner_logos_container {
    display: flex;
    position: relative;
    width: 100%;
}

.partners_section .swiper-cover {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    margin-top: 1.53vw;
}

.partner_nav {
    background: #0C255C;
    position: absolute;
    border-radius: 0;
    height: 2.78vw;
    width: 2.78vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
    z-index: 10;
}

.partner_nav:hover {
    transform: scale(1.15);
}
.partners_section .partner_nav.partner_nav_next {
    right: 4vw;
    border: none;
}
.partners_section .partner_nav.partner_nav_prev {
    left:  4vw;
    border: none;
}


.partner_nav.disabled {
    opacity: 0.4;
    cursor: not-allowed;
    pointer-events: none;
    transform: scale(0.9);
}

.partner_nav:active {
    transform: scale(0.95);
}

.partner_logos {
    display: flex;
    flex-direction: row;
    scrollbar-width: none;
    -ms-overflow-style: none;
    width: 100%;
    white-space: nowrap;
    scroll-behavior: smooth;
    padding: 0px;
    box-sizing: border-box !important;
}

.partner_logos::-webkit-scrollbar {
    display: none;
}

.partner_logo {
    background: transparent;
    padding: 0;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    min-width: 130px;
    transition: all 0.3s ease;
    box-shadow: none;
    border: none;
    flex-shrink: 0;
    flex-grow: 0;
    margin: 0;
    padding-inline: 1.53vw;
}

.partner_logo:hover {
    transform: scale(1.1);
    box-shadow: none;
}

.partner_logo img {
    max-width: 100%;
    max-height: 120px;
    width: 100%;
    /* max-height: 55px;
max-width: 165px; */
    /* object-fit: contain;
filter: brightness(1.1) contrast(1.05); */
    /* padding: 12px; */
}

.partner_text {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
    text-align: center;
}

/* Newsroom Section Styling */
.newsroom_section {
    padding: 100px 0;
    color: var(--light-color);
    position: relative;
    overflow: hidden;
}
/* .newsroom_section.homepage-sec {
    background: #0C255C;
} */

.newsroom_section:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    z-index: 0;
}

.newsroom_section>.container {
    position: relative;
    z-index: 1;
}

.main-content h2.newsroom_title {
    font-size: 48px;
    font-weight: 400;
    color: #0C255c !important;
    margin-bottom: 0;
}

.newsroom_btn_wrap {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

.newsroom_btn_wrap .btn {
    border: 2px solid #0C255C;
    background-color: #0C255C;
    color: white;
    padding: 18px 44px;
    border-radius: 0;
    line-height: 24px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.newsroom_btn_wrap .btn:hover {
    background-color: transparent;
    border: 2px solid #0C255C ;
    color: #0C255C;
}

.newsroom_btn_wrap2 {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    margin-top: 40px;
}

.newsroom_btn_wrap2 .btn {
    border: 2px solid #0C255C;
    background-color: #0C255C;
    color: white;
    padding: 18px 44px;
    border-radius: 0;
    line-height: 24px;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.newsroom_btn_wrap2 .btn:hover {
    background-color: transparent;
    border: 2px solid #0C255C !important;
    color: #0C255C !important;
}

.newsroom_cards {
    margin-top: 60px;
}

.newsroom_card {
    background: rgba(255, 255, 255, 0.98);
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.newsroom_card:hover {
    transform: translateY(-10px);
}

.newsroom_card_image {
    position: relative;
    height: 250px;
    overflow: hidden;
}

.newsroom_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.newsroom_card:hover .newsroom_card_image img {
    transform: scale(1.05);
}

.newsroom_card_tag {
    position: absolute;
    top: 20px;
    left: 20px;
    background: rgba(255, 255, 255, 0.95);
    color: var(--primary-color);
    padding: 8px 15px;
    border-radius: 0;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}


.newsroom_card_date {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: #0C255C !important;
    color: var(--light-color);
    padding: 10px 15px;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
}

.newsroom_card_content {
    padding:12px 25px 20px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.newsroom_card_title {
    font-size: 1.43vw;
    font-weight: 400;
    color: #0C255C !important;
    margin-bottom: 10px;
    line-height: 1.9vw;
}

.newsroom_card_excerpt {
    color: #0C255C;
    font-size: 21.248px;
    line-height: 1.6;
    margin-bottom: 25px;
    flex: 1;
}

.newsroom_card_btn {
    border-color: #0C255C !important;
    color: var(--light-color);
    padding: 10px 25px;
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
    align-self: flex-start;
    transition: all 0.3s ease;
}

.newsroom_card_btn:hover {
    background-color: transparent;
    border-color: #0C255C !important;
 
}

/* Additional Section Styles */
section {
    padding: 0;
}

.about_section {
    background-color: #0C255C;
    padding: 100px 0;
}

.therapeutic_areas {
    padding: 100px 0;
}

.area_card {
    background: white;
    padding: 30px;
    border-radius: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.area_card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.area_card h3 {
    color: var(--primary-color);
    margin-bottom: 15px;
}

.contact_section {
    background-color: #f8f9fa;
    padding: 100px 0;
}

.contact_form {
    background: white;
    padding: 40px;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.contact_info {
    padding: 40px;
}

.reveal,
.stagger {
    opacity: 1;
    transform: translateY(0);
}

/* Footer Styles */
.footer {
    background-color: white;
    color: #0C255C;
    padding-top: 1.9vw;
    padding-bottom: 1.49vw;
}


.footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    margin-inline: -20px;
}
.footer  .company-name {
   margin-bottom: 2.32vw;
    padding-inline: 20px;
}

.company-name h2 {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    color: white !important;
}

.footer-links {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.footer-column ul {
    list-style: none;
    padding: 0;
    margin: 0;

}

.footer-column li {
    margin-bottom: 1.07vw;
    text-align: center;
}
.footer-column {
    flex: 0 0 auto;
    width: 25%;
    padding-inline: 20px;
}

.footer-column a {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
}

.footer-column a:hover {
    color: #55B1C6;
}

.footer-social {
    background-color: #002D72;
    border-radius: 0;
    padding: 0px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    margin-inline: -20px;
}
footer .social-link {
    flex: 0 0 auto;
    width: 83.33333333%;
    padding-inline: 20px;
    padding-top: 0.36vw;
    padding-bottom: 0.3vw;
    height: 3.57vw;
    font-size: 0.95vw;
    line-height: 1.19vw;
    letter-spacing: 0.03vw;
    display: flex;
    align-items: center;
}
footer .follow-btn-wrapper {
    flex: 0 0 auto;
    width: 16.66666667%;
    padding-inline: 20px;
}
footer  .footer_follow_button {
    padding-top: 0.3vw;
    padding-bottom: 0.3vw;
    height: 3.57vw;
    display: flex;
    align-items: center;
    justify-content: end;
}
.linked-in {
    height: 1.25vw;
    margin-right: 0.89vw;
    margin-top: -0.12vw;
    margin-left: 0.18vw;
    width: auto;
}

.footer-links {
    color: #0C255C !important;
}

.social-link i {
    margin-right: 10px;
    color: white;
}
.footer-social .social-link span {
    color:white ;
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.9vw;
    margin-inline: -20px;
}

.footer-bottom .copyright {
    font-size: 14px;
    flex: 0 0 auto;
    width: 50%;
    padding-inline: 20px;
}
.footer-bottom .copyright p {
    margin-bottom: 0.3vw;
    font-size: 0.95vw;
    line-height: 1.43vw;
    letter-spacing: 0.03vw;
}
.bottom-footer-links a {
    color: inherit;
}
.bottom-footer-links a:hover {
    color: #55B1C6;
}
.bottom-footer-links {
    flex: 0 0 auto;
    width: 50%;
    padding-inline: 20px;
    margin-bottom: 0.3vw;
    font-size: 0.95vw;
    line-height: 1.43vw;
    letter-spacing: 0.03vw;
    text-align: right;
}

.footer-links a {
    color: inherit;
    text-decoration: none;
    margin-left: 0px;
    font-size: 0.95vw;
    line-height: 1.07vw;
    letter-spacing: 0.03vw;
    display: block;
    font-weight: 400;
}

.nav-item:hover .dropdown-menu {
    display: block !important;
}

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

.navbar .navbar-toggler:focus {
    box-shadow: none;
}

.navbar-toggler-icon {
    display: none;
}
.mobile-search ,  .mobile-links {
    display: none;
}
.mobile_title {
    display: none;
    text-align: center;
    padding-top: 22px;
}
.mobile_title h2 {
    margin-bottom: 22px;
    color: #fff !important;
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
}

/* Add styles for the therapeutic areas section */

.therapeutic-hero {
    background-color: #FFF;
    min-height: 32.14vw;
    height: 100%;
    position: relative;
    display: flex;
}
.therapeutic-hero .hero-image-section {
    height: auto;
    width: 100%;
}
.therapeutic-hero .image-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    bottom: 0;
    object-fit: cover;
}
.therapeutic-hero.Aqsite .hero-content-cover {
    z-index: 9;
    position: relative;
}
.therapeutic-hero .hero-content-cover {
    padding-top: 130px;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 9;
    position: relative;
}
.therapeutic-hero .hero-conteent {
    text-align: left;
    position: relative;
    max-width: 100%;
    margin-top: .95vw;
    margin-bottom: 3.1vw;
    padding: 1.19vw 1.79vw 0 1.79vw;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
}
.therapeutic-hero  .row-child {
    padding-inline: 20px;
    max-width: 50%;
}
.therapeutic-hero  .breadcrumb {
    font-size: 1.19vw;
    line-height: 1.55vw;
    margin-top: .24vw;
    margin-bottom: .71vw;
}
.therapeutic-hero  .title {
    font-size: 2.98vw;
    line-height: 3.57vw;
    margin-bottom: 1.15vw;
}

.therapeutic-hero  .breadcrumb-item a {
    font-size: inherit;
    line-height: inherit;
}
.therapeutic-hero  .breadcrumb-item {
 font-size: inherit !important;
    line-height: inherit !important;
}
.therapeutic-hero .breadcrumb-item+.breadcrumb-item::before {
 font-size: inherit;
    line-height: inherit;
}
.hero-conteent p {
    font-size: 1.19vw;
    line-height: 1.55vw;
    margin-bottom: 1.37vw;
    margin-top: -0.5vw;
}

/* Our experience */


.our-experience {
    padding-top: 5.24vw;
    padding-bottom: 5.12vw;
    background-color:  #0C255C;
    color: white;
}

.our-experience .experience-content .heading {
    color:white ;
}
.experience-content {
    display: flex;
    gap: 0px;
    align-items: center;
}

.experience-text {
    /* max-width: 50%; */
    padding: 0 7.74vw 0 10.42vw;
}

.experience-text h2 {
    margin-bottom: 1.61vw;
    font-size: 2.66vw;
    line-height: 3.57vw;
    font-weight: 400;
}

.experience-text .description {
    font-size: .95vw;
    line-height: 1.43vw;
    margin-bottom: 1.43vw;
}

.experience-legend {
    display: flex;
    gap: 36px;
}
.experience-chart {
    max-width: 50%;
    min-height: 25vw;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 0;
    padding: 1.67vw 5.95vw 1.67vw 4.17vw;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.legend-color {
    width: 24px;
    height: 24px;
    border-radius: 0;
}
.legend-item span {
    font-size: 1.1vw;
    line-height: 1.2vw;
    display: block;
    font-weight: 400;
}
.legend-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 1.43vw;
}
.chart-container {
    display: flex;
    flex-direction: column;
    gap: 0px;
    width: 100%;
}

.chart-item {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-right: 20px;
    word-break: break-word;
}

.chart-label {
    font-size: 18px;
    color: #333;
    width: 290px;
    text-align: right;
}

.chart-value {
    font-size: 18px;
    color: #333;
    width: 30px;
    text-align: right;
}

.chart-bar {
    flex: 1;
    height: 10px;
    background-color: #f0f0f0;
    border-radius: 0;
    position: relative;
}

.chart-bar-fill {
    height: 100%;
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
}
.total {
    background-color: #3C3C3C;
}

.early-phase {
    background-color: #55B1C6;
}
/* Responsive Styles */

@media  screen and (max-width:1599px) {
    .navbar-nav .nav-link , .nav-item  .dropdown-item {
       font-size: 14px;
    }

    .navbar-comac {
        padding: 18px 40px;
    }
    .stats-section .container {
        padding-left: 9.86vw !important;
        padding-right: 9.86vw !important;
    }
    /* .stats-section .button-wrapper {
       padding-inline: 4.17vw ;
    } */
     .stats-section  .button-wrapper .stats-nav.stats-nav-prev {
        left: 4.17vw ;
        height: 2.78vw;
        width: 2.78vw;
    }
    .stats-section  .button-wrapper .stats-nav.stats-nav-next {
        right: 4.17vw ;
        height: 2.78vw;
        width: 2.78vw;
    }
    .hero-text-box {
        padding: 1.39vw 2.08vw 0 2.08vw;
        margin-top: 1.81vw;
        margin-bottom: 3.61vw;
    }
    .hero-text-box h1 {
        font-size: 3.47vw;
        line-height: 4.17vw;
        margin-bottom: 1.26vw;
    }
    .hero-text-box .hero-subtitle {
        font-size: 1.25vw;
        line-height: 1.81vw;
        margin-bottom: 1.6vw;
        margin-top: -0.5vw;
    }
    .hero-text-box .btn-wrap a {
        margin-bottom: 2.08vw;
    }

    .stats-nav {
        width: 40px;
        height: 40px;
    }
    .stat-box {
        border-radius: 0;
        border-radius: 1.39vw;
        min-height: 9.72vw;
        margin-left: .56vw;
        margin-right: .56vw;
        padding: 1.11vw;
    }
    .stats-swiper  {
        margin-top: -2.01vw;
        margin-inline: -0.56vw !important;
    }
    .services_hero_section .container-fluid  {
        padding-left: 4.72vw !important;
        padding-right: 4.72vw !important;
    }
    .services_hero_section .service_hero_card {
        height: 41.67vw;
        padding: 2.29vw 1.81vw 4.24vw 2.78vw;
    }
    .service_hero_title {
        font-size: 2.08vw;
        line-height: 2.5vw;
    }
    .services_hero_section .images_menu_topleft svg {
        height: 25vw;
        width: 25vw;
    }
    .services_hero_section .images_menu_botright svg {
        height: 34.72vw;
        width: 34.72vw;
    }
    .service_hero_description {
        margin-top: 2.57vw;
        font-size: 1.25vw;
        line-height: 1.81vw;
        padding-right: 1.39vw;
    }
    .service_hero_btn {
        font-size: 12px;
        line-height: 1;
        padding-bottom: 9px;
    }
    .partners_section .partner_category.container {
        padding-left: 8.47vw !important;
        padding-right: 8.47vw !important;
    }
    .testimonials_section .testi_quote {
        color: inherit;
        font-size: 2.08vw;
        line-height : 2.92vw;
        letter-spacing: .06vw;
        margin-bottom: 3.47vw;
    }
    .testimonials_section  .testi_info  {
        padding-top: 1.81vw;
    }
    .testimonials_section  .testi_slider {
       padding-bottom: 30px;
    }
    .footer {
        padding-top: 2.22vw;
        padding-bottom: 1.74vw;
    }
    .footer .company-name {
        margin-bottom: 2.71vw;
    }
    .footer-column li {
        margin-bottom: 1.25vw;
        min-height: 24px;
    }
    
    .footer-links a {
        font-size: 1.11vw;
        line-height: 1.25vw;
        letter-spacing: .03vw;
    }
    footer .social-link {
        height: 4.17vw;
        padding-top: .42vw;
        padding-bottom: .35vw;
        height: 4.17vw;
        font-size: 1.11vw;
        line-height: 1.39vw;
        letter-spacing: .05vw;
    }
    .linked-in {
        height: 1.46vw;
        margin-right: 1.04vw;
        margin-top: -0.14vw;
        margin-left: .21vw;
    }
    footer .footer_follow_button {
        padding-top: .35vw;
        padding-bottom: .35vw;
        height: 4.17vw;
    }
    .footer_follow_button .btn {
        font-size: .83vw;
        line-height: .97vw;
        padding: .45vw 2.08vw .39vw;
        letter-spacing: .05em;
    }
    .footer-bottom {
        margin-top: 2.22vw;
    }
    .footer-bottom .copyright p {
        margin-bottom: .35vw;
        font-size: 1.11vw;
        line-height: 1.67vw;
        letter-spacing: .03vw;
    }
    .bottom-footer-links {
        margin-bottom: .35vw;
        font-size: 1.11vw;
        line-height: 1.67vw;
        letter-spacing: .03vw;
    }
    .therapeutic-hero .hero-conteent {
        margin-top: 16px;
        padding: 1.39vw 2.08vw 0 2.08vw;
        margin-bottom: 3.61vw;
    }
    .therapeutic-hero .breadcrumb {
        font-size: 1.39vw;
        line-height: 1.81vw;
        margin-top: .28vw;
        margin-bottom: .83vw;
    }
    .therapeutic-hero .title {
        font-size: 3.47vw;
        line-height: 4.17vw;
        margin-bottom: 1.26vw;
    }
    .hero-conteent p {
        font-size: 1.39vw;
        line-height: 1.81vw;
        margin-bottom: 1.6vw;
        margin-top: -0.5vw;
    }
    .therapeutic-hero {
        min-height: 37.5vw;
    }
    .our-experience {
        padding-top: 6.11vw;
        padding-bottom: 5.97vw;
    }
    .experience-text {
        padding: 0 65px 0 12.15vw;
    }
    .experience-text h2 {
        margin-bottom: 1.88vw;
        font-size: 32px;
        line-height: 1.3;
    }
    .experience-text .description {
        margin-bottom: 1.67vw;
        font-size: 1.11vw;
        line-height: 1.67vw;
    }
    .legend-item {
        margin-top: 1.67vw;
    }
    .legend-item span {
        font-size: 29px;
        line-height: 30px;
    }
    .chart-value {
        font-size: 10px;
        width: 15px;
    }
    .chart-label {
        font-size: 10px;
        width: 27%;
    }
    .experience-chart {
        padding: 1.94vw 6.94vw 1.94vw 4.86vw;
        min-height: 29.17vw;
    }
}

@media screen and (max-width:1280px) {
    .navbar-nav .nav-item {
        margin: 0 13px;
    }

    .request-proposal-btn {
        padding: 12px 16px;
    }

    .navbar.navbar-expand-lg .navbar-nav .nav-link {
        padding-inline: 0;
        font-size: 12px;
    }
    .nav-item  .dropdown-item {
        font-size: 12px;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 66.66666667%;
    }
    .hero-text-box h1 {
        font-size: 50px;
        line-height: 60px;
    }
    
    .hero-text-box .hero-subtitle {
        font-size: 18px;
        line-height: 26px;
    }
    .content-text p{
        font-size: 18px;
        line-height: 26px;
    }
    .content-text {
        max-width: 66.66666667%;
    }
    .testimonials_section {
        padding: 40px 0;
    }
    .testimonials_section .testi_slider{
        padding-bottom: 21px;
    }
    footer .social-link {
        width: 82.333333%;
    }
    footer .follow-btn-wrapper {
        width: 17.666667%;
    }
}
@media screen and (max-width:1024px) {
    .topbar-aqnix {
        padding: 8px 32px;
    }

    .navbar-aqnix {
        padding: 18px 32px;
    }

    .hero-content {
        padding-top: 0;
    }
    .stats-section .container {
        padding-left: 142px !important;
        padding-right: 142px !important;
    }
    /* .stats-section .button-wrapper {
       padding-inline: 60px ;
    } */
    .stats-section  .button-wrapper .stats-nav.stats-nav-prev {
        left:60px  ;
        width: 40px;
        height: 40px;
    }
    .stats-section  .button-wrapper .stats-nav.stats-nav-next {
        right: 60px  ;
        width: 40px;
        height: 40px;
    }
    .experience-chart {
        max-width: 100%;
    }
    .hero-slide {
       min-height: calc(100vh - 295px);
    }
     
    .navbar.navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .collapse:not(.show) {
        display: none !important;
    }

    .navbar.navbar-expand-lg .navbar-collapse {
        flex-basis: 100%;
        flex-direction: column;
        display: flex;
    }

    .navbar.navbar-expand-lg .navbar-nav {
        flex-direction: column;
    }

    .navbar-aqnix.container-fluid {
        flex-wrap: wrap;
    }

    .navbar-nav.ms-auto {
        margin-left: 0 !important;
    }

    .navbar-nav .dropdown-menu {
        position: relative !important;
    }

    .navbar.navbar-expand-lg .navbar-nav .nav-link {
        text-align: center;
    }
    .stat-box {
        margin-left: 8px;
        margin-right: 8px;
           border-radius: 20px;
        padding: 16px;
        min-height: 140px;
    }
    .stat-number {
        line-height: 60px;
        font-size: 36px;
    }
    .stat-title {
        font-size: 14px;
        line-height: 18px;
        min-height: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .stat-title br {
        display: none;
    }
    .testimonials_section .section-wrap .title {
        font-size: 30px;
        line-height: 36px;
    }
    .testimonials_section .testimonials {
        margin-top: 42px;
    }
    .testimonials_section .testi_slider {
        padding-bottom: 30px;
    }
    .testimonials_section .testimonials {
        max-width: 83.33333333%;
    }
    .testimonials_section .testi_quote {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 50px;
        letter-spacing: .8px;
    }
    .testimonials_section .testi_info {
        padding-top: 26px;
    }
    .testimonials_section .testi_name {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 3px;
    }
    .testimonials_section .testi_position {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .8px;
        text-align: center;
    }
    .testimonials_section .testimonials_wrap::after , 
    .testimonials_section .testimonials_wrap::before {
        font-size: 80px;
        line-height: 70px;
    }
    .testimonials_section .testimonials_wrap::after {
        right: -60px;
    }
    .testimonials_section .testimonials_wrap::before {
        left: -60px;
    }
    .social-wrapper.container {
        padding-inline: 0 !important;
    }
    .footer-social {
        flex-direction: column;
        padding-inline: 20px;
        margin: 0;
        padding-top: 30px;
    }
    footer .social-link {
        padding: 0;
        flex-direction: column;
        height: auto;
        font-size: 16px;
        text-align: center;
        line-height: 24px;
        width: 100%;
    }
    .linked-in {
        margin: 0 0 15px 0;
        height: 21px;
        width: auto;
    }
    footer .follow-btn-wrapper {
        padding: 0;
        width: 100%;
    }
    footer .footer_follow_button {
        padding: 0;
        justify-content: center;
        margin-bottom: 30px;
        height: auto;
        margin-top: 15px;
    }
    .footer_follow_button .btn {
        font-size: 12px;
        line-height: 14px;
        padding: 6px 30px 6px;
        letter-spacing: .5px;
    }
    .footer-links {
        text-align: center;
    }
    .footer .company-name {
        margin-inline: auto;
    }
    .footer .bottom-banner {
        padding-inline: 0 !important;
    }
    .footer-bottom {
        padding-inline: 20px;
        margin-inline: 0;
        margin-top: 34px;
        flex-direction: column-reverse;
    }
    .footer {
        padding-top: 32px;
        padding-bottom: 25px;
    }
    .footer-bottom .copyright  p {
        text-align: center;
        margin: 0 0 12px;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
    } 
    .footer-bottom .copyright {
        padding: 0;
    }

     .bottom-footer-links {
        text-align: center;
        margin: 0 0 12px;
        padding: 0;
        font-size: 16px;
        line-height: 24px;
    }
    .footer-column li {
        margin-bottom: 18px;
    }
    .footer-links a {
        font-size: 16px;
        line-height: 18px;
    } 
    .therapeutic-hero  {
        min-height: 540px;
    }
    .therapeutic-hero .row-child {
       max-width:58.33333333% ; 
    }
    .therapeutic-hero .title br {
       display: none;
    } 
    .therapeutic-hero .hero-conteent {
        margin-top: 16px;
        padding: 20px 30px 0 30px;
        margin-bottom: 52px;
    }
    .therapeutic-hero .title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px;
    }
    .hero-conteent p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0;
        margin-top: 0;
        margin-bottom: 23px;
    }
    .our-experience {
        padding-top: 88px;
        padding-bottom: 86px;
    }
}


@media (max-width: 1024px) {

    .navbar-aqnix {
        top: 0;
        margin: 0;
        width: 100%;
        border-radius: 0;
        position: relative;
    }

    .topbar-aqnix {
        display: none;
    }
/* 
    .main-hero {
        margin-top: 82px;
    } */

    .navbar-aqnix {
        background-color: white !important;
    }
    .navbar-aqnix  .container-fluid .mobile-part-wrap svg path {
        fill: #0C255C;
          color: #0C255C;
    }
    .dropdown-item {
        text-align: center;
    }

    /* .hero-text-box {
        padding: 30px;
        margin: 20px;
    } */

    /* .hero-text-box h1 {
        font-size: 36px;
    } */

    .stats-section .row {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .stat-box {
        min-width: 150px;
    }

    /* .services_hero_section .col-lg-3,
    .services_hero_section .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    } */

    .service_hero_card {
        height: 60vh;
        padding: 40px 30px;
    }
    .service_hero_btn {
        padding-bottom: 6px;
        font-size: 12px;
        line-height: 14px;
    }

    .service_hero_title {
       font-size: 2.08vw;
        line-height: 2.5vw;
    }

    .service_hero_description {
        font-size: 12px;
        line-height: 18px;
        padding-right: 1.39vw;
        margin-top: 2.57vw;
    }

    .request_info_btn {
        bottom: 20px;
        right: 20px;
    }

    .section-title {
        font-size: 36px;
        text-align: center;
    }

    .partner_logos {
        scrollbar-width: none;
        -ms-overflow-style: none;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .partner_logos::-webkit-scrollbar {
        display: none;
    }

    .partner_logo {
        min-width: 100px;
        flex-shrink: 0;
    }
    .partners_section .partner_nav.partner_nav_prev {
        width: 40px;
        height: 40px;
        left: 16px;
    }
    .partners_section .partner_nav.partner_nav_next {
        width: 40px;
        height: 40px;
        right: 16px;
    }


    .partner_category_title {
        font-size: 30px;
        line-height: 36px;
    }
    .partners_section .swiper-cover {
        margin-top: 22px;
    }
    .navbar-aqnix {
        padding: 10px 20px;
    }
    .mobile-search , .mobile-links {
       display: block;
    }
    .mobile-part-wrap {
        display: flex;
        align-items: center;
        gap: 30px;
    }
    .navbar.navbar-expand-lg .navbar-nav .nav-link {
        font-size: 14px;
        text-transform: uppercase;
    }
    .nav-item  .dropdown-item {
        font-size: 14px;
    }
    .navbar.navbar-expand-lg .navbar-nav .nav-item.svg-link a {
        display: flex;
        align-items: center;
        gap: 6px;
    }
    .navbar.navbar-expand-lg .navbar-collapse  {
        padding-bottom: 20px;
    }
    .stats-swiper {
        margin-top: -29px;
    }
    .title-section .title-wrapper h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .col-md-6 {
        max-width: 50%;
        padding-inline: 20px;
    }
    .hero-text-box {
        margin-top: 26px;
        margin-bottom: 52px;
        padding: 20px 30px 0 30px;
    }
    .hero-text-box h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px;
    }
    .hero-text-box .hero-subtitle {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0;
        margin-bottom: 23px;
        margin-top: 0;
    }
    .hero-text-box .btn-wrap a {
        margin-bottom: 30px;
    }
}
@media screen and (max-width:990px) {
    .navbar-aqnix {
        padding: 10px 20px;
    }
    .img-with-text-section .hero-text {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .footer-top {
        flex-direction: column;
    }
    /* .hero-text-box {
        padding: 20px 30px 30px;
    } */
    .hero-text-box h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px;
    }
    .col-md-6 {
        max-width: 50%;
    }
    .hero-text-box .hero-subtitle {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 23px;
        letter-spacing: 0;
    }


    /* .services_hero_section .col-lg-3,
    .services_hero_section .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    } */

    .service_hero_card {
        height: 50vh;
        padding: 30px 20px;
    }

    /* .service_hero_title {
        font-size: 24px;
        margin-bottom: 15px;
    } */

    /* .service_hero_description {
        font-size: 14px;
        margin-bottom: 20px;
    } */

    .section-title {
        font-size: 32px;
    }
    .service_hero_btn {
        padding-bottom: 4px;
    }
    .partner_logos_container {
        max-width: 488px;
    }

    .partner_logos::-webkit-scrollbar {
        display: none;
    }

    .partner_logo {
        min-width: 80px;
        flex-shrink: 0;
        padding-inline: 22px;
    }
    .partner_logo img {
        max-height: none;
    }


    .partner_category_title {
        font-size: 24px;
    }

    .partner_nav {
        width: 40px;
        height: 40px;
    }

    .newsroom_title {

        text-align: center;
        margin-bottom: 20px;
    }

    .newsroom_btn_wrap {
        text-align: center;
        justify-content: center;
        display: none;
    }

    .newsroom_btn_wrap2 {
        text-align: center;
        justify-content: center;
    }

    .newsroom_cards {
        margin-top: 40px;
    }

    .newsroom_card_image {
        height: 200px;
    }
    .content-text {
        max-width: 75%;
        padding-top: 40px;
        padding-bottom: 42px;
    }
    .title-section {
        padding-top: 26px;
        padding-bottom: 26px;
        min-height: 160px;
    }
    .title-section .title-wrapper h2 {
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .partners_section .partner_category.container, .partners_section .swiper-cover {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    
}




@media screen and (max-width:767px) {
    .hero-content {
        position: relative;
        padding: 0;
    }
    .hero-slide .image-wrapper {
        position: relative;
        height: 50vw;
    }
    .hero-content .container {
        height: 100%;
        padding: 0 !important;
    }
    .hero-slide {
        flex-direction: column;
        min-height: auto;
    }
    .hero-content .row  {
       margin: 0;
    }
    .col-md-6 {
        padding: 0;
        max-width: 100%;
    }
    .hero-text-box {
        padding: 20px 20px 0px;
        background: white;
        text-align: center;
        margin: 0;
    }
    .stats-section .container {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .mobile_title {
        display: block;
    } 
    .stats-swiper {
        margin-top: 0;
        margin-inline: -8px !important;
    }
    .section-gradient {
        height: 100%;
        z-index: -1;
    }
    .stat-box {
        min-height: 120px;
        padding: 15px;
            border-radius: 20px;
        margin-left: 8px;
        margin-right: 8px;
    }
    .stat-number {
        font-size: 42px;
        line-height: 50px;
    }
    .stats-nav-container {
      display: block; 
    }
    /* .stats-section .button-wrapper {
        padding: 0;
    } */
      .stats-section  .button-wrapper .stats-nav.stats-nav-prev {
        left: 0 ;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 25px;
            background: transparent;
    border: none;
    box-shadow: none;
    }
    .stats-section  .button-wrapper .stats-nav.stats-nav-next {
        right: 0 ;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 25px;
            background: transparent;
    border: none;
    box-shadow: none;
    }
    .stats-section .button-wrapper .stats-nav.stats-nav-prev svg , .stats-section .button-wrapper .stats-nav.stats-nav-next svg{
        background: white;
        border-radius: 0;
        width: 24px;
        height: 24px;
        max-width: unset;
        max-height: unset;
    }
    .stats-content {
        padding-bottom: 30px;
    }
    .extended-content {
        padding-top: 26px;
        padding-bottom: 26px;
    }
    .content-text{
        padding-top: 18px;
        padding-bottom: 18px;
        max-width: 100%;
    }
    .content-text p {
        margin-bottom: 26px;
    }
    .services_hero_section {
       padding-top: 30px;
    }
    .images_menu_gradient , .images_menu_topleft , .images_menu_botright , .services_hero_section .image-wrap {
       display: none;
    }
    .service_hero_card:before {
        display: none;
    }
    .services_hero_section .container-fluid {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .services_hero_section .col-lg-3, .services_hero_section .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .services_hero_section .service_hero_card {
        margin-inline: 10px;
        padding: 33px 40px 30px;
        margin-bottom: 30px;
        max-height: -webkit-fill-available;
        min-height: calc((100vw - 60px) / 2 * .6875);
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
    }
    .services_hero_section .inner_gradient {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .services_hero_section .inner_gradient svg {
        width: 100%;
        height: auto;
    }
    .services_hero_section .image-bg , .services_hero_section .bg--image {
        display: block;
    }
    .service_hero_card .bg--image {
        width: 100%;
        position: absolute;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .services_hero_section .service_hero_description {
        display: none;
    }
     .services_hero_section  .service_hero_btn {
        opacity: 1;
        visibility: visible;
        min-width: 190px;
        color: #FFFFFF;
    }
    .services_hero_section .service_hero_title {
        font-size: 26px;
        line-height: 32px;
    }
    .partners_section .partner_nav.partner_nav_prev {
        background: transparent;
        width: 24px;
        height: 24px;
        padding: 0;
        left: 40px;
    }
    .partners_section .partner_nav.partner_nav_prev svg , .partners_section .partner_nav.partner_nav_next svg {
          background: #0C255C;
    }
    .partners_section .partner_nav.partner_nav_next {
        background: transparent;
        width: 24px;
        height: 24px;
        padding: 0;
        right: 40px;
    }
    .testimonials_section .title-wrapper {
        width: 100%;
        text-align: center;
    }
    .footer-links {
        flex-wrap: wrap;
    }
    .footer-column {
        flex: 0 0 auto;
        width: 100%;
    }
    .footer .company-name {
        margin-inline: auto;
        margin-bottom: 40px;
    }
    .bottom-footer-links {
        width: 100%;
    }
    .footer-bottom .copyright {
        width: 100%;
    }
    .therapeutic-hero .image-wrapper {
        position: relative;
        height: 42vw;
    }
    .therapeutic-hero {
        min-height: auto;
    }
    .therapeutic-hero .hero-content-cover {
        padding: 0;
        height: auto;
    }
    /* .therapeutic-hero {
        margin-top: 82px;
    } */
    .therapeutic-hero .row-child {
        max-width: 100%;
        padding-top: 20px;
    }
    .therapeutic-hero .hero-conteent {
        margin: 0;
        box-shadow: none;
        background: white;
        padding: 0;
    }
    .our-experience {
        padding-top: 44px;
        padding-bottom: 46px;
    }
    .therapeutic-hero.Aqsite .image-wrapper {
        height: calc(42vw + 64px);
    }
    .service-hero-new.services_hero_section .col-lg-3.col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media screen and (max-width:650px) {
    .partner_logos_container {
        max-width: 244px;
    }
    .partners_section .partner_nav.partner_nav_next {
        right: 60px;
    }
    .partners_section .partner_nav.partner_nav_prev {
        left: 60px;
    }
    .service-hero-new.services_hero_section .col-lg-3.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    } 
}
@media screen and (max-width:578px) {
   .services_hero_section .col-lg-3, .services_hero_section .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
   }
   .services_hero_section .service_hero_card {
        width: calc(100% - 100px);
        min-height: calc((100vw - 120px) * .6875);
        margin-inline: auto;
   }
   .testimonials_section .testimonials {
        margin-top: 30px;
   }
   .testimonials_section .testi_quote {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 32px;
   }
   .testimonials_section .testi_info {
        padding-top: 22px;
   }
   .testimonials_section .testi_name {
        font-size: 18px;
        line-height: 22px;
   }
   .testimonials_section .testi_position {
        font-size: 14px;
        line-height: 22px;
   }
   .testimonials_section .testimonials_wrap::before {
        font-size: 60px;
        line-height: 52px;
        left: -36px;
   }
   .testimonials_section .testimonials_wrap::after {
        font-size: 60px;
        line-height: 52px;
        right: -36px;
   }
   .therapeutic-hero .image-wrapper {
     height: 54.03vw;
   }
   .hero-slide .image-wrapper {
       height: 70.56vw;
   }
   .therapeutic-hero.Aqsite .image-wrapper {
        height: calc(54.03vw + 64px);
    }
    
}
@media screen and (max-width: 480px) {
    .services_hero_section .service_hero_card {
        width: calc(100% - 20px);
        min-height: calc((100vw - 40px) * .6875);
        margin: 0 10px 30px 10px;
   }
   .partners_section .partner_nav.partner_nav_next {
      right: 20px;
   }
   .partners_section .partner_nav.partner_nav_prev {
      left: 20px;
   }
}

.hero-image1,
.post-marketing-hero .hero-imagee {
    min-height: 48.06vw;
    display: flex;
    background-size: 100%;
    background-repeat: no-repeat;
display: flex;
align-items: center;
padding-left: 12.15vw !important;
padding-right: 12.15vw !important;
}

.hero-content1 {
    width: 50%;
    background: rgba(255, 255, 255, .7);
    padding: 1.39vw 2.08vw 0 2.08vw;
}

.lead {
    color: #0C255c;

}

.breadcrumb-item active {
    color: #0C255c;
}

/* Add styles for the tabs section */

.tabs-sectioon,
.services-tabs {
    background-color: #002D72;
    padding: 30px 0;
    text-align: center;
    position: relative;

}

.tabs-sectioon-grident,
.services-tabs-grident {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    padding-block: 1rem;
    background: linear-gradient(0deg, rgba(0, 99, 170, 0) 0%, rgba(0, 99, 170, 0.4) 100%);
}

/* .tabs-sectioon:hover {
    background-color: #0C255c;
} */


.tabs-containerr4 {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tab-button {

    color: #0C255C !important;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
}

.tab-button:hover {
    background-color: #0C255c;
 
}

.tab-button.active {
    background-color: #0C255c;
    color: #002a4e;
}

/* Add styles for the early phase section */
.early-phase-section {
    background-color: white;

    padding: 60px 0;
}

.early-phase-content1 {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.early-phase-text {
    flex: 1;
    padding-right: 0;
    color: #0C255C !important;
}

.early-phase-text h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #0C255C
}

.early-phase-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: #0C255C
}

.early-phase-chart-container {
    flex: 1;
    background-color: white;
    border-radius: 0;
    padding: 1.94vw 6.94vw 1.94vw 4.86vw;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    position: relative;
    min-height: 300px;
    max-width: 500px;
    margin: 0 auto;
}

.chart-title {
    font-size: 1rem;
    color: #005B9E;
    text-align: center;
    margin-bottom: 20px;
    font-weight: normal;
}

.bar-chart {
    width: 100%;
    position: relative;
    overflow: hidden;
    max-width: 400px;
    margin: 0 auto;
}

.bar-item {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    font-size: 0.75rem;
}

.bar-label {
    flex: 1;
    text-align: right;
    padding-right: 10px;
    color: #005B9E;
    font-weight: normal;
    white-space: nowrap;
}

.bar {
    flex: 1;
    height: 10px;
    background-color: #D9D900;
    border-radius: 0;
    transition: width 0.3s ease;
}

.bar-value {
    width: 20px;
    text-align: center;
    padding: 0 2px;
    background-color: #D9D900;
    color: #000;
    font-size: 0.65rem;
    border-radius: 0;
    margin-left: 8px;
}

.request-info-button {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.btn-request-info {
    background-color: #005B9E;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-request-info:hover {
    background-color: #004A7A;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);

}

/* Add styles for the early phase services section */
.early-phase-services-section {
    background-color: #0C255C;
    padding: 60px 0;
}

.early-phase-services-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.early-phase-services-text {
    flex: 1;
    padding-right: 0;
}

.early-phase-services-text h2 {
    font-size: 1.8rem;
    margin-bottom: 20px;
    line-height: 1.2;
    color: white;
}

.early-phase-services-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 20px;
}

.btn-explore-unit {
    display: inline-block;
    background-color: white;
    color: #0C255C;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.btn-explore-unit:hover {
    background-color: #0C255C;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.early-phase-services-container {
    flex: 1;
    background: linear-gradient(135deg, #0C255C 0%, #0a1e4a 100%) !important;
    border-radius: 0;
    position: relative;
    border: 1px solid white;
    padding: 20px;
    min-height: 400px;
}

.services-title {
    margin-bottom: 20px;
}

.services-title h3 {
    font-size: 1.5rem;
    color: white;
    margin: 0;
}

.services-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;

    color: white;
}

.services-list li {
    margin-bottom: 8px;
    font-size: 1rem;
    position: relative;
    padding-left: 20px;
}

.services-list li::before {

    color: white;
    position: absolute;
    left: 0;
}

.request-info-button {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.btn-request-info {
    background-color: #0C255C !important;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-request-info:hover {
    background-color: #004A7A;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Add styles for the case study section */
.case-study-section {
    background-color: white !important;

    padding: 60px 0;
}

.case-study-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;

}

.case-study-header {
    margin-bottom: 20px;
}

.case-study-header h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    color: #0C255C !important;
}

.case-study-header h3 {
    font-size: 1.8rem;
    margin: 0;
    line-height: 1.4;
    color: #0C255C !important;
}

.case-study-description {

    padding: 20px;
    border-radius: 0;
    margin-top: 20px;

    color: #0C255C !important;
}

.case-study-description p {
    font-size: 1rem;
    line-height: 1.6;
    color: #0C255C;
    margin: 0;
}

/* Add styles for the challenges section */
.challenges-section {
    background-color: white;
    padding: 60px 0;
    border-top: 1px solid #E0E0E0;
}

.challenges-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.challenges-text {
    flex: 1;
    padding-right: 0;
    color: #0C255C !important;
}

.challenges-title {
    margin-bottom: 1rem;
}

.challenges-title h3 {
    font-size: 2rem;
    color: #0C255C !important;
    margin: 0;
    padding: 8px 16px;
    background-color: white;
    border-radius: 0;
    display: inline-block;
}

.challenges-list {
    line-height: 1.6;
}

.challenge-item {
    margin-bottom: 1rem;
    color: white;
}

.challenge-item strong {
    font-weight: bold;
}

.challenge-icon {
    color: white;
    margin-right: 10px;
    font-weight: bold;
}

.challenges-image {
    flex: 1;
    text-align: center;
}

.image-responsive {
    max-width: 100%;
    width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Add styles for the solutions section */
.solutions-section {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.solutions-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.solutions-image {
    flex: 1;
    text-align: center;
}

.solutions-text {
    flex: 1;
    padding-left: 0;
}

.solutions-title {
    margin-bottom: 1rem;
}

.solutions-title h3 {
    font-size: 2rem;
    color: #0C255C !important;
    margin: 0;
    padding: 8px 16px;
    background-color: white;
    border-radius: 0;
    display: inline-block;
}

.solutions-list {
    color: #0C255C;
    line-height: 1.6;
}

.solution-item {
    margin-bottom: 15px;
}

.solution-item strong {
    font-weight: bold;
}

.solution-icon {
    color: #ffff !important;
    margin-right: 10px;
    font-weight: bold;
}
.solution-icon.show {
color: #0C255C !important;
}
/* Add styles for the results section */
.results-section {
    background-color: #0C255C !important;
    padding: 60px 0;
    border-top: 1px solid #E0E0E0;
}

.results-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.results-text {
    flex: 1;
}
.late-phase-results .results-content .results-text {
    padding:30px;
}
.results-image {
    flex: 1;
    text-align: center;
}

.results-title {
    margin-bottom: 16px;
}

.results-title h3 {
    font-size: 2rem;
    color: #005B9E;
    margin: 0;
    background-color: #55b1c6;
    border-radius: 0;
    display: inline-block;
}

.results-description {
    color: white !important;
    line-height: 1.6;
}

.image-responsive {
    max-width: 100%;
    width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}



.partner-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.partner-text {
    flex: 1;
    padding-right: 0;
}

.partner-text h2 {
    font-size: 2rem;
    color: #005B9E;
    margin-bottom: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.partner-text h3 {
    font-size: 1.5rem;
    color: #005B9E;
    margin: 0;
    line-height: 1.4;
}

.partner-actions {
    background-color: #55b1c6;
    padding: 20px;
    border-radius: 0;
    margin-top: 30px;
}

.action-item {
    margin-bottom: 10px;
}

.action-icon {
    color: #005B9E;
    margin-right: 10px;
}

.action-link {
    color: #005B9E;
    text-decoration: none;
    font-weight: normal;
}

.action-link:hover {
    text-decoration: underline;
}

.partner-info {
    flex: 1;
    background-color: #0C255C !important;
    color: white;
    padding: 30px;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.partner-info p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 15px;
    color: white;
}

/* Add styles for the late phase hero section */
.late-phase-hero {
    background-color: #F5F7FA;
    padding: 0;
    position: relative;
}

.hero-image2 {
    min-height: 49vw;
    display: flex;
    align-items: center;
    padding-left: 12.15vw !important;
    padding-right: 12.15vw !important;
}


.hero-contentt1 {
    width: 50%;
    background: rgba(255, 255, 255, .7);
    padding: 1.39vw 2.08vw 0 2.08vw;
}

.hero-contentt1 .breadcrumb {
    margin-bottom: 20px;

}

.hero-contentt1 h1 {
    font-size: 2rem;
    color: #0C255C !important;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.hero-contentt1 p {
    font-size: 1rem;
    color: #0C255C !important;
    line-height: 1.6;
}


/* Add styles for the late phase content section */
.late-phase-content {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.late-phase-content-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.late-phase-text {
    flex: 1;
    padding-right: 0;
}

.late-phase-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: #0C255C !important;
    margin-bottom: 1rem;
}

.btn-explore-solutions {
    display: inline-block;
    background-color: #0C255C !important;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.btn-explore-solutions:hover {
    background-color: #004A7A;
    /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); */
}

.late-phase-info {
    flex: 1;
    background-color: #0C255C !important;
    border-radius: 0;
    padding: 30px;
    position: relative;
    min-height: 400px;
}

.info-item {
    margin-bottom: 1rem;
}

.info-item h3 {
    font-size: 1.5rem;
    color: white;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.info-item p {
    font-size: 1rem;
    color: white;
    line-height: 1.6;
    margin-bottom: 0;
}

.request-info-button {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    position: absolute;
    bottom: -30px;
    right: 30px;

}

.request-info-button button {
    background-color: white !important;
    color: #0C255C;
}

.btn-request-info {
    background-color: #005B9E;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-request-info:hover {
    background-color: #004A7A;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Add styles for the late phase challenges section */
.late-phase-challenges {
    background-color: #0C255C !important;
    padding: 60px 0;
    border-top: 1px solid #E0E0E0;
}

.challenges-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.challenges-image {
    flex: 1;
    text-align: center;
}

.challenges-text {
    flex: 1;
    padding-left: 0;
}

.challenges-title {
    margin-bottom: 1rem;
}

.challenges-title h3 {
    font-size: 2rem;
    color: #0C255C !important;
    margin: 0;
    padding: 8px 16px;
    background-color: white;
    border-radius: 0;
    display: inline-block;
}

.challenges-list {
    color: #0C255C !important;
    line-height: 1.6;
}

.challenge-item {
    margin-bottom: 1rem;
}

.challenge-item strong {
    font-weight: bold;
}

.challenge-icon {
    color: white;
    margin-right: 10px;
    font-weight: bold;
}

/* Add styles for the late phase solutions section */
.late-phase-solutions {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.solutions-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.solutions-text {
    flex: 1;
    padding-right: 0;
}

.solutions-image {
    flex: 1;
    text-align: center;
}

.solutions-title {
    margin-bottom: 1rem;
}

.solutions-title h3 {
    font-size: 2rem;
    color: #005B9E;
    margin: 0;
    padding: 8px 16px;
    background-color: white;
    border-radius: 0;
    display: inline-block;
}

.solutions-list {
    color: #005B9E;
    line-height: 1.6;
}

.solution-item {
    margin-bottom: 15px;
}

.solution-item strong {
    font-weight: bold;
}

.solution-icon {
    color: #D9D900;
    margin-right: 10px;
    font-weight: bold;
}

.image-responsive {
    max-width: 100%;
    width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Add styles for the partner section */
.partner-section {


    padding: 60px 0;
}

.partner-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.partner-text {
    flex: 1;
    padding-right: 0;
}

.partner-text h2 {
    font-size: 2rem;
    color: #0C255C !important;
    margin-bottom: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.partner-text h3 {
    font-size: 1.5rem;
    color: #0C255C !important;
    margin: 0;
    line-height: 1.4;
}

.partner-actions {
    background-color: #55b1c6;
    padding: 20px;
    border-radius: 0;
    margin-top: 30px;
}

.action-item {
    margin-bottom: 10px;
}

.action-icon {
    color: #0C255C !important;
    margin-right: 10px;
}

.action-link {
    color: #0C255C !important;
    text-decoration: none;
    font-weight: normal;
}

.action-link:hover {
    text-decoration: underline;
}

.partner-info1 {
    flex: 1;
    background-color: white;
    color: #0C255C !important;
    padding: 30px;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.partner-info p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 15px;
    color: white;
}

/* Add styles for the post marketing hero section */
.post-marketing-hero {
    background-color: #F5F7FA;
    padding: 0;
}

.hero-imagee {
    min-height: 43.06vw;
    display: flex;
    align-items: center;
    padding-left: 12.15vw !important;
    padding-right: 12.15vw !important;

}

.hero-contentt2 {
    width: 50%;
    background: rgba(255, 255, 255, .7);
    padding: 1.39vw 2.08vw 0 2.08vw;
}

.hero-contentt2 .breadcrumb {
    margin-bottom: 1rem;
}

.hero-contentt2 h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 15px;
    line-height: 1.2;
}

.hero-contentt2 p {
    font-size: 1rem;
    color: #0C255C !important;
    line-height: 1.6;
}


/* Add styles for the post marketing content section */
.post-marketing-content {
    background-color: #0C255C !important;
    padding: 60px 0;
}

.post-marketing-content-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.post-marketing-text {
    flex: 1;
    padding-right: 0;
    max-width: 50%;
    width: 100%;
}

.post-marketing-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 20px;
}

.post-marketing-info {
    flex: 1;
    background: linear-gradient(135deg, #0C255C 0%, #0a1e4a 100%) !important;
    border: 1px solid white;
    border-radius: 0;
    padding: 30px;
    position: relative;
    max-width: 50%;
    width: 100%;
    min-height: 400px;
}

.info-title {
    margin-bottom: 20px;
}

.info-title h3 {
    font-size: 1.5rem;
    color: white;
    margin: 0;
    line-height: 1.4;
}

.info-list ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.info-list li {
    margin-bottom: 8px;
    font-size: 1rem;
    color: white;
    line-height: 1.6;
}

/* Add styles for the post marketing partner section */
.post-marketing-partner {

    padding: 60px 0;
}

.partner-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.partner-text {
    flex: 1;
    padding-right: 0;
}

.partner-text h2 {
    font-size: 2rem;
    color: #0C255C !important;
    margin-bottom: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.partner-text h3 {
    font-size: 1.5rem;
    color: #0C255C !important;
    margin: 0;
    line-height: 1.4;
}

.partner-actions {
    background-color: white !important;
    padding: 20px;
    border-radius: 0;
    margin-top: 30px;
}

.action-item {
    margin-bottom: 10px;
}

.action-icon {
    color: #0C255C !important;
    margin-right: 10px;
}

.action-link {
    color: #0C255C !important;
    text-decoration: none;
    font-weight: normal;
}

.action-link:hover {
    text-decoration: underline;
}

.partner-info {
    flex: 1;
    background-color: white;
    color: white;
    padding: 30px;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.partner-info p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 15px;
    color: white;
}



/* Add styles for the medical devices hero section */

.hero-imagee4 {
    min-height: 43.06vw;
    display: flex;
    align-items: center;
    padding-left: 12.15vw !important;
    padding-right: 12.15vw !important;
}

.hero-contentt3 {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 0;
    max-width: 600px;
    text-align: left;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contentt3 .breadcrumb {
    margin-bottom: 20px;
}

.hero-contentt3 h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 15px;
    line-height: 1.2;
}

.hero-contentt3 p {
    font-size: 1rem;
    color: #0C255C !important;
    line-height: 1.6;
}

/* Add styles for the medical devices content section */
.medical-devices-content {
    background-color: #0C255C !important;
    padding: 60px 0;
}

.medical-devices-content-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.medical-devices-text {
    flex: 1;
    padding-right: 0;
}

.medical-devices-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 20px;
}

.medical-devices-info {
    flex: 1;
    background-color: #0C255C !important;
    border-radius: 0;
    padding: 30px;
    position: relative;
    min-height: 400px;
}

.info-title {
    margin-bottom: 20px;
}

.info-title h3 {
    font-size: 1.5rem;
    color: white;
    margin: 0;
    line-height: 1.4;
}

.info-list ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.info-list li {
    margin-bottom: 8px;
    font-size: 1rem;
    color: white;
    line-height: 1.6;
}

/* Add styles for the case study section */
.case-study-section {
    background-color: white !important;
    color: #0C255C !important;
    padding: 60px 0;
}

.case-study-header {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0px;
}

.case-study-header h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    color: #0C255C !important;
}

.case-study-header h3 {
    font-size: 2rem;
    margin: 0;
    line-height: 1.4;
    color: #0C255C !important;
}

.case-study-description {
    color: #0C255C !important;
    ;
    margin-top: 20px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0px;
}

.case-study-description p {
    font-size: 1rem;
    line-height: 1.6;
    color: #0C255C;
    margin: 0;
}

/* Add styles for the challenges section */
.challenges-section {
    background-color: #F5F7FA;
    padding: 60px 0;
    border-top: 1px solid #E0E0E0;
}

.challenges-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.challenges-text {
    flex: 1;
    padding-right: 0;
}

.challenges-title {
    margin-bottom: 1rem;
}

.challenges-title h3 {
    font-size: 2rem;
    color: #005B9E;
    margin: 0;
    padding: 8px 16px;
    background-color: white;
    border-radius: 0;
    display: inline-block;
}

.challenges-list {
    color: #005B9E;
    line-height: 1.6;
}

.challenge-item {
    margin-bottom: 1rem;
}

.challenge-item p {
    margin: 0;
}

.challenge-icon {
    color: white;
    margin-right: 10px;
    font-weight: bold;
}

.challenges-image {
    flex: 1;
    text-align: center;
}

.image-responsive {
    max-width: 100%;
    width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Add styles for the medical devices partner section */
.medical-devices-partner {
    background-image: url('../assets/img/molecular-pattern.jpg');
    background-size: cover;
    background-position: center;
    padding: 60px 0;
}

.partner-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.partner-text {
    flex: 1;
    padding-right: 0;
}

.partner-text h2 {
    font-size: 2rem;
    color: #005B9E;
    margin-bottom: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.partner-text h3 {
    font-size: 1.5rem;
    color: #005B9E;
    margin: 0;
    line-height: 1.4;
}

.partner-actions {
    background-color: #0C255C !important;
    padding: 20px;
    border-radius: 0;
    margin-top: 30px;
}

.action-item {
    margin-bottom: 10px;
}

.action-icon {
    color: white !important;
    margin-right: 10px;
}

.action-link {
    color: white !important;
    text-decoration: none;
    font-weight: normal;
}

.action-link:hover {
    text-decoration: underline;
}

.partner-info {
    flex: 1;
    background-color: #005B9E;
    color: white;
    padding: 30px;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.partner-info p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 15px;
    color: white;
}


/* Add styles for the biosimilar hero section */
.biosimilar-hero {
    background-color: #F5F7FA;


}

.hero-imagge {
    position: relative;
    height: 500px;
    min-height: 43.06vw;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.hero-contentt4 {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 0;
    max-width: 600px;
    text-align: left;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contentt4 .breadcrumb {
    margin-bottom: 20px;
}

.hero-contentt4 h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 15px;
    line-height: 1.2;
}

.hero-contentt4 p {
    font-size: 1rem;
    color: #0C255C !important;
    line-height: 1.6;
}

/* Add styles for the solutions tabs */
/* .solutions-tabs {
background-color: #001D3C;
padding: 30px 0;
}

.tabs-container {
display: flex;
justify-content: center;
gap: 15px;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.tab-button {
background-color: #001D3C;
color: white;
border: none;
padding: 15px 20px;
border-radius: 0;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
text-align: center;
min-width: 200px;
}

.tab-button:hover {
background-color: #002A5A;
transform: translateY(-2px);
}

.tab-button.active {
background-color: white;
color: #005B9E;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
} */

/* Add styles for the biosimilar content section */
.biosimilar-content {
    background-color: #0C255C !important;
    padding: 60px 0;
}

.biosimilar-content-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.biosimilar-text {
    flex: 1;
    padding-right: 0;
}

.biosimilar-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 20px;
}

.btn-explore-unit {
    display: inline-block;
    background-color: white;
    color: #0C255C;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.btn-explore-unit:hover {
    background-color: #004A7A;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.biosimilar-info {
    flex: 1;
    background-color: #0C255C !important;
    border-radius: 0;
    padding: 30px;
    position: relative;
    min-height: 400px;
}

.info-title {
    margin-bottom: 20px;
}

.info-title h3 {
    font-size: 1.5rem;
    color: white;
    margin: 0;
    line-height: 1.4;
}

.info-list ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.info-list li {
    margin-bottom: 8px;
    font-size: 1rem;
    color: white;
    line-height: 1.6;
}


/* Add styles for the biosimilar trials section */
.biosimilar-trials {
    background-color: #F5F7FA;
    padding: 60px 0;
    border-top: 1px solid #E0E0E0;
}

.trials-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}


.trials-image {
    max-width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto;
}

.image-responsive {
    max-width: 100%;
    width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Add styles for the biosimilar case study section */
.biosimilar-case-study {
    background-color: #0C255C !important;
    color: white;
    padding: 60px 0;
}

.case-study-header {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0px;
}

.case-study-header h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    color: #0C255C !important;
}

.case-study-header h3 {
    font-size: 2rem;
    margin: 0;
    line-height: 1.4;
    color: #0C255C !important;
}

.case-study-description {
    max-width: 100%;
    margin: 0 auto;
    margin-block-start: 1rem;
}

.case-study-description p {
    color: #0C255C;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
}

/* Add styles for the challenges section */
.challenges-section {
    background-color: #F5F7FA;
    padding: 60px 0;
    border-top: 1px solid #E0E0E0;
}

.challenges-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.challenges-text {
    flex: 1;
    padding-right: 0;
}

.challenges-title {
    margin-bottom: 1rem;
}

.challenges-title h3 {
    font-size: 2rem;
    color: #005B9E !important;
    margin: 0;
    padding: 8px 16px;
    background-color: white;
    border-radius: 0;
    display: inline-block;
}

.challenges-list {
    color: #005B9E;
    line-height: 1.6;
}

.challenge-item {
    margin-bottom: 1rem;
}

.challenge-item p {
    margin: 0;
}

.challenge-icon {
    color: white;
    margin-right: 10px;
    font-weight: bold;
}

.challenges-image {
    flex: 1;
    text-align: center;
}

/* Add styles for the solutions section */
.solutions-section {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.solutions-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.solutions-image {
    flex: 1;
    text-align: center;
}

.solutions-text {
    flex: 1;
    padding-left: 0;
}

.solutions-title {
    margin-bottom: 1rem;
}

.solutions-title h3 {
    font-size: 2rem;
    color: #005B9E;
    margin: 0;
    padding: 8px 16px;
    background-color: white;
    border-radius: 0;
    display: inline-block;
}

.solutions-list {
    color: white;
    line-height: 1.6;
}

.solution-item {
    margin-bottom: 15px;
}

.solution-item p {
    margin: 0;
}

.solution-icon {
    color: #D9D900;
    margin-right: 10px;
    font-weight: bold;
}

.image-responsive {
    max-width: 100%;
    width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Add styles for the biosimilar results section */
.biosimilar-results {
    background-color: #0C255C !important;
    padding: 60px 0;
    border-top: 1px solid #E0E0E0;
}

.results-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;

}

.results-text {
    flex: 1;
    background-color: #0C255C !important;
    border-radius: 0;
}


.results-title h3 {
    font-size: 2rem;
    color: white;
    margin: 0;
    background-color: #0C255C !important;
    border-radius: 0;
    display: inline-block;
}

.results-description {
    color: #0C255C !important;
    line-height: 1.6;
}

.results-description p {
    margin: 0;
    color: white;
}

.results-image {
    flex: 1;
    text-align: center;
}

.image-responsive {
    max-width: 100%;
    width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Add styles for the biosimilar partner section */
.biosimilar-partner {

    background-position: center;
    padding: 60px 0;
}

.partner-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.partner-text {
    flex: 1;
    padding-right: 0;
}

.partner-text h2 {
    font-size: 2rem;
    color: #0C255C !important;
    margin-bottom: 1rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.partner-text h3 {
    font-size: 1.5rem;
    color: #0C255C !important;
    margin: 0;
    line-height: 1.4;
}

.partner-actions {

    padding: 20px;
    border-radius: 0;
    margin-top: 30px;
}

.action-item {
    margin-bottom: 10px;
}

.action-icon {
    color: white;
    margin-right: 10px;
}

.action-link {
    color: white;
    text-decoration: none;
    font-weight: normal;
}

.action-link:hover {
    text-decoration: underline;
}

.partner-info {
    flex: 1;
    background-color: white !important;
    color: #0C255C !important;
    padding: 30px;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.partner-info p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 15px;
    color: #0C255C !important;
}

/* Add styles for the cro hero section */
.cro-hero {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.hero-imaage {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-contentt6 {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 0;
    max-width: 600px;
    text-align: left;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contentt6 .breadcrumb {
    margin-bottom: 20px;
}

.hero-contentt6 h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 15px;
    line-height: 1.2;
}

.hero-contentt6 p {
    font-size: 1rem;
    color: #005B9E;
    line-height: 1.6;
}

/* Add styles for the services tabs */
.services-tabs {
    background-color: #002D72 !important;
    padding: 30px 0;
    z-index: 9;
}

.tabs-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.tab-button {
    background-color: #0C255C !important;
    color: white !important;
    border: none;
    padding: 15px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    min-width: 200px;
}

.tab-button:hover {

 
}

.tab-button.active {
    background-color: #0C255C !important;
    color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.services-tabs { 
    background-color: #002D72;
}

/* Add styles for the cro content section */
.cro-content {
    background-color: #0C255C !important;
    ;
    padding: 60px 0;
}

.cro-content-container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.cro-image {
    flex: 1;
    text-align: center;
}

.cro-text {
    flex: 1;
    padding-left: 0;
}

.cro-text h2 {
    font-size: 2rem;
    color: white;
    margin-bottom: 20px;
    line-height: 1.2;
}

.cro-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 0;
}

.image-responsive {
    max-width: 100%;
    width:100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Add styles for the cro services section */
.cro-services {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.services-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.service-item {
    margin-bottom: 15px;
}

.service-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: white;
    border-radius: 0;
    border: 1px solid #E0E0E0;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1.1rem;
    color: #0C255C !important;
    ;
    font-weight: bold;
}

.service-header:hover {
    background-color: #F5F7FA;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.toggle-icon {
    color: #0C255C !important;
    font-size: 1rem;
    transition: transform 0.3s ease;
}

.service-header.active .toggle-icon {
    transform: rotate(180deg);
}

.service-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 20px;
    margin-top: 10px;
}

.service-content.show {
    max-height: 1000px;
    padding: 15px 20px;
    background-color: #FFFFFF;
    border-radius: 0;
    border: 1px solid #E0E0E0;
    border-top: none;
}

.service-content p {
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    margin-bottom: 15px;
}

.service-content ul {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 15px;
}

.service-content li {
    margin-bottom: 10px;
}

.service-content strong {
    font-weight: bold;
    color: #005B9E;
}

/* Add styles for the active service header */
.service-header.active {
    background-color: #E0F2FF;
    border-color: #005B9E;
    color: #0C255C !important;
    ;
}

.service-header.active .toggle-icon {
    transform: rotate(180deg);
}

/* Add styles for the cro why choose section */
.cro-why-choose {
    background-color: #0C255C !important;
    ;
    padding: 60px 0;
}

.why-choose-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.why-choose-text {
    flex: 1;
    padding-right: 0;
}

.why-choose-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 20px;
}

.btn-download-brochure {
    display: inline-block;
    background-color: #005B9E;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.btn-download-brochure:hover {
    background-color: #004A7A;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.why-choose-info {
    flex: 1;
    background-color: white !important;
    border-radius: 0;
    padding: 30px;
    position: relative;
    min-height: 400px;
}

.why-choose-info h3 {
    font-size: 1.5rem;
    color: #0C255C !important;
    margin-bottom: 20px;
    line-height: 1.4;
}

.why-choose-info ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 0;
}

.why-choose-info li {
    margin-bottom: 8px;
    font-size: 0.9rem;
    color: #0C255C !important;
    line-height: 1.6;
}

/* Add styles for the cro testimonials section */
.cro-testimonials {
    background-color: white;
    color: #0C255C !important;
    padding: 60px 0;
}

.testimonials-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.testimonials-header {
    text-align: center;
    margin-bottom: 40px;
}

.testimonials-header h2 {
    font-size: 1.5rem;
    margin: 0;
    line-height: 1.4;
}

.testimonial-item {
    text-align: center;
    margin-bottom: 40px;
}

.testimonial-quote {
    position: relative;
    padding: 0 20px;
    max-width: 800px;
    margin: 0 auto;
}

.testimonial-quote::before,
.testimonial-quote::after {
    content: "";
    position: absolute;
    top: -10px;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.017 21v-7.314c0-2.662-3.89-2.662-3.89-2.662H8.983v7.314c0 2.662 3.89 2.662 3.89 2.662h1.134zm-1.134-13.714V13.714c0 2.662 3.89 2.662 3.89 2.662h1.134V7.314c0-2.662-3.89-2.662-3.89-2.662h-1.134zM12.75 21v-7.314c0-2.662-3.89-2.662-3.89-2.662H7.617v7.314c0 2.662 3.89 2.662 3.89 2.662h1.134z" fill="%23FFFFFF"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.testimonial-quote::before {
    left: -20px;
    transform: rotate(180deg);
}

.testimonial-quote::after {
    right: -20px;
}

.testimonial-quote blockquote {
    font-size: 1.1rem;
    line-height: 1.6;
    color: #0C255C !important;
    font-style: italic;
    margin: 0;
}

.testimonial-controls {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.dot.active {
    background-color: white;
}

.testimonials-actions {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
}

.btn-download-brochure,
.btn-check-solutions,
.btn-therapeutic-areas {
    display: inline-block;
    background-color: #0C255C !important;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    text-align: center;
}

.btn-download-brochure:hover,
.btn-check-solutions:hover,
.btn-therapeutic-areas:hover {
    background-color: #0C255C !important;
 
}

.btn-download-brochure i {
    margin-right: 5px;
    font-size: 0.9rem;
}

/* Add styles for the smo hero section */
.smo-hero {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.hero-iimage {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-contentt7 {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 0;
    max-width: 600px;
    text-align: left;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contentt7 .breadcrumb {
    margin-bottom: 20px;
}

.hero-contentt7 h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 15px;
    line-height: 1.2;
}

.hero-contentt7 p {
    font-size: 1rem;
    color: #0C255C !important;
    line-height: 1.6;
}

/* Add styles for the services tabs */
.elevated_menu {
    height: 5.56vw;
    background-color: #0C255C;
}

.services-tabs {
    background-color: #002D72;
    padding: 30px 0;
}

.tabs-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.tab-button {
    background-color: #0C255C !important;
    ;
    color: white;
    border: none;
    padding: 15px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    min-width: 200px;
}

.tab-button:hover {
    background-color: #0C255C !important;
    ;
 
}

.tab-button.active {
    background-color: white;
    color: #005B9E;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Add styles for the smo introduction section */

.smo-introduction {
    background-color: #0C255C !important;
    padding: 60px 0;
}

.introduction-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}

.introduction-text {
    flex: 1;
    padding-right: 0;
}

.introduction-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 20px;
}

.btn-download-brochure {
    display: inline-block;
    background-color: #005B9E !important;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.btn-download-brochure:hover {
    background-color: #004A7A;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.introduction-info {
    flex: 1;
    background-color: #0C255C !important;
    ;
    border-radius: 0;
    padding: 30px;
    position: relative;
    min-height: 400px;
}

.introduction-info h3 {
    font-size: 1.5rem;
    color: white;
    margin-bottom: 20px;
    line-height: 1.4;
}

.introduction-info ul {
    list-style-type: disc;
    padding-left: 20px;
    color: white;
    margin-bottom: 20px;
}

.introduction-info li {
    margin-bottom: 15px;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Add styles for the three action buttons */

.action-buttons {
    display: flex;
    justify-content: center;
    gap: 90px;
    padding: 40px 0;
    background-color: white !important;
}

.action-button {
    display: inline-block;
    background-color: #0C255C !important;
    ;
    color: white !important;
    border: none;
    padding: 16px 32px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.action-button:hover {
    background-color: #C7C71A;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.action-button i {
    margin-right: 8px;
    vertical-align: middle;
}

/* Specific button styles */
.download-brochure {
    padding-left: 40px;
    position: relative;
}

.download-brochure::before {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
}

.check-solutions {
    padding-left: 40px;
}

.check-solutions::before {
    content: "•";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
}

.therapeutic-areas {
    padding-left: 40px;
}

.therapeutic-areas::before {
    content: "•";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8rem;
}

.smo-services {
    padding-top: 20px;
}

/* Add styles for the early phase clinical research unit */

.early-phase-hero {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.heroo-image {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-contentt8 {
    text-align: left;
    max-width: 600px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contentt8 h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 20px;
    line-height: 1.2;
}

.breadcrumb {
    margin-bottom: 1rem;
}

.breadcrumb-item a {
    color: #0C255C !important;
    text-decoration: none;
    font-size: 20px;
}

.breadcrumb-item.active {
    color: #0C255C;
    font-size: 20px;
}

.services-tabs {
    background-color: #002D72;
    padding: 30px 0;
    text-align: center;
}

.tabs-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tab-button {
    background-color: transparent;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
}

.tab-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
 
}

.tab-button.active {
    background-color: white;
    color: #005B9E;
}

.early-phase-content {
    padding: 80px 0;
    background-color: #F5F7FA;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.content-wrapper {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.content-text {
    flex: 1;
}

.content-text h2 {
    font-size: 1.8rem;
    color: #005B9E;
    margin-bottom: 20px;
    line-height: 1.3;
}


.btn-download-brochure {
    display: inline-block;
    background-color: #005B9E;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.btn-download-brochure:hover {
    background-color: #004A7A;
 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.content-image {
    flex: 1;
    position: relative;
}

.content-image img {
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.image-controls {
    position: absolute;
    top: 50%;
    right: 70px;
    transform: translateY(-50%);
    display: flex;
    gap: 10px;
}
@media screen and (max-width:1599px) {
  .image-controls {
        right: 55px;
    }  
}
@media screen and (max-width:1268px) {
  .image-controls {
        right: 42px;
    }  
}
@media screen and (max-width:1268px) {
  .image-controls {
        right: 9px;
    }  
}




.industry-challenges-solutions {
    padding: 80px 0;
    background-color: #0C255C !important;
}

.industry-challenges-solutions .section-title {
    text-align: center;
    margin-bottom: 50px;
    font-size: 2.2rem;

}

.challenges-solutions-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.challenges-section,
.solutions-section {
    flex: 1;
    min-width: 300px;
    background: #0C255C !important;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.challenges-section h3,
.solutions-section h3 {
    font-size: 2rem;
    color: #0C255C !important;
    margin-bottom: 25px;
    margin-bottom: 0;
    text-align: center;
    border-bottom: 2px solid #005B9E;
}

.challenge-item,
.solution-item {
    margin-bottom: 1rem;
}

.challenge-item:last-child,
.solution-item:last-child {
    margin-bottom: 0;
}

.challenge-item h4,
.solution-item h4 {
    font-size: 1.2rem;
    color: white;
    margin-bottom: 10px;
}

.challenge-item p,
.solution-item p {
    font-size: 1rem;
    color: white;
    line-height: 1.6;
    margin-bottom: 0;
}

.section-title {
    color: white;

}

@media (max-width: 768px) {
    .challenges-solutions-grid {
        flex-direction: column;
    }

    .challenges-section,
    .solutions-section {
        min-width: 100%;
    }
}


/* Add styles for the strategic advantages section */

.strategic-advantages {
    padding: 80px 0;
    background-color: #0C255C !important;
    ;
}

.advantages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.advantage-item {
    padding: 30px;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    background-color: #0C255C !important;
    ;
}

.advantage-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.advantage-item h3 {
    font-size: 1.3rem;
    color: white;
    margin-bottom: 15px;
    line-height: 1.3;
}

.advantage-item p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 0;
}

/* Add styles for the facility features section */

.facility-features {
    padding: 80px 0;
    background-color: white;
    color: #0C255C !important;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: all 0.3s ease;
}

.feature-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 0;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    overflow: hidden;
}

.feature-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    color: #0C255C !important;
}

.feature-text h4 {
    font-size: 0.9rem;
    margin-bottom: 5px;
    line-height: 1.3;
    color: #0C255C !important;
    ;
}

.feature-text p {
    font-size: 0.8rem;
    margin-bottom: 0;
    line-height: 1.4;
    color: #0C255C !important;
}


/* Add styles for the unit overview section */

.unit-overview {
    padding: 80px 0;
    background-color: white;
}

.section-title {
    font-size: 1.8rem;

    text-align: center;
    margin-bottom: 60px;
}

.overview-grid {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 40px;
}

.overview-item {
    position: relative;
    width: 300px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.overview-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.overview-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.overview-label {
    position: absolute;
    top: 50%;
    right: -100px;
    transform: translateY(-50%);
    background-color: white;
    padding: 5px 10px;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 0.9rem;
    color: #005B9E;
    font-weight: 600;
    min-width: 120px;
    text-align: center;
}



/* Add styles for the FSP section */

.fsp-hero {
    background-color: #F5F7FA;
}

.heeero-image {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.hero-contentt9 {
    text-align: left;
    max-width: 600px;
    padding: 20px;

    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}

.hero-contentt9 h1 {
    font-size: 2.5rem;
    color: #005B9E;
    margin-bottom: 20px;
    line-height: 1.2;
}

.breadcrumb {
    margin-bottom: 1rem;
}

.breadcrumb-item a {
    color: #005B9E;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #0C255C;
}

.service-tabs {
    margin-top: 30px;
    background-color: #005B9E;
    padding: 20px 0;
    text-align: center;
}

.tabs-container1 {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tab-button1 {
    background-color: transparent;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
}

.tab-button1:hover {
    background-color: rgba(255, 255, 255, 0.1);
 
}

.tab-button1.active {
    background-color: white;
    color: #005B9E;
}


/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

/* .content-text {
    padding: 30px;
    background-color: white;
    border-radius: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} */


/* Add styles for the FSP services section */

.fsp-services {
    padding: 80px 0;
    background-color: #0C255C !important;

}

.services-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    gap: 40px;
}

.services-text {
    flex: 1;
    padding-right: 0;
    color: white;
}

.services-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: white;
    margin-bottom: 20px;
}

.services-list {
    flex: 1;
    background: linear-gradient(135deg, #0C255C 0%, #0a1e4a 100%) !important;
    position: relative;
    min-height: 400px;
}

.services-list h3 {
    font-size: 1.5rem;
    color: white;
    margin-bottom: 20px;
    line-height: 1.4;
}

.services-list ul {
    list-style-type: disc;
    padding-left: 20px;
    color: white;
    margin-bottom: 20px;
}

.services-list li {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.5;
}

/* Add styles for the FSP features section */

.fsp-features {
    padding: 80px 0;
    background-color: white;
    color: #0C255C !important;
    ;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    transition: all 0.3s ease;
}

.feature-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 0;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    overflow: hidden;
}

.feature-icon img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    color: #005B9E;
}

.feature-text h4 {
    font-size: 0.9rem;
    margin-bottom: 0;
    line-height: 1.3;
}



/* Add styles for the our team section */

.our-team-hero {
    background: linear-gradient(to top, #0C255C 0%, #0066b3 100%);
    padding: 38.39px 0 60px 0;
    position: relative;
}

.our-team-hero .container{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    justify-content: left;
    align-items: center;
    pointer-events: none;
}

.hero-contentt11 {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 30px;
    border-radius: 0;
    max-width: 600px;
    text-align: left;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}

.hero-contentt11 h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 20px;
    line-height: 1.2;
}

.breadcrumbb2 {
    margin-bottom: 20px;
}

.breadcrumb-item a {
    color: #0C255C !important;
    text-decoration: none;

}

.breadcrumbbb-item1.active {
    color: #0C255C !important;
}

/* Add styles for the team members section */

.team-members {
    padding: 80px 0;
    background-color: #0C255C !important;
}
 

.members-grid {
    display: grid;
    grid-template-columns:repeat(3,1fr);
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.member-card {
    background-color: #001F3F;
    border-radius: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    position: relative;
}

.member-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.member-image {
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.member-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.member-card:hover .member-image img {
    transform: scale(1.05);
}

.member-info {
    padding: 20px;
    background-color: #0C255C;
    color: white;
    text-align: center;
}

.member-info h3 {
    font-size: 1.39vw;
    line-height: 1.81vw;
        color: white;
    margin-bottom: .9vw;
}

.member-info p {
    font-size: 1.11vw;
    line-height: 1.67vw;
        color: white;
    margin-bottom: 1.32vw;
}
@media screen and (max-width:767px) {
    .member-info h3 {
        font-size: 20px;
        line-height: 26px;margin-bottom: 13px;
    }
    .member-info p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 19px;
    }
    .action-buttons {
        gap: 20px;
    }

}

.read-more {
    display: inline-block;
    background-color: white;
    color: #0C255C !important;
    border: none;
    padding: 5px 15px;
    border-radius: 0;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

.read-more:hover {
    background-color: #004A7A;
 
}

/* LinkedIn icon */
.member-card .linkedin-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-color: #0077B5;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: bold;
}


/* Add styles for the careers section */

.careers-section {
    padding: 80px 0;
    background-color: white
}

.tabs-container {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    background-color: white;
    border-radius: 0;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.tab-button {

    color: #0C255C !important;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.tab-button:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.tab-button.active {
    background-color: white;
    color: #005B9E;
}

.tab-icon {
    width: 12px;
    height: 12px;
    border-radius: 0;
    display: inline-block;
}

.content-grid {
    display: flex;
    gap: 30px;
}

.content-item {
    flex: 1;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.content-image {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    position: relative;
}

.content-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    padding: 20px;
}

.content-overlay h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    line-height: 1.2;
    color: white;
}

.view-more {
    display: inline-block;
    background-color: white;
    color: #005B9E;
    border: none;
    padding: 18px 44px;
    border-radius: 0;
    font-size: 22px;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;

}

.view-more:hover {
    background-color: #f0f0f0;
 
}


.coverage-section {
    padding: 80px 0;
    background-color: white;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.coverage-banner {
    width: 100%;
    height: 400px;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.coverage-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.coverage-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white;
    padding: 20px;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.3);
}

.coverage-content h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    line-height: 1.2;
    color: white !important;
}

.view-more {
    display: inline-block;
    background-color: #0C255C ;
    color: white !important;
    border: none;
    padding: 18px 44px;
    border-radius: 0;
    font-size: 22px;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
}


.view-more:hover {
    background-color: transparent;
    border: 2px solid #ffffff;
 
}

/* Add styles for the careers section */

.careers-hero {
    background: linear-gradient(to top, #0C255C 0%, #0066b3 100%);
    padding: 38.39px 0 60px 0;
    position: relative;
}



.hhero-image picture img{
    position: relative;
    height: 36.9vw;
    width: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.careers-hero .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 100%;
    /* display: flex; */
    justify-content:left;
    align-items: center;
    pointer-events: none; 
}   

.careers-hero .hero-contentt13 {
    text-align: left;
    max-width: 51%;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    pointer-events: auto;
}

.hero-contentt13 h1 {
    font-size: 2.98vw;
    color: #0C255C !important;
    margin-bottom: 1.15vw;
    line-height: 3.57vw;
}

.breadcrumb {
    margin-bottom: 1rem;
}

.breadcrumb-item a {
    color: #0C255C !important;

    text-decoration: none;
}

.breadcrumb-item.active {
    color: #0C255C;
}

.service-tabss4 {
    margin-top: 30px;
    background-color: #005B9E;
    padding: 20px 0;
    text-align: center;
}

.tabs-containerr7 {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tab-button {
    background-color: transparent;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
}

.tab-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
 
}

.tab-button.active {
    background-color: white;
    color: #005B9E;
}

/* Add styles for the build your future section */

.build-your-future {
    padding: 40px 0 80px 0;
    background-color: white !important;

}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.future-content {
    display: flex;
    gap: 40px;
    align-items: stretch;
    justify-content: center;
}

.future-text {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 7.74vw 0 10.42vw;
}

.future-text h2 {
    font-size: 2rem;
    color: #0C255C;
    margin-bottom: 20px;
    line-height: 1.3;
}

.future-text p {
    font-size: 1rem;
    line-height: 1.6;
    color: #0C255C;
    margin-bottom: 20px;
}

.see-positions {
    display: inline-block;
    background-color: #0C255C ;
    color: white;
    border: none;
    padding: 14px;
    border-radius: 0;
    font-size: 1.07vw;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
    position: relative;
    padding-left: 35px;
    border: 1px solid;
}

/* .see-positions::before {
    content: "→";
    position: absolute;
    left: 10px;
    top: 47%;
    transform: translateY(-50%);
    font-size: 1.2rem;
} */

.see-positions:hover {
    background: transparent;
    border: 1px solid #0C255C;
    color: #0C255C;
 
}

.future-image {
    flex: 1 1 0;
    max-height: 744px;
    min-height: 180px;
    position: relative;
    background-color: #002D72;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5.24vw;
    margin: 0 auto;
}


.future-image img {
    width: 120%;
    max-height: 744px;
    object-fit: cover;
    display: block;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.image-controls {
    position: absolute;
    top: 50%;
    left: 70px;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
@media screen and (max-width:1599px) {
  .image-controls {
        left: 55px;
    }  
}
@media screen and (max-width:1268px) {
  .image-controls {
        left: 42px;
    }  
}
@media screen and (max-width:1268px) {
  .image-controls {
        left: 9px;
    }  
}

.prev-btn,
.next-btn {
    width: 40px;
    height: 40px;
    background-color: #0C255C !important;
    color: white;
    border: none;
    border-radius: 0;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prev-btn:hover,
.next-btn:hover {
    background-color: #0C255C !important;
}

/* Add styles for the submit CV section */

.submit-cv {
    background-color: #EAF2F8;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.cv-form {
    background-color: #0C255C;
    border-radius: 0;
    padding: 4.17vw 0 3.19vw 0;
}

.cv-form h2 {
    font-size:30px;
    color: white !important;
    ;
    margin-bottom: 30px;
    line-height: 36px;
    letter-spacing: normal;
    text-align: left;
}

.form-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}


.form-group {
    flex: 1;
    min-width: 200px;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea {
    width: 100%;
    font-size: .97vw;
    color: #0C255C;
    line-height: 1.11vw;
    padding: .9vw 1.04vw .76vw 1.04vw;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    transition: all 0.3s ease;
}

.form-group input[type="text"]:focus,
.form-group input[type="email"]:focus,
.form-group input[type="tel"]:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #005B9E;
    box-shadow: 0 0 0 2px rgba(0, 91, 158, 0.1);
}

.upload-label {
    display: inline-block;
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    background-color: white;
    color: #333;
}

.upload-label:hover {
    background-color: #f5f5f5;
    border-color: #005B9E;
}

.upload-label svg {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
}

/* .checkbox-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
} */

.form-row {
    color: #0C255C !important;
}

.checkbox-container input[type="checkbox"] {
    width: 16px;
    height: 16px;
    border: 1px solid #D9D9D9;
    border-radius: 0;
    cursor: pointer;
}

.checkbox-container label {
    font-size: 0.9rem;
    color: white !important;
    margin: 0;
}

.privacy-link {
    color: white !important;
    text-decoration: none;
}

.privacy-link:hover {
    text-decoration: underline;
}

.submit-btn {
    display: inline-block;
    background-color: #0C255C;
    color: white ;
    border: none;
    padding: .35vw 1.39vw;
    border-radius: 0;
    font-size: .97vw;
    line-height: 1.11vw;
    border:1px solid;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
    min-height: 3.06vw;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.submit-btn:hover {
    background-color: transparent;
    color: #0C255C !important;
    border: 1px solid #0C255C;
 
}

/* Add styles for the coverage section */

.coverage-hero {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.heerro-iimage {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-contentt16 {
    text-align: left;
    max-width: 600px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contentt16 h1 {
    font-size: 2.5rem;
    color: #005B9E;
    margin-bottom: 20px;
    line-height: 1.2;
}

.breadcrumbb {
    margin-bottom: 20px;
}

.breadcrumbb-item a {
    color: #005B9E;
    text-decoration: none;
}

.breadcrumbb-item.active {
    color: #333;
}

.service-tabbs {
    margin-top: 30px;
    background-color: #005B9E;
    padding: 20px 0;
    text-align: center;
}

.tabs-containeer {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tab-button {
    background-color: transparent;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
}

.tab-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
 
}

.tab-button.active {
    background-color: white;
    color: #005B9E;
}

/* Add styles for the company description section */

.company-description {
    padding: 80px 0;
    background-color: white;
    color: #0C255C !important;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.description-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
}

.description-content p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}



/* Add styles for the coverage maps section */

.coverage-maps {
    padding: 80px 0;
    background-color: #0C255C !important;
    color: white;
}

.section-title {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 40px;
}

.maps-grid {
    display: flex;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.map-item {
    flex: 1;
    text-align: center;
}

.map-item h3 {
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.map-item img {
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.coverage-footer {
    padding: 40px 0;
    background-color: #0C255C !important;
    color: white;
    text-align: center;
}

.coverage-indicator {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #0C255C !important;
    color: white;
    padding: 10px 20px;
    border-radius: 0;
    font-weight: 600;
}

.indicator-dot {
    width: 12px;
    height: 12px;
    background-color: #0C255C !important;
    border-radius: 0;
}


/* Add styles for the headquarter section */

.headquarter {
    padding: 80px 0;
    background-color: white;
    color: #0C255C !important;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.headquarter-content {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

.headquarter-text {
    flex: 1;
}

.headquarter-text p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.headquarter-info {
    flex: 1;
}

.headquarter-info h2 {
    font-size: 2rem;
    margin-bottom: 20px;
    line-height: 1.3;
    color: #0C255C !important;
    ;
}

.headquarter-info p {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 10px;
}

.headquarter-info strong {
    font-weight: 600;
}


/* Add styles for the newsroom section */

.newsroom-hero {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.hero-imagee3 {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-contenta {
    text-align: left;
    max-width: 600px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contenta h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 20px;
    line-height: 1.2;
}

.breadcrumnb {
    margin-bottom: 20px;
}

.breadcrumb-item a {
    color: #0C255C !important;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #0C255C;
}

.service-tabs {
    margin-top: 30px;
    background-color: #005B9E;
    padding: 20px 0;
    text-align: center;
}

.tabs-containerr4 {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tab-buttonn {
    background-color: transparent;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
}

.tab-buttonn:hover {
    background-color: white !important;
    color: #0C255C;
}

.tab-buttonn.active {
    background-color: white !important;
    color: #0C255C;
}

/* Add styles for the news articles section */
.main-content .section-title {
    color: white !important;
    opacity: 1;


}



.news-articles {
    padding: 80px 0;
    background-color: #0C255C !important;
    color: white;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.section-title {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 40px;
}

.category-filter {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

#category-select {
    padding: 10px 15px;
    border: none;
    border-radius: 0;
    background-color: white;
    color: #0C255C !important;
    font-size: 1rem;
    cursor: pointer;
    width: 200px;
    border: 2px solid #0C255C;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.articles-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.article-card {
    background-color: white;
    border-radius: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.article-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.article-image {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.article-card:hover .article-image img {
    transform: scale(1.05);
}

.article-content {
    padding: 20px;
}

.article-content h3 {
    font-size: 1.2rem;
    color: #005B9E;
    margin-bottom: 15px;
    line-height: 1.3;
}

.article-content p {
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #333;
}

.read-more {
    display: inline-block;
    background-color: #0C255C !important;
    color: white !important;
    border: none;
    padding: 8px 15px;
    border-radius: 0;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

.read-more:hover {
    background-color: #004A7A;
 
}

.show-more-btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.btn-show-more {
    display: inline-block;
    background-color: white;
    color: #0C255C !important;
    border: none;
    padding: 10px 30px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

/* .btn-show-more:hover {
    background-color: #f0f0f0;
 
} */


/* Add styles for the events section */

.events-hero {
    background-color: #F5F7FA;
    padding: 60px 0;
}

.hero-imagee5 {
    position: relative;
    height: 500px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-contentt88 {
    text-align: left;
    max-width: 600px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contentt88 h1 {
    font-size: 2.5rem;
    color: #0C255C !important;
    margin-bottom: 20px;
    line-height: 1.2;
}

.breadcrumbbn {
    margin-bottom: 20px;
}

.breadcrumbbn-item a {
    color: #0C255C !important;
    text-decoration: none;
}

.breadcrumbbn-item.active {
    color: #0C255C !important;
}

.service-tabs {
    margin-top: 30px;
    background-color: #005B9E;
    padding: 20px 0;
    text-align: center;
}

.tabs-containerr4 {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.tab-button {
    background-color: transparent;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
}

.tab-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
 
}

.tab-button.active {
    background-color: white;
    color: #005B9E;
}


/* Add styles for the events list section */

.events-list {
    padding: 80px 0;
    background-color: #0C255C !important;
    color: white;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.section-title {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 40px;
}

.events-filter {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

#events-type-select {
    padding: 10px 15px;
    border: none;
    border-radius: 0;
    background-color: white;
    color: #0C255C !important;
    font-size: 1rem;
    cursor: pointer;

    width: 200px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.events-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-bottom: 40px;
}

.event-card {
    background-color: white;
    border-radius: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.event-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.event-image {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.event-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.event-card:hover .event-image img {
    transform: scale(1.05);
}

.event-date {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: rgba(0, 91, 158, 0.9);
    color: white;
    padding: 5px 10px;
    border-radius: 0;
    font-size: 12px;
    line-height: 19px;
    z-index: 1;
}

.event-content {
    padding: 20px;
}

.event-content h3 {
    font-size: 1.2rem;
    color: #005B9E;
    margin-bottom: 15px;
    line-height: 1.3;
}

.event-content p {
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #333;
}

.read-more {
    display: inline-block;
    background-color: #005B9E;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius: 0;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

.read-more:hover {
    background-color: #004A7A;
 
}

.show-more-btn {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.btn-show-more {
    display: inline-block;
    background-color: white;
    color: #005B9E;
    border: none;
    padding: 10px 30px;
    border-radius: 0;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 600;
}

/* .btn-show-more:hover {
    background-color: #f0f0f0;
 
} */



.hero-image {
position: relative;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}

.hero-contentt88 {
text-align: left;
max-width: 600px;
padding: 20px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 0;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.hero-contentt88 h1 {
font-size: 2.5rem;
color:#0C255C !important;
margin-bottom: 20px;
line-height: 1.2;
}

.breadcrumbbn {
margin-bottom: 20px;
}

.breadcrumbbn-item a {
color: #0C255C !important;
text-decoration: none;
}

.breadcrumbbn-item.active {
color: #0C255C !important;
}

.service-tabs {
margin-top: 30px;
background-color: #005B9E;
padding: 20px 0;
text-align: center;
}

.tabs-containerr4 {
    position: relative;
    display: flex
;
    align-items: stretch;
    justify-content: space-between;
    z-index: 1;
}

.tab-button {
background-color: transparent;
color: white;
border: none;
padding: 10px 20px;
border-radius: 0;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
font-weight: 400;
}

.tab-button:hover {
background-color: rgba(255, 255, 255, 0.1);
transform: translateY(-2px);
}

.tab-button.active {
background-color: white;
color: #005B9E;
}


/* Add styles for the events list section */

.events-list {
padding: 80px 0;
background-color: #0C255C !important;
color: white;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

.section-title {
font-size: 2.5rem;
text-align: center;
margin-bottom: 40px;
}

.events-filter {
display: flex;
justify-content: center;
margin-bottom: 40px;
}

#events-type-select {
padding: 10px 15px;
border: none;
border-radius: 0;
background-color: white;
color:#0C255C !important;
font-size: 1rem;
cursor: pointer;
border: 2px solid #0C255C;
width: 200px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.events-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-bottom: 40px;
}

.event-card {
background-color: white;
border-radius: 0;
overflow: hidden;
transition: all 0.3s ease;
}

.event-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
}

.event-image {
height: 200px;
overflow: hidden;
position: relative;
}

.event-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.3s ease;
}

.event-card:hover .event-image img {
transform: scale(1.05);
}

.event-date {
position: absolute;
top: 15px;
left: 15px;
background-color: rgba(0, 91, 158, 0.9);
color: white;
padding: 5px 10px;
border-radius: 0;
font-size: 12px;
line-height: 19px;
z-index: 1;
}

.event-content {
padding: 20px;
}

.event-content h3 {
font-size: 1.2rem;
color: #005B9E;
margin-bottom: 15px;
line-height: 1.3;
}

.event-content p {
font-size: 0.9rem;
line-height: 1.6;
margin-bottom: 20px;
color: #333;
}

.read-more {
display: inline-block;
background-color: #005B9E;
color: white;
border: none;
padding: 8px 15px;
border-radius: 0;
font-size: 0.8rem;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
font-weight: 600;
}

.read-more:hover {
background-color: #004A7A;
transform: translateY(-2px);
}

.show-more-btn {
display: flex;
justify-content: center;
margin-top: 40px;
}

.btn-show-more {
display: inline-block;
background-color: white;
color: #005B9E;
border: none;
padding: 10px 30px;
border-radius: 0;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
font-weight: 600;
}

/* .btn-show-more:hover {
background-color: #f0f0f0;
transform: translateY(-2px);
} */


/* Add styles for the therapeutic areas section */

/* .therapeutic-hero {
background-color: #F5F7FA;
padding: 60px 0;
} */

.hero-image {
position: relative;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}


.hero-conteent h1 {
    font-size: 2.5rem;
    color: inherit;
    margin-bottom: 16px;
    line-height: 1.2;
}



.breadcrumb {
    margin-bottom: 1rem;
}

.breadcrumb-item a {
    color: #005B9E;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #0C255C;
}












/* Add styles for the therapeutic areas grid section */

.therapeutic-areas-grid {
    padding: 80px 0;
    background-color: #F5F7FA;
}

/* .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} */

/* .areas-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    text-align: center;
}

.area-item {
    font-size: 1rem;
    color: #005B9E;
    font-weight: 600;
    padding: 15px;
    border-radius: 0;
    transition: all 0.3s ease;
    cursor: pointer;
}

.area-item:hover {
    background-color: rgba(0, 91, 158, 0.1);
 
} */

.heading {
    color: white;
    margin-bottom: 1.61vw;

}



.about-hero {
position: relative;
width: 100%;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.about-hero .hero-image .image-section picture img{
position: relative;
width: 3060px;
max-width: 100%;
object-fit: cover;
background-position: center;
display: block;
align-items: start;

}



.about-hero .hero-image .container{
    position: absolute;
}

.about-hero .hero-connntent {
    z-index: 2;
    text-align: left;
    
    width: 55%;
    padding: 20px 30px 20px 30px ;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.about-hero .hero-connntent h1 {
    font-size: 3.47vw;
    color: #0C255C !important;
    margin-bottom: 10px;
    line-height: 1.2;
}

.about-hero .hero-connntent p {
    font-size: 24px;
    color: #0C255C;
    line-height: 1.4;
    margin-bottom: 0;
}


.vision-mission-values {
    padding: 80px 0 0 0;
    background-color: #ffffff;
}

.vision-mission-values .container{
    background-color: white;
    padding-block: 60px;
}
.vision-mission-values .container .about1,
.vision-mission-values .container .values-grid .value-item h3,
.vision-mission-values .container .values-grid .value-item p {
    color: #0C255C !important;
}
.vision-mission-values .container .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.vision-mission-values .container .row .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
}

.content-image-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 40px 0;
}

.content-left {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.image-right {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}


.content-right {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.image-left {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
}

.vision-mission-values .text-container h2 {
    /* font-size: 3.47vw; */
    color: #0C255C !important;
    margin-bottom: 20px;
    margin-top: 40px;
    /* line-height: 1.3; */
    font-size: 2.66vw;
    line-height: 3.57vw;
}

.vision-mission-values .text-container p{
    font-size: .95vw;
    line-height: 1.43vw;
}

.vision-mission-values .container h2 {
    font-size: 3.47vw;
    color: white !important;
    margin-bottom: 20px;
    margin-top: 40px;
    line-height: 2.3;
    margin-inline-start: -70px;
}


.vision-mission-values h2:first-child {
    margin-top: 0;
}

.vision-mission-values p {
    font-size: 24px;
    color: #0C255C;
    margin-bottom: 30px;
    line-height: 1.6;
}

.vision-mission-values .values-grid p {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 1.6;
}

.vision-mission-values ul {
    font-size: 24px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 30px;
    padding-left: 20px;
}

.vision-mission-values ul li {
    margin-bottom: 15px;
}

.values-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    margin-top: 30px;
    margin-inline: -12px;
}

.value-item {
    padding: 0 57.856px;
    border-radius: 0;
    transition: all 0.3s ease;
    margin-bottom: 2.57vw;
}
/* .value-item1{
    padding : 0 38px 0 0 ;
    border-radius: 0;
    transition: all 0.3s ease;
    margin-bottom: 60px;
} */



.value-item h3 {
    font-size: 1.79vw;
    color: #ffffff !important;
    margin-bottom: 15px;
    font-weight: 400;
    
}

/* .value-item p {
    font-size: 1rem;
    color: #0C255C;
    margin-bottom: 0;
    line-height: 1.6;
} */

.image-container {
    text-align: center;
    margin: 30px 0;
}

.about-image,
.vision-image,
.mission-image,
.values-image {
    max-width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width:1599px) {
    .vision-mission-values .text-container h2 {
        font-size: 40px !important;
        line-height: 1.3;
    }
}

@media screen and (max-width: 1024px) {
    .vision-mission-values .text-container h2  {
        font-size: 30px;
        line-height: 36px;
    }
}
@media screen and (max-width: 768px) {
    .vision-mission-values .text-container h2 {
        font-size: 30px;
        line-height: 30px;
    }
}

@media screen and (max-width:1599px) {
    .vision-mission-values .text-container p {
        font-size: 1.11vw;
        line-height: 1.67vw;
}
}

@media screen and (max-width: 768px) {
    .vision-mission-values .text-container p {
        font-size: 16px;
        line-height: 24px;
    }
}

@media screen and (max-width:1599px) {
    .vision-mission-values .container h2 {
        font-size: 40px !important; 
        line-height: 1.3 !important;
        padding:0 50px ;
    }
}

@media screen and (max-width: 1024px) {
    .vision-mission-values .container h2  {
        font-size: 30px;
        line-height: 36px;
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    .vision-mission-values .container h2 {
        font-size: 30px;
        line-height: 30px;
    }
}

@media (max-width: 768px) {

    .content-left,
    .image-right,
    .content-right,
    .image-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1599px) {
    .value-item h3  {
        font-size: 2.08vw;
        line-height: 2.5vw;
        margin-bottom: 1.25vw;
    }
}
@media screen and (max-width: 1024px) {
    .value-item h3  {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 18px;
    }
}
@media screen and (max-width: 768px) {
    .value-item h3  {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 10px;
    }
}

@media (max-width: 1599px) {
    .services-tabs .tabs-containerr4 {
        padding: 0 9.03vw 0 12.15vw;
    }
}

.blur-version .solutions-list {
    color: #0C255C;
}

.white-version .solution-item p {
    color: white;
}

.blur-version .solutions-list {
    color: #0C255C;
}

.white-version .solution-item p {
    color: white;
}

.tabs-sectioon .tabs-containerr4,
.services-tabs .tabs-containerr4 {
    gap: 14px;
    flex-wrap: wrap;
    position: absolute;
    display: flex;
    width: 100%;
    align-items: start;
    z-index: 11;
    /* padding-inline: 12.15vw; */
    bottom: 0%;
}

.content-section .container,
.early-phase-content1,
.early-phase-services-content,
.custom-page-width {
    padding-left: 12.15vw !important;
    padding-right: 12.15vw !important;
    max-width: 100%;
}

.early-phase-chart-container {
    width: 100%;
    max-width: 600px;
}

.early-phase-text {
    max-width: 50%;
    width: 100%;
}

.tabs-sectioon .tabs-containerr4 .tab-buttonn,
.services-tabs .tabs-containerr4 .tab-buttonn {
    border: none;
    padding: 1.19vw;
    border-radius: 0px;
    background:#002D72;
    font-size: 1rem;
    cursor: pointer;    
    transition: all 0.3s ease;
    min-height: 7.74vw;
    font-size: 1.39vw;
    height: 100%;
    text-decoration: none;
    margin-bottom: 1rem;
    font-weight: 400;
    width: 100%;
}

.tabs-section-mobile {
    display: none;
}

.section {
    position: relative;
}

.content-section .container .row .col-md-6 img {
    border-radius: 0 !important;
    width: 100%;
}

.content-section .container .row .col-md-6 {
    padding: 0 20px;
}

.content-section .container .row {
    margin: 0 -20px;
}

.content-section {
    padding: 60px 0;
}

.section {
    position: relative;
}

.early-phase-services-text h2,
.case-study-header h2 {
    font-size: 2rem;
}

.request-info-btn,
.btn-request-info {
    display: none;
}

.case-study-header h3 {
    font-size: 24px;
}

.partner-info {
    max-width: 50%;
}
.late-phase-results {
    padding-block: 60px;
}
.services-tabs.hide-padding {
    padding-inline:0 !important;
}
.post-marketing-hero .hero-contentt2 h1 {
    font-size: 2rem;
    margin-bottom:1rem;
}
.hero-content1 .lead {
    font-size: 16px;
}
.hero-content1 h1 {
    font-size: 2rem;
}

@media screen and (max-width:1268px) {
    .hero-content1 {
        width: 65%;
    }

    .hero-image1,
    .post-marketing-hero .hero-imagee 
    .hero-image2 {
        min-height: 34rem;
    }

    .tabs-sectioon .tabs-containerr4 .tab-buttonn {
        margin-bottom: .5rem;
    }
}

@media screen and (max-width:1024px) {
    .content-section .container .row .col-md-6 {
        max-width: 100%;
        width: 100%;
    }
    .content-section .container,
.early-phase-content1,
.early-phase-services-content,
.custom-page-width,
.hero-image2, .post-marketing-hero .hero-imagee, .hero-section .hero-image1  {
    padding-inline:20px !important;
}
    .content-section .container .row .col-md-6 img {
        width: 100%;
        margin-bottom: 1rem;
    }

    /* .tabs-sectioon .tabs-containerr4,
    .services-tabs .tabs-containerr4 {
        padding-inline: 5vw !important;
        justify-content: space-between;
        margin-top: -12vw;
    } */

    .tabs-sectioon .tabs-containerr4 .tab-buttonn {
        padding: 16px;
    }
    .services-tabs .tabs-containerr4 .tab-buttonn {
        font-size: 16px;
    }
    /* late-phase.page */

    .hero-contentt1,
    .post-marketing-hero  .hero-contentt2,
    .hero-section .hero-image1 .hero-content1 {
        width:75%;
    }
    .hero-image2,
    .post-marketing-hero .hero-imagee,
    .hero-section .hero-image1 {
        min-height: 70vw;
    }
}

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

    .content-section .container,
    .early-phase-content1,
    .early-phase-services-content,
    .custom-page-width {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .content-section .container .row {
        flex-direction: column;
    }

    .request-info-button button {
        margin-bottom: 1rem;
    }

    .case-study-header h3 {
        font-size: 20px;
    }

    .early-phase-services-container,
    .partner-text,
    .partner-info,
    .post-marketing-content-container .post-marketing-text,
    .post-marketing-content-container .post-marketing-info {
        max-width: 100%;
        width: 100%;
    }

    .partner-actions {
        margin-top: 1rem;
    }

    .early-phase-content1,
    .partner-content,
    .challenges-content,
    .results-content,
    .late-phase-content-container,
    .solutions-content,
    .post-marketing-content-container {
        flex-direction: column;
        gap: 1rem;
    }

    .solutions-content {
        flex-direction: column-reverse;
    }

    .early-phase-text h2,
    .early-phase-services-text h2,
    .case-study-header h2,
    .partner-text h2,
    .challenges-section h3,
    .solutions-section h3,
    .results-title h3,
    .post-marketing-hero .hero-contentt2 h1,
    .hero-content1 h1  {
        font-size: 24px;
        margin-bottom:1rem;
        text-align: left;
    }

    .early-phase-text,
    .early-phase-chart-container {
        max-width: 100%;
    }

    .hero-image1,
    .post-marketing-hero .hero-imagee,
    .hero-image2 {
        padding-inline: 30px !important;
    }

    .content-section,
    .early-phase-section,
    .early-phase-services-section,
    .case-study-section,
    .partner-section,
    .challenges-section,
    .solutions-section,
    .results-section,
    .late-phase-content,
    .late-phase-challenges,
    .late-phase-solutions,
    .post-marketing-partner,
    .post-marketing-content {
        padding: 50px 0;
    }
    .late-phase-results {
        padding:0;
    }

    .hero-content1 ,
    .post-marketing-hero  .hero-contentt2 {
        width: 100%;
        margin-top: 7rem;
    }

    .hero-image2,
    .post-marketing-hero .hero-imagee,
    .hero-section .hero-image1  {
        min-height: 32rem;
        padding-inline: 20px !important;
    }

    .hero-content1-heading,
    .partner-text h3 {
        font-size: 20px;
    }

    .hero-content1 .lead {
        font-size: 16px;
    }

    .content-section .container .row .col-md-6 h2,
    .hero-contentt1 h1,
    .solutions-title h3,
    .challenges-title h3 {
        font-size: 30px;
        text-align: left;
    }

    .content-section .container .row .col-md-6 p {
        font-size: 16px;
        line-height: 1.4;
        letter-spacing: normal;
    }

    .tabs-section-mobile {
        display: block;
        position: absolute;
        top: 11%;
        left: 0;
        right: 0;
        z-index: 10;
        background: #fff;
    }

    .tabs-dropdown,
    .hero-section .hero-image1 .hero-content1,
    .late-phase-hero .hero-image2  .hero-contentt1{
        width: 100%;
    }
    .late-phase-hero .hero-image2  .hero-contentt1 {
        margin-top:7rem;
    }
    .tabs-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 16px;
        font-weight: bold;
        font-size: 16px;
        color: #0056b3;
        cursor: pointer;
        list-style: none;
    }

    .tabs-summary::marker {
        display: none;
    }

    .summary-icon {
        transition: transform 0.3s ease;
    }

.tabs-dropdown[open] .summary-icon {
transform: rotate(180deg);
}
.tabs-list {
display: flex;
flex-direction: column;
background: #fff;
}

    .tab-item {
        text-align: left;
        padding: 14px 16px;
        font-size: 15px;
        border-top: 1px solid #007bff;
        background: #fff;
        color: #0056b3;
        font-weight: 600;
        cursor: pointer;
    }

    .tab-item.active {
        background: #f0f8ff;
    }

    .tab-item:hover {
        background: #eaf3ff;
    }

    

    .tabs-sectioon,
    .services-tabs {
        display: none;
    }

.early-phase-services-content {
flex-direction: column;
gap: 1rem;
}
.services-title {
margin-bottom:1rem;
}
.early-phase-chart-container {
min-height: 100%;
}
}

@media (min-width: 1599px) {
  .image-section picture img {
    width: 100%;                   
   height: 32.14vw;   
    display: block;          
    object-fit: cover; 
  }
}

@media (max-width: 1599px) {
  .image-section picture img {
    width: 100%;                   
    height: 48.14vw;    
    display: block;          
    object-fit: cover; 
  }
}

@media (max-width: 991px) {
  .image-section picture img {     
    height: 44.5vw;      
  }
}






@media (max-width: 991px){
     nav .breadcrumb {    
    display: none;
  }
}



/* @media (max-width: 991px) {
  
  .vision-mission-values {
    padding: 40px 20px;
  }
} */

@media (max-width: 1024px) {
  
  .vision-mission-values .container h2 {
    margin-inline-start: 0 ;
  }
    .vision-mission-values-grid {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  .vision-mission-values-grid .vision-image-container{
    margin-left: 20px;
  }

}

@media (max-width: 768px) {
  
  .vision-mission-values .container h2 {
    margin-inline-start: 0 ;
  }
}

@media (max-width: 767px) {
  

  .vision-mission-values-grid .vision-image-container,
  .vision-mission-values-grid .text-container {
    width: auto;
    height: 100%;
    text-align: center;
  }

  .vision-mission-values-grid .vision-image-container img {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
  }
}

/* @media (max-width: 2064px) {
  .values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-top: 30px;
    margin-inline: -120px;
  }
}

@media (max-width: 1440px) {
  .values-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 40px;
    margin-top: 30px;
    margin-inline: -120px;
  }
} */

@media (max-width: 1599px) {

  .values-grid .value-item {
    width: 100%;
    margin-inline-start: 0;
    padding: 0;
  }
}

@media (max-width: 1024px) {
  .values-grid {
    display: flex;
    flex-direction: column;
    margin-inline: 0;
  }

  .values-grid .value-item {
    width: 100%;
    margin-inline-start: 0;
    padding: 0;
  }
}

@media (max-width: 768px) {
  
  .values-grid .value-item {
    margin-inline-start: 0 ;
  }

  .values-grid {
    gap: unset !important;
  }
}


@media (max-width: 767px) {
  .coverage-section .content-grid {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .coverage-section .content-item {
    width: 100%;
  }

  .coverage-section .content-image {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
  }

  .coverage-section .coverage-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .coverage-section .coverage-image {
    width: 100%;
    
  }
}

/* @media (max-width: 1599px) {

    .newsroom_section .col-lg-4{
        min-width: unset !important;
    }   
 
   .newsroom_section .row.newsroom_cards {  
    display: flex;
    flex-direction: row;
   
}
} */

@media (max-width: 1599px) {
  .newsroom_section .row.newsroom_cards {
    flex-wrap: wrap;
  }
  .newsroom_section .col-lg-4 {
    min-width: unset !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 33.3% !important;
    margin-bottom: 32px;
  }
}

/* 2. For tablet: 2 cards per row */
@media (max-width: 1024px) {
    .newsroom_section .row.newsroom_cards {
    flex-wrap: wrap;
  }

  .newsroom_section .col-lg-4 {
    min-width: unset !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    margin-bottom: 32px;
  }
}


@media (max-width: 990px) {
    .newsroom_section .row.newsroom_cards {
    flex-wrap: wrap;
  }

  .newsroom_section .col-lg-4 {
    min-width: unset !important;
    width: 45% !important;
    flex: 0 0 47.6% !important;
    max-width: 48% !important;
    margin-bottom: 32px;
  }
}

/* 3. For mobile: 1 card per row */
@media (max-width: 768px) {
  .newsroom_section .col-lg-4 {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

 


@media (max-width: 991px) {
  /* .newsroom_section .row.newsroom_cards {
    display: flex;
    flex-direction: row;    
    gap: 30px;
  } */

  .newsroom_section .col-lg-4 {
    width: 100% !important;
    max-width: 100%;
    flex: 0 0 auto;
  }

  .newsroom_section .col-md-6{
    width: 100% !important;
    flex: 0 0 auto;
  }

  /* .newsroom_card {
    
    width: 33.33333333%;
  } */

  /* .newsroom_card_image img {
    width: 100%;
    height: auto;
  } */
}


@media (max-width: 1599px) {
  .about-hero .hero-connntent h1  {
    font-size: 3.47vw;
  }

  .about-hero .hero-connntent p {
    font-size: 1.11vw;
  }

  /* .vision-mission-values {
    padding: 30px 15px;
  } */

  .values-grid {
    gap: 25px;
  }
}

@media (min-width: 1599px) {
  .values-grid {
    margin-inline: 0;
  }

  .vision-mission-values .container h2{
    margin-inline: 0;
    padding-inline: 57.856px 0;
  }
}


@media (max-width: 1280px) {
  .about-hero .hero-connntent p  {
    font-size: 16px;
  }

  .about-hero .hero-connntent h1  {
    font-size: 50px;
  }

}


@media (max-width: 992px) {
  .about-hero .hero-connntent h1  {
    font-size: 30px;
  }
}






@media (max-width: 768px) {
  .about-hero .hero-image .container  {
    position: relative;
    padding: 20px 20px 0 20px;    

  }
}  

@media (max-width: 768px) {

  .about-hero  .hero-image picture img {
    width: 100%;
    height: 550px;
    padding-top: 70px;
  }
}

@media (max-width: 1599px) {

  .vision-mission-values-grid  {
    height: 100%;
  }
}

/* @media (max-width: 1599px) {

  .vision-mission-values-grid .text-container {
    height: 100%;
  }
} */



/* === REQUEST FORM CUSTOM STYLING === */

.Logo{
    display: flex;
    justify-content: space-between;
    margin-bottom: .89vw;
}


.request-info-row {
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.request-form-container {
  flex: 0 0 100%;
  min-width: 0;
  background: #002D72 ;
  border-radius: 0;
  padding: 40px 35px;
  box-shadow: 0 2px 8px rgba(0, 91, 158, 0.08);
  border: 1px solid #d6e8fa;
}

/* Form Header */
.request-form-container h2 {
  font-size: 1.19vw;
  line-height: 1.43vw;
  letter-spacing: .05vw;
  font-weight: 400;
  color: white;
  margin-bottom: 0;
}

.request-form-container .btn-close {
  color: white;
  border: none;
  filter: invert(28%) sepia(96%) saturate(703%) hue-rotate(182deg)
    brightness(90%) contrast(95%);
}
.btn-close {
    background: transparent;
    opacity: 1;
    display: flex;
    margin-top: 25px;
    background-color: white;
    border-radius: 0;
}
.btn-close svg {
    fill: #0C255C;
}

/* === FORM INPUTS === */
.request-form-container .form-section {
  display: flex;
  gap: 40px;
  margin-bottom: 25px;
}

.request-form-container .form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}

.request-form-container .form-label {
 font-size: 1.01vw;
  line-height: 1.43vw;
  letter-spacing: .04vw;
  color: white;
  margin-bottom: 15px;
}

.request-form-container .form-control,
.request-form-container select,
.request-form-container textarea {
  background-color: #fff;
  font-size: .97vw;
  color: #0C255C;
  line-height: 1.11vw;
  padding: .9vw 1.04vw .76vw 1.04vw;
  box-shadow: none !important;
  transition: all 0.2s ease-in-out;
}

.request-form-container .form-control:focus,
.request-form-container select:focus,
.request-form-container textarea:focus {
  border-color: #0076d6;
  box-shadow: 0 0 0 2px rgba(0, 118, 214, 0.1);
}

/* === TEXTAREA === */
.request-form-container .form-textarea {
  resize: none;
}

/* === CHECKBOXES === */
.request-form-container .form-checkbox {
    width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  margin-top: 15px;
}

.request-form-container .form-check {
  width: 100%;
}

.request-form-container .form-check-label {
   display: flex;
  align-items: center;
  min-height: 56px;
  min-width: 56px;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.01vw;
  line-height: 1.43vw;
  letter-spacing: .04vw;
  transition: border 0.2s;
  color: white;
  padding-left: 1.5vw;
  margin-top: -2px;
}

.request-form-container .form-check-input {
  width: 1.67vw;
  height: 1.67vw;
  top: -0.07vw;
  border-radius: 0;
  accent-color: #0076d6;
}

.request-form-container .form-check-label a {
  color: #005b9e;
  text-decoration: none;
  font-weight: 400;
}

.request-form-container .form-check-label a:hover {
  text-decoration: underline;
}

/* === SUBMIT BUTTON === */
.request-form-container .btn-primary {
  min-width: 20.53vw;
  background-color: #fff;
  color: #0C255C;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 0;
  transition: background-color 0.2s ease;
  padding: 12px 25px;
  border-radius: 0;
  border: 2px solid #ffffff;
  font-size: 14px;
  line-height: 16px;
}
.contact-info-section a.btn-primary {
  font-family: "neue-haas-grotesk-display", sans-serif;
}

.request-form-container .btn-primary:hover {
  background-color: transparent;
  color: white;
  border: 2px solid white;
}

/* === CONTACT INFO SECTION === */
.contact-info-section {
    height: 100%;
  max-width: 100%;
  min-width: 0;
  /* margin-left: 8.33333333%; */
  background-color: #ffffff;
  border: 1px solid #e6eff7;
  border-radius: 0;
  padding: 40px 35px;
  box-shadow: 0 2px 8px rgba(0, 91, 158, 0.05);
}

.contact-info-section h2 {
  font-size: 1.19vw;
  line-height: 1.43vw;
  letter-spacing: .05vw;
  font-weight: 400;
  color: #0C255C !important;
  margin-bottom: 20px;
}

.contact-info-section p {
  font-size: 1.01vw;
  line-height: 1.43vw;
  letter-spacing: .04vw;
  color: #0C255C;
  margin-bottom: 15px;
}

.contact-info-section a.btn-primary {
  background-color: #0C255C;
  border: none;
  display: flex ;
  justify-content: center;
  align-items: center;
  width: 11.53vw;
  font-size: .97vw;
  line-height: 1.11vw;
  padding: .35vw 1.39vw;
  min-height: 3.06vw;
  font-weight: 600;
}

.contact-info-section a.btn-primary:hover {
  background-color: transparent;
  border: 2px solid #0C255C;
}

#therapeuticAreas {
  width: 100%;            
  background-color: #fff;
  font-size: .97vw;
  color: #0C255C;
  line-height: 1.11vw;
  padding: .9vw 1.04vw .76vw 1.04vw;
  box-sizing: border-box;
  cursor: default;
  border-radius: unset;
  border: none;
  appearance: listbox;            /* proper dropdown behavior */
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
  overflow-y: auto;               /* scroll when more options */
}

/* Optional hover & selected style */
#therapeuticAreas option {
  padding: 6px 10px;
}

#therapeuticAreas option:hover {
  background-color: #0C255C ;

}

#therapeuticAreas option:checked {
  background-color: #0C255C ;
  color: #fff;
}

.form-success-overlay {
     position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0c255cba; /* changed from rgba(255,255,255,0.6) */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition: opacity 0.3s;
}

.form-success-message {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18); /* stronger shadow */
    border: 2px solid #e6eff7; /* optional: subtle border */
    padding: 48px 32px 40px 32px;
    min-width: 340px;
    max-width: 90vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: fadeInScale 0.7s cubic-bezier(.4,2,.6,1) both;
}

.success-icon {
    margin-bottom: 24px;
    animation: popIn 0.6s cubic-bezier(.4,2,.6,1);
}

.form-success-message h2 {
    color: #34C759;
    margin-bottom: 16px;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
}

.form-success-message p {
    color: #6c757d;
    font-size: 1.15rem;
    margin-bottom: 24px;
    text-align: center;
}

.go-back-link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #0C255C;
    color: #fff !important;
    border: 2px solid transparent;
    border-radius: 0;
    padding: 12px 32px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    margin-top: 12px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    cursor: pointer;
}
.go-back-link:hover {
    background-color: transparent;
    color: #0C255C !important;
    border: 2px solid #0C255C;
    text-decoration: none;
 
    
}

@keyframes fadeInScale {
    0% { opacity: 0; transform: scale(0.92);}
    100% { opacity: 1; transform: scale(1);}
}
@keyframes popIn {
    0% { opacity: 0; transform: scale(0.7);}
    80% { opacity: 1; transform: scale(1.1);}
    100% { opacity: 1; transform: scale(1);}
}

.request-container{
    padding-left: 4.44vw !important;
    padding-right: 4.44vw !important;
}

@media (max-width: 1599px) {
  request-container {
    padding-left: 12.15vw !important;
    padding-right: 12.15vw !important;
  }
}


@media (max-width: 1024px) {
  request-container {
    padding-left: 175px !important;
    padding-right: 175px !important;
  }
}



/* === RESPONSIVE === */


@media (max-width: 768px) {
  .request-form-container {
    padding: 25px 20px;
  }

  .request-form-container .form-section {
    flex-direction: column;
    gap: 15px;
  }
  .request-form-container {
  max-width: 100%;
  min-width: 0;
  
}



  .request-info-row {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: flex-start;
}

  .contact-info-section {
    padding: 25px 20px;
  }
}

@media (max-width: 1599px) {
  .contact-info-section h2 {
    font-size: 1.39vw;
    line-height: 1.67vw;
    letter-spacing: .06vw;
    font-weight: 400;
  }
  .request-form-container h2{
    font-size: 1.39vw;
    line-height: 1.67vw;
    letter-spacing: .06vw;
    font-weight: 400;
  }
  .Logo{
    margin-bottom: 30px;
  }
} 

@media (max-width: 1024px) {
  .contact-info-section h2 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .8px;
    font-weight: 400;
  }

  .request-form-container h2{
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .8px;
    font-weight: 400;
  }
  .contact-info-section a.btn-primary{
    width: 166px;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 20px;
    min-height: 44px;
  }
  .Logo{
    margin-bottom: 15px ;
  }
}


@media (max-width: 1599px) {
  .contact-info-section p {
    font-size: 1.18vw;
    line-height: 1.67vw;
    letter-spacing: .04vw;
  }
  .request-form-container .form-label{
    font-size: 1.18vw;
    line-height: 1.67vw;
    letter-spacing: .04vw;
  }
  .request-form-container .form-check-label{
    font-size: 1.18vw;
    line-height: 1.67vw;
    letter-spacing: .04vw;
    margin-top: -6px;
  }
}

@media (max-width: 1024px) {
  .contact-info-section p {
    font-size: 17px;
    line-height: 24px;
    letter-spacing: .6px;
  }
  .request-form-container .form-label{
    font-size: 17px;
    line-height: 24px;
    letter-spacing: .6px;
  }
  .request-form-container .form-check-label{
    font-size: 17px;
    line-height: 24px;
    letter-spacing: .6px;
    padding-left: 24px;
  }

  .request-form-container .form-check-input{
    width: 24px;
    height: 24px;
    left: 0;
    top: -1px;
    border-radius: 0;
  }

  .form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="tel"],
.form-group textarea{
    font-size: 14px;
    line-height: 16px;
    padding: 13px 15px 11px 15px;
    color: #0C255C;
}

.request-form-container .form-control,
.request-form-container select,
.request-form-container textarea{
    font-size: 14px;
    line-height: 16px;
    padding: 13px 15px 11px 15px;
    color: #0C255C;
}
#therapeuticAreas{
    font-size: 14px;
    line-height: 16px;
    padding: 13px 15px 11px 15px;
    color: #0C255C;
}
}


@media (max-width: 768px) {
 .request-form-container .form-check-label{
    margin-top: 0;
  }
  .request-form-container .btn-primary{
    font-size: 12px;
    min-width: 166px;
}
}

/* contact fprm */


.row .show-container {
    display: flex;
    gap: 25px;
}
.show-container .contact-show,
.show-container .col-md-8 {
        flex: 0 0 49%
}
.show-container .contact-show.request-form-container .form-group {
justify-content: space-between;
}
.show-container .contact-show.request-form-container .form-checkbox {
    margin-top: 20px;
}
.show-container  .col-md-8.popup-open .request-info-row  {
    display: none;
}
.show-container  .col-md-8.popup-open  {
    flex: 0 0 100%;
}
.show-content {
    text-align: justify;
}
@media screen and (max-width:1268px) {
    .show-container .col-md-8 {
            flex: 0 0 45%;
    }
    .show-container .contact-show {
         flex: 0 0 52.5%;
         padding: 20px;
    }
    .show-container .contact-show .request-info-row {
        height: 100%;
    }
    .show-container .contact-show .request-info-row .contact-info-section,
    .show-container .col-md-8 .request-info-row .contact-info-section {
        padding: 20px;
    }
}
@media screen and (max-width:1024px) {
     .row .show-container {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 30px;
    }
    /* .show-container .contact-show,
    .show-container .col-md-8 {
            flex: 0 0 100%
    }  */
}

.search-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #0056a4;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 100000;

  transform: translateY(-100%);
  visibility: hidden;
  transition: transform 0.4s ease-in-out, visibility 0.4s ease-in-out;
}

.search-bar.active {
  transform: translateY(0);
  visibility: visible;
}

.search-bar form {
  width: 100%;
  max-width: 400px;
  display: flex;
  align-items: center;
}

.search-bar input {
  flex: 1;
  padding: 2px 14px;
  border: none;
  outline: none;
  font-size: 16px;
  color: #333;
}

.search-bar button {
  background: none;
  border: none;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  margin-left: 10px;
}

.search-btn svg {
  cursor: pointer;
  color: #fff;
}

.search-results-section {
  padding-block: 60px;
  background-color: #0c255c;
}
.search-results-section .container .search-results-list {
  list-style: none;
  padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 0;
}
.search-results-section .container .search-results-list li {
  background-color: white;
  padding: 10px;
  border-bottom: 1px solid #0c255c;
  border-radius: 15px;
}
.search-results-section .container .search-results-list li a {
  color: #0c255c;
  width: 100%;
  display: block;
  font-size: 24px;
  line-height: 1.2;
}
.search-results-section .container p {
  color: white;
}
#searchForm svg {
  margin-right: 10px;
  color: white;
  cursor: pointer;
}
.menu-item.mobile-search .search-btn {
  max-width: 40px;
}
.menu-item.mobile-search .search-btn svg {
  width: 100%;
}
@media screen and (max-width:1024px) {
    .search-bar {
        padding: 24px 20px;
        justify-content: center;
    }
    .search-bar input  {
        padding: 5px 14px;
    }
    .search-results-section .container .search-results-list li a {
        font-size: 18px;
    }
}