.banner-section .banner-left{
    margin-top:5%;
    left: 12%;
    z-index: 2;
}
.banner-section .slider-imges{
    margin: 0 auto;
    bottom: 20%;
    display: grid;
    grid-auto-flow: column;
    gap: 10px !important;
    right: 8%;
}
.banner-section .banner-img img{
    height: 470px !important;
}
.banner-section .slider-imges figure{
    width: 100% !important;
    height:80px !important;
}
.banner-section .slider-imges img{
    border-radius: 10px;
    height: 80px !important;
    width: 135px !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 4px 4px rgba(0,0,0,0.23);
}
.banner-section .slide_title{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.banner-section .slider-btn a:after{
    content: "\f1d8";
    color: #B5995A;
    position: absolute!important;
    font-size: 15px;
    font-weight: 900;
    font-family: 'Font Awesome 6 Free';
    margin-left: 5px;
}
.banner-section .slider-btn a:hover:after{
    color: #fff !important;
}
.banner-section .slider-btn a{
    color: #292d32 !important;
    border-color: #fff !important;
    padding: 6px 35px 6px 12px !important;
}
.banner-section .slider-btn a:hover{
    color: #fff !important;
    background-color:#B5995A !important;
    border-color:#B5995A !important ;
}
.lounge-section,.lounge-section figure{
    gap: 0 !important;
}
.lounge-section figcaption{
    position: absolute !important;
    top: 40% ;
    z-index: 2;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 600;
    font-style: normal !important;
}
.main-section{
    margin-bottom: 20% !important;
}
.main-section .main-heading1,.main-section .main-heading2{
    font-size: 165px;
    text-transform: capitalize;
    color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    background-color: transparent;
    font-weight: 900;
    display: flex;
    font-family: sans-serif;
    background: linear-gradient(to right, #B5995A 15%, #fff0 25%, #B5995A 85%, #fff0 95%);
    -webkit-background-clip: text;
    text-fill-color: transparent;
    background-size: 200% 100%;
    animation: textShine 5s ease-in-out infinite alternate;
    position: absolute;
}
.main-section .main-heading1{
    top:27%;
    left: 9%;
}
.main-section .main-heading2{
    top: 37%;
    left: 50%;
}
.lounge-section .figcaption{
    bottom: 55% !important;
}
.lounge-section .img-sec,.lounge-section .img-sec img{
    height: 400px !important;
}
.lounge-section .img-sec:after{
    content: '';
    position: absolute;
    width: 100% !important;
    height: 400px;
    background: #292D3294;
}

@media screen and (max-width: 767px){
    .banner-section .banner-left p,.main-section{
        display: none !important;
    }
    .banner-section .banner-left{
        left: 0 !important;
        text-align: center;
        position: absolute !important;
        width: 100% !important;
        margin-top: 20% !important;
    }
    .banner-section .banner-img img{
        height: auto !important;
    }
    .banner-section .slider-imges{
        position: relative !important;
        justify-content: center;
        right: 0 !important;
        bottom: 0 !important;
        padding: 0 10px !important;
    }
    .banner-section .slider-imges figure{
        height: 70px !important;
    }
    .banner-section .banner-left .wp-block-buttons{
        justify-content: center;
    }
    .banner-section .slide_title{
        font-size: 22px !important;
    }
    .lounge-section .img-sec{
        width: 100% !important;
    }
    .lounge-section .img-sec,.lounge-section .img-sec img{
        height: 270px !important;
    }
    .lounge-section{
        margin-top: 22%;
    }
}
@media screen and (min-width: 768px) and (max-width: 781px){
    .main-section .main-heading1{
        top: 28% !important;
    }
    .main-section .main-heading2{
        top: 33% !important;
    }
}
@media screen and (min-width: 782px) and (max-width: 991px){
    .main-section .main-heading1{
        top: 26% !important;
    }
    .main-section .main-heading2{
        top: 31% !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1399px){
    .banner-section .banner-left{
        left: 8% ;
    }
    .main-section .main-heading1{
        left: 4% 
    }
    .banner-section .slider-imges{
        right: 4%;
    }
     .banner-section .slide_title{
        font-size: 30px !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .main-section .main-heading1, .main-section .main-heading2{
        font-size: 80px;
    }
    .banner-section .slider-imges img{
        width: 80px !important;
    }
    .banner-section .slider-imges figure{
        height: 50px !important;
    }
    .banner-section .banner--content{
        flex-wrap: nowrap !important;
    }   
    .banner-section .banner-img img{
        height: 350px !important;
    }
    .wp-block-column.banner-right.position-relative.is-layout-flow.wp-block-column-is-layout-flow{
        flex-basis: 65% !important;
    }
    .wp-block-column.banner-left.position-relative.is-layout-flow.wp-block-column-is-layout-flow{
        flex-basis: 35% !important;
    }  
    .wp-block-column.col-1.is-layout-flow.wp-block-column-is-layout-flow{
        flex-basis: 75% !important;
    }
    .wp-block-column.col-2.is-layout-flow.wp-block-column-is-layout-flow{
        flex-basis: 25% !important;
    }
    .lounge-section .img-sec,.lounge-section .img-sec img{
        height: 200px !important;
    }
    .lounge-section figcaption{
        font-size: 18px !important;
    }
}
@media screen and (min-width: 992px) and (max-width: 1399px){
    .main-section .main-heading1, .main-section .main-heading2{
        font-size: 114px;
    }
    .banner-section .slider-imges img{
        width: 100px !important;
    }
    .banner-section .slider-imges figure{
        height: 70px !important;
    }
    .main-section .main-heading1{
        top: 32% !important;
    }
    .main-section .main-heading2{
        top: 39% !important;
    }
    .banner-section .banner-img img{
        height: 400px !important;
    }
    .lounge-section .img-sec,.lounge-section .img-sec img{
        height: 240px !important;
    }
    .lounge-section figcaption{
        font-size: 20px !important;
    }

}
@media screen and (min-width: 1400px) and (max-width: 1599px){
    .main-section .main-heading1, .main-section .main-heading2{
        font-size: 140px;
    }
    .main-section .main-heading1{
        top: 33% !important;
    }
    .main-section .main-heading2{
        top: 40% !important;
    }
}

