@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}
@font-face {
    font-family:'Helvetica Neue';
    src: url('../font/Helvetica Neue Bold.eot');
	src: url('../font/Helvetica Neue Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Helvetica Neue Bold.woff2') format('woff2'),
		url('../font/Helvetica Neue Bold.woff') format('woff'),
		url('../font/Helvetica Neue Bold.svg#Helvetica Neue Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('../font/ Neue Medium.eot');
	src: url('../font/Helvetica Neue Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/Helvetica Neue Medium.woff2') format('woff2'),
		url('../font/Helvetica Neue Medium.woff') format('woff'),
		url('../font/Helvetica Neue Medium.svg#Helvetica Neue Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('../font/Helvetica Neue Roman.eot');
	src: url('../font/Helvetica Neue Roman.eot?#iefix') format('embedded-opentype'),
		url('../font/Helvetica Neue Roman.woff2') format('woff2'),
		url('../font/Helvetica Neue Roman.woff') format('woff'),
		url('../font/Helvetica Neue Roman.svg#Helvetica Neue Roman') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

html, body {
  font-family:'Helvetica Neue';
  font-weight: 400;
  font-size:18px;
  line-height:1.5;
  padding:0;
  margin:0;
  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;
}

body.bg{position:relative; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
body.bg::before{content: ''; backdrop-filter: blur(17.799999237060547px); background: #00000094; width: 100%; height: 100%; position: fixed; z-index: 16; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

a {
  color:#000;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}
.md-10{margin: 0 -10px;}
.pd-10{padding: 0 10px;}
.md-7{margin: 0 -7px;}
.pd-7{padding: 0 7px;}
.md-50{margin-bottom: 50px;}
.container{max-width: 100%; padding: 0 64px;}
.main-wapper{padding-top: 0px;}

.sticky-button-block{position: fixed;  z-index: 15; right: 10px; bottom: 30%;}
.sticky-button-block a{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 6px 0 0 0;}
.sticky-button-block a img{width: 100%;}


.header-area{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2; padding: 30px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.header-area .container{display: flex; align-items: center; justify-content: space-between;}
.header-area .logo{width: 213px;}
.header-area .logo svg{width: 100%;}
.header-area .rightside{display: block; text-align: right;}
.header-area .rightside .top{display: flex; gap: 20px; align-items: center; justify-content: end; margin-bottom: 20px;}
.header-area .rightside .top .link{font-size: 12px; line-height: 13px; color: #24291F; font-weight: 400; display: flex; align-items: center; gap: 7px;}
.header-area .rightside .bottom{display: flex; gap: 25px; align-items: center;}
.header-area .rightside .bottom ul.menu-area{margin: 0px; padding: 0px; list-style: none; display: flex;}
.header-area .rightside .bottom ul.menu-area li{margin-left: 30px;}
.header-area .rightside .bottom ul.menu-area li a{font-size: 16px; line-height: 100%; color: #24291F; font-weight: 400;}
.header-area .rightside .bottom .btn-enquire{background: #006F6D; color: #fff; font-size: 16px; line-height: 100%; padding: 12px 32px; border-radius: 4px; font-weight: 400;}
.header-area .rightside .btn-search{width: 42px; height: 42px; border: #24291F 1px solid; background: transparent; display: flex; align-items: center; justify-content: center; padding: 0px; border-radius: 50%;}
.header-area .rightside .btn-menu{width: 52px; height: 52px; border: #fff 1px solid; background: #fff;  padding: 7px 15px; margin-left: 10px;}
.header-area .rightside .btn-menu span{background: #000; width: 20px; height: 2px; display: block; margin: 8px 0;}
header.fixed .header-area{background:#fff; padding: 15px 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;  z-index: 15; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);}

header.white-header .header-area{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2; padding: 30px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header.white-header .header-area .rightside .top .link{color: #fff;}
header.white-header .header-area .rightside .top .link svg path{fill: #fff;}
header.white-header .header-area .rightside .bottom ul.menu-area li a{color: #fff;}
header.white-header .header-area .rightside .bottom ul.menu-area li a:hover{color: #fff;}
header.white-header .header-area .rightside .bottom .btn-enquire{background: #fff; color: #000;}
header.white-header .header-area .rightside .bottom .btn-enquire:hover{background: #006F6D; color: #fff;}
header.white-header .header-area .rightside .btn-search{ border: #fff 1px solid; }
header.white-header .header-area .rightside .btn-search svg path{fill: #fff;}
header.white-header .header-area .logo img{filter: brightness(0) invert(1);}

header.white-header.fixed .header-area{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2; padding: 30px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
header.white-header.fixed .header-area .rightside .top .link{color: #24291F;}
header.white-header.fixed .header-area .rightside .top .link svg path{fill: #24291F;}
header.white-header.fixed .header-area .rightside .bottom ul.menu-area li a{color: #24291F;}
header.white-header.fixed .header-area .rightside .bottom ul.menu-area li a:hover{color: #24291F;}
header.white-header.fixed .header-area .rightside .bottom .btn-enquire{background: #006F6D; color: #fff;}
header.white-header.fixed .header-area .rightside .btn-search{ border: #24291F 1px solid; }
header.white-header.fixed .header-area .rightside .btn-search svg path{fill: #24291F;}
header.white-header.fixed .header-area .logo img{filter: brightness(1) invert(0);}


.hero-banner-area{ position: relative;  height: 100vh; }
.hero-banner-area .swiper-slide{width: 100%; height: 100vh; position: relative; overflow: hidden;}
.hero-banner-area .swiper-slide img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover;}
.hero-banner-area .search-properties{position: absolute; top: 50%; left: 20%; z-index: 3; width: 60%; text-align: center; margin-top: -135px;}
.hero-banner-area .search-properties h1{font-size: 42px; line-height: 56px; color: #00104E; text-transform: uppercase; font-weight: 400; text-align: center; margin: 0 auto 40px auto; width: 80%;}
.hero-banner-area .search-properties ul.nav{display: flex; justify-content: center; }
.hero-banner-area .search-properties ul.nav li .nav-link{background: #fff; border: none; font-size: 16px; line-height: 20px; position: relative; padding: 14px 30px; font-weight: 500; color: #00104E;border-bottom: #E5E8F3 1px solid;}
.hero-banner-area .search-properties ul.nav li:first-child .nav-link{border-radius: 4px 0 0 0;}
.hero-banner-area .search-properties ul.nav li:last-child .nav-link{border-radius: 0 4px 0 0;}
.hero-banner-area .search-properties ul.nav li .nav-link.active{color: #006F6D;}
.hero-banner-area .search-properties ul.nav li .nav-link.active::before{content: ''; position: absolute; bottom: -1px; left: 0px; background: #006F6D; height: 3px; width: 100%; border-radius: 4px 4px 0 0;}
.hero-banner-area .search-properties .tab-content{background: #fff; border-radius: 4px;}
.hero-banner-area .search-properties .form-area{display: flex;}
.hero-banner-area .search-properties .form-area .input-block:first-child{width: 27%; padding: 0px;}
.hero-banner-area .search-properties .form-area .input-block{width: 24%; padding: 0px;}
.hero-banner-area .search-properties .form-area .btn-search{background: #143267; width: 25%; border: none; padding: 18px 56px; font-size: 18px; line-height: 24px; color: #fff; font-weight: 500; border-radius: 12px; border: #fff 5px solid;}
.hero-banner-area .search-properties .form-area .btn-search svg{margin-left: 10px;}
.hero-banner-area .search-properties .form-area .input-block:first-child .btn-select{border-left: none; border-radius: 4px 0 0 4px;}
.hero-banner-area .search-properties .form-area .btn-select{border: none; border-left: #E5E8F3 1px solid; font-size: 16px; line-height: 20px; font-weight: 500; padding: 25px 30px; color: #24291F; border-radius: 0px; width: 100%; display: flex; align-items: center; justify-content: space-between; background: #fff;}
.hero-banner-area .search-properties .form-area .btn-select::after{border-top: .4em solid #24291F; border-right: .4em solid transparent; border-left: .4em solid transparent;}
.hero-banner-area .search-properties .form-area .btn-select.show::after{transform: rotate(180deg);;}
.hero-banner-area .search-properties .form-area .dropdown-menu{border-radius: 4px; padding: 10px; }
.hero-banner-area .search-properties .form-area .dropdown-menu li{padding: 1px 0;}
.hero-banner-area .search-properties .form-area .dropdown-menu .dropdown-item{border-radius: 20px; font-size: 16px; line-height: 40px; padding: 0px 5px;}
.hero-banner-area .search-properties .form-area .dropdown-menu .dropdown-item:hover,
.hero-banner-area .search-properties .form-area .dropdown-menu .dropdown-item.active{background: #006F6D; color: #fff; padding: 0px 20px;}

.hero-banner-area .quick-search{background: #fff; border-radius: 20px 20px 0 0; clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%); position: absolute; bottom: 0px; left: 50%; margin-left: -500px; z-index: 1; width: 1000px; padding: 12px 80px; justify-content: space-between; display: flex;}
.hero-banner-area .quick-search label{font-size: 14px; line-height: 18px; color: #006F6D; font-weight: 400; }
.hero-banner-area .quick-search a{font-size: 14px; line-height: 18px; color: #006F6D; text-decoration: underline; font-weight: 400;}
.hero-banner-area .contact-area{position: absolute; bottom: 30px; right: 40px; z-index: 1;}
.hero-banner-area .contact-area a{display: flex; position: relative;}
.hero-banner-area .contact-area a::before {content: ''; width: 22px; height: 22px; background: #006f6d; top: 15px; position: absolute; left: 43px;}
.hero-banner-area .contact-area a .icon{width: 52px; height: 52px; background: #006F6D; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.hero-banner-area .contact-area a .text{background: #006F6D; border-radius: 30px; font-size: 18px; line-height: 22px; font-weight: 500; color: #fff; padding: 15px 24px;}

.featured-properties-area{padding: 70px 0;}
.featured-properties-area .titlebar{display: flex; align-items: flex-start; padding-right: 300px; position: relative; margin-bottom: 40px;}
.featured-properties-area .titlebar h2{font-size: 40px; line-height: 48px; margin: 0px; font-weight: 400; color: #000000; padding-bottom: 25px; position: relative; width: 46%;}
.featured-properties-area .titlebar h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 58px; height: 3px; background: #006F6D;}
.featured-properties-area .titlebar p{font-size: 16px; line-height: 198%; font-weight: 400; color: #636363; margin: 0px; width: 54%;}
.featured-properties-area .titlebar .btn-explore{position: absolute; background: #143267; border: none; padding: 20px 50px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 500; border-radius: 5px; top: 10px; right: 0px;}
.featured-properties-area ul.properties-list{margin: 0px -16px; padding: 0px; list-style: none; display: flex;}
.featured-properties-area ul.properties-list li{width: 50%; padding: 0 16px;}
.featured-properties-area ul.properties-list li img{width: 100%;}
.featured-properties-area ul.properties-list li .properties-block{display: flex; border: #E5E8F3 1px solid; border-radius: 5px; overflow: hidden;}
.featured-properties-area ul.properties-list li .properties-block .photo-block{width: 47%; height: 390px; position: relative; overflow: hidden;}
.featured-properties-area ul.properties-list li .properties-block .photo-block img{width: 100%; height: 100%; object-fit: cover; transition: all .5s ease;}
.featured-properties-area ul.properties-list li .properties-block .content-block{width: 53%; display: flex; flex-direction: column; justify-content: space-between;}
.featured-properties-area ul.properties-list li .properties-block .content-block .top-part{border-bottom: #E5E8F3 1px solid; padding: 35px 45px;}
.featured-properties-area ul.properties-list li .properties-block .content-block .top-part .sub{font-size: 14px; line-height: 24px; color: #006F6D; font-weight: 400; margin: 0 0 20px 0; display: flex; justify-content: space-between; align-items: center;}
.featured-properties-area ul.properties-list li .properties-block .content-block .top-part .title{font-size: 18px; line-height: 146%; color: #000; font-weight: 500;}
.featured-properties-area ul.properties-list li .properties-block .content-block .bottom-part{padding: 35px 45px;}
.featured-properties-area ul.properties-list li .properties-block .content-block .bottom-part ol{margin: 0px; padding: 0px; list-style: none;}
.featured-properties-area ul.properties-list li .properties-block .content-block .bottom-part ol li{width: 100%; font-size: 18px; line-height: 31px; color: #636363; font-weight: 400; display: flex; align-items: center; gap: 12px; padding: 0px;}
.featured-properties-area ul.properties-list li .properties-block:hover .photo-block img{transform: scale(1.1); transition: all .5s ease;}

.latest-added-area{padding: 6px 0 120px 0;}
.latest-added-area .container{position: relative;}
.latest-added-area h2{font-size: 40px; line-height: 48px; margin: 0px; font-weight: 400; color: #000000; padding-bottom: 25px; position: absolute; }
.latest-added-area h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 58px; height: 3px; background: #006F6D;}
.latest-added-area .btn-explore{position: absolute; background: #143267; border: none; padding: 20px 50px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 500; border-radius: 5px; bottom: 6px; right: 64px;}
.latest-added-area ul.properties-list{margin: 0 -3px; padding:34px 0px 0px 0px; list-style: none; display: flex; flex-wrap: wrap;}
.latest-added-area ul.properties-list li{width: 50%; padding: 0 3px;}
.latest-added-area ul.properties-list li:nth-of-type(1){margin-top: 80px}
.latest-added-area ul.properties-list li:nth-of-type(4){margin-top: -80px}
.latest-added-area ul.properties-list li .properties-block{width: 100%; height: 416px; position: relative; overflow: hidden;}
.latest-added-area ul.properties-list li .properties-block img{width: 100%; height: 100%; object-fit: cover; transition: all .5s ease;}
.latest-added-area ul.properties-list li .properties-block::before{background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: 0px; left: 0px; width: 100%; height: 165px; content: ''; z-index: 1;}
.latest-added-area ul.properties-list li .properties-block .caption-main{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; padding: 18px 16px; z-index: 2;}
.latest-added-area ul.properties-list li .properties-block .caption-main .inside{border: #fff 1px solid; height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 16px; position: relative; align-items: flex-start; transition: all .5s ease;}
.latest-added-area ul.properties-list li .properties-block .caption-main .inside .tag{background: #fff;  font-size: 12px; line-height: 15px; font-weight: 500; padding: 10px 28px; border-radius: 30px; color: #000;}
.latest-added-area ul.properties-list li .properties-block .caption-main .inside .bottom{width: 100%;}
.latest-added-area ul.properties-list li .properties-block .caption-main .inside .title{font-size: 18px; line-height: 146%; color: #fff; font-weight: 500; margin: 0}
.latest-added-area ul.properties-list li .properties-block .caption-main .inside .info-list{display: flex; flex-wrap: wrap; width: 50%;}
.latest-added-area ul.properties-list li .properties-block .caption-main .inside .info-list .info{color: #fff; font-size: 14px; line-height: 20px; font-weight: 400; display: flex; align-items: center; gap: 8px; margin: 10px 20px 0 0;}
.latest-added-area ul.properties-list li .properties-block .caption-main .inside .price{position: absolute; bottom: 16px; right: 12px; color: #fff; font-size: 18px; line-height: 22px; font-weight: 700;}
.latest-added-area ul.properties-list li .properties-block:hover img{transform: scale(1.1); transition: all .5s ease;}
.latest-added-area ul.properties-list li .properties-block:hover  .caption-main .inside{padding:16px 16px 30px 16px; transition: all .5s ease;}

.who-we-are-area{width: 100%; position: relative; padding-top: 250px; padding-bottom: 20px;}
.who-we-are-area .photo-block{width: 100%; position: absolute; overflow: hidden; background-size: cover; padding: 115px 0 55px 0; top: 0px;}
.who-we-are-area .photo-block::before{background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: 0px; left: 0px; width: 100%; height: 232px; content: ''; z-index: 1;}
.who-we-are-area .photo-block .caption { position: absolute; top: 0px; right: 0px; background: #fff; border-radius: 0 0 0 4px; padding: 18px 25px; width: 28%; display: flex; align-items: center; justify-content: space-between; color: #000;}
.who-we-are-area .photo-block .container{display: flex; justify-content: end; z-index: 1; position: relative;;}
.who-we-are-area .photo-block .number-section{width: 44%; display: flex; flex-wrap: wrap;}
.who-we-are-area .photo-block .number-section .number{font-size: 40px; line-height: 120%; font-weight: 400; margin: 0 0 10px 0;}
.who-we-are-area .photo-block .number-section .label{font-size: 20px; line-height: 30px; font-weight: 400; margin: 0;}
.who-we-are-area .photo-block .number-section .block-1{width: 48%; background: #fff; margin-right: 4%; padding: 30px 32px; border-radius: 4px;}
.who-we-are-area .photo-block .number-section .block-2{width: 48%; background: rgba(26, 26, 26, 0.13); padding: 30px 32px; border-radius: 4px; backdrop-filter: blur(37px)}
.who-we-are-area .photo-block .number-section .block-2 .number,
.who-we-are-area .photo-block .number-section .block-2 .label,
.who-we-are-area .photo-block .number-section .block-3 .number,
.who-we-are-area .photo-block .number-section .block-3 .label{color: #fff;}
.who-we-are-area .photo-block .number-section .block-3{width: 100%; border: #E5E8F3 1px solid; margin-top: 16px; padding: 38px 32px; border-radius: 4px; position: relative;}
.who-we-are-area .photo-block .number-section .block-3 svg{position: absolute; bottom: 0px; right: 52px;}
.who-we-are-area .content-block{max-width: 748px; position: relative; z-index: 1; background: #fff; padding: 54px 48px 50px 65px;}
.who-we-are-area .content-block h2{font-size: 40px; line-height: 48px; margin: 0px 0px 28px 0px; font-weight: 400; color: #000000; padding-bottom: 25px; position: relative;}
.who-we-are-area .content-block h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 58px; height: 3px; background: #006F6D;}
.who-we-are-area .content-block p{font-size: 16px; line-height: 178%; color: #919191; font-weight: 400; margin: 0 0 28px 0;}
.who-we-are-area .content-block .btn-explore{background: #143267; border: none; padding: 20px 50px; font-size: 16px; line-height: 20px; color: #fff; font-weight: 500; border-radius: 5px;}

.communities-area{padding: 0px;}
.communities-area .titlebar{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 44px;}
.communities-area .titlebar h2{font-size: 40px; line-height: 48px; margin: 0px; font-weight: 400; color: #000000; padding-bottom: 25px; position: relative;}
.communities-area .titlebar h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 58px; height: 3px; background: #006F6D;}
.communities-area .titlebar .btn-view{border: #E5E8F3 1px solid; padding: 12px 34px; font-size: 14px; line-height: 16px; font-weight: 400; color: #000; border-radius: 4px; margin-bottom: 15px;}
.communities-area .titlebar .btn-view:hover{background: #006F6D; color: #fff;}
.communities-area ul.communities-list{margin: 0px; padding: 0px; list-style: none; display: flex;}
.communities-area ul.communities-list li{width: 25%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li:hover{width: 44%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li .community-block{display: block; width: 100%; height: 714px; position: relative; overflow: hidden;}
.communities-area ul.communities-list li .community-block img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition:all .5s ease}
.communities-area ul.communities-list li .community-block::before{content: ''; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 100%); position: absolute; bottom: 0px; left: 0px; width: 100%; height: 80%; z-index: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li .community-block .number{position: absolute; top: 60px; left: 30px; font-size: 30px; line-height: 120%; color: #fff; font-weight: 400; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li .community-block .arrow{position: absolute; top: 80px; right: 70px; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li .community-block .caption{position: absolute; bottom: -55px; left: 0px; width: 100%; padding: 55px 30px; z-index: 2;  transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li .community-block .caption h3{font-size: 30px; line-height: 120%; color: #fff; margin: 0px 0px 10px 0px; font-weight: 400;}
.communities-area ul.communities-list li .community-block .caption p{color: #fff; font-size: 16px; line-height: 178%; font-weight: 400; opacity: 0; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; margin: 0px; -webkit-box-orient: vertical;}
.communities-area ul.communities-list li:hover .community-block .caption{padding: 55px 50px; bottom: 0px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li:hover .community-block .caption p{opacity: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li:hover .community-block .arrow{opacity: 1; top: 60px; right: 50px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li:hover .community-block .number{left: 50px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}
.communities-area ul.communities-list li:hover .community-block::before{content: ''; background: #000000; background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); height: 100%; z-index: 1; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease;}

.why-invest-area{padding: 70px 0 0px 0;}
.why-invest-area .inside-blue{background: #00104E; display: flex; align-items: center;}
.why-invest-area .inside-blue .content{width: 48%; padding: 70px 40px 70px 78px;}
.why-invest-area .inside-blue .content h2{font-size: 40px; line-height: 48px; margin: 0px 0px 28px 0px; font-weight: 400; color: #fff; padding-bottom: 25px; position: relative;}
.why-invest-area .inside-blue .content h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 58px; height: 3px; background: #fff;}
.why-invest-area .inside-blue .content p{font-size: 16px; line-height: 178%; color: #fff; font-weight: 400; margin: 0 0 28px 0;}
.why-invest-area .inside-blue .content .btn-explore{background: #fff; border: none; padding: 20px 50px; font-size: 16px; line-height: 20px; color: #24291F; font-weight: 500; border-radius: 5px;}
.why-invest-area .inside-blue .content .btn-explore:hover{background:#006F6D; color:#fff}

.why-invest-area .inside-blue .photo-block{width: 52%; position: relative;}
.why-invest-area .inside-blue .photo-block img{width: 100%;}
.why-invest-area .inside-blue .photo-block::before{content: ''; background: #00104E; background: linear-gradient(90deg,rgba(0, 16, 78, 1) 0%, rgba(0, 16, 78, 0) 100%); position: absolute; top: 0px; left: 0px; width: 60%; height: 100%; z-index: 1;}

.logo-slider-area{padding: 35px 0;}
.logo-slider-area .logo-block{width: 100%; height: 65px; position: relative; overflow: hidden;}
.logo-slider-area .logo-block img{max-width: 80%; max-height: 80%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: contain; margin: auto; filter: grayscale(1); opacity: 0.3; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.logo-slider-area .logo-block:hover img{filter: grayscale(0); opacity: 1; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}


.insights-area{padding: 20px 0 60px 0;}
.insights-area .titlebar{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 44px;}
.insights-area .titlebar h2{font-size: 40px; line-height: 48px; margin: 0px; font-weight: 400; color: #000000; padding-bottom: 25px; position: relative;}
.insights-area .titlebar h2::before{content: ''; position: absolute; bottom: 0px; left: 0px; width: 58px; height: 3px; background: #006F6D;}
.insights-area .titlebar .btn-view{border: #E5E8F3 1px solid; padding: 12px 34px; font-size: 14px; line-height: 16px; font-weight: 400; color: #000; border-radius: 4px; margin-bottom: 15px;}
.insights-area .titlebar .btn-view:hover{background: #006F6D; color: #fff;}
.insights-area .insights-slider{position: relative;}
.insights-area .insights-slider .insight-block{display: block; width: 100%; border-radius: 5px; overflow: hidden; border: #E5E8F3 1px solid;}
.insights-area .insights-slider .insight-block .insight-photo{width: 100%; height: 300px; position: relative; overflow: hidden;}
.insights-area .insights-slider .insight-block .insight-photo img{width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition:all .5s ease}
.insights-area .insights-slider .insight-block .content-area{padding: 30px 32px;}
.insights-area .insights-slider .insight-block .content-area .date{font-size: 14px; line-height: 178%; font-weight: 400; color: #919191; margin: 0 0 14px 0;}
.insights-area .insights-slider .insight-block .content-area h3{font-size: 30px; line-height: 120%; color: #1E1E1E; font-weight: 400; margin: 0 0 14px 0;}
.insights-area .insights-slider .insight-block .content-area p{font-size: 16px; line-height: 178%; color: #919191; font-weight: 400; margin: 0px;}
.insights-area .insights-slider .insight-block:hover .insight-photo img{transform:scale(1.1); transition:all .5s ease;}


.newsletter-area{padding: 50px 0; background: #F8F8F8;}
.newsletter-area .d-flex{display: flex; justify-content: space-between; align-items: center;}
.newsletter-area h2{font-size: 34px; line-height: 154%; color: #000; font-weight: 400; margin: 0px; max-width: 720px;}
.newsletter-area .input-block{display: flex; width: 39%;}
.newsletter-area .input-block .form-control{border-radius: 0px; background: transparent; border:none; border-bottom: #000000 1px solid; padding: 0px;}
.newsletter-area .input-block .form-control:focus{box-shadow: none;}
.newsletter-area .input-block .btn-signup{background: #006F6D; border: none; border-radius: 4px; color: #fff; font-size: 16px; line-height: 32px; font-weight: 400; padding: 10px 32px; margin-left: 12px; transition:all .5s ease}
.newsletter-area .input-block .btn-signup:hover{background: #5f0308; transition:all .5s ease}

.footer-area{background: #00104E; padding: 75px 0 0px 0;}
.footer-area .first-row{display: flex; padding-bottom: 80px;}
.footer-area .block-1{width: 21%; padding-right: 85px;}
.footer-area .block-2{width: 20%;}
.footer-area .block-3{width: 21%;}
.footer-area .block-4{width: 14%;}
.footer-area .block-5{width: 24%;}
.footer-area h2{font-size: 30px; line-height: 175%; color: #fff; font-weight: 400; margin: 0px; text-decoration: underline; text-transform: uppercase;}
.footer-area h3{font-size: 18px; line-height: 100%; font-weight: 700; color: #fff; margin: 10px 0;}
.footer-area ul.link{margin: 0px; padding: 0px; list-style: none;}
.footer-area ul.link li a{font-size: 14px; line-height: 32px; color: #fff; font-weight: 400;}
.footer-area ul.link li a:hover{color: #fff;}
.footer-area .logo{width: 226px; margin: 10px 0 16px 0;}
.footer-area .logo img{width:100%}
.footer-area p{font-size: 14px; line-height: 29px; color: #fff; font-weight: 400; margin: 0 0 10px 0;}
.footer-area ul.social-link{display: flex; margin: 0px; padding: 0px; list-style: none;}
.footer-area ul.social-link li{margin-right: 20px;}
.footer-area ul.social-link li a svg path{fill: #fff;} 
.footer-area .copyright{display: flex; justify-content: space-between; align-items: center; padding: 40px 0; border-top: rgba(255, 255, 255, 0.39) 1px solid;}
.footer-area .copyright p{margin: 0px;}

/* About Us */

.about-top-banner { position: relative; overflow: hidden; width: 100%; height: 835px; margin-bottom: 85px;}
.about-top-banner img { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; }
.about-top-banner::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.44); z-index: 1; }
.about-top-banner .year-black-block { display: flex; justify-content: center; align-items: center; height: 100%; z-index: 2; position: relative; max-width: 735px;  margin: auto;}
.about-top-banner .year-black-block h1 {  font-family: 'Helvetica Neue'; font-weight: 500; font-size: 50px; line-height: 70px; letter-spacing: 0%; text-align: center; color: #FFFFFF; }
.about-section .gradient-block { background: linear-gradient(90deg, #00104E 0%, #006F6D 100%); display: flex; margin-bottom: 77px; }
.about-section .gradient-block .content-area { width: 50%; padding: 135px 182px 134px 148px; }
.about-section .gradient-block .right-area { width: 50%; min-height: 500px; }
.about-section .gradient-block .right-area .photo-block { width: 100%; height: 100%; position: relative; overflow: hidden; }
.about-section .gradient-block .right-area .photo-block img { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; }
.about-section .gradient-block .content-area h2 { font-weight: 500; font-size: 50px; line-height: 70px; letter-spacing: 0%; color: #FFFFFF; margin: 0 0 22px 0; }
.about-section .gradient-block .content-area ul { margin: 0px; padding: 0px; list-style: none; }
.about-section .gradient-block .content-area ul li { font-size: 20px; line-height: 38px; color: #fff; font-weight: 400; margin: 0px; }
.about-section .gradient-block .content-area p { font-weight: 400; font-size: 16px; line-height: 178%; letter-spacing: 0%; color: #fff;  }
.about-section .gradient-block .content-area p:last-child { margin: 0;}
.about-section .about-first-block  { padding:0 235px 0 320px;     margin-bottom: 75px;}
.about-section .about-first-block  p {  font-weight: 400; font-size: 18px; line-height: 178%; letter-spacing: 0%; text-align: start; color: #777777;}
.about-section .about-first-block p:last-child { margin: 0;}



/* Careers Page */

.inside-top-banner { padding: 216px 0 0 0; position: relative; overflow: hidden; }
.inside-top-banner::before { background: linear-gradient(90deg, #00104E 0%, #006F6D 100%); content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 839px; }
.inside-top-banner .container { position: relative; z-index: 1; }
.inside-top-banner .titlebar { display: flex; justify-content: space-between; margin: 0 0 40px 0; }
.inside-top-banner .titlebar h1 { font-weight: 500; font-size: 50px; line-height: 70px; letter-spacing: 0%; color: #FFFFFF; margin: 0;}
.inside-top-banner .photo-area { width: 100%; height: 670px; position: relative; overflow: hidden; }
.inside-top-banner .photo-area img { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; }
.inside-top-banner .bottombar { padding: 64px 38px 0 38px; }
.inside-top-banner .bottombar p { font-weight: 400; font-size: 18px; line-height: 178%; letter-spacing: 0%; text-align: center; color: #777777; }
.inside-top-banner .bottombar p:last-child { margin: 0;}
.inside-top-banner .titlebar .btn-white {border: #fff 1px solid; padding: 21px 24px; font-size: 16px; line-height: 20px; font-weight: 400; display: inline-flex; align-items: center; min-width: 135px; justify-content: space-between; color: #fff; text-transform: uppercase; }
.inside-top-banner .titlebar .btn-white:hover { background: #fff; padding: 21px 15px; color: #00104E; border: #fff 1px solid; }
.inside-top-banner .titlebar .btn-white svg path { fill: #fff; }
.inside-top-banner .titlebar .btn-white:hover svg path { fill: #00104E; }


.gradient-section { padding: 58px 0 72px 0; }
.apply-now-block { background: #F8F8F8; padding: 75px 0 108px 0; text-align: center; }
.apply-now-block h2 { margin: 0 0 46px 0; padding: 0 0 26px 0; position: relative; font-weight: 500; font-size: 50px; line-height: 120%; letter-spacing: 0%; text-align: center; color: #000000; }
.apply-now-block h2::before { content: ''; position: absolute; bottom: 0px; left: 50%; width: 56px; height: 3px; background: #000000; margin-left: -28px; }
.apply-now-block .center-form-area { max-width: 936px; margin: 0 auto; }
.apply-now-block .center-form-area .form-group { margin-bottom: 14px; position: relative; }
.apply-now-block .center-form-area .form-group .form-control { border-radius: 0px; height: auto; color: #000000; font-size: 20px; line-height: 178%; padding: 17px 37px 17px 37px; font-weight: 400; background: transparent; border: #000000 1px solid; }
.apply-now-block .center-form-area .form-group label { position: absolute; top: 18px; left: 30px; text-align: left; display: inline-block; padding: 0 7px; height: auto; line-height: 178%; font-size: 20px; font-weight: 400; color: #000000; margin: 0px auto; cursor: text; transition: all .15s ease-in-out; }
.apply-now-block .center-form-area .form-group .form-control:hover, .apply-now-block .center-form-area .form-group .form-control:focus { border: 1px solid #000; box-shadow: none; }
.apply-now-block .center-form-area .form-group .form-control:valid + label, .apply-now-block .center-form-area .form-group .form-control:focus + label { top: -7px; color: #000000; font-size: 12px; background: #f8f8f8; left: 16px;}
.apply-now-block .center-form-area .d-flex { margin: 0 0 20px 0; }
.apply-now-block .center-form-area .btn-submit {background: #00104E; border: 1px solid #00104E ; font-size: 20px; line-height: 178%; color: #ffffff; font-weight: 400; padding: 18px 83px; margin-top: 27px; }
.apply-now-block .center-form-area .btn-submit:hover { background: transparent; color: #00104E; border: #00104E 1px solid; }
.form-input--file { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; font-weight: 400; line-height: 178%; width: 100%; color: #000000; display: flex; align-items: center; justify-content: space-between; border: #000000 1px solid; padding: 17px 37px 17px 37px; }
.form-input--file .border { padding: 0px; border: none !important; }
.form-input--file .form-input-file { opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0; }



/* Our Blogs   */
.blog-top-area { padding: 217px 0 0 0; position: relative; overflow: hidden; }
.blog-top-area::before { background: linear-gradient(90deg, #00104E 0%, #006F6D 100%);  content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 835px; }
.blog-top-area .container { position: relative; z-index: 1; }
.blog-top-area .titlebar { display: flex; justify-content: space-between; margin: 0 0 40px 0; }
.blog-top-area .titlebar h1 { font-size: 50px; line-height: 70px; color: #fff; font-weight: 500; margin: 0px; }
.blog-hero { background: #F8F8F8; display: grid; grid-template-columns: repeat(2, 1fr); padding: 53px 52px 56px 54px; gap: 48px; }
.blog-hero .blog-hero-col a { display: flex; flex-direction: column; gap: 28px; }
.blog-hero .blog-hero-col a img { width: 100%; height: 444px; object-fit: cover; }
.blog-hero .blog-hero-col a h2 { font-weight: 400; font-size: 34px; color: #000000; line-height: 155%; letter-spacing: 0%; margin: 0;}
.blog-h-list { margin-top: 50px; margin-bottom: 65px; }
.blog-h-list .blog-list { margin: 0 -1.25%; padding: 0; list-style: none; display: flex; flex-wrap: wrap; }
.blog-h-list .blog-list li { width: 33.33%; padding: 0 1.25%; overflow: hidden; }
.blog-h-list .blog-list li a { text-decoration: none; display: block; width: 100%; height: auto; }
.blog-h-list .blog-list li a .photo { width: 100%; height: 100%; overflow: hidden; margin-bottom: 27px; }
.blog-h-list .blog-list li a .photo img { width: 100%; height: 100%; object-fit: cover; }
.blog-h-list .blog-list li a h2 { color: #000000; font-size: 20px; font-weight: 400; line-height: 135%; margin: 0; }


/* Blogs Details */

.blog-detail-container .blog-detail-content { padding: 45px 75px; margin-bottom: 72px; background-color: #F8F8F8; font-size: 16px; color: #919191; line-height: 30px; }
.blog-detail-container .blog-detail-content h2 { font-size: 34px; line-height: 155%; color: #000000; font-weight: 400; margin: 0 0 10px 0; }
.blog-detail-container .blog-detail-content h3 { font-size: 32px; line-height: 48px; color: #000000; font-weight: 400; margin: 0 0 10px 0; }
.blog-detail-container .blog-detail-content h4 { font-size: 30px; line-height: 45px; color: #000000; font-weight: 400; margin: 0 0 10px 0; }
.blog-detail-container .blog-detail-content h5 { font-size: 28px; line-height: 42px; color: #000000; font-weight: 400; margin: 0 0 10px 0; }
.blog-detail-container .blog-detail-content h6 { font-size: 26px; line-height: 39px; color: #000000; font-weight: 400; margin: 0 0 10px 0; }
.blog-detail-container .blog-detail-content p { font-size: 16px; color: #919191; line-height: 178%; margin-bottom: 25px; }
.blog-detail-container .blog-detail-content a { font-size: 16px; color: #5F0308; line-height: 178%; text-decoration: underline; }
.blog-detail-container .blog-detail-content p:last-child {margin: 0;}

/* Contact Us Page */
.contact-page { padding: 216px 0 56px 0; position: relative; overflow: hidden; background: linear-gradient(90deg, #00104E 0%, #006F6D 100%); }
.contact-page h1 { font-size: 50px; line-height: 70px; color: #fff; font-weight: 500; margin: 0px 0px 43px 0px; }
.contact-page .border-block { background: #fff; display: flex; }
.contact-page .border-block .half-block.left-block { background: #006F6D; padding: 59px 89px; position: relative;}
.contact-page .border-block .half-block.left-block::after {content: "" ; width: 320px; height: 363px; background: url(../images/find-us.svg) no-repeat center center; position: absolute; right: 37px; bottom: 9px;}
.contact-page .border-block .half-block { width: 50%; padding: 60px 70px 70px 70px; display: flex; justify-content: space-between; flex-direction: column; }
.contact-page .border-block .half-block h2 { font-size: 40px; line-height: 70px; color: #000000; font-weight: 400; margin: 0 0 8px 0; }
.contact-page .border-block .half-block.left-block  h2 { color: #fff; margin: 0 0 25px 0;}
.contact-page .border-block .half-block p { font-size: 20px; line-height: 165% ; color: #fff; font-weight: 400; margin: 0 0 39px 0; }
.contact-page .border-block .half-block.left-block span { font-family: Bricolage Grotesque; font-weight: 700; font-size: 20px; line-height: 165%; margin: 0 0 11px 0; display: block; color: #FFFFFF; }
.contact-page .border-block .half-block .info-block { margin-bottom: 8px;}
.contact-page .border-block .half-block .info-block , .contact-page .border-block .half-block .info-block a {  font-family: Bricolage Grotesque; font-weight: 400; font-size: 20px; line-height: 165%; color: #fff; }
.contact-page .border-block .half-block .info-block strong { font-weight: 700;}
.contact-page .border-block .half-block .form-group { margin-bottom: 19px; position: relative; }
.contact-page .border-block .half-block .form-group .form-control { border-radius: 0px; height: auto; color: #000000; font-size: 20px; line-height: 178%; padding: 18px 37px; font-weight: 400; background: transparent; border: #000000 1px solid; }
.contact-page .border-block .half-block .form-group label { position: absolute; top: 20px; left: 30px; text-align: left; display: inline-block; padding: 0 7px; height: auto; line-height: 178%; font-size: 20px; font-weight: 400; background: transparent; color: #000000; margin: 0px auto; cursor: text; transition: all .15s ease-in-out; }
.contact-page .border-block .half-block .form-group .form-control:hover, .contact-page .border-block .half-block .form-group .form-control:focus { border: 1px solid #000000; box-shadow: none; }
.contact-page .border-block .half-block .form-group .form-control:valid + label, .contact-page .border-block .half-block .form-group .form-control:focus + label { top: -12px; color: #000000; left: 18px; font-size: 13px; background: #fff; }
.contact-page .border-block .half-block .btn-submit { background: #00104E; border: #fff 1px solid; font-size: 20px; line-height: 178%; color: #FFFFFF; font-weight: 400; padding: 18px 96px; margin: auto; display: flex; }
.contact-page .border-block .half-block .btn-submit:hover { background: transparent; color: #00104E; border: #00104E 1px solid; }
.map-area { width: 100%; height: 556px; margin-bottom: 60px; }
.map-area iframe { width: 100%; height: 100%; }



/* Why invest in dubai */
.invest-top-banner { position: relative; overflow: hidden; width: 100%; height: 835px;  }
.invest-top-banner img { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; }
.invest-top-banner::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.27); z-index: 1; }
.invest-top-banner .year-black-block { display: flex; justify-content: center; align-items: center; height: 100%; z-index: 2; position: relative; max-width: 735px; margin: auto; }
.invest-top-banner .year-black-block h1 { font-family: 'Helvetica Neue'; font-weight: 500; font-size: 50px; line-height: 70px; letter-spacing: 0%; text-align: center; color: #FFFFFF;  margin: 0;}
.invest-details  { padding: 101px 112px;}
.invest-details p { font-size: 16px; line-height: 178%; color: rgba(145, 145, 145, 1); font-weight: 400;}
.invest-details p:last-child { margin: 0;}
 


/* Privacy policy  */
.privacy-policy { padding: 216px 0 0 0; position: relative; overflow: hidden; }
.privacy-policy::before { background: linear-gradient(90deg, #00104E 0%, #006F6D 100%); content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 410px; }
.privacy-policy .container { position: relative; z-index: 1; }
.privacy-policy .titlebar { display: flex; justify-content: space-between; margin: 0 0 40px 0; }
.privacy-policy .titlebar h1 { font-weight: 500; font-size: 50px; line-height: 70px; letter-spacing: 0%; color: #FFFFFF; margin: 0; }
.privacy-policy .policy-area { background: #F8F8F8; padding: 29px 74px 54px 74px; margin: 0 0 60px 0; }
.privacy-policy .policy-area h2 { font-size: 34px; line-height: 155%; color: #000000; font-weight: 400; margin: 25px 0 12px 0; }
.privacy-policy .policy-area p { font-size: 16px; line-height: 178%; color: #919191; font-weight: 400; margin: 0 0 20px 0; }
.privacy-policy .policy-area ol li { font-size: 16px; line-height: 28px; color: #919191; font-weight: 400; font-family: 'Helvetica'; }
.privacy-policy .policy-area ul li { font-size: 16px; line-height: 28px; color: #919191; font-weight: 400; font-family: 'Helvetica'; }


/* filter */

.filter-area{background: #F6F6F2; margin-top: 135px;}
.filter-area .search-block{width: 315px;}
.filter-area .search-block .form-control{background: #F3F3F3; border: none; font-size: 18px; text-align: center; line-height: 36px; height: auto; padding: 16px 10px; border-radius: 40px; color: #000; font-weight: 400;}
.filter-area .inside-filter{display: flex; justify-content: space-between; gap: 14px; padding: 16px 100px 16px 0px;  position: relative;}
.filter-area .inside-filter .input-block{width: 100%; }
.filter-area .inside-filter .btn-search{position: absolute; top: 16px; right: 0px; width: 90px; height: 72px; background: #00104E; border-radius: 4px; display: flex; align-items: center; justify-content: center; border: none;}
.filter-area .inside-filter .btn-search svg{width: 32px; height: 32px;}
.filter-area .inside-filter .form-select{border: #D5D5D5 1px solid; font-size: 16px; line-height: 20px; font-weight: 500; padding: 25px; border-radius: 40px;}
.filter-area .inside-filter .form-select:focus{box-shadow: none;}
.filter-area .inside-filter .btn-select{border: #D5D5D5 1px solid; background: #fff; color: rgba(190, 190, 190, 1); font-size: 16px; line-height: 20px; font-weight: 500; padding: 25px 15px; border-radius: 4px; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.filter-area .inside-filter .btn-select::after{border-top: .4em solid rgba(0, 111, 109, 1); border-right: .4em solid transparent; border-left: .4em solid transparent;}
.filter-area .inside-filter .btn-select.show::after{transform: rotate(180deg);;}
.filter-area .inside-filter .dropdown-menu{border-radius: 20px; padding: 10px; width: 100%;}
.filter-area .inside-filter .dropdown-menu li{padding: 1px 0;}
.filter-area .inside-filter .dropdown-menu .dropdown-item{border-radius: 20px; font-size: 16px; line-height: 40px; padding: 0px 5px;}
.filter-area .inside-filter .dropdown-menu .dropdown-item:hover,
.filter-area .inside-filter .dropdown-menu .dropdown-item.active{background: rgba(0, 111, 109, 1); color: #fff; padding: 0px 20px;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end{width: 500px; padding: 8px 26px 26px 26px;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .sub-label{font-size: 16px; line-height: 28px; color: #2A2A2A; font-weight: 600; margin: 10px 0 2px 0;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end ul.checklist{margin: 0px; padding: 0px; list-style: none; display: flex;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end ul.checklist li{margin-right: 8px;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .radio{ display: block; position: relative;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .radio input {position: absolute; opacity: 0;cursor: pointer; display: none;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .radio .checkmark {border:#000 1px solid; color: #000; font-size: 14px; line-height: 14px; padding: 11px 12px; min-width: 38px; display: block; border-radius: 10px; text-align: center;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .radio input:checked ~ .checkmark{background: rgba(0, 111, 109, 1); color: #fff; border: #006F6D 1px solid;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area{display: flex; align-items: center; margin-top: 14px;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area span{padding: 0 16px;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area .form-control,
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area .form-select{border: #000000 1px solid; font-size: 16px; line-height: 20px; font-weight: 500; padding: 25px; border-radius: 40px; color: #000;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area .form-control:focus,
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area .form-select:focus{box-shadow: none;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area .btn-select{border: #D5D5D5 1px solid; font-size: 16px; line-height: 20px; font-weight: 500; padding:14px 25px; border-radius: 40px; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area .btn-select::after{border-top: .4em solid rgba(0, 111, 109, 1); border-right: .4em solid transparent; border-left: .4em solid transparent;}
.filter-area .inside-filter .dropdown-menu.dropdown-menu-end .price-area .btn-select.show::after{transform: rotate(180deg);;}
.filter-area .inside-filter .dropdown-menu.small-dropdown{width: 200px;}
.filter-area .inside-filter .bottom-area{border-top: #D5D5D5 1px solid; padding-top: 12px; margin-top: 12px; display: flex; justify-content: space-between; }
.filter-area .inside-filter .bottom-area .btn-reset{background: #fff; border: #5f0308 1px solid; font-size: 14px; padding: 8px 18px; border-radius: 10px; color: #5F0308;line-height: 24px;}
.filter-area .inside-filter .bottom-area .btn-submit{background: #00104E; font-size: 14px; padding: 8px 18px; border-radius: 10px; color: #fff; border: none; line-height: 24px;}
 


/* properties listing */
.buy-properties-listing .titlebar { display: flex; justify-content: space-between; padding: 40px 0 50px 0;}
.buy-properties-listing .titlebar h2 { font-size: 50px; line-height: 67px; font-weight: 500; color: #000000; margin: 0;}

ul.properties-listing { list-style: none; padding: 0; margin: 0 0 70px 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px;}
ul.properties-listing li img { width: 100%; }
ul.properties-listing li .properties-block { display: flex; border: #D5D5D5 1px solid; border-radius: 0; overflow: hidden; }
ul.properties-listing li .properties-block .photo-block { width: 51%; height: 490px; position: relative; overflow: hidden; }
ul.properties-listing li .properties-block .photo-block img { width: 100%; height: 100%; object-fit: cover; transition: all .5s ease; }
ul.properties-listing li .properties-block .content-block { width: 49%; display: flex; flex-direction: column; }
ul.properties-listing li .properties-block .content-block .top-part { border-bottom: #DD55DD55 1px solid; padding: 50px 45px 90px 45px; }
ul.properties-listing li .properties-block .content-block .top-part .sub { width: fit-content; font-size: 14px; line-height: 100%; color: #fff; font-weight: 500; margin: 0 0 25px 0; background-color: #006F6D; padding: 10px 26px; border-radius: 50px; transition: all .5s ease; }
ul.properties-listing li .properties-block .content-block .top-part .title { font-size: 25px; line-height: 151%; color: #2A2A2A; font-weight: 700; }
ul.properties-listing li .properties-block .content-block .bottom-part { padding: 45px 45px 25px 45px ; }
ul.properties-listing li .properties-block .content-block .bottom-part h3 { font-weight: 700; font-size: 25px; line-height: 174%;  color: #006F6D; margin: 0 0 7px 0;}
ul.properties-listing li .properties-block .content-block .bottom-part p { font-size: 20px; line-height: 174%; color: #2A2A2A; font-weight: 400; margin: 0;} 
ul.properties-listing li .properties-block .content-block .bottom-part .info { font-size: 20px; line-height: 174%; font-weight: 400; color: #2A2A2A; display: flex; align-items: center; gap: 8px;}  
ul.properties-listing li .properties-block:hover .photo-block img { transform: scale(1.1); transition: all .5s ease; }
ul.properties-listing li .properties-block:hover .content-block .top-part .sub { background-color: #00104E; color: #fff; }
.buy-properties-listing .btn-view { border: 1px solid #000000; text-transform: uppercase; padding: 7px 67px; font-size: 16px; line-height: 51px; font-weight: 400; border: 1px solid #000000; border-radius: 4px; transition: all .5s ease; margin-bottom: 78px;}
.buy-properties-listing .btn-view:hover {background: #006F6D; color: #fff;  border-color: #006F6D; }
.sort-wrapper { background-color: #F6F6F2; border-radius: 4px; padding: 18px 18px 18px 20px; display: flex; align-items: center; gap: 8px;  min-width: 180px;  }
.sort-wrapper .sort-label { font-size: 18px; color: #000000; font-weight: 400; white-space: nowrap; }
.sort-wrapper .custom-sort-select { border: none; background-color: transparent; font-size: 18px; font-weight: 400;  line-height: 174%; color: #000; cursor: pointer; outline: none; padding-right: 20px;  -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230f5156'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e"); background-repeat: no-repeat;  background-position: right center; background-size: 26px; }
.filter-area .inside-filter .btn-select.show::after { transform: rotate(180deg); }
.custom-sort-dropdown { background-color: #F6F6F2;  padding: 8px 30px; border-radius: 4px;  display: inline-flex; align-items: center; }
.buy-properties-listing .sort-text { color: #000000; font-size: 18px; line-height: 174%; font-weight: 400; margin-right: 5px; }
.buy-properties-listing .custom-sort-dropdown .btn-select { background-color: transparent; border: none; color: #000; font-size: 18px; line-height: 174%; font-weight: 400; padding: 0; box-shadow: none; display: flex; justify-content: center; align-items: center; gap: 10px;}
.buy-properties-listing .custom-sort-dropdown .dropdown-menu { border-radius: 20px; padding: 10px; width: 100%; transform: translate(0px, 68px) !important;}
.buy-properties-listing .custom-sort-dropdown .dropdown-item { border-radius: 15px; font-size: 15px; padding: 10px 15px; color: #333; font-weight: 500; transition: all 0.3s ease-in-out;  }
.buy-properties-listing .custom-sort-dropdown .dropdown-item:hover, 
.buy-properties-listing .custom-sort-dropdown .dropdown-item:active,
.buy-properties-listing .custom-sort-dropdown .dropdown-item:focus { background-color: rgba(0, 111, 109, 1);  color: #fff !important; padding-left: 25px; }
.buy-properties-listing .custom-sort-dropdown .dropdown-toggle::after { border-top: .4em solid rgba(0, 111, 109, 1); border-right: .4em solid transparent; border-left: .4em solid transparent; }
.buy-properties-listing .custom-sort-dropdown .dropdown-toggle.show::after { transform: rotate(180deg); }



/* Property Detail */
.property-detail { padding-top: 139px; }
.property-info-section { display: flex; position: relative; align-items: flex-start; }
.property-info-section .leftside { width: 67%; padding-right: 30px; }
.property-info-section .person-detail { width: 33.33%; position: sticky; top: 138px; border: 1px solid #DFDFDF; padding: 32px; background: #F6F6F2; margin-bottom: 60px; }
.image-gallery-area { margin: 0 0 20px 0; position: relative;}
.image-gallery-area .md-7 { margin: 0 -7px; }
.image-gallery-area .pd-7 { padding: 0 7px 0 12px; }
.image-gallery-area .large-photo { width: 100%; height: 539px; position: relative; overflow: hidden; margin-bottom: 14px; }
.image-gallery-area .large-photo img { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition: all .5s ease; }
.image-gallery-area .small-photo { width: 100%; height: 262px; position: relative; overflow: hidden; margin-bottom: 14px; }
.image-gallery-area .small-photo img { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; object-fit: cover; transition: all .5s ease; }
.image-gallery-area .small-photo.view-all::before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #0000005C; z-index: 1; }
.image-gallery-area .small-photo.view-all .btn-view { position: absolute; background: #fff; z-index: 1; font-size: 16px; font-weight: 500; line-height: 100%; padding: 18px 28px; border-radius: 50px; left: 50%; margin: -28px 0 0 -90px; top: 50%; }
.image-gallery-area .small-photo.view-all .btn-view:hover { background: #006F6D; color: #fff; }
.image-gallery-area .back-btn a { position: absolute; top: 0; background: #FFFFFF; width: 42px; height: 42px; border-radius: 50%; display: flex; justify-content: center; align-items: center; top: 32px; left: 32px; }
.property-titlebar h1 { font-size: 50px; line-height: 131%; font-weight: 700;  color: #00104E; margin: 0 0 20px 0;}
.property-titlebar p { font-size: 24px; line-height: 151%; font-weight: 400; color: #00104E; margin: 0 0 30px 0; }
.property-titlebar .inner-flex { display: flex; justify-content: space-between; align-items: center;}
.property-titlebar .inner-flex .left-side { display: flex; gap: 12px;}
.property-titlebar .inner-flex a { background-color: #F6F6F2; font-size: 24px; line-height: 100%; color: #000000; padding: 13px 28px; display: flex; gap: 2px;     align-items: center; border-radius: 50px;}
.property-titlebar .inner-flex a.btn-cyan { background-color: #006F6D; color: #fff;}
.property-titlebar .inner-flex a.btn-blue { width: 66px; height: 66px; display: flex; align-items: center; justify-content: center; background: #00104E; padding: 0; }
.property-info-section .line { width: 100%; height: 1px; background: #DFDFDF; margin: 35px 0; }
.property-info-section .detail-block { margin: 0 0 30px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.property-info-section .detail-block.show { display: block;}
.property-info-section .detail-block p:last-child { margin: 0px;}
.property-info-section p { font-size: 18px; line-height: 169%; color: #00104E; font-weight: 400; margin: 0 0 30px 0; }
.property-info-section .btn-more { font-size: 16px; line-height: 151%; color: #006F6D; font-weight: 400; position: relative; }
.property-info-section .btn-more::before {content: ''; position: absolute; right: -22px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #006F6D; top: 8px; }
.property-info-section .btn-more::after { content: 'More details'; }
.property-info-section .btn-more.less::after { content: 'Less details'; }
.property-info-section .btn-more.less::before { transform: rotate(180deg); }
.property-info .property-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 50px; margin-bottom: 60px;}
.property-info .property-info-grid .info-list { font-size: 18px; line-height: 174%; color: #2A2A2A; font-weight: 400; display: flex; justify-content: space-between; align-items: center; } 
.property-info .property-info-grid .info-list span { color: #006F6D;}
.info-property {  margin: 0 0 36px 0; background: linear-gradient(90deg, #006F6D 0%, #00104E 100%); display: flex; justify-content: space-evenly; height: 217px; align-items: center; }
.info-property .info-property-list a { display: flex; flex-direction: column; gap: 16px; align-items: center; }
.info-property .info-property-list a .name { font-size: 16px; line-height: 174%; font-weight: 400; color: #FFFFFF;}
.border-line {width: 1px; height: 97px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%); border: none;}
.property-info-section ul.amenitie-list { margin: 0px; padding: 0px; list-style: none; display: grid; grid-template-columns: repeat(6, 1fr); column-gap: 38px; row-gap: 46px; }
.property-info-section ul.amenitie-list li { display: flex; flex-direction: column; align-items: center; gap: 28px; font-size: 20px; line-height: 174%; font-weight: 400; color: #2A2A2A; text-align: center;}
.property-info-section ul.amenitie-list li img { width: 54px; height: 54px; }
.property-info-section h2 { font-size: 35px;  line-height: 151%; color: #2A2A2A; font-weight: 400; margin: 0 0 32px 0;}
.property-info-section .map-area { width: 100%; height: 346px;}
.property-info-section .person-detail .btn-area { display: flex; gap: 11px; align-items: center; margin-bottom: 38px;}
.property-info-section .person-detail .btn-area .btn-block {display: flex; gap: 6px; justify-content: center; align-items: center; border-radius: 4px;  padding: 11px 10px; width: 100%; background-color: #FFFFFF; font-size: 16px; line-height: 32px; font-weight: 400; color: #000000; border-radius: 4px;}
.property-info-section .person-detail .btn-area .btn-block.btn-wp { background-color: #00CA7D; }
.person-detail .form-group { margin-bottom: 19px; position: relative; }
.person-detail .form-group .form-control { border-radius: 4px; height: auto; color: #000000; font-size: 16px; line-height: 32px; padding: 18px 23px; font-weight: 400; background: transparent; border: 1px solid #BEBEBE; }
.person-detail .form-group label { position: absolute; top: 20px; left: 15px; text-align: left; display: inline-block; padding: 0 7px; height: auto; line-height: 178%; font-size: 16px; line-height: 32px; background: transparent; color: #000000; margin: 0px auto; cursor: text; transition: all .15s ease-in-out; }
.person-detail .form-group .form-control:hover, .person-detail .form-group .form-control:focus { border: 1px solid #000000; box-shadow: none; }
.person-detail .form-group .form-control:valid + label, .person-detail .form-group .form-control:focus + label { top: -12px; color: #00104E; left: 18px; font-size: 13px; background: #f6f6f2;}
.person-detail .btn-submit { background: #00104E; border: #00104E 1px solid; font-size: 16px; line-height: 32px; color: #FFFFFF; font-weight: 400; padding: 18px 96px; margin: auto; display: flex; width: 100%; border-radius: 4px; }
.person-detail .btn-submit:hover { background: transparent; color: #00104E; border: #00104E 1px solid; }
.related-project h2 { font-size: 50px; font-weight: 500; line-height: 67px; color: #000000; margin: 0 0 53px 0; }





/* Modal Popup */
.enquire-now-design .modal-content { border-radius: 0;}
.enquire-now-design .inner-flex { display: flex; }
.enquire-now-design .inner-flex .leftside { width: 45%; }
.enquire-now-design .inner-flex .rightside { width: 55%; padding: 45px 55px; }
.enquire-now-design .inner-flex .leftside img { width: 100%; height: 100%; object-fit: cover; }
.enquire-now-design .form-content h2 {  font-weight: 400; font-size: 30px; line-height: 120%; text-align: center; position: relative; margin-bottom: 28px; padding-bottom:20px ;  display: flex; justify-content: center; }
.enquire-now-design .form-content h2::after { content: ""; width: 57px; height: 2px; position: absolute; bottom: 0px; left: auto;  background: #006F6D; }
.enquire-now-design .form-content .form-group .custom-input { font-size: 16px; line-height: 198%; font-family: 400; color: #636363; padding: 0 0 19px 0;  border: none; border-bottom: 1px solid #C5C5C5; border-radius: 0; padding-left: 0;} 
.enquire-now-design .form-content .form-check-flex { display: flex; gap: 38px; margin-bottom: 38px; }
.enquire-now-design .form-content .form-group .custom-input:focus { box-shadow: none; border-color: #143267; }
.enquire-now-design .form-content .form-check-flex .form-check-input { border: 0.5px solid #C5C5C5; border-radius: 0; }
.enquire-now-design .form-content .form-check-flex  .form-check-input:checked {  background-color: #143267; border-color: #143267; }
.enquire-now-design .form-content .form-check-flex.form-check-label { font-size: 16px; color: #636363; font-weight: 400; line-height: 198%; }
.enquire-now-design .form-content .form-group  { margin-bottom: 20px;}
.enquire-now-design .form-content .form-group:last-child { margin-bottom: 0;}
.enquire-now-design .form-content .form-group .btn-area { border-radius: 4px; background-color: #143267; border: none; font-size: 16px; line-height: 100%; margin: auto; font-weight: 500; padding: 20px 62px; display: flex; color: #fff; }
.enquire-now-design .inner-flex .btn-close { position: absolute; right: 50px; background-size: 15px; z-index: 111;}


@media (min-width: 1200px) {
    .modal-custom-width { max-width: 1139px !important; width: 100%;  margin: 0 auto;  }
}