.th_breadcrumnb{width:100%;text-align:center;padding:42px 0;background:#f2f2f2;}
.th_breadcrumnb span{text-align:center;font-size:60px;font-weight:700;}
.th_breadcrumnb nav{width:100%;background-color:unset;box-shadow:unset;} 
.th_breadcrumnb nav .breadcrumb{display:flex; flex-direction:row; gap:5px;justify-content:center; }
.th_breadcrumnb nav .breadcrumb li a, .th_breadcrumnb nav .breadcrumb li{color:#000000;}
.th_breadcrumnb .breadcrumb-item+.breadcrumb-item::before{color:#000;content:"|"; padding:0 5px;}
.th_content .wrapper{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;}
.th_content .wrapper .heading{align-content:center;}
.th_content .wrapper .heading{align-content:center;}
.th_content span{font-weight:700;font-size:50px;margin:25px 0 40px;}
.th_content p{font-size:16px;color:#6b6b6b;margin:25px 0 40px;}
.th_card_sec .wrapper {display:grid; grid-template-columns:repeat(3,1fr);gap:20px; }
.th_card_sec .th_item{position:relative;width:100%;float:left;overflow:hidden;margin-bottom:25px;}
.th_card_sec .th_item:hover img{transform:scale(1.1);}
.th_card_sec .th_item:hover .name{z-index:10; color:black}
.th_card_sec .th_item:before{width:100%;height:100%;background-image:linear-gradient(transparent, rgba(0,0,0,0.5));content:"";left:0;top:0;position:absolute;}
.th_card_sec .th_item .name{position:absolute;left:20px;bottom:10px;color:#fff;font-size:20px;}
.th_loader_icon{width:100%;display:flex;justify-content:center}
.th_loader_icon img{width:150px;}
.more {display:flex;justify-content:center;padding-block:20px;}
#showmorebtn{cursor: pointer;background-color: #1c1f23;  border-color: #1a1e21; padding: .5rem 1rem;  cursor: pointer; font-size: 1.25rem;  border-radius: .3rem;}

.modal {width: 100%; height: 100%; position: fixed; top: 0; display: flex; justify-content: space-between; align-items: center; background-color: rgba(0, 0, 0, 0.733); padding-inline: 20px; margin-top: -1px; z-index: 100; animation: zoom 0.3s ease-in-out;}
.modal button:hover svg {fill: var(--c-light);}
.modal #close-btn {position: absolute; top: 25px; right: 30px;}
.modal img {width: 25%; border-radius: 10px;}
:where(.modal, .modal :where(button, svg, img)) {transition: var(--transition);}


.th_loader_icon {transition: opacity 0.3s ease-in-out;}
#load_icon{	display:none; }

@media screen and (max-width: 991px){
.th_content span{font-size:38px;margin:25px 0;}
.th_content .wrapper{grid-template-columns:1fr;}
.th_card_sec .wrapper{grid-template-columns:repeat(2,1fr);}
.th_content p{margin:0 0 30px;}
.modal img {width: 35%;}
}
@media screen and (max-width: 767px){
.th_content span{font-size:28px;margin:10px 0 20px;}
.modal img {width: 45%;}
}
@media screen and (max-width: 575px){
.th_breadcrumnb {padding:15px 0;}
.th_breadcrumnb span{font-size:40px;}
.th_content span{font-size:24px;}
.th_content p{font-size:14px;}
.th_card_sec .wrapper{grid-template-columns:1fr;}
.th_card_sec .wrapper .products-grid{margin-inline:auto;}
.modal img {width: 55%;}
}

@media only screen and (max-width: 475px) {
.modal img {width: 65%;}
}