/* banner css start here  */
.banner {
    background-image: url(../images/blog/banner.png);
    background-position: center;
}

/* banner css end here  */

/* membership middle section start here  */
ul.membership-ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
}
.membership-li {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding-left: 65px;
    padding-right: 10px;
}
.membership-zig-zag .feature-img img {
    max-height: 480px;
}
/* membership middle section end here  */

/* activities section start here  */
.activites {
    margin-top: -20px;
}
.activities-box{
    justify-content: space-around;
}
.activities-item {
    display: flex;
    flex-direction: column;
    height: 360px;
    align-items: center;
    justify-content: flex-start;
    padding-block: 25px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    row-gap: 6px;
}
.activities-item img{
    height: auto;
}
/* activities section end here  */

/* dinner menu css start here  */

.dinner-menus-box .images-list {
    height: fit-content;
    /* width: unset; */
}
.dinner-menus-content{
    display: flex;
    column-gap: 30px;
    flex-direction: column;
    padding: 25px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;

}
.under-line-icon{
height: auto !important;
width: auto !important;

}
/* membership event css end here  */

/* explore more css start here  */
.explore-more .slider-link {
    font-size: 16px !important;
}
/* explore more css end here  */

/* responsive css start here  */
@media (max-width: 1500px) {
    .membership-li {
        font-size: clamp(12px, 1.5vw, 14px );
        padding-left: clamp(40px, 1.5vw, 60px );
    }
}
@media (max-width: 991px) {
    .activities-box {
        justify-content: space-evenly;
        gap: 20px !important;
    }
    .activities-box .activities-item{
        height: auto !important;
    }
    .dinner-menus-content{
        min-height: 260px;
    }
}
@media (max-width: 767px) {
    .activities-item {
        padding-block: 20px;
    }
    .activities-box {
        justify-content: space-evenly;
        gap: 0px !important;
    }
    .dinner-menus-content {
        min-height: auto;
    }
}
/* responsive css end here  */