@font-face {
  font-family: "Sunset Imaginary";
  src: url('../fonts/SunsetImaginaryPersonalUse-ALMyD.otf') format('truetype');
}
  
@font-face {
  font-family: "Sunset Imaginary";
  src: url('../fonts/SunsetImaginaryPersonalUse-ALMyD.otf') format('truetype');
}
  
html {font-size: 10px;}
body {font-size: 1.4rem;font-family: "Sunset Imaginary", sans-serif;font-style: normal;font-weight: 400;}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 0px;
}

body::-webkit-scrollbar {
    width: 0.9rem;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
    background-color: #AAA;
    border-radius: 0px;
    background-image: -webkit-linear-gradient(5deg, #d0a033 53%, #d0a033 99%)
}
.modal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
    border-radius: 0px;
}

.modal::-webkit-scrollbar {
    width: 0.9rem;
    background-color: #F5F5F5;
}

.modal::-webkit-scrollbar-thumb {
    background-color: #AAA;
    border-radius: 0px;
    background-image: -webkit-linear-gradient(5deg, #d0a033 53%, #d0a033 99%)
}
#lock {display: none;}
.heading {font-weight: 600 !important;color: #d89049;font-size: 3.6rem;text-transform: uppercase !important;margin-bottom: 0.8rem !important;}
.heading {
background: linear-gradient(45deg, #fef3d2 20%, #d59247 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;}
#Features .heading {
background: unset;
    -webkit-text-fill-color: unset;
    -webkit-background-clip: unset;color: #d0a033;}
.subheading {font-family: "zona";letter-spacing: 0.2rem;font-size: 1.8rem;text-transform: uppercase !important;margin-bottom: 1rem;}
.bg {background-color: #f0f0f0;}
.paratext{line-height: 2rem;text-align: justify;margin-bottom: 1.2rem;}
.carousel .carousel-control-prev:hover, .carousel .carousel-control-next:hover {transition: all 0.6s ease;background: white !important;color: #fff;}
.carousel .carousel-control-prev:hover iconify-icon, .carousel .carousel-control-next:hover iconify-icon{background: transparent !important;color: #d0a033;}
.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {transition: all 0.6s ease;background: white !important;color: #fff;}
.owl-nav .owl-prev:hover  iconify-icon, .owl-nav .owl-next:hover iconify-icon {background: transparent !important;color: #d0a033;}
/* ==================== navbar start ==================== */
.header {position: sticky;top: -0.1rem;z-index: 999;left: 0;background: #fff;    box-shadow: 0 0 0.5rem 0.5rem #dcd6d630;}
.header #mainNav {padding: 1rem 0;}
.navbar .navbar-brand {width: 13%;}
.header .navbar-brand{padding-top: 0.5rem;padding-bottom: 0.5rem;margin-right: 1.6rem;font-size: 2.0rem;}
.header .navbar-nav .nav-item .nav-link {padding: 0.8rem 1rem;font-size: 1.55rem;color: #000;text-transform: uppercase;transition: all 0.6s ease;font-weight: 300;}
.header .navbar-nav .nav-item .nav-link:hover, .header .navbar-nav .nav-item .nav-link.active {transition: all 0.6s ease;color: #d0a033;}
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.active {
    transition: all 0.6s ease;
    /* color: #d89049; */
    font-weight: 900;
    background: linear-gradient(45deg, #d0a033 20%, #d0a033 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
/* ==================== navbar End ==================== */

/* ==================== Slider start ==================== */
.home .arrowslide {width: 11.7rem;position: absolute;z-index: 1;bottom: 20%;left: 3%;}
.carousel .carousel-control-prev,.carousel .carousel-control-next {width: 4.5rem;height: 4.5rem;border: 0.2rem solid #000 !important;color: #000;border-radius: 50%;opacity: 1;top: 50%;transform: translateY(-50%);transition: all 0.6s ease;cursor: pointer;}
/* ==================== Slider end ==================== */

/* ==================== Highlight Start ==================== */
.highlights {position: relative;background: #d0a033;padding: 8rem 0;}
.highlights .containerstyle {width: 87%;margin-right: auto !important;margin-left: auto !important;}
/* .iconsboxs p{background: linear-gradient(45deg, #fef3d2 20%, #d59247 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;font-size: 1.2rem;} */
.iconsboxs p{color: #c8a464;font-size: 1.1rem;}
.iconsboxs .icon{margin-bottom: 1.2rem;}
#DownloadBrchure{box-shadow:0 0rem 0.2rem 0.3rem #d89049;color: #fff;text-transform: uppercase;font-weight: 500;padding: 1.2rem 2.1rem;border-radius: 0;font-size: 1.5rem;background: transparent;position: relative;z-index: 1;transition: all 0.6s ease;}
#DownloadBrchure:hover{color: #d0a033;}
#DownloadBrchure:hover::before {transition: all 0.6s ease;height: 100%;}
#DownloadBrchure::before {content: "";position: absolute;width: 100%;height: 0;z-index: -1;bottom: 0;background: linear-gradient(180deg, #fef3d2 20%, #d59247 100%);transition: all 0.6s ease;left: 0;right: 0;margin: 0 auto;}
/* ==================== Highlight end ==================== */

/* ==================== Amenities start ==================== */
.mainbg{background-image: url(../img/bgpattern.html);background-repeat: no-repeat;background-size: cover;}
.amenities {position: relative;padding: 8rem 0;}
.amenities .containerstyle {width: 87%;margin-right: auto !important;margin-left: auto !important;}
.amenities .amenitiesbox{max-width: 95%;}
.amenities .nav-tabs {background: #fff;border: 0;width: 81%;padding: 0 0 0 15%;margin-top: 5.5rem;}
.amenities .nav-tabs .nav-item {padding: 2rem 0;margin: 0;}
.amenities .nav-tabs .nav-item .nav-link {cursor: pointer;padding: 0;border: 0;text-transform: uppercase;line-height: 2.6rem;position: relative;color: #d0a033;}
.amenities .nav-tabs .nav-item .nav-link::before {content: "";position: absolute;width: 0%;height: 0.2rem;background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);left: 0;transition: all 0.6s ease;bottom: 0;}
.amenities .nav-tabs .nav-item .tabhead1{font-family: "zona";letter-spacing:0.2rem;font-size: 2.5rem;color: #d89049;background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;}
.amenities .nav-tabs .nav-item .tabsubhead1{font-family: "zona";letter-spacing:0.2rem;font-size: 1.6rem;}
.amenities .nav-tabs .nav-item .nav-link.active::before, .amenities .nav-tabs .nav-item .nav-link:hover::before {width: 100%;transition: all 0.6s ease;}
.amenities .nav-tabs .nav-item .nav-link::before {content: "";position: absolute;width: 0%;height: 0.2rem;background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);left: 0;transition: all 0.6s ease;bottom: 0;}
.amenities .nav-tabs .nav-item {padding: 2rem 0;}
.amenities .nav-tabs .nav-item:nth-child(2) {margin: 0 0 0 11%;padding: 2rem 0;}
.amenities .nav-tabs .nav-item:nth-child(3) {margin: 0 0 0 11%;padding: 2rem 0;}
.amenities .amenitiesimg{padding-right: 19%;position: relative;}
.amenities .amenitiesimg .overlaypath{position: absolute;bottom: 0;right: 0;width: 25%;
    /* background: url(../img/bgpath.png) #b29766 no-repeat; */
    background: url(../img/bgpath.png) ,linear-gradient(181deg, #fef3d2 20%, #d59247 100%);background-repeat:no-repeat;
    display: flex;justify-content: center;align-items: center;text-align: center;background-position: right top;height: 38.4rem;background-size: cover;}
.amenities .amenitiesimg .overlaypath .amenhead{color: #fff !important;font-family: "zona";letter-spacing: 0.2rem;font-size: 3rem;margin: 0;}
.amenities .tab-content .arrowslide {width: 11.7rem;position: absolute;z-index: 1;bottom: 11%;right: 8%;}
.amenities .carousel .carousel-control-prev,.amenities .carousel .carousel-control-next {width: 4.5rem;height:  4.5rem;border: 0.2rem solid #fff !important;color: #fff;border-radius: 50%;opacity: 1;top: 50%;transform: translateY(-50%);transition: all 0.6s ease;cursor: pointer;}
.amenities .heading{color: #d0a033;background: unset;
    -webkit-text-fill-color: unset;
    -webkit-background-clip: unset;
     margin-bottom: 0.8rem !important;}
/* ==================== Amenities end ==================== */

/* Construction section css  */

/* construction section css */

/* ==================== specifications Start ==================== */
.specifications{padding-bottom: 4rem;}
.specifications .spechead{color: #d89049;font-family: "zona";font-weight:600;letter-spacing:0.2rem;font-size: 2.1rem;background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;}
.specifications .specul{font-size: 1.4rem;}
.specifications ul {padding: 0 0 0 2rem;margin: 1.4rem 0 0;}
.specifications .containerstyle {max-width: 95%;margin-left: auto;}
.specifications .heading{color: #d0a033;margin-bottom: 0.8rem !important;background: unset;
    -webkit-text-fill-color: unset;
    -webkit-background-clip: unset;}
.specifications .owl-nav {display: flex;flex-wrap: wrap;justify-content: center;width: 10rem;margin-top: 1.6rem;}
.specifications .owl-nav .owl-prev,.specifications .owl-nav .owl-next {width: 4.5rem;height:4.5rem;border: 0.2rem solid #fff !important;color: #fff;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border: 0.1rem solid #b29766 !important;}
.specifications .owl-nav iconify-icon{color:#b29766;}
.specifications .owl-next {margin-left: auto;}
.specifications ul li::marker {color: #d89049;}
.specifications .owlspecification {margin-top: 4.6rem;}
.specifications ul li {font-size: 1.3rem;margin-bottom: 0.6rem;}
.specifications .accordion-header button,
.specifications .accordion-header button:focus {
    display: block;
    padding: 1.1rem 3.5rem;
    font-size: 1.6rem;
    color: #fff;
    background: #d0a033;
    border-bottom: 0.1rem solid #fff;
    position: relative;    
    font-family: "zona", sans-serif;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    box-shadow: none;
}
.specifications .accordion-header button:hover{
    color: #ffc58b;
}

.specifications .accordion-header button:after {
    content: "+";
    /* font-family: "Font Awesome 5 Free"; */
    font-weight: 900;
    width: 3rem;
    height: 3rem;
    line-height: 2rem;
    border-radius: 50%;
    background: #FFF;
    text-align: center;
    font-size: 1.2rem;
    color: #d0a033;
    border: 0.5rem solid #d0a033;
    position: absolute;
    top: 0.4rem;
    left: 0rem;
    transition: all 0.3s ease 0s;
}
.specifications .accordion-header button:not(.collapsed)::after {
    content: "x" !important;
    font-family: "zona";
}
.specifications .accordion-header button[aria-expanded=true]::after {
    content: "x" !important;
    font-family: "zona";

}
.specifications .accordion-header button[aria-expanded=true] {
    content: "x" !important;

}
.specifications .accordion-body {
    background: #d0a033;
    color: #fff;
    font-size: 1.5rem;
}
/* ==================== specifications end ==================== */
/* ==================== Plans Start ==================== */
.plans {position: relative;padding: 8rem 0;background: url(../img/bg.html) no-repeat;padding: 8rem 0;position: relative;background-size: cover;}
.plans .owlplans {margin-top: 2.4rem !important;}
.plans .containerstyle {max-width: 95%;margin-left: auto;}
.plans .planspadd {padding-left: 15%;}
.plans .owlplans .overlay{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;cursor: pointer;transition: all 0.6s ease;}
.plans .overlay .ico {width: 4.5rem;height:4.5rem;border-radius: 50%;border: 0.1rem solid #b29766;color: #b29766;display: flex;align-items: center;justify-content: center;transition: all 0.6s ease;}
.plans .owlplans .img {position: relative;}
.plans .owlplans .headfnt  {color: #fff ;font-family: "zona";letter-spacing: 0.2rem;margin: 1.6rem 0;font-size: 2.1rem;}
.plans .owlplans .owl-nav {    display: flex;    flex-wrap: wrap;    justify-content: center;    width: 10rem;    margin-top: 1rem;}
.plans .owlplans .owl-nav .owl-prev,.plans .owlplans .owl-nav .owl-next{    width: 4.5rem;height: 4.5rem;border:0.2rem solid #fff !important;color: #fff;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.plans .owlplans .owl-nav .owl-next {margin-left: auto;}
.plans .heading{color: #fff;}
.plans .subheading{color: #fff;}
.plans .owlplans .ico iconify-icon{font-size: 2rem;}
/* ==================== Plans end ==================== */
/* ==================== Location start ==================== */
#Location .accordion-header button,
#Location .accordion-header button:focus {
    display: block;
    padding: 1.1rem 3.5rem;
    font-size: 1.6rem;
    color: #fff;
    background: #d0a033;
    border-bottom: 0.1rem solid #fff;
    position: relative;    
    font-family: "zona", sans-serif;
    text-transform: capitalize;
    transition: all 0.3s ease 0s;
    box-shadow: none;
}
#Location .accordion-header button:hover{
    color: #ffc58b;
}

#Location .accordion-header button:after {
    content: "+";
    /* font-family: "Font Awesome 5 Free"; */
    font-weight: 900;
    width: 3rem;
    height: 3rem;
    line-height: 2rem;
    border-radius: 50%;
    background: #FFF;
    text-align: center;
    font-size: 1.2rem;
    color: #d0a033;
    border: 0.5rem solid #d0a033;
    position: absolute;
    top: 0.4rem;
    left: 0rem;
    transition: all 0.3s ease 0s;
}
#Location .accordion-header button:not(.collapsed)::after {
    content: "x" !important;
    font-family: "zona";
}
#location .accordion-header button[aria-expanded=true]::after {
    content: "x" !important;
    font-family: "zona";

}
#location .accordion-header button[aria-expanded=true] {
    content: "x" !important;

}
.accordion-body {
    background: #d0a033;
    color: #fff;
    font-size: 1.5rem;
}
.accordion-body h4{
    color: #ffc58b;
}
.accordion-button{
    text-transform: uppercase;
}

#Location .accordion-header:focus button:after {
    content: "-";
}

.accordion-item {
    border: none;
    box-shadow: none;
    border-radius: 1rem;
    margin-bottom: 1rem;
}
.location{position: relative;padding: 5rem 0;background: #d0a033;}
.location .containerstyle {max-width: 95%;}
.location .plaleft {padding-left: 1.5rem;}
.location .subheading {color: #fff;}
.location .owllocation {margin-top: 4.6rem;}
.location .locationheadbox{display: flex;flex-wrap: wrap;}
.location .locationheadbox .ico{max-width: 12%;flex: 0 0 12%;}
.location .locationheadbox .txt {max-width: 88%;flex: 0 0 88%;color: #fff;padding-left: 1.5rem;}
.location .locationheadbox .locationitemhead {color: #d89049;background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;font-size: 1.6rem;  font-family: "zona";letter-spacing: 0.2rem;}
    .headcolor .heading {
        background: #d0a033;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
.location .mobimg{margin: 0 1.6rem;}
.location .loccontent{margin-top:1.6rem;}
.location .locationup{margin-bottom: .8rem !important;font-weight: 500;}
.location .loccontent li{font-size: 1.5rem;font-weight: 300;margin: 0 0 0.4rem;}
.location .owllocation .owl-nav {    display: flex;    flex-wrap: wrap;    justify-content: center;    width: 10rem;    margin-top: 1rem;}
.location .owllocation .owl-nav .owl-prev,.location .owllocation .owl-nav .owl-next{    width: 4.5rem;height: 4.5rem;border:0.2rem solid #fff !important;color: #fff;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.location .owllocation .owl-nav .owl-next {margin-left: auto;}
/* ==================== Location end ==================== */
/* ==================== About Us Start ==================== */
.aboutdeveloper .containerstyle {max-width: 95%;margin-left: auto !important;position: relative;}
.aboutdeveloper .containerstyle .overlay {top: 0%;padding: 2.4rem 5% 8rem 0;    position: absolute;width: 45%;background: #fff;left: 0;height: 100%;}
.aboutdeveloper .containerstyle .mainhead {margin-bottom: 4.8rem;}
.aboutdeveloper .containerstyle .subheading {margin-bottom:  2.4rem }
.aboutdeveloper .containerstyle .overlay p {line-height: 2.5rem;}
.aboutdeveloper .containerstyle .counters {margin: 27rem 0 0;list-style-type: none;margin: 2.69rem 0 0;padding: 0;display: flex;flex-wrap: wrap;position: relative;}
.aboutdeveloper .containerstyle .counters::before {content: "";width: 100%;height: 0.1rem;background: #b29766;top: 54%;transform: translateY(-50%);left: 0;right: 0;margin: 0 auto;position: absolute;bottom: -3.6rem;}
.aboutdeveloper .containerstyle .counters::after {content: "";width: 0.1rem;height: 100%;background: #b29766;top: 0;left: -3.6rem;right: 0;margin: 0 auto;position: absolute;}
.aboutdeveloper .containerstyle .counters li {max-width: 50%;flex: 0 0 50%;margin: 0;text-align: center;}
.aboutdeveloper .containerstyle .counters li:nth-child(2) {text-align: center;}
.aboutdeveloper .containerstyle .counters li:nth-child(3) {margin-top: 1.5rem;}
.aboutdeveloper .containerstyle .counters li:nth-child(4) {margin-top: 1.5rem;text-align: center;}
.aboutdeveloper .containerstyle .counters li .headfnt{font-family: "zona";letter-spacing: 0.2rem;font-size: 4.5rem;color: #d89049;background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;}
.aboutdeveloper .containerstyle .counters li .smatxt{margin-top: -1.4rem;display: block;}
/* ==================== About Us end ==================== */
/* ==================== Contact start ==================== */
.contactus{position: relative;padding: 4rem 0 0rem;background: #d0a033;color: #fff;
    /* background: url(../img/footer.webp);background-size: cover;background-repeat: no-repeat; */
}
.contactus .containerstyle{padding: 0 3rem 4rem;}
.contactus .containerrow{margin-top: 4.8rem;}
.contactus .containerrow .txsec.txsecf{margin-top: 2.4rem;margin-bottom: 2.72rem;}
.contactus .containerrow .txsec{margin-bottom: 2.72rem;}
.contactus .containerrow .contactusmedium{font-size: 1.6rem;}
.contactus .containerrow .inputfield{margin-bottom: 2.72rem;}
.contactus .containerrow input[type=text],.contactus .containerrow input[type=tel], .contactus .containerrow input[type=email], .contactus .containerrow input[type=email], .contactus .containerrow textarea {color: #e3e3e3;border: 0.1rem solid #e3e3e3;font-size: 1.4rem;background: transparent;width: 100%;padding: 1.1rem 1.2rem;font-size: 1.3rem;resize: none;}
.contactus .containerrow input[type=text]::placeholder,.contactus .containerrow input[type=tel]::placeholder, .contactus .containerrow input[type=email]::placeholder, .contactus .containerrow input[type=email]::placeholder, .contactus .containerrow textarea::placeholder {color: #e3e3e3;}
#cp-registration{box-shadow: 0 0.2rem 0.3rem #d89049;color: #fff;text-transform: uppercase;font-weight: 500;padding: 1.2rem 2.1rem;border-radius: 0;font-size: 1.5rem;background: #d0a033;position: relative;z-index: 1;transition: all 0.6s ease;}
#cp-registration:hover::before {transition: all 0.6s ease;height: 100%;}
#cp-registration::before {content: "";position: absolute;width: 100%;height: 0;z-index: -1;bottom: 0;background: linear-gradient(180deg, #fef3d2 20%, #d59247 100%);transition: all 0.6s ease;left: 0;right: 0;margin: 0 auto;}
#btn-footer{box-shadow: 0 0rem 0.2rem 0.3rem #fff;color: #fff;text-transform: uppercase;font-weight: 500;padding: 1.2rem 2.1rem;border-radius: 0;font-size: 1.5rem;background: #000;position: relative;z-index: 1;transition: all 0.6s ease;}
#btn-footer:hover {color: #fff;}
#btn-footer:hover::before {transition: all 0.6s ease;height: 100%;}
#btn-footer::before {content: "";position: absolute;width: 100%;height: 0;z-index: -1;bottom: 0;background: linear-gradient(180deg, #fef3d2 20%, #d59247 100%);transition: all 0.6s ease;left: 0;right: 0;margin: 0 auto;}
.contactus .containerrow .txsec p a {color: #fff;text-decoration: none;}
.contactus .containerrow  p.Disclaimer {font-size: 0.8rem;text-align: justify;}
.contactus .containerrow .form-check-label {font-size: 0.9rem;}
.footer .containerstyle2{border-top: 0.1rem solid #fff;padding: 2rem 0;max-width: 98%;margin: auto;}
.footer .containerstyle2 p{margin: 0;color: #e3e3e3;}
.footer .containerstyle2 p a{color: #e3e3e3;text-decoration: underline;transition: all 0.6s ease;}
.footer .containerstyle2 ul {margin: 0;padding: 0;list-style-type: none;}
.footer .containerstyle2 ul li a {color: #fff;text-decoration: none;transition: all 0.6s ease;}
.footer .containerstyle2 ul li a {color: #fff;text-decoration: none;transition: all 0.6s ease;}
.footer .containerstyle2 .icons a{display: inline-block;text-align: center;text-decoration: none;margin:0 0.6rem;border-radius: 50%;position: relative;}
.footer .containerstyle2 .icons p{display: flex;justify-content: center;align-items: center;}
.footer .containerstyle2 .icons iconify-icon{font-size: 3rem;}
/* ==================== Contact end ==================== */
/* ==================== modal Start ==================== */
.modal .modal-content .close {position: absolute;width: 5.0rem;height: 5.0rem;background: #d0a033;top: -2.0rem;right: -2.0rem;border: 0.1rem solid #d89049;display: flex;align-items: center;justify-content: center;opacity: 1 !important;z-index: 1;color: #fff;font-size: 2rem;}
.modal .modal-dialog {max-width: 87%;margin:2.9rem auto !important;}
.modal .modal-content{position: relative;padding: 0;background: url(../img/bgpattern.html);
background-repeat: no-repeat;background-size: cover;}
.modal .con {padding: 1.6rem 1.5rem;}
.modal .con .logo {width: 18%;    margin: 0 auto;}
#exampleModalLongTitle{font-size: 2.1rem;font-family: "zona";letter-spacing:0.2rem;}
.modal input[type=text], .modal input[type=tel], .modal input[type=email], .modal textarea {    color: #1e1e1e;border: 0.1rem solid #1e1e1e;font-size: 1.4rem;width: 100%;font-size: 1.3rem;resize: none;padding: 1.1rem 1.6rem;background: transparent;}
.modal input[type=text]::placeholder, .modal input[type=tel]::placeholder, .modal input[type=email]::placeholder, .modal textarea::placeholder {    color: #1e1e1e;}
.modal .con .form-check-label {font-size: 1rem;}

.btntest{color: #fff;text-transform: uppercase;font-weight: 500;padding: 1.2rem 2.1rem;border-radius: 0;font-size: 1.5rem;background: #d0a033;position: relative;z-index: 1;transition: all 0.6s ease;}
.btntest:hover::before {transition: all 0.6s ease;height: 100%;}
.btntest::before {content: "";position: absolute;width: 100%;height: 0;z-index: -1;bottom: 0;background: linear-gradient(180deg, #fef3d2 20%, #d59247 100%);transition: all 0.6s ease;left: 0;right: 0;margin: 0 auto;}
/* ==================== modal end ==================== */
/* ==================== Enquire Start ==================== */
.enquieryrap {position: fixed;right: 0.8%;top: 20%;z-index: 11;}
.enquieryrap .iconenqui {width: 4.5rem;height: 4.5rem;border-radius: 50%;padding: 1.2rem;display: flex;margin-bottom: 1rem;position: relative;box-shadow: unset;border: 0.1rem solid #b29766;background: #d0a033;}

.enquieryrap .iconenqui .img {line-height: 0;}
.enquieryrap .iconenqui .txt {position: absolute;right: 0;width: 17.5rem;background: #d0a033;padding: 1.1rem 1.3rem;top: 0%;border-radius: 0 1.9rem 1.9rem 0;z-index: -1;color: #fff;text-decoration: none;opacity: 0;transition: all 0.6s ease;transform: translateX(0);font-weight: 500;display: none;}

.enquieryrap .iconenqui img {width: 100%;}
.enquieryrap .iconenqui .img span {display: none;}
.enquieryrap .iconenqui:hover .txt {display: block;opacity: 1;transition: all 0.6s ease;transform: translateX(0);}
@keyframes pulse2 {0% {transform: scale(1, 1);opacity: 0;}50% {opacity: 0.8;}100% {transform: scale(1.2, 1.2);opacity: 0;}}
#scroll, .scroll-anchor {display: flex;position: fixed;bottom: 1.3rem;right: 0.8rem;background: #b29766;width: 4.0rem;height: 3.6rem;z-index: 9999;text-align: center;justify-content: center;align-items: center;color: #fff;transition: all 0.6s ease;box-shadow: 0 0.4rem 0.8rem rgba(255, 255, 255, 0.2392156863);}

/* ==================== Enquire end ==================== */
/* Rohit css */
label.error{color: red; font-size: 1.3rem;}
.inputfield{position: relative !important;}
.inputfield label.error{color: red; font-size: 1.3rem;position: absolute !important;left: 1rem !important;
    bottom: -2.5rem !important;
}
.labelerrorposition {position: relative !important;}
.labelerrorposition label.error{color: red; font-size: 1.3rem;position: absolute !important;left: 1rem !important;
    bottom: -1.8rem !important;
}
input{
    outline: unset;
}
#scroll {
    /* display: flex; */
    position: fixed;
    bottom: 1.3rem;
    right: 0.8rem;
    background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);
    width: 4rem;
    height: 4rem;
    z-index: 9999;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #000;
    transition: all 0.6s ease;
    box-shadow: 0 0.4rem 0.8rem rgba(255, 255, 255, 0.2392156863);
  }
#scroll.active{
    display: flex !important;
}
#scroll{
    display: none !important ;
}
.aboutdeveloper .heading {
    background: #d0a033;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}
.form-check-label  {
    position: relative;
}
.form-check-label label.error {
    position: absolute;
    top: 1.9rem;
    background: #fff;
    color: red;
    padding: 0px 0.3rem;
    border: 0.1rem solid #d0a033;
    z-index: 9;
    left: -0.5rem !important;
}
.form-check-label label.error:after {
    content: " ";
    position: absolute;
    left: 0.1rem;
    top: -0.9rem;
    border-top: none;
    border-right: 0.8rem solid transparent;
    border-left: 0.8rem solid transparent;
    border-bottom: 0.8rem solid red;
}
/* ======================= Amenities Start ======================= */
.innerAmenities {
    padding: 50px 0px;
  }
  
  .headAmenities {
    text-align: center;
  }
  
  #Amenities {
    .owl-carousel {
      padding: 30px 0px 0px;
    }
  
    .title {
      margin-bottom: 10px;
      font-size: 30px;
    }
  
    .owl-carousel {
      img {
        max-height: 100%;
        max-width: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 300px;
        object-fit: cover;
        @include transition(all 0.2s ease);
        -webkit-box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);
        -moz-box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);
        box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);
      }
  
      .owl-item {
        height: 300px;
        position: relative;
        transform: scale(0.7);
        -ms-transform: scale(0.7);
        transition: all .2s;
        -webkit-transform: all .2s;
        z-index: 1;
  
        @media (max-width: 768px) {
          height: 270px;
        }
  
        @media (max-width: 380px) {
          height: 200px;
        }
      }
  
      .owl-stage-outer {
        padding-bottom: 10px;
      }
    }
  
    .owl-item {
      &.big {
        transform: scale(1);
        -ms-transform: scale(1);
        z-index: 3;
      }
    }
  
    .owl-item {
      &.medium {
        transform: scale(0.8);
        -ms-transform: scale(0.8);
        z-index: 2;
  
        &.mdright {
          position: relative;
          left: -30px;
  
          @media (min-width: 768px) {
            left: 0px;
          }
        }
  
        &.mdleft {
          position: relative;
          right: -30px;
  
          @media (min-width: 768px) {
            right: 0px;
          }
        }
      }
    }
  
    .owl-item {
      &.smallRight {
        &.active {
          transform: scale(0.7);
          -ms-transform: scale(0.7);
          position: relative;
          left: -30px;
        }
      }
    }
  
    .owl-item {
      &.smallLeft {
        &.active {
          transform: scale(0.7);
          -ms-transform: scale(0.7);
          position: relative;
          right: -30px;
        }
      }
    }
  
    .owl-nav {
      .owl-prev {
        left: 0px;
      }
  
      .owl-next {
        right: 0px;
      }
    }
  }
  /* #Amenities .AmenitiesSlider  .owl-nav .owl-prev,#Amenities .AmenitiesSlider  .owl-nav .owl-next{    width: 4.5rem;height: 4.5rem;border:0.2rem solid #d0a033 !important;color: #d0a033;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} */
  #Amenities .owl-nav  {
    display: flex;
    justify-content: center;
    align-items: center;
}
  #Amenities  .owl-nav .owl-prev,  #Amenities  .owl-nav .owl-next {width: 4.5rem;height:4.5rem;border: 0.2rem solid #b29766 !important;color: #b29766;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border: 0.1rem solid #b29766 !important;}

  #Amenities .owl-nav .owl-next  {
  margin: 1rem;
}
  .owl-prev i {
    display: none;
  }
  
  .owl-next i {
    display: none;
  }
  
  .gallery-slider a:hover .overlay {
    background-color: #b29766b7;
  }
  
  .overlay {
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .overlay img {
    height: auto !important;
  }
  
  .overlay {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  .overlay>img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
    border: none !important;
    width: 25px !important;
  }
  
  .gallery-slider a:hover>.overlay>img {
    opacity: 1;
  }
  
  /* ======================= Amenities End ======================= */


  /* ======================= Construction Update Start ======================= */
/* .innerAmenities {
  padding: 50px 0px;
}

.headAmenities {
  text-align: center;
} */
.construct {
  position: relative;
  padding: 8rem 0;
  background: #d0a033;
}

.construct .subheading {
  color: #fff;
}

.construct .heading {
  background: linear-gradient(45deg, #fef3d2 20%, #d59247 100%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  margin-bottom: 0.8rem !important;
}

#Construction {
  .owl-carousel {
    padding: 30px 0px 0px;
  }

  .title {
    margin-bottom: 10px;
    font-size: 30px;
  }

  .owl-carousel {
    img {
      max-height: 100%;
      max-width: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      height: 300px;
      object-fit: cover;
      @include transition(all 0.2s ease);
      -webkit-box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);
      -moz-box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);
      box-shadow: 12px 12px 10px -10px rgba(0, 0, 0, .25);
    }

    .owl-item {
      height: 300px;
      position: relative;
      transform: scale(0.7);
      -ms-transform: scale(0.7);
      transition: all .2s;
      -webkit-transform: all .2s;
      z-index: 1;

      @media (max-width: 768px) {
        height: 270px;
      }

      @media (max-width: 380px) {
        height: 200px;
      }
    }

    .owl-stage-outer {
      padding-bottom: 10px;
    }
  }

  .owl-item {
    &.big {
      transform: scale(1);
      -ms-transform: scale(1);
      z-index: 3;
    }
  }

  .owl-item {
    &.medium {
      transform: scale(0.8);
      -ms-transform: scale(0.8);
      z-index: 2;

      &.mdright {
        position: relative;
        left: -30px;

        @media (min-width: 768px) {
          left: 0px;
        }
      }

      &.mdleft {
        position: relative;
        right: -30px;

        @media (min-width: 768px) {
          right: 0px;
        }
      }
    }
  }

  .owl-item {
    &.smallRight {
      &.active {
        transform: scale(0.7);
        -ms-transform: scale(0.7);
        position: relative;
        left: -30px;
      }
    }
  }

  .owl-item {
    &.smallLeft {
      &.active {
        transform: scale(0.7);
        -ms-transform: scale(0.7);
        position: relative;
        right: -30px;
      }
    }
  }

  .owl-nav {
    .owl-prev {
      left: 0px;
    }

    .owl-next {
      right: 0px;
    }
  }
}
/* #Amenities .AmenitiesSlider  .owl-nav .owl-prev,#Amenities .AmenitiesSlider  .owl-nav .owl-next{    width: 4.5rem;height: 4.5rem;border:0.2rem solid #d0a033 !important;color: #d0a033;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} */
#Construction .owl-nav  {
  display: flex;
  justify-content: center;
  align-items: center;
}
#Construction  .owl-nav .owl-prev,  #Construction  .owl-nav .owl-next {width: 4.5rem;height:4.5rem;border: 0.2rem solid #b29766 !important;color: #b29766;border-radius: 50%;opacity: 1;transition: all 0.6s ease;cursor: pointer;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;border: 0.1rem solid #b29766 !important;}

#Construction .owl-nav .owl-next  {
margin: 1rem;
}
.owl-prev i {
  display: none;
}

.owl-next i {
  display: none;
}

.gallery-slider a:hover .overlay {
  background-color: #b29766b7;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  /* new ================ */
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.overlay img {
  height: auto !important;
}

.overlay {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.overlay>img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  border: none !important;
  width: 25px !important;
}

.gallery-slider a:hover>.overlay>img {
  opacity: 1;
}

/* Blue overlay for date */
.date-overlay {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #d0a033; /* Semi-transparent blue */
  color: #fff;
  padding: 5px 10px;
  font-size: 0.9rem;
  /* border-radius: 3px; */
  font-weight: bold;
  transition: all 0.3s ease-in-out;
}

/* Adjust hover effect for overlay */
.gallery-slider a:hover .overlay {
  background-color: #b29766b7;
}

/* Hover effect on date overlay (optional) */
.gallery-slider a:hover .date-overlay {
  background-color: #17042bc7; /* Darker blue on hover */
}
#DownloadBrchuremob{
  display: none;
}

/* ======================= Construction Update End ======================= */
