/*=======HIRANYANABHA PREMIUM HERO==============*/
.hero{
    position:relative;
    width:100%;
    min-height:100vh;
    height:100vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    background:#111;
}
/*==============BACKGROUND IMAGE=============*/
.hero-bg{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    transform:scale(1.02);
    animation:heroZoom 18s ease-in-out infinite alternate;
    will-change:transform;
}
/*========== PREMIUM OVERLAY ==============*/
.hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.52) 38%,
            rgba(0,0,0,.22) 75%,
            rgba(0,0,0,.35) 100%
        );
}
/*==============CONTENT===========*/
.hero .container{
    position:relative;
    z-index:2;
}
.hero-content{
    max-width:760px;
    color:#fff;
    padding-top:40px;
}
/*=========== TAG ============*/
.hero-tag{
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#C9A86A;
    font-size:13px;
    font-weight:700;
    letter-spacing:4px;
    text-transform:uppercase;
    margin-bottom:22px;
}
/* Small gold line before tag */
.hero-tag::before{
    content:"";
    width:45px;
    height:2px;
    background:#C9A86A;
}
/*=========MAIN TITLE =========*/
.hero h1{
    font-family:"Cormorant Garamond", serif;
    font-size:clamp(58px, 8vw, 105px);
    line-height:.92;
    font-weight:700;
    letter-spacing:2px;
    color:#fff;
    margin:0 0 25px;
    text-shadow:0 8px 30px rgba(0,0,0,.35);
}
/*========DESCRIPTION===========*/
.hero p{
    max-width:600px;
    font-size:21px;
    line-height:1.65;
    color:#eeeeee;
    margin:0 0 38px;
}
/*========BUTTON WRAPPER===========*/
.hero-buttons{
    display:flex;
    align-items:center;
    gap:15px;
    flex-wrap:wrap;
}
/*========== COMMON BUTTON ============*/
.hero-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    padding:14px 30px;
    border-radius:50px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:all .35s ease;
}
/*=======PRIMARY BUTTON==========*/
.hero-btn-primary{
    background:#C9A86A;
    color:#fff;
    box-shadow:0 10px 30px rgba(201,168,106,.25);
}
.hero-btn-primary:hover{
    background:#fff;
    color:#111;
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}
/*============ OUTLINE BUTTON ============*/
.hero-btn-outline{
    border:1px solid rgba(255,255,255,.75);
    background:rgba(255,255,255,.05);
    color:#fff;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}
.hero-btn-outline:hover{
    background:#fff;
    border-color:#fff;
    color:#111;
    transform:translateY(-4px);
}
/*========BUTTON ICON=============*/
.hero-btn i{
    font-size:14px;
    transition:.3s;
}
.hero-btn:hover i{
    transform:translateX(4px);
}
.book-visit i {
    margin-right: 8px;
}
/*=========SCROLL DOWN============*/
.scroll-down{
    position:absolute;
    z-index:5;
    bottom:28px;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    color:#fff;
    opacity:.9;
}
.scroll-down span{
    display:block;
    font-size:11px;
    font-weight:500;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:8px;
}
.scroll-down i{
    color:#C9A86A;
    font-size:18px;
    animation:scrollBounce 2s infinite;
}
/*==========IMAGE ZOOM==============*/
@keyframes heroZoom{
    from{
        transform:scale(1.02);
    }
    to{
        transform:scale(1.09);
    }
}
/*========SCROLL ANIMATION===========*/
@keyframes scrollBounce{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(8px);
    }
}
/*=========LARGE TABLET=============*/
@media(max-width:1199px){
    .hero-content{
        max-width:680px;
    }
    .hero h1{
        font-size:78px;
    }
    .hero p{
        font-size:19px;
    }
}
/*================TABLET=========================*/
@media(max-width:991px){
    .hero{
        min-height:90vh;
        height:90vh;
    }
    .hero-bg{
        object-position:center center;
    }
    .hero-overlay{
        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.70),
                rgba(0,0,0,.42)
            );
    }
    .hero-content{
        max-width:620px;
        padding:30px 15px 0;
    }
    .hero-tag{
        font-size:12px;
        letter-spacing:3px;
        margin-bottom:18px;
    }
    .hero-tag::before{
        width:35px;
    }
    .hero h1{
        font-size:70px;
        letter-spacing:1px;
        margin-bottom:20px;
    }
    .hero p{
        font-size:18px;
        line-height:1.6;
        margin-bottom:32px;
    }
    .hero-btn{
        padding:13px 26px;
        min-height:50px;
    }
    .scroll-down{
        bottom:22px;
    }
}
/*============MOBILE==============*/
@media(max-width:767px){
    .hero{
        height:100svh;
        min-height:620px;
        align-items:center;
    }
    .hero-bg{
        object-position:center center;
    }
    .hero-overlay{
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.45) 0%,
                rgba(0,0,0,.60) 50%,
                rgba(0,0,0,.78) 100%
            );
    }
    .hero-content{
        max-width:100%;
        padding:50px 10px 70px;
        text-align:left;
    }
    .hero-tag{
        font-size:10px;
        letter-spacing:2.5px;
        margin-bottom:18px;
    }
    .hero-tag::before{
        width:28px;
    }
    .hero h1{
        font-size:clamp(48px,15vw,68px);
        line-height:.95;
        letter-spacing:1px;
        margin-bottom:20px;
    }
    .hero p{
        max-width:420px;
        font-size:16px;
        line-height:1.65;
        margin-bottom:28px;
    }
    .hero-buttons{
        gap:12px;
    }
    .hero-btn{
        min-height:48px;
        padding:12px 21px;
        font-size:13px;
    }
    .scroll-down{
        bottom:18px;
    }
    .scroll-down span{
        font-size:9px;
        letter-spacing:2px;
    }
    .scroll-down i{
        font-size:15px;
    }
}
/*============SMALL MOBILE============*/
@media(max-width:480px){
    .hero{
        min-height:600px;
    }
    .hero-content{
        padding:35px 5px 65px;
    }
    .hero-tag{
        font-size:9px;
        letter-spacing:2px;
        gap:8px;
    }
    .hero-tag::before{
        width:22px;
    }
    .hero h1{
        font-size:50px;
        line-height:.95;
        margin-bottom:17px;
    }
    .hero p{
        font-size:14px;
        line-height:1.6;
        margin-bottom:25px;
    }
    .hero-buttons{
        flex-direction:column;
        align-items:flex-start;
        width:100%;
    }
    .hero-btn{
        width:auto;
        min-width:190px;
        padding:12px 20px;
        font-size:13px;
    }
    .scroll-down{
        bottom:15px;
    }
}
/*===========VERY SMALL MOBILE============*/
@media(max-width:360px){
    .hero h1{
        font-size:44px;
    }
    .hero p{
        font-size:13px;
    }
    .hero-btn{
        min-width:175px;
        font-size:12px;
    }
}
/*=========PREVENT HORIZONTAL SCROLL============*/
.hero,
.hero .container,
.hero-content{
    max-width:100%;
}
.hero img{
    max-width:none;
}
/*============HIRANYANABHA - ABOUT PROJECT============*/
.about-section {
    position: relative;
    padding: 110px 0;
    background: #ffffff;
    overflow: hidden;
}
/*=========IMAGE==========*/
.about-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 24px;
    background: #f5f5f5;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.10);
}
.about-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 24px;
    object-fit: cover;
    transition: transform 0.6s ease;
}
.about-image:hover img {
    transform: scale(1.04);
}
/* Golden shine */
.about-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 55%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.15) 35%,
        rgba(201,168,106,0.35) 50%,
        transparent 70%
    );
    transform: skewX(-25deg);
}
.about-image:hover::before {
    animation: aboutShine 1.2s ease;
}
@keyframes aboutShine {
    from {
        left: -120%;
    }
    to {
        left: 150%;
    }
}
/*==========CONSTRUCTION BADGE============*/
.construction-badge {
    position: absolute;
    left: 25px;
    bottom: 25px;
    z-index: 5;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 13px 22px;
    background: #c9a86a;
    color: #ffffff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    box-shadow: 0 12px 30px rgba(0,0,0,0.20);
}
.construction-badge i {
    font-size: 15px;
}
/*===========SECTION TAG==============*/
.about-section .section-tag {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
    color: #c9a86a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
}
/* Golden line before ABOUT PROJECT */
.about-section .section-tag::before {
    content: "";
    width: 45px;
    height: 2px;
    background: #c9a86a;
    display: inline-block;
}
/*===========TITLE=============*/
.about-section .section-title {
    position: relative;
    margin: 0 0 25px;
    color: #111111;
    font-family: "Cormorant Garamond", serif;
    font-size: 54px;
    font-weight: 600;
    line-height: 1.12;
}
/* Gold highlighted text */
.about-section .section-title span {
    display: block;
    color: #c9a86a;
}
/*==========DESCRIPTION===============*/
.about-section .section-description {
    max-width: 650px;
    margin: 0 0 30px;
    color: #666666;
    font-size: 17px;
    line-height: 1.9;
}
.about-section .section-description strong {
    color: #333333;
    font-weight: 700;
}
/*==========PROJECT INFO GRID===========*/
.about-section .project-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}
/*=============INFO CARD==============*/
.about-section .info-card {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
    padding: 18px;
    background: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(0,0,0,0.055);
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}
.about-section .info-card:hover {
    transform: translateY(-6px);
    border-color: #c9a86a;
    box-shadow:
        0 15px 35px rgba(0,0,0,0.08),
        0 0 20px rgba(201,168,106,0.12);
}
/*===========INFO ICON===============*/
.about-section .info-card i {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #c9a86a;
    color: #ffffff;
    font-size: 21px;
    transition:
        transform 0.35s ease,
        background 0.35s ease;
}
.about-section .info-card:hover i {
    transform: scale(1.08) rotate(5deg);
    background: #111111;
}
/*============INFO TEXT=============*/
.about-section .info-card h5 {
    margin: 0 0 5px;
    color: #111111;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.3;
}
.about-section .info-card p {
    margin: 0;
    color: #777777;
    font-size: 14px;
    line-height: 1.5;
}
/*========= TABLET==========*/
@media (max-width: 991px) {
    .about-section {
        padding: 85px 0;
    }
    .about-section .section-title {
        font-size: 44px;
    }
    .about-section .section-description {
        font-size: 16px;
        line-height: 1.8;
    }
    .about-section .project-info {
        gap: 14px;
    }
    .about-section .info-card {
        padding: 16px;
    }
    .about-section .info-card i {
        flex-basis: 52px;
        width: 52px;
        height: 52px;
        font-size: 19px;
    }
    .construction-badge {
        left: 20px;
        bottom: 20px;
    }
}
/*==============MOBILE============*/
@media (max-width: 767px) {
    .about-section {
        padding: 70px 0;
    }
    /* Center heading area */
    .about-section .col-lg-6:last-child {
        text-align: center;
    }
    .about-section .section-tag {
        justify-content: center;
        font-size: 12px;
        letter-spacing: 2.5px;
    }
    .about-section .section-tag::before {
        width: 35px;
    }
    .about-section .section-title {
        font-size: 38px;
        line-height: 1.12;
        margin-bottom: 22px;
    }
    .about-section .section-title span {
        display: block;
    }
    .about-section .section-description {
        max-width: 100%;
        margin: 0 auto 28px;
        font-size: 15px;
        line-height: 1.8;
        text-align: left;
    }
    .about-section .project-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        text-align: left;
    }
    .about-section .info-card {
        min-height: 92px;
        padding: 14px 12px;
        gap: 10px;
        border-radius: 16px;
    }
    .about-section .info-card i {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        font-size: 17px;
    }
    .about-section .info-card h5 {
        font-size: 14px;
        margin-bottom: 4px;
    }
    .about-section .info-card p {
        font-size: 12px;
        line-height: 1.4;
    }
    .about-image {
        border-radius: 20px;
    }
    .about-image img {
        border-radius: 20px;
    }
    .construction-badge {
        left: 15px;
        bottom: 15px;
        padding: 10px 16px;
        font-size: 12px;
    }
}
/*==========SMALL MOBILE==============*/
@media (max-width: 480px) {
    .about-section {
        padding: 60px 0;
    }
    .about-section .section-title {
        font-size: 33px;
    }
    .about-section .section-tag {
        font-size: 11px;
        letter-spacing: 2px;
    }
    .about-section .section-tag::before {
        width: 28px;
    }
    .about-section .section-description {
        font-size: 14.5px;
        line-height: 1.75;
    }
    .about-section .project-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .about-section .info-card {
        min-height: 88px;
        padding: 12px 10px;
        gap: 8px;
    }
    .about-section .info-card i {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        font-size: 15px;
    }
    .about-section .info-card h5 {
        font-size: 13px;
    }
    .about-section .info-card p {
        font-size: 11.5px;
    }
    .construction-badge {
        left: 12px;
        bottom: 12px;
        padding: 9px 14px;
        font-size: 11px;
    }
}
/*========= PREVENT HORIZONTAL SCROLL===========*/
.about-section,
.about-section .container,
.about-section .row {
    max-width: 100%;
}
.about-section img {
    max-width: 100%;
}
/*======HIRANYANABHA — COMMERCIAL PROJECT HIGHLIGHTS=======*/
.project-highlights{
    position:relative;
    padding:105px 0;
    background:#111;
    overflow:hidden;
}
/*==========SUBTLE BACKGROUND DETAIL============*/
.project-highlights::before{
    content:"";
    position:absolute;
    top:-180px;
    right:-180px;
    width:420px;
    height:420px;
    border:1px solid rgba(201,168,106,.12);
    border-radius:50%;
}
.project-highlights::after{
    content:"";
    position:absolute;
    bottom:-220px;
    left:-180px;
    width:420px;
    height:420px;
    border:1px solid rgba(201,168,106,.08);
    border-radius:50%;
}
.project-highlights .container{
    position:relative;
    z-index:2;
}
/*======== SECTION HEADER===========*/
.project-highlights .section-header{
    max-width:850px;
    margin:0 auto 55px;
}
.project-highlights .section-tag{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#C9A86A;
    font-size:12px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:16px;
}
.project-highlights .section-tag::before,
.project-highlights .section-tag::after{
    content:"";
    width:32px;
    height:1px;
    background:#C9A86A;
}
.project-highlights .section-title{
    font-family:"Cormorant Garamond",serif;
    color:#fff;
    font-size:52px;
    font-weight:600;
    line-height:1.08;
    margin:0 0 18px;
}
.project-highlights .section-subtitle{
    max-width:680px;
    margin:0 auto;
    color:#aaa;
    font-size:16px;
    line-height:1.8;
}
/*=========CARD GRID=============*/
.project-highlights .row{
    --bs-gutter-x:18px;
    --bs-gutter-y:18px;
}
/*========COMMERCIAL CARD=============*/
.highlight-card{
    position:relative;
    height:100%;
    min-height:245px;
    padding:30px 26px;
    background:#181818;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    overflow:hidden;
    text-align:left;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    transition:
        transform .45s ease,
        border-color .45s ease,
        background .45s ease,
        box-shadow .45s ease;
}
/*========CARD NUMBER==========*/
.highlight-card::before{
    content:"";
    position:absolute;
    top:18px;
    right:22px;
    width:32px;
    height:32px;
    border:1px solid rgba(201,168,106,.25);
    border-radius:50%;
    transition:.4s ease;
}
/*=========GOLD ACCENT==========*/
.highlight-card::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:3px;
    background:#C9A86A;
    transform:scaleX(0);
    transform-origin:left;
    transition:.45s ease;
}
/*========ICON=============*/
.highlight-card i{
    position:absolute;
    top:28px;
    left:26px;
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:rgba(201,168,106,.10);
    border:1px solid rgba(201,168,106,.20);
    color:#C9A86A !important;
    font-size:21px;
    transition:.45s ease;
}
/*=======TITLE===============*/
.highlight-card h4{
    position:relative;
    font-family:"Cormorant Garamond",serif;
    color:#fff;
    font-size:27px;
    font-weight:600;
    line-height:1.15;
    margin:0 0 9px;
    transition:.35s ease;
}
/*=========DESCRIPTION=========*/
.highlight-card p{
    position:relative;
    color:#999;
    font-size:14px;
    line-height:1.65;
    margin:0;
    max-width:320px;
    transition:.35s ease;
}
/*========HOVER===========*/
.highlight-card:hover{
    transform:translateY(-8px);
    background:#1d1d1d;
    border-color:rgba(201,168,106,.55);
    box-shadow:
        0 20px 50px rgba(0,0,0,.35),
        0 0 30px rgba(201,168,106,.06);
}
.highlight-card:hover::before{
    border-color:#C9A86A;
}
.highlight-card:hover::after{
    transform:scaleX(1);
}
.highlight-card:hover i{
    background:#C9A86A;
    color:#111 !important;
    transform:translateY(-3px);
}
.highlight-card:hover h4{
    color:#C9A86A;
}
.highlight-card:hover p{
    color:#bbb;
}
/*=======TABLET=============*/
@media(max-width:991px){
    .project-highlights{
        padding:85px 0;
    }
    .project-highlights .section-title{
        font-size:44px;
    }
    .project-highlights .section-header{
        margin-bottom:40px;
    }
    .highlight-card{
        min-height:225px;
        padding:27px 22px;
    }
    .highlight-card i{
        left:22px;
        top:24px;
        width:48px;
        height:48px;
        font-size:20px;
    }
    .highlight-card h4{
        font-size:25px;
    }
    .highlight-card p{
        font-size:13.5px;
    }
}
/*========MOBILE — TWO CARDS PER ROW===========*/
@media(max-width:767px){
    .project-highlights{
        padding:70px 0;
    }
    .project-highlights .section-header{
        margin-bottom:32px;
        padding:0 8px;
    }
    .project-highlights .section-tag{
        font-size:10px;
        letter-spacing:2px;
        gap:8px;
    }
    .project-highlights .section-tag::before,
    .project-highlights .section-tag::after{
        width:20px;
    }
    .project-highlights .section-title{
        font-size:35px;
        line-height:1.1;
    }
    .project-highlights .section-subtitle{
        font-size:13.5px;
        line-height:1.65;
    }
    .project-highlights .row{
        --bs-gutter-x:10px;
        --bs-gutter-y:10px;
        margin-left:-5px;
        margin-right:-5px;
    }
    .project-highlights .row > [class*="col-"]{
        padding-left:5px;
        padding-right:5px;
    }
    .highlight-card{
        min-height:190px;
        padding:20px 13px;
        border-radius:15px;
        justify-content:flex-end;
    }
    .highlight-card i{
        position:relative;
        top:auto;
        left:auto;
        width:42px;
        height:42px;
        margin-bottom:12px;
        border-radius:11px;
        font-size:17px;
        flex-shrink:0;
    }
    /* Number circle */
    .highlight-card::before{
        top:10px;
        right:10px;
        width:23px;
        height:23px;
    }
    /* Bottom gold line */
    .highlight-card::after{
        height:2px;
    }
    /* Title */
    .highlight-card h4{
        font-size:19px;
        line-height:1.1;
        margin-bottom:6px;
    }
    /* Description */
    .highlight-card p{
        font-size:11px;
        line-height:1.45;
        max-width:100%;
    }
    .highlight-card:hover{
        transform:translateY(-4px);
    }
}
/*=======SMALL MOBILE===============*/
@media(max-width:480px){
    .project-highlights{
        padding:60px 0;
    }
    .project-highlights .section-title{
        font-size:31px;
    }
    .project-highlights .section-subtitle{
        font-size:12.5px;
    }
    .highlight-card{
        min-height:180px;
        padding:17px 10px;
        border-radius:14px;
    }
    .highlight-card i{
        width:38px;
        height:38px;
        font-size:15px;
        margin-bottom:9px;
    }
    .highlight-card h4{
        font-size:17px;
    }
    .highlight-card p{
        font-size:10.5px;
        line-height:1.4;
    }
    .highlight-card::before{
        width:20px;
        height:20px;
        top:8px;
        right:8px;
    }
}
/*======== VERY SMALL DEVICES===========*/
@media(max-width:360px){
    .project-highlights .section-title{
        font-size:28px;
    }
    .highlight-card{
        min-height:170px;
        padding:15px 9px;
    }
    .highlight-card h4{
        font-size:16px;
    }
    .highlight-card p{
        font-size:10px;
    }
}
/*=======HIRANYANABHA - MASTER PLAN=============*/
.master-plan {
    padding: 110px 0;
    background: #f8f8f8;
    overflow: hidden;
}
/*========IMAGE=============*/
.master-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(0, 0, 0, .10);
}
.master-image img {
    display: block;
    width: 100%;
    height: 520px;
    object-fit: cover;
    border-radius: 26px;
    transition: transform .6s ease;
}
.master-image:hover img {
    transform: scale(1.04);
}
/*======PLAN BADGE============*/
.plan-badge {
    position: absolute;
    top: 22px;
    left: 22px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 11px 20px;
    background: rgba(17, 17, 17, .88);
    color: #fff;
    border-left: 3px solid #C9A86A;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 3;
}
.plan-badge i {
    color: #C9A86A;
    font-size: 15px;
}
/*==========CONTENT============*/
.master-plan .section-tag {
    display: inline-block;
    color: #C9A86A;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
/*=========TITLE==============*/
.master-plan .section-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    color: #111;
    margin: 0 0 22px;
}
.master-plan .section-title span {
    color: #C9A86A;
}
/*============DESCRIPTION===========*/
.master-text {
    max-width: 600px;
    color: #666;
    font-size: 16px;
    line-height: 1.85;
    margin: 0 0 32px;
}
/*======FEATURES==========*/
.master-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.feature {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 12px 15px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    transition: all .35s ease;
}
.feature i {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f7f1e4;
    color: #C9A86A;
    font-size: 14px;
    transition: all .35s ease;
}
.feature:hover {
    transform: translateY(-4px);
    border-color: #C9A86A;
    box-shadow: 0 10px 25px rgba(201, 168, 106, .13);
}
.feature:hover i {
    background: #C9A86A;
    color: #fff;
    transform: scale(1.08);
}
/*========LARGE DESKTOP===========*/
@media (min-width: 1200px) {
    .master-plan {
        padding: 120px 0;
    }
    .master-image img {
        height: 560px;
    }
    .master-plan .section-title {
        font-size: 52px;
    }
    .master-text {
        font-size: 17px;
    }
}
/*=======TABLET===========*/
@media (max-width: 991px) {
    .master-plan {
        padding: 85px 0;
    }
    .master-image img {
        height: 430px;
    }
    .master-plan .section-title {
        font-size: 40px;
    }
    .master-text {
        font-size: 15.5px;
        line-height: 1.8;
        margin-bottom: 25px;
    }
    .master-features {
        gap: 12px;
    }
    .feature {
        font-size: 13.5px;
        padding: 11px 12px;
    }
}
/*======== MOBILE===========*/
@media (max-width: 767px) {
    .master-plan {
        padding: 70px 0;
    }
    /* IMAGE */
    .master-image {
        border-radius: 20px;
    }
    .master-image img {
        height: 330px;
        border-radius: 20px;
    }
    .master-image:hover img {
        transform: none;
    }
    /* BADGE */
    .plan-badge {
        top: 15px;
        left: 15px;
        padding: 9px 14px;
        font-size: 11px;
        letter-spacing: 1px;
    }
    .plan-badge i {
        font-size: 13px;
    }
    /* CONTENT */
    .master-plan .section-tag {
        display: block;
        text-align: center;
        font-size: 11px;
        letter-spacing: 2.5px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .master-plan .section-title {
        text-align: center;
        font-size: 34px;
        line-height: 1.15;
        margin-bottom: 18px;
    }
    .master-text {
        text-align: center;
        font-size: 14.5px;
        line-height: 1.75;
        margin: 0 auto 25px;
    }
    /* FEATURES */
    .master-features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .feature {
        min-height: 62px;
        padding: 10px 9px;
        gap: 8px;
        font-size: 12px;
        border-radius: 12px;
    }
    .feature i {
        width: 31px;
        height: 31px;
        min-width: 31px;
        font-size: 12px;
    }
    .feature:hover {
        transform: none;
    }
}
/*=========SMALL MOBILE============*/
@media (max-width: 480px) {
    .master-plan {
        padding: 60px 0;
    }
    .master-image img {
        height: 275px;
    }
    .plan-badge {
        top: 12px;
        left: 12px;
        padding: 8px 12px;
        font-size: 10px;
    }
    .master-plan .section-title {
        font-size: 30px;
    }
    .master-text {
        font-size: 14px;
        line-height: 1.7;
    }
    .master-features {
        gap: 8px;
    }
    .feature {
        min-height: 58px;
        padding: 9px 7px;
        font-size: 11px;
        gap: 7px;
    }
    .feature i {
        width: 28px;
        height: 28px;
        min-width: 28px;
        font-size: 11px;
    }
}
/*=========== EXTRA SMALL DEVICES===========*/
@media (max-width: 360px) {
    .master-image img {
        height: 245px;
    }
    .master-plan .section-title {
        font-size: 27px;
    }
    .master-text {
        font-size: 13px;
    }
    .feature {
        font-size: 10.5px;
        min-height: 55px;
    }
}
/*========HIRANYANABHA - COMMERCIAL AMENITIES==========*/
.amenities {
    padding: 110px 0;
    background: #111;
    color: #fff;
    overflow: hidden;
}
/*========HEADER============*/
.amenities-header {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 60px;
    align-items: end;
    margin-bottom: 65px;
}
.amenities .section-tag {
    display: inline-block;
    color: #C9A86A;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.amenities-title {
    font-family: "Cormorant Garamond", serif;
    font-size: 58px;
    font-weight: 700;
    line-height: 1.05;
    margin: 0;
    color: #fff;
}
.amenities-title span {
    color: #C9A86A;
}
.amenities-intro {
    color: #aaa;
    font-size: 15px;
    line-height: 1.8;
    margin: 0;
}
/*========AMENITIES LIST============*/
.amenities-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-top: 1px solid rgba(255,255,255,.12);
}
/*====== AMENITY ITEM==========*/
.amenity-item {
    position: relative;
    display: grid;
    grid-template-columns: 45px 70px 1fr;
    align-items: center;
    gap: 20px;
    padding: 32px 25px;
    border-bottom: 1px solid rgba(255,255,255,.12);
    transition: .4s ease;
}
.amenity-item:nth-child(odd) {
    border-right: 1px solid rgba(255,255,255,.12);
}
/*========NUMBER============*/
.amenity-number {
    color: #777;
    font-family: "Cormorant Garamond", serif;
    font-size: 18px;
    font-weight: 600;
    transition: .3s ease;
}
/*========ICON=============*/
.amenity-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(201,168,106,.10);
    border: 1px solid rgba(201,168,106,.25);
    transition: .45s ease;
}
.amenity-icon i {
    color: #C9A86A;
    font-size: 23px;
    transition: .4s ease;
}
/*==========CONTENT============*/
.amenity-content h4 {
    margin: 0 0 7px;
    font-family: "Cormorant Garamond", serif;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    transition: .3s ease;
}
.amenity-content p {
    margin: 0;
    color: #999;
    font-size: 14px;
    line-height: 1.65;
    max-width: 400px;
}
/*========HOVER=============*/
.amenity-item:hover {
    background: rgba(201,168,106,.05);
}
.amenity-item:hover .amenity-number {
    color: #C9A86A;
}
.amenity-item:hover .amenity-icon {
    background: #C9A86A;
    border-color: #C9A86A;
    transform: scale(1.08);
}
.amenity-item:hover .amenity-icon i {
    color: #111;
}
.amenity-item:hover .amenity-content h4 {
    color: #C9A86A;
}
/*=========TABLET=============*/
@media (max-width: 991px) {
    .amenities {
        padding: 85px 0;
    }
    .amenities-header {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 45px;
    }
    .amenities-title {
        font-size: 48px;
    }
    .amenities-intro {
        max-width: 650px;
    }
    .amenity-item {
        grid-template-columns: 35px 58px 1fr;
        gap: 15px;
        padding: 27px 18px;
    }
    .amenity-icon {
        width: 56px;
        height: 56px;
    }
    .amenity-icon i {
        font-size: 20px;
    }
    .amenity-content h4 {
        font-size: 22px;
    }
    .amenity-content p {
        font-size: 13px;
    }
}
/*=======MOBILE===========*/
@media (max-width: 767px) {
    .amenities {
        padding: 70px 0;
    }
    .amenities-header {
        text-align: center;
        gap: 15px;
        margin-bottom: 40px;
    }
    .amenities .section-tag {
        font-size: 11px;
        letter-spacing: 2.5px;
    }
    .amenities-title {
        font-size: 36px;
        line-height: 1.1;
    }
    .amenities-intro {
        font-size: 14px;
        line-height: 1.7;
        padding: 0 10px;
    }
    /* 2 COLUMNS */
    .amenities-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .amenity-item {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 10px;
        padding: 25px 12px;
    }
    .amenity-item:nth-child(odd) {
        border-right: 1px solid rgba(255,255,255,.12);
    }
    .amenity-number {
        font-size: 14px;
    }
    .amenity-icon {
        width: 55px;
        height: 55px;
        margin: 0 auto 4px;
    }
    .amenity-icon i {
        font-size: 19px;
    }
    .amenity-content h4 {
        font-size: 20px;
        line-height: 1.15;
        margin-bottom: 6px;
    }
    .amenity-content p {
        font-size: 11.5px;
        line-height: 1.5;
    }
    .amenity-item:hover .amenity-icon {
        transform: none;
    }
}
/*========= SMALL MOBILE===========*/
@media (max-width: 480px) {
    .amenities {
        padding: 60px 0;
    }
    .amenities-title {
        font-size: 31px;
    }
    .amenities-intro {
        font-size: 13px;
    }
    .amenity-item {
        padding: 21px 8px;
    }
    .amenity-number {
        font-size: 12px;
    }
    .amenity-icon {
        width: 48px;
        height: 48px;
    }
    .amenity-icon i {
        font-size: 17px;
    }
    .amenity-content h4 {
        font-size: 17px;
    }
    .amenity-content p {
        font-size: 10.5px;
        line-height: 1.45;
    }
}
/*== HIRANYAGARBH GALLERY =============*/
.gallery-section{
    padding:100px 0;
    background:#ffffff;
    overflow:hidden;
}
.gallery-section .section-tag{
    display:inline-block;
    color:#C9A86A;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:10px;
}
.gallery-section .section-title{
    color:#111;
    font-family:"Cormorant Garamond",serif;
    font-size:48px;
    font-weight:700;
    margin:10px 0 15px;
}
.gallery-section .section-subtitle{
    max-width:700px;
    margin:0 auto 45px;
    color:#777;
    font-size:17px;
    line-height:1.8;
}
/*=====SWIPER===========*/
.gallerySwiper{
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
}
.gallerySwiper .swiper-wrapper{
    display:flex;
}
.gallerySwiper .swiper-slide{
    flex-shrink:0;
    width:100%;
    height:600px;
    border-radius:25px;
    overflow:hidden;
    position:relative;
    background:#111;
}
.gallerySwiper .swiper-slide a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    text-decoration:none;
}
/*=========IMAGE===========*/
.gallerySwiper .swiper-slide img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .7s ease;
}
.gallerySwiper .swiper-slide:hover img{
    transform:scale(1.08);
}
/*========DARK OVERLAY===========*/
.gallerySwiper .swiper-slide::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.65),
        rgba(0,0,0,0) 60%
    );
    opacity:0;
    transition:.5s ease;
    pointer-events:none;
}
.gallerySwiper .swiper-slide:hover::after{
    opacity:1;
}
/*=======CAPTION============*/
.gallery-caption{
    position:absolute;
    left:30px;
    bottom:28px;
    color:#fff;
    font-family:"Cormorant Garamond",serif;
    font-size:28px;
    font-weight:600;
    opacity:0;
    transform:translateY(20px);
    transition:.5s ease;
    z-index:5;
}
.gallerySwiper .swiper-slide:hover .gallery-caption{
    opacity:1;
    transform:translateY(0);
}
/*========NAVIGATION BUTTONS============*/
.gallerySwiper .swiper-button-next,
.gallerySwiper .swiper-button-prev{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff;
    color:#C9A86A;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    transition:.35s ease;
}
.gallerySwiper .swiper-button-next::after,
.gallerySwiper .swiper-button-prev::after{
    font-size:20px;
    font-weight:700;
}
.gallerySwiper .swiper-button-next:hover,
.gallerySwiper .swiper-button-prev:hover{
    background:#C9A86A;
    color:#fff;
    transform:scale(1.08);
}
/*======PAGINATION===========*/
.gallerySwiper .swiper-pagination{
    bottom:18px !important;
}
.gallerySwiper .swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:.6;
    transition:.3s;
}
.gallerySwiper .swiper-pagination-bullet-active{
    width:28px;
    border-radius:20px;
    background:#C9A86A;
    opacity:1;
}
/*=======TABLET===========*/
@media(max-width:991px){
    .gallery-section{
        padding:80px 0;
    }
    .gallery-section .section-title{
        font-size:42px;
    }
    .gallerySwiper .swiper-slide{
        height:500px;
        border-radius:22px;
    }
    .gallery-caption{
        font-size:25px;
    }
}
/*==========MOBILE=============*/
@media(max-width:767px){
    .gallery-section{
        padding:70px 0;
    }
    .gallery-section .section-tag{
        font-size:12px;
        letter-spacing:2px;
    }
    .gallery-section .section-title{
        font-size:36px;
        line-height:1.2;
    }
    .gallery-section .section-subtitle{
        font-size:15px;
        padding:0 12px;
        margin-bottom:30px;
    }
    .gallerySwiper{
        width:100%;
        overflow:hidden;
    }
    .gallerySwiper .swiper-slide{
        width:100%;
        height:400px;
        border-radius:18px;
    }
    .gallerySwiper .swiper-slide img{
        transform:none !important;
    }
    .gallery-caption{
        left:20px;
        bottom:25px;
        font-size:23px;
        opacity:1;
        transform:none;
    }
    .gallerySwiper .swiper-button-next,
    .gallerySwiper .swiper-button-prev{
        width:42px;
        height:42px;
    }
    .gallerySwiper .swiper-button-next::after,
    .gallerySwiper .swiper-button-prev::after{
        font-size:15px;
    }
}
/*=========SMALL MOBILE============*/
@media(max-width:480px){
    .gallery-section{
        padding:60px 0;
    }
    .gallery-section .section-title{
        font-size:32px;
    }
    .gallery-section .section-subtitle{
        font-size:14px;
    }
    .gallerySwiper .swiper-slide{
        height:330px;
        border-radius:16px;
    }
    .gallery-caption{
        left:16px;
        bottom:20px;
        font-size:21px;
    }
    .gallerySwiper .swiper-button-next,
    .gallerySwiper .swiper-button-prev{
        width:38px;
        height:38px;
    }
}
/*=======HIRANYANABHA - CONSTRUCTION PROGRESS=========*/
.progress-section{
    position:relative;
    padding:110px 0;
    background:#f7f7f7;
    overflow:hidden;
}
/*========SECTION HEADER===========*/
.progress-section .section-tag{
    display:inline-block;
    color:#C9A86A;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.progress-section .section-title{
    font-family:"Cormorant Garamond",serif;
    font-size:52px;
    font-weight:700;
    line-height:1.15;
    color:#111;
    margin:0 0 15px;
}
.progress-section .section-subtitle{
    max-width:650px;
    margin:0 auto;
    color:#777;
    font-size:16px;
    line-height:1.8;
}
/*========MAIN IMAGE===========*/
.progress-image{
    width:100%;
    height:540px;
    object-fit:cover;
    display:block;
    border-radius:26px;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
    transition:
        transform .5s ease,
        box-shadow .5s ease;
}
.progress-image:hover{
    transform:translateY(-6px);
    box-shadow:
        0 28px 60px rgba(0,0,0,.16);
}
/*=========RIGHT CONTENT ===========*/
.progress-section .col-lg-6:last-child{
    padding-left:35px;
}
/*=========PERCENTAGE===========*/
.progress-percent{
    display:flex;
    align-items:flex-end;
    gap:8px;
    font-family:"Cormorant Garamond",serif;
    font-size:64px;
    font-weight:700;
    color:#111;
    line-height:1;
    margin:0 0 18px;
}
.progress-percent::after{
    content:"COMPLETE";
    font-family:"Poppins",sans-serif;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    color:#C9A86A;
    padding-bottom:7px;
}
/*=========PROGRESS BAR============*/
.custom-progress{
    position:relative;
    width:100%;
    height:12px;
    background:#e4e4e4;
    border-radius:50px;
    overflow:hidden;
    margin-bottom:35px;
    box-shadow:inset 0 2px 5px rgba(0,0,0,.08);
}
.progress-fill{
    position:relative;
    width:68% !important;
    height:100%;
    border-radius:50px;
    background:
        linear-gradient(
            90deg,
            #b28d4d,
            #C9A86A,
            #d8bc82
        );
    animation:progressGrow 1.8s ease forwards;
}
.progress-fill::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:35px;
    height:100%;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.5)
        );
    animation:progressShine 2s ease-in-out infinite;
}
@keyframes progressGrow{
    from{
        width:0 !important;
    }
    to{
        width:68% !important;
    }
}
@keyframes progressShine{
    0%{
        opacity:0;
        transform:translateX(-20px);
    }
    50%{
        opacity:1;
    }
    100%{
        opacity:0;
        transform:translateX(20px);
    }
}
/*==========PROGRESS LIST=============*/
.progress-list{
    list-style:none;
    padding:0;
    margin:0;
}
.progress-list li{
    display:flex;
    align-items:center;
    gap:12px;
    padding:13px 0;
    color:#444;
    font-size:15.5px;
    line-height:1.5;
    border-bottom:1px solid #e8e8e8;
    transition:.3s ease;
}
.progress-list li:last-child{
    border-bottom:none;
}
.progress-list li:hover{
    color:#111;
    transform:translateX(5px);
}
.progress-list i{
    width:28px;
    height:28px;
    min-width:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f2eadb;
    color:#C9A86A;
    font-size:13px;
    transition:.3s ease;
}
.progress-list li:hover i{
    background:#C9A86A;
    color:#fff;
}
/*=======INFORMATION BOXES=========*/
.progress-section .info-box{
    position:relative;
    height:100%;
    padding:22px 18px;
    background:#fff;
    border:1px solid #e9e9e9;
    border-radius:18px;
    text-align:center;
    box-shadow:  0 10px 30px rgba(0,0,0,.05);
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}
.progress-section .info-box:hover{
    transform:translateY(-6px);
    border-color:#C9A86A;
    box-shadow: 0 18px 40px rgba(201,168,106,.15);
}
.progress-section .info-box i{
    display:block;
    color:#C9A86A;
    font-size:24px;
    margin-bottom:10px;
}
.progress-section .info-box h5{
    font-family:"Cormorant Garamond",serif;
    color:#111;
    font-size:23px;
    font-weight:700;
    margin:0 0 5px;
}
.progress-section .info-box p{
    color:#777;
    font-size:14px;
    margin:0;
}
/*=========TABLET==========*/
@media(max-width:991px){
    .progress-section{
        padding:85px 0;
    }
    .progress-section .section-title{
        font-size:44px;
    }
    .progress-image{
        height:470px;
    }
    .progress-section .col-lg-6:last-child{
        padding-left:12px;
    }
    .progress-percent{
        font-size:58px;
    }
    .progress-list li{
        font-size:15px;
    }
}
/*=========MOBILE==========*/
@media(max-width:767px){
    .progress-section{
        padding:70px 0;
    }
    /* Header */
    .progress-section .section-tag{
        font-size:11px;
        letter-spacing:2px;
    }
    .progress-section .section-title{
        font-size:35px;
        line-height:1.2;
    }
    .progress-section .section-subtitle{
        padding:0 12px;
        font-size:14px;
        line-height:1.7;
    }
    /* Image */
    .progress-image{
        height:330px;
        border-radius:20px;
        box-shadow: 0 15px 35px rgba(0,0,0,.10);
    }
    .progress-image:hover{
        transform:none;
    }
    /* Content */
    .progress-section .col-lg-6:last-child{
        padding-left:12px;
        padding-right:12px;
    }
    .progress-percent{
        font-size:50px;
        margin-top:5px;
        margin-bottom:16px;
    }
    .progress-percent::after{
        font-size:10px;
        letter-spacing:1.5px;
        padding-bottom:5px;
    }
    /* Progress */
    .custom-progress{
        height:10px;
        margin-bottom:25px;
    }
    /* Checklist */
    .progress-list li{
        font-size:14px;
        padding:11px 0;
        gap:10px;
    }
    .progress-list i{
        width:25px;
        height:25px;
        min-width:25px;
        font-size:11px;
    }
    /* Info cards */
    .progress-section .info-box{
        padding:18px 10px;
        border-radius:16px;
    }
    .progress-section .info-box i{
        font-size:21px;
        margin-bottom:8px;
    }
    .progress-section .info-box h5{
        font-size:20px;
    }
    .progress-section .info-box p{
        font-size:13px;
    }
}
/*========= SMALL MOBILE==========*/
@media(max-width:480px){
    .progress-section{
        padding:60px 0;
    }
    .progress-section .section-title{
        font-size:31px;
    }
    .progress-section .section-subtitle{
        font-size:13px;
    }
    .progress-image{
        height:280px;
        border-radius:17px;
    }
    .progress-percent{
        font-size:44px;
    }
    .progress-list li{
        font-size:13px;
        padding:10px 0;
    }
    .progress-list i{
        width:23px;
        height:23px;
        min-width:23px;
    }
    .progress-section .info-box{
        padding:16px 8px;
    }
    .progress-section .info-box h5{
        font-size:18px;
    }
    .progress-section .info-box p{
        font-size:12px;
    }
}
/*=========VERY SMALL DEVICES==========*/
@media(max-width:360px){
    .progress-section .section-title{
        font-size:28px;
    }
    .progress-image{
        height:250px;
    }
    .progress-percent{
        font-size:40px;
    }
    .progress-list li{
        font-size:12.5px;
    }
}
/*========HIRANYANABHA - LOCATION & CONNECTIVITY========*/
.location-section{
    position:relative;
    padding:110px 0;
    background:#f7f7f7;
    overflow:hidden;
}
/*==========SECTION HEADER===========*/
.location-section .section-tag{
    display:inline-block;
    color:#C9A86A;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.location-section .section-title{
    font-family:"Cormorant Garamond",serif;
    font-size:52px;
    font-weight:700;
    line-height:1.15;
    color:#111;
    margin:0 0 15px;
}
.location-section .section-subtitle{
    max-width:750px;
    margin:0 auto;
    color:#777;
    font-size:16px;
    line-height:1.8;
}
/*========MAIN ROW=============*/
.location-section .row{
    align-items:stretch;
}
/*========MAP=============*/
.location-map{
    width:100%;
    height:100%;
    min-height:560px;
    overflow:hidden;
    border-radius:26px;
    border:7px solid #fff;
    background:#fff;
    box-shadow: 0 20px 55px rgba(0,0,0,.10);
    transition:
        transform .45s ease,
        box-shadow .45s ease;
}
.location-map:hover{
    transform:translateY(-5px);
    box-shadow:   0 28px 65px rgba(0,0,0,.14);
}
.location-map iframe{
    display:block;
    width:100%;
    height:100%;
    min-height:546px;
    border:none;
}
/*==========LOCATION CARD============*/
.location-card{
    height:100%;
    padding:35px 32px;
    background:#fff;
    border-radius:26px;
    border:1px solid #ececec;
    box-shadow: 0 20px 50px rgba(0,0,0,.07);
    transition:.4s ease;
}
.location-card:hover{
    box-shadow: 0 25px 60px rgba(0,0,0,.10);
}
/*=========CARD TITLE=============*/
.location-card h3{
    font-family:"Cormorant Garamond",serif;
    font-size:38px;
    font-weight:700;
    color:#111;
    margin:0 0 25px;
    line-height:1.2;
}
/*=========LOCATION ITEM ==============*/
.location-item{
    display:grid;
    grid-template-columns:52px 1fr auto;
    align-items:center;
    gap:14px;
    padding:15px 0;
    border-bottom:1px solid #ededed;
    transition:.35s ease;
}
.location-item:last-child{
    border-bottom:none;
}
.location-item:hover{
    transform:translateX(6px);
}
/*=========ICON ==============*/
.location-icon{
    width:52px;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f7f1e4;
    color:#C9A86A;
    font-size:19px;
    transition:
        background .35s ease,
        color .35s ease,
        transform .35s ease;
}
.location-item:hover .location-icon{
    background:#C9A86A;
    color:#fff;
    transform:scale(1.08);
}
/*==========LOCATION TEXT=============*/
.location-item h5{
    margin:0 0 3px;
    color:#111;
    font-size:17px;
    font-weight:600;
    line-height:1.3;
}
.location-item span{
    display:block;
    color:#888;
    font-size:13px;
    line-height:1.4;
}
/*========= DISTANCE==========*/
.location-item strong{
    color:#C9A86A;
    font-size:15px;
    font-weight:700;
    white-space:nowrap;
    text-align:right;
}
/*=========TABLET=============*/
@media(max-width:991px){
    .location-section{
        padding:85px 0;
    }
    .location-section .section-title{
        font-size:44px;
    }
    .location-section .section-subtitle{
        font-size:15px;
        padding:0 15px;
    }
    .location-map{
        min-height:450px;
    }
    .location-map iframe{
        min-height:436px;
    }
    .location-card{
        padding:30px 25px;
    }
    .location-card h3{
        font-size:34px;
        margin-bottom:22px;
    }
    .location-item{
        padding:14px 0;
    }
}

/*========MOBILE============*/
@media(max-width:767px){
    .location-section{
        padding:70px 0;
    }
    /* Header */
    .location-section .section-tag{
        font-size:11px;
        letter-spacing:2px;
    }
    .location-section .section-title{
        font-size:35px;
        line-height:1.2;
    }
    .location-section .section-subtitle{
        font-size:14px;
        line-height:1.7;
        padding:0 10px;
    }
    /* Map */
    .location-map{
        min-height:330px;
        height:330px;
        border-width:5px;
        border-radius:20px;
        box-shadow:0 15px 35px rgba(0,0,0,.10);
    }
    .location-map:hover{
        transform:none;
    }
    .location-map iframe{
        min-height:320px;
        height:320px;
    }
    /* Card */
    .location-card{
        height:auto;
        padding:25px 18px;
        border-radius:20px;
    }
    .location-card h3{
        font-size:30px;
        text-align:center;
        margin-bottom:20px;
    }
    /* Items */
    .location-item{
        grid-template-columns:46px 1fr auto;
        gap:11px;
        padding:13px 0;
    }
    .location-icon{
        width:46px;
        height:46px;
        font-size:17px;
    }
    .location-item h5{
        font-size:15px;
    }
    .location-item span{
        font-size:12px;
    }
    .location-item strong{
        font-size:13px;
    }
}
/*=======SMALL MOBILE==========*/
@media(max-width:480px){
    .location-section{
        padding:60px 0;
    }
    .location-section .section-title{
        font-size:31px;
    }
    .location-section .section-subtitle{
        font-size:13px;
    }
    .location-map{
        height:280px;
        min-height:280px;
        border-radius:17px;
    }
    .location-map iframe{
        height:270px;
        min-height:270px;
    }
    .location-card{
        padding:22px 14px;
    }
    .location-card h3{
        font-size:27px;
    }
    .location-item{
        grid-template-columns:42px 1fr auto;
        gap:9px;
        padding:11px 0;
    }
    .location-icon{
        width:42px;
        height:42px;
        font-size:16px;
    }
    .location-item h5{
        font-size:14px;
    }
    .location-item span{
        font-size:11px;
    }
    .location-item strong{
        font-size:12px;
    }
}
/*=========VERY SMALL DEVICES============*/
@media(max-width:360px){
    .location-section .section-title{
        font-size:28px;
    }
    .location-map{
        height:250px;
        min-height:250px;
    }
    .location-map iframe{
        height:240px;
        min-height:240px;
    }
    .location-card{
        padding:20px 12px;
    }
    .location-item{
        grid-template-columns:39px 1fr auto;
        gap:8px;
    }
    .location-icon{
        width:39px;
        height:39px;
    }
    .location-item h5{
        font-size:13px;
    }
    .location-item span{
        font-size:10.5px;
    }
    .location-item strong{
        font-size:11px;
    }
}
/*============Hiranyanabha FAQ ========*/
.faq-section .section-tag{
    display:inline-block;
    color:#C9A86A;
    font-size:13px;
    font-weight:600;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:12px;
}
.faq-section{
    padding:120px 0;
    background:#fafafa;
}
.faq-section .accordion-item{
    border:none;
    margin-bottom:20px;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}
.faq-section .accordion-button{
    background:#fff;
    color:#111;
    font-size:18px;
    font-weight:600;
    padding:22px 28px;
    box-shadow:none;
}
.faq-section .accordion-button:not(.collapsed){
    background:#C9A86A;
    color:#fff;
}
.faq-section .accordion-button:focus{
    box-shadow:none;
}
.faq-section .accordion-body{
    padding:22px 28px;
    color:#666;
    line-height:1.8;
    background:#fff;
}
.faq-section .accordion-button::after{
    filter:brightness(0);
}
.faq-section .accordion-button:not(.collapsed)::after{
    filter:brightness(100);
}
/*====== OTHER PROJECTS SECTION==========*/
.other-projects {
    width: 100%;
    padding: 90px 0;
    background: #f8f8f8;
    overflow: hidden;
}
/*=========SECTION HEADING============*/
.other-projects .section-tag {
    display: block;
    width: 100%;
    text-align: center;
    color: #C9A86A !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.other-projects .section-title {
    text-align: center;
    font-family: "Cormorant Garamond", serif;
    font-size: 52px;
    font-weight: 700;
    color: #111 !important;
    line-height: 1.15;
    margin: 0 0 20px;
}
.other-projects .section-subtitle {
    max-width: 750px;
    margin: 0 auto 35px;
    text-align: center;
    color: #666 !important;
    font-size: 17px;
    line-height: 1.8;
}
/*========EXPLORE BUTTON=========*/
.explore-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: fit-content;
    margin: 0 auto 50px;
    padding: 15px 36px;
    background: #C9A86A;
    color: #fff !important;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.35s ease;
}
.explore-btn:hover {
    background: #111;
    color: #fff !important;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}
.explore-btn i {
    font-size: 18px;
    transition: transform 0.3s ease;
}
.explore-btn:hover i {
    transform: translateX(5px);
}
/*==========PROJECT LIST============*/
.project-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
/*========PROJECT CARD==========*/
.project-card-horizontal {
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
}
.project-card-horizontal:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 60px rgba(201, 168, 106, 0.18);
}
/*========PROJECT IMAGE============*/
.project-card-horizontal img {
    display: block;
    width: 260px;
    height: 220px;
    object-fit: cover;
    flex-shrink: 0;
    transition: transform 0.6s ease;
}
.project-card-horizontal:hover img {
    transform: scale(1.06);
}
/*========PROJECT INFO===========*/
.project-info {
    flex: 1;
    padding: 30px;
}
.project-info span {
    display: inline-block;
    color: #C9A86A !important;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.5px;
    margin-bottom: 5px;
}
.project-info h3 {
    font-family: "Cormorant Garamond", serif;
    color: #111 !important;
    font-size: 34px;
    font-weight: 700;
    margin: 8px 0 12px;
}
.project-info p {
    color: #666 !important;
    font-size: 15px;
    line-height: 1.8;
    margin: 0 0 18px;
}
.project-info a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #111 !important;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.project-info a:hover {
    color: #C9A86A !important;
}
.project-info a i {
    transition: transform 0.3s ease;
}
.project-info a:hover i {
    transform: translateX(5px);
}
/*========TABLET===========*/
@media (max-width: 991px) {
    .other-projects {
        padding: 75px 0;
    }
    .other-projects .section-tag {
        text-align: center;
    }
    .other-projects .section-title {
        font-size: 46px;
        text-align: center;
    }
    .other-projects .section-subtitle {
        max-width: 650px;
        text-align: center;
    }
    .project-card-horizontal {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
    }
    .project-card-horizontal img {
        width: 100%;
        height: 300px;
        aspect-ratio: 16 / 9;
    }
    .project-info {
        padding: 28px;
    }
    .project-info h3 {
        font-size: 32px;
    }
}
/*======== MOBILE==========*/
@media (max-width: 768px) {
    .other-projects {
        padding: 65px 0;
    }
    .other-projects .section-tag,
    .other-projects .section-title,
    .other-projects .section-subtitle {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .other-projects .section-tag {
        font-size: 12px;
        letter-spacing: 3px;
        margin-bottom: 12px;
    }
    .other-projects .section-title {
        font-size: 40px;
        line-height: 1.15;
        margin-bottom: 18px;
    }
    .other-projects .section-subtitle {
        font-size: 15px;
        line-height: 1.8;
        max-width: 600px;
        padding: 0 8px;
        margin-bottom: 30px;
    }
    .explore-btn {
        width: 100%;
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px 25px;
    }
    .project-list {
        gap: 24px;
    }
    .project-card-horizontal {
        width: 100%;
        border-radius: 20px;
        flex-direction: column;
    }
    .project-card-horizontal img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
        object-fit: cover;
    }
    .project-info {
        width: 100%;
        padding: 22px;
    }
    .project-info h3 {
        font-size: 30px;
    }
    .project-info p {
        font-size: 15px;
        line-height: 1.7;
    }
}
/*=========SMALL MOBILE==========*/
@media (max-width: 576px) {
    .other-projects {
        padding: 55px 0;
    }
    .other-projects .section-tag {
        font-size: 11px;
        letter-spacing: 3px;
        margin-bottom: 10px;
    }
    .other-projects .section-title {
        font-size: 32px;
        line-height: 1.15;
    }
    .other-projects .section-subtitle {
        font-size: 14px;
        line-height: 1.75;
        padding: 0 5px;
        margin-bottom: 25px;
    }
    .explore-btn {
        width: 100%;
        max-width: none;
        padding: 14px 20px;
        font-size: 15px;
        margin-bottom: 30px;
    }
    .project-card-horizontal {
        border-radius: 18px;
    }
    .project-card-horizontal img {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 10;
    }
    .project-info {
        padding: 20px;
    }
    .project-info span {
        font-size: 11px;
        letter-spacing: 1.2px;
    }
    .project-info h3 {
        font-size: 27px;
        margin: 8px 0 10px;
    }
    .project-info p {
        font-size: 14px;
        line-height: 1.7;
    }
    .project-info a {
        font-size: 14px;
    }
}
/*========VERY SMALL MOBILE============*/
@media (max-width: 380px) {
    .other-projects {
        padding: 45px 0;
    }
    .other-projects .section-title {
        font-size: 29px;
    }
    .other-projects .section-subtitle {
        font-size: 13px;
    }
    .explore-btn {
        font-size: 14px;
        padding: 13px 18px;
    }
    .project-info {
        padding: 18px;
    }
    .project-info h3 {
        font-size: 25px;
    }
}