@charset "utf-8";
:root{
    --color: rgb(0, 0, 0);
    --color-hover: #1070ff;
    --color-focus: #1070ff;
    --color-red: rgb(240, 0, 0);
    --color-bold: rgb(7, 73, 170);

    --bg-body: #fff;
    --bg-product: #eef5ff;
}
body{
    --line-height: 26px;
    font: 400 15px/var( --line-height ) var( --fdefault );
    font-display: swap;
    color: #000;
    background-color: var( --bg-body );
}
.ftitle,
.f-title{
    font-weight: bold !important;
    font-family: var( --ftitle);
    letter-spacing: .75px;
}
a{
    color: var( --color); text-decoration: none;
    display: inline-block;
}
img{
    display: inline-block;
    width: auto; height: auto;
    object-fit: contain;
    object-position: center;
}
b, strong{
    font-weight: bold;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
/********************/
.form-control{
    font-size: 15px; font-weight: 400;
    line-height: 26px;
}
.text-hover,
.text-main{
    color: var( --color-hover) !important;
}
.text-upp{
    text-transform: uppercase !important;
}
.text-cap{
    text-transform: capitalize !important;
}
.bold-0{
    font-weight: normal !important;
}
.bold-300{
    font-weight: 300 !important;
}
.bold-400{
    font-weight: 400 !important;
}
.bold-500{
    font-weight: 500 !important;
}
.bold-700,
.bold{
    font-weight: 700 !important;
}
.img-responsive{
    max-width: 100%; height: auto;
    display: inline-block;
    object-fit: cover; object-position: center;
}
/********************/
.line-limit{
	--line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: var( --line-clamp );
    line-clamp: var( --line-clamp );
	-webkit-box-orient: vertical;
    max-height:calc( var( --line-height, 26px ) * var( --line-clamp ) );
    line-height: var( --line-height, 26px ) !important;
}
.line-limit--1{
	--line-clamp: 1;
}
.line-limit--3{
	--line-clamp: 3;
}
.line-limit--4{
	--line-clamp: 4;
}
.line-limit--5{
	--line-clamp: 5;
}
/********************/
.top-5{
    top: 5px;
}
.top-10{
    top: 10px;
}
/********************/
.picture{
    display: block;
}
.picture[class*="mb-"] > img[class*="mb-"]{
    margin-bottom: 0 !important;
}
/********************/
.transition{
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.img-zoom-hover{
    overflow: hidden;
}
.img-zoom-hover img.img-zoom{
    -webkit-transition: 0.35s linear;
    transition: 0.35s linear;
}
.img-zoom-hover:hover img.img-zoom{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.img-zoom-hover--10:hover img.img-zoom{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/********************/
.textlink-readmore{
    position: relative;
    display: inline-block;
    color: #000;
    font-size: 14px; line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-transition:all 0.25s linear;
    transition:all 0.25s linear;
}
.textlink-readmore:hover{
    color: var( --color-hover);
}
.textlink-readmore::before{
    position: absolute; left: 0; bottom: -.25rem; z-index: 1;
    content: ""; display: block;
    width: 0%; height: 2px;
    background-color: var( --color-hover);
    -webkit-transition:width 0.25s linear;
    transition:width 0.25s linear;
}
.textlink-readmore:hover::before{
    width: 100%;
}
/********************/
.tooltip{
    --bs-tooltip-font-size: 11px;
    --bs-tooltip-bg: var( --color-red);
}
.pagination{
    margin: 0 0 2rem;
    justify-content: center; align-items: center;
    font-weight: 500;
    line-height: 22px;
    --bs-pagination-active-bg: var( --color-hover);
    --bs-pagination-active-border-color: var( --color-red);
    --bs-pagination-bg: #CCC;
    --bs-pagination-border-width: 0;   
    --bs-pagination-border-color: rgba( 255, 255, 255, .75); 
    --bs-pagination-font-size: 15px;
    --bs-pagination-color: #000;
    --bs-pagination-padding-x: 0;
    --bs-pagination-padding-y: 0;
    --bs-pagination-hover-bg: var( --color-hover);
    --bs-pagination-hover-border-color: #fff;
    --bs-pagination-hover-color: #fff;
    --bs-pagination-focus-color: #fff;
    --bs-pagination-focus-box-shadow: none;
}
.page-item{
    margin: 0 .375rem;
}
.page-link{
    display: block;
    width: 36px; height: 36px;
    line-height: 34px;
    text-align: center;
    aspect-ratio: 1/1;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link{
    border-radius: .175rem;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{
    display: flex;
    align-items: center; justify-content: center;
}
.page-item:first-child svg,
.page-item:last-child svg{
    width: 18px; height: 18px;
}
/********************/
.page-wrapper{
    background-color: #fff;
    padding-left: 1.5rem; padding-right: 1.5rem;
}
/**************************/
.wrapper_breadcrumb{
    margin-bottom: 2rem;
    padding: 3rem 1.5rem 2.75rem;    background: rgb(246, 246, 246);
    font-size: 12px; line-height: 20px;
    text-transform: capitalize;
    background: linear-gradient(to left,rgb(10, 117, 181),rgb(255, 255, 255));
    color: #000;
}
.breadcrumb__title{
    margin: 0; padding: 0;
    font-family: var( --ftitle); font-size: 25px; line-height: 1.4;
    letter-spacing: 1px;    font-weight: bold;
}
.wrapper_breadcrumb .breadcrumb{
    margin-bottom: .5rem; font-weight: normal;
    text-transform: capitalize;
}
.breadcrumb-item + .breadcrumb-item{
    padding-left: .75rem;
}
.breadcrumb-item + .breadcrumb-item::before{
    padding-right: .75rem;
    color: inherit;
}
.wrapper_breadcrumb a{
    color: inherit; text-decoration: none;
}
.wrapper_breadcrumb a:hover{
    color: var( --color-focus);
}
/**************************/
.action_backtotop{
    position: fixed; right: 15px; bottom: 85px; z-index: 99;
    border: none; background: none;    display: none;
    -webkit-transition:all 0.3s ease;    transition:all 0.3s ease;
    padding: 0; margin: 0;
}
.action_backtotop img{
    display: inline-block;
    width: 36px;
}
/**************************/
.anchor_pagecurrent{
    display: none; overflow: hidden;
    background-color: rgb(246, 251, 255); border: 1px solid rgb(226, 231, 236);
    margin-bottom: 1rem;
    font-size: 12px; font-weight: bold; color: rgba( 0,0,0, .8);
    line-height: 22px;
    font-family: var( --ftitle); letter-spacing: 1px;
    border-radius: 3px;
}
.anchor_pagecurrent.active{
    display: none;
}
.anchor_pagecurrent:hover{
    color: inherit; cursor: context-menu;
}
.anchor_pagecurrent span{
    position: relative;    display: inline-block;
    padding: .5rem 1rem;    background-color: rgb(238, 239, 240);
}
.anchor_pagecurrent span::before,
.anchor_pagecurrent span:after{
        left: 100%;	top: 50%;	border: solid transparent;
	content: "";	height: 0;	width: 0;
	position: absolute;
	pointer-events: none;
}
.anchor_pagecurrent span:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: rgb(238, 239, 240);
	border-width: 24px;	margin-top: -24px;
}
.anchor_pagecurrent span:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: rgb(226, 231, 236);
	border-width: 26px;	margin-top: -26px;
}
/*****************************************/
.pagination .disabled{
    cursor: not-allowed;
}
.pagination__loadmore{
    font-size: 14px; font-weight: normal;
}
.pagination__loadmore .disabled{
    display: none;
}
.pagination__loadmore .disabled + .page-item .page-link{
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.pagination__loadmore .page-link{
    padding: .5rem 1rem;     min-width: 180px;    text-align: center;
    color: var( --bs-blue);
}
.pagination__loadmore .page-link:hover{
    background: var( --bs-blue); color: #fff;
}
.pagination__loadmore .fa{
    font-size: 17px; vertical-align: text-bottom;
    color: var( --bs-blue);
}
.pagination__loadmore .page-link:hover .fa{
    color: #fff;
}
.action__loadmore.run{
    position: relative; display: inline-block;
    padding-right: 40px;
}
.action__loadmore.run::after{
    position: absolute; right: 10px; top: 8px; z-index: 1;
    content: "";    display: inline-block;
    width: 20px;    height: 20px;
    vertical-align: -.125em;
    border: 2px solid currentColor;
    border-right-color: currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
    color: var(--bs-info );
}
/**************************/
.sharesocial-wrapper{
    margin: 0; padding: .9rem 2.15rem; list-style-type: none;
    display: flex; flex-wrap: nowrap;
    align-items: center; justify-content: center;
    background: #eee;
    font-size: 12px; line-height: 1.2;
}
.sharesocial-wrapper-item {
    margin: 0; list-style-type: none;
    padding: 0 .35rem;
    text-transform: capitalize;
}
.sharesocial-header{
    font-family: var( --ftitle);
    font-weight: bold;
}
.sharesocial-wrapper-item a{
    display: flex; flex-wrap: nowrap;
    align-items: center;
    background: #333; color: #fff;
    display: block;
    padding: .4rem 1rem .4rem .15rem;
    border-radius: 1.5rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;

}
.sharesocial-wrapper-item a > span{
    display: inline-block;
    transform: translateY( -1px);
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;

}
.sharesocial-wrapper-item .fab{
    min-width: 30px;
    font-size: 15px; line-height: 1;
    text-align: center;
    margin-right: .35rem;
    display: inline-block;
    padding: 0 .25rem;
    margin-right: .65rem;
    border-right: 1px solid rgb( 255, 255, 255, .6);
}
.sharesocial-wrapper-item a:hover{
    transform: translateY(-3px);
}
.sharesocial-wrapper-item a:hover span{
    color: #000;
}
.sharesocial--facebook{
    background: rgb(27 116 228) !important;
}
.sharesocial--twitter{
    background: rgb(0 186 255) !important;
}
.sharesocial--linkedin{
    background: rgb(10 102 194) !important;
}
.sharesocial--pinterest{
    background: rgb(242 0 0) !important;
}
/*********************************************************************
*******DCONTENT*******************************************************
*********************************************************************/
.share-social{
    background-color: #f5f5f5;
    margin: 0 0 1.5rem; padding: .6rem .5rem .55rem; list-style-type: none;
    font-size: 12px; line-height: 1.3;
    font-weight: normal;
}
.share-social::before{
    content: "Share"; font-weight: bold;
    padding: 0 0 0 .75rem;
}
.share-social li{
    margin: 0; padding: 0; list-style-type: none;
    display: inline-block;
}
.share-social a{
    display: inline-block;
    padding: .35rem .5rem; margin-left: .5rem;
    border-radius: 2px;
    -webkit-transition:all 0.35s ease;
    transition:all 0.35s ease;
}
.share-social a:hover{
    transform: translateY( -3px);
    box-shadow: 0 .25rem 1.75em rgba(0,0,0,.15);
    color: #fff;
}
.share-social .fab{
    margin-right: .5rem;
    position: relative;
    min-width: 20px;
}
.share-social .fab::after{
    position: absolute; right: 0; top: 50%;
    transform: translateY( -50%);
    content: ""; display: block;
    width: 1px; height: 14px;
    border-right: 1px solid rgba( 255, 255, 255, .9);
}
.share-social__facebook{
    background-color: rgb(93 114 164);
    color: #fff;
}
.share-social__twitter{
    background-color: rgb(0 186 255);
    color: #fff;
}
.share-social__pinterest{
    background-color: rgb(242 0 0);
    color: #fff;
}
/*********************************************************************
*********************************************************************
*********************************************************************/
.dcontent{
    font-size: 16px; line-height: 30px;
}
.dcontent--sm{
    font-size: 15px; line-height: 26px;
}
.dcontent > *{
    max-width: 100%;
}
.dcontent p{
    margin-bottom: 1.25rem;
}
.dcontent--sm p{
    margin-bottom: .35rem;
}
.dcontent p:last-child{
    margin-bottom: 0;
}
figure.image{
    width: max-content;
    max-width: 100%;
}
figure.image:not( .align-center){
    display: inline-block;
}
figure.image figcaption{
    display: block; max-width: 100%;
    background-color: #eee;
    padding: .55rem .75rem; font-size: .83rem; line-height: 1.4;
}
.image.align-center{
    text-align: center;
    margin-left: auto; margin-right: auto;
}
.image.align-left{
    text-align: start;
}
.image.align-right{
    text-align: end;
}
.dcontent img{
    display: inline-block;
    max-width: 100%; height: auto !important;
    object-fit: contain;
    object-position: center;
}
.dcontent img.aligncenter{
    margin: .75rem auto 0;
}
.box__shortcode__title{
    font-size: 1.25rem; font-weight: bold;
    line-height: 1.5;
    margin: 0 0 0rem;
}
blockquote{
    background-color: #f2f2f2;
    border-left: 5px solid var( --color-focus);
    padding: 1rem 1.5rem;
}
/****************/
.dcontent p > img{
    display: block;
}
.dcontent p > img + *{
    display: block;
    text-align: center;
}
/****************/
.dcontent h1,
.dcontent h2,
.dcontent h3,
.dcontent h4{
    font-weight: bold;
}
.dcontent h1{
    font-size: 1.5rem; line-height: 1.35;
}  
.dcontent h2{
    font-size: 1.4rem; line-height: 1.35;
} 
.dcontent h3{
    font-size: 1.2rem; line-height: 1.35;
} 
.dcontent h4{
    font-size: 1.1rem; line-height: 1.35;
} 
.dcontent h5{
    font-size: 1.05rem; line-height: 1.35;
} 
.dcontent h6{
    font-size: 1rem; line-height: 1.35;
} 
/****************/
.embed-responsive {
    position: relative;
    display: block; text-align: center;
    width: 100%; max-width: 1000px;
    padding: 0; margin: 0 auto 1.25rem;
    overflow: hidden;
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
    position: absolute;    top: 0;    bottom: 0;    left: 0;
    width: 100%;    height: 100%;
    border: 0;
}
/***********************/
.tocmain__wrapper{
    background-color: #eee;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 1.5rem;
    padding: .25rem .5rem .15rem;
    border-left: 5px solid var( --color-hover);
}
.tocmain__btn{
    --bs-btn-border-radius: 0;
    --bs-btn-hover-bg: rgb(248, 249, 250);
    --bs-btn-hover-border-color: rgb(248, 249, 250);
}
#toccontent__wrapper > ul{
    padding-top: .5rem;
}
#toccontent__wrapper li{
    margin-top: .35rem;
}
/*********************************************************************
*********************************************************************
*********************************************************************/
.header-top-wrapper{
    background: var( --color-hover);
    font-size: 13px; line-height: 20px;
    font-weight: 300;
    color: #fff;
    padding-top: .75rem;
    padding-bottom: .75rem
}
.header-top-text{
    margin: 0;
}
.header-top-link{
    margin: 0 0 0 auto;
    list-style-type: none;
    text-align: right;
    display: flex; flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.header-top-link > li{
    flex: 0 0 auto;
    width: auto;
    margin-left: 1rem;
    padding-left: 1rem;
    border-left: 1px solid rgba( 255, 255, 255, .5);
}
.header-top-link > li:first-child{
    border-left: none;
    padding-left: 0;
    margin-left: 0 ;
}
.header-top-link-social > *{
    display: inline-block;
    min-width: 25px;
    color: #fff;
}
.header-top-link a{
    color: #fff;
    text-decoration: none;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.header-top-link a:hover{
    transform: translateY(-2px);
    color: #000;
}
/***************************************/
#undefined-sticky-wrapper{
    height: auto !important;
}
.is-sticky .header-wrapper{
    --logo-height: 40px;
    background-color: #fff;
    box-shadow: var( --bs-box-shadow);
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.btn-navmobile{
    --bs-btn-border-color: #ccc;
}
/***************************************/

.header-wrapper {
    --logo-height: 60px;
    width: 100%;
    padding-top: .75rem;
    padding-bottom: .75rem;
    margin-bottom: 0rem;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
    background-color: #fff;
}
.header-logo{
    width: 250px;
}
.header-logo-img{
    height: var( --logo-height);
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
/************************/
.header-wrapper--row{
    align-items: center;
}
.header-main-wrapper{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    padding-right: .5rem;

}
.header-formsearch-wrapper{
}
/************************/
.header-navigation-wrapper{
    display: flex; flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
}
.header-navigation-listnav{
    margin: 0; padding: 0;
    list-style-type: none;
    display: flex; flex-wrap: nowrap;
    font-size: 14px;
}
.header-navigation-item{
    flex: 0 0 auto;
    width: auto;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
}
.header-navigation-item-link{
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.header-navigation-item.active .header-navigation-item-link,
.header-navigation-item-link:hover{
    color: var( --color-hover);
}
/************************/
.header-navigation-item--order{
    padding-right: 0;
}
.header-navigation-itemlink-order{
    position: relative;
    color: #fff;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    background-color: var( --color-hover);
    padding: .325rem .75rem .325rem .5rem;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 22px;
    border-radius: 1px;
    border-left: 3px solid #000;
    box-shadow: var( --bs-box-shadow-sm);
}
.header-navigation-itemlink-order:hover{
    color: #fff;
    background-color: var( --color-red);
}
.header-navigation-itemlink-order [class*=fa-]{
    font-size: 18px;
    margin-right: .5rem;
    color: #fff;
}
.header-navigation-itemlink-order .cart-total-numner{
    position: absolute; left: 15px; top: -4px; z-index: 1;
    background-color: rgba(240, 0, 0, 0.81);
    color: #fff;
    display: inline-flex;
    padding: .075rem .225rem;
    font-size: 11px; line-height: 14px;
    border-radius: .35rem;
    font-weight: 500;
    animation: change-color-cart-number 3.5s linear infinite;
}
@keyframes change-color-cart-number {
	0%{
		background-color: rgba(240, 0, 0, 0.81);
	}
	25%{
		background-color: rgba(225, 129, 26);
	}
    50%{
		background-color: rgba(93, 193, 9, 0.81);
	}
    75%{
		background-color: #000;
	}
    100%{
		background-color: rgba(219, 13, 138, 0.81);
	}
}
/************************/
.header-form-container{
    flex: 0 0 auto;
    width: 220px;
    display: flex; flex-wrap: nowrap;
    border-left: 3px solid #000;
    background-color: var( --color-hover);
    color: #fff;
}
.header-form-input{
    background: none;
    --bs-border-radius: 0;
    --bs-border-width: 0;
    --bs-body-color: #fff;
    --bs-secondary-color: rgb( 255, 255, 255, .75);
    padding: .275rem .75rem;
    font-size: 13px; line-height: 18px;
    font-weight: 400;
    height: auto;
}
.header-form-input:focus{
    background: none;
    border: none;
    box-shadow: none;
}
.header-form-submit{
    --bs-btn-padding-y: .275rem;
    --bs-btn-font-size: 15px;
    --bs-btn-color: #fff;
}
/************************************************
****************FOOTER****************************
*************************************************/
.footer-wrapper{
    margin-top: 3rem;
    padding: 2rem 0 0;
    font-size: 13px;
    background-color: var( --color-hover);
    color: #fff;
}
/************************/
.footer-info-wrapper{
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 1.5rem;
    margin-bottom: 2rem;
}
.footer-info-contact{
    flex: 0 0 auto;
    width: 350px;
}
.footer-info-about{
    flex: 0 0 auto;
    width: 200px;
}
/************************/
.footer-logo{
    margin-bottom: 1rem;
}
.footer-logo-img{
    display: inline-block;
    height: 40px;
}
.footer-info-content{
    flex: 0 0 auto;
    width: calc( 100% - 180px);
    padding-left: 1.5rem;
    font-size: 14px; line-height: 23px;
    color: rgb(219, 219, 219);
}
.footer-info-dcontent{
    font-size: 13px; line-height: 22px;
}
.footer-info-dcontent address,
.footer-info-dcontent p{
    margin-bottom: .35rem;
}
.footer-info-dcontent a{
    color: #fff;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.footer-info-dcontent a:hover{
    color: #000;
}

/************************/
.footer-title{
    font-size: 17px; font-weight: bold;
    text-transform: capitalize;
    line-height: 24px;
    margin-bottom: .5rem;
}
.footer-navigation{
    margin: 0; padding: 0; list-style-type: none;
}
.footer-navigation > li:not( :last-child){
    margin-bottom: .25rem;
}
.footer-navigation a{
    color: #fff;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.footer-navigation a:hover{
    color: #000;
}
/************************/
.footer-collapse .footer-staff-support-title,
.footer-collapse .footer-title {
    list-style-type: none;
    pointer-events: none;
}
.footer-collapse .footer-staff-support-title::-webkit-details-marker,
.footer-collapse .footer-title::-webkit-details-marker {
    display: none;
}
/************************/
.footer-social-title{
    margin-bottom: .5rem;
    font-weight: bold;
    font-family: var( --ftitle);
}
.footer-social-list{
    margin: 0; padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.footer-social-item{
    margin: 0;
    padding: 0 .75rem 0 0;
    list-style-type: 0;
    flex: 0 0 auto;
    width: auto;
}
.footer-social-list .footer-social-item:last-child{
    padding-right: 0;
}
.footer-social-link{
    display: inline-block;
    width: 30px; height: 30px;
    line-height: 28px;
    border: 1px solid rgb(255, 255, 255, .25);
    border-radius: .175rem;
    color: #fff;
    text-align: center;
    font-size: 14px;
    -webkit-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.footer-social-link:hover{
    color: #fff;
    border-color: var( --color-red);
    background-color: var( --color-red);
}
.footer-social-link--onlinegov{
    width: auto;
    border: none;
    background: none;
}
.footer-social-link--onlinegov img{
    display: inline-block;
    height: 30px;
    width: auto;
    object-fit: contain; object-position: center;
}
/************************/
.footer-author{
    background-color: #000;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    padding: 1rem 0;
    text-align: center
}
/*********************************************************************
*********************************************************************/
.caption-title{
    --line-height: 30px;
    font: 400 19px/var( --line-height ) var( --ftitle);
}
.caption-title-lg{
    --line-height: 34px;
    font: bold 23px/var( --line-height ) var( --ftitle);
}
.caption-title-xl{
    --line-height: 36px;
    font: bold 27px/var( --line-height ) var( --ftitle);
}
.box-header{
    display: block;
    margin: 0 0 1rem;
    padding: .5rem .75rem;
    text-transform: uppercase;
    font: bold 15px/24px var( --ftitle);
    letter-spacing: .75px;
    border-radius: .175rem;
    background-color: var( --color-red);
}
.title-page{
    --line-height: 36px;
    font: bold 29px/var( --line-height ) var( --ftitle);
    margin-bottom: 1rem;
}

/*********************************************************************
*********************************************************************
*********************************************************************/
/******MYMODAL*********************************/
.mymodal{
    --bs-modal-width: 720px;
    --bs-modal-header-padding: .75rem 1rem;
    --bs-modal-color: #000;
}
.mymodal .modal-header{
    background-color: var( --color-red);
}
.mymodal .modal-title{
    font-size: 15px; font-weight: 500;
    text-transform: capitalize;
    color: #fff;
}
/***************************************/
/* Slider */
.slick-slider{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after{
    display: table;

    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
    height: auto;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}
.slick-prev,
.slick-next{
    font-size: 0;
    line-height: 0;
    position: absolute; z-index: 99;
    top: 50%; transform: translateY( -50%);
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: RGB(216, 0, 0);
    color: #fff;
    border-radius: 50%; overflow: hidden;
}
.slick-prev:hover,
.slick-next:hover{
    color: #000;
    outline: none;
    background: var( --color-red);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before{
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: flex; align-items: center; justify-content: center;
    height: 100%;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: 'Font Awesome 6 Free';
}   
.slick-prev{
    left: 1rem;
}
.slick-next{
    right: 1rem;
}
.slick-prev:before{
    content: '\f177';
}
.slick-next:before{
    content: '\f178';
}
.slick-dotted.slick-slider{
    margin-bottom: 0rem;
}
.slick-dots{
    position: absolute;
    bottom: 1rem;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li{
    position: relative;
    display: inline-block;
    width: auto;
    height: 15px;
    margin: 0 2px;
    padding: 0 6px;
    cursor: pointer;
    text-align: center;
}
.slick-dots li button{
    display: inline-block;
    width: 15px;
    height: 15px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0; border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    outline: none;
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li.slick-active button{
    background-color: var( --color-hover); 
    width: 36px;
    border-radius: 32px;
}
/*******************************************************
*******************************************************/
.bubble-contact-listing-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background-color: transparent;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: .3s cubic-bezier(.645, .045, .355, 1)
}

.bubble-contact-listing-wrapper .bubble-contact-action {
    position: absolute;
    bottom: calc( 4rem + 55px );
    border-radius: 12px;
    right: 3rem;
    max-width: 300px;
    overflow: hidden;
    background-color: #f5f6fa;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .2);
    -webkit-transform-origin: 100% bottom;
    transform-origin: 100% bottom;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -webkit-transition: transform .35s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: transform .35s cubic-bezier(.165, .84, .44, 1);
    -ms-transition: transform .35s cubic-bezier(.165, .84, .44, 1);
    transition: transform .35s cubic-bezier(.165, .84, .44, 1)
}
.bubble-contact-listing {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.bubble-contact-listing .bubble-contact-item {
    margin: 0;
    padding: .25rem .5rem;
    cursor: pointer;
    list-style-type: none;
}
.bubble-contact-listing .bubble-contact-item:not(:last-of-type) {
    border-bottom: 1px solid #ecedf1;
    box-shadow: 0 1px 0 0 #fff
}
.bubble-contact-listing .bubble-contact-item--icon {
    width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-decoration: none
}
.bubble-contact-listing .bubble-contact-item--icon:hover b{
    color: var( --color-red);
}
.bubble-contact-listing .bubble-contact-item--icon svg {
    display: block;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.bubble-contact-listing .tooltip-text {
    opacity: 1;
    visibility: visible;
    position: initial;
    width: 100%;
    padding-left: .5rem;
    text-align: left;
    background: 0 0;
    color: #333;
    font-size: 13px;
}

.bubble-contact-listing .tooltip-text b {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: capitalize;
    letter-spacing: .5px;
    color: #000;
}

.bubble-contact-listing .tooltip-text small {
    display: block;
    clear: both;
    font-size: 12px;
    line-height: 1.2;
    color: #333
}

.bubble-contact-listing .bubble-contact-item:hover .tooltip-text {
    color: var( --color-red)
}

.bubble-contact-listing-wrapper .bubble-contact-close {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
    border: 0;
    outline: 0;
    padding: 6px;
    background: 0 0
}

.bubble-contact-listing-wrapper .bubble-contact-close svg {
    opacity: .6;
    width: 24px;
    height: 24px;
    display: block;
    margin: auto
}

.bubble-contact-listing-wrapper.active {
    opacity: 1;
    visibility: visible
}

.bubble-contact-listing-wrapper.active .bubble-contact-action {
    -ms-transition-delay: 0.1s;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.1s;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.bubble-contact .svgico .svgico--close,
.bubble-contact .svgico svg {
    transition: opacity .35s ease-in-out, transform .35s ease-in-out, -webkit-transform .35s ease-in-out
}

.bubble-contact-listing-wrapper.active+.bubble-contact .svgico .svgico--close {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bubble-contact .svgico .svgico--close,
.bubble-contact-listing-wrapper.active+.bubble-contact .svgico>svg {
    transform: scale(.3);
    opacity: 0;
    visibility: hidden
}

.bubble-contact-listing-wrapper.active+.bubble-contact .item-livestream {
    opacity: 0;
    visibility: hidden
}

.bubble-contact {
    position: fixed;
    bottom: 4rem;
    right: 1.5rem;
    margin: 0;
    z-index: 9999;
    cursor: pointer
}

.bubble-contact .svgico svg {
    fill: #ffffff;
    width: 28px;
    height: 46px
}
.bubble-contact .svgico .svgico--close {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.bubble-contact .svgico .svgico--close svg {
    fill: #ffffff;
    width: 17px;
    height: 46px
}

.bubble-contact .box-item {
    position: relative
}

.bubble-contact .box-item+.box-item {
    margin-top: 18px
}

.bubble-contact .box-item .svgico {
    position: relative;
    z-index: 4;
    height: 48px;
    width: 48px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    cursor: pointer;
    background: var(--color-red);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    animation: 2s infinite pulse
}

.bubble-contact .box-item:after,
.bubble-contact .box-item:before {
    position: absolute;
    content: "";
    height: 48px;
    width: 48px;
    left: 0;
    top: 0;
    background: red;
    border-radius: 50%
}

.bubble-contact .box-item:before {
    animation: 2s ease-out infinite bubbleContactPulse
}

.bubble-contact .box-item:after {
    animation: 2s ease-out .4s infinite bubbleContactPulse
}

.bubble-contact-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: -1;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: .3s cubic-bezier(.645, .045, .355, 1)
}

@keyframes bubbleContactPulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }

    50% {
        opacity: .6
    }

    100% {
        -webkit-transform: scale(1.6);
        transform: scale(1.4);
        opacity: 0
    }
}

/*******************************************************
*******************************************************/

/*********************************************************************
*********************************************************************
*********************************************************************/
.widget-btnshare{
    display: flex; flex-wrap: wrap;
    align-items: center;
    margin-left: -.75rem;
    margin-right: -.75rem;
    font-size: 12px;
    line-height: 18px;
}
.widget-btnshare-header {
    flex: 0 0 auto;
    width: auto;
    font-weight: bold;
    font-size: 13px;
    font-weight: bold;
    position: relative;
}
.widget-btnshare-item{
    flex: 0 0 auto;
    padding: 0 .75rem;
}
.widget-btnshare-link{
    color: var(--color);
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}
.widget-btnshare-link i {
    display: inline-block;
    margin-right: .35rem;
    text-align: center;
    font-size: 15px;
    transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}
.widget-btnshare-btn{
    background: none; border: none;
    border: none;
}
.widget-btnshare-link:hover{
    color: var( --color-red);
}
/**************************/
.widget-share-overview{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -.75rem 1.5rem;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    line-height: 18px;
}
.widget-share-overview>li {
    flex: 0 0 auto;
    width: auto;
    padding: 0 .75rem;
}
.widget-share-overview-sharesocial{
    flex: 0 0 auto;
    margin-left: auto;
    padding-right: .75rem;
} 
.widget-share-overview-sharesocial #button-share {
    all: unset;
    display: flex;
}
.widget-share-overview-sharesocial #button-share .share-item {
    border-radius: 0;
    border: none;
}
.blogdetail-listinfo #button-share .share-item::before {
    display: none;
}
.blogdetail-listinfo #button-share .share-item:hover i {
    color: var(--color-red) !important;
}
.blogdetail-listinfo #button-share .share-item i {
    font-size: 19px;
    color: #222 !important;
}
.blogdetail-listinfo #button-share .share-item span {
    display: none;
}
.widget-share-overview-view{
    padding-right: .75rem;
}
.widget-share-overview-border{
    position: relative;
    padding-left: .75rem;
}
.widget-share-overview-border::before {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    content: "";
    width: 1px;
    height: 16px;
    background-color: #666;
}
/************************************************/
/************************************************/
.pagecover-container{
    margin-bottom: 2.5rem;
}
.covertext-wrapper{
    background-color: var( --color-hover);
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
    margin-bottom: 4rem;
    color: #fff;
}
.covertext-title{
    font-size: 37px; text-transform: capitalize;
    --line-height: 1.5;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
}
.covertext-breadcrumb-wrapper{
    margin-top: .75rem;
    font-weight: 400;
    font-size: 14px; line-height: 22px;
    color: #000;
    overflow: hidden;
}
.covertext-breadcrumb{
    --bs-breadcrumb-divider-color: #000;
    justify-content: center;
    flex-wrap: nowrap;
}



/************************************************/
.homeslick-wrapper{
    color: #fff;
}
.homeslick-picture{
    overflow: hidden; display: block;
    border-radius: .175rem;
    width: 100%;
}
.homeslick-img{
    display: block;
    width: 100%;
    object-fit: cover; object-position: center top;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.homeslick-itemlink:hover .homeslick-title{
    color: var( --color-red);
}
.homeslick-readmore{
    font-style: italic;
    color: var( --color-red);
    font-size: 14px;
    font-weight: 500;
}
.slickjs-homebanner-wrapper{
    margin-bottom: 1.5rem;
}
.slickjs-homebanner-wrapper .slick-next,
.slickjs-homebanner-wrapper .slick-prev{
    top: 50%;
}   
/*************************************/
.home-about-wrapper{
    padding-top: 3rem;
    padding-bottom: 2px;
}
.home-about-content{
    max-width: 1000px;
    margin: auto;
    text-align: center;
}
.home-about-title{
    margin-bottom: 1rem
}
/************************************************/
.slickjs-homecategory-wrapper .slick-track{
    display: flex; flex-wrap: nowrap;
}
.slickjs-homecategory-wrapper .slick-next{
    right: 0px;
}
.slickjs-homecategory-wrapper .slick-prev{
    left: 0px;
}
.slickjs-homecategory-wrapper .slick-list{
    padding-top: 1rem;
}
.home-banner-category-wrapper{
    position: relative;
    background-color: var( --color-hover);
    padding-top: 2rem;
    padding-bottom: 3rem;
}
.home-banner-category-wrapper::before{
    position: absolute; left: 0; top: 0;
    width: 100%; height: 50%;
    content: ""; display: block;
    background-color: #fff;
}
.homecategory-item{
    padding: 0 .75rem;
}
.homecategory-picture{
    background-color: #fff;
    margin-bottom: .65rem;
    overflow: hidden;
}
.homecategory-img{
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: center;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.homecategory-itemlink{
    display: flex; flex-direction: column;
    width: 100%;
    background-color: #fff;
    height: 100%;
    border-radius: .375rem;
    box-shadow: var( --bs-box-shadow-sm);
    overflow: hidden;
    font-size: 13px;
    line-height: 20px;
    padding-bottom: .75rem;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.homecategory-itemlink > p{
    padding-left: 1rem;
    padding-right: 1rem;
}
.homecategory-title{
    font-size: 15px; font-weight: bold;
    line-height: 20px;
    color: var( --color-focus);
    margin-bottom: 1rem;
}
.homecategory-btn-readmore{
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    padding: .275rem 1.25rem;
    background-color: var( --color-focus);
    border-radius: 32px;
    font-size: 12px; line-height: 18px;
    color: #fff;
    -webkit-transition:all 0.15s linear;
    transition:all 0.15s linear;
    overflow: hidden;
}
.homecategory-btn-readmore::before{
    position: absolute; left: 0; top: 50%; 
    transform: translate( -100%, -50%);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    content: "\f178";
    -webkit-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.homecategory-btn-readmore:hover{
    padding-left: 1.75rem;
}
.homecategory-btn-readmore:hover::before{
    transform: translate( .55rem, -50%);
}
.homecategory-itemlink:hover{
    transform: translateY(-3px);
    background-color: rgb(153, 194, 255);
    color: #000;
    box-shadow: var( --bs-box-shadow);
}
.homecategory-itemlink:hover .homecategory-img{
    transform: scale(1.05);
}
.homecategory-itemlink:hover .homecategory-btn-readmore{
    background-color: #000;
}
/************************************************/
.home-product-category-wrapper{
    background-color: var(--color-hover);
    color: #fff;
    padding-bottom: 4rem;
    margin-bottom: 3rem;
}
.home-product-category-title{
    margin-bottom: 1.5rem;
    font-size: 21px; font-weight: bold; 
    color: #fff;
}
.product-category-caption{
    font-size: 12px; 
    --line-height: 20px;
    color: rgb( 255, 255, 255, .9);
}
.product-category-title{
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    margin-bottom: .15rem;
    color: #fff;
}
.product-category-title a{
    color: #fff;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.product-category-title a:hover{
    color: #000;
}
.product-category-quote{
    margin-bottom: 0;
}

/************************************************/
.home-brand-wrapper{
    background-color: var(--bg-product);
    padding-top: 3rem;
    padding-bottom: 2rem;
}
.home-brand-title{
    color: var( --color-hover);
}
.slickjs-homebrand-wrapper{
    margin-left: -.5rem;
    margin-right: -.5rem;
    margin-bottom: 0;
}
.homebrand-item{
    padding: 0 .425rem;
}
.homebrand-itemlink{
    display: block;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: var( --bs-box-shadow-sm);
    border-radius: .375rem;
    overflow: hidden;
    padding: .375rem .5rem;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.homebrand-itemlink:hover{
    border-color: var( --color-hover);
    box-shadow: var( --bs-box-shadow-sm);
}
.homebrand-itemlink:hover .homebrand-img{
    transform: scale( 1.05);
}
.homebrand-img{
    display: block;
    width: 100%;
    height: 75px;
    object-position: center;
    object-fit: contain;
    -webkit-transition:all 0.35s linear;
    transition:all 0.35s linear;
}
.slickjs-homebrand-wrapper .slick-dots{
    position: relative; bottom: auto;
    margin-top: 1.5rem;
}
.slickjs-homebrand-wrapper .slick-dots li{
    padding-left: 4px;
    padding-right: 4px;
}
.slickjs-homebrand-wrapper .slick-dots li button{
    background-color: #888;
}
.slickjs-homebrand-wrapper .slick-dots li.slick-active button{
    background-color: var(--color-hover);
}
/************************************************/
.home-product-wrapper{
    margin-bottom: 3rem;
}
.home-product-title{
    --line-height: 26px;
    position: relative;
    border-bottom: 2px solid #ddd;
    font-size: 19px; text-transform: capitalize;
    font-weight: bold;
    color: var( --color-hover);
    margin-bottom: 1.25rem;
}
.home-product-title-line{
    display: inline-block;
    position: relative;
    padding: 0 0 .35rem 0;
    color: var( --color-hover);
}
.home-product-title-line::before{
    position: absolute; left: 0; bottom: 0;z-index: 1;
    transform: translateY(100%);
    content: ""; display: block;
    width: 100%; height: 2px;
    background-color: var( --color-hover);
}
/************************************************/
.product-category-wrapper{
    --bs-gutter-y: 1.5rem;
    --bs-gutter-x: 2rem;
    font-weight: 300;
}
.product-category-picture{
    flex: 0 0 auto;
    width: 55px;
}
.product-category-img{
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: center;
    box-shadow: var( --bs-box-shadow-sm);
    border-radius: .175rem;
    overflow: hidden;
    background-color: #fff;
}
.product-category-caption{
    flex: 0 0 auto;
    width: calc( 100% - 55px);
    padding-left: 1rem;
}
/************************************************/
.product-box-list-wrapper{
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
}
.product-box-itembox{
    display: flex; flex-wrap: nowrap;
    border-radius: .5rem;
    overflow: hidden;
    background: var( --bg-product);
    padding: .65rem;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.product-box-item-picture{
    flex: 0 0 auto;
    width: 90px;
    border-radius: .375rem;
    overflow: hidden;
}
.product-box-item-img{
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: center;
    border-radius: .375rem;
    overflow: hidden;
    background-color: #fff;
    box-shadow: var( --bs-box-shadow-sm);
}
.product-box-item-caption{
    flex: 0 0 auto;
    width: calc( 100% - 90px);
    padding-left: .75rem;
    display: flex; flex-direction: column;
}
.product-box-item-title{
    font-size: 15px;
    font-weight: bold;
    --line-height: 20px;
    margin-bottom: .15rem;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.product-box-item-brand{
    font-size: 13px;
    --line-height: 20px;
    text-transform: capitalize;
    margin: 0;
    -webkit-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.product-box-item-price{
    margin: auto 0 0 ;
    font-weight: bold;
    font-size: 13px;
    --line-height: 20px;
}
.product-item-price-active{
    color: var( --color-red);
    text-transform: capitalize;
}
.product-box-itembox:hover{
    background-color: var( --color-hover);
    color: #fff;
    box-shadow: var( --bs-box-shadow);
    transform: translateY( -1px);
}
/************************************************/
.bloglist-wrapper{
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 3rem;
    margin-bottom: 3rem;
}
.blogitem-wrapper{
    display: flex; flex-direction: column;
}
.blogitem-picture{
    margin-bottom: .75rem;
    border-radius: .5rem;
}
.blogitem-picture-img{
    display: block;
    width: 100%;
    aspect-ratio: 5/3.35;
    object-fit: cover; object-position: center top;
}

.blogitem-title{
    font-size: 18px;
    --line-height: 26px;
    margin: 0 0 .5rem;
}
.blogitem-summary{
    --line-height: 27px;
    margin: 0;
}
.blogitem-btn-readmore{
    display: inline-block;
    padding: .275rem 1rem .275rem 1.25rem;
    background-color: var( --color-hover);
    color: #fff;
    font-size: 12px; line-height: 20px;
    text-transform: capitalize;
    border-radius: 32px;
    -webkit-transition:all 0.5s linear;
    transition:all 0.5s linear;
}
.blogitem-btn-readmore > [class*=fa-]{
    margin-left: .25rem;
    -webkit-transition:all 0.1s linear;
    transition:all 0.1s linear;
}
.blogitem-btn-readmore:hover{
    background-color: var( --color-bold);
    transform: translateX( 2px);
}
.blogitem-btn-readmore:hover > [class*=fa-]{
    margin-left: .35rem;
    box-shadow: var( --bs-box-shadow);
}
.blogitem-wrapper a{
    -webkit-transition:all 0.1s linear;
    transition:all 0.1s linear;
}
.blogitem-wrapper:hover a:not(.blogitem-btn-readmore),
.blogitem-wrapper a:not(.blogitem-btn-readmore):hover{
    color: var( --color-hover);
}
.blogitem-picture:hover .blogitem-picture-img{
    transform: scale(1.1);
}
/************************************************/
.home-blog-wrapper{
    padding-top: 3rem;
}
.home-blog-title{
    margin-bottom: 1.5rem;
  font-size: 21px;
  font-weight: bold;
  color: rgb(255, 255, 255);
}
.home-bloglist{
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}
/************************************************/
body.page-product-detail .footer-wrapper{
    margin-top: 0;
}
.product-detail-overview{
    padding-left: 0; padding-right: 0;
    margin-bottom: 2rem;
}
.covertext-productdetail{
    margin-bottom: 3rem;
}
.covertext-productdetail .covertext-title{
    text-transform: uppercase;
}
.prodduct-detail-overview-info{
    padding-left: 2rem;
}
.product-detail-title{
    font-size: 25px;
    text-transform: uppercase;
    line-height: 32px;
    color: var( --color-hover);
    margin-bottom: .35rem;
}
.product-detail-quote{
    margin-bottom: .75rem;
    font-size: 15px; line-height: 26px;
}
.product-detail-quote p{
    margin-bottom: .35rem;
}
.product-detail-quote-row{
    display: flex; flex-wrap: nowrap;
    align-items: center;
    margin-bottom: .5rem !important; 
}
.product-detail-quote-row-label{
    flex: 0 0 auto;
    width: 120px;
    font-weight: bold;
    font-size: 14px;
}
.product-detail-quote-row-value{
    flex: 0 0 auto;
    width: calc( 100% - 120px);
    padding-left: .75rem;
}
.product-detail-quote .product-detail-quote-img-ecad{
    display: inline-block;
    height: 40px !important;
    object-fit: contain;
    object-position: center;
    width: auto;
}
/************************************************/
.product-detail-hr{
    border-color: #666;
    opacity: 1;
    margin-top: 1.5rem;
}
.product-detail-price .product-item-price-active{
    font-size: 21px;
    font-weight: 500;
}   
.product-detail-price .product-item-price-orgi{
    font-size: 19px;
    font-weight: 300;
    margin-left: .75rem;
}
.product-detail-action-addtocart{
    margin-top: .25rem;
}
.product-detail-btn{
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: .5rem;
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    text-transform: uppercase;
}
.product-detail-btn-buynow{
    --bs-btn-bg: var( --color-hover);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var( --color-red);
    --bs-btn-hover-color: #fff;
}
.product-detail-btn-zalo,
.product-detail-btn-hotline{
    --bs-btn-bg: #fff;
    --bs-btn-color: var( --color-hover);
    --bs-btn-border-color: var( --color-hover);
    --bs-btn-hover-bg: var( --color-red);
    --bs-btn-hover-color: #fff;
    font-weight: bold;
    font-size: 15px;
}
/************************************************/
.slickjs-product-img-lg{
    margin-bottom: .75rem;
}
.prodduct-detail-img-img{
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: center ;
}
/************************************************/
.slickjs-product-img-thumb{
    padding-left: 45px;
    padding-right: 40px;
    position: relative;
    max-height: 60px;
    overflow: hidden;
}
.slickjs-product-img-thumb .slick-prev, 
.slickjs-product-img-thumb .slick-next{
    position: absolute; top: 50%; z-index: 9;
    transform: translateY( -50%);
    width: 30px; height: 30px;
    background-color: transparent;
    border: 1px solid var( --color-hover);
    color: var( --color-hover);
    border-radius: 6px;
}
.slickjs-product-img-thumb .slick-prev:hover, 
.slickjs-product-img-thumb .slick-next:hover{
    background-color: var( --color-red);
    border-color: var( --color-red);
    color: #fff;
}
.slickjs-product-img-thumb .slick-prev::before, 
.slickjs-product-img-thumb .slick-next::before{
    line-height: 24px;
    font-size: 17px;
}
.slickjs-product-img-thumb .slick-prev{
    left: .5rem;
}
.slickjs-product-img-thumb .slick-next{
    right: 0;
}
.prodduct-detail-imgthumb-img{
    margin: 0 .225rem;
    border: 1px solid var( --border-color);
    border-radius: .275rem;
    cursor: pointer;
    -webkit-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.prodduct-detail-imgthumb-img img{
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain;
    object-position: center;
    padding: .075rem;
    border: 1px solid #ccc;
}
.prodduct-detail-imgthumb-img.slick-current img{
    border-color: var( --color-red);
}
/************************************************/
.product-detail-content-wrapper{
    --bs-card-border-radius: .175rem;
    --bs-card-inner-border-radius: .175rem;
}
.product-detail-content-header{
    font-weight: bold; text-transform: capitalize;
    font-size: 16px;
}
/************************************************/
.product-detail-content-technology{
    padding: 0; margin: 1.5rem 0 0; list-style-type: none;
    display: flex; flex-wrap: wrap;
    border: 1px solid #ccc;
    font-size: 15px; line-height: 24px;
}
.product-detail-content-technology-line{
    flex:  0 0 auto;
    width: 50%;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    display: flex; flex-wrap: nowrap;
}
.product-detail-content-technology > li:nth-child(2),
.product-detail-content-technology > li:nth-child(1){
    border-top: none;
}
.product-detail-content-technology > li:nth-child( 2n + 1){
    border-left: none;
}
.product-detail-content-technology > li:nth-child( 4n),
.product-detail-content-technology > li:nth-child( 4n + 3){
    background-color: #f6f6f6;
}
.product-detail-content-technology-line-label,
.product-detail-content-technology-line-value{
    padding: .65rem .75rem;
}
.product-detail-content-technology-line-label{
    flex: 0 0 auto;
    width: 230px;
    font-size: 13px; line-height: 20px;
    font-weight: bold;
    padding-right: 1rem;
    border-right: 1px solid #ccc;
}
.product-detail-content-technology-line-value{
    flex: 0 0 auto;
    width: calc( 100% - 230px);
    padding-left: 1rem;
}
.product-detail-content-technology-line-contact{
    display: flex; flex-wrap: wrap;
    align-items: center;
}
.product-detail-content-technology-line-contact a{
    color: var( --color-hover);
}
.product-detail-content-technology-line-contact a:hover{
    color: var( --color-red);
}
.product-detail-content-technology-line-contact .btn{
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .175rem;
    --bs-btn-bg: var( --color-hover);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var( --color-red);
    --bs-btn-hover-color: #fff;
    text-transform: capitalize;
    margin-right: .5rem;
    font-size: 13px; line-height: 18px;
}

/************************************************/
/************************************************/
.about-text-wrapper{
    margin: 0 auto 3rem;
    max-width: 1000px;
}
.about-text-header{
    font-size: 37px;
    line-height: 1.5;
    margin-bottom: 1.5;
    text-transform: uppercase;
    font-weight: 900;
}
.about-post-service{
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 3rem;
    justify-content: center;
    margin-bottom: 3rem;
}
.about-box-item-picture{
    margin-bottom: 1rem;
    border-radius: .375rem;
    box-shadow: var( --bs-box-shadow-sm);
    overflow: hidden;
}
.about-box-item-img{
    display: block;
    width: 100%;
    aspect-ratio: 5/2.75;
    object-fit: cover;
    object-position: center top;
}
.about-box-item-title{
    font-size: 23px; text-transform: uppercase;
    font-weight: bold;
    color: var( --color-focus);
    margin-bottom: .5rem;
}
.about-brand-cover{
    margin-bottom: 1.5rem;
}
.about-brand-header{
    font-weight: 900;
}
.about-brand-list{
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 2rem;
    padding-bottom: 3rem;
}
.pageabout-brand{
    margin-bottom: 5rem;
}

/************************************************/
body.blogdetail{
    background-color: #f4f4f4;
}
body.blogdetail .footer-wrapper{
    margin-top: 0;
}
.blogdetail-container{
    max-width: 1000px;
    margin: 0 auto 3rem;
    background-color: #fff;
    padding: 2rem 3rem;
    border-radius: .375rem;
    box-shadow: var( --bs-box-shadow-sm);
}
.blogdetail-quote{
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: .75rem;
}
.blogdetail-other-wrapper{
    background-color: #fff;
    padding-top: 3rem;
    padding-bottom: 4rem;
}
/*********************************************************************
*********************************************************************/
.contact-info-wrapper{
    margin-bottom: 4rem;
}
.contact-info-dcontent,
.contact-info-wrapper{
    font-size: 15px;
    line-height: 24px;
}
.contact-info-title{
    color: var( --color-hover);
    font-size: 27px;
    line-height: 1.4;
    margin-bottom: .75rem;
    font-weight: 900;
}
.contact-info-dcontent{
    margin-bottom: .5rem;
}
.contact-info-dcontent p,
.contact-info-wrapper p{
    margin-bottom: .35rem;
}
.contact-info-wrapper .footer-title{
    margin-top: 0 !important;
    margin-bottom: 1rem;
}
.contact-info-label{
    font-weight: 900;
    font-size: 15px;
    text-transform: uppercase;
}
.contact-info-wrapper a:hover{
    color: var( --color-hover);
}
.footer-social-working{
    line-height: 28px;
}
.contact-info-wrapper .footer-social-link{
    color: var( --color-hover);
    border: 1px solid #ccc;
    border-radius: .275rem;
    font-size: 17px;
    width: 36px; height: 36px;
    line-height: 34px;
}
.contact-info-wrapper .footer-social-link:hover{
    background-color: var( --color-hover);
    color: #fff;
    transform: translateY(-2px);
}
/************************************************/
.contact-map-listname{
    padding: 0;
    list-style: none;
    margin: 0 -.35rem 1rem;
    display: flex; flex-wrap: wrap;
    align-items:center; justify-content: center;
}
.contact-map-item{
    flex: 0 0 auto;
    width: auto;
    padding: 0 .35rem; margin: .75rem 0 0; list-style-type: none;
}
.contact-map-item-btn{
    --bs-btn-color: var( --color);
    --bs-btn-bg: #eee;
    border-radius: .175rem;
    --bs-btn-font-size : 13px;
    --bs-btn-font-weight: 500;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--color-red);
    text-transform: uppercase;
}
.contact-map-item.active .contact-map-item-btn{
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-red);
}
.contact-google-maps{
    display: block;
    background-color: #f6f6f6;
}
.contact-google-maps > iframe{
    display: block;
    width: 100%;
    height: 520px;
    max-height: 65vh;
}
/************************************************/
.contact-form-container{
    margin-bottom: 5rem;
    padding-top: 3rem;
    max-width: 900px;
}
.contact-form-wrapper .error{
    margin: 5px 0 0;
    font-size: 13px; line-height: 20px;
    color: #f00;
}
.contact-form-wrapper .form-control{
    padding-top: .75rem;
    padding-bottom: .75rem;
    height: calc(3.75rem + calc(var(--bs-border-width) * 2));
    font-weight: 500;
}
.contact-form-wrapper textarea.form-control{
    height: 135px;
    resize: none;
}
.contact-form-wrapper label{
    text-transform: capitalize;
    font-size: 15px;
}
.contact-form-wrapper .form-floating > .form-control-plaintext ~ label::after, 
.contact-form-wrapper .form-floating > .form-control:focus ~ label::after, 
.contact-form-wrapper .form-floating > .form-control:not(:placeholder-shown) ~ label::after, 
.contact-form-wrapper .form-floating > .form-select ~ label::after{
    background: none;
}
.contact-form-wrapper .form-floating > .form-control-plaintext ~ label, 
.contact-form-wrapper .form-floating > .form-control:focus ~ label, 
.contact-form-wrapper .form-floating > .form-control:not(:placeholder-shown) ~ label, 
.contact-form-wrapper .form-floating > .form-select ~ label{
    color: var( --color);
    font-weight: 400;
}
.contact-form-wrapper .form-floating > .form-control-plaintext:focus, 
.contact-form-wrapper .form-floating > .form-control-plaintext:not(:placeholder-shown), 
.contact-form-wrapper .form-floating > .form-control:focus, 
.contact-form-wrapper .form-floating > .form-control:not(:placeholder-shown){
    padding-top: 2rem;
    padding-bottom: .5rem;
}
.contact-form-submit{
    --bs-btn-padding-y: .75rem;
    --bs-btn-color: #fff;
    --bs-btn-bg: var( --color-hover);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var( --color-red);
    font-size: 17px; font-weight: bold;
    text-transform: uppercase;
    line-height: 20px;
    min-width: 190px;
    border-radius: 38px;
}
.contact-form-submit.processing{
    pointer-events: none;
}
.contact-form-success{
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0;
    color: #000;
}
.contact-form-success p{
    margin-bottom: .5rem;
}
/************************************************/
body.page-product,
body.page-policy{
    background-color: #f2f2f2;
}
body.page-policydetail .header-wrapper{
    margin-bottom: 2rem;
}
.title-page-policy{
    font-size: 27px;
    line-height: 1.5;
}
.page-policy-container{
    max-width: 1000px;
    padding-top: 1rem;
}
.policy-list-wrapper > li,
.policy-list-wrapper{
    margin: 0; padding: 0; list-style-type: none;
}
.policy-list-wrapper > li{
    margin-bottom: 1rem;
}
.policy-title{
    position: relative;
    margin: 0;     padding: .75rem 45px .75rem 1rem;
    font-size: 17px; font-weight: 500;
    background-color: #fff;
    box-shadow: var( --bs-box-shadow-sm);
    border-radius: .275rem;
    overflow: hidden;
}
.policy-title,
.policy-title::after,
.policy-title a{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.policy-title:hover{
    background-color: var( --color-hover);
    color: #fff;
    transform: translateX( 10px);
}
.policy-title:hover a{
    color: #fff;
}
.policy-title::after{
    position: absolute; right: 1rem; top: 1.15rem; z-index: 1;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    content: "\f178";
    font-size: 17px;
}
.policy-item-wrapper{
    background-color: #fff;
    box-shadow: var( --bs-box-shadow-sm);
    border-radius: .275rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.policy-item-header{
    background-color: var( --color-hover);
    padding: .75rem 45px .75rem 1rem;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
}
.policy-item-header:hover{
    transform: none;
}
.policy-dcontent{
    padding: 1rem 1.5rem 1.5rem;
}
.policy-list-other .policy-title{
    background-color: #f9f9f9;
}
.policy-list-other .policy-title:hover{
    background-color: var( --color-hover);
}
/************************************************/
.product-filter-wrapper{
    background-color: var( --color-hover);
    padding-top: 3rem;
    padding-bottom: 4rem;
    margin-bottom: 2rem;
    color: #fff;
    font-size: 14px; line-height: 22px;
    font-weight: 400;
}
.product-filter-form{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.product-filter-form .form-control,
.product-filter-form .form-select{
    --bs-border-radius: .25rem;
    border: none;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
}
.product-filter-form-label{
    display: block;
    margin-bottom: .35rem;
}
.product-filter-form-btn{
    --bs-btn-bg: #fff;
    --bs-btn-color: var( --color-hover);
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-hover-bg: var( --color-red);
    --bs-btn-hover-color: #fff;
    font-size: 14px;
    line-height: 26px;
    font-weight: 500;
}
/************************************************/
.product-category-navitaion-sticky{
    top: 80px;
}
.product-category-navitaion-wrapper{
    margin: 0; padding: 0; list-style-type: none;
    background-color: #fff;
    border-radius: .375rem;
    padding: .75rem 1.5rem;
    box-shadow: var( --bs-box-shadow-sm);
    font-size: 15px;
    line-height: 20px;
}
.product-category-navitaion-item{
    margin: 0 0 .5rem; padding: 0 0 0 20px; list-style-type: none;
    position: relative;
}
.product-category-navitaion-itemlink{
    display: inline-block;
    padding-top: .15rem;
    padding-bottom: .15rem;
}
.product-category-navitaion-itemlink:hover{
    color: var( --color-hover);
}
.product-category-navitaion-item::before{
    position: absolute; left: 0; top: 7px; z-index: 1;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    content: "\f0c8";
    font-size: 13px;
}
.product-category-navitaion-item.active .product-category-navitaion-itemlink,
.product-category-navitaion-item.active{
    color: var( --color-hover);
}
.product-category-navitaion-item.active::before{
    content: "\f14a";
    font-weight: bold;
}
/* .product-category-navitaion-wrapper .product-category-navitaion-item:last-child{
    margin-bottom: 0;
} */
.product-category-navitaion-item--header{
    text-transform: capitalize;
    color: var( --color-hover);
    padding: 0;
    margin-bottom: .55rem;
}
.product-category-navitaion-item--header::before{
    display: none;
}
.product-content-wrapper{
    background-color: #fff;
    border-radius: .375rem;
    padding: .75rem 1.5rem;
    box-shadow: var( --bs-box-shadow-sm);
    min-height: 100%;
}
/************************************************/
.product-content-title{
    font-size: 19px; line-height: 28px;
    font-weight: bold;
    color: var( --color-focus);
}
.product-content-dcontent{
    margin-bottom: 1rem;
    font-size: 14px; line-height: 24px;
}
.product-content-dcontent p{
    margin-bottom: .5rem;
}
.product-content-counter{
    background-color: #eee;
    padding: .65rem .75rem;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    border-radius: .175rem;
    margin-bottom: 1.5rem;
}
/************************************************/
.product-list-wrapper{
    margin-bottom: 3rem;
    font-size: 13px; line-height: 20px;
    border: 1px solid #ccc;
}
.product-list-row{
    --color: #000;
    display: flex; flex-wrap: nowrap;
    margin: 0; padding: 0; list-style-type: none;
    border-bottom: 1px solid #ccc;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.product-list-wrapper .product-list-row:last-child {
    border-bottom: none;
}
.product-list-wrapper .product-list-row:nth-child(2n) {
    background-color: #f4f4f4;
}
.product-list-row > *{
    padding: .375rem .5rem;
    border-right: 1px solid #ccc;
}
.product-list-col-photo{
    flex: 0 0 auto;
    width: 90px;
}
.product-list-col-name{
    flex: 1 0 0;
    width: auto;
}
.product-list-col-brand{
    flex: 0 0 auto;
    width: 170px;
}
.product-list-col-model{
    flex: 0 0 auto;
    width: 120px;
    text-align: center;
}
.product-list-col-datasheet{
    flex: 0 0 auto; 
    width: 120px;
    border-right: none;
}
.product-list-row:hover{
    background-color: var( --bg-product) !important;
}
.product-list-row a{
    color: inherit;
}
.product-list-row a:hover{
    color: var( --color-red);
}
/************************************************/
.product-list-col-photo-img{
    display: block;
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: contain; object-position: center;
}
.product-list-col-model-img{
    display: block;
    height: 33px;
    width: 100%;
    object-fit: contain; object-position: center;
}
.product-list-name{
    margin: 0 0 0rem; padding: 0;
    font-size: 14px; font-weight: bold;
    line-height: 24px;
    color: var( --color-hover);
}
.product-list-quote{
    margin: 0 0 .25rem;
    --line-height: 24px;
}
.product-list-price{
    margin: 0;
}
.product-list-price .product-item-price-active{
    font-weight: 500;
}
.product-list-btn-addtocart{
    --bs-btn-padding-x: .5rem;
    --bs-btn-padding-y: .325rem;
    --bs-btn-bg: #fff;
    --bs-btn-color: var( --color-bold);
    --bs-btn-border-color: var( --color-bold);
    --bs-btn-border-radius: 32px;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var( --color-hover);
    --bs-btn-hover-border-color: var( --color-hover);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var( --color-hover);
    --bs-btn-active-border-color: var( --color-hover);
    font-size: 12px; line-height: 17px;
    font-weight: 400;
    text-transform: capitalize;
    width: 100%;
    box-shadow: var( --bs-box-shadow-sm);
    position: relative;
}
.product-list-btn-addtocart.active{
    position: relative;
    pointer-events: none;
    cursor: not-allowed;
}
.product-list-btn-addtocart.active [class*=fa-]::before{
    content: "\f058";
}
/************************************************/
.product-list-row--header{
    background-color: #DDD;
    font-weight: bold;
    font-size: 13px;
    text-transform: capitalize;
}
/************************************************/
/************************************************/
.prodduct-detail-other{
    margin-top: 5rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-top: 1px solid #ccc;
    background-color: #f2f2f2;
}
.product-list-wrapper--other{
    margin-bottom: 1rem;
}
/************************************************/
.covertext-productbrand{
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-bottom: 2rem;
}
/************************************************/
.product-brand-card{
    --bs-card-border-radius: .35rem;
    --bs-card-inner-border-radius: .35rem;
    margin-bottom: 1.5rem;
    box-shadow: var( --bs-box-shadow-sm);
}
.product-brand-card-header{
    font-weight: bold; text-transform: capitalize;
    font-size: 16px;
}
.product-brand-card-list{
    margin: 0 0 1rem; padding: 0 ; list-style: none;
    display: flex; flex-wrap: wrap;
    counter-reset: counter;
    font-size: 15px; line-height: 22px;
}
.product-brand-card-list-item{
    counter-increment: counter;
    margin: 1rem 0 0 0; padding: 0 .75rem;
    list-style-type: none;
    flex: 0 0 auto;
    width: 25%;
    display: flex;
}
.product-brand-card-list-item::before{
    counter-increment: section;
    content:counter( counter) ". ";
    padding-right: .35rem;
    min-width: 32px;
    font-weight: bold;
    font-size: 14px;
}
.product-brand-card-list-item:hover,
.product-brand-card-list-link:hover{
    color: var( --color-hover);
}
/************************************************/
/************************************************/
/************************************************/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.select2-container .select2-selection--single{
    height: auto;
}
.select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 0;
    padding-right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 100%;
    width: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color: rgb(0, 0, 0) transparent transparent transparent;
}
.select2-results__option--selectable{
    border-bottom: 1px solid #ddd;
    padding: .55rem .75rem;
    font-size: 14px; line-height: 20px;
}
/************************************************/
/************************************************/
.qty-wrapper{
    display: flex; flex-wrap: nowrap;
    border: 1px solid var( --border-color);
    border-radius: .375rem;
    overflow: hidden;
    max-width: 250px;
}
.qty-wrapper button{
    --bs-btn-padding-x: .5rem;
    --bs-btn-padding-y: 0;
    --bs-btn-bg: #3f3f3f;
    --bs-btn-color: #fff;   
    --bs-btn-border-width: 0;
    --bs-btn-border-radius: 0;
    --bs-btn-hover-bg: rgb(40, 40, 40);
    --bs-btn-hover-color: var( --color-red);
    font-size: 19px; font-weight: bold;
    width: 40px;
}
.qty-wrapper input{
    --bs-border-radius: 0;
    border: none;
    background: #313032;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 15px; line-height: 24px;
    width: calc( 100% - 80px);
    max-width: 100%;
}
.qty-wrapper input:focus{
    box-shadow: none;
    background: #313032;
    color: #fff;
}
.qty-wrapper:focus-within{
    border-color: rgb(193, 193, 193);
}
/************************************************/
/************************************************/
body.page-order{
    background-color: #eee;
}
.orderpage-container{
    --bs-gutter-x: 1.5rem;
    max-width: 900px;
    min-height: 23vh;
    margin: 3rem auto 0;
}
.order-title{
    font-size: 21px;
    line-height: 28px;
    font-weight: bold;
    text-transform: uppercase;
}
.order-alert-note{
    margin-bottom: 1.5rem;
    font-size: 13px; 
    line-height: 20px;
    color: var( --color);
    border-radius: .375rem;
}
.orderitem-wrapper{
    --width-img: 90px;
    padding: .65rem 1rem;
    margin-bottom: .75rem;
    border: 1px solid #ddd;
    border-radius: .375rem;
    background-color: #fff;
    display: flex; flex-wrap: wrap;
    align-items: center;
    color: #000;
    font-size: 13px; line-height: 20px;
}
.orderitem-wrapper p{
    margin-bottom: .15rem;
}
.orderitem-img{
    flex: 0 0 auto;
    width: var( --width-img );
    margin: 0;
}
.orderitem-product{
    flex: 0 0 auto;
    width: calc( 100% - var( --width-img ));
    padding-left: 1rem;
}
.orderitem-product-title{
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: var( --color-hover);
}
.orderitem-btn-remove{
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .175rem;
    --bs-btn-color: var( --bs-dark);
    --bs-btn-border-color: var( --bs-dark);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var( --bs-danger);
    --bs-btn-hover-border-color: var( --bs-danger);
    font-size: 14px; line-height: 22px;
    opacity: .5;
    min-width: 38px;
}
.orderitem-btn-remove:hover{
    opacity: 1;
}
.orderitem-product-price{
    display: flex;
}
.orderitem-product-price .product-item-price-percent{
    display: none;
}
.orderitem-product-price .product-item-price-active{
    font-size: 14px;
    margin: 0; font-weight: 500;
    color: #000;
}
.orderitem-product-price .product-item-price-orgi{
    margin-left: .5rem;
    font-size: 14px;
}
.orderitem-product-priceqty-price{
    font-size: 14px;
    margin: 0; font-weight: bold;
    color: var( --color-red);
}
.orderitem-product-priceqty-qty .qty-wrapper{
    --border-color: #ccc;
}
.orderitem-product-priceqty-qty .qty-wrapper input,
.orderitem-product-priceqty-qty .qty-wrapper button{
    background-color: #fff;
    color: #000;
    line-height: 26px;
}
.orderitem-product-priceqty-qty .qty-wrapper input{
    padding: .175rem .25rem;
    width: 55px;
    border-left: 1px solid var( --border-color);
    border-right: 1px solid var( --border-color);
    background-color: #f2f2f2;
}
.orderitem-product-priceqty-qty .qty-wrapper button{
    min-width: 36px;
}
.orderitem--footer{
    font-weight: bold;
    font-size: 15px;
    color: var( --color-red);
    margin-bottom: 1.75rem;
}
.orderitem--footer-label{
    text-align: right;
    padding-left: 1rem;
}
.orderitem--footer-total{
    min-width: 150px;
    text-align: right;
}
.orderitem-btn{
    --bs-btn-padding-x: .75rem;
    --bs-btn-padding-y: .5rem;
    --bs-btn-font-size: 13px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    min-width: 180px;
}
.orderitem-btn-submit{
    --bs-btn-bg: var( --color-hover);
    --bs-btn-border-color: var( --color-hover);
    --bs-btn-color: #fff;
    --bs-btn-hover-bg: var( --bs-danger);
    --bs-btn-hover-border-color:  var( --bs-danger);
    --bs-btn-hover-color: #fff;
}
.orderitem-btn-shopping{
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var( --color-hover);
    --bs-btn-color: var( --color-hover);
    --bs-btn-hover-bg: var( --bs-danger);
    --bs-btn-hover-border-color:  var( --bs-danger);
    --bs-btn-hover-color: #fff;
    margin-left: 1rem;
}
/************************************************/
.ordermain-wrapper{
    position: relative;
}
.orderitem-loading{
    position: fixed; left: 0; top: 0;
    z-index: 9999;
    width: 100vw; height: 100vh;
    background: rgba( 0,0,0,.25);
    overflow: hidden;
    text-indent: 110%;
    display: none;
    cursor: progress;
}
.orderitem-loading.processing{
    display: block;
}
.orderitem-loading::before{
    position: absolute; left: calc( 50% - 1rem); top: calc( 50% - 1rem);
    content: '';
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid var( --color-hover);
    border-right-color: transparent;
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
/************************************************/
.orderitem-payment-item{
    display: flex; flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1rem;
    position: relative;
}
.orderitem-payment-item.disabled{
    --color-red: #333;
    opacity: .35;
    pointer-events: none;
}
.orderitem-payment-item.disabled .orderitem-payment-item-label{
    background-color: #777;
    color: #fff;
    cursor: not-allowed
}
.orderitem-payment-item-input{
    position: absolute; left: 1rem; top: .75rem;
    overflow: 0; visibility: hidden;
}
.orderitem-payment-item-label{
    display: flex;
    align-items: center;
    width: 100%;
    padding: .5rem 1.5rem;
    border: 1px solid #eee;
    border-radius: 36px;
    box-shadow: var( --bs-box-shadow-sm);
    background-color: #f8f8f8;
    font-size: 15px; font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
}
.orderitem-payment-item-label img{
    flex: 0 0 auto;
    height: 30px;
    width: auto;
    aspect-ratio: 1/1;
    object-fit: contain; object-position: center;
    margin-right: .75rem;
    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
}
.orderitem-payment-item-input:checked + .orderitem-payment-item-label{
    border-color: var( --color-red);
    background-color: var( --color-red);
    color: #fff;
}
.orderitem-payment-item.disabled .orderitem-payment-item-label img,
.orderitem-payment-item-input:checked + .orderitem-payment-item-label img{
    filter: brightness(0) invert(1);;
}
.orderitem-card .card-header{
    font-weight: bold;
    text-transform: capitalize;
    font-weight: bold;
    color: #fff;
    background-color: var( --color-hover);
}
.orderitem-card-customer .form-label{
    display: block;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 .15rem;
    text-transform: capitalize;
}
.orderitem-card-customer .form-select{
    font-size: 14px;
    line-height: 22px;
}
.orderitem-card-payment .error,
.orderitem-card-customer .error{
    font-size: 13px;
    color: var( --color-red);
    display: block;
    margin-top: .25rem;
    margin-bottom: 0;
}
.orderitem-card-customer-confirm .form-label{
    font-weight: bold;
    font-size: 13px; line-height: 18px;
    margin-bottom: 0;
}
.orderitem-quote{
    background-color: #eee;
    margin-top: .75rem;
    padding: .75rem 1rem;
    border-left: 5px solid var( --color-red);
    font-size: 14px; line-height: 22px;
}
.orderitem-card{
    font-size: 15px; line-height: 25px;
}
/************************************************/
.orderitem--header{
    background-color: #EEE;
    font-weight: 500;
    margin-bottom: 0;
    border-bottom: none !important;
}
.orderitem-wrapper-confirm{
    padding-top: .75rem;
    padding-bottom: .75rem;
    margin: 0;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;   
    align-items: flex-start;
}
.orderitem-wrapper-confirm p{
    margin-bottom: .35rem;
}
.orderitem-wrapper-confirm .orderitem-product-title{
    font-size: 14px; --line-height: 20px;
}
.orderitem-wrapper-confirm .orderitem-product{
    display: flex; flex-wrap: wrap;
}
.orderitem-wrapper-confirm .orderitem-product-info{
    width: calc( 100% - 110px - 150px );
}
.orderitem-product-qtyamount{
    width: 260px;
    display: flex; flex-wrap: wrap;
}
.orderitem-qty{
    flex: 0 0 auto;
    width: 110px;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: right;
    font-weight: bold;
}
.orderitem-amount{
    flex: 0 0 auto;
    width: 150px;
    text-align: right;
    font-weight: bold;
}
.orderitem-wrapper-confirm.orderitem--footer{
    font-weight: bold;
    color: var( --color-red);
    background-color: var( --bs-primary-bg-subtle);
    border-bottom: none;
}
/************************************************/
.orderitem-card-confirm .card-header{
    background-color: var(--bs-card-cap-bg);
    color: var( --color);
}
/************************************************/
/************************************************/
.btn-mobilenavigation {
    --bs-btn-padding-y: 0;
    --bs-btn-padding-x: .55rem;
    --bs-btn-hover-color: var(--color-hover);
    --bs-btn-border-color: #ddd;
    --bs-btn-color: #333;
    --bs-offcanvas-bg: var( --bs-light);
    font-size: 18px;
    aspect-ratio: 1/1;
}

.offcanvasMobileNavigation {
    --color: #000;
    --bs-offcanvas-padding-y: .75rem;
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
}

.offcanvasMobileNavigation-header {
    --logo-height: 35px;
    border-bottom: 1px solid #ddd;
    background-color: #eee
}

.offcanvasMobileNavigation-title {
    font-weight: bold;
    text-transform: capitalize;
    font-size: 19px;
    line-height: 1.3;
}
.mobilenavigation-search{
    margin-left: calc( -1 * var( --bs-offcanvas-padding-x) );
    margin-right: calc( -1 * var( --bs-offcanvas-padding-x) );
    padding: 1rem var( --bs-offcanvas-padding-x);
    margin-bottom: 1rem;
    background-color: var( --color-bold);
    
}
.mobilenavigation-search .header-form-container{
    border-radius: .375rem;
}
.mobilenavigation-navlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mobilenavigation-navitem {
    padding-bottom: .75rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid #ddd;
}

.mobilenavigation-navlist>.mobilenavigation-navitem:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.mobilenavigation-navitem-img {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
}

.mobilenavigation-navitem-img>img {
    flex: 0 0 auto;
    width: 30px;
}

.mobilenavigation-navitem-caption {
    flex: 0 0 auto;
    width: calc(100% - 30px);
    padding-left: .75rem;
}

.mobilenavigation-navlink {
    display: block;
    transition: all 0.3s ease;
}

.mobilenavigation-navlink:hover {
    color: var(--color-focus);
    transform: translateX(5px);
}

/*********************************/
.mobilenavigation-navitem input.form-check-input {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
}

.mobilenavigation-navitem-label {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    align-items: center;
}
.mobilenavigation-navitem-label,
.mobilenavigation-navitem-link{
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
    font-size: 15px;
}
.mobilenavigation-navitem-link{
    padding-top: .5rem;
    padding-bottom: .5rem;
    display: block;
}
.mobilenavigation-navitem-label:hover,
.mobilenavigation-navitem-link:hover{
    color: var( --color-hover);
}
.mobilenavigation-navitem label {
    cursor: pointer;
}

.mobilenavigation-navitem-label a {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 40px);
    padding-right: 1rem;
}

.mobilenavigation-navitem-label-arrow {
    margin-left: auto;
    width: 40px;
    padding: .35rem 0;
    flex: 0 0 auto;
    cursor: pointer;
    text-align: center;
}

.mobilenavigation-navitem input.form-check-input:checked+.mobilenavigation-navitem-label {
    color: var(--color-red);
}

.mobilenavigation-navitem input.form-check-input:checked+.mobilenavigation-navitem-label .fa-solid::before {
    content: "\f0d8";
}

.mobilenavigation-navitem input.form-check-input:checked+.mobilenavigation-navitem-label+.mobilenavigation-navsub {
    max-height: 1000px;
}

.mobilenavigation-navsub {
    padding-left: 0;
    display: block;
    list-style-type: none;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.35s ease-in-out;
    transition: max-height 0.35s ease-in-out;
}

.mobilenavigation-navsub-item {
    position: relative;
    margin-top: .5rem;
    margin-bottom: .5rem;
    padding-left: 30px;
}

.mobilenavigation-navsub-item-bold {
    font-weight: bold;
    margin-top: .55rem;
    margin-bottom: .55rem;
    padding-left: 15px;
}

.mobilenavigation-navsub-item::before {
    position: absolute;
    left: 12px;
    top: 8px;
    z-index: 1;
    display: block;
    width: 15px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f111";
    font-size: 7px;
    font-family: 'Font Awesome 5 Free';
    color: #000;
    transition: all .3s ease-in;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
}

.mobilenavigation-navsub-item-bold::before {
    left: 0;
}

.mobilenavigation-navsub-item a:hover {
    color: var(--color-focus);
}

.mobilenavigation-navitem--nonavsub .mobilenavigation-navlink {
    padding-top: .45rem;
    padding-bottom: .45rem;
}

/***************************************/
.mobilenavigation-navsub-productbrand {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.75rem;
}

.mobilenavigation-navsub-productbrand .mobilenavigation-navsub-item {
    list-style-position: inside;
    flex: 0 0 auto;
    width: 50%;
    padding-right: .75rem;
    margin-top: .25rem;
    margin-bottom: .25rem;
}

/***************************************/
.mobilenavigation-navitem--search {
    padding-top: .5rem;
}
.mobilenavigation-navitem--search .header-form-container{
    background-color: var( --color-hover);
    padding: .25rem .25rem .25rem .75rem;
    border-radius: .375rem;
}
/************************************************/
/************************************************/
/************************************************/