@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
/*html{scroll-behavior: smooth;}*/
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden!important;
  
  
  font-family: 'Josefin Sans', sans-serif;
   height: 100%;
  background: url(../images/texture.png)#fff7e6;
  width: 100%;
  content: '';
}
html {
	scroll-behavior: smooth;
  }
:root {--yellow: #fcbc5c;}
:root {--golden-grad: linear-gradient(45deg, #bb8618, #bb8618, #bb8618, #bb8618, #bb8618);
    --golden: #bb8618;}
.container-t{margin: 200px auto;display: block;}
.container-t .box{width: 400px;height: 400px;margin: 0 auto;display: block;text-align: center;border-radius: 10px;
background-color: #fff;box-shadow: 0 0 0 10px #f7f7f7, -1.5px 1.5px 0px 10px #dddddd;}
.img-b{margin: 0 auto;display: block;text-align: center;border-radius: 10px;background-color: #fff;
box-shadow: 0 0 0 10px #f7f7f7, -1.5px 1.5px 0px 10px #dddddd;}
.content {box-shadow: 0 0 0 13px #333;border-radius: 10px;}
.slid-form #demo{box-shadow: 0 0 0 2px #fff, -1px 1px 0px 2px #fffbfb;border-radius: 0px;margin-top: 15px;}
.slid-form .slider{display: grid;}
.slid-form .slider .main-slid{border-radius: 0px;height: 100%;object-fit: cover;}
.inner-slider-box{margin-top: 35px;border-radius: 15px;padding: 0px 50px;display: grid;align-items: center;background: #41403f;}
.inner-slider-box ul{padding-left: 0;margin-bottom: 0;justify-content: center;display: flex;
}
body.fixed .menu-box .logo img{filter: invert();}
.wrapper .menu-box .logo{max-width: 250px;}
.inner-slider-box ul li{list-style-type: none;display: inline-block;border-left: 10px solid #494745;}
.inner-slider-box ul li p{margin-bottom: 0;font-family: 'Josefin Sans', sans-serif;letter-spacing: 2px;padding-top: 15px;color: #fff;}
.inner-slider-box ul li span{font-family: "Josefin Sans";font-size: 33px;letter-spacing: 2px;
background: var(--golden-grad);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;}
.nav-call{border-radius: 50px;background-color: var(--yellow);}
.nav-call a{padding: 15px 15px 15px 0!important;color: #000!important;font-weight: 500;font-size: 18px;}
.nav-call img {width: 45px; height: auto;} 
.carousel-inner{border-radius: 0px;}

.carousel-inner, .carousel-item{height: 100%;}

.log-s{background-color: #272727;padding: 25px;position: absolute;top: 0;left: 0;z-index: 99;}
.log-s img{width: 120px;}
.log-t{display: none;}
body.fixed .navbar .nav-call{background-color: #41403f;}
body.fixed .navbar .nav-call a{color: #fff!important;font-weight: 500;}

.logo {
	margin-top: 0px;
  position: relative;
  left: 2rem;
  font-size: 1.5rem;
  font-weight: 800;
  padding: 5px 0;
  min-height: 1px;
  transition: all 300ms ease-in-out;
  z-index: 2;
  max-width: 100px;
  margin-top: 12px;
}

.price-box{position: absolute;bottom: 0px;right: 0px;background-color: rgb(65 64 63);padding: 25px;border-top-left-radius: 25px;box-shadow: 0 0 0 10px #494745, -1px 1px 0px 10px #272727;}
.price-box span{color: #fbba65;font-family: "Josefin Sans";letter-spacing: 3px;font-size: 20px;}
.price-box h2{font-size: 50px;letter-spacing: 4px;color: #fff;font-family: "Oswald-VariableFont_wght";
font-weight: 600;text-transform: uppercase;}

/* ::selection {color: #fff;background-color: #8167a9;}
::-moz-selection {color: #fff;background-color: #8167a9;} */
.navbar-toggler {float: right;border: none;padding-right: 0;}
.navbar-toggler:active,
.navbar-toggler:focus {outline: none;}
.navbar-light .navbar-toggler-icon {width: 24px;height: 17px;background-image: none;position: relative;
border-bottom: 1px solid #fff;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {width: 24px;position: absolute;height: 1px;background-color: #fff;
top: 0;left: 0;content: "";z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after {top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}

.about-us{margin: 30px 0px;}
.about-us .inner-about{display: flex;justify-content: space-between;width: 90%;margin: 0 auto;}
.about-us .inner-about .left{width: 100%;}
.about-us .inner-about .left .inner-left{height: 100%;}
.about-us .inner-about .left .inner-left a{height: 100%;}
.about-us .inner-about .left .inner-left img{width: 100%;border-radius: 25px;height: 100%;object-fit: cover;}
.about-us .inner-about .right{width: 100%;}
.about-us .inner-about .right .right-inner{padding: 50px;border-radius: 0px;color: #bb8618;}

.about-us .inner-about .right .right-inner h6{font-family: "Josefin Sans";letter-spacing: 1px;}
.about-us .inner-about .right .right-inner h1{font-family: "Josefin Sans";font-size: 60px;
letter-spacing: 4px;}
.about-us .inner-about .right .right-inner h5{font-family: "Josefin Sans";font-size: 24px;
letter-spacing: 2px;}
.about-us .inner-about .right .right-inner p{
  padding-top: 10px;
  line-height: 21px;
  font-size: 17px;
  margin-bottom: 0;
  letter-spacing: 0.2px;}
.btn-main{
   background: var(--golden-grad);
  color: #fff;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  border-bottom: 0;
  border-radius: 5px;
  padding: 11px 30px;
  font-family: "Josefin Sans";
  font-size: 16px;
  letter-spacing: 4px;
  margin-top: 14px;
  text-transform: uppercase;
    }
.about-us .inner-about .right .right-inner button{padding: 12px 10px;margin-top: 45px;}
.nav-call a img {
    width: 18px;
    background-color: #fff;
    border-radius: 100px;
    padding: 8px;
    width: 45px;
    height: 45px;
}
.menu-call-btn {
    border-radius: 50px;
    padding: 6px 15px;
    padding-left: 5px;
    background-color: var(--yellow);
}
.menu-call-btn a {
    color: #41382c;
    font-family: "Josefin Sans";
    font-size: 21px;
    letter-spacing: 2px;
}

@media (max-width: 767px) {
.dropdown-toggle::after {position: absolute;display: block;top: 10px;left: -23px;width: 1px;height: 11px;
content: "";border: none;background-color: #000;vertical-align: 0;transition: all 200ms linear;}
.dropdown-toggle[aria-expanded="true"]::after {transform: rotate(90deg);opacity: 0;}
.dropdown-menu {padding: 0 !important;background-color: transparent;box-shadow: none;transition: all 200ms linear;}
.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {margin-top: 10px !important;
margin-bottom: 20px !important;}
body.dark .dropdown-toggle::after {background-color: #fff;}
body.dark .dropdown-menu {background-color: transparent;box-shadow: none;}}

.arrow{position: absolute;left: 50px;bottom: 90px;width: 100px;}
.arrow a{width: 45px;display: grid!important;}
.arrow a img{background-color: rgba(255, 255, 255, 0.2)!important;padding: 10px;border-radius: 0px;
border: 1px solid #fff;}
.carousel-indicators li {width: 10px;height: 10px;}
.carousel-indicators {right: 0;bottom: 150px;left: 50px;right: unset;height: 60px;display: grid;margin-right: unset;
margin-left: unset;list-style: none;}

button:focus {outline: unset;}
.drop-box-all{box-shadow: 0 0 0 2px #f0f0f0, -1px 1px 0px 2px #f0f0f0;border-radius: 0px;}
.slid-form{display: flex;
  width: 93%;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 23px;}
.slid-form .slider{width: 70%;}
.slid-form .form{margin-left:2.5%;width: 27.5%;background-color: #636363;padding:  19px;color: #fff;}
.slid-form .form img{width: 120px;}
/*.slid-form .form .form-box{padding-top: 25px;}*/
.slid-form .form .form-box .form-control::placeholder{color: #333;}

.slid-form .form .form-box .form-control{box-shadow: 0 0 0 0px #636363, -1px 1px 0px 2px #636363;
  font-size: 15px;
  letter-spacing: 1.5px;
  border-radius: 8px;
  margin-bottom: 18px;
  padding: 4px 15px;}
.slid-form .form .form-box .form-control:nth-child(5){margin-bottom: 17px;}
.slid-form .form .form-box h6{font-family: "Josefin Sans";margin-bottom: 18px;font-size: 24px;
letter-spacing: 2px;position: relative;display: none;display: none;}
.slid-form .form .form-box h6:after{content: "";position: absolute;height: 1px;width: 65%;background-color: #ccc;
top: 45%;left: 35%;}
.slid-form .form .form-box button{font-family: "Josefin Sans";padding: 12px 25px;margin-top: 2px;
border-radius: 10px;color: #22;font-size: 18px;background:var(--golden-grad);width: 100%;
letter-spacing: 2px;text-transform: uppercase;}

/*.drop-shad{box-shadow: 0 0 0 6px #c4c4c4, -1px 1px 0px 5px #fff;}*/
.drop-shadyellow{box-shadow: 0 0 0 10px #b0967b, -1px 1px 0px 10px #dddddd;}

.slid-form .details .high-top{padding-top: 20px;margin-bottom: 0;padding-left: 0;}
.slid-form .details h1{font-family: "Josefin Sans";font-size: 25px;letter-spacing: 4px;
margin-bottom: 0;}
.slid-form .details .high-top li{list-style-type: none;font-family: "Josefin Sans";letter-spacing: 2px;font-size: 16px;line-height: 34px;color: #fff;}
.slid-form .details .high-top li img{width: 16px;}
.slid-form .details h6 span{border-radius: 50px;color: var(--yellow);padding-left: 0px;
font-family: "Josefin Sans";font-size: 20px;letter-spacing: 1px; text-align:center;}
.drop-box-all h5{font-family: "Josefin Sans";font-size: 18px;letter-spacing: 3px;border-radius: 8px;
padding: 8px 10px;text-align: center;margin-bottom: 0!important;line-height: 35px;
background:var(--golden-grad);margin: 15px 0px;color: #000;}
.drop-box-all h5 span{margin-bottom: -5px;}


.patchImg{position: absolute; width: 198px;right: 2%;
    bottom: 1%;z-index: 9;}


.pricing .inner-price{display: flex;
  width: 85%;
  margin: 0 auto;
    margin-top: 0px;
  flex-wrap: wrap;
  margin-top: 61px;
  justify-content: center;
  gap: 0 77px;
  color: #fff;}
.pricing .inner-price .box{width: 25%;border-radius: 0px;background-color: #fff;padding: 20px 30px;margin-bottom: 60px;margin-left: 2.5%;}
.pricing .inner-price .box .inner-box
  border: 6px solid var(--yellow);
  padding: 6px;
  display: grid;
  align-items: center;
  border-radius: 0px;
  background-color: #41403f;
  margin-bottom: 6px;
  width: 100%;
  box-shadow: 0 3px 3px rgba(0,0,0,0.20), 0 3px 3px rgba(0,0,0,0.20);
  margin-top: 2px;}
.pricing .inner-price .box .inner-box h2{font-family: "Josefin Sans";letter-spacing: 4px;
background: var(--golden-grad);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;font-size: 29px;line-height: 50px;}
.pricing .inner-price .box .inner-box .inn-pr{margin: 0 auto;}
.pricing .inner-price .box .inner-box h6{font-family: "Inter-Regular";font-size: 16px;
letter-spacing: 0.2px;padding-bottom: 5px;}
.pricing .inner-price .box .inner-box h5{font-family: "Josefin Sans";
  letter-spacing: 1px;
  font-size: 21px;
  margin-top: 10px;
  position: relative;
  margin-bottom: 15px;}
.pricing .inner-price .box .inner-box h5:after{content: "";position: absolute;bottom: -12px;left: 0;
width: 40px;height: 4px;background-color: var(--yellow);}
.pricing .inner-price .box h4{font-family: "Josefin Sans";letter-spacing: 1px;
font-size: 17px;padding-top: 10px;}
.pricing .inner-price .box h4 span{color: #fff;text-decoration: none;}
.pricing .inner-price .box button{border: none;
  margin: 0px 0px;
    margin-top: 0px;
  padding: 10px 15px;
  width: 100%;
  margin-top: 7px;text-decoration: none;}

.heading{width: 90%;margin: 0 auto;}
.heading h2 span{color: var(--yellow);border: 1px solid var(--yellow);border-radius: 0px;
padding: 8px 40px;font-family: "Josefin Sans";letter-spacing: 0px;
  font-size: 32px;
font-weight: 600;padding-bottom: 4px;text-transform: uppercase;}

.amenities{padding: 35px 0px;}

.ament-sec{display: flex;width: 90%;margin: 0 auto;}
.ament-sec .inner-amen-l{width: 47%;padding-top: 50px;display: grid;align-items: center;}
.ament-sec .inner-amen-l h1{font-size: 50px;letter-spacing: 4px;margin-bottom: 40px;padding-bottom: 10px;font-family: "Josefin Sans";line-height: 65px;color: #fff;}
.ament-sec .inner-amen-l .img-l{border-radius: 25px;}
.ament-sec .inner-amen-l .img-l img{border-radius: 25px;}
.amenities .inner-amen-r{display: flex;margin: 0 auto;margin-top: 30px;width: 100%;
justify-content: space-between;flex-wrap: wrap;height: 378px;overflow-y: scroll;margin-right: 0;}

.amenities .inner-amen-r::-webkit-scrollbar {width: 10px;}
.amenities .inner-amen-r::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 10px;}
.amenities .inner-amen-r::-webkit-scrollbar-thumb {background: var(--golden-grad); border-radius: 10px;}

.amenities .inner-amen-r .box{width: 21%;
  margin: 1.5%;
  border-radius: 0px;}
.amenities .inner-amen-r .box .inner-box{padding: 25px;position: relative;height: 100%;background:#636363}
.amenities .inner-amen-r .box .inner-box span img{width: 50px;
  margin-bottom: 21px;
  cursor: pointer;}

.amenities .inner-amen-r .box .inner-box .img-sec{position: absolute;
width: 50%;bottom: 0;right: -5%;}
.amenities .inner-amen-r .box .inner-box .img-sec img{width: 41%;}
.amenities .inner-amen-r .box .inner-box .img-sec{padding-bottom: 10px;}
.amenities .inner-amen-r .box .inner-box h2{font-family: "Josefin Sans";
  font-size: 18px;
  letter-spacing: 3px;
  color: #fff;}
.amenities .inner-amen-r .box .inner-box p{font-family: "Inter-Regular";padding-top: 0px;line-height: 32px;
font-size: 17px;margin-bottom: 20px;letter-spacing: 0.2px;}
.highlights{padding: 50px 0px;padding-top: 20px;}
.highlights .heading{padding-left: 0;width: 100%;}
.highlights .inner-high{display: flex;justify-content: space-between;width: 90%;margin: 0 auto;}
.highlights .inner-high .left{width: 48%;align-items: end;}
.highlights .inner-high .left .other-point{padding-bottom: 0;margin-bottom: 0;}
.highlights .inner-high .left .other-point p{margin-bottom: 40px;padding-top: 15px;color: #fff;}
.highlights .inner-high .left .img-left{border-radius: 25px;}
.highlights .inner-high .left .img-left img{border-radius: 25px;}
.highlights .inner-high .middle{width: 28%;margin-left: 2%;}
.highlights .inner-high .middle .img-area{border-radius: 25px;height: 100%;}
.highlights .inner-high .middle .img-area img{border-radius: 25px;height: 100%;object-fit: cover;}
.highlights .inner-high .right{width: 50%;}
.highlights .inner-high .left h1{font-family: "Josefin Sans";font-size: 36px;letter-spacing: 3px;padding-bottom: 15px;line-height: 50px;position: relative;color: #fff;}
.highlights .inner-high .left h1:after{content: "";background-color: var(--yellow);
height: 4px;width: 40px;bottom: 0px;left: 0;position: absolute;}
.highlights .inner-high .left h4{font-family: "Josefin Sans";font-size:24px;
letter-spacing: 3px;}
.highlights .inner-high .left p{font-family: "Inter-Regular";padding-top: 0px;line-height: 32px;
font-size: 17px;margin-bottom: 20px;letter-spacing: 0.2px;}
.highlights .inner-high .right ul{list-style-type: none;color: #fff;}
.highlights .inner-high .right ul li{margin-bottom: 30px;font-family: "Josefin Sans";display: flex;border-radius: 0px;}
.highlights .inner-high .right ul li p{letter-spacing: 1px;font-size: 18px;
padding-top: 5px;margin-bottom: 0;}
.highlights .inner-high .right ul li span{background: var(--golden-grad);
  margin-right: 13px;
  width: 30px !important;
  display: grid;
  color: #222;
  text-align: center;
  font-size: 22px;
  height: 30px;
  align-items: center;
  border-radius: 10px;}

.floor-plan .inner-floor{display: flex;justify-content: space-between;width: 90%;margin: 90px auto;}
.floor-plan .inner-floor .left{width: 26%;}
.floor-plan .inner-floor .middle{width: 40%;}
.floor-plan .inner-floor .right{width: 26%;}
.floor-plan .in-slid{margin: 11px;border-radius: 25px;}
.floor-plan .in-slid img{border-radius: 24px;height: 100%;}
.floor-plan .inner-floor .middle .inner-middle{border-radius: 25px;position: relative;}

.floor-plan .inner-floor .middle .inner-middle .inner-mid-btn{position: absolute;top: 0;left: 0;right: 0;bottom: 0;
width: 100%;height: 100%;text-align: center;display: grid;align-items: center;}
.floor-plan .inner-floor .middle .inner-middle .inner-mid-btn button{width: 250px;margin: 0 auto;
padding: 10px 15px;}

.floor-plan .inner-floor .middle .inner-middle img{border-radius: 25px;}
.floor-plan .inner-floor .inner-right{height: 100%;}
.floor-plan .inner-floor .inner-left{height: 100%;}
.floor-plan .inner-floor .carousel-item{height: 100%;}
.floor-plan .inner-floor .carousel-inner{height: 100%;}
.floor-plan .inner-floor .carousel{height: 100%;}
.floor-plan .inner-floor .right .bx-fl-out{display: grid;align-content: space-between;height: 100%;}
.floor-plan .inner-floor .left .bx-fl-out{display: grid;align-content: space-between;height: 100%;}
.floor-plan .inner-floor .cont-floor-plan{padding: 2px 2px;padding-bottom: 15px;}
.floor-plan .inner-floor .cont-floor-plan h4{font-family: "Josefin Sans";font-size:32px;letter-spacing: 3px;margin-bottom: 0;color: #fff;}
.floor-plan .inner-floor .cont-floor-plan h4 span{color: var(--yellow);}
.floor-plan .inner-floor .cont-floor-plan p{font-family: "Inter-Regular";padding-top: 0px;line-height: 32px;font-size: 17px;margin-bottom: 20px;letter-spacing: 0.2px;color: #fff;}
.floor-plan .inner-floor .cont-floor-plan button{padding: 10px 25px;margin-top: 5px;margin-left: 10px;}
.floor-plan .inner-floor .cont-floor-plan p span{font-family: "Josefin Sans";font-size: 18px;
letter-spacing: 1px;color: var(--yellow);}

.floor-plan .inner-floor .arrow-n{background-color: var(--yellow);border-radius: 5px;padding: 5px 15px;
 box-shadow: 0 4px 4px rgba(0,0,0,0.10), 0 4px 4px rgba(0,0,0,0.10);}
.floor-plan .inner-floor .arrow-n img{width: 32px;}
.floor-plan .inner-floor .carousel-control-next, .carousel-control-prev{opacity: 1;}
.floor-plan .inner-floor .carousel-control-next{right: -30px;}
.floor-plan .inner-floor .carousel-control-prev{left: -30px;}

.gallery{padding: 50px 0px;padding-top: 50px}
.gallery .gallery-cont{width: 90%;margin: 0 auto;padding-top: 60px;}

.gallery .item {width: 80%;flex: 1;margin: 10px;text-align: center;color: white;}
.gallery .item img{height: 100%;object-fit: cover;border-radius: 0px;}
.gallery .flexgrid {display: flex;min-height: 25vh;margin-left: -12px;}
.gallery .left-side {width: 40%;}
.gallery .right-side {width: 60%;}
.gallery .right-side {display: flex;flex-wrap: wrap;}
.gallery .right-side > * {width: 100%;}
.gallery .left-side, .right-bottom, .right-top {display: flex;}


.location{padding: 60px 0px;padding-top: 20px;}
.location .heading{padding-left: 0;width: 100%;margin-bottom: 60px;}
.location .inner-locate{width: 90%;margin: 0 auto;}
.location .inner-locate .inner-location{display: flex;justify-content: space-between;}
.location .inner-locate .middle{width: 55%;}
.location .inner-locate .middle .img-area{border-radius: 0px;height: 100%;}
.location .inner-locate .middle .img-area img{width: 100%;height: 100%;border-radius: 0px;}
.location .inner-locate .middle .img-area iframe{border-radius: 25px;height: 100%;object-fit: cover;}
.location .inner-locate .right{width: 42%;}
.location .inner-locate .right ul{list-style-type: none;color: #fff;}
.location .inner-locate .right ul li{margin-bottom: 17px;font-family: "Josefin Sans";display: flex;border-radius: 0px;}
.location .inner-locate .right ul li:last-child{margin-bottom: 0;}
.location .inner-locate .right ul li p{padding-top: 2px;
  margin-bottom: 0;
  line-height: 18px;
  letter-spacing: 1px;}
.location .inner-locate .right ul li span{background: var(--golden-grad);width: 19px !important;display: grid;color: #000;text-align: center;margin-right: 5px;font-size: 32px;height: 45px;align-items: center;border-radius: 10px;}
.location .inner-locate .right ul li strong{color: var(--yellow);
width: 45px!important;display: grid;text-align: center;margin-right: 5px;font-weight: 400;
font-size: 24px;height: 45px;align-items: center;border-radius: 10px;}

.location .inner-locate .right h2 {
  margin-left: 35px;
}

.builder{pad: 50px 0px;}
.builder .inner-cont{width: 90%;margin: 0 auto;}
.builder .inner-cont .inner-builder{display: flex;justify-content: space-between;}
.builder .inner-cont .inner-builder .builder-box{width: 65%;padding: 50px;color: #fff;}
.builder .inner-cont .inner-builder .form-box{width: 30%;padding: 40px;}
.builder .heading{margin-bottom: 75px;}
.builder .drop-shad{border-radius: 25px;background-color: #41403f;}
.builder .inner-cont .inner-builder .builder-box p{font-family: "Inter-Regular";padding-bottom: 15px;
line-height: 32px;font-size: 17px;text-align: justify;margin-bottom: 0;letter-spacing: 0.2px;width: 50%;}
.builder .inner-cont .inner-builder h4 {font-size: 50px;letter-spacing: 4px;font-family: "Josefin Sans";line-height: 65px;color: #fff;}
.builder .inner-cont .inner-builder .form-box .form-control{box-shadow: 0 0 0 10px #494745, -1px 1px 0px 10px #494745;border-radius: 50px;margin-bottom: 32px;padding: 10px 15px;background: #41403f;}
.builder .inner-cont .inner-builder .form-box button{font-family: "Oswald-VariableFont_wght";padding: 10px 25px;margin-top: 2px;border-radius: 50px;color: #fff;font-size: 20px;background-color: #fcbc5c;width: 100%;letter-spacing: 2px;text-transform: uppercase;color: #000;}
.builder .inner-cont .inner-builder .form-box label{letter-spacing: 2px;font-family: "Josefin Sans";font-size: 18px;padding-top: 10px;margin-bottom: 10px;}
.builder .inner-cont .inner-builder .form-box p{font-family: "Inter-Regular";font-size: 17px;color: #fff;padding-bottom: 25px;letter-spacing: 0.5px;position: relative;margin-bottom: 40px;}
.builder .inner-cont .inner-builder .form-box .form-control::placeholder{color:#fff;}
.builder .innnerbox{margin-bottom: 25px;}
.builder .innnerbox .spn{font-size: 18px;color: #fff;font-weight: 600;}
.builder .innnerbox .p{padding: 0; margin: 0; font-weight: 600;font-size: 21px !important;text-transform: uppercase;line-height: 21px !important;}

.builder .inner-cont .inner-builder .form-box p:after {content: "";background-color: var(--yellow);height: 4px;width: 40px;bottom: 0px;left: 0;position: absolute;}
.builder .inner-cont .inner-builder .builder-box h4{position: relative;margin-bottom: 25px;padding-bottom: 15px;}
.builder .inner-cont .inner-builder .builder-box h4:after {content: "";background-color: var(--yellow);height: 4px;width: 40px;bottom: 0px;left: 0;position: absolute;}
button#QFormModal{margin-top: 10px;padding: 10px 10px;}

.inp-box label{margin-bottom: 0;}
.modal{z-index: 99999;background:#ebeab899;}
.modal-body{background-color: #636363;opacity: 1;align-items: center;text-align: center;padding: 22px 50px;/* border-radius: 40px; */}
.modal-body img{width: 145px;}
.modal-body h2{font-family: "Josefin Sans";font-size: 23px;letter-spacing: 2px;padding-bottom: 0;margin-bottom: 0;color: #fff;}
.modal-body h6{font-family: "Inter-Regular";font-size: 16px;padding-top: 0;color: #fff;}
.modal-body h4{text-align: center;border-radius: 50px;font-family: "Josefin Sans";font-size: 32px;
text-transform: uppercase;margin-bottom: 15px;letter-spacing: 1px;background: var(--golden-grad);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;}

.modal-body .form-control{box-shadow: 0 0 0 10px #494745, -1px 1px 0px 10px #494745;border-radius: 5px;margin-bottom: 15px;padding: 5px 15px;background: #ebeab8;color: #000;}
.modal-body button{padding: 6px 25px;width: 80%;}
.modal-body .form-control::placeholder{color:6353535;}
.inp-box{display: flex;align-items: start;padding-top: 10px;}
.inp-box label{font-size: 12px;margin-left: 5px;text-align: justify;font-family: "Inter-Regular";color: #fff;letter-spacing: 0.2px;}
.inp-box #vehicle1{margin-top: 4px;}

button{cursor: pointer;}

@media (max-width: 1700px){
.slid-form .form{padding: 16px 17px;}
.drop-box-all h5{letter-spacing: 1px;margin: 5px 0px;}
.slid-form .details .high-top {padding-top: 5px;}
.slid-form .form .form-box {margin-top: 15px;}
.slid-form .form .form-box h6{margin-bottom: 18px;font-size: 18px;letter-spacing: 1.5px;display: none;}

textarea#exampleFormControlTextarea1{margin-bottom: 15px;}
.slid-form .details h6{margin-bottom: -14px;
    line-height: 2;text-align:center;}
.slid-form .form{align-items: unset;}
.slid-form {margin-top: 19px;}
.inp-box label{font-size: 10px;line-height: 13px;
    letter-spacing: 0.8px;}
.price-box{padding: 6px;}
.price-box h2 {font-size: 44px;letter-spacing: 3px;margin-bottom: 0;}
.about-us .inner-about .right .right-inner {padding: 35px;}
.highlights .inner-high .middle {margin-left: 0%;}
.highlights .inner-high .right ul {padding-left: 0px;}
.highlights .inner-high .right ul li span {margin-right: 14px;}
.highlights .inner-high .left {width: 50%;}

.highlights .inner-high .right ul li p {letter-spacing: 1px;font-size: 16px;}
.highlights .inner-high .right ul li:last-child{margin-bottom: 0;}
.pricing .inner-price{margin-top: 50px;}
.pricing .inner-price .box .inner-box h2 {letter-spacing: 2px;
    font-size: 28px;
    line-height: 22px;letter-spacing: 1px;
    font-size: 22px;
    line-height: 25px; 
	color:#fff;}
.pricing .inner-price .box .inner-box{padding: 20px;}
.pricing .inner-price .box {width: 25%;}
.amenities {padding: 30px 0px;padding-top: 20px;}
.amenities .inner-amen-r .box .inner-box h2 {font-size: 17px;letter-spacing: 2px;margin-bottom: 0;}
.floor-plan .inner-floor {margin: 55px auto;}
.floor-plan .inner-floor .cont-floor-plan button{margin-top: 0px;line-height: 24px;}
.gallery {padding: 30px 0px;}
.gallery .gallery-cont{padding-top: 25px;}
.location .inner-locate .right ul{padding-left: 0;}
.location .inner-locate .right h2 {margin-left: 0px;}
.location .inner-locate .right ul li p{margin-left: 0;letter-spacing: 1.5px;}
.builder .heading {margin-bottom: 60px;}
.builder .inner-cont .inner-builder .builder-box {padding: 35px;}
.builder .inner-cont .inner-builder .form-box {padding: 35px;}
.slid-form .details .high-top li{letter-spacing: 1px;}
.about-us .inner-about .right .right-inner p{font-size: 16px;}
.slid-form .form .form-box button {margin-top: 0;padding: 6px 25px;font-size: 18px;}
.highlights .inner-high .left p {line-height: 26px;font-size: 15px;}
.highlights .inner-high .right ul li {margin-bottom: 25px;}
.location .inner-locate .right ul li {margin-bottom: 25px;}
.about-us .inner-about .right .right-inner h1 {font-size: 40px;letter-spacing: 1px;text-transform: uppercase;}
.pricing .inner-price .box button{padding: 5px 15px;}
.amenities .inner-amen-r .box .inner-box .img-sec img {width: 48%;}
.location {padding-top: 44px;}
.star-price {
    font-size: 22px;
}
.wrapper .menu-box .logo img {
    max-width: 136px;
}
.modal-body h4 {
    font-size: 22px;
}
.modal-body .form-control {
    box-shadow: 0 0 0 3px #ebeab8, -1px 1px 0px 2px #ebeab8;
    margin-bottom: 11px;
}
}

@media (max-width: 1480px){
.inner-slider-box ul li span {
    font-family: "Josefin Sans";
    font-size: 24px;
    letter-spacing: 2px;
    background: var(--golden-grad);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.inner-slider-box ul li {
    list-style-type: none;
    display: inline-block;
    border-left: 10px solid #494745;
}
.slid-form{width: 90%;}
.slid-form .details h1 {font-size: 37px;letter-spacing: 2px;}
.drop-box-all h5 {margin: 5px 0px;}
.drop-box-all h5{padding: 2px 2px;}
.slid-form .form {padding: 16px 17px;}
.slid-form .details .high-top li{line-height: 26px;}
.slid-form .form{width: 30%;margin-left: 2%;}
.about-us .inner-about {width: 98%;}
.about-us .inner-about .right .right-inner {padding: 25px;}
.about-us .inner-about .right .right-inner p {padding-top: 10px;
    line-height: 22px;
    font-size: 18px;text-align:center;}
.about-us .inner-about .right .right-inner button {margin-top: 30px;}
.amenities .inner-amen-r .box .inner-box p {font-size: 15px;line-height: 25px;margin-bottom: 5px;}
.amenities .inner-amen-r .box .inner-box span img {width: 40px;margin-bottom: 0px;}
.highlights .inner-high{width: 90%;}
.pricing .inner-price{width: 90%;justify-content: center;}
.ament-sec{width: 90%;}
.heading {width: 90%;}
.floor-plan .inner-floor{width: 90%;}
.floor-plan .inner-floor .right{margin-right: 2%;margin-left: 4%;}
.gallery .gallery-cont {width: 90%;}
.location .inner-locate {width: 90%;}
.builder .inner-cont .inner-builder .builder-box {padding: 25px;}
.builder .inner-cont {width: 90%;}
.builder .inner-cont .inner-builder .builder-box p {padding-bottom: 14px;line-height: 28px;font-size: 15px;}
.builder .inner-cont .inner-builder .form-box .form-control::placeholder{color:#fff;}
.builder .inner-cont .inner-builder .form-box .form-control {margin-bottom: 30px;}
.builder .inner-cont .inner-builder .form-box p {font-size: 15px;padding-bottom: 15px;margin-bottom: 25px;}
.builder .inner-cont .inner-builder h4{margin-bottom: 0;}
.builder .inner-cont .inner-builder .form-box {padding: 25px;}
.builder .inner-cont .inner-builder .form-box button {margin-top: 7px;}
.slid-form .details .high-top {padding-top: 8px;}
.slid-form .form .form-box .form-control {width: 96%;}
.highlights .inner-high .right ul li span {min-width: 31px !important;font-size: 22px;height: 36px;}
.highlights .inner-high .left h1 {font-size: 30px;line-height: 40px;}
.highlights .inner-high .left .other-point p {margin-bottom: 25px;padding-top: 8px;}
.pricing .inner-price .box {padding: 5px 0px;}
.amenities .inner-amen-r {height: 550px;}
.floor-plan .inner-floor .cont-floor-plan p {font-size: 15px;margin-bottom: 12px;}
.floor-plan .inner-floor .cont-floor-plan button {line-height: 20px;letter-spacing: 2.5px;}
.btn-main{letter-spacing: 3px;}
.location .inner-locate .right ul li span {min-width: 26px!important;margin-right: 5px;font-size: 24px;height: 40px;}
.location .inner-locate .right ul li p{font-size: 17px;}
.builder .inner-cont .inner-builder .form-box .form-control{width: 95%;margin: 30px auto;}
.builder .inner-cont .inner-builder .form-box button {margin-top: 11px;}
.highlights .inner-high .middle {width: 26%;}
.ament-sec .inner-amen-l h1 {font-size: 40px;line-height: 52px;}
.floor-plan .inner-floor .carousel-control-next {right: -20px;}
}

@media (max-width: 1368px){
.inner-slider-box ul li span {font-size: 20px;}
.price-box h2 {font-size: 35px;letter-spacing: 2px;}
.price-box span {letter-spacing: 2px;font-size: 18px;}
.about-us .inner-about .right .right-inner h5 {font-size: 20px;letter-spacing: 1px;}
.highlights .inner-high .right {width: 46%;}
.highlights .inner-high .middle {width: 26%;}
.highlights .inner-high .right ul li {margin-bottom: 12px;}
.pricing .inner-price .box .inner-box {padding: 10px;}
.location .inner-locate .right ul li {margin-bottom: 24px;}
.slid-form .form .form-box button {padding: 7px 25px;}
textarea#exampleFormControlTextarea1 {margin-bottom: 10px;}
.slid-form .form .form-box .form-control {width: 98%;}
.slid-form .details h1 {font-size: 20px;letter-spacing: 3px;text-align:center;}
.slid-form .details h6 span{font-size: 16px;text-align:center;}
.slid-form .form {width: 35%;margin-left: 2%;margin-top:15px; border-radius:12px}
.slid-form {width: 90%;}
.inner-slider-box {margin-top: 30px;}
.amenities .inner-amen-r {height: 321px;}
.amenities .inner-amen-r .box .inner-box .img-sec img {width: 55px;}
}

@media(max-width:1280px){
.pricing .inner-price .box h4 {font-size: 20px;}
}

.m-v{display: none;}
@media(max-width:768px){
	.menuContainer .inner {
    padding: 5px 15px;
    width: 200px;
    margin-top: 3px;
    float: right;
  }
  .menuBtn span {
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  margin: 3px 0;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
	.logo a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
.m-v.mobile-details {padding-left: 22px;padding-right: 22px;}
.d-v{display: none;}
.m-v{display: block;}
.sidebar-contact{width:100%;height:100%;left:-100%;}
.sidebar-contact .toggle{top:50%;transform:translateY(-50%);transition:0.5s;}
.sidebar-contact.active .toggle{top:0;right:0;transform:translateY(0);}
.scroll{width:100%;height:100%;overflow-y:auto;}
.content{padding:50px 50px;}
.slid-form{display: block;}
.slid-form .slider {width: 100%;}
.slid-form .form {width: 100%;margin-left: 2%;}
.slid-form .form {margin-left: 0%;margin-top: 34px;}
.inner-slider-box ul{flex-wrap: wrap;}
.inner-slider-box.drop-shad.m-v{margin: 5px 32px;margin-top: 40px;}
.about-us {margin: 40px 15px;}
.about-us .inner-about {display: block;}
.about-us .inner-about .left {width: 100%;}
.about-us .inner-about .right {margin-top: 40px;width: 100%;}
.highlights .inner-high{display: block;}
.highlights .inner-high .left {width: 100%;}
/* .wrapper .menu-box .logo img {
    filter: unset;
} */
.star-price {
    font-size: 20px;
}
.drop-box-all h5{
    font-size: 18px;
}
.modal-body h4 {
    font-size: 19px;
}
.highlights .inner-high .middle {display: none;}
.highlights .inner-high .right {width: 100%;margin-top: 40px;}
.highlights {padding: 50px 15px;padding-top: 20px;}
.pricing .inner-price{display: block;padding-right: 22px;}
.pricing .inner-price .box {width: 100%;}
.pricing .inner-price .box .inner-box{margin-left: 0;width: 100%;}
.pricing .inner-price .box .inner-box .inn-pr{margin-left: 15px;}
.pricing .inner-price .box{margin-bottom: 35px;}
.ament-sec {display: block;}
.ament-sec .inner-amen-l{width: 100%;padding-left: 14px;}
.amenities .inner-amen-r{width: 100%;}
.amenities .inner-amen-r {margin-top: 30px;}
.floor-plan .inner-floor{display: block;padding-left: 12px;}
.floor-plan .inner-floor .middle {width: 100%;}
.floor-plan .inner-floor .right {margin-top: 35px;width: 100%;margin-left: 0%;}
.floor-plan .inner-floor .cont-floor-plan{padding-bottom: 35px;}
.gallery .left-side {width: 100%;}
.gallery .flexgrid {display: block;margin-left: 0px;}
.gallery .right-side {width: 100%;}
.location .inner-locate .inner-location{display: block;}
.location .inner-locate .middle{width: 100%;}
.location .inner-locate .right {width: 100%;margin-top: 50px;}
.location .inner-locate .middle .img-area iframe{height: 350px;}
.location {padding: 50px 15px;}
.builder .inner-cont .inner-builder{display: block;}
.builder .inner-cont .inner-builder .builder-box {width: 100%;}
.builder .inner-cont .inner-builder .form-box {width: 100%;margin-top: 40px;}
.builder{padding: 0px 15px;}
body.fixed .navbar .nav-call{background-color: transparent;}
body.fixed .navbar .nav-call a {color: #000!important;}
.arrow {left: 22px;bottom: 60px;width: 84px;}
.arrow a {width: 35px;}
.carousel-indicators {bottom: 150px;left: 20px;}
.builder .inner-cont .inner-builder .builder-box p{width: 100%;}
.modal-body img {
    width: 110px;
}
}


.mobile-section{position:fixed; bottom:0; left:0; width:100%; background: #bb8618;
z-index: 999;display: none;}
.mobile-section .btn{padding: 7px 10px; font-size: 18px; text-align: center; flex-grow:1;
color: #fff; position: relative;}
.mobile-section .btn:not(:last-child):before{position:absolute; content:''; height:10px;
width:1px; background:#fff; right:0; top:50%; transform:translateY(-50%); display:block; }


@media (max-width: 575px){
	.enquiryBtn{display:none;}
	.left-side{display:none !important;}
.slid-form .form .form-box .form-control {
   
    margin-bottom: 17px;
    padding: 5px 15px;
    font-size: 17px;
}
.mobile-section{display: flex;}
.price-box h2 {font-size: 30px;}
.price-box {padding: 15px;}
.slid-form {margin-top: 9px;}
.slid-form {width: 95%;}
.slid-form .form{width: 92%;margin: 15px auto;margin-top: 40px; border-radius: 10px}
.inner-slider-box.drop-shad.m-v {margin: 5px 34px;margin-top: 35px;}
.about-us {margin: 40px 5px;}
.about-us .inner-about .right .right-inner h1 {font-size: 27px;}
.heading h2 span {padding: 5px 15px;
    letter-spacing: 1px;
    font-size: 21px;}
.highlights {padding: 50px 5px;}
.highlights .heading{margin-bottom: 25px;}
.highlights .inner-high .left h1 {letter-spacing: 2px;font-size: 26px;line-height: 36px;}
.pricing .inner-price .box .inner-box {padding: 6px;
    margin-bottom: 8px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.20), 0 1px 1px rgba(0,0,0,0.10);
    margin-top: 1px;}
.pricing .inner-price .box{padding-bottom: 0px;padding-top: 15px;}
.ament-sec .inner-amen-l{padding-top: 25px;}
.ament-sec {width: 87%;}
.ament-sec .inner-amen-l{padding-left: 0;}
.ament-sec .inner-amen-l h1 {font-size: 26px;line-height: 36px;letter-spacing: 1px;}
.ament-sec .inner-amen-l h1{margin-bottom: 15px;}
.amenities .inner-amen-r {width: 105%;overflow-x: hidden;}
.amenities .inner-amen-r {margin-left: -15px;}
.amenities .inner-amen-r .box .inner-box{border-radius: 25px;padding: 12px;}
.amenities .inner-amen-r .box {width: 100%;margin: 3%;}
.amenities .inner-amen-r .box .inner-box p {font-size: 14px;margin-bottom: 10px;}
.amenities {padding: 30px 0px;}
.floor-plan .inner-floor {padding-left: unset;}
section.floor-plan {padding: 7px;}
.gallery{padding-top: 0px;padding-bottom: 40px;}
.gallery .item{margin: 15px;margin-bottom: 35px;}
.location {padding: 5px 3px;padding-top: 0;}
.location .heading {margin-bottom: 32px;}
.builder {padding: 0px 10px;}
.builder .inner-cont .inner-builder .builder-box {padding: 18px;}
.builder .inner-cont .inner-builder .form-box {padding: 18px;}
.footer{margin-top: 10px;padding-bottom: 10px;}
.footer p{font-size: 12px;}
.mobile-details{padding: 0px 32px;}
.inner-slider-box{padding: 0px 0px;}
.highlights{padding-top: 5px;}
.highlights .inner-high .right ul li p {letter-spacing: 1px;font-size: 16px;width: 80%;padding-top: unset;display: grid;align-items: center;}
.location .inner-locate .right ul li p {font-size: 16px; letter-spacing: 1px;width: 100%;}
.about-us .inner-about .right .right-inner p{}
.amenities .inner-amen-r .box .inner-box h2 {font-size: 21px;letter-spacing: 1px;}
.amenities .inner-amen-r .box .inner-box .img-sec {right: -15%;}
.floor-plan .inner-floor .carousel-control-next {right: -5px;}
.builder .inner-cont .inner-builder h4 {font-size: 36px;letter-spacing: 3px;}
.gallery .item img {min-height: 150px;}
.about-us .inner-about .right .right-inner {padding: 15px;}
.slid-form .form .form-box .form-control {margin-bottom: 18px;
    background: #fff7e6;
    color: #333;}
.slid-form .form .form-box button {margin-top: 0px;
    padding: 3px 25px;}
.slid-form .form .form-box h6 {font-size: 22px;}
.slid-form .details .high-top li {line-height: 32px;font-size: 18px;}
.slid-form .details h1 {font-size: 18px;}
.slid-form .details h6 span {font-size: 16px;}
.modal-body {padding: 25px;}
.modal-body h2{font-size: 23px;}
.modal.show .modal-dialog {padding: 15px;}
.modal-body button {line-height: 22px;}
.modal .close{border: none;}
.logo {
 
  position: relative;
  left: 1rem;
  font-size: 1.3rem;
  font-weight: 800;
  padding: 5px 0;
  min-height: 1px;
  transition: all 300ms ease-in-out;
  z-index: 2;
  max-width: 130px;
}
}
h3{font-family: "Josefin Sans"}
.header {
	
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 998;
  color: #ffffff;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
  transition: all 300ms ease-in-out;
  max-height: 75px;
  position: relative;
  background:#ebeab878;
  
}

.header.fixed:hover{
  background-color: #fff;
  box-shadow: 0 10px 2rem rgb(0 0 0 / 15%);
  color: var(--body-color);
  border-bottom: 0;
}

.header a{
  color: #000;
}
.header.fixed a,
.header:hover a{
  color: var(--body-color);
}



.logo small{
  font-size: 54%;
}

.header .nav > ul {
  display: flex;
  align-items: center;
  position: relative;
}

.header .nav > ul > li > a {
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 0 10px;
  position: relative;
  transition: all 300ms ease-in-out;
  padding: 1rem;
  z-index: 1;
  margin-top: 14px;
  color:#000;
}

.header .nav > ul > li:hover > a {
  color: #000;
}

.header .nav > ul > li > a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  border-bottom: 1px solid var(--secondary-color);
  transition: all 300ms ease-in-out;
  z-index: -1;
}

.header .nav ul li:hover > a::before {
  width: 100%;
}

.header .topCTC{
	max-height: 81px;
  display: flex;
  background: var(--golden-grad);
  transition: all 300ms ease-in-out;
 
}

.header.fixed .topCTC,
.header:hover .topCTC{
  background-color: #965b40;
}

.header .topCTC a{
  display: flex;
  align-items: center;
 color:#000;
  font-weight: 700;
  padding: 0px 1rem;
}

.header .topCTC a:last-child{
  border-left: 1px solid #fff;
}

.header .topCTC a i{
  display: flex;
  align-items: center;
}

.header.fixed .menuBtn span::before {
  background: var(--primary-color);
}

.menuBtn {
  width: 60px;
  height: 60px;
  
  background-color: #ebeab800;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 300ms ease-in-out;
  position: relative;
  cursor: pointer;
}

.header.fixed .menuBtn {
  width: 40px;
  height: 40px;
}

.menuBtn div {
  position: relative;
  width: 50%;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  transition: all 300ms ease-in-out;
}

.menuBtn span {
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  margin: 3px 0;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.menuBtn span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  transform-origin: center center;
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.menuBtn.closeMenuBtn span#menuLine1 {
  -webkit-transform: rotate(45deg) translate(4px, 4px);
  transform: rotate(45deg) translate(4px, 4px);
}

.menuBtn.closeMenuBtn span#menuLine2 {
  right: 100px;
}

.menuBtn.closeMenuBtn span#menuLine3 {
  -webkit-transform: rotate(-45deg) translate(4px, -5px);
  transform: rotate(-45deg) translate(4px, -5px);
}

.menuContainer {
  position: fixed;
  inset: 0;
  padding-top: 61px;
  z-index: 996;
  background-color: rgba(6, 11, 17, 0.9);
  backdrop-filter: blur(5px);
  display: none;
}

.menuContainer .inner {
  padding: 5px 15px;
  width: 60%;
  visibility: hidden;
  background: var(--primary-color);
  background: radial-gradient(circle at 50% -10%, var(--secondary-color), var(--primary-color));
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 16%);
  transition: all 300ms ease-in-out;
}

.header.fixed + .menuContainer {
  padding-top: calc(1rem + 30px);
}

.menuContainer.active .inner {
  visibility: visible;
}

.menuContainer a{
  color: #fff;
  transition: all 300ms ease-in-out;
}

.mainMenu li:not(:last-child) a{
  border-bottom: 1px solid rgb(255 255 255 / 15%);
}

.mainMenu a{
  padding: 10px 0;
  font-weight: 700;
  display: block;
  position: relative;
}

.mainMenu li.active > a,
.mainMenu li:hover > a{
  padding: 10px;
  background-color: #fff;
  color: var(--primary-color);
}

.mainMenu a i{
  font-size: 75%;
  position: absolute;
  right: 0;
  top: 50%;
  line-height: 0;
  transition: all 300ms ease-in-out;
}

.mainMenu li.active > a i,
.mainMenu li:hover > a i{
  right: 10px;
}

.mainMenu li.active > a i{
  transform: rotate(540deg);
}

.menuDrop{
  padding: 5px 15px;
  margin-bottom: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  display: none;
}
.mainMenu ul ul li:last-child a{
	border-bottom: 0;
}
.inner-footer-bottom {
  width: 90.5%;
  margin: 11px auto 0px;
  border-top: 1px solid rgb(255, 255, 255);
  padding-top: 20px;
}
.inner-footer-bottom p {
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  letter-spacing: 0.8px;
  font-family: "Inter-Light";
  padding-bottom: 29px;
}
.modal .close {
  color: #fff;
  opacity: 1;
  right: 5px;
  position: absolute;
  z-index: 9999999 !important;
  top: 5px;
  padding: 6px 10px;
    padding-top: 6px;
  border-radius: 50px;
  padding-top: 0px;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
}
/*header*/
/* Whatsapp Icons */
.enquiryBtn {
 position: fixed;
  right: 20px;
  bottom: 15px;
  z-index: 99;
  background: #cf9e34;
  padding: 10px;
  border-radius: 10px;
  color: #000;
}

.enquiryBtn a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  font-size: 1rem;
  text-align: center;
  background-color: red;
  position: relative;
  z-index: 1;
  transition: all 300ms ease-in-out;
  color:#000;
}
.enquiryBtn a.whatsapp {
  background-color: #01c24a;
  margin-bottom: 10px;
}

.enquiryBtn a:hover {
  background-color: #fff;
  color: #000;
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 50%);
}
@media screen and (min-device-width: 768px) and (max-device-width: 912px) { 
   .slid-form .details h1 {
    font-size: 24px;
    letter-spacing: 2px;
  }
   .star-price {
    font-size: 18px;
  }
  .drop-box-all h5 {
  
  font-size: 17px;
  letter-spacing: 2px;
  border-radius: 50px;
}
.other-point{display:none;}
.highlights .inner-high .right{width:100%}.highlights .inner-high .left{width:0px;}
.pricing .inner-price .box {
    width: 39%;
  }
  .location .heading {
  padding-left: 0;
  width: 100%;
  margin-bottom: 22px;
}
.location .inner-locate .right ul li p {
    font-size: 13px;
  }
.heading h2 span {
  color: var(--yellow);
  border: 1px solid var(--yellow);
  border-radius: 50px;
  padding: 8px 19px;
    padding-bottom: 8px;
  font-family: "Josefin Sans";
  letter-spacing: 5px;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 4px;
}
}
.back-to-top {
  background-color: #fcbc5c;
  text-decoration: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  z-index: 999;
  position: fixed;
  left: 32px;
  bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 4px 16px 0 rgba(black,0.4);
  
}
  
  &:active {
    box-shadow: none;
    background-color: darken($back-to-top__button-color, 12%);
  }
  
  svg.icon__arrow-up {
    // Put these properties inline in the SVG
    // if you won't change these all the time
    fill: $back-to-top__icon-color;
    width: 32px;
    height: 32px;
  }
  h3 {
  font-size: 0.94rem;
  font-weight:bolder;
  text-align:center;
}
.dd img{filter: blur(4px);}

/*logo {
          width: 50px;
          height: auto; 
        }*/
        
        
        <style>
.youtube-section {
  padding: 50px 0;
  background-color: #fff;
}

.video-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.inner-video {
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.inner-video iframe {
  display: block;
}
</style>

body {
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

/* Optional: Prevent specific elements from causing overflow */
.container, .content-wrapper {
  max-width: 100%;
  overflow-x: hidden;
}