/* ==========================================================
   PAGE BANNER
========================================================== */

.page-banner{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:420px;

    padding:170px 0 90px;

    background:url("../images/gallery-banner-6.jpg") center center/cover no-repeat;

    overflow:hidden;

}

/* ==========================================================
   OVERLAY
========================================================== */

.page-banner-overlay{

    position:absolute;

    inset:0;



}

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

.page-banner-content{

    position:relative;

    z-index:2;

    max-width:760px;

    text-align:center;

    color:#fff;

    margin:auto;

}

/* ==========================================================
   BREADCRUMB
========================================================== */

.breadcrumb{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-bottom:22px;

    font-size:14px;

}

.breadcrumb a{

    color:#EA580C;

    transition:.3s;

}

.breadcrumb a:hover{

    opacity:.8;

}

.breadcrumb span{

    color:#fff;

}

/* ==========================================================
   SUBTITLE
========================================================== */

.page-banner .section-subtitle{

    display:inline-block;

    color:#EA580C;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

/* ==========================================================
   TITLE
========================================================== */

.page-banner h1{

    font-size:clamp(40px,6vw,62px);

    line-height:1.15;

    margin-bottom:20px;

    font-weight:700;

}

/* ==========================================================
   DESCRIPTION
========================================================== */

.page-banner p{

    font-size:18px;

    line-height:1.8;

    color:rgba(255,255,255,.92);

}

/* ==========================================================
   RESPONSIVE
========================================================== */

@media(max-width:768px){

    .page-banner{

        min-height:340px;

        padding:140px 0 70px;

    }

    .page-banner p{

        font-size:16px;

    }

}

/* ==========================================================
   GALLERY PAGE
========================================================== */

.gallery.section{

    padding-top:100px;

    padding-bottom:120px;

}

.gallery-grid{

    margin-top:20px;

}

.gallery-item{

    cursor:pointer;

    transition:.35s;

}

.gallery-item:hover{

    transform:translateY(-8px);

}

.gallery-item img{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

}