body {
    overflow-x: hidden;
}
.fancybox-wrap {
    width: 98% !important;
    left: 1% !important;
    height: calc(100vh - 10px)  !important;
}
/*.fancybox-inner {*/
/*    width: 100% !important;*/
/*    height: calc(100vh - 10px)  !important;*/
/*    margin-top: -39px !IMPORTANT;*/
/*}*/

.top-social a {
    background-color: unset !important;
    color: #037070 !important;
    font-size: 16px !important;
    margin-right: 16px;
    text-align: center;
}

div#fancybox-thumbs {
    display: none;
}

.top-social {text-align: left;margin-left: -6px;}
.fancybox-nav
{
    width:5% !important;
}
footer.site-footer img {
    width: 140px;
}
footer .top-social {
    margin-left: 0px;
}
label.error {
    color: #f00;
    font-size: 10px;
}

input.error {
    margin-bottom: 0px !important;
}


a#back-to-top{position:fixed;right: 15px;bottom: 10px;z-index: 9999;}

a#back-to-top-prop{position:fixed;right: 10px; bottom: 190px;z-index: 9999;}

a#back-to-top img, a#back-to-top-prop img {
    width: 60px;
    height: 60px;
}

.topblock-wrap:before {
    content: '';
    width: 100%;
    height: 100%;
    /* background-color: #00000066; */
    position: absolute;
}
.cont-withsb .cont-content {
    width: 100%;
}
.prog-outer {
    display: flex;
    width: 100px;
    float: right;
    margin-right: 20px;
    margin-top: -30px;
}

.contact-wrap{background-color:#fff;padding:30px}
.contact-wrap h2{font-size:30px;color:#037070;margin-bottom:20px}
.contact-wrap .form-control,.contact-wrap .input-group{width:100%!important}
.contact-wrap input.form-control{height:50px}
.contact-wrap button.site-button{float:right;background-color:#037070;padding:15px 100px;box-shadow:unset!important;color:#fff;border:solid;font-size:20px}
.contact-wrap button.site-button:hover{background-color:#000}

.contact-area h2,.contact-wrap h2{font-size:30px;margin-bottom:20px}
.contact-area h2,.contact-area ul li,.contact-wrap h2{margin-bottom:20px}
.contact-area ul li,.contact-wrap .form-control,.contact-wrap .input-group{width:100%!important}
.contact-wrap{/* background-color: #333; */padding:30px}.contact-wrap h2{color:#037070}
.contact-wrap input.form-control{height:50px;margin-bottom:15px}
.contact-wrap button.site-button{float:right;background-color:#037070;padding:15px 100px;box-shadow:unset!important;color:#fff;border:solid;font-size:20px}
.contact-wrap button.site-button:hover{background-color:#000}
.contact-area{padding:20px;border:1px solid #ddd;background-color: transparent;margin-top: 45px;}
.contact-area h2{/* color: #fff; */}.contact-area p{/* color: #ccc; */font-size:15px}
.contact-area .icon-bx-xs a{width:20px;display:block;float:left;color:#037070}
.contact-area ul{margin-top:25px}.contact-area ul .icon-content{display:block;width:80%;margin-left:30px}
.contact-area ul li h6{font-size:15px;margin-bottom:5px;/* color: #fff; */}
.contact-area ul.dez-social-icon{display:inline-flex;margin-top:10px}
.contact-area ul.dez-social-icon li{width:30px!important;text-align:center;margin-left:16px}
.contact-area ul.dez-social-icon li a{color: #037070;background:unset;font-size:18px;width:30px;height:30px;padding:6px;text-align:center}
.row.contact-bottom h2{color:#000;margin-top:50px;font-size:30px;margin-bottom:30px}.row.contact-bottom{margin-top:40px;margin-right: 0px;width: 100%;}

a.btn_download{background-color:#037070;color:#fff;padding:13px 160px;font-size:20px;border-radius:5px;font-family:Roboto;font-weight:100}
.download-prop{width:100%;background:#ffff;display:block;padding:29px 20px;margin:-50px -15px 45px 0}
a.btn_download i{margin-right:17px}
a.btn_download:hover{background-color:#054f4f}

.container.floor-plans{background-color:#fff;margin-bottom:50px}
.container.floor-plans a.fancy-img img{width:100%;border:1px solid #ededed;padding:10px}
.container.floor-plans a.fancy-img{max-height:320px;display:block;float:left;margin-bottom: 25px;}

.data-section{padding:50px 0}
.data-section .sec-title h2{color: #e81c25;/* text-decoration:underline; */margin-bottom:30px;font-size: 34px!important;font-family: 'Poppins';font-weight:600}
.content-block p{font-size: 20px;font-family: 'Roboto';line-height:38px;font-weight:400;margin-bottom: 50px;}
.content-block p b{display:block;margin-top:20px}
section.services-section{background-color:#eee;margin-bottom:60px}
section.services-section .service-block img{width:100%;right:35px;position:relative;/* border-radius:35px; */}
section.services-section .service-block h2{/* text-decoration:underline; */font-family:Poppins;margin-bottom:25px;font-weight:700}
section.services-section .service-block ul li{list-style:disc;margin-left:20px;line-height:30PX;font-size:20px;font-family:Poppins;margin-bottom:30px}
.sec-title h2 { color: #037070; font-size: 30px; margin-bottom: 20px;}
.container.gallery-wrap {margin-bottom: 84px;padding-top: 80px;}
.prop-map iframe {
    width: 100%;
}

section.banner-section{padding:110px;height: 450px;text-align:center;color:#fff;background-size:cover;background-repeat:no-repeat;z-index: 0;background-position: bottom;position: relative;}
section.banner-section:before{content:"";width:100%;height:100%;position:absolute;background: #5555559c;left:0;top:0}
section.banner-section h2 { color: #fff;}

.banner-section .sec-title{text-transform:uppercase;position:absolute;text-align:center;width:100%;left:0;top:40%}
.banner-section .sec-title h2{font-size:40px;font-family:Poppins;width:35%;margin:0 auto;left: 0px;position: absolute;}

.banner-section .sec-title{text-transform:uppercase;/* position:absolute; */text-align:center;width:100%;margin: 0 auto;/* top:40%; */text-align: center;z-index: 9;}
.banner-section .sec-title h2{font-size: 40px;line-height:35px;margin-top: -40px;font-family: 'Poppins';width: 100%;text-align: left;padding-left: 10%;font-size: 51px;margin-bottom: 50px;display: block;}
.gallery-block .image-box a.fancy-img{width:100%;height:250px;display:block;background-size:cover;background-position:center}
 /*h4{background-color: #00000070;color: #ffffff;padding:10px;font-weight:400;position: relative;top: 210px;}*/
.gallery-block .image-box a.fancy-img{width:100%;height:250px;display:block;background-size:cover;background-position:center}
.gallery-block {
    margin-bottom: 30px;
}
.location_map iframe {
    width: 109% !important;
}

.site-header1 .h-contacts p {display: flex;margin-left: 25px;}
.site-header1 .h-contacts p span{display:block;float:left;margin-left:-30px;margin-top:2px;font-size: 17px;color:#037070;margin-right: 10px;}
/*.mainmenu1 ul li:first-child { width: 25%; }*/
.site-header1 .h-contacts li:last-child { width: 25%;}
.site-header1 .h-contacts li:last-child:after{margin-top:-5px}
.mainmenu1 > ul { padding-left: 10%; padding-right: 10%;}

#project-slider .topblock-wrap{width:470px;height:500px;border-top-left-radius:146px;background-color:#fff;margin-bottom:0}
#project-slider .owl-dots{position:absolute;bottom: -50px;left:38%}
#project-slider .owl-dots div.owl-dot{border:3px solid #037070;width:20px;height:20px;border-radius:50%;float:left;margin-left:10px}
#project-slider .owl-dots div.owl-dot.active{background-color:#037070}

.title_box h4, .title_box h1{margin-left: 80px;position:unset;background-color:unset;color:#037070;text-transform:uppercase;font-weight: 800;font-size: 22px;font-family: 'Montserrat';}
.title_box h2, .title_box h1{color:#fff;font-family:Montserrat;font-size:46px;margin-bottom:20px;margin-left: 90px;}
section.about_section{background-color:#333;padding:50px 0!important}
div#project-slider{background-color:#ffffff00;}
#project-slider .owl-stage-outer{/* background-color:#ffffff2b; */}
div#slider { height: 600px;}


div#project-img-slider{width:250px;height:250px;border-radius:50%;position:relative;float:right;margin-right: 0px;margin-top: 0px;}
div#project-img-slider .topblock-wrap{background-size:cover;height:250px;border-radius:50%;width:250px;background-color:#6e6b6b66}
div#project-img-slider .owl-stage-outer{border-radius:50%;background-color:#db2f2f00;width:250px;height:250px;box-shadow:#141111 1px 1px 12px 1px}
.topblock-wrap .container{width:100%;z-index:0}
.svg_over_lay{width:324px;height:250px;position:absolute;right: -35px;bottom: 40px;z-index:9}
.svg_over_lay .ov_title{position:absolute;top:56%;left:37%;width:100px;color:#fff}

#panel, #panel-container {
	width: 250px;
	height: 250px;
	border-radius: 50%;
}

#panel-container {
	position: absolute;
	transform: perspective(250px) rotateX(0deg) rotateY(0deg);
	transform-style: preserve-3d;
	box-shadow: 1.5rem 2.5rem 5rem 0.7rem rgba(0,0,0,0.13);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9;
	right: -160px;
	bottom: 45px;
}


.about-right{color:#fff;font-family:Montserrat;font-size:16px;font-weight:300;padding-left: 60px;}
.about-right span{font-size: 21px;line-height: 35px;margin-bottom: 15px;display:block}
.about-right p{line-height: 26px;font-size: 17px;}
.about-right a{border:1px solid #fff;margin-top:35px;display:block;width:170px;text-align:center;padding:7px 6px;font-size:20px;font-family:Montserrat;border-radius:10px}
section#home-projects{background-color:#333;margin-top: 50px;}
section#home-projects .title_box{margin-left:-90px}
.prop-grid .prop-i{margin: 10px 20px;height:550px;background-size:cover;border-radius:20px;background-position: center;color:#fff;box-sizing:border-box;-webkit-box-shadow: inset 0 -112px 214px -44px rgb(27 25 27);-moz-box-shadow:inset 0 -69px 182px 5px rgb(27 25 27);/* box-shadow:inset 0 -69px 182px 5px rgb(27 25 27); */}
.prop-i .prop-i-ttl{position:absolute;bottom: -10px;left: 0px;color:#fff;display:table-column}
.prop-grid .prop-i{position:relative}
.prop-i .prop-i-ttl span{font-size:20px;font-weight:100;display:block}
.prop-i-col.prop-top-view {/* margin-top: -65px; */}
.site-footer .f-menu b{font-size:20px;color:#000;margin-top:20px;display:block;margin-bottom:15px}
.site-footer .f-menu ul li span{color:#037070;font-weight:600}
.banner-section .sec-title h4{top:40px!important;text-align:left;margin-left:10%;text-transform:none;padding:0;background:unset;font-size:25px;width:79%;font-family:Poppins;line-height:40px;font-weight:100;margin-top: 20px;}
section.about-page{background-color:#333;color:#fff;font-family:Montserrat;font-weight:100!important;font-size:20px;padding:50px 0 0}
section.about-page h4{background-color:unset;top:0;font-size:30px;font-weight:100;line-height:51px;padding:0 25px 0 0;color#fff;font-weight: 700;}
section.about-page p{font-family:Montserrat;font-size:16px;line-height: 30px;margin-bottom:20px;color:#ccc}
section.about-page .row{margin-bottom:50px}
section.about-page h2{margin-bottom:15px;font-size:30px}

section.values-section h2,section.values-section ul{position:relative;color:#fff}
section.values-section{background-image:url(../img/banner-home.jpg);background-size:cover;background-position:center;position:relative;padding:50px;height:500px}
section.values-section:before{left:0;top:0;background:#037070b3;content:"";width:100%;height:100%;position:absolute;z-index:0}
section.values-section h2{z-index:9;margin-bottom:80px;font-size:60px}
section.values-section ul li{display:grid;width:16.5%;font-size:19px;float:left;text-align:center}
section.values-section ul li img{margin:0 auto;width: 80px;}
section.values-section ul li span{margin-top:20px}

section.projects-inner{margin-top:0!important;padding-top:80px;padding-bottom:50px}
form#contact-form input, form#contact-form textarea {background: transparent;/* color: #fff; */}
section.banner-section.details-banner {height: 600px;}

section.banner-section.details-banner:before {
    bottom: 0;
    height: 150px;
    background: linear-gradient(to top, #333333, transparent);
    top: auto;
}

section.detail-top h4{color:#fff;font-size:50px;width:100%}
section.detail-top span{color:#fff;font-size:37px;font-weight:100!important;font-family:Montserrat}
section.detail-top p{color:#fff;font-weight: 100;margin-top:25px;margin-bottom:0;line-height:30px}

section.attractions{color:#fff;padding: 70px 0 60px;}
section.attractions h3{font-size:34px}
section.attractions p{font-size:25px;font-weight:100!important}

.type-slider .topblock-wrap{height: 400px;background-size:cover;background-position:center;margin-bottom: 0px;}
.type-slider .topblock-wrap:after{width:100%;height: 200px;position:absolute;content:"";background: linear-gradient(to top,#333,transparent);bottom:0}
.type-slider{padding:0 10px}

section.project-types h2{position: absolute;top: 340px;z-index:99;left:10%;font-size: 35px;color:#fff;font-weight: 500;}
section.project-types p{color:#aba6a6;padding:20px;font-weight:100}
section.project-types h2 .content-block{position:relative}

.prop-features ul li img{height:95px;margin:0 auto 20px}
section.floor-plans a.floor-plan{
	color:#037070;
	display:block;
	width: 47%;
	float: left;
	text-align:center;
	font-size: 14px;
	font-weight:500;
	border:2px solid #037070;
	margin-bottom:10px;
	border-radius:10px;
	margin-right: 10px;
	padding: 7px 10px;
	font-family:Montserrat
	}
section.floor-plans{background-color:#fff;padding: 10px 50px;border-top: solid 1px #ddd;min-height: 620px;}
section.floor-plans h2{font-family:Poppins;font-size:40px;font-weight:800;color:#000;margin-bottom:50px}
section.floor-plans a.floor-plan.active{background-color:#037070;color:#fff}


section.attractions ul{width:100%}
section.attractions ul li{float:right;width:180px;display:block;text-align:center;background-color:#165757;padding: 20px 10px 5px;border-radius:20px;margin-left:10px}
section.attractions ul li img{width:80px;float:left}
section.attractions ul li h4{display:block;width:100%;float:left;font-size: 15px;font-weight:100;min-height: 40px;margin-top: 20px;}
section.attractions ul li span{font-size:50px;font-weight:900}

section.floor-plans img{max-height:500px;margin:0 auto!important;position:relative;left:50%;transform:translateX(-50%);top:-102px}

.project_progress{position:absolute;right:15px;bottom:15px;width:46px;height:45px;background-color:#037070;padding:10px 0;border-radius:50%;text-align:center;border:2px solid}

.footer-btns{position:fixed;bottom:15px;right:10px;z-index:9999}
.footer-btns a{background-color:#037070;padding:10px 20px;font-size:20px;color:#fff;margin-top:10px;border:1px solid;
border-radius:5px;text-align:center;display:block}
.footer-btns a:hover{color: #fff;background-color: #000;}

section.banner-section.gallery_sec:before {top: 300px;height: 150px;background: linear-gradient(to top, #333333, transparent);}
.more_prop{text-align:center}
.more_prop a{color:#fff;border:1px solid;font-size:20px;padding:12px 40px;border-radius:15px;display:inline-block;margin-bottom:75px}
.more_prop a:hover{background-color:#037070}

#slider .owl-item h2{font-family: 'Poppins';font-weight:400;font-size: 40px;line-height: 10px;color: #ffffff;
left: 0%;top: 80%;z-index: 999 !important;/* padding: 20px; */width: 100%;/* text-transform: uppercase; */text-align: center;font-weight: unset;}
#slider .owl-item p{line-height: 0px;font-family: 'Poppins';font-size: 67px;font-weight: 500;margin: 65px 0px 3px;word-spacing: 0px;color: #ffffff;
position: absolute;left: 0%;top: 57%;z-index: 999 !important;width: 100%;/* text-transform:uppercase; */letter-spacing: -2px;/* text-decoration: underline; */}
 
#slider .owl-item.active p{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
    animation-name:fadeInUp;animation-delay:.3s}
#slider .owl-item.active h2{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;
        animation-name:fadeInUp;animation-delay:.3s}

#slider .owl-item .topblock-wrap:before {
    background-color: #00000033;
}
section#prop-gmap iframe {
    width: 100%;
    margin-top: -48px;
    margin-bottom: -6px;
    height: 500px;
}
body.contact-page-body {
    background-color: #fff;
}
section.attractions ul li img {
    height: 100px;
    width: auto !important;
    margin-left: 50%;
    transform: translateX(-50%);
}
section.about-page span {
    font-size: 16px;
    line-height: 30px;
}
.status-slider .owl-nav {
    position: absolute;
    top: 43%;
    left: 30px;
    width: 100%;
}

.status-slider .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
    font-size: 40px;
    color: #fff;
    font-weight: 100;
}

.status-slider .owl-nav .owl-next {
    position: absolute;
    right: 70px;
    color: #fff;
    font-size: 40px;
}
.footer-bottom .f-callback p {
    color: #fff;
    margin-top: 10px;
}

img.proj-logo {
    position: absolute;
    top: 0px;
    right: 20%;
    width: 350px;
}
@media only screen and (max-width : 767px) {
    
    .title_box h2,.title_box h4, .title_box h1{margin-left:20px}
    .site-header1 .h-contacts li:last-child{width:100%}
    .title_box h2, .title_box h1{font-size:33px}
    .about-right{padding-left:20px; margin-top: 70px;}
    .project_section .title_box h2,.project_section .title_box h4{margin-left:100px!important}
    .prop-grid .prop-i{height:400px!important}
    .prop-i-col.prop-top-view{margin-top:0}
    .site-footer .f-menu ul li{margin-left:30px;text-align:left;width:100%}
    .site-header1{padding-top:0}
    #panel-container { left: 50px; right: unset;}
    .banner-section .sec-title h2{margin-top:-95px;font-size:32px}
    .banner-section .sec-title h4{font-size:17px;line-height:26px}
    section.values-section ul li{width:32%;margin-bottom:40px}
    section.values-section ul li img{width:50px}
    section.values-section ul li span{font-size:14px}
    section.values-section h2{font-size:40px;margin-bottom:60px}
    .prop-map{height:160px}
    section.attractions ul{width:100%!important}
    section.attractions ul li{width:98%;margin-left:6px}
    .prop-features ul li{text-align:center!important;display:block;float:left;font-size:19px;height:140px;width:50%}
    .prop-features ul li img{height:64px;display:block}
    section.floor-plans{padding:0}img#plan_image{position: unset;margin-top:50px;margin-left: 50% !important;}
    .floor-plans .col-12.col-md-7{position:unset}
    .floor-plans .row{display:block}
    section.floor-plans h2{margin-bottom:0}
    section.floor-plans a.floor-plan{font-size:10px;width:32%;margin-right:3px;padding:6px;min-height:45px}
    #slider .owl-item h2{font-size:22px;}
    #slider .owl-item p{font-size:24px;}
    img.proj-logo { width: 210px; top: -90px; left: 4%;}
    
    
    .mainmenu>ul>li a{font-weight:100;font-size:15px;text-transform:uppercase;color:#fff;padding:20px 0!important}
    .mainmenu{background-color:#037070;color:#fff}
    .mainmenu > ul > li.active a, .mainmenu > ul > li:hover a, .mainmenu > ul > li a:hover{color:#aeebeb}
    .mainmenu .mainmenu-close{font-size:20px;color:#fff}
    .mainmenu>ul>li{padding:0 30px;border-bottom:1px solid #088484 }
    
    a.fancy-img.prop-slider-top-zoom{/* max-width:90%!important; */overflow:hidden;display:inline-block}
    .fancybox-wrap{max-height:340px!important}
    .fancybox-inner{height:330px!important}
    .plan-fancy{margin-bottom:50px;max-width: 100% !important;}

    
}
 
 
 /*14-march -24 */
 
 .banner-section .sec-title h1{font-size: 40px;line-height:35px;margin-top: -40px;font-family: 'Poppins';width: 100%;text-align: left;padding-left: 10%;font-size: 51px;margin-bottom: 50px;display: block;}
 
 
.topblock h1 {
    font-size: 50px;
    margin: 0 0 45px;
    line-height: 1.1;
    font-family: Montserrat, Roboto, sans-serif;
    font-weight: 700;
    text-shadow: 0 6px 18px rgba(51,87,180,0.2);
}
.topblock h1 br {
    line-height: 1.1;
}

section.detail-top h1 {
    color: #fff;
    font-size: 50px;
    width: 100%;
}




.faq-section .title-block {
  margin-bottom: 50px;
}
.faq-section .title-block .title {
  color: #fff;
  font-family: Roboto;
  font-weight: 600;
  font-size:40px;
}
.faq-section .accordion .accordion-item {
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-color: transparent;
  padding: 50px 0;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button {
    background: none;
    font-size: 24px;
    color: #fff;
    font-family: Roboto;
    padding: 0;
    border: none;
    position: relative;
    width: 100%;
    text-align: left;
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxMyAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuODQ1MjE1IDYuNDg0MzhIMTIuNzg3MiIgc3Ryb2tlPSJ3aGl0ZSIvPgo8bGluZSB4MT0iNi45MTQwNiIgeTE9IjAuNDYyODkxIiB4Mj0iNi45MTQwNiIgeTI9IjEyLjUwNTkiIHN0cm9rZT0id2hpdGUiLz4KPC9zdmc+Cg==);
    transition: all 0.5s;
    border: 1px solid #fff;
    border-radius: 50px;
    width: 37px;
    height: 37px;
    text-align: center;
    background-position: center;
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    right: 0;
}
.row.faq-section.home-faq {
    margin-bottom: 70px;
}
@media (max-width: 991px) {
  .faq-section .accordion .accordion-item .accordion-header .accordion-button::after {
    width: 30px;
    height: 30px;
    background-size: 18px;
  }
}
.faq-section .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEzIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxsaW5lIHgxPSIwLjE3NzI0NiIgeTE9IjAuOTgwNDY5IiB4Mj0iMTIuOTIzMyIgeTI9IjAuOTgwNDY5IiBzdHJva2U9IndoaXRlIi8+Cjwvc3ZnPgo=");
}
@media (max-width: 991px) {
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
    line-height: 35px;
    gap: 0 30px;
  }
}
@media (max-width: 575px) {
  .faq-section .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 16px;
  }
}
.faq-section .accordion .accordion-item .accordion-body {
  font-size: 16px;
  padding: 0;
  line-height: 35px;
  width: 90%;
  color: #ABA6A6;
  margin-top: 30px;
}
@media (max-width: 991px) {
  .faq-section .accordion .accordion-item .accordion-body {
    width: 100%;
  }
}
.faq-section .accordion .accordion-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 991px) {
  .faq-section .accordion .accordion-item {
    padding: 30px 0;
  }
}


section.home-more-cnt {
    padding: 100px 0 20px;
}
section.home-more-cnt .det {
    border-bottom: 1px solid #eeeeee17;
    padding-bottom: 50px;
}
section.home-more-cnt h2 {
    font-size: 30px;
    color: #fff;
    margin-bottom: 40px;
}
section.home-more-cnt h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}
section.home-more-cnt p {
    color: #fff;
    font-family: Montserrat;
    line-height: 30px;
    margin-bottom:20px;
}

section.detail-cnt {
    padding: 50px 0;
    color: #fff;
}
section.detail-cnt h2{
        font-size: 30px;
    color: #fff;
    margin-bottom: 40px;
}
section.detail-cnt p{
        color: #fff;
    font-family: Montserrat;
    line-height: 30px;
    margin-bottom:20px;
        color: #aba6a6;
}
section.detail-cnt .det {
    border-bottom: 1px solid #eeeeee17;
    padding-bottom: 50px;
}
section.project-faq-sec {
    margin: 50px 0 80px;
}



.blog-section {
  width: 100%;
  margin: 30px 0 100px;
}
.blog-title {
    margin-bottom: 30px;
}
.blog-title .title {
  color: #ffffff;
  font-size: 40px;
  font-weight: 700;
  padding: 0;
  margin: 0;
}
section.blog-section.services-page .blog-title .title {
    color: #000;
}
.blog-section.services-page .blog-slider .slider-item .blog-item .text-block {
    background: #eee;
}

@media screen and (max-width: 767px) {
  .blog-section h3 {
    font-size: 26px;
  }
}
.blog-section .blog-slider .slider-item .blog-item .text-block {
  padding: 30px;
  background-color: #ffffff;
}
.blog-section .blog-slider .slider-item .blog-item .text-block h4 {
  color: #037070;
  font-size: 18px;
  line-height: 30px;
  text-transform: capitalize;
  margin-bottom: 15px;
  font-weight: 700;
}
.blog-section .blog-slider .slider-item .blog-item .text-block p {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.75);
  line-height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom:15px;
}
.blog-section .blog-slider .slider-item .blog-item .text-block .read_more {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #037070;
  text-transform: uppercase;
}
.blog-content p {
    margin-bottom: 30px;
    line-height: 28px;
}
section.blog-section.detail-page {
    margin: 55px 0 80px;
}
@media screen and (max-width: 560px) {
  .blog-section .blog-slider .slider-item .blog-item .text-block {
    padding: 15px;
  }
}
.blog-section .blog-slider .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 40px;
  transform: translateY(-50%);
  z-index: -1;
}
.blog-section .blog-slider .owl-nav [class*=owl-] {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #037070;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 500s ease;
}

.blog-section .blog-slider .owl-nav [class*=owl-] span {
    color: #fff;
}
.blog-section .blog-slider .owl-nav [class*=owl-].owl-prev {
  left: -100px;
}
.blog-section .blog-slider .owl-nav [class*=owl-].owl-next {
  right: -100px;
}
.blog-section .blog-slider .owl-nav [class*=owl-] img {
  max-width: 13px;
  width: 100%;
}
.blog-section .blog-slider .owl-nav [class*=owl-]:hover {
  background: #231f20;
}
@media screen and (min-width: 1500px) and (max-width: 1900px) {
  .blog-section .blog-slider .owl-nav [class*=owl-] {
    width: 35px;
    height: 35px;
  }
  .blog-section .blog-slider .owl-nav [class*=owl-] img {
    width: 10px;
  }
  .blog-section .blog-slider .owl-nav [class*=owl-].owl-prev {
    left: -70px;
  }
  .blog-section .blog-slider .owl-nav [class*=owl-].owl-next {
    right: -70px;
  }
}
@media screen and (max-width: 1400px) {
  .blog-section .blog-slider .owl-nav [class*=owl-] {
    width: 35px;
    height: 35px;
  }
  .blog-section .blog-slider .owl-nav [class*=owl-] img {
    width: 10px;
  }
  .blog-section .blog-slider .owl-nav [class*=owl-].owl-prev {
    left: -70px;
  }
  .blog-section .blog-slider .owl-nav [class*=owl-].owl-next {
    right: -70px;
  }
}
@media screen and (max-width: 1280px) {
  .blog-section .blog-slider .owl-nav [class*=owl-] {
    width: 30px;
    height: 30px;
    position: static;
    display: inline-block;
    margin: 0 5px;
  }
  .blog-section .blog-slider .owl-nav [class*=owl-].owl-prev {
    left: auto;
    right: 50px;
  }
  .blog-section .blog-slider .owl-nav [class*=owl-].owl-next {
    right: 0px;
  }
}
@media screen and (min-width: 1500px) and (max-width: 1900px) {
  .blog-section .blog-slider .owl-nav {
    height: 35px;
  }
}
@media screen and (max-width: 1600px) {
  .blog-section .blog-slider .owl-nav {
    z-index: -1;
  }
}
@media screen and (max-width: 1400px) {
  .blog-section .blog-slider .owl-nav {
    height: 35px;
  }
}
@media screen and (max-width: 1280px) {
  .blog-section .blog-slider .owl-nav {
    position: static;
    top: auto;
    bottom: 0;
    height: 40px;
    text-align: center;
    margin-top: 50px;
    transform: translateY(0);
  }
}

.blog-inner-section {
  width: 100%;
  background-color: #fff;
  padding: 80px 0;
}
.blog-inner-section .row {
  display: flex;
}
.page-content-section-two .feature-wrapper .features-item .content-block p, .why-choose-section .content-block p {
    font-size: 15px;
}
section.blog-section.detail-page h3 {
    font-size: 35px;
    color: #fff;
    margin-bottom: 30px;
}
h2.landing-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
@media screen and (max-width: 1199px) {
  .blog-inner-section .row {
    display: block;
  }
}
.blog-inner-section .blog-img {
  margin-bottom: 30px;
  border: 1px solid #037070;
  padding: 10px;
}
.blog-inner-section .blog-img img {
  width: 100%;
}
.blog-inner-section .blog-content .line {
  width: 100%;
  height: 1px;
  margin: 30px auto;
  background-color: rgba(204, 204, 204, 0.5);
}
.blog-inner-section .blog-content h1 {
  font-size: 30px;
  color: #000;
  font-weight: 600;
  margin: 0;
  line-height: 1.2;
  margin-bottom: 15px;
  text-transform: capitalize;
}
.blog-inner-section .blog-content h2 {
  font-size: 24px;
  color: #000;
  font-weight: 600;
  margin-bottom: 30px;
}
.blog-inner-section .blog-content h3 {
  font-size: 18px;
  color: #037070;
  font-weight: 500;
  margin-bottom: 15px;
}
.blog-inner-section .blog-content p a {
  color: #037070;
  text-decoration: underline;
}
.blog-inner-section .blog-content ul li {
  padding-left: 20px;
  position: relative;
  padding-bottom: 15px;
}
.blog-inner-section .blog-content ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  bottom: 0;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #037070;
}
.blog-inner-section .blog-content h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
}/*# sourceMappingURL=blog.css.map */

.footer .footer-links ul.social-links {
    flex-direction: initial;
    margin-top: 15px;
}
.footer .footer-links ul.social-links li a {
    background-color: unset !important;
    color: #037070 !important;
    font-size: 16px !important;
    margin-right: 5px;
    text-align: center;
}

.section-full.content-inner.bg-white.contact-style-1 label.error {
    display: none !important;
}
.section-full.content-inner.bg-white.contact-style-1 input.error {
   border:1px solid red !important;
}
.section-full.content-inner.bg-white.contact-style-1 textarea.error {
   border:1px solid red !important;
}

.fancybox-skin {
    width: 100% !important;
    margin: 0 auto;
    box-shadow: none !important;
    top: 0%;
    background: transparent;
}
.fancybox-inner {
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    color: #fff;
    background: #037070;
    
    border-radius: 15px;
}
.fancybox-inner p {
    line-height: 30px;
    letter-spacing: .5px;
}
.fancybox-wrap {
    height: calc(100vh - 20px) !important;
}
.fancybox-close {
    top: -25px;
    right: 13px;
}

.contact-page-body .fancybox-wrap {
    width: 40% !important;
    margin-left: 30%; 
    height: 100px !important;
}

.contact-page-body .fancybox-wrap .fancybox-skin {
    height: 100px !important;
}

.contact-page-body .fancybox-wrap .fancybox-inner {
    padding: 50px !important;
    height: 170px !important;
}
.fancybox-wrap .fancybox-inner {
    width: 65% !important;
    height: 780px !important;
    margin-top: 0px ! IMPORTANT;
}
.fancybox-wrap .fancybox-image {
    max-width: 100%;
    min-height: 770px;
    object-fit: cover;
}
@media(max-width:1400px){
    .fancybox-wrap .fancybox-inner {
    width: 80% !important;
    height: 700px !important;
}
.fancybox-wrap .fancybox-image {
    min-height: 690px;
}
}
@media(max-width:991px){
    .fancybox-wrap .fancybox-inner {
        width: 95% !important;
        height: auto !important;
    }
    .fancybox-wrap .fancybox-image {
    min-height: auto;
}
}


@media(min-width:991px)
{
    .site-footer .f-logo {
    width: 21%;
}

.site-footer .f-menu:nth-child(2) {
    width: 14%;
}
.site-footer .f-menu {
    width: 16%;
    }
    
    .site-footer .f-menu:last-child {
    width: 30%;
    padding-left: 30px;
}

}

@media(max-width:767px)
{
.site-footer .f-menu ul li
{
    text-align:center;
            margin-left: 0;
}
}


@media(max-width:479px)
{
    .site-footer .f-menu
    {
        width:100%;
    }
    footer .top-social
    {
            text-align: center;
    }
}


img {
    width: 100%;
    height: auto;
    aspect-ratio: 1200 / 600;
}

.m-auto {
  margin: 0 auto !important;  
}

section.home-banner {
    width: 100%;
    height: 600px;
    display: block;
}


.table-wrapper {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
}

.table-container {
  max-height: 24rem;
  overflow: auto;
  height: 100%;
}

table {
  width: 100%;
  border-collapse: separate; /* make border sticky */
}

th,
td {
  border: none;
  padding: 1rem 2rem;
  text-align: left;
}

th {
  background-color: #d0f0ee;
  color: #15928a;
  font-weight: bold;
  position: sticky;
  top: 0;
  border-bottom: 2px solid #15928a;
}

.table-wrapper tbody tr:nth-of-type(even) {
   
    background-color: hsl(0 0 95);
  
}

.detail-top .project-details-content h2 {
    font-size: 28px;
    color: #ffffff;
    margin: 20px 0;
}
.table-wrapper.top-prop-blog {
    margin-bottom: 40px;
}
.table-wrapper.top-prop-blog .table-container {
    max-height: none;
}


/* 20-01-2026 */

section.about_section.new-home {
    padding: 80px 0 !important;
}

.new-home #project-slider .topblock-wrap {
    border-radius: 20px;
}
.new-home .title_box {
    margin-bottom: 50px;
}
.new-home .title_box h4, .new-home .title_box h1 {
    margin: 0;
}

.more-about-content {
    padding: 80px 0;
    background-color: #ffffff;
}

.more-about-content .content-block h2 {
    color: #000000;
    font-size: 30px;
    margin-bottom: 24px;
}

.more-about-content .content-block p {
    color: #000000;
    font-family: Montserrat;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
}

.more-about-content .content-block p:last-child {
    margin: 0;
}

.line-gap {
    width: 100%;
    height: 1px;
    margin: 50px auto;
    background-color: rgba(0, 0, 0, .15);
}



/* 29-01-2026 */

.why-property-section .content-block h2 {
    font-size: 40px;
    margin-bottom: 16px;
    font-weight: 500;
}
.why-property-section .content-block h3 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px;
}
.why-property-section .content-block p, .page-content-section-new .feature-wrapper .features-item .content-block p {
    font-size: 15px;
    line-height: 30px;
    color: #696969;
    margin-bottom: 16px;
}
.why-property-section .content-block h4, .page-content-section-new .feature-wrapper .features-item .content-block h4 {
    font-size: 20px;
    color: #037070;
    font-weight: 500;
    margin-bottom: 16px;
}

.why-property-section .content-block p:has(+ h2, + h3, + h4), .page-content-section-new .feature-wrapper .features-item .content-block p:has(+ h2, + h3, + h4, + ul) {
    margin-bottom: 30px;
}

.why-property-section .content-block ul, .page-content-section-new .feature-wrapper .features-item .content-block ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.why-property-section .content-block ul li, .page-content-section-new .feature-wrapper .features-item .content-block ul li {
    color: #696969;
    padding-left: 20px;
    position: relative;
    font-size: 15px;
    line-height: 30px;
}

.why-property-section .content-block ul:has(+ p, + h2, + h3, + h4), .page-content-section-new .feature-wrapper .features-item .content-block ul:has(+ p, + h2, + h3, + h4) {
    margin-bottom: 30px;
}

.why-property-section .content-block ul li::before, .page-content-section-new .feature-wrapper .features-item .content-block ul li::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background: #037070;
    left: 0;
    top: 11px;
    border-radius: 100%;
}



.section-future-in, .section-why-choose {
    background-color: #f9f9f9;
}

.section-future-in .row-options, .section-why-choose .row-options {
    align-items: center;
}

.section-future-in .content-block h2, .section-why-choose .content-block h2 {
    font-size: 30px;
    font-weight: 600;
    color: var(--color-black);
    margin-bottom: 16px;
}

.section-future-in .content-block p, .section-why-choose .content-block p {
    font-size: 15px;
    color: #696969;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 16px;
}

.section-future-in .content-block, .section-why-choose .content-block {
    padding-left: 70px;
}

.blog-section .blog-slider .slider-item .blog-item .text-block p, .blog-section .blog-slider .slider-item .blog-item .text-block h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 1399px) {
    .section-future-in .content-block, .section-why-choose .content-block {
        padding-left: 50px;
    }
}

@media (min-width: 1280px) {
    .section-future-in, .section-why-choose {
        padding: 0 !important;
    }
    .section-future-in .img-col, .section-why-choose .img-col {
        margin-left: calc((-100vw + 100%) / 2 - 1rem);
        padding: 0;
    }
}


@media (max-width: 1280px) {
    .why-property-section .content-block h2 {
        font-size: 30px;
    }
    
    .section-future-in .img-col, .section-why-choose .img-col {
        flex: 0 0 auto;
        margin-bottom: 30px;
    }
    
    .section-future-in .content-block, .section-why-choose .content-block {
        padding-left: 0px;
    }
    
    .section-future-in .content-outer, .section-why-choose .content-outer {
        width: 100%;
    }
}



/* 28/5/26 */

.page-content-section-one .content-block .sc-title {
    text-transform: capitalize;
}











