/*
 * Snap Solutions store base styles.
 * Replaces the 585 KB vendor.css on store pages with only what they use:
 * a Bootstrap 3 style reset/base and the Font Awesome 5 icons used for social and contact links.
 * Generated from vendor.css; to add an icon, copy its ".fa-NAME:before{content:...}" rule from vendor.css.
 */
*,*:before,*:after{box-sizing:border-box}
html,body{height:100%}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{margin:0;direction:rtl;font-family:Cairo,'Droid Arabic Kufi',sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
[hidden],template{display:none}
a{background-color:transparent;color:#3c8dbc;text-decoration:none}
a:active,a:hover{outline:0}
b,strong{font-weight:700}
small{font-size:85%}
img{border:0;vertical-align:middle}
svg:not(:root){overflow:hidden}
hr{height:0;margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;margin:4px 0 0;line-height:normal}
input[type=search]{-webkit-appearance:none}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1,h2,h3{margin-top:20px;margin-bottom:10px}
h4,h5,h6{margin-top:10px;margin-bottom:10px}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:18px}h5{font-size:14px}h6{font-size:12px}
p{margin:0 0 10px}
ul,ol{margin-top:0;margin-bottom:10px}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.form-group{margin-bottom:15px}
.has-feedback{position:relative}
.select-none{-webkit-user-select:none;user-select:none}
@font-face{font-family:'SaudiRiyalSymbol';font-display:swap;src:url('../fonts/saudi-font-files/saudiriyalsymbol.ttf') format('truetype')}
.font-saudi-symbol,.tw-font-semibold,.display_currency{font-family:SaudiRiyalSymbol,sans-serif!important}
::-webkit-scrollbar{background-color:#f5f5f5;width:12px}
::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}
::-webkit-scrollbar-thumb{background-color:#a8a8a8;border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}

/* Font Awesome 5 (subset) */
@font-face{font-display:swap;font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2) format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff) format("woff")}
@font-face{font-display:swap;font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2) format("woff2"),url(../fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff) format("woff")}
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fab{font-family:"Font Awesome 5 Brands";font-weight:400}
.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
.fa-facebook:before{content:"\f09a"}
.fa-facebook-f:before{content:"\f39e"}
.fa-facebook-square:before{content:"\f082"}
.fa-instagram:before{content:"\f16d"}
.fa-twitter:before{content:"\f099"}
.fa-twitter-square:before{content:"\f081"}
.fa-tiktok:before{content:"\e07b"}
.fa-snapchat:before{content:"\f2ab"}
.fa-snapchat-ghost:before{content:"\f2ac"}
.fa-snapchat-square:before{content:"\f2ad"}
.fa-youtube:before{content:"\f167"}
.fa-linkedin:before{content:"\f08c"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-whatsapp:before{content:"\f232"}
.fa-whatsapp-square:before{content:"\f40c"}
.fa-telegram:before{content:"\f2c6"}
.fa-telegram-plane:before{content:"\f3fe"}
.fa-pinterest:before{content:"\f0d2"}
.fa-pinterest-p:before{content:"\f231"}
.fa-google:before{content:"\f1a0"}
.fa-apple:before{content:"\f179"}
.fa-android:before{content:"\f17b"}
.fa-google-play:before{content:"\f3ab"}
.fa-app-store:before{content:"\f36f"}
.fa-app-store-ios:before{content:"\f370"}
.fa-globe:before{content:"\f0ac"}
.fa-link:before{content:"\f0c1"}
.fa-plus:before{content:"\f067"}
.fa-print:before{content:"\f02f"}
.fa-phone:before{content:"\f095"}
.fa-phone-alt:before{content:"\f879"}
.fa-envelope:before{content:"\f0e0"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-location-arrow:before{content:"\f124"}
.fa-clock:before{content:"\f017"}
.fa-check:before{content:"\f00c"}
.fa-times:before{content:"\f00d"}
.fa-search:before{content:"\f002"}
.fa-shopping-cart:before{content:"\f07a"}
.fa-user:before{content:"\f007"}
.fa-star:before{content:"\f005"}
.fa-heart:before{content:"\f004"}
.fa-home:before{content:"\f015"}
.fa-store:before{content:"\f54e"}
.fa-cash-register:before{content:"\f788"}
.fa-barcode:before{content:"\f02a"}
.fa-qrcode:before{content:"\f029"}
.fa-tools:before{content:"\f7d9"}
.fa-headset:before{content:"\f590"}
.fa-truck:before{content:"\f0d1"}
.fa-shield-alt:before{content:"\f3ed"}
.fa-chart-line:before{content:"\f201"}
.fa-external-link-alt:before{content:"\f35d"}
.fa-arrow-left:before{content:"\f060"}
.fa-arrow-right:before{content:"\f061"}
.fa-chevron-left:before{content:"\f053"}
.fa-chevron-right:before{content:"\f054"}
