/* MAIN */

.btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px; /* 🔥 icon + text gap */
}

.rk-banner{
    width:100%;
}

/* WRAPPER */
.rk-banner-wrapper{
    overflow:hidden;
    position:relative;
}

/* TRACK */
.rk-banner-track{
    display:flex;
    transition:0.6s;
}

/* SLIDE */
.rk-banner-slide{
    min-width:100%;
    display:flex;
    align-items:stretch;
    
    /* 🔥 LUXURY BACKGROUND */
    background:linear-gradient(135deg,#1b5d33,#0f3d24);
    position:relative;
}

/* 🔥 JALI OVERLAY */
.rk-banner-slide::before{
    content:"";
    position:absolute;
    inset:0;
    background:url('https://www.transparenttextures.com/patterns/arabesque.png');
    opacity:0.25;
    pointer-events:none;
}

/* LEFT */
.rk-left{
    width:50%;
    padding:60px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    max-width:600px; /* 🔥 FIX alignment */
}

/* 🔥 HEADING PREMIUM */
.rk-left h2{
    font-size:44px;
    font-weight:800;
    margin-bottom:12px;
    color:#FACC15;

    line-height:1.2;
    letter-spacing:0.5px;

    max-width:550px; /* 🔥 control width */
}



/* 🔥 SUBTEXT */
.rk-left p{
    margin:10px 0 20px;
    color:#e5e7eb; /* soft white */
    font-size:15px;
    max-width:500px;
}

/* 🔥 BUTTON PREMIUM */
.rk-btn{
    background:linear-gradient(45deg,#C8A951,#f5d06f);
    color:#000;
    padding:12px 22px;
    text-decoration:none;
    display:inline-block;
    width:max-content;
    border-radius:30px;
    font-weight:600;
    box-shadow:0 8px 20px rgba(0,0,0,0.2);
}

/* RIGHT */
.rk-right{
    width:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    z-index:1;
}

/* 🔥 IMAGE FIX (NO CUT + PREMIUM SCALE) */
.rk-right{
    width:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.rk-right img{
    width:100%;
    height:100%;
    max-height:420px;
    object-fit:contain; /* safe (no cut) */
}

/* DOTS */
.rk-dots{
    position:absolute;
    bottom:10px;
    width:100%;
    display:flex;
    justify-content:center;
    gap:6px;
    z-index:2;
}

.rk-dots span{
    width:8px;
    height:8px;
    background:#ccc;
    border-radius:50%;
}

.rk-dots .active{
    background:#FACC15;
    width:20px;
}

/* ================= MOBILE ================= */
@media(max-width:768px){

.rk-banner-slide{
    flex-direction:column;
}

/* TEXT */
.rk-left{
    width:100%;
    padding:25px 15px;
    text-align:center;
    align-items:center;
}

.rk-left h2{
    font-size:26px;
    max-width:100%;
}

.rk-left p{
    font-size:14px;
}

/* IMAGE */
.rk-right{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.rk-right img{
    width:90%;
    max-height:220px;
    object-fit:contain;
}

/* DOT */
.rk-dots{
    bottom:5px;
}

}