.fontface-vazirmatn {
  font-family: 'VazirMatn' !important;
}

.fontface-vazir-fa {
  font-family: 'VazirMatnFa' !important;
}

.fontface-dana {
  font-family: 'Dana' !important;
}

html {
  font-family: 'VazirMatn';
  font-size: 16px;
  line-height: 1.7;
  color: #2d354a;
  background-color: #f6f4f3;
}

@media (min-width: 640px) {
  html {
    font-size: 18px;
  }
}

/* override  */

.uk-link,
a {
  color: #4e91e6;
}

.uk-link-toggle:hover .uk-link,
.uk-link:hover,
a:hover {
  color: #0f6ecd;
}

h1,
.uk-h1,
h2,
.uk-h2,
h3,
.uk-h3,
h4,
.uk-h4,
h5,
.uk-h5,
h6,
.uk-h6,
.uk-heading-xsmall,
.uk-heading-small,
.uk-heading-medium,
.uk-heading-large,
.uk-heading-xlarge,
.uk-heading-2xlarge,
.uk-heading-3xlarge {
  font-family: 'VazirMatn';
  font-weight: bold;
  color: #081f3c;
  line-height: auto !important;
}

*+.uk-h1,
*+.uk-h2,
*+.uk-h3,
*+.uk-h4,
*+.uk-h5,
*+.uk-h6,
*+.uk-heading-2xlarge,
*+.uk-heading-3xlarge,
*+.uk-heading-large,
*+.uk-heading-medium,
*+.uk-heading-small,
*+.uk-heading-xsmall,
*+.uk-heading-xlarge,
*+h1,
*+h2,
*+h3,
*+h4,
*+h5,
*+h6 {
  margin-top: 20px;
}

.uk-hr,
hr {
  border-top: 1px solid #f2f5f6;
}

.uk-link-muted a,
.uk-link-toggle .uk-link-muted,
a.uk-link-muted {
  color: #718e9c;
}

.uk-link-muted a:hover,
.uk-link-toggle:hover .uk-link-muted,
a.uk-link-muted:hover {
  color: #081f3c;
}

.uk-link-text a:hover,
.uk-link-toggle:hover .uk-link-text,
a.uk-link-text:hover {
  color: #718e9c;
}

.uk-link-heading a:hover,
.uk-link-toggle:hover .uk-link-heading,
a.uk-link-heading:hover {
  color: #4e91e6;
}

.uk-heading-xsmall {
  font-size: 1rem;
}

.uk-heading-small {
  font-size: 1rem;
}

.uk-heading-medium {
  font-size: 1.15rem;
}

.uk-heading-large {
  font-size: 1.25rem;
}

.uk-heading-xlarge {
  font-size: 1.3rem;
}

.uk-heading-2xlarge {
  font-size: 1.5rem;
}

.uk-heading-3xlarge {
  font-size: 1.75rem;
}

@media (min-width: 960px) {
  .uk-heading-xsmall {
    font-size: 1rem;
  }

  .uk-heading-small {
    font-size: 1rem;
  }

  .uk-heading-medium {
    font-size: 1.25rem;
  }

  .uk-heading-large {
    font-size: 1.5rem;
  }

  .uk-heading-xlarge {
    font-size: 1.75rem;
  }

  .uk-heading-2xlarge {
    font-size: 2rem;
  }

  .uk-heading-3xlarge {
    font-size: 2.25rem;
  }
}

@media (min-width: 1200px) {
  .uk-heading-xsmall {
    font-size: 1.1rem;
  }

  .uk-heading-small {
    font-size: 1.25rem;
  }

  .uk-heading-medium {
    font-size: 1.5rem;
  }

  .uk-heading-large {
    font-size: 2rem;
  }

  .uk-heading-xlarge {
    font-size: 2.5rem;
  }

  .uk-heading-2xlarge {
    font-size: 2.75rem;
  }

  .uk-heading-3xlarge {
    font-size: 3.5rem;
  }
}

.uk-button .ti {
  font-size: 18px;
}

.uk-button-primary {
  background-color: #317ff5;
  color: #fff;
}

.uk-button-primary:hover {
  background-color: #2469d2;
  color: #fff;
}

.uk-button-primary.uk-active,
.uk-button-primary:active {
  background-color: #0e6dcd;
  color: #fff;
}

.uk-section-default {
  background: transparent;
}

.uk-section-muted {
  background: #fafaff;
}

.uk-nav-default .uk-nav-sub a {
  padding: 4px 0;
  color: #718e9c;
}

.uk-nav-default .uk-nav-sub a:hover {
  color: #081f3c;
}

.uk-nav-primary .uk-nav-sub a {
  color: #718e9c;
}

.uk-nav-primary .uk-nav-sub a:hover {
  color: #718e9c;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #f8f8f8;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #f8f8f8;
}

.uk-height-min-xsmall {
  min-height: 100px;
}

.uk-text-lead {
  font-size: 1.1rem;
  color: #081f3c;
}

.uk-text-meta {
  font-size: 0.875rem;
  color: #718e9c;
}

.uk-text-meta>a {
  color: #718e9c;
}

.uk-text-meta>a:hover {
  color: #081f3c;
}

.uk-text-small {
  font-size: 0.875rem;
}

.uk-text-large {
  font-size: 1.5rem;
}

.uk-text-light {
  font-weight: 300;
}

.uk-text-normal {
  font-weight: 400;
}

.uk-text-bold {
  font-weight: 700;
}

.uk-text-lighter {
  font-weight: lighter;
}

.uk-text-bolder {
  font-weight: bolder;
}

.uk-border-rounded {
  border-radius: 12px;
}

.uk-border-rounded-xsmall {
  border-radius: 4px;
}

.uk-border-rounded-small {
  border-radius: 8px;
}

.uk-border-rounded-medium {
  border-radius: 16px;
}

.uk-border-rounded-large {
  border-radius: 24px;
}

.uk-border-rounded-xlarge {
  border-radius: 32px;
}

.uk-border-rounded-2xlarge {
  border-radius: 40px;
}

.uk-padding {
  padding: 30px;
}

@media (min-width: 1200px) {
  .uk-padding {
    padding: 40px;
  }
}

.uk-padding-small {
  padding: 20px;
}

.uk-padding-large {
  padding: 40px;
}

.uk-open>.uk-accordion-title::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23E83388%22%20width%3D%2213%22%20height%3D%222%22%20x%3D%220%22%20y%3D%225.5%22%20%2F%3E%0A%3C%2Fsvg%3E');
}

.uk-accordion-title::before {
  background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23E83388%22%20width%3D%2213%22%20height%3D%222%22%20x%3D%220%22%20y%3D%225.5%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23E83388%22%20width%3D%222%22%20height%3D%2213%22%20x%3D%225.5%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E');
}

.uk-accordion li,
.uk-accordion.uk-open li {
  background: #ffffff;
  box-shadow: 0px 24.56px 32.74px -14.73px rgba(149, 149, 149, 0.25);
  border-radius: 24px;
  padding: 30px;
}

@media (max-width: 640px) {

  .uk-accordion li,
  .uk-accordion.uk-open li {
    padding: 18px;
    border-radius: 16px;
  }

  .uk-accordion-title {
    font-size: 1rem;
    line-height: normal;
  }

  .uk-h1 {
    font-size: 1.7rem;
  }

  .uk-h4 {
    font-size: 1.15rem;
    line-height: normal;
  }
}

ul {
  padding-right: 20px;
}

/* ------------------------------------------------------- */
@keyframes leftCoin {

  0%,
  100% {
    transform: scaleX(-1) translateY(0);
  }

  10%,
  30%,
  50%,
  70% {
    transform: scaleX(-1) translateY(-8px);
  }

  20%,
  40%,
  60% {
    transform: scaleX(-1) translateY(8px);
  }

  80% {
    transform: scaleX(-1) translateY(6.4px);
  }

  90% {
    transform: scaleX(-1) translateY(-6.4px);
  }
}

@keyframes rightCoin {

  0%,
  100% {
    transform: translateY(0);
  }

  10%,
  30%,
  50%,
  70% {
    transform: translateY(-8px);
  }

  20%,
  40%,
  60% {
    transform: translateY(8px);
  }

  80% {
    transform: translateY(6.4px);
  }

  90% {
    transform: translateY(-6.4px);
  }
}

.ui-text-navy-blue {
  color: #033f7a;
}

.ui-text-red {
  color: #ce2e51;
}

.ui-text-grey {
  color: #5c677e;
}

.ui-text-black {
  color: #081f3c;
}

.ui-text-pink {
  color: #e83388;
}

.ui-font-weight-500 {
  font-weight: 500;
}

.ui-font-weight-800 {
  font-weight: 800;
}

.ui-hero-bg {
  position: absolute;
  z-index: -1;
  background: center / cover no-repeat url('/src/dist/ui/img/hero-ellipse.png');
  width: 100%;
  max-width: 2150px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  padding-bottom: 200px;
  top: -200px;
}

.ui-footer-bg {
  position: absolute;
  z-index: -1;
  background: center / cover no-repeat url('/src/dist/ui/img/footer-ellipse.png');
  width: 100%;
  min-height: 700px;
  max-width: 2150px;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 100px;
  bottom: -238px;
}

.ui-button-primary {
  min-width: 245px;
  min-height: 64px;
  border-radius: 50px;
  background-color: #2b73e3;
  font-weight: 800;
  font-size: 0.9rem;
  display: inline-block;
padding: 12px 24px;
}

.ui-button-secondary {
  width: 230px;
  height: 64px;
  border-radius: 50px;
  line-height: 64px;
  background: linear-gradient(22.72deg, #ce2e51 -88.95%, #ff4770 118.16%);
  font-weight: 800;
  font-size: 1rem;
}

.ui-button-secondary:hover {
  background: linear-gradient(22.72deg, #b72846 -88.95%, #e23d65 118.16%);
}

.ui-coin-hero-left {
  width: 90px;
  height: 81px;
  background: center / contain no-repeat url('/src/dist/ui/img/coin.svg');
  position: absolute;
  left: 0;
  top: -20px;
  z-index: 0;
  pointer-events: none;
  animation: leftCoin 5s linear 0s infinite normal forwards;
}

.ui-coin-hero-right {
  width: 90px;
  height: 81px;
  background: center / contain no-repeat url('/src/dist/ui/img/coin.svg');
  position: absolute;
  right: 0;
  top: -100px;
  z-index: 0;
  pointer-events: none;
  animation: rightCoin 7s linear 0s infinite normal forwards;
}

.ui-diamond-hero-right {
  width: 93px;
  height: 70px;
  background: center / cover no-repeat url('/src/dist/ui/img/pink-diamond.png');
  position: absolute;
  right: 100px;
  top: 100px;
  z-index: 0;
  pointer-events: none;
  animation: rightCoin 5s linear 0s infinite normal forwards;
}

.ui-diamond-hero-left {
  width: 93px;
  height: 70px;
  background: center / cover no-repeat url('/src/dist/ui/img/pink-diamond.png');
  position: absolute;
  left: 150px;
  top: -20px;
  z-index: 0;
  pointer-events: none;
  animation: leftCoin 6s linear 0s infinite normal forwards;
}

.ui-hero-image {
  max-width: 550px;
}

.ui-red-bg {
	border-radius: 10px;
	padding: 0px 10px;
	background: #D81B4A1A;
}

.ui-none-style-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ui-none-style-li {
	list-style: none;
}

.ui-none-margin {
	margin: 0px 0px;
}

.ui-margin-small-bottom {
	margin-bottom: 14px;
}

.ui-dark-blue-text {
	color: #033F7A;
	font-weight: bold;
}

.ui-gap-10 {
	gap: 10px;
}

.ui-cta {
	font-weight: 700;
	font-size: 1.0rem;
}

.ui-question-mark img {
  max-width: 260px;
}

.ui-red-dot-1,
.ui-red-dot-2 {
  background: linear-gradient(22.72deg, #ce2e51 -88.95%, #ff4770 118.16%);
  border-radius: 50%;
  position: absolute;
  z-index: -1;
}

.ui-red-dot-1 {
  width: 110px;
  height: 110px;
  left: 194px;
  top: -53px;
}

.ui-red-dot-2 {
  width: 102px;
  height: 102px;
  left: 5px;
  bottom: 20px;
}

.ui-blue-diamond {
  width: 64px;
}

.ui-pink-star {
  width: 32px;
}

@media (max-width: 960px) {
  .ui-coin-hero-left {
    display: none;
  }

  .ui-coin-hero-right {
    width: 70px;
    height: 60px;
    top: -20px;
  }

  .ui-diamond-hero-right {
    width: 73px;
    height: 50px;
    right: 40px;
    top: 200px;
  }

  .ui-diamond-hero-left {
    width: 73px;
    height: 50px;
    left: 80px;
    top: -20px;
  }

  .ui-hero-image {
    max-width: 450px;
  }

  .ui-red-dot-1,
  .ui-red-dot-2 {
    display: none;
  }

  .ui-blue-diamond {
    width: 32px;
  }

  .ui-desc-title {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
  }

  .ui-desc-title img {
    margin: 0 0 0 15px !important;
  }
}

@media (max-width: 640px) {
  .ui-coin-hero-right {
    width: 50px;
    height: 40px;
    right: 20px;
  }

  .ui-diamond-hero-right {
    width: 38px;
    height: 29px;
    right: 10%;
    bottom: 0;
  }

  .ui-diamond-hero-left {
    width: 38px;
    height: 29px;
    left: 10%;
    top: -20px;
  }

  .ui-hero-image {
    max-width: 334px;
  }

  .ui-question-mark img {
    max-width: 92px;
  }

  .ui-pink-star {
    width: 24px;
  }
}