*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{ background:var(--white);color:var(--text);overflow-x:hidden}
/* ─── Preloader ─── */
.preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: var(--darker);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .8s ease, visibility .8s ease;
}
.preloader.hidden {
    opacity: 0;
    visibility: hidden;
}
.preloader-logo img {
    width: 120px; /* apne hisab se size set karein */
    height: auto;
    animation: zoomPulse 1.8s ease-in-out infinite;
}
@keyframes zoomPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.15);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes pulse { 0%,100%{ opacity:.3; } 50%{ opacity:1; } }
.about, .lifestyle, .stats, .news-section, .events-section,
html {
    -webkit-overflow-scrolling: touch;
}
body {
 color: #909090; background: #fff; 
  overflow-x: hidden;    
    color: #333;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
a,a:focus,a:hover {
    text-decoration: none !important;
    outline: 0
}
input:focus,textarea:focus {
    outline: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}
a,a:hover {
 
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}
header {  position:fixed; z-index:9; width:100% }
.spacer {        padding-bottom: 6rem;
        padding-top: 6rem;
    }
.spacer-top {  padding-top: 6rem;}/* MAIN SLIDER */
.spacer-bottom { padding-bottom: 6rem;}/* MAIN SLIDER */
.banner-slider {
  width: 100%;
  height: 100%;
}
/* SLIDE */
.banner-slider .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
  /*overflow: hidden;*/
}
/* IMAGE */
.banner-slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* CONTAINER */
.banner-slider {
  width: 100%;
  position: relative;
  /*overflow: hidden;*/
}
/* VIDEO */
.banner-slider video {
  width: 100%;
  height: auto; /* -- IMPORTANT */
  display: block;
}
/* NAV BUTTONS */
.swiper-button-next,
.swiper-button-prev {
    color: #fff;
}
/* DOTS */
.swiper-pagination-bullet {
    background: #fff;
}
.rts-nbg-btn {
  font-weight: 300;
  position: relative;
  color: #333
  text-transform: capitalize;
}
.rts-nbg-btn::before {
  position: absolute;
  content: "";
  width: 90%;
  height: 1px;
  background: var(--rt-primary-1);
  bottom: -2px;
  border-radius: inherit;
}
.rts-nbg-btn.btn-arrow span {
  transform: rotate(-35deg);
  margin-left: 5px;
  display: inline-block;
  transition: var(--transition);
}
.rts-nbg-btn.btn-arrow:hover span {
  transform: rotate(0);
}
.v__5 .img1 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
 }
.v__5 .arrow-btnarea a {
  border-width: 1px;
  border: 1px solid var(--bg-bg-3);
  backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
   padding: 8px;
  height: 160px;
  width: 160px;
}
.v__5 .arrow-btnarea a .arrow1 {
  position: absolute;
  left: 50%;
  top: 50%; font-size: 40px; color:#00294c;
  height: 40px;
  width: 40px;
  margin-top: -20px;
  margin-left: -20px;
}
.v__5 .arrow-btnarea a .circle {
  position: absolute;
  margin-bottom: 0;
  font-size: var(--font-size-font-s14);
  text-transform: uppercase;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -0%);
  -moz-transform: translate(-50%, -0%);
  -ms-transform: translate(-50%, -0%);
  -o-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  color: var(--text-text-4);
}
.v__5 .arrow-btnarea a .circle span {
  position: absolute;
  top: -70px;
  display: inline-block;
  transform-origin: 0 70px;
  color: var(--text-text-4);
}.circle {
  position: relative;
  width: 150px;
  height: 150px;
 }
.circle span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform-origin: 0 70px;
  font-size: 16px;
  font-weight: 300;
    animation: moveText 10s linear infinite;
}
/* Animation */
@keyframes moveText {
  0% {
    transform: rotate(var(--angle)) translateX(0);
  }
  100% {
    transform: rotate(calc(var(--angle) + 360deg)) translateX(0);
  }
}
.hero-slider img {
    width: 100%;
    height: 530px;
    /*object-fit: cover;*/
}
/* NAV BUTTON */
.swiper-button-next,
.swiper-button-prev {
    color: #000;
}
.hero .img1 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
 }
 /* MAIN CURSOR */
.custom-cursor {
    position: fixed;
    width: 40px;
    height: 40px;
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%, -50%);
}
.custom-cursor img {
    width: 100%;
}
/* TRAIL DOTS */
.trail-dot {
    position: fixed;
    width: 8px;
    height: 8px;
    background: #000;
       pointer-events: none;
    z-index: 9998;
    opacity: 0.5;
}
   
/* TAG */
.eyebrow{
    font-size:11px;
    font-weight:300;
    letter-spacing:.35em;
    text-transform:uppercase;
    color:var(--blue);
    margin-bottom:2rem;
    display:flex;
    align-items:center;
    gap:1rem;
}
.eyebrow::after{
    content:"";
    width:50px;
    height:1px;
    background:var(--blue);
}
/* HEADING */
.main-heading{
 font-size:clamp(2.8rem,5vw,4.5rem);
    line-height:1.05;
    font-weight:300;
    color:var(--navy);
    margin:0 0 3rem;
    max-width:850px;
    letter-spacing:-.03em;
}
.main-heading em{
    font-style:normal;
    color:var(--blue);
}
/* BODY */
.about-body{
    display:grid;
    grid-template-columns:1fr 1px 1fr;
    gap:0 3rem;
    margin-bottom:5rem;
}
.divider-line{
    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(43,142,192,.2),
            transparent
        );
}
.about-para{
    font-size:15px;
    line-height:1.9;
    color:var(--text-body);
}
/* VALUES */
.values-section{
    border-top:1px solid rgba(43,142,192,.12);
    padding-top:3.5rem;
    display:grid;
    grid-template-columns:repeat(3,1fr);
}
.value-item{
    position:relative;
    padding:0 2.5rem;
    transition:.45s ease;
}
.value-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:10px;
    bottom:10px;
    right:0;
    width:1px;
    background:rgba(43,142,192,.12);
}
/* Glow Hover */
.value-item::before{
    content:"";
    position:absolute;
    inset:-20px;
    background:
        radial-gradient(
            circle,
            rgba(43,142,192,.06),
            transparent 70%
        );
    opacity:0;
    transition:.5s;
    pointer-events:none;
}
.value-item:hover::before{
    opacity:1;
}
.value-item:hover{
    transform:translateY(-10px);
}
/* Number */
.value-number{
    font-size:18px;
    font-weight:300;
    letter-spacing:.25em;
    color:rgba(43,142,192,.55);
    margin-bottom:1.4rem;
}
/* Accent Line */
.gold-rule{
    width:35px;
    height:2px;
    margin-bottom:1.4rem;
    background:
        linear-gradient(
            90deg,
            var(--blue),
            var(--blue-light)
        );
    transition:.4s ease;
}
.value-item:hover .gold-rule{
    width:70px;
}
/* Title */
.value-title{
 font-size:1.7rem;
    font-weight:300;
    color:var(--navy);
    margin-bottom:.8rem;
}
/* Description */
.value-desc{
    font-size:14px;
    line-height:1.9;
    color:var(--text-body);
}
/*==================================
  RESPONSIVE
==================================*/
@media(max-width:991px){
 .about-body{
        grid-template-columns:1fr;
        gap:1rem;
    }
        .divider-line{
        display:none;
    }
        .values-section{
        grid-template-columns:1fr;
        gap:2rem;
    }
        .value-item{
        padding:0;
    }
        .value-item::after{
        display:none;
    }
}
@media(max-width:767px){
 .main-heading{
        font-size:2.3rem;
    }
        .values-section{
        gap:2.5rem;
    }
}
    /* ABOUT Bootstrap Version */
.about{
  background:var(--cream);
  position:relative;
}
/* Background text */
.about:before{
  content:'GB';
  position:absolute;
  top:0rem;
  right:4rem;
   
  font-size:20rem;
  color:rgba(28,78,110,.025);
  pointer-events:none;
}
/* Images */
.about-images{
  position:relative;
  height:600px;
}
.about-img-main{
  position:absolute;
  top:0;
  left:0;
  width:68%;
  height:80%;
  object-fit:cover;
  box-shadow:0 30px 80px rgba(0,0,0,.1);
}
.about-img-accent{
  position:absolute;
  bottom:0;
  right:0;
  width:52%;
  height:52%;
  object-fit:cover;
  border:6px solid #fff;
  box-shadow:0 20px 60px rgba(0,0,0,.12);
}
.about-badge{
  position:absolute;
  top:67%;
  left:52%;
  width:90px;
  height:90px;
  background:var(--navy);
  display:flex;
  align-items:center;
  justify-content:center;
}
.about-badge span{
   
  font-size:16px;
  letter-spacing:.12em;
  color:#fff;
  text-align:center;
}
/* Text */
.about-text{
  font-size:16px;
  color:#333;
}
.about-divider{
  width:50px;
  height:2px;
  background:#333;
  margin:2rem 0;
}
.apillar{
  padding-left:1rem;
  border-left:2px solid #0090cc;
}
.apillar-title{
   
  font-size:1rem;
  color:var(--navy);
}
.apillar-text{
  font-size:15px;
  color:#333;
}
/* Link */
.about-link{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  margin-top:2rem;
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--navy);
  text-decoration:none;
}
.about-link:hover{
  color:var(--gold);
  gap:1.2rem;
}
.apillar {
  
  /* WAVE */
  animation: wave 3s ease-in-out infinite;
}
/* STAGGER DELAY (wave flow) */
.apillar:nth-child(1) { animation-delay: 0s; }
.apillar:nth-child(2) { animation-delay: 0.4s; }
.apillar:nth-child(3) { animation-delay: 0.8s; }
/* Mobile */
@media (max-width: 991px){
  .about-images{
    height:400px;
  }
    .about-pillars{
    flex-direction:column;
  }
}
/* STATS */
.stats{
  padding:100px 0;
  background:var(--cream);
}
.stats-inner{
  /*max-width:1200px;*/
  margin:0 auto;
}
.stats-left h2{
  
  font-size:clamp(2rem,3.5vw,2.8rem);
  font-weight:300;
  color:var(--navy);
  margin-bottom:20px;
}
.stats-left p{
  font-size:.20px;
  
  color:var(--text-secondary);
}
/* Grid */
.stats-grid{
  gap:40px 0;
}
.stat{
  padding:32px;
}
.stat-num{
  
  font-size:3.2rem;
  font-weight:300;
  color:var(--gold);
  line-height:1;
}
.stat-label{
  font-size:.7rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--text-secondary);
  margin-top:10px;
}
/* Responsive */
@media (max-width: 991px){
  .stats-left{
    text-align:center;
  }
}
/* LEFT SLIDER */
.news-card {
  position: relative;
}
.news-card img {
  width: 100%;
  /*height: 400px;*/
  object-fit: cover;
}
.news-card .date {
  margin-top: 15px;
  font-size: 12px;
  letter-spacing: 2px;
  color: #777; height: 20px;
}
.news-card h4 {
  font-size: 22px;
  margin-top: 10px;
  color: #333;
}
/* RIGHT LIST */
.news-list {
  padding-left: 40px;
}
.news-item {
  margin-bottom: 30px;
  /*border-bottom: 1px solid #ddd;*/
  padding-bottom: 15px;
}
.news-item span {
  font-size: 12px;
  color: #999;
}
.news-item h5 {
  font-size: 18px;
  margin-top: 8px;
}
.view-all {
  display: inline-block;
  margin-top: 20px;
  color: #6b4a2f;
  letter-spacing: 2px;
  text-decoration: none;
}
/* arrows */
.newsSwiper .swiper-button-next,
.newsSwiper .swiper-button-prev {
  color: #6b4a2f;
}
/* dots */
.newsSwiper .swiper-pagination-bullet {
  background: #6b4a2f;
}
@media (max-width: 1023px) {
.news-list {padding-left:0px !important}
}
/* LIFESTYLE */
.lifestyle{
  
  margin:0 auto;
}
.lifestyle-header h2{
   
  font-size:clamp(2rem,3.5vw,3rem);
  font-weight:300;
  color:var(--navy);
}
/* Pillars */
.pillars{
  border-top:1px solid rgba(0,0,0,.08);
}
.pillar{
  padding:48px 28px;
  border-right:1px solid rgba(0,0,0,.08);
  transition:background .5s var(--ease);
}
.pillar:last-child{
  border-right:none;
}
.pillar:hover{
  background:var(--cream);
}
.pillar-icon{
  font-size:2rem;
  margin-bottom:20px;
  color:var(--gold);
}
.pillar h4{
   
  font-size:1.1rem;
  font-weight:300;
  margin-bottom:12px;
  color:var(--navy);
}
.pillar p{
  color:var(--text-light);
}
/* WAVE ANIMATION */
.pillar {
  animation: wave 3s ease-in-out infinite;
}
/* DIFFERENT DELAYS FOR WAVE EFFECT */
.pillar:nth-child(1) { animation-delay: 0s; }
.pillar:nth-child(2) { animation-delay: 0.3s; }
.pillar:nth-child(3) { animation-delay: 0.6s; }
.pillar:nth-child(4) { animation-delay: 0.9s; }
.pillar:nth-child(5) { animation-delay: 1.2s; }
/* KEYFRAMES */
@keyframes wave {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-15px); }
  100% { transform: translateY(0); }
}
/* Responsive fix (important) */
@media (max-width: 991px){
  .pillars .col{
    flex: 0 0 50%;
    max-width: 50%;
    border-bottom:1px solid rgba(0,0,0,.08);
  }
}
@media (max-width: 576px){
  .pillars .col{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .news-card .date {
    margin-top: 48px !important;   
    height: 43px;
}
}
/* Swiper arrows */
.eventsSwiper .swiper-button-next,
.eventsSwiper .swiper-button-prev {
  color: #000;
}
/* Pagination */
.eventsSwiper .swiper-pagination-bullet {
  background: #000;
}
 
   .masonry img {
   z-index: 1
   }
 
   .text-left {  font-size:12px; }
   .new-item.timeline:nth-child(2) {
   margin-top: 31rem
   }
   .events-description {
   height: 26.4rem
   }
   .news-info {
   /*min-height: 30rem;*/
   padding-bottom: 1rem;
   padding-left: 20px;
   /*overflow: hidden;*/
   animation-delay: .1s!important;
   border-bottom: solid 1px #eee
   }
   .news-info h3 {
    /*text-transform: uppercase;color: #1f9dd2;*/
   margin-top: 90px;
   }
   .events-section .date {
   position: relative;
   font-size: 6em;
   font-weight: 900;
   text-align: left; 
   opacity: .6; height:70px;
   margin-top: -2rem
   }
      .events-section .date span {
   font-size: 0.9rem !important;
   font-weight: 400; line-height: 15px;
   position: absolute;
   /*bottom: 1.6rem;*/
   left:9rem; 
   top:40px;
   width: 125px
   }
   .news-info .text-left {
   padding: 0
   }
   .new-item:hover,.grid-item:hover {
   z-index: 3
   }
   .new-item:hover img,.grid-item:hover img {
   -webkit-box-shadow: 0 2.5rem 5rem rgba(0,0,0,.6);
   -moz-box-shadow: 0 2.5rem 5rem rgba(0,0,0,.6);
   box-shadow: 0 2.5rem 5rem rgba(0,0,0,.6)
   }
   .text-right { font-size:14px; }
   .text-right i {
   margin-right: -2.1rem;
   -webkit-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out
   }
   .timeline .text-right i {
   margin-right: -2rem
   }
   .timeline .text-right a {color: #1f9dd2}
   .new-item:hover .text-right i {
   margin-right: 0rem
   }
   .timeline:hover .text-right i {
   margin-right: 0rem
   }
   .new-item:hover .news-info {
   border-color: #1f9dd2
   }
   .caption {
   font-size: 1.4rem;
   padding: 1rem;
   font-style: italic;
   margin: 1.5rem;
   display: block
   }
   .column>:first-child {
   margin-top: 0
   }
   .new-item img {
   width: 100%;
   height: 350px;
   object-fit: cover;
   transition: 0.4s;
   }
   
.about.v__5 {
  position: relative;
}
.about.v__5 .about__left__side__content {
  display: flex;
  justify-content: space-between;
  writing-mode: tb-rl;
  transform: rotate(-180deg);
  padding-right: 80px;
  position: absolute;
  height: 100%;
  padding-top: 120px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1400px) {
  .about.v__5 .about__left__side__content {
    display: none;
  }
}
.about.v__5 .about__left__side__content__social {
  display: flex;
  align-items: center;
  gap: 20px;
}
.about.v__5 .about__left__side__content__social a {
  writing-mode: sideways-rl;
}
.about.v__5 .about__left__side__content__social span {
  color: var(--rt-heading);
}
.about.v__5 .about__left__side__content__hour {
  text-transform: uppercase;
  position: relative;
  top: -45px;
}
.about.v__5 .about__content {
  /*padding-top: 80px;*/
  /*padding-bottom: 80px;*/
}
/*@media screen and (max-width: 992px) {
  .about.v__5 .about__content {
    padding-top: 80px;
  }
}*/
.about.v__5 .about__content__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}
@media screen and (max-width: 1200px) {
  .about.v__5 .about__content__top {
    flex-direction: column;
    gap: 30px;
  }
  .hero { height: 50vh !important;
      min-height: 450px !important;}
}
.about.v__5 .about__content__top .about__content__left {
  max-width: 750px;
}
.about.v__5 .about__content__top .about__content__left .about__sub__heading {
  display: flex;
  gap: 15px;
  color: var(--rt-primary-2);
  text-transform: capitalize;
  margin-bottom: 10px;
  font-family: var(--font-primary);
  font-weight: 300;
}
.about.v__5 .about__content__top .about__content__left .about__heading__title {
  font-size: 76px;
  line-height: 85px;
}
@media screen and (max-width: 768px) {
  .about.v__5 .about__content__top .about__content__left .about__heading__title {
    font-size: 65px;
    line-height: 70px;
  }
}
@media screen and (max-width: 576px) {
  .about.v__5 .about__content__top .about__content__left .about__heading__title {
    font-size: 45px;
    line-height: 55px;
  }
}
.about.v__5 .about__content__top .about__content__right {
  max-width: 550px;
  position: relative;
  left: 30px;
}
@media screen and (max-width: 1400px) {
  .about.v__5 .about__content__top .about__content__right {
    left: 0;
  }
}
@media screen and (max-width: 1200px) {
  .about.v__5 .about__content__top .about__content__right {
    max-width: 750px;
  }
}
.about.v__5 .about__content__bottom {
  display: flex;
  gap: 80px;
}
@media screen and (max-width: 1200px) {
  .about.v__5 .about__content__bottom {
    flex-direction: column;
    max-width: 750px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .about.v__5 .about__content__bottom {
    gap: 40px;
  }
}
.about.v__5 .about__content__bottom__right {
  margin-right: 15px;
}
.about.v__5 .about__content__bottom__right img {
  max-height: 400px;
  min-height: 400px;
  width: 100%;
  object-fit: cover;
}
/* IMAGE BOX */
.img-box {
    position: relative;
    /*overflow: hidden;*/
    }
/* IMAGE */
.img-box img {
    width: 100%;
    display: block;
    transition: 0.4s;
}
/* OVERLAY */
.overlay-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    color: #fff;
    opacity: 0;
}
/* TEXT INITIAL STATE */
.overlay-content .title,
.overlay-content .desc {
    transform: translateY(40px);
    opacity: 0;
}
.luxurySwiper .swiper-slide p { display:none }
/* IMAGE */
/* CONTENT HIDE BY DEFAULT */
.luxurySwiper .slide-content {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.4s;
}
/* SHOW ONLY CENTER */
.luxurySwiper .swiper-slide-active .slide-content {
  opacity: 1;
  transform: translateY(0);
}
/*.swiper-slide-active .slide-content p { display:block; }*/
.luxurySwiper .swiper-slide-active p { display:block !important; }
.luxurySwiper .swiper-slide-active .slide-content {
  opacity: 1;
  transform: translateY(0);
}.luxurySwiper .swiper-slide-active  {
  /*transform: scale(1.5); */ margin-top: -5%;
   transition: 0.4s;
}/* ALLOW IMAGE TO GROW TOP + BOTTOM */
.luxurySwiper {
  padding: 80px 0 0px; /* space for top & bottom */
}
.luxury-slider {
  background: #f9f9f9;
  padding: 100px 0;
  text-align: center; overflow-x: hidden;
}
.luxury-title {
  font-size: 42px;
  color: #00294c;
  margin-bottom: 60px;
}
.title-main {
  font-size: 42px;
  color: #00294c;
}
/* SLIDES */
.luxurySwiper .swiper-slide {
  width: 100%; 
  transition: 0.5s ease;width: 150px ; 
  text-align: center; padding: 15px;
}
.luxurySwiper .swiper-slide.swiper-slide-active{
  width: 460px !important; width:100%;
}
.luxurySwiper .swiper-slide.swiper-slide-active .project-video {   }
/* IMAGE */
.luxurySwiper .project-video {
  width: 100%; height:280px;
  transition: 0.4s; margin: auto;
}
/* CENTER POP */
.luxurySwiper .swiper-slide-active .project-video {
  /*transform: scale(1.05);*/height:280px !important;
  /*box-shadow: 0 30px 60px rgba(0,0,0,0.25);*/
}
.luxurySwiper .swiper-slide-active .content {
  opacity: 1;
  transform: translateY(0);
}
.luxurySwiper .content h3 {
  margin-top: 15px;
  color: #8b6b4a;
}
.luxurySwiper .content p {
  font-size: 16px;
  color: #666;
}
@media screen and (max-width: 767px) {.luxurySwiper .swiper-slide.swiper-slide-active{
 width:100%;
}  }
@media screen and (min-width: 768px) {
.luxurySwiper .swiper-wrapper { margin-left:-84px !important; }
}
/*----------------------------------------------------*/
/* Post Slider Area css
============================================================================================ */
.post_s_item {
  position: relative;
  /*overflow: hidden; */
}
  .post_s_item .post_img {
    position: relative; height:750px;    
    object-fit: cover;
} 
  .post_s_item .post_img img{
    position: relative; height:750px;    
    object-fit: cover;transition: 2s;
} 
    .post_s_item .post_img:before {
      content: "";
      background: rgba(0, 0, 0, 0.6);
      position: absolute;
      left: 0px;
      top: 0px; z-index: 1;
      height: 100%;
      width: 100%; }
  .post_s_item .post_text {
    position: absolute; z-index: 2;
    left: 40px;
    bottom: 40px;
    max-width: 355px; }
    .post_s_item .post_text h4 {
      font-size: 21px;
           line-height: 27px;
      text-transform: uppercase;
      color: #fff;
      padding-right: 20px;
      margin-bottom: 20px;
      transition: all 300ms linear 0s; }
      .post_s_item .post_text h4:hover {
        color: #6cc7ed; }
    .post_s_item .post_text p {
      font-size: 16px;
      line-height: 24px;
      color: #fff;
      margin-bottom: 35px; }
    .post_s_item .post_text .main_btn {
      line-height: 40px;
      padding: 0px 0px;
      box-shadow: none;  color:#fff !important}
.post_s_item:hover .post_img img {
  transform: scale(1.1);
  filter: brightness(1.1); transition: 2s;
}
/* End Post Slider Area css
============================================================================================ */@media (max-width: 667px){  
  .swiper-button-next:after, .swiper-button-prev:after {
       font-size: 20px !important;
  }.about-title {
    font-size: 1.8rem !important;}
  }
.news-section    {background: #f9f9f9;}
.js-scroll-overlap:not(.is-disabled) {
  --sticky-offset: -1px;
  position: sticky;
  top: var(--sticky-offset);
}
.relative {
  position: relative;
}
/* ════════ FLAGSHIP ════════ */
.flagship{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.flagship-bg{position:absolute;inset:0}
.flagship-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(.3) saturate(.8)}
.flagship-grain{position:absolute;inset:0;background:url('data:image/svg+xml,<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency=".85" numOctaves="4" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity=".04"/></svg>');opacity:.5}
.flagship-content{position:relative;z-index:2; width:100%}
.flagship-tag{font-size:14px;letter-spacing:.6em;text-transform:uppercase;color:#fff;margin-bottom:1.2rem;display:flex;align-items:center;gap:1rem}
.flagship-tag::before{content:'';width:8px;height:8px;border:1px solid #fff;transform:rotate(45deg)}
.flagship-name{ font-size:5rem;font-weight:400;line-height:1;color:#fff;margin-bottom:.5rem}
.flagship-name em{font-style:italic;color:#0391cb !important;}
.flagship-subtitle{ font-size:1.2rem;font-weight:300;font-style:italic;color:rgba(255,255,255,.4);margin-bottom:2rem}
.flagship-desc{font-size:.20px;line-height:1.9;color:rgba(255,255,255,.9);font-weight:300;margin-bottom:3rem}
.flagship-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.detail-item{border-left:2px solid rgba(18,150,204,.25);padding-left:1.2rem}
.detail-label{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}
.detail-value{ font-size:1.25rem;color:#fff;margin-top:.3rem}
.flagship-cta{display:inline-block;margin-bottom:1rem;margin-top:1rem;padding:1.1rem 3.5rem;background:var(--gold);color:#fff !important;font-size:13px;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;font-weight:300;transition:all .4s}
.flagship-cta:hover{background:var(--gold-light);transform:translateY(-3px);box-shadow:0 15px 50px rgba(184,150,78,.3)}
.flagship-right{display:flex;flex-direction:column;gap:2rem;align-items:center}
.rera-badge{border:1px solid rgba(184,150,78,.2);padding:3rem 2.5rem;text-align:center;backdrop-filter:blur(12px);background:rgba(184,150,78,.04);width:100%;max-width:320px}
.rera-label{font-size:14px;letter-spacing:.35em;text-transform:uppercase;color:#fff}
.rera-status{ font-size:1.5rem;color:#fff;margin:.8rem 0}
.rera-num{font-size:.8rem;color:rgba(255,255,255,.4);line-height:1.5;word-break:break-all}
.flagship-features{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;max-width:320px}
.feat-box{border:1px solid rgba(184,150,78,.1);padding:1.2rem;text-align:center;transition:border-color .3s}
.feat-box:hover{border-color:rgba(184,150,78,.3)}
.feat-box .feat-icon{font-size:1.5rem;margin-bottom:.5rem}
.feat-box .feat-text{font-size:15px;letter-spacing:.1em;color:rgba(255,255,255,.8);text-transform:uppercase}
.project-swiper { position:relative; }
@media(max-width:667px){
  .flagship-features {  display:none; }
.flagship-name {
     
    font-size:3.5rem;
  }.flagship-details {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .5rem;
}.flagship-desc {margin-bottom: 1rem;}
.flagship-right { align-items: start !important; }
.detail-value {     font-size: 1rem; }
}
/*--contact---*/
 
  .hero.about-hero {
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/about.webp') center/cover no-repeat !important;
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/about.webp') center/cover no-repeat !important;
    }
 .hero.group-hero{
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/group.webp') center/cover no-repeat !important;
    }
 .hero.port-hero{
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/port.webp') center/cover no-repeat !important;
    }
 .hero.media-hero{
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/media.webp') bottom/cover no-repeat !important;
    }
 .hero.events-hero{
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/events.webp') center/cover no-repeat !important;
    }
 .hero.career-hero{
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/career.webp') center/cover no-repeat !important;
    }
 .hero.contact-hero{
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/contact.webp') center/cover no-repeat !important;
    }
    /* Hero */
    .hero {     padding-top: 110px;  background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.45)), url('../images/banner/about.webp') center/cover no-repeat; height: 65vh;
      min-height: 650px;
      display: flex;
      align-items: center;
      color: white;
      position: relative;
    }
/*    .hero::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 150px;
      background: linear-gradient(transparent, #f8f6f2);
    }*/
        .section-title {
      font-size: 3.2rem;
      font-weight: 300;
      letter-spacing: -2px;
      color: var(--dark);
    }
       .contact-text {
   font-size: 2.8rem;
   font-weight: 300;
   letter-spacing: -2px;
   text-shadow: 0 4px 15px rgba(0,0,0,0.6);
   }
   .breadcrumb {
   font-size: 1.1rem;
   margin-top: 12px;
   }
   .breadcrumb a {
   color: #00294c;
   text-decoration: none;
   }
   .breadcrumb a:hover {
   text-decoration: underline;
   }
   .breadcrumb span {     color: #1399d0; }
   .description {
   color: #555;
   max-width: 380px;
   }
   .contact-info {
   margin-top: 50px;
   }
   .info-row {
   display: flex;
   align-items: center;
   margin-bottom: 32px;
   }
   .info-icon {
   width: 35px;
   height: 35px;
   color: #222;
     display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.55rem;
   margin-right: 20px;
   flex-shrink: 0;
   }
   .info-content h5 {
   font-weight: 300;
   margin-bottom: 4px;
   }
   .info-content p a { color:#333 !important; }
   .form-card {
   background: white;
      box-shadow: 0 15px 40px rgba(0,0,0,0.1);
   padding: 45px 40px;
   }
   .form-control {
     padding: 14px 18px !important;
   border: 1px solid #ced4da !important;
   margin-bottom: 20px;
   }
   .form-control:focus {
   border-color: #0066ff;
   box-shadow: 0 0 0 0.25rem rgba(0,102,255,0.15);
   }
   .btn-theme {
   background: #00294c;
   color: #fff;
   font-weight: 300;
   padding: 15px;
   border: none;
   border-radius: 0px;
   width: 100%;
   transition: all 0.3s;
   }
   .btn-theme:hover {
   background: #1399d0;
   transform: translateY(-2px);
   }
.gallery-wrapper-one {
    position: relative;
  z-index: 1;
  overflow: hidden;
}
.gallery-wrapper-one .gallery-image {
  overflow: hidden;
  display: block;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}.gallery-wrapper-one .gallery-image img { width:100% }
.gallery-wrapper-one .gallery-image .item-overlay {
  position: absolute;
  top: 0px;
  background: rgba(83, 75, 27, 0.575);
  border-radius: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  left: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.gallery-wrapper-one .gallery-image .item-overlay span {
  color: #ffff;
  width: 80px;
  height: 80px;
  line-height: 84px;
  display: block;
   text-align: center;
  background: var(--color-primary);
  font-size: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gallery-wrapper-one .image-zoom-hover {
  transition: 0.6s;
}
.gallery-wrapper-one:hover .image-zoom-hover {
  transform: scale(1.1);
}
.gallery-wrapper-one:hover .item-overlay {
  opacity: 1;
  visibility: visible;
}
/*media news*/
/* Bootstrap overrides */
.btn-primary{background:var(--blue);border-color:var(--blue)}
.btn-primary:hover{background:var(--navy);border-color:var(--navy)}
.text-primary{color:var(--blue)!important}
.bg-primary{background:var(--blue)!important}
.search-sec{background:var(--white); border-bottom:1px solid var(--smoke);position:sticky;top:71px;z-index:100}
.search-wrap{position:relative;max-width:500px;margin:0 auto}
.search-input{width:100%;padding:.9rem 1.2rem .9rem 3rem;border:1px solid var(--smoke);font-family:var(--sans);font-size:.8rem;color:var(--navy);outline:none;transition:all .3s;background:var(--off)}
.search-input:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 4px rgba(43,142,192,.08)}
.search-wrap i{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-light);font-size:1rem}
.section-title-wrap{margin-bottom:3rem}
.section-tag{font-size:14px;letter-spacing:.55em;text-transform:uppercase;color:var(--blue);font-weight:300;margin-bottom:.6rem;display:block}
.section-title{ font-size:2.3rem;color:var(--navy);font-weight:300;}
.section-sub{font-size:.85rem;color:var(--text-light);margin-top:.5rem}
.btn-view-all{font-size:14px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-body);text-decoration:none;font-weight:300;padding:.7rem 1.5rem;border:1px solid var(--smoke);transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}
.btn-view-all:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.featured-card{background:var(--white);overflow:hidden;border:1px solid rgba(27,58,92,.06);box-shadow:0 8px 40px rgba(0,0,0,.06);transition:all .5s}
.featured-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.08);transform:translateY(-4px)}
.featured-card .fc-img{position:relative;overflow:hidden;min-height:420px;height:100%}
.featured-card .fc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.featured-card:hover .fc-img img{transform:scale(1.04)}
.featured-card .fc-badge{position:absolute;top:1.5rem;left:1.5rem;padding:.45rem 1rem;background:rgba(43,142,192,.95);color:#fff;font-size:14px;letter-spacing:.2em;text-transform:uppercase;font-weight:300;backdrop-filter:blur(10px)}
.featured-card .fc-info{padding:3rem}
.fi-meta{display:flex;align-items:center;gap:1rem;font-size:14px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light);margin-bottom:1.2rem;font-weight:300;flex-wrap:wrap}
.fi-meta .fi-sep{width:3px;height:3px;background:var(--text-light);}
.fi-title{ font-size:1.8rem;color:var(--navy);line-height:1.2;margin-bottom:1.2rem;font-weight:300; }
.fi-desc{ color:var(--text-body);margin-bottom:2rem}
.btn-read-more{display:inline-flex;align-items:center;gap:.6rem;font-size:14px;letter-spacing:.25em;text-transform:uppercase;color:var(--blue);text-decoration:none;font-weight:300;padding:.9rem 2rem;border:2px solid var(--blue);transition:all .3s}
.btn-read-more:hover{background:var(--blue);color:#fff;transform:translateX(4px)}
 
/*=========================
   FILTER SECTION GLASSY
=========================*/
.filter-sec{
    position:relative;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.78),
            rgba(248,251,255,.65)
        );
            backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
        border-top:1px solid rgba(255,255,255,.75);
    border-bottom:1px solid rgba(255,255,255,.75);
        box-shadow:
        inset 0 1px 0 rgba(255,255,255,.85),
        0 8px 24px rgba(20,40,80,.04);
}
/* button */
.filter-btn1,
.filter-btn{
    position:relative;
    overflow:hidden;
        padding:.75rem 1.5rem;
    margin:.25rem;
        border-radius:0px;
    border:1px solid rgba(255,255,255,.8);
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.72),
            rgba(255,255,255,.38)
        );
            backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
        color:var(--text-body);
        font-family:var(--sans);
    font-size:14px;
    font-weight:300;
    letter-spacing:.12em;
    text-transform:uppercase;
        display:inline-flex;
    align-items:center;
    gap:.55rem;
    cursor:pointer;
        box-shadow:
        0 8px 22px rgba(18,40,80,.05),
        inset 0 1px 0 rgba(255,255,255,.85);
            transition:all .35s ease;
}
/* shine */
.filter-btn1::before,
.filter-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:45%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );
    transition:.7s;
}
/* hover / active */
.filter-btn1:hover,
.filter-btn:hover,
.filter-btn.on{
    background:
        linear-gradient(
            135deg,
            rgba(43,142,192,.95),
            rgba(43,142,192,.82)
        );
            color:#fff;
    border-color:rgba(43,142,192,.18);
        transform:translateY(-2px);
        box-shadow:
        0 12px 26px rgba(43,142,192,.18),
        inset 0 1px 0 rgba(255,255,255,.25);
}
.filter-btn1:hover::before,
.filter-btn:hover::before,
.filter-btn.on::before{
    left:130%;
}
/* count badge */
.filter-count{
    min-width:22px;
    text-align:center;
        font-size:.55rem;
    font-weight:300;
        padding:.19rem .48rem;
    border-radius:50px;
        background:rgba(43,142,192,.08);
    color:var(--blue);
        border:1px solid rgba(255,255,255,.7);
        backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
        transition:all .35s ease;
}
/* active badge */
.filter-btn:hover .filter-count,
.filter-btn.on .filter-count{
    background:rgba(255,255,255,.18);
    color:#fff;
    border-color:rgba(255,255,255,.25);
}
/* mobile */
@media(max-width:768px){
    .filter-btn{
        padding:.65rem 1.15rem;
        border-radius:12px;
    }
}
/*------------- NEWS GRID------------- */
.news-sec{background:var(--off)}
.news-card{background:var(--white);border:1px solid rgba(27,58,92,.06);overflow:hidden;transition:all .5s;display:flex;flex-direction:column;cursor:pointer;height:100%}
.news-card:hover{box-shadow:0 15px 50px rgba(0,0,0,.08);transform:translateY(-5px);border-color:rgba(43,142,192,.12)}
.news-card .nc-img{position:relative;aspect-ratio:1.5;overflow:hidden}
.news-card .nc-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.news-card:hover .nc-img img{transform:scale(1.06)}
.news-card .nc-cat{position:absolute;top:1rem;left:1rem;padding:.35rem .8rem;font-size:.5rem;letter-spacing:.18em;text-transform:uppercase;font-weight:300;backdrop-filter:blur(10px)}
.cat-press{background:rgba(43,142,192,.95);color:#fff !important;}
.cat-announcement{background:rgba(56,161,105,.95);color:#fff !important;}
.cat-coverage{background:rgba(27,58,92,.95);color:#fff !important;}
.cat-award{background:rgba(201,168,76,.95);color:#fff !important;}
.news-card .nc-body{padding:1.8rem;flex-grow:1;}
.news-card .nc-meta{font-size:14px; color:var(--text-light);margin-bottom:.8rem;font-weight:300}
.news-card .nc-title{ font-size:1.15rem;color:var(--navy);line-height:1.3;margin-bottom:.8rem;flex-grow:1;font-weight:300;}
.news-card .nc-excerpt{color:var(--text-body);margin-bottom:1.2rem}
.nc-read, .news-card .nc-read{display:inline-flex;align-items:center;gap:.5rem;font-size:15px; text-decoration:none !important;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:300;align-self:flex-start;transition:gap .3s}
.news-card:hover .nc-read{gap:.8rem}
.no-results{text-align:center;padding:4rem 2rem;color:var(--text-light)}
.no-results i{font-size:3rem;color:var(--smoke);margin-bottom:1rem}
.no-results h4{ color:var(--navy); margin-bottom:.5rem}
.no-results p{font-size:15pxm}
.load-more{text-align:center;margin-top:3rem}
/*.btn-load-more{padding:1rem 3rem;background:var(--white);color:var(--navy);border:2px solid var(--navy);font-size:14px;letter-spacing:.25em;text-transform:uppercase;font-weight:300;cursor:pointer;transition:all .3s}
.btn-load-more:hover{background:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(27,58,92,.2)}*/
.btn-load-more:disabled{opacity:.5;cursor:not-allowed}
 
/*==========================
  PRESS COVERAGE - CREATIVE PREMIUM
==========================*/
.press-sec{
    position:relative;
    background:#fff;
    overflow:hidden;
}
/* center heading */
.press-sec [data-aos="fade-up"]{
    text-align:center;
    margin-bottom:55px;
}/* wrapper */
.press-track-wrap{
    overflow:hidden;
    position:relative;
    padding:14px 0;
}
/* fade edges */
.press-track-wrap::before,
.press-track-wrap::after{
    content:"";
    position:absolute;
    top:0;
    width:120px;
    height:100%;
    z-index:3;
    pointer-events:none;
}
.press-track-wrap::before{
    left:0;
    background:linear-gradient(
        90deg,
        #fff 0%,
        transparent 100%
    );
}
.press-track-wrap::after{
    right:0;
    background:linear-gradient(
        270deg,
        #fff 0%,
        transparent 100%
    );
}
/* track */
.press-track{
    display:flex;
    gap:24px;
    width:max-content;
    animation:pressSlide 34s linear infinite;
}
.press-track-wrap:hover .press-track{
    animation-play-state:paused;
}
/* glass cards */
.press-logo{
    position:relative;
    min-width:250px;
    height:92px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 26px;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.78),
            rgba(255,255,255,.38)
        );
            backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
        border:1px solid rgba(255,255,255,.85);
    border-radius:22px;
        box-shadow:
        0 2px 10px rgba(8,10,10,.08),
        inset 0 1px 0 rgba(255,255,255,.9);
            transition:all .35s ease;
    overflow:hidden;
}
/* glowing border */
.press-logo::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:22px;
    padding:1px;
    background:linear-gradient(
        135deg,
        rgba(255,255,255,.8),
        rgba(43,142,192,.15)
    );
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    pointer-events:none;
}
/* shine */
.press-logo::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:50%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.55),
        transparent
    );
    transition:.8s;
}
.press-logo:hover{
    transform:translateY(-7px) scale(1.02);
    box-shadow:
        0 18px 40px rgba(43,142,192,.14),
        inset 0 1px 0 rgba(255,255,255,.95);
}
.press-logo:hover::before{
    left:130%;
}
/* text */
.press-logo a{
    position:relative;
    z-index:2;
    text-decoration:none;
    color:var(--navy);
    font-size:15px;
    font-weight:300;
    letter-spacing:.3px;
    text-align:center;
    transition:.3s;
}
.press-logo:hover a{
    color:var(--blue);
}
/* marquee */
@keyframes pressSlide{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}
/* mobile */
@media(max-width:768px){
    .press-logo{
        min-width:210px;
        height:78px;
        border-radius:18px;
        padding:0 18px;
    }
        .press-logo a{
        font-size:14px;
    }
        .press-track{
        gap:18px;
    }
        .press-track-wrap::before,
    .press-track-wrap::after{
        width:50px;
    }
}
/*-----------VIDEO GALLERY------------- */
.video-sec{background:var(--off)}
.v-card{position:relative;overflow:hidden;cursor:pointer;transition:all .5s;box-shadow:0 4px 20px rgba(0,0,0,.04);height:100%;min-height:240px}
.v-card.v-big{min-height:500px}
.v-card:hover{box-shadow:0 15px 50px rgba(0,0,0,.1);transform:translateY(-4px)}
.v-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s;position:absolute;inset:0}
.v-card:hover img{transform:scale(1.05)}
.v-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,28,46,.1) 0%,rgba(11,28,46,.6) 70%,rgba(11,28,46,.9) 100%);z-index:1}
.v-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;background:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;transition:all .4s;backdrop-filter:blur(10px);z-index:2;border:none;cursor:pointer}
.v-play i{color:var(--navy);font-size:1.5rem;margin-left:3px;transition:color .4s}
.v-card:hover .v-play{background:var(--blue);transform:translate(-50%,-50%) scale(1.1)}
.v-card:hover .v-play i{color:#fff}
.v-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;z-index:2}
.v-duration{display:inline-block;padding:.25rem .7rem;background:rgba(43,142,192,.9);color:#fff;font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;font-weight:300;margin-bottom:.6rem;backdrop-filter:blur(10px)}
.v-title{ font-size:1.15rem;color:#fff;line-height:1.3;font-weight:300;}
.v-big .v-title{font-size:1.5rem}
/*------------- AWARDS------------- */
/*=========================
   AWARDS - LIGHT GLOSSY
=========================*/
.awards-sec{
    position:relative;
    background:
        radial-gradient(circle at top right,
            rgba(43,142,192,.08) 0%,
            transparent 35%),
        radial-gradient(circle at bottom left,
            rgba(43,142,192,.06) 0%,
            transparent 35%),
        linear-gradient(180deg,#fff 0%,#ffffff 100%);
    color:var(--navy);
    text-align:center;
    overflow:hidden;
}
/* heading */
.awards-sec .press-tag{
    color:var(--blue);
}
.awards-sec .press-title{
    color:var(--navy);
}
/* card */
.award-card{
    position:relative;
    overflow:hidden;
        height:100%;
    padding:2.3rem 1.6rem;
    border-radius:22px;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.78),
            rgba(255,255,255,.42)
        );
            backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
        border:1px solid rgba(255,255,255,.9);
        box-shadow:
        0 12px 28px rgba(20,40,80,.06),
        inset 0 1px 0 rgba(255,255,255,.95);
            transition:all .35s ease;
}
/* glass shine */
.award-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:45%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transition:.8s;
}
/* hover */
.award-card:hover{
    transform:translateY(-8px);
        box-shadow:
        0 18px 40px rgba(43,142,192,.12),
        inset 0 1px 0 rgba(255,255,255,.98);
            border-color:rgba(43,142,192,.12);
}
.award-card:hover::before{
    left:130%;
}
/* icon */
.award-icon{
    width:58px;
    height:58px;
    margin:0 auto 1rem;
        display:flex;
    align-items:center;
    justify-content:center;
        border-radius:16px;
        background:
        linear-gradient(
            135deg,
            rgba(43,142,192,.95),
            rgba(93,181,222,.9)
        );
            box-shadow:
        0 10px 22px rgba(43,142,192,.18),
        inset 0 1px 0 rgba(255,255,255,.25);
            transition:all .35s ease;
}
.award-icon i{
    color:#fff;
    font-size:1.35rem;
}
.award-card:hover .award-icon{
    transform:translateY(-2px) scale(1.05);
}
/* year */
.award-year{
 font-size:1.7rem;
    font-weight:300;
    color:var(--blue);
}
/* title */
.award-title{
    font-size:17px;
    font-weight:300;
    color:var(--navy);
    margin-top:.45rem;
}
/* org */
.award-org{
    font-size:13px;
    font-weight:300;
    margin-top:.45rem;
        color:rgba(27,58,92,.55);
        letter-spacing:.12em;
    text-transform:uppercase;
}
/* mobile */
@media(max-width:768px){
    .award-card{
        padding:2rem 1.2rem;
        border-radius:18px;
    }
        .award-year{
        font-size:1.45rem;
    }
        .award-title{
        font-size:15px;
    }
}
/*------------- MEDIA KIT------------- */
.media-kit{background:var(--off)}
.mk-contact{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;background:var(--white);border:1px solid rgba(27,58,92,.06);transition:all .3s;margin-bottom:1rem}
.mk-contact:hover{border-color:rgba(43,142,192,.15);box-shadow:0 4px 20px rgba(0,0,0,.04)}
.mk-c-icon{width:38px;height:38px;background:var(--blue-pale);display:flex;align-items:center;justify-content:center;color:var(--blue);flex-shrink:0}
.mk-c-icon i{font-size:1rem}
.mk-c-info small{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-light);font-weight:300}
.mk-c-info strong{display:block;font-size:.78rem;color:var(--navy);margin-top:.15rem;font-weight:300}
.dl-card{background:var(--white);border:1px solid rgba(27,58,92,.06);padding:1.8rem 1.4rem;text-align:center;transition:all .4s;cursor:pointer;height:100%}
.dl-card:hover{border-color:rgba(43,142,192,.2);box-shadow:0 10px 30px rgba(0,0,0,.06);transform:translateY(-3px)}
.dl-icon{width:54px;height:54px;background:var(--blue-pale);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;transition:all .3s}
.dl-icon i{font-size:1.5rem;color:var(--blue);transition:color .3s}
.dl-card:hover .dl-icon{background:var(--blue)}
.dl-card:hover .dl-icon i{color:#fff}
.dl-name{ font-size:.95rem;color:var(--navy);margin-bottom:.3rem;font-weight:300;}
.dl-size{font-size:14px;color:var(--text-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}
.dl-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);font-weight:300;text-decoration:none}
/*------------- NEWSLETTER------------- */
.newsletter{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-light) 100%);text-align:center;color:#fff;position:relative;overflow:hidden}
.newsletter::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);}
.newsletter::after{content:'';position:absolute;bottom:-50%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.06),transparent 70%);}
.nl-content{position:relative;z-index:1}
.nl-tag{font-size:14px;letter-spacing:.55em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:300;margin-bottom:.6rem}
.nl-title{ font-size:2.2rem;color:#fff;margin-bottom:.8rem;font-weight:300;}
.nl-sub{font-size:.85rem;color:rgba(255,255,255,.75);margin-bottom:2rem;line-height:1.7}
.nl-form{display:flex;gap:.5rem;max-width:480px;margin:0 auto}
.nl-input{flex:1;padding:1rem 1.3rem;border:none;font-family:var(--sans);font-size:.78rem;color:var(--navy);outline:none}
.nl-input::placeholder{color:var(--text-light)}
.nl-btn{padding:1rem 1.8rem;background:var(--navy-deep);color:#fff;border:none;font-family:var(--sans);font-size:14px;letter-spacing:.22em;text-transform:uppercase;font-weight:300;cursor:pointer;transition:all .3s;white-space:nowrap}
.nl-btn:hover{background:var(--navy-dark);transform:translateY(-1px)}
/*------------- FOOTER------------- */
/* Back to top */
.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:var(--blue);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s;box-shadow:0 8px 25px rgba(43,142,192,.3)}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--navy);transform:translateY(-4px)}
/*------------- RESPONSIVE------------- */
@media(max-width:991px){
  .navbar-custom{padding:.8rem 0}
    .hero-title{font-size:2.5rem}
  .featured-card .fc-info{padding:1rem}
  .fi-title{font-size:1.5rem}
  .search-sec{position:static}
}
@media(max-width:767px){
  .hero-title{font-size:2rem}
  .featured-card .fc-img{min-height:280px}
  .fi-title{font-size:1.3rem}
  .section-title{font-size:1.8rem}
  .nl-form{flex-direction:column}
}
.gallery-wrapper-one{
position:relative;
overflow:hidden;
cursor:pointer;
}
.gallery-wrapper-one img{
width:100%;
/*height:260px;*/
object-fit:cover;
display:block;
transition:0.4s;
}
.gallery-wrapper-one:hover img{
transform:scale(1.1);
}
.item-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
display:flex;
align-items:center;
justify-content:center;
opacity:0;
transition:0.4s;
}
.gallery-wrapper-one:hover .item-overlay{
opacity:1;
}
.item-overlay span{
width:55px;
height:55px;
background:#fff;
color:#000;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
transform:scale(0.7);
transition:0.3s;
}
.fancybox__thumbs{
display:none !important;
}
.fancybox__container{
z-index:999999;
}
.fancybox__content{
height:85vh !important;
display:flex;
align-items:center;
justify-content:center;
}
.fancybox__content img{
max-height:85vh;
width:auto;
}
.fancybox__thumbs{
height:100px !important;
}
.fancybox__thumb{
width:90px !important;
height:70px !important;
object-fit:cover;
}
.gallery-wrapper-one:hover .item-overlay span{
transform:scale(1);
}
/*-------events--------*/
:root{
  --blue:#2B8EC0;--blue-light:#5DB5DE;--blue-pale:#E3F2FA;--blue-ghost:#F4F9FC;
  --navy:#1B3A5C;--navy-deep:#0F2740;--navy-dark:#0B1C2E;
  --white:#FFFFFF; --cloud:#F0F4F8;--smoke:#E4E8EC;
  --gold:#0090cc;--green:#38A169;
  --text:#2C2C2C;--text-body:#5E5E5E;--text-light:#9A9A9A;
  --serif:'Lora',Georgia,serif;--sans:'Albert Sans',system-ui,sans-serif;
}
body{font-family:var(--sans);background:var(--white);color:var(--text);overflow-x:hidden}
/* UTILS */
.sec-tag{font-size:.7rem;letter-spacing:.55em;text-transform:uppercase;color:var(--blue);font-weight:300;margin-bottom:.6rem;display:block}
.sec-title{ font-size:2.4rem;color:var(--navy);font-weight:300;}
.sec-sub{color:var(--text-light);margin-top:.5rem}
/* FEATURED EVENT */
.featured-sec{background:var(--off)}
.feat-card{background:var(--white);overflow:hidden;border:1px solid rgba(27,58,92,.06);box-shadow:0 8px 40px rgba(0,0,0,.06);transition:all .5s}
.feat-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.08);transform:translateY(-4px)}
.feat-img{position:relative;overflow:hidden;min-height:440px;height:100%}
.feat-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.feat-card:hover .feat-img img{transform:scale(1.04)}
.feat-label{position:absolute;top:1.5rem;left:1.5rem;display:flex;gap:.5rem;z-index:2}
.feat-badge{padding:.45rem 1rem;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:300;backdrop-filter:blur(10px)}
.badge-upcoming{background:rgba(56,161,105,.95);color:#fff}
.badge-live{background:rgba(220,53,69,.95);color:#fff;animation:livePulse 2s ease-in-out infinite}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.6}}
.badge-past{background:rgba(27,58,92,.9);color:#fff}
.badge-featured{background:rgba(201,168,76,.95);color:#fff}
.feat-date-float{position:absolute;bottom:1.5rem;right:1.5rem;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:1rem 1.2rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.1);z-index:2}
.fdf-day{ font-size:2rem;color:var(--blue);line-height:1;font-weight:300}
.fdf-mon{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light);font-weight:300;margin-top:.15rem}
.feat-info{padding:3rem;display:flex;flex-direction:column;justify-content:center}
.fi-meta{display:flex;align-items:center;gap:.8rem;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light);margin-bottom:1.2rem;font-weight:300;flex-wrap:wrap}
.fi-meta i{color:var(--blue)}
.fi-desc{ color:var(--text-body);margin-bottom:1.5rem}
.fi-highlights{display:flex;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}
.fi-hl{display:flex;align-items:center;gap:.5rem;font-size:13px;color:var(--text-body);font-weight:300;}
.fi-hl i{color:var(--blue);font-size:1rem}
.btn-rsvp{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2.2rem;background:var(--blue);color:#fff !important;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;font-weight:300;transition:all .3s;box-shadow:0 8px 25px rgba(43,142,192,.2);border:none;cursor:pointer;align-self:flex-start}
.btn-rsvp:hover{background:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 12px 35px rgba(27,58,92,.2)}
/* FILTERS */
.filter-bar{background:var(--white);padding:2rem 0;border-top:1px solid rgba(27,58,92,.06);border-bottom:1px solid rgba(27,58,92,.06);position:sticky;top:72px;z-index:100}
.fb{padding:.6rem 1.4rem;border:1px solid var(--smoke);background:var(--white);color:var(--text-body);font-family:var(--sans);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-weight:300;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;margin:.2rem}
.fb.on,.fb:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.fb-count{font-size:.48rem;padding:.1rem .4rem;background:rgba(43,142,192,.08);color:var(--blue);transition:all .3s}
.fb.on .fb-count,.fb:hover .fb-count{background:rgba(255,255,255,.25);color:#fff}
/* EVENT GRID */
.events-sec{background:var(--off)}
.ev-card{background:var(--white);border:1px solid rgba(27,58,92,.06);overflow:hidden;transition:all .5s;display:flex;flex-direction:column;cursor:pointer;height:100%}
.ev-card:hover{box-shadow:0 15px 50px rgba(0,0,0,.08);transform:translateY(-5px);border-color:rgba(43,142,192,.12)}
.ev-img{position:relative;aspect-ratio:1.4;overflow:hidden}
.feat-img img,
.ev-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ev-card:hover .ev-img img{transform:scale(1.06)}
.ev-cat{position:absolute;top:1rem;left:1rem;padding:.35rem .8rem;font-size:.5rem;letter-spacing:.15em;text-transform:uppercase;font-weight:300;backdrop-filter:blur(10px)}
.cat-sport{background:rgba(56,161,105,.95);color:#fff}
.cat-lifestyle{background:rgba(201,168,76,.95);color:#fff}
.cat-community{background:rgba(43,142,192,.95);color:#fff}
.cat-networking{background:rgba(27,58,92,.95);color:#fff}
.cat-luxury{background:rgba(155,89,182,.95);color:#fff}
.ev-date{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);padding:.7rem .9rem;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:2}
.ev-date-d{ font-size:1.4rem;color:var(--blue);line-height:1;font-weight:300}
.ev-date-m{font-size:.45rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);font-weight:300;margin-top:.1rem}
.ev-body{padding:1.5rem 1.8rem;flex-grow:1;display:flex;flex-direction:column;text-align: left;}
.ev-meta{display:flex;align-items:center;gap:.8rem;font-size:13px;color:var(--text-light);margin-bottom:.6rem;font-weight:300;flex-wrap:wrap}
.ev-meta i{color:var(--blue);font-size:.7rem}
.ev-title{ font-size:1.15rem;color:var(--navy);line-height:1.3;margin-bottom:.6rem;flex-grow:1;font-weight:300;}
.ev-excerpt{color:var(--text-body);margin-bottom:1rem}
.ev-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(27,58,92,.04);margin-top:auto}
.ev-link{display:inline-flex;align-items:center;gap:.4rem;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);font-weight:300;text-decoration:none;transition:gap .3s}
.ev-card:hover .ev-link{gap:.7rem}
.ev-share{display:flex;gap:.3rem}
.ev-share-btn{width:28px;height:28px;border:1px solid var(--smoke);display:flex;align-items:center;justify-content:center;color:var(--text-light);background:none;cursor:pointer;transition:all .3s;font-size:.7rem}
.ev-share-btn:hover{border-color:var(--blue);color:var(--blue)}
.no-res{text-align:center;padding:4rem 2rem;color:var(--text-light);display:none}
.no-res i{font-size:3rem;color:var(--smoke);margin-bottom:1rem;display:block}
.no-res h4{color:var(--navy); margin-bottom:.5rem}
.load-more{text-align:center;margin-top:3rem}
.btn-load{padding:1rem 3rem;background:var(--white);color:var(--navy);border:2px solid var(--navy);font-size:14px;letter-spacing:.25em;text-transform:uppercase;font-weight:300;cursor:pointer;transition:all .3s;font-family:var(--sans)}
.btn-load:hover{background:var(--navy);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(27,58,92,.2)}
/* PHOTO GALLERY */
.gallery-sec{background:var(--cloud);overflow:hidden}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-ov{position:absolute;inset:0;background:rgba(11,28,46,.5);opacity:0;transition:opacity .4s;display:flex;align-items:center;justify-content:center}
.gallery-item:hover .gallery-ov{opacity:1}
.gallery-ov i{color:#fff;font-size:1.5rem}
@media(max-width:767px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
/* UPCOMING EVENTS CTA */
/*=========================
   UPCOMING EVENTS - LIGHT GLOSSY
=========================*/
.upcoming-sec{
    position:relative;
    overflow:hidden;
    text-align:center;
    color:var(--navy);
        background:
        radial-gradient(circle at top right,
            rgba(43,142,192,.08) 0%,
            transparent 35%),
        radial-gradient(circle at bottom left,
            rgba(43,142,192,.06) 0%,
            transparent 35%),
        linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
/* glow */
.upcoming-sec::before{
    content:"";
    position:absolute;
    top:-30%;
    right:-10%;
    width:420px;
    height:420px;
    background:
        radial-gradient(circle,
            rgba(43,142,192,.08),
            transparent 70%);
    border-radius:50%;
    pointer-events:none;
}
/* heading */
.up-tag{
    font-size:15px;
    letter-spacing:.5em;
    text-transform:uppercase;
    color:var(--blue);
    font-weight:300;
    margin-bottom:.6rem;
}
.up-h{
 font-size:2.2rem;
    font-weight:300;
    color:var(--navy);
    margin-bottom:1rem;
}
.up-p{
    color:rgba(27,58,92,.65);
    margin-bottom:3rem;
    max-width:540px;
    margin-left:auto;
    margin-right:auto;
    
}
/* cards */
.up-card{
    position:relative;
    overflow:hidden;
        height:100%;
    display:flex;
    flex-direction:column;
    text-align:left;
        padding:2rem;
    border-radius:22px;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.78),
            rgba(255,255,255,.42)
        );
            backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
        border:1px solid rgba(255,255,255,.9);
        box-shadow:
        0 12px 28px rgba(20,40,80,.06),
        inset 0 1px 0 rgba(255,255,255,.95);
            transition:all .35s ease;
}
/* shine */
.up-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:45%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent
    );
    transition:.8s;
}
.up-card:hover{
    transform:translateY(-8px);
        box-shadow:
        0 18px 40px rgba(43,142,192,.12),
        inset 0 1px 0 rgba(255,255,255,.98);
            border-color:rgba(43,142,192,.12);
}
.up-card:hover::before{
    left:130%;
}
/* date block */
.up-card-date{
    display:flex;
    align-items:center;
    gap:.9rem;
    margin-bottom:1.2rem;
}
.up-card-dd{
    width:54px;
    height:54px;
    flex-shrink:0;
        display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
        border-radius:16px;
        background:
        linear-gradient(
            135deg,
            rgba(43,142,192,.95),
            rgba(93,181,222,.9)
        );
            box-shadow:
        0 10px 22px rgba(43,142,192,.18),
        inset 0 1px 0 rgba(255,255,255,.25);
}
.up-card-dd .dd-d{
 font-size:1.15rem;
    color:#fff;
    line-height:1;
}
.up-card-dd .dd-m{
    font-size:12px;
    color:rgba(255,255,255,.85);
    letter-spacing:.15em;
    text-transform:uppercase;
    font-weight:300;
}
/* time */
.up-card-when{
    font-size:15px;
    color:rgba(27,58,92,.55);
    line-height:1.5;
}
.up-card-when strong{
    display:block;
    font-size:16px;
    color:var(--navy);
}
/* title */
.up-card h4{
 font-size:1.1rem;
    font-weight:300;
    color:var(--navy);
    margin-bottom:.55rem;
    flex-grow:1;
}
/* text */
.up-card p{
    color:rgba(27,58,92,.65);
    margin-bottom:1.3rem;
}
/* button */
.btn-rsvp-sm{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
        padding:.7rem 1.3rem;
    border-radius:14px;
        text-decoration:none;
    cursor:pointer;
    align-self:flex-start;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.72),
            rgba(255,255,255,.42)
        );
            backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
        border:1px solid rgba(255,255,255,.85);
        color:var(--blue);
        font-size:.58rem;
    letter-spacing:.18em;
    text-transform:uppercase;
    font-weight:300;
        box-shadow:
        0 8px 18px rgba(20,40,80,.05);
            transition:.35s;
}
.btn-rsvp-sm:hover{
    background:
        linear-gradient(
            135deg,
            var(--blue),
            var(--blue-light)
        );
            color:#fff !important;
    transform:translateY(-2px);
        box-shadow:
        0 12px 24px rgba(43,142,192,.18);
}
/* mobile */
@media(max-width:768px){
    .up-h{
        font-size:1.8rem;
    }
        .up-card{
        padding:1.6rem;
        border-radius:18px;
    }
}
/* NEWSLETTER */ 
.news-sec{text-align:center;position:relative;overflow:hidden}
.news-sec::before{content:'';position:absolute;top:-50%;left:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);}
.nl-inner{position:relative;z-index:1;max-width:550px;margin:0 auto}
.nl-tag{font-size:.7rem;letter-spacing:.55em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:300;margin-bottom:.6rem}
.nl-title{ font-size:2rem;color:#fff;margin-bottom:.8rem;font-weight:300;}
.nl-sub{font-size:18px;color:rgba(255,255,255,.7);margin-bottom:2rem;line-height:1.7}
.nl-form{display:flex;gap:.5rem;max-width:480px;margin:0 auto; border:1px solid #ccc;}
.nl-input{flex:1;padding:1rem 1.3rem;border:none;font-family:var(--sans);font-size:.78rem;color:var(--navy);outline:none}
.nl-input::placeholder{color:var(--text-light)}
.nl-btn{padding:1rem 1.8rem;background:var(--navy-deep);color:#fff;border:none;font-family:var(--sans);font-size:14px;letter-spacing:.22em;text-transform:uppercase;font-weight:300;cursor:pointer;transition:all .3s;white-space:nowrap}
.nl-btn:hover{background:var(--navy-dark);transform:translateY(-1px)}
@media(max-width:991px){
  .hero-h{font-size:2.5rem}
  .feat-img{min-height:300px}
  .feat-info{padding:2rem}
  .fi-title{font-size:1.5rem}
  .filter-bar{position:static}
}
@media(max-width:767px){
  .hero-h{font-size:2rem}
  .sec-title{font-size:1.8rem}
  .fi-title{font-size:1.3rem}
  .nl-form{flex-direction:column}
}/* CTA */
.cta-sec{background:#ffff;text-align:center;color:#333;position:relative;overflow:hidden}
.cta-sec::before{content:'';position:absolute;top:-40%;right:-15%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);}
.cta-inner{position:relative;z-index:1}
.cta-h{ font-size:2.4rem;color:#333;margin-bottom:.8rem;font-weight:300;}
.cta-h em{font-style:italic}
.cta-p{font-size:15pxm;color:rgba(0,0,0,.7);margin-bottom:2.5rem}
.btn-cta-wh, .btn-cta{display:inline-flex;align-items:center;
  gap:.6rem;padding:1rem 3rem;background:var(--blue);color:#fff !important;
  font-size:14px;letter-spacing:.22em;
  text-transform:uppercase;text-decoration:none;font-weight:300;
  transition:all .3s;box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
  box-shadow:0 8px 25px rgba(43,142,192,.2)}
.btn-cta-wh:hover, .btn-cta:hover{background:var(--navy);color:#fff !important;transform:translateY(-2px)}
/*-----------career----*/
/* WHY JOIN */
.why-sec{padding:6rem 0;background:#f0f4f8;}
.why-card{text-align:center;padding:2.5rem 1.5rem;background:#FFFFFF;border:1px solid rgba(27,58,92,.06);transition:all .5s;height:100%;position:relative;overflow:hidden}
.why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#2B8EC0;transform:scaleX(0);transition:transform .4s;transform-origin:center}
.why-card:hover{box-shadow:0 15px 50px rgba(0,0,0,.06);transform:translateY(-5px);border-color:rgba(43,142,192,.12)}
.why-card:hover::before{transform:scaleX(1)}
.why-icon{width:60px;height:60px;background:#E3F2FA;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;transition:all .3s}
.why-icon i{font-size:1.5rem;color:#2B8EC0;transition:color .3s}
.why-card:hover .why-icon{background:#2B8EC0}
.why-card:hover .why-icon i{color:#fff}
.why-card h4{font-size:1.1rem;color:#1B3A5C;margin-bottom:.6rem;font-weight:300;}
.why-card p{font-size:15px;color:#2C2C2C;line-height:1.9;}
/* VALUES */
.values-sec{background:#FFFFFF}
.val-item{display:flex;align-items:flex-start;gap:1.2rem;padding:1.5rem;transition:all .3s;height:100%}
.val-item:hover{background:#F4F9FC}
.val-num{font-size:2rem;color:rgba(43,142,192,.12);line-height:1;font-weight:300;flex-shrink:0}
.val-item h5{font-size:1.4rem;color:#1B3A5C;margin-bottom:.3rem;font-weight:300}
.val-item p{font-size:15px;color:#2C2C2C;;margin:0}
/* LIFE AT GB */
.life-sec{background:#F0F4F8;overflow:hidden}
.life-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,200px);gap:.5rem}
.life-item{position:relative;overflow:hidden;cursor:pointer}
.life-item:first-child{grid-row:span 2}
.life-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.life-item:hover img{transform:scale(1.08)}
.life-ov{position:absolute;inset:0;background:rgba(11,28,46,.4);opacity:0;transition:opacity .3s;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.3rem}
.life-item:hover .life-ov{opacity:1}
.life-ov i{color:#fff;font-size:1.2rem}
.life-ov span{color:#fff;font-size:14px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}
@media(max-width:767px){.life-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.life-item:first-child{grid-row:auto}}
/* OPENINGS */
.openings-sec{padding:6rem 0;background:#f0f4f8;}
.search-jobs{position:relative;max-width:500px}
.search-jobs input{width:100%;padding:.9rem 1.2rem .9rem 3rem;border:1px solid #E4E8EC;font-size:.8rem;color:#1B3A5C;outline:none;transition:all .3s;background:#FFFFFF}
.search-jobs input:focus{border-color:#2B8EC0;box-shadow:0 0 0 4px rgba(43,142,192,.08)}
.search-jobs .si{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:#9A9A9A;font-size:1rem}
.dept-filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:2rem}
.df{padding:.5rem 1.2rem;border:1px solid #E4E8EC;background:#FFFFFF;color:#2C2C2C;
  font-size:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-weight:300;
  transition:all .3s}
.df.on,.df:hover{background:#2B8EC0;color:#fff;border-color:#2B8EC0}
.job-card{background:#FFFFFF;border:1px solid rgba(27,58,92,.06);padding:2rem;transition:all .4s;margin-bottom:1rem}
.job-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.06);transform:translateY(-3px);border-color:rgba(43,142,192,.1)}
.job-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.job-title{font-size:1.25rem;color:#1B3A5C;font-weight:300;}
.job-dept{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;background:#E3F2FA;font-size:14px;color:#1B3A5C;font-weight:300;letter-spacing:.08em;text-transform:uppercase;margin-top:.4rem}
.job-meta{display:flex;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}
.jm{display:flex;align-items:center;gap:.4rem;font-size:14px;color:#2C2C2C}
.jm i{color:#2B8EC0;font-size:.8rem}
.job-desc{font-size:15px;color:#2C2C2C;line-height:1.9;margin-top:1rem;}
.job-tags{display:flex;gap:.4rem;margin-top:1.2rem;flex-wrap:wrap}
.job-tag{padding:.25rem .7rem;background:#F0F4F8;font-size:14px;color:#9A9A9A;font-weight:300;letter-spacing:.05em}
.job-actions{display:flex;gap:.6rem;margin-top:1.5rem;flex-wrap:wrap}
.btn-apply{padding:.7rem 2rem;background:#2B8EC0;color:#fff;border:none;font-size:14px;letter-spacing:.2em;text-transform:uppercase;font-weight:300;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px rgba(43,142,192,.2);display:inline-flex;align-items:center;gap:.5rem}
.btn-apply:hover{background:#1B3A5C;transform:translateY(-1px)}
.btn-save{padding:.7rem 1.5rem;background:#FFFFFF;color:#1B3A5C;border:1px solid #E4E8EC;font-size:14px;letter-spacing:.15em;text-transform:uppercase;font-weight:300;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;gap:.4rem}
.btn-save:hover{border-color:#2B8EC0;color:#2B8EC0}
.no-jobs{text-align:center;padding:4rem 2rem;color:#9A9A9A;display:none}
.no-jobs i{font-size:3rem;color:#E4E8EC;margin-bottom:1rem;display:block}
.no-jobs h4{color:#1B3A5C;}
.job-count{font-size:.8rem;color:#9A9A9A;margin-bottom:1.5rem}
.job-count strong{color:#1B3A5C}
/* PROCESS */
/* section */
.process-sec{
    background:#fff;
}
/* card */
.proc-step{
    position:relative;
    text-align:center;
        padding:2.5rem 1.5rem 2rem;
        background:#fff;
        border-top:2px solid rgba(43,142,192,.15);
        box-shadow:
        0 12px 28px rgba(20,40,60,.06);
            transition:.4s ease;
            height:100%;
}
/* floating number */
.proc-num{
    position:absolute;
    top:-28px;
    left:50%;
    transform:translateX(-50%);
        font-size:1rem;
    font-weight:300;
    letter-spacing:.12em;
        color:#fff;
        width:56px;
    height:56px;
        display:flex;
    align-items:center;
    justify-content:center;
        border-radius:50%;
        background:
        linear-gradient(
            135deg,
            var(--blue),
            #63b9df
        );
            box-shadow:
        0 10px 22px rgba(43,142,192,.22);
}
/* title */
.proc-step h5{
    margin-top:1rem;
    margin-bottom:.7rem;
        font-size:18px;
    font-weight:300;
        color:var(--navy);
}
/* text */
.proc-step p{
    margin:0;
        font-size:14px;
    line-height:1.7;
        color:var(--text-body);
}
/* hover */
.proc-step:hover{
    transform:translateY(-8px);
        box-shadow:
        0 20px 40px rgba(43,142,192,.12);
            border-top-color:var(--blue);
}
.proc-step:hover .proc-num{
    transform:
        translateX(-50%)
        scale(1.08);
}
/* mobile */
@media(max-width:991px){
    .proc-step{
        padding:2rem 1rem 1.5rem;
    }
        .proc-num{
        width:50px;
        height:50px;
        top:-24px;
    }
}
@media(max-width:767px){.proc-step::after,.proc-step::before{display:none}}
/* TESTIMONIALS */
.test-sec{text-align:center}
.test-card{border:1px solid rgba(93,181,222,.1);padding:2.5rem 2rem;background:rgba(43,142,192,.03);transition:all .4s;height:100%;text-align:left}
.test-card:hover{border-color:rgba(93,181,222,.25);background:rgba(43,142,192,.07);transform:translateY(-4px)}
.test-quote{font-size:15px;line-height:1.9;font-style:italic;margin-bottom:1.5rem;position:relative;padding-left:1.5rem;border-left:3px solid rgba(93,181,222,.2)}
.test-author{display:flex;align-items:center;gap:.8rem}
.test-avatar{width:42px;height:42px;background:#2B8EC0;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;font-weight:300;flex-shrink:0}
.test-name{font-size:15px;font-weight:300}
.test-role{font-size:14px;margin-top:.1rem}
/*---portfolio----*/
/* UTILS */
.sec-tag{font-size:.55rem; text-transform:uppercase;color:var(--blue);font-weight:300;margin-bottom:.6rem;display:block}
.sec-title{ font-size:2.4rem;color:var(--navy);font-weight:300;}
/* STATS */
.stats-sec{background:var(--white);padding:3rem 0;border-bottom:1px solid var(--smoke)}
.stat-box{text-align:center;padding:1.5rem;position:relative}
.stat-box::after{content:'';position:absolute;right:0;top:20%;height:60%;width:1px;background:var(--smoke)}
.stat-box:last-child::after{display:none}
.stat-val{ font-size:3rem;color:var(--blue);font-weight:300;line-height:1}
.stat-lbl{font-size:15px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-light);margin-top:.4rem}
/* FILTERS */
.filter-sec{background:var(--off); border-bottom:1px solid rgba(27,58,92,.06);
  position:static;top:72px;z-index:100}
.fb{padding:.6rem 1.5rem;border:1px solid var(--smoke);background:var(--white);color:var(--text-body);font-family:var(--sans);font-size:14px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;font-weight:300;transition:all .3s;margin:.15rem}
.fb.on,.fb:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
/* PROJECT CARDS */
.projects-sec{background:var(--off)}
.proj-card{background:var(--white);overflow:hidden;border:1px solid rgba(27,58,92,.06);
  box-shadow:0 8px 40px rgba(0,0,0,.05);margin-bottom:20px;transition:box-shadow .5s}
.proj-card:hover{box-shadow:0 20px 60px rgba(0,0,0,.08)}
/* Image with clip-path reveal */
.pc-img-wrap{position:relative;overflow:hidden;min-height:480px;height:100%}
.pc-img-wrap img{width:100%;height:100%;object-fit:cover;will-change:transform;transition:transform .8s}
.proj-card:hover .pc-img-wrap img{transform:scale(1.04)}
.pc-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(11,28,46,.25));pointer-events:none}
.pc-badge{position:absolute;top:1.5rem;left:1.5rem;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;font-size:.55rem;letter-spacing:.15em;text-transform:uppercase;font-weight:300;backdrop-filter:blur(12px);z-index:2;box-shadow:0 4px 15px rgba(0,0,0,.1)}
.badge-ongoing{background:rgba(56,161,105,.92);color:#fff}
.badge-ongoing::before{content:'';width:6px;height:6px;background:#fff;animation:pulseDot 2s ease infinite}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.badge-upcoming{background:rgba(43,142,192,.92);color:#fff}
.badge-upcoming::before{content:'';width:6px;height:6px;background:#fff}
/* Gallery thumbnails inside image */
.pc-thumbs{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;gap:5px;z-index:2}
.pc-thumb{flex:1;height:65px;overflow:hidden;border:2px solid rgba(255,255,255,.4);opacity:.75;cursor:pointer;transition:all .3s}
.pc-thumb:hover{opacity:1;border-color:#fff;transform:translateY(-3px)}
.pc-thumb img{width:100%;height:100%;object-fit:cover}
/* Project info */
.pc-info{padding:3rem; flex-direction:column;justify-content:center}
.pci-tag{display:flex;align-items:center;gap:.6rem;font-size:.52rem;letter-spacing:.4em;text-transform:uppercase;color:var(--blue);font-weight:300;margin-bottom:1rem}
.pci-tag i{font-size:.7rem}
.pci-name{ font-size:2.8rem;color:var(--navy);line-height:1.08;margin-bottom:.3rem;font-weight:300;}
.pci-loc{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-light);margin-bottom:1.5rem;display:flex;align-items:center;gap:.4rem}
.pci-loc i{color:var(--blue);font-size:15px}
.pci-desc{font-size:15px;line-height:2;color:var(--text-body);font-weight:300;margin-bottom:2rem}
/* Spec cards with counter animation */
/* SPEC GLASS CARD */
.spec{
    position: relative;
    background: rgba(245,250,255,.65);
        padding: 1.2rem 1.4rem;
        border: 1px solid rgba(160,190,220,.28);
        backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
        box-shadow:
        0 8px 28px rgba(20,40,60,.08),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(255,255,255,.4);
            overflow: hidden;
            transition: all .45s ease;
}
/* glossy reflection */
.spec::before{
    content: "";
    position: absolute;
    inset: 0;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.85) 0%,
            rgba(255,255,255,.2) 40%,
            rgba(230,245,255,.06) 100%
        );
        }
        /* shine animation */
.spec::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:45%;
    height:100%;
        background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.8),
            transparent
        );
            transition:.8s ease;
}
/* hover */
.spec:hover{
    transform: translateY(-5px);
        background: rgba(248,252,255,.82);
        border-color: rgba(120,170,210,.35);
        box-shadow:
        0 18px 40px rgba(20,40,60,.12),
        inset 0 1px 0 rgba(255,255,255,1);
}
.spec:hover::after{
    left:140%;
}
/* text */
.spec small{
    font-size: 16px;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--text-light);
    display: block;
    font-weight: 300;
    position: relative;
    z-index: 2;
}
.spec strong{
    font-family: var(--font-sans);
    font-size: 18px;
    color: var(--navy);
    display: block;
    margin-top: .3rem;
    font-weight: 300;
    position: relative;
    z-index: 2;
}
/* RERA */
/* RERA GLASS BOX */
.pci-rera{
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
        padding: 1.2rem 1.4rem;
    margin-bottom: 2rem;
        background: rgba(245,250,255,.68);
        border: 1px solid rgba(160,190,220,.28);
        backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
        box-shadow:
        0 8px 28px rgba(20,40,60,.08),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(255,255,255,.35);
            overflow: hidden;
    transition: all .45s ease;
}
/* glossy layer */
.pci-rera::before{
    content: "";
    position: absolute;
    inset: 0;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.88) 0%,
            rgba(255,255,255,.2) 45%,
            rgba(230,245,255,.05) 100%
        );
            pointer-events: none;
}
/* moving shine */
.pci-rera::after{
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 45%;
    height: 100%;
        background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.85),
            transparent
        );
            transition: .8s ease;
}
/* hover */
.pci-rera:hover{
    transform: translateY(-4px);
        background: rgba(248,252,255,.84);
        border-color: rgba(120,170,210,.35);
        box-shadow:
        0 18px 38px rgba(20,40,60,.12),
        inset 0 1px 0 rgba(255,255,255,1);
}
.pci-rera:hover::after{
    left: 140%;
}
/* icon glass */
.pci-rera-icon{
    width: 38px;
    height: 38px;
        display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
        background: rgba(43,142,192,.18);
        border: 1px solid rgba(255,255,255,.55);
        backdrop-filter: blur(10px);
        box-shadow:
        inset 0 1px 0 rgba(255,255,255,.8),
        0 6px 18px rgba(43,142,192,.12);
}
.pci-rera-icon i{
    color: var(--blue);
    font-size: 1rem;
}
/* text */
.pci-rera-text{
    font-size: 16px;
    color: var(--text-body);
    line-height: 1.4;
    position: relative;
    z-index: 2;
}
.pci-rera-text strong{
    color: var(--navy);
    display: block;
    font-size: 13px;
    margin-bottom: .15rem;
}
.btn-project{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2.5rem;background:var(--blue);color:#fff;font-size:14px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;font-weight:300;transition:all .4s;box-shadow:0 8px 25px rgba(43,142,192,.2);align-self:flex-start;border:none;cursor:pointer;position:relative;overflow:hidden}
.btn-project::before{content:'';position:absolute;inset:0;background:var(--navy);transform:translateX(-101%);transition:transform .4s cubic-bezier(.4,0,.2,1)}
.btn-project:hover::before{transform:translateX(0)}
.btn-project span,.btn-project i{position:relative;z-index:1}
.btn-project:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 35px rgba(27,58,92,.25)}
/* AMENITIES */
.amenities-sec{padding:4rem 0;background:var(--white);border-top:1px solid var(--smoke);border-bottom:1px solid var(--smoke)}
.am-card{text-align:center;padding:1.5rem 1rem;transition:all .3s;cursor:default}
.am-card:hover{background:var(--blue-ghost);transform:translateY(-3px)}
.am-icon{
    position: relative;
        width:56px;
    height:56px;
        display:flex;
    align-items:center;
    justify-content:center;
        margin:0 auto .8rem;
        background: var(--blue-pale);
        border:1px solid rgba(255,255,255,.85);
        box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -8px 16px rgba(43,142,192,.05),
        0 10px 22px rgba(43,142,192,.10);
            overflow:hidden;
            transition:all .35s ease;
}
/* premium glossy highlight */
.am-icon::before{
    content:"";
    position:absolute;
    inset:0;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.55) 0%,
            rgba(255,255,255,.18) 38%,
            transparent 100%
        );
            pointer-events:none;
}
/* subtle shine */
.am-icon::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
        background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.45),
            transparent
        );
            transition:.65s ease;
}
.am-icon i{
    font-size:1.3rem;
    color:var(--blue);
        position:relative;
    z-index:2;
        transition:all .35s ease;
}
/* hover */
.am-card:hover .am-icon{
    background: var(--blue-pale);
        transform: translateY(-4px);
        box-shadow:
        inset 0 1px 0 rgba(255,255,255,1),
        inset 0 -10px 20px rgba(43,142,192,.08),
        0 14px 28px rgba(43,142,192,.16);
}
.am-card:hover .am-icon::after{
    left:140%;
}
.am-card:hover .am-icon i{
    color: var(--blue);
    transform: scale(1.08);
}
.am-label{font-size:15px; margin-top:20px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);font-weight:300}
/* COMPARISON BAR */
.compare-sec{background:var(--cloud)}
.compare-table{background:var(--white);overflow:hidden;border:1px solid rgba(27,58,92,.06);box-shadow:0 8px 40px rgba(0,0,0,.05)}
.ct-header{background:var(--navy-deep);color:#fff;padding:1.5rem 2rem}
.ct-header h4{ font-size:1.1rem;font-weight:300;margin:0}
.ct-row{display:flex;border-bottom:1px solid var(--smoke);transition:background .2s}
.ct-row:last-child{border-bottom:none}
.ct-row:hover{background:var(--blue-ghost)}
.ct-label{flex:0 0 30%;padding:1rem 2rem;font-size:13px;color:var(--text-light);font-weight:300;border-right:1px solid var(--smoke);display:flex;align-items:center;gap:.5rem}
.ct-label i{color:var(--blue);font-size:.85rem}
.ct-val{flex:1;padding:1rem 2rem;font-size:.78rem;color:var(--navy);font-weight:300;text-align:center;display:flex;align-items:center;justify-content:center}
.ct-val+.ct-val{border-left:1px solid var(--smoke)}
@media(max-width:991px){.hero-h{font-size:2.8rem}
  .pc-img-wrap{min-height:350px}
  .pc-info{padding:2rem}
  .pci-name{font-size:2rem}
  .filter-sec{position:static}
  .stat-box::after{display:none}}
@media(max-width:767px){
  .hero-h{font-size:2.2rem}
  .hero{height:55vh}
  .pc-thumbs{display:none}
  .ct-label{flex:0 0 35%}
  .ct-val{font-size:.65rem}}
    /*----group vertical page ---------*/
  .timeline-section{ background:#fff !important;position:relative;overflow:hidden;}
  .timeline-section::before{
  content:"";
  position:absolute;
  width:500px;height:500px;
  background:radial-gradient(circle,#00294c33,transparent);
  top:-150px;left:-150px;filter:blur(100px);
}
/*.swiper{padding:60px 0 100px;}*/
.timeline-card{text-align:center;opacity:.4;transform:scale(.55);transition:.5s;}
.swiper-slide-active .timeline-card{opacity:1;transform:scale(1);}
.timeline-year{font-size:70px;color:#0190cc;}
.swiper-slide-active .timeline-year{color:#00294c;}
.timeline-img{max-width:300px; width:100%;height:160px; margin:5px auto; transition:.4s; } 
.timeline-card:hover .timeline-img{transform:scale(1.1);} 
.timeline-section .swiper-button-next:after, .timeline-section .swiper-button-prev:after { color:#333; }
/* line bar */
.line-bar{width:100%; max-width:700px;height:3px;background:#0692cb;margin:40px auto;position:relative;border-radius:10px;}
.progress-fill{height:100%;width:0;background:#00294c;border-radius:10px;transition:.4s;}
.dots{position:absolute;top:-7px;left:0;width:100%;display:flex;justify-content:space-between;}
.dot{width:18px;height:18px;background:#0692cb;border-radius:50%;cursor:pointer;transition:.3s;}
.dot.active{background:#00294c;transform:scale(1.4);box-shadow:0 0 12px #00294c66;}
.year-labels{display:flex;justify-content:space-between;width:100%; max-width:700px;margin:10px auto 0;font-size:15px;font-weight:300;color:#333;}
.swiper-button-next,.swiper-button-prev{color:#b49767;}.family {
  background: #fff;
}/* Card */

.fam-item { text-align:center; text-align: center; height:100px}
.fam-item img {
    max-width: 80%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: 0.2s all ease-out;
    transition: 0.2s all ease-out; margin: 20px !important;
}
.fam-item img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: 0.2s all ease-in;
    transition: 0.2s all ease-in;
}
  /* ═══ OPTAS GROUP - LIGHT THEME ═══ */
.optas {
  padding: 6rem 2rem;
  background: #fff !important;
  color: #0a2540;
  text-align: center;
}
/* Header */
.optas-tag {
  font-size: 10px;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: #0691cb;
  font-weight: 300;
  margin-bottom: 15px;
}
.optas-title {
  font-size: 42px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #0a2540;
}
.optas-desc {
  font-size: 16px;
  color: #5d6b78;
  max-width: 700px;
  margin: 0 auto 50px;
}
/* Grid */
.optas-locs {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  max-width: 1000px;
  margin: 0 auto;
}
/* Card */
.optas-loc {
  border: 1px solid rgba(6,145,203,0.12);
  padding: 30px 15px;
  background: #ffffff;
  border-radius: 14px;
  transition: all .4s ease;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(10,37,64,.04);
}
/* top line */
.optas-loc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg,#0691cb,#c9a84c);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .4s ease;
}
.optas-loc:hover {
  transform: translateY(-8px);
  border-color: rgba(6,145,203,.25);
  box-shadow: 0 16px 40px rgba(10,37,64,.08);
}
.optas-loc:hover::before {
  transform: scaleX(1);
}
/* Content */
.optas-loc-flag {
  font-size: 26px;
  margin-bottom: 10px;
}
.optas-loc h4 {
  font-size: 20px;
  color: #0691cb;
  margin-bottom: 8px;
  font-weight: 300;
}
.optas-loc p {
  font-size: 15px;
  line-height: 1.6;
}
/* Brand */
.optas-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 50px;
  padding-top: 30px;
  border-top: 1px solid rgba(10,37,64,.08);
}
.optas-brand span {
  font-size: .66rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #7b8792;
}
.optas-brand img {
  height: 38px;
  max-width: 100%;
}
/* RESPONSIVE */
@media (max-width: 992px) {
  .optas-locs {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 576px) {
  .spacer {padding-top: 70px;padding-bottom: 70px;}
.spacer-top {padding-top: 70px;}
.spacer-bottom {padding-bottom: 70px;}
  .optas {
    padding: 4rem 1rem;
  }
    .optas-title {
    font-size: 30px;
  }
    .optas-locs {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
    .optas-loc {
    padding: 22px 12px;
  }
}
/* CTA */
.cta-sec{background:var(--off);text-align:center}
.btn-cta{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
        padding: 16px 42px;
    text-decoration: none;
        font-size: 16px;
    font-weight: 300;
    letter-spacing: .22em;
    text-transform: uppercase;
        color: #0f2d3f !important;
        /* visible glass on white */
    background: rgba(245, 250, 255, 0.65);
        border: 1px solid rgba(160, 190, 220, 0.35);
        backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
        box-shadow:
        0 10px 35px rgba(20,40,60,.08),
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(255,255,255,.45);
            overflow: hidden;
    transition: all .45s ease;
}
/* glossy top reflection */
.btn-cta::before{
    content: "";
    position: absolute;
    inset: 0;
        background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.9) 0%,
            rgba(255,255,255,.25) 40%,
            rgba(230,245,255,.08) 100%
        );
            pointer-events: none;
}
/* moving shine */
.btn-cta::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:50%;
    height:100%;
        background:
        linear-gradient(
            120deg,
            transparent,
            rgba(255,255,255,.95),
            transparent
        );
            transition:.8s ease;
}
/* hover */
.btn-cta:hover{
    transform: translateY(-4px);
        background: rgba(245,250,255,.82);
        border-color: rgba(120,170,210,.45);
        box-shadow:
        0 18px 40px rgba(20,40,60,.12),
        inset 0 1px 0 rgba(255,255,255,1);
}
.btn-cta:hover::after{
    left:140%;
}
.luxury-btn{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:14px; margin:30px  auto;
    padding:14px 32px;
    font-size:15px;
    font-weight:300;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    border:1px solid rgba(255,255,255,.6);
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    overflow:hidden;
    transition:all .35s ease;
    z-index:2;
}
/* shine effect */
.luxury-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.25),
        transparent
    );
    transition:.6s;
    z-index:-1;
}
.btn-arrow{
    font-size:18px;
    transition:.35s ease;
}
/* hover */
.btn-cta:hover{
    color:#fff;
    background:var(--navy);
    border-color:var(--navy);
    transform:translateY(-3px);
    box-shadow:
        0 12px 30px rgba(0,0,0,.18);
}
.btn-cta:hover::before{
    left:100%;
}
.btn-cta:hover .btn-arrow{
    transform:translateX(6px);
}
/* active click */
.btn-cta:active{
    transform:translateY(0);
}
.oc-highlight{background:linear-gradient(135deg,rgba(201,168,76,.06),rgba(201,168,76,.02));border-left:3px solid var(--gold);padding:1.5rem 2rem;margin:2rem 0}
.oc-highlight p{font-family:var(--serif);font-size:1rem;color:var(--navy);line-height:1.7;font-style:italic}
.oc-stats{display:flex;gap:1rem;margin-top:2.5rem}
.oc-stat{padding:1.2rem 0.5rem;background:var(--cream);border:1px solid var(--border);text-align:center;flex:1;transition:all .3s}
.oc-stat:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:rgba(201,168,76,.15)}
.oc-stat-v{font-family:var(--serif);font-size:1.8rem;color:var(--navy)}
.oc-stat-l{font-size:14px;color:var(--text-light); text-transform:uppercase;margin-top:.2rem}
    /* --- 3. Vision & Mission (Luxury Glass) --- */
    .bg-light {
  background-color: #f8f4ee !important;
}
/* Typography */
.val-tag {
  font-size: 10px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #00294c;
  font-weight: 300;
  margin-bottom: 10px;
}
.val-title {
  font-size: 40px;
  font-weight: 300;
  color: #0a2540;
}
.val-sub {
  color: #666;
  max-width: 1000px;
  margin: 15px auto 0;
}
/* Card */
.val-card {
  background: #fff;
  padding: 40px 30px;
  border: 1px solid #eee;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
}
.val-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background: linear-gradient(90deg, #0191cd, #00294c);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.val-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
.val-card:hover::before {
  transform: scaleX(1);
}
.val-n {
  font-size: 48px;
  color: rgba(1,144,204,0.1);
  margin-bottom: 10px;
}
.val-card h4 {
   font-family: var(--default-font-family);
     margin-bottom: 15px;
  color: #0a2540;
}
.val-card p {
 
  color: #666;
}
/* -- Scroll Animation */
/* Initial hidden state */
.animate-up {
  /*opacity: 0;*/
  transform: translateY(50px);
  transition: all 0.8s ease;
}
/* When visible */
.animate-up.show {
  opacity: 1;
  transform: translateY(0);
}
/* Delay for stagger */
.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }
.delay-2 { transition-delay: 0.4s; }
/* Keyframes */
@keyframes fadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
    .bg-watermark {
        position: absolute; right: 0%; top: 10%; font-size: 30rem;
         color: rgba(0, 41, 76, 0.03); z-index: 0;
    }
    .vm-card {
        background: #fff; padding: 50px; margin-bottom: 30px;
        border-bottom: 4px solid transparent; transition: var(--transition);
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }
    .vm-card:hover { transform: translateY(-10px); border-bottom-color: var(--navy-light); }
    .vm-card h3 {  color: var(--navy-light); font-size: 1.5rem; }
        .promise-card {
        background: #00294c; padding: 80px 60px; color: white;
        position: relative; overflow: hidden;
    }
    .promise-card::before {
        content: ""; position: absolute; top: 0; right: 0;
        width: 150px; height: 150px; background: var(--navy-light);
        clip-path: polygon(100% 0, 0 0, 100% 100%); opacity: 0.2;
    }
        /* --- 4. Philosophy (Architectural) --- */
    .philosophy-section { padding: 100px 0;     background: var(--off-white); }
    .phil-image-wrapper {
        position: relative; width: 100%; height: 700px;
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    }
    .phil-image-wrapper img { width: 100%; height: 100%; object-fit: cover; }
    .stability-label {
        position: absolute; top: 50%; left: -30px; transform: rotate(-90deg);
        background: #00294c; color: #fff; padding: 15px 40px;
        letter-spacing: 5px; font-size: 0.8rem;
    }
        /* --- 5. Leadership (Editorial Style) --- */
    .leadership-section {  background: #fff; }
    .leader-img-box {
        position: relative; padding: 20px;
    }
    .leader-img-box:after {
        content: ""; position: absolute; top: 0; left: 0; width: 80%; height: 80%;
        border: 2px solid var(--navy-light); z-index: -1;
    }
    .leader-img-box img { width: 100%; filter: grayscale(100%); transition: var(--transition); }
    .swiper-slide-active .leader-img-box img { filter: grayscale(0%); }
    .quote-icon { font-size: 180px; color: rgba(0, 144, 204, 0.1); position: absolute; top: -50px; left: -20px; }
        .leadership-section .nav-btn {
        width: 60px; height: 60px; border: 1px solid #ddd;
        display: inline-flex; align-items: center; justify-content: center;
        margin-right: 15px; transition: var(--transition); cursor: pointer;
    }
    .leadership-section .nav-btn:hover { background: #00294c; color: #fff; border-color: #00294c; }
        @media (max-width: 991px) {
        .about-title { font-size: 2.5rem; }
        .phil-image-wrapper { clip-path: none; height: 400px; }
        .bg-watermark { display: none; }
    }
    .page-link {color: #2988b8;}
    
.team-section {
  position: relative; 
}
 am-section .as-team-1-member-ani {
  overflow: hidden;
}
.team-section .as-team-1-member-ani .as-team-1-member {
  position: relative;
  overflow: hidden;
}
.team-section .as-team-1-member-ani .as-team-1-member .team-content {
  background-color: #fff;
  padding: 24px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: -50px;
  right: 5px;
  left: 5px;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
}
.filter-btn1:hover, .filter-btn:hover, .filter-btn.on {     color: #fff !important; }
@media (max-width: 1199px) {
  .team-section .as-team-1-member-ani .as-team-1-member .team-content {
    padding: 20px 17px;
    flex-wrap: wrap;
    gap: 8px;
  }
}
.team-section .as-team-1-member-ani .as-team-1-member .team-content .content .title a {
  letter-spacing: -0.05em;
  font-size: 20px;  color: #111;
}
@media (max-width: 1399px) {
  .team-section .as-team-1-member-ani .as-team-1-member .team-content .content .title {
    font-size: 20px;
  }
}
.team-section .as-team-1-member-ani .as-team-1-member .team-content .content .title a:hover {
  color: #111;
}
.team-section .as-team-1-member-ani .as-team-1-member .team-content .content p {
  font-size: 16px;color: #0090cc;
}
.team-section .as-team-1-member-ani .as-team-1-member .team-content .social-icon {
  display: flex;
  align-items: center;
  gap: 3px;
}
.team-section .as-team-1-member-ani .as-team-1-member .team-content .social-icon .icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background:#111;
  color: #fff;
  text-align: center;
  font-size: 12px;
  transition: all 0.4s ease-in-out;
}
.team-section .as-team-1-member-ani .as-team-1-member .team-content .social-icon .text {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  background: #111;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
  transition: all 0.4s ease-in-out;
}
.team-section .as-team-1-member-ani .as-team-1-member .team-content .social-icon:hover .icon, .team-section .as-team-1-member-ani .as-team-1-member .team-content .social-icon:hover .text {
  background: #0090cc;
}
.team-section .as-team-1-member-ani .as-team-1-member::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
  pointer-events: none;
}
.team-section .as-team-1-member-ani .as-team-1-member img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  object-fit: cover;
  transition: all 1s;
}
.team-section .as-team-1-member-ani:hover .as-team-1-member::after {
  height: 250%;
  transition: all 600ms linear;
  background-color: transparent;
}
.team-section .as-team-1-member-ani:hover .as-team-1-member img {
  transform: scale(1.2);
}
.team-section .as-team-1-member-ani:hover .as-team-1-member .team-content {
  opacity: 1;
  visibility: visible;
  bottom: 5px;
}
.team-section .team-bottom {
  background-color: #fff;
  border-radius: 100px;
  padding: 2px 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 790px;
  margin: 90px auto 0px;
  text-align: center;
  position: relative;
  z-index: 99;
}
@media (max-width: 1199px) {
  .team-section .team-bottom {
    padding: 2px 20px;
    border-radius: 10px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 35px;
  }
}
.team-section .team-bottom p {
  color: #111;
}
.team-section .team-bottom .call-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.team-section .team-bottom .call-info .number {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #111;
}
.team-section .team-line {
  width: 100%;
  height: 1px;
  display: inline-block;
  background: rgba(17, 17, 17, 0.1);
  position: absolute;
  bottom: 118px;
  left: 0;
  right: 0;
}






.about-luxury-section{
   

    overflow:hidden;
}

.about-container{
    max-width:1280px;
    margin:auto; padding-left:15px; padding-right:15px;
    text-align:center;
}

.about-label{
    color:var(--color-gold-beige);
    font-size:14px;
    letter-spacing:4px;
    display:block;
    margin-bottom:15px;
}

.about-heading-wrap h2{
    font-size:48px;
    font-weight:300;
    color:var(--color-black-chocolate);
    
    margin:0;
}

.about-content{
    max-width:900px;
    margin:40px auto 70px;
}

.about-content p{ 
    color:#534a3d;
}

.about-stats-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:28px;
}

/*.about-stat-box{
    background:rgba(255,255,255,.6);
    border:1px solid rgba(158,140,112,.22);
    border-radius:16px;
    padding:40px 20px;
    transition:.45s;
}
*/
/*.about-stat-box:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}.about-stat-box{
    position:relative;
    padding:20px 25px;
    text-align:center;
}

/* Desktop Divider */

.about-stat-box:not(:last-child)::before{
    content:"";
    position:absolute;
    top:5%;
    right:0;
    width:1px;
    height:90%;
    background:rgba(0,144,204,.25);
}

.about-stat-box h3{
    font-size:52px;
    margin:0 0 10px;
    color:#0090cc;
}

.about-stat-box span{
    font-size:17px;
    color:#5f5445;
}
/* scroll animation */

.reveal{
    opacity:0;
    transform:translateY(45px);
    transition:
        opacity .9s ease,
        transform .9s ease;
}

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

/* responsive */

@media(max-width:991px){

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

    .about-heading-wrap h2{
        font-size:36px;
    }
}

@media(max-width:576px){

    .about-stats-row{
        grid-template-columns:1fr;
    }

    .about-heading-wrap h2{
        font-size:28px;
    }
}

@media(max-width:576px){

    .about-stats-row{
        grid-template-columns:1fr;
        gap:0;
    }

    .about-stat-box{
        padding:30px 0;
    }

    /* Remove Vertical Divider */
    .about-stat-box::after{
        display:none;
    }

    /* Add Horizontal Divider */
    .about-stat-box:not(:last-child)::before{
        content:"";
        position:absolute;
        top:100%;
        bottom:0;
        left:50%;
        transform:translateX(-50%);
        width:80%;
        height:1px;
        background:linear-gradient(
            to right,
            transparent,
            rgba(0,144,204,.35),
            transparent
        );
    }
}




/* =====================================
   GB REALTY PREMIUM TEAM MODAL
===================================== */

.team-modal .modal-dialog{
    max-width:1200px;
}

.team-modal .modal-content{
    border:none;
    border-radius:0;
    overflow:hidden;
    background:#fff;
    box-shadow:0 35px 80px rgba(0,0,0,.18);
    position:relative;
}

/* Close */

.team-modal .btn-close{
    position:absolute;
    top:5px;
    right:5px;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
 
    border:1px solid rgba(0,0,0,.08);
    border-radius:50%;
    z-index:20;
    cursor:pointer;
    transition:.3s;
}


/* Body */

.team-modal .modal-body{
    padding:0;
    display:flex;
    min-height:700px;
}

/* Left Image */

.team-modal .modal-left{
    width:42%;
    position:relative;
    overflow:hidden;
}

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

.team-modal:hover .modal-left img{
    transform:scale(1.04);
}

.team-modal .modal-left::after{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.45),
        transparent 45%
    );
}

/* Right Content */

.team-modal .modal-right{
    width:58%;
    padding:70px;
    overflow-y:auto;
    background:#fff;
}

/* Name Area */

.team-modal .name-area h4{
    font-size:2rem;
    font-weight:300;
    margin-bottom:10px;
    color:#111;
    letter-spacing:-1px;
}

.team-modal .desig{
    font-size:14px;
    /*text-transform:uppercase;*/
    letter-spacing:1px;
    color:#0190cc;
    margin:0;
    font-weight:500;
}

/* Logo */

.team-modal svg{
    width:90px;
    opacity:.9;
}

/* Intro Text */

.team-modal #modalBio{
    font-size:16px;
    line-height:2;
    color:#555;
    margin-top:40px !important;
    margin-bottom:40px !important;
}

/* Portfolio Heading */

.team-modal h4{
    font-size:14px;
    letter-spacing:4px;
    /*text-transform:uppercase;*/
    color:#0190cc;
    margin-bottom:25px;
    font-weight:700;
}

/* Portfolio List */

.team-modal ul{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:14px;
}

.team-modal ul li{
    position:relative;
    padding-left:22px;
    font-size:15px;
    color:#444;
    line-height:1.6;
}

.team-modal ul li::before{
    content:'';
    width:8px;
    height:8px;
    background:#0190cc;
    border-radius:50%;
    position:absolute;
    left:0;
    top:9px;
}

/* Scrollbar */

.team-modal .modal-right::-webkit-scrollbar{
    width:6px;
}

.team-modal .modal-right::-webkit-scrollbar-thumb{
    background:#0190cc;
}

/* Responsive */

@media(max-width:991px){

    .team-modal .modal-dialog{
        max-width:95%;
    }

    .team-modal .modal-body{
        flex-direction:column;
        min-height:auto;
    }

    .team-modal .modal-left,
    .team-modal .modal-right{
        width:100%;
    }

    .team-modal .modal-left{
        height:420px;
    }

    .team-modal .modal-right{
        padding:40px 25px;
    }

    .team-modal .name-area h4{
        font-size:2rem;
    }

    .team-modal ul{
        grid-template-columns:1fr;
    }
} .team-modal.fade .modal-dialog{
    transform:translateY(80px) scale(.95);
    transition:.5s ease;
}

.team-modal.show .modal-dialog{
    transform:translateY(0) scale(1);
}

.team-modal{
    backdrop-filter:blur(10px);
}

.team-modal.show{
    background:rgba(0,0,0,.65);
}
.visionaries-section{
    /*background:#f8f8f8;*/
    position:relative;
    overflow:hidden;
}

.visionaries-heading{
    margin-bottom:70px;
    position:relative;
    z-index:2;
}

.visionaries-heading .sub-title{
    color:#0090cc;
    letter-spacing:4px;
    font-size:13px;
    text-transform:uppercase;
}

.visionaries-heading h2{
    font-size:56px;
    color:#002c46;
    margin:15px 0;
    font-weight:600;
}

.visionaries-heading p{
    max-width:700px;
    margin:auto;
    color:#6f7780;
}

.visionary-card{
    background:#fff;
    position:relative;
    overflow:hidden;
    cursor:pointer;
    transition:.5s;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
}

.visionary-card:hover{
    transform:translateY(-12px);
    box-shadow:0 30px 60px rgba(0,0,0,.12);
}

.visionary-card img{
    width:100%;
    height:380px;
    object-fit:cover;
    transition:1s;
    filter:grayscale(100%);
}

.visionary-card:hover img{
    transform:scale(1.08);
    filter:grayscale(0%);
}



.card-overlay span{
    color:#fff;
    border:1px solid rgba(255,255,255,.5);
    padding:12px 30px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-size:12px;
}

.card-content{
    padding:0px 25px 25px;
    position:relative;
}

.card-content::before{
    content:'';
    position:absolute;
    top:-25px;
    left:25px;
    width:50px;
    height:3px;
    background:#0090cc;
}

.card-content h4{
    font-size:22px;
    color:#002c46;
    margin-bottom:6px;
}

.card-content p{
    color:#0090cc;
    font-weight:500;
    margin-bottom:4px;
}

.card-content small{
    color:#6f7780;
    display:block;
    margin-bottom:18px;
}

.company-logo{
    height:55px;
    display:flex;
    align-items:center;
}
#modalLogo,
.company-logo img{
    height:45px !important;
    width:auto !important;
    object-fit:contain;
       filter: grayscale(100%) contrast(120%) brightness(85%);
}

@media(max-width:991px){

    .visionaries-heading h2{
        font-size:38px;
    }


    .visionary-card img{
        height:350px;
    }
}


    /* ================================
   TEAM SWIPER ONLY
================================ */

.teamSwiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 60px !important;
}

.teamSwiper .swiper-wrapper {
    align-items: stretch;
}

.teamSwiper .swiper-slide {
    height: auto;
    box-sizing: border-box;
}

/* Remove Bootstrap column width behaviour inside Swiper */
.teamSwiper .swiper-slide {
    width: auto;
}

/* Navigation */
.teamSwiper .team-swiper-prev,
.teamSwiper .team-swiper-next {
    position: absolute;
    bottom: 0;

    width: 45px;
    height: 45px;

    border: 1px solid rgba(0, 0, 0, .15);

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

    cursor: pointer;

    transition: all .3s ease;

    z-index: 10;
}

.teamSwiper .team-swiper-prev {
    left: 50%;
    transform: translateX(-52px);
}

.teamSwiper .team-swiper-next {
    right: 50%;
    transform: translateX(52px);
}

.teamSwiper .team-swiper-prev:hover,
.teamSwiper .team-swiper-next:hover {
    background: #00294c;
    color: #fff;
    border-color: #00294c;
}


/* =================================
   TABLET
   2 MEMBERS
================================= */

@media (max-width: 991px) {

    .teamSwiper .swiper-slide {
        width: calc((100% - 24px) / 2) !important;
    }

}


/* =================================
   MOBILE
   1 MEMBER
================================= */

@media (max-width: 767px) {

    .teamSwiper .swiper-slide {
        width: 100% !important;
    }

    .teamSwiper {
        padding-bottom: 55px;
    }

    .teamSwiper .team-swiper-prev,
    .teamSwiper .team-swiper-next {
        width: 40px;
        height: 40px;
    }

}





    .coming-project{
    position: relative;
    min-height: 420px;
    background: linear-gradient(135deg,#0d1b2a,#1b263b,#2d3748);
    overflow: hidden;
    border-radius: 12px;
}

.coming-project::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,.03) 0px,
            rgba(255,255,255,.03) 8px,
            transparent 8px,
            transparent 20px
        );
}

.coming-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) rotate(-25deg);
    font-size:72px;
    font-weight:800;
    letter-spacing:10px;
    color:rgba(255,255,255,.08);
    text-transform:uppercase;
    white-space:nowrap;
    user-select:none;
    pointer-events:none;
}

.property-overlay{
    position:absolute;  
    bottom:30px;
    left:30px;
    z-index:2;
}

.property-overlay span{
    color:#fff;
    font-size:18px;
    letter-spacing:2px;
    text-transform:uppercase;
}

@media(max-width:991px){

    .coming-project{
        min-height:320px;
    }

    .coming-text{
        font-size:46px;
        letter-spacing:6px;
    }

}