.datepicker-plot-area tbody td:hover span, .datepicker-plot-area tbody td, .btn-main-blue, .login-sec .input-wrapper textarea, .login-sec .input-wrapper input {
  transition: 0.3s;
}

.btn-main-blue {
  color: #ffffff;
}

.custom-tooltip .tooltip-inner, #toast-container .toast {
  box-shadow: none !important;
}

.datepicker-plot-area .datepicker-navigator, .datepicker-plot-area, .btn-main-blue {
  border: 0 !important;
}

.login-sec .login-with-one-step-pass, main, .datepicker-plot-area .datepicker-navigator, .datepicker-plot-area {
  background-color: #ffffff;
}

.login-sec .back-step, .login-sec .confirm-timer, .login-sec .signup-link, .login-sec .btn-login, .login-sec .input-wrapper, main .logo-sec, .datepicker-plot-area .datepicker-navigator, .login-sec .input-wrapper textarea, .login-sec .input-wrapper input, .login-sec .input-wrapper label.has-badge, .btn-more-mobile {
  width: 100%;
}

@keyframes opacityAnim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animShowHide {
  0% {
    box-shadow: 0 0px 1px 5px rgba(3, 93, 226, 0.17);
  }
  100% {
    box-shadow: 0 0px 1px 0px rgba(3, 93, 226, 0.17);
  }
}
.swiper {
  width: 100%;
  height: 100%;
}

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

.mySwiper {
  width: 100%;
  padding-bottom: 80px;
  height: 347px;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 10;
}

.swiper-pagination-bullet {
  border-radius: 0 !important;
  background-color: #e1e6ff !important;
  margin: 0 12px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #3148ff !important;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  height: 313px !important;
}

.project-section-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
.project-section-header h3 {
  font-size: 28px;
  font-family: "peyda-semibold";
  color: #162431;
}
@media screen and (max-width: 991px) {
  .project-section-header h3 {
    font-size: 26px;
    margin-bottom: 30px !important;
  }
}
.project-section-header a {
  text-decoration: none;
  color: #3148ff;
  font-size: 20px;
  font-family: "IRYekan-bold";
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}

.btn-more-mobile {
  border: 1px solid #d4d6da;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 28px;
  flex-wrap: nowrap;
  font-size: 20px;
  font-family: "IRYekan-bold";
  color: #3148ff;
  height: 55px;
  text-decoration: none;
  margin-top: 22px;
}

.login-sec .input-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
}
.login-sec .input-wrapper label {
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #162431;
}
.login-sec .input-wrapper label.has-badge {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: Center;
  gap: 0;
  flex-wrap: nowrap;
}
.login-sec .input-wrapper label.has-badge span {
  font-size: 10px;
  font-family: "IRYekan-medium-fanum";
  color: #6b7280;
}
.login-sec .input-wrapper input {
  border-radius: 5px;
  padding: 13px 15px;
  border: 1px solid #d4d6da;
  height: 50px;
  text-align: right;
  outline: 0;
  background-color: transparent !important;
  font-size: 14px;
  font-family: "IRYekan-medium-fanum";
  color: #162431 !important;
}
.login-sec .input-wrapper input::-moz-placeholder {
  font-size: 14px;
  font-family: "IRYekan-medium-fanum";
  color: #abafb7 !important;
}
.login-sec .input-wrapper input::placeholder {
  font-size: 14px;
  font-family: "IRYekan-medium-fanum";
  color: #abafb7 !important;
}
.login-sec .input-wrapper input:focus {
  border: 1px solid #abafb7 !important;
}
.login-sec .input-wrapper .input-wrapper-date {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  position: relative;
  cursor: pointer;
}
.login-sec .input-wrapper .input-wrapper-date::after {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_193_1265)"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.332 2.49992H6.66536V0.833252H4.9987V2.49992H0.832031V6.04159H19.1654V2.49992H14.9987V0.833252H13.332V2.49992ZM0.832031 19.1666V7.29159H19.1654V19.1666H0.832031ZM4.16536 12.0833H6.66536V10.4166H4.16536V12.0833ZM6.66536 16.2499H4.16536V14.5833H6.66536V16.2499ZM8.7487 12.0833H11.2487V10.4166H8.7487V12.0833ZM15.832 12.0833H13.332V10.4166H15.832V12.0833ZM8.7487 16.2499H11.2487V14.5833H8.7487V16.2499Z" fill="%23ABAFB7"/></g><defs><clipPath id="clip0_193_1265"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>') no-repeat;
  position: absolute;
  left: 17px;
  top: 47px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.login-sec .input-wrapper .input-wrapper-date.clock::after {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_193_1280)"><path d="M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.1937 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 7.34783 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM14.3333 14.35C14.2592 14.4315 14.1697 14.4974 14.0699 14.5441C13.9702 14.5907 13.8621 14.6172 13.7521 14.6218C13.6421 14.6265 13.5322 14.6093 13.4288 14.5712C13.3255 14.5331 13.2307 14.4749 13.15 14.4L8.98334 10.6167C8.90454 10.5352 8.84321 10.4384 8.80309 10.3324C8.76297 10.2264 8.7449 10.1133 8.75 10V5.41667C8.75 5.19565 8.8378 4.98369 8.99408 4.82741C9.15036 4.67113 9.36232 4.58333 9.58334 4.58333C9.80435 4.58333 10.0163 4.67113 10.1726 4.82741C10.3289 4.98369 10.4167 5.19565 10.4167 5.41667V9.63333L14.275 13.175C14.4382 13.3233 14.536 13.5302 14.5469 13.7504C14.5579 13.9707 14.4811 14.1863 14.3333 14.35Z" fill="%23ABAFB7"/></g><defs><clipPath id="clip0_193_1280"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>') no-repeat !important;
  position: absolute;
  left: 17px;
  top: 47px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.login-sec .input-wrapper textarea {
  min-height: 95px;
  border-radius: 5px;
  border: 1px solid #d4d6da;
  padding: 14px 16px;
  outline: none;
  resize: none;
}
.login-sec .input-wrapper textarea:focus {
  border: 1px solid #abafb7;
}
.login-sec .input-wrapper textarea::-moz-placeholder {
  font-size: 14px;
  font-family: "IRYekan-regular";
  color: #abafb7 !important;
}
.login-sec .input-wrapper textarea::placeholder {
  font-size: 14px;
  font-family: "IRYekan-regular";
  color: #abafb7 !important;
}

.btn-main-blue {
  background-color: #3148ff;
  border-radius: 5px;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-next, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev {
  position: relative;
  color: transparent;
  font-size: 0 !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next::after, .datepicker-plot-area .datepicker-navigator .pwt-btn-prev::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat !important;
  width: 30px;
  height: 30px;
  left: 0;
}
.datepicker-plot-area {
  height: auto !important;
  padding: 5px 5px;
  font-size: 12px !important;
  font-family: "IRYekan-regular" !important;
  color: #162431 !important;
  border-radius: 5px;
}
.datepicker-plot-area .datepicker-navigator {
  padding: 4px 0;
  color: #162431 !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev::after {
  top: 4px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none"><path fill="%230e91e9" d="M15.2 10.492l-1.97-1.97-3.21-3.21c-.68-.67-1.84-.19-1.84.77v11.84c0 .96 1.16 1.44 1.84.76l5.18-5.18c.83-.82.83-2.18 0-3.01z"></path></svg>');
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next::after {
  top: -6px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none"><path fill="%230e91e9" d="M15.2 10.492l-1.97-1.97-3.21-3.21c-.68-.67-1.84-.19-1.84.77v11.84c0 .96 1.16 1.44 1.84.76l5.18-5.18c.83-.82.83-2.18 0-3.01z"></path></svg>');
  transform: rotate(180deg);
}
.datepicker-plot-area .header-row-cell {
  color: #3148ff !important;
}
.datepicker-plot-area tbody td span {
  border-radius: 5px !important;
  font-size: 12px !important;
}
.datepicker-plot-area tbody td:hover span {
  background-color: #3148ff;
  border-radius: 5px;
}
.datepicker-plot-area tbody td.selected span {
  text-shadow: none !important;
  background-color: #3148ff !important;
  border-radius: 5px;
}

.login-sec .input-wrapper input, .login-sec .input-wrapper textarea, .btn-main-blue, .datepicker-plot-area tbody td, .datepicker-plot-area tbody td:hover span {
  transition: 0.3s;
}

.btn-main-blue {
  color: #ffffff;
}

.custom-tooltip .tooltip-inner, #toast-container .toast {
  box-shadow: none !important;
}

.btn-main-blue, .datepicker-plot-area, .datepicker-plot-area .datepicker-navigator {
  border: 0 !important;
}

.login-sec .login-with-one-step-pass, main, .datepicker-plot-area, .datepicker-plot-area .datepicker-navigator {
  background-color: #ffffff;
}

.login-sec .back-step, .login-sec .confirm-timer, .login-sec .signup-link, .login-sec .btn-login, .login-sec .input-wrapper, main .logo-sec, .btn-more-mobile, .login-sec .input-wrapper label.has-badge, .login-sec .input-wrapper input, .login-sec .input-wrapper textarea, .datepicker-plot-area .datepicker-navigator {
  width: 100%;
}

@keyframes opacityAnim {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes animShowHide {
  0% {
    box-shadow: 0 0px 1px 5px rgba(3, 93, 226, 0.17);
  }
  100% {
    box-shadow: 0 0px 1px 0px rgba(3, 93, 226, 0.17);
  }
}
.swiper {
  width: 100%;
  height: 100%;
}

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

.mySwiper {
  width: 100%;
  padding-bottom: 80px;
  height: 347px;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 10;
}

.swiper-pagination-bullet {
  border-radius: 0 !important;
  background-color: #e1e6ff !important;
  margin: 0 12px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #3148ff !important;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
  height: 313px !important;
}

.project-section-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
.project-section-header h3 {
  font-size: 28px;
  font-family: "peyda-semibold";
  color: #162431;
}
@media screen and (max-width: 991px) {
  .project-section-header h3 {
    font-size: 26px;
    margin-bottom: 30px !important;
  }
}
.project-section-header a {
  text-decoration: none;
  color: #3148ff;
  font-size: 20px;
  font-family: "IRYekan-bold";
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}

.btn-more-mobile {
  border: 1px solid #d4d6da;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 28px;
  flex-wrap: nowrap;
  font-size: 20px;
  font-family: "IRYekan-bold";
  color: #3148ff;
  height: 55px;
  text-decoration: none;
  margin-top: 22px;
}

.login-sec .input-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
}
.login-sec .input-wrapper label {
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #162431;
}
.login-sec .input-wrapper label.has-badge {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: Center;
  gap: 0;
  flex-wrap: nowrap;
}
.login-sec .input-wrapper label.has-badge span {
  font-size: 10px;
  font-family: "IRYekan-medium-fanum";
  color: #6b7280;
}
.login-sec .input-wrapper input {
  border-radius: 5px;
  padding: 13px 15px;
  border: 1px solid #d4d6da;
  height: 50px;
  text-align: right;
  outline: 0;
  background-color: transparent !important;
  font-size: 14px;
  font-family: "IRYekan-medium-fanum";
  color: #162431 !important;
}
.login-sec .input-wrapper input::-moz-placeholder {
  font-size: 14px;
  font-family: "IRYekan-medium-fanum";
  color: #abafb7 !important;
}
.login-sec .input-wrapper input::placeholder {
  font-size: 14px;
  font-family: "IRYekan-medium-fanum";
  color: #abafb7 !important;
}
.login-sec .input-wrapper input:focus {
  border: 1px solid #abafb7 !important;
}
.login-sec .input-wrapper .input-wrapper-date {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  position: relative;
  cursor: pointer;
}
.login-sec .input-wrapper .input-wrapper-date::after {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_193_1265)"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.332 2.49992H6.66536V0.833252H4.9987V2.49992H0.832031V6.04159H19.1654V2.49992H14.9987V0.833252H13.332V2.49992ZM0.832031 19.1666V7.29159H19.1654V19.1666H0.832031ZM4.16536 12.0833H6.66536V10.4166H4.16536V12.0833ZM6.66536 16.2499H4.16536V14.5833H6.66536V16.2499ZM8.7487 12.0833H11.2487V10.4166H8.7487V12.0833ZM15.832 12.0833H13.332V10.4166H15.832V12.0833ZM8.7487 16.2499H11.2487V14.5833H8.7487V16.2499Z" fill="%23ABAFB7"/></g><defs><clipPath id="clip0_193_1265"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>') no-repeat;
  position: absolute;
  left: 17px;
  top: 47px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.login-sec .input-wrapper .input-wrapper-date.clock::after {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_193_1280)"><path d="M10 0C8.02219 0 6.08879 0.58649 4.4443 1.6853C2.79981 2.78412 1.51809 4.3459 0.761209 6.17317C0.00433284 8.00043 -0.1937 10.0111 0.192152 11.9509C0.578004 13.8907 1.53041 15.6725 2.92894 17.0711C4.32746 18.4696 6.10929 19.422 8.0491 19.8079C9.98891 20.1937 11.9996 19.9957 13.8268 19.2388C15.6541 18.4819 17.2159 17.2002 18.3147 15.5557C19.4135 13.9112 20 11.9778 20 10C20 7.34783 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0ZM14.3333 14.35C14.2592 14.4315 14.1697 14.4974 14.0699 14.5441C13.9702 14.5907 13.8621 14.6172 13.7521 14.6218C13.6421 14.6265 13.5322 14.6093 13.4288 14.5712C13.3255 14.5331 13.2307 14.4749 13.15 14.4L8.98334 10.6167C8.90454 10.5352 8.84321 10.4384 8.80309 10.3324C8.76297 10.2264 8.7449 10.1133 8.75 10V5.41667C8.75 5.19565 8.8378 4.98369 8.99408 4.82741C9.15036 4.67113 9.36232 4.58333 9.58334 4.58333C9.80435 4.58333 10.0163 4.67113 10.1726 4.82741C10.3289 4.98369 10.4167 5.19565 10.4167 5.41667V9.63333L14.275 13.175C14.4382 13.3233 14.536 13.5302 14.5469 13.7504C14.5579 13.9707 14.4811 14.1863 14.3333 14.35Z" fill="%23ABAFB7"/></g><defs><clipPath id="clip0_193_1280"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>') no-repeat !important;
  position: absolute;
  left: 17px;
  top: 47px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.login-sec .input-wrapper textarea {
  min-height: 95px;
  border-radius: 5px;
  border: 1px solid #d4d6da;
  padding: 14px 16px;
  outline: none;
  resize: none;
}
.login-sec .input-wrapper textarea:focus {
  border: 1px solid #abafb7;
}
.login-sec .input-wrapper textarea::-moz-placeholder {
  font-size: 14px;
  font-family: "IRYekan-regular";
  color: #abafb7 !important;
}
.login-sec .input-wrapper textarea::placeholder {
  font-size: 14px;
  font-family: "IRYekan-regular";
  color: #abafb7 !important;
}

.btn-main-blue {
  background-color: #3148ff;
  border-radius: 5px;
}

.datepicker-plot-area .datepicker-navigator .pwt-btn-prev, .datepicker-plot-area .datepicker-navigator .pwt-btn-next {
  position: relative;
  color: transparent;
  font-size: 0 !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev::after, .datepicker-plot-area .datepicker-navigator .pwt-btn-next::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat !important;
  width: 30px;
  height: 30px;
  left: 0;
}
.datepicker-plot-area {
  height: auto !important;
  padding: 5px 5px;
  font-size: 12px !important;
  font-family: "IRYekan-regular" !important;
  color: #162431 !important;
  border-radius: 5px;
}
.datepicker-plot-area .datepicker-navigator {
  padding: 4px 0;
  color: #162431 !important;
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-prev::after {
  top: 4px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none"><path fill="%230e91e9" d="M15.2 10.492l-1.97-1.97-3.21-3.21c-.68-.67-1.84-.19-1.84.77v11.84c0 .96 1.16 1.44 1.84.76l5.18-5.18c.83-.82.83-2.18 0-3.01z"></path></svg>');
}
.datepicker-plot-area .datepicker-navigator .pwt-btn-next::after {
  top: -6px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none"><path fill="%230e91e9" d="M15.2 10.492l-1.97-1.97-3.21-3.21c-.68-.67-1.84-.19-1.84.77v11.84c0 .96 1.16 1.44 1.84.76l5.18-5.18c.83-.82.83-2.18 0-3.01z"></path></svg>');
  transform: rotate(180deg);
}
.datepicker-plot-area .header-row-cell {
  color: #3148ff !important;
}
.datepicker-plot-area tbody td span {
  border-radius: 5px !important;
  font-size: 12px !important;
}
.datepicker-plot-area tbody td:hover span {
  background-color: #3148ff;
  border-radius: 5px;
}
.datepicker-plot-area tbody td.selected span {
  text-shadow: none !important;
  background-color: #3148ff !important;
  border-radius: 5px;
}

.fw-r {
  font-family: "IRYekan-regular" !important;
}

.fw-m {
  font-family: "IRYekan-medium" !important;
}

.fw-b {
  font-family: "IRYekan-bold" !important;
}

.fw-num {
  font-family: "IRYekan-medium-fanum";
}

.btn-main-blue:hover {
  background-color: #2b40e0;
  color: #ffffff;
}

.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}

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

.fs-13 {
  font-size: 13px !important;
}

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

.fs-15 {
  font-size: 15px;
}

.fs-16 {
  font-size: 16px;
}

.fs-17 {
  font-size: 17px;
}

.fs-18 {
  font-size: 18px;
}

.fs-19 {
  font-size: 19px;
}

.fs-20 {
  font-size: 20px;
}

.h-avilable {
  height: -webkit-fill-available !important;
}

.w-avilable {
  width: -webkit-fill-available;
}

.w-max {
  width: -moz-max-content !important;
  width: max-content !important;
}

.h-max {
  height: -moz-max-content !important;
  height: max-content !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 !important;
}

a {
  text-decoration: none;
  cursor: pointer;
}

ol,
ul {
  padding: 0;
  list-style: none;
  margin: 0 !important;
}

p {
  margin: 0 !important;
}

body {
  direction: rtl;
  margin: 0;
  overflow-x: hidden;
  font-family: "IRYekan-regular";
  scroll-behavior: smooth;
}

.truncate-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.truncate-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

#toast-container .toast {
  background-color: #162431 !important;
  border-radius: 5px;
  width: 685px !important;
  font-size: 16px;
  font-family: "IRYekan-bold";
  color: #ffffff !important;
  opacity: 1 !important;
}
#toast-container .toast.toast-success {
  background-image: unset !important;
  position: relative;
}
#toast-container .toast.toast-success::after {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><mask id="mask0_331_1765" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="24" height="24"><rect x="4" y="4" width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_331_1765)"><path d="M14.6 20.6L21.65 13.55L20.25 12.15L14.6 17.8L11.75 14.95L10.35 16.35L14.6 20.6ZM16 26C14.6167 26 13.3167 25.7373 12.1 25.212C10.8833 24.6873 9.825 23.975 8.925 23.075C8.025 22.175 7.31267 21.1167 6.788 19.9C6.26267 18.6833 6 17.3833 6 16C6 14.6167 6.26267 13.3167 6.788 12.1C7.31267 10.8833 8.025 9.825 8.925 8.925C9.825 8.025 10.8833 7.31233 12.1 6.787C13.3167 6.26233 14.6167 6 16 6C17.3833 6 18.6833 6.26233 19.9 6.787C21.1167 7.31233 22.175 8.025 23.075 8.925C23.975 9.825 24.6873 10.8833 25.212 12.1C25.7373 13.3167 26 14.6167 26 16C26 17.3833 25.7373 18.6833 25.212 19.9C24.6873 21.1167 23.975 22.175 23.075 23.075C22.175 23.975 21.1167 24.6873 19.9 25.212C18.6833 25.7373 17.3833 26 16 26Z" fill="white"/></g></svg>'), #162431;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
#toast-container .toast.toast-error {
  background-image: unset !important;
  position: relative;
}
#toast-container .toast.toast-error::after {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none"><mask id="mask0_331_1765" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="24" height="24"><rect x="4" y="4" width="24" height="24" fill="%23D9D9D9"/></mask><g mask="url(%23mask0_331_1765)"><path d="M14.6 20.6L21.65 13.55L20.25 12.15L14.6 17.8L11.75 14.95L10.35 16.35L14.6 20.6ZM16 26C14.6167 26 13.3167 25.7373 12.1 25.212C10.8833 24.6873 9.825 23.975 8.925 23.075C8.025 22.175 7.31267 21.1167 6.788 19.9C6.26267 18.6833 6 17.3833 6 16C6 14.6167 6.26267 13.3167 6.788 12.1C7.31267 10.8833 8.025 9.825 8.925 8.925C9.825 8.025 10.8833 7.31233 12.1 6.787C13.3167 6.26233 14.6167 6 16 6C17.3833 6 18.6833 6.26233 19.9 6.787C21.1167 7.31233 22.175 8.025 23.075 8.925C23.975 9.825 24.6873 10.8833 25.212 12.1C25.7373 13.3167 26 14.6167 26 16C26 17.3833 25.7373 18.6833 25.212 19.9C24.6873 21.1167 23.975 22.175 23.075 23.075C22.175 23.975 21.1167 24.6873 19.9 25.212C18.6833 25.7373 17.3833 26 16 26Z" fill="white"/></g></svg>'), #162431;
  position: absolute;
  right: 10px;
  top: 12px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
#toast-container .toast .toast-message {
  padding-right: 35px;
}

.custom-tooltip .tooltip-inner {
  background: #fafbff;
  height: 35px !important;
  font-size: 12px !important;
  font-family: "IRYekan-medium";
  color: #162431;
  border-radius: 5px;
  padding: 7px 21px;
  border: 1px solid #f3f3f7;
}

.custom-tooltip.bs-tooltip-top .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-bottom .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-start .tooltip-arrow::before,
.custom-tooltip.bs-tooltip-end .tooltip-arrow::before {
  display: none;
}

@font-face {
  font-family: "IRYekan-light";
  src: url("../fonts/IRyekan/FaNum/YekanBakhFaNum03Light.ttf");
}
@font-face {
  font-family: "IRYekan-regular";
  src: url("../fonts/IRyekan/IRANYekanRegular.ttf");
}
@font-face {
  font-family: "IRYekan-medium";
  src: url("../fonts/IRyekan/IRANYekanMedium.ttf");
}
@font-face {
  font-family: "IRYekan-medium-en";
  src: url("../fonts/yekan-bakh/Fonts/Fa-En/Yekan Bakh Fa-En 05 Medium.ttf");
}
@font-face {
  font-family: "IRYekan-bold";
  src: url("../fonts/IRyekan/IRANYekanBold.ttf");
}
@font-face {
  font-family: "IRYekan-medium-fanum";
  src: url("../fonts/IRyekan/FaNum/YekanBakhFaNum05Medium.ttf");
}
@font-face {
  font-family: "peyda-regular";
  src: url("../fonts/Peyda/Peyda-Regular.ttf");
}
@font-face {
  font-family: "peyda-medium";
  src: url("../fonts/Peyda/Peyda-Medium.ttf");
}
@font-face {
  font-family: "peyda-semibold";
  src: url("../fonts/Peyda/Peyda-SemiBold.ttf");
}
@font-face {
  font-family: "peyda-bold";
  src: url("../fonts/Peyda/Peyda-Bold.ttf");
}
body {
  background-color: #fafbff !important;
  max-width: 100vw;
  min-height: 100vh;
  height: 100vh;
  overflow-x: hidden !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  position: relative;
  padding-top: 80px;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 991px) {
  body {
    justify-content: center !important;
    margin-top: 0 !important;
    padding: 19px !important;
    padding-top: 27px !important;
  }
}

main {
  width: 50%;
  height: -moz-max-content;
  height: max-content;
  border: 1px solid #d4d6da;
  border-radius: 5px;
  padding: 53px 90px;
}
@media screen and (max-width: 1280px) {
  main {
    padding: 30px 30px;
  }
}
@media screen and (max-width: 991px) {
  main {
    padding: 30px 30px;
    width: 100%;
  }
}
main .logo-sec {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #6b7280;
  margin-bottom: 30px !important;
}
main .logo-sec a {
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #6b7280;
  text-decoration: none !important;
}

footer {
  position: relative;
  bottom: 0;
  width: 100vw;
  text-align: center;
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #162431;
  background-color: #fafbff;
  padding: 10px 0;
}
footer a {
  text-decoration: underline !important;
  text-underline-offset: 6px !important;
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #162431;
}

.login-sec h2 {
  font-size: 20px;
  font-family: "peyda-bold";
  color: #162431;
  margin-bottom: 40px !important;
}
@media screen and (max-width: 991px) {
  .login-sec h2 {
    font-size: 24px;
  }
}
.login-sec p {
  font-size: 16px;
  font-family: "IRYekan-medium";
  color: #162431;
  margin-bottom: 30px !important;
}
.login-sec .input-wrapper {
  margin-bottom: 29px !important;
}
.login-sec .forget-pass-link {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 11px;
  flex-wrap: nowrap;
  text-decoration: none !important;
  font-size: 16px;
  font-family: "IRYekan-medium";
  color: #6b7280;
}
.login-sec .btn-login {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  border-radius: 5px;
  font-size: 16px;
  font-family: "IRYekan-bold";
  color: #ffffff;
  margin-top: 33px !important;
  margin-bottom: 20px !important;
  height: 55px;
}
.login-sec .login-with-one-step-pass {
  border: 1px solid #d4d6da;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  font-size: 16px;
  font-family: "IRYekan-medium";
  color: #162431;
  border-radius: 5px;
  height: 55px;
  text-decoration: none;
  margin-bottom: 20px !important;
}
.login-sec .signup-link {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  text-align: center;
  font-size: 16px;
  font-family: "IRYekan-medium";
  color: #4b5563;
}
.login-sec .signup-link a {
  font-size: 16px;
  font-family: "IRYekan-medium";
  color: #3148ff !important;
  padding-right: 5px !important;
  text-decoration: none !important;
}
.login-sec .confirm-timer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
.login-sec .confirm-timer span {
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #6b7280;
}
.login-sec .confirm-timer span b {
  padding-right: 5px;
  font-size: 14px;
  font-family: "IRYekan-medium-fanum";
  color: #3148ff;
}
.login-sec .confirm-timer .timer-span {
  pointer-events: none;
}
.login-sec .confirm-timer .timer-span.active {
  cursor: pointer !important;
  pointer-events: unset !important;
}
.login-sec .back-step {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
}
@media screen and (max-width: 450px) {
  .login-sec .back-step {
    flex-wrap: wrap !important;
    position: relative;
    top: -10px;
  }
}
.login-sec .back-step span {
  font-size: 14px;
  font-family: "IRYekan-medium-fanum" !important;
  color: #4b5563;
}
.login-sec .back-step a {
  font-size: 14px;
  font-family: "IRYekan-bold";
  color: #4b5563;
  text-decoration: none;
}
.login-sec .person-type {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 13px;
  flex-wrap: nowrap;
  margin-bottom: 30px !important;
}
.login-sec .person-type h5 {
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #162431;
}
.login-sec .person-type > div {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}
.login-sec .person-type > div:last-of-type {
  margin-right: 26px;
}
.login-sec .person-type > div input[type=radio] {
  accent-color: #2b40e0;
}
.login-sec .person-type > div label {
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #162431;
}
.login-sec .validation-sec {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
}
.login-sec .validation-sec span {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #4b5563;
}
.login-sec .pass-input {
  position: relative;
}
.login-sec .pass-input img {
  position: absolute;
  left: 21px;
  z-index: 1;
  top: 45px;
  cursor: pointer;
}
.login-sec .pass-input img.active {
  top: 48px !important;
}

.seperator-login {
  display: block;
  text-align: center;
  margin-bottom: 20px !important;
  font-size: 12px;
  font-family: "IRYekan-medium";
  color: #6b7280;
  position: relative;
}
.seperator-login::after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: calc(50% - 37px);
  height: 1px;
  background-color: #d4d6da;
}
.seperator-login::before {
  content: "";
  position: absolute;
  right: 0;
  top: 9px;
  width: calc(50% - 37px);
  height: 1px;
  background-color: #d4d6da;
}

.alert-danger {
  background-color: #fde8ed !important;
  font-size: 14px;
  font-family: "IRYekan-medium";
  color: #e70036 !important;
  border: 1px solid #e70036 !important;
}/*# sourceMappingURL=login.css.map */