/* ==========================
   YATHRA PROJECT ONLY
   ========================== */

.yathra-wrapper{
    position:relative;
    overflow:hidden;
    background:#07111f;
    font-family:'Montserrat',sans-serif;
}

.yathra-wrapper *{
    box-sizing:border-box;
}

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

.yathra-project{
    position:relative;
    min-height:760px;
    overflow:hidden;
}

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

.yathra-video{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center center;

    z-index:0;
}

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

.yathra-content{
    position:relative;
    z-index:2;

    max-width:1400px;
    margin:auto;

    padding:80px;

    display:flex;
    justify-content:space-between;
    align-items:center;

    gap:40px;
}

.yathra-left{
    max-width:560px;
    color:#fff;
}

/* ==========================
   BADGE
   ========================== */

.yathra-badge{

    display:inline-block;

    padding:10px 18px;

    border-radius:30px;

    background:#E3C46D;

    color:#111;

    font-size:14px;
    font-weight:700;

    letter-spacing:1px;
}

/* ==========================
   TITLES
   ========================== */

.yathra-title{

    margin:20px 0 10px;

    font-family:'Playfair Display',serif;

    font-size:58px;

    color:#E3C46D;

    line-height:1.1;
}

.yathra-subtitle{

    margin-bottom:20px;

    font-family:'Playfair Display',serif;

    font-size:34px;

    color:#fff;
}

.yathra-description{

    margin:20px 0;

    color:#ddd;

    font-size:16px;

    line-height:1.9;
}

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

.yathra-features{

    display:grid;

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

    gap:12px;

    margin-top:30px;
}

.yathra-feature{

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

    backdrop-filter:blur(10px);

    border:1px solid rgba(227,196,109,.25);

    border-radius:16px;

    padding:16px;

    color:#fff;

    transition:.35s;
}

.yathra-feature:hover{

    transform:translateY(-5px);

    border-color:#E3C46D;

    box-shadow:0 12px 30px rgba(227,196,109,.15);
}

/* ==========================
   DESTINATION CARDS
   ========================== */

.yathra-cards{

    display:grid;

    grid-template-columns:repeat(2,180px);

    gap:18px;
}

.yathra-card{

    height:120px;

    display:flex;

    align-items:flex-end;

    justify-content:center;

    padding-bottom:15px;

    border-radius:18px;

    overflow:hidden;

    font-weight:700;

    color:#fff;

    background-size:cover;

    background-position:center;

    transition:.35s;
}

.yathra-card:hover{

    transform:translateY(-8px) scale(1.03);

    box-shadow:0 20px 40px rgba(0,0,0,.35);
}

.yathra-card-ella{
background-image:
linear-gradient(rgba(0,0,0,.20),rgba(0,0,0,.65)),
url("https://yathra.it/wp-content/uploads/2026/07/Ella-2-scaled.jpg");
}

.yathra-card-sigiriya{
background-image:
linear-gradient(rgba(0,0,0,.20),rgba(0,0,0,.65)),
url("https://yathra.it/wp-content/uploads/2026/07/SIGIRIYA-2-scaled.jpg");
}

.yathra-card-mirissa{
background-image:
linear-gradient(rgba(0,0,0,.20),rgba(0,0,0,.65)),
url("https://yathra.it/wp-content/uploads/2026/07/Mirissa-4-scaled.jpg");
}

.yathra-card-galle{
background-image:
linear-gradient(rgba(0,0,0,.20),rgba(0,0,0,.65)),
url("https://yathra.it/wp-content/uploads/2026/07/slide1.webp");
}

.yathra-card-yala{
background-image:
linear-gradient(rgba(0,0,0,.20),rgba(0,0,0,.65)),
url("https://yathra.it/wp-content/uploads/2026/07/Yala-3-scaled.jpg");
}

.yathra-card-kandy{
background-image:
linear-gradient(rgba(0,0,0,.20),rgba(0,0,0,.65)),
url("https://yathra.it/wp-content/uploads/2026/07/kandy-5-scaled.jpg");
}

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

.yathra-btn{

    display:inline-block;

    margin-top:35px;

    padding:15px 34px;

    border-radius:40px;

    text-decoration:none;

    background:#E3C46D;

    color:#111;

    font-weight:700;

    transition:.35s;
}

.yathra-btn:hover{

    transform:translateY(-4px);

    box-shadow:0 12px 35px rgba(227,196,109,.35);
}

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

@media(max-width:900px){

.yathra-content{

flex-direction:column;

padding:40px;
}

.yathra-cards{

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

width:100%;
}

.yathra-card{

height:140px;
}

.yathra-title{

font-size:42px;
}

.yathra-subtitle{

font-size:28px;
}

}
/* ==========================
   MOBILE VIDEO
========================== */

@media (max-width:768px){

    .yathra-project{

        min-height:900px;

    }

    .yathra-video{

        width:auto;
        height:100%;

        min-width:100%;
        min-height:100%;

        left:50%;

        transform:translateX(-50%);

        object-fit:cover;
        object-position:center center;

    }

    .yathra-overlay{

        background:linear-gradient(
            to bottom,
            rgba(5,16,22,.80),
            rgba(5,16,22,.65),
            rgba(5,16,22,.75)
        );

    }

}