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

:root {
   --primaryColor: #cf2030;
   --secondaryColor: #b8960b;
   --primaryDark: #cf2030;
   --ink: #20181b;
   --muted: #6d6266;
   --line: rgba(32, 24, 27, .12);
   --soft: #f8f4f5;
   --white: #ffffff;
}
/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--primaryColor) #f5f5f5;
}

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background: var(--primaryColor);
    border-radius: 100px;
    border: 2px solid #f5f5f5;
}

::-webkit-scrollbar-thumb:hover {
    background: #b71c2a;
}
html {
   scroll-behavior: smooth;
   font-size: 16px;
}

body {
   margin: 0;
   color: var(--ink);
   background: #fff;
   font-family: "Manrope", sans-serif;
   font-size: clamp(.94rem, .9rem + .18vw, 1rem);
   line-height: 1.7;
}

body * {
   color: inherit;
}

::selection {
   color: #fff;
   background: var(--primaryColor);
}

a {
   text-decoration: none;
}

ul,
li {
   margin: 0;
   padding: 0;
   list-style: none;
}

img {
   max-width: 100%;
}
.container{
   max-width: 90%;
}
.pageWrapper {
   min-height: 100vh;
   overflow: hidden;
}
.slideUp{
   opacity:0;
   transform:translateY(80px);
}

.slideLeft{
   opacity:0;
   transform:translateX(80px);
}

.slideRight{
   opacity:0;
   transform:translateX(-80px);
}

.zoomReveal{
   opacity:0;
   transform:scale(.85);
}

.revealRight{
   opacity:0;
   transform:translateX(100px) scale(.9);
}

.animateThis{
   transition:all .9s cubic-bezier(.22,1,.36,1);
}

.in-view{
   opacity:1;
   transform:none;
}
.offerGrid{
    display:grid;
}

/* Desktop */
.d-order-1 { order: 1; }
.d-order-2 { order: 2; }
.d-order-3 { order: 3; }
.d-order-4 { order: 4; }
.d-order-5 { order: 5; }
.d-order-6 { order: 6; }
.d-order-7 { order: 7; }


.offerGrid > *:nth-child(1){transition-delay:.1s;}
.offerGrid > *:nth-child(2){transition-delay:.2s;}
.offerGrid > *:nth-child(3){transition-delay:.3s;}
.offerGrid > *:nth-child(4){transition-delay:.4s;}
.offerGrid > *:nth-child(5){transition-delay:.5s;}
.offerGrid > *:nth-child(6){transition-delay:.6s;}
.offerGrid > *:nth-child(7){transition-delay:.7s;}
.sectionSpace {
   padding: clamp(4.5rem, 8vw, 7.5rem) 0;
   scroll-margin-top: 6rem;
   border-radius: 1rem;
}

.eyebrow {
   display: inline-flex;
   align-items: center;
   color: #f3d34e;
   font-size: 19px;
   font-weight: 700;
   letter-spacing: .16em;
   line-height: 1.2;
   text-transform: uppercase;
}

.colorPrimary {
   color: var(--primaryColor);
}

h1,
h2 {
   /* font-weight: 800; */
   /* letter-spacing: 0; */
}

h1,
h2,
h3,
p {
   margin-top: 0;
}

.sectionIntro {
   display: flex;
   text-align: center;
   /* max-width: 760px; */
   flex-direction: column;
   align-items: center;
   margin-bottom: 50px;
}

.sectionIntro h2,
.contactSection h2 {
   margin: .6rem 0 .8rem;
   color: var(--ink);
   font-size: clamp(2rem, 4vw, 50px);
   /* line-height: 1.08; */
}

.sectionIntro h2 span,
.contactSection h2 span {
   color: #057271;
}

.sectionIntro p,
.contactSection p {
   width: 70%;
   color: #000;
   margin-bottom: 0;
}

.sectionIntro.light h2,
.sectionIntro.light p {
   color: #fff;
}

/* Button */
/* =========================
   BUTTONS
========================= */
.btn-red {
   background: var(--primaryColor);
   color: #fff;
   border: 1px solid #fff;
}

.btn {
   display: flex;
   justify-content: center;
   gap: .75rem;
   padding: 1rem 1rem 1rem 2rem;
   border-radius: 100px;
   font-size: 1rem;
   font-weight: 700;
   line-height: 1;
   letter-spacing: .08em;
   text-transform: uppercase;
   text-decoration: none;
   position: relative;
   overflow: hidden;
   transition: all .35s ease;
   cursor: pointer;
   align-items: center;
}

/* Arrow */
.btn::after {
   content: "→";
   position: relative;
   top: -3px;
   font-size: 1.8rem;
   font-weight: 300;
   transition: transform .35s ease;
}

/* Shine Effect */
.btn::before {
   content: "";
   position: absolute;
   top: 0;
   left: -120%;
   width: 60%;
   height: 100%;
   background: linear-gradient(
      90deg,
      transparent,
      rgba(255,255,255,.25),
      transparent
   );
   transform: skewX(-20deg);
   transition: .7s ease;
}

.btn:hover::before {
   left: 150%;
}

.btn:hover::after {
   color: var(--primaryColor);
   transform: translateX(6px);
}

.btn:hover {
   background: transparent;
   border-color: var( --primaryColor);
   transform: translateY(-2px);
}

/* =========================
   PRIMARY (WHITE BUTTON)
========================= */

.btnPrimary {
   background: #fff;
   color: #1f1f1f;
   border: 1px solid #fff;
}

.btnPrimary::after {
   color: #c89a18;
}

.btnPrimary:hover {
   background: transparent;
   color: #fff;
   border-color: rgba(255,255,255,.7);
}

.btnPrimary:hover::after {
   color: #fff;
}

/* =========================
   OUTLINE BUTTON
========================= */

.btnOutline {
   background: transparent;
   color: #fff;
   border: 1px solid rgba(255,255,255,.7);
}

.btnOutline::after {
   color: #fff;
}

.btnOutline:hover {
   background: #fff;
   color: #1f1f1f;
   border-color: #fff;
}

.btnOutline:hover::after {
   color: #c89a18;
}
/* button */

.pageHeader {
   width: 100%;
   position: relative;
   /* top: 0; */
   /* left: 0; */
   z-index: 1000;
   padding: .85rem 0;
   transition: all .3s ease;
}

.pageHeader:before {
   content: "";
   position: absolute;
   inset: 0;
   background: rgba(255, 255, 255, .96);
   box-shadow: 0 12px 40px rgba(32, 24, 27, .08);
   backdrop-filter: blur(14px);
   opacity: 0;
   transition: opacity .3s ease;
   z-index: -1;
}

.pageHeader.stick,
.pageHeader.open {
   position: fixed;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   padding: .35rem 0;
}

.pageHeader.stick:before,
.pageHeader.open:before {
   opacity: 1;
}

.headerShell {
   /* min-height: 56px; */
   display: grid;
   grid-template-columns: 120px 1fr auto;
   align-items: center;
   gap: 1rem;
}

.pageLogo {
   width: 120px;
   display: inline-flex;
   align-items: center;
}

.logoImg {
   width: 100%;
   height: auto;
}

.navigHolder {
   justify-self: center;
}
.menu-flex {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 50px;
    align-items: center;
}
.menuList {
   display: flex;
   align-items: center;
   gap: 1rem;
}

.menuList a {
   display: block;
   position: relative;
   color: var(--ink);
   padding: .45rem 0.72rem;
   font-size: 1rem;
   font-weight: 700;
   white-space: nowrap;
}

.menuList a:after {
   content: "";
   width: 0;
   height: 2px;
   position: absolute;
   left: .72rem;
   bottom: .25rem;
   background: var(--secondaryColor);
   transition: width .25s ease;
}

.menuList li:hover a,
.menuList li.active a {
   color: var(--primaryColor);
}

.menuList li:hover a:after,
.menuList li.active a:after {
   width: calc(100% - 1.44rem);
}

.headerCta {
   /* min-height: 2.4rem; */
   padding: 1rem 2.5rem 1rem 1rem;
   /* font-size: .66rem; */
}
.menuBtn {
   width: 32px;
   height: 32px;
   display: none;
   position: relative;
   border: 0;
   background: transparent;
   cursor: pointer;
   padding: 0;
}

.menuBtn span {
   position: absolute;
   left: 50%;
   width: 100%;
   height: 2px;
   background: #000;
   border-radius: 20px;
   transform: translateX(-50%);
   transition: all 0.45s cubic-bezier(.68, -.55, .265, 1.55);
}

.menuBtn span:nth-child(1) {
   top: 6px;
}

.menuBtn span:nth-child(2) {
   top: 14px;
   width: 70%;
}

.menuBtn span:nth-child(3) {
   top: 14px;
   width: 70%;
   opacity: 0;
}

.menuBtn span:nth-child(4) {
   top: 22px;
}

/* Hover */

.menuBtn:hover span:nth-child(1),
.menuBtn:hover span:nth-child(4) {
   width: 70%;
}

.menuBtn:hover span:nth-child(2) {
   width: 100%;
}

/* Active */

.menuBtn.active span:nth-child(1) {
   top: 14px;
   width: 0;
   opacity: 0;
}

.menuBtn.active span:nth-child(2) {
   width: 100%;
   transform: translateX(-50%) rotate(45deg);
}

.menuBtn.active span:nth-child(3) {
   width: 100%;
   opacity: 1;
   transform: translateX(-50%) rotate(-45deg);
}

.menuBtn.active span:nth-child(4) {
   top: 14px;
   width: 0;
   opacity: 0;
}
.menuBtn {
   width: 34px;
   height: 34px;
   border: 0;
   background: transparent;
   position: relative;
   cursor: pointer;
}

.menuBtn span {
   position: absolute;
   left: 0;
   width: 100%;
   height: 2px;
   background: var(--primaryColor);
   transition: .45s cubic-bezier(.77,0,.18,1);
}

.menuBtn span:nth-child(1) {
   top: 8px;
}

.menuBtn span:nth-child(2),
.menuBtn span:nth-child(3) {
   top: 16px;
}

.menuBtn span:nth-child(4) {
   top: 24px;
}

.menuBtn.active span:nth-child(1) {
   transform: translateY(8px) scaleX(.3);
   opacity: 0;
}

.menuBtn.active span:nth-child(2) {
   transform: rotate(45deg);
}

.menuBtn.active span:nth-child(3) {
   transform: rotate(-45deg);
}

.menuBtn.active span:nth-child(4) {
   transform: translateY(-8px) scaleX(.3);
   opacity: 0;
}
.heroContent{
   opacity:0;
   transform:translateX(-60px);
   animation:heroContentIn 1s ease forwards;
   animation-delay:.2s;
}

.heroVisual{
   opacity:0;
   transform:translateY(100px) scale(.92);
   animation:heroVisualIn 1.2s cubic-bezier(.16,1,.3,1) forwards;
   animation-delay:.6s;
}

@keyframes heroContentIn{
   to{
      opacity:1;
      transform:translateX(0);
   }
}

@keyframes heroVisualIn{
   0%{
      opacity:0;
      transform:translateY(100px) scale(.92);
   }

   70%{
      opacity:1;
   }

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

.heroSection {
   padding: 1rem;
}

.heroPanel {
   min-height: 80vh;
   display: flex;
   align-items: center;
   /* padding: clamp(2rem, 5vw, 4.4rem); */
   border-radius: 2rem;
   overflow: hidden;
   position: relative;
   background:
      radial-gradient(circle at 80% 55%, rgba(255, 255, 255, .12), transparent 20rem),
      linear-gradient(110deg, var(--primaryColor), #c90043 62%, var(--primaryDark));
}

.heroPanel:before {
   content: "";
   position: absolute;
   inset: 0;
   /* background:
      linear-gradient(90deg, rgba(185, 0, 54, .88), rgba(185, 0, 54, .72)),
      radial-gradient(circle at 15% 20%, rgba(255,255,255,.12), transparent 12rem); */
   opacity: .78;
}

.heroPanel:after {
   content: "";
   position: absolute;
   background: url(../images/bg-vector.png)center/cover no-repeat;
   width: 55%;
   height: 80vh;
   mix-blend-mode: multiply;
   right: 1%;
   top: 0;
   color: rgba(255, 255, 255, .035);
   /* font-family: "Playfair Display", serif; */
   font-size: clamp(6rem, 16vw, 15rem);
   font-weight: 800;
   /* line-height: 1; */
}

.heroContent {
   position: relative;
   z-index: 2;
   color: #fff;
   animation: fadeLeft .9s ease both;
}

.heroContent h1 {
   /* max-width: 680px; */
   margin: .8rem 0 1rem;
   color: #fff;
   font-size: clamp(2.9rem, 6vw, 66px);
   /* line-height: .95; */
}

.heroContent p {
   max-width: 520px;
   color: rgba(255, 255, 255, .86);
   font-size: clamp(1rem, .92rem + .32vw, 1.18rem);
   margin-bottom: 0;
}

.heroVisual {
   /* min-height: 440px; */
   position: absolute;
   right: 3%;
   bottom: 0;
   z-index: 3;
   display: flex;
   justify-content: center;
   align-items: flex-end;
}

.heroArch {
   width: 56%;
   z-index: 99;
   min-height: 65vh;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 4rem 2rem 2.5rem;
   background: #fff;
   border-radius: 20rem 20rem 0 0;
   box-shadow: 0 30px 80px rgba(71, 0, 21, .28);
   /* animation: floatLogo 4.8s ease-in-out infinite; */
}

.heroLogo {
   width: 80%;
}

.circleText{
   position: absolute;
   width: 100%;
   height: 144%;
   top:-170px;
   left:50%;
   transform:translateX(-50%);
   pointer-events:none;
   animation: rotateText 20s linear infinite;
   z-index: 9;
}

.circleText svg{
   width: 100%;
   height:100%;
   overflow:visible;
}

.circleText text{
   fill:#fff;
   font-size: 11px;
   font-weight: 700;
   letter-spacing: 1px;
   text-transform:uppercase;
   z-index: -9;
}

@keyframes rotateText{
   from{
      transform:translateX(-50%) rotate(0deg);
   }
   to{
      transform:translateX(-50%) rotate(360deg);
   }
}
.introSection {
   padding-top: 2.5rem;
}

.visionMission {
   color: #fff;
   margin-top: 2%;
}

.goldBand {
   padding: 3.2rem 0 3.6rem;
   position: relative;
   /* overflow: hidden; */
   background:
      radial-gradient(circle at 12% 70%, rgba(255, 255, 255, .18), transparent 13rem),
      radial-gradient(circle at 88% 72%, rgba(255, 255, 255, .15), transparent 12rem),
      var(--secondaryColor);
}

.goldBand:before {
   content: "";
   position: absolute;
   inset: 0;
   background-image: radial-gradient(rgba(255,255,255,.22) 1px, transparent 1px);
   background-size: 26px 26px;
   opacity: .35;
}

.goldBand .container {
   position: relative;
   z-index: 2;
}
.miniBlock {
    position: relative;
    z-index: -9;
    padding: 0 50px;
}
.miniBlock span {
   position: relative;
   z-index: -9999;
   margin-bottom: 15px;
   display: block;
   margin-bottom: 25px;
   padding-bottom: 10px;
   font-size: 25px;
   font-weight: 700;
   letter-spacing: normal;
   text-transform: uppercase;
}
.miniBlock-left span:before {
    content: "";
    position: absolute;
    width: 250px;
    height: 1px;
    right: -20%;
    background: #fff;
    bottom: 0;
}
.miniBlock-right span:before {
    content: "";
    position: absolute;
    width: 280px;
    height: 1px;
    left: -17%;
    background: #fff;
    bottom: 0;
    z-index: -99;
}
.miniBlock p {
   /* margin-top: 31px; */
   color: rgba(255, 255, 255, .86);
   font-size: 1rem;
   line-height: normal;
}

.womenCluster {
   /* min-height: 160px; */
   display: flex;
   align-items: center;
   justify-content: center;
   margin-top: -37%;
   z-index: 9999;
   position: relative;
}

.avatar {
   width: 92px;
   height: 120px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-left: -18px;
   border: 4px solid rgba(255, 255, 255, .75);
   border-radius: 999px;
   color: #fff;
   font-family: "Playfair Display", serif;
   font-size: 2.4rem;
   font-weight: 800;
   box-shadow: 0 20px 50px rgba(63, 46, 0, .25);
}

.avatar:first-child {
   margin-left: 0;
}

.avatarOne { background: linear-gradient(135deg, #b90036, #e8a2b9); }
.avatarTwo { background: linear-gradient(135deg, #4f9f9a, #cfe8e4); }
.avatarThree { background: linear-gradient(135deg, #b8960b, #f5d66a); }
.avatarFour { background: linear-gradient(135deg, #20181b, #b90036); }

.goldQuote {
   position: relative;
   max-width: 80%;
   margin: 1.3rem auto 0;
   margin-top: -110px;
   color: #fff;
   font-family: "Playfair Display", serif;
   font-size: clamp(2rem, 4.5vw, 4.2rem);
   font-style: italic;
   font-weight: 700;
   line-height: 1.1;
   text-align: center;
   z-index: 99999;
}

.statsSection {
   padding: 100px 0;
   background: #fff;
}

.statValue {
   color: var(--secondaryColor);
   font-size: clamp(2.4rem, 5vw, 4.2rem);
   font-weight: 400;
   line-height: 1;
}

.statLabel {
   max-width: 53%;
   margin: .6rem auto 0;
   color: var(--muted);
   /* font-size: .74rem; */
   font-weight: 800;
   letter-spacing: .1em;
   line-height: 1.35;
   text-transform: uppercase;
}

.redPanel {
   width: 98%;
   margin: 0 auto;
   padding: 100px;
   position: relative;
   overflow: hidden;
   border-radius: 3rem;
   background:url(../images/founder-bg.png);
}
.readMoreBtn{
   display:none;
}
.redPanel:before,
.testimonialPanel:before {
   content: "";
   position: absolute;
   inset: 0;
   background-image: radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);
   background-size: 30px 30px;
   opacity: .28;
}
.marquee-section {
    overflow: hidden;
    width: 100%;
}

.marquee {
    width: 100%;
    overflow: hidden;
}

.marquee-content {
    display: flex;
    width: max-content;
    animation: marquee 25s linear infinite;
}

.marquee-content span {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #b8960b;
    white-space: nowrap;
    padding-right: 50px;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.read-more-btn{
   background:none;
   border:0;
   padding:0;
   margin-top:12px;
   color:var(--primaryColor);
   font-weight:600;
   text-transform:uppercase;
   letter-spacing:.5px;
}
.founderCard {
   text-align: center;
   height: 100%;
   padding: 0 20px;
   /* border-radius: 999px 999px .5rem .5rem; */
   /* text-align: left; */
   /* box-shadow: 0 24px 70px rgba(77, 0, 22, .24); */
   transition: transform .25s ease;
}
.founder-name {
    background: #fff;
    padding: 20px;
}
.founderCard:hover,
.offerTile:hover,
.circleCards article:hover {
       -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
   transform: translateY(-6px);
}

.founderPhoto img {
   width: 100%;
   /* height: 280px; */
   display: flex;
   align-items: center;
   justify-content: center;
   /* margin-bottom: 1.25rem; */
   border-radius: 999px 999px .5rem .5rem;
   overflow: hidden;
   /* background:
      radial-gradient(circle at 35% 25%, rgba(255,255,255,.45), transparent 7rem),
      linear-gradient(135deg, #7f1534, #e4aab9 52%, #b8960b); */
   /* color: #fff; */
   /* font-family: "Playfair Display", serif; */
   /* font-size: 0; */
   font-weight: 800;
}

.founderCard h3,
.offerTile h3,
.builtList h3,
.circleCards h3,
.journeySteps h3,
.contactForm h3 {
   margin: 0 0 .35rem;
   color: var(--ink);
   font-size: 22px;
   font-weight: bold;
   text-transform: uppercase;
}

.founderCard span {
   display: block;
   color: #000;
   font-size: 13px;
   /* font-weight: 800; */
   letter-spacing: .08em;
   text-transform: uppercase;
}

.founderCard p,
.offerTile p,
.builtList p,
.circleCards p,
.journeySteps p {
   margin: .65rem 0 0;
   color: #fff;
   font-size: .9rem;
   line-height: 1.55;
}.offerSection {
   overflow: hidden;
}

.offerGrid {
   display: grid;
   grid-template-columns: 1.8fr repeat(3, 1fr);
   grid-template-rows: repeat(2, 380px);
}
.founderModal .modal-dialog {
    max-width: 80%;
}

.modalContent {
    padding: 60px;
    height: auto;
    max-height: 80vh;
    text-align: left;
    overflow-y: auto;
}
.modalContent blockquote{
    text-align:center;
}

.founderModal .modal-content{
   border:0;
   border-radius:30px;
   overflow:hidden;
   position:relative;
}

.founderModal .btn-close{
   position:absolute;
   top:20px;
   right:20px;
   z-index:10;
}
.modalImage {
    height: 650px; /* sab images ki same height */
    overflow: hidden;
}

.modalImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.modalContent {
      padding:60px;
    max-height:80vh;
    overflow-y:auto;
}
.modalContent h3{
   color:var(--primaryColor);
   margin-bottom:10px;
}

.modalContent span{
   display:block;
   margin-bottom:25px;
   opacity:.7;
}

.modalContent p{
   margin-bottom:25px;
   line-height:1.9;
}

.modalContent blockquote {
    font-size: 1.1rem;
    font-style: italic;
    border-bottom: 3px solid #c7a36a;
    margin-top: 30px;
    padding-bottom: 40px;
    border-radius: 50%;
}

@media(max-width:991px){

   .modalImage img{
      min-height:350px;
   }

   .modalContent{
      padding:30px;
   }

}
.founderBtn{
   border: 1px solid #fff;
   display:inline-flex;
   align-items:center;
   gap:18px;
   line-height: normal;
   padding:8px 8px 8px 28px;
   background:#fff;
   color:var(--primaryColor);
   border-radius: 0 0 16px 16px;
   text-decoration:none;
   font-size:13px;
   font-weight:700;
   letter-spacing:1.5px;
   text-transform:uppercase;
   box-shadow:0 10px 30px rgba(0,0,0,.08);
   transition:.35s ease;
}

.founderBtn i{
   width: 30px;
   height: 30px;
   border-radius: 50%;
   background:var(--primaryColor);
   color:#fff;
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:13px;
   transition:.35s ease;
}

.founderBtn:hover{
   /* transform:translateY(-3px); */
   box-shadow:0 18px 40px rgba(0,0,0,.12);
   background: var(--primaryColor);
   color: #fff;
   /* border: 1px solid #fff; */
}

.founderBtn:hover i{
   background:var(--secondaryColor);
   transform:rotate(-45deg);
}
/* LEFT PANEL */

.offerLead {
   grid-row: 1 / span 2;
   padding: 5rem;
   color: #fff;
   display: flex;
   position: relative;
   overflow: hidden;
   background: url("../images/yellow-bg.jpg") center/cover;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
}

.offerLead::before {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(
      135deg,
      rgba(255,255,255,.08),
      transparent
   );
}

.offerLead > * {
   position: relative;
   z-index: 2;
}

.offerLead h2 {
   font-size: clamp(2.5rem, 4vw, 50px);
   line-height: 1;
   margin: 20px 0;
   color: #fff;
}

.offerLead p {
   max-width: 500px;
   color: rgba(255,255,255,.9);
}

.offerBtn {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   padding: 16px 30px;
   margin-top: 30px;
   border-radius: 50px;
   background: #b90036;
   color: #fff;
   text-decoration: none;
   font-weight: 600;
   transition: .35s;
}

.offerBtn:hover {
   transform: translateY(-4px);
}

.offerBtn svg {
   transition: .35s;
}

.offerBtn:hover svg {
   transform: translateX(6px);
}

/* TILES */

.offerTile {
   background: #eceaf0;
   padding: 35px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   border: 1px solid #ddd;
   transition: .4s;
}

.offerTile:hover {
   background: #fff;
}

.offerTile h3 {
   width: 50%;
   font-size: 20px;
   letter-spacing: .08em;
   margin-bottom: 0;
}

.offerTile p {
   color: #6d6266;
   font-size: .9rem;
   line-height: 1.6;
}

.icon img {
   width: 40px;
   margin-bottom: 20px;
}

/* IMAGE */

.offerImg {
   overflow: hidden;
   position: relative;
}

.offerImg img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: 1s;
}

.offerImg:hover img {
   transform: scale(1.1);
}

/* ANIMATION */

.offerTile,
.offerImg {
   opacity: 0;
   transform: translateY(40px);
   animation: reveal .8s forwards;
}

.offerTile:nth-child(2){animation-delay:.1s;}
.offerImg:nth-child(3){animation-delay:.2s;}
.offerTile:nth-child(4){animation-delay:.3s;}
.offerImg:nth-child(5){animation-delay:.4s;}
.offerTile:nth-child(6){animation-delay:.5s;}
.offerImg:nth-child(7){animation-delay:.6s;}

@keyframes reveal {
   to {
      opacity: 1;
      transform: translateY(0);
   }
}

/* ======================
   LAPTOP
====================== */

@media (max-width: 1399px) {

   .offerGrid {
      grid-template-columns: 1.5fr repeat(3, 1fr);
   }

   .offerLead {
      padding: 4rem;
   }
}

/* ======================
   TABLET
====================== */

@media (max-width: 991px) {
   .miniBlock p {
    text-align: center;}
.heroPanel:after {
    content: "";
    position: absolute;
    background: url(../images/bg-vector.png) center / cover no-repeat;
    width: 100%;
    height: 64%;
    mix-blend-mode: multiply;
    right: -4%;
    top: 40%;
   }
   .offerGrid {
      grid-template-columns: repeat(2, 1fr);
      grid-template-rows: auto;
   }

   .offerLead {
      grid-column: 1 / -1;
      grid-row: auto;
      min-height: 500px;
      padding: 3rem;
   }

   .offerTile,
   .offerImg {
      min-height: 260px;
   }
}

/* ======================
   MOBILE
====================== */
.mobileMenuTop,
.mobileMenuBottom{
   display:none;
}

@media (max-width:991px){

   .mobileMenuTop,
   .mobileMenuBottom{
      display:block;
   }

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

   .mobileMenuTop img{
      height:150px;
      margin-bottom:12px;
   }

   .mobileMenuTop p{
      margin:0;
      font-size:13px;
      letter-spacing:1px;
      text-transform:uppercase;
   }

   .mobileMenuBottom{
      display: flex;
      text-align: center;
      margin-top:auto;
      padding-top:30px;
      border-top:1px solid rgba(255,255,255,.15);
      justify-content: center;
   }

   .mobileContact{
      margin-top:24px;
      display:flex;
      flex-direction:column;
      gap:8px;
   }

   .mobileContact a{
      color:#fff;
      text-decoration:none;
      font-size:14px;
   }

   .mobileSocial{
      display:flex;
      gap:16px;
      margin-top:24px;
   }

   .mobileSocial a{
      width:42px;
      height:42px;
      border:1px solid rgba(255,255,255,.2);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      text-decoration:none;
   }
}



/* ======================
   SMALL MOBILE
====================== */

@media (max-width: 480px) {

   .offerLead {
      padding: 2.5rem 1.25rem;
   }



   .offerBtn {
      padding: 14px 22px;
      font-size: .85rem;
   }
}
/* build */
.builtSection {
    width: 98%;
    margin: 250px 0 5% 1%;
    border-radius: 3rem;
   padding-bottom: 100px;
   background: var(--primaryColor);
   overflow: visible;
}

.builtCard{
   position: relative;
   display: grid;
   grid-template-columns: 42% 58%;
   /* min-height: 720px; */
   border-radius: 0 40px 40px 40px;
   /* overflow: visible; */
}

/* ======================
   LEFT SIDE
====================== */

.builtLeft{
   position: relative;
   z-index: 2;
   display: flex;
   flex-direction: column;
   gap: 50px;
   padding-left: 0;
   align-items: flex-start;
}
.builtLeft a{
   margin-left: 50px;
}

.builtImage{
   width: 100%;
   margin-top: -30%;
   margin-left: -3%;
   /* height: 560px; */
}

.builtImage img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: block;
}

.membershipBtn{
   /* position: absolute; */
   left: 45px;
   bottom: 55px;
   display: inline-flex;
   align-items: center;
   gap: 14px;
   background: #fff;
   color: #222;
   text-decoration: none;
   padding: 16px 24px;
   border-radius: 50px;
   font-size: 15px;
   font-weight: 600;
   transition: .4s;
}

.membershipBtn i{
   color: #cda12d;
   font-size: 18px;
}

.membershipBtn:hover{
   transform: translateY(-4px);
}

/* ======================
   RIGHT SIDE
====================== */

.builtRight{
   position: relative;
   /* background: var(--primaryColor); */
   /* border-radius: 0 40px 40px 0; */
   padding: 95px 70px 0px;
   color: #fff;
}

.builtRight h2{
   font-size: 50px;
   font-weight: 400;
   line-height: 1;
   margin-bottom: 60px;
   color: #fff;
}

/* ==========================
   ROTATING CIRCLE TEXT
========================== */
.builtCircleText{
    position:absolute;
    top: -228px;
    left:30px;
    width:220px;
    height:220px;
    z-index:5;
    animation:rotateCircleText 20s linear infinite;
}

.builtCircleText svg{
    width:100%;
    height:100%;
    overflow:visible;
}

.builtCircleText text{
    fill:#4d1027;
    color: #000;
    font-size: 13px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
}

/* Outer Ring */
.builtCircleText::before{
    content:"";
    position:absolute;
    inset:15px;
    border-radius:50%;
    background:
        linear-gradient(135deg,#fff,#f8eef2);
    border:2px solid rgba(77,16,39,.15);
    box-shadow:
        0 20px 40px rgba(0,0,0,.08),
        inset 0 0 0 10px rgba(255,255,255,.7);
    z-index: -9;
}

/* Center Logo */
.builtCircleText::after{
    content:"";
    position:absolute;
    width: 50%;
    height: 50%;
    border: 1px solid #efefef;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background: #ffffff url(../images/favicon.png) center / 75px no-repeat;
    /* box-shadow:
        0 10px 30px rgba(77,16,39,.35); */
}

/* Rotation */
@keyframes rotateCircleText{
    from{
        transform:rotate(0deg);
    }
    to{
        transform:rotate(360deg);
    }
}

/* Responsive */
@media(max-width:768px){
    .builtCircleText{
        width:150px;
        height:150px;
        top:-70px;
        left:50%;
        transform:translateX(-50%);
    }

    .builtCircleText text{
        font-size:12px;
        letter-spacing:2px;
    }

}
/* ======================
   TIMELINE
====================== */
.timeline{
   position:relative;
   padding-left: 50px;
}

.timelineLine{
   position:absolute;
   left: 15px;
   top:0;
   width:1px;
   height:100%;
   background:rgba(255,255,255,.15);
}

.timelineProgress{
   position:absolute;
   left:-1px;
   top:0;
   width:2px;
   height:120px;
   background:#f2c14d;
   transition:height .7s ease;
}

.timelineItem{
   display: flex;
   grid-template-columns:80px 260px 1fr;
   gap: 0;
   align-items:center;
   margin-bottom:50px;
   position:relative;
}
.build-head {
    width: 35%;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.iconWrap{
   width:56px;
   height:56px;
   border-radius:50%;
   border:1px solid rgba(255,255,255,.25);

   display:flex;
   align-items:center;
   justify-content:center;

   font-size:22px;

   color:rgba(255,255,255,.35);

   transition:.4s ease;
}

.itemTitle{
   font-size:18px;
   font-weight:600;
   text-transform:uppercase;
   letter-spacing:.08em;
   line-height: normal;
   color:rgba(255,255,255,.45);
   transition:.4s ease;
}

.itemDesc{
   padding-right: 100px;
   width: 100%;
   color:rgba(255,255,255,.55);
   /* font-size:15px; */
   /* line-height:1.45; */
   transition:.4s ease;
}

.timelineItem.active .iconWrap{
   color:#f2c14d;
   border-color:#f2c14d;
}

.timelineItem.active .itemTitle{
   color:#f2c14d;
}

.timelineItem.active .itemDesc{
   color:#fff;
}

.verticalTabs {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: .35rem;
   margin: 2rem auto 2.5rem;
}

.verticalTabs span {
   min-width: 160px;
   padding: .85rem 1rem;
   border: 1px solid var(--line);
   color: var(--muted);
   background: #fff;
   font-size: .72rem;
   font-weight: 800;
   letter-spacing: .08em;
   text-align: center;
   text-transform: uppercase;
}

.verticalTabs span:first-child {
   color: var(--secondaryColor);
   border-color: rgba(184, 150, 11, .55);
   box-shadow: inset 0 -3px 0 var(--secondaryColor);
}

.verticalFeature {
   max-width: 900px;
   min-height: 250px;
   display: grid;
   grid-template-columns: 260px 1fr;
   align-items: center;
   gap: 2rem;
   margin: 0 auto;
   padding: 1.5rem;
   background:
      radial-gradient(circle at 80% 55%, rgba(184, 150, 11, .12), transparent 16rem),
      #fff;
   box-shadow: 0 24px 80px rgba(32, 24, 27, .08);
}

.verticalPortrait {
   width: 220px;
   height: 220px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: #fff;
   background: linear-gradient(135deg, #b90036, #b8960b);
   font-family: "Playfair Display", serif;
   font-size: 5rem;
   font-weight: 800;
}

.verticalFeature h3 {
   margin: 0 0 .6rem;
   color: var(--secondaryColor);
   font-family: "Playfair Display", serif;
   font-size: clamp(3rem, 7vw, 6rem);
   font-style: italic;
   line-height: .95;
}

.verticalFeature p {
   color: var(--muted);
   margin: 0;
}

.testimonialSection {
   padding: 1rem 0 3rem;
}

.testimonialPanel {
   min-height: 330px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   overflow: hidden;
   padding: 3rem 1.5rem;
   border-radius: .9rem;
   color: #fff;
   background:
      linear-gradient(rgba(185, 0, 54, .88), rgba(185, 0, 54, .88)),
      var(--primaryColor);
}

.testimonialPanel>* {
   position: relative;
   z-index: 2;
}

.testimonialPanel h2 {
   margin: .7rem 0 1rem;
   color: #fff;
   font-size: clamp(1.8rem, 3vw, 2.7rem);
   text-transform: uppercase;
}

.testimonialPanel blockquote {
   max-width: 760px;
   color: #fff;
   font-family: "Playfair Display", serif;
   font-size: clamp(2rem, 4vw, 3.6rem);
   font-style: italic;
   font-weight: 700;
   line-height: 1.15;
}

.testimonialPanel p {
   color: rgba(255, 255, 255, .74);
   margin: 0;
   text-transform: uppercase;
   letter-spacing: .12em;
   font-size: .72rem;
   font-weight: 800;
}

.circleSection {
   padding-top: 0;
   padding-bottom: 100px;
}

.circleHero {
   width: 98%;
   min-height: 700px;
   display: flex;
   align-items: center;
   background:url(../images/join-bg.jpg)center/cover no-repeat;
}

.circleTitle {
   color: #fff;
}

.circleTitle {
   float: right;
   margin-right: 20%;
   color: #fff;
   font-size: clamp(2.2rem, 5vw, 4.6rem);
   line-height: 1.05;
}
.circleTitle h2{
   font-size: 50px;
   text-transform: uppercase;
}
.circleCards{
   margin-top:-120px;
   position:relative;
   z-index:5;
}

.circleCards article{
       -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
   height:100%;
   background:transparent;
}

.circlePhoto{
   height:auto;
   overflow: hidden;
   border-radius: 100% 100% 0 0;
   background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(184, 150, 11, 1) 100%);
   border: 2px solid transparent;
   border-bottom: 0;
   margin-bottom: 24px;
   position: relative;
   }

.circlePhoto img{
   width:100%;
   height:100%;
   object-fit:cover;
      -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.circleCards article:hover .circlePhoto img{
       -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
   transform:scale(1.08);
}

.circleCards h3{
   color:#0f6b73;
   font-size:22px;
   font-weight:600;
   text-transform:uppercase;
   margin-bottom:14px;
   letter-spacing:.03em;
}

.circleCards p{
   color:#000;
   font-size:15px;
   line-height:1.4;
   margin:0;
}

/* journey */
section#journey {
    padding-top: 0;
}


.journeyPanel{
   display: flex;
   width: 98%;
   margin: 0 auto;
   background:#b99905;
   border-radius:40px;
   padding:80px 60px 90px;
   text-align:center;
   overflow:hidden;
   position:relative;
   flex-direction: column;
   align-items: center;
   gap: 62px;
}

.journeyPanel h2{
   color:#fff;
   font-size:60px;
   font-weight:400;
   margin-bottom: 0;
}

.journeySteps{
   width: 100%;
   display:grid;
   grid-template-columns:repeat(4,1fr);
   gap:40px;
   position:relative;
}

.journeyLine{
   position:absolute;
   left:13%;
   right:13%;
   top:95px;
   border-top:2px dashed rgba(255,255,255,.35);
}

.journeyLine::before,
.journeyLine::after{
   display:none;
}

.journeyStep{
   position:relative;
   z-index:2;
}

.stepCircle{
   width:190px;
   height:190px;
   margin:auto;
   border-radius:50%;
   background:rgba(255,255,255,.08);
   display:flex;
   align-items:center;
   justify-content:center;
   position:relative;
   animation:floatCircle 5s ease-in-out infinite;
}

.stepCircle::before{
   content:"";
   position:absolute;
   width:130px;
   height:130px;
   border-radius:50%;
   background:rgba(255,255,255,.18);
}

.stepIcon{
   width:100px;
   padding: 10px;
   height:100px;
   border-radius:50%;
   background:#fff;
   position:relative;
   z-index:2;
   display:flex;
   align-items:center;
   justify-content:center;
   color:#0d8c8c;
   font-size:38px;
   box-shadow:
      0 0 0 14px rgba(255,255,255,.28);
}

.stepNo{
   position:absolute;
   bottom:5px;
   left:50%;
   transform:translateX(-50%);
   width:54px;
   height:54px;
   border-radius:50%;
   background: #cf2030;
   color:#fff;
   font-size:26px;
   font-weight:700;
   display:flex;
   align-items:center;
   justify-content:center;
   z-index:5;
}

.journeyStep h3{
   color:#fff;
   margin-top:25px;
   margin-bottom:15px;
   font-size: 19px;
}

.journeyStep p{
   color:rgba(255,255,255,.9);
   line-height:1.45;
   font-size:18px;
   max-width:280px;
   margin:auto;
}

.journeyStep strong{
   display:block;
   margin-top:22px;
   color:#fff;
   font-size: 16px;
}

.journeyBtn{
   display:inline-flex;
   align-items:center;
   gap:14px;

   margin-top:70px;

   background:#c4004c;
   color:#fff;

   padding:18px 35px;
   border-radius:50px;

   text-decoration:none;
   font-weight:600;

   transition:.4s;
}

.journeyBtn:hover{
   transform:translateY(-5px);
}

@keyframes floatCircle{
   0%,100%{
      transform:translateY(0);
   }
   50%{
      transform:translateY(-10px);
   }
}

.stepCircle:hover{
   transform:scale(1.08);
   transition:.4s;
}

.stepCircle:hover .stepIcon{
   transform:rotate(10deg);
   transition:.4s;
}
.faqSection{
    padding:100px 0;
    background:url(../images/founder-bg.png);
    overflow:hidden;
}

.faqHeading{
    text-align:center;
    margin:0 auto 60px;
}
.faqHeading h2{
   font-size: 60px;
   color: #fff;
}
.faqHeading p{
   color: #fff;
}

.faqWrap{
    margin:auto;
}

.faqItem{
    margin-bottom:18px;
    border-radius:24px;
    background:#fff;
    border:1px solid rgba(207,32,48,.12);
    box-shadow:0 15px 40px rgba(0,0,0,.05);
    overflow:hidden;
    transition:.4s ease;
}

.faqItem:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.faqQuestion{
    width:100%;
    border:none;
    background:none;
    padding:28px 35px;
    display:flex;
    align-items:center;
    text-align:left;
    cursor:pointer;
    justify-content: space-between;
}

.faqQuestion span{
    font-size:20px;
    font-weight:600;
    color:#222;
    padding-right:20px;
}

.faqQuestion i{
    width:42px;
    height:42px;
    border-radius:50%;
    background:#cf2030;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-style:normal;
    font-size:24px;
    transition:.4s ease;
}

.faqAnswer{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease;
}

.faqAnswer p{
    padding:0 35px 30px;
    color:#666;
    line-height:1.9;
    font-size:17px;
}

.faqItem.active .faqAnswer{
    max-height:500px;
}

.faqItem.active .faqQuestion i{
    transform:rotate(45deg);
}

.faqItem.active{
    border-color:#cf2030;
}

@media(max-width:768px){
.faqQuestion i {
    width: 35px;
    height: 35px;
   }
    .faqSection{
        padding:70px 0;
    }

    .faqHeading h2{
        font-size:34px;
    }

    .faqQuestion{
        padding:12px;
    }

    .faqQuestion span {
        width: 80%;
        padding: 0;
        font-size: 16px;
        line-height: normal;
    }

    .faqAnswer p {
        padding: 15px;
        line-height: 1.6;
        margin: 0;
        padding-top: 0;
    }
    .faqItem {
    margin-bottom: 15px;
    border-radius: 12px;
      }
}
/* footer */
#backToTop {
   position: fixed;
   right: 25px;
   bottom: 25px;
   width: 50px;
   height: 50px;
   border: 0;
   border-radius: 50%;
   background: var(--primaryColor);
   color: #fff;
   font-size: 18px;
   cursor: pointer;
   z-index: 999;
   opacity: 0;
   visibility: hidden;
   transform: translateY(20px);
   transition: all .3s ease;
}

#backToTop.show {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

#backToTop:hover {
   transform: translateY(-4px);
}
.floatingSocial {
   position: fixed;
   right: 25px;
   bottom: 90px;
   display: flex;
   flex-direction: column;
   gap: 12px;
   z-index: 999;
}

.floatingSocial a {
   width: 52px;
   height: 52px;
   border-radius: 50%;
   background: var(--primaryColor);
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
   font-size: 20px;
   transition: .3s ease;
   box-shadow: 0 10px 25px rgba(0,0,0,.15);
}

.floatingSocial a:hover {
   transform: translateY(-4px) scale(1.08);
}
/* WhatsApp */
.whatsapp {
   background: #25D366!important;
}

/* Instagram */
.instagram {
   background: linear-gradient(45deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5)!important;
}

/* Phone */
.call {
   background: #0A66C2;
}

/* Email */
.email {
   background: #EA4335;
}
/* ==========================
   CONTACT SECTION
========================== */
.copy-right p {
    margin-top: 35%;
    width: 100%;
}
.copy-right a{
   color: var(--primaryColor);
}
.contactSection{
   padding:0px 0 80px;
   background:#fff;
}

.contactEyebrow{
   display:block;
   margin-bottom:20px;
   color:#4a4a4a;
   font-size:14px;
   font-weight:500;
   letter-spacing:.12em;
   text-transform:uppercase;
}

.contactTitle{
   max-width:650px;
   color:#222;
   font-size:64px;
   font-weight:400;
   /* line-height:1.08; */
   text-transform:uppercase;
   margin-bottom:0;
}

.contactTitle em{
   /* display:block; */
   color:#0b8b8c;
   font-style:italic;
   font-family:"Playfair Display", serif;
   font-weight:600;
}

/* ==========================
   CONTACT INFO
========================== */

.contactGrid{
   margin-top:70px;
   display:grid;
   grid-template-columns:repeat(2,1fr);
   gap:60px 50px;
}

.contactItem span{
   display:block;
   margin-bottom:12px;
   color:#a2a2a2;
   font-size:14px;
   font-weight:700;
   letter-spacing:.12em;
}

.contactItem a,
.contactItem p{
   margin:0;
   color:#111;
   text-decoration:none;
   font-size:22px;
   font-weight:600;
   line-height:1.4;
}

.contactItem a:hover{
   color:#c70045;
}

.socialIcons{
   display:flex;
   align-items:center;
   gap:20px;
}

.socialIcons a{
   color:#c49a06;
   font-size:28px;
   transition:.3s;
}

.socialIcons a:hover{
   transform:translateY(-3px);
}

/* ==========================
   FORM
========================== */

.contactForm{
   background:#f3f3f5;
   border-radius:35px;
   padding:60px 70px;
}

.contactForm h3{
   color:#222;
   font-size:22px;
   font-weight:700;
   letter-spacing:.12em;
   text-transform:uppercase;
   margin-bottom:18px;
}

.contactForm p{
   color:#555;
   /* line-height:1.5; */
   /* max-width:500px; */
   margin-bottom:50px;
}

.formGroup{
   margin-bottom:38px;
}

.formGroup input,
.formGroup textarea{
   width:100%;
   border:none;
   border-bottom:1px solid #d5d5d5;
   background:transparent;
   padding:15px 0;
   font-size:18px;
   color:#222;
}

.formGroup textarea{
   min-height:90px;
   resize:none;
}

.formGroup input::placeholder,
.formGroup textarea::placeholder{
   color:#666;
}

.formGroup input:focus,
.formGroup textarea:focus{
   outline:none;
   border-color:#c70045;
}

/* ==========================
   BUTTON
========================== */

.contactBtn{
   border:none;
   display:inline-flex;
   align-items:center;
   gap:12px;
   padding:18px 40px;
   border-radius:60px;
   background: #cf2030;
   color:#fff;
   font-size:18px;
   font-weight:600;
   cursor:pointer;
   transition:.3s;
}

.contactBtn:hover{
   transform:translateY(-4px);
}

.contactBtn i{
   font-size:16px;
}

/* ==========================
   FOOTER
========================== */

.pageFooter{
   padding:40px 0;
   background:#fff;
   /* margin-top: -5%; */
}

.footerInner p{
   margin:0;
   color:#333;
   font-size:16px;
}

.footerInner span{
   color:#b04b63;
}

/* ==========================
   RESPONSIVE
========================== */
@media(max-width:1800px){
   .heroVisual {
    position: absolute;
    right: 0;
   }
   .circleText {
    position: absolute;
    width: 100%;
    height: 160%;
   }

}
@media(max-width:1680px){
   .heroContent h1 {
    font-size: clamp(2.9rem, 6vw, 56px);
   }
.container {
    max-width: 95%;
}
.pageHeader {
   padding-bottom: 0;
}
.btn {
    gap: .55rem;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
    border-radius: 100px;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
}
.heroVisual{
   right: 0;
   bottom: -60px;
}
.heroPanel:after {
    right: 0%;
   }
   .pageLogo {
    width: 105px;
   }
.sectionSpace {
    padding: clamp(2rem, 8vw, 5rem) 0;
}
.redPanel {
    width: 96%;
    padding: 50px;
   }
   .offerLead {
    grid-row: 1 / span 2;
    padding: 3rem;
   }
   .offerTile h3 {
    width: 80%;
    font-size: 18px;
   }
   .builtSection {
    margin: 200px 0 0 0;
        padding-bottom: 100px!important;
   }
   .contactForm {
    border-radius: 26px;
    padding: 50px;
}
.heroVisual {
    /* min-height: 440px; */
    position: relative;
   }
   .miniBlock-right span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    left: -20%;
   }
   .heroPanel {
    min-height: 600px;
   }
   .heroArch {
    width: 66%;
    z-index: 99;
    min-height: 500px;
   }
   .circleText text {
    font-size: 12px;
   }
    .circleText {
        width: 110%;
        height: 162%;
      }
   .heroPanel:after {
    content: "";
    position: absolute;
    background: url(../images/bg-vector.png) center / cover no-repeat;
    width: 55%;
    height: 400px;
    mix-blend-mode: multiply;
    right: 9%;
    top: 28%;
   }
   .offerLead h2 {
    font-size: 40px;
   }
       .offerLead {
        grid-row: 1 / span 2;
        padding: 1.5rem;
    }
    .offerTile {
    padding: 15px;
    }
    .offerGrid {
    grid-template-rows: repeat(2, 280px);
}
.builtRight h2 {
    font-size: 40px;
   
}
.build-head {
    width: 45%;
   }
   .itemDesc {
    padding-right: 0;
    width: 90%;
   }
   .itemTitle {
    font-size: 16px;}
    .iconWrap {
    width: 50px;
    height: 50px;}
    .timelineItem{
      margin-bottom: 40px;
    }
    .circleHero {
    width: 98%;
    min-height: 500px;
   }
   .circleTitle h2,.journeyPanel h2,.faqHeading h2 {
    font-size: 40px;
   }
   .sectionIntro p, .contactSection p {
    width: 100%;
   }
   .eyebrow {
    font-size: 18px;
   }
}
@media(max-width:1480px){
   .modalContent {
    padding: 30px;
   }
   .founder-name {
    padding: 15px 30px;
}
   .founderCard h3, .offerTile h3, .builtList h3, .circleCards h3, .journeySteps h3, .contactForm h3 {
    font-size: 18px;}
   .builtCircleText text {
    font-size: 20px;
   }
   .builtCircleText {
    position: absolute;
    top: -180px;
    left: 40px;
    width: 200px;
    height: 200px;
   }
    .heroVisual {
        bottom: -70px;
    }
        .heroArch {
        min-height: 460px;
    }
.heroContent h1 {
    font-size: clamp(2.9rem, 6vw, 45px);
   }
   .menuList a {
    font-size: 14px;
   }
   .miniBlock p {
    font-size: 14px;
   }
       .miniBlock-right span:before {
        width: 300px;
        left: -30%;
        z-index: -9;
    }
.sectionIntro {
    margin-bottom: 0;
}
.miniBlock-left span:before {
   width: 300px;
    right: -150px;
   }
   .goldQuote {
    margin-top: -40px;
   }
   .statLabel {
    max-width: 70%;
   }
   .statsSection {
    padding: 60px 0;
   }
   .founderCard {
    height: 100%;
    padding: 0 10px;
   }
   .formGroup input, .formGroup textarea {
    font-size: 16px;
}
.formGroup {
    margin-bottom: 25px;
}
       .builtSection {
        margin: 150px 0 0 0;
        padding-bottom: 30px !important;
    }
    .builtRight {
    padding: 30px 59px 0px;
}
.sectionIntro p, .contactSection p {
    width: 100%;
   }
   .formGroup textarea {
    min-height: 70px;
   }

}
@media(max-width:1280px){
     .heroContent h1 {
        font-size: 35px;
    }
    
         .heroArch {
        min-height: 400px;
        padding: 0;
    }
        .eyebrow {
        font-size: 15px;
    }
.contactGrid {
    grid-template-columns: repeat(1, 1fr);
}
        .circleText {
        height: 160%;
    }
      .heroPanel {
        min-height: 450px;
    }
        .heroVisual {
        bottom: -26px;
    }

}

@media(max-width:991px){
     .heroVisual {
        bottom: 0;
    }
   .heroContent p {
    text-align: left;
    max-width: 100%;
   }
   .womenCluster {
    margin-top: -22%;
}
.offerLead p {
    text-align: center;
    max-width: 100%;
   }
   .offerTile {
    padding: 15px;
    align-items: center;
    text-align: center;
}

   .builtCard{
      grid-template-columns: 1fr;
   }

   .builtImage{
      height: 420px;
   }

   .builtRight{
      border-radius: 0 0 30px 30px;
      padding: 0px 25px;
   }
.heroPanel {
        padding: 0px 0;
    }
    a.btn.btn-red.head-btn {
        position: fixed;
        bottom: 100px;
        right: 0;
        border-radius: 50px 0 0 50px;
        padding: 15px 12px;
        display: none;
        justify-content: flex-end;
        gap: 0;
    }
    .sectionIntro h2, .contactSection h2 {
        font-size: 22px;
    }
    .contactItem span {
    margin-bottom: 5px;
    margin-top: 15px;
   }
   .iconWrap {
    width: 50px;
    height: 50px;
   }
a.btn.btn-red.head-btn i {
    display: none;
}

a.btn.btn-red.head-btn::after {
    display: none;
}
    .builtRight h2 {
        font-size: 24px;
        margin-bottom: 25px;
        margin-top: 25px;
        text-align: center;
    }
    .timelineItem {
    flex-direction: column;
        align-items: flex-start;
}

   .timelineLine{
      left: 50px;
   }

   .timelineItem{
      grid-template-columns: 50px 1fr;
      gap: 10px;
   }
   .itemTitle {
    font-size: 16px;
   }
   .circleTitle h2 {
    font-size: 24px;
   }
       .circleHero {
        min-height: 250px;
        text-align: center;
    }

   .itemDesc{
      grid-column: 2;
   }

   .membershipBtn{
      left: 25px;
      bottom: 25px;
   }
   
   .contactTitle{
      font-size:48px;
   }

   .contactGrid{
      grid-template-columns:1fr;
      gap:35px;
      margin: 0;
   }

   .contactForm{
      padding:40px 25px;
   }
   .miniBlock {
    padding: 0;
}
.miniBlock-left span:before {
    width: 100%;
    right: -90px;
}
.miniBlock-right span:before {
    width: 100%;
    left: -90px;
}
.itemTitle br {
    display: none;
}

   .journeySteps{
      grid-template-columns:1fr;
   }

   .journeyLine{
      display:none;
   }

   .journeyPanel h2,.journeyPanel h2,.faqHeading h2{
      font-size:24px;
   }

   .faqHeading p {
    text-align: center;}

   .stepCircle{
      width:100px;
      height:100px;
   }
   .journeyStep h3 {
    font-size: 16px !important;
}
.stepCircle::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
   }
   .journeyStep strong{
      margin-top: 10px;
   }
   .stepNo {
    bottom: -17px;
    left: 50%;
    width: 35px;
    height: 35px;
    font-size: 14px;
   }
    .circleCards article {
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
    }
   p{
      font-size: 16px!important;
      text-align: justify;
   }
   .miniBlock p br{
      display: none;
   }
   .journeyPanel {
    width: 94%;
    border-radius: 40px;
    padding: 30px 0;
    gap: 30px;
}
.journeyStep p {
   max-width: 100%;
    text-align: left !important;}
    .j-text {
      width: 100%;
    text-align: left;
    margin-left: 10px;
}
.stepIcon {
    width: 60px;
    padding: 5px;
    height: 60px;
   }
.journeyStep {
    display: flex;
    gap: 5px;
   }
   .copy-right p {
    margin-top: 0;
   }
.modalImage {
    height: auto;
}
.founderModal .modal-dialog {
    max-width: 100%;
}
.founderModal .btn-close {
    width: 35px;
    background-color: #fff;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}
}



@media (max-width:576px){

   .contactTitle{
      font-size:38px;
   }

   .contactItem a,
   .contactItem p{
      font-size:18px;
   }

   .contactBtn{
      width:100%;
      justify-content:center;
   }
}

.animateThis {
   will-change: opacity, transform;
}

.slideLeft,
.slideRight,
.slideTop,
.fadeGrow,
.fadeIn {
   opacity: 0;
   transition: opacity .8s ease, transform .8s ease;
}

.slideLeft {
   transform: translate3d(60px, 0, 0);
}

.slideRight {
   transform: translate3d(-60px, 0, 0);
}

.slideTop {
   transform: translate3d(0, 60px, 0);
}

.fadeGrow {
   transform: scale(.94);
}

.slideLeft.in-view,
.slideRight.in-view,
.slideTop.in-view,
.fadeGrow.in-view,
.fadeIn.in-view {
   opacity: 1;
   transform: translate3d(0, 0, 0) scale(1);
}

@keyframes fadeLeft {
   from {
      opacity: 0;
      transform: translateX(-50px);
   }

   to {
      opacity: 1;
      transform: translateX(0);
   }
}

@keyframes floatLogo {
   0%,
   100% {
      transform: translateY(0);
   }

   50% {
      transform: translateY(-16px);
   }
}

@keyframes softPulse {
   0%,
   100% {
      opacity: .55;
      transform: translateY(0);
   }

   50% {
      opacity: 1;
      transform: translateY(-8px);
   }
}

@media (max-width: 1199.98px) {
   .headerShell {
      grid-template-columns: 90px 1fr auto;
   }

   .menuList a {
      padding-inline: .45rem;
      font-size: .68rem;
   }

   .headerCta {
      padding-inline: .8rem;
   }

   .offerGrid {
      grid-template-columns: repeat(3, 1fr);
   }

   .offerLead {
      grid-column: 1 / -1;
      min-height: auto;
   }
}

@media (max-width: 991.98px) {
   .headerShell {
      grid-template-columns: 90px 1fr auto;
   }

   .navigHolder {
      width: 100%;
      position: fixed;
      top: 0rem;
      bottom: 0rem;
      left: -120%;
      display: block;
      padding: 3rem 1.25rem 1.5rem;
      border: 1px solid var(--line);
      border-radius: .8rem;
      background: rgba(255, 255, 255, .98);
      box-shadow: 0 24px 80px rgba(32, 24, 27, .18);
      transition: left .3s ease;
      z-index: 999;
   }

   .navigHolder.open {
      left: 0rem;
   }

   .menuList {
      display: block;
   }

   .menuList li {
      border-bottom: 1px solid var(--line);
   }

   .menuList a {
      padding: 1rem;
      font-size: .8rem;
      text-align: center;
   }

   .menuList a:after {
      display: none;
   }

   .headerCta {
      justify-self: end;
   }

   .menuBtn {
      display: block;
      z-index: 1001;
   }

   .heroPanel {
      min-height: auto;
   }

   .heroVisual {
      min-height: 390px;
   }

      .heroArch {
        min-height: 300px;
        padding: 1rem;
    }
   .heroLogo {
    width: 90%;
}
    .heroArch {
        width: 80%;
      }

   .miniBlock,
   .miniBlock.text-lg-end {
      text-align: center;
   }

   .offerGrid {
      grid-template-columns: repeat(2, 1fr);
   }

   .builtImage,
   .builtPanel {
      min-height: auto;
   }

   .builtImage {
      height: auto;
   }
   .verticalFeature {
      grid-template-columns: 1fr;
      text-align: center;
   }

   .verticalPortrait {
      margin: 0 auto;
   }
   .headerShell {
    /* min-height: 56px; */
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.pageHeader {
    padding: 10px 0;
}
.eyebrow {
    font-size: 14px;
   }
   .heroContent {
      text-align: left;
      padding: 40px 0rem;
   }
       .heroPanel:after {
        width: 55%;
        height: 342px;
        mix-blend-mode: multiply;
        right: 0%;
        top: 67px;
    }
   .btn {
    width: fit-content;
    display: flex;
    justify-content: center;
    gap: .75rem;
    padding: 8px 12px 8px 15px;
    border-radius: 100px;
    font-size: 12px;
    }
    .heroContent .d-flex {
        display: flex;
        justify-content: flex-start;
    }

.circleText text {
    fill: #fff;
    font-size: 13px;
   }
    .circleText {
        width: 130%;
        height: 130%;
        top: -72px;
        left: 50%;}
   .sectionIntro p, .contactSection p {
    width: 100%;
   }
   .sectionIntro h2, .contactSection h2 {
    font-size: clamp(1.5rem, 4vw, 50px);
}
.goldQuote {
    max-width: 100%;
    margin: 1.3rem auto 0;
    margin-top: 20px;
    font-size: 17px;
   }
   .statLabel {
    max-width: 100%;
    margin: .6rem auto 0;
    color: var(--muted);
    font-size: .74rem;
            margin-bottom: 20px;
   }
   .statsSection {
    padding: 60px 0;
   }
   .marquee-content span {
    font-size: 18px;
   }
       .redPanel {
        width: 96%;
        padding: 30px 15px;
    }
    .founderCard p.expandable {
    overflow: hidden;
}

.founderCard p .text-wrap {
    display: block;
    overflow: hidden;
    transition: max-height .45s ease;
}
.readMoreBtn{
   display:block;
   background:none;
   border:0;
   color:var(--primaryColor);
   font-weight:600;
   margin-left:5px;
}
.read-more-btn {
    background: none;
    border: 0;
    padding: 5px 15px;
    border-radius: 50px;
    margin-top: 20px;
    background-color: var(--secondaryColor);
    font-weight: 600;
    cursor: pointer;
}
.founder-name {
    background: #fff;
    padding: 15px;
    text-align: center;
}
.founderCard h3, .offerTile h3, .builtList h3, .circleCards h3, .journeySteps h3, .contactForm h3 {
   width: 100%;
    font-size: 18px;
}
.founderCard p, .offerTile p, .builtList p, .circleCards p, .journeySteps p {
    text-align: center;
   }
    .offerLead {
        display: flex;
        grid-row: 1 / span 2;
        padding: 3rem 1rem;
        text-align: center;
        flex-direction: column;
        align-items: center;
    }
    .builtImage {
    width: 60%;
    margin-top: -15%;
   }
       .builtSection {
        margin: 100px 0 0 0;
        padding-bottom: 30px !important;
    }
.itemDesc {
    padding-right: 0;
      }
      .build-head {
    width: 100%;
   }
   .timeline {
    position: relative;
    padding-left: 30px;
}
    .timelineLine {
        left: 0;
    }
.circleTitle {
    float: unset;
    margin-right: 0;
    color: #fff;
    font-size: clamp(2.2rem, 5vw, 4.6rem);
    line-height: normal;
    margin-bottom: 25px;
}
    .heroContent h1 {
        font-size: 33px;
    }
}


@media (max-width: 767.98px) {
    .offerGrid {
        display: flex;
        flex-direction: column;
    }    .builtCircleText {
        position: absolute;
        top: -300px;
        left: 60%;
        width: 150px;
        height: 150px;
        padding: 8px;
    }
        .builtCircleText text {
        font-size: 19px;
    }
    .builtLeft a {
    margin-left: 12%;
}
    .builtCircleText::after {
    background: #ffffff url(../images/favicon.png) center / 60px no-repeat;
    }
    .m-order-1 { order: 1 !important; }
    .m-order-2 { order: 2 !important; }
    .m-order-3 { order: 3 !important; }
    .m-order-4 { order: 4 !important; }
    .m-order-5 { order: 5 !important; }
    .m-order-6 { order: 6 !important; }
    .m-order-7 { order: 7 !important; }
   .moreText{
   display:block;
   max-height:0;
   overflow:hidden;
   opacity:0;
   transition:
      max-height .6s ease,
      opacity .4s ease;
}
    .heroContent {
        text-align: center;
        padding: 0;
    }
        .heroContent .d-flex {
        justify-content: center;
    }

.founderText.expanded .moreText{
   max-height:500px;
   opacity:1;
}
.readMoreBtn{
   background:none;
   border:none;
   padding:0;

   color:#fff;
   font-size:13px;
   text-transform:uppercase;
   letter-spacing:2px;
   font-weight:600;
   position:relative;
   margin-top: 15px;
}

.readMoreBtn::after{
   content:"";
   display:block;
   width:45px;
   height:1px;
   background:var(--secondaryColor);
   margin-top:8px;
   transition:.4s ease;
}

.readMoreBtn:hover::after{
   width:80px;
}
      .heroContent p {
    text-align: center;
   }
.modalContent blockquote {
    font-size: 14px;
    font-style: italic;
    border-bottom: 3px solid #c7a36a;
    margin-top: 30px;
    padding-bottom: 15px;
    border-radius: 50px;
}
    .modalContent p {
        text-align: center;
        line-height: 1.7;
        margin-bottom: 15px;
    }
        .offerGrid {
        grid-template-rows: repeat(2, auto);
    }
   .offerGrid {
      grid-template-columns: 1fr;
   }

   .offerLead {
      min-height: auto;
      padding: 3rem 1.5rem;
   }

   .offerLead h2 {
      font-size: 24px;
      line-height: normal;
      margin-top: 10px;
      margin-bottom: 10px;
   }

   .offerTile {
      padding: 2rem 1.5rem;
   }

   .offerImg {
      height: auto;
   }
   .mobile-none{
      display: none;
   }
     .statsSection {
    padding: 30px 0;
   }
   .marquee-content span {
    font-size: 16px;
   }
       .redPanel {
        width: 96%;
        padding: 30px 15px;
    }
   .headerShell {
      grid-template-columns: 78px 1fr auto;
   }

   .pageLogo {
      width: 68px;
   }

   .headerCta {
      display: none;
   }
   .heroPanel {
      padding: 2rem 0rem;
      padding-bottom: 0rem;
      border-radius: .7rem;
   }

   .heroVisual {
      min-height: 310px;
   }

   .heroArch {
      width: min(82%, 280px);
      min-height: 300px;
      padding: 3rem 1.4rem 2rem;
   }

   .rotatingText {
      width: 210px;
      height: 210px;
      margin-left: -105px;
   }

   .womenCluster {
      min-height: 130px;
   }

   .avatar {
      width: 72px;
      height: 96px;
      margin-left: -14px;
      font-size: 1.9rem;
   }

   .founderCard {
      border-radius: .7rem;
   }

   .founderPhoto {
      border-radius: .5rem;
   }
   .founderCard{
     padding: 0rem;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        border-bottom: 1px solid var(--secondaryColor);
    }

   .offerGrid {
      grid-template-columns: 1fr;
   }

    .offerTile {
        text-align: center;
        min-height: auto;
    }


   .circleCards {
      margin-top: -80px;
   }
   .contactSection h2 br{
      display: none;
   }
   .contactSection{
      text-align: center;
   }
       .contactGrid {
        grid-template-columns: 1fr;
        gap: 0px;
        margin-top: 20px;
    }
    .socialIcons {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-top: 15px;
}
.contactItem p {
    margin: 0;
}
.contactItem {
    border-bottom: 1px solid #0000002e;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.copy-right p {
    margin-top: 60px;
    margin-bottom: 0;
}
   
}

@media (max-width: 575.98px) {
       .heroPanel:after {
        width: 100%;
        height: 389px;
        mix-blend-mode: multiply;
        right: 0%;
        top: 46%;
    }
   .btn::after {
    top: -5px;
   }
   .container {
      --bs-gutter-x: 1.25rem;
   }
     .modalContent {
        text-align: center;
        padding: 15px;
    }
       .contactForm {
         text-align: center;
        padding: 30px 15px;
    }
    .formGroup input, .formGroup textarea {
    font-size: 14px;
   }
   .formGroup {
    margin-bottom: 25px;
            margin-top: 25px;
}
    .contactSection h2 {
        padding: 0 15px;
      }
    .sectionIntro p, .contactSection p {
        text-align: center;
        width: 100%;
        margin-bottom: 0px;
    }
    .contactBtn {
    gap: 12px;
    padding: 12px 26px;
    font-size: 16px;
}
    .formGroup input, .formGroup textarea {
        font-size: 16px;
        padding: 5px 0;
    }

    .sectionSpace {
        padding: 2rem 0;
    }
    .sectionIntro {
    margin-bottom: 0;
}
    .heroContent h1 {
        font-size: 25px;
    }
    .heroContent {
       animation: fadeUp 0.8s ease forwards;
}


   .goldQuote {
      padding: 0px 18px;
        font-size: 24px;
        line-height: normal;
    }

   .verticalTabs span {
      width: 100%;
   }

   .verticalFeature h3 {
      font-size: clamp(2.7rem, 16vw, 4.2rem);
   }

   .testimonialPanel blockquote {
      font-size: clamp(1.8rem, 10vw, 2.7rem);
   }
}

@keyframes fadeUp {
   from {
      opacity: 0;
      transform: translateY(50px);
   }

   to {
      opacity: 1;
      transform: translateY(0);
   }
}