.container{max-width:95%;margin:0 auto;padding:0 24px;}
.container1{max-width:100%;margin:0 auto;padding:0 4px;}

.home-slider-wrap{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
    background:#000;
}

.home-slider{
    display:flex;
    width:100%;
    height:100%;
    transition:transform .8s cubic-bezier(.77,0,.18,1);
}

.home-slide{
    position:relative;
    min-width:100%;
    height:100%;
    overflow:hidden;
}

.home-slide img{
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.02);
}

.home-slide-overlay{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            to right,
            rgba(0,0,0,.68),
            rgba(0,0,0,.35),
            rgba(0,0,0,.15)
        );

    display:flex;
    align-items:center;
    padding:0 8%;
}

.home-content{
    max-width:700px;
    color:#fff;
    animation:fadeUp .8s ease;
}

.home-slide-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:8px 18px;
    margin-bottom:22px;

    border-radius:40px;

    background:rgba(255,255,255,.14);
    backdrop-filter:blur(10px);

    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;

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

.home-slide-title{
    font-family:'Playfair Display',serif;
    font-size:clamp(42px,6vw,78px);
    line-height:1.1;
    font-weight:700;
    margin-bottom:22px;

    text-shadow:0 4px 24px rgba(0,0,0,.35);
}

.home-slide-sub{
    font-size:clamp(16px,1.5vw,21px);
    line-height:1.8;
    color:rgba(255,255,255,.88);

    max-width:620px;
    margin-bottom:32px;
}

.hero-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;

    background:#c8973a;
    color:#fff;

    padding:14px 28px;
    border-radius:50px;

    text-decoration:none;
    font-weight:600;
    transition:.3s ease;
}

.hero-btn:hover{
    background:#b7862e;
    transform:translateY(-2px);
}

.hero-slider-nav{
    position:absolute;
    bottom:40px;
    left:8%;

    display:flex;
    gap:12px;
    z-index:5;
}

.hero-slider-dot{
    width:12px;
    height:12px;
    border-radius:50%;

    background:rgba(255,255,255,.45);
    cursor:pointer;
    transition:.3s ease;
}

.hero-slider-dot.active{
    width:36px;
    border-radius:20px;
    background:#fff;
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }

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

@media(max-width:768px){

    .home-slider-wrap{
        height:90vh;
    }

    .home-slide-overlay{
        padding:0 24px;
    }

    .home-slide-title{
        font-size:42px;
    }

    .home-slide-sub{
        font-size:15px;
        line-height:1.7;
    }

    .home-slider-nav{
        left:24px;
        bottom:24px;
    }
}