body {
      transition: 1.5s;
      margin: 0px;
}

button {
      cursor: pointer;
      font-family: Bmitra;
}

button:disabled {
      cursor: not-allowed;
}

.iransanswebfont {
      font-family: 'iransansweb';
}

@font-face {
      font-family: 'me_quran';
      src: url('me_quran\ Regular.ttf') format('truetype');
      /* src: url('/mag/wp-content/uploads/font/me_quran.eot?#iefix') format('embedded-opentype'), url('/mag/wp-content/uploads/font/me_quran.woff') format('woff'), url('/mag/wp-content/uploads/font/me_quran.ttf') format('truetype'), url('/mag/wp-content/uploads/font/me_quran.svg#me_quran') format('svg'); */
      font-weight: normal;
      font-style: normal;
      line-height: 2.5em;
}

@font-face {
      font-family: 'iransansweb';
      src: url('./iransansweb.ttf') format('truetype');
      /* src: url('/mag/wp-content/uploads/font/me_quran.eot?#iefix') format('embedded-opentype'), url('/mag/wp-content/uploads/font/me_quran.woff') format('woff'), url('/mag/wp-content/uploads/font/me_quran.ttf') format('truetype'), url('/mag/wp-content/uploads/font/me_quran.svg#me_quran') format('svg'); */
      font-weight: normal;
      font-style: normal;
      line-height: 2.5em;
}

@font-face {
      font-family: 'AzarMehr';
      src: url('./azarmehr.ttf') format('truetype');
      /* src: url('/mag/wp-content/uploads/font/me_quran.eot?#iefix') format('embedded-opentype'), url('/mag/wp-content/uploads/font/me_quran.woff') format('woff'), url('/mag/wp-content/uploads/font/me_quran.ttf') format('truetype'), url('/mag/wp-content/uploads/font/me_quran.svg#me_quran') format('svg'); */
      font-weight: normal;
      font-style: normal;
      line-height: 2.5em;
}

@font-face {
      font-family: 'Bnazanin';
      src: url('./B\ Nazanin_YasDL.com.ttf') format('truetype');
      /* src: url('/mag/wp-content/uploads/font/me_quran.eot?#iefix') format('embedded-opentype'), url('/mag/wp-content/uploads/font/me_quran.woff') format('woff'), url('/mag/wp-content/uploads/font/me_quran.ttf') format('truetype'), url('/mag/wp-content/uploads/font/me_quran.svg#me_quran') format('svg'); */
      font-weight: normal;
      font-style: normal;
      /* line-height: 2.5em; */
}

@font-face {
      font-family: 'Bmitra';
      src: url('./B\ Mitra_YasDL.com.ttf') format('truetype');
      /* src: url('/mag/wp-content/uploads/font/me_quran.eot?#iefix') format('embedded-opentype'), url('/mag/wp-content/uploads/font/me_quran.woff') format('woff'), url('/mag/wp-content/uploads/font/me_quran.ttf') format('truetype'), url('/mag/wp-content/uploads/font/me_quran.svg#me_quran') format('svg'); */
      font-weight: normal;
      font-style: normal;
      /* line-height: 2.5em; */
}







/* ============= Custom Classes ============= */

.btn {
      padding: 6px 18px 6px 18px;
      color: azure;
      font-size: larger;
      cursor: pointer;

}


.btn-primary {
      background-color: #072a55;
      color: rgb(198, 201, 209);
      border: #072a55 2px solid;
      border-radius: 8px !important;
      cursor: pointer;
      width: -webkit-fill-available;

}

.btn-primary:hover {
      background-color: #0f335f;
      color: rgb(228, 236, 203);
      border: #284e7c 2px solid;
      cursor: pointer;
}

.btn-primary:disabled {
      background-color: #47494d;
      color: rgb(12, 9, 54);
      border: #17263a 2px solid;
      cursor: not-allowed;
}

.hidden {
      display: none;
}

.red-alert {
      color: rgb(163, 7, 7);
      font-weight: bold;
}

.red-alert-input {
      background-color: rgb(163, 7, 7);
      color: white;
      font-weight: bold;
}

.ltr {
      direction: ltr;
      display: flex;
}

.test-ok {
      background-color: rgb(69, 248, 84);
      padding: 0px 10px 0px 10px;
      font-weight: bold;
}

.do-waiting-img {
      width: 36px;
      animation: rotate 2s infinite;
      animation-timing-function: cubic-bezier(1, 0, .5, 1);
}

@-webkit-keyframes rotate {
      from {
            -webkit-transform: rotate(0deg)
      }

      to {
            -webkit-transform: rotate(720deg)
      }
}

.center {
      display: flex;
      justify-content: center;
}

.center100 {
      display: flex;
      justify-content: center;
      width: 100%;
}

.width50 {
      width: 50%
}

.text-center {
      text-align: center;
}

.vw90 {
      width: 90vw;
}












@media (min-width:320px) {

      /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
      .size-change-guide {
            visibility: hidden;
      }

}


/* #region header */


.page-header {
      display: flex;
      padding: 2vw;
      justify-content: center;
}

.page-header span {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-content: center;
}

.page-header span h1 {
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.page-header span img {
      max-width: 60px;
      aspect-ratio: 1/1 !important;
}



/* #endregion header */



.info {
      cursor: pointer;
      color: #d3d2d2;
      text-decoration: none;
}

.info-display-frame {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: #00000066;
      z-index: 2;
      justify-content: center;
      align-items: center;
      display: none;

}

.info-display-card {
      background-color: #ffffff;
      width: 400px;
      min-height: 250px;
      align-self: center;
      padding: 20px;
      border: #072a55 2px solid;
      border-radius: 20px;
}

#info-frame {
      position: fixed;
      display: none;
}








/* To set some classes for the mobile screen */
@media (max-width:599px) {
      .page-header {
            display: grid;
            margin-top: 1rem;
      }

      .page-header h1 {
            font-size: 1.5rem;
      }


      .full-width-in-mobile {

            width: 100%;
      }
}