.banner-section .banner-title,.category-section .category-sec-heading,.category-section .category_sec_para,
.category-sec-images .category_img p,.top_images_section .designer-sec-heading,.top_images_section .designer_sec_para
,.top_images_section .top-images-sec-gallery .top_image_text{
    font-family: 'Outfit', sans-serif;
}
.banner-section{
    height: 600px;
}
.category-section .category-head{
    color: red;
}
.banner-section .banner_search_grp .category_button{
    height: 40px;
}
.banner-section .banner_search_grp{
    height: 70px;
    border-radius: 10px;
    display: flex!important;
    align-items: center;
    justify-content: space-around;
    margin-left: 10%;
    margin-right: 10%;
}
.banner-section .search_button_grp {
    width: 65%;
    margin-left: 22%;
}
.category_tab{
    height: 40px;
    width: 14rem;
    border-radius: 6px;
}
.search-columns .wp-block-search__input {
    border-radius: 6px;
    margin-left: -25px;
}
.banner-section .search-columns button{
    border-radius: 5px;
    background: url(../images/search.png) no-repeat scroll 10px 12px !important;
    background-color: #00963f!important;
    padding: 8px 20px 8px 40px !important;
    margin-left: 8px;
    position: relative;
    font-size: 16px;
    background-position: 12px center !important;
    background-size: 16px 16px !important;
    border: none;
}

.banner-section .search-tab-col {
    border-radius: 13px;
    padding: 10px 17px;
    backdrop-filter: blur(30px);
}
.category-sec-images {
    display: grid;
    grid-template-columns: repeat(7, 1fr); 
    gap: 10px; 
}
.category-sec-images img{
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    border-radius: 13px;
}
.top-images-sec-gallery {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important; 
    gap: 15px !important; 
    width: 100% !important;
}
.top-images-sec-gallery img {
    width: 100%!important; 
    height: 360px!important; 
    object-fit: cover;
    display: block; 
    border-radius: 13px;
    position: relative;
}
.top-images-sec-gallery h2{
    position: absolute;
    top: 0%;
}
.category-sec-images {
    display: grid;
    grid-template-columns: repeat(7, 1fr); 
    gap: 10px; 
}
.banner-section .banner-second-img {
    position: relative;
    height: 400px;
    top: -20em;
    background-size: cover;
    border-radius: 30px;
    width: 86%;
}
.search-tab-col{
    width: 50%;
    margin: 0 auto;
}
.details-tab{
    height: 37px;
    border-radius: 6px;
}
.details-tab summary{
    padding: 5px;
    margin-bottom: 10px;
}
.category_img .category_content{
    opacity: 0;
    visibility: hidden;
}

.category_img:hover .category_content{
    opacity: 1;
    visibility: visible;
}

.category_img:hover img{
    filter: brightness(50%); 
}

.main-heading ,.main-head-para{
    font-family: 'Outfit', sans-serif;
    max-width: 100%; 
    width: auto;
    margin-left: 14px!important;
    margin-right: 8px!important;
}
.main-heading {
    margin-bottom: 27px;
}

.main-head-para{
    margin-bottom: 1px;
}

.wp-block-search__input {
    margin-right: -6px;
}

.banner-sec-top-img {
    height: 445px;
}

details p{
    background-color: white;
}
.search-tab-col .details_first_para,.search-tab-col p{
    width: 150px;
    margin-left: -20px;
    z-index: 1;
    position: relative;
    padding: 8px;
    text-align: left;
    border-bottom: solid 3px #9e9e9e;
}
.details_second_para,.details_third_para,.details_fourth_para{
    margin-top: -17px;
    width: 121%;
    margin-left: -20px;
    z-index: 1;
    position: relative;
}
.search-tab-col form .wp-block-search__inside-wrapper {
    gap: 0.5em !important;
}

/* Large Tablets & Small Laptops: 4 Columns */
@media (max-width: 1024px) {
    .category-sec-images {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}
/* Tablets: 3 Columns */
@media (max-width: 768px){
    .banner-section .search-tab-col{

    }
}
@media (max-width: 768px) {
    .category-sec-images {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    .search-columns button {
        width: fit-content; 
        margin: auto;
    }

   .search-tab-col .search-tab .wp-block-search__inside-wrapper {
        flex-direction: column!important;
        row-gap: 6px;
    }

    .banner-second-img :where(.wp-block-columns.is-layout-flex) {
        gap: 0.5em;
    }
    .search-tab-col:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child{
        flex-basis: 20% !important;
    }
    
}

@media (max-width: 480px) {
    .category-sec-images {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 390px) {
    .category-sec-images {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}
.category-sec-images figure img {
    width: 100%; /* Ensures images fit inside columns */
    height: auto; /* Maintain aspect ratio */
    object-fit: cover;
    border-radius: 13px;
}
@media screen and (max-width: 1200px) {
    .top-images-sec-gallery {
        grid-template-columns: repeat(4, 1fr) !important;
    }

}
@media screen and (max-width: 990px) {
    .top-images-sec-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .banner-section .search-tab-col{
        width: 100% !important;
    }
}
@media screen and (max-width: 767px) {
    .search-tab-col form .wp-block-search__inside-wrapper{
        flex-wrap: wrap !important;
    }
    .banner-second-img .search-columns .wp-block-search__input{
        width: 100% !important;
    }
    .banner-section .banner-second-img{
        top: -23em !important;
    }
}    
@media screen and (max-width: 768px) {
    .top-images-sec-gallery {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .banner-second-img .search-columns .wp-block-search__input {
        margin-left: 0px;
        margin-right: 0px;
    }
    .main-heading {
        font-size: 24px!important;
    }
    .main-head-para{
        font-size: 13px!important;
        padding: 10px;
    }       
    .top-images-sec-gallery img{
        height: 75%!important;
    }
    .top_images_section .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        height: 285px;
    }
    .top-images-sec-gallery img:not(.is-not-stacked-on-mobile)>.wp-block-column {
        height: 287px!important;
    }
}
@media screen and (max-width: 480px) {
    .top-images-sec-gallery {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}
.top-images-sec-gallery figure img {
    width: 100% !important; /* Fill columns */
    height: 360px !important; /* Fixed height */
    object-fit: cover !important; /* Crop images properly */
    display: block !important; /* Remove extra spacing */
    border-radius: 13px !important;
}

@media screen and (max-width: 1020px) {
    .search-columns .wp-block-search__input {
        margin-top: 0px;
    } 
}
@media screen and (max-width: 1000px) {
    .search-columns .wp-block-search__input {
        margin-top: 0px;
    }  
}
@media screen and (min-width: 490px) and (max-width:782px) {
    .detail-category-tab .details_first_para, .detail-category-tab .details_second_para,
    .detail-category-tab .details_third_para, .detail-category-tab .details_fourth_para{
        margin-left: 0px!important;
        width: 39%!important; 
    } 
}
@media (min-width: 990px) and (max-width: 1400px) {
    .top-images-sec-gallery img {
        height: 243px !important;
    }

}