html,body,h1,h2,h3,h4{font-family:'El Messiri',sans-serif;}
body{background-color:#f3f3f3;font-size:17px;}
.container{direction: rtl;}
h2{font-size:18px;font-weight:bold;}
.pro__detl__title h2{font-size:26px;direction: rtl;text-align: right;}
.form-group{margin-bottom:10px;}
.form-group label{font-weight:bold;font-size:13px;margin-bottom: 2px;}
h3{font-size:16px;font-weight:bold;}
p,a{font-size:16px;}
h4{font-size:18px;}
.otherp{font-size:20px;font-weight:bold;margin-bottom:20px;text-align: right;direction: rtl;}
.error{color:#ed1f24;}
.badge{font-size:16px;font-weight:normal;margin-bottom:5px;}
.form-control{border-color:#757575;}

.product{padding-left:10px;padding-right:10px;}
.tlogo{border-radius:0px 0px 8px 8px;}
.product:hover a{text-decoration:none;}
.pgrid{background-color: #fff;margin-bottom:20px;border-radius:6px;}
.pgrid,.pgrid .pimage{position:relative;overflow: hidden;}
.pgrid{text-align:center;overflow:hidden;z-index:1;}
.pgrid .pimage img{width:100%;height:auto;}
.pgrid .pimage:hover img {
    -webkit-transform: rotate(-3deg) scale(1.20);
    -ms-transform: rotate(-3deg) scale(1.20);
    transform: rotate(-3deg) scale(1.20);
    -webkit-transition: -webkit-transform .7s;
    transition: transform .7s;
}
.discount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: 5px;
    padding: 8px 5px 9px 1px;
    height: .5333rem;
    background-color: #eb2e28;
    color: #fff;
    text-align: center;
    border-radius: 0 .5333rem .5333rem 0;
    z-index: 2;
}
.discount .disBox {
    text-align: center;
    display: block;
    overflow: hidden;
    font-size: 14px;
}
.discount .disper {
    color: #fff;
    font-weight: 400;
}
.discount .disoff {
    font-style: normal;
    margin-top: .0533rem;
    white-space: nowrap;
    line-height: 1;
    text-transform: uppercase;
}
.freediv{ 
	left:auto;
	right:0; 
	border-radius: .5333rem 0 0 .5333rem; 
	padding: 7px 3px 11px 6px;
	bottom: 5px;top: auto;
	background-color:#459a44;
}
.pgrid .psold, .pgrid .pfreed{color:#fff;font-size:10px;text-transform:uppercase;border-radius:0 2px 2px 0;position:absolute;left:0pxtop:0px;transition:all .3s;background-color:rgba(215, 41, 42, 0.8);padding:2px 4px;}
.pgrid .pfreed{border-radius:2px 0 0 2px;left:auto;right:0;bottom:0;top:auto;background-color:rgba(0,153,51,.8);}
.prodbox{overflow:hidden;}

.pgrid .pcontent{padding:8px 15px;}
.pgrid .title{
	color:#222;
	text-align:right;
	height: 45px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	font-weight:normal;
    font-size: 18px;
    direction: rtl;
}
.pgrid .price{color:#28a745;font-size:17px;text-align:right;font-family:'El Messiri',sans-serif;font-weight:700;direction: rtl;}
.pgrid .price span{color:#555;font-size:13px;font-weight:bold;letter-spacing:0;text-decoration:line-through;text-align:right;ertical-align:middle;display:inline-block;}
.pgrid .svat{font-size:10px; color:#666;font-weight:bold;text-align:left;}
.extraoff{font-size:13px; color:#007bff;font-weight:bold;}

.procats{padding:13px 10px;text-align:center;width:100%; overflow:auto;  white-space: nowrap;direction: rtl;}
.procats a{margin:0 7px 10px 7px;padding:0 2px 0 5px;display:inline-block; cursor:pointer;color:#222;}
.procats a:hover{text-decoration:none; border-bottom:1px solid #222!important;}
.procats a.active{border-bottom:1px solid #222!important;}

footer{ background-color:#fff;text-align: right;}
footer h4{font-size:16px;border-bottom:1px solid #dee2e6;padding-bottom:10px;padding-left:5px;font-weight:bold;}
.fdetail{padding:5px;}
.list-item{list-style:none;padding:5px;}
.list-item li{padding-bottom:10px;}
.list-item li a{display:block;}

.ptitle{display:block;font-size:18px;font-weight:bold;width:100%;direction: rtl;text-align: right;}
.dealItem{ border-radius:8px; overflow:hidden;}
.invoice {background-color: #fff;padding:10px 5px; border-radius:8px;margin:0 5px;direction: rtl;text-align: right;}
.prodcol{background-color: #fff;padding:15px 10px; border-radius:8px;}
.fake-input {position: relative;}
.fake-input .form-control {padding-left: 65px;}
.fake-input img {position: absolute;top: 34px;left: 5px;}
.fake-input span.code {position: absolute;top: 34px;left: 29px;font-size: 14px;color: #555;font-weight: bold;}

.itemsleft,.free-dev{top:5px;left:0;color:#fff;position:absolute;z-index:22;background-color:#eb2e28;border-radius:0 7px 7px 0;padding: 1px 3px 0 1px;font-size: 12px;}
.free-dev{background-color:rgba(0,153,51,.8);right:0px;left:auto;top:auto;bottom:0px;border-radius:2px 0 2px 0;}

#countbox{position:absolute;right:0px;top:0px;border-radius:2px;color:#333;overflow:hidden;background:#fff;}
#countbox .dtx{display:inline-block;text-align:center;border-left:1px solid #fff;font-weight:bold;}
#countbox .dtx:first-child{border-left:0;}
#countbox .dgt{clear:both;display:block;padding:0px 2px 2px;font-size:14px;background:#666;color:#fff;}
#countbox .txt{font-size:10px;padding:2px 4px;}

.detailtxt {background: #fff; border-radius:8px;padding:6px;direction: rtl;text-align: right;}
.dealItem .text{padding:5px 15px 10px;background: #fff;position:relative;direction: rtl;text-align: right;}
.dealItem .text h2{line-height:normal;font-size:16px;color:#000;margin: 5px 0 0;}
.dealItem .price strong {color: #28a745;font-size: 25px;}
.dealItem .price span {text-decoration: line-through !important;color: #666;}
.dealItem .pfimage img { width: 100%; height:auto; }

.otherimg{margin:0 auto;text-align:center;padding-top:10px;background-color:#fff;}
.otherimg img{max-width:80px;margin:2px;border:1px solid #666;border-radius:2px;overflow:hidden;cursor: pointer;}
.otherimg img.active{border-color:#f42773 !important;}
.prosold{float:right;margin:5px 0 0;padding:0;color:#0084ff;font-size:18px;}
.pdetailsi{direction: rtl;text-align: right;}
.pdetailsi h4{font-size:15px;font-weight:bold;}

@media only screen and (max-width:990px){
	.container{width:100%;}
	.container{max-width:none;}
	.product{padding-left:5px;padding-right:5px;}
}

@media only screen and (max-width:768px){
	.container{max-width:none;}
	.dealimgs{padding-left:0;padding-right:0;}
	.tlogo img{width:120px;}
	.tlogo{margin-bottom:10px !important;}
	.ptitle{padding:4px !important;}
	.pro__detl__title h2, .pro__detl__title p{text-align:center;}
	.dealItem{ margin:1px 5px 10px 5px;}
	.prodcol{margin:1px 5px 10px 5px;}
	.detailtxtcol{margin:1px 5px 10px 5px;padding:0;}
}

@media only screen and (max-width:576px){
	.container{max-width:none;}
	.procats span{font-size:14px; margin:0 2px 10px 2px;}
}
#btnfrmsubmit{text-transform: uppercase;}
.wg-default,.wg-default .country-selector{
    right:inherit!important;
    left:15px!important;
}
.text-left{text-align: right!important;}
.float-button svg {
    position: absolute;
    right: 10px;
    top: 11px;
    width: 25px;
    height: 24px;
}
.float-button svg path {
    fill:#fff;
}
.float-button {
    cursor:pointer;
    width:50px;
    height:50px;
    border-radius:50%;
    background: linear-gradient(to bottom, #57CE62, #1FA032);
    text-align:center;
    position: fixed;
    bottom: 1.7rem;
    right: 1.8rem;
    border:2.5px solid #fff;
    box-shadow: 1px 1px 10px 1px #333;
    z-index: 1;
}

.float-whatsapp {
    cursor:pointer;
    width:50px;
    height:50px;
    border-radius:50%;
    background: linear-gradient(to bottom, #57CE62, #1FA032);
    text-align:center;
    position: fixed;
    bottom: 1.7rem;
    left: 1.8rem;
    border:2.5px solid #fff;
    box-shadow: 1px 1px 10px 1px #333;
}

.float-whatsapp i {
    color:#fff;
    z-index:99;
    line-height:50px;
    font-size:150%;
}

.chat-icon{
    bottom: 80px;
    background: #262626;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    width: 110px;
    color: white;
    height: 35px;
    padding: 5px;
    text-align: center;
    animation: pulse 2s infinite;
}