@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
::-webkit-scrollbar {
width: 0.8rem;
}
::-webkit-scrollbar-thumb {
background: #141D46;
border-radius: 99vmax;
/*border: 2px solid #0e163b;*/
}
::-webkit-scrollbar-track {
background: #bbc1d8;
border-radius: 30px;
}
body {
font-family: 'Poppins', sans-serif;
font-weight: normal;
font-style: normal;
background: #fff;
}
body.custom-white-bg{
background: #fff;
}
a {
list-style: none;
text-decoration: none;
color: #504C4C;
}
p {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.065em;
color: #353535;
}
ul {
margin: 0;
}
ul li {
list-style: none;
}
h1,
h2 {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 40px;
color: #00356F;
}
section {
padding: 6rem 0;
}
.fa-rotate-50{    
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
}
.phone-ico:hover > .fa-rotate-50{
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
transition: 0.4s;
}
.text-start{
text-align: left !important;
}
/*  */
.navBar-elysian{
background: transparent;
}
.navBar-elysian .navActionBtn {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 14px;
padding: 10px 20px;
text-align: center;
text-transform: capitalize;
color: #000;
background: transparent;
border: 1px solid rgb(0 0 0 / 58%);
border-radius: 20px;
}
.navBar-elysian.nav-coustom .nav-item .nav-link, .navBar-elysian.nav-coustom .navActionBtn, .navBar-elysian.nav-coustom .nav-item .nav-link.active{
color: #fff !important;
}
.navBar-elysian.nav-coustom .navActionBtn{
border: 1px solid rgb(255 255 255 / 58%);
}
.navBar-elysian .nav-item .nav-link, .navBar-elysian .nav-item .nav-link.active{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #000;
text-transform: capitalize;
}
.navBar-elysian .nav-item .nav-link:hover{
color: #fff;
}
.bg-custom-nav{
background-color: #383333!important;
}
.site-logo{
width: 100px;
}
.check-primary-btn{
text-transform: capitalize;
background-color: #141D46;
color: #fff;
border: 1px solid #141D46;
}
.bedroom-card h5{
font-family: 'ActaHeadlineW00-Bold';
font-style: normal;
font-weight: 700;
font-size: 25.2672px;
line-height: 120.5%;
color: #141D46;
}
.bedroom-card p{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14.7568px;
line-height: 19px;
color: #212121;
}
.check-primary-btn:hover{
color: #fff;
}
.main-sec h2{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 50px;
color: #fff;
}
.main-sec h5{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 30px;
text-align: center;
color: #FFFFFF;
}
.main-sec p{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
color: #212121;
}
.main-sec .main-sec-form{
background-color: #fff;
border-radius: 0px;
box-shadow: 0px 11px 28px rgba(0, 0, 0, 0.47);
backdrop-filter: blur(16.3578px);
border-radius: 10.2236px;
}
.main-sec .main-sec-form .search-btn p{
font-size: 14px !important;
}
.main-sec .main-sec-form .search-btn .fa-search-ico{
font-size: 15px;
}
.main-sec .main-sec-form .search-btn{
text-transform: capitalize;
background-color: #00356F;
color: #fff !important;
height: 43px !important;
}
.main-sec .main-sec-form .search-btn p{
text-transform: capitalize;
color: #fff !important;
}
.main-sec .main-sec-form .search-btn p{
color: #fff;
}
.main-sec .main-sec-form select.select-option-dropdown{
color: #00356F;
background-image: url(../images/arrow-down-ico.svg) !important;
background-size: 12px;
border:0;
}
.main-sec .main-sec-form input,.main-sec .main-sec-form span {
color: #AAAAAA;
border: 0.6px solid rgb(0 0 0 / 20%);
}
.main-sec .main-sec-form input::placeholder {
color: #141D46;
opacity: 1;
}
.main-sec .main-sec-form input:focus {
outline: 0;
}
.main-sec .main-sec-form input:link:focus, .main-sec .main-sec-form input:visited:focus {
outline: none;
}
.main-sec .main-sec-form select.select-option-dropdown option{
color: #000;
}
.main-sec .main-sec-form .fa-icon{
color: #000;
}
.palm-prop{
background-color: #F9F9F9;
}
.palm-prop h2{
font-family: 'ActaHeadlineW00-Bold';
font-style: normal;
font-weight: 700;
font-size: 42px;
line-height: 120.5%;
color: #141D46;
}
.palm-prop.sec-last-sec .custom-nav-pill li.nav-item a.nav-link{
background-color: #F4F4F4;
}
.palm-prop .custom-nav-pill li.nav-item a.nav-link{
background-color: #fff;
}
.palm-prop .custom-nav-pill li.nav-item a.nav-link.active{
background-color: #141D46;
}
.offplan h2{
font-family: 'ActaHeadlineW00-Bold';
font-style: normal;
font-weight: 700;
font-size: 42px;
line-height: 120.5%;
color: #141D46;
}
.slider-owl .owl-nav{
position: absolute;
top: 0;
right: 0;
}
.slider-owl .owl-carousel .owl-nav button.owl-next{
border-radius: 50%;
}
.slider-owl .owl-carousel .owl-nav button.owl-prev{
border-radius: 50%;
}
.slider-owl .owl-carousel .owl-nav button.owl-next, .slider-owl .owl-carousel .owl-nav button.owl-prev{
border: 1px solid #DDDDDD;
line-height: normal !important;
margin: 0 5px;
padding: 10px 15px !important;
font-size: 18px;
transition: 0.4s;
}
.slider-owl .owl-carousel .owl-nav button.owl-next{
background: #141D46;
color: #fff;
}
.slider-owl .owl-carousel .owl-nav button.owl-next:hover, .slider-owl .owl-carousel .owl-nav button.owl-prev:hover{
background: #141D46;
color: #fff;
}
.slider-owl .itm-owls small.vla{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
color: #212121;
}
.slider-owl .itm-owls small.vlanew{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
color: #212121;
}
.slider-owl .itm-owls .card-villa{
cursor: pointer;
box-shadow: none;
}
.card-villa span.itm-badge{
background: #141D46;
color: #fff;
top: 10px;
left: 10px;
}
.slider-owl .itm-owls .card-villa small.itm-small{
font-size: 9px;
}
.slider-owl .itm-owls .card-villa img.ico-itm{
width: 15px;
}
.card-villa.card-slide .card-body .hover-btn{
display: none;
}
.card-villa.card-slide:hover > .card-body{
/* height: 550px; */
background-color: #fff;
}
.card-villa.card-slide .card-body{
background-color: #F8F8F8;
}
.card-villa.card-slide:hover > .card-body .hover-btn{
display: block;
}
.card-villa.card-slide:hover > .card-body .hover-btn.two-btn{
display: flex;
justify-content: space-between;
}
.check-transperant-btn{
color: #141D46;
background-color: transparent;
}
.wa-ico{
width: 15px !important;
}
.slider-owl .itm-owls h5.card-title{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 17px;
color: #212121;
}
.slider-owl .itm-owls h3.rate{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 22px;
color: #212121;
}
.see-more{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
text-align: center;
text-decoration-line: underline;
color: #141D46;
cursor: pointer;
}
.communities h2{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
text-align: left;
color: #00356F;
}
.communities .money-ico{
width: 100px;
margin: auto;
}
.communities .card h5{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18.4764px;
text-align: center;
color: #00356F;
}
.communities .card.comm-card {
transition: transform .8s;
border: 1.02236px solid rgba(0, 53, 111, 0.5) !important;
}
.communities .card.comm-card:hover {
transform: scale(1.06);
box-shadow: 0px 11px 28px rgb(0 0 0 / 14%);
backdrop-filter: blur(16.3578px);
}
.img-card .card-img-overlay{
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 34%);
}
.owl-carousel .owl-nav{
display: block !important;
}
.desirable .owl-carousel .owl-nav{
display: block !important;
bottom: -70px !important;
top: auto;
}
.img-slider .title-sec{
bottom: 0;
text-align: center;
background: #fff;
margin-top: auto;
left: 0;
padding: 15px 5px;
}
.img-slider .title-sec h5.card-title{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 120.5%;
color: #152131;
}
.communities.communities-items{
background: #F8F8F8;
}
.communities.communities-items p.see-more{
text-decoration: underline;
cursor: pointer;
text-transform: uppercase;
}
.uppercase{
text-transform: uppercase !important;
}
footer,.after-footer{
background: #001935;
color: #fff;
}
footer ul.soc-ico-ul li{
color: #fff;
border-radius: 50%;
padding: 10px;
border-radius: 50%;
height: 37px;
width: 37px;
font-size: 17px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px;
}
footer ul.soc-ico-ul li img{
color: #bdc2d7;
font-size: 20px;
}
footer ul.soc-ico-ul li:hover > a img{
color: #fff;
font-size: 14px;
}
footer ul.soc-ico-ul li:hover {
cursor: pointer;
border-color:#ffff;
transform: scale(1.1);
/* background: rgb(49 178 172 / 38%); */
color: #fff;
transition: 0.5s;
}
footer h3{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: #D1AA61;
}
footer ul li a, footer ul li a.see-more{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
color: #FFFFFF;
}
footer ul li a:hover{
color: #fff
}
footer ul li a.see-more{
text-decoration: underline;
}
footer a{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 20px;
text-transform: uppercase;
color: #FFFFFF;
}
footer .soc-ico{
font-size: 25px;
}
footer p{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
color: rgba(255, 255, 255, 0.8);
}
footer .foot-ing{
object-fit: cover;
}
.after-footer p,.after-footer ul li a{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 13px;
color: rgba(255, 255, 255, 0.6);
}
.after-footer ul li.tearms a{
border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.after-footer .border-right{
border-right: 1px solid  rgba(255, 255, 255, 0.6);
}
.after-footer p:hover,.after-footer ul li a:hover{
color: #fff;
}
/*  */
.field-sec{
border-top: 1px solid #E5E5E5;
}
.field-sec select{
font-size: 13px;
}
.field-sec .find-btn{
background: #141D46;
color: #fff;
font-size: 15px;
padding: 12px;
width: 100%;
text-transform: capitalize;
}
.field-sec .nav-flow small.active{
color: #CDA716;
}
.Itm-types .itm-box{
background: #fff;
}
.Itm-types .itm-box p{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #141D46;
}
.Itm-types .itm-box h5{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
text-decoration-line: underline;
color: #141D46;
cursor: pointer;
}
.sort-picking h3{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 22px;
letter-spacing: -0.02em;
color: #141D46;
}
.sort-picking select{
max-width: 180px;
}
.listing-itm-type-1{
cursor: pointer;
transition: 0.4s;
}
.listing-itm-type-1 .card.card-slide{
background: #F8F8F8;
}
.listing-itm-type-1:hover > .card-villa .card-body .reg-learn-btn {
/* transition: 0s; */
display: block;
}
.listing-itm-type-1:hover > .card-villa img.itm-img {
/* transition: 0.5s; */
height: 200px;
}
.listing-itm-type-1 small.vla{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 11px;
color: #CDA716;
}
.listing-itm-type-1 h5.card-title{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
color: #00356F;
}
.listing-itm-type-1 h6{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 19.1617px;
text-transform: uppercase;
color: #353535;
}
.listing-itm-type-1 ul li small.itm-small{
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 13px;
color: #353535;
}
.listing-itm-type-1 h3.rate {
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
color: #00356F;
}
.listing-itm-type-1 h3.rate span{
font-weight: 700;
}
.listing-itm-type-1 .card-villa img.itm-img {
height: 233px;
object-fit: cover;
}
.listing-itm-type-1 .card-villa button{
text-transform: capitalize;
font-family: 'Poppins', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 13px;
text-align: center;
}
.listing-itm-type-1 .card-villa .reg-btn {
background: #141D46;
color: #fff;
}
.listing-itm-type-1 .card-villa .reg-learn-btn {
display: none;
}
.listing-itm-type-1 .card-villa .type-2 {
height: 100%;
object-fit: cover;
}
.pagination-nav .page-item.active .page-link{
background-color: #141D46;
}
.pagination-nav .page-link, .page-link:hover {
color: #141D46;
}
.pagination-nav ul.pagination li.page-item{
border: 0.1px solid rgb(20 30 72 / 21%);
}
.soc-ico{
width: 35px;
}
.main-sec.communities-inner{
background: none !important;
}
/* site Inayat */
.btn-blue{
background: #00356F;
color: #fff;
border-radius: 6px;
padding-left: 20px;
font-size: 14.3319px;
padding-right: 20px;
}
.btn-blue:hover{
background: #0958ac;
color: #fff;
border-radius: 6px;
padding-left: 20px;
padding-right: 20px;
}
.btn-blue-outline{
border:1px solid #00356F;
color: #00356F;
font-size: 14.3319px;
}
.btn-blue-outline:hover{
border:1px solid #000;
color: #000;
}
.fa-fav{
color: rgb(255 255 255 / 88%);
font-size: 30px;
}
.desirable{
background: #F8F8F8;
}
.custon-overlay{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 34%, rgba(0,0,0,1) 100%);
}
.custon-overlay h5, .custon-overlay p{
color: #fff !important;
}
.custon-overlay p{
font-size: 12px;
}
.desirable .owl-item:hover > .item .col a div .card-villa .custon-overlay{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.671) 0%, rgba(0, 0, 0, 0.664) 100%);
transition: 0.8s;
}
/* bugatti page */
.bugatti-sec{
background-color: #F8F8F8;
}
.bugi-fig img{
object-fit: cover;
}
.ico-studio h3 {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 20px;
color: #00356F;
letter-spacing: 0em;
line-height: 18px;
}
.ico-studio p {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #353535;
}
.property-tabsec-content-btn .list-group-custom-outline {
float: left;
}
.property-tabsec-content-btn .list-group-custom-outline .list-group-item.active {
color: #464646;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 16px;
background-color: #ccc;
border-color: transparent;
border-bottom: 3px solid #141D46;
border-radius: 0;
}
.property-tabsec-content-btn .list-group-custom-outline .list-group-item {
color: #AAAAAA;
font-family: 'Poppins';
font-style: normal;
font-weight: normal;
font-size: 16px;
padding: 0.9rem 1rem;
background-color: transparent;
border-color: transparent;
border: none;
border-radius: 0;
}
.property-tabsec-content-btn .list-group-custom {
float: left;
width: auto;
}
.contact-form{
background: #F8F8F8;
}
.contact-form h2{
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 42px;
line-height: 116.5%;
color: #00356F;
}
.border-bottom-0{
border-bottom: none !important;
}
.contact-form h5{
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 116.5%;
color: #353535;
}
.contact-form h6{
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 19px;
line-height: 28px;
color: #353535;
}
.contact-form h5.title-h5{
color: #007373;
}
.contact-form p{
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: #000000;
}
.map{
height: 450px;
}
.contact-ico h4{
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 29.8592px;
line-height: 26px;
color: #fff;
}
.contact-ico p, .form-cls p{
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #fff;
}
.custom-sell-height{
height: 42px;
border-radius: 0px;
background: #00356F;
border-bottom: 1px solid #b6b2b2;
border-left: 0;
border-top: 0;
border-right: 0;
}
.custom-sell{
border-radius: 0px;
background: #00356F;
}
.custom-sell-height:focus, .custom-sell:focus {
border-color: #fff !important;
-webkit-box-shadow: inset 0 0 0 1px #fff !important;
box-shadow: inset 0 0 0 1px #fff !important;
}
.send-enq{
background: #fff;
color: #353535;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 25px;
font-style: normal;
font-weight: 700;
font-size: 14.9987px;
line-height: 133.69%;
}
.send-enq:hover{
background: #fff;
color: #222121;
}
/* dropdown */
.dropdown__skeleton.cust-callback{
background-color: #ffffff;
border: 1px solid #bdbdbd;
border-right: none;
}
.dropdown__option img{
width:30px;
}
.dropdown__options--visible .dropdown__skeleton {
box-shadow: 0 11px 12px -5px #dbe0f5;
}
.dropdown__options--visible .dropdown__options {
animation: showit 0.35s forwards ease-out;
}
.dropdown__options--visible .dropdown__arrow {
transform: rotate(-180deg);
right: 6px;
}
.dropdown-text{
border-radius: 0 5px 5px 0;
}
.dropdown__skeleton {
border: 0;
border-right: 0;
background-color: #00356F;
border-radius: 5px 0 0 5px;
padding: 0 30px 0 10px;
position: relative;
transition: box-shadow 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
cursor: pointer;
user-select: none;
display: flex;
}
.dropdown__skeleton label {
font-weight: 700;
text-transform: uppercase;
color: #9297ab;
font-size: 0.8rem;
letter-spacing: 0.64px;
margin-bottom: 8px;
display: block;
cursor: pointer;
}
.dropdown__option {
display: flex;
align-items: center;
}
.dropdown__option span {
margin-left: 10px;
font-weight: 700;
color: #5e6582;
font-size: 1.1rem;
}
.dropdown__arrow {
position: absolute;
top: 50%;
right: 0;
width: 20px;
height: 20px;
transition: all 0.2s ease-in-out;
transform-origin: top;
}
.dropdown__arrow::before, .dropdown__arrow::after {
--angle: 45deg;
content: "";
width: 7px;
background-color: #5e6582;
display: block;
padding: 1px;
border-radius: 2px;
position: absolute;
}
.dropdown__arrow::before {
transform: rotate(var(--angle));
}
.dropdown__arrow::after {
transform: rotate(calc(var(--angle) * -1));
margin-left: 5px;
}
.dropdown__options {
position: absolute;
top: 90%;
right: 13px;
border: 2px solid #dbe0f5;
border-radius: 5px;
padding: 10px 10px;
background-color: #fff;
transform: scale(0);
z-index: 1;
}
@keyframes showit {
0% {
transform: scale(0);
}
70% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
.dropdown__options .dropdown__option {
padding: 4px;
transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
cursor: pointer;
opacity: 0.7;
border-radius: 5px;
}
.dropdown__options .dropdown__option:hover {
background-color: #eee;
opacity: 1;
}
.dropdown__options .dropdown__option--selected {
opacity: 1;
}
.dropdown__options::before {
content: "";
position: absolute;
bottom: calc(100% - 3px);
right: 20px;
height: 10px;
width: 10px;
background-color: #fff;
border-top: 2px solid #dbe0f5;
border-left: 2px solid #dbe0f5;
transform: rotate(45deg);
}
.form-cls {
background: #00356F;
}
.r-border-li {
border-right: 1px solid #000;
}
.bugatti-sec figure img{
object-fit: cover !important;
}
/*  */
/* thanku */
.thanku{
background: url(../images/thankyou.png) no-repeat;
background-position: center;
background-size: cover;
}
.thanku p, .thanku ul li a, .thanku h2{
color: #fff;
}
.thanku .navActionBtn {
background-color: #24963E;
color: #fff;
}
.thanku .navActionBtn.req-btn {
background-color: #FFFFFF;
color: #000;
}
.nxt-prev{
border: 1px solid #00356F;
width: 40px;
height: 40px;
border-radius: 50% !important;
display: flex;
justify-content: center;
align-items: center;
}
/* scroll to top */
.scroll-top-arrow {
height: 40px;
width: 40px;
position: fixed;
z-index: 111;
background-color: #262626;
bottom: 60px;
right: 20px;
background: linear-gradient(to right, #2d2d2d -50%, #444444 93%);
animation: 1s slideInRight ease;
display: none;
cursor: pointer;
border-radius: 50%;
}
.scroll-top-arrow i {
font-size: 20px;
color: white;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.wave:before,
.wave:after {
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
transform: translate(-50%, -50%) scale(0);
border: 3px solid #100f0f;
background: rgb(51 51 51);
display: none;
width: 100px;
height: 100px;
border-radius: 100%;
}
.wave:hover:before {
display: block;
-webkit-animation: spread-fade 1s ease-in infinite;
animation: spread-fade 1s ease-in infinite;
}
.wave:hover:after {
display: block;
-webkit-animation: spread-fade 1s 0.2s ease-in infinite;
animation: spread-fade 1s 0.2s ease-in infinite;
}
@-webkit-keyframes spread-fade {
0% {
transform: translate(-50%, -50%) scale(0);
opacity: 0;
}
10% {
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}
@keyframes spread-fade {
0% {
transform: translate(-50%, -50%) scale(0);
opacity: 0;
}
10% {
opacity: 1;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}
/*  */
.whatsaap-ico{
width: 35px;
}
@media (min-width: 1199px) and (max-width: 1842px) {
/* .wol-custom-left-css .owl-stage{
left: -139px !important
} */
.wol-custom-left-css1 .owl-stage{
left: -280px !important
}
.banner-top-marg{
margin-top: 5rem;
}
.border-end-1{
border-right:1px solid #ccc ;
}
.jouri-hill-lside{
bottom: 5rem;
background: #ffff;
}
}
@media (min-width: 992px) and (max-width: 1399px) {
}
@media (min-width: 1199px) and (max-width: 1399px) {
}
@media (min-width: 991px) and (max-width: 1199px) {
h1, h2 {
font-size: 37px;
}
.l-side .itm-small{
line-height: 13px;
font-size: 10px;
}
.detailsec p.detail {
font-size: 12px;
}
.call-wa-btn {
font-size: 12px;
}
.find-villas .tiles .find-icos {
padding: 10px;
}
.find-villas .tiles p {
font-size: 12px;
}
.listing-itm-type-1 h5.card-title, .listing-itm-type-1 h3.rate {
font-size: 19.8683px;
}
.listing-itm-type-1 h6 {
font-size: 16.1617px;
}
.main-sec h2, .main-sec.new-project h2 {
font-size: 42px;
}
.find-villas h2,.palm-prop h2,.communities h2,.who-are .who-li h2,.latest-news h2,
.communities.communities-items h2,.offplan h2,.room h2,.look-for-right h2 {
font-size: 27px;
line-height: 32px;
}
.listing-itm-type-1 ul li small.itm-small {
font-size: 10px;
}
.property-bot-sec .row-wm-img::before{
display: none;
}
.navBar-elysian .nav-item .nav-link,.navBar-elysian .navActionBtn {
font-size: 11px;
}
}
@media (min-width:992px) {
/*  */
.tnku-copy{
text-align: right;
}
/*  */
.pioneers p {
width: 80%;
margin: 20px auto;
}
.img-communities-1{
height: 90px;
object-fit: cover;
}
.img-communities-2{
height: 218px;
object-fit: cover;
}
.img-communities-3{
height: 112px;
object-fit: cover;
}
.img-communities-4{
height: 112px;
object-fit: cover;
}
.img-communities-5{
height: 90px;
object-fit: cover;
}
.hover-itm .card-body .btn-blk{
display: none ;
}
.hover-itm:hover > .card-body .btn-blk{
display: block;
}
.border-x{
border-left: 1px solid #141D46;
border-right: 1px solid #141D46;
}
}
@media (min-width:1024px) {
.desirable .owl-carousel .owl-stage{
left: 417px !important;
}
.desirable .owl-item:hover{
transition: transform .8s;
transform: scale(1.04);
z-index: 9999;
}
}
@media (max-width:991px) {
/*  */
.m-center{
text-align: center !important;
}
h1, h2 {
font-size: 28px;
}
.listing-itm-type-1 h6 {
font-size: 15.1617px;
}
.card-reason h2, .contact-form h5, .contact-ico h4 {
font-size: 20px !important;
}
.btn-blue, .btn-blue-outline {
font-size: 12.3319px;
}
.communities .card.comm-card .card-body{
text-align: center;
}
/*  */
p {
font-size: 13px;
line-height: normal;
}
.video-iframe {
height: 350px;
}
section {
padding: 3rem 0;
}
.find-villas .tiles .find-icos {
padding: 10px;
}
.find-villas .tiles p {
font-size: 12px;
}
.main-sec h2, .main-sec.new-project h2 {
font-size: 42px;
}
.find-villas h2,.palm-prop h2,.communities h2,.who-are .who-li h2,.latest-news h2, .property-page.communities 
.property-card h3, .floor-property h2,.communities.communities-items h2,.offplan h2,.room h2,
.look-for-right h2 {
font-size: 27px;
line-height: 32px;
}
.main-sec p {
font-size: 15px;
}
footer .foot-card p {
font-size: 13px;
line-height: normal;
}
.slider-owl .itm-owls h5.card-title {
font-size: 16px;
}
.slider-owl .itm-owls h3.rate {
font-size: 18px;
}
footer h3 {
font-size: 19px;
}
.after-footer{
margin-bottom: 3rem;
}
.after-footer p, .after-footer ul li a,.property-page.communities .r-property-bg ul.r-property-ul li p {
font-size: 12px;
}
.owl-carousel .owl-nav {
display: none !important;
}
.desirable .owl-carousel .owl-nav {
bottom: -40px !important;
}
.listing-itm-type-1 h3.rate {
font-size: 19px;
}
.listing-itm-type-1 h5.card-title,.property-bot-sec p {
font-size: 14px;
}
.listing-itm-type-1 .card-villa .reg-learn-btn {
display: block;
}
.property-page.communities .r-property-bg ul.r-property-ul li h4,.property-ico-sec h4 {
font-size: 16px;
}
.property-ico-sec img {
width: 50px;
}
.property-ico-sec .ico-span {
width: 90px;
height: 90px;
}
.property-ico-sec p {
font-size: 11px;
}
.property-page.communities .r-property-bg ul.r-property-ul li {
background-size: 35px !important;
padding-left: 50px !important;
}
.communities.communities-items .item-card .card-img-overlay .button-sec{
display: block;
}
.communities.communities-items .item-card:hover >.card-img-overlay .title-sec {
display: block;
}
.img-card .card-img-overlay {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 80%);
}
.img-communities-1{
height: 40px;
object-fit: cover;
}
.img-communities-2{
height: 126px;
object-fit: cover;
}
.img-communities-3{
height: 70px;
object-fit: cover;
}
.img-communities-4{
height: 70px;
object-fit: cover;
}
.img-communities-5{
height: 40px;
object-fit: cover;
}
.property-page.property-type-1 {
background-size: contain !important;
}
.property-bot-sec .row-wm-img::before{
display: none;
}
.main-sell-property h2,.sell-card-form h3,.why-list h2,.contact-us h2{
font-size: 20px;
}
.main-sell-property h5 {
font-size: 14px;
}
.main-sell-property p,.contact-us p {
font-size: 13px;
}
.send-enq {
font-size: 12px;
}
.effective-marketing h3 {
font-size: 14px;
}
.effective-marketing p, .effective-marketing ul li {
font-size: 12px;
}
.desk-cont .l-side h2 {
font-size: 18px;
}
.desk-cont .l-side h5 {
font-size: 15px;
}
.ico-itm{
width: 15px;
}
.l-side .itm-small{
line-height: 13px;
font-size: 10px;
}
.detailsec p.detail {
font-size: 12px;
}
.call-wa-btn {
font-size: 12px;
}
.prop-main-bann h2,.property-tabsec-content h2,.property-ico-sec h2,.floor-plans h2,.what-arround h2,.investor-lookup h2 {
font-size: 22px;
}
.prop-main-bann .outline .ico-sec h4 {
font-size: 15px;
}
.are-you-looking h2{
font-size: 18px;
}
.videos-galary p{
font-size: 14px;
}
.select-time-date h2 {
font-size: 21px;
}
.date-overflow{
background: #ccc;
}
.calcu{
width: 100%;
}
.navbar-light .navbar-toggler {
color: rgb(255 255 255 / 55%) !important;
border-color: rgba(0,0,0,.1);
}
}
@media (max-width: 767.98px) {
.container .row.align-items-center > div:first-child { margin-bottom: 0.5rem; }
.container .row.align-items-center .btn-group { width: 100%; justify-content: center; }
}
@media (max-width:767px) {
/* new */
.main-sec.new-main-slid img.img-banner{
height: 500px;
}
.main-sec .main-sec-form select.select-option-dropdown, .bg-location {
background-color: #e9e9e9 !important;
color: #000000;
font-size: 13px !important;
}
.btn-blue, .btn-blue-outline {
font-size: 13px;
width: 100%;
}
.btn-blue.m-btn-blue-card-select{
width: auto;
}
.desirable .owl-carousel .owl-nav {
bottom: -40px !important;
}
.navBar-elysian .nav-item .nav-link, .navBar-elysian .nav-item .nav-link.active {
color: #fff;
}
.navBar-elysian .navActionBtn {
color: #fff;
border: 1px solid rgb(255 255 255 / 58%);
}
.thanku ul li a{
font-size: 13px;
}
/*  */
h2 {
font-size: 19px;
text-align: center;
font-weight: 600;
}
p {
font-size: 14px;
line-height: normal;
}
section {
padding: 3rem 0;
}
.m-venter{
text-align: center;
}
.check-primary-btn{
width: 100%;
}
.room .card-room h3 {
font-size: 18px;
line-height: 20px;
}
.navBar-elysian, .navBar-elysian.bg-white {
background: #2f2f2f;
}
.main-sec h2, .main-sec.new-project h2 {
font-size: 32px;
}
.register-modal h2{
font-size: 17px;
}
.who-are{
padding-bottom: 0;
}
.main-sec p {
font-size: 17px;
}
.find-villas h2, .palm-prop h2, .communities h2, .who-are .who-li h2, .latest-news h2,.property-page.communities .property-card h3,
.property-bot-sec h5,.property-bot-sec h5, .floor-property h2,.communities.communities-items h2,.offplan h2,.room h2,
.look-for-right h2 {
font-size: 20px;
line-height: 28px;
text-align: center;
}
.communities.communities-items p {
font-size: 14px;
}
footer h3 {
font-size: 16px;
}
.foot-logo{
width: 80px;
}
footer ul li a, footer ul li a.see-more {
font-size: 12px;
}
footer h3,footer ul li a, footer ul li,footer a, footer p {
text-align: center;
}
.property-page.communities .r-property-bg::after{
display: none;
}
.not-human {
width: 100%;
}
.property-tabsec-content-btn .list-group-custom-outline .list-group-item{
padding: 0 1rem;
}
.property-tabsec-content-btn .list-group-custom-outline .list-group-item.active{
border-bottom: 1px solid #141D46;
}
.find-villas p.p-fnd {
font-size: 15px;
}
.card-villa.card-slide .card-body .hover-btn.two-btn {
display: flex;
justify-content: space-between;
}
.jouri-card .card-villa.card-slide .card-body .hover-btn.two-btn {
display: block;
}
.m-btn-full-w{
width: 100%;
margin-bottom: 15px;
text-align: center;
}
.m-fixed{
position: fixed;
bottom: 0;
left: 0;
z-index: 9999;
background-color: #292b42;
}
.m-fixed .navActionBtn{
background: #fff;
}
.m-fixed .navActionBtn .whatsaap-ico {
width: 25px;
}
.m-center{
text-align: center;
}
.m-left{
text-align: left;
}
}
@media (max-width:600px) {
/*  */
.contact-form h2 {
font-size: 20px;
text-align: center;
}
.desirable .owl-carousel .owl-nav {
bottom: 0px !important;
}
.contact-form ul li a {
font-size: 13px;
}
/*  */
.small, small {
line-height: 14px;
}
.site-logo {
width: 67px;
}
.bg-coustom{
background: #ffffff;
}
.owl-carousel .owl-nav {
display: block !important;
position: relative;
margin-top: 15px;
text-align: center;
bottom: 50%;
}
.floor-plans .owl-nav{
position: absolute;
}
.find-villas .find-icos img {
width: 23px;
}
.find-villas .tiles .find-icos {
padding: 5px;
}
.find-villas .tiles p {
font-size: 10px;
line-height: 12px;
}
.nav-pills .nav-link {
font-size: 10px;
padding: 11px 21px 10px;
}
.navBar-elysian .navActionBtn{
font-size: 12px;
}
.main-sec .main-sec-form {
padding-right: 1rem !important;
}
.see-more {
font-size: 14px;
}
section {
padding: 2rem 0;
}
.who-are .who-li ul li {
font-size: 13px;
}
.slider-owl .owl-carousel .owl-nav button.owl-next, .slider-owl .owl-carousel .owl-nav button.owl-prev {
padding: 5px 11px !important;
font-size: 15px;
}
.main-sec .main-sec-form .search-btn{
position: relative !important;
width: 100%;
margin-top: 15px;
display: flex;
justify-content: center;
align-items: center;
}
.main-sec .main-sec-form .search-btn .fa-search-ico, .main-sec .main-sec-form .search-btn p {
font-size: 17px;
float: left;
}
.main-sec .main-sec-form .search-btn .fa-search-ico{
margin-right: 7px;
}
.bg-what-arround .locations{
height: 200px;
}
.contact-property .contact-property-card{
border-left: none !important;
}
.video-iframe {
height: 200px;
}
.main-sec h5, .main-sec.new-project h5 {
font-size: 15px;
margin-top: 17px;
line-height: normal;
}
.main-sec h2, .main-sec.new-project h2 {
font-size: 20px;
}
.listing-itm-type-1 ul li small.itm-small {
font-size: 10px;
}
.sort-picking label{
font-size: 12px;
}
.look-for-right h3{
font-size: 15px;
line-height: 19px;
}
.btn-m{
width: 100% !important;
}
}
/* new design updated 07-11-2025*/
.spotlight-carousel {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x mandatory;
padding-bottom: 20px;
margin-left: -0.5rem;
margin-right: -0.5rem;
}
.spot-card {
scroll-snap-align: start;
flex: 0 0 260px; /* card width — change to taste */
max-width: 260px;
margin-left: 0.5rem;
margin-right: 0.5rem;
}
/* card thumb */
.card-thumb {
height: 360px;
overflow: hidden;
border-radius: 12px;
}
.card-thumb img { width: 100%; height: 100%; object-fit: cover; display:block; }
/* play button center of thumb */
.btn-circle {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 5;
width: 56px;
height: 56px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(8,58,91,0.9);
color: #fff;
border: 0;
box-shadow: 0 6px 18px rgba(0,0,0,0.25);
}
.btn-circle i { font-size: 18px; }
/* responsive sizes */
@media (max-width: 992px) {
.spot-card { flex: 0 0 220px; max-width:220px; }
.card-thumb { height: 300px; }
}
@media (max-width: 576px) {
.spot-card { flex: 0 0 80%; max-width:80%; }
.card-thumb { height: 420px; }
}
/* right fade overlay */
.carousel-fade {
position: absolute;
right: -8px;
top: 0;
height: 96%;
width: 120px;
pointer-events: none;
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 40%, rgba(255,255,255,1) 100%);
mix-blend-mode: normal;
}
/* arrow button */
.carousel-arrow {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.carousel-arrow-left {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 38px;
height: 43px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.custom-padding{ padding-left: 50px;}
@media (max-width: 767px) {
.custom-padding{ padding-left: 20px; text-align: center !important;}
.video-container{ max-width: 290px; margin: 0 auto; margin-bottom: 25px;}
.text-center{ text-align: center;}
}
.custom-top{ padding-top: 40px !important;}
/* hide scrollbar but keep scroll */
.spotlight-carousel::-webkit-scrollbar { height: 8px; margin-top:10px;}
.spotlight-carousel::-webkit-scrollbar-thumb { background: rgba(40, 44, 65, 0.664); border-radius: 8px; }
/* Main search block spacing */
.main-sec-form {
padding: 14px 18px;
background: transparent; /* keep section background same as page */
}
.property-listing-section .pl-tab.active {
background: #eee;
color: #0b2b3a;
}
.property-listing-section .listing-card .card-img-top {
height: 200px;
object-fit: cover;
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
}
.property-listing-section .price {
color: #083a5b;
font-weight: 600;
margin-bottom: 0;
}
.property-listing-section .wa-circle {
width: 40px;
height: 40px;
border-radius: 50%;
background: #25D366;
color: #fff;
box-shadow: 0 6px 18px rgba(0,0,0,0.12);
text-decoration: none;
}
/* card spacing and small text */
.property-listing-section .listing-card .card-body { padding: 1rem; }
.property-listing-section .listing-card .card-body p { margin-bottom: .35rem; }
/* Responsive tweak: card image taller on small screens */
@media (max-width: 576px) {
.property-listing-section .listing-card .card-img-top { height: 220px; }
}
/* wrapper */
.pl-tab-wrapper {
border-radius: 6px;
}
/* buttons */
.pl-tab-btn {
background: transparent;
border: 0;
padding: 6px 18px;
font-size: 15px;
color: #333;
border-radius: 4px;
cursor: pointer;
transition: 0.2s;
}
/* active state */
.pl-tab-btn.active {
background: #e5e5e5;
color: #0b2b3a;
font-weight: 500;
}
/* hover */
.pl-tab-btn:hover {
background: #f1f1f1;
}
/* Grey card background + border */
.listing-card {
background-color: #f5f5f5;       /* light grey card background */
border: 1px solid #e0e0e0;       /* card border */
border-radius: 12px;
overflow: hidden;
}
/* Keep top image rounded */
.listing-card .card-img-top {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
/* White feature box inside the card */
.feature-box {
background: #ffffff;             
border: 1px solid #e4e4e4;       
border-radius: 10px;            
padding: 10px 14px;
margin-top: 14px;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Left side list */
.feature-box .feature-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 16px;
font-size: 0.85rem;
color: #6c6c6c;
}
.feature-box .feature-list li {
display: flex;
align-items: center;
gap: 6px;
}
/*cards*/
/* Wrapper */
@media (max-width: 767px) {
.tab-switch {
display: flex;
justify-content: center;
}
}
.card{border-radius: 12px !important;}
.tab-switch {
display: inline-flex;
background: #f7f7f7;            
padding: 4px;
border: 1px solid #ddd;
border-radius: 12px;             
gap: 4px;
}
/* Buttons */
.tab-btn {
border: none;
background: transparent;
padding: 8px 20px;               
font-size: 0.95rem;              
color: #666;
cursor: pointer;
border-radius: 10px;             
transition: all .2s ease;
}
/* Active tab */
.tab-btn.active-tab {
background: #00356F !important;           
color: #ffffff !important;
font-weight: 600;
}
/* Hover effect */
.tab-btn:hover {
background: #eaeaea;
color: #333;
}
/* Card styling */
.listing-card {
background: #f4f4f4;           
border: 1px solid #dcdcdc;    
border-radius: 12px;
overflow: hidden;
}
/* Image styling */
.listing-img {
height: 210px;
object-fit: cover;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
/* Price styling */
.listing-price {
color: #00356F;
font-weight: 600;
margin-bottom: 2px;
font-size: 20px;
}
.listing-price span {
font-weight: 700;
font-size: 20px;
}
/* Type text */
.listing-type {
color: #353535;
}
/* Highlight line */
.listing-highlight {
font-size: 19px;
color: #353535;
font-weight: 400;
margin-bottom: 4px;
margin-top: 10px;
font-style: normal;
letter-spacing: normal;
}
/* Location */
.listing-location {
color: #353535;
margin-bottom: 12px;
}
/* WhatsApp button */
.wa-btn {
width: 33px;
height: 34px;
border-radius: 50%;
background: #25D366;
display: flex;
align-items: center;
justify-content: center;
color: white;
text-decoration: none;
font-size: 1.2rem;
}
/* Feature items */
.listing-features {
list-style: none;
display: flex;
gap: 10px;
padding: 0;
margin: 0;
}
/* Individual feature box */
.listing-features li {
background: #ffffff;
border: 1px solid #d9d9d9;
padding: 6px 8px;
border-radius: 10px;
font-size: 0.75rem;
color: #353535;
display: flex;
align-items: center;
gap: 6px;
}
/*ads*/
/* Ad Card Base */
.ad-card {
position: relative;
border: none;
border-radius: 14px;
overflow: hidden;
height: 100%;
min-height: 360px; /* adjust if needed */
}
/* Background Image */
.ad-bg {
position: absolute;
inset: 0;
background-image: url('../images/card-img.jpg'); /* change to your image */
background-size: cover;
background-position: center;
filter: brightness(0.5); 
z-index: 1;
}
/* Overlay */
.ad-overlay {
position: relative;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.65); 
}
/* Title */
.ad-title {
font-size: 36px;
font-weight: 400;
line-height: 1.2;
margin-bottom: 12px;
text-align: left;
}
/* Description */
.ad-desc {
font-size: 14px;
font-weight: 400;
max-width: 320px;
opacity: 0.9;
text-align: left;
}
/* Download Button */
.ad-btn {
background: #ffffff;
color: #083a5b;
padding: 10px 22px;
font-weight: 600;
border-radius: 8px;
text-transform: uppercase;
transition: 0.2s;
}
.ad-btn:hover {
background: #eaeaea;
}
/*pagination*/
/* Pagination Wrapper */
.property-pagination .pagination {
gap: 6px;
}
/* Page Number Buttons */
.page-num {
background: #ffffff;
border: 1px solid #d5dce0;
color: #083a5b;
padding: 8px 14px;
border-radius: 8px;
font-size: 0.95rem;
transition: 0.2s;
}
.page-num:hover {
background: #083a5b;
color: #ffffff;
}
.page-num.active {
background: #083a5b;
color: #ffffff;
font-weight: 600;
}
/* Arrow Buttons */
.arrow-btn {
background: #ffffff;
border: 1px solid #d5dce0;
width: 38px;
height: 38px;
display: flex !important;
justify-content: center;
align-items: center;
border-radius: 50%; /* Round */
color: #083a5b;
font-size: 1.1rem;
transition: 0.2s;
}
.arrow-btn:hover {
background: #083a5b;
color: #ffffff;
}
.bg-grey{ background-color:#F8F8F8; padding-top: 50px;}
/* Mobile: show full form in banner (stacked, not cropped) */
@media (max-width: 767.98px) {
.ad-title{ font-size: 28px;}
.listing-features{ margin-top: 20px;}
.cap-head{ font-size: 28px !important;}
}
/* product details*/
/* Pre-header / hero above product header */
.pd-preheader {
padding: 20px 0 18px;
border-bottom: 1px solid #eef3f7;
background: #ffffff;
}
.pd-preheader-left { padding-right: 12px; }
/* Breadcrumbs */
.pd-breadcrumbs {
font-size: 0.9rem;
color: #6b7785;
margin-bottom: 8px;
}
.pd-bc-link { color: #6b7785; text-decoration: none; }
.pd-bc-link:hover { text-decoration: underline; }
.pd-bc-sep { margin: 0 8px; color: #cfdbe6; }
.pd-bc-current { color: #324a5f; font-weight: 600; }
/* Title & location */
.pd-preheader-title {
font-size: 36px;
line-height: 1.05;
margin: 0 0 6px;
color: #083a5b;
font-weight: 700;
}
.pd-preheader-location {
margin: 0 0 10px;
color: #6b7785;
font-size: 0.95rem;
}
/* Price */
.pd-preheader-price {
font-size: 22px;
color: #083a5b;
font-weight: 700;
}
.pd-price-label { margin-right: 8px; font-weight: 600; color: #083a5b; }
.pd-price-value { font-size: 22px; }
/* Actions (right column) */
.pd-preheader-actions { gap: 12px; }
/* Heart button */
.pd-heart-btn {
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid #e6eef5;
background: #fff;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: box-shadow .15s ease, transform .12s ease;
}
.pd-heart-btn:hover { box-shadow: 0 6px 18px rgba(8,58,91,0.06); transform: translateY(-2px); }
/* Whatsapp CTA */
.pd-wa-cta {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
background: #007019;
color: #fff;
text-decoration: none;
border-radius: 999px;
font-weight: 600;
box-shadow: 0 6px 18px rgba(18,140,126,0.12);
transition: transform .12s ease, opacity .12s ease;
}
.pd-wa-cta:hover { transform: translateY(-2px); opacity: .95; color:#fff; }
.pd-wa-icon { width: 25px; height: 25px; display: inline-block; }
.pd-wa-text { font-size: 0.95rem; }
/* Responsive */
@media (max-width: 991px) {
.pd-preheader { padding: 14px 0; }
.pd-preheader-title { font-size: 26px; }
.pd-preheader-actions { justify-content: flex-start; margin-top: 8px; }
.pd-wa-text { display: none; } /* show only icon on small screens if desired */
}
/* Gallery grid: Large left + 2x2 right column */
.pd-gallery-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(2, 1fr);
gap: 14px;
align-items: stretch;
}
/* main image (left) */
.pd-main-grid {
grid-column: 1 / 2;
grid-row: 1 / 3; /* spans two rows */
border-radius: 10px;
overflow: hidden;
background: #f7fafc;
}
.pd-main-img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
min-height: 420px;
}
/* thumbnail grid (right) */
.pd-thumb-grid {
grid-column: 2 / 3;
grid-row: 1 / 3;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 12px;
}
/* each thumb */
.pd-thumb {
position: relative;
border: none;
padding: 0;
background: transparent;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
display: flex;
align-items: stretch;
justify-content: stretch;
}
.pd-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform .18s ease, opacity .12s ease;
opacity: 0.95;
}
.pd-thumb:hover img,
.pd-thumb:focus img {
transform: scale(1.03);
opacity: 1;
outline: none;
}
/* style for last thumb cell so we can overlay the show-all button */
.pd-thumb-last { position: relative; }
/* SHOW ALL PHOTOS pill (bottom-right on the last thumb) */
.pd-show-all-btn {
position: absolute;
right: 12px;
bottom: 12px;
display: inline-flex;
gap: 8px;
align-items: center;
background: #ffffff;
color: #0b2540;
border: 1px solid rgba(11, 37, 64, 0.06);
padding: 8px 12px;
border-radius: 8px;
font-weight: 700;
font-size: 0.85rem;
cursor: pointer;
box-shadow: 0 6px 14px rgba(3,15,24,0.06);
}
.pd-show-all-icon {
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 4px;
background: transparent;
color: inherit;
font-weight: 700;
}
/* Responsive: stack on mobile */
@media (max-width: 991px) {
.pd-gallery-grid {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.pd-main-grid { grid-column: 1 / -1; grid-row: 1; }
.pd-thumb-grid {
grid-column: 1 / -1;
grid-row: 2;
display: flex;
gap: 10px;
overflow-x: auto;
padding-bottom: 6px;
}
.pd-thumb, .pd-thumb img { min-width: 120px; height: 84px; flex: 0 0 auto; border-radius: 8px; }
.pd-show-all-btn { right: 8px; bottom: 8px; padding: 6px 10px; font-size: 0.8rem; }
.pd-main-img { min-height: 220px; }
}
/*show all*/
.pd-modal {
position: fixed;
inset: 0;
z-index: 1000;
display: none;
}
.pd-modal[aria-hidden="false"] { display: block; }
.pd-modal-backdrop {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.55);
}
.pd-modal-content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 92%;
max-width: 1100px;
max-height: 88vh;
background: #fff;
padding: 18px;
border-radius: 12px;
overflow-y: auto;
}
.pd-modal-close {
position: absolute;
top: 10px;
right: 16px;
border: none;
background: none;
font-size: 28px;
cursor: pointer;
}
/* grid */
.pd-modal-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px,1fr));
gap: 10px;
}
.pd-modal-item img {
width: 100%;
height: 140px;
object-fit: cover;
border-radius: 8px;
cursor: pointer;
}
/* carousel */
.pd-modal-carousel {
display: none;
margin-top: 14px;
align-items: center;
justify-content: center;
gap: 12px;
}
.pd-modal-carousel[aria-hidden="false"] { display: flex; }
.pd-carousel-stage img {
max-width: 100%;
max-height: 64vh;
border-radius: 8px;
}
.pd-carousel-prev,
.pd-carousel-next {
width: 44px;
height: 44px;
border-radius: 50%;
background: #083a5b;
color: #fff;
border: none;
font-size: 24px;
}
/*content area*/
/* Overview / Amenities section */
.pd-overview-section { padding: 40px 0; color: #102a43; font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; }
.custome-margin{ padding-bottom: 35px !important;}
/* Left area */
.pd-overview-title {
font-size: 32px;
color: #083a5b;
margin: 0 0 10px;
font-weight: 700;
line-height: 1.05;
}
.pd-overview-intro {
color: #6b7785;
margin-bottom: 18px;
font-size: 0.98rem;
}
.pd-section-sub {
font-weight: 700;
margin-bottom: 8px;
color: #102a43;
}
.pd-bullet-list {
list-style: disc;
padding-left: 0px !important;
margin-bottom: 16px;
color: #233744;
margin-top: 20px;
}
.pd-bullet-list li { margin-bottom: 6px; position: relative;
padding-left: 14px;}
.pd-bullet-list li::before {
content: "-";
position: absolute;
left: 0;
top: 0;
color: #000;
}
.pd-para { color: #324a5f; line-height: 1.6; margin-bottom: 12px; }
.pd-contact { font-weight: 600; color: #0b2540; margin-bottom: 18px; }
/* Amenities list in two columns */
.pd-amenities-title { font-size: 22px; color: #083a5b; font-weight: 700; margin-top: 18px; }
.pd-amenities {
list-style: none;
padding: 0;
margin: 12px 0 0;
color: #3b5568;
columns: 2;
column-gap: 40px;
}
.pd-amenities li { margin-bottom: 10px; break-inside: avoid; }
/* Sidebar wrapper */
.pd-sidebar { display: flex; flex-direction: column; gap: 18px; }
/* Generic pd-card */
.pd-card {
background: #fff;
border-radius: 12px;
padding: 14px;
border: 1px solid #e6eef5;
box-shadow: 0 6px 18px rgba(8,58,91,0.04);
}
/* Muted/Property details variant */
.pd-card--muted { background: #fafcff; border-color: #eef6fb; }
.pd-card-head { margin-bottom: 10px; }
.pd-card-title { font-weight: 700; color: #0b2540; font-size: 16px; }
.pd-card-meta { font-size: 0.92rem; color: #5d6f7b; margin-top: 6px; }
/* badges row */
.pd-badges { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.pd-badge {
display: inline-flex;
gap: 8px;
align-items: center;
background: #fff;
padding: 8px 9px;
border-radius: 10px;
border: 1px solid #e3e9ee;
color: #3b5568;
font-weight: 600;
font-size: 0.8rem;
}
.pd-badge i { color: #083a5b; }
/* Agent card (dark blue) */
.pd-card--agent {
background: linear-gradient(180deg,#083a5b,#083a5b);
color: #fff;
border: none;
padding: 18px;
}
.pd-agent-title { font-size: 20px; font-weight: 700; margin-bottom: 12px; color:#fff; }
.pd-agent-list { list-style: none; padding: 0; margin: 0 0 12px; color: rgba(255,255,255,0.95); }
.pd-agent-list li { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; color: rgba(255,255,255,0.92); }
.pd-agent-list i { display:inline-block; width:26px; height:26px; border-radius:50%; background: rgba(255,255,255,0.08); color: #fff; display:flex; align-items:center; justify-content:center; font-size:12px; }
/* Agent CTA buttons */
.pd-agent-cta { display:flex; gap:10px; flex-wrap:wrap; margin-top:6px; }
.pd-btn { display:inline-flex; align-items:center; justify-content:center; padding:8px 12px; border-radius:8px; text-decoration:none; font-weight:700; cursor:pointer; }
.pd-btn--outline { background: transparent; color: #083a5b; border: 1px solid rgba(255,255,255,0.22); border-radius: 20px; color:#fff;}
.pd-btn--wa { background: #128C7E; color: #fff; border: none; border-radius: 20px; }
.pd-btn--wa:hover, .pd-btn--outline:hover{color:#fff;}
/* Map card */
.pd-card--map { padding: 0; overflow: hidden; }
.pd-map-placeholder { width: 100%; height: 180px; background: linear-gradient(90deg,#f1f6f9,#ffffff); display:flex; align-items:center; justify-content:center; color:#6b7785; }
/* responsive */
@media (max-width: 991px) {
.pd-overview-title { font-size: 26px; line-height: 1.4;
text-align: left; }
.pd-amenities { columns: 1; column-gap: 0; }
.res-pad{margin-top: 50px;}
}
@media (max-width: 575px) {
.pd-overview-title{ font-size: 22px;}
.pd-overview-section { padding: 20px 0; }
.pd-map-placeholder { height: 160px; }
.pd-agent-list li { font-size: 14px; }
}
/*galery*/
/* Slider Section */
/* ---------- Slider (updated for overlay arrows) ---------- */
.pd-slider-section { padding: 36px 0; }
.pd-slider-title { font-size: 28px; color: #083a5b; margin-bottom: 18px; }
/* Slider base: positioned parent so arrows can be absolute */
.pd-slider {
position: relative;
display: flex;
align-items: center;
}
/* Viewport hides overflow and provides the vertical area arrows align to */
.pd-slider-viewport {
overflow: hidden;
flex: 1 1 auto;
position: relative;
}
.pd-slide-track {
display: flex;
gap: 16px;
padding: 0;
margin: 0;
list-style: none;
transition: transform 360ms cubic-bezier(.2,.9,.3,1);
}
/* Slide sizing: 3 visible on desktop */
.pd-slide {
flex: 0 0 calc((100% - 32px) / 3); /* 3 items, 16px gap -> 32px total gap */
display: flex;
align-items: stretch;
justify-content: center;
}
/* image look */
.pd-slide img {
width: 100%;
height: 220px;
object-fit: cover;
border-radius: 10px;
display: block;
box-shadow: 0 6px 18px rgba(3,15,24,0.06);
position: relative;
z-index: 1; 
}
/* ---------- Overlay Arrow Buttons ---------- */
/* base style */
.pd-slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 40; /* sit above slides */
width: 48px;
height: 48px;
border-radius: 50%;
border: none;
background: #ffffff;
color: #083a5b;
box-shadow: 0 6px 18px rgba(8,58,91,0.08);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 20px;
transition: transform .12s ease, background .12s, opacity .12s;
/* visually sit on top of slides */
}
/* left / right placement (inside the slider, overlaying images) */
.pd-slider-prev {
left: 12px;
}
.pd-slider-next {
right: 12px;
}
/* hover / focus interaction - keep vertical centering */
.pd-slider-arrow:hover {
transform: translateY(-50%) translateY(-4px);
background: #f4f7fb;
}
.pd-slider-arrow:focus {
outline: 3px solid rgba(8,58,91,0.08);
outline-offset: 2px;
}
/* disabled state styling */
.pd-slider-arrow[disabled] {
opacity: 0.45;
cursor: default;
transform: translateY(-50%);
box-shadow: none;
}
/* smaller inset on very small screens so arrows don't overlap too much */
@media (max-width: 575px) {
.pd-slider-prev { left: 8px; }
.pd-slider-next { right: 8px; }
.pd-slider-arrow { width: 40px; height: 40px; font-size: 18px; }
.pd-slide img { height: 180px; }
.pd-slide { flex: 0 0 100%; }
.pd-slide-track { gap: 12px; }
}
/* tablet breakpoint adjustments (2 slides visible) */
@media (max-width: 991px) {
.pd-slide { flex: 0 0 calc((100% - 16px) / 2); }
.pd-slide img { height: 200px; }
}
/* small accessibility focus */
.pd-slide:focus { outline: 3px solid rgba(8,58,91,0.06); outline-offset: 4px; }
/*about*/
.cap-head{ font-size: 33px; }
/* Team section */
.team-section {
  padding: 48px 0;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #102a43;
}

.team-heading {
  font-size: 30px;
  color: #083a5b;
  margin-bottom: 8px;
  font-weight: 700;
  text-align: center;
}

.team-intro {
  max-width: 840px;
  margin: 0 auto 28px;
  color: #5b6b77;
  text-align: center;
}

/* grid */
.team-grid {
  gap: 0;
  margin-top: 6px;
}

/* card */
.team-card {
  background: transparent;
  border: none;
  text-align: center;
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* avatar */
.team-avatar {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 12px;
  box-shadow: 0 8px 22px rgba(3,15,24,0.08);
  border: 6px solid #fff;
  background: #f7f9fb;
  display: flex;
  align-items: center;
  justify-content: center;
}

.team-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* name */
.team-name {
  font-size: 16px;
  color: #083a5b;
  margin: 6px 0 4px;
  font-weight: 700;
}

/* ✅ FIXED ROLE HEIGHT */
.team-role {
  font-size: 12px;
  color: #7a8a97;
  text-transform: uppercase;
  letter-spacing: .6px;
  margin-bottom: 10px;
  min-height: 32px;       /* ✅ keeps all cards aligned */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* rating */
.team-rating {
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom: 12px;
  justify-content:center;
}

.star {
  color: #f6b12a;
  font-size: 14px;
}

.star.empty {
  color: #e6eef5;
}

.star.half {
  position: relative;
  color: #f6b12a;
}

.star.half::after {
  content: '★';
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  overflow: hidden;
  color: #e6eef5;
}

/* contact btn */
.team-contact {
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #083a5b;
  background: transparent;
  color: #083a5b;
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
}

.team-contact:hover {
  background: #083a5b;
  color: #fff;
  transform: translateY(-2px);
}

/* CTA */
.team-cta {
  display: inline-block;
  background: #083a5b;
  color: #fff;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
}

/* Responsive */
@media (max-width: 991px) {
  .team-avatar { width: 120px; height: 120px; }
}

@media (max-width: 575px) {
  .team-avatar { width: 100px; height: 100px; }
  .team-role { min-height: 28px; } /* ✅ mobile fix */
}

/* Main Search Form Wrapper */
.main-search-wrap {
background: #ffffff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
/* Form structure */
.main-search-form {
width: 100%;
}
/* General Field Wrapper */
.msf-field .form-select,
.msf-location {
height: 48px;
padding: 8px 14px;
font-size: 15px;
border-radius: 8px;
border: 1px solid #d5d9df;
background: #fff;
color: #1b2a38;
}
/* Location field with icon */
.msf-location-group {
position: relative;
}
.msf-location {
padding-right: 42px;
}
.msf-location-icon {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
color: #778ca3;
font-size: 16px;
pointer-events: none;
}
/* Search Button */
.msf-search-btn {
height: 48px;
width: 100%;
background: #083a5b;
color: #fff;
font-weight: 600;
border: none;
border-radius: 8px;
transition: 0.2s ease-in-out;
}
.msf-search-btn:hover {
background: #0b4f78;
}
/* Mobile spacing */
@media (max-width: 575px) {
.main-search-wrap {
padding: 16px;
}
}
/* Wrapper: keep full width and nice card look */
.main-search-wrap {
background: #ffffff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0,0,0,0.06);
width: 100%;
box-sizing: border-box;
}
.main-search-form {
width: 100%;
}
/* Fields */
.msf-field .form-select,
.msf-location {
height: 48px;
padding: 8px 14px;
font-size: 15px;
border-radius: 8px;
border: 1px solid #d5d9df;
background-color: #fff;
color: #1b2a38;
box-sizing: border-box;
}
/* ✅ Custom dropdown arrow for selects */
.msf-field .form-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image:url(../images/arrow-down-ico.svg) !important;
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 14px 14px;
padding-right: 40px; /* space for arrow */
}
/* Location with search icon */
.msf-location-group {
position: relative;
}
.msf-location {
padding-right: 42px;
}
.msf-location-icon {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
color: #778ca3;
font-size: 16px;
pointer-events: none;
}
/* Search button */
.msf-search-btn {
height: 48px;
width: 100%;
background: #083a5b;
color: #fff;
font-weight: 600;
border: none;
border-radius: 8px;
transition: 0.2s ease-in-out;
}
.msf-search-btn:hover {
background: #0b4f78;
}
/* ✅ Mobile fixes (<768px): make all fields full-width and stack nicely */
@media (max-width: 767.98px) {
	.pd-slider-title{text-align: center;}
.main-search-wrap {
padding: 16px;
}
/* force columns inside this form to be full width */
.main-search-form .col-8,
.main-search-form .col-4,
.main-search-form .col-sm-6,
.main-search-form .col-md-2,
.main-search-form .col-md-4,
.main-search-form .col-lg-2,
.main-search-form .col-lg-4 {
flex: 0 0 100%;
max-width: 100%;
}
/* small spacing between stacked rows */
.main-search-form .row + .row {
margin-top: 0.5rem;
}
}
.mobile-view{display:none;}
/* Mobile: show full search form in hero banner */
@media (max-width: 767.98px) {
  .mob-hide{display: none;}
  .mobile-view{display: block; background-color: #00356f; padding:50px 30px 30px 30px;}
.mob-center{ text-align: center !important;}
.custom-bg-mobile{background-color:#083a5b !important; padding-top: 50px; padding-bottom: 30px;}
/* let caption + form flow normally instead of being vertically centered */
.hero-caption {
position: static !important;
transform: none !important;
top: auto;
left: auto;
right: auto;
bottom: auto;
padding: 1.5rem 0 2rem;
text-align: left;
}
.hero-caption-inner {
position: static !important;
transform: none !important;
width: 100%;
}
/* banner image: nice height on mobile */
#carouselExampleControlsNoTouching .img-banner {
width: 100%;
height: auto;
min-height: 460px;    
object-fit: cover;
}
/* hero search card: padding & background for readability */
.hero-search-wrap {
background: rgba(255, 255, 255, 0.96);
border-radius: 12px;
margin-top: 1rem;
padding: 16px;
}
/* stack all fields 100% width on small screens */
.hero-main-search-form .col-8,
.hero-main-search-form .col-4,
.hero-main-search-form .col-sm-6,
.hero-main-search-form .col-md-2,
.hero-main-search-form .col-md-4,
.hero-main-search-form .col-lg-2,
.hero-main-search-form .col-lg-3,
.hero-main-search-form .col-lg-4,
.hero-main-search-form .col-lg-9 {
flex: 0 0 100%;
max-width: 100%;
}
/* slightly reduce gap between rows inside hero form */
.hero-main-search-form .row + .row {
margin-top: 0.5rem;
}
}