/* created by sazzad@nextzen.com.bd */
@media (min-width:1024px) and (max-width:1300px) {
    .res_nextzen_header_bar{
        zoom: 80%;
    }
    .res_nextzen_header_100{
        width: 15%;
    }

    .res_nextzen_right_side{
        float: right;
        width: auto;
        margin-left: auto;
    }
    .res_nextzen_facing_content .facing-box{
        width: 100%;
    }

    .res_top_buisness{
        width: 40%;
    }
    .mui-style-1f8256p:not(:first-child) {
        padding-left: 31px;
    }
    .mui-style-1f8256p:not(:last-child) {
        padding-right: 30px;
    }
    #myTab{
        zoom: 80%;
    }
}

@media (max-width:1024px) and (min-width:993px) {
    .res_nextzen_facing_content .facing-box{
        width: 100%;
    }
}

@media (max-width:993px) {
    .res_nextzen_height_fix.text-deias-maingroup .text-pro-detais-iconmain{
        height: 200px !important;
        min-height: 200px !important;
    }
}



@media (min-width:992px) and (max-width:1140px) {
    .res_gap_minimal,
    .nextzen_grid_quick_menu_home{
        grid-row-gap: 6px;
        grid-column-gap: 25px;
    }
    .res_top_buisness{
        
        width: 40%;
    }

  
}
 
/*@media (max-width:992px) {*/
/*    .hide_mobile_nextzen{*/
/*        display: block !important;*/
/*        padding: 18px;*/
/*    }*/
/*    .d-none_992px{*/
/*        display: none !important;*/
/*    }*/
/*    .padding-bottom-0px{*/
/*        padding-bottom: 0px !important;*/
/*    }*/
/*}*/
  
  @media (max-width:992px) {
    .header_menu_container{
        padding: 0px !important;
    }
 }
 
 
@media (min-width:993px) and (max-width:1024px) {
    .res_nextzen_right_side{
        width: 400px;
    }
}

.text-dark.text-reset.fw-700.fs-13.hov-text-primary {
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    color: black !important;
    /* letter-spacing: 0.8px; */
}
a.orangebtn.res_orangebtn:hover{
    background: transparent !important;
}

a.res_bluecolor:hover{
    color: #3B9ADF !important;
}
.nextzen_quick_service_grid a {
    font-size: 1.2rem !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    color: black !important;
    letter-spacing: 0.8px;
}
.res_card_dev{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.res_get_appionment{
    width: 200px !important;
    text-align: center;
}

@media (max-width:768px) {
    .margin-bottom-20px{
        margin-bottom:20px;
    } 
    .res_nextzen_height_fix.text-deias-maingroup .text-pro-detais-iconmain{
        height: 230px !important;
        min-height: 230px !important;
    }
    .res_nextzen_facing_content .facing-box p{
        font-size: 14px;
        padding-left:18px;
    }
    .garment-main-title {
        justify-content: center;
    }
    .express-posting-bottom ul {
        justify-content: center;
    }
}

@media (max-width:425px) {
    #myTab{
        flex-direction: column;
        width: 25%;
        float: left;
        position: sticky;
        top: 72px;
        margin-top: 20px;
    
    }
    #myTab li {
        width: 100%;
        

    }
    #myTab li a{
        width: 100%;
        height: 50px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    #myTab li span{
        display: none;
    }
    .padding-5px{
        padding: 10px !important;
    }

   

}

#myTab{
    margin-top: 20px;
}


@media (max-width: 992px){
    .container {
        padding: 10px;
        width: 100%;
    }
    body {
        overflow-x: hidden;
    }
}





div.section{
    padding-bottom: 0;
}


@media (max-width:1250px) and (min-width:992px) {
    .height_minimal{
        height: 50px !important;
    }
}









/* menu mega */
@media (min-width:991px) {
    .megamenu_nz_btn{
        position: static !important;
    }
    .megamenu_nz{
        position: fixed;
        top: 54px;
        left: 0;
        right: 0;
        background: white;
        z-index: 555;
        visibility: hidden;
        opacity: 0;
        transition: 0.1s;
        height: 100%;
        
    }
    /* .megamenu_nz::after{
        content: '';
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 20;
    } */


    /* next time implement */
    /* .megamenu_nz::before{
        content: '+';
        transform: rotate(45deg) translateX(-50%);
        top: 780px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: white;
        z-index: 999999;
        left: 50%;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 30px;
        
        
    }
    */
    /* next time implement */

    

    /* .megamenu_nz:hover::before{
        display: none;
    }
   */
    .megamenu_nz ul{
        list-style: none;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: flex-start;
        justify-content: flex-start;
        height: 70%;
        overflow-y: auto;
        margin: 50px 0 !important;
    }
    .megamenu_nz:hover::after :has(> .sub_menu_nz){
        visibility: hidden;
    }
    /* correction 2-6-2024 */
    .megamenu_nz ul li{
        flex: 0 1 25%;
        width: 25%;
        padding: 15px 2px !important;
        margin-bottom: 10px;
        opacity: 0;
        transition: opacity 1s !important;
    }



    /* correction 2-6-2024 */

    .megamenu_nz ul li a{
        display: flex !important;
        align-items: flex-start;
        gap: 25px;

    }
    .hide_mobile_nextzen {
        position: static !important;
    }

    .megamenu_nz ul label,
    .megamenu_nz ul small{
        display: block;
        width: 100%;
        white-space: normal !important;
        cursor: pointer;
    }

    .megamenu_nz_btn:hover > .megamenu_nz{
        opacity: 1;
        visibility: visible;
    }


    .megamenu_nz ul:hover li{
        filter: grayscale(100%);
    }
    .megamenu_nz ul:hover li:hover{
        filter: grayscale(0%);
    }



}


@media (min-width:1200px) {
    .megamenu_nz ul li{
        flex: 0 1 20%;
        width: 20%;
    }


    
}

/* menu mega */

.navbar-menu .Other-Header ul li:hover > a:first-child {
    color: #040333 !important;
}
.navbar-menu .Other-Header ul li:hover > a:first-child small{
    color: #000000 !important;

}
li.megamenu_nz_btn * {
    transition: 0s !important;
}


.megamenu_nz ul li{
    opacity: 0;
    transition: 0.2s !important;
    transition: opacity 0.3s !important;
}

@media (max-width:1200px) and (min-width:768px) {
    .megamenu_nz_btn:hover  ul li:nth-child(n+1):nth-child(-n+4){
        opacity: 1;
        transition-delay: 0.1s !important;
    }

    .megamenu_nz_btn:hover  ul li:nth-child(n+5):nth-child(-n+8){
        opacity: 1;
        transition-delay: 0.2s !important;
    }
    .megamenu_nz_btn:hover  ul li:nth-child(n+9):nth-child(-n+12){
        opacity: 1;
        transition-delay: 0.3s !important;
    }
    .megamenu_nz_btn:hover  ul li:nth-child(n+13):nth-child(-n+16){
        opacity: 1;
        transition-delay: 0.4s !important;
    }
}

@media (min-width:1200px) {
    .megamenu_nz_btn:hover  ul li:nth-child(n+1):nth-child(-n+5){
        opacity: 1;
        transition-delay: 0.1s !important;
    }

    .megamenu_nz_btn:hover  ul li:nth-child(n+6):nth-child(-n+10){
        opacity: 1;
        transition-delay: 0.2s !important;
    }
    .megamenu_nz_btn:hover  ul li:nth-child(n+11):nth-child(-n+15){
        opacity: 1;
        transition-delay: 0.3s !important;
    }
    .megamenu_nz_btn:hover  ul li:nth-child(n+16):nth-child(-n+20){
        opacity: 1;
        transition-delay: 0.4s !important;
    }
}
/* .megamenu_nz_btn:hover  ul li:nth-child(1){
    opacity: 1;
    transition-delay: 0s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(2){
    opacity: 1;
    transition-delay: 0.1s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(3){
    opacity: 1;
    transition-delay: 0.2s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(4){
    opacity: 1;
    transition-delay: 0.3s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(5){
    opacity: 1;
    transition-delay: 0.4s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(6){
    opacity: 1;
    transition-delay: 0.5s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(7){
    opacity: 1;
    transition-delay: 0.6s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(8){
    opacity: 1;
    transition-delay: 0.7s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(9){
    opacity: 1;
    transition-delay: 0.8s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(10){
    opacity: 1;
    transition-delay: 0.9s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(11){
    opacity: 1;
    transition-delay: 1s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(12){
    opacity: 1;
    transition-delay: 1.1s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(13){
    opacity: 1;
    transition-delay: 1.2s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(14){
    opacity: 1;
    transition-delay: 1.3s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(15){
    opacity: 1;
    transition-delay: 1.4s !important;
}
.megamenu_nz_btn:hover  ul li:nth-child(16){
    opacity: 1;
    transition-delay: 1.5s !important;
} */



@media (min-width:993px) {
    .sourcing-dashboard_head_image::before{
        background: url(../images.nextzen.com/home_slider/nextzen_executive_nextzen_blues.webp) no-repeat;
        /* background: url(../images.nextzen.com/home_slider/nextzen_executive_nextzen.webp) no-repeat; */
        content: "";
        height: 420px;
        width: 500px;
        /* top: 0; */
        position: absolute !important;
        right: 20%;
        background-size: cover;
        position: absolute;
        bottom: 100%;
        z-index: 9;
        right: 20px;
    }
    .sourcing-dashboard_head_image{
        position: relative;
    }
    .first-childsourching-img{
        padding: 0 0 0 41px;
    }


    .sourcing-img.dashboard:hover a{
        filter: grayscale(100%);
    } 

    .sourcing-img.dashboard:hover a:hover{
        filter: grayscale(0%);
    } 
}