/* Google fonts used in this project 
    1) font-family: 'Roboto', sans-serif;
    2) font-family: 'Open Sans', sans-serif;
    3) font-family: 'Poppins', sans-serif;
    4) font-family: 'Nickles';
    5) font-family: "Cinzel", serif;


*/

@font-face {
    font-family: 'futura-thin';
    src: url('../fonts/futura-thin.ttf') format('woff2'), url('../fonts/futura-thin.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'futura-book';
    src: url('../fonts/futura-book.ttf') format('woff2'), url('../fonts/futura-book.ttf') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Start globle css */

body {
    padding: 0px;
    margin: 0px;
    font-weight: 400;
    color: #00221c;
    font-size: 16px;
    font-family: 'futura-thin';
    /* background: #eafffe; */
}

.pagewrapper{
    overflow-x: hidden;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
    outline: 0;
}

a:hover,
a:focus {
    outline: 0 !important;
}

.btn-be-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c99d3a;
    border-radius: 2rem;
    padding: 4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.btn-be-primary .btn-inner {
    padding: 4px 15px;
    background-color: #363b1d;
    background-image: url(../img/bg-button.webp);
    background-repeat: no-repeat;
    background-size: cover;
    color: #e2bc6a;
    font-weight: 500;
    letter-spacing: 2px;
    border-radius: 2rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.btn-be-primary img {
    margin-left: 8px;
    margin-bottom: 2px;
    filter: brightness(1) invert(0)
}

.btn-be-primary:hover,
.btn-be-primary:focus {
    border-color: #363b1d
}

.btn-be-primary:hover img,
.btn-be-primary:focus img {
    filter: brightness(0) invert(1)
}

.btn-be-primary:hover .btn-inner,
.btn-be-primary:focus .btn-inner {
    color: #fff
}

.btn-be-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c99d3a;
    border-radius: 2rem;
    padding: 4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.btn-be-secondary .btn-inner {
    padding: 4px 15px;
    background-color: #ffffff;
    /* background-image: url(../img/bg-button.webp); */
    background-repeat: no-repeat;
    background-size: cover;
    color: #02686f;
    font-weight: 600;
    border-radius: 2rem;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s
}

.btn-be-secondary img {
    margin-left: 8px;
    margin-bottom: 2px;
    filter: brightness(1) invert(0)
}

.btn-be-secondary:hover,
.btn-be-secondary:focus {
    border-color: #363b1d
}

.btn-be-secondary:hover img,
.btn-be-secondary:focus img {
    /* filter: brightness(0) invert(1); */
}

.btn-be-secondary:hover .btn-inner,
.btn-be-secondary:focus .btn-inner {
    color: #02686f;
}

.vertical-align-center {
    display: flex;
    align-items: center;
}

.border-r-25 {
    border-radius: 25px;
}

/* Deafult Margin & Padding */

/*-- Margin Top --*/

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-85 {
    margin-top: 85px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-105 {
    margin-top: 105px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-115 {
    margin-top: 115px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-125 {
    margin-top: 125px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-135 {
    margin-top: 135px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-145 {
    margin-top: 145px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-155 {
    margin-top: 155px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-165 {
    margin-top: 165px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-175 {
    margin-top: 175px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-185 {
    margin-top: 185px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-195 {
    margin-top: 195px;
}

.mt-200 {
    margin-top: 200px;
}

/*-- Margin Bottom --*/

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-85 {
    margin-bottom: 85px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-105 {
    margin-bottom: 105px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-115 {
    margin-bottom: 115px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-125 {
    margin-bottom: 125px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-135 {
    margin-bottom: 135px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-145 {
    margin-bottom: 145px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-155 {
    margin-bottom: 155px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-165 {
    margin-bottom: 165px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-175 {
    margin-bottom: 175px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-185 {
    margin-bottom: 185px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-195 {
    margin-bottom: 195px;
}

.mb-200 {
    margin-bottom: 200px;
}

/*-- Padding Top --*/

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-165 {
    padding-top: 165px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-175 {
    padding-top: 175px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-185 {
    padding-top: 185px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-195 {
    padding-top: 195px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-113 {
    padding-top: 113px;
}

/*-- Padding Bottom --*/

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-165 {
    padding-bottom: 165px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-175 {
    padding-bottom: 175px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-185 {
    padding-bottom: 185px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-195 {
    padding-bottom: 195px;
}

.pb-200 {
    padding-bottom: 200px;
}

/*-- Padding Left --*/

.pl-0 {
    padding-left: 0px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-25 {
    padding-left: 35px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-45 {
    padding-left: 45px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-55 {
    padding-left: 55px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-65 {
    padding-left: 65px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-75 {
    padding-left: 75px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-85 {
    padding-left: 80px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-95 {
    padding-left: 95px;
}

.pl-100 {
    padding-left: 100px;
}

/*-- Padding Right --*/

.pr-0 {
    padding-right: 0px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-25 {
    padding-right: 35px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-45 {
    padding-right: 45px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-55 {
    padding-right: 55px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-65 {
    padding-right: 65px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-75 {
    padding-right: 75px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-85 {
    padding-right: 80px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-95 {
    padding-right: 95px;
}

.pr-100 {
    padding-right: 100px;
}

/* font weight */

.f-700 {
    font-weight: 600;
}

.f-600 {
    font-weight: 600;
}

.f-500 {
    font-weight: 500;
}

.f-400 {
    font-weight: 400;
}

.f-300 {
    font-weight: 300;
}

/* Background Color */

.gray-bg {
    background: #f4f4fe;
}

.white-bg {
    background: #fff;
}

.black-bg {
    background: #222;
}

.theme-bg {
    background: #222;
}

.primary-bg {
    background: #1a237e;
}

/* Color */

.white-color {
    color: #fff;
}

.black-color {
    color: #222;
}

.theme-color {
    color: #222;
}

.primary-color {
    color: #222;
}

/* black overlay */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    margin-bottom: 15px;
}

.text-upper {
    text-transform: uppercase;
}

.btn1 {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    color: #222;
    outline: 0;
    border-radius: 4px;
}

.btn1:hover {
    background: goldenrod;
}

/* End of globle css */

/* Start Header sewction */

.mynav {
    background: #ffffff;
    margin-bottom: 0px;
    /* box-shadow: 0px 10px 25px 0px rgba(56, 105, 233, 0.25); */
    border-top: 3px solid #4b5749;
    
    min-height: 80px;
}

.mynav {
    transition: all 0.3s ease;
}

.mynav.sticky-active {
    background-color: #03696f  !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}


.logo {
    padding-top: 6px;
}
.grplogo {
    width: 150px;
    margin-right: 15px;
}

.logo img {
    padding: 9px 0px 0;
    width: 90px;
    padding: 0;
    outline: 0;
   transition: all 0.5s;
}
.sticky-active .logo img{
     width: 60px;
     transition: all 0.5s;
}

.mynav .navbar-right {
    padding-top: 33px;
}

.navbar-default .navbar-nav>li>a {
    color: #3b3d3f;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
}



/* 
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #004735;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #004735;
    background-color: transparent;
} */

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background: none !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus
 {
    color: #c5a059;
    background-color: #e7e7e7;
}
.navbar-default .navbar-nav>li:last-child>a {
    border: 0 !important;
}

.kabralogo {
    display: none;
}

.kb-logo{
       padding-top: 0 !important;
}

.callbtn {
    /* padding-top: 25px; */
    display: inline-block;
}

.callbtn a {
    margin-left: 15px;
    padding: 7px 20px;
    border-radius: 3px;
    margin-top: 5px;
    border-radius: 19px;
    font-size: 15px;
    margin-right: 17px;
    transition: all 0.5s;
    background: #02686f;
    color: #e2bc6a;
    transition: all 0.5s;
    /* box-shadow: 0 5px 10px #fbcaa9; */
    /* background-image: linear-gradient(45deg, #83c47d, #f3a43b); */
}

.callbtn a:hover {
    /* background: #000 !important; */
    color: #fff !important;
    transition: all 0.5s;
}

.callbtn a i {
    padding-right: 6px;
    color: #ffffff !important;
}

.callbtn a:hover i {
    color: #fff !important;
    transition: all 0.5s;
}

.attr-nav,
.attr-nav .callbtn {
    margin-right: 0;
    margin-top: 15px;
}

/* End of Header sewction */


/* Start hero section  */
.herosec {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background:
    linear-gradient(
      90deg,
      rgba(0, 70, 68, 0.28),
      rgba(0, 70, 68, 0.08)
    ),
    url("../img/herobg.jpg") center center / cover no-repeat;
  color: #fff;

      /* background-position-y: -120px; */
}
.herosec::before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   background-image: linear-gradient(180deg, #02686f, transparent);
   opacity: 0.9;
}

.herosec .container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 30px;
  box-sizing: border-box;
}

/* Main Heading */
.herosec .maintitle {
  position: relative;
  top: 125px;
  left: 60px;
  width: 343px;
}

.herosec .maintitle h1 {
  margin: 0 0 10px;
  font-family: "Cinzel", serif;
  font-size: clamp(38px, 5vw, 52px);
  font-weight: 600;
  line-height: 50px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}

.herosec .maintitle p {
  margin: 14px 0 0;
  max-width: 350px;
  font-size: 19px;
  font-weight: 100;
  line-height: 1.2;
  color: #fff;
}

/* Right Side Description */
.herosec .description {
  position: absolute;
  top: 125px;
  right: 60px;
  width: 290px;
}

.herosec .description p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
}

/* Bottom Left Subtitle */
.herosec .subtitle {
  /* position: absolute; */
  /* left: 60px; */
  /* bottom: 50px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 12px;
}

.herosec .subtitle h2 {
  margin: 0 0 -1px;
  padding-bottom: 8px;
  /* border-bottom: 2px solid rgba(255, 255, 255, 0.9); */
  font-size: 25px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1.5px;
  color: #fff;
}

.herosec .subtitle h3 {
  margin: 0;
  padding-bottom: 5px;
  /* border-bottom: 2px solid rgba(255, 255, 255, 0.9); */
  font-size: 19px;
  font-weight: 400;
  line-height: 1.2;
  color: #fff;
}

/* Price Button */
.herosec .pricebtn {
  /* position: absolute;
  right: 192px;
  bottom: 185px; */
      width: 250px;
    text-align: center;
}

.herosec .pricebtn a {
  display: inline-block;
  padding: 7px 15px;
  border-radius: 25px;
  background: #fff;
  color: #008b8b;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  transition: background 0.3s ease, color 0.3s ease;
}

.herosec .pricebtn a:hover {
  /* background: #008b8b; */
  color: #fff;
}

/* Tablet */
@media (max-width: 768px) {
  .herosec,
  .herosec .container {
    min-height: 100vh;
    background-position-y: 0px;
  }

  .herosec .container {
    padding: 0 20px;
  }

  .herosec .maintitle {
    top: 90px;
    left: 20px;
    width: 55%;
  }

  .herosec .maintitle h1 {
    font-size: clamp(32px, 6vw, 44px);
  }

  .herosec .maintitle p {
    font-size: 14px;
  }

  .herosec .description {
    top: 220px;
    left: 20px;
    right: auto;
    width: 260px;
  }

  .herosec .subtitle {
    left: 20px;
    bottom: 35px;
    align-items: flex-start;
  }

  .herosec .pricebtn {
    right: 20px;
    bottom: 60px;
    margin-top: 23px;
    text-align: left;
  }

  .herosec .subtitle h2 {
    font-size: 20px;
  }

  .herosec .subtitle h3 {
    font-size: 16px;
  }

  .herosec .pricebtn a {
    font-size: 13px;
    padding: 8px 10px;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .herosec,
  .herosec .container {
    min-height: 100vh;
    background-position-y: 0px;
  }

  .herosec .maintitle {
   top: 113px;
    width: 200px;
  }

  .herosec .maintitle h1 {
    font-size: 31px;
    line-height: 0.9;
  }

  .herosec .maintitle p {
    max-width: 270px;
    font-size: 14px;
  }

  .herosec .description {
    top: 225px;
    width: calc(100% - 40px);
  }

  .herosec .description p {
    font-size: 12px;
  }

  .herosec .subtitle {
    bottom: 30px;
    align-items: flex-start;
  }

  .herosec .pricebtn {
    right: 20px;
    bottom: 60px;
    margin-top: 23px;
    text-align: left;
  }
}
/* End of hero section  */

/* Start openview section  */
/* Main Section */
.openviews-section {
    width: 100%;
    overflow: hidden;
    background: #fff;
  
}

.openviews-header {
    position: absolute;
    top: 55px;
    left: 0;
    z-index: 3;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    color: #fff;
}

.openviews-section {
    position: relative;
}

.openviews-header h2 {
    margin: 0 0 12px;
    font-family: "Cinzel", serif;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.15;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.openviews-header p {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

/* Four Image Columns */
.openviews-row {
    margin: 0;
}

.openviews-col {
    padding: 0;
}

.openviews-card {
    position: relative;
    height: 338px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    isolation: isolate;
}

/* Image Zoom Effect */
.openviews-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: inherit;
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: transform 1.1s ease;
}

.openviews-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(to bottom, rgb(0 54 67) 0%, rgba(0, 30, 42, 0.40) 35%, rgba(0, 0, 0, 0.68) 100%);
    transition: background 0.4s ease;
}

.openviews-card:hover::before {
    transform: scale(1.13);
}

.openviews-card:hover::after {
    background: linear-gradient(
        to bottom,
        rgba(0, 67, 80, 0.3),
        rgba(0, 0, 0, 0.75)
    );
}

/* Dummy Background Images */
.openviews-north {
    background-image: url("../img/north.jpeg");
}

.openviews-east {
    background-image: url("../img/east.jpeg");
}

.openviews-west {
    background-image: url("../img/west.jpeg");
}

.openviews-south {
     background-image: url("../img/south.jpeg");
}

/* Icon and Text */
.openviews-card-content {
    position: absolute;
    right: 5px;
    bottom: 20px;
    left: 5px;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.openviews-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    border-radius: 50%;
    color: #fff;
    transition: background 0.35s ease, transform 0.35s ease;
}
.openviews-icon img{
 width: 100%;
}
.openviews-icon i {
    font-size: 40px;
    line-height: 1;
}

.openviews-card:hover .openviews-icon {
    background: rgba(255, 255, 255, 0.16);
    transform: translateY(-5px);
}

.openviews-card-content h3 {
    margin: 0 0 2px;
    font-family: "Cinzel", serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
}

.openviews-card-content h4 {
    margin: 0;
    font-family: "Cinzel", serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

/* Bottom White Description Strip */
.openviews-info-row {
    padding: 30px 0;
    background: #fff;
}

.openviews-info {
    display: flex;
    align-items: center;
    min-height: 60px;
    text-align: center;
    border-right: 1px solid #999;
    margin: 30px 0;
}
.no-border{
    border: none;
}
.openviews-info p {
    max-width: 82%;
    margin: auto;
    padding: 5px 18px;
    color: #303030;
    font-size: 14px;
    line-height: 19px;
}

/* .openviews-info:not(:nth-child(4)) p {
    border-right: 1px solid #999;
} */

/* Tablet */
@media (max-width: 991px) {
    .openviews-header {
        top: 35px;
    }

    .openviews-header h2 {
        font-size: 34px;
    }

    .openviews-header p {
        font-size: 14px;
    }

    .openviews-card {
        height: 440px;
    }

    .openviews-card-content {
        bottom: 18px;
    }

    .openviews-icon {
        width: 65px;
        height: 65px;
        margin-bottom: 18px;
    }

    .openviews-icon i {
        font-size: 32px;
    }

    .openviews-card-content h3 {
        font-size: 20px;
    }

    .openviews-card-content h4 {
        font-size: 16px;
    }

    .openviews-info-row {
        padding: 20px 0;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .openviews-header {
        top: 22px;
    }

    .openviews-header h2 {
        font-size: 25px;
        line-height: 1.2;
    }

    .openviews-header p {
        max-width: 420px;
        margin: 0 auto;
        font-size: 12px;
    }

    .openviews-card {
        height: 400px;
    }

    .openviews-info-row {
        padding: 12px 0;
    }

    .openviews-info {
        min-height: 75px;
    }

    .openviews-info p {
        padding: 10px;
        font-size: 14px;
    }

    .openviews-info:nth-child(2) p {
        border-right: none;
    }

    .openviews-info:nth-child(1),
    .openviews-info:nth-child(2) {
        border-bottom: 1px solid #ddd;
    }
}

@media (max-width: 420px) {
    .openviews-header h2 {
        font-size: 21px;
    }

    .openviews-card {
        height: 400px;
    }

    .openviews-card-content h3 {
        font-size: 20px;
    }

    .openviews-card-content h4 {
        font-size: 16px;
    }

    .openviews-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 14px;
    }

    .openviews-icon i {
        font-size: 26px;
    }
}
/* End of openview section  */


/* ===== Rooftop Showcase Section ===== */

.rooftop-showcase {
    width: 100%;
    overflow: hidden;
    border: 1px solid #dddddd;
  
}

.rooftop-showcase .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.rooftop-showcase .row {
    margin-left: 0;
    margin-right: 0;
}

.rooftop-showcase .rooftop-showcase-row {
    display: flex;
    align-items: stretch;
}

/* Image Column */

.rooftop-showcase .rooftop-showcase-image {
    padding: 0;
    overflow: hidden;
}

.rooftop-showcase .rooftop-showcase-image img {
    display: block;
    width: 100%;
    /* height: 500px; */
    object-fit: cover;
    transition: transform 0.6s ease;
}

.rooftop-showcase .rooftop-showcase-image:hover img {
    transform: scale(1.06);
}

/* Teal Content Panels */

.rooftop-showcase .rooftop-showcase-content {
    /* background-color: #00847f; */
    background: #00847f url(../img/elenents-02.png) no-repeat;
    background-size: 100%;
    background-position: right top;
    color: #ffffff;
    /* height: 500px; */
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.rooftop-showcase-content-right{
    background: #00847f url(../img/elenents-01.png) no-repeat !important;
    background-size: 100% !important;
    background-position: left bottom !important;
}

.rooftop-showcase .rooftop-showcase-text {
    width: 100%;
}
.rooftop-showcase .rooftop-showcase-content h1 {
    color: #E2BC6A;
    font-family: "Cinzel", serif;
    font-size: 36px;
    font-weight: 600;
}


.rooftop-showcase .rooftop-showcase-content h2 {
    color: #ffffff;
    font-family: "Cinzel", serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.05;
    margin: 0 0 12px;
    text-transform: uppercase;
}

.rooftop-showcase .rooftop-showcase-content p {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

/* White Arrow: Top Content Panel */

.rooftop-showcase .rooftop-showcase-content-right:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ffffff;
    z-index: 2;
    display: none;
}

/* White Arrow: Bottom Content Panel */

.rooftop-showcase .rooftop-showcase-content-left:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #ffffff;
    z-index: 2;
    display: none;
}

/* Tablet and Mobile Responsive */

@media (max-width: 767px) {

    .rooftop-showcase .rooftop-showcase-row {
        display: block;
    }

    .rooftop-showcase .rooftop-showcase-image,
    .rooftop-showcase .rooftop-showcase-content {
        width: 100%;
        float: none;
    }

    .rooftop-showcase .rooftop-showcase-image img {
        height: 240px;
    }

    .rooftop-showcase .rooftop-showcase-content {
        height: 210px;
        padding: 25px 15px;
    }

    .rooftop-showcase .rooftop-showcase-content h2 {
        font-size: 25px;
    }

    .rooftop-showcase .rooftop-showcase-content p {
        font-size: 15px;
    }

    .rooftop-showcase .rooftop-showcase-content-right:before,
    .rooftop-showcase .rooftop-showcase-content-left:after {
        display: none;
    }
}




/* Custom Image Slider */
.custom-image-slider-section {
    width: 100%;
    overflow: hidden;
}

.custom-image-slider-section .custom-image-swiper {
    width: 100%;
    /* height: 500px; */
    position: relative;
    overflow: hidden;
    
}

.custom-image-slider-section .swiper-slide {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.custom-image-slider-section .swiper-slide h3 {
    margin: 0;
    padding: 52px 0;
    font-size: 26px;
    /* font-family: "Cinzel", serif; */
    line-height: 1.3;
    color: #E2BC6A;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    width: 100%;
    text-align: center;
    background-image: linear-gradient(1deg, black, #00000000);
}
.custom-image-slider-section .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Navigation Arrows */
.custom-image-slider-section .custom-swiper-prev,
.custom-image-slider-section .custom-swiper-next {
    width: 44px;
    height: 44px;
    background: rgba(0, 0, 0, 0.55);
    color: #fff;
    border-radius: 50%;
    transition: background 0.3s ease;
}

.custom-image-slider-section .custom-swiper-prev:hover,
.custom-image-slider-section .custom-swiper-next:hover {
    background: #00847f;
}

.custom-image-slider-section .custom-swiper-prev:after,
.custom-image-slider-section .custom-swiper-next:after {
    font-size: 17px;
    font-weight: bold;
}

/* Pagination Bullets */
.custom-image-slider-section .custom-swiper-pagination {
    bottom: 18px !important;
}

.custom-image-slider-section .custom-swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 0.65;
    margin: 0 5px;
}

.custom-image-slider-section .custom-swiper-pagination .swiper-pagination-bullet-active {
    width: 25px;
    border-radius: 10px;
    background: #00847f;
    opacity: 1;
}

/* Responsive */
@media (max-width: 767px) {
    .custom-image-slider-section {
      
    }

    .custom-image-slider-section .custom-image-swiper {
        height: 280px;
      
    }

    .custom-image-slider-section .custom-swiper-prev,
    .custom-image-slider-section .custom-swiper-next {
        width: 34px;
        height: 34px;
    }

    .custom-image-slider-section .custom-swiper-prev:after,
    .custom-image-slider-section .custom-swiper-next:after {
        font-size: 13px;
    }
}


/* =========================================
   LUXURY FEATURE SLIDER - SECTION CSS
========================================= */

/* Prisha Parallax Banner Section */
.parallax-banner {
    position: relative;
    width: 100%;
    height: 550px;
    background-image: url('../img/luxury-living-room.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    align-items: end;
    justify-content: center;
    overflow: hidden;
}

/* Dark Overlay */
.parallax-banner .parallax-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
       background: rgb(0 0 0 / 73%);
}
.goldenfloral  {
    width: 150px;
    position: absolute;
    top: -106px;
}
.goldenfloral  img{
     width: 100%;
}
/* Center Content */
.parallax-banner .parallax-content {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 20px;
    text-align: center;
    color: #ffffff;
}

.parallax-banner .parallax-content h2 {
    margin: 0 0 10px;
    padding: 0;
    color: #ffffff;
    font-family: "Cinzel", serif;
    font-size: 50px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.parallax-banner .parallax-content p {
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.5;
}

/* Responsive */
@media (max-width: 767px) {
    .parallax-banner {
        height: 350px;
        background-attachment: scroll;
    }

    .parallax-banner .parallax-content h2 {
        font-size: 27px;
    }

    .parallax-banner .parallax-content p {
        font-size: 15px;
    }
}
/* =====================================
   KABRA SPACE SECTION
   All styles are section-specific
===================================== */

.kabra-space-section {
    width: 100%;
    background-color: #e7e8eb;
    padding: 36px 0 75px;
    overflow: hidden;
    box-sizing: border-box;
}

.kabra-space-section *,
.kabra-space-section *:before,
.kabra-space-section *:after {
    box-sizing: border-box;
}

/* Heading Area */

.kabra-space-section .kabra-space-heading {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.kabra-space-section .kabra-space-heading h2 {
    color: #008780;
    font-family: "Cinzel", serif;
    font-size: 42px;
    font-weight: 600;
    /* font-variant: small-caps; */
    line-height: 1.08;
    letter-spacing: 0;
    margin: 0 0 26px;
    padding: 0;
}

/* Description */

.kabra-space-section .kabra-space-description {
    color: #77797d;
    
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
    margin: 0 auto 16px;
    padding: 0 10px;
}

.kabra-space-section .kabra-space-description-bottom {
    margin-top: 0;
    margin-bottom: 54px;
}

/* Main Image */

.kabra-space-section .kabra-space-image {
    width: 100%;
    max-width: 702px;
    margin: 0 auto;
    overflow: hidden;
}

.kabra-space-section .kabra-space-image img {
    display: block;
    width: 100%;
    height: 196px;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    transition: transform 0.5s ease;
}

/* Optional subtle image hover */

.kabra-space-section .kabra-space-image:hover img {
    transform: scale(1.025);
}

/* Tablet */

@media (max-width: 991px) {
    .kabra-space-section {
        padding: 32px 0 55px;
    }

    .kabra-space-section .kabra-space-heading {
        max-width: 760px;
    }

    .kabra-space-section .kabra-space-heading h2 {
        font-size: 36px;
    }

    .kabra-space-section .kabra-space-image {
        max-width: 80%;
    }

    .kabra-space-section .kabra-space-image img {
        height: auto;
        min-height: 180px;
    }

    .kabra-space-section .kabra-space-description-bottom {
        margin-bottom: 38px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .kabra-space-section {
        padding: 30px 0 40px;
    }

    .kabra-space-section .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .kabra-space-section .kabra-space-heading h2 {
        font-size: 29px;
        line-height: 1.15;
        letter-spacing: 0.5px;
        margin-bottom: 22px;
    }

    .kabra-space-section .kabra-space-description {
        font-size: 12px;
        line-height: 1.8;
        padding: 0;
        margin-bottom: 16px;
    }

    .kabra-space-section .kabra-space-desktop-break {
        display: none;
    }

    .kabra-space-section .kabra-space-description-bottom {
        margin-bottom: 30px;
    }

    .kabra-space-section .kabra-space-image {
        max-width: 100%;
    }

    .kabra-space-section .kabra-space-image img {
        width: 100%;
        height: auto;
        min-height: 0;
    }
}



/* Banner */

.project-highlights-section .project-highlights-banner {
    width: 100%;
    height: 303px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    /* Dummy building image */
    background-image: url(
        'https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1920&q=85'
    );

    background-size: cover;
    background-position: center 42%;
    background-repeat: no-repeat;
}

/* Dark overlay */

.project-highlights-section .project-highlights-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 45, 48, 0.38);
    z-index: 1;
}

/* Banner heading */

.project-highlights-section .project-highlights-banner-content {
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center;
    padding: 20px;
}

.project-highlights-section .project-highlights-banner-content h2 {
    color: #ffffff;
    font-family: "Cinzel", serif;
    font-size: 42px;
    font-weight: 600;
    /* font-variant: small-caps; */
    line-height: 1.2;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-transform: none;
}

/* Teal details area */

.project-highlights-section .project-highlights-details {
    width: 100%;
    background-color: #00847f;
    padding: 53px 0 54px;
}

.project-highlights-section .project-highlights-details .container {
    width: 100%;
    max-width: 1170px;
}

/* Four columns */

.project-highlights-section .project-highlights-row {
    display: flex;
    align-items: center;
    margin: 0;
}

.project-highlights-item {
    float: none;
    padding: 15px 12px;
    text-align: center;
    position: relative;
}

/* Vertical divider */

.project-highlights-section .project-highlights-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 86px;
    width: 1px;
    background: rgba(255, 255, 255, 0.95);
}

/* Highlight text */

.project-highlights-section .project-highlights-info h3 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 2px;
    padding: 0;
}

.project-highlights-section .project-highlights-info p {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

/* Tablet */

@media (max-width: 991px) {
    .project-highlights-section .project-highlights-banner {
        height: 270px;
    }

    .project-highlights-section .project-highlights-banner-content h2 {
        font-size: 36px;
    }

    .project-highlights-section .project-highlights-details {
        padding: 35px 0;
    }

    .project-highlights-section .project-highlights-info h3 {
        font-size: 17px;
    }

    .project-highlights-section .project-highlights-info p {
        font-size: 15px;
    }

    .project-highlights-section .project-highlights-item:not(:last-child)::after {
        height: 70px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .project-highlights-section .project-highlights-banner {
        height: 220px;
        background-position: center;
    }

    .project-highlights-section .project-highlights-banner-content h2 {
        font-size: 30px;
    }

    .project-highlights-section .project-highlights-details {
        padding: 20px 10px;
    }

    .project-highlights-section .project-highlights-row {
        display: flex;
        flex-wrap: wrap;
    }

    .project-highlights-section .project-highlights-item {
        width: 50%;
        padding: 22px 8px;
    }

    .project-highlights-section .project-highlights-item:nth-child(2)::after {
        display: none;
    }

    .project-highlights-section .project-highlights-item:not(:last-child)::after {
        height: 60px;
    }

    .project-highlights-section .project-highlights-info h3 {
        font-size: 16px;
    }

    .project-highlights-section .project-highlights-info p {
        font-size: 14px;
        line-height: 1.5;
    }
}





/* Start slider section  */

.mainslider {
    overflow: hidden;
    position: relative;

}

.mainslider .swiper-container img {
    width: 100%;
}

.slide-1 img {
    width: 100%;
}

.overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0 0 0/52%);
    background-size: 3px 3px;
    z-index: 1
}

.sliderinfoinner {
    position: relative
}

.sliderinfo {
    position: absolute;
    top: 60%;
    left: 10%;
    transform: translateY(-50%);
    max-width: 600px;
    width: 90%;
    z-index: 1;
}

.sliderinfo h1 {
    color: #fff;
    font-size: 64px;
    font-weight: 400;
    text-shadow: 1px 1px 1px #545050;
    margin-top: 0;
   
}

.swiper-button-next,
.swiper-button-prev {
    color: #ffffff;
    /* top: var(--swiper-navigation-top-offset, 60%); */
    width: calc(var(--swiper-navigation-size) / 10* 27);
    outline: 0;
}

/* Start swipper arrow  */

.slider__prev,
.slider__next {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 2;
    box-shadow: 0 0 15px rgba(75, 75, 75, 0.4);
    top: calc(50% - 25px);
    cursor: pointer;
}

.slider__prev::after,
.slider__next::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    top: 20px;
    left: 20px;
    box-sizing: border-box;
}

.slider__prev.is-edge,
.slider__next.is-edge {
    opacity: 0.6;
    box-shadow: none;
    cursor: not-allowed;
}

.slider__prev {
    left: 0px;
}

.slider__prev::after {
    border-top: 3px solid #333;
    border-left: 3px solid #333;
}

.slider__next {
    right: 0px;
}

.slider__next::after {
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
}

.mainslider__prev {
    top: 60%;
    left: 4%;
}

.mainslider__next {
    top: 60%;
    right: 4%;
}

.acitvity-next {
    right: 4%;
}

.acitvity-prev {
    left: 4%;
}

/* End of slider section  */

/* Start introduction section  */

.project-intro {
    color: #000;
    padding: 60px 0;
}


.be-title h1 {
    display: block;
    margin: 0;
     font-family: "Cinzel", serif;
    letter-spacing: 1px;
}
.be-title-inner p {
    font-size: 19px;
    font-weight: 300;
}
.be-title h1 span,
.be-title h2 span {
    color: #c5a059;
}

.be-title h1 {
    font-size: 40px;
}

.project-intro p {
       font-size: 16px;
    line-height: 1.5;
    margin: 1.5rem auto 0;
}

.btn-be-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c5a059;
    border-radius: 2rem;
    padding: 4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}

/* End of introduction section  */

/* Start Mumbai View Section  */

.mumbaiview {
    background-image: url(../img/BirdEyeView.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    min-height: 100vh;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.mumbaiview h1 {
    color: #fff;
}
.goldenfloral2{
     width: 150px;
     position: absolute;
     top: -213px;
}
.goldenfloral2 img{
    width: 100%;
}

/* End of Mumbai View Section  */

/* Start activities slider section  */

.amtsec img {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* height: 350px; */
}

.amt_slider2 img {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    /* height: 400px; */
}

.amtsec .swiper-slide {
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    overflow: hidden;
    /* background: #055878; */
    text-align: center;
    margin-bottom: 30px;
    /* border-radius: 30px; */
}

/* .activities_slider .swiper-slide:hover img{
    transform: scale(1.2);
    transition: all 0.5s;
} */

.amtsec h3 {
    padding: 15px 0;
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    background-image: linear-gradient(#29303103, #000000);
    position: absolute;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 0 0 30px 30px;
    display: none;
}

.amt_sliderbox .swiper-slide {
    transition: filter 0.3s ease, transform 0.3s ease;
}

.amt_sliderbox .swiper-slide:not(.swiper-slide-active) {
    filter: blur(2px);
    /* transform: scale(0.9); */
}

.amt_sliderbox .swiper-slide-active {
    filter: blur(0);
    transform: scale(1);
}

.amt_sliderbox .swiper-slide {
    transition: all 0.3s ease;
    width: 5cqh;
    /* Default smaller width for non-active slides */
}

.aq-logo {
    width: 300px !important;
    margin: auto;
    display: block;
    margin-bottom: 30px;
}

.skl {
    width: 300px !important;
    margin: auto;
    display: block;
    margin-bottom: 30px;
}

.amtimgbox {
    transform: translateY(-80px);
    margin-bottom: -80px;
}

/* End ofactivities slider section  */

/* Start configuration section  */

.configuration {
    padding: 60px 0;
}

.configuration-wrapper {
    /* display: flex; */
    /* gap: 30px; */
    /* justify-content: center; */
}

.configuration-list {
    position: relative;
    overflow: hidden;
    cursor: default;
    color: #000;
    background-color: #ffffff;
    border: 1px solid #c5a059;
    padding: 1rem 2rem;
    text-align: center;
    border-radius: 10px;
    transform: translateY(0);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    /* width: 287px; */
}
.configbox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    text-align: left;
}
.configuration-list .configuration-list-content h2 {
    font-size: 25px;
    color: #c5a059;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: bold;
}

.configuration-list .configuration-list-content p {
    margin: 0;
    font-size: 21px;
    font-weight: 400;
    color: #000000
}

.configuration-list .configuration-list-content p span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    opacity: .8
}

.fplaan img {
    width: 100%;
    margin: auto;
    height: 250px;
    object-fit: cover;
}
.configuration-list .configuration-list-content .btn-be-secondary {
    margin-top: 1.5rem
}

.configuration-list .configuration-list-content .btn-be-secondary i {
    margin-right: 5px
}

.configuration-list:hover,
.configuration-list:focus {
    background-color: #fff5df;
    transform: translateY(-8px)
}

/* End of configuration section  */

/* Start big image section  */
.bigimg{
        background-image: url(../img/slider/4.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
        min-height: 500px;
        color: #fff;
    }
/* End of big image section  */

/* Start connectivity section  */

#accordion .question {
    margin-bottom: 15px;
}

#accordion .question header {
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 18px 20px;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    justify-content: space-between;
}

#accordion .question header h1 {
    line-height: 26px;
}

#accordion .question header h1 span {
    font-size: 16px;
    font-style: italic;
    padding-left: 40px;
}

#accordion .question header h3 {
    margin: 0;
    font-weight: 500;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 17px;
}

#accordion .question header i {
    padding: 0 10px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    font-size: 21px;
}

#accordion .question main {
    display: none;
    padding: 15px;
    box-sizing: border-box;
}

#accordion .question main p {}

#accordion .question.active header i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#accordion .question li {
    line-height: 30px;
    list-style: outside;
    margin-left: 57px;
}

#accordion .question p {
    margin-bottom: 5px;
    text-align: justify;
    margin-top: 5px;
}

/* End of connectivity section  */

/* ///////////////////////////////////////////////////////
             /  Start Amenities slider /
////////////////////////////////////////////////////////// */

#indulgences {
    position: relative;
    padding: 200px 0 100px;
        background: #d3ecea;
    /*background:url(../images/bg-gray-big.jpg) center top/cover no-repeat*/
}

.for-indulgences {
    display: flex;
    justify-content: start;
    margin: 1.2rem 0
}

#indulgences .ref-img-note {
    left: 0;
    bottom: 0
}

.indulgences-inro .be-title {
    text-align: left
}

/*.indulgences-inro{text-align:left}
.indulgences-inro p{font-size:1rem;color:#000}*/

#indulgences .intro-mob {
    display: none
}

#indulgences .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .7
}

.slider-panel {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    padding-left: 20.92vw
}

.slider-panel figure {
    position: relative;
    margin: 0
}

.slider-panel figure img {
    display: inherit !important;
    width: inherit !important;
    height: 100%;
    object-fit: cover
}

.slider-panel .top-slider,
.slider-panel .main-slider,
.slider-panel .side-slider {
    overflow: hidden;
    border-radius: 1rem
}

.slider-panel .main-slider {
    width: 46%
}

/*.slider-panel .main-slider figure{padding-bottom:83.06%}*/

.slider-panel .side-slider {
    width: 10%;
    border-radius: 1rem 0 0 1.5rem
}

/*.slider-panel .main-slider,.slider-panel .side-slider{max-height:520px}*/

#indulgences .owl-carousel .owl-item,
#indulgences .owl-carousel .owl-stage,
#indulgences .owl-carousel .owl-stage-outer,
.slider-panel .side-slider .item,
.slider-panel .top-slider .item {
    height: 100%
}

.slider-panel .side-slider figure {
    height: 100%;
    /*padding-bottom:73%*/
}

.slider-panel .top-slider {
    position: absolute;
    left: 12%;
    top: -12%;
    width: 12%;
    height: 70%
}

.slider-panel .top-slider figure {
    height: 100%;
    /*padding-bottom:67.73%*/
}

.slide-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 35%
}

.slide-info .indulgences-inro h2 {
    text-align: left;

}

.slide-info h3 {
    font-size: 1.25rem;
    text-transform: uppercase;
    margin-bottom: 1rem
}

.slide-info h3 span {
    display: block;
    font-size: 25px
}

.slide-info li {
    position: relative;
    font-size: 16px;
    color: #000;
    line-height: 100%;
    padding: 5px 0 5px 35px
}

.slide-info li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 100px
}

.slide-info .info-panel {
    position: relative
}

.slide-info .info-panel .owl-nav {
    position: relative
}

/*.slide-info .info-panel .owl-nav::before{content:"";background:url(../images/and-img-icon.svg) center center;background-repeat:no-repeat;width:100%;height:100%;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:22px;color:#54184a;border-radius:0;font-family:var(--font-Nickles);}*/

.slide-info .info-panel .owl-nav button {
    position: relative
}

.slide-info .info-panel .owl-nav button.disabled {
    color: #8f8f8f
}

/*.slide-info .info-panel .owl-nav button::before{content:'';position:absolute;top:46%;transform:translateY(-50%);width:100%;height:3px;background:#54184a}
.slide-info .info-panel .owl-nav button.owl-prev::before{left:4px}
.slide-info .info-panel .owl-nav button.owl-next::before{right:0}*/

.slide-info .info-panel .owl-nav button.disabled::before {
    background: #8f8f8f
}

.slide-info .info-panel .owl-nav button.owl-next {
    text-align: right;
    margin-left: 20px
}

.slide-info .info-panel .owl-nav button.owl-prev {
    text-align: left;
    margin-right: 20px
}

.bg-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slide-info .info-panel .owl-nav button img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width: 1730px) {
    #indulgences {
        padding: 150px 0 80px
    }
    /*.indulgences-inro p{font-size:16px}*/
    .slide-info h3 {
        font-size: 22px
    }
    .slide-info h3 span {
        font-size: 18px
    }
    .slide-info li {
        font-size: 16px;
        padding: 5px 0 5px 35px
    }
    .slide-info .info-panel .owl-nav button {
        width: 50px;
        font-size: 20px
    }
    .slider-panel .main-slider {
        width: 50%
    }
    .indulgences-inro {
        text-align: center
    }
}

@media screen and (max-width: 1440px) {
    .slide-info {
        width: 30%
    }
    .slide-info .info-panel .owl-nav {
        top: 0
    }
    .slide-info {
        width: 30%
    }
}

@media screen and (max-width: 1279px) {
    .slider-panel .main-slider {
        width: 47%
    }
    .slide-info {
        width: 40%
    }
    .slider-panel .side-slider {
        width: 5%
    }
}

@media screen and (max-width:1199px) {
    .slider-panel .main-slider,
    .slider-panel .side-slider {
        max-height: 380px
    }
}

@media screen and (max-width: 1023px) {
    .slider-panel {
        flex-direction: column;
        padding-left: 16.92vw;
        padding-right: 40px
    }
    .slider-panel .main-slider {
        width: 100%
    }
    .slider-panel .top-slider {
        left: 0;
        top: -8%;
        width: 27%;
        height: 45%
    }
    .slider-panel .side-slider {
        display: none
    }
    .slide-info {
        width: 100%
    }
    .slide-info .info-panel .owl-nav {
        top: auto;
        bottom: 0
    }
    .slide-info .info-panel {
        padding: 30px 0 0
    }
    .slide-info h3 span {
        display: inline
    }
    #indulgences {
        padding: 110px 0 80px
    }
    #indulgences .intro-mob {
        display: block;
        padding-bottom: 10%
    }
    #indulgences .intro-desktop {
        display: none
    }
    #indulgences .intro-mob {
        display: block;
        padding-bottom: 27%
    }
}

@media screen and (max-width: 767px) {
    #indulgences {
        padding: 60px 0 30px
    }
    .slide-info .info-panel .owl-nav button::before {
        top: 49%
    }
    .slide-info .info-panel .owl-nav button.owl-prev::before {
        left: 2px
    }
}

@media (max-width:575px) {
    .indulgences-inro h2,
    #location .loc-inro h2 {
        font-size: 1.5rem
    }
    .slider-panel .top-slider,
    .slider-panel .main-slider,
    .slider-panel .side-slider,
    .slider-container,
    .request-callback-inner {
        border-radius: 10px
    }
    .slider-panel .top-slider {
        height: 35%
    }
    .for-indulgences {
        margin-top: 0
    }
}

/* ////////////////// End of Amenities slider section  /////////////////////////////  */

/* Start Floor plan seection  */

.slider-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    /* margin-top: 20px; */
    border-radius: 1rem;
}

.residenceSlider .item {
    overflow: hidden
}

.residenceSlider .item img {
    width: 100%;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
}

.residenceSlider .item:hover img,
.residenceSlider .item:focus img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1)
}

.residenceSlider.owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.residenceSlider .owl-item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000000;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8) 10%, rgba(0, 0, 0, 0) 100%)
}

.residenceSlider .owl-item .caption {
    margin: 0;
    padding: 52px 0;
    font-size: 26px;
    font-family: "Cinzel", serif;
    line-height: 1.3;
    color: #E2BC6A;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    width: 100%;
    text-align: center;
}

/* Start legecy section  */

.image-row {
    display: flex;
    padding: 60px 0px;
}
.image-container {
    padding: 0px 14px;
    text-align: center;
    border-right: 2px dotted #BC9549;
  }
  
  .image-container h2 {
    margin-bottom: 10px;
    line-height: 23px;
    word-spacing: 2px;
    /* color: white; */
    font-weight: 900;
    font-size: 34px;
  }
  
  .image-container p {
    color: #141414;
  }
  
  .image-container img {
    width: 100%;
    height: 250px;
    object-fit: cover;
  }

  .image-container .icon1{
    width: 70px;
    height: auto;
    margin-bottom: 10px;
  }



/* ENd of legecy section  */

/* /////////////////////////////////////////////////////////////////////
     
    StaRT neW FOOTER 

//////////////////////////////////////////////////////////////// */

.site-footer {
    position: relative;
    display: block;
    z-index: 1;
    color: #fff;
}

.logo-box img{
    width: 160px;
}

.f-grplogo{
    width: 250px;
}

.site-footer__top {
    position: relative;
    display: block;
    padding: 57px 0 30px;
    z-index: 1;
    background: #02686f;
}

.site-footer__shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .1
}

.about-two-shape-1 img,
.about-two-shape-2 img,
.site-footer__shape-1 img {
    width: auto
}

.site-footer__top-inner {
    position: relative;
    display: block
}

.footer-widget__about {
    position: relative;
    display: block;
    margin-top: -3px
}

.footer-widget__Explore,
.footer-widget__about-text-box {
    position: relative;
    display: block
}

.footer-widget__about-text {
  
    font-size: 20px;
    line-height: 34px
}

.site-footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px
}

.site-footer__social a {
    position: relative;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 15px;
    background-color: #23252b;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1
}


.site-footer__social a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    -webkit-transition: .4s ease-in-out .1s;
    transition: .4s ease-in-out .1s;
    opacity: 1;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    z-index: -1
}

.site-footer__social a:hover:after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.footer-widget__title-box {
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
}

.footer-widget__title-box:before {
    content: "";
    position: absolute;
    top: 16px;
    right: -30px;
    height: 1px;
    width: 21px
}

.footer-widget__title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700
}

.about-two__right,
.footer-widget__Contact,
.footer-widget__Explore-list,
.footer-widget__find,
.measurement__icon {
    position: relative;
    display: block
}

.footer-widget__Explore-list li+li {
    margin-top: 4px;
    line-height: 30px;
}

.footer-widget__Explore-list li a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fefefe;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1
}

.footer-widget__find-text {
    color: #a2a5ae;
    font-size: 16px;
    margin-top: -2px;
    line-height: 26px;
}

.footer-widget__find-text a {
    color: #fefefe;
}

.footer-widget__find-text a:hover,
.footer-widget__Explore-list li a:hover,
.footer-widget__Contact-list li .text p a:hover {
    color: #deba6f;
}

.footer-widget__Contact-list {
    position: relative;
    display: block;
    padding-top: 2px
}

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

.footer-widget__Contact-list li+li {
    margin-top: 5px
}

.footer-widget__Contact-list li .icon {
    position: relative;
    display: flex;
    align-items: center
}

.footer-widget__Contact-list li .icon span {

    position: relative;
    display: inline-block;
    font-size: 15px
}

.footer-widget__Contact-list li .text p,
.site-footer__bottom-text {
        font-size: 14px;
    font-weight: 400;
    color: #fefefe;
    margin-bottom: 0;
}

.footer-widget__Contact-list li .text p a {
    color: #fefefe;
    transition: .5s
}

.site-footer__bottom {
    position: relative;
    display: block;
    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, .1);
    padding: 27px 0;
    z-index: 1;
    background: #023639;
}

.site-footer__bottom-inner {
    position: relative;
    display: block;
    text-align: center;
    z-index: 1
}

.site-footer__bottom-text {
    line-height: 26px
}

.rera {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-items: center;
}

.rera-details {
    display: flex;
    align-items: center;
    gap: 15px;
}

.rera-details p {
    margin-bottom: 0;
}

.social-media ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 5px;
    justify-content: center;
}

.social-media ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 2px solid #f1f1f1;
 
    border-radius: 50%;
    text-decoration: none;
    color: #f1f1f1;

    transition: all 0.3s ease;
    font-size: 14px;
}

.social-media ul li a:hover {
    background-color: #c4a482;
   
    color: #222222;

    border-color: #c4a482;

}

.disclaimer  p{
    font-size: 10px;
}


/* Start contact section  */

.contact-sec  {
        background: #00847f url(../img/elenents-02.png) no-repeat;
    background-size: 100%;
  background-position: left top;
}
.contact-sec  h1, .contact-sec  p{
    color: #fff;
}
.input-box {
      position: relative;
  }
  .input-box span {
      position: absolute;
      top: 10px;
      left: 10px;
      color: #00221c;
  }
.input-box input {
      width: 100%;
      height: 40px;
      border: 0;
      /* border-bottom: 1px solid #ccc; */
      padding: 0 0 0 37px;
      font-size: 15px;
      margin-bottom: 12px;
      border-radius: 0;
    color: #000000;
    background: #ffffff;
      border-radius: 25px;
      
  }
  
  .input-box select {
      width: 100%;
      height: 40px;
      border: 0;
      border-bottom: 1px solid #ccc;
      padding: 0 0 0 37px;
      font-size: 12px;
      margin-bottom: 12px;
      border-radius: 0;
  }
  
  .input-box input:focus {
      border: 0px;
      outline: 0;
  }
 

  .ctn-btn{
    margin-left: 15px;
    padding: 7px 20px;
    border-radius: 3px;
    margin-top: 5px;
    border-radius: 19px;
    font-size: 15px;
    margin-right: 17px;
    transition: all 0.5s;
     background: #ffffff;
    color: #02686f;
    transition: all 0.5s;
    border: 0;
    font-weight: bold;
    border: 1px solid #c5a059;
    /* background-image: linear-gradient(45deg, #83c47d, #f3a43b); */
}

  .ctn-btn:hover {
    /* background: #000 !important; */
    color: #02686f !important;
    transition: all 0.5s;
}

/* End of contact section  */


/* Start side enquiry pannel  */
  
/* Side Enqiry button */

.side_enquiry {
     position: fixed;
     top: 35%;
     transform: rotate(-90deg);
     right: -77px;
     z-index: 1250;
}



.side_enquiry ul {
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
}
.side_enquiry ul li a{
     background: #02686f;
     /* margin: 10px; */
     padding: 10px 20px;
     text-align: center;
     text-transform: uppercase;
     transition: 0.5s;
     background-size: 200% auto;
     color: #ffffff;
     /* box-shadow: 0 0 20px #eee; */
     /* border-radius: 10px; */
     display: block;
     font-size: 14px;
     /* animation: zoomEffect 1.5s infinite ease-in-out; */
     border-radius: 6px 6px 0px 0px;
     overflow: hidden;
     cursor: pointer;
     border: 1px solid #fff;
}
/* 
.sideEnq a {
    
   
} */

.side_enquiry ul li a:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none;
    /* background: #eab7a2; */
    transition: all 0.5s linear;
}

/* End of side enquiry pannel  */

 /* Start popup modal design  */

  .popupmodal .modal-content {
    background-color: #ffffff;
    border-radius: 0px;
    outline: 2px solid #ffffff;
    outline-offset: 5px;
    padding: 20px;
    max-width: 467px;
    width: 90%;
    margin: 1.75rem auto;
  }

.popupbox{
    color: #000;
}
.popupbox form input::placeholder{
    color: #000;
    font-size: 12px;
}
.popupbox h4 {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    /* text-transform: uppercase; */
}
.popupbox p {
    font-size: 17px;
}

.popupbox form input{
    height: 40px;
    border: 1px solid #ffffff;
    width: 100%;
    background: #fff0;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #000000;
    padding-left: 10px;
    border-radius: 0px !important;
    color: #000;
    border-left: none;
    margin-bottom: 18px;
    outline: 0;
}

.modal .close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #ff0000;
    opacity: 1;
    outline: none;
    border: none;
    z-index: 9;
    /* filter: brightness(0) invert(1); */
}
.popupbox form .form-btn {
    color: #e2bb6a;
    margin-top: 20px;
    padding: 7px 40px;
    border: 1px solid #02686f;
    width: 150px;
    height: 40px;
    margin: auto;
    display: block;
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 18px;
    transition: all 0.3s ease;
      background: #02686f;
}

.popupbox form .form-btn:hover{
    background: #02686f;
    color: #fff;
    box-shadow: 3px 4px 19px #000;
}

.modal-content {
    -webkit-box-shadow: 0 5px 15px rgb(122 98 69);
    box-shadow: 0 5px 15px rgb(122 98 69);
}
.modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0; /* Remove default Bootstrap margin */
    width: 90%;
  }
  .modal-open {
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 0 !important;
}
/* End of popup modal */


/* mobile fixed footer section contact btn  */

.fixed-footer-cust {
   
    text-align: center;
    padding: 10px 0px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    z-index: 99;
    border-top: 1px solid #e2bb6a;
    background: #02686f;
}

.f-icon {
    height: 14px;
    width: 14px;
    padding-top: 4px;
}

.fix-link {
    color: #ffffff !important;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
}

.div-line {
    border-right: 1px solid #ffffff;
}

.free-call:hover {
    color: #FFFFFF;
}

.i-am {
    padding: 0;
    background: transparent;
    border: none;
    background-image: none;
    box-shadow: none;
}

.i-am:hover,
.i-am:focus {
    background: transparent !important;
    outline: 0 !important;
}


/* End of mobile fixed footer section contact btn  */


/* =========================================
   SHUTTERSTOCK SHOWCASE SECTION
========================================= */

.shutterstock-showcase {
    width: 100%;
    padding: 18px 0;
    overflow: hidden;
}

.shutterstock-showcase .shutterstock-showcase-inner {
    width: 100%;
    height: 500px;
    display: flex;
    gap: 4px;
    overflow: hidden;
}

/* Individual Panels */

.shutterstock-showcase .shutterstock-panel {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: flex 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Default First Panel Large */

.shutterstock-showcase .panel-one {
    flex: 2.1;
}

/* Hover Expand Effect */

.shutterstock-showcase .shutterstock-showcase-inner:hover
.shutterstock-panel {
    flex: 1;
}

.shutterstock-showcase .shutterstock-showcase-inner:hover
.shutterstock-panel:hover {
    flex: 2.1;
}

/* Background Images */

.shutterstock-showcase .shutterstock-panel-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: transform 1s ease;
}

/* Dummy Images */

.shutterstock-showcase .panel-one .shutterstock-panel-bg {
    background-image: url('../img/cityview/1.jpg');
}

.shutterstock-showcase .panel-two .shutterstock-panel-bg {
       background-image: url('../img/cityview/2.jpg');
}

.shutterstock-showcase .panel-three .shutterstock-panel-bg {
       background-image: url('../img/cityview/3.jpg');
}

.shutterstock-showcase .panel-four .shutterstock-panel-bg {
        background-image: url('../img/cityview/4.jpg');
}

/* Image Zoom on Hover */

.shutterstock-showcase .shutterstock-panel:hover
.shutterstock-panel-bg {
    /* transform: scale(1.08); */
}

/* Dark Overlay */

.shutterstock-showcase .shutterstock-panel-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgb(0 0 0 / 88%) 0%, rgb(0 0 0 / 47%) 45%, rgba(0, 0, 0, 0.35) 100%);
    transition: background 0.5s ease;
}

.shutterstock-showcase .shutterstock-panel:hover
.shutterstock-panel-overlay {
    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.45),
        rgba(0,0,0,0.05) 65%,
        rgba(0,0,0,0.25)
    );
}

/* Main Panel Content */

.shutterstock-showcase .shutterstock-main-content {
    position: absolute;
    top: 38px;
    left: 38px;
    right: 25px;
    z-index: 2;
    color: #fff;
    opacity: 1;
    transition: opacity 0.4s ease;
}

.shutterstock-showcase .shutterstock-main-content h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.15;
    margin: 0 0 12px;
    font-family: "Cinzel", serif;
}

.shutterstock-showcase .shutterstock-main-content p {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    max-width: 320px;
    margin: 0;
}

/* Explore Button */

.shutterstock-showcase .shutterstock-explore-btn {
    position: absolute;
    top: 360px;
    left: 0;
    display: inline-block;
    padding: 14px 20px;
    background: #080808;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 7px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.shutterstock-showcase .shutterstock-explore-btn:hover {
    background: #fff;
    color: #111;
    text-decoration: none;
}

/* Other Panel Headings */

.shutterstock-showcase .shutterstock-panel-title {
    position: absolute;
    top: 20px;
    left: 18px;
    right: 15px;
    z-index: 2;
    
   
}
.shutterstock-showcase .shutterstock-panel-title  h2 {
    font-family: "Cinzel", serif;
    color: #fff;
    font-weight: 600;
}
.shutterstock-showcase .shutterstock-panel-title h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
    font-family: "Cinzel", serif;
}
.shutterstock-showcase .shutterstock-panel-title  p {
    color: #fff;
    font-size: 14px;
}
/* Decorative Element */

.shutterstock-showcase .shutterstock-panel-extra {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 135px;
    height: 230px;
    border-radius: 50%;
    background: rgba(0, 190, 225, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.shutterstock-showcase .panel-two:hover
.shutterstock-panel-extra {
    opacity: 1;
}

.shutterstock-showcase .shutterstock-panel-extra span {
    font-size: 65px;
    color: rgba(255,255,255,0.9);
}
.shutterstock-showcase .shutterstock-panel:hover
.shutterstock-panel-title h3 {
    font-size: 22px;
    line-height: 1.3;
}

/* Active Panel Heading */
.shutterstock-showcase .shutterstock-panel.mobile-active
.shutterstock-panel-title h3 {
    font-size: 22px;
}

/* First Panel Main Heading */
.shutterstock-showcase .shutterstock-main-content h2 {
    transition: font-size 0.5s ease;
}

.shutterstock-showcase .panel-one:hover
.shutterstock-main-content h2 {
    font-size:32px;
}
/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 767px) {

    .shutterstock-showcase .shutterstock-showcase-inner {
        height: auto;
        flex-direction: column;
        gap: 5px;
    }

    .shutterstock-showcase .shutterstock-panel,
    .shutterstock-showcase .panel-one {
        flex: none;
        width: 100%;
        height: 300px;
    }

    .shutterstock-showcase .shutterstock-showcase-inner:hover
    .shutterstock-panel,
    .shutterstock-showcase .shutterstock-showcase-inner:hover
    .shutterstock-panel:hover {
        flex: none;
    }

    .shutterstock-showcase .shutterstock-main-content {
        top: 25px;
        left: 22px;
    }

    .shutterstock-showcase .shutterstock-main-content h2 {
        font-size: 26px;
    }

    .shutterstock-showcase .shutterstock-explore-btn {
        top: 185px;
    }
}


/* Mobile Tap Expand Effect */
@media (max-width: 767px) {

    .shutterstock-showcase .shutterstock-showcase-inner {
        height: auto;
        min-height: 500px;
        flex-direction: column;
        gap: 5px;
    }

    .shutterstock-showcase .shutterstock-panel,
    .shutterstock-showcase .panel-one {
        flex: none;
        width: 100%;
        height: 220px;
        min-height: 120px;
        transition: height 0.6s ease,
                    min-height 0.6s ease;
    }

    /* Active Panel Expand */
    .shutterstock-showcase .shutterstock-panel.mobile-active {
        height: 350px;
        min-height: 350px;
    }

    /* Main Content */
    .shutterstock-showcase .shutterstock-main-content {
        top: 25px;
        left: 22px;
        right: 15px;
        opacity: 0;
        transition: opacity 0.4s ease;
    }

    .shutterstock-showcase .panel-one.mobile-active
    .shutterstock-main-content {
        opacity: 1;
    }

    .shutterstock-showcase .shutterstock-main-content h2 {
        font-size: 26px;
    }

    .shutterstock-showcase .shutterstock-main-content p {
        font-size: 13px;
    }

    .shutterstock-showcase .shutterstock-explore-btn {
        position: relative;
        top: auto;
        margin-top: 20px;
    }

    /* Other Panel Headings */
    .shutterstock-showcase .shutterstock-panel-title {
        top: 18px;
        left: 20px;
        opacity: 1;
        transition: opacity 0.3s ease;
    }

    .shutterstock-showcase .shutterstock-panel.mobile-active
    .shutterstock-panel-title {
        opacity: 1;
    }

    /* Hide Decorative Element Initially */
    .shutterstock-showcase .shutterstock-panel-extra {
        opacity: 0;
    }

    .shutterstock-showcase .panel-two.mobile-active
    .shutterstock-panel-extra {
        opacity: 1;
    }

    /* Remove Desktop Hover Expansion */
    .shutterstock-showcase .shutterstock-showcase-inner:hover
    .shutterstock-panel {
        flex: none;
    }
}


/* Residence Slider - Arrow Styling */
.residenceSlider {
    position: relative;
}

/* Common Arrow Style */
.residenceSlider .owl-nav button.owl-prev,
.residenceSlider .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25) !important;
    color: #ffffff !important;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
}

/* Left Arrow Position */
.residenceSlider .owl-nav button.owl-prev {
    left: 25px;
}

/* Right Arrow Position */
.residenceSlider .owl-nav button.owl-next {
    right: 25px;
}

/* Draw Arrow Using CSS */
.residenceSlider .owl-nav button.owl-prev::before,
.residenceSlider .owl-nav button.owl-next::before {
    content: "";
    width: 12px;
    height: 12px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    display: block;
}

.residenceSlider .owl-nav button.owl-prev::before {
    transform: rotate(-135deg);
    margin-left: 5px;
}

.residenceSlider .owl-nav button.owl-next::before {
    transform: rotate(45deg);
    margin-right: 5px;
}

/* Hover Effect */
.residenceSlider .owl-nav button.owl-prev:hover,
.residenceSlider .owl-nav button.owl-next:hover {
    background: #ffffff !important;
    border-color: #ffffff !important;
}

.residenceSlider .owl-nav button.owl-prev:hover::before,
.residenceSlider .owl-nav button.owl-next:hover::before {
    border-color: #222222;
}

/* Remove Default Focus Outline */
.residenceSlider .owl-nav button:focus {
    outline: none;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .residenceSlider .owl-nav button.owl-prev,
    .residenceSlider .owl-nav button.owl-next {
        width: 38px;
        height: 38px;
    }

    .residenceSlider .owl-nav button.owl-prev {
        left: 10px;
    }

    .residenceSlider .owl-nav button.owl-next {
        right: 10px;
    }
}


/* ======================================
   KOBRA SKYVUE HERO SECTION
====================================== */

.skyvue-hero-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding-bottom: 100px;
}

/* Top Blue Background */
.skyvue-hero-section .skyvue-hero-top {
    position: relative;
    width: 100%;
    min-height: 500px;
    background: #399cde url(../img/skybg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 100px;
}

/* Heading Box */
.skyvue-hero-section .skyvue-hero-heading {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 15px 35px;
    margin-top: 130px;
    max-width: 100%;
}

.skyvue-hero-section .skyvue-hero-heading h1 {
    margin: 0;
    padding: 0;
    color: #111111;
    font-family: "Cinzel", serif;
    font-size: 46px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: 1px;
}

.skyvue-hero-section .skyvue-hero-heading h1 span {
    color: #b69a58;
}

/* Building Image */
.skyvue-hero-section .skyvue-hero-building {
    position: absolute;
    z-index: 3;
    top: -325px;
    right: 0%;
    width: 100%;
    height: 100%;
    pointer-events: none;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.skyvue-hero-section .skyvue-hero-building img {
    width: 100%;
    height: auto;
    max-width: 700px;
    object-fit: contain;
    object-position: top center;
}

/* Bottom White / Light Blue Background */
.skyvue-hero-section .skyvue-hero-bottom {
    position: relative;
    min-height: 400px;
    background: linear-gradient(
        to bottom,
        #e7f6fc 0%,
        #ffffff 35%,
        #ffffff 100%
    );
    padding-top: 80px;
}

/* Description */
.skyvue-hero-section .skyvue-hero-description {
    position: relative;
    z-index: 1;
    padding: 10px 15px;
}

.skyvue-hero-section .skyvue-hero-description p {
    color: #000000;
    font-size: 17px;
    font-weight: 400;
    line-height: 2;
    margin: 0;
}

/* ======================================
   RESPONSIVE - TABLET
====================================== */

@media (max-width: 991px) {

    .skyvue-hero-section .skyvue-hero-top {
        min-height: 350px;
        padding-top: 70px;
    }

    .skyvue-hero-section .skyvue-hero-heading {
        margin-top: 100px;
        padding: 15px 25px;
    }

    .skyvue-hero-section .skyvue-hero-heading h1 {
        font-size: 34px;
    }

    .skyvue-hero-section .skyvue-hero-building {
        right: 2%;
        top: -226px;
    }

    .skyvue-hero-section .skyvue-hero-bottom {
        min-height: 350px;
        padding-top: 60px;
    }

    .skyvue-hero-section .skyvue-hero-description p {
        font-size: 15px;
        line-height: 1.8;
    }
}

/* ======================================
   RESPONSIVE - MOBILE
====================================== */

@media (max-width: 767px) {

    .skyvue-hero-section {
        padding-bottom: 30px;
    }

    .skyvue-hero-section .skyvue-hero-top {
        min-height: 350px;
        padding-top: 40px;
    }

    .skyvue-hero-section .skyvue-hero-heading {
        margin-top: 30px;
        padding: 12px 18px;
    }

    .skyvue-hero-section .skyvue-hero-heading h1 {
        font-size: 25px;
        line-height: 1.3;
        letter-spacing: 0;
    }

    .skyvue-hero-section .skyvue-hero-building {
        position: relative;
        width: 90%;
        height: auto;
        right: auto;
        margin: -10px auto 0;
        top: inherit;
        margin-top: -168px;
    }

    .skyvue-hero-section .skyvue-hero-building img {
        width: 100%;
        max-width: 100%;
    }

    .skyvue-hero-section .skyvue-hero-bottom {
        min-height: auto;
        padding-top: 30px;
    }

    .skyvue-hero-section .skyvue-hero-description {
        padding: 10px 15px;
    }

    .skyvue-hero-section .skyvue-hero-description p {
        font-size: 14px;
        line-height: 1.8;
    }
}




/* Whatsapp Start*/

.whatsapp {
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 9999;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transform: translateX(100px);
    animation: whatsapp 1s ease 2s forwards; */
}
.what_invite img{
    width: 50px;
}
/* @keyframes whatsapp {
    0% {
        transform: translateX(100px)
    }
    100% {
        transform: translateX(0px)
    }
} */

.whatsapp:before {
    content: '';
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: -1;
}

.whatsapp:after {
    content: '';
    background: rgba(38, 25, 17, 0.7);
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    z-index: -2;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    animation: whatsapp-after 1s ease infinite;
}

@keyframes whatsapp-after {
    0% {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        left: -50%;
        right: -50%;
        opacity: 0
    }
}

@media screen and (max-width: 768px) {
    .whatsapp {
        bottom: 65px;
        right: 20px;
    }
}


/* Whatsapp End*/