@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#10233b;--green:#0e8f75;--gold:#d5a43b;--coral:#f26b5e;--cream:#f8f6f1;--ink:#18212b;--muted:#6c7882;--line:#e5e7e4;--shadow:0 18px 55px rgba(16,35,59,.12)}
*{box-sizing:border-box}body{margin:0;font:15px/1.6 Inter,system-ui,sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:auto}.top{background:var(--navy);color:#d7e4ed;font-size:12px}.top .container{display:flex;justify-content:space-between;padding:8px 0}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand>b{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--green),var(--gold))}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:var(--muted)}.links{display:flex;gap:25px;font-weight:600}.btn{border:0;border-radius:12px;padding:12px 18px;background:var(--green);color:#fff;font-weight:800;cursor:pointer}.btn.big{padding:15px 23px}.btn.light{background:#fff;color:var(--navy)}.btn.secondary{background:#eaf0f2;color:var(--navy)}.btn.coral{background:var(--coral)}.btn.full{width:100%}.hero{position:relative;background:linear-gradient(120deg,var(--navy),#164662 60%,#176d6c);color:#fff;padding:80px 0 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding-bottom:80px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:#baf1e7}.eyebrow.green{color:var(--green)}h1,h2{font-family:'DM Serif Display',serif;font-weight:400;color:var(--navy);line-height:1.08}.hero h1{font-size:clamp(48px,7vw,82px);color:#fff;margin:14px 0}.hero h1 em{color:#f4c968}.hero p{font-size:18px;color:#d5e3ea}.actions{display:flex;gap:12px;margin-top:28px}.hero-card{height:430px;border-radius:100px 100px 20px 20px;padding:12px;background:linear-gradient(145deg,var(--gold),var(--coral),#58c7a8);display:flex;align-items:end}.hero-card>div{background:#fff;color:var(--ink);border-radius:18px;padding:22px;width:100%;box-shadow:var(--shadow)}.hero-card h2{font-size:30px;margin:6px 0}.hero-card a{color:var(--green);font-weight:800}.search{position:relative;transform:translateY(10px);display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:10px;background:#fff;padding:16px;border-radius:18px;box-shadow:var(--shadow)}input,select,textarea{width:100%;padding:12px;border:1px solid #d9e0e3;border-radius:10px;background:#fff}.section{padding:92px 0}.soft{background:var(--cream)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.section-head h2,.advisor h2,.cta h2{font-size:clamp(38px,5vw,56px);margin:8px 0}.section-head>a,.clear{color:var(--green);font-weight:800}.grid{display:grid;gap:22px}.cards{grid-template-columns:repeat(3,1fr)}.property-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;transition:.2s}.property-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.image{position:relative;display:block;height:255px;background:#e2eae7;overflow:hidden}.image img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#d9e8e4,#f2dfc7);font-family:'DM Serif Display';font-size:26px;color:var(--navy)}.pill{position:absolute;top:13px;padding:6px 10px;border-radius:999px;background:#fff;font-size:10px;font-weight:800;text-transform:uppercase}.pill.left{left:13px;background:var(--gold)}.pill.right{right:13px}.pill.static{position:static;display:inline-block;background:var(--green);color:#fff}.body{padding:20px}.body h3{font-size:19px;line-height:1.35;margin:7px 0}.body p{color:var(--muted);margin:0}.price{color:var(--green);font-size:18px}.facts{display:flex;gap:14px;border-top:1px solid var(--line);padding-top:13px;margin-top:14px;color:var(--muted);font-size:13px}.categories{grid-template-columns:repeat(4,1fr)}.categories a{min-height:210px;border-radius:20px;padding:25px;background:#fff;border:1px solid var(--line)}.categories a:nth-child(2){background:#e7f4ef}.categories a:nth-child(3){background:#fff0dc}.categories a:nth-child(4){background:#fae7e3}.categories h3{font:36px 'DM Serif Display';margin:50px 0 5px;color:var(--navy)}.categories span{color:var(--green);font-weight:700}.advisor{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.owner-photo{height:500px;border-radius:30px;padding:30px;display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#d9e8e4,#f2dfc7);border:10px solid #f1b45d}.owner-photo span{font:32px 'DM Serif Display';color:var(--navy)}.owner-photo small{max-width:280px}.advisor>div>p{font-size:18px;color:var(--muted)}.contact-boxes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-boxes a{border:1px solid var(--line);border-radius:15px;padding:17px;display:grid}.contact-boxes small{color:var(--green);font-weight:800}.contact-boxes strong{overflow-wrap:anywhere}.cta{background:linear-gradient(100deg,var(--green),#126873);padding:58px 0;color:#fff}.cta .container{display:flex;align-items:center;justify-content:space-between}.cta h2{color:#fff;margin:4px 0}.footer{background:#091728;color:#c8d2db;padding:55px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px}.footer h3,.footer h4{color:#fff}.footer a{display:block;margin:7px 0}.page-hero{padding:70px 0;background:linear-gradient(120deg,var(--navy),#176d6c);color:#fff}.page-hero h1{font-size:clamp(45px,6vw,72px);color:#fff;max-width:850px}.listing{display:grid;grid-template-columns:290px 1fr;gap:34px;align-items:start}.filters{position:sticky;top:20px;border:1px solid var(--line);border-radius:18px;padding:22px}.filters label,.inquiry label,.admin-form label,.login-card label{display:grid;gap:6px;font-size:12px;font-weight:800;margin-bottom:14px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.clear{display:inline-block;margin-top:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.two-cards{grid-template-columns:1fr 1fr}.empty{text-align:center;border:1px dashed #cbd4d8;border-radius:18px;padding:45px;background:#fbfcfc}.gallery{height:520px;margin:25px 0 45px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:9px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:14px}.gallery .main{grid-row:1/3}.empty-gallery{display:block}.detail{display:grid;grid-template-columns:1fr 370px;gap:50px;align-items:start}.detail-head{display:flex;justify-content:space-between;gap:25px}.detail-head h1{font-size:52px;margin:13px 0}.detail-price{color:var(--green);font-size:24px;white-space:nowrap}.detail-facts{padding:20px 0;margin:25px 0;border-block:1px solid var(--line)}.lead{font-size:18px;font-weight:600}.description{white-space:pre-line;color:#4f5e69}.inquiry{position:sticky;top:20px;background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:24px}.inquiry h2{font-size:34px}.honeypot{position:absolute;left:-9999px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-grid a{padding:30px;border-radius:20px;background:var(--cream);display:grid}.contact-grid a:nth-child(2){background:#e6f3ef}.contact-grid strong{font-size:23px;overflow-wrap:anywhere}.contact-grid span{color:var(--green);font-weight:800;margin-top:15px}.flash{padding:12px 14px;border-radius:10px;margin:14px 0}.flash.success{background:#ddf4eb;color:#086653}.flash.error{background:#fde5e3;color:#912018}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#176d6c);padding:20px}.login-card{width:min(450px,100%);background:#fff;border-radius:25px;padding:35px;box-shadow:var(--shadow)}.login-card h1{font-size:46px;margin-bottom:0}.admin-body{background:#f3f5f6}.admin-shell{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--navy);padding:23px;color:#dce5eb;display:flex;flex-direction:column}.sidebar .brand strong{color:#fff}.sidebar nav{display:grid;gap:5px;margin-top:40px;flex:1}.sidebar nav a{padding:10px;border-radius:8px}.sidebar nav a:hover{background:rgba(255,255,255,.08)}.admin-main{padding:38px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-head h1{font-size:48px;margin:3px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stats>div,.panel{background:#fff;border:1px solid #e4e9eb;border-radius:18px;padding:23px;box-shadow:0 7px 25px rgba(16,35,59,.05)}.stats strong{display:block;font:42px 'DM Serif Display';color:var(--navy)}.stats span{color:var(--muted)}.panel{margin-top:20px}.panel h2{font-family:Inter;font-size:20px;font-weight:800}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick a{border:1px solid var(--line);border-radius:13px;padding:17px;display:grid}.quick span{color:var(--green);font-size:12px;margin-top:7px}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;min-width:820px}th,td{text-align:left;padding:15px;border-bottom:1px solid #edf0f1;font-size:13px}th{font-size:10px;text-transform:uppercase;background:#f8fafb}td strong,td small{display:block}.status{display:inline-block;padding:5px 9px;border-radius:999px;background:#e3f2ed;color:#08715d;font-size:10px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.four{grid-template-columns:repeat(4,1fr)}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}.upload{padding:25px;border:2px dashed #bbc8cd;background:#f8fafb}.image-manager{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.image-manager article{border:1px solid var(--line);border-radius:12px;overflow:hidden}.image-manager img{width:100%;height:140px;object-fit:cover}.image-manager article>div{display:flex;gap:8px;flex-wrap:wrap;padding:8px}.link-btn{border:0;background:none;color:var(--green);font-weight:800;font-size:11px;cursor:pointer}.link-btn.danger{color:#a4271e}.save-bar{position:sticky;bottom:12px;background:#ffffffeb;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:15px;padding:13px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:center;margin-top:20px}.danger-btn{background:#a9271e;margin-top:15px}.inquiry-list{display:grid;gap:15px}.inquiry-item{margin:0}.inquiry-top{display:flex;justify-content:space-between}.inquiry-top>div{display:flex;gap:13px;flex-wrap:wrap}.inline{display:flex;gap:8px;max-width:360px;margin-top:15px}
@media(max-width:1000px){.links{display:none}.hero-grid,.advisor,.detail,.listing{grid-template-columns:1fr}.search{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr 1fr}.categories{grid-template-columns:1fr 1fr}.filters,.inquiry{position:static}.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.stats{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:1fr 1fr}.quick{grid-template-columns:1fr}}
@media(max-width:680px){.top .container>span:first-child,.top a:last-child{display:none}.nav{height:70px}.nav>.btn{display:none}.hero{padding-top:50px}.hero-grid{grid-template-columns:1fr;padding-bottom:25px}.hero-card{height:320px}.search{grid-template-columns:1fr;transform:translateY(8px)}.section{padding:65px 0}.cards,.two-cards,.categories,.contact-grid,.footer-grid,.contact-boxes{grid-template-columns:1fr}.section-head,.cta .container,.admin-head{align-items:flex-start;flex-direction:column}.gallery{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:280px 150px}.gallery .main{grid-column:1/3;grid-row:auto}.detail-head{flex-direction:column}.detail-head h1{font-size:42px}.admin-main{padding:20px 13px}.stats,.form-grid,.form-grid.four{grid-template-columns:1fr}.image-manager{grid-template-columns:1fr 1fr}}

/* Uniform property detail gallery */
.gallery {
    height: auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    grid-auto-rows: 360px;
    gap: 14px;
    margin: 25px 0 45px;
}

.gallery img,
.gallery .main {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 16px;
    grid-column: auto;
    grid-row: auto;
}

@media (max-width: 680px) {
    .gallery {
        grid-template-columns: 1fr;
        grid-template-rows: none;
        grid-auto-rows: 280px;
        gap: 12px;
    }

    .gallery .main {
        grid-column: auto;
        grid-row: auto;
    }
}

/* Featured property guidance image card */
.hero-card {
    height: 430px;
    padding: 14px;
    border-radius: 100px 100px 22px 22px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(8, 29, 49, 0.05) 0%,
            rgba(8, 29, 49, 0.18) 50%,
            rgba(8, 29, 49, 0.55) 100%
        ),
        url('/images/featured-guidance-bg.webp') center center / cover no-repeat;

    box-shadow: 0 28px 65px rgba(4, 25, 43, 0.30);
}

.hero-card > div {
    width: 100%;
    padding: 22px 24px;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(4, 25, 43, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-card > div > span {
    font-weight: 600;
}

.hero-card h2 {
    margin: 6px 0;
    font-size: 30px;
}

.hero-card a {
    color: var(--green);
    font-weight: 800;
}

@media (max-width: 760px) {
    .hero-card {
        height: 390px;
        border-radius: 60px 60px 20px 20px;
        background-position: center center;
    }
}

/* Featured property guidance image card */
.hero-card {
    height: 430px;
    padding: 14px;
    border-radius: 100px 100px 22px 22px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;

    background:
        linear-gradient(
            180deg,
            rgba(8, 29, 49, 0.05) 0%,
            rgba(8, 29, 49, 0.18) 50%,
            rgba(8, 29, 49, 0.55) 100%
        ),
        url('/images/featured-guidance-bg.webp') center center / cover no-repeat;

    box-shadow: 0 28px 65px rgba(4, 25, 43, 0.30);
}

.hero-card > div {
    width: 100%;
    padding: 22px 24px;
    color: var(--ink);
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(4, 25, 43, 0.25);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.hero-card > div > span {
    font-weight: 600;
}

.hero-card h2 {
    margin: 6px 0;
    font-size: 30px;
}

.hero-card a {
    color: var(--green);
    font-weight: 800;
}

@media (max-width: 760px) {
    .hero-card {
        height: 390px;
        border-radius: 60px 60px 20px 20px;
        background-position: center center;
    }
}

/* =========================================================
   North Lanka — animated four-panel home hero
   ========================================================= */
.premium-hero-bg {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background-color: #10233b;

    background-image:
        linear-gradient(
            90deg,
            rgba(5, 20, 36, 0.82) 0%,
            rgba(5, 20, 36, 0.66) 42%,
            rgba(5, 20, 36, 0.42) 100%
        ),
        url('/images/hero-panel-1.webp'),
        url('/images/hero-panel-2.webp'),
        url('/images/hero-panel-3.webp'),
        url('/images/hero-panel-4.webp');

    background-repeat:
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat,
        no-repeat;

    /*
     * The first layer is the dark overlay.
     * The other four layers are equal vertical image panels.
     */
    background-size:
        100% 100%,
        25.2% 112%,
        25.2% 112%,
        25.2% 112%,
        25.2% 112%;

    background-position:
        center,
        0% 0%,
        33.333% 100%,
        66.667% 0%,
        100% 100%;

    animation: premiumHeroMotion 18s ease-in-out infinite alternate;
}

/* Keep all hero content in front of the background */
.premium-hero-bg .container {
    position: relative;
    z-index: 1;
}

.premium-hero-bg h1,
.premium-hero-bg p,
.premium-hero-bg .eyebrow {
    text-shadow: 0 3px 20px rgba(0, 0, 0, 0.55);
}

@keyframes premiumHeroMotion {
    from {
        background-position:
            center,
            0% 0%,
            33.333% 100%,
            66.667% 0%,
            100% 100%;
    }

    to {
        background-position:
            center,
            0% 100%,
            33.333% 0%,
            66.667% 100%,
            100% 0%;
    }
}

/* Mobile: show the four images as a 2 × 2 animated collage */
@media (max-width: 700px) {
    .premium-hero-bg {
        background-size:
            100% 100%,
            50.2% 58%,
            50.2% 58%,
            50.2% 58%,
            50.2% 58%;

        background-position:
            center,
            0% 0%,
            100% 0%,
            0% 100%,
            100% 100%;

        animation-name: premiumHeroMotionMobile;
    }

    @keyframes premiumHeroMotionMobile {
        from {
            background-position:
                center,
                0% 0%,
                100% 0%,
                0% 100%,
                100% 100%;
        }

        to {
            background-position:
                center,
                0% 8%,
                100% 5%,
                0% 92%,
                100% 95%;
        }
    }
}

/* Respect visitors who disable animations */
@media (prefers-reduced-motion: reduce) {
    .premium-hero-bg {
        animation: none;
    }
}


/* Hero layout after removing the guidance card */
.premium-hero-bg .hero-grid {
    grid-template-columns: minmax(0, 780px);
}


/* Center the main home-page hero content */
.premium-hero-bg {
    min-height: 680px;
}

.premium-hero-bg .hero-grid {
    min-height: 680px;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-template-columns: none;
}

.premium-hero-bg .hero-grid > div {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.premium-hero-bg .eyebrow {
    display: inline-flex;
    justify-content: center;
}

.premium-hero-bg h1 {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.premium-hero-bg p {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.premium-hero-bg .actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

@media (max-width: 700px) {
    .premium-hero-bg,
    .premium-hero-bg .hero-grid {
        min-height: 620px;
    }

    .premium-hero-bg .hero-grid > div {
        padding-left: 18px;
        padding-right: 18px;
    }

    .premium-hero-bg .actions {
        flex-direction: column;
    }

    .premium-hero-bg .actions .btn {
        width: 100%;
        max-width: 320px;
        justify-content: center;
    }
}


/* Reduce the height of the four-picture hero background */
.premium-hero-bg,
.premium-hero-bg .hero-grid {
    min-height: 520px;
}

@media (max-width: 900px) {
    .premium-hero-bg,
    .premium-hero-bg .hero-grid {
        min-height: 480px;
    }
}

@media (max-width: 700px) {
    .premium-hero-bg,
    .premium-hero-bg .hero-grid {
        min-height: 440px;
    }
}


/* North Lanka copyright footer */
.footer-bottom {
    margin-top: 42px;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.14);
}

.footer-bottom-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 13px;
    letter-spacing: 0.02em;
}

.footer-bottom-inner strong {
    color: #f4c968;
    font-weight: 700;
}

@media (max-width: 700px) {
    .footer-bottom-inner {
        flex-direction: column;
        text-align: center;
        gap: 7px;
    }
}


.footer-bottom-inner a {
    color: #f4c968;
    text-decoration: none;
    font-weight: 700;
}

.footer-bottom-inner a:hover {
    text-decoration: underline;
}


/* Floating WhatsApp communication button */
.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 58px;
    padding: 0 20px;

    color: #ffffff;
    background: #25d366;
    border: 2px solid rgba(255, 255, 255, 0.85);
    border-radius: 999px;

    font-size: 15px;
    font-weight: 800;
    text-decoration: none;

    box-shadow:
        0 16px 38px rgba(4, 25, 43, 0.28),
        0 5px 15px rgba(37, 211, 102, 0.30);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.whatsapp-float svg {
    width: 27px;
    height: 27px;
    flex: 0 0 auto;
}

.whatsapp-float:hover {
    color: #ffffff;
    background: #1ebe5d;
    transform: translateY(-3px);
    box-shadow:
        0 20px 44px rgba(4, 25, 43, 0.34),
        0 7px 18px rgba(37, 211, 102, 0.38);
}

/* WhatsApp button inside property inquiry card */
.whatsapp-btn {
    margin-top: 12px;
    color: #ffffff !important;
    background: #128c7e;
    border-color: #128c7e;
    text-decoration: none;
}

.whatsapp-btn:hover {
    color: #ffffff !important;
    background: #0d756a;
    border-color: #0d756a;
}

@media (max-width: 700px) {
    .whatsapp-float {
        right: 16px;
        bottom: 16px;
        width: 58px;
        min-width: 58px;
        height: 58px;
        padding: 0;
    }

    .whatsapp-float span {
        display: none;
    }
}


/* Move home-page property search slightly upward */
.premium-hero-bg + .search,
.premium-hero-bg .search,
.search {
    transform: translateY(-12px) !important;
}

@media (max-width: 700px) {
    .premium-hero-bg + .search,
    .premium-hero-bg .search,
    .search {
        transform: translateY(-8px) !important;
    }
}


/* Vertically center WhatsApp text inside the floating green button */
.whatsapp-float {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.whatsapp-float span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 58px;
    line-height: 1;
    margin: 0;
}

.whatsapp-float svg {
    display: block;
    margin: 0;
}


/* North Lanka language selector */
.language-switcher {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #dce4e7;
    border-radius: 999px;
    background: #ffffff;
}

.language-switcher button {
    min-width: 38px;
    padding: 7px 9px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: var(--navy);
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.language-switcher button:hover,
.language-switcher button.active {
    background: var(--green);
    color: #ffffff;
}

@media (max-width: 680px) {
    .language-switcher {
        margin-left: auto;
    }

    .language-switcher button {
        min-width: 34px;
        padding: 7px;
        font-size: 10px;
    }
}

/* Smaller home-page hero title */
.premium-hero-bg h1 {
    font-size: 48px !important;
    line-height: 1.12;
}

@media (max-width: 900px) {
    .premium-hero-bg h1 {
        font-size: 40px !important;
    }
}

@media (max-width: 700px) {
    .premium-hero-bg h1 {
        font-size: 34px !important;
    }
}


/* Highlight fields that fail server-side validation */
.field-error {
    border: 2px solid #dc2626 !important;
    background-color: #fff1f2 !important;
    box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12) !important;
}

.field-error:focus {
    border-color: #b91c1c !important;
    outline: none !important;
    box-shadow: 0 0 0 5px rgba(220, 38, 38, 0.18) !important;
}

/* Validation messages underneath fields */
.field-error + .field-validation-error,
.form-error,
.error-message {
    display: block;
    margin-top: 6px;
    color: #b91c1c;
    font-size: 13px;
    font-weight: 700;
}

/* Form validation summary */
.validation-summary,
.alert-error {
    padding: 14px 18px;
    margin-bottom: 20px;
    color: #991b1b;
    background: #fff1f2;
    border: 1px solid #fecaca;
    border-left: 5px solid #dc2626;
    border-radius: 12px;
}



/* Conditional fields in the admin property form */
.conditional-hidden {
    display: none !important;
}

/* Home page: four premium featured-property cards */
.featured-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px;
}

.featured-grid .property-card {
    min-width: 0;
}

.featured-grid .image {
    height: 340px;
}

.featured-grid .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.featured-grid .property-card .body {
    padding: 18px;
}

.featured-grid .property-card h3 {
    font-size: 20px;
    line-height: 1.25;
}

/* Tablet */
@media (max-width: 1100px) {
    .featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .featured-grid .image {
        height: 360px;
    }
}

/* Mobile */
@media (max-width: 650px) {
    .featured-grid {
        grid-template-columns: 1fr !important;
    }

    .featured-grid .image {
        height: 330px;
    }
}

/* LANKA-PROPERTY-EVALUATION-MODULE */
.admin-subtitle {
    max-width: 720px;
    margin: 4px 0 0;
    color: var(--muted);
}

.evaluation-notice {
    border-left: 5px solid var(--gold);
    background: #fffaf0;
}

.evaluation-notice p {
    margin: 6px 0 0;
    color: #6f5a2b;
}

.evaluation-table .evaluation-value {
    color: var(--green);
    white-space: nowrap;
}

.evaluation-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    white-space: nowrap;
}

.evaluation-actions a {
    color: var(--green);
    font-weight: 700;
}

.evaluation-actions form {
    margin: 0;
}

.link-btn {
    border: 0;
    padding: 0;
    color: var(--green);
    background: transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.link-btn.danger {
    color: #c0392b;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
}

.pagination a {
    color: var(--green);
    font-weight: 800;
}

.evaluation-dashboard-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    background:
        linear-gradient(120deg, rgba(14,143,117,.09), rgba(213,164,59,.10)),
        #fff;
}

.evaluation-dashboard-card h2 {
    margin: 8px 0;
    font-size: 28px;
}

.evaluation-dashboard-card p {
    max-width: 700px;
    margin: 0;
    color: var(--muted);
}

.evaluation-form {
    display: grid;
    gap: 20px;
}

.evaluation-form-section {
    margin-top: 0;
}

.evaluation-section-heading {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 24px;
}

.evaluation-section-heading > span {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(135deg, var(--green), var(--gold));
    font-size: 12px;
    font-weight: 800;
}

.evaluation-section-heading h2 {
    margin: 0 0 4px;
    font: 800 22px Inter, sans-serif;
}

.evaluation-section-heading p {
    margin: 0;
    color: var(--muted);
}

.evaluation-form label {
    display: grid;
    gap: 7px;
    margin-bottom: 15px;
    color: var(--navy);
    font-size: 12px;
    font-weight: 800;
}

.evaluation-form label small {
    color: var(--muted);
    font-weight: 500;
}

.field-error {
    border: 2px solid #dc2626 !important;
    background: #fff1f2 !important;
    box-shadow: 0 0 0 4px rgba(220,38,38,.12) !important;
}

.validation-summary {
    padding: 15px 18px;
    color: #991b1b;
    background: #fff1f2;
    border: 1px solid #fecaca;
    border-left: 5px solid #dc2626;
    border-radius: 12px;
}

.evaluation-calculator {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 10px 0 22px;
}

.evaluation-calculator > div {
    padding: 17px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #f8faf9;
}

.evaluation-calculator span,
.evaluation-inline-value span,
.evaluation-final-value span,
.evaluation-range span {
    display: block;
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.evaluation-calculator strong {
    display: block;
    margin-top: 6px;
    color: var(--navy);
    font-size: 17px;
}

.evaluation-calculator .evaluation-calculator-total {
    color: #fff;
    background: var(--navy);
    border-color: var(--navy);
}

.evaluation-calculator .evaluation-calculator-total span {
    color: #b9cbd6;
}

.evaluation-calculator .evaluation-calculator-total strong {
    color: #f4c968;
}

.evaluation-disclaimer {
    padding: 17px;
    color: #6f5a2b;
    background: #fff8e8;
    border: 1px solid #f2d59a;
    border-radius: 14px;
}

.evaluation-disclaimer p {
    margin: 5px 0 0;
}

.evaluation-form-actions {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    gap: 12px;
    padding: 16px;
    background: rgba(243,245,246,.92);
    border: 1px solid var(--line);
    border-radius: 16px;
    backdrop-filter: blur(12px);
}

/* Formal report preview */
.evaluation-report-page {
    margin: 0;
    padding: 30px;
    color: #27343e;
    background: #e9edef;
}

.evaluation-report-toolbar {
    width: min(980px, 100%);
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 0 auto 20px;
}

.evaluation-report-toolbar > div {
    display: flex;
    gap: 10px;
}

.evaluation-report {
    width: min(980px, 100%);
    margin: auto;
    background: #fff;
    box-shadow: 0 25px 70px rgba(16,35,59,.18);
}

.evaluation-report-cover {
    position: relative;
    min-height: 640px;
    padding: 48px;
    color: #fff;
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 15%, rgba(213,164,59,.35), transparent 30%),
        linear-gradient(135deg, #10233b 0%, #164662 55%, #0e8f75 100%);
}

.evaluation-report-cover::after {
    content: "";
    position: absolute;
    right: -120px;
    bottom: -170px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    box-shadow:
        0 0 0 55px rgba(255,255,255,.04),
        0 0 0 110px rgba(255,255,255,.025);
}

.evaluation-report-brand {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}

.evaluation-report-brand > span {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: #fff;
    background: linear-gradient(135deg, var(--green), var(--gold));
    border-radius: 14px;
    font-weight: 800;
}

.evaluation-report-brand strong,
.evaluation-report-brand small {
    display: block;
}

.evaluation-report-brand small {
    color: #b9cbd6;
}

.evaluation-report-reference {
    position: absolute;
    top: 50px;
    right: 48px;
    z-index: 1;
    text-align: right;
}

.evaluation-report-reference span,
.evaluation-report-cover-meta span {
    display: block;
    color: #b9cbd6;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.evaluation-report-cover-content {
    position: relative;
    z-index: 1;
    margin-top: 130px;
}

.evaluation-report-cover h1 {
    max-width: 760px;
    margin: 16px 0;
    color: #fff;
    font-size: clamp(48px, 7vw, 76px);
}

.evaluation-report-cover-content > p {
    max-width: 700px;
    color: #d6e3e9;
    font-size: 20px;
}

.evaluation-report-cover-meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 64px;
}

.evaluation-report-cover-meta > div {
    padding-top: 14px;
    border-top: 1px solid rgba(255,255,255,.22);
}

.evaluation-report-cover-meta strong {
    display: block;
    margin-top: 5px;
    color: #fff;
}

.evaluation-report-cover-note {
    position: absolute;
    left: 48px;
    bottom: 35px;
    z-index: 1;
    color: #bdd0d9;
    font-size: 11px;
}

.evaluation-report-section {
    position: relative;
    padding: 58px 70px;
    border-bottom: 1px solid #e4e9eb;
}

.evaluation-report-number {
    position: absolute;
    top: 62px;
    right: 70px;
    color: #dae4e7;
    font: 46px 'DM Serif Display', serif;
}

.evaluation-report-section h2 {
    max-width: 760px;
    margin: 0 0 25px;
    font-size: 38px;
}

.evaluation-report-section h3 {
    margin: 26px 0 7px;
    color: var(--navy);
    font-size: 15px;
}

.evaluation-report-section p {
    max-width: 790px;
    white-space: pre-line;
}

.evaluation-summary-callout,
.evaluation-final-value {
    padding: 28px;
    margin-top: 26px;
    color: #fff;
    background: linear-gradient(120deg, var(--navy), #155f67);
    border-radius: 18px;
}

.evaluation-summary-callout span,
.evaluation-summary-callout small {
    display: block;
    color: #bdd0d9;
}

.evaluation-summary-callout strong,
.evaluation-final-value strong {
    display: block;
    margin: 7px 0;
    color: #f4c968;
    font: 38px 'DM Serif Display', serif;
}

.evaluation-report-table,
.evaluation-value-table {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 14px;
    overflow: hidden;
}

.evaluation-report-table th,
.evaluation-report-table td,
.evaluation-value-table th,
.evaluation-value-table td {
    padding: 14px 16px;
    border-bottom: 1px solid var(--line);
}

.evaluation-report-table th {
    width: 34%;
    color: var(--navy);
    background: #f7f9f9;
}

.evaluation-value-table th:last-child,
.evaluation-value-table td:last-child {
    text-align: right;
}

.evaluation-value-total {
    color: #fff;
    background: var(--navy);
}

.evaluation-value-total td {
    color: #fff;
    font-weight: 800;
}

.evaluation-value-total td:last-child {
    color: #f4c968;
    font-size: 18px;
}

.evaluation-report-note {
    padding: 14px 16px;
    color: #5e6b74;
    background: #f5f7f8;
    border-left: 4px solid var(--green);
    border-radius: 8px;
}

.evaluation-inline-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px;
    margin-top: 25px;
    background: #eef7f4;
    border-radius: 12px;
}

.evaluation-inline-value strong {
    color: var(--green);
    font-size: 22px;
}

.evaluation-preformatted {
    white-space: pre-line;
    line-height: 1.75;
}

.evaluation-driver-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.evaluation-driver-grid > div {
    padding: 20px;
    background: #f6f8f8;
    border: 1px solid var(--line);
    border-radius: 14px;
}

.evaluation-driver-grid strong {
    color: var(--navy);
}

.evaluation-driver-grid p {
    margin-bottom: 0;
    color: var(--muted);
}

.evaluation-warning {
    padding: 18px;
    margin-top: 22px;
    color: #792f27;
    background: #fff0ed;
    border: 1px solid #f3c1ba;
    border-left: 5px solid var(--coral);
    border-radius: 12px;
}

.evaluation-range {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    margin-top: 16px;
}

.evaluation-range > div {
    padding: 19px;
    background: #f5f8f7;
    border: 1px solid var(--line);
    border-radius: 13px;
}

.evaluation-range strong {
    display: block;
    margin-top: 5px;
    color: var(--green);
    font-size: 20px;
}

.evaluation-signature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.evaluation-signature-grid > div {
    padding: 18px;
    background: #f6f8f8;
    border-radius: 12px;
}

.evaluation-signature-grid span {
    display: block;
    color: var(--muted);
    font-size: 11px;
    text-transform: uppercase;
}

.evaluation-signature-grid strong {
    display: block;
    margin-top: 8px;
    overflow-wrap: anywhere;
}

.evaluation-signature-line {
    width: 300px;
    margin-top: 70px;
    padding-top: 8px;
    color: var(--muted);
    border-top: 1px solid #70808b;
}

@media (max-width: 1000px) {
    .evaluation-calculator {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .evaluation-dashboard-card,
    .evaluation-report-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .evaluation-report-toolbar > div,
    .evaluation-form-actions {
        flex-wrap: wrap;
    }

    .evaluation-calculator,
    .evaluation-driver-grid,
    .evaluation-range,
    .evaluation-signature-grid,
    .evaluation-report-cover-meta {
        grid-template-columns: 1fr;
    }

    .evaluation-report-page {
        padding: 0;
    }

    .evaluation-report-cover,
    .evaluation-report-section {
        padding: 34px 24px;
    }

    .evaluation-report-reference {
        position: static;
        margin-top: 25px;
        text-align: left;
    }

    .evaluation-report-cover-content {
        margin-top: 80px;
    }

    .evaluation-report-cover h1 {
        font-size: 46px;
    }

    .evaluation-report-number {
        top: 38px;
        right: 24px;
    }
}

@media print {
    @page {
        size: A4;
        margin: 12mm;
    }

    body.evaluation-report-page {
        padding: 0;
        background: #fff;
    }

    .evaluation-report-toolbar {
        display: none !important;
    }

    .evaluation-report {
        width: 100%;
        box-shadow: none;
    }

    .evaluation-report-cover {
        min-height: 250mm;
        break-after: page;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .evaluation-report-section {
        break-inside: avoid;
    }

    .evaluation-report-table,
    .evaluation-value-table,
    .evaluation-summary-callout,
    .evaluation-final-value,
    .evaluation-warning {
        break-inside: avoid;
    }
}

/* =========================================================
   North Lanka — Sell Your Own Land
   ========================================================= */

.sell-land-cta {
    position: relative;
    overflow: hidden;
    padding: 54px 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 85% 20%, rgba(213,164,59,.35), transparent 28%),
        linear-gradient(110deg, #10233b 0%, #164662 54%, #0e8f75 100%);
}

.sell-land-cta::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    right: -80px;
    bottom: -160px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 50%;
}

.sell-land-cta .container {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
}

.sell-land-cta-copy {
    max-width: 760px;
}

.sell-land-cta h2 {
    margin: 8px 0 12px;
    color: #ffffff;
    font-size: clamp(34px, 5vw, 54px);
}

.sell-land-cta p {
    margin: 0;
    max-width: 730px;
    color: rgba(255,255,255,.84);
    font-size: 17px;
}

.sell-land-page-hero {
    padding: 82px 0 68px;
    color: #ffffff;
    background:
        linear-gradient(100deg, rgba(8,23,40,.96), rgba(14,143,117,.86)),
        linear-gradient(135deg, #10233b, #0e8f75);
}

.sell-land-page-hero h1 {
    max-width: 840px;
    margin: 12px 0;
    color: #ffffff;
    font-size: clamp(44px, 7vw, 76px);
}

.sell-land-page-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.82);
    font-size: 18px;
}

.sell-land-page {
    background: #f8f6f1;
}

.sell-land-layout {
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    gap: 34px;
    align-items: start;
}

.sell-land-intro {
    position: sticky;
    top: 22px;
    padding: 34px;
    color: #ffffff;
    background:
        radial-gradient(circle at 100% 0, rgba(213,164,59,.30), transparent 32%),
        #10233b;
    border-radius: 24px;
    box-shadow: 0 22px 55px rgba(16,35,59,.18);
}

.sell-land-intro h2 {
    margin: 10px 0 14px;
    color: #ffffff;
    font-size: 42px;
}

.sell-land-intro p,
.sell-land-intro li {
    color: rgba(255,255,255,.78);
}

.sell-land-intro ul {
    padding-left: 20px;
    margin: 24px 0;
}

.sell-land-intro li {
    margin: 9px 0;
}

.sell-land-contact {
    display: grid;
    gap: 3px;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.15);
}

.sell-land-contact small {
    color: rgba(255,255,255,.62);
}

.sell-land-contact a {
    color: #f4c968;
    font-size: 22px;
    font-weight: 800;
}

.sell-land-form-card {
    padding: 34px;
    background: #ffffff;
    border: 1px solid #e5e7e4;
    border-radius: 24px;
    box-shadow: 0 18px 55px rgba(16,35,59,.10);
}

.sell-land-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.sell-land-form-grid label {
    display: grid;
    align-content: start;
    gap: 7px;
    font-size: 13px;
    font-weight: 800;
}

.sell-land-form-grid label > span b {
    color: #c0392b;
}

.sell-land-form-grid .full {
    grid-column: 1 / -1;
}

.sell-land-upload {
    padding: 22px;
    background: #f8fafb;
    border: 2px dashed #bbc8cd;
    border-radius: 14px;
}

.sell-land-upload small {
    color: #6c7882;
    font-weight: 500;
}

.sell-land-submit-row {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
}

.sell-land-submit-row p {
    margin: 0;
    color: #6c7882;
    font-size: 12px;
}

.field-error {
    border: 2px solid #dc2626 !important;
    background: #fff1f2 !important;
    box-shadow: 0 0 0 4px rgba(220,38,38,.10) !important;
}

.field-message {
    color: #b91c1c;
    font-size: 12px;
    font-weight: 700;
}

.validation-summary {
    margin-bottom: 20px;
    padding: 14px 18px;
    color: #991b1b;
    background: #fff1f2;
    border: 1px solid #fecaca;
    border-left: 5px solid #dc2626;
    border-radius: 12px;
}

.land-admin-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
    gap: 20px;
    align-items: start;
}

.land-admin-grid .panel {
    margin-top: 0;
}

.land-detail-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin: 0;
}

.land-detail-list > div {
    padding: 16px 0;
    border-bottom: 1px solid #edf0f1;
}

.land-detail-list > div:nth-child(odd):not(.full) {
    padding-right: 20px;
}

.land-detail-list > div:nth-child(even):not(.full) {
    padding-left: 20px;
    border-left: 1px solid #edf0f1;
}

.land-detail-list .full {
    grid-column: 1 / -1;
}

.land-detail-list dt {
    margin-bottom: 4px;
    color: #6c7882;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.land-detail-list dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.preserve-lines {
    white-space: pre-line;
}

.land-photo-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.land-photo-grid a {
    display: block;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    border-radius: 14px;
    background: #e8edef;
}

.land-photo-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.email-error {
    display: block;
    padding: 10px;
    color: #8b1e17;
    background: #fde5e3;
    border-radius: 8px;
    overflow-wrap: anywhere;
}

.admin-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 22px;
    margin-top: 22px;
}

.admin-pagination a {
    color: #0e8f75;
    font-weight: 800;
}

@media (max-width: 900px) {
    .sell-land-cta .container,
    .sell-land-submit-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .sell-land-layout,
    .land-admin-grid {
        grid-template-columns: 1fr;
    }

    .sell-land-intro {
        position: static;
    }

    .land-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .sell-land-form-card,
    .sell-land-intro {
        padding: 22px;
    }

    .sell-land-form-grid,
    .land-detail-list {
        grid-template-columns: 1fr;
    }

    .sell-land-form-grid .full,
    .land-detail-list .full {
        grid-column: auto;
    }

    .land-detail-list > div:nth-child(odd):not(.full),
    .land-detail-list > div:nth-child(even):not(.full) {
        padding-left: 0;
        padding-right: 0;
        border-left: 0;
    }

    .sell-land-submit-row .btn {
        width: 100%;
    }
}


/* =========================================================
   North Lanka — land submissions inside Admin Inquiries
   ========================================================= */
.land-inquiries-panel {
    margin-bottom: 28px;
}

.land-inquiries-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
}

.land-inquiries-heading h2 {
    margin: 5px 0 8px;
}

.land-inquiries-heading p {
    margin: 0;
    color: #68737d;
}

.land-inquiry-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.land-inquiry-card {
    padding: 20px;
    border: 1px solid #e5e7e4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(16, 35, 59, 0.07);
}

.land-inquiry-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #eceeea;
}

.land-inquiry-card-head > div {
    display: grid;
    gap: 4px;
}

.land-inquiry-card-head strong {
    font-size: 18px;
    color: #10233b;
}

.land-inquiry-card-head span:not(.status) {
    color: #6b7680;
    font-size: 13px;
}

.land-inquiry-summary {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
    margin: 18px 0;
}

.land-inquiry-summary div {
    min-width: 0;
}

.land-inquiry-summary dt {
    margin-bottom: 4px;
    color: #7b858d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.land-inquiry-summary dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #24313d;
    font-weight: 600;
}

.land-inquiry-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

.land-inquiry-actions .inline {
    display: flex;
    align-items: center;
    gap: 8px;
}

.land-inquiry-actions select {
    min-width: 150px;
}

@media (max-width: 1050px) {
    .land-inquiry-cards {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .land-inquiries-heading {
        flex-direction: column;
    }

    .land-inquiry-summary {
        grid-template-columns: 1fr;
    }

    .land-inquiry-actions,
    .land-inquiry-actions .inline {
        align-items: stretch;
        flex-direction: column;
    }

    .land-inquiry-actions .btn,
    .land-inquiry-actions select {
        width: 100%;
    }
}

/* Move the NetXpert Solutions footer text slightly left */
.footer-bottom-inner > span:last-child {
    transform: translateX(-90px);
}

@media (max-width: 700px) {
    .footer-bottom-inner > span:last-child {
        transform: none;
    }
}


/* North Lanka home-page presentation */
.home-video-section {
    padding-top: 72px;
    padding-bottom: 72px;
    background:
        radial-gradient(
            circle at top left,
            rgba(213, 164, 59, 0.10),
            transparent 34%
        ),
        #f8f6f1;
}

.home-video-heading {
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}

.home-video-heading > div {
    max-width: 760px;
    margin: 0 auto;
}

.home-video-heading h2 {
    margin: 8px 0 12px;
}

.home-video-heading p {
    margin: 0 auto;
    max-width: 680px;
    color: #66717b;
}

.home-video-frame {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;

    background: #0a0603;
    border: 1px solid rgba(213, 164, 59, 0.28);
    border-radius: 26px;

    box-shadow:
        0 30px 70px rgba(16, 35, 59, 0.22),
        0 8px 24px rgba(16, 35, 59, 0.12);
}

.home-video-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 700px) {
    .home-video-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .home-video-frame {
        border-radius: 18px;
    }
}


/* North Lanka home-page presentation */
.home-video-section {
    padding-top: 72px;
    padding-bottom: 72px;
    background:
        radial-gradient(
            circle at top left,
            rgba(213, 164, 59, 0.10),
            transparent 34%
        ),
        #f8f6f1;
}

.home-video-heading {
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}

.home-video-heading > div {
    max-width: 760px;
    margin: 0 auto;
}

.home-video-heading h2 {
    margin: 8px 0 12px;
}

.home-video-heading p {
    margin: 0 auto;
    max-width: 680px;
    color: #66717b;
}

.home-video-frame {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;

    background: #0a0603;
    border: 1px solid rgba(213, 164, 59, 0.28);
    border-radius: 26px;

    box-shadow:
        0 30px 70px rgba(16, 35, 59, 0.22),
        0 8px 24px rgba(16, 35, 59, 0.12);
}

.home-video-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 700px) {
    .home-video-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .home-video-frame {
        border-radius: 18px;
    }
}


/* North Lanka home-page presentation */
.home-video-section {
    padding-top: 72px;
    padding-bottom: 72px;
    background:
        radial-gradient(
            circle at top left,
            rgba(213, 164, 59, 0.10),
            transparent 34%
        ),
        #f8f6f1;
}

.home-video-heading {
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}

.home-video-heading > div {
    max-width: 760px;
    margin: 0 auto;
}

.home-video-heading h2 {
    margin: 8px 0 12px;
}

.home-video-heading p {
    margin: 0 auto;
    max-width: 680px;
    color: #66717b;
}

.home-video-frame {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;

    background: #0a0603;
    border: 1px solid rgba(213, 164, 59, 0.28);
    border-radius: 26px;

    box-shadow:
        0 30px 70px rgba(16, 35, 59, 0.22),
        0 8px 24px rgba(16, 35, 59, 0.12);
}

.home-video-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 700px) {
    .home-video-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .home-video-frame {
        border-radius: 18px;
    }
}


/* North Lanka home-page presentation */
.home-video-section {
    padding-top: 72px;
    padding-bottom: 72px;
    background:
        radial-gradient(
            circle at top left,
            rgba(213, 164, 59, 0.10),
            transparent 34%
        ),
        #f8f6f1;
}

.home-video-heading {
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}

.home-video-heading > div {
    max-width: 760px;
    margin: 0 auto;
}

.home-video-heading h2 {
    margin: 8px 0 12px;
}

.home-video-heading p {
    margin: 0 auto;
    max-width: 680px;
    color: #66717b;
}

.home-video-frame {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;

    background: #0a0603;
    border: 1px solid rgba(213, 164, 59, 0.28);
    border-radius: 26px;

    box-shadow:
        0 30px 70px rgba(16, 35, 59, 0.22),
        0 8px 24px rgba(16, 35, 59, 0.12);
}

.home-video-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 700px) {
    .home-video-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .home-video-frame {
        border-radius: 18px;
    }
}


/* North Lanka website header logo */
.north-lanka-header-logo {
    display: block;
    width: 124px;
    height: auto;
    max-height: 88px;
    object-fit: contain;
}

.site-header .brand,
.site-header .logo,
header .brand,
header .logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .north-lanka-header-logo {
        width: 105px;
        max-height: 76px;
    }
}

@media (max-width: 600px) {
    .north-lanka-header-logo {
        width: 92px;
        max-height: 68px;
    }
}


/* North Lanka website header logo */
.north-lanka-header-logo {
    display: block;
    width: 124px;
    height: auto;
    max-height: 88px;
    object-fit: contain;
}

.site-header .brand,
.site-header .logo,
header .brand,
header .logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

@media (max-width: 900px) {
    .north-lanka-header-logo {
        width: 105px;
        max-height: 76px;
    }
}

@media (max-width: 600px) {
    .north-lanka-header-logo {
        width: 92px;
        max-height: 68px;
    }
}


/* North Lanka home-page presentation */
.home-video-section {
    padding-top: 72px;
    padding-bottom: 72px;
    background:
        radial-gradient(
            circle at top left,
            rgba(213, 164, 59, 0.10),
            transparent 34%
        ),
        #f8f6f1;
}

.home-video-heading {
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}

.home-video-heading > div {
    max-width: 760px;
    margin: 0 auto;
}

.home-video-heading h2 {
    margin: 8px 0 12px;
}

.home-video-heading p {
    margin: 0 auto;
    max-width: 680px;
    color: #66717b;
}

.home-video-frame {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;

    background: #0a0603;
    border: 1px solid rgba(213, 164, 59, 0.28);
    border-radius: 26px;

    box-shadow:
        0 30px 70px rgba(16, 35, 59, 0.22),
        0 8px 24px rgba(16, 35, 59, 0.12);
}

.home-video-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 700px) {
    .home-video-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .home-video-frame {
        border-radius: 18px;
    }
}


/* North Lanka home-page presentation */
.home-video-section {
    padding-top: 72px;
    padding-bottom: 72px;
    background:
        radial-gradient(
            circle at top left,
            rgba(213, 164, 59, 0.10),
            transparent 34%
        ),
        #f8f6f1;
}

.home-video-heading {
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}

.home-video-heading > div {
    max-width: 760px;
    margin: 0 auto;
}

.home-video-heading h2 {
    margin: 8px 0 12px;
}

.home-video-heading p {
    margin: 0 auto;
    max-width: 680px;
    color: #66717b;
}

.home-video-frame {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;

    background: #0a0603;
    border: 1px solid rgba(213, 164, 59, 0.28);
    border-radius: 26px;

    box-shadow:
        0 30px 70px rgba(16, 35, 59, 0.22),
        0 8px 24px rgba(16, 35, 59, 0.12);
}

.home-video-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media (max-width: 700px) {
    .home-video-section {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .home-video-frame {
        border-radius: 18px;
    }
}