/* Custom CSS for EquiBio Website */

@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

/* ---------------------------------- */
/* Global Styles & Variables */
/* ---------------------------------- */
:root {

    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.5s ease 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* Refined Color Palette based on visual analysis */
    --color-primary: #275A92;       /* Dark Blue/Headings */
    --color-secondary-dark: #033A4A;/* Deepest Blue (CTA, Footer sections) */
    --color-grey: #696969;
    --color-white: #FFFFFF;
    --color-black: #000000;

    /* ~-~-~-~-~ Declare Font Family & Weight ~-~-~-~-~ */
    --equi-font-body: 'Figtree', sans-serif;
    --equi-font-heading: 'DM Sans', sans-serif;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semi-bold: 600;
    --fw-bold: 700;
    /* ~-~-~-~-~ Declare Font Family & Weight ~-~-~-~-~ */

    /* ~-~-~-~-~ Declare Font Size ~-~-~-~-~ */
    --f-size-XXXL: 70px;
    --f-size-XXL: 50px;
    --f-size-XL: 32px;
    --f-size-L: 22px;
    --f-size-M: 18px;
    --f-size-S: 16px;
    --f-size-Body: 16px;

    /* ~-~-~-~-~ Declare Font Size ~-~-~-~-~ */
    
    /* Spacing */
    --equi-section-padding: 100px 0;
    --gap-24:24px;
    --gap-30:30px;
    --gap-40:40px;
    --gap-50:50px;
    --gap-60:60px;

    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
    --form-height: 50px;
    --form-font-color: var(--color-grey);
    --form-placeholder-color: var(--color-grey);
    --form-border-radious: 10px;
    --form-holder-bg: #FFF9ED;
    /* ~-~-~-~-~ form adjustments ~-~-~-~-~ */
}

@media only screen and (max-width: 1599px) { 
    :root{
        --f-size-XXXL: 60px;    
        --f-size-XXL: 45px; 
   }
}
@media only screen and (max-width: 1399px) { 
    :root{
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
        --f-size-XXXL: 50px;    
        --f-size-XXL: 40px;      
        --f-size-XL: 20px;       
        --f-size-L: 18px;
        /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
        --gap-40:30px;
        --gap-50:40px;
   }
}
@media only screen and (max-width: 1199px) { 
    :root{
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 45px;    
    --f-size-XXL: 32px;      
    --f-size-XL: 18px;       
    --f-size-L: 16px;
    --f-size-M: 14px;     
    --f-size-S: 14px;    
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    --equi-section-padding: 80px 0;
    --gap-40:25px;
    --gap-50:30px;

    --form-height: 45px;

   }
}

@media only screen and (max-width: 991px){
  :root{
  --equi-section-padding: 60px 0;
  }
}

@media only screen and (max-width: 767px){
    :root{
      --f-size-XXXL: 35px;    
      --f-size-XXL: 26px; 
      --f-size-XL: 18px;

      --equi-section-padding: 40px 0;
   }
}

body { font-family: var(--equi-font-body); color: var(--color-grey); letter-spacing: -0.32px; font-size: var(--f-size-M); font-weight: var(--fw-medium); line-height: 1.3; }

/* Apply DM Sans to all headings (h1, h2, h3, h4, h5, h6) */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{ color: var(--color-primary); font-family: var(--equi-font-heading); font-weight: var(--fw-regular); letter-spacing: -0.48px; margin: 0 0 30px; line-height: 1.1; }
h1,.h1{ font-size: var(--f-size-XXXL);}
h2,.h2{ font-size: var(--f-size-XXL);}
h3,.h3{ font-size: var(--f-size-XL);}
h4,.h4{ font-size: var(--f-size-L);}
h5,.h5{ font-size: var(--f-size-M);}
h6,.h6{ font-size: var(--f-size-S);}

.equi-section { padding: var(--equi-section-padding); }
.equi-section-title { font-size: 10vw; font-weight: var(--fw-regular); margin-bottom: 0; line-height: 1; }

body, p{margin: 0;}
p:not(:last-child){  margin: 0 0 20px;}

img{ max-width: 100%;}
a, img{ border: none; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover{ outline: none; text-decoration: none; transition: var(--transition-common);}
ul{ list-style: none; margin: 0; padding: 0;}

.mb-24{ margin-bottom: var(--gap-24);}
.mb-30{ margin-bottom: var(--gap-30);}
.mb-40{ margin-bottom: var(--gap-40);}
.mb-50{ margin-bottom: var(--gap-50);}
.mb-60{ margin-bottom: var(--gap-60);}

/* ==##==##== loop space adjustments ==##==##== */
.row-gap_24 .item{ margin-bottom: 24px;}
/* ==##==##== loop space adjustments ==##==##== */

/* ==##==##== button settings ==##==##== */

.button__primary { display: inline-flex; align-items: center; justify-content: center; line-height: 1; color: var(--color-white); border: 1px solid transparent !important; transition: var(--transition-common); }
.button__primary .btn-text { border-bottom: 1px solid var(--color-white); padding: 0 12px 10px; transition: all .35s ease; }
.button__primary .arrow-wrap { width: 79px; aspect-ratio: 1 / 1; border: 0.6px solid var(--color-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-left: 20px; transition: all .35s ease;}
/* Arrow image */
.button__primary .arrow-wrap img { transition: transform .35s ease; }

.button__primary:hover .btn-text { color: #ffffffb5; border-bottom-color: #ffffffb5 !important; transform: translateX(-4px); padding: 0 20px 10px;}
.button__primary:hover .arrow-wrap { background: var(--color-primary); border-color: var(--color-primary); transform: translateX(4px) scale(1.05); }
.button__primary:hover .arrow-wrap img {transform: scale(1.5);}

.email-submit {width: 79px; aspect-ratio: 1 / 1; border: 0.6px solid var(--color-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0; background: transparent url(../images/btn-arrow.svg) no-repeat center; transition: transform .35s ease;}
.email-submit:hover {transform: scale(1.05); background-color: var(--color-primary); border-color: var(--color-primary);}

.button__primary_blue { color: var(--color-primary); }
.button__primary_blue .btn-text { border-bottom: 1px solid var(--color-primary);}
.button__primary_blue .arrow-wrap { border: 0.6px solid var(--color-primary); }
/* Arrow image */
.button__primary_blue .arrow-wrap img { transition: transform .35s ease; }
.button__primary_blue:hover .btn-text { color: var(--color-primary); border-bottom-color: var(--color-primary) !important;}
.button__primary:hover .arrow-wrap img {filter: brightness(0) invert(1);}

/* ==##==##== button settings ==##==##== */

.form-group { margin-bottom: 20px;}

.form-control { background-color: var(--color-white); height: var(--form-height); border: 1px solid #7C7C7C; border-radius: 5px; color: var(--form-font-color); font-family: var(--equi-font-body); font-size: var(--f-size-S); padding-right: 20px; padding-left: 20px; }
select.form-control { background-image: url(../images/accord-dropdown.svg); background-position: right 10px center; background-size: 9px; background-repeat: no-repeat; height: var(--form-height); cursor: pointer;}
textarea.form-control{ height: 100px; padding-top: 20px; resize: none;}

.form-control::-moz-placeholder { color: var(--form-placeholder-color); opacity: 1; font-weight: 400;}
.form-control:-ms-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}
.form-control::-webkit-input-placeholder { color: var(--form-placeholder-color); font-weight: 400;}

.form-btn .button__primary { background-color: transparent; background-image: url(../images/button-arrow.svg); background-size: 82px 79px; background-repeat: no-repeat; background-position: calc(50% + 80px) center; height: 80px; width: 100%; font-weight: var(--fw-medium); transition: background-position 0.3s ease, color 0.3s ease, padding-left 0.3s ease; }
.form-btn .button__primary:hover {padding-left: 4px; background-position: calc(50% + 90px) center;}


.wpcf7-spinner { position: absolute; right: 20px; bottom: 40px; }
.wpcf7-not-valid-tip { display: none; }
.wpcf7-not-valid { border: 1px solid #dc3232; }
.wpcf7-response-output { text-align: center; font-size: 14px; }

/* ---------------------------------- */
/* Header & Navigation */
/* ---------------------------------- */

/* ~~hamburger menu start~~ */
.hamburger-nav { display: none; vertical-align: top; width: 28px; height: 26px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav span:nth-child(1) { top: 2px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(2) { top: 10px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav span:nth-child(3) { top: 18px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center;}
.hamburger-nav-close { vertical-align: top; width: 30px; height: 24px; position: relative; margin: 0 0 0 15px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin-top: 0; z-index: 9;}
.hamburger-nav-close span { display: block; position: absolute; height: 2px; width: 100%; background: var(--color-white); border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.hamburger-nav-close span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 3px;}
.hamburger-nav-close span:nth-child(2) { width: 0%; opacity: 0;}
.hamburger-nav-close span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 10px; left: 2px;}
/* ~~hamburger menu end~~ */


.main-header{ position: fixed; top: 0; right: 0; left: 0; z-index: 999; padding: 30px 0; }
.header-logo a{ display: block; height: 57px;}
.header-logo a img{ display: block; width: auto; height: 100%;}

.desktop-menu ul{ align-items: center;}
.desktop-menu ul li:not(:last-child){ margin-right: 20px;}
.desktop-menu ul li:not(.header-button) a{ display: block; font-size: var(--f-size-M); color: var(--color-white); position: relative; font-weight: var(--fw-medium);}

.header-menu { display: flex; align-items: center; }
.header-menu ul li a:hover {color: #FCC8DC;}
.header-menu ul li.current-menu-item a {font-weight: var(--fw-bold);}

.header-button { margin-left: 150px; }

/* sub-menu start */
.main-header .menu-item-has-children { position: relative; }
.main-header .menu-item-has-children .sub-menu { background: var(--color-white); width: 440px; border-radius: 0 0 var(--border-radius-image) var(--border-radius-image); position: absolute; top: 100px; opacity: 0; visibility: hidden; overflow: hidden; transition: var(--transition-common); }
.main-header .menu-item-has-children .sub-menu li{ margin: 0;}
.main-header .menu-item-has-children .sub-menu li a{ display: block; margin: 0; padding: 10px 20px; color: var(--color-black) !important; font-weight: var(--fw-semi-bold);}
.main-header .menu-item-has-children .sub-menu a:hover { background: #EFF9F9; color: var(--color-teal) !important; }
.main-header .menu-item-has-children:hover .sub-menu { transform: translateY(10px); opacity: 1; visibility: visible; }
.main-header .menu-item-has-children>a { padding-right: 20px !important; }
.main-header .menu-item-has-children>a::before { position: absolute; content: ''; border: solid var(--color-black); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); right: 5px; top: 49%; transition: var(--transition-common); }
.desktop-menu ul li a:hover::before{ border-color: var(--color-accent);}

/* Mobile Menu */
.mobile-menu { display: none; background: var(--color-secondary-dark); width: 100vw; height: 100vh; position: fixed; top: 0; right: -100vw; overflow: hidden; z-index: 999; transition: var(--transition-common); }
.mobile-menu .top-row { padding: 20px; }
.mobile-menubar { height: calc(100vh - 120px); padding: 20px 0; overflow: auto; }
.mobile-menu .mobile-menubar li { opacity: 0; -webkit-transform: translateX(-150px); transform: translateX(-150px); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; padding: 0 20px; font-size: 20px;}
.mobile-menu .mobile-menubar li a{ color: var(--color-white);}
.mobile-menu .mobile-menubar li:not(.header-button) a{ display: inline-block; padding: 10px 0;}
.mobile-menu .mobile-menubar li .sub-arrow { display: flex; align-items: center; justify-content: end; width: 33px; height: 33px; position: absolute; z-index: 1; top: 10px; right: 20px; color: #fff; }

.mobile-menu .mobile-menubar li li{ padding: 0;}

.menu-open .mobile-menu { right: 0; }
.menu-open .mobile-menu .mobile-menubar li { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); position: relative;}
.menu-open .mobile-menu .mobile-menubar li:nth-child(2) { transition-delay: 0.24s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(3) { transition-delay: 0.32s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(4) { transition-delay: 0.40s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(5) { transition-delay: 0.48s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(6) { transition-delay: 0.56s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(7) { transition-delay: 0.57s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(8) { transition-delay: 0.58s; }
.menu-open .mobile-menu .mobile-menubar li:nth-child(9) { transition-delay: 0.59s; }

/* ~~ header sticky start ~~ */
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ~~ header sticky start ~~ */
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.header-sticky .main-header {/*background: #f983b0;*/ background: #f0005c; padding: 10px 0;}
.header-sticky .main-header .button__primary .arrow-wrap {width: 50px;}

body:not(.home) .main-header {position: relative;background: #f983b0;}
body:not(.home.header-sticky) .main-header {position: fixed;}

/* sub-menu end */

@media only screen and (max-width: 1199px) {
    .main-header .header-inner-wrap .header-menu { display: none; }
    .desktop-menu { display: none; }
    .hamburger-nav { display: block; }
    .mobile-menu { display: block; }
    .mobile-menu .logo-wrap a{ display: inline-block; height: 50px;}
    .mobile-menu .logo-wrap a img { display: block; width: auto; height: 100%; filter: brightness(0) invert(1); }
    .mobile-menu .sub-menu { display: none; width: calc(100% - 20px); margin-left: auto; }
    .mobile-menu .sub-menu li{ padding: 0;}
    .mobile-menu .header-button{ margin-top: 15px;}
}

/* ---------------------------------- */
/* 2. Hero Section */
/* ---------------------------------- */

.equi-hero {height: 100vh; color: var(--color-white); padding-top: 70px; position: relative; overflow: hidden; }
.equi-hero .equi-hero-img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden;}
.equi-hero .equi-hero-img img { width: 100%; height: 100%; object-fit: cover; transform-origin: center; animation: move 40s ease-in-out infinite; /* Add infinite to loop. */ -ms-animation: move 40s ease-in-out infinite; -webkit-animation: move 40s ease-in-out infinite; -o-animation: move 40s ease-in-out infinite; -moz-animation: move 40s ease-in-out infinite; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.equi-hero .container {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.equi-hero h1 { font-family: var(--equi-font-body); font-size: 6.3vw; font-weight: var(--fw-medium); /* DM Sans Bold */ margin-bottom: 60px; line-height: 1.1; color: var(--color-white); }
.equi-hero h1 em { font-size: 80%; display: inline-block;}
.equi-hero p{  /*max-width: 850px;*/ max-width: 752px; margin: 0 auto; }
.equi-hero h1 small { font-size: .705em;}

@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
  100% {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    
    -o-transform: scale(1.2);
    /* Opera */
    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
}

.equi-mission {background: url(../images/placeholder-mission-bg.png) no-repeat right;}

p span, p strong {font-weight: var(--fw-semi-bold);}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {color: var(--color-white);}

/* ---------------------------------- */
/* 4. Inflammation Problem Section */
/* ---------------------------------- */
.equi-problem {background: linear-gradient(90deg, #F97FAD 0%, #FFE0EC 100%); color: var(--equi-text-white);}

#inflammation .image-wrapper {margin-right: -100px; }


/* ---------------------------------- */
/* 5. Our Approach Section */
/* ---------------------------------- */

.equi-approach-outer { /*background: #FCC8DC;*/ background: linear-gradient(45deg, #ffc0d8, #ffe1ec, #ffff); border-radius: 30px; padding: 40px; position: relative; z-index: 1; overflow: hidden; }
.equi-approach-outer::before { content: ""; position: absolute; top: -60px; left: 0; background: url(../images/approach-lt-bg.svg) no-repeat top left; width: 558px; height: 373px; z-index: -1; transform: rotate(-15deg); }
.equi-approach-outer::after { content: ""; position: absolute; bottom: -90px; right: 0; background: url(../images/approach-rt-bg.svg) no-repeat right bottom; width: 747px; height: 312px; transform: rotate( -8deg); z-index: -1; }
.equi-approach-inner { box-shadow: 3px 5px 5.3px 0px #0000004A; padding: 120px 40px; border-radius: 30px; position: relative; /*background: #FFFFFF1A url(../images/approach-layer.svg) no-repeat right -150px top -150px / 80%; */}

.equi-approach-content {padding-top: 20px; padding-bottom: 40px;}
.equi-approach-content li { display: flex; align-items: center; border-top: 0.2px solid var(--color-grey); padding-top: 30px; padding-left: 40px; margin-bottom: 30px; position: relative; }
.equi-approach-content li::before { content: ""; width: 10px; height: 10px; background: var(--color-grey); border-radius: 50%; margin-top: 1px; flex: 0 0 10px; position: absolute; left: 0; }
.equi-approach-content li h3 { width: 276px; font-weight: var(--fw-regular); margin: 0; }
.equi-approach-content li p { width: calc(100% - 276px); margin: 0; }

/* ---------------------------------- */
/* 6. Research Pipeline Section */
/* ---------------------------------- */
.equi-pipeline { /*background: #C2CBEC url(../images/research-pipeline-bg.svg) no-repeat center right;*/ background: linear-gradient(45deg, #fff, #ccd6f9, #91a8ff); color: var(--equi-color-primary); }

.equi-pipeline ul { display: flex; flex-wrap: wrap; justify-content: center; margin: -12px; padding-top: 30px; }
.equi-pipeline ul li { width: 20%; padding: 12px; }

.equi-pipeline-card { box-shadow: 5px 4px 50px 0px #5C33FF30; border: 1px solid #A2EDFF; background: var(--color-white); border-radius: 26px; height: 100%; text-align: center; padding: 55px 15px; }
.equi-pipeline-card img {height: 100px; margin-bottom: 60px;}
.equi-pipeline-card h4 { margin: 0; color: var(--color-secondary-dark);  }

/* ---------------------------------- */
/* 7. Meet the Team Section */
/* ---------------------------------- */

.equi-team { position: relative; overflow: hidden; }
.team-sec-text { position: absolute; right: 0; bottom: 150px; writing-mode: sideways-lr; }
.team-sec-text h5 { margin: 0; font-size: 10vw; line-height: 1; }

.team-title-wrapper { margin: 0 0 60px;}
.team-title-wrapper h3 {color: var(--color-grey); font-weight: var(--fw-regular);}
.team-title-wrapper p {margin: 0;}

.equi-carousel-controls { display: flex; justify-content: flex-end; }

.slick-prev-cus, .slick-next-cus { width: 60px; height: 60px; aspect-ratio: 1 / 1; background: var(--color-primary); border: 1px solid transparent; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; }
.slick-prev-cus::after, .slick-next-cus::after { content: ""; position: absolute; top: -8px; right: -8px; bottom: -8px; left: -8px; border: 1px solid var(--color-primary); border-radius: 50%; }
.slick-prev-cus svg, .slick-next-cus svg {width: 22px; fill: var(--color-white);}
.slick-next-cus { margin-left: 30px; }

.slick-prev-cus:hover, .slick-next-cus:hover { background: transparent; border: 1px solid var(--color-primary); }
.slick-prev-cus:hover svg, .slick-next-cus:hover svg {fill: var(--color-primary);}

.equi-team-card { background: var(--color-white); box-shadow: 5px 4px 15px 0px #5C33FF30; border: 1px solid #A2EDFF; padding: 30px; border-radius: 26px; }

.equi-team-img { position: relative; /*padding-bottom: 78%;*/ /*padding-bottom: 112%;*/ padding-bottom: 136%;}
.equi-team-img::before { content: ""; position: absolute; top: 0; left: 0; right: 0; /*background: linear-gradient( 0deg, rgba(255, 255, 255, 0) 8.74%, #275A92 100%);*/ /*background: linear-gradient(0deg, rgba(255, 255, 255, 0) 8.74%, #fff 100%);*/ height: 40%; z-index: 1; border-radius: 23px; }
.equi-team-img::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #FFFFFF 100%); height: 40%; z-index: 1; border-radius: 23px; }
.equi-team-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 23px; }
.equi-team-img h5 { position: absolute; z-index: 1; top: 0; left: 0; /*color: var(--color-white); text-align: right; padding: 20px 20px 0 0;*/ color: var(--color-primary); text-align: left; padding: 20px 0px 20px 20px; font-size: var(--f-size-L); font-weight: 600;}

.equi-team-info { padding: 0 17px; /*margin-top: -35px; margin-top: -45px; position: relative; z-index: 1;*/ position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%;}
.equi-team-info h4 { margin: 0 0 20px; color: var(--color-secondary-dark); }
.equi-team-info p { margin: 0; color: var(--color-grey); }

.equi-team-carousel .slick-list { margin: -20px; }
.equi-team-carousel .slick-slide { margin: 20px;}

/* ---------------------------------- */
/* 8. News & Content Section */
/* ---------------------------------- */

.equi-news {background: #5F77CF;}

.equi-news-card { background: var(--color-white); box-shadow: 5px 4px 50px 0px #5C33FF30; border-radius: 26px; transition: var(--transition-common); height: 100%; }

.equi-news-img { display: block; position: relative; padding-bottom: 52%; box-shadow: 0px 4px 4px 0px #0000002E; border-radius: 26px; }
.equi-news-img > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 26px; }

.news-arrow { width: 80px; aspect-ratio: 1 / 1; border: 1px solid var(--color-white); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; z-index: 1; transition: var(--transition-common); }

.equi-news-tag { position: absolute; right: 20px; bottom: 20px; left: 20px; display: flex; justify-content: flex-end; flex-wrap: wrap; z-index: 1; }
.equi-news-tag li { color: var(--color-white); font-weight: var(--fw-bold); position: relative; }
.equi-news-tag li:not(:first-child) { padding-left: 5px; margin-left: 5px; }
.equi-news-tag li:not(:first-child)::before { content: ""; position: absolute; width: 5px; height: 5px; top: 10px; left: -2px; background: var(--color-white); border-radius: 50%; }
.equi-news-img::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #43434359; border-radius: 26px; }

.news-card-content { padding: 40px 25px; }
.news-card-content h3 { font-weight: var(--fw-regular); margin: 0 0 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.news-card-content h3 a {color: var(--color-secondary-dark); } 
.news-card-content > p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.card-meta p { font-weight: var(--fw-bold); line-height: 1; }
.card-meta p span {font-size: 16px; font-weight: var(--fw-medium);}

.equi-news-card:hover .news-arrow {background: var(--color-primary); border-color: var(--color-primary);}
.equi-news-card:hover .news-arrow img {transform: scale(1.5);}

/* ---------------------------------- */
/* 9. Call to Action Section */
/* ---------------------------------- */

.equi-cta-wrap { background: #2B408F url(../images/contact-bg.svg) no-repeat center / cover; border-radius: 30px; padding-inline-end: 20px; padding-inline-start: 20px; }
.equi-cta-wrap p {margin: 0 0 40px;}

/* ---------------------------------- */
/* 10. Footer */
/* ---------------------------------- */

footer {background: var(--color-black) url(../images/footer-bg.svg) no-repeat center / cover;}
footer h4 { font-weight: var(--fw-regular); }

.ftr-top { padding: 80px 0 50px; }

.ftr-left p { width: 100%; max-width: 480px; margin: 0 0 50px; }

.ftr-logo a { display: block; width: 240px; margin-bottom: 40px; }

.ftr-menu li:not(:last-child) { margin: 0 0 20px; }
.ftr-menu li a { color: var(--color-white); }
.ftr-menu li a:hover {color: var(--color-grey);}

.ftr-social { display: flex; flex-flow: row wrap;}
.ftr-social li{margin-bottom: 5px;}
.ftr-social li:not(:last-child) { /*margin-right: 10px;*/ margin-right: 5px;}
.ftr-social li a { width: 50px; aspect-ratio: 1 / 1; background: var(--color-white); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--color-secondary-dark); }
.ftr-social li a:hover { background: var(--color-secondary-dark); color: var(--color-white); }

.ftr-btm { padding: 40px 0; border-top: 1px solid #ffffff1c; }
.ftr-btm p { margin: 0; }

/* .ftr-form form { display: flex; align-items: center; } */
.ftr-form form .newsltter_wrapper { display: flex; align-items: center; }
.ftr-form form input[type="email"] { height: 66px; background: #FEFDFB61; padding: 0 30px; border: 1px solid var(--color-white); border-radius: 40px; color: var(--color-white); width: 100%; max-width: 480px; margin-right: 30px; outline: none; }
.ftr-form form input[type="email"]::placeholder { color: var(--color-white); }

/* 
MODAL STYLES
*/

.modal-header { position: relative; padding: 0; border: 0; }
.modal-header .btn-close { position: absolute; right: -15px; top: -15px; padding: 0; margin: 0; width: 40px; height: 40px; background-color: var(--color-secondary-dark); background-image: url(../images/cross.svg); background-size: 14px; border-radius: 50%; opacity: 1; z-index: 1; }

.modal-body {padding: 20px;}

.modal-content-text { padding-top: 20px; } 
.modal-content-text h3 { margin: 0 0 15px; } 
.modal-content-text p { font-size: 15px; }

.modal-content-img { position: relative; padding-bottom: 30%; }
.modal-content-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }

.mce_inline_error { border-color: #dc3232 !important; }

.contact-modal .modal-body { padding: 40px; }
.contact-modal-header { border-bottom: 1px solid var(--color-secondary-dark); padding-bottom: 20px; margin-bottom: 40px; }
.contact-modal-header h2 { margin: 0 0 15px; }

/* 
ERROR
*/

.equi-error-sec, .equi-common-page { min-height: 80vh; display: flex; align-items: center; margin-top: 141px; }

/*-- New-css(27-01-2026) --*/
.team-heading {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.member-name h4{margin-bottom:5px}
.member-name {
    width: calc(100% - 80px);
}
.sc-icon {
    width: 80px;
}
.sc-icon ul{
    padding-left: 0;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}
.sc-icon ul li { width: 40px; height: 40px; border: 1px solid #033A4A; border-radius: 100px; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #033A4A;}
.sc-icon ul li:hover { background: #033A4A; color: #fff;}
section#mission.equi-mission p strong { color: #202020;}

.carousel-item .equi-team-card h3 {
    color: var(--color-primary);
    max-width: 180px;
    margin-bottom: 10px;
    min-height: 110px;
}

/* Media Queries (Responsiveness) */
/* ... (unchanged) ... */

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

  .container {max-width: 1506px;}
  .equi-section-title { font-size: 7.5vw;}
}
@media only screen and (min-width: 3000px) {
    .equi-section-title {
        font-size: 5.7vw;
    }
}

@media only screen and (max-width: 1799px) {
  .equi-team .container {
    max-width: 1300px;
  }

  #inflammation .image-wrapper {margin-right: 0; }

}

@media only screen and (max-width: 1599px) {
  .equi-team .container { max-width: 1150px; }
  .member-name { width: calc(100% - 40px);}
  .sc-icon { width: 40px;}
  .sc-icon ul li { width: 30px; height: 30px; font-size: 16px;}
  .equi-team-img h5 { padding: 10px 0px 10px 17px;}
	
}

@media only screen and (max-width: 1399px){
  .header-logo a { height: 40px; }
  .header-button { margin-left: 40px; }

  .news-arrow { width: 60px;}

  .equi-team .container { max-width: 1030px; }
  .team-sec-text h5 {font-size: 8.5vw;}

  .equi-team-card {padding: 20px;}

  .equi-news-tag { right: 15px; bottom: 15px; left: 15px; }
  .equi-news-tag li { font-size: 16px; }

  .ftr-form form input[type="email"] {max-width: 350px;}

  .ftr-social li:not(:last-child) { margin-right: 7px; }
  .ftr-social li a { width: 40px;}

}

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

  .equi-pipeline-card {padding: 30px 15px;}
  .equi-pipeline-card img { height: 80px; margin-bottom: 40px; }

  .equi-team .container { max-width: 960px; }

  .team-sec-text {display: none;}

  .equi-news-img, .equi-news-img > img, .equi-news-img::after { border-radius: 15px; }
  .equi-news-tag { right: 10px; bottom: 10px; left: 10px; }

  .equi-news-card {border-radius: 15px;}

  .equi-news-tag li { font-size: 14px; }
  .equi-news-tag li:not(:first-child)::before { top: 6px;}

  .ftr-form form input[type="email"] { max-width: 300px; }

  .email-submit, .button__primary .arrow-wrap { width: 60px;}

  .form-btn .button__primary {height: 60px; background-size: 60px; background-position: calc(50% + 60px) center;}

}

@media (max-width: 991px) {

  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin: 0 0 20px; }

  .equi-hero { padding-top: 100px; }
  
  .equi-section-title { font-size: 7vw; margin-bottom: 20px; }

  .equi-problem .row { flex-direction: column-reverse; }

  .content-wrapper { padding-top: 30px; }

  .equi-approach-outer { padding: 20px; border-radius: 15px; }
  .equi-approach-inner { padding: 50px 20px; border-radius: 15px; }
  .equi-approach-content li::before { width: 7px; height: 7px; }
  
  .equi-pipeline ul li { width: 33.33%; }
  
  .equi-team .container { max-width: 720px; }

  .equi-carousel-controls { justify-content: flex-start; padding-top: 30px; margin-left: 8px; }

  .team-title-wrapper { margin: 0 0 40px; }

  .modal-content-text p { font-size: 14px; }

  .equi-cta-wrap { border-radius: 15px; }

  .ftr-top { padding: 50px 0; }

  .ftr-logo a { width: 150px; margin-bottom: 20px; }

  .ftr-left p { margin: 0 0 20px; max-width: 100%; }

  .ftr-form form input[type="email"] { max-width: 100%; }

  footer h4 { padding-top: 20px; }

  .ftr-menu li:not(:last-child) { margin: 0 0 15px; }

  .ftr-btm { padding: 20px 0; }
	.equi-section { scroll-margin-top: 60px;}

}

@media (max-width: 767px) {

  .main-header { padding: 20px 0; }

  .equi-approach-content li h3 { width: 100%; margin: 0 0 15px; }
  .equi-approach-content li p { width: 100%; }
  .equi-approach-content li { flex-direction: column; align-items: flex-start; padding-top: 20px; padding-left: 20px; margin-bottom: 20px; }
  .equi-approach-content li::before { top: 25px; }

  .equi-approach-content { padding: 0; }

  .equi-pipeline ul li { width: 50%; }
  .equi-pipeline-card { padding: 20px 15px; border-radius: 15px; }
  .equi-pipeline-card img { height: 60px; margin-bottom: 20px; }

  .slick-prev-cus, .slick-next-cus { width: 40px; height: 40px; }
  .slick-next-cus { margin-left: 25px; }

  .team-title-wrapper { margin: 0 0 30px; }

  .equi-team-card { padding: 15px; border-radius: 15px; }

  .equi-team-img img, .equi-team-img::before, .equi-team-img::after { border-radius: 15px; }

  .equi-team-info { padding: 0 12px; }

  .news-card-content { padding: 20px 15px; }

  .modal-header .btn-close { right: inherit; top: -5px; left: 50%; transform: translateX(-50%); }

  .modal-body { padding: 40px 15px 15px; }
  
  .contact-modal .modal-body { padding: 40px 15px 15px; }

  .modal-content-img { padding-bottom: 60%; }

  .ftr-top { padding: 40px 0; }

  .ftr-form form input[type="email"] { height: 60px; padding: 0 20px; margin-right: 10px; }
	
	

}