/* 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;


*/
@font-face {
    font-family: Mistrully;
    src: url(../fonts/Mistrully.ttf);
  }

/* Start globle css */

body {
    padding: 0px;
    margin: 0px;
    font-weight: 400;
    color: #444;
    font-size: 16px;
    /* font-family: "Ubuntu", sans-serif; */
    font-family: "Dosis", sans-serif;

}
.mainwrapper{
    position: relative;
    overflow: hidden;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none !important;
}


/* 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;
}


.d-flex-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

/* black overlay */

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0px;
    margin-bottom: 15px;
}
h1{
    font-size: 36px;
}
h2{
    font-size: 32px;
}
h3{
    font-size: 28px;
}
h4{
    font-size: 24px;
}
h5{
    font-size: 20px;
}
h6{
    font-size: 16px;
}
.text-upper {
    text-transform: uppercase;
}

.btn1 {
    display: inline-block;
    padding: 10px 30px;
    background: #eec685;
    color: #2b2626;
    outline: 0;
    border-radius: 24px;
    border: 0;
}

.btn1:hover {
    background: #054159;
    color: #fff;
}


/* 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;
    padding-bottom: 0;
}

.logo img {
    padding: 9px 0px 0;
    width: 190px;
}

.mynav .navbar-nav {
    padding-top: 7px;
    /* position: absolute;
      left: 50%;
      transform: translateX(-50%); */
}

.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;
}
.kabralogo{
  display: none;
}
.callbtn {
    /* padding-top: 25px; */
    display: inline-block;
}

.callbtn a {
    /* background: #83c47d !important; */
    padding: 12px 12px;
    border-radius: 3px;
    margin-top: 5px;
    /* border: 2px solid #83c47d; */
    border-radius: 6px;
    font-size: 15px;
    color: #ffffff !important;
    transition: all 0.5s;
    background: #004735;
    /* box-shadow: 0 5px 10px #fbcaa9; */
    /* background-image: linear-gradient(45deg, #83c47d, #f3a43b); */
}

.callbtn a:hover {
    background: #b59f6e !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;
}


/* End of Header sewction */



  /* Start slider section  */
  .mainslider {
    overflow: hidden;
    position: relative;
    padding-top: 80px;
  
}
.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;
    /* font-family: CambridgeMedium; */
}
.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%;
}

.blog-next {
    right: 4%;
    top: -5px;
}
.blog-prev {
    top: -5px;
    left: 4%;
}
/* End of slider section  */




/* about project info section  */
.abt-info {
    text-align: center;
    padding-top: 90px;
    /* margin-top: 50%; */
}

.abt-info img{
    width: 140px;
    margin-bottom: 30px;
}

.abt-info p{
    margin-bottom: 30px;
}
.abt-info h4{
   
}

.overimg img{
    width: 100%;
    max-width: 400px;
    margin: auto;
}
/* End project info section  */

/* Start worli sealink section  */

.worli-sealink{
position: relative;
}

.worli-sealink>img{
    height: 100vh;
    object-fit: cover;
    width: 100%;
}
.worli-info img {
    width: 118px;
    margin-bottom: 30px;
}
.worli-info {
    max-width: 376px;
    width: 90%;
    position: absolute;
    top: 27%;
    right: 16%;
    color: #fff;
    text-align: center;
    line-height: 27px;
}

.worli-info p {
    margin-bottom: 30px;
    line-height: 30px;
}
.img-overlay2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 254px;
    background-image: linear-gradient(#29303103, #09738b);
    z-index: 1;
    display: none;
}
/* End of worli sealink section  */

/* Start conectivity section  */



.mapimg img{
    /* border: 6px solid #fff; */
}
.connectivtysec {
    color: #ffffff;
    background: #2c7e8a;
    font-weight: 300;
    background: #32808a;
    background: #32808a url(../img/map1.png) no-repeat;
    background-position: right;
    background-size: 111vh;
}

.connectivtysec ul li {
    font-size: 16px;
    border-bottom: 1px dotted #ccc;
    padding: 3px 0;
}
.connectivtysec ul li:last-child{
    border-bottom:0 ;
}

.connectivtysec ul li span {
    float: right;
}

.connectivtysec b {
    color: #e6b966;
    text-transform: uppercase;
    padding-left: 16px;
    margin-bottom: 10px;
    display: block;
    font-size: 15px;
    font-weight: 400;
}


/* End of conectivity 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  */


/* Skylife section  */
.skylife{
    background: #FAF4EF;
    padding: 80px 0;
}
/* End of Skylife section  */

.parallax-1 {
    min-height: 60vh;
    background: transparent;
}

.introsec1{
    background: #9f8465;  
    color: #fff;
    
  } 
  .intro2 .row{
      display: flex;
      align-items: center;
  }
  .intro2  .introbox{
    padding: 3%;
  }

.ourlegecy{
    background: #034e6e;
}
.workbox {
    color: #Fff;
}

.workbox img {
    width: 90px;
    margin: auto;

}
.workinfo  {
    display: block;
    font-size: 39px;
    font-weight: bold;
}

.workinfo span {
    display: block;
    font-size: 13px;
    font-weight: normal;
}
.kbr-logo img{
width: 280px;
}


  
.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;
  }




/* Start lkd-logo section  */
.kd-logo {
    position: relative;
   
}
.kd-logo>img{
    height: 100vh;
    object-fit: cover;
}
.kd-logo-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}
.logotop img {
    width: 150px;
    position: relative;
    top: 45px;
}
.logobottom img {
    width: 150px;
    position: relative;
    bottom: 45px;
}
.logo-left, .logo-right {
    opacity: 0;
    transform: translateX(100%);
    transition: all 1.5s ease;
  }
  
  .logo-left {
    transform: translateX(-100%);
    
  }
  .logotop {
    position: relative;
    z-index: 1;
}
  /* Animation state */
  .slide-in-left {
    opacity: 1;
    transform: translateX(0);
  }
  
  .slide-in-right {
    opacity: 1;
    transform: translateX(0);
  }
  
/* End of lkd-logo section  */



/* plan  */
.planimg_box {
    position: relative;
}
.planimg_box p {
    text-align: center;
    margin: 20px 0;
    font-weight: bold;
    color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.planimg_box a{
    position: relative;
    border: 1px solid #ccc;
    display: block;
}
.planimg_box img{
    filter: blur(6px);
}
.planhover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #161616c7;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    z-index: 1;
}
.planimg_box:hover .planhover {
    display: flex;
}
.planimg_box:hover p{
    display: none;
}
.planhover .ti-plus {
    font-size: 54px;
    color: #fff;
}

.floorplan{
    background: #d4b177c7;
}
.modal-header .close {
    margin-top: -2px;
    font-size: 36px;
}
.planimg_box p {
    text-align: center;
    margin: 20px 0;
    font-weight: bold;
    color: #000;
}
/* End of plan  */

/* According section  */
.accordion .accordion-item {
    border-bottom: 1px solid #e3d0aa47;
  }
  
  .accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid #e9d6a6;
  }
  
  .accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: #e9bc8c;
    font-size: 20px;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
  }
  
  .accordion button:hover,
  .accordion button:focus {
    cursor: pointer;
    color: #ffffff;
  }
  
  .accordion button:hover::after,
  .accordion button:focus::after {
    cursor: pointer;
    color: #03b5d2;
    border: 1px solid #03b5d2;
  }
  
  .accordion button .accordion-title {
    display: flex;
        align-items: center;
  }
  .accordion button .accordion-title h4{
    margin-bottom: 0;
    font-size: 20px;
    color:#fff;
  }
  .accordion-title img {
    width: 50px;
    display: inline-block;
    margin-right: 8px;
}
  .accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 36px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
  }
  
  .accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
  }
  .accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
  }
  
  .accordion button[aria-expanded='true'] {
    color: #ffffff;
  }
  .accordion button[aria-expanded='true'] .icon::after {
    width: 0;
  }
  .accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 15em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
    padding: 15px 0px 30px;
  }
  .accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 2em 0;
  }
  
  
  .loc-title h2 {
    font-family: Mistrully;
    font-size: 36px;
    color: #d4bb72;
}
/* end  of According section  */


.swiper-pagination-bullet-active {
    background-color: #000 !important;
}



/* Start thank you page style  */

.thankpage {
        
    display: flex;
    height: 100vh;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    text-align: center;
    /* overflow-x: hidden; */
}

.topinfo {
    width: 100%;
    padding: 50px 0;
  } 
  
  .checkmark {
    font-size: 100px;
    color: #c2a05c;
    margin-bottom: 30px;
  }
  .topinfo  h1 {
    color: #c2a05c;
    font-weight: bold;
    font-size: 44px;
  }
  .topinfo p {
      font-size: 21px;
      margin: 34px 0px;
  }
  .thankpage .footer {
      background-color: #2c0d05;
      color: white;
      padding: 30px 0;
      /* margin-top: 50px; */
      width: 100%;
  }
  .thankpage .footer a {
      color: white;
  }
  .thankpage  .footer p {
      margin: 0;
  }

  .thankpage .btn-default {
        color: #333;
        background-color: #fff;
        /* border-color: #ccc; */
        font-size: 18px;
        font-weight: bold;
    }
/* End of thank you page style  */





  
  
  
  /* Start enquiry form  */
  
  .enquire-form .text-box {
    /* width: 100%;
height: 40px; */
    margin-bottom: 6px;
    border-radius: 4px;
    border: 1px solid #ccc;
    /* padding: 5px 10px;
font-size: 14px; */
}

.enquire-form .enq-btn input {
    width: 100%;
    height: 35px;
    background: #debc57;
    border: 0;
    color: #222;
    text-transform: uppercase;
    font-weight: 600;
    outline: 0;
    margin: 0 auto;
    display: block;
    transition: all 0.5s;
    font-size: 14px;
}

.modal-open {
    overflow: hidden;
    overflow-y: scroll;
    padding-right: 0 !important;
}

.enquire-form .enq-btn input:hover {
    background: #53bd61;
    color: #fff;
}

.enquire-form p {
    color: #484848;
    font-style: italic;
}

.input-box {
    position: relative;
}

.input-box span {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #f1c987;
}

.input-box input {
    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;
    color: #222;
    background: #f2f2f2;
    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;
}

.call-now {
    text-align: center
}

.call-now h4 {
    display: inline-block;
    color: #383535;
    font-size: 23px;
    font-weight: normal;
    line-height: 30px;
    position: relative;
    text-align: center;
    padding-left: 31px;
    margin: 12px 0;
}

.call-now h4 .tel-ant:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background: url(../img/phone-no.png) no-repeat;
    background-size: 25px;
    background-position: left;
    left: 0;
    top: 0px;
}

.tel a {
    text-decoration: none;
    color: #1a9053;
    font-size: 30px;
    font-weight: 600;
}

.enq-btn2 input {
    width: 190px;
    height: 40px;
    margin: auto;
    background: #055878;
    color: #fff;
    outline: 0;
    border: none;
    display: block;
    font-weight: bold;
    transition: all 1s;
    font-size: 14px;
    border-radius: 25px;
}

.enq-btn2 input:hover {
    background: #b2997d;
    color: #fff;
}

.contact-sec {
    /* background: url(../img/img534.jpg) no-repeat; */
    background-size: cover;
    background-position: right;
    position: relative;
}

.contact-sec::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: rgb(38 35 36); */
}

.contact-sec .selldof label {
    color: #fff;
}
/* Strat Rera No */

.rera {
    background: #151515;
    padding: 20px 0;
}

.rera-inner h5 {
    font-size: 18px;
    margin: 18px 0px;
    color: rgb(214, 170, 99);
}

.footer-disclaimer h4 {
    text-align: center;
    color: rgb(255 255 255);
    margin-bottom: 20px;
}

.footer-disclaimer p {
    font-size: 13px;
    line-height: 20px;
    color: rgb(181 181 181);
    /* text-align: justify; */
}

.disclaimer small {
    font-size: 12px;
}

.disclaimer {
    line-height: 17px;
}

.copyright {
    padding: 20px 0;
    background: #2c0d05;
    color: #fff;
}

.copyright p {
    margin-bottom: 0;
    color: #cccc;
    font-size: 12px;
}

.copyright h6 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
}

.conttext a {
    font-weight: bold;
    border: 1px dotted #ccc;
    padding: 10px 20px;
    border-radius: 37px;
}

.conttext p a {
    font-size: 20px;
    color: #333131;
    background: #ecc584;
}

.conttext a:hover {
    color: #fff;
    background: #054159;
}

.emailequiry a {
    color: #222;
}

.emailequiry a:hover {
    color: #c49706;
}
.qr-box{
 text-align: center;
 display: flex;
 justify-content: center;
 width: 100%;
 align-items: center;
 gap: 30px;
}
.qr-box img{
    width: 70px;
    margin: auto;
}
.qr-box p{
    margin-bottom: 0;
}
/* End of enquiry form  */
/* Side Enqiry button */

.sideEnq {}

.sideEnq {
    position: fixed;
    top: 40%;
    transform: rotate(-90deg);
    right: -50px;
    background: #f1c987;
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #fff;
    z-index: 1250;
}

.sideEnq a {
    color: #000000;
    padding: 7px 22px;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
}

.sideEnq a:hover {
    color: #FFF;
    background: #054159;
}

.enq-fix-btn:after {
    animation: effect 4s ease-in-out infinite;
    animation-fill-mode: forwards;
    content: "";
    position: absolute;
    top: 0%;
    left: 0%;
    width: 50%;
    height: 100%;
    opacity: 0;
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0.0) 100%);
}

@keyframes effect {
    0% {
        opacity: 1;
        top: -1%;
        left: -100%;
        transition-property: left, top, opacity;
        transition-duration: 0.5s, 0.5s, 0.5s;
        transition-timing-function: ease;
    }
    100% {
        opacity: 1;
        top: -1%;
        left: 100%;
        transition-property: left, top, opacity;
    }
}
/* EEnd  enquire Form Section */
/* Start call us section  */

.callus {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: 0px;
    top: 60%;
    z-index: 1250;
}

.callus a {
    padding: 10px 10px;
    display: inline-block;
    background: #f1c987;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #fff;
    color: #000000;
    outline: 0;
}

.callus a:hover {
    background: #054159;
    color: #FFF;
}
/* En of call us section  */
/* mobile fixed footer section contact btn  */

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

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

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

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

.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  */
/* Whatsapp Start*/

.whatsapp {
    position: fixed;
    right: 25px;
    bottom: 80px;
    z-index: 9999;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(100px);
    animation: whatsapp 1s ease 2s forwards;
}

@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;
    }
}
/* Whatsapp End*/

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #a68a6a;
    color: #fff;
}

.enqsection form .title,
.slider-enquiry form .title {
    display: none;
}

/* download brochure btn  */

.brochurebtn {
    position: fixed;
    bottom: 6px;
    left: 20px;
    z-index: 999;
}

.brochurebtn img {
    width: 180px;
}
/* animation */
/* End of download brochure btn  */

.bounce {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@-webkit-keyframes bounce {
    20%,
    53%,
    80%,
    0%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    20%,
    53%,
    80%,
    0%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.devlogo img {
    width: 180px;
}

.wht-img {
    width: 55px;
}