@charset "utf-8";
:root{--bs-breadcrumb-divider:' > ';--bs-list-group-active-bg:#dee2e6;--bs-list-group-active-border-color:#dee2e6}
html,body{font-size:.95rem;font-family: Tajawal,Helvetica,Arial,sans-serif}
textarea::placeholder,input::placeholder{ opacity:0.5!important}
fieldset{border:1px solid #dee2e6;padding:5px 12px 10px 12px;border-radius:5px}
legend{float:none;width:inherit;font-size:1.2rem;color:#aaa; padding-inline-start:6px; padding-inline-end:6px}
a,a:visited{color:#555;text-decoration:none}a:hover{color:#000}
header{color:#fff}
header .nav-item:hover{background-color:#f4f7ff}
h1{font-size:1.6rem;margin-bottom:1.2rem;border-bottom:1px solid #ddd}
.header-top{background-color:#007fbf;color:#fff}
.dropdown-toggle{color:#fff!important}
.header-top span[class^='icon-']{font-size:1.05rem}
.header-mid{background-color:#007fbf}
.header-mid span[class^='icon-'],.big-icon{font-size:1.4rem}
.header-btm{background-color:#212529}
.footer-top{background-color:#f7f7f7;border-bottom: 1px solid #e2e2e2;border-top: 1px solid #e2e2e2}
.footer-btm{background-color:#007fbf;color:#e7e7e7;box-shadow: 0 0 1px #000}
.nav-link{font-weight:600;color:#fff!important}
.nav-item:hover .nav-link, .nav-link:hover{color:#666!important}
.nav-tabs .nav-item,.nav-tabs .nav-item .nav-link{color:#666!important}
.price{font-size:1.3rem;color:#f00;font-weight:600}
.price2{font-size:2.6rem;color:#f00;font-weight:600}
.card-body a.btn{color:#fff}
.list-group>.active{background-color:#777!important;border-color:#dee2e6!important}
.list-sm-img{width:25%!important; cursor:pointer}
.free-shipping{border-radius:25px;font-size:1.2rem;padding:.2rem 3rem;color:#444}
.btn-add-cart{font-weight:600}
.input-qty{width:3rem;text-align:center}
.red-star{font-size:1.2rem;font-weight:700;color:#f00;margin-left:4px}
.qty{font-size:1.4rem;margin-left:7px}
footer h5{font-weight:600}
.btn-add-cart{background-color:#bd0000!important}
.btn-add-cart:hover{background-color:#d94d00!important}
@media only screen and (min-width:768px){
	.home-card{padding-right:2rem}
	.home-card>div{width:31%;margin:0 0 1rem 1rem}
	.navbar-nav .nav-link{margin:auto 3rem}
	.navbar{padding:0!important}
	.nav-item{padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}
	.container-btn-add-cart{width:50%;padding:20px 3px}
}
@media only screen and (max-width:767px){
	.container-search-form{margin-top:3.7rem}
	.home-card>div{width:98%;margin:1rem}
	.navbar{position: fixed;top: 0;left: 0;right: 0;z-index: 1030;background-color:#007fbf;--bs-navbar-padding-y:.05rem!important}
	.icon-size2{font-size:1.2rem}
	#navbarCollapse{margin:1rem auto}
	.dropdown-toggle{color:#000!important;font-weight:600}
	.navbar-brand{color:#fff!important;font-size:1.1rem}
	.navbar-brand-xs{font-size:.9rem;color:#fff}
	.container-btn-add-cart{width:100%;padding:7px 3px;position: fixed;left: 0;bottom: 0;right: 0;z-index: 1030;background-color:#ddd}
	.footer-mb{margin-bottom:3rem}
	.form-control{min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));padding: 0.25rem 0.5rem;font-size: .875rem;}
}
span[class^='icon-']{display:inline-block;height:1em;width:1em;vertical-align:-0.125em;background-size:contain;margin:0 calc(.5rem / 4);cursor:pointer}span[class^='icon-'].secondary{-webkit-filter:invert(40%);filter:invert(40%)}span[class^='icon-'].inverse{-webkit-filter:invert(100%);filter:invert(100%)}
span.icon-mail{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z'%3E%3C/path%3E%3Cpolyline points='22,6 12,13 2,6'%3E%3C/polyline%3E%3C/svg%3E")}span.icon-search{transform: none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")}span.icon-cart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E")}span.icon-contact{background-image:url("/images/svg/person-circle.svg")}span.icon-pin-map{background-image:url("/images/svg/pin-map-fill.svg")}span.icon-telephone{background-image:url("/images/svg/telephone-inbound-fill.svg")}span.icon-trash{background-image:url("/images/svg/trash.svg")}span.icon-exclamation{background-image:url("/images/svg/exclamation-triangle-fill.svg")}span.icon-return-right{background-image:url("/images/svg/arrow-return-right.svg")}