*{margin:0;padding:0;list-style:none;outline:one;border:none;font-family:'Rubik', sans-serif;vertical-align:top;text-decoration:none;direction:rtl!important}

img{max-width:100%;height:auto;}

body{cursor:default;font-size:100%;padding:25px 0}

.no-pa{padding:0}

section{margin:0 auto;position:relative;width:100%}

html {
 height:100%
}

body {
 background: #F7FAFF;
 font-family: "Rubik", sans-serif;
 height:100%
}

.light-blue{background:#f7faff}

.img{
 margin:auto;
 display:block
}

a.link {
 color: #0068F5;
 display: block;
 font-size:16px;
 margin:0 0 30px 0
}

.links a:first-child{margin-top:50px}

.ma-top-20{
 margin-top:20px
}
.ma-top-50{
margin-top:50px
}
.ma-top-150{
margin-top:150px
}

b, strong {
 font-weight: 700;
}

.text-center{text-align:center}


.logo{ position:absolute;
 top:25px;
 right:30px;
 z-index:2
}

btn{
 background:#0068F5;
 text-align: center;
 color:#fff;
 font-size: 16px;
 display:inline-block;
 border-radius:8px;
 margin:40px auto;
 padding:15px 20px
}

span{
 color:#0C3058;
 font-size: 20px;
 line-height: 24px;
 display: block
}

.h1 {
 color:#0C3058;
 font-size: 32px;
 font-weight: 700;
 margin:40px 0 30px 0

}

.ma-bo-20{
 margin:0 0 20px 0!important
}

.spe-pa-top{
 padding:170px 0 0 0;
 margin:0 0 30px 0
}

.number{position:absolute;bottom:0;left:0;padding:0 0 10px 10px;text-align:left;display:inline-block}

@media (max-width:990px) {
 section{width:95%;margin:0 2.5%}
 
 .spe-pa-top{
 padding:80px 0 0 0;
 margin:0 0 30px 0
}
 
}
@media (max-width:768px) {
body{
  padding:50px 0 25px 0;
 }
 
.no-pa{margin:0!important}
 
 .ma-top-150{
margin-top:50px
}
 
 .logo{ position:absolute;
  top:5px;
  right:10px;
  width:100px;
  height: auto;
}
 
  .spe-pa-top{
 padding:40px 0 0 0;
 margin:0 0 30px 0
}
 
 .h1 {
 font-size: 28px;
 line-height: 32px;
 margin:40px 0 30px 0
}
 
 span{
 font-size: 22px;
 line-height: 24px;
 }
 
 a.link {
 font-size:22px;
margin: 0 0 20px 0
 }
}