.elementor-371 .elementor-element.elementor-element-fe1777b{--display:flex;}.elementor-371 .elementor-element.elementor-element-acce005{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-371 .elementor-element.elementor-element-ec80038{--display:flex;}.elementor-371 .elementor-element.elementor-element-6761e33{--display:flex;}.elementor-371 .elementor-element.elementor-element-a33a193{--display:flex;}.elementor-371 .elementor-element.elementor-element-63e5f67{--display:flex;}.elementor-371 .elementor-element.elementor-element-620ac15{--display:flex;}body.elementor-page-371:not(.elementor-motion-effects-element-type-background), body.elementor-page-371 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#050816;}@media(min-width:451px){.elementor-371 .elementor-element.elementor-element-fe1777b{--content-width:1314px;}.elementor-371 .elementor-element.elementor-element-acce005{--content-width:1338px;}}/* Start custom CSS for container, class: .elementor-element-acce005 *//* =========================================================
   HN PROPERTY SINGLE PAGE
   PREMIUM REAL ESTATE UI V2
   Theme: Deep Navy + Electric Blue + Logo Yellow
========================================================= */


/* =========================================================
   GLOBAL PROPERTY PAGE
========================================================= */

.single-property {
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(24,174,255,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 10% 55%,
            rgba(255,235,2,.035),
            transparent 28%
        ),
        #050817;
}


/* Elementor main content */

.single-property .elementor-location-single,
.single-property .elementor-section-wrap {
    background:transparent;
}


/* =========================================================
   MAIN PROPERTY CONTAINER
========================================================= */

.single-property .elementor-container {
    position:relative;
}


/* =========================================================
   GALLERY AREA
========================================================= */

.single-property .hn-property-gallery,
.single-property .property-gallery,
.single-property .hn-gallery {

    position:relative;

    margin-bottom:45px;

    border-radius:26px;

}


/* Gallery glow */

.single-property .hn-property-gallery::before,
.single-property .property-gallery::before,
.single-property .hn-gallery::before {

    content:"";

    position:absolute;

    inset:-1px;

    border-radius:28px;

    background:
        linear-gradient(
            135deg,
            rgba(24,174,255,.5),
            transparent 35%,
            rgba(255,235,2,.15),
            transparent 70%
        );

    opacity:.45;

    pointer-events:none;

}


/* =========================================================
   PROPERTY HEADER
========================================================= */

.single-property .hn-property-header {

    position:relative;

    padding:35px 38px;

    margin-top:25px;
    margin-bottom:30px;

    border-radius:24px;

    background:
        linear-gradient(
            145deg,
            rgba(11,25,45,.95),
            rgba(5,8,23,.98)
        );

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 25px 70px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.04);

    overflow:hidden;

}


/* Header blue glow */

.single-property .hn-property-header::before {

    content:"";

    position:absolute;

    width:300px;
    height:300px;

    right:-140px;
    top:-170px;

    background:#18AEFF;

    filter:blur(110px);

    opacity:.12;

    pointer-events:none;

}


/* =========================================================
   BADGES
========================================================= */

.single-property .hn-purpose,
.single-property .hn-type {

    display:inline-flex;

    align-items:center;

    min-height:30px;

    padding:6px 12px;

    margin-right:6px;

    border-radius:30px;

    font-size:10px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;

    border:1px solid rgba(255,255,255,.12);

}


/* Purpose */

.single-property .hn-purpose {

    background:
        linear-gradient(
            135deg,
            #18AEFF,
            #087dcc
        );

    color:#fff;

    box-shadow:
        0 6px 20px rgba(24,174,255,.22);

}


/* Property type */

.single-property .hn-type {

    background:rgba(255,235,2,.08);

    border-color:rgba(255,235,2,.35);

    color:#FFEB02;

}


/* =========================================================
   PROPERTY TITLE
========================================================= */

.single-property .hn-property-header h1,
.single-property h1.property-title {

    color:#fff;

    font-size:clamp(32px,4vw,58px);

    line-height:1.04;

    font-weight:800;

    letter-spacing:-1.8px;

    margin:15px 0 12px;

}


/* =========================================================
   LOCATION
========================================================= */

.single-property .hn-location {

    display:flex;

    align-items:center;

    gap:8px;

    color:#9eabc1;

    font-size:14px;

}


.single-property .hn-location:first-letter {

    color:#18AEFF;

}


/* =========================================================
   PRICE
========================================================= */

.single-property .hn-price {

    display:inline-flex;

    align-items:baseline;

    margin-top:18px;

    padding:12px 18px;

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(255,235,2,.10),
            rgba(255,235,2,.025)
        );

    border:1px solid rgba(255,235,2,.22);

    color:#FFEB02;

    font-size:25px;

    font-weight:800;

    letter-spacing:-.5px;

    box-shadow:
        0 10px 35px rgba(255,235,2,.05);

}


/* =========================================================
   PROPERTY SPECS
========================================================= */

.single-property .hn-property-details {

    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    gap:12px;

    margin:28px 0 45px;

}


.single-property .hn-property-details span {

    position:relative;

    display:flex;

    flex-direction:column;

    justify-content:center;

    gap:6px;

    min-height:88px;

    padding:15px 14px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );

    border:1px solid rgba(255,255,255,.09);

    color:#dce5f4;

    font-size:12px;

    font-weight:600;

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    transition:
        transform .3s ease,
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;

}


.single-property .hn-property-details span:hover {

    transform:translateY(-5px);

    border-color:
        rgba(24,174,255,.45);

    background:
        linear-gradient(
            145deg,
            rgba(24,174,255,.10),
            rgba(255,255,255,.025)
        );

    box-shadow:
        0 15px 35px rgba(0,0,0,.22),
        0 0 25px rgba(24,174,255,.07);

}


/* =========================================================
   DESCRIPTION
========================================================= */

.single-property .hn-property-description {

    position:relative;

    padding:35px 38px;

    margin:35px 0 50px;

    border-radius:22px;

    background:
        linear-gradient(
            145deg,
            rgba(10,23,42,.9),
            rgba(5,8,23,.96)
        );

    border:1px solid rgba(255,255,255,.07);

    box-shadow:
        0 20px 60px rgba(0,0,0,.18);

}


.single-property .hn-property-description h2 {

    color:#fff;

    font-size:28px;

    margin-bottom:15px;

}


.single-property .hn-property-description p {

    color:#9caac0;

    font-size:15px;

    line-height:1.9;

}


/* =========================================================
   FEATURES + CONTACT AREA
========================================================= */

.single-property .hn-property-features,
.single-property .hn-property-contact {

    margin-top:55px;

}


/* =========================================================
   SECTION EYEBROW
========================================================= */

.single-property .hn-features-eyebrow,
.single-property .hn-contact-eyebrow {

    color:#18AEFF !important;

    font-size:10px !important;

    font-weight:800 !important;

    letter-spacing:2px !important;

    text-transform:uppercase;

}


.single-property .hn-features-heading h2,
.single-property .hn-contact-heading h2 {

    color:#fff !important;

    font-size:30px !important;

    font-weight:800 !important;

    letter-spacing:-.7px;

}


.single-property .hn-features-heading p,
.single-property .hn-contact-heading p {

    color:#78869d !important;

}


/* =========================================================
   FEATURES GRID
========================================================= */

.single-property .hn-features-grid {

    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap:12px;

}


/* =========================================================
   FEATURE CARD
========================================================= */

.single-property .hn-feature-item {

    position:relative;

    min-height:70px;

    padding:12px 14px;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(16,31,53,.95),
            rgba(7,15,29,.95)
        );

    border:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 10px 30px rgba(0,0,0,.15);

    overflow:hidden;

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;

}


/* Blue light */

.single-property .hn-feature-item::before {

    content:"";

    position:absolute;

    width:80px;
    height:80px;

    left:-45px;
    top:-45px;

    background:#18AEFF;

    filter:blur(35px);

    opacity:.06;

    transition:opacity .3s ease;

}


.single-property .hn-feature-item:hover {

    transform:translateY(-4px);

    border-color:
        rgba(24,174,255,.38);

    box-shadow:
        0 18px 40px rgba(0,0,0,.25),
        0 0 25px rgba(24,174,255,.06);

}


.single-property .hn-feature-item:hover::before {

    opacity:.18;

}


/* =========================================================
   FEATURE ICON
========================================================= */

.single-property .hn-feature-icon {

    background:
        linear-gradient(
            145deg,
            rgba(24,174,255,.12),
            rgba(24,174,255,.035)
        ) !important;

    border:
        1px solid rgba(24,174,255,.18);

    color:#18AEFF;

}


/* =========================================================
   FEATURE NAME
========================================================= */

.single-property .hn-feature-name {

    color:#e7edf6 !important;

    font-size:13px;

    font-weight:650;

}


/* =========================================================
   FEATURE CHECK
========================================================= */

.single-property .hn-feature-check {

    background:#18AEFF !important;

    color:#fff !important;

    box-shadow:
        0 0 15px rgba(24,174,255,.25);

}


/* =========================================================
   CONTACT CARD
========================================================= */

.single-property .hn-contact-card {

    max-width:none !important;

    padding:24px !important;

    border-radius:20px !important;

    background:
        linear-gradient(
            145deg,
            rgba(16,31,53,.97),
            rgba(6,13,27,.98)
        ) !important;

    border:
        1px solid rgba(255,255,255,.09) !important;

    box-shadow:
        0 25px 65px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.035);

}


/* =========================================================
   CONTACT ROW
========================================================= */

.single-property .hn-contact-row {

    padding:16px 4px !important;

    border-bottom:
        1px solid rgba(255,255,255,.07) !important;

}


.single-property .hn-contact-icon {

    background:
        linear-gradient(
            145deg,
            rgba(24,174,255,.13),
            rgba(24,174,255,.035)
        ) !important;

    border:
        1px solid rgba(24,174,255,.16);

}


.single-property .hn-contact-info span {

    color:#66758c !important;

}


.single-property .hn-contact-info strong {

    color:#fff !important;

}


/* =========================================================
   WHATSAPP BUTTON
========================================================= */

.single-property .hn-property-whatsapp {

    position:relative;

    min-height:56px;

    border-radius:13px !important;

    background:
        linear-gradient(
            135deg,
            #25D366,
            #19b957
        ) !important;

    box-shadow:
        0 12px 30px rgba(37,211,102,.15);

    overflow:hidden;

}


.single-property .hn-property-whatsapp::before {

    content:"";

    position:absolute;

    top:0;
    left:-120%;

    width:70%;

    height:100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.22),
            transparent
        );

    transform:skewX(-20deg);

    transition:left .7s ease;

}


.single-property .hn-property-whatsapp:hover::before {

    left:140%;

}


.single-property .hn-property-whatsapp:hover {

    transform:translateY(-3px);

    box-shadow:
        0 18px 40px rgba(37,211,102,.25);

}


/* =========================================================
   CONTACT + FEATURES DESKTOP LAYOUT
========================================================= */

.single-property .hn-property-features,
.single-property .hn-property-contact {

    width:100%;

}


/* If both sections are in same Elementor column/container,
   make their cards visually aligned */

.single-property .hn-property-contact {

    position:relative;

}


/* =========================================================
   PREMIUM DIVIDER
========================================================= */

.single-property .hn-property-features::after,
.single-property .hn-property-contact::after {

    content:"";

    display:block;

    width:100%;

    height:1px;

    margin-top:45px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(24,174,255,.18),
            rgba(255,235,2,.10),
            transparent
        );

}


/* =========================================================
   FOOTER SPACING
========================================================= */

.single-property footer {

    margin-top:70px;

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1100px) {

    .single-property .hn-property-details {

        grid-template-columns:
            repeat(3,minmax(0,1fr));

    }

    .single-property .hn-features-grid {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px) {

    .single-property .hn-property-header {

        padding:25px 20px;

        border-radius:18px;

    }


    .single-property .hn-property-header h1,
    .single-property h1.property-title {

        font-size:32px;

        letter-spacing:-1px;

    }


    .single-property .hn-price {

        font-size:21px;

    }


    .single-property .hn-property-details {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:9px;

        margin-bottom:35px;

    }


    .single-property .hn-property-details span {

        min-height:76px;

        padding:12px;

        font-size:11px;

        border-radius:13px;

    }


    .single-property .hn-property-description {

        padding:25px 20px;

        border-radius:17px;

    }


    .single-property .hn-features-grid {

        grid-template-columns:1fr;

        gap:9px;

    }


    .single-property .hn-feature-item {

        min-height:64px;

    }


    .single-property .hn-contact-card {

        padding:18px !important;

        border-radius:17px !important;

    }


    .single-property .hn-features-heading h2,
    .single-property .hn-contact-heading h2 {

        font-size:25px !important;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:420px) {

    .single-property .hn-property-details {

        grid-template-columns:1fr 1fr;

    }


    .single-property .hn-property-header h1,
    .single-property h1.property-title {

        font-size:28px;

    }


    .single-property .hn-price {

        font-size:19px;

    }

}/* End custom CSS */