/*======================================
        GALLERY HERO
======================================*/

.gallery-hero{

    position:relative;

    width:100%;

    height:65vh;

    min-height:500px;

    background:url("../images/webp/gallery-hero.webp") center center/cover no-repeat;

}

.gallery-overlay{

    position:absolute;

    inset:0;

    background:rgba(0,0,0,.45);

    display:flex;

    align-items:center;

    height:100%;

}

.gallery-hero .container{

    max-width:700px;

}

.gallery-hero .hero-content{

    width:100%;

    max-width:650px;

}

.gallery-hero .hero-tag{

    display:inline-block;

    color:#d4af37;

    font-size:18px;

    font-weight:700;

    letter-spacing:3px;

    margin-bottom:22px;

}

/*.gallery-hero h1{

    color:#fff;

    font-size:62px;

    line-height:1.15;

    font-weight:800;

    margin-bottom:25px;

}*/

.gallery-hero h1{

    color:#fff;

    font-size:40px;/*52px;*/

    line-height:1.15;/*1.18;*/

    font-weight:800;

    margin-bottom:22px;/*20px;*/

    max-width:650px;

}

.gallery-hero p{

    /*color:#f3f3f3;

    font-size:21px;

    line-height:1.8;

    max-width:620px;

    font-size:19px; 

    line-height:1.8;

    max-width:560px;*/

    color:#fff;

    font-size:20px;

    line-height:1.8;

    max-width:580px;

}

/*==========================================
        GALLERY INTRO
==========================================*/

.gallery-intro{

    padding:90px 0 40px;

    text-align:center;

}


.gallery-intro h2{

    font-size:44px;/*52px;*/

    color:#132247;

    margin:22px 0;

    line-height:1.2;

}

.gallery-intro p{

    max-width:760px;

    margin:auto;

    font-size:19px;

    color:#666;

    line-height:1.8;

}

.section-tag{

    display:inline-block;

    color:#d4af37;

    font-size:18px;

    font-weight:700;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:20px;

}

/*---hotel gallery-----*/
/*==========================================
            HOTEL GALLERY
==========================================*/

.hotel-gallery{

    padding:40px 0 100px;

}

.gallery-grid{

    display:grid;

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

    gap:25px;

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    cursor:pointer;

}

.gallery-item.large{

    grid-column:1/3;

}

.gallery-item img{

    width:100%;

    height:320px;

    object-fit:cover;

    display:block;

    transition:.45s;

}

.gallery-item.large img{

    height:520px;

}

.gallery-item:hover img{

    transform:scale(1.08);

}

.gallery-caption{

    position:absolute;

    left:0;

    right:0;

    bottom:0;

    padding:18px;

    background:linear-gradient(transparent,rgba(0,0,0,.82));

    color:#fff;

    font-size:20px;

    font-weight:600;

}

/*----- Mobile screen------*/

@media(max-width:768px){

.gallery-hero h1{

    font-size:34px;

    line-height:1.2;

}

.gallery-hero p{

    font-size:16px;

}

.gallery-intro{

    padding:70px 0 30px;

}

.gallery-intro h2{

    font-size:36px;

}

.gallery-intro p{

    font-size:17px;

}

/*------hotel-gallery--------*/

.gallery-grid{

    grid-template-columns:1fr;

}

.gallery-item.large{

    grid-column:auto;

}

.gallery-item img{

    height:340px;/*250px;*/

}

.gallery-item.large img{

    height:280px;

}

}