/* Edit On Template*/
@media screen and (max-width: 768px){
	:root {
		font-size:14px;
	}
}
:root {
	--wdth-100:130px;
}

body{
	background-color: rgba(var(--color-secondary-rgb), 0.05);
}
html:lang(ar) .bi-telephone {
    transform: rotateY(180deg);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	margin-bottom: 0;
}
h1{
	text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
}
ul{
	list-style-type: none;
}
.bi::before{
	vertical-align: -0.25em;
}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: 1140px;
	}
}
.fixed-top {
    position: unset;
}
header{
	background: var(--color-white);
    border-bottom: 1px solid rgba(var(--color-secondary-rgb), 0.05);
}
.header .logo img {
    max-height: 30px;
}

.breadcrumbs{
	background: var(--color-white);
}
section {
    padding: 30px 0;
}
.footer .footer-content h4{
	color:#ede137;
}
.footer .footer-content h4::after{
	width:40px;
}
.footer .footer-content .footer-links ul a{
	color:#fff;
	font-size:16px !important;
}
@media (max-width: 1279px){
	.mobile-nav-toggle {
		font-size: 40px;
	}
	.mobile-nav-toggle.bi-list{
		position:unset;
	}
}
@media (min-width: 1280px){
	.header .headerx1 {
		margin-bottom: 15px 
	}
	.header {
		padding: 15px 0 0 0 ;
	}
}

/* Header */
::-webkit-scrollbar{
	width:15px;
}
::-webkit-scrollbar-track{
	background-color:#fff;
}
::-webkit-scrollbar-thumb{
	background-color:var(--color-primary-dark) !important;
}
::-webkit-scrollbar-thumb:hover{
	background-color:var(--color-primary-light) !important;
}
@media (max-width: 1279px){
	.headerx1{
		max-width:100%;
	}
}
/* Search Modal */
#SearchModal{
	margin-top: 60px;
}
#SearchModal::-webkit-scrollbar {
  display: none;
}
.modal-header{
    border-bottom: 0px solid #009688;
}
._Xd {
    position: relative;
    margin: 0 auto;
	text-align: center;
}
._Xi {
    width: 100% !important;
    margin: 0px 0 30px 0;
    height: 60px;
}
._searchBTN{
	width: 230px;
}
/* Home Page */
.home-page .catHub{
	display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
@media (min-width: 960px){
	.home-page .catHub{
		max-width:100%;
	}
}
@media (min-width: 1280px){
	.home-page .catHub{
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	}
}
.home-page .catBox{
	background: #fff;
}
.home-page .catBox h2{
	border-bottom: 2px solid #f4f6fb;
}
.home-page .catBox li{
	
}
/* Filter Bar*/
._Filterw{
	min-width: 15%;
}
._FilterItem {
    width: auto;
    min-width: 15%;
}
.offcanvas .MenuItem{
	border-bottom:1px solid #f9f9f9;
	padding:5px;
	font-size: 1.15rem!important;
}
#Modal_x2 .modal-dialog{
	background: #fff;
	margin: 50px auto;
	width:320px;
	text-align: center;
	height: auto;
}
#Modal_x2 button{
    min-width: 86px;
    margin-bottom: 10px;
    color: #fff;
}
@media (max-width: 992px){
	._FilterItem {
		min-width: 25%;
	}
	._Filterw{
		min-width: 100%;
		margin-bottom: 12px;
	}
	.offcanvas{
		width:60% !important;
		z-index: 9999;
	}
	.offcanvas .MenuItem{
		font-size: 1rem!important;
	}
}
@media (max-width: 567px){
	._FilterItem {
		min-width: 50%;
	}
}
@media (max-width: 320px){
	._FilterItem {
		min-width: auto;
	}
}
.btnFilter::after {
    display: inline-block;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
	margin: -0.2em 0.5em;
    font-size: 20px;
    color: #888;
}
/* Show Items */
._itemBox ._boxHeader{
	border-bottom: 1px solid #f5f6f7;
}
._itemBox ._boxFooter{
	border-top: 1px solid #f5f6f7;
}
/* Company Details & Customer Service page*/
.wdth-100{
	min-width:var(--wdth-100);
}
.pr-100{
	padding-right:var(--wdth-100);
}
.pl-100{
	padding-left:var(--wdth-100);
}
.whatsapp{
	color: #19ad25 !important;
    direction: ltr;
}
.Social{
	padding: 2px 0 2px 10px;
}
.Social i::before{
	vertical-align: -0.15em;
}
._phone{
	max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	direction: ltr;
	cursor: pointer;
}
/* I Classes*/
._rtl{direction: rtl!important;}
._ltr{direction: ltr!important;}
._flexCenter{
	display: flex!important;
	align-items: center!important;
}

._sbi{
	background: #f9f9f9;
    padding: 3px 7px;
    border-radius: 6px;
}
@media (min-width: 1280px){
	.m-only{
		display:none;
	}
}