/* =========================================================
   PREMIUM APPLE + AIRBNB + LUXURY UI
   HEADER + HERO + ENQUIRY SECTION
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{
    --primary:#c89b4f;
    --primary-light:#e2bc78;
    --dark:#0f172a;
    --dark-2:#111827;
    --text:#334155;
    --text-light:#94a3b8;
    --white:#ffffff;
    --border:rgba(255,255,255,0.12);
    --glass:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.16),
        rgba(255,255,255,0.06)
    );
    --shadow:
    0 10px 40px rgba(15,23,42,0.08);
    --shadow-hover:
    0 30px 70px rgba(15,23,42,0.18);

}
/* =========================================================
   BODY
========================================================= */
body{
    margin:0;
    padding:0;
    background:
        radial-gradient(circle at top left,#dbeafe 0%,transparent 30%),
        radial-gradient(circle at bottom right,#ede9fe 0%,transparent 30%),
        linear-gradient(135deg,#f8fbff,#eef2ff);
    font-family:'Plus Jakarta Sans',sans-serif;
    color:var(--dark);
    overflow-x:hidden;
}
/* =========================================================
   MAIN WRAPPER
========================================================= */

.main-wrapper{
    width:100%;
    max-width:980px;
    margin:30px auto;
    position:relative;
    overflow:hidden;
    border-radius:38px;
    background:
    rgba(255,255,255,0.75);
    backdrop-filter:blur(22px);
    border:1px solid rgba(255,255,255,0.55);
    box-shadow:
    0 20px 80px rgba(15,23,42,0.10);

}
/* =========================================================
   FLOATING BLUR
========================================================= */

.main-wrapper::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:
rgba(200,155,79,0.16);
    top:-120px;
    right:-120px;
    filter:blur(40px);
}

.main-wrapper::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    border-radius:50%;
   background:
rgba(200,155,79,0.16);
    bottom:-100px;
    left:-100px;
    filter:blur(40px);

}


/* =========================================================
   TOP PROGRESS
========================================================= */

.top-progress-bar{
    width:100%;
    height:5px;
    background:
    rgba(255,255,255,0.25);
    overflow:hidden;
}

.progress-fill{
    width:58%;
    height:100%;
    background:
    linear-gradient(
        90deg,
        #c89b4f,
        #d1aa65,
        #d1aa655c
    );
    border-radius:20px;
    animation:progressMove 3s linear infinite;
}

@keyframes progressMove{

    0%{
        filter:brightness(1);
    }

    50%{
        filter:brightness(1.15);
    }

    100%{
        filter:brightness(1);
    }
}


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

.main-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:24px 32px;
    position:sticky;
    top:0;
    z-index:999;
    background:
    rgba(255,255,255,0.62);
    backdrop-filter:blur(20px);
    border-bottom:
    1px solid rgba(255,255,255,0.35);
}
/* LEFT */

.header-left{
    display:flex;
    align-items:center;
    gap:18px;
}


/* =========================================================
   LOGO
========================================================= */

.logo-box{
    width:170px;
    height:68px;
    /* border-radius:24px; */
    overflow:hidden;
    position:relative;
/* 
    background:
    linear-gradient(
        135deg,
        #111827,
        #312e81
    ); */
    display:flex;
    align-items:center;
    justify-content:center;
/* 
    box-shadow:
    0 12px 30px rgba(79,70,229,0.28); */

}

.logo-box::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.35),
        transparent
    );

}

.logo-img{
    width:100%;
    height:100%;
    object-fit:contain;
    position:relative;
    z-index:2;
}
/* =========================================================
   TITLE
========================================================= */

.header-text h1{
    margin:0;
    font-size:34px;
    font-weight:800;
    letter-spacing:-1px;
    color:var(--dark);
    line-height:1;
}

.header-text h1 span{
    background:
    linear-gradient(
        135deg,
        #c89b4f,
        #d1aa65
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}


/* STATUS */

.header-status{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:10px;
}

.status-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:
    0 0 0 6px rgba(34,197,94,0.12);
    animation:pulseGlow 1.5s infinite;
}

@keyframes pulseGlow{

    0%{
        transform:scale(1);
    }

    50%{
        transform:scale(1.2);
    }

    100%{
        transform:scale(1);
    }

}

.status-text{
    font-size:11px;
    font-weight:700;
    color:#64748b;
    letter-spacing:2px;
    text-transform:uppercase;
}


/* =========================================================
   CALL BUTTON
========================================================= */

.call-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 16px;
    border-radius:999px;
    text-decoration:none;
    background:
    rgba(34,197,94,0.10);
    color:#059669;
    border:
    1px solid rgba(34,197,94,0.18);
    font-size:12px;
    font-weight:700;
    transition:0.35s ease;
}

.call-btn:hover{
    transform:translateY(-2px);
    background:#10b981;
    color:#fff;
    box-shadow:
    0 15px 30px rgba(16,185,129,0.25);
}
/* =========================================================
   RIGHT BUTTON
========================================================= */

.list-property-btn{
    display:flex;
    align-items:center;
    gap:10px;
    padding:15px 22px;
    border-radius:18px;
    text-decoration:none;
    background:
    linear-gradient(
        135deg,
        #c89b4f,
        #d1aa65
    );
    color:#fff;
    font-size:13px;
    font-weight:700;
    letter-spacing:.3px;
    transition:0.35s ease;
}

.list-property-btn:hover{
    transform:
    translateY(-3px)
    scale(1.02);
}

/* =========================================================
   MAIN CONTENT
========================================================= */

.main-content{
    padding:50px 22px;
    height:90vh;
    overflow-y:auto;
    overflow-x: hidden;
    scrollbar-width:none;
}

.main-content::-webkit-scrollbar{
    display:none;
}

.main-wrapper1{
    max-width:620px;
    margin:auto;
}

/* =========================================================
   HERO SECTION
========================================================= */

.hero-section{
    position:relative;
    padding:30px 0 60px;
}

.hero-bg{
    position:absolute;
    top:-120px;
    left:50%;
    transform:translateX(-50%);
    width:150%;
    height:720px;
    background:
    radial-gradient(circle at top,#c7d2fe 0%,transparent 30%),
    linear-gradient(
        180deg,
        rgba(255,255,255,0.75),
        rgba(255,255,255,0)
    );
    z-index:-1;
    filter:blur(0px);
}


/* =========================================================
   HEADING
========================================================= */

.hero-heading{
    text-align:center;
    margin-bottom:45px;
}

.top-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 20px;
    border-radius:999px;
    background:
    rgba(255,255,255,0.7);
    backdrop-filter:blur(12px);
    border:
    1px solid rgba(255,255,255,0.45);
    color:#c89b4f;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:24px;
    box-shadow:
    0 10px 25px rgba(15,23,42,0.06);
}

.hero-heading h1{
    margin:0;
    font-size:52px;
    line-height:1;
    font-weight:900;
    letter-spacing:-3px;
    color:#0f172a;
}

.hero-heading h1 span{
    background:
    linear-gradient(
        135deg,
        #c89b4f,
        #d1aa65b5
    );
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}


/* =========================================================
   ENQUIRY BOX
========================================================= */

.enquiry-box{
    position:relative;
    overflow:hidden;
    border-radius:40px;
    background:
    rgba(255,255,255,0.72);
    backdrop-filter:blur(20px);
    border:
    1px solid rgba(255,255,255,0.45);
    box-shadow:
    0 25px 80px rgba(15,23,42,0.10);

}


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

.enquiry-header{
    position:relative;
    padding:34px;
    background:
    linear-gradient(
        135deg,
        #111827,
        #312e81,
        #d1aa65
    );
    overflow:hidden;
}

.enquiry-header::before{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    border-radius:50%;
    background:
    rgba(255,255,255,0.08);
    right:-120px;
    top:-120px;
}


/* =========================================================
   ASSISTANT
========================================================= */

.assistant-info{
    display:flex;
    align-items:center;
    gap:20px;
    position:relative;
    z-index:2;
}

.assistant-image{
    width:78px;
    height:78px;
    border-radius:28px;
    overflow:hidden;
    /* background:
    rgba(255,255,255,0.14); */
    /* border:
    1px solid rgba(255,255,255,0.18); */
    backdrop-filter:blur(12px);
    box-shadow:
    0 12px 25px rgba(0,0,0,0.18);
}

.assistant-image img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.assistant-info h3{
    margin:0;
    color:#fff;
    font-size:30px;
    font-weight:800;
    letter-spacing:-1px;
}


/* =========================================================
   ONLINE STATUS
========================================================= */

.online-status{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:8px;
}

.online-status .status-dot{
    width:10px;
    height:10px;
    background:#22c55e;
}

.online-status p{
    margin:0;
    color:rgba(255,255,255,0.75);
    font-size:11px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
}


/* =========================================================
   BODY
========================================================= */

.enquiry-body{
    padding:34px;
}
/* =========================================================
   VERIFIED BOX
========================================================= */

.verified-box{
    display:flex;
    align-items:center;
    gap:18px;
    padding:22px;
    border-radius:28px;
  background:
rgba(200,155,79,0.06);
    border:
    1px solid rgba(99,102,241,0.12);
    backdrop-filter:blur(12px);
    margin-bottom:34px;
}

.verified-icon{
    width:56px;
    height:56px;
    border-radius:20px;
    background:
    linear-gradient(
        135deg,
        #c89b4f,
        #d1aa65
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
}

.verified-box p{
    margin:0 0 4px;
    font-size:15px;
    font-weight:800;
    color:#0f172a;
}

.verified-box p span{
    color:#c89b4f;
}

.verified-box small{
    color:#64748b;
    font-size:12px;
    line-height:1.7;
}


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

@media(max-width:768px){

    .main-wrapper{
        margin:0;
        border-radius:0;
    }

    .main-header{
        padding:18px;
    }

    .logo-box{
        width:52px;
        height:52px;
        border-radius:18px;
    }

    .header-text h1{
        font-size:24px;
    }

    .status-text{
        font-size:9px;
    }

    .list-property-btn span{
        display:none;
    }

    .main-content{
        padding:30px 14px;
    }

    .hero-heading h1{
        font-size:38px;
        line-height:1.1;
    }

    .top-badge{
        font-size:9px;
        padding:10px 16px;
    }
    .enquiry-header,
    .enquiry-body{
        padding:22px;
    }
    .assistant-info{
        flex-direction:column;
        text-align:center;
    }
    .assistant-info h3{
        font-size:24px;
    }
    .verified-box{
        flex-direction:column;
        text-align:center;
        border-radius:24px;
    }
}
/* =========================================================
   FORM CARD
========================================================= */

.form-card{
    position:relative;
    background:
    linear-gradient(
        135deg,
        rgba(255,255,255,0.88),
        rgba(255,255,255,0.62)
    );
    backdrop-filter:blur(20px);
    border:
    1px solid rgba(255,255,255,0.55);
    padding:32px;
    border-radius:34px;
    margin-bottom:30px;
    overflow:hidden;
    box-shadow:
    0 15px 45px rgba(15,23,42,0.08);
    transition:0.4s ease;
}

.form-card:hover{
    transform:translateY(-4px);
    box-shadow:
    0 25px 60px rgba(15,23,42,0.12);
}

.form-card::before{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    border-radius:50%;
    background:
rgba(23,54,58,0.06);
    top:-120px;
    right:-120px;
    filter:blur(20px);
}
/* =========================================================
   FORM TITLE
========================================================= */

.form-title{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:0px;
    font-size:12px;
    font-weight:800;
    color:#c89b4f;
    letter-spacing:2px;
    text-transform:uppercase;
}

.form-title span{
    width:34px;
    height:34px;
    border-radius:14px;
    background:
    linear-gradient(
        135deg,
        #c89b4f,
        #d1aa65
    );
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:700;
}

/* =========================================================
   OPTION GRID
========================================================= */

.option-grid{
    display:grid;
    gap:16px;
}

.three-grid{
    grid-template-columns:repeat(3,1fr);
}

.two-grid{
    grid-template-columns:repeat(2,1fr);
}
/* =========================================================
   OPTION BUTTON
========================================================= */

.option-btn{
    position:relative;
    cursor:pointer;
}

.option-btn input{
    position:absolute;
    opacity:0;
}
/* BUTTON STYLE */
.option-btn span{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 16px;
    border-radius:12px;
    margin-top:16px;
    background:
    rgba(255,255,255,0.78);
    backdrop-filter:blur(10px);
    border:
    1px solid rgba(226,232,240,0.9);
    color:#334155;
    font-size:14px;
    font-weight:700;
    letter-spacing:.2px;
    transition:0.35s ease;
    overflow:hidden;
}

/* HOVER */

.option-btn span:hover{
    transform:translateY(-2px);
    border-color:#e2bc78;
    box-shadow:
    0 12px 30px rgba(79,70,229,0.10);
}
/* ACTIVE */

.option-btn input:checked + span{
    background:
    linear-gradient(
        135deg,
        #c89b4f,
        #d1aa65
    );
    color:#fff;
    border-color:transparent;
    transform:
    translateY(-2px)
    scale(1.02);
}

.option-btn input:checked + span::before{
    content:"✓";
    position:absolute;
    top:10px;
    right:12px;
    width:20px;
    height:20px;
    border-radius:50%;
    background:
    rgba(255,255,255,0.18);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:800;
}
/* =========================================================
   INPUTS
========================================================= */

.custom-input,
.custom-select{
    width:100%;
    height:50px;
    margin-top:16px;
    padding:0 22px;
    border-radius:12px;
    border:
    1px solid rgba(203,213,225,0.9);
    background:
    rgba(255,255,255,0.75);
    backdrop-filter:blur(10px);
    box-sizing:border-box;
    outline:none;
    color:#0f172a;
    font-size:15px;
    font-weight:700;
    transition:0.35s ease;
    box-shadow:
    inset 0 1px 2px rgba(255,255,255,0.6);
}


/* PLACEHOLDER */
.custom-input::placeholder{
    color:#94a3b8;
}
/* FOCUS */

.custom-input:focus,
.custom-select:focus{
    border-color:#d1aa65;
    background:#fff;
    box-shadow:
    0 0 0 5px rgba(99,102,241,0.10),
    0 10px 25px rgba(99,102,241,0.08);
}
/* =========================================================
   DOUBLE GRID
========================================================= */

.double-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}
/* =========================================================
   INPUT BOX
========================================================= */

.input-box{
    margin-bottom:26px;
}

.input-box label{
    display:block;
    margin-bottom:12px;
    color:#334155;
    font-size:12px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;
}

/* INPUT */
.input-box input{
    width:100%;
    height:50px;
    padding:0 22px;
    border-radius:12px;
    border:
    1px solid rgba(203,213,225,0.9);
    background:
    rgba(255,255,255,0.8);
    backdrop-filter:blur(10px);
    box-sizing:border-box;
    outline:none;
    color:#0f172a;
    font-size:15px;
    font-weight:700;
    transition:0.35s ease;
}
/* FOCUS */

.input-box input:focus{
    border-color:#c89b4f;
    background:#fff;
    box-shadow:
    0 0 0 5px rgba(79,70,229,0.10),
    0 10px 25px rgba(79,70,229,0.08);
}
/* =========================================================
   INFO TEXT
========================================================= */

.info-text{
    font-size:13px;
    line-height:1.9;
    color:#64748b;
    margin-bottom:28px;
}

.info-text strong{
    color:#c89b4f;
    font-weight:800;
}
/* =========================================================
   SUBMIT BUTTON
========================================================= */

.submit-btn{
    width:100%;
    height:55px;
    border:none;
    border-radius:15px;
    background:
    linear-gradient(
        135deg,
        #22c55e,
        #16a34a
    );
    color:#fff;
    font-size:15px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:0.4s ease;
    box-shadow:
    0 20px 40px rgba(34,197,94,0.25);
}
/* SHINE EFFECT */

.submit-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:100%;
    height:100%;
    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.25),
        transparent
    );
    transition:0.7s;
}

.submit-btn:hover::before{
    left:120%;
}

/* HOVER */
.submit-btn:hover{
    transform:
    translateY(-3px)
    scale(1.01);
    box-shadow:
    0 28px 50px rgba(34,197,94,0.32);
}
/* ACTIVE */

.submit-btn:active{
    transform:scale(.98);
}
/* =========================================================
   BOTTOM TEXT
========================================================= */

.bottom-text{
    margin-top:26px;
    text-align:center;
}

.bottom-text p{
    margin-bottom:14px;
    color:#16a34a;
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

.bottom-text span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:999px;
    background:#c89b4f24;
    border:
    1px solid rgba(99,102,241,0.12);
    color:#c89b4f;
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    backdrop-filter:blur(10px);
}


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

@media(max-width:768px){

    .three-grid,
    .two-grid,
    .double-grid{
        grid-template-columns:1fr;
    }

    .form-card{
        padding:22px;
        border-radius:28px;
    }

    .form-title{
        font-size:11px;
        gap:10px;
    }

    .form-title span{
        width:30px;
        height:30px;
        border-radius:12px;
    }

    .option-btn span{
        min-height:58px;
        font-size:13px;
        border-radius:18px;
    }

    .custom-input,
    .custom-select,
    .input-box input{
        height:58px;
        border-radius:18px;
        font-size:14px;
    }

    .submit-btn{
        height:64px;
        border-radius:22px;
        font-size:15px;
    }

}


/* =========================================
   PREMIUM EXPLORE SECTION - UPGRADED UI
========================================= */

.explore-section{
    position:relative;
    padding:90px 20px;
    background:
    radial-gradient(circle at top left,rgba(37,99,235,0.05),transparent 30%),
    linear-gradient(to bottom,#ffffff,#f8fbff);
    max-width:850px;
    margin:auto;
    overflow:hidden;
}

/* Decorative Glow */

.explore-section::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    background:rgba(37,99,235,0.07);
    filter:blur(60px);
    top:-120px;
    right:-120px;
}


/* =========================================
HEADING
========================================= */

.section-heading{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;
    margin-bottom:60px;
}

.section-heading .line{
    flex:1;
    max-width:120px;
    height:2px;
    background:linear-gradient(
        to right,
        transparent,
        #cbd5e1,
        transparent
    );
}

.heading-content{
    text-align:center;
}

.heading-content h2{
    margin:0 0 14px;
    font-size:50px;
    font-weight:900;
    line-height:1.1;
    color:#0f172a;
    text-transform:uppercase;
    letter-spacing:-2px;
}

.heading-content h2 span{
    color:#d1aa65;
    position:relative;
}

.heading-content h2 span::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:100%;
    height:6px;
    background:#d1aa6563;
    border-radius:20px;
}

.heading-content p{
    margin:0;
    font-size:11px;
    font-weight:800;
    color:#64748b;
    letter-spacing:5px;
    text-transform:uppercase;
}
/* =========================================
FILTER TOP
========================================= */


.boys-btn{
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 24px;
    border:none;
    border-radius:22px;
    background:#ffffff;
    border:1px solid #e2e8f0;
    color:#475569;
    font-size:11px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:2px;
    cursor:pointer;
    transition:all 0.35s ease;
    box-shadow:
    0 10px 30px rgba(15,23,42,0.06);
}

.boys-btn:hover{
    transform:translateY(-3px);
    color:#d1aa65;
    border-color:#bfdbfe;
    box-shadow:
    0 20px 40px rgba(37,99,235,0.12);
}

.boys-btn span{
    width:34px;
    height:34px;
    border-radius:12px;
    background:#eff6ff;
    color:#d1aa65;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
}
/* =========================================
GALLERY HEADER
========================================= */

.gallery-wrapper{
    position:relative;
    z-index:2;
}

.gallery-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:30px;
}

.gallery-header h3{
    margin:0;
    font-size:14px;
    font-weight:900;
    color:#0f172a;
    text-transform:uppercase;
    letter-spacing:2px;
    display:flex;
    align-items:center;
    gap:12px;
}

.gallery-header h3 i{
    width:38px;
    height:38px;
    border-radius:14px;
    background:#eff6ff;
    color:#d1aa65;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* =========================================
TYPE TABS
========================================= */

.type-tabs{
    display:flex;
    gap:6px;
    padding:6px;
    border-radius:18px;
    background:#f1f5f9;
    border:1px solid #e2e8f0;
}

.type-tabs button{
    border:none;
    background:transparent;
    padding:12px 18px;
    border-radius:12px;
    font-size:10px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#64748b;
    cursor:pointer;
    transition:0.3s;
}

.type-tabs button:hover{
    color:#0f172a;
}

.type-tabs .active{
    background:#ffffff;
    color:#d1aa65;
   box-shadow:
    0 8px 18px rgba(0,0,0,0.08);
}
/* =========================================
SEARCH BOX
========================================= */

.search-box{
    position:relative;
    /* margin-bottom:40px; */
}

.search-box i{
    position:absolute;
    top:50%;
    left:18px;
    transform:translateY(-50%);
    color:#94a3b8;
    font-size:15px;
}

.search-box input{
    width:100%;
    height:60px;
    border:none;
    outline:none;
    border-radius:22px;
    background:#ffffff;
    border:1px solid #e2e8f0;
    padding:0 20px 0 20px;
    font-size:14px;
    font-weight:700;
    color:#0f172a;
    box-sizing:border-box;
    transition:all 0.3s ease;
    box-shadow:
    0 10px 30px rgba(15,23,42,0.04);
}

.search-box input:focus{
    border-color:#93c5fd;
    box-shadow:
    0 0 0 5px rgba(23,54,58,0.06);
}
/* =========================================
PROPERTY CARD
========================================= */

.property-card1{
    background:#fff;
    border-radius:30px;
    overflow:hidden;
    border:1px solid #edf2f7;
    box-shadow:
        0 10px 30px rgba(15,23,42,0.05);
    transition:.35s ease;
    cursor:pointer;
    margin-bottom:24px;
}

.property-card1:hover{
    transform:translateY(-6px);
    box-shadow:
        0 20px 45px rgba(15,23,42,0.10);
}

/* =====================================================
   IMAGE
===================================================== */

.property-image{
    position:relative;
    height:260px;
    overflow:hidden;
    padding:14px;
}

.property-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:24px;
    transition:.45s ease;
}

.property-card1:hover .property-image img{
    transform:scale(1.05);
}

/* =====================================================
   VERIFIED
===================================================== */

.verified-badge{
    position:absolute;
    top:28px;
    left:28px;
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(10px);
    color:#16a34a;
    padding:8px 16px;
    border-radius:50px;
    font-size:11px;
    font-weight:800;
    display:flex;
    align-items:center;
    gap:7px;
    box-shadow:
        0 5px 15px rgba(0,0,0,0.08);
}

.verified-badge i{
    font-size:13px;
}

/* =====================================================
   TYPE TAG
===================================================== */

.property-type-tag{
    position:absolute;
    bottom:28px;
    right:28px;
    background:rgba(15,23,42,0.75);
    backdrop-filter:blur(8px);
    color:#fff;
    padding:8px 16px;
    border-radius:50px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.5px;
}

/* =====================================================
   CONTENT
===================================================== */

.property-content{
    padding:22px;
    padding-bottom:0px;
    padding-top:5px;
}

/* =====================================================
   TITLE WRAP
===================================================== */

.property-title-wrap{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:15px;
    margin-bottom:18px;
}

.property-title-wrap h3{
    margin:0 0 8px;
    color:#0f172a;
    font-size:18px;
    font-weight:900;
    line-height:1.2;
}

.property-area{
    margin:0;
    display:flex;
    align-items:center;
    gap:8px;
    color:#64748b;
    font-size:13px;
    font-weight:700;
}

.property-area i{
    color:#f97316;
}

/* =====================================================
   OPEN ICON
===================================================== */

.open-icon{
    min-width:42px;
    height:42px;
    border-radius:14px;
    background:#f8fafc;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#94a3b8;
    font-size:16px;
    transition:.3s ease;
}

.property-card1:hover .open-icon{
    background:#d1aa65;
    color:#fff;
}

/* =====================================================
   RENT STRIP
===================================================== */

.rent-strip{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.rent-left,
.rent-right{
    background:#f8fafc;
    border-radius:20px;
    padding:16px;
    border:1px solid #edf2f7;
}

.rent-left small,
.rent-right small{
    display:block;
    margin-bottom:8px;
    color:#94a3b8;
    font-size:10px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
}

.rent-left h4{
    margin:0;
    color:#059669;
    font-size:21px;
    font-weight:900;
}

.rent-left h4 span{
    font-size:13px;
    font-weight:700;
}

.rent-right h5{
    margin:0;
    color:#111827;
    font-size:17px;
    font-weight:800;
}

/* =====================================================
   AMENITY TITLE
===================================================== */

.amenity-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#16a34a;
    font-size:12px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
}

.amenity-head::after{
    content:"";
    flex:1;
    height:1px;
    background:#e5e7eb;
}

/* =====================================================
   FACILITY LIST
===================================================== */

.facility-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.facility-item{
    text-align:center;
}

.facility-icon{
    width:45px;
    height:45px;
    border-radius:18px;
    padding:5px;
    background:#f8fafc;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #edf2f7;
    transition:.3s ease;
}

.facility-item:hover .facility-icon{
    transform:translateY(-3px);
    box-shadow:
        0 10px 20px rgba(37,99,235,0.10);
}

.facility-icon img{
    width:28px;
    height:28px;
    object-fit:contain;
}

.facility-item span{
    display:block;
    color:#334155;
    font-size:11px;
    font-weight:700;
    line-height:1.4;
}

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

.view-btn{
    width:100%;
    height:54px;
    border:none;
    border-radius:18px;
    background:linear-gradient(
        135deg,
        #d1aa65,
        #1d4ed8
    );
    color:#fff;
    font-size:14px;
    font-weight:800;
    letter-spacing:.5px;
    cursor:pointer;
    transition:.35s ease;
}

.view-btn:hover{
    transform:translateY(-2px);
    box-shadow:
        0 15px 25px rgba(37,99,235,0.20);
}

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

@media(max-width:768px){

    .property-image{
        height:220px;
    }

    .property-content{
        padding:18px;
    }

    .property-title-wrap h3{
        font-size:22px;
    }

    .rent-strip{
        grid-template-columns:1fr;
    }

    .facility-list{
        grid-template-columns:repeat(2,1fr);
    }

    .view-btn{
        height:50px;
        font-size:13px;
    }
}

.property-card1 img{
    width:100%;
    height:650px;
    object-fit:contain;
    display:block;
    transition:transform 0.7s ease;
}

.property-card1:hover img{
    transform:scale(1.08);
}
/* =========================================
OVERLAY
========================================= */

.property-overlay{
    position:absolute;
    inset:0;
    padding:35px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:
    linear-gradient(
        to top,
        rgba(2,6,23,0.92),
        rgba(2,6,23,0.45),
        rgba(2,6,23,0.05)
    );
}

.property-overlay .tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    padding:8px 14px;
    border-radius:40px;
    background:rgba(255,255,255,0.1);
    backdrop-filter:blur(10px);
    color:#93c5fd;
    font-size:10px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.property-overlay h4{
    margin:0 0 16px;
    color:#ffffff;
    font-size:36px;
    font-weight:900;
    line-height:1.1;
    text-transform:uppercase;
}

/* =========================================
VERIFIED
========================================= */

.verified{
    display:flex;
    align-items:center;
    gap:10px;
    color:#4ade80;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
}

.verified span{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 12px #22c55e;
    animation:pulse 1.3s infinite;
}

@keyframes pulse{
    0%{transform:scale(1);opacity:1;}
    50%{transform:scale(1.4);opacity:0.5;}
    100%{transform:scale(1);opacity:1;}
}
/* =========================================
SLIDER DOTS
========================================= */

.slider-dots{
    position:absolute;
    bottom:28px;
    right:28px;
    display:flex;
    gap:8px;
}

.slider-dots span{
    width:10px;
    height:10px;
    border-radius:30px;
    background:rgba(255,255,255,0.3);
    transition:0.3s;
}

.slider-dots .active{
    width:36px;
    background:#ffffff;
}
/* =========================================
ARROWS
========================================= */

.slider-arrows{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 20px;
    opacity:0;
    transition:0.4s;
}

.property-card1:hover .slider-arrows{
    opacity:1;
}

.slider-arrows button{
    width:48px;
    height:48px;
    border:none;
    border-radius:50%;
    background:rgba(255,255,255,0.15);
    backdrop-filter:blur(12px);
    color:#ffffff;
    cursor:pointer;
    transition:0.3s;
}

.slider-arrows button:hover{
    background:#d1aa65;
    transform:scale(1.08);
}
/* =========================================
LISTING FILTER SECTION
========================================= */

.listing-filter-section{
    padding:90px 20px;
    background:
    linear-gradient(to bottom,#ffffff,#f8fbff);
}

.listing-filter-box{
    position:relative;
    max-width:1150px;
    margin:auto;
    padding:60px 40px;
    border-radius:45px;
    background:rgba(255,255,255,0.85);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,0.4);
    box-shadow:
    0 25px 70px rgba(15,23,42,0.08);
    overflow:hidden;
}

.listing-filter-box::before{
    content:"";
    position:absolute;
    top:-120px;
    right:-120px;
    width:300px;
    height:300px;
    border-radius:50%;
    background:rgba(23,54,58,0.06);
    filter:blur(40px);
}

/* =========================================
FILTER HEADING
========================================= */

.listing-filter-heading{
    position:relative;
    z-index:2;
    text-align:center;
    margin-bottom:45px;
}

.filter-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 18px;
    border-radius:40px;
    background:#eff6ff;
    border:1px solid #dbeafe;
    color:#d1aa65;
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:22px;
}

.listing-filter-heading h2{
    margin:0;
    font-size:48px;
    font-weight:900;
    line-height:1.15;
    letter-spacing:-2px;
    color:#0f172a;
}
/* =========================================
FILTER BUTTONS
========================================= */

.budget-filter-buttons{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:16px;
}

.budget-filter-buttons button{
    border:none;
    background:#ffffff;
    border:1px solid #e2e8f0;
    padding:16px 28px;
    border-radius:22px;
    color:#64748b;
    font-size:11px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    cursor:pointer;
    transition:all 0.35s ease;
    box-shadow:
    0 10px 25px rgba(15,23,42,0.04);
}

.budget-filter-buttons button:hover{
    transform:translateY(-3px);
    color:#d1aa65;
    border-color:#bfdbfe;
}

.budget-filter-buttons button.active{
    background:linear-gradient(
        135deg,
        #d1aa65,
        #d1aa65
    );
    color:#ffffff;
    border-color:transparent;
    transform:scale(1.04);
    box-shadow:
    0 18px 35px rgba(37,99,235,0.28);
}


/* =========================================
PROCESS SECTION
========================================= */
.process-info-section{
    padding:90px 20px;
    background:
    linear-gradient(to bottom,#f9fbff,#ffffff);
}

/* GRID */

.process-grid{
    max-width:1050px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:26px;
}


/* CARD */

.process-card{
    position:relative;
    padding:38px 26px 32px;
    background:#ffffff;
    border-radius:26px;
    border:1px solid #edf1f7;
    text-align:center;
    transition:0.4s ease;
    overflow:hidden;
    box-shadow:
    0 10px 30px rgba(15,23,42,0.04);
}

.process-card:hover{
    transform:translateY(-6px);
    border-color:#d8e5ff;
    box-shadow:
    0 18px 40px rgba(23,54,58,0.06);
}
/* TOP LINE */

.process-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:
    linear-gradient(to right,#d1aa65,#d1aa655c);
}
/* NUMBER */

.process-number{
    width:34px;
    height:34px;
    margin:0 auto 22px;
    border-radius:50%;
    background:#eff6ff;
    color:#d1aa65;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:800;
}

/* ICON */

.process-icon{
    width:72px;
    height:72px;
    margin:0 auto 22px;
    border-radius:22px;
    background:
    linear-gradient(135deg,#f0f6ff,#d1aa6538);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d1aa65;
    font-size:26px;
    transition:0.35s ease;
}

.process-card:hover .process-icon{
    transform:rotate(-4deg) scale(1.06);
    background:
    linear-gradient(135deg,#d1aa65,#d1aa65);
    color:#ffffff;
}

/* TITLE */

.process-card h4{
    margin:0 0 12px;
    font-size:20px;
    font-weight:800;
    color:#0f172a;
    line-height:1.4;
}
/* TEXT */

.process-card p{
    margin:0;
    font-size:14px;
    font-weight:500;
    color:#64748b;
    line-height:1.8;
}


/* RESPONSIVE */

@media(max-width:992px){

    .process-grid{
        grid-template-columns:1fr;
    }

}

/* =========================================
RESPONSIVE
========================================= */

@media(max-width:768px){

    .explore-section,
    .listing-filter-section,
    .process-info-section{
        padding:60px 15px;
    }

    .heading-content h2,
    .listing-filter-heading h2{
        font-size:30px;
        letter-spacing:-1px;
    }

    .section-heading{
        gap:12px;
    }

    .gallery-header{
        flex-direction:column;
        align-items:flex-start;
    }

    .type-tabs{
        width:100%;
        overflow:auto;
    }

    .property-card1{
        border-radius:28px;
    }

    .property-card1 img{
        height:500px;
    }

    .property-overlay{
        padding:24px;
    }

    .property-overlay h4{
        font-size:26px;
    }

    .budget-filter-buttons button{
        width:100%;
    }

    .process-grid{
        grid-template-columns:1fr;
    }

    .process-card{
        border-radius:26px;
    }

}

/* =========================================
   PREMIUM FEATURE GRID - UPGRADED VERSION
========================================= */

.features-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:22px;
    padding:55px 0;
}


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

.feature-card{
    position:relative;
    background:
    linear-gradient(
        180deg,
        #ffffff,
        #f8fbff
    );
    border:1px solid rgba(226,232,240,0.9);
    border-radius:34px;
    padding:28px 18px;
    overflow:hidden;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:16px;
    min-height:210px;
    transition:all 0.4s ease;
    box-shadow:
    0 12px 35px rgba(15,23,42,0.05);
}

/* Soft Glow */

/* .feature-card::before{
    content:"";
    position:absolute;
    top:-60px;
    right:-60px;
    width:140px;
    height:140px;
    border-radius:50%;
    background:rgba(37,99,235,0.06);
    filter:blur(20px);
    transition:0.4s;
} */

/* Hover */

.feature-card:hover{
    transform:
    translateY(-10px)
    scale(1.02);
    border-color:#bfdbfe;
}

.feature-card:hover::before{
    /* background:rgba(37,99,235,0.12); */
}

/* =========================================
ICON WRAPPER
========================================= */

.feature-icon{
    position:relative;
    width:78px;
    height:78px;
    border-radius:26px;
    /* background:
    linear-gradient(
        135deg,
        #eff6ff,
        #dbeafe
    ); */
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    color:#d1aa65;
    transition:all 0.35s ease;
/* 
    box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.8),
    0 10px 25px rgba(37,99,235,0.10); */
}
/* Inner Glow */

/* .feature-icon::after{
    content:"";
    position:absolute;
    inset:8px;
    border-radius:20px;
    border:1px dashed rgba(37,99,235,0.20);
} */


/* Hover Effect */

/* .feature-card:hover .feature-icon{
    transform:
    rotate(6deg)
    scale(1.08);
    color:#ffffff;
    box-shadow:
    0 20px 40px rgba(37,99,235,0.28);
} */


/* =========================================
CONTENT
========================================= */

.feature-content{
    position:relative;
    z-index:2;
}

.feature-content h4{
    margin:0 0 10px;
    font-size:14px;
    font-weight:900;
    line-height:1.5;
    color:#0f172a;
    text-transform:uppercase;
    letter-spacing:0.8px;
}

.feature-content p{
    margin:0;
    font-size:10px;
    font-weight:800;
    color:#64748b;
    line-height:1.7;
    text-transform:uppercase;
    letter-spacing:1.5px;
}


/* =========================================
BOTTOM ACCENT LINE
========================================= */

.feature-card .bottom-line{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:0;
    height:4px;
    border-radius:20px;
    background:
    linear-gradient(
        90deg,
        #d1aa65,
        #d1aa655c
    );
    transition:0.35s ease;
}

.feature-card:hover .bottom-line{
    width:70%;
}


/* =========================================
RESPONSIVE - TABLET
========================================= */

@media(max-width:992px){

    .features-grid{
        grid-template-columns:repeat(3,1fr);
        gap:18px;
    }

}


/* =========================================
RESPONSIVE - MOBILE
========================================= */

@media(max-width:768px){

    .features-grid{
        grid-template-columns:repeat(2,1fr);
        gap:14px;
        padding:40px 0;
    }

    .feature-card{
        min-height:185px;
        padding:22px 14px;
        border-radius:26px;
    }

    .feature-icon{
        width:65px;
        height:65px;
        border-radius:20px;
        font-size:28px;
    }

    .feature-content h4{
        font-size:12px;
    }

    .feature-content p{
        font-size:9px;
        letter-spacing:1px;
    }

}


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

@media(max-width:480px){

    .features-grid{
        gap:12px;
    }

    .feature-card{
        min-height:170px;
        padding:20px 12px;
        border-radius:22px;
    }

    .feature-icon{
        width:58px;
        height:58px;
        font-size:24px;
        border-radius:18px;
    }

    .feature-content h4{
        font-size:11px;
        line-height:1.4;
    }

    .feature-content p{
        font-size:8px;
        line-height:1.6;
    }

}



/* =====================================================
   PREMIUM COLLECTION SECTION
===================================================== */

#premium-collections{
    padding:90px 0;
    background:
        #d1aa6529;
    position:relative;
    overflow:hidden;
}

#premium-collections::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(59,130,246,0.06);
    border-radius:50%;
    top:-120px;
    right:-120px;
    filter:blur(20px);
}

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

.collection-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:25px;
    margin-bottom:50px;
    flex-wrap:wrap;
    position:relative;
    z-index:2;
    padding-left:20px;
}

.collection-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 18px;
    border-radius:999px;
    background:#fff1e7;
    color:#ea580c;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:2px;
    border:1px solid #fed7aa;
    margin-bottom:18px;
    box-shadow:0 6px 18px rgba(234,88,12,0.08);
}

.collection-title{
    font-size:58px;
    line-height:1.1;
    font-weight:900;
    color:#0f172a;
    margin:0;
    letter-spacing:-2px;
}

.collection-title span{
    color:#d1aa65;
    font-style:italic;
}

.collection-subtitle{
    font-size:13px;
    font-weight:700;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:3px;
}

/* =====================================================
   FILTER BOX
===================================================== */

.collection-filter-box{
    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(10px);
    padding:30px;
    border-radius:36px;
    border:1px solid #e5e7eb;
    margin-bottom:50px;
    box-shadow:0 15px 40px rgba(15,23,42,0.05);
}

.filter-top{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
    margin-bottom:24px;
    justify-content: space-between;
}

.search-box{
    flex:1;
    position:relative;
}

.search-box input{
    width:100%;
    height:60px;
    border-radius:22px;
    border:2px solid #edf2f7;
    background:#fff;
    padding:0 22px 0 20px;
    font-size:14px;
    font-weight:700;
    color:#111827;
    transition:0.3s ease;
}

.search-box input:focus{
    border-color:#d1aa65;
    box-shadow:0 0 0 5px rgba(23,54,58,0.06);
    outline:none;
}

.search-box svg{
    position:absolute;
    left:22px;
    top:50%;
    transform:translateY(-50%);
    color:#94a3b8;
}

.price-filter{
    min-width:240px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.price-filter span{
    font-size:11px;
    font-weight:800;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
}

.price-filter input[type="range"]{
    width:100%;
    accent-color:#d1aa65;
    cursor:pointer;
}

/* =====================================================
   FILTER TAGS
===================================================== */

.filter-tags{
    display:flex;
    gap:12px;
    overflow-x:auto;
    padding-bottom:6px;
}

.filter-tags::-webkit-scrollbar{
    display:none;
}

.filter-tags button{
    border:none;
    background:#fff;
    border:1px solid #e5e7eb;
    padding:12px 20px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:1px;
    white-space:nowrap;
    transition:0.3s ease;
}

.filter-tags button:hover{
    background:#eff6ff;
    border-color:#bfdbfe;
    color:#d1aa65;
    transform:translateY(-2px);
}

.filter-tags .active{
    background:linear-gradient(135deg,#d1aa65,#d1aa65);
    color:#fff;
    border-color:#d1aa65;
    box-shadow:0 10px 25px rgba(37,99,235,0.25);
}

/* =====================================================
   PROPERTY GRID
===================================================== */

.property-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.property-card{
    background:#fff;
    border-radius:36px;
    overflow:hidden;
    border:1px solid #edf2f7;
    box-shadow:0 18px 40px rgba(15,23,42,0.06);
    transition:0.4s ease;
    display:flex;
    flex-direction:column;
    position:relative;
}

.property-card:hover{
    transform:translateY(-10px);
    box-shadow:0 30px 60px rgba(15,23,42,0.12);
}

.property-image{
    position:relative;
    height:280px;
    overflow:hidden;
}

.property-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.5s ease;
}

.property-card:hover .property-image img{
    transform:scale(1.08);
}

.property-badge{
    position:absolute;
    top:18px;
    left:18px;
    display:flex;
    flex-direction:column;
    gap:10px;
    z-index:5;
}

.property-badge span{
    padding:10px 16px;
    border-radius:18px;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(10px);
    font-size:10px;
    font-weight:900;
    color:#ea580c;
    text-transform:uppercase;
    letter-spacing:2px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.property-content{
    padding:28px;
    display:flex;
    flex-direction:column;
    flex:1;
}

.property-type{
    font-size:10px;
    font-weight:900;
    color:#f97316;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.property-name{
    font-size:15px;
    font-weight:900;
    color:#0f172a;
    line-height:1.2;
    margin-bottom:10px;
}

.property-location{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:11px;
    font-weight:700;
    color:#94a3b8;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:20px;
}

.property-features{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:25px;
}

.property-features span{
    padding:5px 10px;
    background:#f8fafc;
    border-radius:12px;
    border:1px solid #e2e8f0;
    font-size:7px;
    font-weight:800;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:1px;
}

.property-footer{
    margin-top:auto;
    padding-top:5px;
    border-top:1px solid #f1f5f9;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.property-price small{
    display:block;
    font-size:10px;
    font-weight:700;
    color:#94a3b8;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:4px;
}

.property-price h4{
    margin:0;
    font-size:23px;
    font-weight:900;
    color:#059669;
}

.property-price h4 span{
    font-size:11px;
    color:#94a3b8;
}

.property-arrow{
    width:48px;
    height:48px;
    border-radius:50%;
    background:#eff6ff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d1aa65;
    transition:0.4s ease;
}

.property-card:hover .property-arrow{
    background:#d1aa65;
    color:#fff;
    transform:rotate(45deg);
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:1200px){

    .property-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){

    #premium-collections{
        padding:70px 0;
    }

    .collection-title{
        font-size:36px;
    }

    .collection-filter-box{
        padding:22px;
        border-radius:28px;
    }

    .filter-top{
        flex-direction:column;
    }

    .property-grid{
        grid-template-columns:1fr;
    }

    .property-image{
        height:240px;
    }

    .property-content{
        padding:22px;
    }

    .property-name{
        font-size:22px;
    }
}


/* =====================================================
   WHY CHOOSE US SECTION
===================================================== */

#why-choose-us{
    padding:100px 0;
    background:
        radial-gradient(circle at top left, rgba(37,99,235,0.05), transparent 30%),
        linear-gradient(to bottom,#ffffff,#f8fbff);
    position:relative;
    overflow:hidden;
}

#why-choose-us::before{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(200,155,79,7%);
    border-radius:50%;
    top:-120px;
    left:-120px;
    filter:blur(20px);
}

#why-choose-us::after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    background:rgba(200,155,79,7%);
    border-radius:50%;
    bottom:-100px;
    right:-100px;
    filter:blur(25px);
}

/* =====================================================
   FEATURE GRID
===================================================== */

#why-choose-us .feature-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
    position:relative;
    z-index:2;
}

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

#why-choose-us .feature-card{
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(10px);
    padding:34px 28px;
    border-radius:36px;
    border:1px solid #edf2f7;
    position:relative;
    overflow:hidden;
    transition:all 0.4s ease;
    box-shadow:
        0 10px 35px rgba(15,23,42,0.05);
}

/* TOP BORDER */

#why-choose-us .feature-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #d1aa65,
        #d1aa655c
    );
}

/* HOVER */

#why-choose-us .feature-card:hover{
    transform:translateY(-10px);
    border-color:#bfdbfe;
}

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

#why-choose-us .feature-icon{
    width:68px;
    height:68px;
    border-radius:22px;
    background:
        linear-gradient(
            135deg,
            #eff6ff,
            #d1aa6542
        );
    color:#d1aa65;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    margin-bottom:24px;
    transition:0.4s ease;
}

#why-choose-us .feature-card:hover .feature-icon{
    background:
        linear-gradient(
            135deg,
            #d1aa65,
            #d1aa65
        );
    color:#ffffff;
    transform:
        scale(1.08)
        rotate(6deg);
}

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

#why-choose-us .feature-card h4{
    font-size:18px;
    font-weight:900;
    color:#0f172a;
    margin-bottom:14px;
    line-height:1.4;
    text-transform:uppercase;
    letter-spacing:0.5px;
}

/* =====================================================
   TEXT
===================================================== */

#why-choose-us .feature-card p{
    margin:0;
    font-size:13px;
    line-height:1.8;
    color:#64748b;
    font-weight:600;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:992px){

    #why-choose-us .feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    #why-choose-us{
        padding:75px 0;
    }

    #why-choose-us .feature-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    #why-choose-us .feature-card{
        padding:28px 22px;
        border-radius:28px;
    }

    #why-choose-us .feature-icon{
        width:58px;
        height:58px;
        font-size:24px;
        border-radius:18px;
    }

    #why-choose-us .feature-card h4{
        font-size:16px;
    }

    #why-choose-us .feature-card p{
        font-size:12px;
        line-height:1.7;
    }

}




/* =====================================================
   PREMIUM HOSTEL SECTION
===================================================== */

.premium-hostel-section{
    position:relative;
    padding:110px 0;
    background:
        radial-gradient(circle at top left, rgba(37,99,235,0.05), transparent 28%),
        radial-gradient(circle at bottom right, rgba(225,29,72,0.04), transparent 30%),
        linear-gradient(to bottom,#f8fbff,#ffffff);
    overflow:hidden;
    font-family:'Poppins',sans-serif;
}

.premium-hostel-section::before{
    content:"";
    position:absolute;
    width:340px;
    height:340px;
    border-radius:50%;
    background:rgba(37,99,235,0.06);
    top:-120px;
    left:-120px;
    filter:blur(20px);
}

.premium-hostel-section::after{
    content:"";
    position:absolute;
    width:280px;
    height:280px;
    border-radius:50%;
    background:rgba(225,29,72,0.05);
    bottom:-100px;
    right:-100px;
    filter:blur(25px);
}

/* =====================================================
   CONTAINER
===================================================== */

.premium-container{
    width:92%;
    max-width:1320px;
    margin:auto;
    position:relative;
    z-index:2;
}

/* =====================================================
   MAIN CARD
===================================================== */

.premium-main-card{
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(12px);
    border-radius:42px;
    overflow:hidden;
    border:1px solid #edf2f7;
    box-shadow:
        0 20px 60px rgba(15,23,42,0.07);
    transition:0.4s ease;
}

.premium-main-card:hover{
    transform:translateY(-8px);
    box-shadow:
        0 35px 80px rgba(15,23,42,0.12);
}

/* =====================================================
   IMAGE AREA
===================================================== */

.premium-image-box{
    position:relative;
    height:560px;
    overflow:hidden;
}

.premium-image-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.7s ease;
}

.premium-main-card:hover .premium-image-box img{
    transform:scale(1.08);
}

/* =====================================================
   OVERLAY
===================================================== */

.premium-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            to top,
            rgba(0,0,0,0.88),
            rgba(0,0,0,0.18),
            rgba(0,0,0,0.12)
        );
}

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

.premium-top-badges{
    position:absolute;
    top:30px;
    left:30px;
    z-index:3;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.premium-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    background:
        linear-gradient(
            135deg,
            #e11d48,
            #fb7185
        );
    color:#fff;
    padding:12px 20px;
    border-radius:50px;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    box-shadow:
        0 12px 30px rgba(225,29,72,0.30);
}

.premium-location{
    width:max-content;
    background:rgba(255,255,255,0.12);
    backdrop-filter:blur(12px);
    color:#fff;
    padding:12px 18px;
    border-radius:50px;
    border:1px solid rgba(255,255,255,0.18);
    font-size:11px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
}

/* =====================================================
   VIEW BUTTON
===================================================== */

.premium-view-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(0.9);
    background:rgba(255,255,255,0.14);
    backdrop-filter:blur(18px);
    color:#fff;
    padding:16px 34px;
    border-radius:60px;
    border:1px solid rgba(255,255,255,0.25);
    font-size:12px;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    opacity:0;
    transition:0.4s ease;
    z-index:5;
}

.premium-image-box:hover .premium-view-btn{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
}

/* =====================================================
   CONTENT AREA
===================================================== */

.premium-content-area{
    display:flex;
    gap:55px;
    padding:65px 55px;
}

/* =====================================================
   LEFT CONTENT
===================================================== */

.premium-left-content{
    flex:1;
    width:400px;
}

.premium-heading-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:25px;
    flex-wrap:wrap;
}

.premium-tag{
    color:#e11d48;
    font-size:11px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
}

/* =====================================================
   VIDEO BUTTON
===================================================== */

.premium-video-btn{
    border:none;
    background:#eff6ff;
    color:#d1aa65;
    padding:12px 22px;
    border-radius:50px;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    cursor:pointer;
    transition:0.35s ease;
}

.premium-video-btn:hover{
    background:#d1aa65;
    color:#fff;
    transform:translateY(-2px);
}

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

.premium-title{
    font-size:38px;
    line-height:1.05;
    font-weight:900;
    color:#0f172a;
    margin-bottom:24px;
    letter-spacing:-2px;
}

.premium-title span{
    color:#d1aa65;
    font-style:italic;
}

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

.premium-description{
    color:#64748b;
    font-size:15px;
    line-height:1.9;
    margin-bottom:38px;
    max-width:760px;
    font-weight:500;
}

/* =====================================================
   DISTANCE GRID
===================================================== */

.premium-distance-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:5px;
    margin-bottom:38px;
}

.premium-distance-card{
    background:#ffffff;
    border:1px solid #dcfce7;
    border-radius:26px;
    padding:20px 18px;
    box-shadow:
        0 10px 25px rgba(16,185,129,0.06);
    transition:0.35s ease;
}

.premium-distance-card:hover{
    transform:translateY(-4px);
    border-color:#86efac;
}

.premium-distance-card small{
    display:block;
    color:#64748b;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
}

.premium-distance-card h4{
    margin:0;
    color:#059669;
    font-size:24px;
    font-weight:900;
}

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

.premium-features{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.premium-features span{
    background:#ffffff;
    border:1px solid #e5e7eb;
    padding:12px 18px;
    border-radius:18px;
    font-size:11px;
    font-weight:800;
    color:#374151;
    letter-spacing:0.5px;
    transition:0.35s ease;
}

.premium-features span:hover{
    background:#eff6ff;
    border-color:#bfdbfe;
    color:#d1aa65;
    transform:translateY(-3px);
    box-shadow:
        0 12px 25px rgba(23,54,58,0.06);
}

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

.premium-price-box{
    width:350px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:24px;
}

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

.premium-price-card{
    background:
        linear-gradient(
            to bottom,
            #ffffff,
            #f8fbff
        );
    border-radius:38px;
    padding:45px 32px;
    border:1px solid #edf2f7;
    text-align:center;
    position:relative;
    overflow:hidden;
    box-shadow:
        0 15px 40px rgba(15,23,42,0.05);
}

.premium-price-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:
        linear-gradient(
            90deg,
            #d1aa65,
            #d1aa655c
        );
}

.premium-old-price{
    color:#9ca3af;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-decoration:line-through;
    margin-bottom:10px;
}

.premium-offer{
    color:#10b981;
    font-size:12px;
    font-weight:800;
    margin-bottom:24px;
    text-transform:uppercase;
    letter-spacing:1px;
}

.premium-price-card h3{
    font-size:54px;
    font-weight:900;
    color:#0f172a;
    margin-bottom:16px;
    line-height:1;
}

.premium-price-card h3 span{
    font-size:18px;
    color:#94a3b8;
}

.premium-note{
    font-size:11px;
    color:#64748b;
    line-height:1.8;
    font-weight:600;
}

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

.premium-main-btn{
    width:100%;
    border:none;
    background:
        linear-gradient(
            135deg,
            #e11d48,
            #fb7185
        );
    color:#fff;
    padding:16px;
    border-radius:30px;
    font-size:13px;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    cursor:pointer;
    transition:0.4s ease;
    box-shadow:
        0 18px 35px rgba(225,29,72,0.30);
}

.premium-main-btn:hover{
    transform:translateY(-4px);
    box-shadow:
        0 25px 45px rgba(225,29,72,0.38);
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:1100px){

    .premium-content-area{
        flex-direction:column;
    }

    .premium-price-box{
        width:100%;
    }

    .premium-distance-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .premium-hostel-section{
        padding:75px 0;
    }

    .premium-main-card{
        border-radius:28px;
    }

    .premium-image-box{
        height:340px;
    }

    .premium-content-area{
        padding:35px 22px;
        gap:35px;
    }

    .premium-title{
        font-size:34px;
        line-height:1.15;
    }

    .premium-distance-grid{
        grid-template-columns:1fr;
    }

    .premium-price-card{
        padding:35px 24px;
        border-radius:28px;
    }

    .premium-price-card h3{
        font-size:42px;
    }

}

@media(max-width:576px){

    .premium-image-box{
        height:280px;
    }

    .premium-top-badges{
        top:18px;
        left:18px;
    }

    .premium-badge,
    .premium-location{
        font-size:9px;
        padding:10px 14px;
    }

    .premium-view-btn{
        padding:14px 22px;
        font-size:10px;
    }

    .premium-title{
        font-size:28px;
    }

    .premium-description{
        font-size:13px;
    }

    .premium-features{
        gap:10px;
    }

    .premium-features span{
        width:100%;
        text-align:center;
    }

}

/* /* =====================================================
   TERMS SECTION */

   .simple-terms-section{
    padding:70px 20px;
    background:#f8fafc;
}

/* BOX */

.simple-terms-box{
    max-width:850px;
    margin:auto;
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:24px;
    padding:35px;
    box-shadow:
    0 10px 30px rgba(15,23,42,0.05);
}

/* TOP */

.simple-terms-head{
    display:flex;
    align-items:flex-start;
    gap:18px;
    margin-bottom:30px;
}

/* ICON */

.simple-terms-icon{
    width:62px;
    height:62px;
    border-radius:18px;
    background:#eff6ff;
    color:#d1aa65;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    flex-shrink:0;
}

/* TEXT */

.simple-mini-title{
    display:inline-block;
    margin-bottom:6px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    color:#d1aa65;
}

.simple-terms-head h3{
    margin:0;
    font-size:28px;
    font-weight:700;
    color:#0f172a;
}

.simple-terms-head p{
    margin-top:8px;
    font-size:14px;
    line-height:1.7;
    color:#64748b;
}

/* TERMS LIST */

.simple-terms-list{
    display:flex;
    flex-direction:column;
    gap:5px;
}

/* ITEM */

.simple-term-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:18px;
    border-radius:16px;
    background:#f8fafc;
    transition:0.3s ease;
}

.simple-term-item:hover{
    background:#eff6ff;
    transform:translateY(-2px);
}

/* NUMBER */
.simple-term-item span{
    min-width:42px;
    height:42px;
    border-radius:12px;
    background:#d1aa65;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    font-weight:700;
}


/* TEXT */

.simple-term-item p{
    margin:0;
    font-size:14px;
    font-weight:500;
    line-height:1.8;
    color:#475569;
}



/* RESPONSIVE */

@media(max-width:768px){

    .simple-terms-box{
        padding:25px;
    }

    .simple-terms-head h3{
        font-size:22px;
    }

}


@media(max-width:576px){

    .simple-terms-head{
        flex-direction:column;
    }

    .simple-terms-icon{
        width:56px;
        height:56px;

        font-size:22px;
    }

    .simple-term-item{
        padding:15px;
    }

    .simple-term-item p{
        font-size:13px;
    }

}

/* ===================================
   INQUIRY SECTION
=================================== */


.inquiry-section{
    position:relative;
    padding:100px 0 80px;
    background:
        radial-gradient(circle at top left, rgba(37,99,235,0.06), transparent 28%),
        linear-gradient(to bottom,#f8fbff,#ffffff);
    overflow:hidden;
    font-family:'Plus Jakarta Sans',sans-serif;
}

.inquiry-section::before{
    content:"";
    position:absolute;
    width:380px;
    height:380px;
    border-radius:50%;
    background:rgba(59,130,246,0.06);
    top:-150px;
    right:-120px;
    filter:blur(40px);
}

.inquiry-container{
    width:60%;
    max-width:920px;
    margin:auto;
    position:relative;
    z-index:2;
}

/* =========================================================
   MAIN CARD
========================================================= */

.inquiry-card{
    background:rgba(255,255,255,0.88);
    backdrop-filter:blur(18px);
    padding:55px 40px;
    border-radius:42px;
    border:1px solid rgba(255,255,255,0.7);
    box-shadow:
        0 25px 70px rgba(15,23,42,0.08),
        inset 0 1px 0 rgba(255,255,255,0.7);
    text-align:center;
    position:relative;
    overflow:hidden;
    transition:0.45s ease;
}

.inquiry-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #d1aa65,
        #d1aa655c,
        #d1aa65
    );
}

.inquiry-card:hover{
    transform:translateY(-6px);
    box-shadow:
        0 35px 80px rgba(15,23,42,0.12);
}

/* =========================================================
   CONTENT
========================================================= */

.inquiry-content{
    margin-bottom:40px;
}

.inquiry-content h3{
    font-size:35px;
    line-height:1.1;
    font-weight:900;
    color:#0f172a;
    margin-bottom:18px;
    letter-spacing:-1px;
}

.inquiry-content h3 span{
    color:#d1aa65;
    font-style:italic;
}

.inquiry-content p{
    max-width:600px;
    margin:auto;
    color:#64748b;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:3px;
    line-height:1.8;
}

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

.inquiry-btn{
    width:auto;
    max-width:420px;
    border:none;
    background:linear-gradient(
        135deg,
        #d1aa65,
        #d1aa65
    );
    color:#fff;
    padding:13px 30px;
    border-radius:26px;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:2px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    transition:0.4s ease;
    margin:auto;
}

.inquiry-btn:hover{
    transform:translateY(-3px) scale(1.02);
    box-shadow:
        0 24px 45px rgba(37,99,235,0.35);
}

.inquiry-btn:active{
    transform:scale(.98);
}

.inquiry-icon{
    font-size:20px;
    transition:.3s;
}

.inquiry-btn:hover .inquiry-icon{
    transform:translateX(4px);
}

/* =========================================================
   CONNECT SECTION
========================================================= */

.connect-section{
    margin-top:35px;
    background:rgba(255,255,255,0.9);
    backdrop-filter:blur(18px);
    border:1px solid rgba(226,232,240,0.8);
    border-radius:36px;
    padding:35px;
    box-shadow:
        0 20px 50px rgba(15,23,42,0.06);
    position:relative;
    overflow:hidden;
}

.connect-section::before{
    content:"";
    position:absolute;
    top:-60px;
    right:-60px;
    width:180px;
    height:180px;
    border-radius:50%;
    background:rgba(37,99,235,0.05);
    filter:blur(15px);
}

.connect-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;
    gap:15px;
    flex-wrap:wrap;
    position:relative;
    z-index:2;
}

.connect-top h4{
    margin:0;
    font-size:12px;
    font-weight:900;
    color:#d1aa65;
    text-transform:uppercase;
    letter-spacing:3px;
}

.phone-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    padding:12px 18px;
    border-radius:18px;
    background:#f8fbff;
    border:1px solid #dbeafe;
    color:#0f172a;
    font-size:13px;
    font-weight:800;
    transition:0.35s ease;
}

.phone-link svg{
    color:#d1aa65;
}

.phone-link:hover{
    background:#d1aa65;
    color:#fff;
    transform:translateY(-2px);
}

.phone-link:hover svg{
    color:#fff;
}

/* =========================================================
   SOCIAL GRID
========================================================= */

.social-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:18px;
    position:relative;
    z-index:2;
}

.social-item{
    text-decoration:none;
    background:#fff;
    border:1px solid #edf2f7;
    border-radius:26px;
    padding:20px 12px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    transition:0.4s ease;
    box-shadow:
        0 8px 22px rgba(15,23,42,0.04);
}

.social-item:hover{
    transform:translateY(-6px);
    box-shadow:
        0 18px 35px rgba(15,23,42,0.08);
}

.social-icon{
    width:58px;
    height:58px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:800;
    transition:0.35s ease;
}

.social-item span{
    font-size:10px;
    font-weight:800;
    color:#64748b;
    text-transform:uppercase;
    letter-spacing:1.5px;
}

/* =========================================================
   ICON COLORS
========================================================= */

.map-icon{
    background:#eff6ff;
    color:#d1aa65;
}

.review-icon{
    background:#fef9c3;
    color:#ca8a04;
}

.insta-icon{
    background:#fdf2f8;
    color:#db2777;
}

.fb-icon{
    background:#dbeafe;
    color:#1d4ed8;
}

.yt-icon{
    background:#fee2e2;
    color:#dc2626;
}

/* =========================================================
   HOVER COLORS
========================================================= */

.social-item:hover .map-icon{
    background:#d1aa65;
    color:#fff;
    transform:rotate(-5deg) scale(1.08);
}

.social-item:hover .review-icon{
    background:#eab308;
    color:#fff;
    transform:rotate(5deg) scale(1.08);
}

.social-item:hover .insta-icon{
    background:#db2777;
    color:#fff;
    transform:rotate(-5deg) scale(1.08);
}

.social-item:hover .fb-icon{
    background:#1d4ed8;
    color:#fff;
    transform:rotate(5deg) scale(1.08);
}

.social-item:hover .yt-icon{
    background:#dc2626;
    color:#fff;
    transform:rotate(-5deg) scale(1.08);
}

/* =========================================================
   OWNER BUTTON
========================================================= */

.owner-btn{
    width:65%;
    margin:auto;
    margin-top:28px;
    padding:15px 20px;
    border-radius:24px;
    border:2px dashed #d1aa658c;
    background:#f8fbff;
    color:#d1aa65;
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:2px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    cursor:pointer;
    transition:0.35s ease;
}

.owner-btn:hover{
    background:#d1aa65;
    color:#fff;
    border-color:#d1aa65;
    transform:translateY(-3px);
    box-shadow:
        0 18px 35px rgba(37,99,235,0.25);
}

.owner-btn svg{
    flex-shrink:0;
}

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

.footer-wrapper{
    max-width:1200px;
    margin:auto;
    padding:0px 0px 0px;
}

.custom-footer{
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(18px);
    border:1px solid rgba(226,232,240,0.8);
    border-radius:36px;
    padding:15px 25px;
    box-shadow:
        0 -10px 40px rgba(15,23,42,0.05);
    text-align:center;
}

.footer-social{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    margin-bottom:10px;
    flex-wrap:wrap;
}

.footer-icon{
    width:45px;
    height:45px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:20px;
    background:#f8fafc;
    color:#64748b;
    transition:0.35s ease;
    border:1px solid #edf2f7;
}

.footer-icon:hover{
    transform:translateY(-5px) scale(1.05);
}

/* hover */

.map:hover{
    background:#d1aa65;
    color:#fff;
}

.star:hover{
    background:#eab308;
    color:#fff;
}

.insta:hover{
    background:#db2777;
    color:#fff;
}

.fb:hover{
    background:#1d4ed8;
    color:#fff;
}

.yt:hover{
    background:#dc2626;
    color:#fff;
}

/* =========================================================
   FOOTER CONTACT
========================================================= */

.footer-contact{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
}

.footer-phone{
    display:flex;
    align-items:center;
    gap:10px;
    text-decoration:none;
    color:#0f172a;
    font-size:14px;
    font-weight:900;
    letter-spacing:1px;
    transition:0.3s ease;
}

.footer-phone svg{
    color:#d1aa65;
}

.footer-phone:hover{
    color:#d1aa65;
}

.footer-contact p{
    margin:0;
    font-size:10px;
    font-weight:800;
    color:#94a3b8;
    text-transform:uppercase;
    letter-spacing:3px;
}

/* =========================================================
   FLOATING ALERT
========================================================= */

.listing-alert{
    position:fixed;
    bottom:100px;
    left:50%;
    transform:translateX(-50%);
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(16px);
    border:1px solid #dbeafe;
    border-radius:24px;
    padding:14px 18px;
    display:flex;
    align-items:center;
    gap:14px;
    box-shadow:
        0 18px 45px rgba(15,23,42,0.10);
    z-index:99;
    max-width:380px;
    width:calc(100% - 40px);
}

.alert-icon{
    width:42px;
    height:42px;
    border-radius:16px;
    background:#eff6ff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    color:#d1aa65;
}

.listing-alert p{
    margin:0;
    font-size:12px;
    font-weight:800;
    color:#334155;
    line-height:1.5;
}

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

.whatsapp-btn{
    position:fixed;
    right:24px;
    bottom:24px;
    width:68px;
    height:68px;
    border-radius:50%;
    background:linear-gradient(
        135deg,
        #25d366,
        #16a34a
    );
    color:#fff;
    text-decoration:none;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    box-shadow:
        0 18px 35px rgba(37,211,102,0.35);
    border:4px solid #fff;
    z-index:999;
    animation:floatBtn 2.5s infinite;
}

.notify-dot{
    position:absolute;
    top:-2px;
    right:-2px;
    width:24px;
    height:24px;
    border-radius:50%;
    background:#f43f5e;
    color:#fff;
    font-size:10px;
    font-weight:900;
    display:flex;
    align-items:center;
    justify-content:center;
    border:3px solid #fff;
}

@keyframes floatBtn{

    0%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-8px);
    }

    100%{
        transform:translateY(0);
    }
}

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

@media(max-width:768px){

    .inquiry-section{
        padding:70px 0 50px;
    }

    .inquiry-card{
        padding:40px 22px;
        border-radius:30px;
    }
    .inquiry-container{
        width:95%;
    }
    .owner-btn{
        width:100%;
    }

    .inquiry-content h3{
        font-size:30px;
    }

    .inquiry-content p{
        font-size:10px;
        letter-spacing:2px;
    }

    .inquiry-btn{
        font-size:11px;
        padding:16px 18px;
        border-radius:20px;
    }

    .connect-section{
        padding:25px 18px;
        border-radius:28px;
    }

    .social-grid{
        grid-template-columns:repeat(2,1fr);
        gap:14px;
    }

    .social-item{
        border-radius:22px;
        padding:18px 10px;
    }

    .social-icon{
        width:50px;
        height:50px;
        font-size:20px;
        border-radius:16px;
    }

    .connect-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .custom-footer{
        border-radius:28px;
        padding:28px 18px;
    }

    .footer-social{
        gap:12px;
    }

    .footer-icon{
        width:46px;
        height:46px;
        font-size:18px;
    }

    .footer-contact p{
        font-size:9px;
        text-align:center;
        line-height:1.6;
    }

    .listing-alert{
        bottom:95px;
        padding:12px 14px;
    }

    .listing-alert p{
        font-size:11px;
    }

    .whatsapp-btn{
        width:60px;
        height:60px;
        font-size:26px;
    }
}



.type-tabs{
    display:flex;
    gap:10px;
}

.type-tabs a{
    text-decoration:none;
    padding:10px 18px;
    border-radius:12px;
    background:#f3f4f6;
    color:#6b7280;
    font-size:12px;
    font-weight:700;
    transition:.3s;
}

.type-tabs a.active{
    background:#d1aa65;
    color:#fff;
}

.listing-grid{
    display:grid;
    grid-template-columns:30% 70%;
    gap:25px;
    margin-top:25px;
}

.no-data{
    grid-column:1/-1;
    text-align:center;
    padding:40px;
    background:#fff;
    border-radius:20px;
    font-weight:700;
}

@media(max-width:992px){

    .listing-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .listing-grid{
        grid-template-columns:1fr;
    }

}



.search-box1{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;
}

.search-box1 input{
    width:100%;
    height:55px;
    border-radius:18px;
    border:1px solid #dbe1ea;
    padding:0 20px 0 50px;
    font-size:14px;
    font-weight:600;
    outline:none;
}

.search-box1 i{
    position:absolute;
    left:18px;
    color:#9ca3af;
}

.search-btn{
    height:55px;
    padding:0 22px;
    border:none;
    border-radius:16px;
    background:#d1aa65;
    color:#fff;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.search-btn:hover{
    background:#1d4ed8;
}



.modal-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    display:none;
    align-items:center;
    justify-content:center;
    z-index:9999;
}

.modal-box{
    width:90%;
    max-width:500px;
    background:#fff;
    border-radius:20px;
    padding:20px;
    position:relative;
    animation:fadeIn .3s ease;
}

.modal-box img{
    width:100%;
    border-radius:12px;
    margin-bottom:15px;
}

.modal-box h2{
    margin:10px 0;
}

.close-btn{
    position:absolute;
    right:15px;
    top:10px;
    font-size:28px;
    cursor:pointer;
}

.modal-details p{
    font-size:13px;
    margin:6px 0;
    color:#444;
}

@keyframes fadeIn{
    from{transform:scale(.9);opacity:0;}
    to{transform:scale(1);opacity:1;}
}



/* =====================================================
   ULTRA MODERN PROPERTY MODAL UI
===================================================== */

.listing-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:
    linear-gradient(
        135deg,
        rgba(15,23,42,.82),
        rgba(30,41,59,.82)
    );
    backdrop-filter:blur(14px);
}

/* =====================================================
   MODAL BOX
===================================================== */

.listing-modal-box{
    width:100%;
    max-width:1050px;
    max-height:94vh;
    overflow-y:auto;
    border-radius:34px;
    background:#ffffff;
    position:relative;
    box-shadow:
    0 25px 80px rgba(0,0,0,.20);
    animation:modalAnim .35s ease;
    border:1px solid rgba(255,255,255,.3);
}

.listing-modal-box::-webkit-scrollbar{
    width:5px;
}

.listing-modal-box::-webkit-scrollbar-thumb{
    background:#cbd5e1;
    border-radius:20px;
}

/* =====================================================
   CLOSE BUTTON
===================================================== */

.close-modal{
    position:absolute;
    top:18px;
    right:18px;
    width:46px;
    height:46px;
    border-radius:50%;
    background:rgba(255,255,255,.95);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    color:#111827;
    cursor:pointer;
    z-index:999;
    transition:.35s ease;
    box-shadow:
    0 10px 25px rgba(0,0,0,.15);
}

.close-modal:hover{
    background:#d1aa65;
    color:#fff;
    transform:rotate(90deg) scale(1.05);
}


.modal-body-wrap{
    padding:18px;
}

/* =====================================================
   TOP IMAGE
===================================================== */
.details-top-flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:16px;
}

.details-category{
    margin:0;
    padding:9px 16px;
    border-radius:50px;
    background:#f1f5f9;
    color:#0f172a;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    border:1px solid #e2e8f0;
}


.details-top-image{
    position:relative;
    height:480px;
    overflow:hidden;
    border-radius:28px;
    background:#f1f5f9;
}

.details-top-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        to top,
        rgba(0,0,0,.65),
        rgba(0,0,0,.05)
    );
}

.details-top-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:1s ease;
}

.details-top-image:hover img{
    transform:scale(1.06);
}

/* =====================================================
   IMAGE CONTENT
===================================================== */

.image-content{
    position:absolute;
    left:28px;
    bottom:28px;
    z-index:10;
    color:#fff;
}

.image-tag{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:8px 16px;
    border-radius:50px;
    background:rgba(255,255,255,.16);
    backdrop-filter:blur(10px);
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:14px;
}

.image-content h2{
    margin:0 0 8px;
    font-size:38px;
    font-weight:900;
    line-height:1.2;
}

.image-content p{
    margin:0;
    font-size:14px;
    font-weight:600;
    opacity:.95;
}

/* =====================================================
   THUMBNAILS
===================================================== */

.details-slider{
    display:flex;
    gap:14px;
    overflow-x:auto;
    margin-top:18px;
    padding-bottom:4px;
}

.details-slider::-webkit-scrollbar{
    height:4px;
}

.details-slider::-webkit-scrollbar-thumb{
    background:#cbd5e1;
    border-radius:20px;
}

.details-slider img{
    width:92px;
    height:72px;
    border-radius:18px;
    object-fit:cover;
    flex-shrink:0;
    cursor:pointer;
    border:3px solid transparent;
    transition:.35s ease;
    box-shadow:
    0 8px 18px rgba(0,0,0,.08);
}

.details-slider img:hover,
.details-slider img.active-thumb{
    border-color:#d1aa65;
    transform:translateY(-4px);
}

/* =====================================================
   MAIN CARD
===================================================== */

.details-main-card{
    margin-top:22px;
    border-radius:28px;
    padding:28px;
    background:#f8fafc;
    border:1px solid #e2e8f0;
}

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

.details-type{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 16px;
    border-radius:50px;
    background:#dbeafe;
    color:#1d4ed8;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:16px;
}

.details-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    flex-wrap:wrap;
}

.details-header h2{
    margin:0 0 10px;
    font-size:34px;
    font-weight:900;
    color:#0f172a;
    line-height:1.2;
}

.details-area{
    margin:0;
    color:#64748b;
    font-size:14px;
    font-weight:600;
}

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

.price-flex{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-top:26px;
}

.price-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    padding:24px;
}

.price-card::before{
    content:"";
    position:absolute;
    right:-30px;
    top:-30px;
    width:100px;
    height:100px;
    border-radius:50%;
    background:rgba(255,255,255,.25);
}

.price-card small{
    display:block;
    margin-bottom:10px;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
}

.price-card h3{
    margin:0;
    font-size:34px;
    font-weight:900;
}

.green-card{
    background:linear-gradient(135deg,#dcfce7,#bbf7d0);
}

.green-card small{
    color:#15803d;
}

.green-card h3{
    color:#14532d;
}

.blue-card{
    background:linear-gradient(135deg,#dbeafe,#bfdbfe);
}

.blue-card small{
    color:#1d4ed8;
}

.blue-card h3{
    color:#1e3a8a;
}

/* =====================================================
   SECTION TITLE
===================================================== */

.section-title,
.option-title{
    position:relative;
    margin-top:34px;
    margin-bottom:18px;
    padding-left:16px;
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    color:#0f172a;
    text-transform:uppercase;
}

.section-title::before,
.option-title::before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:5px;
    height:18px;
    border-radius:20px;
    background:#d1aa65;
}

/* =====================================================
   ROOM GRID
===================================================== */

.room-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.room-box{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-radius:24px;
    padding:22px;
    border:2px solid #e2e8f0;
    transition:.35s ease;
}

.room-box:hover{
    transform:translateY(-4px);
    box-shadow:
    0 18px 35px rgba(0,0,0,.06);
}

.room-box.active{
    border-color:#d1aa65;
    background:
    linear-gradient(
        135deg,
        #eff6ff,
        #ffffff
    );
}

.room-top{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
}

.room-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d1aa65;
}

.room-top span{
    font-size:11px;
    font-weight:800;
    color:#d1aa65;
    letter-spacing:1px;
    text-transform:uppercase;
}

.room-box h4{
    margin:0;
    font-size:18px;
    font-weight:800;
    color:#111827;
    line-height:1.5;
}

.room-price{
    margin-top:18px;
    padding-top:16px;
    border-top:1px dashed #cbd5e1;
    font-size:27px;
    font-weight:900;
    color:#0f172a;
}

.room-price small{
    font-size:12px;
    font-weight:700;
    color:#64748b;
}

/* =====================================================
   FACILITY GRID
===================================================== */

.facility-grid{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:16px;
}

.facility-box{
    background:#fff;
    border-radius:22px;
    padding:20px 14px;
    text-align:center;
    border:1px solid #e2e8f0;
    transition:.35s ease;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
}

.facility-box:hover{
    transform:translateY(-5px);
    box-shadow:
    0 15px 30px rgba(0,0,0,.06);
    border-color:#bfdbfe;
}

.facility-box img{
    width:34px;
    height:34px;
    object-fit:contain;
    margin-bottom:12px;
}

.facility-box span{
    font-size:12px;
    font-weight:700;
    color:#334155;
    line-height:1.5;
}

/* =====================================================
   NEARBY GRID
===================================================== */

.nearby-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}

.near-box{
    background:#fff;
    border-radius:22px;
    padding:20px;
    border:1px solid #e2e8f0;
    transition:.3s ease;
}

.near-box:hover{
    transform:translateY(-4px);
    box-shadow:
    0 12px 25px rgba(0,0,0,.05);
}

.near-box h4{
    margin:0 0 10px;
    font-size:16px;
    font-weight:800;
    color:#111827;
}

.near-box p{
    margin:0;
    font-size:13px;
    font-weight:700;
    color:#d1aa65;
}

/* =====================================================
   ANIMATION
===================================================== */

@keyframes modalAnim{

    from{
        opacity:0;
        transform:translateY(20px) scale(.94);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

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

@media(max-width:768px){

    .listing-modal{
        padding:10px;
    }

    .listing-modal-box{
        border-radius:24px;
    }

    .modal-body-wrap{
        padding:12px;
    }

    .details-top-image{
        height:260px;
        border-radius:22px;
    }

    .image-content{
        left:18px;
        bottom:18px;
    }

    .image-content h2{
        font-size:24px;
    }

    .image-content p{
        font-size:12px;
    }

    .details-slider img{
        width:70px;
        height:58px;
    }

    .details-main-card{
        padding:18px;
        border-radius:22px;
    }

    .details-header h2{
        font-size:24px;
    }

    .price-flex{
        grid-template-columns:1fr;
    }

    .room-grid{
        grid-template-columns:1fr;
    }

    .facility-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .nearby-grid{
        grid-template-columns:1fr;
    }

    .room-price{
        font-size:20px;
    }

    .price-card h3{
        font-size:28px;
    }
}


/* =====================================================
   TOP BAR
===================================================== */

.listing-top-bar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:22px;
    flex-wrap:wrap;
}

.listing-main-title{
    margin:0;
    font-size:26px;
    font-weight:800;
    color:#111827;
}

.listing-subtitle{
    margin-top:5px;
    color:#64748b;
    font-size:13px;
}

/* =====================================================
   NAVIGATION
===================================================== */

.slider-nav{
    display:flex;
    gap:10px;
}

.slider-nav button{
    width:42px;
    height:42px;
    border:none;
    outline:none;
    border-radius:14px;
    background:#fff;
    border:1px solid #e2e8f0;
    cursor:pointer;
    transition:.3s ease;
    color:#111827;
    font-size:14px;
    box-shadow:0 6px 15px rgba(0,0,0,0.04);
}

.slider-nav button:hover{
    background:#d1aa65;
    color:#fff;
}

/* =====================================================
   SLIDER
===================================================== */

.property-slider-wrap{
    overflow:hidden;
    width:100%;
}

.property-slider-track{
    display:flex;
    gap:20px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
}

.property-slider-track::-webkit-scrollbar{
    display:none;
}



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

.property-card1{
    min-width:340px;
    max-width:340px;
    background:#fff;
    border-radius:28px;
    overflow:hidden;
    flex-shrink:0;
    cursor:pointer;
    border:1px solid #edf2f7;
    transition:.35s ease;
    box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

.property-card1:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 35px rgba(0,0,0,0.08);
}

/* =====================================================
   IMAGE
===================================================== */

.property-image{
    position:relative;
    height:220px;
    overflow:hidden;
}

.property-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.4s ease;
}

.property-card1:hover .property-image img{
    transform:scale(1.06);
}

/* =====================================================
   VERIFIED
===================================================== */

.verified-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(10px);
    color:#16a34a;
    padding:7px 12px;
    border-radius:30px;
    font-size:11px;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:6px;
}

/* =====================================================
   TYPE TAG
===================================================== */

.property-type-tag{
    position:absolute;
    bottom:14px;
    right:14px;
    background:#111827;
    color:#fff;
    padding:7px 14px;
    border-radius:30px;
    font-size:11px;
    font-weight:700;
}

/* =====================================================
   CONTENT
===================================================== */

.property-content{
    padding:18px;
    padding-top:5px;
}

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

.property-title-wrap{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
}

.property-title-wrap h3{
    margin:0;
    color:#111827;
    font-size:20px;
    font-weight:800;
    line-height:1.3;
}

.property-area{
    margin-top:7px;
    color:#64748b;
    font-size:12px;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:6px;
}

.open-icon{
    width:38px;
    height:38px;
    border-radius:12px;
    background:#eff6ff;
    color:#d1aa65;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:13px;
}

/* =====================================================
   RENT STRIP
===================================================== */

.rent-strip{
    padding:16px;
    background:#f8fafc;
    border-radius:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
}

.rent-strip small{
    display:block;
    color:#94a3b8;
    font-size:10px;
    font-weight:700;
    margin-bottom:5px;
    text-transform:uppercase;
}

.rent-left h4{
    margin:0;
    color:#111827;
    font-size:22px;
    font-weight:900;
}

.rent-left h4 span{
    font-size:11px;
    color:#64748b;
    font-weight:600;
}

.rent-right h5{
    margin:0;
    color:#d1aa65;
    font-size:13px;
    font-weight:700;
}

/* =====================================================
   AMENITIES
===================================================== */

.amenity-head{
    margin-top:10px;
    margin-bottom:14px;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    color:#16a34a;
    text-transform:uppercase;
}

.facility-list{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.facility-item{
    display:flex;
    align-items:center;
    gap:10px;
    flex-direction: column;
    background:#f8fafc;
    border:1px solid #edf2f7;
    border-radius:16px;
    padding:10px;
}

.facility-icon{
    width:38px;
    height:38px;
    border-radius:12px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}

.facility-icon img{
    width:22px;
    height:22px;
    object-fit:contain;
}

.facility-item span{
    font-size:11px;
    font-weight:700;
    color:#374151;
    line-height:1.4;
}

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

.view-btn{
    width:100%;
    margin-top:18px;
    height:48px;
    border:none;
    outline:none;
    border-radius:16px;
    background:#d1aa65;
    color:#fff;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    transition:.3s ease;
}

.view-btn:hover{
    background:#1d4ed8;
}

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

@media(max-width:768px){

    .property-card1{
        min-width:88%;
        max-width:88%;
    }

    .property-image{
        height:200px;
    }

    .property-title-wrap h3{
        font-size:18px;
    }

}