@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "techmart-font";
	src: url("//es.koalastationery.com/assets/fonts/techmart-font-1-400.woff2?v=7.6.2") format("woff2");
}

:root {
	--tm-text-font: "Jost", Arial, Helvetica, sans-serif;
	--tm-text-font-weight: 400;
	--tm-text-color: rgb(0,0,0);
	--tm-text-font-size: 16px;
	--tm-title-font: "Jost", Arial, Helvetica, sans-serif;
	--tm-title-font-weight: 600;
	--tm-title-transform: capitalize;
	--tm-title-color: rgb(0,0,0);
	--tm-entities-title-font: "Jost", Arial, Helvetica, sans-serif;
	--tm-entities-title-font-weight: 500;
	--tm-entities-title-color: rgb(0,0,0);
	--tm-entities-title-color-hover: rgb(51 51 51 / 65%);
	--tm-alternative-font: "Lato", Arial, Helvetica, sans-serif;
	--tm-widget-title-font: "Jost", Arial, Helvetica, sans-serif;
	--tm-widget-title-font-weight: 500;
	--tm-widget-title-transform: capitalize;
	--tm-widget-title-color: rgb(0,0,0);
	--tm-widget-title-font-size: 18px;
	--tm-header-el-font: "Jost", Arial, Helvetica, sans-serif;
	--tm-header-el-font-weight: 500;
	--tm-header-el-transform: capitalize;
	--tm-header-el-font-size: 15px;
	--tm-primary-color: rgb(0,110,182);
	--tm-alternative-color: rgb(218,63,63);
	--tm-link-color: rgb(34,34,34);
	--tm-link-color-hover: #242424;
	--btn-default-font-family: "Jost", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 400;
	--btn-default-transform: capitalize;
	--btn-default-bgcolor: rgb(245,245,245);
	--btn-default-bgcolor-hover: rgb(0,86,143);
	--btn-accented-transform: capitalize;
	--btn-accented-bgcolor: rgb(245,245,245);
	--btn-accented-bgcolor-hover: rgb(0,86,143);
	--tm-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.techmart-woocommerce-layered-nav .tm-scroll-content {
	max-height: 250px;
}
.tm-popup.tm-age-verify {
	--tm-popup-width: 500px;
}
.tm-popup.tm-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--tm-popup-width: 800px;
}
.page-title-default {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.footer-container {
	background-color: rgb(241,249,255);
	background-image: none;
}
html .tm-nav.tm-nav-main > li > a, html .main-page-wrapper .tm-product .product-wrapper .tm-entities-title {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 16px;
	text-transform: capitalize;
	color: rgb(0,0,0);
}
html .tm-nav.tm-nav-main > li:hover > a, html .tm-nav.tm-nav-main > li.current-menu-item > a, html .main-page-wrapper .tm-product .product-wrapper .tm-entities-title a:hover {
	color: rgb(35,35,35);
}
html .product-image-summary-wrap .product_title, html .tm-single-title .product_title {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: rgb(5,5,5);
}
html .page-title > .container > .title {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 42px;
	color: rgb(255,255,255);
}
html .tm-buy-now-btn {
	font-family: "Jost", Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	color: rgb(255,255,255);
	background: rgb(0,110,182);
}
html .tm-buy-now-btn:hover {
	color: rgb(255,255,255);
	background: rgb(0,86,143);
}
html .tm-product.tm-hover-quick .tm-add-btn>a, html .tm-product.tm-hover-quick.tm-quantity-overlap div.quantity input[type], html .quick-shop-form .single_add_to_cart_button, html .quick-shop-form div.quantity input[type] {
	color: rgb(0,0,0);
	background: rgb(255,255,255);
}
html .tm-product.tm-hover-quick .tm-add-btn>a:hover, html .tm-product.tm-hover-quick.tm-quantity-overlap div:hover > div.quantity input[type], 
			html .tm-product.tm-hover-quick.tm-quantity-overlap div:hover > div.quantity+.button, html .quick-shop-form .single_add_to_cart_button:hover, html .quick-shop-wrapper .quick-shop-form div:hover > div.quantity input[type], 
			html .quick-shop-wrapper .quick-shop-form div:hover > div.quantity+.button {
	color: rgb(255,255,255);
	background: rgb(0,110,182);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .tm-search-form[class*="tm-header-search-form"] form.searchform, .tm-el-search .searchform {
	--tm-form-brd-color: rgb(241,249,255);
	--tm-form-brd-color-focus: rgb(0,91,209);
}
.product-labels .product-label.onsale {
	background-color: rgb(218,63,63);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(218,63,63);
	color: rgb(255,255,255);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(245,245,245);
	color: rgb(0,0,0);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(218,63,63);
	color: rgb(255,255,255);
}
.tm-popup.popup-quick-view {
	--tm-popup-width: 920px;
}
:root{
--tm-container-w: 1465px;
--tm-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--tm-brd-radius: 5px;
}

@media (min-width: 1482px) {
.platform-Windows .tm-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1465px) {
html:not(.platform-Windows) .tm-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.whb-header .tm-tools-element>a{padding-inline: 13px;}
.whb-header .tm-tools-custom-icon .tm-custom-icon{width: 20px;height: 20px;}
.tm-sub-menu li>a{
	color:#222222 !important;
	padding-top: 7px;
  padding-bottom: 6px;
	font-size: 16px;
	display: inline-block;
}
/* .tm-sub-menu li>a:hover {
    text-decoration: underline;
} */
.tm-sub-menu li>a:after{
		content: "";
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    bottom: 5;
    background-color: var(--tm-primary-color);
    transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.tm-sub-menu li>a:hover:after{width:100%;}
.mega-menu-list>li>a{text-transform: capitalize; font-weight: 600; padding-bottom: 10px;}
.tm-header-cart.tm-design-2 .tm-cart-number, .tm-header-cart.tm-design-5 .tm-cart-number, .tm-tools-element:is(.tm-design-2,.tm-design-5) .tm-tools-count{
    top: -8px !important;
    inset-inline-end: -18px !important;
    width: 22px !important;
    height: 22px !important;
    background-color: #da3f3f !important;
    font-size: 14px !important;
    line-height: 22px !important;
}


/* Product description page yt video  */

.custom-yt-video-container {
  position: relative;
  width: 100%;
  max-width: 1080px; /* optional: keeps it from being too large on big screens */
  margin: auto;
  aspect-ratio: 16 / 9; /* keeps the 16:9 ratio */
}

.custom-yt-video-container iframe {
  width: 100%;
  height: 100%;
  border-radius: 8px; /* optional styling */
}

/* Product description page section bg  */
.white-bg{
	padding-left:10px;
	background-color: #fff;
}

.sidebar-widget ul{
	padding-right:5px;
	max-height:300px;
	overflow-x:hidden;
}
.sidebar-widget ul::-webkit-scrollbar {
  width: 4px;
}
/* .sidebar-widget ul::-webkit-scrollbar-track {
  background: #f1f1f1; 
} */
.sidebar-widget ul::-webkit-scrollbar-thumb {
  background: #ebebeb; 
}
.sidebar-widget ul::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.woocommerce-ordering.tm-style-underline select{
	font-weight:500;
	border-bottom: none;
}
.tm-products-shop-view.products-view-grid a{
	width: 34px;
	height: 34px;
	background: #f2f2f2;
	padding: 8px;
	font-size: 10px;
	text-align: center;
	border-radius: 3px;
	color: #000000;
}
.tm-products-shop-view.products-view-grid a.current-variation{
	background: #00568f;
	color:#fff;
}

.tm-product{text-align:left !important;}

/* .tm-products .amount {
    color: rgb(0 0 0);
    font-weight: 300;
    font-size: 16px !important;
} */

.tm-grid-g{gap: 34px 24px;}
.tm-products .tm-swatches-product{display:none;}
.tm-products .tm-entities-title{margin: 10px 0px 0px;}
.tm-grid-g .tm-product{--tm-prod-gap: 10px;}

.tm-product .product-labels{display:inline-block; max-width:100%;}
.tm-product .product-labels span{margin:2px;}

.tm-loop-footer{margin-top: 80px;}
nav[class*="-pagination"] li .page-numbers{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	font-family: 'Jost';
	font-weight: 400;
	font-size: 16px;
	color: #000000;
}
nav[class*="-pagination"] li .current, nav[class*="-pagination"] a:hover{
	background-color: #000;
	color:#fff;
}
nav[class*="-pagination"] li :is(.next, .prev){
	font-size:0px;
}
.single-product-page .woocommerce-breadcrumb .breadcrumb-last, .single-product-page .woocommerce-breadcrumb a{font-weight:400; color:#000;}

.archive .breadcrumb-last, .archive .breadcrumb-link{color:#fff; font-weight: normal;}
.archive .woocommerce-breadcrumb a:hover{color:#fff;}
.woocommerce-breadcrumb a:after{
	content: "\f113";
	font-size: 8px;
	font-family: "techmart-font";
	margin: 0px 7px;
}
.single_add_to_cart_button{border: 1px solid #00568f;}

.cart-section table th, .shop_table th, .shop_table tr{
	font-size:15px;
	font-weight:500;
	text-transform: capitalize;
}

.shop_table .qty, .shop_table .cart-product-label{font-weight:normal;}
.cart-totals-inner h2{
	  font-weight: 500 !important;
    border-bottom: 1px solid #ececec;
    padding: 15px;
}
.cart-actions .tm-coupon-form{margin: 20px;}
.wc-proceed-to-checkout{margin:20px !important; letter-spacing: .5px;}
.checkout-button, #place_order{
	  background: #006eb6 !important;
    color: #fff !important;
    text-transform: uppercase !important;
}
.checkout-button:hover, #place_order:hover{
	background:#00568f !important;
	box-shadow: 0 0 0 .2rem #00568f !important;
}

.btn-cart, .checkout{
	font-size: 16px;
  font-weight: 500 !important;
}
.btn-cart:hover{color:#fff !important;}

.woocommerce-form-coupon-toggle{text-align:center;}
.checkout_coupon.woocommerce-form-coupon{margin:auto;}

#slider-93 .tm-slide{min-height:auto !important; padding-bottom:35%;}
#slider-93 .tm-carousel-wrap{height:auto!important;}

.pc .category-grid-item .category-link{box-shadow: 0 5px 6px #0000001a; border-radius: 0px 0px 5px 5px;}
.pc .category-grid-item .tm-entities-title{font-weight:400; text-transform: capitalize;}
.pc .category-grid-item .more-products>a{color:#666666;}
.pc .category-grid-item .hover-mask{padding:15px 10px 10px;}

.mega-menu .tm-sub-menu li>a{color:#8d8d8d !important; display: block; padding: 8px 15px; border-radius: 3px;}
.mega-menu .tm-sub-menu li>a:hover{color:#222222 !important; background:#efefef; }
.mega-menu .tm-sub-menu li>a:after{height:0px;}
/* .tm-dropdown{background:none; box-shadow:none;} */
.tm-dropdown:has(> .mega-menu) {
    background:none; box-shadow:none;
}
.tm-btn-design-full form.cart :where(.single_add_to_cart_button,.tm-buy-now-btn) {
    flex:1 1 80% !important;
    margin-bottom: 10px;
}
.chaty-widget{z-index:99 !important;}

.tm-label-side-md table.variations .value {
	display: block !important;
}

/* ***************Contact form 7:: Elmate Contact Form******************  */
.hidden-fields-container{
  position: absolute;
  left: -9999px;
}

/* Layout spacing */
.custom-contact-form .form-row {
    margin-bottom: 20px;
}

/* Two column layout */
.custom-contact-form .two-col {
    display: flex;
    gap: 20px;
}

.custom-contact-form .two-col .form-field {
    flex: 1;
}

/* Inputs & textarea (exclude submit & checkbox) */
.custom-contact-form input:not([type="submit"]):not([type="checkbox"]),
.custom-contact-form textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #222;
    border-radius: 6px;
    font-size: 16px;
    outline: none;
    transition: border 0.3s ease;
}

.custom-contact-form textarea {
    min-height: 180px;
    resize: vertical;
}

.custom-contact-form input:focus,
.custom-contact-form textarea:focus {
    border-color: #1e73be;
}

/* Checkbox row */
.custom-contact-form .checkbox-row {
    display: flex;
    align-items: center;
}

/* Force proper alignment for CF7 acceptance */
.custom-contact-form .wpcf7-acceptance label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.custom-contact-form .wpcf7-acceptance input[type="checkbox"] {
    width: auto;
    margin: 0;
}

/* Submit button */
.custom-contact-form input[type="submit"] {
    width: auto;
    display: inline-block;
    background: #006EB6;
    color: #fff;
    border: none;
    padding: 14px 28px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s ease;
		text-transform: capitalize;
}

.custom-contact-form input[type="submit"]:hover {
    background: #155a94;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .custom-contact-form .two-col {
        flex-direction: column;
    }

    #slider-93 .tm-slide {
        padding-bottom: 65%;
    }
}


/* ***************Contact form 7:: Elmate Contact Form******************  */
/* Base = Mobile first */
 .collection_below_text h2 {
    font-size: 25px;
	 font-weight:400;
}

.collection_below_text h3 {
    font-size: 18px;
	 font-weight:400;
} 

/* Small devices (sm ≥576px) */
@media (min-width: 576px) {
    .collection_below_text h2 {
        font-size: 29px;
    }

    .collection_below_text h3 {
        font-size: 22px;
    }
}

/* Medium devices (md ≥768px) */
@media (min-width: 768px) {
    .collection_below_text h2 {
        font-size: 29px;
    }

    .collection_below_text h3 {
        font-size: 22px;
    }
}

/* Large desktop refinement (optional ≥992px) */
@media (min-width: 992px) {
    .collection_below_text h2 {
        font-size: 36px;
    }

    .collection_below_text h3 {
        font-size: 24px;
    }
}