/*==============================================
   About One
===============================================*/
.about-one {
   position: relative;
   display: block;
   padding: 0px 0 120px;
   z-index: 1;
}

.about-one__left {
   position: relative;
   display: block;
   margin-right: 160px;
   margin-left: 100px;
}

.about-one__img-box {
   position: relative;
   display: block;
}

.about-one__img {
   position: relative;
   display: block;
   overflow: hidden;
   border-radius: var(--fixpro-bdr-radius);
}

.about-one__img::before {
   background: rgba(255, 255, 255, 0.5);
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 0;
   opacity: 1;
   pointer-events: none;
}

.about-one__img:hover::before {
   height: 100%;
   opacity: 0;
   transition: all 0.6s linear;
}

.about-one__img>img {
   width: 100%;
   border-radius: var(--fixpro-bdr-radius);
}

.about-one__img-2 {
   position: absolute;
   top: 170px;
   right: -130px;
   max-width: 320px;
   width: 100%;
   border-radius: 50px;
   overflow: hidden;
   z-index: 1;
}

.about-one__img-2::before {
   background: rgba(255, 255, 255, 0.5);
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   opacity: 1;
   pointer-events: none;
}

.about-one__img-2:hover::before {
   width: 100%;
   opacity: 0;
   transition: all 0.6s linear;
}

.about-one__img-2>img {
   width: 100%;
   border-radius: 50px;
   border: 20px solid var(--fixpro-white);
}

.about-one__experience-box {
   position: absolute;
   top: 20px;
   left: -61px;
   background-color: var(--fixpro-white);
   border: 20px solid var(--fixpro-base);
   max-width: 240px;
   width: 100%;
   text-align: center;
   padding: 20px 20px 20px;
   border-radius: 40px;
   z-index: 1;
}

.about-one__experience-box::before {
   content: "";
   bottom: -80px;
   left: -7px;
   position: absolute;
   border-left: 23px solid transparent;
   border-right: 25px solid var(--fixpro-base);
   border-bottom: 37px solid transparent;
   border-top: 34px solid var(--fixpro-base);
}

.about-one__count-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.about-one__count-box h3 {
   font-size: 40px;
   line-height: 40px !important;
   font-family: var(--fixpro-font-two) !important;
   color: var(--fixpro-black);
   font-weight: 700;
}

.about-one__count-box span {
   font-size: 40px;
   line-height: 40px;
   font-family: var(--fixpro-font-two);
   color: var(--fixpro-black);
   font-weight: 700;
}

.about-one__experience-text {
   margin-top: 5px;
}

.about-one__shape-1 {
   position: absolute;
   top: -30px;
   right: -50px;
   width: 150px;
   height: 150px;
   background-color: rgba(var(--fixpro-base-rgb), .20);
   border-radius: 20px;
   z-index: -1;
}

.about-one__shape-2 {
   position: absolute;
   left: -20px;
   bottom: -40px;
   opacity: .30;
   z-index: -1;
}

.about-one__shape-2 img {
   width: auto;
}

.about-one__right {
   position: relative;
   display: block;
}

.about-one__right .section-title {
   margin-bottom: 30px;
}

.about-one__points-box {
   position: relative;
   display: block;
   margin: 27px 0 27px;
}

.about-one__points {
   position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
}

.about-one__points li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
}

.about-one__points li .icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 70px;
   height: 70px;
   background-color: var(--fixpro-base);
   border-radius: 50%;
   -webkit-transition: all 500ms ease;
   transition: all 500ms ease;
}

.about-one__points li:hover .icon {
   background-color: var(--fixpro-black);
}

.about-one__points li .icon span {
   position: relative;
   display: inline-block;
   font-size: 35px;
   color: var(--fixpro-white);
   transform: scale(1);
   transition: 500ms ease;
}

.about-one__points li:hover .icon span {
   transform: scale(0.9);
}

.about-one__points li .content {
   position: relative;
   display: block;
   flex: 1;
}

.about-one__points li .content h4 {
   font-size: 20px;
   line-height: 30px;
   font-weight: 700;
   letter-spacing: -0.72px;
   margin-bottom: 5px;
}

.about-one__points-two {
   position: relative;
   display: block;
}

.about-one__points-two li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
}

.about-one__points-two li+li {
   margin-top: 5px;
}

.about-one__points-two li .icon {
   position: relative;
   display: inline-block;
}

.about-one__points-two li .icon span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: var(--fixpro-base);
}

.about-one__points-two li p {
   color: var(--fixpro-black);
   font-weight: 500;
}

.about-one__btn-and-video {
   position: relative;
   display: flex;
   align-items: center;
   gap: 50px;
   margin-top: 50px;
}

.about-one__btn-box {
   position: relative;
   display: block;
}

.about-one__video-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 25px;
}

.about-one__video-link {
   position: relative;
   display: block;
}

.about-one__video-icon {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   font-size: 16px;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: 1;
}

.about-one__video-icon:hover {
   background-color: var(--fixpro-black);
   color: var(--fixpro-white);
}

.about-one__video-link .ripple,
.about-one__video-icon .ripple:before,
.about-one__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 50px;
   height: 50px;
   border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -o-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
}

.about-one__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
}

.about-one__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
}

.about-one__video-text {
   font-weight: 500;
}

/*--------------------------------------------------------------
# About Two
--------------------------------------------------------------*/
.about-two {
   position: relative;
   display: block;
   padding: 90px 0 120px;
   z-index: 1;
}

.about-two__shape-1 {
   position: absolute;
   top: 0;
   right: 100px;
   opacity: 0.05;
   z-index: -1;
}

.about-two__shape-1 img {
   width: auto;
}

.about-two__shape-2 {
   position: absolute;
   bottom: 20px;
   left: 40%;
   opacity: 0.03;
   transform: translateX(-40%);
   z-index: -1;
}

.about-two__shape-2 img {
   width: auto;
}

.about-two__left {
   position: relative;
   display: block;
}

.about-two__left .section-title {
   margin-bottom: 43px;
}

.about-two__text-1 {
   font-size: 18px;
   font-weight: 600;
   color: var(--fixpro-black);
}

.about-two__text-1 span {
   color: var(--fixpro-base);
}

.about-two__points-list {
   position: relative;
   display: flex;
   align-items: center;
   gap: 15px;
   margin: 22px 0 30px;
}

.about-two__points-list li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
   border: 1px solid rgba(var(--fixpro-black-rgb), .20);
   padding: 9px 30px 11px;
   border-radius: 10px;
}

.about-two__points-list li .icon {
   position: relative;
   display: inline-block;
   top: 5px;
}

.about-two__points-list li .icon span {
   position: relative;
   display: inline-block;
   font-size: 25px;
   color: var(--fixpro-base);
}

.about-two__points-list li p {
   font-size: 20px;
   font-weight: 500;
   line-height: 30px;
   font-family: var(--fixpro-font-two);
   color: var(--fixpro-black);
}

.about-two__text-2 span {
   color: var(--fixpro-base);
   font-weight: 500;
}

.about-two__btn-box {
   position: relative;
   display: block;
   margin-top: 30px;
}

.about-two__right {
   position: relative;
   display: block;
   margin-left: 300px;
}

.about-two__img-box {
   position: relative;
   display: block;
}

.about-two__img {
   position: relative;
   display: block;
}

.about-two__img img {
   width: 100%;
   border-radius: var(--fixpro-bdr-radius);
}

.about-two__img-2 {
   position: absolute;
   top: 0;
   left: -300px;
}

.about-two__img-2 img {
   width: auto;
   border-radius: var(--fixpro-bdr-radius);
}

.about-two__experience-box {
   position: absolute;
   bottom: 80px;
   left: -270px;
   background-color: var(--fixpro-white);
   border: 20px solid rgba(var(--fixpro-base-rgb), .20);
   max-width: 260px;
   width: 100%;
   text-align: center;
   padding: 20px 20px 20px;
   border-radius: 35px;
   z-index: 1;
}

.about-two__count-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.about-two__count-box h3 {
   font-size: 40px;
   line-height: 40px !important;
   font-family: var(--fixpro-font-two) !important;
   color: var(--fixpro-black);
   font-weight: 700;
}

.about-two__count-box span {
   font-size: 40px;
   line-height: 40px;
   font-family: var(--fixpro-font-two);
   color: var(--fixpro-black);
   font-weight: 700;
}

.about-two__experience-text {
   margin-top: 5px;
}

.about-two__circle-bdr {
   position: absolute;
   top: 70px;
   left: -180px;
   width: 350px;
   height: 350px;
   border: 2px dashed var(--fixpro-base);
   border-radius: 50%;
   z-index: -1;
}

.about-two__video-link {
   position: absolute;
   top: 175px;
   left: -60px;
}

.about-two__video-icon {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 80px;
   height: 80px;
   line-height: 80px;
   text-align: center;
   font-size: 16px;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   border: 10px solid rgba(var(--fixpro-black-rgb), .80);
   border-radius: 50%;
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: 1;
}

.about-two__video-icon:hover {
   background-color: var(--fixpro-black);
   color: var(--fixpro-white);
}

.about-two__video-link .ripple,
.about-two__video-icon .ripple:before,
.about-two__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -o-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
}

.about-two__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
}

.about-two__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
}

/*--------------------------------------------------------------
# About Three
--------------------------------------------------------------*/
.about-three {
   position: relative;
   display: block;
   padding: 120px 0 0px;
   z-index: 2;
}

.about-three__left {
   position: relative;
   display: block;
   margin-right: 180px;
   margin-left: 50px;
}

.about-three__img-box {
   position: relative;
   display: block;
}

.about-three__img {
   position: relative;
   display: block;
}

.about-three__img img {
   width: 100%;
   border-radius: var(--fixpro-bdr-radius);
}

.about-three__img-2 {
   position: absolute;
   bottom: -105px;
   right: -150px;
}

.about-three__img-2 img {
   width: auto;
   border-radius: var(--fixpro-bdr-radius);
}

.about-three__video-link {
   position: absolute;
   top: 45px;
   right: -40px;
}

.about-three__video-icon {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 80px;
   height: 80px;
   line-height: 80px;
   text-align: center;
   font-size: 16px;
   color: var(--fixpro-white);
   background-color: var(--fixpro-base);
   transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   z-index: 1;
}

.about-three__video-icon:hover {
   background-color: var(--fixpro-black);
   color: var(--fixpro-white);
}

.about-three__video-link .ripple,
.about-three__video-icon .ripple:before,
.about-three__video-icon .ripple:after {
   position: absolute;
   top: 50%;
   left: 50%;
   width: 80px;
   height: 80px;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -ms-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -o-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   box-shadow: 0 0 0 0 rgba(var(--fixpro-base-rgb), 0.6);
   -webkit-animation: ripple 3s infinite;
   animation: ripple 3s infinite;
}

.about-three__video-icon .ripple:before {
   -webkit-animation-delay: 0.9s;
   animation-delay: 0.9s;
   content: "";
   position: absolute;
}

.about-three__video-icon .ripple:after {
   -webkit-animation-delay: 0.6s;
   animation-delay: 0.6s;
   content: "";
   position: absolute;
}

.about-three__shape-1 {
   position: absolute;
   bottom: -55px;
   left: 60px;
   z-index: -1;
}

.about-three__shape-1 img {
   width: auto;
   opacity: .30;
}

.about-three__shape-2 {
   position: absolute;
   top: 15px;
   right: -20px;
   width: 10px;
   height: 200px;
   background-color: var(--fixpro-black);
   border-radius: 5px;
   z-index: -1;
}

.about-three__experience-box {
   position: absolute;
   top: 20px;
   left: -61px;
   background-color: var(--fixpro-white);
   border: 20px solid var(--fixpro-base);
   max-width: 240px;
   width: 100%;
   text-align: center;
   padding: 20px 20px 20px;
   border-radius: 40px;
   z-index: 1;
}

.about-three__experience-box::before {
   content: "";
   bottom: -80px;
   left: -7px;
   position: absolute;
   border-left: 23px solid transparent;
   border-right: 25px solid var(--fixpro-base);
   border-bottom: 37px solid transparent;
   border-top: 34px solid var(--fixpro-base);
}

.about-three__count-box {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
}

.about-three__count-box h3 {
   font-size: 40px;
   line-height: 40px !important;
   font-family: var(--fixpro-font-two) !important;
   color: var(--fixpro-black);
   font-weight: 700;
}

.about-three__count-box span {
   font-size: 40px;
   line-height: 40px;
   font-family: var(--fixpro-font-two);
   color: var(--fixpro-black);
   font-weight: 700;
}

.about-three__experience-text {
   margin-top: 5px;
}

.about-three__right {
   position: relative;
   display: block;
}

.about-three__right .section-title {
   margin-bottom: 25px;
}

.about-three__points-list {
   position: relative;
   display: block;
   margin: 24px 0 32px;
}

.about-three__points-list li {
   position: relative;
   display: flex;
   align-items: center;
   gap: 10px;
}

.about-three__points-list li+li {
   margin-top: 5px;
}

.about-three__points-list li .icon {
   position: relative;
   display: inline-block;
}

.about-three__points-list li .icon span {
   position: relative;
   display: inline-block;
   font-size: 16px;
   color: var(--fixpro-base);
}

.about-three__points-list li p {
   font-weight: 500;
}

.about-three__points-two {
   position: relative;
   display: flex;
   align-items: center;
   margin-right: 100px;
   margin-left: -200px;
   padding: 20px 50px 20px;
   border-radius: var(--fixpro-bdr-radius);
   border-bottom: 5px solid var(--fixpro-base);
   background-color: var(--fixpro-white);
   box-shadow: 0px 10px 39.2px 0.8px rgba(0, 0, 0, 0.1);
}

.about-three__points-two li {
   position: relative;
   display: block;
   width: 33.3333333333%;
   float: left;
}

.about-three__points-two-icon {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 50px;
   height: 50px;
   background-color: var(--fixpro-white);
   border: 5px solid rgba(var(--fixpro-base-rgb), .30);
   border-radius: 15px;
}

.about-three__points-two-icon span {
   position: relative;
   display: inline-block;
   font-size: 24px;
   color: var(--fixpro-base);
   transition: all 500ms linear;
   transition-delay: 0.1s;
   transform: scale(1);
}

.about-three__points-two li:hover .about-three__points-two-icon span {
   transform: scale(0.9);
}

.about-three__points-two-title {
   font-size: 20px;
   font-weight: 700;
   line-height: 30px;
   margin: 12px 0 5px;
}

.about-three__btn-and-client-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 30px;
   margin-top: 30px;
}

.about-three__btn-box {
   position: relative;
   display: block;
}

.about-three__client-box {
   position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
}

.about-three__client-img {
   position: relative;
   display: block;
   max-width: 70px;
   width: 100%;
}

.about-three__client-img img {
   width: 100%;
   border-radius: 50%;
}

.about-three__client-content {
   position: relative;
   display: block;
}

.about-three__client-content h4 {
   font-size: 22px;
   line-height: 32px;
   font-weight: 600;
}


/*--------------------------------------------------------------
# About Page
--------------------------------------------------------------*/
/* .about-page {
   padding: 120px 0 120px;
}

 */






/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/



    .foundation-section {
      max-width: 1380px;
      margin: 0 auto;
      padding: 4rem 2rem;
    }

    .foundation-container {
      background: white;
      border-radius: 2rem;
      padding: 3rem 2.5rem;
      /* box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.03); */
    }

    /* header styles */
    .section-badge {
      display: inline-block;
      background: #eef2ff;
      color: #1A2B4A;
      font-size: 0.8rem;
      font-weight: 600;
      padding: 0.3rem 1rem;
      border-radius: 30px;
      margin-bottom: 1rem;
      letter-spacing: 0.3px;
    }

    .section-title {
      font-size: 2.5rem;
      font-weight: 700;
      color: #1e293b;
      margin-bottom: 1rem;
      letter-spacing: -0.02em;
    }

    .section-subtitle {
      font-size: 1rem;
      color: #64748b;
      max-width: 650px;
      line-height: 1.5;
      margin-bottom: 2.5rem;
    }

    /* mission & vision grid (2 columns) */
    .mvp-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.8rem;
      margin-bottom: 3rem;
    }

    .mvp-card {
      background: #f8fafc;
      border-radius: 1.5rem;
      padding: 2rem;
      transition: all 0.25s ease;
      border: 1px solid #e9edf2;
    }

    .mvp-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
      border-color: #cbd5e1;
    }

    .mvp-icon {
      width: 60px;
      height: 60px;
      background: #eef2ff;
      border-radius: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.3rem;
    }

    .mvp-icon i {
      font-size: 1.8rem;
      color: #1A2B4A;
    }

    .mvp-heading {
      font-size: 1.5rem;
      font-weight: 700;
      color: #0f172a;
      margin-bottom: 0.8rem;
    }

    .mvp-description {
      font-size: 0.95rem;
      color: #000000;
      line-height: 1.55;
    }


    
    /* values section heading */
    .values-header {
      margin: 2rem 0 1.5rem 0;
    }

    .values-title {
      font-size: 1.75rem;
      font-weight: 700;
      color: #1e293b;
      margin-bottom: 0.5rem;
    }

    .values-subtitle {
      font-size: 0.95rem;
      color: #64748b;
    }

    /* values grid */
    .values-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
      gap: 1.5rem;
      margin-bottom: 2.5rem;
    }

    .value-card {
      background: white;
      border: 1px solid #e9edf2;
      border-radius: 1.25rem;
      padding: 1.5rem;
      transition: all 0.25s ease;
    }

    .value-card:hover {
      border-color: #cbd5e1;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
      transform: translateY(-2px);
    }

    .value-icon {
      width: 48px;
      height: 48px;
      background: #f0f4fe;
      border-radius: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1rem;
    }

    .value-icon i {
      font-size: 1.4rem;
      color: #1A2B4A;
    }

    .value-name {
      font-size: 1.2rem;
      font-weight: 600;
      color: #0f172a;
      margin-bottom: 0.5rem;
    }

    .value-desc {
      font-size: 0.85rem;
      color: #5b6b8c;
      line-height: 1.5;
    }

    /* bottom quote */
    .bottom-quote {
      background: #f8fafc;
      border-radius: 1.25rem;
      padding: 1.8rem 2rem;
      text-align: center;
      border: 1px solid #e9edf2;
      margin-top: 1rem;
    }

    .bottom-quote i {
      color: #1A2B4A;
      font-size: 1.8rem;
      margin-bottom: 0.8rem;
      opacity: 0.7;
    }

    .quote-text {
      font-size: 1.1rem;
      color: #1e293b;
      font-weight: 500;
      margin-bottom: 0.5rem;
    }

    .quote-author {
      font-size: 0.85rem;
      color: #64748b;
    }

    /* responsive */
    @media (max-width: 768px) {
      .foundation-section {
        padding: 2rem 1.2rem;
      }
      .foundation-container {
        padding: 2rem 1.5rem;
      }
      .section-title {
        font-size: 2rem;
      }
      .mvp-grid {
        grid-template-columns: 1fr;
        gap: 1.2rem;
      }
      .mvp-card {
        padding: 1.5rem;
      }
      .values-title {
        font-size: 1.5rem;
      }
      .bottom-quote {
        padding: 1.2rem;
      }
      .quote-text {
        font-size: 1rem;
      }
    }

    .team-details__client-text{
      color: black!important;
    }

   .founder-quote{
       color: black!important;
   }



    .team-section {
     
      width: 100%;
      background: #ffffff;
      border-radius: 2.5rem;
      box-shadow: 0 20px 40px -12px rgba(0, 20, 30, 0.15);
      padding: 3rem 2.5rem;
      transition: all 0.2s ease;
    }



    /* HEADER */
    .team-header {
      text-align: center;
      margin-bottom: 2.5rem;
    }

    .team-header .badge {
      display: inline-block;
      background: #eef4ff;
      color: #1a4c7a;
      font-weight: 600;
      font-size: 0.85rem;
      letter-spacing: 1px;
      padding: 0.4rem 1.4rem;
      border-radius: 40px;
      margin-bottom: 0.8rem;
      text-transform: uppercase;
    }

    .team-header h1 {
      font-size: 2.8rem;
      font-weight: 700;
      color: #0b2a41;
      letter-spacing: -0.02em;
      margin-bottom: 0.5rem;
    }

    .team-header h1 span {
      color: #042e6e;
    }

    .team-header .subhead {
     
      color: #2c4c6e;
      max-width: 750px;
      margin: 0.5rem auto 0.2rem;
      line-height: 1.6;
      font-weight: 400;
    }

    .highlight-stats {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 2rem 3rem;
      margin-top: 1.5rem;
      padding-top: 1.5rem;
      border-top: 1px solid #e6edf5;
    }

    .stat-item {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      color: #1e3d5e;
      font-weight: 500;
      font-size: 1rem;
    }

    .stat-item i {
      color: #042e6e;
      font-size: 1.3rem;
    }

    .stat-item strong {
      font-size: 1.3rem;
      margin-right: 0.15rem;
      color: #0b2a41;
    }

    /* ---- SINGLE TEAM PHOTO (group image) ---- */
    .team-photo-wrapper {
      margin: 2rem 0 2.2rem;
      border-radius: 2rem;
      overflow: hidden;
      box-shadow: 0 12px 30px -8px rgba(0, 20, 30, 0.2);
      background: #dce6f2;
      transition: 0.3s ease;
      border: 1px solid #e1ebf6;
    }

    .team-photo-wrapper img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      transition: 0.3s;
    }

    .team-photo-wrapper:hover {
      box-shadow: 0 20px 40px -10px rgba(26, 67, 113, 0.25);
    }

    /* caption under photo */
    .photo-caption {
      text-align: center;
      margin: -0.5rem 0 1.8rem;
      font-size: 0.95rem;
      color: #1f4062;
      background: #f4f9ff;
      padding: 0.6rem 1.5rem;
      border-radius: 60px;
      display: inline-block;
      letter-spacing: 0.3px;
      border: 1px solid #e1ebf6;
      backdrop-filter: blur(2px);
      font-weight: 450;
    }

    .photo-caption i {
      color: #042e6e;
      margin-right: 6px;
    }

    /* team essence — brief description (optional) */
    .team-essence {
      text-align: center;
      max-width: 1000px;
      margin: 0 auto 2rem;
      font-size: 1.05rem;
      color: #1f4062;
      line-height: 1.7;
      background: #fafdff;
      padding: 1rem 2rem;
      border-radius: 60px;
      border: 1px solid #ecf3fa;
    }

    .team-essence i {
      color: #042e6e;
      margin: 0 4px;
    }

    /* FOOTER / CTA */
  
    .btn-outline {
      background: transparent;
      border: 2px solid #1a4c7a;
      color: #1a4c7a;
      font-weight: 600;
      padding: 0.6rem 1.8rem;
      border-radius: 60px;
      font-size: 0.9rem;
      transition: 0.2s;
      cursor: default;
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 0.6rem;
    }

    .btn-outline i {
      font-size: 1rem;
    }

    .btn-outline:hover {
      background: #1a4c7a;
      color: white;
    }

    /* RESPONSIVE */
    @media (max-width: 680px) {
      .team-section {
        padding: 2rem 1.2rem;
      }
      .team-header h1 {
        font-size: 2.1rem;
      }
      .team-header .subhead {
        font-size: 1rem;
      }
      .highlight-stats {
        gap: 0.8rem 1.5rem;
      }
      .team-essence {
        font-size: 0.95rem;
        padding: 0.8rem 1.2rem;
      }
      .team-footer {
        flex-direction: column;
        gap: 0.8rem;
        padding: 1.5rem 1rem;
      }
    }

    @media (max-width: 420px) {
      .highlight-stats {
        flex-direction: column;
        align-items: center;
        gap: 0.3rem;
      }
      .photo-caption {
        font-size: 0.8rem;
        padding: 0.4rem 1rem;
      }
    }

    /* =====================================================
   COMPACT ABOUT COMPANY SECTION
===================================================== */
.rva-about-lite,
.rva-about-lite * {
    box-sizing: border-box;
}

.rva-about-lite {
    position: relative;
    padding: 28px 0;
    overflow: hidden;
    background: #ffffff;
    font-family: "Metropolis", Arial, sans-serif;
}

/* .rva-about-lite::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 34%;
    height: 100%;
    background: linear-gradient(135deg, rgba(46,195,138,.09), rgba(46,195,138,.01));
    pointer-events: none;
} */

.rva-about-lite__container {
    position: relative;
    z-index: 2;
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
}

.rva-about-lite__layout {
    display: grid;
    grid-template-columns: minmax(350px, .82fr) minmax(0, 1.18fr);
    gap: 68px;
    align-items: center;
}

.rva-about-lite__heading-column {
    min-width: 0;
}

.rva-about-lite__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
    color: #16845f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.35px;
    text-transform: uppercase;
}

.rva-about-lite__eyebrow::before {
    content: "";
    width: 35px;
    height: 2px;
    background: #2ec38a;
}

.rva-about-lite__heading {
    margin: 0;
    color: #000 !important;
    font-family: "Metropolis", Arial, sans-serif !important;
    font-size: clamp(36px, 4vw, 52px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -1.8px;
}

.rva-about-lite__experience {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 23px;
}

.rva-about-lite__experience strong {
    color: #2ec38a;
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -2px;
}

.rva-about-lite__experience span {
    padding-left: 15px;
    color: #475569;
    border-left: 1px solid #cfd8d4;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.55;
    text-transform: uppercase;
}

/* Video thumbnail */
.rva-video-card {
    position: relative;
    display: block;
    width: 100%;
    max-width: 410px;
    height: 185px;
    margin-top: 25px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    background: #0f172a;
    border: 0;
    border-radius: 17px;
    box-shadow: 0 16px 38px rgba(15,23,42,.16);
    cursor: pointer;
    isolation: isolate;
    transition: transform .4s cubic-bezier(.2,.75,.25,1), box-shadow .4s ease;
}

.rva-video-card:hover {
    box-shadow: 0 24px 50px rgba(15,23,42,.22), 0 10px 25px rgba(46,195,138,.13);
    transform: translateY(-6px);
}

.rva-video-card__thumbnail {
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform .7s cubic-bezier(.2,.75,.25,1), filter .5s ease;
}

.rva-video-card:hover .rva-video-card__thumbnail {
    filter: saturate(1.1);
    transform: scale(1.08);
}

.rva-video-card__overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(90deg, rgba(5,12,25,.92), rgba(5,12,25,.6) 52%, rgba(5,12,25,.15));
}

.rva-video-card::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, #16845f, #2ec38a, #6ee7b7);
    transform: scaleX(.3);
    transform-origin: left;
    transition: transform .5s ease;
}

.rva-video-card:hover::after { transform: scaleX(1); }

.rva-video-card__content {
    position: absolute;
    top: 27px;
    left: 24px;
    z-index: 4;
    max-width: 185px;
}

.rva-video-card__label {
    display: block;
    margin-bottom: 6px;
    color: #6ee7b7;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.rva-video-card__content strong {
    display: block;
    color: #fff;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.3;
}

.rva-video-card__meta {
    position: absolute;
    bottom: 24px;
    left: 24px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,.82);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.rva-video-card__play {
    position: absolute;
    top: 50%;
    right: 40px;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
}

.rva-video-card__play-icon {
    position: relative;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    color: #0f172a;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(0,0,0,.28);
    transition: color .3s ease, background .3s ease, transform .3s ease;
}

.rva-video-card__play-icon i {
    margin-left: 4px;
    font-size: 16px;
}

.rva-video-card:hover .rva-video-card__play-icon {
    color: #fff;
    background: #2ec38a;
    transform: scale(1.1);
}

.rva-video-card__ring {
    position: absolute;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 50%;
    animation: rvaVideoPulse 2.2s ease-out infinite;
}

.rva-video-card__ring--two { animation-delay: 1.1s; }

@keyframes rvaVideoPulse {
    0% { opacity: .8; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.85); }
}

.rva-video-card:focus-visible {
    outline: 3px solid #2ec38a;
    outline-offset: 4px;
}

/* Right content */
.rva-about-lite__content {
    padding-left: 38px;
    border-left: 1px solid #dfe6e3;
}

.rva-about-lite__content h3 {
    max-width: 650px;
    margin: 0 0 18px;
    color: #000 !important;
    font-family: "Metropolis", Arial, sans-serif !important;
    font-size: clamp(24px, 2.4vw, 34px);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.8px;
}

.rva-about-lite__content p {
    max-width: 760px;
    margin: 0 0 13px;
    color: #000000;
    font-size: 16px;
    line-height: 1.78;
}

.rva-about-lite__actions {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}

.rva-about-lite__button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 13px 19px;
    color: #fff !important;
    background: #0f172a;
    border-radius: 40px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .6px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .3s ease, transform .3s ease;
}

.rva-about-lite__button:hover {
    background: #16845f;
    transform: translateY(-3px);
}

.rva-about-lite__button i { transition: transform .3s ease; }
.rva-about-lite__button:hover i { transform: translateX(4px); }

.rva-about-lite__contact {
    color: #0f172a;
    font-size: 11px;
    font-weight: 750;
    text-decoration: underline;
    text-decoration-color: #2ec38a;
    text-underline-offset: 5px;
}

.rva-about-lite__contact:hover { color: #16845f; }

/* Compact facts */
.rva-about-lite__facts {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    margin-top: 45px;
    padding-top: 26px;
    border-top: 1px solid #e1e7e5;
}

.rva-about-lite__fact {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 22px;
    border-right: 1px solid #e1e7e5;
}

.rva-about-lite__fact:first-child { padding-left: 0; }
.rva-about-lite__fact:last-child { padding-right: 0; border-right: 0; }

.rva-about-lite__fact > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    flex-shrink: 0;
    color: #16845f;
    background: rgba(46,195,138,.11);
    border-radius: 50%;
    font-size: 15px;
}

.rva-about-lite__fact strong {
    display: block;
    margin-bottom: 3px;
    color: #000;
    font-size: 12px;
    font-weight: 750;
}

.rva-about-lite__fact span {
    display: block;
    color: #718096;
    font-size: 9px;
}

/* =====================================================
   VIDEO MODAL
===================================================== */
.rva-video-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease, visibility .35s ease;
}

.rva-video-modal.is-open {
    opacity: 1;
    visibility: visible;
}

.rva-video-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3,8,18,.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.rva-video-modal__dialog {
    position: relative;
    z-index: 2;
    width: min(100%, 950px);
    overflow: hidden;
    background: #0a101d;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 20px;
    box-shadow: 0 35px 100px rgba(0,0,0,.65);
    opacity: 0;
    transform: translateY(25px) scale(.96);
    transition: opacity .4s ease, transform .4s cubic-bezier(.2,.75,.25,1);
}

.rva-video-modal.is-open .rva-video-modal__dialog {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.rva-video-modal__heading {
    display: flex;
    flex-direction: column;
    padding: 18px 65px 17px 22px;
}

.rva-video-modal__heading span {
    margin-bottom: 3px;
    color: #2ec38a;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}

.rva-video-modal__heading strong {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}

.rva-video-modal__video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
}

.rva-video-modal__video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.rva-video-modal__close {
    position: absolute;
    top: 13px;
    right: 15px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    color: #fff;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 50%;
    cursor: pointer;
    transition: background .3s ease, transform .3s ease;
}

.rva-video-modal__close:hover {
    background: #dc2626;
    transform: rotate(90deg);
}

body.rva-video-open { overflow: hidden; }

/* Responsive */
@media (max-width: 991px) {
    .rva-about-lite__layout { gap: 38px; }
    .rva-about-lite__content { padding-left: 28px; }
    .rva-about-lite__facts { grid-template-columns: repeat(2,1fr); row-gap: 24px; }
    .rva-about-lite__fact:nth-child(2) { border-right: 0; }
    .rva-about-lite__fact:nth-child(3) { padding-left: 0; }
}

@media (max-width: 767px) {
    .rva-about-lite { padding: 55px 0; }
    .rva-about-lite::before { width: 100%; height: 390px; }
    .rva-about-lite__container { width: min(100% - 28px, 1180px); }
    .rva-about-lite__layout { display: block; }
    .rva-about-lite__heading-column { text-align: center; }
    .rva-about-lite__eyebrow { justify-content: center; }
    .rva-about-lite__heading { font-size: 38px; letter-spacing: -1.3px; }
    .rva-about-lite__experience { justify-content: center; }
    .rva-video-card { max-width: 420px; height: 185px; margin: 25px auto 0; }
    .rva-about-lite__content { margin-top: 35px; padding: 28px 0 0; border-top: 1px solid #dfe6e3; border-left: 0; text-align: left; }
    .rva-about-lite__content h3 { font-size: 26px; }
    .rva-about-lite__content p { font-size: 16px; }
    .rva-about-lite__actions { flex-wrap: wrap; gap: 18px; }
    .rva-about-lite__facts { grid-template-columns: 1fr; gap: 0; margin-top: 38px; padding-top: 10px; }
    .rva-about-lite__fact,
    .rva-about-lite__fact:first-child,
    .rva-about-lite__fact:nth-child(3) { padding: 15px 0; border-right: 0; border-bottom: 1px solid #e1e7e5; }
    .rva-about-lite__fact:last-child { border-bottom: 0; }
    .rva-video-modal { padding: 12px; }
    .rva-video-modal__dialog { border-radius: 14px; }
}

@media (prefers-reduced-motion: reduce) {
    .rva-video-card__ring { display: none; }
}
/* must stay first */
@import url('https://fonts.cdnfonts.com/css/metropolis');

:root{
  --blue:#053a79;
  --green:#1aa054;
  --red:#d9503c;
  --red-dark:#a63a2a;
  --ring:#f1f1f1;
  --txt:#555;
  --line:#c9d4e4;
  --title:#053a79;
}

/* scoped reset — ONLY inside the mission/vision block */
.rv-mv, .rv-mv *{margin:0;padding:0;box-sizing:border-box;}

.rv-mv{
  padding:45px 55px 30px;
  border-radius:4px;
  font-family:'Metropolis','Segoe UI',Arial,Helvetica,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* ---------- Header ---------- */
.rv-mv .title{
  font-size:34px;font-weight:500;color:var(--title);
  letter-spacing:.5px;margin-bottom:12px;position:relative;
}
.rv-mv .title::after{
  content:"";display:block;width:46px;height:3px;
  background:var(--green);border-radius:2px;margin-top:8px;
}
.rv-mv .intro{
  color:#666;font-size:15px;line-height:1.6;max-width:760px;margin-bottom:25px;font-weight:400;
}
.rv-mv .intro strong{color:var(--blue);font-weight:600;}

/* ---------- Layout ---------- */
.rv-mv .content{position:relative;}
.rv-mv .target-zone{position:absolute;left:0;top:0;width:380px;height:420px;}

/* ---------- Target (red) ---------- */
.rv-mv .arc{position:absolute;inset:0;width:100%;height:100%;}
.rv-mv .target-shadow{
  position:absolute;left:45px;top:382px;width:200px;height:26px;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.20),transparent 70%);border-radius:50%;
}
.rv-mv .target-depth{
  position:absolute;left:0;top:61px;width:250px;height:310px;
  border-radius:50%;background:var(--red-dark);
}
.rv-mv .target{
  position:absolute;left:15px;top:55px;width:250px;height:310px;border-radius:50%;
  background:radial-gradient(ellipse at center,
    var(--red) 0 20%, var(--ring) 20% 40%,
    var(--red) 40% 60%, var(--ring) 60% 80%,
    var(--red) 80% 100%);
  box-shadow:inset -12px 0 25px rgba(0,0,0,.10);
}
.rv-mv .dart{
  position:absolute;left:138px;top:180px;width:210px;height:60px;
  transform:rotate(-8deg);transform-origin:left center;
  filter:drop-shadow(3px 5px 4px rgba(0,0,0,.25));
  animation:rvDartIn .9s ease-out both;
}
@keyframes rvDartIn{
  from{transform:translateX(60px) rotate(-8deg);opacity:0;}
  to{transform:translateX(0) rotate(-8deg);opacity:1;}
}

/* ---------- Rows ---------- */
.rv-mv .rows{display:flex;flex-direction:column;height:420px;justify-content:space-between;}
.rv-mv .row{
  display:grid;grid-template-columns:380px 46px 80px 1fr;
  align-items:center;height:92px;
  animation:rvFadeUp .7s ease-out both;
}
.rv-mv .row:nth-child(1){animation-delay:.15s}
.rv-mv .row:nth-child(2){animation-delay:.30s}
.rv-mv .row:nth-child(3){animation-delay:.45s}
.rv-mv .row:nth-child(4){animation-delay:.60s}
@keyframes rvFadeUp{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

.rv-mv .num{color:var(--blue);font-weight:700;font-size:13px;letter-spacing:1px;}
.rv-mv .row:nth-child(1) .num,.rv-mv .row:nth-child(4) .num{padding-left:212px;}
.rv-mv .row:nth-child(2) .num,.rv-mv .row:nth-child(3) .num{padding-left:300px;}

.rv-mv .icon svg{
  width:30px;height:30px;stroke:var(--blue);fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;
}
.rv-mv .icon .dot{fill:var(--blue);stroke:none;}

.rv-mv .connector{position:relative;height:2px;background:var(--line);}
.rv-mv .connector::before,.rv-mv .connector::after{
  content:"";position:absolute;width:7px;height:7px;border-radius:50%;
  background:var(--blue);top:-2.5px;
}
.rv-mv .connector::before{left:-3px;}
.rv-mv .connector::after{right:-3px;}

.rv-mv .text h3{color:var(--blue);font-size:16px;font-weight:600;margin-bottom:6px;letter-spacing:.3px;}
.rv-mv .text p{color:var(--txt);font-size:13.5px;line-height:1.55;max-width:330px;font-weight:400;}

/* ---------- Two-column layout ---------- */
.rv-mv .mv-grid{
  display:grid;grid-template-columns:minmax(820px,1.2fr) minmax(360px,.8fr);
  gap:45px;align-items:start;
}
.rv-mv .mission-col,.rv-mv .vision-col{min-width:0;}
.rv-mv .vision-col{border-left:1px solid #e4e4e4;padding-left:45px;}

/* ---------- Vision ---------- */
.rv-mv .vision-tag{
  display:inline-flex;align-items:center;gap:10px;
  background:rgba(5,58,121,.08);border-left:3px solid var(--blue);
  color:var(--blue);font-weight:600;font-size:15px;
  padding:10px 16px;border-radius:0 6px 6px 0;margin:4px 0 16px;
}
.rv-mv .vision-tag svg{
  width:18px;height:18px;stroke:var(--blue);fill:none;
  stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;
}
.rv-mv .vision-card{
  position:relative;background:#fff;border:1px solid #ececec;
  border-radius:12px;padding:30px 20px 12px;margin:26px 0 22px;
  box-shadow:0 12px 30px rgba(5,58,121,.08);
}
.rv-mv .badge-10x{
  position:absolute;top:-24px;left:-16px;width:78px;height:78px;border-radius:50%;
  background:var(--blue);color:#fff;border:4px solid #fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 8px 18px rgba(5,58,121,.35);
  animation:rvPop .5s .9s ease-out both;
}
.rv-mv .badge-10x b{font-size:24px;line-height:1;font-weight:700;}
.rv-mv .badge-10x span{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;opacity:.9;font-weight:500;}
@keyframes rvPop{from{transform:scale(0);}to{transform:scale(1);}}

.rv-mv .growth{width:100%;height:auto;display:block;}
.rv-mv .growth .axis{stroke:#dcdcdc;stroke-width:2;}
.rv-mv .growth .area{fill:rgba(5,58,121,.07);}
.rv-mv .growth .curve{
  fill:none;stroke:var(--blue);stroke-width:3;stroke-linecap:round;
  stroke-dasharray:600;stroke-dashoffset:600;
  animation:rvDraw 1.6s .3s ease-out forwards;
}
@keyframes rvDraw{to{stroke-dashoffset:0;}}
.rv-mv .growth .pt{fill:#fff;stroke:var(--blue);stroke-width:2.5;}
.rv-mv .growth .pt-last{fill:var(--green);stroke:var(--green);}
.rv-mv .growth .pole{stroke:var(--green);stroke-width:2;}
.rv-mv .growth .flag{fill:var(--green);}
.rv-mv .growth .yr{fill:#999;font-size:12px;font-family:inherit;}
.rv-mv .growth .yr:last-of-type{fill:var(--green);font-weight:700;}

.rv-mv .vision-pills{list-style:none;display:flex;flex-wrap:wrap;gap:10px;}
.rv-mv .vision-pills li{
  display:flex;align-items:center;gap:8px;background:#f4f7fb;
  border:1px solid #e2e9f2;border-radius:30px;padding:8px 14px;
  font-size:12.5px;color:#55617a;font-weight:500;
}
.rv-mv .vision-pills svg{
  width:15px;height:15px;stroke:var(--blue);fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;flex:none;
}

/* ---------- Responsive ---------- */
@media (max-width:1350px){
  .rv-mv .mv-grid{grid-template-columns:1fr;}
  .rv-mv .vision-col{
    border-left:none;padding-left:0;
    border-top:2px dashed var(--line);padding-top:32px;margin-top:12px;
  }
}
@media (max-width:880px){
  .rv-mv{padding:35px 25px 25px;}
  .rv-mv .target-zone{position:relative;margin:0 auto 25px;}
  .rv-mv .row{grid-template-columns:46px 1fr;height:auto;padding:14px 0;}
  .rv-mv .num,.rv-mv .connector{display:none;}
  .rv-mv .text p{max-width:none;}
}

/* Header */

@import url('https://fonts.googleapis.com/css2?family=Metropolis:wght@300;400;500;600;700;800&display=swap');

/* =========================================
   PROFESSIONAL HEADER SYSTEM
   ========================================= */

:root {
  --ph-blue: #053a79;
  --ph-blue-dark: #032854;
  --ph-red: #d9503c;
  --ph-green: #1aa054;
  --ph-slate: #334155;
  --ph-slate-light: #94a3b8;
  --ph-bg: #ffffff;
  --ph-border: #e2e8f0;
}

.page-header-premium {
  position: relative;
  min-height: 140px; /* Compact but not cramped */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 48px 0 0; /* Top heavy */
  margin-bottom: 0;
  font-family: 'Metropolis', -apple-system, BlinkMacSystemFont, sans-serif;
  overflow: hidden;
  background: #fff;
}

.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  z-index: 2;
}

/* ===== BACKGROUND ARCHITECTURE ===== */
.ph-bg-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  background: linear-gradient(180deg, 
    rgba(255,255,255,1) 0%, 
    rgba(248,250,252,1) 100%
  );
}

.ph-grid {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
  -webkit-mask-image: linear-gradient(to right, transparent, black 20%, black 80%, transparent);
}

/* Floating Abstract Shapes - Technical Aesthetic */
.ph-shape {
  position: absolute;
  border-radius: 2px;
}
.ph-shape--circle {
  width: 400px; height: 400px;
  bottom: -200px; right: -100px;
  background: radial-gradient(circle, rgba(5,58,121,0.03) 0%, transparent 70%);
  filter: blur(40px);
}
.ph-shape--square {
  width: 200px; height: 200px;
  top: -80px; left: 30%;
  transform: rotate(45deg);
  border: 1px solid rgba(217,80,60,0.08);
  background: linear-gradient(135deg, rgba(217,80,60,0.02), transparent);
}
.ph-shape--line {
  width: 1px; height: 180px;
  top: 40px; left: 25%;
  background: linear-gradient(to bottom, transparent, var(--ph-blue), transparent);
  opacity: 0.08;
}

.ph-gradient-overlay {
  position: absolute;
  inset: 0;
  background: 
    linear-gradient(90deg, rgba(255,255,255,0.8) 0%, transparent 50%),
    linear-gradient(to top, rgba(248,250,252,1), transparent);
}

/* ===== CONTENT GRID ===== */
.ph-content {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px;
  align-items: flex-start;
  padding-bottom: 28px;
}

/* ===== TITLE BLOCK (Left) ===== */
.ph-title-block {
  position: relative;
  padding-left: 32px;
  /* Vertical accent bar */
}
.ph-title-block::before {
  content: '';
  position: absolute;
  left: 0; top: 4px;
  bottom: 0;
  width: 4px;
  background: linear-gradient(
    to bottom,
    var(--ph-blue) 0%,
    var(--ph-blue) 70%,
    var(--ph-red) 100%
  );
  border-radius: 2px;
}

/* Label Row */
.ph-label-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.ph-year {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--ph-blue);
  color: white;
  font-size: 10px;
  font-weight: 800;
  padding: 4px 10px;
  border-radius: 4px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-family: 'Metropolis', sans-serif;
}

.ph-divider-vertical {
  width: 1px;
  height: 16px;
  background: var(--ph-border);
}

.ph-subtitle {
  font-family: 'Metropolis', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--ph-slate-light);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin: 0;
  display: flex;
  align-items: center;
}

/* Main Heading - Typography Excellence */
.ph-main-heading {
  margin: 0 0 20px 0;
  position: relative;
  line-height: 1.1;
}

.heading-text {
  display: block;
  font-family: 'Metropolis', sans-serif;
  font-size: 42px;
  font-weight: 300; /* Light weight for elegance */
  color: var(--ph-slate);
  letter-spacing: -1.5px;
  line-height: 1.15;
  margin-top: 8px;
}

.heading-text strong {
  font-weight: 700;
  color: var(--ph-blue-dark);
  display: inline-block;
  position: relative;
  z-index: 1;
}

/* Accent Lines - Architectural Details */
.heading-line {
  display: block;
  height: 3px;
  background: var(--ph-blue);
  width: 60px;
  border-radius: 2px;
  opacity: 0.8;
}
.heading-line--large {
  width: 120px;
  margin-top: 8px;
  background: var(--accent-color, var(--ph-blue));
  opacity: 0.3;
}

/* Meta Info Row (Location/Scope) */
.ph-meta-info {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 13px;
  color: var(--ph-slate-light);
  font-weight: 500;
  margin-top: 4px;
}

.meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.meta-item svg {
  width: 14px; height: 14px;
  stroke: var(--ph-blue);
  stroke-width: 2;
  fill: none;
  opacity: 0.6;
}
.meta-sep { 
  color: var(--ph-border); 
  font-size: 10px; 
  letter-spacing: 2px;
}

/* ===== NAV BLOCK (Right) ===== */
.ph-nav-block {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 20px;
  padding-right: 2px;
  border-left: 1px solid rgba(226,232,240,0.5);
  padding-left: 40px;
}

/* Page Indicator - Modern Design System Style */
.ph-page-indicator {
  display: flex;
  align-items: baseline;
  gap: 12px;
}

.indicator-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--ph-slate-light);
  font-weight: 600;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  height: 60px;
  display: flex;
  align-items: center;
}

.indicator-number {
  font-family: 'Metropolis', sans-serif;
  font-size: 36px;
  font-weight: 800;
  color: var(--ph-blue);
  line-height: 1;
  letter-spacing: -2px;
}
.indicator-number span {
  font-size: 18px;
  color: var(--ph-border);
  font-weight: 400;
  margin: 0 2px;
}

/* Breadcrumb - Premium Version */
.breadcrumb-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0;
  font-family: 'Metropolis', sans-serif;
}

.breadcrumb-item {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: 500;
  color: var(--ph-slate-light);
  transition: all 0.3s ease;
}

.breadcrumb-link {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--ph-blue);
  text-decoration: none;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
  background: rgba(5,58,121,0.04);
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
.breadcrumb-link:hover {
  background: rgba(5,58,121,0.08);
  border-color: rgba(5,58,121,0.1);
  transform: translateY(-1px);
}
.breadcrumb-link svg { stroke-width: 2; }

.breadcrumb-arrow {
  margin: 0 8px;
  color: var(--ph-border);
  display: flex;
}

.active {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--ph-slate);
  font-weight: 600;
  padding: 6px 0;
  position: relative;
}

.active-marker {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ph-red);
  box-shadow: 0 0 0 4px rgba(217,80,60,0.15);
  animation: pulse-dot 2s infinite;
}

@keyframes pulse-dot {
  0% { box-shadow: 0 0 0 0 rgba(217,80,60,0.4); }
  70% { box-shadow: 0 0 0 6px rgba(217,80,60,0); }
  100% { box-shadow: 0 0 0 0 rgba(217,80,60,0); }
}

/* Context Button */
.ph-context-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: white;
  border: 1px solid var(--ph-border);
  padding: 10px 20px;
  border-radius: 8px;
  font-family: 'Metropolis', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--ph-slate);
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0,0,0,0.02);
}
.ph-context-btn:hover {
  border-color: var(--ph-blue);
  color: var(--ph-blue);
  box-shadow: 0 4px 12px rgba(5,58,121,0.08);
  transform: translateY(-1px);
}
.ph-context-btn svg { stroke-width: 2.5; }


.progress-track {
  width: 120px;
  height: 3px;
  background: #f1f5f9;
  border-radius: 2px;
  overflow: hidden;
}

.progress-fill {
  width: var(--progress, 40%);
  height: 100%;
  background: var(--ph-blue);
  border-radius: 2px;
  box-shadow: 0 0 8px rgba(5,58,121,0.2);
}

.progress-text {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--ph-slate-light);
}



/* =========================================
   RESPONSIVE ADJUSTMENTS
   ========================================= */
@media (max-width: 1024px) {
  .ph-content {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .ph-nav-block {
    align-items: flex-start;
    border-left: none;
    border-top: 1px solid var(--ph-border);
    padding-left: 0;
    padding-top: 24px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
  .indicator-label {
    writing-mode: horizontal-tb;
    transform: none;
    height: auto;
    display: block;
  }
  .ph-main-heading::after { left: 0; }
}

@media (max-width: 768px) {
  .page-header-premium { padding: 32px 0 0; min-height: auto; }
  .container { padding: 0 24px; }
  .ph-title-block { padding-left: 20px; }
  .heading-text { font-size: 32px; }
  .ph-nav-block { flex-direction: column; align-items: stretch; }
  .ph-breadcrumb-nav { overflow-x: auto; }
  .breadcrumb-list { flex-wrap: nowrap; }
  .ph-context-btn { align-self: flex-start; }
  .indicator-number { font-size: 28px; }
}






/* ================= ABOUT US ================= */
.about{
  padding:70px 55px 60px;
  font-family:'Metropolis','Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.about-grid{
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:65px;align-items:center;max-width:1280px;margin:0 auto;
}

/* ---------- Text side ---------- */
.eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  color:var(--green);font-weight:600;font-size:13px;
  letter-spacing:2.5px;text-transform:uppercase;margin-bottom:16px;
}
.eyebrow::before{content:"";width:28px;height:2px;background:var(--green);}

.about-title{
  font-size:44px;line-height:1.15;color:var(--blue);
  font-weight:600;letter-spacing:.3px;margin-bottom:20px;
}
/* tiny green highlighter accent */
.about-title .hl{
  background:linear-gradient(transparent 64%, rgba(26,160,84,.28) 64%);
}

.about-lead{
  font-size:17px;color:var(--blue);font-weight:600;
  padding-left:14px;border-left:3px solid var(--green);
  margin-bottom:20px;
}
.about-text p{
  color:var(--txt);font-size:15px;line-height:1.75;
  margin-bottom:16px;max-width:580px;font-weight:400;
}

.about-points{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.about-points li{
  display:flex;align-items:center;gap:8px;background:#f4f7fb;
  border:1px solid #e2e9f2;border-radius:30px;padding:9px 16px;
  font-size:12.5px;color:#55617a;font-weight:500;
}
.about-points svg{
  width:15px;height:15px;stroke:var(--green);fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;flex:none;
}
/* ---------- Visual side : 3D exploded membrane switch ---------- */
.about-visual{position:relative;min-height:540px;}

/* rotating dashed halo (echoes mission arc) */
.glow-ring{
  position:absolute;left:50%;top:31%;width:430px;height:430px;
  transform:translate(-50%,-50%);border:2px dashed rgba(5,58,121,.18);
  border-radius:50%;animation:spin 40s linear infinite;
}
.glow-ring::after{
  content:"";position:absolute;inset:38px;border-radius:50%;
  background:radial-gradient(circle,rgba(5,58,121,.10),transparent 70%);
}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg);}}

.stack-scene{position:absolute;inset:0;perspective:1500px;}
.stack{
  position:absolute;left:46%;top:44%;width:300px;height:210px;
  transform-style:preserve-3d;
  transform:translate(-50%,-50%) rotateX(57deg) rotateZ(-42deg);
  animation:stackFloat 7s ease-in-out infinite;
  will-change:transform;
}
@keyframes stackFloat{
  0%,100%{transform:translate(-50%,-50%) rotateX(57deg) rotateZ(-42deg);}
  50%{transform:translate(-50%,-53%) rotateX(57deg) rotateZ(-37deg);}
}
.stack-shadow{
  position:absolute;left:38%;top:78%;width:280px;height:46px;
  transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(5,58,121,.22),transparent 70%);
  filter:blur(2px);
}

/* layers */
.layer{
  position:absolute;inset:0;border-radius:16px;
  transition:transform .6s cubic-bezier(.2,.7,.3,1);
  backface-visibility:hidden;
}
.l-overlay {background:linear-gradient(135deg,#0a4f9c,#053a79);transform:translateZ(150px);box-shadow:0 0 24px rgba(5,58,121,.25);}
.l-circuit {background:rgba(255,255,255,.94);transform:translateZ(105px);border:1px solid #e2e9f2;}
.l-spacer  {background:rgba(157,184,216,.30);transform:translateZ(65px);border:1px dashed rgba(5,58,121,.35);}
.l-adhesive{background:rgba(201,212,228,.45);transform:translateZ(32px);border:1px dashed rgba(5,58,121,.25);}
.l-base    {background:linear-gradient(135deg,#032a58,#053a79);transform:translateZ(0);box-shadow:0 30px 40px rgba(3,42,88,.35);}

/* hover = explode the stack */
.stack:hover .l-overlay {transform:translateZ(215px);}
.stack:hover .l-circuit {transform:translateZ(150px);}
.stack:hover .l-spacer  {transform:translateZ(95px);}
.stack:hover .l-adhesive{transform:translateZ(48px);}
.stack:hover .l-base    {transform:translateZ(0);}

/* overlay keypad */
.grid9{position:absolute;inset:26px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);gap:12px;}
.key{
  align-self:center;justify-self:center;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#3f7fc4,#0a4f9c 70%);
  box-shadow:inset 0 -3px 6px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.25);
}
.key-go{background:radial-gradient(circle at 35% 30%,#39d98a,#1aa054 70%);}
.ovl-tag{
  position:absolute;right:12px;bottom:6px;font-style:italic;
  font-size:9px;letter-spacing:1px;color:rgba(255,255,255,.5);
}

/* circuit pulses */
.l-circuit svg{position:absolute;inset:0;width:100%;height:100%;}
.pulse{offset-path:path('M25 45 H120 V95 H210');animation:run 3s linear infinite;}
.pulse.p2{offset-path:path('M45 170 H150 V125 H265');animation-delay:1.5s;}
@keyframes run{0%{offset-distance:0;opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{offset-distance:100%;opacity:0;}}

/* spacer holes */
.hole{
  align-self:center;justify-self:center;width:34px;height:34px;border-radius:50%;
  border:2px dashed rgba(5,58,121,.45);background:rgba(255,255,255,.35);
}

/* pcb pads + connector tail */
.pad{
  align-self:center;justify-self:center;width:16px;height:16px;border-radius:4px;
  background:rgba(57,217,138,.55);box-shadow:0 0 0 3px rgba(255,255,255,.08);
}
.tail{
  position:absolute;left:100%;top:50%;transform:translateY(-50%);
  width:56px;height:44px;background:#032a58;border-radius:0 8px 8px 0;
  display:flex;flex-direction:column;justify-content:center;gap:6px;padding:0 8px;
}
.tail i{height:3px;border-radius:2px;background:linear-gradient(90deg,#39d98a,#1aa054);}

/* legend */
.layer-legend{
  position:absolute;right:0;top:6%;list-style:none;
  display:flex;flex-direction:column;gap:12px;
}
.layer-legend li{
  display:flex;align-items:center;gap:9px;font-size:12px;
  font-weight:500;color:#55617a;
}
.layer-legend i{
  width:12px;height:12px;border-radius:3px;background:var(--c);
  box-shadow:0 2px 5px rgba(0,0,0,.18);flex:none;
}

/* years card + chips (kept, repositioned) */
.years-card{
  position:absolute;left:0;bottom:2%;width:56%;z-index:3;
  background:#fff;border:1px solid #eef1f6;border-radius:16px;
  padding:28px 26px;box-shadow:0 18px 45px rgba(0,0,0,.13);
  animation:fadeUp .8s .2s ease-out both;
}
.years-num{font-size:64px;font-weight:700;color:var(--blue);line-height:1;}
.years-num em{font-style:normal;color:var(--green);}
.years-label{font-size:14px;color:#667085;font-weight:500;line-height:1.45;margin-top:8px;}

.chip{
  position:absolute;z-index:3;display:flex;align-items:center;gap:8px;
  background:#fff;border:1px solid #e6ebf3;border-radius:30px;
  padding:10px 18px;font-size:12.5px;font-weight:600;color:var(--blue);
  box-shadow:0 10px 26px rgba(5,58,121,.14);
  animation:float 4.5s ease-in-out infinite;
}
.chip svg{width:15px;height:15px;stroke:var(--green);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;}
.chip-loc{top:0;left:2%;}
.chip-global{bottom:24%;right:0;animation-delay:2.2s;}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

/* responsive */
@media (max-width:1100px){
  .about-visual{max-width:560px;width:100%;margin:10px auto 0;}
}
@media (max-width:600px){
  .stack{width:230px;height:160px;}
  .glow-ring{width:320px;height:320px;}
  .key,.hole{width:26px;height:26px;}
  .layer-legend{display:none;}
  .years-card{width:70%;padding:22px 18px;}
  .years-num{font-size:48px;}
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .about{padding:55px 30px;}
  .about-grid{grid-template-columns:1fr;gap:45px;}
  .about-visual{max-width:560px;min-height:420px;margin:10px auto 0;width:100%;}
}
@media (max-width:600px){
  .about{padding:45px 22px;}
  .about-title{font-size:32px;}
  .years-card{width:74%;padding:24px 20px;}
  .years-num{font-size:52px;}
  .chip-global{right:0;}
}



/* Leadership */

/* ================= LEADERSHIP ================= */
.leadership{
  padding:85px 55px;
  background:#f6f9fd;
  background-image:radial-gradient(rgba(5,58,121,.05) 1px,transparent 1.5px);
  background-size:26px 26px;
  font-family:'Metropolis','Segoe UI',Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
.lead-grid{
  display:grid;grid-template-columns:460px 1fr;
  gap:75px;align-items:center;max-width:1280px;margin:0 auto;
}

/* ---------- Founder frame ---------- */
.lead-visual{position:relative;}
.founder-frame{position:relative;max-width:430px;margin:0 auto;padding:14px 0 40px;}

/* offset blue panel behind photo */
.founder-frame::before{
  content:"";position:absolute;top:0;left:-18px;right:26px;bottom:64px;
  background:linear-gradient(150deg,#053a79,#0a4f9c);
  border-radius:20px;z-index:0;
  box-shadow:0 22px 50px rgba(5,58,121,.28);
}
/* green dashed echo line */
.founder-frame::after{
  content:"";position:absolute;top:16px;right:-14px;bottom:80px;width:60%;
  border:2px dashed rgba(26,160,84,.45);border-left:none;
  border-radius:0 20px 20px 0;z-index:0;
}

.v-label{
  position:absolute;left:-52px;top:8px;z-index:1;
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-size:11px;font-weight:600;letter-spacing:4px;text-transform:uppercase;
  color:rgba(5,58,121,.30);
}

/* registration (crosshair) marks — screen-print nod */
.reg-mark{position:absolute;width:20px;height:20px;z-index:3;
  border:1.5px solid var(--green);border-radius:50%;}
.reg-mark::before,.reg-mark::after{content:"";position:absolute;background:var(--green);}
.reg-mark::before{left:50%;top:-5px;width:1.5px;height:calc(100% + 10px);transform:translateX(-50%);}
.reg-mark::after{top:50%;left:-5px;height:1.5px;width:calc(100% + 10px);transform:translateY(-50%);}
.rm-tl{top:-10px;left:-10px;}
.rm-tr{top:-10px;right:6px;}
.rm-bl{bottom:30px;left:-10px;}
.rm-br{bottom:30px;right:6px;}

/* photo */
.founder-photo{
  position:relative;z-index:2;aspect-ratio:4/5;border-radius:18px;overflow:hidden;
  background:linear-gradient(150deg,#0a4f9c,#053a79);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.monogram{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:110px;font-weight:700;color:rgba(255,255,255,.18);letter-spacing:4px;
}
.founder-photo img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;
  transition:transform .8s cubic-bezier(.2,.7,.3,1);
}
.founder-photo:hover img{transform:scale(1.04);}

/* quote badge */
.founder-badge{
  position:absolute;top:-16px;right:-16px;z-index:4;width:56px;height:56px;border-radius:50%;
  background:var(--green);display:flex;align-items:center;justify-content:center;
  border:4px solid #f6f9fd;box-shadow:0 10px 24px rgba(26,160,84,.35);
  animation:float 4.5s ease-in-out infinite;
}
.founder-badge svg{width:24px;height:24px;fill:#fff;}

/* nameplate */
.founder-card{
  position:absolute;left:23%;bottom:0;transform:translateX(-50%);z-index:4;
  width:86%;background:#fff;border:1px solid #eef1f6;border-radius:14px;
  padding:18px 22px;text-align:center;
  box-shadow:0 16px 40px rgba(5,58,121,.16);
  animation:fadeUp .8s .25s ease-out both;
}
.founder-card h4{font-size:19px;font-weight:600;color:var(--blue);margin-bottom:4px;}
.founder-card span{
  font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  color:var(--green);
}

/* ---------- Bio text ---------- */
.lead-title{
  font-size:38px;line-height:1.2;color:var(--blue);font-weight:600;
  letter-spacing:.3px;margin-bottom:22px;
}
.lead-title .hl{background:linear-gradient(transparent 64%,rgba(26,160,84,.28) 64%);}
.lead-text p{color:var(--txt);font-size:15px;line-height:1.8;margin-bottom:16px;font-weight:400;}

.lead-text blockquote{
  position:relative;margin:26px 0;padding:18px 24px 18px 58px;
  background:rgba(5,58,121,.05);border-left:3px solid var(--green);border-radius:0 10px 10px 0;
  font-size:19px;font-weight:600;color:var(--blue);letter-spacing:.3px;
}
.lead-text blockquote::before{
  content:"\201C";position:absolute;left:18px;top:6px;
  font-size:52px;line-height:1;color:var(--green);font-family:Georgia,serif;
}

/* value pills */
.lead-values{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.lead-values li{
  position:relative;display:flex;align-items:center;gap:9px;
  background:#fff;border:1px solid #e2e9f2;border-radius:30px;
  padding:9px 16px 9px 14px;font-size:12.5px;font-weight:500;color:#55617a;
  box-shadow:0 4px 12px rgba(5,58,121,.06);
}
.lead-values li::before{
  content:"";width:7px;height:7px;background:var(--green);
  transform:rotate(45deg);flex:none;
}

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

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .leadership{padding:65px 30px;}
  .lead-grid{grid-template-columns:1fr;gap:70px;}
  .lead-visual{max-width:460px;margin:0 auto;}
}
@media (max-width:600px){
  .leadership{padding:55px 22px;}
  .v-label{display:none;}
  .lead-title{font-size:29px;}
  .lead-text blockquote{font-size:16px;padding-left:48px;}
  .founder-frame::after{display:none;}
}

 .rvabt__hero {
    background: #f4f7f6;
    padding: 110px 0 90px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }
 
  .rvabt__hero-circuit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }
 
  .rvabt__hero-content {
    max-width: 720px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
 
  .rvabt__hero-tag {
    display: inline-block;
    color: #02074b;
    font-family: 'Metropolis', 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
  }
 
  .rvabt__hero-title {
    color: #1a1a2e;
    font-family: 'Metropolis', 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.25;
    margin-bottom: 18px;
  }
 
  .rvabt__hero-desc {
    color: #4a4a5a;
    font-family: 'Metropolis', 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.7;
    margin: 0 auto;
  }
 
  @media (max-width: 768px) {
    .rvabt__hero {
      padding: 80px 0 60px;
    }
    .rvabt__hero-title {
      font-size: 30px;
    }
    .rvabt__hero-desc {
      font-size: 15px;
    }
  }