/* ===== Estora style (purple #512b84 / green #37b989, Poppins + Inter) ===== */
body{zoom:.9;color:#212121;background:#fff}
:root{--secondary-color:#37b989;--secondary-dark:#2c9a72;--primary-dark:#3f2066;--ui-radius:20px;--soft-bg:#f7f8fa;--shadow-card:0 1px 2px rgba(20,10,40,.04),0 8px 24px rgba(20,10,40,.06)}

/* ---- header: white, turns purple when sticky ---- */
.main-header,.main-header .header-lower{background:#fff!important;box-shadow:none}
.main-header .navigation>li>a{font-family:var(--primary-font);font-weight:500;font-size:15px;color:#222}
.main-header .navigation>li.current>a,.main-header .navigation>li>a:hover{color:var(--primary-color)}
.main-header .navigation>li>a::before{background-color:var(--secondary-color)!important}
.fixed-header.is-fixed,.fixed-header.is-fixed .header-lower,.fixed-header.fixed .header-lower,.sticky-header .header-lower{background:var(--primary-color)!important}
.fixed-header.is-fixed .navigation>li>a,.fixed-header.fixed .navigation>li>a{color:#fff}
.tf-btn,.btn,.btn-primary,button.tf-btn{border-radius:999px;font-weight:600}
.tf-btn.primary,.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}
.tf-btn.primary:hover,.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
header .tf-btn.primary{background:var(--secondary-color);border-color:var(--secondary-color)}
header .tf-btn.primary:hover{background:var(--secondary-dark);border-color:var(--secondary-dark)}

/* ---- hero: purple gradient overlay ---- */
.flat-slider .overlay,.hero-banner-slider .overlay{background:linear-gradient(to right,rgba(32,15,58,.92),rgba(43,22,80,.72),rgba(32,15,58,.35))!important;opacity:1!important}
.flat-slider .heading,.flat-slider h1,.flat-slider .title{color:#fff;font-weight:600}
.flat-tab .nav-tab-form li .nav-link-item,.flat-tab .nav-link-item{border-radius:999px}
.flat-tab-form,.wrap-filter-search,.form-sl,.form-search{border-radius:24px}

/* ---- sections: eyebrow + title like Estora ---- */
.flat-section,.flat-section-v3,.flat-section-v4{padding-top:96px;padding-bottom:96px}
.flat-section:nth-of-type(even):not(.flat-slider),.flat-section-v3:nth-of-type(odd){background:var(--soft-bg)}
.text-subtitle,.text-subtitle.text-primary{color:#2a9a71!important;font-family:var(--primary-font);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.section-title,.box-title h2{font-family:var(--heading-font);font-weight:600;color:#222}

/* ---- cards ---- */
.homeya-box,.box-location,.box-blog,.box-agent,.service-item,.box-benefit,.card,.widget-box,.box-whychoose,.flat-account{border-radius:var(--ui-radius);background:#fff;box-shadow:var(--shadow-card);border:1px solid #eef0f3;overflow:hidden}
.homeya-box .images-style img,.box-location .image img,.box-blog .images img{border-radius:0}
.homeya-box .content{padding:20px}
.flag-tag{border-radius:999px;font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.flag-tag.success{background:var(--secondary-color);color:#fff}
.flag-tag.primary{background:var(--primary-color);color:#fff}
.flag-tag.style-2{background:rgba(255,255,255,.92);color:#222}
.homeya-box .h7 a,.homeya-box .link{font-family:var(--heading-font);font-weight:600;color:#222}
.homeya-box .h7 a:hover{color:var(--primary-color)}
.box-icon.w-32,.box-icon.w-40{border-radius:999px}
input.form-control,select.form-control,textarea.form-control,.nice-select,.form-control{border-radius:14px;border-color:#e4e7ec}
input:focus,textarea:focus,select:focus,.form-control:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px rgba(81,43,132,.14)!important}

/* ---- CTA band + footer ---- */
.flat-section-v4.flat-partner{background:#fff}
.footer{background-color:#2a1548!important}
.footer .footer-bg-image{display:none}
.footer .top-footer,.footer .inner-footer,.footer .bottom-footer{background:transparent}
.footer .footer-menu-list a,.footer .text-variant-2,.footer p{color:rgba(255,255,255,.72)}
.footer h6,.footer .footer-menu-heading,.footer .footer-heading{color:#fff;font-family:var(--heading-font);font-weight:600;letter-spacing:.14em;text-transform:uppercase;font-size:13px}
.footer a:hover{color:var(--secondary-color)!important}
.footer .box-icon.social{border:1px solid rgba(255,255,255,.25);background:transparent;border-radius:999px}
.footer .box-icon.social:hover{background:var(--secondary-color);border-color:var(--secondary-color)}
.footer .bottom-footer{border-top:1px solid rgba(255,255,255,.12)}
h1,h2,h3,h4,h5,h6{letter-spacing:-.01em}

/* purple header once scrolled */
.main-header.is-scrolled,.main-header.is-scrolled .header-lower{background:var(--primary-color)!important;box-shadow:0 8px 24px rgba(20,10,40,.18)}
.main-header.is-scrolled .navigation>li>a,.main-header.is-scrolled .navigation>li>a:hover{color:#fff}
.main-header.is-scrolled .logo img{content:url(../../../storage/general/logo-light.svg)}
.main-header.is-scrolled .header-lower *,.main-header.is-scrolled .nav-outer,.main-header.is-scrolled .main-menu{background-color:transparent!important}
.main-header.is-scrolled .tf-btn.primary{background-color:var(--secondary-color)!important}
.main-header.is-scrolled .navigation>li>ul{background:#fff!important}
.main-header.is-scrolled .navigation>li>ul a{color:#222}
/* Estora has no partner-logos strip */
.flat-partner{display:none}

/* ===== Estora homepage sections ===== */
.es-section{padding:96px 0}
.es-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;flex-wrap:wrap}
.es-head .section-title{font-size:36px;margin:8px 0 12px;text-align:left}
.es-head-stack{display:block}
.es-lead{color:#767676;font-size:15px;margin:0}
.es-pill{border:1px solid #e4e7ec;border-radius:999px;padding:12px 22px;font-weight:600;color:var(--primary-color);background:#fff;white-space:nowrap}
.es-pill:hover{border-color:var(--primary-color);color:var(--primary-color)}
.es-cat-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.es-cat{position:relative;grid-column:span 3;min-height:250px;border-radius:24px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:22px;color:#fff!important}
.es-cat-lg{grid-column:span 6;min-height:310px}
.es-cat-third{grid-column:span 4}
.es-cat::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(27,15,47,.85),rgba(27,15,47,.25),rgba(0,0,0,0))}
.es-cat>div{position:relative}
.es-cat h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 4px}
.es-cat p{color:rgba(255,255,255,.8);font-size:12px;margin:0}
.es-cat i{position:absolute;right:18px;bottom:18px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-style:normal;font-size:15px;backdrop-filter:blur(6px)}
.es-cat:hover{transform:translateY(-3px);transition:.25s}
.es-cat:hover i{background:var(--secondary-color)}
.es-why{background:var(--soft-bg)}
.es-why .es-head-stack .section-title{margin-bottom:10px}
.es-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
.es-why-card{background:#fff;border:1px solid #eef0f3;border-radius:24px;padding:28px 24px;box-shadow:var(--shadow-card)}
.es-ico{width:46px;height:46px;border-radius:14px;background:#f4f0f8;color:var(--primary-color);display:grid;place-items:center;margin-bottom:20px}
.es-why-card h3{font-size:16px;font-weight:600;margin:0 0 8px}
.es-why-card p{font-size:14px;color:#767676;margin:0}
.es-cta{background:var(--primary-color);padding:72px 0}
.es-cta-in{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.es-cta-eyebrow{color:rgba(255,255,255,.75);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;margin-bottom:12px}
.es-cta h2{color:#fff;font-size:36px;font-weight:600;margin:0 0 10px}
.es-cta p{color:rgba(255,255,255,.8);margin:0;max-width:480px}
.es-cta-btn{background:var(--secondary-color);color:#fff!important;font-weight:600;border-radius:999px;padding:16px 30px}
.es-cta-btn:hover{background:var(--secondary-dark)}
@media(max-width:991px){.es-cat,.es-cat-lg,.es-cat-third{grid-column:span 6}.es-why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.es-cat,.es-cat-lg,.es-cat-third{grid-column:span 12;min-height:200px}.es-why-grid{grid-template-columns:1fr}.es-head .section-title,.es-cta h2{font-size:28px}}

/* hero: premium badge + stats */
.hero-banner-slider .slider-content{position:relative}
.hero-banner-slider .slider-content::before{content:"\25CF  PREMIUM MARKETPLACE";display:inline-block;margin-bottom:18px;padding:8px 16px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:11px;font-weight:600;letter-spacing:.14em}
.hero-banner-slider .slider-content::after{content:"8+ LISTINGS      5 CITIES      100% REVIEWED";display:block;margin-top:36px;color:rgba(255,255,255,.85);font-size:12px;letter-spacing:.14em;white-space:pre;font-weight:600}
.es-cat-1{background-image:url(../../../storage/properties/9.jpg)}
.es-cat-2{background-image:url(../../../storage/properties/1.jpg)}
.es-cat-3{background-image:url(../../../storage/properties/3.jpg)}
.es-cat-4{background-image:url(../../../storage/categories/land.jpg)}
.es-cat-5{background-image:url(../../../storage/properties/8.jpg)}
.es-cat-6{background-image:url(../../../storage/categories/commercial.jpg)}
.es-cat{flex-direction:column;justify-content:flex-end;align-items:flex-start}
.es-cat span{position:relative;display:block}
.es-cat .es-cat-t{color:#fff;font-family:var(--heading-font);font-size:18px;font-weight:600;margin-bottom:4px}
.es-cat .es-cat-s{color:rgba(255,255,255,.8);font-size:12px}
.hero-banner-slider .slider-content{text-align:left}
.es-ico{background-repeat:no-repeat;background-position:center;background-size:22px}
.es-ico-1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23512b84' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.es-ico-2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23512b84' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h10M18 7h2M4 17h2M10 17h10'/%3E%3Ccircle cx='16' cy='7' r='2'/%3E%3Ccircle cx='8' cy='17' r='2'/%3E%3C/svg%3E")}
.es-ico-3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23512b84' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 01-11.6 7.1L4 20l1-4.6A8 8 0 1121 12z'/%3E%3C/svg%3E")}
.es-ico-4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23512b84' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l9 5-9 5-9-5 9-5z'/%3E%3Cpath d='M3 13l9 5 9-5M3 17.5l9 5 9-5'/%3E%3C/svg%3E")}
/* left-aligned section headings like Estora */
.flat-section .box-title,.flat-section .box-title.text-center{text-align:left!important}
.flat-section .box-title .section-title{font-size:36px}

/* hero search tabs: attached to the search card, like Estora */
.flat-tab-form .nav-tab-form{justify-content:flex-start!important;gap:6px;margin:0!important;padding:0!important}
.flat-tab-form .nav-tab-form li{margin:0!important}
.flat-tab-form .nav-link-item{border-radius:16px 16px 0 0!important;padding:14px 28px!important;font-weight:600;color:#fff;background:rgba(255,255,255,.2)!important;border:0;backdrop-filter:blur(6px)}
.flat-tab-form .nav-link-item.active{background:#fff!important;color:var(--primary-color)}
.flat-tab-form .tab-content .tab-pane>*,.flat-tab-form .tab-content>*>*{border-top-left-radius:0!important}

/* hero search card: consistent corners */
.flat-tab-form .wd-find-select{border-radius:0 24px 24px 24px!important;box-shadow:0 18px 40px rgba(20,10,40,.22)}
.flat-tab-form .wd-find-select .tf-btn.primary,.flat-tab-form .wd-find-select button.tf-btn{border-radius:0 24px 24px 0!important;font-family:var(--heading-font);font-weight:600;background:var(--primary-color);border-color:var(--primary-color)}
.flat-tab-form .wd-find-select .tf-btn.primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}
.flat-tab-form .nav-link-item{font-family:var(--heading-font)!important;font-size:14px}

/* Asoor logo sizing */
.main-header .logo img{max-height:54px!important;height:54px;width:auto;margin-right:28px}
.footer .footer-logo img{max-height:60px!important;height:60px;width:auto}
.main-header .logo img{max-height:46px!important;height:46px;margin-right:8px}
.main-header .navigation>li,.main-header .navigation>li>a,.main-header .tf-btn{white-space:nowrap}
.main-header .navigation>li>a{font-size:14px}
.main-header .navigation>li{margin-right:0}
.main-header .navigation{gap:0}
@media(max-width:1199px){.main-header .navigation>li>a{padding-left:9px;padding-right:9px}.main-header .tf-btn.primary{padding:10px 16px;font-size:14px}}

/* top announcement bar */
.top-header,.top-header *{color:#fff!important}
.top-header{background:var(--primary-color)!important;border-bottom:0}
.top-header svg,.top-header i{color:#fff;fill:currentColor}
.top-header a:hover{color:var(--secondary-color)!important}
/* top bar dropdowns (currency/language) keep dark text on white */
.top-header .dropdown-menu,.top-header .dropdown-menu *{color:#222!important}
.top-header .dropdown-menu{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 12px 32px rgba(20,10,40,.14);padding:6px}
.top-header .dropdown-menu .dropdown-item{border-radius:10px;font-weight:500}
.top-header .dropdown-menu .dropdown-item:hover,.top-header .dropdown-menu .dropdown-item:hover *{background:#f4f0f8;color:var(--primary-color)!important}
.top-header .dropdown-menu .dropdown-item.active,.top-header .dropdown-menu .active,.top-header .dropdown-menu .active *{background:var(--primary-color);color:#fff!important}

/* property overview card: proper spacing, no overlap with the title */
.single-property-overview .title{margin-bottom:16px}
.single-property-overview .info-box{margin:0!important;padding:0 12px 24px;background:#fff;border:1px solid #eef0f3;border-radius:20px;box-shadow:var(--shadow-card)}
.single-property-overview .info-box .item .box-icon{background:#f4f0f8;color:var(--primary-color);border-radius:14px}

/* property detail header card */
.flat-property-detail{padding-top:32px!important}
.header-property-detail{border-radius:20px;border:1px solid #eef0f3;box-shadow:var(--shadow-card);padding:32px!important}
.header-property-detail h1.title,.header-property-detail .box-name .title{font-family:var(--heading-font);font-weight:600;font-size:26px;color:#222;margin-top:10px}
.header-property-detail .content-top>.h4,.header-property-detail .content-top .h4:not(.title){font-family:var(--heading-font);font-weight:600;font-size:26px;color:var(--primary-color)}
.header-property-detail .meta-item{font-weight:500;color:#222}
.header-property-detail .meta-item .icon,.header-property-detail .meta-item svg{color:var(--primary-color)}
.header-property-detail button.item{width:46px;height:46px;border-radius:999px;background:#f4f0f8;border:1px solid #e6dff0;color:var(--primary-color);display:grid;place-items:center;transition:.2s}
.header-property-detail button.item:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}

/* floor plan image fills the whole white box */
[class*=floor] .box-img{padding:12px!important;border-radius:16px}
[class*=floor] .box-img a{display:block;width:100%}
[class*=floor] .box-img img{display:block;width:100%!important;max-width:100%;height:auto!important;object-fit:contain;border-radius:12px}

/* Buy a property by city */
.es-cities{background:#fff}
.es-city-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.es-city{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:360px;border-radius:24px;overflow:hidden;background-size:cover;background-position:center;padding:22px;color:#fff!important;transition:transform .25s}
.es-city::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(27,15,47,.88),rgba(27,15,47,.2) 55%,rgba(0,0,0,0))}
.es-city span{position:relative;display:block}
.es-city .es-city-n{color:#fff;font-family:var(--heading-font);font-size:20px;font-weight:600;margin-bottom:4px}
.es-city .es-city-s{color:rgba(255,255,255,.85);font-size:12px}
.es-city i{position:absolute;right:18px;bottom:18px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font-style:normal;font-size:15px;backdrop-filter:blur(6px)}
.es-city:hover{transform:translateY(-4px)}
.es-city:hover i{background:var(--secondary-color)}
.es-city-1{background-image:url(../../../storage/cities/dubai.jpg)}
.es-city-2{background-image:url(../../../storage/cities/abu-dhabi.jpg)}
.es-city-3{background-image:url(../../../storage/cities/sharjah.jpg)}
.es-city-4{background-image:url(../../../storage/cities/ajman.jpg)}
.es-city-5{background-image:url(../../../storage/cities/ras-al-khaimah.jpg)}
@media(max-width:991px){.es-city-grid{grid-template-columns:repeat(3,1fr)}.es-city{min-height:300px}}
@media(max-width:575px){.es-city-grid{grid-template-columns:repeat(2,1fr)}.es-city{min-height:240px}}