@charset "utf-8";
:root{
   --primary:#CB9E4D;
   --primaryRGB:203, 158, 77;
   --sprite:url(../img/sprite.svg)no-repeat;
   --wa:#29A71A;
   --waicon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23fff'%3e%3cpath d='M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z'/%3e%3c/svg%3e")no-repeat;

}
body{
    --bs-body-font-family:"Montserrat Alternates", serif;
    --bs-body-line-height:1.75;
    --bs-body-color:#000;
    background-color: #f2f2f2;
}
/* Reset*/
.form-control::-moz-placeholder {
  color: rgba(203, 158, 77, 0.46);
  opacity: 1
}

.form-control::placeholder {
  color: rgba(203, 158, 77, 0.46);
  opacity: 1
}

.form-control:disabled,.form-control[readonly] {
  background-color: rgba(203, 158, 77, 0.46);
  opacity: 1
}
a{
    text-decoration: none;
}
.Pointer{
    cursor:pointer;
}
.btn{
    --bs-btn-padding-x: 30px;
    --bs-btn-padding-y: 15px;
    --bs-border-radius: 30px;
    line-height: 1.25;
}
@media(max-width:575px){
    .btn{
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 15px;
    --bs-border-radius: 30px;
    font-size:.875rem;
    }
}
.btn-primary{
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--primary);
    --bs-btn-border-color: var(--primary);
    --bs-btn-hover-color: var(--primary);
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--primary);
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: none;
}
.TxtPrimary{
    color:var(--primary)
}
.mb-30{
    margin-bottom: 1.75rem;
}
.Icon{
  background:var(--sprite) var(--x) var(--y);
  width:var(--s);
  height: var(--s);
  display: block;
}
/* Main */
.MainContainer{
    max-width: 100%;
}
@media(min-width:768px){
.MainContainer{
    max-width: 1440px;
    margin: 0 auto;
}
}

.Sticky{
    position:fixed;
    right: auto;
    top:auto;
    left:0;
    bottom:0;
    width: 100%;
    z-index: 5;
}
.Sticky ul{
    display: flex;
    flex-direction: row;
    gap:10px;
    justify-content: center;    
}
.StickyAction{
    display: flex;
    padding:7px 10px;
    align-items: center;
    gap:7px;   
    border-radius: 10px;
    font-weight:500;
    color:#fff;
    font-family: sans-serif;
    white-space: nowrap;
}
.StickyAction .Icon{
  --s:28px;
  --y:-408px;
  display: block;
}
.CallStick{
    background: #46C0EA;
}
.CallStick .Icon{
  --x:-188px;
}
.WhatsAppStick{
    background: #29A71A;
}
.WhatsAppStick .Icon{
  --x:-224px;
}
.DownloadStick{
    background: #000;
}
.DownloadStick .Icon{
  --x:-260px;
}
@media(min-width:768px){
    .Sticky{
        width: 158px;
        right: -105px;
        top:50%;
        left:auto;
        bottom:auto;
        -webkit-transform: translateY(-50%); 
        -o-transform: translateY(-50%); 
        -ms-transform: translateY(-50%); 
        transform: translateY(-50%);
    }
    .Sticky ul{
        width: 158px;
        flex-direction: column;
        gap:18px;
    }
    .StickyAction{
        border-radius: 10px  0 0 10px ;
        padding:.5rem 1rem;
        gap:14px;
        position: relative;
        right:0;
        -webkit-transition: all 1s cubic-bezier(.25,.8,.25,1);
        -o-transition: all 1s cubic-bezier(.25,.8,.25,1);
        transition: all 1s cubic-bezier(.25,.8,.25,1); 
    }
    .StickyAction:hover{
        right:100px;
     }
}
@media(max-width:767px){
    .Sticky{
        background:#fff;
        border-radius: 30px 30px 0 0;
        padding:14px;
        z-index:2;
        box-shadow: 0 -6px 4px rgba(0, 0, 0, .15);
    }
    .StickyAction{
        font-size:.935rem;
    }
}
@media(max-width:575px){
  .StickyAction .Icon{
    background-size:322px;
    --s:16px;
    --y:-265px;
  }
  .CallStick .Icon {
    --x: -122px;
}
.WhatsAppStick .Icon{
  --x:-215px;
  --y:-267px;
}
.DownloadStick .Icon{
  --x:-170px;
}
}
@media(max-width:360px){
.Sticky{
        border-radius: 15px 15px 0 0;
        padding:10px;
        z-index:2;
    }
    .StickyAction{
        font-size:.875rem;
        padding:4px 8px;
        gap: 7px;
    }
}
.HeaderTop{
    display: none;
}
@media(min-width:768px){
    .HeaderTop{
        background-color: var(--primary);
        padding-bottom: .75rem;
        display: block;
    }
    .TopIconSet{
        color:#fff;
        font-size:.875rem;
        line-height: 1.5;
        padding-top:.75rem;
        display: flex;
        gap:8px;
        align-items: center;
    }
    .TopContact{
        display: flex;
        align-items: center;
        justify-content: end;
        gap:27px;
    }
    .TopIconSet .Icon{
      --s:16px;
      --y:-419px;
    }
    .TopIconSet .LocationPin{
      --x:-367px;
    }
    .TopIconSet .Call{
      --x:-386.44px;
    }
    .TopIconSet .Email{
      --x:-410.44px;
    }
}
.HeaderMid{
    background: url(../img/header-bg.webp)no-repeat top right;
    padding-top: 25px;
}
.Pointer{
  cursor: pointer;
}
.offcanvas.offcanvas-top{
  --bs-offcanvas-height:100%;
}
.offcanvas-body{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.btn-close{
  --bs-btn-close-color: #fff;
  background-color:#000;
  border-radius: 50%;
  --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
.offcanvas-body .navbar {
  height: 100%;
  justify-content: space-between;
  --bs-navbar-padding-y:2rem;
  flex-wrap: nowrap;
}
.offcanvas-body .nav-link{
  --bs-nav-link-font-size:1.75rem;
  --bs-nav-link-font-weight:600;
  --bs-nav-link-color:var(--primary);
}
.WhatsAppHeader{
  --s:49px;
    background:var(--wa);
    width:var(--s);
    height: var(--s);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--s);
}
.WhatsAppHeader .Icon{
  --s:30px;
  --y:-405px;
  --x:-296px;
 
}
.Hamburger .Icon{
  --s:58px;
  --x:-357px;
  --y:-343px;
}
.ReraInfo{
    font: 10px sans-serif;
    line-height: 13px;
}
.HeaderMidAction{
    justify-content: end;
    gap:13px;
}
.BannerCaption{
    text-align: center;
    margin-top: 40px;
}
.Flower{
    display: none;
}
.Txt1{
    background-color: #10B3E6;
    line-height: 27px;
    color:#fff;
    padding:.5rem 1rem;
    display: inline-block;
}
.Txt2 span{
    font-size:38px;
    line-height:1.5;
    color:var(--primary)
}
.Txt2 small{
    font-size:1.375rem;
    line-height:1.5;
}
.Txt3{
    margin-bottom: 22px;
    font-weight: 500;
}
.BtnWhatsApp{
    background: #29A71A;
    color:#fff;
    --bs-btn-hover-color: var(--primary);
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: none;
    --bs-btn-active-color: var(--primary);
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: none;
    display: flex;
    align-items: center;
    gap:10px;
}
.BtnWhatsApp .Icon{
  --s:21px;
  --x:-336px;
  --y:-414px;
}
@media(min-width:576px){
    .Price{
        font-size:1.375rem;
    }
    .Txt2 span{
        font-size:3rem;
    }
    .Txt2 small{
        font-size:1.75rem;
    }
    .Txt1{
        font-size:1.25rem
    }
}

@media(min-width:992px){
    .BannerCaption{
        position: absolute;
        top: 10px;
        left: calc(var(--bs-gutter-x)* .5);
        width: 611px;
        text-align: start;
        margin-top: 0;
    }
    .Price{
        font-size:1.625rem;
    }
    .Txt1{
        font-size:1.375rem
    }
    .Txt2 span{
        font-size:66px;
    }
    .Txt2 small{
        font-size:42px;
    }
    .Flower{
        position: absolute;
        right: -70px;
        top: -70px;
        display: block;
    }
}
@media(max-width:991px){
    .BannerAction{
        justify-content: center;
    }
}
.SectionTitle{
    font-size:1.5rem;
}
.SectionTitle .LargeTxt{
    font-size:2.125rem;
}
@media(min-width:576px){
    .SectionTitle{
        font-size:2.5rem;
    }
    .SectionTitle .LargeTxt{
        font-size:3.375rem;
    } 
}
#Welcome{
  margin-top:35px;
}
@media(min-width:992px){
  #Welcome{
    margin-top:80px;
  } 
}
@media(min-width:992px){
  #Welcome{
    margin-top:108px;
  }
}
@media(max-width:991px){
  #Welcome .SectionTitle {
    margin-bottom:27px;
  }
}
.TrimurtyLogo, .DownloadBrochure{
  position: absolute;  
  left:0; 
  display: flex;
  align-items: center;
}
.TrimurtyLogo{  
  top:0; 
  left:55%; 
  width: 45%;
  justify-content: end;
  height: 48%;
}
.DownloadBrochure{
  height: 35%;
  width:38%;
  bottom:0;
  text-align: center;
}
#Advantages{
  margin-top:80px;
}

@media(max-width:575px){
  .TrimurtyLogo img{
    width:107px;
  }
  .DownloadBrochure img{
    width:116px;
  }  
}
@media(max-width:991px){
  .WelcomTxt{
    margin-top:42px;
  }
}

.AdvantagesCol{
  padding-top:calc(var(--bs-gutter-x)* .5);
  padding-bottom: calc(var(--bs-gutter-x)* .5);
}
.AdvantagesCol .SectionTitle {
  margin-bottom:18px;
}
.Advantages{
    border:1px solid var(--primary);
    border-radius:15px;
    padding:20px;
    position: relative;
    height: 100%;
    box-shadow: 0 3.12px 10.94px rgba(0,156,217,.1);
}
.Advantages .Icon{
  --s:47px;
  --y:0;
  background-size: 268px;
}
.Advantages .Train{
  --x:-61px;
}
.Advantages .Bus{
  --x:-114px;
}
.Advantages .Metro{
  --x:-167px;
}
.Advantages .Airport{
  --x:-221.96px;
}
.Advantages .AdvantageTxt{
  font-size:1.125rem;
  margin-bottom: 0;
  font-weight:700;
  color:var(--primary);
  line-height: 1.5;
}
#Advantages .ActionBtn{
  margin-top:22px;
}
.HoverInfo .Info{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  color: white;
  opacity: 0;
  transform: translateY(30px);
  transition: 0.5s;
  display: flex;
  align-items: center;
  height: 100%;
  padding:1rem;
}
.HoverInfo:hover .Info {
  opacity: 1;
  transform: translateY(0px);
}
.HoverInfo:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: rgba(52, 52, 52, 0.9);
  z-index: 1;
  transition: 0.5s;
  opacity: 0;
}
.HoverInfo:hover:before {
  opacity: 1;
}
@media(min-width:768px){
  .Advantages{
    padding:39px 28px 24px;
  }
  .Advantages .AdvantageTxt{
    margin-top:27px;
    text-align: center;
  }
 .Advantages .Icon{
    background-size: 375px;
    --s:64px;
  }
  .Advantages .Info{
    text-align: center;
  }
  .Advantages .Train{
    --x:-85px;
  }
  .Advantages .Bus{
    --x:-160.96px;
  }
  .Advantages .Metro{
    --x:-236px;
  }
  .Advantages .Airport{
    --x:-312px;
  } 
   
}
@media(min-width:992px){

  .Advantages .Icon{
    background-size: 497px;
    --s:84px;
  }
  .Advantages .Train{
    --x:-114px;
  }
  .Advantages .Bus{
    --x:-213.96px;
  }
  .Advantages .Metro{
    --x:-313px;
  }
  .Advantages .Airport{
    --x:-412.96px;
  }  
}
@media(max-width:767px){
  .AdvantageFront{
    display: flex;
    align-items: center;
    gap:16px;
    margin-bottom: 12px;
  }
  .Advantages  .Info{
    position: relative;
    transform: translateY(0);
    color:#000;
    opacity: 1;
    height: auto;
    padding: 0;
  }
  .Advantages:before{
    display: none;
  }
}
  #Amenities{
    background: #343434;
    padding-bottom: 45px;
    margin-top:34px;
  }
  .AminityBanner{
    margin-bottom:-26px;
  }
  .AmenityTpes{
    display: flex;
    justify-content: center;
    gap:20px;
    margin-top:-200px;
    position: relative;
    margin-bottom: 25px;
  }
  .AmenityTpes .btn{
    --bs-btn-padding-x:0;
    border-radius: 15px;
    height: 163px;
    font-size:1.25rem;
    line-height: 1.5;
    width: 200px;
    background-color: #4B4A4A;
    color:rgba(255,255,255,.5);
    box-shadow:0 3.88px 19.42px rgba(0, 0, 0, .25)
  }
  .AmenityTpes .btn.Active{
    background-color:var(--primary);
    border-color:var(--primary);
    color:rgba(255,255,255,1);
  }
  .AmenitieCol{
    border-radius: 15px;
    padding:16px 6px;
    display: flex;
    flex-direction: column;
    gap:14px;
    border:1px solid var(--primary);
    height: 164px;
}
  .AmenitieCol p{
    margin-bottom: 0;
    font-size:.75rem;
    font-weight: 500;
    color:#fff;
    line-height: 1.4;
  }
  .AminitiesGrid{ 
    display: flex; 
}
  .AminitiesItem{ 
    width: 33.33333%;
    padding:10px;
}
.AminitiesItem .Icon{
  --s:46px;
  background-size: 262px;
}
.AminitiesItem .Icon{
  margin:0 auto;
  display: block;  
}
.AminitiesItem .Gym{
  --x:0;
  --y:-79px;
}
.AminitiesItem .Swim{
  --x:-51px;
  --y:-79px;
}
.AminitiesItem .Lobby{
  --x:-102px;
  --y:-79px;
}
.AminitiesItem .Theatre{
  --x:-153px;
  --y:-79px;
}
.AminitiesItem .Hall{
  --x:-204px;
  --y:-79px;
}
.AminitiesItem .Garden{
  --x:0px;
  --y:-130px;
}
.AminitiesItem .Play{
  --x:-51px;
  --y:-130px;
}
.AminitiesItem .Track{
  --x:-97px;
  --y:-130px;
}
.AminitiesItem .Zone{
  --x:-154px;
  --y:-130px;
}
.AminitiesItem .Power{
  --x:-205px;
  --y:-130px;
}
.AminitiesItem .Spaces{
  --x:0;
  --y:-181px;
}
.AminitiesItem .Pool{
  --x:-51px;
  --y:-181px;
}
@media(min-width:480px){
  .AmenitieCol{
      height: 185px;
      padding:16px 6px;
  }
  .AmenitieCol p{
      line-height: 1.675;
  }
}
@media(min-width:576px){
  #Amenities{
    padding-bottom: 60px;
  }
  #Amenities{
    margin-top:54px;
}
  .AminitiesItem{ 
      width: 33.3333%;
  }
  .AmenitieCol{
      height: 171px;
      padding:24px 12px;
  }
}
@media(min-width:768px){
  .AmenitieCol{
      height:232px;
      padding:28px 18px;
      height:240px;
      gap:24px;
  }
  .AmenitieCol p{
      font-size:.875rem;  
  }
  .AminitiesItem .Icon{
    --s:87px;
    background-size: 497px;
  }
  .AminitiesItem .Gym{
    --x:0;
    --y:-149px;
  }
  .AminitiesItem .Swim{
    --x:-97px;
    --y:-149px;
  }
  .AminitiesItem .Lobby{
    --x:-194px;
    --y:-149px;
  }
  .AminitiesItem .Theatre{
    --x:-291px;
    --y:-149px;
  }
  .AminitiesItem .Hall{
    --x:-388px;
    --y:-149px;
  }
  .AminitiesItem .Garden{
    --x:0;
    --y:-246px;
  }
  .AminitiesItem .Play{
    --x:-97px;
    --y:-246px;
  }
  .AminitiesItem .Track{
    --x:-194px;
    --y:-246px;
  }
  .AminitiesItem .Zone{
    --x:-291px;
    --y:-246px;
  }
  .AminitiesItem .Power{
    --x:-388px;
    --y:-246px;
  }
  .AminitiesItem .Spaces{
    --x:0;
    --y:-343px;
  }
  .AminitiesItem .Pool{
    --x:-97px;
    --y:-343px;
  }
}
@media(min-width:992px){
  #Amenities{
    padding-bottom: 70px;
  }
  #Amenities{
      margin-top:64px;
  }
  .AminityBanner{
      margin-bottom:120px;
  }
  .AmenitieCol{
      height:232px
  }
  .AminitiesItem{ 
    width: 25%;
  }
}
@media(min-width:1200px){
    .AminitiesItem{ 
        width: 20%;
        padding:20px;
    }
    .AmenitieCol{
        padding:30px 22px;
        min-height: 248px;
    }
}
/* the code below is for the dropdown menu */
.MobileDropdown {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 231.5px;
    width: 96% !important;
    max-width: 483px;
    padding: 0px 0px 0px 0px;
    min-height: 53px;
    border-radius: 5px;
    background: var(--primary);
    text-align: left;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
    font-size:1.25rem;
    font-weight:700;
    margin:0 auto 24px auto;
  }    
  .scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
  }  
  .MobileDropdown .arrow {
    margin-left: 10px;
    margin-right: 10px;
    float: right;
   
  }  
  .selected-display {
    margin-left: 20px;
  }  
  .MobileDropdown svg {
    transition: all 0.3s;
  }  
  .MobileDropdown::before {
    position: absolute;
    top: 50%;
    right: 16px;  
    margin-top: -2px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent;
  }  
  .rotated {
    transform: rotate(-180deg);
  }  
  .MobileDropdown .dropdown {
    transition: 0.3s;  
    position: absolute;
    top: 120%;
    right: 0;
    left: 0;  
    margin: 0;
    padding: 0;  
    list-style: none;  
    z-index: 99;  
    border-radius: 15px;
    box-shadow: inherit;
    background: inherit;  
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
    opacity: 0;
    visibility: hidden;
  }
  .MobileDropdown .dropdown li {
    padding: 0 15px;
    line-height: 45px;
    overflow: hidden;
  }  
  .MobileDropdown .dropdown li:last-child {
    border-bottom: none;
  }  
  .MobileDropdown .dropdown {
    padding: 0.5rem !important;
  }  
  .MobileDropdown .dropdown li:hover {
    background-color: rgb(35, 40, 49);
    border-radius: 10px;
  }
  
  .MobileDropdown.active .dropdown {
    opacity: 1;
    visibility: visible;  
    border-radius: 15px;
  }
  .SectionHighlight{
    margin-top: 38px;    
  }
  .SectionHighlight p{
    font-size:1.625rem;
    line-height: 1.5;
    margin-bottom: 21px;
  }
  @media(min-width:576px){
    .SectionHighlight{
        margin-top: 41px;       
      }
    .SectionHighlight p{
        font-size:1.75rem;
        margin-bottom: 25px;
      }
  }
@media(min-width:992px){
  .SectionHighlight{
    margin-top: 42px;
  }
}
#OurArabella{
  margin-top:75px;
}
#OurArabella .SectionTitle{
  margin-bottom: 24px;
}
@media(min-width:576px){
  #OurArabella{
    margin-top:80px;
  }
}
@media(min-width:992px){
  #OurArabella{
    margin-top:100px;
  }
  #OurArabella .SectionTitle{
    margin-bottom: 30px;
  }
}
.ExploreArabella .owl-stage{
  padding-left: 0!important;
}
.ExploreArabella img{
  border-radius: 15px;
}
  .ExploreArabella .Info{
    padding-left:20px;
    padding-right: 20px;
    font-size: 1rem;
    text-align: center;
  }
  .FaciName{
    background-color: var(--primary);
    padding:8px 14px;
    border-radius: 15px 0 15px 0;
    position: absolute;
    bottom:0;
    right: 0;
    font-size:.875rem;
    font-weight: 700;
    line-height: 1;
    z-index: 2;
    color:#fff;
  }
  @media(min-width:768px){
    .ExploreArabella .Info{
      padding-left:55px;
      padding-right: 55px;
      font-size: 1.375rem;
      text-align: center;
    }
    .FaciName{
      font-size:1rem;
      padding:14px 28px;
    }  
  }
  @media(min-width:992px){
    .ExploreArabella .Info{
      padding-left:90px;
      padding-right: 90px;
      text-align: center;
      font-size:1.75rem;
    }  
    .FaciName{
      font-size:1.125rem;
      padding:22px 40px;
    }
  }
.owl-dots{
    background:#CB9E4D33;
    display: inline-flex;
    padding:23px 33px;
    gap:25px;
    border-radius: 33px;
    margin-top: 40px;
  }
  .owl-carousel button.owl-dot{
    width:9px;
    height:9px;
    background-color:#fff!important;
    border-radius: 9px;
    transition: .3s all ease-in-out;
  }
.owl-dots .owl-dot.active{
    width:30px;
    background-color:var(--primary)!important;
  }
  @media(min-width:576px){
    .owl-carousel button.owl-dot{
        width:14px;
        height:14px;
      }
  .owl-dots .owl-dot.active{
        width:50px;
      }
  }
  #VideoSection{
    margin-top:43px;
  }
  .VideoSec{
    border-radius: 6px;
  }
  .VideoSec a:before{
    content: '';
    background-color: rgba(0,0,0,.63);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .VideoSec a:after{
    --s:60px;
    content: '';
    position: absolute;
    background:var(--sprite) 0 0;
    background-size: 328px;
    width:var(--s);
    height: var(--s);
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  @media(min-width:768px){
    #VideoSection{
      margin-top:50px;
    }
    .VideoSec{
      border-radius: 15px;
    }
    .VideoSec a:after{
      --s:60px;
    }  
  }
  @media(min-width:992px){
    #VideoSection{
      margin-top:60px;
    }
    .VideoSec a:after{
      background-size: 497px;
      --s:90px;
      --x:-0;
      --y:-0;
    } 
  }
 
 

  #Awards{
    margin-top:47px;
  }
  .CertificateGrid{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;  
    gap:12px;
  }
  .CertificateGridItem{
    width:70%; 
  }
  .CertificateWrap{
    border:1px solid #C3C3C3;
    border-radius: 10px;
    padding:1.5rem;
    text-align: center;
    height: 100%;
  }
  .CertifiedTxt{
    margin-top:12px;
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: 0; 
  }
  @media(min-width:576px){
    .CertificateGrid{
      gap:20px;
    }
    .CertificateGridItem{
      width:217px; 
    }
    .CertificateWrap{
        padding:13px 11px;
    }
  }
  @media(min-width:768px){
    #Awards{
      margin-top:77px;
    }
}
  @media(min-width:992px){
    #Awards{
      margin-top:97px;
    }
    .CertificateGrid{
        gap:40px;  
    }
    .CertificateGridItem{
        width:217px;  
    }
  }
  @media(min-width:1200px){
    .CertificateGrid{
        gap:0 ;
        justify-content: space-between;
    }
    .CertificateGridItem{
        width:217px; 
    }
  }
  @media(max-width:575px){
    .CertificateGridItem{
      padding:9px;
    }
  }
  #Gallery{
    margin-top:32px
  }
  #Gallery img{
    border-radius: 10px;
  }
  #Floors{
    margin-top:34px
  }
  .TabBtnWrap{
    background-color: #343434;
    padding-top:15px;
    height:42px;
  }
  .SitePlanBtns{
    justify-content: center;
    gap:22px;
  }
  .SitePlanBtns{
    --bs-nav-tabs-border-width:0;
    --bs-nav-link-padding-y:7px;
    --bs-nav-link-padding-x:32px;
    --bs-nav-tabs-link-active-color:#fff;
    --bs-nav-tabs-link-active-bg:var(--primary);
    --bs-nav-link-font-size:1.125rem;
    --bs-nav-link-font-weight:700;
  }
  .SitePlanBtns .nav-link{
    background-color: #6B6B6B;
    color:#fff;
    font-weight: 500;
    border-radius: 6px;
  }
  #PlanTabContent{
    border:1px solid var(--primary);
    border-top:0;
    border-radius:0 0 15px 15px;
    padding:1.5rem 1rem 1rem;
  }
  @media(min-width:768px){
    #Gallery{
      margin-top:42px
    }
  }
  @media(min-width:992px){
    .TabBtnWrap{
      height:auto;
      padding-bottom: 15px;
    }
    .PlanTabContent{
      padding:1rem;
    }
    #Floors{
      margin-top:44px
    }
    #Gallery{
      margin-top:53px
    }
    .SitePlanBtns{
      --bs-nav-link-padding-x:42px;
    }
  }
  .DownlodPlan{
    margin-top:1.125rem;
  }
  @media(min-width:576px){
    .DownlodPlan{
      margin-top:2rem;
    }
  }
  #NearByLocation{
    background-color: #343434;
    margin-top:34px
  }
  .LocationTxt{
    padding: 39px 12px 60px;
  }
  .LocationBtns{
    --bs-nav-tabs-border-width:0;
    --bs-nav-link-padding-y:16px;
    --bs-nav-link-padding-x:16px;
    --bs-nav-tabs-link-active-color:#fff;
    --bs-nav-tabs-link-active-bg:var(--primary);
    --bs-nav-link-font-size:.875rem;
    --bs-nav-link-font-weight:500;
    flex-direction: column;
    justify-content: center;
    gap:10px;
    height: 100%;
    position: absolute;
    left: -69px;
    top: 0;
    z-index: 1;
  }
  .LocationBtns .nav-link{
    width:138px;
    border-radius: 8px;
    text-align: center;
    line-height: 1.3575;
    background-color: #6B6B6B;
    color:#fff;
    border:1px solid #fff;
    box-shadow:0 1.56px 5.45px 0 rgba(0, 156, 217, 0.25);
    --bs-nav-link-padding-y:.5rem;
  }
  .LocationBtns .nav-link .Icon{
    --s:32px;
    --y:-100px;
    margin:0 auto 10px auto;
    display: block;
  }
  .Educational{
    --x:-217px
  }
  .Healthcare{
    --x:-263px
  }
  .Shopping{
    --x:-308px
  }
  .Recreation{
    --x:-353px
  }
  .Transport{
    --x:-398px
  }
  .Cafe{
    --x:-443px
  }
  .Location .MobileDropdown {
    margin-top: -26px!important;
    position: relative;
    z-index: 1;
  }
  @media(min-width:576px){
    .Location .MobileDropdown {
   
    }
   
  }

  @media(min-width:768px){
    #NearByLocation{
      margin-top:69px
    }
  }
  @media(min-width:992px){
    #NearByLocation{
      margin-top:89px
    }
    .LocationTxt{
      padding: 0 84px 0 40px;
    }
    #LocationTabContent{
        padding:20px 20px 20px 80px;
    }
   
  }
  @media(min-width:1200px){
    .LocationBtns .nav-link{
      gap:20px;
      --bs-nav-link-padding-y:1rem;
    }
    .LocationTxt{
      padding:0 130px 0 95px ;
    }
  }
  .owl-nav{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
    width: 72px;
    height:72px;
    display: block;
    background:var(--sprite) -421px -343px!important;
  }
  .owl-carousel .owl-nav button span{
    display: none;
  }
  .owl-carousel .owl-nav .owl-next{
    transform: rotate(180deg);
  }
  .owl-stage-outer{
    position: relative;
    z-index: 1;
  }
  #Testimonials{
    margin-top:57px
  }
  #Promotion{
    margin-top:30px;
  }
  @media(min-width:768px){
    #Testimonials{
      margin-top:69px
    }
    #Promotion{
      margin-top:70px;
    }
  }
  @media(min-width:992px){
    #Testimonials{
      margin-top:79px
    }
    .Testimonials{
      padding-left: 96px;
      padding-right: 96px;
    }
    .Testimonials .owl-dots{
      display: none;
    }
    #Promotion{
      margin-top:100px;
    }
  }
  @media(max-width:991px){
    .Testimonials .owl-carousel .owl-nav{
      display: none;
    }
  }

  #Enquire{
    background-color: #343434;
  }
  .Appointment{
    padding:30px 12px;
  }
  @media(min-width:992px){
    .Appointment{
      padding:18px 69px;
    }
  }
  form .row{
    --bs-gutter-y:25px;
    --bs-gutter-x:34px;
  }
  .form-control, .form-select{
    background-color: transparent;
    border:1px solid var(--primary);
    color:var(--primary);
    font-size:.875rem;
    padding: 1.375rem 1.188rem;
    border-radius: 10px;
  }
  .form-control:focus {
    color: var(--primary);
    background-color:transparent;
    border-color: var(--primary);
    box-shadow: 0 0 0 .25rem rgba(var(--primaryRGB), .25);
  }
  .form-select{
    --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23CB9E4D' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-size:18px;
  }
 
  label.error{
      font-family: sans-serif;
      font-size:13px;
      font-weight:400;
      display:block;
      color:#ff5353;
  }
  .InterestOpt label.error{
    position: absolute;
    bottom: -16px;
    left: 0;
  }
   .InterestOpt{
      position:relative;
  }
  .flatpickr-input{
      background-color:transparent!important;
      
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%23cb9e4d75' class='bi bi-calendar-event' viewBox='0 0 16 16'%3E%3Cpath d='M11 6.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
      background-repeat:no-repeat;
      background-position:20px 50%;
      padding-left:50px;
  }
  @media(min-width:992px){
  .ObjectFill{
      object-fit:cover;
      height:100%;
  }}
  #txtCaptcha{
    padding-top:0;
    padding-bottom:0;
    min-height:67px;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: .2rem;
    text-align:center;
}
  .Interest{
    color:#DBDBDB;
  }
  .InterestOpt{
    gap:25px;
    flex-wrap: wrap;
  }
  .Interest .form-check{
    display: flex;
    align-items: center;
    gap:8px;
    line-height: normal;
    color:#CB9E4D;
    font-weight: 500;
  }
  .form-check-input{
    --bs-form-check-bg:transparent;
  }
  .form-check-input:checked {
    background-color: #CB9E4D;
    border-color: #CB9E4D;
}
input[type="radio"] {
  --s: 1.5em; /* control the size */
  --c: var(--primary); /* the active color */
  height: var(--s);
  width: var(--s);
  aspect-ratio: 1;
  border: calc(var(--s) / 8) solid #CB9E4D;
  padding: calc(var(--s) / 8);
  background: radial-gradient(farthest-side, var(--c) 94%, #0000) 50%/0 0
    no-repeat content-box;
  border-radius: 50%;
  outline-offset: calc(var(--s) / 10);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: 0.3s;
}
input[type="radio"]:checked {
  border-color: var(--c);
  background-size: 100% 100%;
}
textarea{
  height: 126px;
}
form .btn{
  border-radius: 10px;
  font-weight: 600;
}
.LH1{
  line-height: 1;
}
footer{
  background-color: #000;
}
.FooterTop{
  padding-top:42px;
  padding-bottom:32px;
}
.Widget{
  background:rgba(var(--primaryRGB),.19);
  display: flex;
  gap:16px;
  padding:13px 22px;
  border-radius: 10px;
  height: 100%;
  align-items: center;
}
.Widget .Icon {
  --s:54px;
  --y:-343px;
  display: block;
  margin:0 auto;
}
.MailFooter{
  --x:-190px;
}
.PhoneFooter{
  --x:-250px;
}
.PinFooter{
  --x:-310px;
  width:41px;
}
.WidgetTitle{
  font: size 1.125rem;
  font-weight: 700;
  margin-bottom: 0;
}
.FooterBottom{
  border-top:1px solid var(--primary);
  padding:20px;
}
.Social{
  gap:28px;

}
.Social .Icon{
  --s:33px;
  --y:-100px;
  display: block;

}
.Social .Icon.Facebook{
  --x:0;
}
.Social .Icon.Instagram{
  --x:-43px;
}
.Social .Icon.LinkedIn{
  --x:-86px;
}
.Social .Icon.Pintrest{
  --x:-129px;
}
.Social .Icon.X{
  --x:-172px;
}
@media(max-width:767px){
  footer{
    padding-bottom: 60px;
  }
  .FooterTop .g-3{
    --bs-gutter-y: 1.125rem;
  }
  .Copyright{
    margin-top: 1.5rem;
  }
}

/* fancy box*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}