* {box-sizing:border-box; padding:0; margin:0 auto; outline:0; border:0 none; font-family:'Heebo', Impact, sans-serif;}
html {font-size:18px; direction:rtl; min-height:100vh;}
body {min-height:100vh; font-size:1rem; text-align:center; overflow-x:hidden;}
a, a:hover {color:#000; text-decoration:none;}
nav {display:flex; justify-content:space-between; max-width:600px; font-size:0;}
nav a {display:block; margin:0; text-align:center;}
nav figcaption {font-size:0.75rem; padding:6px 0 0;}
h1 {font-size:2.1rem;}
h2 {font-size:1.2rem; font-weight:normal;}
h3 {font-size:1.335rem; font-weight:normal;}
em {font-style:inherit; background-color:#8bca48; color:#fff;}
svg {display:inline-block; margin:0 auto;}
header {display:table; width:100%; font-size:0;}
header figure {display:table; width:100%; max-width:600px; position:relative; text-align:center;}
header img {width:100%; height:auto;}
main {display:block; max-width:600px; text-align:right;}
main nav {padding:21px 15px;}
main nav span {display:inline-block; min-height:48px;}
main h3 {background-color:#1ac5ce; color:#fff; padding:6px 30px;}
article {padding:15px 30px; max-height:444px; overflow:auto;}
article ul + p {margin-top:30px;}
article ul {list-style-position:inside; list-style-type:none;}
article ul span {background-color:#1ac5ce; display:inline-block; width:12px; height:12px; border-radius:50%; margin:6px 0 0 3px;}
footer {display:block; background-color:#655d64; color:#fff; padding:45px 30px;}
footer nav {padding:15px 0; max-width:270px;}
.swiper-container {width:100%; max-width:600px; font-size:0; padding:0 0 24px; top:24px;}
.swiper-slide {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.swiper-slide img {width:100%; height:auto;}
.swiper-pagination {bottom:0 !important;}
.swiper-pagination-bullet {background:#fff !important; opacity:0.45;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff !important; opacity:1;}
.sms figure {position:relative; height:48px;}
.sms svg {min-width:54px; min-height:54px; position:absolute; top:-3px; left:50%; margin-left:-27px;}

@media (min-width:600px){
.mbl {display:none;}
}
@media (max-width:600px){
.dsk {display:none;}
html {font-size:15px;}
main nav a {min-width:57px;}
main, .swiper-container {max-width:480px;}
}