/* Banner Section */
.banner-section{
    margin: 0 20px;
    box-shadow: 0px 7px 14px 0px #00000080;
    overflow: hidden;
    border-radius: 20px;
}
.banner-section img{
    width: 100%;
    height: 100%;
    /* min-height: 400px; */
    border-radius: 20px;
}
/* Banner Section End */

/*  Welcome Section  */
.welcome-sec-info-container{
    max-width: 525px;
}

.welcome-img-container img{
    border-radius: 24px;
    object-fit: cover;
    object-position: bottom;
    width: 100%;
}
/*  Welcome Section End */

/* Explore Section */
.explore-section{
    background: url(../images/explore_sec_bg.png) no-repeat bottom left / cover;
}
.explore-links-row{
    margin-bottom: -24px;
}
.explore-link-column{
    margin-bottom: 24px;
}
.explore-link{
    background: #EEF2F6;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    /* justify-content: space-between; */
    align-items: start;
    /* gap: 20px; */
    gap: 50px;
}
.explore-link-info-container{
    order: 1;
    /* text-align: end; */
}
.explore-link-title{
    color: #1A1B1C;
    margin: 0;
}
.explore-link-title span{
    display: block;
}
.mobile-slider-container{
    display: none;
}
/* select::selection option span:nth-of-type(2){
    display: none;
} */
@media(max-width:1199px){
    .banner-section {
        margin: 0 12px;
    }
}
@media(max-width:991px){
    /* Banner section */
    .banner-section {
        margin: 0 12px;
    }
    /* Welcome Section */
    .welcome-sec-info-container {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .page-title {
        margin-bottom: 12px;
    }
    .breadcrumb-section {
        padding: 100px 0 80px;
    }
    .explore-link {
        padding: 14px;
    }
    .explore-link .icon-arrow {
        height: 20px;
        width: 20px;
    }
    .explore-link {
        gap: 160px;
    }
}
@media(max-width:767px){
    .welocme-img-container{
        order: -1;
    }
    .welcome-sec-info-container {
        margin: 12px 0 0;
    }
    /* .banner-section img {
        height: 50vh;
    } */
    .explore-link {
        padding: 12px;
        gap: 80px;
    }
}
@media(max-width:575px){
    .explore-link .icon-arrow {
        height: 18px;
        width: 18px;
    }
    .banner-section img{
        /* min-height: 300px; */
        border-radius: 15px;
    }
    .desktop-swiper-container{
        display: none;
    }
    .mobile-slider-container{
        display: block;
    }
}
@media(max-width:480px){
    .explore-link-img{
        width: 30px;
        height: 30px;
    }
    .explore-link{
        height: 100%;
        gap: 120px;
    }
    .banner-section img{
        /* min-height: 250px; */
        border-radius: 10px;
    }
}

