*{margin:0; padding:0; box-sizing:border-box;}
html, body { font-family:"Google Sans", sans-serif; font-size:1rem; color:#333; margin:0; padding:0; }
.red{ color:#BB050F}
.orange{ color:#df9927}
.blue{ color:#0072CE}
section{float:left; width:100%;}

header{float:left; width:100%; background:#ffffff; padding:1rem 2rem;}
header a.logo{float:left; width:auto;}
#languageSwitcher{float:right; margin-top:10px; }
.hero-banner{float:left; width:100%; padding:0;}
.coupon-listing{float:left; width:100%; padding:2rem 0;}
.coupon-listing a{float:left; width:100%; text-decoration:none; }
.coupon-listing .img-box{float:left; width:100%;}
.coupon-listing a span{float:left; width:100%; text-decoration:none; color:#BB050F;}

.footer{float:left; width:100%; text-align:center;} 
.footer-inside{float:left; width:100%; color:#7A7A7A;  background:url("../images/m-strip.png") repeat-x bottom #F3F3F3; background-size:auto 60px; padding:2rem 2rem 5rem;}
.footer-bottom{float:left; width:100%; padding:1rem 0;}
.footer-bottom a{color:#0072CE; font-weight:500; font-size:1.2rem; font-weight:500;}
.footer-bottom a.ar{display: none;}
body.lang-ar .footer-bottom a.en{display: none;}
body.lang-ar .footer-bottom a.ar{display: inline-block;}


/* body.lang-en { direction: ltr; text-align: left; }  */
body.lang-ar { font-family: "Noto Kufi Arabic", sans-serif;}


@media only screen and (max-width: 991px) {
    header{padding:1rem;}
    header a.logo img{height:40px;}
    #languageSwitcher{margin-top:0;}
    .coupon-listing .col-12{margin-bottom:1rem;}
}