@font-face {
  font-family: "vazir";
  src: url("../fonts/Vazir-FD.eot");
  src: url("../fonts/Vazir-FD.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Vazir-FD.woff2") format("woff2"),
    url("../fonts/Vazir-FD.woff") format("woff"),
    url("../fonts/Vazir-FD.ttf") format("truetype");
}

@font-face {
  font-family: "vazir";
  src: url("../fonts/Vazir-Bold-FD.eot");
  src: url("../fonts/Vazir-Bold-FD.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Vazir-Bold-FD.woff2") format("woff2"),
    url("../fonts/Vazir-Bold-FD.woff") format("woff"),
    url("../fonts/Vazir-Bold-FD.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: osmantaha;
  src: url('../fonts/osmantaha-Regular.ttf');
  src: url('../fonts/osmantaha-Regular.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: osmantaha;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/osmantaha-Bold.ttf');
  src: url("../fonts/osmantaha-Bold.ttf") format("truetype");
}



@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/IranSansX/IRANSansXFaNum-Thin.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-Thin.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-Thin.ttf") format("truetype");
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/IranSansX/IRANSansXFaNum-UltraLight.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-UltraLight.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-UltraLight.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/IranSansX/IRANSansXFaNum-Light.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-Light.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-Light.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/IranSansX/IRANSansXFaNum-Medium.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-Medium.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-Medium.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/IranSansX/IRANSansXFaNum-DemiBold.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-DemiBold.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-DemiBold.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/IranSansX/IRANSansXFaNum-Bold.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-Bold.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-Bold.ttf") format("truetype")
}


@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/IranSansX/IRANSansXFaNum-ExtraBold.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-ExtraBold.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-ExtraBold.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/IranSansX/IRANSansXFaNum-Black.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-Black.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-Black.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 950;
  src: url('../fonts/IranSansX/IRANSansXFaNum-ExtraBlack.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-ExtraBlack.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-ExtraBlack.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: 1000;
  src: url('../fonts/IranSansX/IRANSansXFaNum-Heavy.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-Heavy.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-Heavy.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: bold;
  src: url('../fonts/IranSansX/IRANSansXFaNum-Bold.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-Bold.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-Bold.ttf") format("truetype")
}

@font-face {
  font-family: IRANSansX;
  font-style: normal;
  font-weight: normal;
  src: url('../fonts/IranSansX/IRANSansXFaNum-Regular.woff') format('woff'),
    url('../fonts/IranSansX/IRANSansXFaNum-Regular.woff2') format('woff2'),
    url("../fonts/IranSansX/IRANSansXFaNum-Regular.ttf") format("truetype")
}

:root {

  --primary-color: #393C97;
  --primary-100-color: #F3F5FF;
  --primary-200-color: #D8DBF0;
  --primary-300-color: #BEC0E1;
  --primary-400-color: #A3A6D2;
  --primary-500-color: #898BC4;
  --primary-600-color: #6E71B5;
  --primary-700-color: #5456A6;
  --primary-800-color: #393C97;

  --secondary-color: #37BEC1;
  --secondary-100-color: #FFFFF5;
  --secondary-200-color: #E2F6EE;
  --secondary-300-color: #C6ECE6;
  --secondary-400-color: #A9E3DF;
  --secondary-500-color: #8DDAD7;
  --secondary-600-color: #70D1D0;
  --secondary-700-color: #54C7C8;
  --secondary-800-color: #37BEC1;

  --red-color: #FF3378;
  --red-100-color: #FFE5EE;
  --red-800-color: #FF3378;

  --tertiary-color: #82C341;
  --fourthly-color: #8C5E2C;
  --fifthly-color: #E0AD70;
  --sixthly-color: #999999;
  --seventy-color: #973939;


  --secondary-filter: brightness(0) saturate(100%) invert(84%) sepia(95%) saturate(4387%) hue-rotate(132deg) brightness(81%) contrast(82%);
  --secondary-100-filter: brightness(0) saturate(100%) invert(99%) sepia(34%) saturate(248%) hue-rotate(347deg) brightness(100%) contrast(104%);
  --secondary-400-filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(1528%) hue-rotate(127deg) brightness(93%) contrast(90%);
  --primary-filter: brightness(0) saturate(100%) invert(26%) sepia(23%) saturate(3729%) hue-rotate(209deg) brightness(88%) contrast(84%);
  --primary-400-filter: brightness(0) saturate(100%) invert(71%) sepia(55%) saturate(238%) hue-rotate(199deg) brightness(86%) contrast(90%);
  --FFFFFF-filter: brightness(0) saturate(100%) invert(88%) sepia(99%) saturate(5%) hue-rotate(266deg) brightness(110%) contrast(97%);

  --bs-primary-rgb: 57, 60, 151;
  --btn-active-color: #37BEC1;
  --bs-font-sans-serif: 'IRANSansX';
  --bs-body-bg: #1C2526;

  --swiper-pagination-bullet-inactive-color: #CCD3E6;
  --swiper-pagination-color: linear-gradient(224deg, #F63011 0%, #000 100%);
  --swiper-pagination-bullet-inactive-opacity: 1;

}

* {
  font-family: 'IRANSansX';
}

body {
  background: url('../image/home-vector.png'), #1C2526;
  background-blend-mode: color-dodge;
  background-position: bottom;
  background-size: 100%;
}

.ayeh-question {
  font-family: 'osmantaha' !important;
}

a {
  text-decoration: none;
}


.login-input {
  background-color: var(--primary-100-color) !important;
  border-color: var(--primary-300-color) !important;
}

.login-input::placeholder {
  color: #ACACAC !important;
  opacity: 0.7;
}

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

.oni-body {
  max-width: 450px;
  padding: 0 20px;
  min-height: 90vh;
}

.oni-border-color {
  border-color: #E0AD70 !important;
}


.btn-secondary,
.btn-secondary:active {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
}



.btn-secondary.disabled,
.btn-secondary:disabled {
  color: var(--secondary-400-color) !important;
  background-color: var(--secondary-100-color) !important;
  border-color: var(--secondary-400-color) !important;
}

.btn-secondary.disabled img,
.btn-secondary:disabled img {
  filter: var(--secondary-400-filter);
}


.btn-gradient,
.btn-gradient:active {
  color: #FFF;
  background: linear-gradient(79deg, #8C5E2C -37.58%, #E0AD70 94.92%);
}

.btn-gradient.disabled,
.btn-gradient:disabled {
  color: #818181 !important;
  background: #b6b4b4 !important;
  border-color: #818181 !important;
}

.btn-gradient.disabled img,
.btn-gradient:disabled img {
  filter: brightness(0) saturate(100%) invert(59%) sepia(0%) saturate(191%) hue-rotate(140deg) brightness(86%) contrast(98%);
}


.btn-primary-new,
.btn-primary-new:active {
  background: #901B09 !important;
  border-color: #901B09 !important;
}


.btn-primary-new:hover {
  background: #da5d4a !important;
  border-color: #901B09 !important;
}


.btn-outline-secondary img {
  filter: var(--secondary-filter);
}

.btn-outline-secondary:hover img {
  filter: var(--secondary-100-filter);
}


.btn-outline-secondary,
.btn-outline-secondary:active {
  color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
}

.btn-secondary:hover,
.btn-outline-secondary:hover {
  background: var(--secondary-600-color) !important;
  border-color: var(--secondary-600-color) !important;
  color: var(--secondary-100-color) !important;
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: var(--secondary-400-color) !important;
  border-color: var(--secondary-400-color) !important;
}



.btn-primary,
.btn-primary:active {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: var(--primary-400-color) !important;
  background-color: var(--primary-100-color) !important;
  border-color: var(--primary-400-color) !important;
}

.btn-primary.disabled img,
.btn-primary:disabled img {
  filter: var(--primary-400-filter);
}

.btn-outline-primary img,
.btn-outline-primary:hover img,
.btn-outline-primary.disabled img,
.btn-outline-primary:disabled img {
  filter: var(--primary-filter);
}

.btn-outline-primary,
.btn-outline-primary:active {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  background: none !important;

}

.btn-outline-primary:hover {
  background: var(--primary-300-color) !important;
  border-color: var(--primary-300-color) !important;
  color: var(--primary-color) !important;
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
  color: #FFFFFF !important;
  background-color: #bdb7b7 !important;
  border-color: #FFFFFF !important;
}

.btn-outline-white img,
.btn-outline-white:hover img,
.btn-outline-white.disabled img,
.btn-outline-white:disabled img {
  filter: var(--FFFFFF-filter);
}

.btn-outline-white,
.btn-outline-white:active {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  background: none !important;

}

.btn-outline-white:hover {
  background: #bdb7b7 !important;
  border-color: #FFFFFF !important;
  color: #FFFFFF !important;
}



.btn-active {
  border-color: var(--primary-300-color) !important;
  background-color: var(--primary-100-color) !important;
  color: var(--primary-color) !important;

}

.text-gradient {
  background: var(--1, linear-gradient(79deg, #8C5E2C -37.58%, #E0AD70 94.92%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-primary-100 {
  color: var(--primary-100-color) !important;
}

.text-primary-400,
.text-primary.disabled,
.text-primary:disabled {
  color: var(--primary-400-color) !important;
}

.text-2B3031 {
  color: #2B3031 !important;
}

.bg-primary-100 {
  background-color: var(--primary-100-color) !important;
}

.bg-2B3031 {
  background-color: #2B3031 !important;
}

.bg-1C2526 {
  background-color: #1C2526 !important;
}

.border-1C2526 {
  border-color: #1C2526 !important;
}


.border-primary-100 {
  border-color: var(--primary-100-color) !important;
}

.border-primary-200 {
  border-color: var(--primary-200-color) !important;
}

.border-primary-400 {
  border-color: var(--primary-400-color) !important;
}


.text-secondary {
  color: var(--secondary-color) !important;
}

.w-30 {
  width: 30% !important;
}

.f-12px {
  font-size: 12px !important;
}

.f-14px {
  font-size: 14px !important;
}

.f-16px {
  font-size: 16px !important;
}

.f-17px {
  font-size: 17px !important;
}

.f-18px {
  font-size: 18px !important;
}

.f-20px {
  font-size: 20px !important;
}

.f-22px {
  font-size: 22px !important;
}

.f-28px {
  font-size: 28px !important;
}

.f-40px {
  font-size: 40px !important;
}

.f-48px {
  font-size: 48px !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.fw-heavy {
  font-weight: 1000 !important;
}

.h-8px {
  height: 8px !important;
}

.h-12px {
  height: 12px !important;
}

.h-16px {
  height: 16px !important;
}

.h-20px {
  height: 20px !important;
}

.h-24px {
  height: 24px !important;
}

.h-28px {
  height: 28px !important;
}

.h-32px {
  height: 32px !important;
}

.h-40px {
  height: 40px !important;
}

.h-48px {
  height: 48px !important;
}

.h-60px {
  height: 60px !important;
}

.h-74px {
  height: 74px !important;
}

.h-80px {
  height: 80px !important;
}

.h-96px {
  height: 96px !important;
}

.w-20px {
  width: 20px !important;
}

.w-28px {
  width: 28px !important;
}

.w-32px {
  width: 32px !important;
}

.w-48px {
  width: 48px !important;
}

.w-60px {
  width: 60px !important;
}

.w-80px {
  width: 80px !important;
}

.w-112px {
  width: 112px !important;
}

.p-8px {
  padding: 8px !important;
}

.p-10px {
  padding: 10px !important;
}

.p-12px {
  padding: 12px !important;
}

.p-16px {
  padding: 16px !important;
}

.p-20px {
  padding: 20px !important;
}

.p-24px {
  padding: 24px !important;
}


.px-8px {
  padding-left: 8px !important;
  padding-right: 8px !important;

}

.px-12px {
  padding-left: 12px !important;
  padding-right: 12px !important;

}

.px-24px {
  padding-left: 24px !important;
  padding-right: 24px !important;

}

.py-2px {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.py-8px {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.py-12px {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.py-24px {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}




.mx-4px {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mx-16px {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mx-24px {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.my-16px {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-24px {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}


.ml-5 {
  margin-left: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.rounded-8px {
  border-radius: 8px !important;
}

.rounded-12px {
  border-radius: 12px !important;
}

.rounded-16px {
  border-radius: 16px !important;
}

.rounded-24px {
  border-radius: 24px !important;
}

.border-top-1 {
  border-top: 1px solid;
}

.gap-8px {
  gap: 8px !important;
}

.gap-12px {
  gap: 12px !important;
}

.gap-16px {
  gap: 16px !important;
}

#login {
  background: url('../image/Vector.png'), linear-gradient(224deg, #F63011 0%, #000 100%);
  text-align: center;
  background-blend-mode: color-dodge;
  height: 289px;

}

.help-row {
  background: linear-gradient(79deg, #8C5E2C -37.58%, #E0AD70 94.92%);
}

.startGame {
  display: flex;
  height: 60px;
  padding: 11px 0;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: url('../image/Vectoryello.png'), linear-gradient(77deg, #8C5E2C 0%, #E0AD70 204.14%);
  background-size: cover;
}


.startGame.gift {
  background: url('../image/VectorRed.png'), linear-gradient(180deg, #C1250D -52.87%, #0C0606 143.03%);
  background-size: 40%;
}

.home_dashboard {
  height: 184px;
  padding: 11px 0;
  gap: 12;
  flex-shrink: 0;
  background: url('../image/VectorRed.png'), linear-gradient(180deg, #C1250D -52.87%, #0C0606 143.03%);
  background-size: cover;
}



#user-info {
  border-color: var(--primary-200-color);

}

.filter-FFFFFF {
  filter: var(--FFFFFF-filter);
}

/* .oni-form {
  height: 570px;
} */

.oni-social a img {
  transition: filter 0.3s ease-in-out;
}

.oni-social a img:hover {
  filter: brightness(0) saturate(100%) invert(23%) sepia(66%) saturate(1064%) hue-rotate(209deg) brightness(96%) contrast(98%);
}

.cont-bg {
  background-image: url('../image/cont-bg.svg');
  background-repeat: no-repeat;
  background-size: auto;
  width: 95px;
  height: 26px;
  padding: .625rem;
}

.number-question {
  cursor: pointer;
  padding: 0px;
  margin: 0 -8px 0px -16px;
}

.number-question .number {
  border-color: #474747 !important;
  background: #1C2526;
}

.number-question .number span {
  color: #FFFFFF !important;
}

.number-question.q-info .number {
  border-color: #8C5E2C !important;
  background: linear-gradient(224deg, #DD2B0F 0%, #090201 100%);
}

.number-question.q-success .number {
  border-color: #8C5E2C !important;
  background: linear-gradient(0deg, #E0AD70 0%, #E0AD70 100%) !important;
}
.number-question.q-success .number span {
  color: #8C5E2C !important;
}


.number-question.q-error .number {
  border-color: #FF3515 !important;
  background: #FFE3DF !important;
}
.number-question.q-error .number span {
  color: #FF3515 !important;
}


.label-answer {
  border-color: #474747 !important;
  background-color: #1C2526 !important;
  color: #FFFFFF !important;
  min-height: 72px;
  cursor: pointer;
}



.label-answer .check-icon {
  background-image: url('../image/a-primary.svg');
  background-size: 19px;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
  background-position: center;
}


.label-answer.a-error {
  border-color: #FF3515 !important;
  background-color: #FFE3DF !important;
  color: #FF3515 !important;
}

.label-answer.a-error .check-icon {
  background-image: url('../image/a-error.svg');
}


.label-answer.a-success {
  border-color: #8C5E2C !important;
  background-color: linear-gradient(0deg, #F3E8DA 0%, #F3E8DA 100%) !important;
  color: #E0AD70 !important;



  border-radius: var(--sds-size-radius-200);
  border: 1px solid var(--1, #8C5E2C);
  background: linear-gradient(0deg, #F3E8DA 0%, #F3E8DA 100%);



}

.label-answer.a-success .check-icon {
  background-image: url('../image/a-success.svg');
}


#endMatch .modal-body {
  /* background-image: url('../image/endMatch-bg.svg'); */
  background-repeat: no-repeat;
  background-size: 100%;
}

.login-box form {
  padding: 30px;
  border-radius: 10px;
}

.timer {
  font-size: 1.2em;
  margin-top: 10px;
}

.breadcrumb-item+.breadcrumb-item::before {
  padding-left: 2px;
  padding-right: 2px;
  color: rgba(255, 255, 255, .5) !important;
}

.content_ayeh_box {
  border-color: #474747 !important;
  background: url('../image/content_ayeh_vector.png'), #2B3031;
  background-blend-mode: color-dodge;
  background-size: 100%;

}

.content_ayeh_title {
  background: linear-gradient(79deg, #8C5E2C -37.58%, #E0AD70 94.92%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.content_ayeh_line {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 100%;
  height: 1px;
  background: #474747;

}

.pagination .page-item.active {
  background-color: var(--primary-color) !important;
}


.all-count {
  background-image: url('../image/all-count.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  height: 90px;
}

.all-match {
  background-image: url('../image/all-match.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  height: 90px;
}


.today-count {
  background-image: url('../image/today-count.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  height: 90px;
}

.today-match {
  background-image: url('../image/today-match.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  height: 90px;
}


#sort-input {
  padding-right: 40px;
}

.this_sort {
  margin-top: -20px;
}

.this_sort select {
  width: 165px;
}

.this_sort img {
  margin-bottom: -65px;
  margin-right: 12px
}


@media (max-width: 768px) {


  * {
    font-size: 13px;
  }


  h5 {
    font-size: 15px;
  }


  .card-title {
    line-height: 2;
  }

  .login-box form {
    width: 100% !important;
  }

  .additional-link-img {
    height: 70px;
  }

}

@media (max-width: 576px) {

  header .w-75 {
    width: 90% !important;
  }

}

.line-question {
  height: 1px;
  width: 100%;
  background: linear-gradient(79deg, #8C5E2C -37.58%, #E0AD70 94.92%);

}

.dashboard_image {
  cursor: pointer;
}

/* استایل پوشش (Overlay) */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

body.no-scroll {
  overflow: hidden;
}

/* استایل لودر */
.loader {
  width: 50px;
  height: 50px;
  border: 5px solid #E0AD70;
  border-top: 5px solid #F63011;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.logo-img {
  height: 50px;
}


/* custom */

.zba_ayeh {
  font-family: osmantaha;
}

.zba-row {
  width: 95% !important;
}


.zba-header-post {
  background-color: transparent;
  background-image: linear-gradient(224deg, #F63011 0%, #000 100%) !important;
}

.zba-content-post-image {
  width: 50%;
}


.archive-image {
  height: 265px;
  object-fit: contain;
}

.zba-header-post .breadcrumb-item::before {
  color: #FFFFFF;
}

.zba-page-ayeha .ayeh-address:before {
  display: block;
  flex: 1 1 auto;
  border-bottom: 1px solid rgba(119, 119, 119, .2);
  content: "";
}

.zba-page-ayeha .bg-success {
  background-color: #73C259 !important;
  margin: 0 0 30px 0;
  padding: 10px 25px 10px 25px;
}

.divider-separator {
  background-color: #D3D3D3;
  -webkit-mask-image: url('../image/squared.svg');
  mask-image: url('../image/squared.svg');
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: 20px 100%;
  mask-size: 20px 100%;
  min-height: 20px;
}

.row-count {
  background-color: transparent;
  background-image: linear-gradient(45deg, #83C44E 0%, #50C09C 100%);
}


.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}


.swiper-wrapper {
  padding-bottom: 60px;
}

.swiper-pagination-bullet {
  width: 21px;
  height: 21px;
}

.chart-container {
  width: 150px;
  height: 150px;
}

ol.breadcrumb a {
  color: rgba(255, 255, 255, .5);
}

ol.breadcrumb a:hover {
  color: #FFFFFF !important;
}