*{

    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: #11769e;

}





@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: 220px;

    filter: brightness(1.3);

    width: 97%;

    display: none;

}

.white-logo{

    display: block;

}



.nav-fixd .project-logo{

    filter: unset;

    display: block;

}

.nav-fixd .white-logo{

    display: none;

}

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

}

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

}

.rera-box{
    margin-bottom: 5px;
}

.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: 17px;

}

.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: 30px;

    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;

    margin-top: 30px;

    margin-bottom: 0;

}

.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: 37px;

}



.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: #003646;

    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: 24px;

    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 {

    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: 122px;

}

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

}

.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: 70px;

    }

    .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 h2 {

        font-size: 24px;

    }

    .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: 31px;

    }

    .price-list .high-head {

    margin-bottom: 20px;

}

}



@media(max-width: 1400px){

    .price-list .high-head {

    margin-bottom: 2px;

}

    .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 {

        font-size: 21px;

        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;

    font-size: 28px;

}

}





@media(max-width: 768px){

    .project-logo {

        filter: unset;

        width: 58%;

        display: block;

        padding: 6px 0;

    }

    .white-logo{

        display: none;

    }

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

    }

    .main-footer {

        margin-top: 30px;

    }

    .navbar-light .navbar-toggler-icon{

        /* filter: invert(); */

    }  

    .banner-text {

        top: 26%;

        left: 0px;

        padding-left: 13px;

    }

    .my-bann .banner-im {

        height: auto;

        min-height: 600px;

    }

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

    }

    .banner-text .banner-price {

        font-size: 20px;

    }

    .banner-text .banner-type {

        font-size: 18px;

    }

    .m-pro-dtail ul {

        padding-left: 9px;

    }

    .banner-call-btn p a {

        padding: 15px 11px;

        font-size: 16px;

    }

    .banner-btn {

        padding: 9px 24px;

        font-size: 16px;

    }

    .banner-call-btn p {

        font-size: unset

    }

    .banner-call-btn {

        align-items: center;

    }

    .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: 23px;

    }

.close-btn {
    max-width: 37px;
    padding: 7px;
}

    .mobile-section{

        display: flex;

        position: fixed;

        bottom: -100%;

        background: var(--btn-bg);

        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;

}

.high-head p {
    margin-top: 15px;
}

}

@media(max-width: 330px){

    .banner-call-btn p a {

        padding: 14px 9px;

        font-size: 14px;

    }

    .banner-btn {

        padding: 9px 21px;

        font-size: 14px;

    }

}