*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  outline: 0;
  border: none;
  list-style-type: none;
  text-decoration: none;
  direction: rtl;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-scroll-behavior: smooth;
  -moz-scroll-behavior: smooth;
  -ms-scroll-behavior: smooth;
  -o-scroll-behavior: smooth;
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  -ms-tap-highlight-color: transparent;
  -o-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

a:focus{
  opacity: 0.7;
}

html, body {
  overscroll-behavior: none;
}

::-webkit-scrollbar{width:6px; height:4px}
::-webkit-scrollbar-thumb{background-color:#455a7314;}
::-webkit-scrollbar-track{background-color:#455a7314; visibility: hidden}

input, button, select, textarea,
.loading, .open-detail, .hashtags-commands,
.shadow,.show-shadow,.modal,.alert-box, .connection span,
.links-tabs, input[type=radio]:checked:after, input[type=radio],
.info-modal, .box-list, .active-tab-item, .active-tab-item .title,
.loading-shadow, .progress-bar, .progress
#level-1, #level-2, #level-3 , #level-4,
.container, .menu, .ri-heart-3-line, .ri-heart-3-fill{
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@font-face{
 font-family: 'remixicon';
 src: url('/fonts/icofont/remixicon.woff')format('woff');
 font-weight:normal;
 font-style:normal;
}

@font-face{
 font-family: 'icofont';
 src: url('/fonts/icofont/icofont.woff')format('woff');
 font-weight:normal;
 font-style:normal;
}

@font-face{
 font-family: 'hamrah';
 src: url('/fonts/hamrah/HAMRAH-FD.woff')format('woff');
 font-weight:normal;
 font-style:normal;
}


@font-face{
 font-family: 'yekan';
 src: url('/fonts/yekan/YekanBakhBold.woff2')format('woff');
 font-weight:normal;
 font-style:normal;
}

@font-face{
 font-family: 'gilroy';
 src: url('/fonts/gilroy/Gilroylight.woff')format('woff');
 font-weight:normal;
 font-style:normal;
}

@font-face{
 font-family: 'opensans';
 src: url('/fonts/open-sans/open-sans-m.woff2')format('woff');
 font-weight:normal;
 font-style:normal;
}

@font-face{
 font-family: 'sahelbold';
 src: url('/fonts/sahel/Sahel-Bold-FD.woff2')format('woff');
 font-weight:normal;
 font-style:normal;
}

@font-face{
 font-family: 'anjoman';
 src: url('/fonts/anjoman/AnjomanWEB-Regular.woff2')format('woff');
 font-weight:normal;
 font-style:normal;
}


@font-face{
 font-family: mtnl;
  src: url('/fonts/mtn/MTNIrancell-Light.ttf')format('truetype'),
       url('/fonts/mtn/MTNIrancell-Light.woff')format('woff');
 font-style: normal;
}

@font-face{
 font-family: mtnr;
  src: url('/fonts/mtn/MTNIrancell-Regular.ttf')format('truetype'),
       url('/fonts/mtn/MTNIrancell-Regular.woff')format('woff');
 font-style: normal;
}

@font-face{
 font-family: mtnb;
  src: url('/fonts/mtn/MTNIrancell-Bold.ttf')format('truetype'),
       url('/fonts/mtn/MTNIrancell-Bold.woff')format('woff');
 font-style: normal;
}
@font-face{
 font-family: por;
 src: url('/fonts/portada/PortadaARA-Regular.woff')format('woff');
 font-style: normal;
}

.z-index{z-index: 9;}

.grid{display: grid;}
.flex{display: flex;}
.block{display: block;}
.none{display: none;}
.pore{position: relative;}
.poab{position: absolute;}
.pofi{position: fixed;}
.overflow-h{overflow: hidden;}
.overflow-s{overflow: scroll;}
.novis{opacity: 0; visibility: hidden;}

.enfont{font-family: opensans !important;}
.font-mtnb{font-family: mtnb;}
.font-mtnr{font-family: mtnr;}
.font-gilroy{font-family: gilroy;}
.remixicon{font-family: remixicon;}

.gap-10{grid-gap: 10px;}
.grid-2-e{grid-template-columns: repeat(2, 1fr);}
.grid-3-e{grid-template-columns: repeat(3, 30%);}
.grid-4-e{grid-template-columns: repeat(4, 25%);}
.grid-5-e{grid-template-columns: repeat(5, 20%);}
.center{text-align: center !important;}


.uppercase{text-transform: uppercase;}
.opacity-2{opacity: 0.2;}
.cl-text{color: #262a3c;}

.bg-white{background: #fff;}

.mbnone{margin-bottom: 0 !important;}

.cl-blue{color: #2572d4 !important;}
.bg-blue{background: #2572d426 !important;}

.cl-black{color: #3b364c !important;}

.letter-spacing-10{letter-spacing: 10px;}

.yekan-font{font-family: yekan;}
.anjoman-font{font-family: anjoman;}
.mtnr-font{font-family: mtnr;}

.font-size-12{font-size: 12px;}
.font-size-14{font-size: 14px;}
.font-size-16{font-size: 16px;}
.font-size-18{font-size: 18px;}

.border{border: 1px solid #9699ad;}

.p5{padding: 5px;}
.pl5{padding-left: 5px;}

.p15{padding: 15px;}

.p10{padding: 10px;}
.pt10{padding-top: 10px;}
.pb10{padding-bottom: 10px;}
.pl10{padding-left: 10px;}


.p20{padding: 20px !important;}
.pb20{padding-bottom: 20px;}
.pt20{padding-top: 20px;}

.p30{padding: 30px;}
.pt30{padding-top: 30px;}

.p40{padding: 40px;}
.pt40{padding-top: 40px;}
.pl40{padding-left: 40px !important;}
.pr40{padding-right: 40px;}
.pt60{padding-top: 60px;}

.m5{margin: 5px;}
.m10{margin: 10px;}
.m15{margin: 15px;}
.m20{margin: 20px;}

.mb60{margin-bottom: 60px;}

.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}

.mb20{margin-bottom: 20px;}
.mb10{margin-bottom: 10px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mt20{margin-top: 20px;}


.pr20{padding-right: 20px;}



.grid-20-80{grid-template-columns: 20% 80%;}

.justify-content-center{justify-content: center;}
.justify-content-end{justify-content: end;}
.justify-content-start{justify-content: start;}
.justify-content-around{justify-content: space-around;}
.justify-content-between{justify-content: space-between;}


.align-item-center{align-items: center;}
.align-item-end{align-items: end;}
.align-item-start{align-items: start;}
.align-item-baseline{align-items: baseline;}
.align-content-center{align-content: center;}


.column{flex-direction: column;}
.wrap{flex-wrap: wrap;}

.rtl{direction: rtl; text-align: right;}
.ltr{direction: ltr; text-align: left;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.bold{font-weight: bold;}

.h100p{height: 100% !important;}
.h100vh{height: 100vh !important;}
.w100p{width: 100% !important;}
.w80p{width: 80% !important;}

.radius-4{border-radius: 4px}
.radius-10{border-radius: 10px;}
.radius-50{border-radius: 50px;}


.border-bottom{border-bottom: 1px solid #f5f5f5;}
.margin-auto{margin: auto;}

.cl-red{color: #FC5C5B;}
.bg-red{background: #fc5c5b21;}
.bg-white{background: #fff;}

.bg-1{background-image: linear-gradient(to right, #391aab 0%, #431fc5 100%) !important;}
.bg-2{background-image: linear-gradient(to right, #3a36ff 0%, #0600b9 100%) !important;}
.bg-3{background: #1705C9 !important;}
.bg-4{background-image: linear-gradient(to right, #1c942c 0%, #0d792f 100%) !important;}
.bg-5{background-image: linear-gradient(to right, #4b5867 0%, #28394e 100%) !important;}


.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}