/*-----------------------------------------------------------------------------------

    [Master Stylesheet]

    Project:    Growify
    
    Version:    1.0

-----------------------------------------------------------------------------------

    [Table of contents]
    
        01. header
        02. btn
        03. navbar
        04. hero-section
        05. get-a-quote
        06. heading
        07. loading
        08. scroll-percentage
        09. review
        10. goole-star
        11. our-mission-swiper
        12. count-text
        13. about-imgs
        14. heading.two
        15. swiper-button
        16. services
        17. customized
        18. tab nav-link
        19. ul.social-media
        20. team
        21. testimonial
        22. marquee
        23. accordion
        24. pricing
        25. full-container
        26. sponsors
        27. blog
        28. footer
        29. nice-select
        30. project-consulting
        31. header.two
        32. business-insurance-form
        33. plan-option
        34. expert-guidance
        35. our-mission-list
        36. subscribe-form
        37. botton-section
        38. hero-section.business-insurance
        39. video
        40. white_content
        41. transition 

-----------------------------------------------------------------------------------*/


/* ===== Self-hosted fonts: Gloock (headings) + Uber Move Text (body) ===== */
@font-face {
    font-family: 'Gloock';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/gloock-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Gloock';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/gloock-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+1E00-1E9F, U+2020, U+20A0-20AB, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Uber Move Text';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('../fonts/UberMove-Light.woff2') format('woff2'),
         url('../fonts/UberMove-Light.woff') format('woff'),
         url('../fonts/UberMove-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Uber Move Text';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/UberMove-Regular.woff2') format('woff2'),
         url('../fonts/UberMove-Regular.woff') format('woff'),
         url('../fonts/UberMove-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Uber Move Text';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/UberMove-Medium.woff2') format('woff2'),
         url('../fonts/UberMove-Medium.woff') format('woff'),
         url('../fonts/UberMove-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Uber Move Text';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/UberMove-Medium.woff2') format('woff2'),
         url('../fonts/UberMove-Medium.woff') format('woff'),
         url('../fonts/UberMove-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Uber Move Text';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/UberMove-Bold.woff2') format('woff2'),
         url('../fonts/UberMove-Bold.woff') format('woff'),
         url('../fonts/UberMove-Bold.ttf') format('truetype');
}

:root {
    --bgcolor: #A9E448;
 }

body,html {
    font-family: "Uber Move Text", sans-serif;
    overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Gloock", serif;
}

p {
    font-size: 16px;
    line-height: 28px;
    color: #444;
    margin: 0;
    font-weight: 400; 
}
*{
    margin: 0;
    padding: 0;
}
a,h2,h3,h4,h5,h6{
    color: #000;
    margin: 0;
}
a{
    text-decoration: none;
    cursor: pointer;
}
h1{
  font-size: 60px;
}
h2{
    font-size: 60px;
}
h3{
    font-size: 26px;
}
h4{
    font-size: 24px;
}
h5{
    font-size: 20px;
}
h6{
    font-size: 18px;
}
img {
    max-width: 100%;
}
.gap {
    padding: 120px 0; 
}
.no-top{
    padding-top: 0;
}
.no-bottom{
    padding-bottom: 0;
}
ul{
    padding: 0;
    margin: 0;
}
li{
    display: block;
}
figure {
    overflow: hidden;
    margin: 0;
}
hr {
    margin: 0;
} 
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
} 
/* 01. header */
header {
     position: absolute;
     z-index: 1111;
     width: 100%; 
}
.top-bar ul li {
    padding-right: 50px;
}
.top-bar ul li a{
    color: #ffffff;
}
.top-bar ul li a:hover {
    color: var(--bgcolor);
}
.top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0px;
    padding-bottom: 10px;
}
.header-right {
    display: flex;
    gap: 20px;
    align-items: center;
} 
.header-right a {
    font-size: 16px;
} 
.header-right .mailnumber {
    display: flex;
    align-items: center;
    gap: 14px;
} 
.login {
    display: flex;
    align-items: center;
    gap: 6px;
}

.login a {
    color: #fff;
}
.login a:hover {
    color: var(--bgcolor);
}
a.union {
    background-color: #ffffff0f;
    width: 70px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
} 
a.union:hover {
    background-color: var(--bgcolor);
} 
a.union svg {
    fill: #D9D9D9;
}
a.union:hover svg {
    fill: #000;
}
.header-right .mailnumber a {
    font-size: 18px;
    color: #fff;
} 
.header-right .mailnumber a:hover {
    color: var(--bgcolor);
}
.header-right .mailnumber span {
    color: #fff;
}
.top-bar ul {
    display: flex;
    align-items: center;
}
.top-bar a i svg {
    width: 30px;
    fill: #fff;
    height: auto;
}
.top-bar a i {
    margin-right: 10px;
    color: #fff;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
}
.top-bar a {
    font-size: 18px;
    /* color: #fff; */
    display: flex;
    align-items: center;
}  
.top-bar a
.questions .btn span i {
    padding-right: 10px;
}
/* 02. btn */
.btn {
    background-color: #a9e448;
    border-radius: 16px;
    padding: 19px 40px;
    color: #000000;
    display: inline-block;
    font-weight: bold;
}  
.btn svg {
    margin-left: 10px;
}
.btn:hover {
    color: #000;
}
.btn .btn-wrap {
    position: relative; 
    float: left; 
    overflow: hidden; 
}
.btn .btn-wrap .text-one {  
    position: relative;
    text-transform: capitalize;
    display: flex !important;
    transition: 0.3s;
}
.btn .btn-wrap .text-two {
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    text-transform: capitalize;
    top: 100%; 
    display: flex !important;
    transition: 0.3s; 
}
.btn:hover .btn-wrap .text-one {
    transform: translateY(-150%);
}
.btn:hover .btn-wrap .text-two {
    top: 50%;
    transform: translateY(-50%);
}  
/* 03. navbar */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: -1;
  opacity: 0;
  transition: 1s all;
} 
.navbar {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    padding: 0;
    padding-left: 50px;
}
.navbar-logo {
  color: #ff3f34;
  text-decoration: none;
  font-size: 25px;
  padding: 0px 20px;
}
.navbar-links {
  list-style-type: none;
  display: flex;
}
.navbar-links li:not(:last-child) {
    padding-right: 40px;
}
.navbar-links li a {
    display: block;
    text-decoration: none;
    color: #707070;
    transition: 0.4s all;
    padding-bottom: 10px;
    padding-top: 10px;
}
.navbar-links li.navbar-dropdown {
  position: relative;
}
.navbar-links li.navbar-dropdown:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: translatey(10px);
    z-index: 1111; 
}
.navbar-links li.navbar-dropdown .sub-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: translatey(44px);
    left: 0;
    width: 230px;
    box-shadow: 0px 10px 10px 3px hsl(0deg 0% 0% / 16%);
    z-index: 111;
    transition: 0.4s all;
    display: block;
    /* border-radius: 30px; */
    background-color: #ffffff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: 14px;
    padding-top: 14px;
}
.navbar-links li.navbar-dropdown .sub-menu a {
    font-size: 16px;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 700;
    border: 0;
    position: relative;
    text-transform: capitalize;
    color: #000;
    /* background-color: #FFF; */
}
.navbar-links li.navbar-dropdown .sub-menu li a:hover {
    color: var(--bgcolor);
}
.navbar-links li.navbar-dropdown .sub-menu li {
    position: relative;
    padding: 0;
    color: #000;
}
.navbar-links li.navbar-dropdown .sub-menu li:not(:last-child):before {
    content: "";
    z-index: 11;
    position: absolute;
    height: 1px;
    /* background-color: #e0e0e0; */
    width: 75%;
    bottom: 0;
    left: 25px;
}
li.menu-item-children > a:before {
    content: "";
    background-image: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 83px;
    width: 8px;
    height: 8px;
} 
.navbar-links li > a {
    border-bottom: 5px solid transparent;
    color: #000000;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
}
li.sub-menu-item-children:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: 1;
    right: 31px;
    background-color: black;
    clip-path: polygon(68% 50%, 0 0, 0 100%);
    top: 44%;
}
.navbar-links li.navbar-dropdown .sub-menu li:hover .sub-menu {
    opacity: 1;
}
.navbar-links li.navbar-dropdown:hover .sub-menu .sub-menu {
    position: absolute;
    left: 100%;
    border-left: 3px solid var(--theme-colour);
    opacity: 0;
    top: 20%;
}
a.search-btn svg {
    width: 22px;
    height: auto;
    display: flex;
    fill: #fff;
}
.navbar-links li > a i {
    padding-right: 6px;
}
/*@media only screen and (max-width: 1920px) and (min-width: 1200px){
    #stickyHeader.slideUp {
        top: 0;
        z-index: 111111111;
        position: fixed;
        border-radius: 0;
        left: 0; 
        padding-bottom: 20px;
        padding-top: 20px; 
    }
    body.dark #stickyHeader.slideUp {
        background: #111;
    }
    body.light #stickyHeader.slideUp {
        background: #f6fafb;
    }
}*/  
/* 04. hero-section */
.hero-section {
    position: relative;
    padding-top: 150px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0%;
    padding-bottom: 120px;
}
.hero-section::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(105deg, rgba(11,23,20,0.92) 0%, rgba(11,23,20,0.75) 40%, rgba(11,23,20,0.45) 70%, rgba(169,228,72,0.25) 100%);
}
.hero-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 55%;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, rgba(11,23,20,0.85) 0%, rgba(11,23,20,0) 100%);
    pointer-events: none;
    z-index: 1;
}
.hero-section > .container {
    position: relative;
    z-index: 2;
}
.hero-text {
    position: relative; 
}
.hero-text {
    padding-bottom: 70px;
} 
.hero-text p {
    font-size: 22px;
    color: #C7C7C7;
    line-height: 36px;
    padding-bottom: 50px;
    padding-top: 10px;
    width: 87%;
}
.hero-text > span { 
    padding: 4px 25px;
    border-radius: 50px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    letter-spacing: 2px;
}
.hero-text img.heroimg {
    position: absolute;
    right: -25%;
    z-index: 1;
    bottom: -47%;
    width: 52%;
    height: auto;
}
.hero-text h1 {
    color: #fff;
    padding-bottom: 10px;
    line-height: 90px;
    font-weight: bold;
    font-size: 70px;
}
.hero-text h2 span {
    color: var(--main-color);
}
.hero-text ul li {
    color: white;
    padding-bottom: 18px;
    display: flex;
    align-items: center;
    font-size: 18px;
}
.hero-text ul li img {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50%;
    background-color: #ffffff30;
    margin-right: 17px;
    padding: 7px;
} 
.listing {
    justify-content: space-between;
    width: 92%;
}
.hero-text > img {
    margin-left: auto;
    display: block;
    height: 263px;
    margin-top: 30px;
}
 
/* 05. get-a-quote */ 
form#contact-form h3 {
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
    text-transform: capitalize;
    padding-bottom: 30px;
    color: #fff;
    padding-top: 6px;
}
form#contact-form h3 {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
    text-transform: capitalize;
    padding-bottom: 24px;
    color: #fff;
    padding-top: 6px;
}
.get-a-quote h6 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 6px;
}
.get-a-quote {
    z-index: 11;
    /* margin-bottom: 40px; */
    background-color: #8d8d8d5c;
    padding: 60px;
    border-radius: 0;
    position: relative;
    width: 100%;
    margin-left: auto;
    backdrop-filter: blur(15px);
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0 0);
}
.get-a-quote input[type="text"],.get-a-quote input[type="email"], .get-a-quote input[type="number"] {
    width: 100%;
    height: 60px;
    border: 0;
    outline: 0;
    margin-bottom: 20px;
    color: #444;
    font-size: 16px;
    background-color: #FBFBFB20;
    border: 1px solid #AFAFAF;
    border-radius: 13px;
    padding-left: 26px;
    color: #ccc;
}
.get-a-quote input:focus {
    border-color: var(--bgcolor);
}
.get-a-quote input::placeholder,.get-a-quote textarea::placeholder {
    color: #CCCCCC;
}
.get-a-quote p {
    font-weight: 600;
    padding-bottom: 10px;
    color: #000;
}
.get-a-quote ul.social-media {
    display: inline-flex;
    margin-left: 31px;
    margin-top: 0;
} 
.get-a-quote ul.social-media i {
    margin-top: 0;
    color: #fff;
    border: 1px solid #fff;
} 
.get-a-quote ul.social-media i:hover {
    color: #000;
    border-color: transparent;
}
.radio-button {
    margin-right: 21px;
    font-size: 16px;
    font-weight: 600;
    align-items: center;
    display: flex;
    margin-bottom: 25px;
    align-items: stretch;
}
.radio-button label {
    padding-left: 10px;
}
.radio-button input{
    width: 22px;
    height: 22px;
    background-color: #ebebeb !important;
    border: 0 !important;
}
.group-img{
    position: relative;
}
.group-img svg {
    position: absolute;
    right: 0;
    width: 22px;
    height: auto;
    top: 21px;
} 
/* 06. heading */
.heading {
    text-align: center;
    width: 87%;
    margin: auto;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}
.heading h2 {
    font-size: 60px;
    padding-top: 20px;
    font-weight: bold;
}
.heading span {
    font-weight: 500;
    font-size: 18px;
    padding: 5px 40px;
    display: inline-block;
    border-radius: 50px;
    letter-spacing: 0px;
    text-transform: capitalize;
    border: 1px solid #AFAFAF;
    position: relative;
    padding-right: 22px;
    background-color: #fff;
}
.heading h5 {
    padding-top: 20px;
    font-weight: bold;
    font-size: 35px;
}
.heading p {
    padding-top: 16px;
    font-size: 22px;
    font-weight: 600;
    padding-top: 20px;
    line-height: 34px;
}  
@keyframes toptop {
    0%  { 
        transform: translateY(0);
    } 
    50% { 
        transform: translateY(20px);
    }
    100% { 
        transform: translateY(0px);
    }
}  

/* 07. loading */

 .loader {
  width: 45px;
  aspect-ratio: 1;
  --c: no-repeat linear-gradient(#000 0 0);
  background: 
    var(--c) 0%   100%,
    var(--c) 50%  100%,
    var(--c) 100% 100%;
  animation: l2 1s infinite linear;
}
@keyframes l2 {
  0%  {background-size: 20% 100%,20% 100%,20% 100%}
  20% {background-size: 20% 60% ,20% 100%,20% 100%}
  40% {background-size: 20% 80% ,20% 60% ,20% 100%}
  60% {background-size: 20% 100%,20% 80% ,20% 60% }
  80% {background-size: 20% 100%,20% 100%,20% 80% }
  100%{background-size: 20% 100%,20% 100%,20% 100%}
}
.preloader {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 999999999999999999;
    right: 0;
    background-color: var(--bgcolor);
    top: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.preloader {
    top: 0%;
}
.page-loaded .preloader {
    top: -100%;
}  

/* 08. scroll-percentage */
#scroll-percentage {
  position: absolute;
  box-shadow: 0px 0px 20px 0px rgba(184, 184, 184, 0.75);
  height: 60px;
  width: 60px;
  background-color: var(--bgcolor);
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transform: scale(0);
  display: grid;
  place-items: center;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  z-index: 1011;
}
@media (max-width: 1400px) {
  #scroll-percentage {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 992px) {
  #scroll-percentage {
    right: 10px;
  }
}

#scroll-percentage.active {
  bottom: 30px;
  transform: scale(1);
  opacity: 1;
  visibility: visible;
  animation: 500ms ease-in-out 0s normal none 1 running scrollToTop;
  transition: 0.3s;
}
@media (max-width: 1400px) {
  #scroll-percentage.active {
    bottom: 20px;
  }
}

#scroll-percentage-value {
  height: calc(100% - 6px);
  width: calc(100% - 6px);
  background-color: #ffffff;
  color: #000;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 600;
}

#scroll-percentage-value i {
  font-size: 20px;
}

@keyframes scrollToTop {
  0% {
    transform: translate3d(0, 80%, 0);
    visibility: visible;
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
img.hero-bg {
    position: absolute;
    top: 0;
    z-index: -1;
}
/* 09. review */
.review > ul {
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-bottom: 20px;
} 
.review > ul img {
    border-radius: 50%;
    width: 65px;
    border: 5px solid #000;
    transform: translateX(2px);
} 
.review > ul li {
    margin-left: -14px;
    z-index: 20;
}
.review > ul li a {
    width: 65px;
    height: 65px;
    background-color: #000;
    color: #ffffff;
    display: block;
    border-radius: 50%;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid;
}
.review > ul li a {
    width: 65px;
    height: 65px;
    background-color: #000;
    color: #ffffff;
    display: block;
    border-radius: 50%;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid;
} 
ul.star {
    display: flex;
    gap: 5px;
    font-size: 13px;
    color: #F9B300;
} 
.review span {
    font-size: 16px;
    color: #fff;
    display: block;
    padding-top: 8px;
} 
.review {
    width: auto;
    align-items: center;
    position: relative;
    margin-right: 50px; 
    gap: 20px; 
}
.review p {
    color: #fff;
}
.review img.arror {
    animation: 4s leftleft infinite;
    position: absolute;
    right: 22%;
    top: -84px;
}
.get-a-quote label {
    color: #fff;
    padding-bottom: 10px;
} 
.form-group.full textarea {
    width: 100%;
    padding: 30px;
    color: #CCCCCC;
    background-color: #FBFBFB20;
    border-radius: 12px;
    border: 1px solid #AFAFAF;
    margin-bottom: 24px;
    outline: none;
}
.hover-img:hover img {
    transform: scale(1.1);
}
/* 10. goole-star */
.goole-star {
    position: relative;
    background-color: #bebebe2b;
    border: 3px solid #ffffff26;
    padding: 25px 35px 17px 25px;
    backdrop-filter: blur(2px);
} 
.goole-star ul.star {
    padding-top: 13px;
    padding-bottom: 10px;
} 
.goole-star span {
    color: #BEBEBE;
} 
.heading span:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: var(--bgcolor);
    border-radius: 50%;
    left: 7px;
    top: 6px;
}
/* 11. our-mission-swiper */
.our-mission-swiper {
    background-color: #F7F7F2; 
    padding-bottom: 140px;
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0 0);
} 
.our-mission {
    padding: 40px;
}
.our-mission h3 {
    font-weight: 600;
    padding-bottom: 14px;
    border-bottom: 3px solid #BEBEBE;
    margin-bottom: 28px;
}
.swiper-pagination-bullet {
    background-color: transparent;
    width: 14px;
    height: 14px;
    border: 3px solid #444;
} 
.swiper-pagination {
    position: absolute;
    left: 24px !important;
    bottom: 33px !important;
    width: 100px !important;
}  
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #444;
}
.trusted {
    padding-top: 50px;
} 
.trusted h3 {
    font-weight: 500;
    padding-bottom: 26px;
    line-height: 40px;
}
/* 12. count-text */
.count-text {
    border: 1px solid #B1B1B1;
    padding: 46px;
    display: flex;
    gap: 20px;
}
.count-text:hover {
    box-shadow: rgb(164 164 164 / 30%) 0px 19px 38px, rgb(200 200 200 / 22%) 0px 15px 12px;
    transform: translateY(-10px);
}
.count-text:hover i svg {
    transform: rotate3d(1, 1, 1, 
360deg);
}
.count-text i {
    background-color: #A9E448;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
} 
.count-text + .count-text  {
    margin-top: 20px;
}
/* 13. about-imgs */
.about-imgs {
    position: relative;
} 
.about-imgs img.banner-icon {
    position: absolute;
    right: 0;
    top: 28%;
    border-radius: 10px;
    animation: topshap 5s infinite;
} 
.about-imgs img.groth {
    position: absolute;
    bottom: 6%;
    left: 0;
    animation: topshap 3s infinite;
}
@keyframes topshap {
    0% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(10px);
    }
    0% {
        transform: translateY(0px);
    }
}
/* 14. heading.two */
.heading.two {
    width: 100%;
    margin: 0;
    text-align: left;
} 
.heading-add {
    display: flex;
    align-items: end;
    padding-bottom: 30px;
} 
.heading-add p {
    width: 45%;
}
/* 15. swiper-button */
 .swiper-button {
    position: absolute;
    top: 0px;
    width: 130px;
    right: 10%; 
    display: block;
    height: 60px;
    z-index: 11;
    border-radius: 51px;
    z-index: 1111111;
}  
.swiper-button-prev:after, .swiper-button-next:after {
    display: none;
}
.swiper-pagination {
    left: 86%;
    position: absolute;
    width: 100px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}
.swiper-button-prev,
.swiper-button-next { 
    width: 50px;
    height: 50px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;
    color: var(--common-colour2);
} 
.swiper-button-prev:hover,
.swiper-button-next:hover {
     color: #fff;
     background-color: var(--theme-colour2);
     color: #f9f9f9;
     border-color:transparent;
}
/* 16. services */
.services {
    padding: 40px;
    border: 1px solid #B9B9B9;
    position: relative;
} 
#services {
    position: relative;
}
.swiper-custom-arrow {
    display: flex;
    justify-content: space-between;
    width: 84%;
    position: absolute;
    bottom: 41%;
    left: 8%;
}
.swiper-custom-arrow i { 
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.swiper-custom-arrow i:hover {
     color: #fff;
} 
.services:after {
    border-left: 1px solid #c6c6c6;
    background-color: #ffffff;
    content: "";
    position: absolute;
    width: 73px;
    height: 96px;
    right: -30px;
    bottom: -41px;
    transform: rotate(45deg);
    z-index: 11111;
}
.services:hover i svg {
    transform: rotate3d(1, 1, 1, 
360deg);
}
.services i {
    margin-bottom: 26px;
    display: block;
    position: relative;
} 
.services h3 {
    font-weight: 600;
    padding-bottom: 11px;
    position: relative;
} 
.services span {
    display: block;
    border-bottom: 1px solid #D9D9D9;
    color: #444;
    padding-bottom: 21px;
    margin-bottom: 31px;
    position: relative;
} 
.services > a {
    width: 53px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ebebeb; 
    border-radius: 50%;
    margin-top: 32px;
    color: #505050;
    transform: rotate(-40deg);
} 
.services > a i {
    margin: 0;
}
.services:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #000;
    right: 0;
} 
.services:hover:before {
    height: 100%;
}
.services:hover h3 a {
    color: #fff;
} 
.services:hover p,.services:hover span {
    color: #C3C3C3;
} 
.services p {
    position: relative;
}
.services:hover > i { 
    filter: brightness(0) saturate(100%) invert(72%) sepia(62%) saturate(412%) hue-rotate(37deg) brightness(100%) contrast(101%);
}
.services:hover > a {
    background-color: #84b338; 
}
/* 17. customized */
.customized h3 {
    font-size: 45px;
    font-weight: bold;
}
.customized p {
    font-size: 18px;
    color: #000;
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid #999999;
    margin-bottom: 40px;
}
.customized span {
    font-weight: bold;
    font-size: 18px;
}
.smooth-img img {
    clip-path: polygon(20% 0%, 100% 0%, 100% 0, 100% 70%, 80% 100%, 0 100%, 0% 80%, 0 0);
}
/* 18. tab nav-link */
.nav-link {
    display: block;
    padding: 12px;
    border-radius: 50px !important;
}
.nav-pills {
    display: -webkit-inline-box;
    margin-bottom: 32px;
    width: 100%;
    justify-content: center;
    display: flex;
} 
.nav-pills .nav-link {
    width: 130px;
    background-color: #ffffff38;
    margin-right: 10px;
    /* border-radius: 0 !important; */
    color: #000000;
    border: 1px solid #ffffff !important;
    width: 24%;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
} 
.nav-pills .nav-link.active {
    background-color: #000000 !important;
    border: 1px solid #000 !important;
}
/* 19. ul.social-media */
ul.social-media {
    display: flex;
    align-items: center;
} 
ul.social-media li {
    margin-right: 10px;
}
ul.social-media i {
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 51%;
    font-size: 18px;
    color: #7c7c7c;
    border: 1px solid #7c7c7c;
    margin-top: 26px;
}
/* 20. team */
.team:after {
    border-left: 1px solid #c8c8c8;
    background-color: #ffffff;
    content: "";
    position: absolute;
    width: 128px;
    height: 178px;
    right: -46px;
    bottom: -72px;
    transform: rotate(45deg);
    z-index: 1;
}
.team {
    border: 1px solid #C8C8C8;
    display: flex;
    padding: 15px;
    position: relative;
    gap: 45px;
    z-index: 1111;
    margin-bottom: 30px;
} 
.team:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #F7F7F2;
    right: 0;
}
.team:hover:before {
    height: 100%;
}
.team > div {
    padding: 30px;
    position: relative;
    z-index: 1;
}
ul.social-media i:hover {
    background-color: var(--bgcolor);
    color: #000;
}
.team h3 {
    font-size: 30px;
    font-weight: 600;
    border-bottom: 1px solid #999999;
    padding-bottom: 40px;
    margin-bottom: 15px;
}
.team span {
    font-size: 18px;
    font-weight: 600;
} 
.team a {
    color: #000;
}
.team p {
    line-height: 24px;
}
.heading-add ul.star {
    display: inline-flex;
    margin-left: 6px;
}
.heading-add .ratings {
    margin-left: 23%;
    width: 29%;
    margin-bottom: 20px;
}
.heading-add .ratings h4 {
    font-size: 36px;
    font-weight: bold;
    display: inline;
} 
.heading-add .ratings h4 sub {
    bottom: 0;
    font-size: 16px;
}
.heading-add .ratings span {
    font-weight: 600 ;
} 
.team img {
    position: relative;
    z-index: 11111;
}
/* 21. testimonial */
.testimonial {
    background-color: #F7F7F2;
    padding: 40px;
    clip-path: polygon(20% 0%, 100% 0%, 100% 0, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0 0);
    width: 460px;
} 
.testimonial h3 {
    font-size: 22px;
    padding-top: 34px;
    padding-bottom: 16px;
} 
.testimonial p {
    font-size: 18px;
} 
.reviews-team {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 20px;
} 
.reviews-team img {
    border-radius: 50%;
}
.reviews-team h4 {
    font-weight: 600;
} 
.testimonial h3 {
    font-size: 22px;
    padding-top: 34px;
    padding-bottom: 16px;
} 
.testimonial p {
    font-size: 18px;
} 
.reviews-team {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 26px;
} 
.reviews-team h4 {
    font-weight: 600;
}
.testimonial ul.star {
    display: inline-flex;
    margin-right: 43%;
}
.testimonial-two {
    display: flex;
    gap: 30px;
    background-color: #F7F7F2;
    padding: 20px;
    align-items: center;
    clip-path: polygon(20% 0%, 100% 0%, 100% 0, 100% 75%, 85% 100%, 0 100%, 0% 80%, 0 0);
} 
.testimonial-two-img {
    width: 44% !important;
    position: relative;
} 
.testimonial-two-img > a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} 
.testimonial-two > div {
    width: 50%;
} 
.testimonial-two > div h4 {
    padding-bottom: 20px;
    color: #444;
    font-weight: 600;
} 
.testimonial-two h3 {
    font-weight: 700;
    padding-top: 40px;
} 
.testimonial-two p {
    font-size: 18px;
}
/* 22. marquee */
.marquee-icon,
 .marquee-box-one {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
 }  

.marquee-content {
    animation: scroll-one 60s linear infinite;
    display: flex;
    gap: 20px;
}
.marquee-content-two {
    display: flex;
    gap: 25px;
    padding-left: 20px;
    animation: scroll-one 38s linear infinite;
}
.marquee {
    margin-bottom: 30px;
}
@keyframes marqueeTop {
  0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
} 
@keyframes scroll-one {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}
/* 23. accordion */
.accordion-item.active .heading {
  color: #bccbb7;
}
.accordion-item.active .icon:before {
  background: #bccbb7;
}
.accordion-item.active .icon:after {
  width: 0;
}
.accordion-item.active .icon:before {
    background: #000000;
}
.accordion-item .heading {
    width: 100%;
    display: block;
    text-transform: capitalize;
    text-decoration: none;
    color: #000000;
    font-weight: 700;
    font-size: 24px;
    position: relative;
    transition: 0.3s ease-in-out;
    padding: 10px;
} 
.accordion-item .icon {
    display: block;
    position: absolute;
    top: 47%;
    width: 2.5rem;
    height: 2.5rem;
    transform: translateY(-50%);
    right: 1%;
    /* background-color: #ffffff; */
    border-radius: 50%;
 }
.accordion-item .icon:before,
.accordion-item .icon:after {
    content: "";
    width: 15px;
    height: 1px;
    background: #000000;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: 0.3s ease-in-out;
    transform: translate(-50%, -50%);
}
.progress {
    height: 8px;
}
.accordion-item.active {
    border-radius: 20px;
}
.accordion-item {
    border-radius: 0px !important;
    margin-bottom: -1px;
}
.accordion-item .icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
  z-index: -1;
}
.accordion-item .content {
  display: none;
}
.title {
    text-align: start;
    padding: 20px 35px;
    padding-right: 0;
}
.content {
    padding: 0px 35px;
    padding-bottom: 30px;
}
.accordion-item {
    border: 1px solid #bfbfbf !important;
    background-color: #f8f8f8;
    position: relative;
    z-index: 11;
}
.accordion-item:first-of-type {
    border-radius: 0px;
}
.accordion-item.active a.heading {
    color: black;
} 
.accordion-item:not(:first-of-type) {
    border-top: 0;
    border: 1px solid #c3c3c3;
}
.accordion-item.active:not(:first-of-type), .accordion-item.active {
     border-radius: 20px;
}
a.heading{
    width: 100%;
    margin: 0;
}  
.accordion-item p {
    color: #000;
}
.accordion-section {
    position: relative;
} 
.accordion-section > img {
    position: absolute;
    top: -21%;
    right: -2%;
    animation: 4s toptop infinite;
}
.accordion-item.active a.heading .title {
    background-color: #e4e4e4;
}
.accordion {
    width: 84%;
    margin: auto;
}
.questions {
    background-color: #444;
    background-image: linear-gradient(180deg, #ffffff 22%, #a9e448);
}
/* 24. pricing */
.pricing {
    border: 1px solid #b9b9b9;
    padding: 10px;
    position: relative;
    position: relative;
    z-index: 11;
} 
.pricing:after {
    border-left: 1px solid #b9b9b9;
    background-color: #ffffff;
    content: "";
    position: absolute;
    width: 73px;
    height: 96px;
    right: -29px;
    bottom: -40px;
    transform: rotate(45deg);
    z-index: 11111;
}
.pricing-top {
    background-color: #F7F7F2;
    padding: 40px;
} 
.pricing-top span {
    background-color: #fff;
    padding: 7px 22px;
    display: inline-block;
    border-radius: 50px;
    font-weight: 600;
    margin-bottom: 15px;
} 
.pricing-top h4 {
    font-size: 70px;
    font-weight: bold;
    padding-bottom: 10px;
} 
.pricing-top h4 sup {
    font-size: 30px;
    top: -28px;
} 
.pricing-top h4 sub {
    font-size: 20px;
    bottom: 0;
}
.pricing-bottom {
    padding: 26px 40px;
} 
.pricing-bottom .btn {
    margin-top: 20px;
}
.pricing-bottom ul li {
    padding-bottom: 14px;
    display: flex;
    gap: 10px;
    align-items: center;
} 
.pricing-bottom ul li i {
    font-size: 16px;
    width: 16px;
    color: #a9e448;
} 
.pricing-bottom ul li.cross,.pricing-bottom ul li.cross i {
    color: #999999;
} 
.full-container {
    padding: 40px;
    border-radius: 20px;
}
.pricing.two {
    background-color: #0A0A0A;
} 
.pricing.two .pricing-top {
    background-color: #a4e448;
} 
.pricing.two .pricing-bottom li {
    color: #C5C5C5;
}
.pricing.two .pricing-bottom li.cross {
    color: #686868;
}
.pricing h6 {
    font-weight: bold;
    position: absolute;
    right: 40px;
    top: 65px;
    font-size: 16px;
} 
.pricing h6:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    left: -17px;
    top: 5px;
}
/* 25. full-container */
.full-container .heading.two {
    position: relative;
    z-index: 11111;
} 
.full-container {
    padding: 85px 40px;
    border-radius: 20px;
    overflow: hidden;
}
.full-container {
    padding: 85px 40px;
    border-radius: 20px;
    overflow: hidden;
    height: 660px;
    position: relative;
}
.full-container:after {
    content: "";
    width: 100%;
    height: 29%;
    top: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(360deg, rgb(243 239 233 / 0%) 0%, hsl(0deg 0% 93.73%) 100%);
    z-index: 1111;
}
.full-container:before {
    content: "";
    width: 100%;
    height: 30%;
    bottom: 0;
    left: 0;
    position: absolute;
    background: linear-gradient(
180deg, rgb(243 239 233 / 0%) 0%, hsl(0deg 0% 93.73%) 100%);
    z-index: 1111;
}
/* 26. sponsors */
.partnership {
    display: flex;
    gap: 40px;
    margin-top: 78px;
    border-top: 3px solid #D9D9D9;
    padding-top: 29px;
    position: relative;
    z-index: 1111;
}
.heading.two h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px; 
    padding-top: 20px;
    color: #444;
}
.sponsors {
    animation: marqueeTop 10s linear infinite;
    height: 400px; 
    margin-; 
}   
ul.sponsors li img {
    background-color: #fff;
    padding: 30px 63px;
    border-radius: 150px;
    margin-bottom: 19px;
    /* max-width: max-content; */
    width: 100% !important;
} 
/* 27. blog */
.blog {
    position: relative;
}
.blog img {
  width: 100%;
  clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 75%, 84% 100%, 0 100%, 0% 80%, 0 0);
} 
.tag {
  position: absolute;
  top: 12px;
  left: 12px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 6px;
} 
.blog-body {
    padding-top: 28px;
    border: 0;
}
.blog .meta {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #555;
  gap: 10px;
  margin-bottom: 12px;
} 
.blog .meta .category {
  background: #A9E448;
  color: #000000;
  padding: 4px 26px;
  border-radius: 20px;
  font-size: 16px;
}
.blog h3 {
  font-size: 30px;
  font-weight: bold;
  margin: 10px 0;
  color: #111;
} 
.blog p {
   margin-bottom: 16px;
   border-bottom: 1px solid #999;
   padding-bottom: 40px;
   margin-bottom: 20px;
} 
.blog .read-more {
  display: inline-block;
  text-decoration: none;
  color: #111;
  font-weight: bold;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 10px;
} 
.read-more:hover {
  color: var(--bgcolor); 
}
.blog-body a span  {
    color: #666;
}
.blog-body h3 a:hover {
    color: var(--bgcolor);
}
.card-image {
  position: relative;
}
.links a {
    background-color: #a9a9a938;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-transform: capitalize;
}
/* 28. footer */
.footer-links h3 {
    color: var(--bgcolor);
    font-weight: bold;
    padding-bottom: 24px;
    font-size: 30px;
} 
.footer-links ul li a,
.footer-links p {
    color: #E2E2E2;
} 
.footer-links ul li {
    margin-bottom: 24px;
}
.footer-form input {
    width: 70%;
    outline: 0;
    height: 65px;
    border-radius: 15px;
    background-color: #4A4A4A;
    border: 0;
    padding-left: 34px;
    border: 1px solid #ffffff36;
    margin-right: 10px;
    color: #fff;
}
form.footer-form {
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    clip-path: border-box;
}
footer .review ul {
    margin-bottom: 0;
} 
footer .review p {
    font-weight: bold;
}
/* 29. nice-select */
.nice-select.Advice {
    width: 100%;
    height: 60px;
    border: 1px solid #AFAFAF;
    padding-top: 9px;
    font-size: 16px;
    background-color: #FBFBFB20;
    color: #CCCCCC;
    border-radius: 13px;
    padding-left: 26px;
}
.nice-select:after {
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    height: 9px;
    right: 22px;
    width: 8px;
}
ul.list {
    width: 100%;
    color: #000;
}
.footer-links ul li a:hover,.links a:hover {
    color: var(--bgcolor);
}
.copyright .goole-star {
    border: 0;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0;
} 
.copyright {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
    padding-bottom: 30px;
}
.copyright p {
    color: #fff;
} 
/* 30. project-consulting */
.form-group label {
  font-weight: bold;
  display: block; 
  color: #fff;
} 
.radio-buttons {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
}

.radio-buttons input[type="radio"] {
  display: none;
} 
.radio-buttons label {
  background: rgba(255, 255, 255, 0.1);
  padding: 8px 20px 8px 42px;
  border-radius: 30px;
  cursor: pointer;
  border: 1px solid transparent;
  font-weight: bold;
  color: #fff;
  transition: all 0.3s ease;
} 
.radio-buttons input[type="radio"]:checked + label {
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
}
.radio-buttons label:before {
    content: "";
    position: absolute;
    border: 1px solid #ffffff70;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    left: 8px;
} 
.radio-buttons label {
    position: relative;
} 
.radio-buttons input[type="radio"]:checked + label:before {background-color: #ffffff;} 
.service-type {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 30px;
}
.service-type input[type="radio"] {
  display: none;
}
.service-type label {
  background: rgba(255, 255, 255, 0.1);
  padding: 10px 22px;
  border-radius: 25px;
  cursor: pointer;
  font-weight: 600;
  color: #fff;
  transition: all 0.3s ease;
} 
.service-type input[type="radio"]:checked + label {
  background: #8ef34d;  /* Green highlight */
  color: #000;
}

.project-type .review {
    width: 76%;
    align-items: center;
    position: relative;
    margin-right: 50px;
    display: inline-flex;
    gap: 20px;
    margin-left: 20px;
}
.project-type .review > ul {
    margin-bottom: 0;
}
.project-type .review p {
    color: #fff;
    padding-bottom: 0;
    font-weight: 600;
}
.project-type .goole-star {
    background-color: transparent;
    border: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    position: absolute;
    backdrop-filter: none;
    top: 90px;
    right: 80px;
}
.business-insurance-form {
    display: flex;
    padding: 0;
    clip-path: none; 
} 
.hero-section.business-insurance:before {
    display: none;
} 
.business-insurance-form {
    display: flex;
    padding: 0;
    clip-path: none;
    background-color: #fff;
}
.business-insurance-form > div {
    padding: 70px;
}
/* 31. header.two */
header.two a,header.two span {
    color: #000 !important;
} 
header.two {
    border: 0;
}
header.two a.union {
    background-color: #ffffff;
    border: 1px solid #999;
}
/* 32. business-insurance-form */
.business-insurance-form h6, 
.business-insurance form#contact-form h3, 
.business-insurance .get-a-quote label{
    color: #000;
}
.business-insurance-form .nice-select:after {
    border-bottom: 3px solid #000000;
    border-right: 3px solid #000000;
}
form label {
    font-weight: bold;
}
.business-insurance-form .nice-select,
.business-insurance-form input,
.business-insurance-form input::placeholder,
.business-insurance-form textarea,
.business-insurance-form textarea::placeholder {
    color: #999999;
    border-color: #999999 ;
}
/* 33. plan-option */
.plans {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 20px;
} 
.plan-option input[type="radio"] {
  display: none;
} 
.plan-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  border-radius: 30px;
  background-color: #3E4242;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer; 
  transition: 0.3s ease;
  position: relative;
  width: 31%;
  padding-left: 44px;
} 
.plan-text {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  color: #fff;
} 
.plan-option input[type="radio"] + .plan-text::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #B4B4B4;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  left: 15px;
}
.plan-option input[type="radio"]:checked + .plan-text::before { 
    background-color: #B4B4B4; 
} 
.plan-option:hover {
  background-color: #444;
  transform: scale(1.02);
}
.business-insurance-form button.btn {
    margin-top: 20px;
}
.business-insurance-form button.btn {
    margin-top: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
}
/* 34. expert-guidance */ 
.expert-guidance form#contact-form {
    background-color: #0B1714;
    padding: 40px;
}
.expert-guidance {
    background-size: cover;
    padding-top: 180px;
    padding-bottom: 90px;
    position: relative;
    overflow: hidden;
}
.expert-guidance-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
} 
.expert-guidance-text h1 {
    font-weight: bold;
    font-size: 70px;
} 
.expert-guidance-text .review {
    width: auto;
    display: block;
    text-align: end;
    margin: 0;
    margin-left: 40px;
} 
.expert-guidance-text .review ul img {
    border-color: #fff;
} 
.expert-guidance-text .review span {
    color: #444;
} 
.expert-guidance-text .review p {
    color: #444;
    font-weight: 600;
}
/* 35. our-mission-list */
.our-mission-list {
    width: 80%;
} 
.our-mission-list p,.our-mission-list li {
    font-size: 18px;
} 
.our-mission-list ul {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
} 
.our-mission-list ul li i {
    color: #B5B5B5;
    font-size: 22px;
    margin-right: 10px;
} 
.our-mission-list ul li {
    color: #444;
    display: flex;
    align-items: center;
    padding-right: 30px;
} 
.expert-guidance img.full-img {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: -5%;
}
/* 36. subscribe-form */
.subscribe-form .review p {
    color: #fff;
} 
.subscribe-form .goole-star {
    position: absolute;
    background-color: transparent;
    top: 90px;
    right: 80px;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 0;
    padding: 0;
    backdrop-filter: none;
} 
.subscribe-form .review {
    margin: 0;
    margin-top: 32px;
} 
.subscribe-form {
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 70%, 90% 100%, 0 100%, 0% 80%, 0 0);
    margin-top: 227px;
} 
.subscribe {
    display: flex;
    align-items: center;
} 
.subscribe input[type="text"] {
    margin: 0;
    margin-right: 10px;
} 
.subscribe button.btn {
    width: 226px;
} 
/* 37. botton-section */
.botton-section {
    padding-bottom: 60px !important;
}
.botton-section .hero-text {
    text-align: center;
    width: 70%;
    margin: auto;
}
.botton-section .hero-text p {
    width: 87%;
    margin: auto;
    padding-bottom: 20px;
}
.goole-star.two {
    background-color: transparent;
    border: palegoldenrod;
    padding: 0;
    display: flex;
    align-items: center;
    width: auto;
    gap: 13px;
    margin-left: auto;
}
.botton-section .review > ul {
    margin-bottom: 0;
}
/* 38. hero-section.business-insurance */ 
.hero-section.business-insurance {
    padding-bottom: 0;
}
.hero-section.business-insurance .hero-text h1 {
    color: #000;
} 
.hero-section.business-insurance .hero-text p {
    margin: auto;
    color: #151515;
}
.hero-section.business-insurance .hero-text {
    text-align: center;
    width: 70%;
    margin: auto;
}
.business-insurance .video img {
    border-radius: 0;
}
/* 39. video */
.video {
    position: relative;
    right: 0;
    text-align: center;
    margin-top: 120px;
    position: relative;
    z-index: 1111;
}
a.video-pop:hover i {
    color: #000;
    background-color: #fff;
}
.video img {
    border-radius: 30px;
}
.video i {
    position: absolute;
    animation: shadow-pulse 1s infinite;
    width: 130px;
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%; 
    color: #ffffff;
    font-size: 20px;
    background-color: #ffffff80;
}

@keyframes shadow-pulse{
    0% {
        box-shadow: 0 0 0 0px rgb(255 255 255);
    }
    100% {
        box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
    }
} 
/* 40. white_content */
.white_content a i:hover { 
  transform: rotate(90deg);
} 
.white_content {
  position: fixed;
  top: 0%;
  right: 0%;
  width: 26% !important;
  width: 50%;
  padding: 0;
  background-color: white;
  z-index: 50555;
  overflow: hidden;
  height: 100%;
} 
.box form.message .nice-select:before {
  right: 7%;
}
.lightbox a#close {
    position: absolute;
    right: 14px;
    font-size: 36px;
    top: 7px;
    color: #fff;
    z-index: 115555;
}
.goole-star.two .lightbox-img {
    position: absolute;
    bottom: 0;
} 
.lightbox-img .goole-star.two ul.star {
    padding: 0;
} 
.lightbox-img .goole-star.two {
    position: absolute;
    bottom: 0;
    background-color: #00000080;
    padding: 10px 20px;
    border-radius: 50px;
    transform: translate(-50%, -50%);
    bottom: -4%;
    left: 40%;
    width: max-content;
} 
.lightbox-img .goole-star.two img {
    width: 30px;
} 
.lightbox-img img {
    width: 100%;
    clip-path: polygon(0% 0%, 100% 0, 100% 75%, 85% 100%, 0% 100%);
}
.lightbox-img {
    position: relative;
}
.lightbox-img {
    position: relative;
}
.sid-businessman .links a {
    background-color: #202020;
    padding: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    border-radius: 0;
}
.lightbox-data {
    padding: 50px;
    z-index: 1111;
    position: relative;
} 
.lightbox-data h3 {
    font-weight: bold;
    padding-bottom: 20px;
} 
.lightbox-data ul li {
    display: flex;
    gap: 20px;
    margin-bottom: 36px;
} 
.lightbox-data ul li i {background-color: #a9e448;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border-radius: 50%;} 
.lightbox-data ul li p,.lightbox-data ul li a {
    font-size: 18px;
    color: #000;
}
.lightbox-data ul li a:hover {
    color: var(--bgcolor);
}
.white_content:before {
    border: 3px solid #444;
    content: "";
    position: absolute;
    width: 97%;
    height: 97%;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 1111; 
}
form.get-a-quote.subscribe-form h3 {
    color: #fff;
    font-size: 50px;
    padding-bottom: 40px;
    padding-top: 10px;
    font-weight: bold;
}
form.get-a-quote.subscribe-form {
    clip-path: polygon(20% 0%, 80% 0%, 100% 0, 100% 72%, 88% 100%, 0 100%, 0% 80%, 0 0);
}
/* 41. transition */ 
.team:before,.services > i,.services > a,ul.social-media i,
.services:before,.services p,.services span,.services h3 a,.services > a,
.header-right .mailnumber a,a.union,a.union svg,.lightbox-data ul li a,
.blog-body a,.links a,.count-text i svg,.services i svg,.login a,.count-text, .footer-links ul li a  {
    transition: .4s ease-in-out;
}
/* Card corner radius */
.services,
.pricing,
.team,
.blog,
.blog-image,
.blog-image img,
.testimonial,
.our-mission,
.count-text,
.smooth-img img,
.about-imgs > img,
.team img {
    border-radius: 10px;
}
.blog-image,
.blog-image img,
.smooth-img img {
    overflow: hidden;
}

/* =========================================================
   DESIGN POLISH LAYER — Anton CGL Film Studios
   ========================================================= */
:root{
    --ink:#0B1714;        /* deep studio green-black */
    --ink-soft:#16241F;
    --lime:#A9E448;
    --lime-deep:#7FB52E;
    --cream:#F7F7F2;
    --line:rgba(11,23,20,.08);
    --shadow-sm:0 6px 20px rgba(11,23,20,.06);
    --shadow-md:0 16px 40px rgba(11,23,20,.10);
    --shadow-lg:0 28px 60px rgba(11,23,20,.16);
}

/* Eyebrow labels -> branded pills */
.heading > span,
.heading.two > span,
.heading-add .heading.two > span{
    display:inline-block;
    background:rgba(169,228,72,.16);
    color:var(--lime-deep);
    padding:7px 18px;
    border-radius:50px;
    font-size:13px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

/* Headings: tighten + slightly relax the huge sizes for elegance */
.heading h2,.heading.two h2{ letter-spacing:-.5px; line-height:1.12; }

/* Primary button: depth + lift */
.btn{
    box-shadow:0 10px 24px rgba(169,228,72,.35);
    transition:transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
.btn:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(169,228,72,.5);
}

/* Generic card elevation + hover lift */
.services,.our-mission,.count-text,.blog,.team{
    background:#fff;
    box-shadow:var(--shadow-sm);
    border:1px solid var(--line);
    transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
}
.services:hover,.blog:hover,.team:hover,.count-text:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-md);
}

/* Service icon chip */
.services{ padding:40px 34px; }

/* Stat counters: make the number pop */
.count-text{ padding:26px 30px; }
.count-text h2{ color:var(--ink); font-size:54px; }
.count-text h2 span{ color:var(--lime-deep); }

/* About "mission" cards */
.our-mission{ padding:34px; }
.our-mission h3{ color:var(--ink); }

/* LOCATION cards (Why These Three Locations) */
.row.mt-4 .testimonial{
    width:auto;
    clip-path:none;
    border-radius:16px;
    background:var(--cream);
    border:1px solid var(--line);
    border-top:4px solid var(--lime);
    padding:38px 34px;
    height:100%;
    box-shadow:var(--shadow-sm);
    transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
}
.row.mt-4 .testimonial:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-md);
}
.row.mt-4 .testimonial h3{
    padding-top:0;
    margin-bottom:14px;
    font-size:28px;
    color:var(--ink);
}
.row.mt-4 .testimonial p{ color:#3c4a44; }

/* Pricing: elevation + featured emphasis */
.pricing{
    box-shadow:var(--shadow-sm);
    border:1px solid var(--line);
    transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
}
.pricing:hover{ transform:translateY(-8px); box-shadow:var(--shadow-md); }
.pricing.two{
    box-shadow:var(--shadow-lg);
    border:1px solid rgba(169,228,72,.6);
}
@media (min-width:992px){ .pricing.two{ transform:scale(1.04); } .pricing.two:hover{ transform:scale(1.04) translateY(-8px); } }
.pricing.two h6{
    background:var(--lime);
    color:var(--ink);
    border-radius:50px;
    padding:6px 18px;
    font-weight:700;
    letter-spacing:.5px;
    display:inline-block;
}

/* FAQ accordion polish */
.accordion-item{
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px !important;
    margin-bottom:14px;
    padding:6px 8px;
    transition:box-shadow .3s ease, border-color .3s ease;
}
.accordion-item:hover{ box-shadow:var(--shadow-sm); }
.accordion-item.active{
    border-color:rgba(169,228,72,.55);
    box-shadow:var(--shadow-sm);
}

/* Partners: flag tiles */
.full-container .row.ms-xl-5 .text-center{
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:26px 0;
    box-shadow:var(--shadow-sm);
    transition:transform .4s ease, box-shadow .4s ease;
}
.full-container .row.ms-xl-5 .text-center:hover{ transform:translateY(-6px); box-shadow:var(--shadow-md); }
.partnership .conttime h2{ color:var(--ink); }
.partnership .conttime h2 span{ color:var(--lime-deep); }

/* Image depth */
.smooth-img img,.about-imgs > img,.blog-image img{ box-shadow:var(--shadow-md); }

/* Scroll-reveal base (activated by JS; degrades gracefully) */
.reveal-up{ opacity:0; transform:translateY(34px); }
.reveal-ready .reveal-up{ opacity:1; transform:none; transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }

/* Section heading spacing breathing room */
.heading{ margin-bottom:50px; }

/* Heading rhythm: hero stays bold; section titles a touch tighter */
.heading h2,.heading.two h2{ font-size:46px; }
@media (max-width:768px){
  h1{ font-size:40px; }
  .heading h2,.heading.two h2{ font-size:32px; }
  .gap{ padding:80px 0; }
}

/* =========================================================
   BOLD SECTION RHYTHM
   ========================================================= */
.section-cream{ background-color:var(--cream); }

/* Dark, cinematic Locations band */
.locations-band{
    background:radial-gradient(120% 140% at 80% 0%, #16241F 0%, #0B1714 55%) ;
    position:relative;
}
.locations-band .heading.two span{
    background:rgba(169,228,72,.18);
    color:var(--lime);
}
.locations-band .heading.two h2{ color:#fff; }
.locations-band .row.mt-4 .testimonial{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.10);
    border-top:4px solid var(--lime);
    backdrop-filter:blur(2px);
}
.locations-band .row.mt-4 .testimonial h3{ color:#fff; }
.locations-band .row.mt-4 .testimonial p{ color:#C7D2CC; }

/* Make the hero headline bigger + add a subtle gradient on the lime accent */
.hero-text h1{ line-height:1.05; letter-spacing:-1px; }
.hero-text > .btn{ margin-top:6px; }

/* ===== Enforce site fonts on all UI elements ===== */
body, p, a, span, li, div, label,
button, input, textarea, select, .btn,
.navbar-links li a, .heading span, .footer-links ul li a,
.testimonial p, .services p, .pricing p, .accordion-item .title {
    font-family: 'Uber Move Text', sans-serif;
}
h1, h2, h3, h4, h5, h6,
.heading h2, .heading.two h2, .hero-text h1,
.services h3, .pricing h4, .team h3, .blog h3, .testimonial h3 {
    font-family: 'Gloock', serif;
}

/* =========================================================
   MODERN HERO REDESIGN
   ========================================================= */
.hero-modern{
    min-height:100vh;
    display:flex;
    align-items:center;
    padding:160px 0 110px;
    background-position:center;
    background-size:cover;
}
.hero-modern .container{ position:relative; z-index:2; }

/* layered gradient: dark for legibility + lime glow */
.hero-modern::before{
    background:
      radial-gradient(80% 90% at 75% 10%, rgba(169,228,72,.18) 0%, rgba(169,228,72,0) 45%),
      linear-gradient(100deg, rgba(8,17,14,.94) 0%, rgba(8,17,14,.80) 38%, rgba(8,17,14,.42) 72%, rgba(8,17,14,.30) 100%);
}
.hero-modern::after{ height:42%; }

.hero-inner{ max-width:860px; }

/* badge */
.hero-badge{
    display:inline-flex; align-items:center; gap:10px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.18);
    color:#EAF3E0;
    padding:9px 20px; border-radius:50px;
    font-size:13px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
    backdrop-filter:blur(6px);
    margin-bottom:28px;
}
.hero-badge .pulse{
    width:9px; height:9px; border-radius:50%;
    background:var(--lime);
    box-shadow:0 0 0 0 rgba(169,228,72,.7);
    animation:heroPulse 2s infinite;
}
@keyframes heroPulse{
    0%{ box-shadow:0 0 0 0 rgba(169,228,72,.6); }
    70%{ box-shadow:0 0 0 12px rgba(169,228,72,0); }
    100%{ box-shadow:0 0 0 0 rgba(169,228,72,0); }
}

/* headline */
.hero-title{
    color:#fff;
    font-size:78px;
    line-height:1.04;
    letter-spacing:-1.5px;
    margin:0 0 24px;
}
.hero-title .accent{
    color:var(--lime);
    font-style:italic;
}
.hero-sub{
    color:#C9D4CD;
    font-size:21px;
    line-height:1.7;
    max-width:660px;
    margin-bottom:38px;
}

/* CTAs */
.hero-cta{ display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin-bottom:46px; }
.btn-ghost{
    display:inline-flex; align-items:center; gap:10px;
    color:#fff; font-weight:600; font-size:16px;
    padding:18px 34px; border-radius:16px;
    border:1px solid rgba(255,255,255,.30);
    transition:all .3s ease;
}
.btn-ghost::after{ content:"→"; transition:transform .3s ease; }
.btn-ghost:hover{ background:rgba(255,255,255,.10); color:#fff; border-color:#fff; }
.btn-ghost:hover::after{ transform:translateX(5px); }

/* location chips */
.hero-locations{ display:flex; flex-wrap:wrap; gap:12px; margin-bottom:50px; }
.loc-chip{
    display:inline-flex; align-items:center; gap:8px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.15);
    color:#EAF3E0; font-weight:600; font-size:15px;
    padding:10px 18px; border-radius:12px;
    transition:all .3s ease;
}
.loc-chip:hover{ background:rgba(169,228,72,.16); border-color:rgba(169,228,72,.5); transform:translateY(-3px); }

/* inline stats */
.hero-stats{
    display:flex; flex-wrap:wrap; gap:46px;
    padding-top:34px;
    border-top:1px solid rgba(255,255,255,.14);
}
.hstat{ display:flex; align-items:center; gap:14px; }
.hstat strong{
    font-family:'Gloock',serif;
    font-size:52px; color:var(--lime); line-height:1;
}
.hstat span{ color:#AFBdb4; font-size:14px; line-height:1.4; }

/* scroll cue */
.hero-scroll{
    position:absolute; left:50%; bottom:30px; transform:translateX(-50%);
    width:26px; height:42px; border:2px solid rgba(255,255,255,.4);
    border-radius:14px; z-index:2; display:block;
}
.hero-scroll span{
    position:absolute; left:50%; top:8px; transform:translateX(-50%);
    width:4px; height:8px; border-radius:4px; background:var(--lime);
    animation:heroScroll 1.6s infinite;
}
@keyframes heroScroll{ 0%{opacity:0;top:8px} 40%{opacity:1} 80%{opacity:0;top:22px} 100%{opacity:0} }

@media (max-width:991px){
    .hero-title{ font-size:52px; }
    .hero-sub{ font-size:18px; }
    .hero-stats{ gap:28px; }
    .hstat strong{ font-size:40px; }
}
@media (max-width:575px){
    .hero-title{ font-size:38px; letter-spacing:-.5px; }
    .hero-cta{ gap:12px; }
    .btn-ghost{ padding:16px 26px; }
    .hero-stats{ gap:20px; }
    .hero-scroll{ display:none; }
}

/* =========================================================
   FLOATING GLASS NAVBAR  (premium / modern)
   ========================================================= */
header{
    position:fixed; top:22px; left:0; right:0;
    z-index:1111;
    width:100%;
    transition:top .35s ease;
}
header > .container{ max-width:1180px; }

header .top-bar{
    display:flex; align-items:center; justify-content:space-between;
    gap:24px;
    padding:12px 14px 12px 26px;
    border-radius:50px;
    background:rgba(18,30,25,.55);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 14px 40px rgba(0,0,0,.28);
    backdrop-filter:blur(16px) saturate(140%);
    -webkit-backdrop-filter:blur(16px) saturate(140%);
    transition:background .35s ease, box-shadow .35s ease, padding .35s ease, border-color .35s ease;
}

/* logo */
header .logo img{ max-height:42px; width:auto; }

/* nav links pill group */
.navbar{ padding:0; }
.navbar-links{ display:flex; align-items:center; gap:2px; }
.navbar-links li.navbar-dropdown{ padding:0; }
.navbar-links li:not(:last-child){ padding-right:0; }
.navbar-links li a{
    display:block;
    color:rgba(255,255,255,.78);
    font-size:15px; font-weight:500;
    padding:9px 16px; border-radius:50px;
    transition:color .25s ease, background-color .25s ease;
}
.navbar-links li a:hover{ color:#fff; background:rgba(255,255,255,.08); }
.navbar-links li a.active{ color:var(--ink); background:var(--lime); font-weight:600; }

/* right cluster */
.header-right{ display:flex; align-items:center; gap:14px; }
.nav-phone{
    display:inline-flex; align-items:center; gap:7px;
    color:rgba(255,255,255,.85); font-weight:600; font-size:14px;
    transition:color .25s ease;
}
.nav-phone svg{ color:var(--lime); }
.nav-phone:hover{ color:#fff; }
.nav-cta{
    display:inline-flex; align-items:center;
    background:var(--lime); color:var(--ink);
    font-weight:700; font-size:14.5px;
    padding:11px 22px; border-radius:50px;
    box-shadow:0 8px 22px rgba(169,228,72,.30);
    transition:transform .3s ease, box-shadow .3s ease, background-color .3s ease;
}
.nav-cta:hover{ color:var(--ink); transform:translateY(-2px); background:#b9ef5a; box-shadow:0 12px 30px rgba(169,228,72,.5); }

/* scrolled: tighten + darken the pill */
header.sticky{ top:12px; }
header.sticky .top-bar{
    background:rgba(10,18,15,.82);
    border-color:rgba(255,255,255,.10);
    box-shadow:0 16px 44px rgba(0,0,0,.4);
    padding-top:9px; padding-bottom:9px;
}

/* hamburger */
.nav-toggle{ display:none; background:transparent; border:0; width:40px; height:40px; flex-direction:column; gap:5px; align-items:center; justify-content:center; cursor:pointer; }
.nav-toggle span{ width:22px; height:2px; background:#fff; border-radius:2px; transition:all .3s ease; }
.nav-toggle.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2){ opacity:0; }
.nav-toggle.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

/* push hero content below the floating bar a touch on very large screens handled by hero padding */

@media (max-width:1199px){
    .navbar-links li a{ padding:9px 12px; font-size:14px; }
    .nav-phone{ display:none; }
}
@media (max-width:991px){
    header{ top:14px; }
    header .top-bar{ padding:12px 14px 12px 20px; }
    .nav-toggle{ display:flex; }
    .navbar{
        position:fixed; top:0; right:0; height:100vh; width:310px; max-width:86vw;
        background:rgba(10,18,15,.97); backdrop-filter:blur(16px);
        padding:96px 26px 36px; transform:translateX(110%);
        transition:transform .42s cubic-bezier(.4,0,.2,1);
        box-shadow:-24px 0 60px rgba(0,0,0,.45); border-left:1px solid rgba(255,255,255,.08);
    }
    header.nav-open .navbar{ transform:translateX(0); }
    .navbar-links{ flex-direction:column; align-items:stretch; gap:6px; width:100%; }
    .navbar-links li.navbar-dropdown{ width:100%; }
    .navbar-links li a{ font-size:17px; padding:13px 16px; }
}
@media (max-width:480px){
    header .top-bar{ border-radius:18px; }
    .nav-cta{ padding:10px 16px; font-size:13.5px; }
}

/* ===== Brand wordmark logo + nav nowrap fixes ===== */
.logo .wordmark{ display:inline-flex; align-items:center; gap:11px; }
.wm-mark{
    width:40px; height:40px; flex:0 0 40px;
    display:flex; align-items:center; justify-content:center;
    background:var(--lime); color:var(--ink);
    font-family:'Gloock',serif; font-size:24px; line-height:1;
    border-radius:11px;
    box-shadow:0 6px 16px rgba(169,228,72,.35);
}
.wm-text{
    display:flex; flex-direction:column; line-height:1;
    color:#fff; font-family:'Gloock',serif; font-size:19px; letter-spacing:.5px;
}
.wm-text small{
    font-family:'Uber Move Text',sans-serif;
    font-size:10.5px; font-weight:500; letter-spacing:2.5px;
    color:var(--lime); margin-top:4px; text-transform:uppercase;
}

/* keep menu items + phone on one line */
.navbar-links li a{ white-space:nowrap; }
.nav-phone{ white-space:nowrap; }

/* a touch tighter so it all fits comfortably */
.navbar-links{ gap:0; }
.navbar-links li a{ padding:9px 13px; }
@media (max-width:1320px){ .navbar-links li a{ padding:9px 11px; font-size:14px; } }

/* ===== Nav: regular weight + active follows scroll ===== */
.navbar-links li a{ font-weight:400; }
.navbar-links li a.active{ font-weight:500; }
.wm-text{ font-weight:400; }

/* =========================================================
   MODERN ABOUT SECTION
   ========================================================= */
.about-modern{ overflow:hidden; }
.about-row{ --gx:60px; }
.about-row > [class*="col-"]{ padding-left:30px; padding-right:30px; }

/* shared eyebrow pill (reusable) */
.eyebrow-pill{
    display:inline-block;
    background:rgba(169,228,72,.16);
    color:var(--lime-deep);
    padding:8px 18px; border-radius:50px;
    font-size:13px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
    margin-bottom:22px;
}

/* left visual */
.about-visual{ position:relative; }
.about-main{
    width:100%; border-radius:24px; display:block;
    box-shadow:0 30px 70px rgba(11,23,20,.22);
}
.about-badge{
    position:absolute; left:-14px; bottom:48px;
    background:var(--ink); color:#fff;
    border-radius:18px; padding:22px 26px;
    display:flex; align-items:center; gap:16px;
    box-shadow:0 22px 50px rgba(11,23,20,.35);
    border:1px solid rgba(255,255,255,.08);
}
.about-badge .ab-num{
    font-family:'Gloock',serif; font-size:52px; color:var(--lime); line-height:1;
}
.about-badge .ab-label{ font-size:14px; color:#C9D4CD; line-height:1.4; }
/* (old absolute flags rule removed — see ABOUT VISUAL v2 below) */

/* right content */
.about-content{ padding-left:10px; }
.about-title{
    font-size:42px; line-height:1.12; letter-spacing:-.5px; color:var(--ink);
    margin-bottom:20px;
}
.about-title .accent{ color:var(--lime-deep); font-style:italic; }
.about-lead{ font-size:18px; line-height:1.7; color:#4a574f; margin-bottom:30px; }

/* mission points */
.about-points{ display:flex; flex-direction:column; gap:20px; margin-bottom:34px; }
.ap{ display:flex; gap:18px; align-items:flex-start; }
.ap-num{
    flex:0 0 46px; width:46px; height:46px;
    display:flex; align-items:center; justify-content:center;
    border-radius:12px; background:rgba(169,228,72,.16);
    color:var(--lime-deep); font-family:'Gloock',serif; font-size:18px;
    transition:all .3s ease;
}
.ap:hover .ap-num{ background:var(--lime); color:var(--ink); transform:translateY(-2px); }
.ap h4{ font-size:19px; color:var(--ink); margin-bottom:5px; }
.ap p{ font-size:15.5px; line-height:1.6; color:#5a665e; }

/* cta row */
.about-cta-row{ display:flex; align-items:center; gap:22px; flex-wrap:wrap; }
.about-note{ font-size:14px; color:#7a857d; max-width:210px; line-height:1.4; }

@media (max-width:991px){
    .about-content{ padding-left:0; margin-top:48px; }
    .about-title{ font-size:32px; }
    .about-badge{ left:0; }
}
@media (max-width:575px){
    .about-flags{ display:none; }
    .about-badge{ padding:16px 18px; bottom:14px; }
    .about-badge .ab-num{ font-size:40px; }
}

/* badge counter as h2 */
.about-badge .ab-num{ margin:0; padding:0; font-size:52px; }

/* =========================================================
   ABOUT VISUAL v2 (robust, non-absolute stat card)
   ========================================================= */
.about-modern{ overflow:visible; }
.about-visual{ position:relative; padding-bottom:10px; }
.about-frame{ position:relative; border-radius:24px; overflow:hidden; box-shadow:0 30px 70px rgba(11,23,20,.22); }
.about-frame .about-main{
    width:100%; height:520px; object-fit:cover; display:block; border-radius:24px;
    box-shadow:none;
}
.about-tag{
    position:absolute; top:18px; left:18px;
    display:inline-flex; align-items:center; gap:9px;
    background:rgba(8,17,14,.6); backdrop-filter:blur(8px);
    color:#fff; font-size:13px; font-weight:600; letter-spacing:.5px;
    padding:9px 16px; border-radius:50px; border:1px solid rgba(255,255,255,.18);
}
.about-tag .tag-dot{ width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 0 rgba(169,228,72,.7); animation:heroPulse 2s infinite; }

/* overlapping stat card — normal flow, guaranteed visible */
.about-statcard{
    position:relative; z-index:3;
    margin:-46px 22px 0;
    background:var(--ink);
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    box-shadow:0 24px 50px rgba(11,23,20,.30);
    padding:24px 20px;
    display:flex; align-items:center; justify-content:space-between;
}
.about-statcard .asc{ text-align:center; flex:1; }
.about-statcard .asc strong{
    display:block; font-family:'Gloock',serif; font-size:40px; color:var(--lime); line-height:1; margin-bottom:6px;
}
.about-statcard .asc span{ font-size:12.5px; color:#AFBDB4; line-height:1.35; }
.about-statcard .asc-div{ width:1px; align-self:stretch; background:rgba(255,255,255,.12); margin:4px 8px; }

/* flags row */
.about-flags{
    display:flex; flex-wrap:wrap; gap:10px; justify-content:center;
    margin-top:18px;
}
.about-flags span{
    background:rgba(169,228,72,.12);
    border:1px solid rgba(169,228,72,.30);
    color:var(--lime-deep); font-size:13.5px; font-weight:600;
    padding:8px 15px; border-radius:10px;
}

@media (max-width:575px){
    .about-frame .about-main{ height:360px; }
    .about-statcard{ margin:-40px 8px 0; padding:18px 10px; }
    .about-statcard .asc strong{ font-size:30px; }
    .about-statcard .asc span{ font-size:11px; }
}

/* ===== Readability: dark text on lime-tinted pills ===== */
.eyebrow-pill{ color:var(--ink); background:rgba(169,228,72,.22); }
.about-flags span{ color:var(--ink); }
.about-flags span:hover{ color:var(--ink); }
.heading > span, .heading.two > span, .heading-add .heading.two > span{ color:var(--ink); }

/* =========================================================
   STUDIOS SECTION — modern image cards
   ========================================================= */
.studios-section{ position:relative; overflow:hidden; }
.studios-section::before{
    content:""; position:absolute; pointer-events:none; z-index:0;
    width:480px; height:480px; right:-160px; top:-120px;
    background:radial-gradient(circle, rgba(169,228,72,.18) 0%, rgba(169,228,72,0) 70%);
}
.studios-section .container{ position:relative; z-index:1; }
.studios-grid{ margin-top:14px; }

.studio-card{
    background:#fff;
    border:1px solid rgba(11,23,20,.07);
    border-radius:20px;
    overflow:hidden;
    height:100%;
    box-shadow:0 10px 30px rgba(11,23,20,.06);
    transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease;
}
.studio-card:hover{ transform:translateY(-10px); box-shadow:0 28px 56px rgba(11,23,20,.16); }

/* media */
.sc-media{ position:relative; overflow:hidden; }
.sc-media img{
    width:100%; height:230px; object-fit:cover; display:block;
    transition:transform .7s cubic-bezier(.2,.7,.2,1);
}
.studio-card:hover .sc-media img{ transform:scale(1.07); }
.sc-media::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(11,23,20,0) 45%, rgba(11,23,20,.45) 100%);
}
.sc-icon{
    position:absolute; left:22px; bottom:-26px; z-index:2;
    width:56px; height:56px; border-radius:16px;
    display:flex; align-items:center; justify-content:center;
    background:var(--lime); color:var(--ink); font-size:22px;
    box-shadow:0 12px 26px rgba(169,228,72,.45);
    transition:transform .4s ease;
}
.studio-card:hover .sc-icon{ transform:translateY(-4px) rotate(-6deg); }
.sc-num{
    position:absolute; right:18px; top:16px; z-index:2;
    font-family:'Gloock',serif; font-size:40px; color:#fff; opacity:.85; line-height:1;
    text-shadow:0 4px 16px rgba(0,0,0,.4);
}

/* body */
.sc-body{ padding:42px 26px 30px; }
.sc-body h3{ font-size:23px; color:var(--ink); margin-bottom:8px; }
.sc-tag{
    display:inline-block; color:var(--lime-deep); font-weight:600; font-size:13px;
    letter-spacing:.3px; margin-bottom:14px;
}
.sc-body p{ font-size:15px; line-height:1.65; color:#5a665e; margin-bottom:20px; }
.sc-link{
    display:inline-flex; align-items:center; gap:9px;
    color:var(--ink); font-weight:600; font-size:15px;
    transition:gap .3s ease, color .3s ease;
}
.sc-link i{ transition:transform .3s ease; }
.sc-link:hover{ color:var(--lime-deep); gap:13px; }
.sc-link:hover i{ transform:translateX(3px); }

@media (max-width:575px){
    .sc-media img{ height:200px; }
    .sc-body{ padding:40px 22px 26px; }
}

/* =========================================================
   STUDIOS — dark cinematic bento grid
   ========================================================= */
.studios-dark{
    position:relative; overflow:hidden;
    background:radial-gradient(120% 130% at 85% 0%, #16241F 0%, #0B1714 60%);
}
.studios-dark::before{
    content:""; position:absolute; pointer-events:none;
    width:520px; height:520px; left:-160px; bottom:-160px;
    background:radial-gradient(circle, rgba(169,228,72,.14) 0%, rgba(169,228,72,0) 70%);
}
.studios-dark .container{ position:relative; z-index:1; }

/* header row */
.studios-head{
    display:flex; align-items:flex-end; justify-content:space-between; gap:40px;
    margin-bottom:46px; flex-wrap:wrap;
}
.eyebrow-pill.light{ background:rgba(169,228,72,.16); color:var(--lime); }
.studios-head h2{ color:#fff; font-size:48px; line-height:1.1; letter-spacing:-.5px; margin:0; }
.studios-head h2 .accent{ color:var(--lime); font-style:italic; }
.sh-right{ color:#AEBcB3; font-size:17px; line-height:1.7; max-width:420px; }

/* bento grid */
.bento{
    display:grid;
    grid-template-columns:1.35fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:22px;
    min-height:660px;
}
.bento-tile{
    position:relative; overflow:hidden;
    border-radius:22px;
    background-size:cover; background-position:center;
    border:1px solid rgba(255,255,255,.08);
    display:flex; align-items:flex-end;
    transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease;
    background-repeat:no-repeat;
}
.bento-tile.feature{ grid-row:1 / span 2; }
.bento-tile:hover{ transform:translateY(-6px); box-shadow:0 30px 60px rgba(0,0,0,.45); }

/* image zoom via pseudo so overlay stays put */
.bento-tile::after{
    content:""; position:absolute; inset:0; z-index:0;
    background:inherit; background-size:cover; background-position:center;
    transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.bento-tile:hover::after{ transform:scale(1.06); }
.bt-shade{
    position:absolute; inset:0; z-index:1;
    background:linear-gradient(180deg, rgba(8,17,14,.15) 0%, rgba(8,17,14,.55) 55%, rgba(8,17,14,.92) 100%);
}
.bt-body{ position:relative; z-index:2; padding:34px; width:100%; }
.bt-icon{
    display:inline-flex; align-items:center; justify-content:center;
    width:54px; height:54px; border-radius:15px;
    background:var(--lime); color:var(--ink); font-size:21px;
    box-shadow:0 12px 26px rgba(169,228,72,.4);
    margin-bottom:18px;
    transition:transform .4s ease;
}
.bento-tile:hover .bt-icon{ transform:translateY(-4px) rotate(-6deg); }
.bt-body h3{ color:#fff; font-size:25px; margin-bottom:10px; }
.bt-body p{ color:#C4CFC7; font-size:15px; line-height:1.6; max-width:440px; }
.bento-tile.feature .bt-body h3{ font-size:32px; }
.bento-tile.feature .bt-body p{ font-size:16.5px; }

/* feature feature-list chips */
.bt-list{ display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; }
.bt-list li{
    background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.16);
    color:#EAF3E0; font-size:13.5px; font-weight:600;
    padding:8px 15px; border-radius:50px; backdrop-filter:blur(6px);
}

@media (max-width:991px){
    .bento{ grid-template-columns:1fr; grid-template-rows:none; min-height:0; }
    .bento-tile{ min-height:300px; }
    .bento-tile.feature{ grid-row:auto; min-height:420px; }
    .studios-head h2{ font-size:36px; }
}

/* ===== Flag icons (replace emoji) ===== */
.flag{
    display:inline-block;
    width:24px; height:16px;
    object-fit:cover;
    border-radius:3px;
    vertical-align:-2px;
    margin-right:7px;
    box-shadow:0 1px 3px rgba(0,0,0,.25);
}
/* flags that follow text (e.g. "Jamaica [flag]") */
.locations-band .testimonial h3 .flag{ width:32px; height:21px; margin-right:0; margin-left:10px; vertical-align:-3px; }
/* large flags in partners section */
.flag-lg{ width:74px; height:50px; border-radius:8px; margin:0; box-shadow:0 8px 20px rgba(0,0,0,.18); }
/* footer + contact one-line lists: tighten spacing */
.copyright .flag, .about-flags .flag, .loc-chip .flag{ vertical-align:-3px; }

/* ===== Active nav link: no background, just lime text + dot ===== */
.navbar-links li a.active{
    background:transparent !important;
    color:var(--lime) !important;
    font-weight:500;
}
.navbar-links li a.active::after{
    content:""; display:block;
    position:absolute; left:50%; bottom:3px; transform:translateX(-50%);
    width:5px; height:5px; border-radius:50%; background:var(--lime);
}

/* =========================================================
   LOCATIONS — image-backed cards (redesign)
   ========================================================= */
.loc-head{ text-align:center; max-width:680px; margin:0 auto 50px; }
.loc-head h2{ color:#fff; font-size:46px; line-height:1.12; letter-spacing:-.5px; margin-bottom:16px; }
.loc-head h2 .accent{ color:var(--lime); font-style:italic; }
.loc-head p{ color:#AEBCB3; font-size:17px; line-height:1.7; }

.loc-card{
    position:relative; overflow:hidden;
    height:480px; border-radius:22px;
    background-size:cover; background-position:center;
    border:1px solid rgba(255,255,255,.08);
    display:flex; flex-direction:column; justify-content:space-between;
    transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease;
}
.loc-card::after{
    content:""; position:absolute; inset:0; z-index:0;
    background:inherit; background-size:cover; background-position:center;
    transition:transform .9s cubic-bezier(.2,.7,.2,1);
}
.loc-card:hover{ transform:translateY(-8px); box-shadow:0 30px 60px rgba(0,0,0,.5); }
.loc-card:hover::after{ transform:scale(1.08); }
.lc-shade{
    position:absolute; inset:0; z-index:1;
    background:linear-gradient(180deg, rgba(8,17,14,.25) 0%, rgba(8,17,14,.30) 45%, rgba(8,17,14,.92) 100%);
}

/* top row: flag + region */
.lc-top{
    position:relative; z-index:2;
    display:flex; align-items:center; justify-content:space-between;
    padding:22px;
}
.lc-top .flag{ width:42px; height:28px; margin:0; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,.4); }
.lc-region{
    background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2);
    color:#fff; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
    padding:6px 13px; border-radius:50px; backdrop-filter:blur(6px);
}

/* body */
.lc-body{ position:relative; z-index:2; padding:26px; }
.lc-body h3{ color:#fff; font-size:30px; margin-bottom:8px; }
.lc-quote{ display:block; color:var(--lime); font-size:15px; font-style:italic; margin-bottom:12px; }
.lc-body p{ color:#CDD6CF; font-size:14.5px; line-height:1.6; margin-bottom:18px; }
.lc-points{ display:flex; flex-direction:column; gap:9px; }
.lc-points li{
    position:relative; color:#EAF3E0; font-size:14px; font-weight:500;
    padding-left:24px;
}
.lc-points li::before{
    content:""; position:absolute; left:0; top:6px;
    width:14px; height:14px; border-radius:50%;
    background:var(--lime);
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.17l-3.5-3.5l-1.42 1.41L9 19L20 8l-1.41-1.41z'/></svg>") center/12px no-repeat;
            mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.17l-3.5-3.5l-1.42 1.41L9 19L20 8l-1.41-1.41z'/></svg>") center/12px no-repeat;
}

@media (max-width:991px){
    .loc-head h2{ font-size:34px; }
    .loc-card{ height:440px; }
}

/* =========================================================
   INTRO STATEMENT SECTION (after hero)
   ========================================================= */
.intro-section{
    position:relative; overflow:hidden;
    padding:90px 0 0;
    background:linear-gradient(180deg, #0B1714 0%, #10211B 100%);
}
.intro-inner{ max-width:1000px; margin:0 auto; text-align:center; padding:0 20px 80px; }
.intro-section .eyebrow-pill{ background:rgba(169,228,72,.16); color:var(--lime); }
.intro-statement{
    color:#fff; font-size:42px; line-height:1.32; letter-spacing:-.3px; font-weight:400;
}
.intro-statement .accent{ color:var(--lime); font-style:italic; }

/* keyword marquee */
.intro-marquee{
    border-top:1px solid rgba(255,255,255,.10);
    border-bottom:1px solid rgba(255,255,255,.10);
    padding:26px 0; overflow:hidden; white-space:nowrap;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
            mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);
}
.im-track{ display:inline-flex; align-items:center; gap:30px; animation:imScroll 28s linear infinite; }
.intro-marquee:hover .im-track{ animation-play-state:paused; }
.im-track span{
    font-family:'Gloock',serif; font-size:30px; color:rgba(255,255,255,.55);
    transition:color .3s ease;
}
.im-track span:hover{ color:var(--lime); }
.im-track i{ width:7px; height:7px; border-radius:50%; background:var(--lime); display:inline-block; flex:0 0 7px; }
@keyframes imScroll{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }

@media (max-width:768px){
    .intro-statement{ font-size:27px; line-height:1.4; }
    .im-track span{ font-size:22px; }
    .intro-inner{ padding-bottom:56px; }
}
@media (prefers-reduced-motion: reduce){ .im-track{ animation:none; } }



/* =========================================================
   SHOWREEL — contained video card
   ========================================================= */
.reel-section{ background:linear-gradient(180deg,#ffffff 0%, #F4F8EE 100%); }
.reel-copy{ padding-right:20px; }
.reel-title{ font-size:40px; line-height:1.15; letter-spacing:-.5px; color:var(--ink); margin:18px 0 16px; }
.reel-title .accent{ color:var(--lime-deep); font-style:italic; }
.reel-text{ font-size:17px; line-height:1.7; color:#5a665e; margin-bottom:28px; }
.reel-link{
    display:inline-flex; align-items:center; gap:12px;
    color:var(--ink); font-weight:600; font-size:16px;
}
.reel-link-ic{
    width:40px; height:40px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    background:var(--lime); color:var(--ink);
    box-shadow:0 8px 20px rgba(169,228,72,.4);
    transition:transform .3s ease;
}
.reel-link:hover{ color:var(--lime-deep); }
.reel-link:hover .reel-link-ic{ transform:scale(1.1); }

/* the video card */
.reel-card{
    position:relative; border-radius:22px; overflow:hidden;
    box-shadow:0 28px 60px rgba(11,23,20,.18);
}
.reel-card img{
    width:100%; height:420px; object-fit:cover; display:block;
    transition:transform .8s cubic-bezier(.2,.7,.2,1);
}
.reel-card:hover img{ transform:scale(1.06); }
.reel-grad{ position:absolute; inset:0; background:linear-gradient(180deg, rgba(11,23,20,.10), rgba(11,23,20,.45)); }
.reel-play{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:84px; height:84px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:var(--lime); color:var(--ink);
    box-shadow:0 14px 34px rgba(169,228,72,.5);
    transition:transform .35s ease;
}
.reel-play svg{ margin-left:3px; }
.reel-play:hover{ transform:translate(-50%,-50%) scale(1.08); color:var(--ink); }
.rp-ring{ position:absolute; inset:0; border-radius:50%; border:2px solid rgba(169,228,72,.6); animation:spRing 2.2s ease-out infinite; }
@keyframes spRing{ 0%{ transform:scale(1); opacity:.8; } 100%{ transform:scale(1.7); opacity:0; } }
.reel-badge{
    position:absolute; left:18px; top:18px; z-index:2;
    background:rgba(8,17,14,.6); backdrop-filter:blur(6px);
    color:#fff; font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
    padding:7px 14px; border-radius:50px; border:1px solid rgba(255,255,255,.2);
}
@media (max-width:991px){
    .reel-copy{ padding-right:0; margin-bottom:36px; }
    .reel-title{ font-size:30px; }
    .reel-card img{ height:340px; }
}
@media (prefers-reduced-motion: reduce){ .rp-ring{ animation:none; } }

/* =========================================================
   HOW IT WORKS — connected stepper
   ========================================================= */
.how-section{ background:linear-gradient(180deg,#A9E448 0%, #9bd93b 100%); position:relative; overflow:hidden; }
.how-head{ text-align:center; max-width:680px; margin:0 auto 60px; }
.eyebrow-pill.dark{ background:var(--ink); color:var(--lime); }
.how-head h2{ color:var(--ink); font-size:46px; line-height:1.12; letter-spacing:-.5px; margin-top:18px; }
.how-head h2 .accent{ font-style:italic; color:#1c3a14; }

.how-steps{
    display:grid; grid-template-columns:repeat(4,1fr); gap:24px;
    position:relative;
}
/* connector line behind nodes */
.how-steps::before{
    content:""; position:absolute; top:26px; left:12%; right:12%; height:2px;
    background:repeating-linear-gradient(90deg, rgba(11,23,20,.35) 0 8px, transparent 8px 16px);
    z-index:0;
}
.how-step{ position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; }
.hs-node{
    width:54px; height:54px; border-radius:50%;
    background:var(--ink); color:var(--lime);
    display:flex; align-items:center; justify-content:center;
    font-family:'Gloock',serif; font-size:19px;
    box-shadow:0 10px 24px rgba(11,23,20,.28);
    margin-bottom:22px; transition:transform .35s ease;
}
.how-step:hover .hs-node{ transform:translateY(-4px) scale(1.06); }
.hs-card{
    background:#fff; border-radius:18px; padding:30px 24px; text-align:center;
    box-shadow:0 14px 34px rgba(11,23,20,.12);
    height:100%; transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
}
.how-step:hover .hs-card{ transform:translateY(-8px); box-shadow:0 26px 50px rgba(11,23,20,.2); }
.hs-ic{
    display:inline-flex; align-items:center; justify-content:center;
    width:62px; height:62px; border-radius:16px; margin-bottom:18px;
    background:rgba(169,228,72,.18); color:var(--ink);
}
.hs-card h3{ font-size:20px; color:var(--ink); margin-bottom:10px; }
.hs-card p{ font-size:14.5px; line-height:1.6; color:#5a665e; }

@media (max-width:991px){
    .how-steps{ grid-template-columns:repeat(2,1fr); gap:30px 24px; }
    .how-steps::before{ display:none; }
    .how-head h2{ font-size:34px; }
}
@media (max-width:575px){
    .how-steps{ grid-template-columns:1fr; }
}

/* =========================================================
   LEADERSHIP — modern leader cards
   ========================================================= */
.leaders-head{ text-align:center; max-width:660px; margin:0 auto 50px; }
.leaders-head h2{ color:var(--ink); font-size:46px; line-height:1.12; letter-spacing:-.5px; margin-top:16px; }
.leaders-head h2 .accent{ color:var(--lime-deep); font-style:italic; }
.leaders-head p{ color:#5a665e; font-size:17px; line-height:1.7; margin-top:14px; }

.leader-card{
    position:relative; height:100%;
    background:#fff; border:1px solid rgba(11,23,20,.07);
    border-radius:22px; padding:34px;
    box-shadow:0 12px 34px rgba(11,23,20,.07);
    transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease;
    overflow:hidden;
}
.leader-card::before{
    content:""; position:absolute; right:-60px; top:-60px; width:200px; height:200px;
    background:radial-gradient(circle, rgba(169,228,72,.18), rgba(169,228,72,0) 70%);
}
.leader-card:hover{ transform:translateY(-8px); box-shadow:0 28px 56px rgba(11,23,20,.15); }

.lead-top{ display:flex; align-items:center; gap:18px; margin-bottom:22px; position:relative; }
.lead-avatar{
    flex:0 0 70px; width:70px; height:70px; border-radius:20px;
    display:flex; align-items:center; justify-content:center;
    font-family:'Gloock',serif; font-size:26px; color:var(--ink);
    background:linear-gradient(135deg, var(--lime), #cdee8e);
    box-shadow:0 10px 24px rgba(169,228,72,.4);
}
.lead-avatar.alt{ background:linear-gradient(135deg, #16241F, #2e4a3e); color:var(--lime); }
.lead-id h3{ font-size:23px; color:var(--ink); margin-bottom:4px; }
.lead-role{ color:var(--lime-deep); font-weight:600; font-size:14px; }
.lead-bio{ font-size:15px; line-height:1.65; color:#5a665e; margin-bottom:20px; }

.lead-contact{ display:flex; flex-direction:column; gap:10px; margin-bottom:24px; }
.lead-chip{
    display:inline-flex; align-items:center; gap:10px; align-self:flex-start;
    background:rgba(169,228,72,.12); border:1px solid rgba(169,228,72,.28);
    color:var(--ink); font-weight:600; font-size:14.5px;
    padding:9px 16px; border-radius:12px; transition:all .3s ease;
}
.lead-chip svg{ color:var(--lime-deep); }
.lead-chip:hover{ background:var(--lime); color:var(--ink); transform:translateY(-2px); }

.lead-foot{ display:flex; align-items:center; justify-content:space-between; gap:14px; padding-top:18px; border-top:1px solid rgba(11,23,20,.08); }
.lead-pill{ color:#7a857d; font-size:13px; font-weight:500; }
.lead-social{
    width:40px; height:40px; border-radius:11px;
    display:inline-flex; align-items:center; justify-content:center;
    background:var(--ink); color:#fff; font-size:16px; transition:all .3s ease;
}
.lead-social:hover{ background:var(--lime); color:var(--ink); transform:translateY(-2px); }

@media (max-width:991px){ .leaders-head h2{ font-size:34px; } }
@media (max-width:575px){ .leader-card{ padding:26px; } .lead-top{ gap:14px; } }

/* =========================================================
   INSIGHTS — magazine grid + CTA tile
   ========================================================= */
.insights-section{ background:#fff; }
.insights-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:44px; }
.insights-head h2{ color:var(--ink); font-size:42px; line-height:1.12; letter-spacing:-.5px; margin-top:16px; }
.insights-head h2 .accent{ color:var(--lime-deep); font-style:italic; }
.ih-note{ color:#5a665e; font-size:16px; line-height:1.7; max-width:360px; }

.post-card{
    height:100%; background:#fff; border:1px solid rgba(11,23,20,.08);
    border-radius:20px; overflow:hidden;
    box-shadow:0 10px 28px rgba(11,23,20,.06);
    transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease;
}
.post-card:hover{ transform:translateY(-8px); box-shadow:0 26px 52px rgba(11,23,20,.15); }
.pc-media{ position:relative; overflow:hidden; }
.pc-media img{ width:100%; height:220px; object-fit:cover; display:block; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.post-card:hover .pc-media img{ transform:scale(1.07); }
.pc-cat{
    position:absolute; left:16px; top:16px;
    background:var(--lime); color:var(--ink);
    font-size:12px; font-weight:700; letter-spacing:.5px;
    padding:7px 14px; border-radius:50px;
    box-shadow:0 6px 16px rgba(169,228,72,.4);
}
.pc-body{ padding:26px 24px 28px; }
.pc-meta{ display:flex; align-items:center; gap:10px; color:#8a958c; font-size:13px; font-weight:500; margin-bottom:12px; }
.pc-meta i{ width:4px; height:4px; border-radius:50%; background:var(--lime-deep); display:inline-block; }
.pc-body h3{ font-size:20px; line-height:1.3; margin-bottom:12px; }
.pc-body h3 a{ color:var(--ink); transition:color .3s ease; }
.post-card:hover .pc-body h3 a{ color:var(--lime-deep); }
.pc-body p{ font-size:14.5px; line-height:1.6; color:#5a665e; margin-bottom:18px; }
.pc-link{
    display:inline-flex; align-items:center; gap:8px;
    color:var(--ink); font-weight:600; font-size:14.5px; transition:gap .3s ease, color .3s ease;
}
.pc-link:hover{ color:var(--lime-deep); gap:12px; }

/* CTA tile */
.post-cta{
    height:100%; border-radius:20px; padding:38px 32px;
    background:radial-gradient(120% 130% at 85% 0%, #16241F 0%, #0B1714 60%);
    color:#fff; display:flex; flex-direction:column; align-items:flex-start;
    border:1px solid rgba(255,255,255,.08);
}
.pcta-pill{
    background:rgba(169,228,72,.16); color:var(--lime);
    font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
    padding:7px 15px; border-radius:50px; margin-bottom:auto;
}
.post-cta h3{ color:#fff; font-size:26px; line-height:1.2; margin:26px 0 12px; }
.post-cta p{ color:#C4CFC7; font-size:15px; line-height:1.65; margin-bottom:26px; }

@media (max-width:991px){ .insights-head h2{ font-size:32px; } .post-cta{ padding:32px 26px; min-height:280px; } }

/* =========================================================
   FAQ — two-column (sticky intro + accordion)
   ========================================================= */
.faq-row{ align-items:flex-start; }
.faq-intro{ position:sticky; top:110px; padding-right:30px; }
.faq-intro h2{ color:var(--ink); font-size:40px; line-height:1.14; letter-spacing:-.5px; margin:18px 0 16px; }
.faq-intro h2 .accent{ color:var(--lime-deep); font-style:italic; }
.faq-intro > p{ color:#5a665e; font-size:16.5px; line-height:1.7; margin-bottom:30px; }
.faq-help{ display:flex; align-items:center; gap:16px; background:#fff; border:1px solid rgba(11,23,20,.08); border-radius:16px; padding:20px 22px; box-shadow:0 10px 26px rgba(11,23,20,.06); }
.faq-help-ic{ flex:0 0 48px; width:48px; height:48px; border-radius:13px; background:rgba(169,228,72,.18); color:var(--lime-deep); display:flex; align-items:center; justify-content:center; }
.faq-help h4{ font-size:16px; color:var(--ink); margin-bottom:3px; }
.faq-help a{ color:var(--lime-deep); font-weight:600; font-size:14.5px; }

/* accordion items (override earlier polish) */
.faq-section .accordion-item{
    background:#fff; border:1px solid rgba(11,23,20,.08);
    border-radius:16px !important; margin-bottom:14px; padding:0; overflow:hidden;
    transition:box-shadow .3s ease, border-color .3s ease;
}
.faq-section .accordion-item:hover{ box-shadow:0 12px 28px rgba(11,23,20,.08); }
.faq-section .accordion-item.active{ border-color:rgba(169,228,72,.55); box-shadow:0 14px 32px rgba(11,23,20,.10); }
.faq-section .accordion-item .heading{
    display:flex; align-items:center; justify-content:space-between; gap:16px;
    padding:22px 24px; cursor:pointer;
}
.faq-section .accordion-item .title{ font-family:'Gloock',serif; font-size:18px; color:var(--ink); line-height:1.35; }
.faq-section .accordion-item.active .title{ color:var(--lime-deep); }
.faq-section .accordion-item .icon{
    position:relative; flex:0 0 34px; width:34px; height:34px; border-radius:50%;
    background:rgba(169,228,72,.16); transition:all .3s ease;
}
.faq-section .accordion-item .icon::before,
.faq-section .accordion-item .icon::after{
    content:""; position:absolute; left:50%; top:50%; background:var(--ink);
    transform:translate(-50%,-50%); transition:all .3s ease;
}
.faq-section .accordion-item .icon::before{ width:13px; height:2px; }
.faq-section .accordion-item .icon::after{ width:2px; height:13px; }
.faq-section .accordion-item.active .icon{ background:var(--lime); }
.faq-section .accordion-item.active .icon::after{ transform:translate(-50%,-50%) rotate(90deg); opacity:0; }
.faq-section .accordion-item .content{ padding:0 24px; }
.faq-section .accordion-item .content p{ font-size:15px; line-height:1.7; color:#5a665e; padding-bottom:24px; }

@media (max-width:991px){
    .faq-intro{ position:static; padding-right:0; margin-bottom:36px; }
    .faq-intro h2{ font-size:32px; }
}

/* =========================================================
   PARTNERSHIP TIERS (Invest)
   ========================================================= */
.tiers-section .heading h2 .accent{ color:var(--lime-deep); font-style:italic; }
.tiers-grid{ align-items:stretch; }
.tier-card{
    position:relative; height:100%;
    background:#fff; border:1px solid rgba(11,23,20,.08);
    border-radius:22px; padding:38px 32px;
    box-shadow:0 12px 32px rgba(11,23,20,.06);
    display:flex; flex-direction:column;
    transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease;
}
.tier-card:hover{ transform:translateY(-8px); box-shadow:0 26px 52px rgba(11,23,20,.14); }
.tier-ic{
    width:64px; height:64px; border-radius:18px; margin-bottom:22px;
    display:inline-flex; align-items:center; justify-content:center;
    background:rgba(169,228,72,.16); color:var(--ink);
}
.tier-name{ font-size:24px; color:var(--ink); margin-bottom:8px; }
.tier-desc{ font-size:15px; line-height:1.6; color:#5a665e; margin-bottom:24px; min-height:48px; }
.tier-list{ display:flex; flex-direction:column; gap:14px; margin-bottom:30px; flex:1; }
.tier-list li{ display:flex; align-items:flex-start; gap:11px; font-size:14.5px; line-height:1.5; color:#3c4a44; }
.tier-list li svg{ color:var(--lime-deep); flex:0 0 18px; margin-top:1px; }

/* ghost button for non-featured */
.tier-btn-ghost{
    background:transparent; color:var(--ink);
    border:1.5px solid rgba(11,23,20,.18); box-shadow:none;
}
.tier-btn-ghost:hover{ background:var(--ink); color:#fff; border-color:var(--ink); transform:translateY(-3px); box-shadow:0 14px 30px rgba(11,23,20,.22); }
.tier-btn-ghost svg path{ fill:currentColor; }

/* featured card — dark, elevated */
.tier-card.featured{
    background:radial-gradient(120% 130% at 80% 0%, #16241F 0%, #0B1714 60%);
    border:1px solid rgba(169,228,72,.4);
    box-shadow:0 30px 60px rgba(11,23,20,.3);
}
@media (min-width:992px){ .tier-card.featured{ transform:scale(1.05); } .tier-card.featured:hover{ transform:scale(1.05) translateY(-8px); } }
.tier-card.featured .tier-ic{ background:var(--lime); color:var(--ink); }
.tier-card.featured .tier-name{ color:#fff; }
.tier-card.featured .tier-desc{ color:#B9C5BD; }
.tier-card.featured .tier-list li{ color:#DCE5DD; }
.tier-card.featured .tier-list li svg{ color:var(--lime); }
.tier-badge{
    position:absolute; top:20px; right:20px;
    background:var(--lime); color:var(--ink);
    font-size:11.5px; font-weight:700; letter-spacing:.6px; text-transform:uppercase;
    padding:6px 14px; border-radius:50px;
}
.tiers-note{ text-align:center; color:#8a958c; font-size:14px; margin-top:36px; }

@media (max-width:991px){ .tiers-note{ margin-top:24px; } }

/* =========================================================
   PARTNERS — global presence band
   ========================================================= */
.partners-band{ background:#fff; }
.partners-inner{
    position:relative; overflow:hidden;
    background:radial-gradient(120% 130% at 85% 0%, #16241F 0%, #0B1714 60%);
    border-radius:28px; padding:60px;
    border:1px solid rgba(255,255,255,.08);
}
.partners-inner::before{
    content:""; position:absolute; pointer-events:none;
    width:420px; height:420px; left:-140px; bottom:-160px;
    background:radial-gradient(circle, rgba(169,228,72,.16) 0%, rgba(169,228,72,0) 70%);
}
.partners-inner .row{ position:relative; z-index:1; }
.pb-title{ color:#fff; font-size:40px; line-height:1.12; letter-spacing:-.5px; margin:18px 0 16px; }
.pb-title .accent{ color:var(--lime); font-style:italic; }
.pb-text{ color:#B9C5BD; font-size:16.5px; line-height:1.7; margin-bottom:30px; max-width:440px; }
.pb-stats{ display:flex; gap:40px; flex-wrap:wrap; }
.pb-stat{ display:flex; align-items:center; gap:14px; }
.pb-stat strong{ font-family:'Gloock',serif; font-size:48px; color:var(--lime); line-height:1; }
.pb-stat span{ color:#AEBCB3; font-size:13.5px; line-height:1.4; max-width:150px; }

.pb-flags{ display:flex; flex-direction:column; gap:16px; padding-left:20px; }
.pb-flag{
    display:flex; align-items:center; gap:18px;
    background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
    border-radius:16px; padding:18px 22px;
    transition:transform .35s ease, background-color .35s ease, border-color .35s ease;
}
.pb-flag:hover{ transform:translateX(6px); background:rgba(169,228,72,.10); border-color:rgba(169,228,72,.35); }
.pb-flag .flag{ width:54px; height:36px; margin:0; border-radius:8px; box-shadow:0 6px 16px rgba(0,0,0,.4); }
.pb-flag h4{ color:#fff; font-size:18px; margin:0; flex:1; }
.pb-flag span{ color:var(--lime); font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase; }

@media (max-width:991px){
    .partners-inner{ padding:40px 28px; }
    .pb-title{ font-size:30px; }
    .pb-flags{ padding-left:0; margin-top:36px; }
}

/* =========================================================
   FOOTER — modern brand footer
   ========================================================= */
.site-footer{
    background:radial-gradient(110% 130% at 15% 0%, #16241F 0%, #0B1714 55%);
    padding:80px 0 0; position:relative; overflow:hidden;
}
.site-footer::before{
    content:""; position:absolute; pointer-events:none;
    width:500px; height:500px; right:-160px; top:-160px;
    background:radial-gradient(circle, rgba(169,228,72,.10) 0%, rgba(169,228,72,0) 70%);
}
.footer-top{ position:relative; z-index:1; display:grid; grid-template-columns:1.2fr 2fr; gap:60px; padding-bottom:56px; }
.footer-brand .wordmark{ display:inline-flex; align-items:center; gap:11px; margin-bottom:22px; }
.footer-brand p{ color:#9FACA3; font-size:15px; line-height:1.7; max-width:340px; margin-bottom:26px; }
.footer-social{ display:flex; gap:12px; }
.footer-social a{
    width:42px; height:42px; border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);
    color:#C9D4CD; transition:all .3s ease;
}
.footer-social a:hover{ background:var(--lime); color:var(--ink); border-color:var(--lime); transform:translateY(-3px); }

.footer-cols{ display:grid; grid-template-columns:1fr 1fr 1.4fr; gap:36px; }
.site-footer .footer-links h3{ color:#fff; font-size:17px; margin-bottom:20px; }
.site-footer .footer-links ul{ display:flex; flex-direction:column; gap:12px; }
.site-footer .footer-links ul li a{ color:#9FACA3; font-size:14.5px; transition:color .25s ease, padding-left .25s ease; }
.site-footer .footer-links ul li a:hover{ color:var(--lime); padding-left:5px; }
.footer-news p{ color:#9FACA3; font-size:14.5px; line-height:1.6; margin-bottom:18px; }
.footer-form{ display:flex; gap:10px; margin-bottom:22px; }
.footer-form input{
    flex:1; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14);
    border-radius:12px; padding:13px 16px; color:#fff; font-size:14px; outline:none;
    transition:border-color .25s ease;
}
.footer-form input::placeholder{ color:#7c887f; }
.footer-form input:focus{ border-color:var(--lime); }
.footer-form .btn{ padding:13px 18px; border-radius:12px; }
.footer-flags{ display:flex; flex-wrap:wrap; gap:16px; }
.footer-flags span{ display:inline-flex; align-items:center; gap:8px; color:#C9D4CD; font-size:13.5px; font-weight:500; }
.footer-flags .flag{ margin:0; width:22px; height:15px; }

.footer-bottom{
    position:relative; z-index:1;
    border-top:1px solid rgba(255,255,255,.10);
    padding:24px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
}
.footer-bottom p{ color:#8a958c; font-size:14px; }
.footer-bottom b{ color:#fff; }
.fb-tag{ color:var(--lime) !important; font-size:13px !important; }

@media (max-width:991px){
    .footer-top{ grid-template-columns:1fr; gap:44px; }
    .footer-cols{ grid-template-columns:1fr 1fr; }
}
@media (max-width:575px){
    .footer-cols{ grid-template-columns:1fr; gap:30px; }
    .footer-bottom{ flex-direction:column; align-items:flex-start; }
}

/* =========================================================
   SUBTLE LIGHT ALTERNATION  (white  /  faint tint)
   tint = #F5F8EF   |   keeps sections distinct, all light
   ========================================================= */

/* (2) Intro -> tint + light text */
.intro-section{ background:#F5F8EF !important; padding-top:80px; }
.intro-section .eyebrow-pill{ background:rgba(169,228,72,.2) !important; color:var(--ink) !important; }
.intro-statement{ color:var(--ink) !important; }
.intro-statement .accent{ color:var(--lime-deep) !important; }
.intro-marquee{ border-color:rgba(11,23,20,.1) !important; }
.im-track span{ color:rgba(11,23,20,.38) !important; }
.im-track span:hover{ color:var(--lime-deep) !important; }

/* (3) About -> white */
.about-modern{ background:#ffffff !important; }

/* (4) Showreel -> tint */
.reel-section{ background:#F5F8EF !important; }

/* (6) Locations -> white + dark text (cards stay image-dark) */
.locations-band{ background:#ffffff !important; }
.locations-band .eyebrow-pill.light{ background:rgba(169,228,72,.2) !important; color:var(--ink) !important; }
.loc-head h2{ color:var(--ink) !important; }
.loc-head h2 .accent{ color:var(--lime-deep) !important; }
.loc-head p{ color:#5a665e !important; }

/* (8) Leadership -> tint */
.leaders-section{ background:#F5F8EF !important; }

/* (9) Insights -> white */
.insights-section{ background:#ffffff !important; }

/* (10) FAQ -> keeps cream (#F7F7F2) — already a distinct tint */

/* (11) Invest -> white */
.tiers-section{ background:#ffffff !important; }

/* (12) Partners -> tint (inner panel stays as a contained accent) */
.partners-band{ background:#F5F8EF !important; }

/* =========================================================
   LEADERSHIP v2 — split intro + horizontal rows
   ========================================================= */
.leaders-row{ gap:0; }
.leaders-intro{ position:sticky; top:110px; padding-right:30px; }
.leaders-intro h2{ color:var(--ink); font-size:38px; line-height:1.14; letter-spacing:-.5px; margin:18px 0 16px; }
.leaders-intro h2 .accent{ color:var(--lime-deep); font-style:italic; }
.leaders-intro > p{ color:#5a665e; font-size:16px; line-height:1.7; margin-bottom:28px; }
.leaders-cta{ display:flex; flex-direction:column; gap:12px; }
.lcta-row{ display:flex; align-items:center; gap:14px; background:#fff; border:1px solid rgba(11,23,20,.08); border-radius:14px; padding:14px 16px; box-shadow:0 8px 22px rgba(11,23,20,.05); transition:all .3s ease; }
.lcta-row:hover{ transform:translateY(-3px); box-shadow:0 14px 30px rgba(11,23,20,.1); border-color:rgba(169,228,72,.4); }
.lcta-ic{ flex:0 0 44px; width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:rgba(169,228,72,.16); color:var(--lime-deep); }
.lcta-row > span:last-child{ display:flex; flex-direction:column; color:var(--ink); font-weight:600; font-size:15.5px; }
.lcta-row small{ color:#8a958c; font-weight:500; font-size:12px; margin-bottom:2px; }

.leaders-list{ display:flex; flex-direction:column; gap:20px; }
.leader-row{
    display:flex; gap:24px; align-items:flex-start;
    background:#fff; border:1px solid rgba(11,23,20,.08);
    border-radius:20px; padding:30px;
    box-shadow:0 12px 32px rgba(11,23,20,.06);
    transition:transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s ease;
}
.leader-row:hover{ transform:translateY(-6px); box-shadow:0 24px 48px rgba(11,23,20,.13); }
.leader-row .lead-avatar{
    flex:0 0 76px; width:76px; height:76px; border-radius:20px;
    display:flex; align-items:center; justify-content:center;
    font-family:'Gloock',serif; font-size:28px; color:var(--ink);
    background:linear-gradient(135deg, var(--lime), #cdee8e);
    box-shadow:0 10px 24px rgba(169,228,72,.4);
}
.leader-row .lead-avatar.alt{ background:linear-gradient(135deg, #16241F, #2e4a3e); color:var(--lime); }
.lr-body{ flex:1; }
.lr-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:12px; }
.lr-head h3{ font-size:23px; color:var(--ink); margin-bottom:3px; }
.lr-body .lead-role{ color:var(--lime-deep); font-weight:600; font-size:14px; }
.lr-body p{ font-size:15px; line-height:1.65; color:#5a665e; margin-bottom:16px; }
.lr-tag{ display:inline-block; background:rgba(169,228,72,.12); color:var(--ink); font-size:12.5px; font-weight:600; padding:6px 14px; border-radius:50px; }
.leader-row .lead-social{ flex:0 0 40px; width:40px; height:40px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; background:var(--ink); color:#fff; transition:all .3s ease; }
.leader-row .lead-social:hover{ background:var(--lime); color:var(--ink); transform:translateY(-2px); }

@media (max-width:991px){
    .leaders-intro{ position:static; padding-right:0; margin-bottom:34px; }
    .leaders-intro h2{ font-size:32px; }
}
@media (max-width:575px){
    .leader-row{ flex-direction:column; gap:18px; padding:24px; }
    .lr-head{ flex-wrap:wrap; }
}

/* =========================================================
   INSIGHTS v2 — featured + side
   ========================================================= */
.insights-head .ih-all{ display:inline-flex; align-items:center; gap:8px; color:var(--ink); font-weight:600; font-size:15px; transition:gap .3s ease,color .3s ease; }
.insights-head .ih-all:hover{ color:var(--lime-deep); gap:12px; }
.insights-grid{ align-items:stretch; }

/* featured */
.post-feature{ height:100%; background:#fff; border:1px solid rgba(11,23,20,.08); border-radius:22px; overflow:hidden; box-shadow:0 12px 32px rgba(11,23,20,.07); transition:transform .45s cubic-bezier(.2,.7,.2,1), box-shadow .45s ease; }
.post-feature:hover{ transform:translateY(-6px); box-shadow:0 26px 52px rgba(11,23,20,.15); }
.pf-media{ position:relative; overflow:hidden; }
.pf-media img{ width:100%; height:330px; object-fit:cover; display:block; transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.post-feature:hover .pf-media img{ transform:scale(1.05); }
.pf-body{ padding:30px 32px 32px; }
.pf-body h3{ font-size:27px; line-height:1.25; margin-bottom:14px; }
.pf-body h3 a{ color:var(--ink); transition:color .3s ease; }
.post-feature:hover .pf-body h3 a{ color:var(--lime-deep); }
.pf-body p{ font-size:15.5px; line-height:1.7; color:#5a665e; margin-bottom:20px; }

/* side column */
.insights-side{ display:flex; flex-direction:column; gap:24px; height:100%; }
.post-mini{ display:flex; gap:18px; align-items:center; background:#fff; border:1px solid rgba(11,23,20,.08); border-radius:18px; padding:16px; box-shadow:0 10px 26px rgba(11,23,20,.06); transition:transform .4s ease, box-shadow .4s ease; }
.post-mini:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(11,23,20,.12); }
.pm-media{ position:relative; flex:0 0 120px; border-radius:13px; overflow:hidden; }
.pm-media img{ width:120px; height:120px; object-fit:cover; display:block; }
.pm-media .pc-cat{ left:8px; top:8px; font-size:10px; padding:5px 10px; }
.pm-body h4{ font-size:17px; line-height:1.3; margin:8px 0 0; }
.pm-body h4 a{ color:var(--ink); transition:color .3s ease; }
.post-mini:hover .pm-body h4 a{ color:var(--lime-deep); }
.insights-side .post-cta{ flex:1; }

@media (max-width:991px){
    .pf-media img{ height:260px; }
    .pm-media{ flex:0 0 96px; }
    .pm-media img{ width:96px; height:96px; }
}

/* =========================================================
   FAQ v2 — centered + 2-col accordion grid + contact strip
   ========================================================= */
.faq-head{ text-align:center; max-width:680px; margin:0 auto 44px; }
.faq-head h2{ color:var(--ink); font-size:42px; line-height:1.14; letter-spacing:-.5px; margin:16px 0 14px; }
.faq-head h2 .accent{ color:var(--lime-deep); font-style:italic; }
.faq-head p{ color:#5a665e; font-size:16.5px; line-height:1.7; }
.faq-cols .accordion{ margin:0; }
.faq-contact{
    display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
    margin-top:34px; padding:30px 36px; border-radius:20px;
    background:linear-gradient(120deg, rgba(169,228,72,.16), rgba(169,228,72,.06));
    border:1px solid rgba(169,228,72,.3);
}
.faq-contact h4{ font-size:21px; color:var(--ink); margin-bottom:5px; }
.faq-contact p{ color:#5a665e; font-size:15px; }

@media (max-width:991px){ .faq-head h2{ font-size:32px; } .faq-contact{ padding:26px 24px; } }

/* =========================================================
   TIERS v2 — split header + premium polish
   ========================================================= */
.tiers-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:40px; flex-wrap:wrap; margin-bottom:46px; }
.tiers-head h2{ color:var(--ink); font-size:44px; line-height:1.12; letter-spacing:-.5px; margin-top:16px; }
.tiers-head h2 .accent{ color:var(--lime-deep); font-style:italic; }
.th-note{ color:#5a665e; font-size:16.5px; line-height:1.7; max-width:380px; }
/* premium: top accent line on cards */
.tier-card::after{ content:""; position:absolute; left:32px; right:32px; top:0; height:3px; border-radius:0 0 4px 4px; background:linear-gradient(90deg, var(--lime), transparent); opacity:0; transition:opacity .4s ease; }
.tier-card:hover::after{ opacity:1; }
.tier-card.featured::after{ background:linear-gradient(90deg, var(--lime), rgba(169,228,72,.2)); opacity:1; }
@media (max-width:991px){ .tiers-head h2{ font-size:32px; } }

/* ===== FAQ fixes: kill grey title box + full-width accordion ===== */
.faq-section .accordion{ width:100%; margin:0; }
.faq-section a.heading .title,
.faq-section .accordion-item.active a.heading .title{ background-color:transparent !important; }
.faq-section .accordion-item .heading{ color:var(--ink); }
.faq-section .accordion-item.active .heading{ color:var(--ink); }

/* =========================================================
   CONTACT SECTION + FORM
   ========================================================= */
.contact-section{ background:radial-gradient(120% 130% at 85% 0%, #16241F 0%, #0B1714 60%); position:relative; overflow:hidden; }
.contact-section::before{ content:""; position:absolute; pointer-events:none; width:480px; height:480px; left:-150px; bottom:-160px; background:radial-gradient(circle, rgba(169,228,72,.14) 0%, rgba(169,228,72,0) 70%); }
.contact-row{ position:relative; z-index:1; align-items:center; }
.contact-info{ padding-right:26px; }
.contact-info h2{ color:#fff; font-size:40px; line-height:1.14; letter-spacing:-.5px; margin:18px 0 16px; }
.contact-info h2 .accent{ color:var(--lime); font-style:italic; }
.contact-info > p{ color:#B9C5BD; font-size:16.5px; line-height:1.7; margin-bottom:30px; }
.contact-list{ display:flex; flex-direction:column; gap:18px; }
.contact-list li{ display:flex; align-items:center; gap:16px; }
.ci-ic{ flex:0 0 48px; width:48px; height:48px; border-radius:13px; display:flex; align-items:center; justify-content:center; background:rgba(169,228,72,.14); color:var(--lime); }
.contact-list small{ display:block; color:#8a958c; font-size:12.5px; margin-bottom:3px; }
.contact-list a, .ci-text{ color:#fff; font-weight:600; font-size:16px; }
.contact-list a:hover{ color:var(--lime); }

/* form card */
.contact-card{ background:#fff; border-radius:24px; padding:38px; box-shadow:0 30px 70px rgba(0,0,0,.3); }
.cf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.cf-field{ margin-bottom:18px; display:flex; flex-direction:column; }
.cf-field label{ font-size:13.5px; font-weight:600; color:var(--ink); margin-bottom:8px; }
.cf-field input, .cf-field select, .cf-field textarea{
    width:100%; background:#F5F8EF; border:1px solid rgba(11,23,20,.1); border-radius:12px;
    padding:13px 15px; font-family:'Uber Move Text',sans-serif; font-size:14.5px; color:var(--ink);
    outline:none; transition:border-color .25s ease, background-color .25s ease;
}
.cf-field textarea{ resize:vertical; min-height:110px; }
.cf-field input::placeholder, .cf-field textarea::placeholder{ color:#9aa49b; }
.cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus{ border-color:var(--lime-deep); background:#fff; }
.cf-field select{ appearance:none; -webkit-appearance:none; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237FB52E' stroke-width='2'><path d='M6 9l6 6 6-6'/></svg>"); background-repeat:no-repeat; background-position:right 14px center; background-size:16px; padding-right:40px; }
.cf-foot{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; margin-top:6px; }
.cf-note{ color:#8a958c; font-size:13px; max-width:230px; line-height:1.4; }

@media (max-width:991px){
    .contact-info{ padding-right:0; margin-bottom:36px; }
    .contact-info h2{ font-size:32px; }
}
@media (max-width:575px){
    .contact-card{ padding:26px; }
    .cf-grid{ grid-template-columns:1fr; gap:0; }
}

/* =========================================================
   SPACING NORMALIZATION (consistent vertical rhythm)
   ========================================================= */
.gap{ padding:110px 0; }
.intro-section{ padding:90px 0 0 !important; }

/* consistent section-header spacing */
.studios-head, .loc-head, .leaders-intro, .insights-head,
.faq-head, .tiers-head, .partners-inner .heading.two{ margin-bottom:46px; }

/* consistent eyebrow spacing */
.eyebrow-pill{ margin-bottom:20px; }

/* consistent heading paragraph rhythm */
.loc-head p, .faq-head p{ margin-top:14px; }

/* tablet / mobile scale-down */
@media (max-width:991px){
    .gap{ padding:84px 0; }
    .intro-section{ padding:64px 0 0 !important; }
}
@media (max-width:575px){
    .gap{ padding:64px 0; }
    .container{ padding-left:22px; padding-right:22px; }
}

/* ===== Contact -> LIGHT theme (distinct from dark footer) ===== */
.contact-section{ background:linear-gradient(180deg,#ffffff 0%, #F4F8EE 100%) !important; }
.contact-info .eyebrow-pill.light{ background:rgba(169,228,72,.2) !important; color:var(--ink) !important; }
.contact-info h2{ color:var(--ink) !important; }
.contact-info h2 .accent{ color:var(--lime-deep) !important; }
.contact-info > p{ color:#5a665e !important; }
.ci-ic{ background:rgba(169,228,72,.16) !important; color:var(--lime-deep) !important; }
.contact-list small{ color:#8a958c !important; }
.contact-list a, .ci-text{ color:var(--ink) !important; }
.contact-list a:hover{ color:var(--lime-deep) !important; }
.contact-card{ border:1px solid rgba(11,23,20,.07); box-shadow:0 28px 64px rgba(11,23,20,.12); position:relative; overflow:hidden; }
.contact-card::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; background:linear-gradient(90deg, var(--lime), rgba(169,228,72,.2)); }
.cf-field input, .cf-field select, .cf-field textarea{ background:#F5F8EF !important; }
.cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus{ background:#fff !important; }

/* ===== Smooth scroll + fixed-nav anchor offset ===== */
html{ scroll-behavior:smooth; }
section[id]{ scroll-margin-top:96px; }
@media (max-width:991px){ section[id]{ scroll-margin-top:84px; } }

/* =========================================================
   SUBPAGES (article / location / investor / legal)
   ========================================================= */
.page-hero{
    position:relative; overflow:hidden; text-align:center;
    padding:170px 0 80px;
    background:radial-gradient(120% 130% at 80% 0%, #16241F 0%, #0B1714 60%);
}
.page-hero.has-img::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(8,17,14,.55), rgba(8,17,14,.9)); z-index:0; }
.page-hero .container{ position:relative; z-index:1; }
.page-hero .eyebrow-pill{ background:rgba(169,228,72,.16); color:var(--lime); margin-bottom:22px; }
.page-hero h1{ color:#fff; font-size:54px; line-height:1.1; letter-spacing:-1px; max-width:880px; margin:0 auto; }
.page-hero h1 .accent{ color:var(--lime); font-style:italic; }
.page-hero p{ color:#B9C5BD; font-size:18px; line-height:1.7; max-width:620px; margin:18px auto 0; }
.crumb{ display:flex; gap:8px; justify-content:center; align-items:center; margin-top:24px; color:#8a958c; font-size:14px; }
.crumb a{ color:#B9C5BD; } .crumb a:hover{ color:var(--lime); }

.page-section{ padding:90px 0; }
.page-section.tint{ background:#F5F8EF; }
.prose{ max-width:780px; margin:0 auto; }
.prose > img{ width:100%; border-radius:18px; margin:10px 0 34px; box-shadow:0 20px 50px rgba(11,23,20,.15); }
.prose h2{ font-size:30px; color:var(--ink); margin:38px 0 14px; letter-spacing:-.3px; }
.prose h3{ font-size:22px; color:var(--ink); margin:28px 0 10px; }
.prose p{ font-size:16.5px; line-height:1.8; color:#3c4a44; margin-bottom:18px; }
.prose ul{ margin:0 0 20px; display:flex; flex-direction:column; gap:12px; }
.prose ul li{ position:relative; padding-left:28px; color:#3c4a44; font-size:16px; line-height:1.6; }
.prose ul li::before{ content:""; position:absolute; left:0; top:7px; width:16px; height:16px; border-radius:50%; background:var(--lime); -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.17l-3.5-3.5l-1.42 1.41L9 19L20 8l-1.41-1.41z'/></svg>") center/13px no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='black' d='M9 16.17l-3.5-3.5l-1.42 1.41L9 19L20 8l-1.41-1.41z'/></svg>") center/13px no-repeat; }
.prose blockquote{ border-left:3px solid var(--lime); padding:6px 0 6px 22px; margin:24px 0; font-family:'Gloock',serif; font-size:22px; line-height:1.4; color:var(--ink); }
.prose .muted{ color:#8a958c; font-size:14px; }

/* fact / spec grid */
.fact-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:980px; margin:0 auto; }
.fact{ background:#fff; border:1px solid rgba(11,23,20,.08); border-radius:18px; padding:28px; box-shadow:0 12px 30px rgba(11,23,20,.06); }
.fact strong{ display:block; font-family:'Gloock',serif; font-size:34px; color:var(--lime-deep); margin-bottom:8px; }
.fact span{ color:#5a665e; font-size:14.5px; line-height:1.5; }

/* page CTA strip */
.page-cta{ background:radial-gradient(120% 130% at 85% 0%, #16241F 0%, #0B1714 60%); border-radius:0; text-align:center; padding:80px 0; }
.page-cta h2{ color:#fff; font-size:38px; margin-bottom:14px; letter-spacing:-.5px; }
.page-cta p{ color:#B9C5BD; font-size:17px; max-width:520px; margin:0 auto 28px; }

@media (max-width:991px){
    .page-hero h1{ font-size:38px; }
    .fact-grid{ grid-template-columns:1fr; }
    .page-cta h2{ font-size:28px; }
}

/* ===== Location card links + footer legal ===== */
.loc-card .lc-stretch{ position:absolute; inset:0; z-index:4; }
.lc-more{ display:inline-flex; align-items:center; gap:7px; margin-top:16px; color:var(--lime); font-weight:600; font-size:14px; opacity:0; transform:translateY(6px); transition:all .35s ease; }
.loc-card:hover .lc-more{ opacity:1; transform:translateY(0); }
.footer-legal{ display:flex; gap:22px; flex-wrap:wrap; }
.footer-legal a{ color:#8a958c; font-size:14px; transition:color .25s ease; }
.footer-legal a:hover{ color:var(--lime); }

/* =========================================================
   HERO ENHANCEMENTS — Ken Burns + entrance + accent glow
   ========================================================= */
.hero-modern{ background:#0B1714; }
.hero-bg{
    position:absolute; inset:0; z-index:0;
    background-size:cover; background-position:center;
    transform:scale(1.06);
    animation:kenburns 28s ease-in-out infinite alternate;
    will-change:transform;
}
@keyframes kenburns{
    0%  { transform:scale(1.06) translate(0,0); }
    100%{ transform:scale(1.18) translate(-2.5%,-2%); }
}
/* gradient overlays sit above the moving image */
.hero-modern::before, .hero-modern::after{ z-index:1; }

/* subtle cinematic vignette */
.hero-modern .hero-bg::after{
    content:""; position:absolute; inset:0;
    box-shadow:inset 0 0 200px 40px rgba(0,0,0,.55);
}

/* accent: animated underline glow */
.hero-title .accent{ position:relative; display:inline-block; }
.hero-title .accent::after{
    content:""; position:absolute; left:0; bottom:.08em; height:3px; width:100%;
    background:linear-gradient(90deg, var(--lime), rgba(169,228,72,0));
    transform:scaleX(0); transform-origin:left;
    animation:accentDraw 1s ease 1.1s forwards;
}
@keyframes accentDraw{ to{ transform:scaleX(1); } }

/* staggered entrance for hero content */
.hero-inner > *{ opacity:0; animation:heroIn .9s cubic-bezier(.2,.7,.2,1) forwards; }
.hero-inner > .hero-badge{ animation-delay:.15s; }
.hero-inner > .hero-title{ animation-delay:.30s; }
.hero-inner > .hero-sub{ animation-delay:.45s; }
.hero-inner > .hero-cta{ animation-delay:.60s; }
.hero-inner > .hero-locations{ animation-delay:.75s; }
.hero-inner > .hero-stats{ animation-delay:.90s; }
@keyframes heroIn{ from{ opacity:0; transform:translateY(26px); } to{ opacity:1; transform:translateY(0); } }

/* scroll cue fades in last */
.hero-scroll{ opacity:0; animation:heroIn .9s ease 1.2s forwards; }

@media (prefers-reduced-motion: reduce){
    .hero-bg{ animation:none; }
    .hero-inner > *, .hero-scroll, .hero-title .accent::after{ animation:none; opacity:1; }
}

/* =========================================================
   PRELOADER — branded loading screen
   ========================================================= */
.preloader{
    background:radial-gradient(120% 130% at 50% 30%, #16241F 0%, #0B1714 70%) !important;
    flex-direction:column;
}
.pl-inner{ display:flex; flex-direction:column; align-items:center; gap:22px; }
.pl-mark{
    width:78px; height:78px; border-radius:22px;
    display:flex; align-items:center; justify-content:center;
    background:var(--lime); color:var(--ink);
    font-family:'Gloock',serif; font-size:44px; line-height:1;
    box-shadow:0 16px 40px rgba(169,228,72,.45);
    animation:plPop .9s cubic-bezier(.2,.7,.2,1) both, plFloat 2.4s ease-in-out 0.9s infinite;
}
@keyframes plPop{ from{ opacity:0; transform:scale(.7) translateY(10px); } to{ opacity:1; transform:scale(1) translateY(0); } }
@keyframes plFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-8px); } }
.pl-name{
    display:flex; flex-direction:column; align-items:center; line-height:1;
    color:#fff; font-family:'Gloock',serif; font-size:24px; letter-spacing:1px;
    opacity:0; animation:plFade .8s ease .25s forwards;
}
.pl-name span{
    font-family:'Uber Move Text',sans-serif; font-size:11px; font-weight:500;
    letter-spacing:3px; color:var(--lime); margin-top:7px; text-transform:uppercase;
}
@keyframes plFade{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:translateY(0); } }
.pl-bar{
    width:180px; height:3px; border-radius:3px; overflow:hidden;
    background:rgba(255,255,255,.12); margin-top:6px;
    opacity:0; animation:plFade .8s ease .4s forwards;
}
.pl-bar span{
    display:block; height:100%; width:40%; border-radius:3px;
    background:linear-gradient(90deg, rgba(169,228,72,0), var(--lime), rgba(169,228,72,0));
    animation:plLoad 1.2s ease-in-out infinite;
}
@keyframes plLoad{ 0%{ transform:translateX(-120%); } 100%{ transform:translateX(320%); } }

/* ===== Button shine sweep + magnetic transition ===== */
.btn{ position:relative; overflow:hidden; }
.btn::after{
    content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; z-index:1;
    background:linear-gradient(120deg, transparent, rgba(255,255,255,.55), transparent);
    transform:skewX(-20deg); transition:left .7s cubic-bezier(.2,.7,.2,1); pointer-events:none;
}
.btn:hover::after{ left:150%; }
.btn .btn-wrap, .btn > svg{ position:relative; z-index:2; }
.btn, .nav-cta, .btn-ghost{ transition:transform .25s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, background-color .3s ease, color .3s ease; }