@font-face {font-family: "Roboto-Regular";font-display: swap;src: url("../fonts/Roboto-Regular.ttf");}
@font-face {font-family: "Raleway-Regular";font-display: swap;src: url("../fonts/Raleway-Regular.ttf");}
@font-face {font-family: "Raleway-Medium";font-display: swap;src: url("../fonts/Raleway-Medium.ttf");}
@font-face {font-family: "Roboto-Medium";font-display: swap;src: url("../fonts/Roboto-Medium.ttf");}
@font-face {font-family: "Raleway-SemiBold";font-display: swap;src: url("../fonts/Raleway-SemiBold.ttf");}
@font-face {font-family: "Roboto-Bold";font-display: swap;src: url("../fonts/Roboto-Bold.ttf");}
@font-face {font-family: "Roboto-Bold";font-display: swap;src: url("../fonts/Roboto-Bold.ttf");}
* {margin: 0;padding: 0;}
:root {--light: #00b8ff;--mid-light: #00719c;--dark: #001f2b;}
body {font-family: "Roboto-Regular", sans-serif;border-collapse: collapse;overflow: hidden;box-sizing: border-box;}
html {scroll-behavior: smooth;overflow-x: hidden;}
label {margin: 0;}
h1,h2,h3,h4,h5,h6 {margin: 0;}
.read-more{background-color: transparent!important;color: #fff;}
p {color: #333;margin: 0;}
.form-control {border-radius: 0;box-shadow: none !important;outline: none !important;border: none !important;}
a {text-decoration: none !important;font-family: "Roboto-Regular";}
ul {padding: 0;margin: 0;}
li {list-style-type: none;}
.section_heading {font-family: "Raleway", sans-serif;}
.navbar {padding: 0;}
.navbar-brand {padding: 0;}

.header-navbar{display: flex;height: 85px;}
.header-navbar .header-logo{width: 20%;background-color: var(--dark);display: grid;align-items: center;justify-content: center;}
.header-navbar .header-logo a img{width: 300px;padding-bottom: 5px; filter: invert(1);}
.header-navbar .header-navbar-top{width: 60%;display: grid;align-items: center;justify-content: center;}
.header-navbar .header-navbar-top .navbar-top li{display: inline-block;}
.header-navbar .header-navbar-top .navbar-top li a{padding: 12px 15px;color: #222;font-family: "Raleway-SemiBold";letter-spacing: 0.5px;
font-size: 16px;letter-spacing: 1px;}
.header-navbar .header-number{width: 20%;background-color: var(--dark);display: grid;align-items: center;justify-content: center;}
.header-navbar .header-number a{bpadding: 7px 25px;color: #fff;border-radius: 5px;letter-spacing: 1px;}

.wrapper .banner-sec{display: flex;}
.wrapper .banner-sec .left-colm{width: 5%;display: grid;align-items: center;justify-content: center;}
.wrapper .banner-sec .left-colm .rera-top{-ms-transform: rotate(90deg);transform: rotate(270deg);width: 100%;text-align: center;}
.wrapper .banner-sec .left-colm .rera-top p{width: 1000px;font-size: 16px;letter-spacing: 1px;text-transform: uppercase;}
.wrapper .banner-sec .details-colm{width: 45%;background-color: #eee;display: grid;align-items: center;
background-color: #ffffff;
background-image: linear-gradient(45deg, #ececec 50%, #ffffff 50%);
background-size: 4px 4px;
}
.wrapper .banner-sec .details-colm img{padding-bottom: 15px;}
.wrapper .banner-sec .details-colm h6 span{display: block;font-size: 18px;}
.wrapper .banner-sec .details-colm h6{padding-bottom: 10px;color: #333;letter-spacing: 0.5px;color: var(--dark);font-family: "Roboto-Bold";font-size: 34px;}
.wrapper .banner-sec .details-colm h4{padding: 10px 0px;font-size: 36px;font-family: "Roboto-Bold";letter-spacing: 1px;text-transform: uppercase;color: var(--dark);}
.wrapper .banner-sec .details-colm h5 span{background-color: #fff;border-radius: 2px;padding: 5px 10px;color: var(--dark);}
.wrapper .banner-sec .details-colm h5{margin-top: 20px;margin-bottom: -10px;font-size: 18px;font-family: "Roboto-Bold";letter-spacing: 1px;border-radius: 2px;}
.wrapper .banner-sec .details-colm h2{font-size: 65px;font-family: "Roboto-Bold";border-top: 1px solid #c5c5c5;padding: 15px;padding-top: 25px;padding-left: 0;
letter-spacing: 1px;color: var(--mid-light);}
.wrapper .banner-sec .details-colm ul{padding: 10px 0px;}
.wrapper .banner-sec .details-colm ul li{color: var(--mid-light);font-weight: 600;padding-bottom: 8px;}
.wrapper .banner-sec .details-colm ul li .fa{padding-right: 5px;}
.wrapper .banner-sec .details-colm h2 span{font-size: 18px;}
.wrapper .banner-sec .details-colm .detail-box{margin: 5px;}
.wrapper .details-colm .form-box{padding-top: 15px;}
.wrapper .details-colm .form-box .input-sec{display: flex;}
.wrapper .details-colm .form-box .input-sec .box-f{width: 100%;}
.wrapper .details-colm .form-box .input-sec .box-f .form-control{padding: 8px;background: var(--dark)!important;margin-bottom: 12px;color: #fff;}
.wrapper .details-colm .form-box .input-sec .box-f .form-control::placeholder{color: #fff;letter-spacing: 1px;}
.m-l-r{margin: 0px 10px;}
.wrapper .details-colm .form-box .input-sec .box-f .btn{background-color: var(--mid-light);color: #fff;padding: 8px 50px;border-radius: 0;letter-spacing: 1px;
font-family: "Roboto-Bold";width: 100%;}
.wrapper .banner-sec .details-colm .box{padding: 10% 10%;}
.wrapper .banner-sec .details-colm .box img{}
.wrapper .banner-sec .banner-colm{width: 45%;}
#demo, #demo div, #demo img{height: 100%;}
#demo img{object-fit: cover;}

.wrapper .banner-sec .right-colm{width: 5%;background-color: var(--dark);position: relative;align-items: center;display: flex;justify-content: center;}
.wrapper .banner-sec .right-colm .arrow{width: 100%;position: absolute;left: 0%;bottom: 0%;z-index: 9;}
.wrapper .banner-sec .right-colm .arrow a{width: 100%;background-color: var(--mid-light);padding: 15px;padding: 25px 15px;border: 1px solid rgba(0, 41, 43, 0.9);
border-top: 0;}
.wrapper .banner-sec .right-colm .arrow a .fa{font-size: 32px;}
.wrapper .banner-sec .right-colm .arrow a.carousel-control-prev, a.carousel-control-next {position: absolute;opacity: 1;}
.wrapper .banner-sec .carousel-indicators {position: absolute;bottom: 55%;right: 0;z-index: 15;left: unset;margin-right: unset;display: grid;
align-items: center;justify-content: center;width: 5%;}
.wrapper .banner-sec  .carousel-indicators li{width: 12px;height: 12px;margin: 0px!important;margin-top: 10px!important;cursor: pointer;}
.wrapper .banner-sec  .carousel-indicators li.active{background-color: #fff;}
div#demo {position: unset!important;}
.banner-sec {position: relative;}

.about-us{padding: 100px 0px;padding-bottom: 160px;
background-size: 4px 4px;}
.about-us .about-content{display: flex;}
.about-us .content{width: 50%;padding-left: 25px;padding-right: 10%;}
.about-us .content p{line-height: 28px;font-size: 16px;letter-spacing: 1px;text-align: justify;color: #666;padding-bottom: 15px;font-family: "Roboto-Regular";}
.about-us .content h4{font-size: 28px;color: var(--dark);font-family: "Roboto-Bold";line-height: 36px;letter-spacing: 1px;padding-bottom: 15px;}
.about-us .content .box {padding-top: 6%;}
.about-us .content .btn {background-color: var(--mid-light);color: #fff;padding: 8px 50px;border-radius: 0;letter-spacing: 1px;margin-top: 15px;
font-family: "Roboto-Bold";}
.about-us .about-bg{width: 50%;display: flex;height: 40%!important;}
.about-us .about-bg .bg-pattern{width: 6%;background-color: var(--dark);}
.about-us .about-bg .bg-img{width: 100%;display: grid;align-items: center;background-color: var(--dark);}
.about-us .about-bg .bg-img h4{color: #fff;font-size: 50px;}

.about-us .about-bg .bg-img img{width: 100%;padding-top: 7%;margin-bottom: -25%;}
.p-name{display: flex;justify-content: end;margin-bottom: 15px;}
.p-name .box{width: 50%;text-align: right;}
.p-name .box-1{width: 48.5%;display: grid;align-items: center;background-color: #ccc;margin-left:1.5%;height: 5px;margin-top: 75px;}
.p-name h1{font-size: 60px;text-transform: uppercase;padding: 5px 0px;color: var(--dark);font-family: "Roboto-Bold";}
.p-name h6{color: var(--mid-light);letter-spacing: 0.5px;font-family: "Roboto-Bold";}

.price-sec{padding: 100px 0px;margin-top: -2px;background-size: 4px 4px;background-color: #ffffff;
background-image: linear-gradient(45deg, #ececec 50%, #ffffff 50%);
background-size: 4px 4px;}
.price-sec h1{font-size: 60px;font-family: "Roboto-Bold";text-align: center;padding-bottom: 50px;text-transform: uppercase;}
.price-sec h1 span{letter-spacing: 2px;padding: 5px 15px;border: 7px solid var(--mid-light);color: var(--mid-light);}
.price-sec .price-box{display: flex;width: 80%;justify-content: space-between;margin: 15px auto;border: 1px solid #eee;padding: 10px;
-webkit-box-shadow: 0px 5px 10px -4px rgba(181,181,181,1);background-color: #fff;
-moz-box-shadow: 0px 5px 10px -4px rgba(181,181,181,1);
box-shadow: 0px 5px 10px -4px rgba(181,181,181,1);}
.price-sec .price-box .box{width: 24.5%;padding: 15px;text-align: center;display: grid;align-items: center;color: var(--dark);border-left: 1px solid #eee;
background-image: linear-gradient(45deg, #ececec 50%, #f5f5f5 50%);}
.price-sec .price-box .box:first-child{border-left: 0;}
.price-sec .price-box .box h2{font-family: "Roboto-Bold";letter-spacing: 1px;font-size: 50px;}
.price-sec .price-box .box h2 span{font-size: 24px;color: var(--mid-light);}
.price-sec .price-box .box h4{display: grid;font-size: 17px;font-family: "Roboto-Bold";letter-spacing: 1px;}
.price-sec .price-box .box h4 span{padding-top: 5px;font-family: "Roboto-Bold";color: var(--mid-light);text-transform: uppercase;}
.price-sec .price-box .box .btn {background-color: var(--mid-light);color: #fff;padding: 8px 20px;border-radius: 0;letter-spacing: 1px;width: 60%;margin: 0 auto;
font-family: "Roboto-Bold";}


.highlight-sec{background-color: var(--dark);border-bottom: 2px solid var(--dark);}
.highlight-sec .highlight{display: flex;width: 100%;justify-content: space-between;background-color: var(--dark);}

.highlight .container-fluid{position: relative;z-index: 10;}
.highlight-sec .highlight .blank{width: 10%;}
.highlight-sec .highlight .blank .box{clip-path: polygon(50% 0%, 0 0, 0 50%);background-color: var(--mid-light);width: 250px;height:250px;}
.highlight-sec .highlight .content h1{font-size: 60px;text-transform: uppercase;padding: 5px 0px;color: var(--dark);font-family: "Roboto-Bold";padding-bottom: 35px;}
.highlight-sec .highlight .content h1 span{letter-spacing: 2px;padding: 5px 15px;border: 7px solid var(--mid-light);color: var(--mid-light);}
.highlight-sec .highlight .content{width: 60%;/* -webkit-box-shadow: 0px 5px 10px -4px rgba(181,181,181,1); */margin-right: -2%;background-color: rgba(255, 255, 255, 1);-moz-box-shadow: 0px 5px 10px -4px rgba(181,181,181,1);z-index: 9;height: 79%;padding: 9% 5%;/* margin-top: auto; *//* margin-bottom: auto; */border-top-right-radius: 40px;/* box-shadow: 0px 5px 10px -4px rgba(181,181,181,1); */border-bottom-right-radius: 40px;background-image: linear-gradient(45deg, #ececec 50%, #f5f5f5 50%);}
.highlight-sec .highlight .content ul{list-style-type: none;}
.highlight-sec .highlight .content ul li{padding: 12px 0px;font-family: 'Roboto-Bold';color: #666;font-size: 18px;letter-spacing: 0.5px;}
.highlight-sec .highlight .content ul li span{background-color: var(--dark);padding: 12px 15px;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);color: #fff;
font-size: 14px;font-family: "Raleway-Regular";}
.highlight-sec .highlight .bg-img{width:30%;}


.Amenities{padding: 100px 0px;background-color: #eee;}
.Amenities h1{font-size: 60px;text-transform: uppercase;padding: 5px 0px;color: var(--dark);font-family: "Roboto-Bold";padding-bottom: 70px;
text-align: right;}
.Amenities h1 span{letter-spacing: 2px;padding: 5px 15px;border: 7px solid var(--mid-light);color: var(--mid-light);}
.Amenities .container{min-width:80%;margin: 0 auto;}
.Amenities .container .row{display: flex;}
.Amenities .tab {background-color: #fff;width: 40%;height: 100%;padding: 5px;}
.Amenities .tab .box{display: flex;}
.Amenities .tab .tablinks{background-color: var(--mid-light);margin: 5px;display: grid;width: 50%;}
.Amenities .tab button {display: block;background-color: inherit;color: #fff;padding: 5% 1%;width: 48%;margin: 0.6%;height: 50%;border: none;
outline: none;text-align: left;cursor: pointer;transition: 0.3s;font-size: 17px;float: left;text-align: center;font-family: "Roboto-Medium";
letter-spacing: 1.5px;font-size: 16px;}
.Amenities .tab button:hover {background-color: var(--dark);color: #fff;}
.Amenities .tab button span{font-family: "system-ui";font-size: 18px;}
.Amenities .tab button.active {background-color: var(--dark);}
.Amenities .tabcon{width: 60%;}
.Amenities .tabcontent {padding: 0px 12px;border-left: none;position: relative;}
.Amenities .tabcontent h4{position: absolute;bottom: 0;width: 50%;right: 0;left: 12px;background-color: var(--dark);color: #fff;padding: 5px 10px;
font-family: "system-ui";}


.gallery{padding: 0% 5%;padding-bottom: 50px;}
.gallery-top {display: flex;width: 100%;justify-content: center;}

.gallery h1{font-size: 60px;text-transform: uppercase;padding: 5px 0px;color: var(--dark);font-family: "Roboto-Bold";padding-bottom: 40px;padding-top: 100px;}
.gallery h1 span{letter-spacing: 2px;padding: 5px 15px;border: 7px solid var(--mid-light);color: var(--mid-light);}
.gallery .content-img{width: 100%;}
.gallery .content-img h1{margin-bottom: 15px;}
.gallery .content-box{width: 30%;background-color: var(--dark);margin-left: 5px;/* padding: 5%; */text-align: right;display: grid;align-items: center;}
.gallery .content-box h2{color: #fff;font-size: 40px;}
.gallery .content-box p{color: #fff;font-family: "Raleway-Regular";letter-spacing: 0.5px;font-size: 14px;}
.gallery .top-img{display: flex;}
.gallery .top-img .img-box{width: 50%;height: 100%;margin: 8px;margin-bottom: 0;}

.gallery-bottom{display: flex;}
.gallery-bottom .gallery-left{width: 45%;height: 100%;margin: 8px;margin-top: 16px;}
.gallery-bottom .gallery-right{width: 55%;height: 100%;margin: 8px;margin-top: 16px;margin-right: 0;}
.gallery-bottom .gallery-right img{object-fit: cover;height: 100%;}
.gallery-bottom img{height: 400px!important; object-fit: cover; width: 100%;}

.Location{background-color: var(--dark);padding: 80px 0px;}
.Location .container{min-width: 80%;}
.Location .advantage{display: flex;justify-content: space-between;}
.Location .advantage .left{width: 50%;}
.Location .advantage .left h4{font-size: 36px;}
.Location .advantage .right{width: 46%;}
.Location .advantage {color: #ccc;}
.Location .advantage .right .box{height: calc(100% - 3);flex-wrap: wrap;}
.Location .advantage .right .map{height: 100%;object-fit: cover;}
.Location .advantage ul li{line-height: 28px;margin-bottom: 10px;letter-spacing: 0.5px;}
.Location .advantage ul li .fa{padding-left: 10px;}
.Location h1{font-size: 60px;text-transform: uppercase;padding: 5px 0px;color: #fff;font-family: "Roboto-Bold";padding-bottom: 40px;
padding-bottom: 50px;}
.Location h1 span{letter-spacing: 2px;padding: 5px 15px;border: 7px solid var(--light);color: var(--light);}

.modal-content{background-color:rgb(5 113 152 / 37%);}
.modal-content .modal-body{padding: 5px;}
.modal-content .modal-body .box-outer{padding: 50px;text-align: center;
background-color: rgb(3 113 154);}
.modal-content .modal-body .form-control{background-color: transparent;border: 1px solid #fff!important;
border-radius: 50px;
margin-bottom: 10px;padding: 8px 25px;color: #fff;}
.modal-content .modal-body .form-control::placeholder{color: #fff;}
.modal-content .modal-body .btn-all{background-color: #222;padding: 8px 50px;text-transform: uppercase;
border: 0;font-family: "OpenSans-Medium";color: #eee;letter-spacing: 1px;border-radius: 50px;
border-top-right-radius: 20px;border-bottom-left-radius: 20px;margin-top: 10px;width: 100%;}
.modal-content .modal-body h2{color: #fff;font-family:"Aboreto-Regular";font-size: 36px;}
.modal-content .modal-body h6{font-size: 15px;color: #eee;padding-bottom: 15px;}
.modal-content .modal-body h4{background-color: #222;color: #eee;padding: 8px 15px;font-size: 22px;
border-radius: 50px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;
margin-bottom: 20px;}
.modal-body .close{position: absolute;top: -18px;right: -18px;background-color: #222;border-radius: 50px;
padding: 5px;color: #fff!important;opacity: 1;height: 40px;width: 40px;}

.heading h1{font-size:60px;}
.heading h1 span{padding: 10px 25px;}

.footer{background-color: #000;text-align: center;padding: 40px 0px;}
.footer p{color: #fff;font-size: 14px;letter-spacing: 0.5px;}
.footer p a{color: var(--mid-light);}

.floor-sec{display: flex;}
div#\31 {object-fit: cover;height: 100%;}
.Amenities .container .row {height: 100%;}
.tabcontent img{height: 100%;}
.call-mob{display: none!important;}


.mobile-section-1{position:fixed;bottom:0;width:100%;background-color:#0d0d0c;z-index:99;display:none}
.mobile-section{display:flex;justify-content:center}
.mobile-section-1 a.btn.btn-success.btn-block{font-size:13px;background-color:#336187;width:100%;border:none;border-radius:0;padding-bottom:10px;padding-top:10px;margin-top:0}
.gallery .content-box img{width:100%;height:100%;object-fit:cover}
.gallery .content-box .img-box{height:100%}
.gallery .m-view .row .col-6.col-sm-6 {
    margin-bottom: 30px;
}
.floorplan-sec{padding:0 5%;padding-bottom:50px}
.floorplan-sec h1 span{letter-spacing:2px;padding:5px 15px;border:7px solid #fff;color:#fff}
.floorplan-sec .heading h1{color:#fff;margin-top:50px}
.row.floorplan-row{margin-top:60px;justify-content:center}
.col-sm-12.col-md-3.col-lg-3{margin-bottom:30px}
section#floorplan{overflow:hidden;position:relative}
section#floorplan::after{content:"";position:absolute;top: -6%;left: -21%;width: 418px;height:195px;background-color:#00719c;z-index:9;transform:rotate(305deg)}
.developer-sec{background-color: #fff!important;}
.developer-sec .highlight{background-color:unset!important;background-color: #ffffff;background-image: linear-gradient(45deg, #e3e3e3 50%, #ffffff 50%);background-size: 4px 4px;}
.developer-sec p{font-size:16px;letter-spacing:1px;text-align:justify;color:#666;padding-bottom:15px;font-family:"Roboto-Regular"}
.developer-sec .highlight .content h1{margin-bottom:14px}

#aboutdeveloper::after {
    display: none!important;
}

#aboutdeveloper .highlight .content {
    background-color: unset!important;
    background-image: unset!important;
    margin: unset;
    box-shadow: unset;
    height: unset!important;
}
section#location{overflow:hidden;position:relative}
section#location::after{content:"";position:absolute;top: -17%;left: -18%;width:397px;height:195px;background-color:#00719c;z-index:9;transform:rotate(305deg)}
.developer-sec {
	padding: 0% 0%;
}
.developer-sec .btn {
    background-color: var(--mid-light);
    color: #fff;
    padding: 8px 50px;
    border-radius: 0;
    letter-spacing: 1px;
    font-family: "Roboto-Bold";
    width: 100%;
}
.developer-sec .form-box .input-sec {
    display: flex;
}
 .developer-sec .form-box .input-sec .box-f {
    width: 100%;
}
.developer-sec .form-box .input-sec .form-control {
    padding: 8px;
    background: var(--dark)!important;
    margin-bottom: 12px;
    color: #fff;
}
.developer-sec .form-box .input-sec .form-control::placeholder {
    color: #fff;
    
}
.developer-sec .bg-img {
    height: 100%;
}

.developer-sec .bg-img img {
    height: 67vh;
    object-fit: cover;
}
h4.footer_custom_heading {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 15px;
    position: relative;
    display: inline-block;
    color: #00719c;
}

h4.footer_custom_heading::after {
    content: "";
    position: absolute;
    top: 37%;
    right: -200%;
    width: 180%;
    height: 4px;
    background-color: #00719c;
}
footer.footer p a {
    color: #fff;
    text-decoration: none;
}


.newClass {
    position: fixed!important;
    width: 100%;
    top: 0;
    z-index: 99;
    background-color:#fff;
}

.btn-default.floorplan {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background: #00719c;
}

.left-m {
    display: flex;
}
.left-m .bg-img-modal {
    width: 50%;
}
.modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
}
.bg-img-modal .close {
    position: absolute;
    top: -18px;
    right: -18px;
    background-color: #222;
    border-radius: 50px;
    z-index: 99999;
    padding: 5px;
    color: #fff!important;
    opacity: 1;
    height: 40px;
    width: 40px;
}
.modal-content .modal-body {
    padding: 5px;
    background-color: #057198;
}
.modal-content .modal-body .box-outer {
    padding: 26px;
    text-align: center;
    background-color: rgb(3 113 154);
}
p.location-p {
    color: #d1d1d1;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
}

.project.box {
    /* background-color: #fff; */
    box-shadow: 5px 5px 30px rgb(0 0 0 / 6%);
    padding: 10px;
    text-align: center;
}
.project.box .title {
    background-color: #00719c;
    padding: 10px 5px;
    font-size: 26px;
    margin-bottom: 30px;
    color: #fff;
}
.project.box span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #000;
}
.project.box .size, .project.box .price {
    margin-bottom: 20px;
    font-size: 22px;
}


 .project.box button {
    width: 100%;
    text-transform: uppercase;
    margin-top: 10px;
    color: #fff;
    background: #00719c;
}



@media screen and (max-width: 1500px) {
.highlight-sec .highlight .content ul li{font-size: 16px;}
.Amenities .tab button span{font-size: 14px;}
.highlight-sec .highlight .content h1 {font-size: 50px;}
.price-sec h1{font-size: 50px;}
.Amenities h1{font-size: 50px;}
.heading h1{font-size: 50px;}
.Location .advantage{padding-top: 25px;}
.developer-sec .bg-img img {
    height: 86vh;
    object-fit: cover;
}

.header-navbar .header-navbar-top .navbar-top li a {
    padding: 8px 7px;
    font-size: 15px;
}
.header-navbar .header-logo a img {
    width: 225px;
}
.p-name h1 {
    font-size: 35px;
}
.about-us .content .box {
    padding-top: 2%;
}
.about-us .content p {
    font-size: 15px;
    letter-spacing: 1px;
}
.price-sec {
    padding: 65px 0px;
}
.highlight-sec .highlight .content ul li span {
    margin-right: 6px;
}
.Amenities .tabcontent h4 {
    font-size: 16px;
}
.highlight-sec .highlight .content {
    height: 79%;
    padding: 11% 5%;
}

.header-navbar {
    display: flex;
    height: 64px;
}

}

@media screen and (max-width: 1368px) {
.about-us .about-bg .bg-img{width: 90%;}
.about-us .about-bg .bg-pattern{width: 8%;}
.about-us .about-bg .bg-img img{padding-top: 7%;}
.about-us .about-bg .bg-img img{padding-bottom: 100px;}
.highlight-sec .highlight .blank{width: 12%;}
.highlight-sec .highlight .content ul li {font-size: 14px;}
.highlight-sec .highlight .content{padding: 13% 4%;}
.highlight-sec .highlight .bg-img {width: 35%;}
.price-sec h1{font-size: 44px;}
.Amenities h1{font-size: 44px;}
.heading h1{font-size: 44px;}
.highlight-sec .highlight .content h1{font-size: 44px;}
.about-us{padding-bottom: 50px;padding-top: 50px;}
.wrapper .banner-sec .details-colm .box{padding: 2% 5%;}
.wrapper .banner-sec .details-colm img{padding-bottom: 0px;}
.wrapper .banner-sec .details-colm h4{padding-top: 0px;}
.wrapper .banner-sec .details-colm h2{padding-bottom: 0px}
.wrapper .banner-sec .details-colm h5{margin-top: 5px;}
}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 768px) {

    .heading h1 span {
        padding: 0px 9px;
    }
    .Location h1 span {
        border: 4px solid var(--light);
    }
    .highlight-sec .highlight .content h1 span {
        margin-left: 5px;
    }


.wrapper .banner-sec{display: block;}
.wrapper .banner-sec .details-colm{width: 100%;}
.wrapper .banner-sec .banner-colm {width: 100%;}
.header-navbar .header-number{display: none;}
.header-navbar .header-navbar-top{width: 100%;}
.wrapper .banner-sec .left-colm .rera-top p{width: 100vh;}
.wrapper .banner-sec .left-colm .rera-top {width: 165vh;}
.wrapper .banner-sec .details-colm .box {padding: 4% 7%;}
.wrapper .banner-sec .left-colm{display: none;}
.p-name{display: block;}
.p-name h1{font-size: 36px;}
.p-name .box-1{display: none;}
.about-us .about-content{display: block;}
.about-us .content{width: 100%;}
.about-us .about-bg{width: 100%;}
.about-us .about-bg .bg-pattern{display: none;}
.about-us .about-bg .bg-img img {padding-top: 0;}
.about-us .about-bg .bg-img{width: 100%;}
.p-name .box{text-align: center;width: 100%;}
.about-us{padding-bottom: 50px;padding-top: 50px;}
.about-us .about-bg .bg-img img{margin-bottom: 0;}
.about-us .about-bg .bg-img{background-color: #fff;}
.about-us .about-bg .bg-img img{padding-bottom: 0;}
.price-sec .price-box{width: 90%;display: block;}
.price-sec .price-box .box{width: 100%;}
.highlight-sec .highlight{display: block;}
.highlight-sec .highlight .content{width: 100%;}
.highlight-sec .highlight{background-color: #fff;}
.highlight-sec .highlight .bg-img{display: none;}
.highlight-sec .highlight .blank .box{display: none;}
.price-sec{padding: 50px 0px;}
.highlight-sec .highlight .content ul li {font-size: 14px;line-height: unset;display: flex;}
.Amenities{padding: 50px 0px;padding-bottom: 18px;}
.Amenities .container .row{display: block;}
.Amenities .tab{width: 100%;display: none;}
.Amenities .tabcon{width: 100%;}
.gallery-top{display: block;}
.gallery .content-box{display: none;}
.gallery .content-img{width: 100%;}
.Location .advantage{display: block;}
.Location .advantage .left{width: 100%;}
.Location .advantage .right{width: 100%;}
.price-sec h1{font-size: 24px;}
.Amenities h1{font-size: 24px;}
.heading h1{font-size: 24px;}
.highlight-sec .highlight .content h1{font-size: 24px;}
.highlight-sec .highlight .content{border-top-right-radius: 0px;padding-top: 30px;}
.wrapper .banner-sec .right-colm .arrow a{border-top: 1px solid #222;}
.Amenities h1{padding-bottom: 35px;text-align: center;}
.header-navbar .header-logo a img{width: 178px;}
.header-navbar .header-logo{width: 51%;padding: 4px;}
.header-navbar{position: relative;}
.header-navbar-top{display: none!important;}
.header-navbar-top.show{display: block!important;}
.header-navbar .header-navbar-top{position: absolute;top: 74px;width: 100%;z-index: 999;
background-color: #001f2a;}
.menubar img{position: absolute;top: 17px;right: 27px;}
.header-navbar .header-navbar-top .navbar-top li {display: block;padding: 10px 10px;}
.header-navbar .header-navbar-top .navbar-top li a{color: #eee;}
div#\31 {display: block!important;margin-bottom: 15px;}
div#\32 {display: block!important;margin-bottom: 15px;}
div#\33 {display: block!important;margin-bottom: 15px;}
div#\34 {display: block!important;margin-bottom: 15px;}
div#\35 {display: block!important;margin-bottom: 15px;}
.wrapper .banner-sec .details-colm h4{font-size: 24px;}
.wrapper .banner-sec .details-colm h2{padding-left: 0;line-height: 31px;padding-top: 35px;font-size: 37px;}
.wrapper .details-colm .form-box .input-sec{display: block;}
.m-l-r {margin: 0px 0px;}
.header-navbar{height: auto;}
.about-us .content h4{font-size: 20px;}
.call-mob{display: Block;}
.modal-content .modal-body .box-outer{padding: 20px;}
.call-mob{display: block!important;}

.mobile-section-1 {display: block;}

section#floorplan .highlight {
    background-color: unset;
}
section#floorplan::after {
    content: "";
    position: absolute;
    top: -6%;
    left: -17%;
    width: 125px;
    height: 94px;
    background-color: #00719c;
    z-index: 9;
    transform: rotate(305deg);
}
.developer-sec .form-box .input-sec {
    display: block;
}
.developer-sec .highlight .content {
    padding: 8% 4%;
}
.developer-sec h4.footer_custom_heading::after {
    content: "";
    position: absolute;
    top: 37%;
    right: -113%;
    width: 95%;
    height: 4px;
    background-color: #00719c;
}
section#location::after {
    content: "";
    position: absolute;
    top: -4%;
    left: -18%;
    width: 117px;
    height: 94px;
    background-color: #00719c;
    z-index: 9;
    transform: rotate(305deg);
}

.gallery h1 {
    padding-bottom: 30px;
    padding-top: 50px;
}
.gallery {
    padding: 0% 5%;
    padding-bottom: 5px;
}
.Location {
    padding: 45px 0px;
}
.floorplan-sec {
    padding: 0 5%;
    padding-bottom: 16px;
}

.Amenities .tabcontent h4 {
    font-size: 13px;
    width: 80%;
}
.Amenities .tabcontent {
    width: 50%;
    margin-bottom: 20px!important;
}

.Amenities .tabcon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.highlight-sec .highlight .content ul li span {
    margin-right: 8px;
}
.highlight-sec .highlight .content ul li span {
    padding: 8px 15px;
}
.wrapper .banner-sec .details-colm .box img {
    width: 100%;
}
.left-m {
    display: block;
}
.left-m .bg-img-modal img {
    width: 100%;
}
.left-m .bg-img-modal {
    width: 100%;
}
.modal-dialog {
    max-width: 87%;
}
}