@font-face {
  font-family: IRANyekan_bold;
  src: url("/Resources/fonts/IranYekan/woff2/iranyekanwebbold(fanum).woff2") format('woff2');
  font-weight: bold;
}

html {
  overflow-x: hidden
}
body {
    direction: rtl;
    max-width: 450px;
    margin:0 auto;
    background: #CBCBCB;
    
}

.img-banner{
  width: 100%;
  margin: 0 auto;
  display: block;
}

.img-bottom{
  width: 70%;
  margin: 0 auto;
  display: block;
}

.formcontainer img{
  width: 80%;
  margin: 0 auto;
  display:  block;

}

.form-elements{
  width: 100%;
  margin: 0 auto;
  display: block;
}

.input-holder{
  width: 80%;
  margin: 0 auto;
  display: block;
}

.btn-wrapper{
    background-color: #EF5D01;
    border-radius: 8px 8px 8px 30px;
    max-width: 450px;
    width: 75%;
    margin:0 auto;
    margin-top: 10px;
    position: fixed;
    bottom: 15%;
    z-index: 22;
    right: 12.5%;
}

.btn-down{
    background-color: #fff;
    color: #000;
    font-family: IRANyekan_bold;
    width: 100%;
    max-width: 450px;
    font-size: 18px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    display: block;
    padding: 12px 2px;
    padding-left: 20px;
    text-align: center;
    z-index: 2;
    margin-top: 2px;
}

.neon {
  animation: neon 1.5s ease infinite;
  -moz-animation: neon 1.5s ease infinite;
  -webkit-animation: neon 1.5s ease infinite;
}


@keyframes neon {
  0%,
  100% {
    box-shadow: 0 0 1vw #eed6c7, 0 0 3vw #eed6c7, 0 0 10vw #eed6c7, 0 0 10vw #eed6c7;
  }
  50% {
    box-shadow: 0 0 .5vw #e9894e, 0 0 1.5vw #e9894e, 0 0 5vw #e9894e, 0 0 5vw #e9894e;
  }
}


*:before, *:after {
    content: "";
    position: absolute;
}


.primary-background-color {
    background: #003F6C;
    color: #fff;
}

.bottom-button-form .btn {
    width: 80%;
    text-align: center;
     margin:0 auto;
    display: block;
    color: #000;
font-size: 12px;
font-weight: bold;
height: 40px;
background: #5FDC38;
border-radius: 26.8593px;
}


.membership{
     font-family: IRANyekan_bold;
     font-size: 12px;
     width: 100%;
     text-align: center;
     margin-top: 20PX;
     color: #000;
}


.final-countdown{
    width: 100%;
    text-align: center;
    color: #000;
}

.normal-description{
    width: 100%;
    text-align: center;
    color: #000;;
}

.formcontainer{
  width: 80%;
  margin: 0 auto;
  display: block;
  margin-top: 3%;

}


.bold {
  font-weight: bold;
}


.bottom-button-form .input-text {
       width: 100%;
    direction: ltr;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    box-sizing: border-box;
    background-color: transparent;
    color: #000;
    outline: none;
height: 40px;

background: #FFFFFF;
border-radius: 26.8593px;
}

.bottom-button-form .input-text::placeholder {
  color: #000;
}

.card-text{
        text-align: center;
    margin-top: 20px;
}

.video{
  width: 80%;
  margin: 0 auto;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.videotitr{
  font-family: iransans;
font-style: normal;
font-weight: bold;
font-size: 21px;
line-height: 125.07%;
width: 90%;
margin: 0 auto;
text-align: center;
letter-spacing: -0.055em;
margin-top: 20px;
color: #000000;
}

.titr1{
  font-family: iransans;
font-style: normal;
font-weight: bold;
font-size: 10.1438px;
line-height: 240.57%;
width: 60%;
margin: 0 auto;
text-align: center;
letter-spacing: -0.01em;
color: #000000;
}

.titr2{
  font-family: IRANSans(FaNum);
font-style: normal;
font-weight: 500;
font-size: 11.8636px;
line-height: 182.57%;
width: 90%;
margin: 0 auto;
text-align: center;
letter-spacing: -0.01em;
color: #EA0606;
}


@media only screen and (min-width: 451px) {
  body {
    background-size: contain;
  }
}