/* All the size (almast) are in rem if you do not do this so delete font-size from html tag below :)*/

html {
  font-size: 1vw;
}
body {
  font-family: "FbSpoiler-Regular";
  font-weight: 400;
  /* background-image: url("../img/92717-3-lp desktop_1.jpg");
    background-position: 0 0;
    background-size: 100% auto;
    background-repeat: no-repeat; */
  height: 100vh;
  color: #002d6e;
  font-weight: 300;
  background-color: #fff;
  direction: rtl;
}
svg {
  width: 100%;
  height: 100%;
}
/* *:focus {
    outline : 0.15rem solid #000 !important;
} */

bdi {
  font-size: 0.6em;
}
.ac-yellow{
  color:#ffc342;
}
strong {
    font-family: "FbSpoiler-Black";
}
h1 {
    font-family: "FbSpoiler-Regular";
  text-align: center;
}
h2 {
  font-weight: 300;
}
h3 {
  color: #4c4b4b;
  text-align: center;
  font-weight: 700;
}
p {
  color: #fff;
}

/* app */
.ac-sr-only {
  position: fixed;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.ac-img-responsive {
  width: 100%;
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.ac-col {
  direction: rtl;
}
.ac-en {
  font-family: "FbSpoilerEng-Regular";
  font-size: 88%;
}
.ac-en-bold {
  font-family: "FbSpoilerEng-Bold" !important;
}
.ac-show-on-mobile {
  display: none;
}
.ac-hide-on-mobile {
  display: block;
}

@media (max-width: 1023px) {
  html {
    font-size: 2.2vw;
  }
  body {
    height: auto;
  }
 
  .ac-show-on-mobile {
    display: block;
  }
  .ac-hide-on-mobile {
    display: none;
  }
}
@media (max-width: 650px) {
  html {
    font-size: 3.35vw;
  }
  
}