/*==========================
    HERO BANNER
===========================*/

.f-new-banner{
    position:relative;
    overflow:hidden;
    background:linear-gradient(
        90deg,
        #01150f 0%,
        #04291f 20%,
        #0b3d2d 42%,
        #31532d 56%,
        #8b7b33 67%,
        #d8cca0 82%,
        #f8f6ef 93%,
        #ffffff 100%
    );
}

/* Soft Golden Glow */
.f-new-banner::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 68% 50%,
        rgba(196,163,68,.28) 0%,
        rgba(196,163,68,.15) 20%,
        rgba(196,163,68,.08) 35%,
        rgba(255,255,255,0) 60%);
    pointer-events:none;
    z-index:1;
}

/*==========================
    BANNER ITEM
===========================*/

.f-new-banner .ItemfinnerGallery{
    position:relative;
    min-height:700px;
}

/*==========================
    TEXT POSITION
===========================*/

.f-new-banner .fGalleryText{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    z-index:5;
}


/*==========================
    HEADING
===========================*/

.f-new-banner .banner-title{
    width:46%;
    margin:0 0 35px;
    color:#fff;
    font-family:"Cormorant Garamond", serif;
    font-size:5.2rem;
    font-weight:700;
    line-height:.92;
    letter-spacing:-1px;
    animation:textFade .9s ease;
}

.f-new-banner .banner-title em{
    font-style:italic;
    font-weight:500;
}

.f-new-banner .banner-title .highlight{
    color:var(--brand-color-yellow);
}

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

.f-new-banner .banner-btn{
    margin:0;
}

.f-new-banner .banner-btn .fButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    height:58px;
    background:var(--brand-color-yellow);
    color:#fff;
    text-decoration:none;
    border-radius:6px;
    font-size:1rem;
    font-weight:600;
    transition:.35s;
}

.f-new-banner .banner-btn .fButton:hover{
    background:#fff;
    color:var(--brand-color-primary);
}

/*==========================
    IMAGE
===========================*/

.f-new-banner .fGalleryImage{
    position:absolute;
    right:0;
    top:50%;
    width:56%;
    transform:translateY(-50%);
    z-index:4;
    background:transparent !important;
    animation:foodFloat 6s ease-in-out infinite;
}

.f-new-banner .fGalleryImage img{
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    background:transparent;
    filter:drop-shadow(0 25px 35px rgba(0,0,0,.28));
}

/*==========================
    REMOVE DARK HOVER
===========================*/

.f-new-banner .ItemfinnerGallery::before{
    display:none;
}

/*==========================
    ANIMATION
===========================*/

@keyframes textFade{

    from{
        opacity:0;
        transform:translateX(-60px);
    }

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

}

@keyframes foodFloat{

    0%,100%{
        transform:translateY(-50%);
    }

    50%{
        transform:translateY(calc(-50% - 16px));
    }

}

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

@media(max-width:1200px){

    .f-new-banner .ItemfinnerGallery{
        min-height:620px;
    }

    .f-new-banner .banner-title{
        width:52%;
        font-size:4.4rem;
    }

    .f-new-banner .fGalleryImage{
        width:54%;
    }

}

@media(max-width:991px){

    .f-new-banner{
        background:linear-gradient(
            180deg,
            #022118 0%,
            #0a3d2c 45%,
            #d5c789 75%,
            #ffffff 100%
        );
    }

    .f-new-banner .ItemfinnerGallery{
        min-height:auto;
        padding:70px 0;
    }

    .f-new-banner .fGalleryText{
        position:relative;
        display:block;
        text-align:center;
    }

    .f-new-banner .fGalleryText .container{
        align-items:center;
        padding:0 20px;
    }

    .f-new-banner .banner-title{
        width:100%;
        font-size:3rem;
        text-align:center;
        margin-bottom:30px;
    }

    .f-new-banner .banner-btn{
        text-align:center;
        margin-bottom:40px;
    }

    .f-new-banner .fGalleryImage{
        position:relative;
        top:auto;
        right:auto;
        width:90%;
        margin:0 auto;
        transform:none;
        animation:none;
    }

}




/*home-2*/
/*best-experiene*/
.f-best-experience{
.fGalleryText{ position:absolute; top:0; width:100%;
img{width: 800px;
    height: 800px;
    object-fit: contain;
    margin: 8rem auto;
    object-position: top; display:block;}

}

}
.f-events img {
    height: 400px;
    object-fit: cover;
    
}
.about-section-bg{background: var(--brand-color-primary);
    height: 100%;
    padding: 40px;min-height:500px;
h5{ margin:0px 0 10px 0; }
}
.about-section{
img{ height: 500px;
        object-fit: cover;
        display: block;}

}

.button.pt-btn-underline:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--brand-color-yellow) !important;
    content: "";
    transition: transform 0.2s ease;
    transform-origin: 100% 0;
}
.f-experience{
.ItemfinnerGallery{
img{ height:350px; object-fit:cover;}
}
.fGalleryText{  position: absolute;
  top: 0px;
  color: white;
  width: 100%;
  text-align: center;
  background: rgb(0 0 0 / 48%);
  padding-top: 9rem;
  height: 100%;
h2{ font-size:1.3rem;}
.border{ display:none;}
}

}

.f-gallery img {
    height: 250px;
    object-fit: cover;
    object-position: center;
}
.f-gallery .ItemfinnerGallery {
    margin: 0 10px 10px 0;
}
/*best-experiene*/




/*home-2*/

/* gallery starts here */

.f-gallery-image .fGalleryItem {
    padding: 12px;
}

.f-gallery-image .ItemfinnerGallery {
    height: 100%;
}



.inset-full {
    inset: 0;
}

/* gallery ends here */