/*==========================
NDAPL PRODUCTS ARCHIVE
==========================*/

.ndapl-archive-products{
    padding:60px 20px 80px 20px;
}

.ndapl-archive-container{
    max-width:1320px;
    margin:auto;
    display:grid;
    grid-template-columns:225px 1fr;
    gap:35px;
    align-items:start;
}

/* if no side bar */
/* Sidebar nahi ho to full width */
.ndapl-no-sidebar{
    grid-template-columns: 1fr;
}

/* Sidebar nahi ho to 4 products per row */
.ndapl-no-sidebar .ndapl-archive-grid{
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}



/*==========================
SIDEBAR
==========================*/

.ndapl-archive-sidebar{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.ndapl-archive-tab{
    width:100%;
    padding:20px !important;
    background:transparent !important;
    border:1px solid #f4f5fa !important;
    box-shadow:none !important;
    border-radius:10px !important;
    text-align:left;
    color:#0F32C2 !important;
    font-size:18px !important;
    font-weight:700;
	line-height:25px !important;
    cursor:pointer;
    transition:.5s;
}

.ndapl-archive-tab:hover{
    background:#fff !important;
    border:1px solid #0F32C2 !important;
    color:#0F32C2;
/*     box-shadow:0 2px 8px rgba(0,0,0,.08); */
}

.ndapl-archive-tab.ndapl-active{
    background:#fff !important;
    border:1px solid #0F32C2 !important;
    color:#0F32C2;
/*     box-shadow:0 2px 8px rgba(0,0,0,.08); */
}

/*==========================
RIGHT
==========================*/

.subcategory-right-sidebar-heading{
	margin-bottom:20px;
}

.ndapl-archive-category-products{
    display:none;
}

.ndapl-archive-category-products.ndapl-active{
    display:block;
}

/*==========================
GRID
==========================*/

.ndapl-archive-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:28px;

}

/*==========================
CARD
==========================*/

.ndapl-archive-card{

    display:block;

    text-decoration:none;

    background:#fff;

    border-radius:18px;

    border:1px solid #d8d8d8;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 2px 8px rgba(0,0,0,.05);

}

.ndapl-archive-card:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 28px rgba(0,0,0,.12);

}

/*==========================
IMAGE
==========================*/

.ndapl-archive-card-image{

    margin:10px;

    border-radius:12px;

/*     background:#a8c8ff; */

    height:225px;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

}

.ndapl-archive-card-image img{

    width: 100%;
    height: 100%;
    object-fit: cover !important;
    transition: .4s;
    object-position: top !important;
}

.ndapl-archive-card:hover img{

    transform:scale(1.05);

}

/*==========================
TITLE
==========================*/

.ndapl-archive-card-content{

    padding:0 18px 18px;

}

.ndapl-archive-card-title{
    font-size:18px !important;
    font-weight:700;
    color:#333;
    line-height:20px !important;
    margin:0;

/*     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; */

/*     text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px; */
}

.ndapl-archive-card-content{

    text-align:center;

}


/*==========================================
SUBCATEGORY BREADCRUMBS
==========================================*/

/* main page heading */
/* .ndapl-no-sidebar-heading-wrapper{
	padding:0px 20px;
} */
.ndapl-no-sidebar-heading{
    border-bottom: 2px solid #FF9500;
    width: max-content;
	font-size:36px !important;
    line-height: 120% !important;
    margin-bottom: 10px;
}

.ndapl-subcategory-breadcrumb .ndapl-breadcrumb-separator{
    font-size:12px;
    font-weight:400;
    vertical-align:middle;
}

.subcategory-main-breadcrumbs{
    background-color:#f4f5fa;
    width:100%;
	padding-bottom:30px;
}

.ndapl-subcategory-breadcrumb-wrapper{
    width:1272px;
/*     padding:0 20px; */
    margin:auto;
}

.ndapl-subcategory-breadcrumb{
    grid-column:1 / -1;
    display:inline-flex;
    align-items:center;
    gap:4px;
    position:relative;
    margin-top:0px;
/*     padding-bottom:20px; */
    width:fit-content;
/*     border-bottom:2px solid #FF9500; */
}

.ndapl-subcategory-breadcrumb a,
.ndapl-subcategory-breadcrumb .ndapl-current,
.ndapl-subcategory-breadcrumb .breadcrumb_last,
.ndapl-subcategory-breadcrumb .ndapl-breadcrumb-separator {
    font-family: "Jost", Sans-serif !important;
    font-size: 16px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    color: #1E1E1E !important;
    text-transform: capitalize !important;
    text-decoration: none;
    transition: .3s;
}

.breadcrumb_last{
	font-weight:400 !important;
}

.ndapl-subcategory-breadcrumb a:hover{
    color:#0F32C2;
}

.ndapl-subcategory-breadcrumb .ndapl-separator{
    color:#1E1E1E;
    font-size:16px;
    font-weight:600;
    margin:0 2px;
}

.ndapl-subcategory-breadcrumb .ndapl-current{
    color:#1E1E1E;
}

/* Mobile */

@media (max-width:1272px){

    .ndapl-subcategory-breadcrumb-wrapper{
        width:100%;
        padding:0 20px;
        margin:auto;
    }

}

@media (max-width:767px){

    .ndapl-subcategory-breadcrumb{
        flex-wrap:wrap;
    }

    .ndapl-subcategory-breadcrumb a,
    .ndapl-subcategory-breadcrumb .ndapl-current,
    .ndapl-subcategory-breadcrumb .ndapl-separator{
        font-size:14px !important;
    }
	
	.ndapl-no-sidebar-heading{
    width: fit-content !important;
        }

}

/*==========================
RESPONSIVE
==========================*/

/* Desktop with Sidebar */
.ndapl-archive-grid{
    grid-template-columns:repeat(3,1fr);
}

/* Desktop without Sidebar */
.ndapl-no-sidebar .ndapl-archive-grid{
    grid-template-columns:repeat(4,1fr);
}

/* Large Laptop */
/* @media (max-width:1200px){

    .ndapl-archive-container{
        grid-template-columns:240px 1fr;
    }

    .ndapl-archive-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ndapl-no-sidebar .ndapl-archive-grid{
        grid-template-columns:repeat(3,1fr);
    }

} */

/* Tablet */
@media (max-width:991px){

    .ndapl-archive-container{
        grid-template-columns:1fr;
    }

    .ndapl-archive-sidebar{
        flex-direction:row;
        overflow:auto;
        position:sticky;
        top:0;
        background:#f4f5fa;
    }

    .ndapl-archive-tab{
        min-width:180px;
        text-align:center !important;
        padding:10px !important;
    }

    .ndapl-archive-grid,
    .ndapl-no-sidebar .ndapl-archive-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

/* Mobile */
@media (max-width:576px){

    .ndapl-archive-grid,
    .ndapl-no-sidebar .ndapl-archive-grid{
        grid-template-columns:1fr;
    }

}