/* Thin 100 | Light 300 | Regular 400 | Medium 500 | SemiBold 600 | Bold 700 | ExtraBold 800 | Black 900 */

:root{
--dark-color:#081421;
--blue-color:#162A3D;
--primary-color:#F0792F;
--gray-color:#F0F0F0;
--font-family-montserrat: "Montserrat", serif;
--transition: all .3s linear;
}

body{font-family: "Montserrat", serif !important;font-optical-sizing: auto;font-weight: 400;font-style: normal;color: var(--blue-color); font-size: 16px; line-height: normal; color: #797979;}

a{color: var(--blue-color); text-decoration: none; transition: all .3s linear;}
a:hover{color: var(--primary-color); transition: all .3s linear;}
ul{padding: 0; margin: 0;}
ul li{list-style: none;}
h1{letter-spacing: 4px;color: var(--blue-color); font-size: 40px; line-height: 44px; margin: 0; font-weight: 300;}
h2{color: var(--blue-color); font-size: 28px; line-height: 34px; margin: 0; font-weight: 500;}
h3{color: var(--blue-color); font-size: 18px; line-height: 22px; margin: 0; font-weight: 600;}
h4{color: var(--blue-color); font-size: 15px; line-height: 20px; margin: 0; font-weight: 600;}
h5{color: var(--blue-color); font-size: 16px; line-height: 24px; margin: 0; font-weight: 600;}
p{color: #797979; line-height: 25px; font-size: 16px}

.mobile-filter,
.mobile-menu{display: none;}
.mobile-menu span{width: 28px; height: 3px; background: var(--blue-color); display: block; margin-bottom: 6px}
.mobile-menu span:last-of-type{margin: 0;}

.common-container{padding: 0 24px;}
.common-custom-container{max-width: 1602px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 1;}
.common-section{padding:  74px 0;}
.small-container{max-width: 1024px; padding: 0 24px; margin: 0 auto;}

.common-line-btn,
.common-btn{background: var(--blue-color); outline: none; border: solid 1px var(--blue-color); font-size: 13px; padding: 8px 40px; color: #fff; font-weight: 500; position: relative;  transition: var(--transition);}
.common-line-btn{background: transparent;border: solid 1px var(--blue-color); color: var(--blue-color);}
.common-line-btn:hover{border-color: var(--primary-color); color: var(--primary-color); transition: var(--transition);}
.common-btn:hover{border-color: var(--primary-color); background-color: var(--primary-color); color: #fff;}

/* header */
header .logo img{height: 44px;}
header .inner-area{display: flex; padding: 24px 0; align-items: center; justify-content: space-between;}
header nav ul {display: flex; align-items: center;}
header nav ul li a{font-weight: 500; font-size: 16px;}
header nav ul li{padding: 0 17px;}
header .all-right-btn{display: flex; align-items: center; gap: 10px;}
header .right-nav{display: flex; align-items: center; gap: 30px;}
header .right-nav .common-line-btn{padding: 8px 22px;}

/* banner-section */
.banner-section{position: relative;}
.banner-section h5{margin-bottom: 30px;}
.banner-section .filter-and-description{display: flex; position: absolute; width: 100%; top: 0; z-index: 1;}
.banner-section .filter{padding: 58px 0; background: rgb(221,243,255); background: linear-gradient(171deg, rgba(221,243,255,1) 0%, rgba(255,255,255,.8) 10%); width: calc(100% - 450px); backdrop-filter: blur(3px);}
/* backdrop-filter: blur(2px); */
.banner-section .filter [type="radio"]:checked,
.banner-section .filter [type="radio"]:not(:checked){position: absolute; left: -9999px;width: 0;height: 0;visibility: hidden;}
.banner-section .filter .checkbox-tools:checked + label,
.banner-section .filter .checkbox-tools:not(:checked) + label{position: relative;display: inline-block;padding: 10px 15px;font-size: 16px;text-align: center;overflow: hidden;cursor: pointer;text-transform: uppercase;-webkit-transition: all 300ms linear;transition: all 300ms linear; margin: 0; line-height: normal;}
.banner-section .filter .checkbox-tools:not(:checked) + label{background-color: var(--gray-color);}
.banner-section .filter .checkbox-tools:checked + label{color: #fff; background-color: var(--primary-color);}
.banner-section .filter .checkbox-tools:not(:checked) + label:hover{background-color: var(--primary-color); color: #fff;}
.banner-section .filter .checkbox-tools:checked + label::before,
.banner-section .filter .checkbox-tools:not(:checked) + label::before{position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;background-image: linear-gradient(298deg, var(--red), var(--yellow));z-index: -1;}
.banner-section .filter .checkbox-tools:checked + label .uil,
.banner-section .filter .checkbox-tools:not(:checked) + label .uil{font-size: 24px;line-height: 24px;display: block;padding-bottom: 10px;}
.banner-section .filter .checkbox:checked ~ .section .container .row .col-12 .checkbox-tools:not(:checked) + label{background-color: var(--light);color: var(--dark-blue);box-shadow: 0 1x 4px 0 rgba(0, 0, 0, 0.05);}
.banner-section .filter .select-destination{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px;}
.banner-section .filter .select-destination label{font-size: 16px; }
.banner-section .filter .form-group{margin: 0; position: relative;}
.banner-section .filter .search-form{display: flex; margin-top: 15px; gap: 15px; flex-wrap: wrap;}
.banner-section .filter .search-form .form-control{border: 1px solid var(--gray-color); font-size: 16px; color: #797979 !important; font-weight: 600; padding: 10px 20px; padding-right: 40px; background: #fff !important; min-width: 195px; height: auto;}
.banner-section .filter .search-form .form-control:focus{box-shadow: none; border-color: var(--primary-color);}
.arrow{position: relative;}
.arrow:after{content: '';position: absolute;width: 8px;height: 8px;border-right: solid 1px #797979;border-bottom: solid 1px #797979;top: 0;right: 15px;z-index: 1;transform: rotate(45deg);margin: auto;bottom: 0;}
.search-icon {position: relative;}
.search-icon .common-btn:after{content: '\f002';position: absolute;font-family: var(--fa-style-family, "Font Awesome 6 Free");font-weight: var(--fa-style, 900);--fa: "\f002";right: 0;top: 0;width: 34px;text-align: center;background: var(--dark-color);color: #fff;height: 100%;display: flex;justify-content: center;align-items: center;line-height: 0;}
.search-icon .common-btn{padding: 12px 75px 12px 50px}
.banner-section .description{ background: rgba(255, 255, 255, 0.8);width: 450px;backdrop-filter: blur(2px); position: relative;}
/* backdrop-filter: blur(2px); */
.banner-section .description .description-data{padding: 30px;}
.banner-section .description .description-data p{margin: 0;}
.banner-section .description h1{font-size: 30px; margin-bottom: 30px; }
.banner-section .banner-slider{position: relative;}
.banner-section .banner-slider .slider img{width: 100%; height: calc(100vh - 90px); object-fit: cover;}
.banner-section .slider-content{background: var(--dark-color);width: 100%; text-align: center; bottom: -30px; position: absolute;}
.banner-section .slider-content p{color: #fff; margin: 0;}
.banner-section .slider-content p{display: flex; justify-content: space-between; align-items: center;}
.banner-section .slider-content p a {color: #fff;}
.banner-section .slider-content p a:hover {color: #fff;}

.banner-section .slider-content button{background: var(--blue-color); padding: 0; border: none; color: #fff; padding: 5px 10px; transition: var(--transition);}
.banner-section .slider-content button:hover{background: var(--primary-color); transition: var(--transition);}
.banner-hero-slider .slick-list{padding: 0 !important;}
.banner-section .banner-slider .slider-content{display: none;}

/* featured-developments-section */
.featured-developments-section{background-color: var(--blue-color); overflow: hidden;}
.featured-developments-section .common-container{position: relative;}
.featured-developments-section .pattern.top.left.black{    top: -100px;left: -40px;bottom: auto;}
.featured-developments-section p{color: #fff; font-weight: 600;}
.small-title h5{margin: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 1.2px; }
.featured-developments-section .small-title h5{color: #fff; position: relative;}
.small-title{margin-bottom: 36px;}

.featured-developments-section .pattern.top.left.white-pattern{left: -140px;}

/* featured-developments-section */
.featured-developments-section{position: relative;}
.featured-developments-section .all-featured-dev{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px;}
.featured-developments-section .all-featured-dev .featured-card .blue-card {background: var(--dark-color); padding: 30px 25px; position: relative;z-index: 2;}
.featured-developments-section .all-featured-dev .featured-card p{color: #fff; font-weight: 600; font-size: 20px; margin-bottom: 15px;}
.featured-developments-section .all-featured-dev .featured-card{background: var(--dark-color);}
.featured-developments-section .all-featured-dev .featured-card .dev{font-size: 16px; margin-bottom: 28px; display: block; font-weight: normal; color: #797979;}
.featured-developments-section .all-featured-dev .featured-card .From{font-size: 18px; text-decoration: none; display: block; font-weight: normal; color: #797979;}
.featured-developments-section .all-featured-dev .pattern.right.bottom{bottom: -220px;}
.featured-developments-section .featured-images img{width: 100%; height: 394px; object-fit: cover; position: relative; z-index: 1;}
.featured-developments-section .featured-images {position: relative;}
.featured-developments-section .featured-images .common-btn{background-color: var(--primary-color); position: absolute; top: 20px; left: 20px; z-index: 1; border-color: var(--primary-color);  transition: var(--transition);}
.featured-developments-section .featured-images .common-btn:hover{background-color: var(--blue-color); border-color: var(--blue-color); transition: var(--transition);}
.featured-developments-section .featured-images .all-img{background-color: var(--dark-color); position: absolute; bottom: 20px; left: 20px; z-index: 1; display: flex; gap: 8px; padding: 8px 10px; align-items: center;}
.featured-developments-section .featured-images .all-img p,
.featured-developments-section .featured-images .all-img i{color: #fff; margin: 0; font-size: 16px;}
.featured-developments-section .featured-images{overflow: hidden; transition: var(--transition);}
.featured-developments-section .extra-fev{background: var(--dark-color);display: flex;justify-content: space-between;align-items: center;gap: 15px;width: 100%;transition: var(--transition);}
.featured-developments-section .all-featured-dev .featured-card .blue-card:hover .extra-fev{ visibility: visible; bottom: -62px; transition: var(--transition); opacity: 1;}
.featured-developments-section .extra-fev ul{ display: flex; align-items: center; gap: 15px;}
.featured-developments-section .extra-fev ul li{color: #fff; font-weight: 500; display: flex; align-items: center; gap: 8px; white-space: nowrap;}
.featured-developments-section .extra-fev .common-line-btn{border-color: var(--primary-color); color: var(--primary-color); transition: none;}
.featured-developments-section .extra-fev .common-line-btn:hover{transition: var(--transition); background: var(--primary-color); color: #fff;}
.featured-developments-section .extra-fev ul li img{filter: contrast(0);}
.featured-developments-section .view-more{display: table; margin: 0 auto; margin-top: 36px; background: var(--dark-color);padding: 10px 25px;}
.featured-developments-section .explore-developments-type{background: rgb(0,0,0); background: linear-gradient(180deg, rgb(22 42 61) 60%, #F0F0F0 40%);}
.featured-developments-section .don-miss-out{background-color: var(--primary-color); padding: 25px 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; position: relative; z-index: 1;}
.featured-developments-section .don-miss-out span{color: #fff; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; text-transform: uppercase;}
.featured-developments-section .don-miss-out p{color: var(--blue-color); margin: 0;}
.featured-developments-section .don-miss-out span img{filter: brightness(100);}
.featured-developments-section .slick-slide img{width: 100% !important; height: auto !important; object-fit: cover; aspect-ratio: .83;}
.featured-developments-section .explore-developments-type .explore-developments-slider{display: flex; gap: 53px;}
.featured-developments-section .slick-slide {margin: 0 25px;}
.featured-developments-section .slider {position: relative;}
.featured-developments-section .slider .name{ position: absolute; top: 0; left: 0; padding: 26px; width: 100%;}
.featured-developments-section .slider .name:after{content: ''; position: absolute; width: 100%; top: 0; left: 0; background: transparent linear-gradient(180deg, var(--dark-color) 0%, #162A3D00 100%) 0% 0% no-repeat ; height: 150px;}
.featured-developments-section .slider .name h3{position: relative; z-index: 1; color: #fff;}
.featured-developments-section.latest-listings{background: #F0F0F0; position: relative;}
.featured-developments-section.latest-listings .small-title h5{color: var(--blue-color);}
.featured-developments-section.latest-listings .all-featured-dev .featured-card .blue-card{background: #fff;}
.featured-developments-section.latest-listings .all-featured-dev .featured-card p{color: var(--blue-color);}
.featured-developments-section.latest-listings .extra-fev{background: #fff;}
.featured-developments-section.latest-listings .extra-fev ul li{color: var(--blue-color);}
.featured-developments-section.latest-listings .featured-images .all-img p{color: #fff;}
.featured-developments-section.latest-listings .featured-images img{height: 370px;}
.featured-developments-section.latest-listings .all-featured-dev{grid-template-columns:1fr 1fr 1fr 1fr; gap: 30px;}
.featured-developments-section.latest-listings {margin-bottom: 74px;}
.featured-developments-section.latest-listings .all-featured-dev .featured-card{background: #FFFFFF;}
.featured-developments-section.latest-listings .extra-fev ul{justify-content: space-between}

.featured-developments-section .featured-images .common-btn{padding: 8px 22px;}
.pattern{position: absolute;z-index: 0;filter: brightness(100);}
.pattern.right.bottom{bottom: 0;right: 0;}
.pattern.top.left{top: 0;left: 0; bottom: auto;}
.pattern.top.right{top: 0;right: 0; bottom: auto;}
.black{ filter: opacity(0.5) brightness(0);}

/* start-listing-otp-section */
.start-listing-otp-section .inner-area{background-color: var(--primary-color); padding: 76px; display: flex; gap: 114px; position: relative; }
.start-listing-otp-section h2{color: #fff; margin-bottom: 25px;}
.start-listing-otp-section .inner-area .content li,
.start-listing-otp-section .inner-area .content p{color: var(--blue-color); font-weight: 600; }
.start-listing-otp-section .inner-area .content ul{display: grid; grid-template-columns: 1fr 1fr; gap: 15px; font-size: 16px}
.start-listing-otp-section .inner-area .content .common-btn{margin-top: 25px;}
.start-listing-otp-section .inner-area .phone{width: 300px;}
.start-listing-otp-section .inner-area .phone img {position: absolute;top: 0;bottom: 0;margin: auto;}

.news-and-events-section .common-custom-container,
.start-listing-otp-section .common-custom-container{max-width: 1350px;}

/* news-and-events-section */
.news-and-events-section .small-title p{color: var(--blue-color);}
.news-and-events-section .full-screen{display: flex; justify-content: space-between; flex-wrap: wrap; border: solid 1px #E3E3E3; position: relative; margin-bottom: 35px;}
.news-and-events-section .content span{font-size: 16px !important; display: block; margin-bottom: 14px; line-height: 20px;}
.news-and-events-section .content h3{margin-bottom: 30px;}
.news-and-events-section .content p{margin-bottom: 30px; font-weight: 500;}
.news-and-events-section .full-screen .right-content{padding: 55px 44px; width: 30%;}
.news-and-events-section .img-left{width: 70%; position: relative;}
.news-and-events-section .img-left img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; object-position: top;}
.news-and-events-section .common-btn{background: var(--gray-color); border-color: var(--gray-color); color: #797979;}
.news-and-events-section .common-btn:hover{background: #797979; border-color: #797979; color: var(--gray-color);}
.news-and-events-section .category{position: absolute; top: 30px; left: 30px; z-index: 1;}
.news-and-events-section .three-col{display: grid; gap: 27px; grid-template-columns: 1fr 1fr 1fr;}
.news-and-events-section .img-box img{width: 100%; height: 227px; object-fit: cover}
.news-and-events-section .three-col .content{padding: 32px;}
.news-and-events-section .three-col .card{flex: 0 0 33.33%;}

.category{background: var(--gray-color); color: #797979; padding: 10px 15px;}

/* find-out-more-section */
.find-out-more-section{max-width: 1180px; margin: 0 auto;}
.find-out-more-section .project-marketing{display: flex; justify-content: center; align-items: stretch;}
.find-out-more-section .project-marketing .left{background: #26A9E0; padding: 32px 38px; width: 70%;}
.find-out-more-section .project-marketing .right{background: var(--dark-color); padding: 45px 74px; display: flex; align-items: center; width: 30%;}
.find-out-more-section .project-marketing .right img{width: 100%;}
.find-out-more-section .left p{color: #fff; font-size: 16px;}
.find-out-more-section h6{color: var(--blue-color); font-size: 15px; margin-bottom: 22px; font-weight: 600;}
.find-out-more-section p{ font-weight: 600;}


/* inner-search-section */
.inner-search-section {background: var(--blue-color);}
.inner-search-section .search-area{display: flex;  gap: 18px; justify-content: center;}
.inner-search-section .form{display: flex; align-items: center; gap: 18px; flex-wrap: wrap;}
.inner-search-section .nav-tabs{display: flex; align-items: center; flex-wrap: nowrap; border: none; background: var(--dark-color); padding: 5px;}
.inner-search-section .nav-tabs li a{display: flex; align-items: center; gap: 8px;}
.inner-search-section .nav-tabs a.active{background: #000000;}
.inner-search-section .nav-tabs a{background: var(--dark-color); padding: 10px 12px; border: none; color: #fff; font-size: 16px; color: #797979;}
.inner-search-section .form-group{margin: 0;}
.inner-search-section .form-control{ font-size: 16px; font-weight: 600; background: #fff !important; color: #797979 !important; padding-right: 30px; min-width: 250px;}
.inner-search-section .search-icon .common-btn {background: var(--dark-color); }
.inner-search-section .search-icon .common-btn:hover{background: var(--primary-color);}
.inner-search-section .clear-all{margin-left: 32px;}
.inner-search-section .clear-all .common-btn {color: #797979; text-decoration: underline; white-space: nowrap; padding: 8px 20px;}
.inner-search-section .clear-all .common-btn:hover {color: #fff; }

/* list-view-section */
.list-view-section{position: relative;}
.list-view-section .all-list{display: grid; grid-template-columns: 1fr 1fr; gap: 40px;}
.list-view-section .all-list .card{border:  1px solid #CCCCCC; margin: 0; position: relative; padding-bottom: 40px;}
.list-view-section .all-list .card .share-box{position: absolute; bottom: 0; width: 100%; z-index: 1;}
.list-view-section .all-list .card .title-box{padding: 10px 10px 30px 28px; display: flex; justify-content: space-between; gap: 15px; align-items: center;}
.banner-hero-slider{position: relative;}
.list-view-section .all-list .card .title-box .company-logo {width: 75px; height: 75px; position: relative;}
.list-view-section .all-list .card .title-box .company-logo img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; object-position: center;}
.list-view-section .all-list .card .title-box .title p{margin: 0;}
.list-view-section .all-list .card .title-box .title h3{margin-bottom: 5px; font-weight: 500; font-size: 20px}
.list-view-section .all-list .card .title-box .title p{font-weight: 400; color: var(--blue-color);}
.list-view-section .all-list .sliderr{position: relative; overflow: hidden;}
.list-view-section .all-list .sliderr img{transition: var(--transition); width: 100%; object-fit: cover; aspect-ratio: 2;}
.list-view-section .project-img-slider{position: relative;}
.list-view-section .project-img button {background: transparent;outline: none;border: none;width: 27px;height: 27px;background: #FFFFFF 0% 0%;opacity: 0.82;}
.list-view-section .project-img .s-arrow{position: absolute; padding: 10px; bottom: 0; left: 0;}
.list-view-section .project-details{padding: 28px; }
.list-view-section .project-details h3{margin-bottom: 15px; font-weight: 500;}
.list-view-section .house-details{display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 15px;}
.list-view-section .house-details ul{display: flex; justify-content: space-between; align-items: center; gap: 15px;}
.list-view-section .house-details ul li{display: flex; justify-content: space-between; align-items: center; gap: 15px; font-weight: 600; color: var(--dark-color);}
.list-view-section .house-details ul li p{margin: 0; font-weight: 600; color: var(--blue-color); font-weight: 400;}
.list-view-section .house-details ul.bold li p{font-weight: 700;}
.list-view-section .house-details.line{margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #CCCCCC;}
.list-view-section .project-img{position: relative;}
.list-view-section .project-img .all-img {background-color: var(--dark-color);position: absolute;bottom: 10px;right: 10px;z-index: 1;display: flex;gap: 8px;padding:4px 10px;align-items: center;}
.list-view-section .project-img .all-img p,
.list-view-section .project-img .all-img i {color: #fff;margin: 0;font-size: 16px;}
.share-box a{font-weight: 500; display: flex;justify-content: center;align-items: center;gap: 10px;}
.share-box li{background: #ccc; width: 100%; text-align: center; padding: 8px;}
.share-box ul{display: flex; align-items: center; justify-content: space-around;}
.share-box .share{background: #FAF8F8;}
.share-box .view{background: var(--blue-color);}
.share-box .view a{color: #fff;}
.share-box li{ transition: var(--transition);}
.share-box li i{position: relative; transition: var(--transition); left: 0;}
/* .share-box li:hover i{left: 10px; position: relative; transition: var(--transition);} */
.share-box .enquire{ background: var(--primary-color);}
.share-box .enquire a{color: #fff;}

/* project-detail-banner */
.project-detail-section{position: relative;}
.project-detail-slider .p-slider img,
.project-detail-slider .slick-slide{width: 100%; height: calc(100vh - 340px); object-fit: cover;}
.project-detail-slider .p-slider .category{position: absolute; z-index: 1; top: 70px; left: 70px; background: var(--primary-color); color: #fff;}

/* enquire-section */
.enquire-section{background: var(--blue-color);}
.enquire-section .com-logo{width: 175px; height: 175px;background: #fff; display: flex ;align-items: center;justify-content: center; aspect-ratio: 1;}
.enquire-section .com-logo img{width: 100%; height: auto; padding: 10px;}
.enquire-section .inner-content{display: flex; gap: 40px; align-items: center; justify-content: space-between; padding: 40px 0;}
.enquire-section .center-content *{color: #fff;}
.enquire-section .video-box .video{height: 81px; position: relative; padding: 10px;}
.enquire-section .video-box .video img{width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover;}
.enquire-section .video-box .watch{background: var(--dark-color); display: flex; gap: 15px; align-items: center; color: #fff; padding: 10px 15px; justify-content: center; position: relative;}
.enquire-section .video-box .watch i {position: relative; left: 0; transition: var(--transition);}
.enquire-section .video-box .watch:hover i {position: relative; left: 5px;  transition: var(--transition);}
.enquire-section .video-box .common-btn{background: var(--primary-color); border-color: var(--primary-color); width: 100%; margin-top: 23px;}
.enquire-section .video-box .common-btn:hover{background: var(--dark-color); border-color: var(--dark-color);}
.enquire-section .center-content .title{display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 50px; }
.enquire-section .center-content .title h1{font-size: 24px; line-height: normal;}
.enquire-section .center-content .title p{margin: 0;}
.enquire-section .project-data ul{display: flex; gap: 60px; justify-content: space-between;}
.enquire-section .project-data ul li span{font-size: 14px; display: block; margin-bottom: 10px;letter-spacing: 1.2px;}

.title-box{margin-bottom: 30px;}
.title-box p{color: var(--blue-color); margin-bottom: 10px; font-weight: 600;}

/* about-section */
.about-section .left .content p{font-weight: 500; color: var(--blue-color); max-width: 665px;}
.about-section .view-btn {margin-top: 50px;}
.about-section .view-btn{border-bottom: solid 1px #E3E3E3; padding-bottom: 20px; margin-bottom: 20px;}
.about-section .view-btn li{border-top: solid 1px #E3E3E3; margin-top: 20px; padding-top: 20px;}
.about-section .view-btn .common-btn{ width: 219px;}
.about-section .right{ width: 390px;}
.about-section .agent-box{border: solid 1px #E3E3E3;  width: 380px;}
.about-section .agent-box .title{background: var(--blue-color); padding: 20px; display: flex; gap: 20px; align-items: center;}
.about-section .agent-box .title .com-logo{width: 64px; height: 64px; position: relative; background: #fff; display: flex; justify-content: center; align-items: center;}
.about-section .agent-box .title .com-logo img{width: 100%; padding: 5px; inset: 0;}
.about-section .agent-box .title h5{color: #fff;}
.about-section .agent-box .agent-box{border: solid 1px #CCCCCC;}
.about-section .agent-details{display: flex; gap: 20px; }
.about-section .agent-details img{width: 80px;height: 80px; object-fit: contain;}
.about-section .agent-details .data span{color: var(--primary-color); display: flex; align-items: center; gap: 5px; margin-bottom: 8px;}
.about-section .agent-details .data span, .about-section .agent-details .data span a {color: var(--primary-color); font-size: 16px; font-weight: 500;}
.about-section .agent-details .data h5{font-weight: 700; color: var(--blue-color); margin-bottom: 8px; line-height: normal;}
.about-section .agent-details{border-bottom:solid 1px #E3E3E3; margin: 20px; padding-bottom: 20px;}
.about-section .agent-box .agent-details:last-of-type{border: none; padding-bottom: 0; }
.about-section .about-area{display: flex; justify-content: space-between; gap: 30px;}
.about-section .about-area .left{width: 100%}

/* features-section */
.features-section{background: var(--blue-color);}
.features-section .small-title h5{color: #fff;}
.features-section ul li{color: #fff; font-weight: 500; margin-bottom: 20px; position: relative; padding-left: 22px; min-width: 340px;}
.features-section ul li:after{content: ''; position: absolute; left: 0; top: 4px; width: 15px; height: 15px; background: url(../../assets/Images/check.svg) no-repeat; background-size: cover;}
.features-section ul{display: flex ;gap: 10px; flex-wrap: wrap;} /*justify-content: space-between;*/

/* gallery-section */
.gallery-section ul{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 33px;}
.gallery-section ul li{overflow: hidden;}
.gallery-section ul li img{ aspect-ratio: 1.8; object-fit: cover; background: #f1f1f1;}

/* available-configurations-section */
.available-configurations-section {background: var(--gray-color);}
.available-configurations-section table{background-color: #fff; width: 100%;}
.available-configurations-section table th{background-color: var(--dark-color); color: #fff; font-size: 14px; padding: 10px 15px;}
.available-configurations-section table th span{ display: flex; gap: 10px; align-items: center; font-weight: 500;}
.available-configurations-section table th span img{width: 16px; height: 18px;}
.available-configurations-section table th span.size img{ width: 12px;}
.available-configurations-section table td{color: var(--blue-color); font-size: 16px; padding: 15px; font-weight: 500; }
.available-configurations-section table th,
.available-configurations-section table td{ white-space: nowrap;}
.available-configurations-section table tbody tr { border-bottom: solid 1px  #E3E3E3; }
.available-configurations-section .common-btn{margin-top: 20px; }

/* downloads-section */
.downloads-section{background: var(--blue-color);}
.downloads-section .small-title h5{color: #fff;}
.downloads-section .common-btn{background-color: #fff; border-color: #fff; color: var(--blue-color);  width: 226px;}
.common-btn.icon{display: flex;gap: 10px;align-items: center; justify-content: space-between;}

/* location-section */
.location-section{position: relative;}
.location-section iframe{ width: 100%; filter: grayscale(100); margin-bottom: 40px; height: 100%;}
.location-section .map {width: 100%; height: 425px !important;}
.location-section .data p{margin: 40px 0 0 ; color: #000000;}
.location-section .common-btn{margin-top: 22px;}

/* request-information-section */
.request-information-section{background: var(--gray-color);}
.request-information-section .info-form-address{display: flex;justify-content: space-around;gap: 20px;}
.request-information-section .info-form-address .left,
.request-information-section .info-form-address .right{width: 50%;}
.request-information-section .request-form{ display: flex;row-gap: 10px;flex-wrap: wrap;justify-content: space-between; gap: 1%; row-gap: 10px;}
.request-information-section .form-control{color: #797979 !important; font-size: 14px; border: 1px solid #CCCCCC; padding: 10px 8px; background: #fff !important; font-weight: 600; height: auto;}
.request-information-section .form-control:focus{box-shadow: none; border-color: var(--primary-color);}
.request-information-section .form-group.arrow:after{top: -5px;}
.request-information-section .form-group{width: 49%;}
.request-information-section .form-group.message{width: 100%; }
.request-information-section .form-group{margin: 0;}
.request-information-section .form-group.message .form-control{height: 185px; resize: none;}
.request-information-section .right img{height: 100%; object-fit: cover; position: absolute; inset: 0; width: 100%;}
.request-information-section .right {position: relative;}
.request-information-section .common-btn{margin-top: 20px;}

/* watchVideo pop-up */
#watchVideo .close{padding: 0;font-size: 40px;line-height: 0;position: absolute;RIGHT: 0;opacity: 1;top: 0;font-weight: 500;background: #FFF;display: block;width: 30px;height: 30px;border-radius: 50%;z-index: 1; color: #000;}
#watchVideo .modal-header{padding: 0; border: none;}
#watchVideo .modal-content{padding: 0; border: none; background: transparent;}
#watchVideo .modal-body{padding: 0;}
#watchVideo iframe{height: calc(100vh - 200px);}
#watchVideo .modal-dialog{max-width: 80%; margin: 60px auto 0;}

.find-out-more-section .find_out_more {background: var(--blue-color); outline: none; border: solid 1px var(--blue-color); font-size: 16px; padding: 8px 40px; color: #fff; font-weight: 500; position: relative;}
.preloader{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #fff;z-index: 9999;}
.preloader #loader-content{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #4b7bec;font-size: 16px;}
.preloader #loader-content #loader-circle{width: 40px;height: 40px;background-color: #4b7bec;margin-left: auto;margin-right: auto;border-radius: 100%;-webkit-animation: scaleout 1s infinite ease-in-out;animation: scaleout 1s infinite ease-in-out;}
.preloader #loader-content span{display: block;margin-top: 16px;letter-spacing: 2px;}

@-webkit-keyframes scaleout {
0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
}

@keyframes scaleout {
0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
}

.project-detail-section .common-btn.pro{background-color: var(--primary-color);position: absolute; top: 70px; left: 104px;z-index: 1;border-color: var(--primary-color);transition: var(--transition); color: #fff; padding: 5px 20px;}

.keep-me-posted, .news-read-more, .find-out-more, .footer-send-btn, .sign-in {padding: 8px 20px !important;}
.all-img img{height: auto !important;}
.read-more {padding: 10px 30px !important;}
header {background-color: #ffffff;}
.font-22px {font-size: 22px !important;}


.listing_desc_pre{overflow: hidden; max-height: 300px; transition: max-height 0.5s ease-in-out;}
.listing_desc_pre.expanded{max-height: 10000px;overflow: auto;overflow-x: hidden;transition: max-height 1s ease-in-out;}
.read-more-and-arrow{display: flex; gap: 8px; align-items: center;}
.read-more-and-arrow svg{height: 12px; width: auto; transition: all .4s linear;}
.read-more-and-arrow.arrow-animation svg{transition: all .4s linear;}
.read-more-des{margin: 0; transition: all .4s linear; text-transform: capitalize;}


.slick-next.slick-arrow,
.slick-prev.slick-arrow,
.slick-next.slick-arrow:hover,
.slick-prev.slick-arrow:hover,
.slick-prev.slick-arrow:focus,
.slick-prev.slick-arrow:focus,
.slick-next.slick-arrow:focus{background-image: url(../../img/arrow-blue-left.png);background-color: var(--primary-color);padding: 10px;display: block;width: 45px;height: 45px;background-repeat: no-repeat;left: 0;background-size: 10px;background-position: center;}

.slick-next.slick-arrow::before,
.slick-prev.slick-arrow::before{display: none;}

.slick-next.slick-arrow,
.slick-next.slick-arrow:hover,
.slick-next.slick-arrow:focus{left: auto; right: 0; display: block; background-image: url(../../img/arrow-blue-right.png);}

.enquire-section .video-box.mobile-view{display: none; margin-bottom: 22px;}

.banner-section .mobile-view-text{display: none; padding: 10px; margin: 0; font-size: 16px;}

/* price-range multi select */
.price-range select[multiple] {width: 200px;height: auto;}
.price-range .select2-container--default .select2-search--inline .select2-search__field{    font-size: 16px;color: #797979 !important;font-weight: 600; margin: 0;}
.price-range .select2-container--default.select2-container--focus .select2-selection--multiple {border: solid #f0f0f0 1px;}
.price-range .select2-container--default .select2-selection--multiple .select2-selection__choice__display{font-size: 12px;}
.price-range .select2-container--default .select2-selection--multiple {border: 1px solid #F0F0F0;border-radius: 0;min-height: auto;padding: 12.5px 30px 12.5px 20px;}
.price-range.form-group {height: 46px;overflow: hidden; overflow-Y: auto;}
.price-range .select2-container--default .select2-selection--multiple .select2-selection__choice{background: #fff; margin: 0 0 2px;}
.price-range .select2-container--default .select2-selection--multiple .select2-selection__clear {position: absolute;color: #7d7d7d;margin: 0;width: 20px;height: 20px;background: #fff;font-size: 26px;display: flex;justify-content: center;align-items: center;z-index: 10;right: 5px;}

#listing-list-page .price-range.form-group {height: 40px;}
#listing-list-page .price-range .select2-container--default .select2-selection--multiple {padding: 10px 30px 12.5px 11px;}

/* mobile-search-area */
.mobile-search-area{margin-top: 20px;}
.mobile-search-area .common-btn:after,
.mobile-search-area .common-btn{background: var(--primary-color); border-color: var(--primary-color);}
.banner-section .mobile-search-area .filter{width: auto; background: transparent; padding: 0; backdrop-filter: none;}
.banner-section .mobile-search-area .filter .search-form{display: block;}
.banner-section .mobile-search-area .filter .form-group{margin-bottom: 15px;}
.banner-section .mobile-search-area .filter .search-form .form-control{min-width: 100%;}
.banner-section .mobile-search-area .filter .select-destination .form-group{margin-bottom: 0;}
.banner-section .mobile-search-area{display: none;}

/* resources-section */
.resources-section {background: #f1f1f1;}
.resources-section ul{display: flex; gap: 30px; align-items: center; flex-wrap: wrap;}
.resources-section ul h5{font-size: 24px;}
.common-btn.orange{background: var(--primary-color); border-color: var(--primary-color);}
.resources-section .common-section{padding: 60px 0;}

.w-90{ width: 90%; }
.w-95{ width: 95%; }