.grid__wraper__img__inner .secondary__image,
.grid__wraper__img__inner .primary__image{
	height: 270px;
	object-fit: cover;
}
.small__grid__img img,
.banner__img img,
.grid__wraper__img img,
.category__img__2 img,
.banner__3__img img,
.video__img img{
    border-radius: 15px !important;
}
.about__4__list li,
.layout__4 p{
	font-family: var(--bodyFont);
}
.is_dark{
	color: #ffffff;
}
.grid__wraper__color ul li label{
	background-size: contain !important;
}
blockquote p{
	font-size: 28px !important;
}
.ltn__tagcloud-widget ul li{
	margin-left: 5px;
}
.minimalin-comment-item:not(:first-child) {
    margin-top: 50px;
}
.minimalin-comment-item .minimalin-comment-item{
	margin-left:80px;
}
.breadcrumb-item:last-child {
    color: var(--primaryColor);
}
.minicart__single .minicart__single__img img {
    height: auto;
}
.blog__popular__img img {
    height: 80px;
    object-fit: cover;
}
.blog__img img {
    height: auto;
}
.layout__7 .herobanner__inner__3{
	max-width: 1320px;
}
.layout__7 .grid__wraper__img__inner .secondary__image, .layout__7 .grid__wraper__img__inner .primary__image {
    height: 300px;
}

/********* Error Page Style *************/

.error-page {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 10;
	height: 945px;
}

.error-page__bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
}

.error-content {
    position: relative;
    display: block;
}

.error-content .big-title {
    position: relative;
    display: block;
    margin-bottom: 5px;
}

.error-content .big-title h2 {
    position: relative;
    display: inline-block;
    color: transparent;
    font-size: 280px;
    line-height: 1.1em;
    font-family: var(--thm-font-2);
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-stroke: 2px #fff;
}

.error-content .big-title h2::before {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    color: var(--thm-white);
    white-space: nowrap;
    content: attr(data-hover);
    transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}

.error-content .big-title h2:hover::before {
    width: 100%;
}


.error-content .title {
    position: relative;
    display: block;
    margin-bottom: 15px;
}

.error-content .title h2 {
    color: #ffffff;
    font-size: 44px;
    line-height: 1.2em;
}

.error-content .text {
    position: relative;
    display: block;
}

.error-content .text p {
    color: #ffffff;
}

.error-content .btns-box {
    position: relative;
    display: block;
    line-height: 0;
    margin-top: 33px;
}

/********* Pagination Style *************/
.pagination,
.paginate-links{
	position:relative;
	gap: 10px;
	display:block;
	align-items: center;
}

.pagination li a,
.pagination li > span,
.paginate-links a,
.paginate-links > span {
    position: relative;
	height: 50px;
    width: 50px;
    line-height: 50px;
    border: 2px solid var(--greyColor);
    text-align: center;
    display: block;
    font-weight: 700;
    border-radius: 5px;
	color: var(--contentColor);
	font-family: var(--bodyFont);
    background-color: var(--bodyBg);
	margin-right:5px;
    font-size: 16px;
}

.pagination li a:hover, 
.pagination li.active a,
.pagination li > span,
.paginate-links a:hover,
.paginate-links > span {
    background: var(--primaryColor);
    color: var(--whiteColor);
    border: 1px solid var(--primaryColor);
}

/***************** Footer Widget Style*******************/
.footer-widget{
	position:relative;
}
.footer-widget ul,
.footer-widget ol{
	position:relative;
	margin:0px;
}
.footer-widget ul li,
.footer-widget ol li{
    display: block;
    position: relative;   
	font-size: 14px;
    color: var(--contentColor);
    font-weight: 400;
    line-height: 1.8;
	margin-bottom:15px;
}
.footer-widget ul li:last-child,
.footer-widget ol li:last-child{
	margin-bottom:0px;
}
.footer-widget ul li ul li,
.footer-widget ol li ol li{
	margin-top:15px;
	margin-bottom: 0px;
}
.footer-widget ul li a,
.footer-widget ol li a{
    position: relative;
    color: var(--contentColor);
	display:inline-block;
	font-size: 14px;
    font-weight: 400;
	line-height: 1.8;
	font-family: var(--bodyFont);
}
.footer-widget ul li a:hover,
.footer-widget ol li a:hover{
	color: var(--primaryColor);
}
.footer__social__icon ul li,
.footer__img ul li{
	display:inline;
}


.footer__content p {
    max-width: 100%;
}
.footer__input button{
	position:relative;
	border-radius: 5px;
	margin-top: 10px;
	width: 100%;
}
.footer__input button:hover {
    color: var(--blackColor);
}

.widget{
	position: relative;
}

.widget:last-child{
	margin-bottom: 0px;
}

.widget ul,
.widget ol{
	position:relative;
	display: block;
	margin:0px;
	padding:0px;
}

.widget ul li,
.widget ol li{
    margin-bottom: 15px;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: var(--blackColor);
	font-family: var(--headingFont);
}

.widget ul li:last-child,
.widget ol li:last-child{
	margin-bottom:0px;
	padding-bottom:0px;
}

.widget ul li ul li,
.widget ol li ol li{
	padding-bottom:0px;
	border-bottom:0px;
	margin-bottom:0px;
	margin-top:15px;
	padding-top:15px;
}

.widget ul li a,
.widget ol li a{
	position: relative;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: var(--blackColor);
	font-family: var(--headingFont);
}
.widget ul li a:hover,
.widget ol li a:hover{
	color: var(--primaryColor);
}

/******** Tags ************/
/******** Tags ************/
/******** Tags ************/
.widget .tagcloud{
	position: relative;
    display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.widget .tagcloud a{	
	position: relative;
	display:inline-flex;
	padding: 8px 24px 6px;
    font-size: 13px !important;
    text-transform: uppercase;
    background-color: var(--greyColor);
    font-weight: 700;
    border-radius: 5px;
	color: var(--contentColor);
	font-family: var(--bodyFont);
}
.widget .tagcloud a:hover{
	background: var(--primaryColor);
    color: var(--whiteColor);
}

.single__product__swatch select{
	display: block !important;
	padding: 10px 15px 10px 15px;
}
.size-option.selected,
.swatch-element.selected .color-option {
    border: 2px solid #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.te-colorss select{
	margin-left: 27px;
}

.mega-menu {
    position: relative;
}

/* Desktop Mega Menu (Your existing CSS) */
.headerarea__main__menu nav ul > li .headerarea__submenu.headerarea__megamenu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 10px;
    width: max-content;
    background: white;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 999;
    position: absolute;
    left: 50%;
    transform: translateX(-46%);
}

.headerarea__main__menu nav ul > li .headerarea__submenu.headerarea__megamenu li a {
    text-align: center;
}

.headerarea__main__menu nav ul > li .headerarea__submenu.headerarea__megamenu .menu-category-image {
    width: 240px;
    height: 240px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    margin: 0 auto 10px;
}

/* Tablet Mega Menu */
@media (max-width: 1024px) {
    .mobile-navigation .headerarea__submenu.headerarea__megamenu {
        grid-template-columns: repeat(2, 1fr); /* 2 Columns on Tablet */
        width: 90%; /* Adjust width for tablet */
        left: 5%; /* Adjust left position */
        transform: translateX(0); /* Remove horizontal centering */
    }

    .mobile-navigation .headerarea__submenu.headerarea__megamenu .menu-category-image {
        width: 60px; /* Smaller image for tablet */
        height: 60px;
		margin-right: 10px;
    }
}

/* Mobile Mega Menu */
@media (max-width: 768px) {
    .mobile-navigation .headerarea__submenu.headerarea__megamenu {
        display: block; /* Stack items vertically */
        position: static; /* Remove absolute positioning */
        transform: none; /* Remove transform */
        width: 100%; /* Full width on mobile */
        padding: 10px;
        box-shadow: none; /* Remove box shadow */
    }

    .mobile-navigation .headerarea__submenu.headerarea__megamenu li {
        border-bottom: 1px solid #eee; /* Add dividers */
        padding: 10px 0;
    }

    .mobile-navigation .headerarea__submenu.headerarea__megamenu li a {
        text-align: left; /* Align text left on mobile */
    }

    .mobile-navigation .headerarea__submenu.headerarea__megamenu .menu-category-image {
        width: 40px; /* Smaller image for mobile */
        height: 40px;
        margin-bottom: 5px;
		margin-right: 10px;
        display: inline-block;
        vertical-align: middle;
    }

    .mobile-navigation .headerarea__submenu.headerarea__megamenu li a {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }
}
.headerarea__main__menu nav ul > li.menu-item-has-children > a:before{
	content: "\f107";
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}
.single__product__car img{
	height: 25px;
	width: 25px;
	object-fit: cover;
}
.single__product__quantity .default__button.black__button {
    margin-top: 15px;
} 
.single__product__wrap .grid__wraper__img__inner .primary__image {
    height: auto;
}
.select-wrapper:after {
    content: "\f078"; /* Unicode for Font Awesome caret-down */
    font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is loaded */
    font-weight: 900;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #333; /* Icon color */
    pointer-events: none; /* Prevent blocking clicks */
}
.te-tit{
	margin-bottom: 45px;
    margin-top: 30px;
}
.te-tit .header{
	font-size: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
.te-tit .grid__wraper__countdown{
	position: relative;
	width: 50%;
	background-color: #ebebeb;
	bottom: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    left: 0px;
}
.single-product .overflow__hidden {
    overflow: visible;
}
.wc-block-components-product-metadata {
    display: block !important;
}
.wc-block-components-product-details{
	display: flex;
    gap: 20px;
}
.wc-block-components-product-details__name,
.wc-block-components-product-details__value{
	padding-left: 5px;
	font-size: 16px;
}
.grid__wraper__icon ul li a,
.slider__default__arrow .slick-arrow{
    display: grid;
    align-items: center;
}
.layout__3 .headerarea__main__menu nav ul > li > a {
    padding: 10px 18px;
}
.is_dark .headerarea__main__menu nav ul > li .headerarea__submenu.headerarea__megamenu {
    background-color: var(--whiteColor);
}
.small__product__grid__wrap .slider__default__dot .slick-dots{
	position: static;
}
.single-product .ltn__blog-title,
.single-product .ltn__blog-meta,
.single-product .blog .contactarea__form__area__wrap,
.single-product .blog .ltn__blog-tags-social-media{
	display: none;
}
.single-product .blog{
	padding-top:80px;
}
.single-product .blog .single__product__heding h2 {
    font-size: 24px;
}
.single-product .blog .grid__wraper__info h3 {
    font-size: 16px;
    margin-bottom: 0;
}
.single-product .blog .woocommerce-tabs {
    margin-top: 70px;
}
.blog__small__meta ul li{
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.blog__social__icon ul {
    display: flex;
}
.blog__social__icon ul li,
.blog__meta{
    margin-bottom: 0px;
}
.blog__social__icon ul li a {
    line-height: 40px;
}
.blog .blog__title h2 {
    font-size: 40px !important;
	margin-bottom: 0px !important;
}
.blog .blog__title h2 {
    line-height: 1.3;
}
.headerarea__main__menu nav ul > li:nth-child(2) .headerarea__submenu.headerarea__megamenu{
	transform: translateX(-31%);
    column-gap: 75px;
}

/********* Shop Sidebar Style *************/

.shop-widget{
	position:relative;
}
.shop-widget ul,
.shop-widget ol{
	position:relative;
	margin:0px;
}
.shop-widget ul li,
.shop-widget ol li{
    display: block;
    position: relative;  
	color: var(--contentColor);
    font-weight: 400;
    font-size: 15px;
	margin-bottom:10px;
}
.shop-widget ul li:last-child,
.shop-widget ol li:last-child{
	margin-bottom:0px;
}
.shop-widget ul li a:before,
.shop-widget ol li a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: rgb(231, 231, 231);
    transition: all 0.4s ease-in-out;
}
.shop-widget ul li a:hover:before,
.shop-widget ol li a:hover:before{
    background-color: var(--primaryColor);
}
.shop-widget ul li ul li,
.shop-widget ol li ol li{
	margin-top:10px;
	margin-bottom: 0px;
}
.shop-widget ul li a,
.shop-widget ol li a{
    color: var(--contentColor);
    font-weight: 400;
    font-size: 15px;
    position: relative;
    padding-left: 20px;
}
.shop-widget ul li a:hover,
.shop-widget ol li a:hover{
	color: var(--primaryColor);
}

.shop-widget .woocommerce-widget-layered-nav-list,
.shop-widget .product_list_widget{
	list-style: none;
	padding: 0;
	margin: 0;
}

.shop-widget .woocommerce-widget-layered-nav-list li {
	display: flex;
	justify-content: space-between;
}

.shop-widget .woocommerce-widget-layered-nav-list li a:before,
.shop-widget ul.product_list_widget li a:before,
.shop-widget ul li.wc-layered-nav-rating a:before,
.woocommerce .shop-widget .woocommerce-widget-layered-nav-list li:before,
.woocommerce .shop-widget .woocommerce-widget-layered-nav-list li:after{
	display: none;
}

.woocommerce .shop-widget .woocommerce-widget-layered-nav-list li a {
	padding: 0;
	font-size: 16px;
}

.woocommerce .shop-widget .woocommerce-widget-layered-nav-list li span {
	transition: all 0.4s ease-in-out;
	color: rgb(85, 88, 91);
	border-radius: 8px;
	border: 1px solid #EAEAEA;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	width: 24px;
	font-size: 12px;
	font-weight: 500;
}

.woocommerce .shop-widget .woocommerce-widget-layered-nav-list li span:hover {
	background-color: var(--theme);
	color: var(--white);
}

.shop-widget ul.product_list_widget li {
	padding: 0;
}

.shop-widget ul.product_list_widget li a,
.shop-widget ul li.wc-layered-nav-rating a{
	padding: 0;
}

.woocommerce .shop-widget ul.product_list_widget li a img {
	float: right;
	margin-right: 0;
}

.shop-widget ul li.wc-layered-nav-rating a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.color-option.selected{
	border: 2px solid #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.color-options{
	margin-left: 29px;
}
.woocommerce-form-track-order button{
	background: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
    border: 1px solid var(--primaryColor) !important;
    border-radius: 5px !important;
    padding: 12px 30px !important;
    text-transform: unset;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    font-family: var(--headingFont) !important;
    display: inline-block;
    position: relative;
    line-height: 1;
    z-index: 1;
    text-align: center;
}
.woocommerce-form-track-order button:hover{
	background-color: var(--whiteColor) !important;
    color: var(--blackColor) !important;
    border: 1px solid var(--blackColor) !important;
}
@media (max-width: 767px) {
  .grid__wraper__img__inner .secondary__image,
  .grid__wraper__img__inner .primary__image {
    height: auto;
  }
}




