* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

body {

    overflow-X: hidden !important;

    background-color: #f6f4f2;

}



:root {

    --cream: #fff;

    --drk-green: #b38533;

    --sky-blue: #b7bcbc;

    --light-orange: #aba08b;

    --btn-bg: #8a0c6a;

}





@font-face {

    font-family: Helvetica;

    src: url(../fonts/Helvetica.ttf);

    font-weight: 400;

}



@font-face {

    font-family: Helvetica-Bold;

    src: url(../fonts/Helvetica-Bold.ttf);

    font-weight: 900;

}



@font-face {

    font-family: Exo-Medium;

    src: url(../fonts/Exo-Medium.ttf);

    font-family: 500;

}



@font-face {

    font-family: Helvetica-Neue-Regular;

    src: url(../fonts/Helvetica-Neue-Regular.ttf);

}





@font-face {

    font-family: JosefinSans-Regular;

    src: url(../fonts/JosefinSans-Regular.ttf);

}



h1 {
    font-family: Exo-Medium;
}

h2 {
    font-family: Helvetica;
}

h3 {
    font-family: Helvetica-Bold;
}

h4 {
    font-family: Helvetica-Neue-Regular;
}

p {
    font-family: JosefinSans-Regular;
}



.banner {

    position: relative;

}

.my-nav {

    position: absolute;

    top: 0;

    z-index: 99;

    width: 100%;

    padding: 0 110px;

}

.project-logo {

    max-width: 100px;

    filter: brightness(1.3);

    width: 97%;

}



.nav-fixd .project-logo {

    filter: unset;

}

.hero-style {

    position: relative;

}



.hero-style::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #00000069;

    z-index: 2;

}

.banner-im {

    width: 100%;

}



.banner-text {

    position: absolute;

    top: 27%;

    z-index: 2;

    left: 130px;

}



.project-name h1 {

    color: #fff;

    letter-spacing: 2px;

    font-size: 60px;

    line-height: 77px;

}

.project-name p {

    color: #fff;

    font-size: 20px;

    position: relative;

    display: flex;

    align-items: center;

    letter-spacing: 2px;

}



/*============== TEXT ROTATE ANIMATION ============== */


.circle {
    position: absolute;
    bottom: 11%;
    right: 48%;
    transform: translateX(50%);
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.text-rotate {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: consolas;
    color: #fff;
    font-size: 17px;
    animation: 8s linear 0s infinite normal none running textRotation;
    cursor: pointer;
    transform: rotate(-125deg);
}

.text-rotate.ovr {
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: consolas;
    color: #000;
    font-size: 17px;
    /* animation: 8s linear 0s infinite normal none running textRotation; */
    cursor: pointer
}

.logo {
    position: absolute;
    width: 80px;
    height: 80px;
    transform: rotate(0deg);
    background-size: 75px;
    background-repeat: no-repeat;
    border-radius: 100vmax;
    background-position: center center
}

.circle .logo img {
    width: 80px;
    height: 80px
}

.text-rotate span {
    position: absolute;
    left: 50%;
    font-size: 1.2em;
    transform-origin: 0px 100px;
}

@keyframes textRotation {
    100% {
        transform: rotate(360deg);
    }
}
/*============== TEXT ROTATE ANIMATION END ============== */


.project-name p span {

    width: 100px;

    height: 2px;

    background: var(--light-orange);

    display: block;

    margin-left: 10px;

}

.m-site-banner .project-name p span {

    margin-right: 10px;

}

.my-nav .navbar-nav {

    width: 100%;

    justify-content: end;

}

.fotter-bg {

    background: #f6f4f2;

    padding: 7px 20px;

}

.my-nav .navbar-nav .nav-link {

    color: rgb(255 255 255) !important;

    font-family: Helvetica;

    letter-spacing: 1px;

    text-transform: uppercase;

}



.nav-fixd {

    position: fixed;

    width: 100%;

    top: 0;

    background-color: #fff;

    box-shadow: 0px 0px 10px #00000082;

    /* color: #000 !important; */

}

.my-nav.nav-fixd .navbar-nav .nav-link {
    color: #000 !important;
}

.carousel-indicators li {

    width: 43px;

    height: 7px;

}

.strp .carousel-indicators li {

    background-color: #f05353;

}

.hero-slider .swiper-container-horizontal>.swiper-pagination-bullets {

    text-align: center;

}

.qr-box {

    display: flex;

    justify-content: center;

    gap: 20px;

    flex-wrap: wrap;

}

.key-highlight ul {

    list-style-type: none;

}

.key-highlight ul li {

    color: #fff;

    font-family: JosefinSans-Regular;

    font-size: 19px;

    text-transform: capitalize;

    margin-bottom: 13px;

}

.key-highlight ul li span img {

    max-width: 33px;

}

.banner-text .banner-price {

    background-color: var(--cream);

    width: fit-content;

    padding: 8px 30px;

    color: var(--drk-green);

}



.banner-text .banner-price {

    background-color: var(--cream);

    width: fit-content;

    padding: 8px 30px;

    color: #000000;

    letter-spacing: 2px;

    margin-top: 25px;

    margin-bottom: 25px;

}



.banner-text .banner-type {

    color: #fff;

    letter-spacing: 2px;

    font-size: 31px;

}



.banner-call-btn p {

    font-size: 30px;

    margin-bottom: 0;

}

.banner-call-btn {

    display: flex;

    align-items: center;

    margin-top: 25px;

}

.banner-call-btn p a {

    color: #000000;

    text-decoration: none;

    background-color: var(--cream);

    padding: 9px 30px;

}



.banner-btn {

    padding: 11px 28px;

    border: 1px solid #fff;

    background: transparent;

    color: #fff;

    letter-spacing: 1px;

    text-transform: uppercase;

    margin-left: 20px;

    background-color: var(--btn-bg);

}



.opne-btn {
    display: block;
}

.close-btn-f {
    display: none;
}

.active-f {
    display: none;
}

.active-clo {
    display: block;
}



.banner-form-out {

    position: absolute;

    top: 29%;

    right: 113px;

    width: 23%;

    background: var(--cream);

    text-align: center;

    padding: 10px;

    z-index: 8;

}



.banner-form {

    border: 1px solid var(--light-orange);

    padding: 25px;

}



.top_form p {

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 5px;

}



.top_form h2 {

    font-size: 19px;

    margin-bottom: 20px;

}



.form_content .form-group input,
.custom-select {

    height: 50px;

    background-color: transparent;

    border: 1px solid var(--light-orange)
}

.form_content .form-group input::placeholder {

    color: #000;

    letter-spacing: 1px;

    font-size: 14px;

    text-transform: uppercase;

}

.form-btn {

    background: var(--btn-bg);

    border: 1px solid var(--cream);

    width: 100%;

    padding: 12px 0;

    color: #fff !important
}

.form-control:focus {

    box-shadow: 0 0 0;

}

.overview {

    position: relative;

}

.side-flower {

    position: absolute;

    right: 0;

    bottom: 0;

    opacity: 0.5;

    z-index: -1;

}

.overview .container {

    max-width: 72%;

}



.over-img {

    position: relative;

    padding-top: 100px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.over-img::before {

    content: '';

    position: absolute;

    top: 0;

    left: -73%;

    width: 219%;

    height: 85%;

    background: var(--cream);

    z-index: -1;

}



.over-main {

    display: flex;

    align-items: center;

    height: 100%;

    flex-direction: column;

    justify-content: center;

}



.overhead-txt p {

    letter-spacing: 3px;

    color: var(--drk-green);

    font-size: 15px;

    text-transform: uppercase;

}

.overhead-txt h1 {

    font-size: 55px;

    letter-spacing: 1.5px;

    line-height: 71px;

    color: var(--drk-green);

}

.over-pera {

    margin-top: 25px;

}

.over-pera p {

    letter-spacing: 2px;

    font-size: 16px;

    line-height: 25px;

    color: var(--drk-green)
}

.over-btn {

    margin-top: 40px;

}

.over-btn button {

    background: #fff;

    color: var(--drk-green);

    outline: 0;

    border: 0;

    padding: 8px 33px;

    letter-spacing: 0.5px;

    display: flex;

    align-items: center;

    transition: 0.30s;

}



.over-btn button span {

    background: var(--light-orange);

    width: 23px;

    height: 1px;

    display: block;

    margin-right: 10px;

}

.over-btn button:hover {

    background-color: var(--light-orange);

    color: #fff;

}



.over-btn button:hover span {

    background-color: #fff;

    transition: 0.30s;

}

.highlight {

    position: relative;

    padding: 100px 0;

}



.high-head p {

    letter-spacing: 3px;

    color: var(--drk-green);

    font-size: 15px;

    text-transform: uppercase;

}

.highlight .container {

    max-width: 67%;

}

.high-head h1 {

    font-size: 37px;

    letter-spacing: 1.5px;

    line-height: 56px;

    color: var(--drk-green);

}



.high-box span img {

    max-width: 44px;

}



.high-out-in h1 {

    font-size: 19px;

    color: var(--drk-green);

    letter-spacing: 1px;

}

.high-out-in p {

    color: #474545;

    font-size: 15px;

    margin-top: 12px;

}

.high-box {

    display: flex;

    align-items: baseline;

    max-width: calc(49% - 10px);

    flex: 0 0 calc(47% - 10px);

    margin: 10px;

}

.high-box span {

    margin-right: 15px;

}



.highlihgt-box {

    display: flex;

    flex-wrap: wrap;

    margin-top: 40px;

}



.high-img,
.high-img img {

    height: 100%;

    object-fit: cover;

}



.highlight-main {

    position: relative;

}



.side-flower-left {

    position: absolute;

    left: 0;

    bottom: 0;

    opacity: 0.5;

    transform: rotate(183deg);

    z-index: -1;

}



.price-list {

    position: relative;

    background: var(--drk-green);

    padding: 100px 0;

}

.price-list .high-head {

    text-align: center;

    margin-bottom: 50px;

}

.price-list .high-head p,
.price-list .high-head h1 {

    color: var(--cream);

}



.price-box {

    background: var(--cream);

    border: 8px solid var(--light-orange);

    border-radius: 10px;

    text-align: center;

    padding: 30px 10px;

}



.price-hed {

    background: var(--light-orange);

    transform: translateY(-31px);

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}



.price-hed h3 {

    line-height: 10px;

    font-size: 28px;

    color: var(--cream);

    letter-spacing: 1px;

    margin-bottom: 0;

    padding-top: 40px;

    text-transform: uppercase;

}



.price-hed h2 {

    font-size: 25px;

    display: grid;

    background: var(--light-orange);

    border: 6px solid var(--cream);

    width: fit-content;

    margin: auto;

    transform: translateY(46px);

    padding: 18px;

    color: var(--cream);

    border-radius: 58px;

}

.price-hed h2 span {

    font-size: 17px;

    margin-top: 5px;

    letter-spacing: 1px;

}

.p-box {

    margin-top: 40px;

}



.p-box ul {

    list-style-type: none;

}



.p-box ul li {

    margin-bottom: 9px;

    font-size: 17px;

    letter-spacing: 1px;

    font-family: 'Exo-Medium';

}



.price-box .line {

    height: 1px;

    width: 156px;

    background: #d0d0d0;

    margin: 8px auto;

}



.price-btn {

    display: flex;

    justify-content: center;

    margin-top: 10px;

}



.price-btn button {

    background: var(--light-orange);

    color: var(--cream);

    outline: 0;

    border: 0;

    padding: 8px 11px;

    letter-spacing: 0.5px;

    display: flex;

    align-items: center;

    transition: 0.30s;

    width: 78%;

    justify-content: center;

}



.amenities {

    padding: 100px 0;

    position: relative;

}



.amenities .high-head {

    text-align: center;

    margin-bottom: 40px;

}

.ami-main-box {

    display: flex;

    flex-wrap: wrap;

}

.ami-box {

    position: relative;

    background: var(--drk-green);

    width: 46%;

    text-align: center;

    padding: 10px;

    margin: 10px;

}

.ami-box img {

    max-width: 70px;

}

.ami-img {

    text-align: center;

}

.ami-img img {

    width: 90%;

}

.ami-box h1 {

    font-size: 17px;

    color: var(--drk-green);

    margin-top: 14px;

    background: var(--cream);

    padding: 8px 0px;

    letter-spacing: 1px;

    text-transform: capitalize;

}



.loc-box {

    border: 2px solid #51463336;

    padding: 23px;

    height: 100%;

}

.loc-box h1 {

    font-size: 26px;

    letter-spacing: 1px;

    text-transform: uppercase;

    background: var(--drk-green);

    width: fit-content;

    padding: 4px 16px;

    color: #fff;

    margin-bottom: 15px;

}



.loc-box p {

    letter-spacing: 1px;

    color: #565656;

    margin-bottom: 0;

}



.loc-box img {

    width: 100%;

    max-width: 100%;

    height: 235px;

    object-fit: cover;

}

.loc-box .loc-icon {

    max-width: 50px;

    margin-bottom: 20px;

    height: auto;

}



.loc-img {

    margin-bottom: 30px;

}

.location .row .col-md-4,
.location .row .col-md-8 {

    margin-bottom: 30px;

}

.loc-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.location .high-head {

    text-align: center;

    margin-bottom: 30px;

}

.floor-plan {

    padding: 100px 0;

    position: relative;

}

.floor-plan::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    background-image: url(../images/pattern-bg-left.png);

    background-repeat: no-repeat;

    z-index: -1;

}

.floor-plan::after {

    content: '';

    position: absolute;

    width: 42%;

    height: 100%;

    right: 0;

    top: 19%;

    background-image: url(../images/pattern-bg.png);

    background-repeat: no-repeat;

    z-index: -1;

}

.floor-plan .high-head {

    text-align: center;

}

.floor-text ul li {

    display: flex;

    justify-content: space-between;

    line-height: 57px;

    color: #6c6d70;

    padding: 0 20px;

    text-transform: uppercase;

    font-weight: 300;

    letter-spacing: 0.5px;

}



.floor-text ul .li-bg-col {

    background: var(--drk-green);

    color: #fff
}

.my-floor {

    margin-top: 70px;

}

.my-floor .carousel-indicators li {

    background-color: transparent;

    height: 12px;

    width: 12px;

    border: 6px solid #d3d4d5;

}

.my-floor .carousel-indicators .active {

    border: 6px solid var(--drk-green);

    height: 13px;

    width: 13px;

}

.floor-text {

    border: 1px solid #00000021;

    padding: 20px;

}

.floor-img {

    height: 286px;

    overflow: hidden;

}





.my-popup .modal-content {

    flex-direction: row;

}

.my-popup .modal-content .pop-img,
.my-popup .modal-content .modal-body {

    width: 50%;

}



.my-popup .modal-dialog {

    max-width: 900px;

}

.pop-img {

    padding: 20px;

}

.pop-img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}



.my-popup .modal-body {

    padding: 31px;

}







.floor-img img {

    height: 100%;

    object-fit: cover;

}



.my-floor .carousel-indicators {

    bottom: -63px;

}

.gallery {

    position: relative;

    background-color: var(--drk-green);

    padding: 100px 0;

    background-image: url(../images/over-bg.jpg);

    background-repeat: no-repeat;

    background-position: right;

    background-size: 84% 81%;

}



.gallery .high-head {

    text-align: center;

    margin-bottom: 50px;

}



.gallery .high-head p,
.gallery .high-head h1 {

    color: var(--cream);

}



.gallery-box {

    height: 250px;

    object-fit: cover;

    margin-bottom: 25px;

}

.gallery-box img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.gallery-box-main {

    display: flex;

    flex-wrap: wrap;

}



.gal-b {

    flex: 0 0 calc(48% - 10px);

    width: calc(48% - 10px);

    margin: 13px;

}

.gal-b img {

    border: 2px solid var(--cream);

}



.contact-us {

    padding: 80px 0;

    position: relative;

}

.about-text1 h1 {
    color: #000;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 17px;
    font-size: 23px;
}



.about-text h1 {

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 37px;

}

.about-text {

    margin-top: 50px;

}

.footer-form .form-control {

    height: 45px;

    border: 1px solid var(--light-orange);

    background-color: #fff;

}

.main-footer .container {

    max-width: 80%;

}

.main-footer {

    background: #603e00;

    padding: 50px 0;

}



.about-text h1 {

    font-weight: 700;

    letter-spacing: 1px;

    margin-bottom: 37px;

    color: #fff;

}

.main-footer .foo-box h1 {

    display: grid;

    font-size: 18px;

    letter-spacing: 2px;

    line-height: 27px;

    color: var(--cream);

}

.main-footer .foo-box h1 span {

    margin-bottom: 10px;

    font-weight: 700;

    color: #fff
}

.main-footer .foo-box h1 span img {

    width: 21px;

    margin-right: 7px;

    filter: invert();

}

.main-footer .foo-box h1 a {

    color: var(--cream);

}

.footer-line {

    display: block;

    width: 100%;

    height: 1px;

    background: #ffffff4d;

    margin: 40px 0;

}

.main-footer h2 {

    font-size: 23px;

    margin-bottom: 20px;

    font-weight: 600;

    color: #fff;

}

.about-builder p {

    letter-spacing: 1px;

    line-height: 30px;

    color: var(--cream);

}

.my-footer-link ul {

    padding-left: 18px;

    list-style-type: disclosure-closed;

    color: var(--cream);

}

.my-footer-link ul li {

    margin-bottom: 8px;

}

.my-footer-link ul li a {

    color: var(--cream);

    text-decoration: none;

}

.main-footer .box-input {

    max-height: 150px;

    overflow-y: scroll;

}

.main-footer .top-bx {

    position: relative;

}

.main-footer .box-input img {

    width: 98%;

}

.rera-p p {

    margin-top: 10px;

    color: var(--cream);

}

.dis {

    text-align: center;

}

.dis p {

    letter-spacing: 1px;

    margin-bottom: 5px;

    font-size: 14px;

    color: var(--cream);

}

.dis p a {

    color: var(--cream);

}

.close-btn {

    position: absolute;

    right: 0;

    top: 0;

    max-width: 50px;

    background: var(--light-orange);

    padding: 10px;

    opacity: 1;

}

.close {

    opacity: 1;

}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {

    opacity: 1;

}



.mobile-section {

    display: none;

}

.form-txt {
    padding: 6px;
    text-align: center;

}

.my-modal .modal-body {

    padding: 24px;

}

.from-msg {

    position: absolute;

    top: 0px;

    left: -69px;

    max-width: 71px;

    background: var(--cream);

    padding: 0 9px;

    cursor: pointer;

}



.m-site-banner .banner-form-out {

    right: -23%;

    transition: 0.50s;

    position: fixed;

    z-index: 9;

}



.m-site-banner .banner-form-out.show-form {

    right: 0;

}



.m-site-banner .project-name p {

    justify-content: center;

}

.m-site-banner .banner-call-btn {

    justify-content: center;

}

.m-site-banner .banner-text {

    top: 41%;

    left: 20%;

    width: 60%;

    text-align: center;

}

.m-site-banner .banner-btn {

    margin-left: 0;

}



.m-site-price {

    margin: 100px 0;

}

.m-site-price .price-box {

    padding: 0px 0px;

}



.m-site-price .price-hed {

    transform: translateY(0px);

    position: relative;

}



.m-pro-dtail {

    text-align: center;

    background-color: var(--cream);



    padding: 10px;

}

.m-pro-dtail h1 {

    font-size: 22px;

    background: var(--drk-green);

    padding: 2px 4px;

    /* text-transform: uppercase; */

    color: var(--cream);

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 10px;

    letter-spacing: 1px;

}

.m-pro-dtail h1 span {

    background: var(--cream);

    height: 40px;

    width: 2px;

    display: block;

}



.m-pro-dtail p {

    position: relative;

    letter-spacing: 0px;

    margin-top: 0px;

    /* margin-bottom: 0px; */

    /* background: #0f2f55; */

    /* color: #fff; */

}

/* .m-pro-dtail p::before{

    content: '';

    top: -8px;

    left: 35%;

    width: 100px;

    height: 2px;

    position: absolute;

    background-color: var(--drk-green);

} */



.m-pro-dtail ul {

    list-style-type: none;

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 100%;

    /* align-items: center; */

    margin-bottom: 0;

    margin-top: 8px;

    text-align: start;

    padding-left: 159px;

}

.p-price {

    font-size: 18px;

    margin-bottom: 0;

    color: #000000;

    /* text-transform: uppercase; */

    letter-spacing: 0.8px;

    /* border: 1px solid #0f2f55; */

    /* padding: 6px; */

    font-weight: 600;

    /* background: #0f2f55; */

}

.m-pro-dtail ul li span img {

    max-width: 22px;

    /* position: absolute; */

    /* left: -36px; */

    /* padding: 12px; */

    /* top: -5px; */

    /* background: var(--drk-green); */

    border-radius: 50%;

    color: #000;

    filter: invert(1);

    /* border: 3px solid var(--cream); */

    margin-right: 4px;

}





.m-pro-dtail ul li {

    /* background-color: var(--drk-green); */

    color: #000000;

    padding: 4px;

    margin-bottom: 10px;

    /* width: 64%; */

    position: relative;

    /* font-weight: bold; */

    margin-bottom: 0px;

}



.m-pro-dtail .price-btn button {

    background-color: var(--btn-bg);

    width: 100%;

    margin: 0 5px;

}

.m-pro-dtail .price-btn button a {

    color: var(--cream)
}

.m-site-project {

    border: 1px solid var(--drk-green);

    margin-bottom: 30px;

}

.respo-box-new {

    /* min-height: 600px; */

    /* background: #fff; */

}

.m-site-project .pro-img {

    border: 5px solid var(--cream);

    position: relative;

}

.patch {

    position: absolute;

    max-width: 101px;

    left: 0;

    top: 0;

}



.testimonial .ami-box {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 100%;

    text-align: left;

    background-color: transparent;

}



.testimonial .over-head p {

    font-size: 20px;

    font-weight: 300;

    letter-spacing: 2px;

    text-transform: capitalize;

    color: var(--drk-green);

    margin-bottom: 0;

}

.testimonial .over-head h1 {

    text-transform: uppercase;

    font-size: 27px;

    letter-spacing: 5px;

    position: relative;

    line-height: 40px;

    background-color: transparent;

    color: var(--drk-green);

    margin-top: 5px;

}

.testimonial .over-head h1::before {

    content: '';

    position: absolute;

    bottom: -25px;

    width: 15%;

    height: 2px;

    left: 0;

    background: var(--drk-green);

}



.testimonial .myslide .item {

    background-color: var(--cream);

    padding: 38px;

    position: relative;

    overflow: hidden;

    border-right: 3px solid var(--light-orange);

}

.testimonial .myslide .item::before {

    content: '';

    position: absolute;

    top: -62px;

    left: -67px;

    width: 32%;

    height: 119px;

    background-color: var(--light-orange);

    transform: rotate(45deg);

}

.testimonial .myslide .item p {

    letter-spacing: 1px;

    font-size: 16px;

    line-height: 27px;

}

.testimonial .item h2 {

    margin-top: 20px;

    letter-spacing: 1px;

    text-transform: uppercase;

    color: var(--drk-green);

    font-size: 25px;

}

.testimonial .owl-nav {

    display: flex;

    margin-top: 25px;

}

.testimonial .owl-nav button span {

    font-size: 30px;

    margin-top: -5px;

    color: var(--cream);

}

.testimonial .owl-nav button {

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: var(--light-orange) !important;

    margin: 0 3px;

}

.testimonial .container {

    max-width: 80%;

    margin-right: unset;

}



.testimonial .price-btn {

    justify-content: flex-start;

    margin-top: 46px;

}



.testimonial .price-btn button {

    width: 50%;

}



.about-sec-bann {

    background-image: url(../images/banners/banner-1.jpg);

    height: 500px;

    background-size: cover;

    background-repeat: no-repeat;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}



.about-sec-bann::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #00000091;

    z-index: 2;

}

.about-sec-bann .banner-text-about h1 {

    display: grid;

    text-align: center;

    color: #fff;

    z-index: 5;

    position: relative;

    font-size: 30px;

    margin-bottom: 10px;

}

.about-sec-bann .banner-text-about h1 span {

    font-size: 40px;

}

.about-sec-bann .banner-text-about {

    text-align: center;

}

.about-sec-bann .line-about {

    width: 100px;

    height: 3px;

    background-color: var(--sky-blue);

    z-index: 5;

    position: relative;

    margin: auto;

}



.contact-detail-main {

    display: flex;

    flex-wrap: wrap;

}

.cont-box {

    width: 50%;

    margin-bottom: 30px;

}

.cont-box h2 {

    font-size: 20px;

    letter-spacing: 1px;

}

.cont-box p {

    font-size: 20px;

    letter-spacing: 1px;

    color: var(--light-orange);

}

.cont-box p a {

    color: var(--light-orange);

}

.cont-box h2 span img {

    max-width: 20px;

}

.cont-box-sec {

    width: 100%;

}



.platter-page {

    background-color: transparent;

}

.platter-page .high-head p,
.platter-page .high-head h1 {

    color: var(--drk-green);

}

.platter-page {

    margin: 0;

}

.platter-page .container {

    max-width: 80%;

}



.d-v {
    display: block;
}

.m-v {
    display: none;
}

.my-patch {

    position: absolute;

    max-width: 101px;

    left: -14px;

    top: -43px;

    z-index: 9;

}

.box-location {

    display: flex;

    text-align: center;

    font-size: 17px;

    justify-content: center;

    margin-bottom: 10px;

}

.box-location img {

    width: 22px;

    height: 22px;

    margin-right: 8px;

}

.box-projectbox {

    padding: 0px 0px 10px 0px;

}

.box-typo {

    font-size: 20px;

    /* background: #0f2f55; */

    color: #000000;

    /* padding: 8px 0px; */

    font-weight: 600;

    margin-bottom: 2px;

}

.p-price span {

    color: var(--drk-green);

    font-size: 20px;

    font-weight: 600;

    letter-spacing: 1px;

}

/* NEW MODAL FORM CSS ============ */

.new-modal .modal-body {
    padding: 0
}

.new-modal .modal_left {
    background: #eee;
    height: 100%;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px 0px 0px 15px;
}

.new-modal .modal-highlight {
    list-style: none;
    padding: 25px 0 0;
    margin-bottom: 0;
}

.new-modal .modal-highlight img {
    margin: 0 auto;
    display: block;
}

.new-modal .modal-highlight li span {
    display: block;
    font-size: 16px;
    color: #7b5e15;
    padding: 0 0 40px;
    text-align: center;
    font-weight: 400;
}

.new-modal .modal_right {
    background: #7b5e15;
    height: 100%;
    padding: 30px 20px 0;
    display: flex;
}

.new-modal .modal_right h5 {
    text-align: center;
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 25px;
}

.new-modal .modal_right ul {
    margin: 0;
    padding: 0;
}

.new-modal .modal_right ul li img {
    max-width: 18px;
    margin-right: 10px;
}

.new-modal .modal_right ul li {
    list-style-type: none;
    font-size: 16px;
    color: #fff;
    padding: 23px 0 0px;
    /* text-align: center; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    font-weight: 400;
    text-align: left;
}

.new-modal .box-outer {
    padding-bottom: 20px;
    padding-top: 10px;
}

.new-modal .close-btn {
    z-index: 1;
    padding: 4px;
    max-width: 28px;
    background: #fff;
}

/* NEW MODAL FORM CSS ============ */

.blink_text {

    animation-name: blink;

    /* width: 280px; */

    animation-duration: 2s;

    animation-timing-function: ease-in;

    animation-iteration-count: Infinite;

}

@keyframes blink {

    0% {

        color: #7b8cbf;

    }

    50% {

        color: var(--btn-bg);

    }

    100% {

        color: #d33e70;

    }



}



@media only screen and (min-width: 900px) {

    .dropdown>.dropdown-menu,

    .dropdown.open>.dropdown-menu {

        display: block !important;

        opacity: 0;

        visibility: hidden;

        transition: all ease 0.2s;

    }

    .dropdown:hover>.dropdown-menu,

    .dropdown.open:hover>.dropdown-menu {

        opacity: 1;

        visibility: visible;

    }

    .my-nav.navbar-hover .collapse ul li {
        position: relative;
    }

    .my-nav.navbar-hover .collapse ul li:hover>ul {
        display: block
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {

        position: absolute;

        left: 30%;

    }

    .menu-sec {

        top: 83%;

    }



}





@media(max-width: 1500px) {

    .m-pro-dtail ul {

        padding-left: 109px;

    }

    .platter-page .container {

        max-width: 94%;

    }



    .my-nav .nav-item {

        margin-right: 8px;

    }

    .project-name h1 {

        font-size: 41px;

        line-height: 52px;

    }

    .project-name p {

margin-bottom: 5px;

font-size: 16px;



}

    .key-highlight {

        margin-top: 20px;

    }

    .banner-text .banner-price {

        font-size: 21px;

        margin-top: 20px;

        margin-bottom: 20px;

    }

    .banner-text .banner-type {

        font-size: 27px;

    }

    .banner-text {

        top: 21%;

        left: 60px;

    }

    .banner-form-out {

        top: 13%;

        width: 27%;

        right: 60px;

    }

    .form_content .form-group input,
    .custom-select {

        height: 40px;

    }

    .form-btn {

        padding: 8px 0;

    }


    .top_form p {

        font-size: 14px;

    }

    .banner-call-btn p a {

        padding: 14px 21px;

        font-size: 19px;

    }

    .over-img {

        padding-top: 57px;

    }

    .over-img img {

        width: 80%;

    }

    .overhead-txt h1 {

        font-size: 40px;

        line-height: 52px;

    }

    .high-head h1 {

        font-size: 33px;

        line-height: 47px;

    }

    .high-out-in h1 {

        font-size: 17px;

    }

    .price-list {

        padding: 70px 0;

    }

    .price-hed h3 {

        line-height: 2px;

        font-size: 25px;

    }

    .price-hed h2 {

        font-size: 22px;

    }

    .amenities .high-head {

        margin-bottom: 29px;

    }

    .ami-box img {

        max-width: 65px;

    }

    .ami-img img {

        width: 87%;

    }

    .loc-box h1 {

        font-size: 24px;

    }

    .gallery {

        padding: 80px 0;

    }

    .gallery-box {

        height: 220px;

    }

    .gallery .high-head {

        margin-bottom: 30px;

    }

    .m-site-banner .banner-text {

        top: 33%;

    }

    .m-site-banner .banner-form-out {

        right: -27%;

    }

    .testimonial .over-head h1 {

        font-size: 22px;

        letter-spacing: 3px;

    }

    .testimonial .myslide .item {

        padding: 30px;

    }

    .testimonial .myslide .item p {

        font-size: 15px;

        line-height: 22px;

    }

    .testimonial .item h2 {

        font-size: 22px;

    }

    .about-text h1 {

        font-size: 30px;

    }

    .main-footer .foo-box h1 {

        font-size: 15px;

    }



    .m-site-price {

        margin: 0;

    }

    .banner-im {

        height: 100vh;

        object-fit: cover;

    }

    .m-pro-dtail p::before {

        left: 35%;

    }

    .m-pro-dtail ul li {

        margin-left: 20px;

        /* width: 86%; */

        font-size: 14px;

    }

    .highlight .container {

        max-width: 80%;

    }

    .my-nav {

        padding: 0 60px;

    }

    .m-pro-dtail h1 {

        font-size: 20px;

    }

    .m-pro-dtail h1 span {

        height: 30px;

    }

    .form-txt h1 {

        font-size: 30px;

    }

    .key-highlight ul li {

        font-size: 16px;

    }

    .about-text1 h1 {

        margin-bottom: 17px;

        font-size: 16px;

    }

}



@media(max-width: 1400px) {

    .project-name h1 {

        font-size: 42px;

        line-height: 48px;

    }

    .key-highlight ul li {

font-size: 17px;

margin-bottom: 13px;

letter-spacing: 1px;



}

    .banner-call-btn {

        align-items: flex-start;

    }

    .form_content .form-group input,
    .custom-select {

        height: 37px;

    }

    .form-btn {

        padding: 7px 0;

    }

    .over-pera {

        margin-top: 14px;

    }

    .project-logo {

        width: 80%;

    }

    .banner-form {

        padding: 12px;

    }

    .top_form h2 {
        margin-bottom: 12px;
    }

    .high-box {

        display: unset;

    }

    .high-box span img {

        margin-bottom: 15px;

    }

    .floor-plan::after {

        width: 54%;

    }

    .testimonial {

        padding: 0px 0px;

        margin-top: 50px;

    }

    .testimonial .ami-box {

        padding: 0;

    }

    .testimonial .item h2 {

        font-size: 19px;

    }

}

@media(max-width: 1280px) {

    .m-pro-dtail h1 {

        font-size: 16px;

    }

    .about-text1 h1 {
        margin-bottom: 12px;
    }

    .top_form p {
        font-size: 12px;
    }
}





@media(max-width: 768px) {

    .project-logo {

        filter: unset;

        width: 71%;

    }

    .navbar-light .navbar-brand {

        display: contents;

    }

    .my-nav {

        padding: 0 15px;

        position: fixed;

        background: #fff;

        top: 0;

    }

    .nav-fixd {

        position: fixed;

        width: 100%;

        top: 0;

    }

    .navbar-light .navbar-toggler {

        color: rgb(10, 10, 10);

        border-color: rgb(10, 10, 10);

    }



    .navbar-light .navbar-toggler-icon {

        /* filter: invert(); */

    }

    .banner-text {
        top: 15%;
        left: 0px;
        padding-left: 0;
        position: unset;
        text-align: center;
        color: #000;
        padding: 20px 10px;
                background: #f4f1e8;
    }
    .key-highlight ul li {
        margin-bottom: 11px;
        color: #000;
               background: #f4f1e8;
                       box-shadow: #4d4036 0 2px 5px -2px;
        width: 100%;
        padding: 5px 12px;
    }
    .my-bann .banner-im {
        height: auto;
        min-height: 360px;
        height: 385px;
        object-fit: cover;
    }

    .banner-form-out {

        width: 100%;

        position: unset;

    }

    .over-img::before {

        width: 133%;

        top: 113px;

        left: -56%;

        height: 151%;

    }

    .project-name h1 {

font-size: 25px;

line-height: unset;

color: #000;

}

.banner-text .banner-price {
        font-size: 20px;
        color: #000000;
        background: rgba(77, 64, 54, 0.16);
        width: fit-content;
        padding: 8px 15px;
        margin: auto;
        margin-top: 10px;
    }

    .banner-text .banner-type {
        font-size: 20px;
            color: #000000;
        background: rgba(77, 64, 54, 0.16);
        padding: 8px 10px;
        width: fit-content;
        margin: auto;
    }

    .m-pro-dtail ul {

        padding-left: 9px;

    }

    .banner-call-btn p a {

        padding: 15px 11px;

        font-size: 16px;

    }

    .banner-call-btn .banner-btn {
        color: #fff;
        letter-spacing: 1px;
        text-transform: uppercase;
        background-color: #a18308;
        width: 100%;
        border: 0;
        padding: 6px;
    	margin-top:10px;
        margin-left: 0;
    }

      .banner-call-btn .banner-btn span{
        display:inline-block;
        animation: zoom 1.5s infinite;
      }

      @keyframes zoom {

        0%,100%{
          transform: scale(1);
        }

        50%{
          transform: scale(1.15);
        }

      }

    .banner-call-btn p {

        font-size: unset
    }



    .overview .container {

        max-width: 100%;

    }

    .over-img img {

        width: 100%;

    }

    .overhead-txt {

        margin-top: 30px;

        text-align: center;

    }

    .overhead-txt p {

        letter-spacing: 2px;

    }

    .side-flower {

        z-index: -1;

    }

    .overhead-txt h1 {

        font-size: 35px;

    }

    .highlight .container {

        max-width: 100%;

    }

    .high-head h1 {

        font-size: 25px;

        line-height: 42px;

    }

    .high-box {

        display: flex;

        max-width: calc(100% - 10px);

        flex: 0 0 calc(98% - 10px);

    }

    .m-site-price {

        margin: 1px 0;

    }

    .price-box {

        margin-bottom: 30px;

    }

    .amenities {

        padding: 60px 0;

    }

    .ami-box {

        width: 46%;

        padding: 8px;

        margin: 6px;

    }

    .over-pera {

        text-align: center;

    }

    .gallery-box {

        height: 130px;

    }

    .over-btn button {

        display: inline-flex;

    }

    .highlight .high-head {

        text-align: center;

    }

    .high-box span img {

        margin-bottom: 4px;

    }

    .side-flower-left {

        width: 82%;

    }

    .ami-img img {

        width: 100%;

    }

    .ami-img {

        margin-top: 15px;

    }



    .floor-plan {

        padding: 43px 0;

        margin-bottom: 50px;

    }

    .floor-plan .high-head h1 {

        font-size: 21px;

        line-height: 36px;

    }

    .my-floor {

        margin-top: 48px;

    }

    .floor-text {

        margin-bottom: 30px;

    }

    .gal-b {

        flex: 0 0 calc(100% - 10px);

        width: calc(100% - 10px);

        margin: 5px;

        margin-bottom: 20px;

    }

    .main-footer .container {

        max-width: 100%;

    }

    .main-footer .foo-box h1 {

        margin-bottom: 25px;

    }

    .my-nav .navbar-nav {

        padding: 9px;

    }

    .my-nav .navbar-nav .nav-link {

        color: rgb(0 0 0) !important;

    }

    .form-txt h1 {

        font-size: 30px;

    }



    .mobile-section {

        display: flex;

        position: fixed;

        bottom: -100%;

        background: #420332;

        width: 100%;

        justify-content: space-around;

        padding: 7px 3px;

        z-index: 99;

    }

    .scrl {

        bottom: 0;

    }

    .loc-box img {

        height: 100%;

    }

    .mobile-section a {

        background-color: var(--btn-bg);

        color: #fff;

        width: 99%;

        margin: 0 2px;

        font-size: 14px;

    }

    .my-modal .modal-body {

        padding: 30px;

    }

    .m-site-banner .banner-form-out {

        right: -80%;

        width: 80%;

    }

    .m-site-banner .banner-text {

        top: 31%;

        width: 96%;

        left: 0%;

    }

    .project-name p span {

        width: 46px;

    }

    .m-site-banner .project-name p {

        font-size: 16px;

    }

    .m-site-project {

        margin-bottom: 10px;

        background-color: #959595 !important;

        padding: 5px;

    }

    .testimonial {

        padding: 0px 0px;

    }

    .testimonial .container {

        max-width: 80%;

        margin-right: auto;

    }

    .testimonial .over-head h1 {

        font-size: 18px;

        line-height: 30px;

        letter-spacing: 2px;

    }

    .testimonial .price-btn button {

        width: 71%;

    }

    .myslide {

        margin-top: 30px;

    }

    .about-sec-bann {

        height: 400px;

    }

    .about-sec-bann .banner-text-about h1 {

        font-size: 26px;

    }

    .about-sec-bann .banner-text-about h1 span {

        font-size: 35px;

    }

    .cont-box {

        width: 100%;

    }

    .platter-page {

        padding: 0;

        margin-top: 40px;

    }

    .price-list .high-head {

        margin-bottom: 0px;

    }

    .m-pro-dtail .price-btn button {

        padding: 10px 0px;

    }

    .platter-page .container {

        max-width: 100%;

    }

    .my-popup .modal-content {

        flex-direction: column;

    }

    .my-popup .modal-content .pop-img,
    .my-popup .modal-content .modal-body {

        width: 100%;

    }

    .d-v {
        display: none;
    }

    .m-v {
        display: block;
    }

    .strp .carousel-indicators {

        bottom: -15px;

    }

.key-highlight ul li span img {
    filter: unset;
}

    .key-highlight ul {
        list-style-type: none;
        margin: auto;
        text-align: left;
    }

.hero-style::before {
    background: #00000000;
}

    .project-name p {


justify-content: center;

color: #000;

}
   .circle{
        display: none;
    }
}

@media(max-width: 330px) {

    .banner-call-btn p a {

        padding: 14px 9px;

        font-size: 14px;

    }

    .banner-btn {

        padding: 9px 21px;

        font-size: 14px;

    }

}