@font-face {
    font-family: "Fontspring-DEMO-theseasons-lt";
    src: url('../fonts/Fontspring-DEMO-theseasons-lt.otf');
}

@font-face {
    font-family: "Swiss";
    src: url('../fonts/Swiss\ 721\ SWA.ttf');
}

html {
    font-size: 10px;
}

body {
    font-size: 1.4rem;
    font-family: "Swiss", 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, #5e0a22 53%, #5e0a22 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, #5e0a22 53%, #5e0a22 99%)
}

#lock {
    display: none;
}

.heading {
    font-weight: 800 !important;
    color: #fff;
    font-size: 3rem;
    text-transform: uppercase !important;
    margin-bottom: 0.8rem !important;
    font-family: "Fontspring-DEMO-theseasons-lt";
    letter-spacing: 2px;
}

.heading1 {
    font-weight: 800 !important;
    color: #5e0a22;
    font-size: 3rem;
    text-transform: uppercase !important;
    margin-bottom: 0.8rem !important;
    font-family: "Fontspring-DEMO-theseasons-lt";
    letter-spacing: 2px;
}

.text-code {
    color: #5e0a22 !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: #5e0a22;
}

.subheading {
    font-family: "zona";
    letter-spacing: 0.2rem;
    font-size: 2.3rem;
    text-transform: uppercase !important;
    margin-bottom: 1rem;
}

.bg {
    background-color: #f0f0f0;
}

.paratext {
    line-height: 2.1rem;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 1.2rem;
    font-size: 1.8rem;
}

.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: #5e0a22;
}

.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: #5e0a22;
}

/* ==================== navbar start ==================== */

.header {
    /* position: sticky; */
    position: fixed;
    top: -0.1rem;
    z-index: 999;
    left: 0;
    background: #5e0a22;
    box-shadow: 0 0 0.5rem 0.5rem #dcd6d630;
}

.header #mainNav {
    padding: 1rem 0;
}

.logodmag {
    margin-left: -22.5px;
}

.navbar .navbar-brand {
    width: 14%;
}

.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: #fff;
    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: #5e0a22;
}

.navbar .navbar-nav .nav-item .nav-link:hover,
.navbar .navbar-nav .nav-item .nav-link.active {
    transition: all 0.6s ease;
    color: #fff;
    font-weight: 900;
    /* background: linear-gradient(45deg, #fae8b2 20%, #fff 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-color: #FAF9F6;
    /* background-image: url(../img/bg001.jpg); */
    /* background-repeat: no-repeat; */
    background-size: cover;
    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 #fff;
    color: #fff;
    background-color: #5e0a22;
    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: #5e0a22;
    background-color: #fff;
}

#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, #fff 20%, #fff 100%);
    transition: all 0.6s ease;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.maguspara {
    font-size: 14px;
}

/* ==================== Highlight end ==================== */

/* ==================== Configuration Start ==================== */

.innerconfiguration {
    background-image: url(../img/texture.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 8.5rem !important;
}

.innerconfiguration .heading {
    color: #5e0a22;
    display: flex;
    align-items: center;
    justify-content: center;
}

.innerconfiguration .headingborder1 {
    border-color: #fff;
}

.Configurationbox {
    background-color: #180208;
    color: #ffff;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    margin: 22px;
    padding: 35px 30px;
}

.Configurationbox:hover {
    -webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    transform: translateY(-15px);
    transition: ease all 0.5s;
}

.configareasection {
    position: absolute;
    left: 51%;
    transform: translateX(-50%);
}

/* .innerconfiguration {
    margin-bottom: 17%;
} */

.configUnit {
    color: #c4912c;
    font-size: 20px;
    font-weight: 700;
}

.Configurationbox .hoverBtn {
    border: 1px solid #5e0a22;
    background: #fff;
    color: #ffff;
}

.Configurationbox .hoverBtn:hover {
    background: #c4912c;
    color: #ffff;
}

.pricepop {
    padding: 5px 10px;
    text-decoration: unset;
    border-radius: 5px;
    color: #ffff;
}

.Configurationbox .pricepop {
    color: #000;
}

.Configurationbox .hoverBtn:hover .pricepop {
    color: #fff !important;
}

.Configurationbox .pricepop span {
    font-size: 18px;
}

/* ==================== Configuration end ==================== */

.ameheading {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==================== Amenities start ==================== */

.mainbg {
    /* background-image: url(../img/bgpattern.webp); */
    background-repeat: no-repeat;
    background-size: cover;
}

#Amenities {
    background-image: url(../img/skybg.jpg);
    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: #5e0a22;
}

.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: #5e0a22;
    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: #5e0a22;
    background: unset;
    -webkit-text-fill-color: unset;
    -webkit-background-clip: unset;
    margin-bottom: 0.8rem !important;
    letter-spacing: 2px;
}

/* ==================== Amenities end ==================== */

/* Construction section css  */

/* construction section css */

/* ==================== specifications Start ==================== */

/* .specifications {
  padding-bottom: 4rem;
} */

#Specifications {
    background-image: url(../img/skybg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.specifications .spechead {
    color: #5e0a22;
    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: -2.6rem 0 0;
}

.specifications .containerstyle {
    max-width: 95%;
    margin-left: auto;
}

.specifications .heading {
    color: #5e0a22;
    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: #5e0a22;
}

.specifications .owlspecification {
    margin-top: 4.6rem;
}

.specifications ul li {
    font-size: 1.6rem;
    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: #5e0a22;
    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: #5e0a22;
    border: 0.5rem solid #5e0a22;
    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: #5e0a22;
    color: #fff;
    font-size: 1.5rem;
}

/* ==================== specifications end ==================== */

/* ==================== Plans Start ==================== */

.plans {
    position: relative;
    padding: 8rem 0;
    background-color: #5e0a22;
    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: 1%;
}

.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.2rem solid #000;
    color: #000;
    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;
}

.fimg-blurimg {
    filter: blur(3px);
}

/* ==================== 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: #212121;
    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: #fff;
}

#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: #212121;
    border: 0.5rem solid #5e0a22;
    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: #fff;
    color: #212121;
    font-size: 1.5rem;
    /* text-transform: lowercase; */
}

.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: #5e0a22; */
    background-image: url(../img/skybg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.location .containerstyle {
    max-width: 95%;
}

.location .plaleft {
    padding-left: 1.5rem;
}

.location .subheading {
    color: #5e0a22;
}

.location .heading {
    color: #5e0a22;
}

.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: #5e0a22;
    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 {
    background: #5e0a22;
}

.headcolor .heading {
    background: #fff;
    -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 ==================== */

#AboutUs {
    background-image: url(../img/skybg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.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: 3.3rem;
    color: #000;
    /* background: linear-gradient(45deg, #d59347c1 20%, #d59247 100%);
  -webkit-text-fill-color: transparent; */
    -webkit-background-clip: text;
}

.aboutdeveloper .containerstyle .counters li .smatxt {
    margin-top: -0.4rem;
    display: block;
    font-size: 11px;
}

/* ==================== About Us end ==================== */

/* ==================== Contact start ==================== */

.contactus {
    position: relative;
    padding: 4rem 0 0rem;
    background: #180208;
    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 #5e0a22;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 1.2rem 2.1rem;
    border-radius: 0;
    font-size: 1.5rem;
    background: #5e0a22;
    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: #180208;
    position: relative;
    z-index: 1;
    transition: all 0.6s ease;
}

#btn-footer:hover {
    color: #5e0a22;
}

#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, #fff 20%, #fff 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;
    justify-content: end;
}

.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: #5e0a22;
    top: 0.0rem;
    right: 0.0rem;
    border: 0.1rem solid #5e0a22;
    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.webp); */
    background-repeat: no-repeat;
    background-size: cover;
}

.modal .con {
    padding: 1.6rem 1.5rem;
}

.modal .con .logo {
    width: 35%;
    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: 2.5rem;
    background: #5e0a22;
    position: relative;
    z-index: 1;
    transition: all 0.6s ease;
}

.btntest::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    z-index: -1;
    bottom: 0;
    border: 1px solid #000;
    /* background: linear-gradient(180deg, #fef3d2 20%, #d59247 100%);
  transition: all 0.6s ease; */
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.6s ease;
}

.btntest:hover {
    background: #fff;
}

.btntest:hover::before {
    transition: all 0.6s ease;
    height: 100%;
}

/* ==================== 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: #5e0a22;
}

.enquieryrap .iconenqui .img {
    line-height: 0;
}

.enquieryrap .iconenqui .txt {
    position: absolute;
    right: 0;
    width: 17.5rem;
    background: #5e0a22;
    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: #000;
    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: #fff;
    /* 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: #5e0a22;
    -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 #5e0a22;
    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;
            border: 1.5px solid #5e0a22;
            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: 17px 12px 12px -12px rgb(0 0 0 / 77%);
        }
        .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 #5e0a22 !important;color: #5e0a22;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 #5e0a22 !important;
    color: #5e0a22;
    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.2rem solid #5e0a22 !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;
} */

#Construction .heading {
    color: #fff !important;
}

.construct {
    position: relative;
    padding: 8rem 0;
    /* background: #5e0a22; */
    background-image: url(../img/bg001.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.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;
            border: 1.5px solid #fff;
            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 #5e0a22 !important;color: #5e0a22;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 #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.2rem solid #fff !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: #5e0a22;
    /* 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 ======================= */

.largetitleimg {
    /* background-color: #fff; */
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
}

/* ==================== AboutUs Start ==================== */

.aboutimgsize img {
    width: 70px;
}

.innerAboutUs {
    background-image: url(../img/bg1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

.innerAboutUs .section-head {
    color: #fff;
}

.innerAboutUs .headingborder1 {
    border-color: #fff;
}

#AboutUs {
    position: relative;
}

.ameelementimgup2 {
    position: absolute;
    top: -25px;
    left: 20%;
}

.ameelementimgdown2 {
    position: absolute;
    bottom: -25px;
    left: 20%;
}

.section-title {
    z-index: 1;
    margin-bottom: 0px;
    padding: 0px 0px 30px;
    text-align: left;
    position: relative;
}

.small-line {
    color: #ffff;
    font-size: 18px;
    position: relative;
    letter-spacing: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.small-line:after {
    top: 13px;
    content: '';
    height: 2px;
    width: 100px;
    right: -120px;
    position: absolute;
    background-color: #bf9c26;
}

.section-title h2 {
    color: #b2904a;
}

.aboutpara p {
    text-align: justify;
    color: #000;
    font-size: 14px;
    letter-spacing: 1.2px;
}

.aboutuscount h1 {
    font-weight: 700;
}

/* #AboutUs {
  background: linear-gradient(to right, #fef5ec 45%, #fff 45%);

} */

.AboutUs .containerstyle {
    max-width: 95%;
    margin-left: auto !important;
    position: relative;
}

.colpadding {
    padding: 0px 20px 0px 20px;
}

#AboutUs ul li span {
    font-size: 20px;
    color: #000;
}

#AboutUs h1 {
    color: #000;
}

#AboutUs .borderbottom {
    font-size: 13px;
}

.counterbg {
    background-color: #fff;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.AboutUs .heading {
    color: #000 !important;
}

/* ==================== AboutUs End ==================== */

.privacy-policy {
    padding: 20px;
    padding-top: 100px;
}