/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./global/vendor/material-design.min.css ***!
  \*********************************************************************************************************************/
[class*=" md-"],
[class^="md-"] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: Material-Design-Iconic-Font;
    font-style: normal;
    font-weight: 400;
    position: relative;
    text-rendering: auto;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
}
@font-face {
    font-family: iransans;
    font-style: normal;
    font-weight: 400;
    src: url(https://ruberah.com/wp-content/themes/downlion/login/webfonts/Vazir-Regular.ttf);
}

/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./global/css/pongstagr.am.css ***!
  \***********************************************************************************************************/
/*! ========================================================================== 
 * pongstagr.am v3.0.4 jQuery Plugin | http://pongstr.github.io/pongstagr.am/ 
 * =========================================================================== 
 * Copyright (c) 2014 Pongstr Ordillo. Licensed under MIT License. 
 * =========================================================================== */
.media > .thumbnail {
    padding: 5px;
}
.media > .thumbnail > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.media > .media-body > .counts > h4 {
    background-color: #fff;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(66, 66, 66, 0.2);
    box-shadow: 0 1px 1px rgba(66, 66, 66, 0.2);
    color: #d9534f;
    display: inline-block;
    font-size: 22px;
    margin: 2px;
    padding: 5px 10px;
}
.media > .media-body > .counts > h4 > small {
    display: block;
    font-size: 11px;
}
.media > .media-body > .user-data > h3 {
    text-transform: capitalize;
}
.media > .media-body > .user-data > h3 small a {
    text-decoration: none;
}
@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(359deg);
    }
    to {
        -webkit-transform: rotate(0deg);
    }
}
@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(359deg);
    }
    to {
        -moz-transform: rotate(0deg);
    }
}
@-ms-keyframes rotation {
    0% {
        -ms-transform: rotate(359deg);
    }
    to {
        -ms-transform: rotate(0deg);
    }
}
@keyframes rotation {
    0% {
        transform: rotate(359deg);
    }
    to {
        transform: rotate(0deg);
    }
}
.spinner {
    -webkit-animation: rotation 0.9s linear infinite;
    animation: rotation 0.9s linear infinite;
    border: 5px solid rgba(0, 174, 239, 0.15);
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    height: 30px;
    left: 0;
    position: relative;
    top: 0;
    width: 30px;
    z-index: 1051;
}
.spinner:before {
    border: 5px solid transparent;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    border-top-color: rgba(0, 174, 239, 0.8);
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    content: " ";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: -5px;
    width: 100%;
}
[data-type="profile"] {
    text-align: center;
}
[data-type="profile"] .thumbnail {
    border: 1px solid rgba(79, 64, 95, 0.2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    display: inline-block !important;
    margin: 25px auto 10px;
    padding: 5px;
}
[data-type="profile"] .user-data {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
[data-type="profile"] .user-data a {
    color: #f0ad4e;
}
[data-type="profile"] .counts .h4 {
    background-color: hsla(0, 0%, 100%, 0.35);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #4f405f;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 2px 5px;
    padding: 6px;
    text-align: center;
}
[data-type="profile"] .counts .h4 small {
    clear: both;
    color: #4f405f;
    display: block;
    font-size: 12px;
    opacity: 1;
}
.modal.fade .modal-dialog {
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.modal-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.modal-dialog {
    padding-bottom: 50px;
    padding-top: 50px;
}
@media (max-width: 768px) {
    .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .modal-dialog .media-column {
        min-height: 306px;
    }
    .modal-dialog .media-column,
    .modal-dialog .media-comment {
        clear: both;
        float: none;
        height: auto;
        max-height: 100%;
        width: 100%;
    }
    .modal-dialog .media-column > img,
    .modal-dialog .media-column > video {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .modal-dialog {
        width: 90%;
    }
    .modal-dialog .media-column > img,
    .modal-dialog .media-column > video {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
}
.modal-header {
    padding: 5px 10px;
}
.modal-body {
    padding: 0;
}
.modal-body > .row {
    margin-left: 0;
    margin-right: 0;
}
.modal-body > .close {
    color: #fff;
    opacity: 0.5;
    position: absolute;
    right: 0;
    text-shadow: 0 1px 1px #000;
    top: -25px;
}
.modal-body > .close,
.modal-body > .close:hover {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.modal-body > .close:hover {
    opacity: 1;
}
@media (max-width: 480px) {
    .modal-body > .close {
        font-size: 30px;
        right: 12px;
        top: 5px;
        z-index: 1060;
    }
}
.media-column,
.media-comment {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
.media-column {
    background-color: #f4f4f4;
    max-height: 622px;
    position: relative;
    width: 65%;
}
.media-column > img,
.media-column > video {
    height: 622px;
    margin: 0;
    max-width: 100%;
    padding: 0;
    position: relative;
    width: 622px;
    z-index: 1051;
}
.media-column > img {
    opacity: 0;
}
.media-column > img.fade {
    opacity: 1;
}
@include transition(opacity 200ms ease);
.media-comment {
    background-color: #f4f4f4;
    max-height: 622px;
    overflow-y: scroll;
    position: relative;
    width: 35%;
}
.media-comment > .media {
    font-size: 12px;
    padding: 8px 15px 5px;
}
.media-comment > .media .media-heading {
    text-transform: capitalize;
}
.media-comment > .media:first-child {
    border-bottom: 1px solid #eee;
    border-top: 5px solid #d9534f;
}
.media-comment > .media:nth-of-type(odd) {
    background-color: #fff;
}
.media-comment > .media:nth-of-type(2n) {
    background-color: #f4f4f4;
}
.media-column > .alert {
    background-color: rgba(0, 0, 0, 0.75);
    color: #fff;
    left: 50%;
    margin-left: -36%;
    margin-top: -5%;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 1px #111;
    top: 50%;
    width: 72%;
    z-index: 1055;
}
.media-column > .spinner {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}
.media-column > .btn {
    background-color: hsla(0, 0%, 4%, 0.55);
    border-color: rgba(0, 0, 0, 0.25);
    color: #fff;
    position: absolute;
    text-shadow: 0 1px 1px #000;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    z-index: 1060;
}
.media-column > .btn.active,
.media-column > .btn:active,
.media-column > .btn:focus,
.media-column > .btn:hover,
.open .dropdown-toggle.media-column > .btn {
    background-color: rgba(0, 0, 0, 0.55);
    border-color: rgba(0, 0, 0, 0.25);
    color: #fff;
}
.media-column > .btn.active,
.media-column > .btn:active,
.open .dropdown-toggle.media-column > .btn {
    background-image: none;
}
.media-column > .btn.disabled,
.media-column > .btn.disabled.active,
.media-column > .btn.disabled:active,
.media-column > .btn.disabled:focus,
.media-column > .btn.disabled:hover,
.media-column > .btn[disabled],
.media-column > .btn[disabled].active,
.media-column > .btn[disabled]:active,
.media-column > .btn[disabled]:focus,
.media-column > .btn[disabled]:hover,
fieldset[disabled] .media-column > .btn,
fieldset[disabled] .media-column > .btn.active,
fieldset[disabled] .media-column > .btn:active,
fieldset[disabled] .media-column > .btn:focus,
fieldset[disabled] .media-column > .btn:hover {
    background-color: hsla(0, 0%, 4%, 0.55);
    border-color: rgba(0, 0, 0, 0.25);
}
.media-column > .btn .badge {
    background-color: #fff;
    color: hsla(0, 0%, 4%, 0.55);
}
.media-column > .btn:hover {
    background-color: #0b0b0b;
    border-color: #000;
    color: #fff;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
}
.media-column > .btn:hover.active,
.media-column > .btn:hover:active,
.media-column > .btn:hover:focus,
.media-column > .btn:hover:hover,
.open .dropdown-toggle.media-column > .btn:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.media-column > .btn:hover.active,
.media-column > .btn:hover:active,
.open .dropdown-toggle.media-column > .btn:hover {
    background-image: none;
}
.media-column > .btn:hover.disabled,
.media-column > .btn:hover.disabled.active,
.media-column > .btn:hover.disabled:active,
.media-column > .btn:hover.disabled:focus,
.media-column > .btn:hover.disabled:hover,
.media-column > .btn:hover[disabled],
.media-column > .btn:hover[disabled].active,
.media-column > .btn:hover[disabled]:active,
.media-column > .btn:hover[disabled]:focus,
.media-column > .btn:hover[disabled]:hover,
fieldset[disabled] .media-column > .btn:hover,
fieldset[disabled] .media-column > .btn:hover.active,
fieldset[disabled] .media-column > .btn:hover:active,
fieldset[disabled] .media-column > .btn:hover:focus,
fieldset[disabled] .media-column > .btn:hover:hover {
    background-color: #0b0b0b;
    border-color: #000;
}
.media-column > .btn:hover .badge {
    background-color: #fff;
    color: #0b0b0b;
}
#play-pause {
    bottom: 20px;
    left: 20px;
}
#mute {
    bottom: 20px;
    right: 20px;
}
#mute > .glyphicon-volume-up {
    color: #449d44;
}
#mute > .glyphicon-volume-off {
    color: #d43f3a;
}
.thumbnail {
    margin: 0;
    padding: 5px 10px;
    position: relative;
}
.scaling {
    -webkit-transform: scale(0.96);
    -ms-transform: scale(0.96);
    transform: scale(0.96);
}
.scaling,
.scaling:hover {
    -webkit-transition: transform 0.1s linear;
    transition: transform 0.1s linear;
}
.scaling:hover {
    -webkit-box-shadow: 0 2px 14px rgba(66, 66, 66, 0.2);
    box-shadow: 0 2px 14px rgba(66, 66, 66, 0.2);
    position: relative;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 2;
}
.thumbnail > a:not(.btn) {
    display: block;
    min-height: 150px;
}
.thumbnail > a {
    display: block;
}
.thumbnail > a > img {
    height: auto;
    margin: 5px 0;
    max-width: 100%;
    opacity: 0;
    width: 100%;
}
.thumbnail > a > img,
.thumbnail > a > img.fade {
    -webkit-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease;
}
.thumbnail > a > img.fade {
    opacity: 1;
}
.thumbnail > strong {
    color: #d5d5d5;
    font-size: 11px;
}
.thumbnail > span {
    display: inline-block;
}
.thumbnail > span:first-child {
    margin-right: 10px;
}
.thumbnail > span:last-child {
    margin-left: 10px;
}
.thumbnail > span:not(i) {
    color: #d5d5d5;
    font-size: 11px;
    font-weight: 700;
}
.thumbnail > span.type {
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    opacity: 0.95;
    position: absolute;
    right: 15px;
    text-shadow: 0 1px 1px rgba(66, 66, 66, 0.75);
    top: 35px;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 1000;
}
.thumbnail .spinner {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
}
/*!**************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./build/is_style.css ***!
  \**************************************************************************************************/
.en-field,
.en-field::placeholder {
    -moz-font-feature-settings: "ss01" !important;
    -webkit-font-feature-settings: "ss01" !important;
    font-feature-settings: "ss01" !important;
    direction: ltr;
    font-family: titillium !important;
    text-align: right;
}
input.lr-input:-webkit-autofill,
input.lr-input:-webkit-autofill:active,
input.lr-input:-webkit-autofill:focus,
input.lr-input:-webkit-autofill:hover {
    background-color: #fff !important;
}
.alert .icon-exclamation-circle,
.alert .icon-exclamation-triangle,
.alert .icon-megaphone,
.alert .icon-smile {
    top: calc(50% - 19px);
}
.g-recaptcha {
    padding: 0;
}
@media (max-width: 400px) {
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
.lr-cr-remember {
    float: right;
    padding-right: 11px;
    padding-top: 15px;
}
.lr-cr {
    float: right;
    width: 100%;
}
.login-register .lr-showPassword .btn {
    background-color: transparent;
}
.lr-cr-captcha {
    float: right;
    padding-right: 15px;
}
@media (max-width: 400px) {
    .lr-cr-captcha {
        float: left;
    }
}
@media (min-width: 590px) {
    .lr-cr-captcha {
        float: left;
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 992px) {
    .lr-cr-captcha {
        float: right;
        padding-right: 0;
    }
}
@media (min-width: 1440px) {
    .lr-cr-captcha {
        float: left;
        padding-left: 0;
        padding-right: 0;
    }
}
.login-register .checkbox .label,
.login-register .checkbox label {
    top: 6px;
}
.login-register .lr-cr {
    padding: 27px 10px 27px 13px;
}
.login-register .lr-input-otpcode {
    max-width: calc(100% - 120px);
}
.login-register .lr-input-sendcode {
    min-width: 95px;
}
.login-register .lr-form-group {
    position: relative;
}
.login-register .checkbox .hover {
    left: 10px;
    top: -2px;
}
.login-register .checkbox .icon-check-mini {
    top: -12px;
}
.login-register .checkbox-text {
    margin-right: 10px;
}
@media (max-width: 1400px) {
    .lr-cr-remember {
        padding-top: 0;
    }
    .lr-cr-captcha {
        float: right;
        padding-top: 27px;
    }
}
@media (max-width: 991px) {
    .page-login-v2 .card {
        float: right;
        padding: 40px 72px !important;
        width: 100%;
    }
    .lr-cr-captcha {
        float: left;
        padding-right: 15px;
        padding-top: 0;
    }
    .login-register .lr-register {
        padding-top: 25px;
        text-align: right !important;
    }
}
@media (max-width: 680px) {
    .lr-cr-captcha {
        float: right;
        padding-right: 0;
        padding-top: 27px;
    }
    .lr-cr-remember {
        width: 100%;
    }
}
@media (min-width: 540px) {
    .lr-cr-captcha .g-recaptcha {
        margin: 0 !important;
        padding: 0;
        position: relative;
        right: 0 !important;
    }
}
@media (max-width: 540px) {
    .login-register .registerClick {
        float: right !important;
        padding-top: 25px;
        width: 100%;
    }
    .page-login-v2 .card {
        float: right;
        padding: 40px !important;
        width: 100% !important;
    }
}
@media (max-width: 480px) {
    .page-login-v2 form {
        width: 100% !important;
    }
}
.lr-box-link {
    display: inline-block;
    margin-bottom: 35px;
    margin-right: 0;
}
.lr-box-link-span {
    left: 0;
    position: relative;
    top: 6px;
    transition: all 0.4s;
}
.lr-box-link:hover {
    text-decoration: none;
}
.lr-box-link:hover .lr-box-link-span {
    left: 5px;
}
#myalert {
    display: flex;
}
.domain-renewal .label-info,
.domain-renewal .label-success,
.domain-renewal .label-warning {
    color: #fff !important;
}
#frmConfigureProduct table tbody tr td {
    vertical-align: top !important;
}
code,
pre code {
    background-color: #fff;
    color: #667494 !important;
}
.servers-status {
    font-family: iransans;
}
.status-accourdion {
    background: #fff;
    border: 2px solid #e42154;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(198, 205, 218, 0.12);
    margin-bottom: 32px;
}
.status-accourdion-danger {
    border: 2px solid #e42154;
}
.status-accourdion-warning {
    border: 2px solid #fb9d05;
}
.status-panel {
    padding: 0 16px;
}
.status-panel-heading {
    background-color: #fff !important;
    padding: 0 !important;
}
.status-panel-heading .panel-title .accordion-toggle:active,
.status-panel-heading .panel-title .accordion-toggle:focus,
.status-panel-heading .panel-title .accordion-toggle:hover {
    text-decoration: none;
}
.status-panel-heading .panel-title {
    color: #364163 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 28px;
}
.status-panel-heading .btn {
    float: left;
    position: relative;
    top: 13px;
}
.panel-group .panel-title:after,
.panel-group .panel-title:before {
    left: auto;
    right: 0;
}
.status-accourdion-danger .panel-collapse {
    border-top: 2px dashed rgba(228, 33, 84, 0.16);
}
.status-accourdion-warning .panel-collapse {
    border-top: 2px dashed rgba(255, 152, 0, 0.16);
}
.status-panel-body li {
    padding: 8px 0;
}
.status-panel-heading .panel-title:after,
.status-panel-heading .panel-title:before {
    display: none;
}
.status-panel-heading .panel-title a.accordion-toggle:before {
    speak: none;
    content: "\e938";
    font-family: icomoon !important;
    font-size: 20px !important;
    font-variant: normal;
    font-weight: 400;
    left: auto;
    line-height: 1;
    position: absolute;
    right: 0;
    text-transform: none;
    top: 23px;
    transition: all 0.4s;
}
.status-panel-heading .panel-title a.accordion-toggle.collapsed:before {
    content: "\e943";
}
.servers-status-btn-sm {
    display: none;
}
@media screen and (max-width: 767px) {
    .status-panel-heading .btn,
    .status-panel-heading .panel-title:before {
        display: none;
    }
    .servers-status-btn-sm {
        display: inline-block;
    }
}
/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/style.scss ***!
  \*************************************************************************************************************************************/

[class*=" icon-"],
[class^="icon-"] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-size: 24px !important;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
}
.icon-angle-double-left:before {
    color: #4c5c84;
    content: "\e900";
}
.icon-angle-double-right:before {
    content: "\e901";
}
.icon-angle-down:before {
    content: "\e902";
}
.icon-angle-left:before {
    content: "\e903";
}
.icon-angle-right:before {
    content: "\e904";
}
.icon-angle-up:before {
    content: "\e905";
}
.icon-arrow-circle-down:before {
    content: "\e906";
}
.icon-arrow-circle-left:before {
    content: "\e907";
}
.icon-arrow-circle-right:before {
    content: "\e908";
}
.icon-arrow-circle-up:before {
    content: "\e909";
}
.icon-arrow-down:before {
    content: "\e90a";
}
.icon-arrow-left:before {
    content: "\e90b";
}
.icon-arrow-right:before {
    content: "\e90c";
}
.icon-arrow-up:before {
    content: "\e90d";
}
.icon-bars:before {
    content: "\e90e";
}
.icon-bell:before {
    content: "\e90f";
}
.icon-bookmark:before {
    content: "\e910";
}
.icon-calender:before {
    content: "\e911";
}
.icon-check:before {
    content: "\e912";
}
.icon-check-circle:before {
    content: "\e913";
}
.icon-check-mini:before {
    content: "\e914";
}
.icon-clock:before {
    content: "\e915";
}
.icon-cog:before {
    content: "\e916";
}
.icon-comment-info-alt:before {
    content: "\e917";
}
.icon-compress:before {
    content: "\e918";
}
.icon-copy:before {
    content: "\e919";
}
.icon-copy-alt:before {
    content: "\e91a";
}
.icon-credit-card:before {
    content: "\e91b";
}
.icon-edit-alt:before {
    content: "\e91c";
}
.icon-ellipsis-h:before {
    content: "\e91d";
}
.icon-ellipsis-v:before {
    content: "\e91e";
}
.icon-envelope:before {
    content: "\e91f";
}
.icon-envelope-send:before {
    content: "\e920";
}
.icon-exclamation-circle:before {
    content: "\e921";
}
.icon-exclamation-triangle:before {
    content: "\e922";
}
.icon-exit:before {
    content: "\e923";
}
.icon-exit-top-right:before {
    content: "\e924";
}
.icon-eye:before {
    content: "\e925";
}
.icon-file:before {
    content: "\e926";
}
.icon-file-alt:before {
    content: "\e927";
}
.icon-filter:before {
    content: "\e928";
}
.icon-focus:before {
    content: "\e929";
}
.icon-headphones:before {
    content: "\e92a";
}
.icon-heart:before {
    content: "\e92b";
}
.icon-home-alt:before {
    content: "\e92c";
}
.icon-image-v:before {
    content: "\e92d";
}
.icon-import:before {
    content: "\e92e";
}
.icon-info-circle:before {
    content: "\e92f";
}
.icon-link-h:before {
    content: "\e930";
}
.icon-location-pin-alt:before {
    content: "\e931";
}
.icon-location-point:before {
    content: "\e932";
}
.icon-lock:before {
    content: "\e933";
}
.icon-map:before {
    content: "\e934";
}
.icon-megaphone:before {
    content: "\e935";
}
.icon-message:before {
    content: "\e936";
}
.icon-minus:before {
    content: "\e937";
}
.icon-minus-circle:before {
    content: "\e938";
}
.icon-minus-mini:before {
    content: "\e939";
}
.icon-mobile-android:before {
    content: "\e93a";
}
.icon-multiply:before {
    content: "\e93b";
}
.icon-notes:before {
    content: "\e93c";
}
.icon-paperclip:before {
    content: "\e93d";
}
.icon-phone:before {
    content: "\e93e";
}
.icon-phone-volume:before {
    content: "\e93f";
}
.icon-play:before {
    content: "\e940";
}
.icon-play-circle:before {
    content: "\e941";
}
.icon-plus:before {
    content: "\e942";
}
.icon-plus-circle:before {
    content: "\e943";
}
.icon-print:before {
    content: "\e944";
}
.icon-question-circle:before {
    content: "\e945";
}
.icon-redo:before {
    content: "\e946";
}
.icon-refresh:before {
    content: "\e947";
}
.icon-rss:before {
    content: "\e948";
}
.icon-search:before {
    content: "\e949";
}
.icon-shield-check:before {
    content: "\e94a";
}
.icon-shopping-bag:before {
    content: "\e94b";
}
.icon-shopping-cart:before {
    content: "\e94c";
}
.icon-sign-out-alt:before {
    content: "\e94d";
}
.icon-sliders-v:before {
    content: "\e94e";
}
.icon-smile:before {
    content: "\e94f";
}
.icon-smile-beam:before {
    content: "\e950";
}
.icon-sort:before {
    content: "\e951";
}
.icon-sort-amount-up:before {
    content: "\e952";
}
.icon-star:before {
    content: "\e953";
}
.icon-star-1:before {
    content: "\e954";
}
.icon-sync:before {
    content: "\e955";
}
.icon-tachometer-fast:before {
    content: "\e956";
}
.icon-tag:before {
    content: "\e957";
}
.icon-times-circle:before {
    content: "\e958";
}
.icon-transaction:before {
    content: "\e959";
}
.icon-trash:before {
    content: "\e95a";
}
.icon-unlock:before {
    content: "\e95b";
}
.icon-upload:before {
    content: "\e95c";
}
.icon-user:before {
    content: "\e95d";
}
.icon-user-circle:before {
    content: "\e95e";
}
.icon-users-alt:before {
    content: "\e95f";
}
.icon-wallet:before {
    content: "\e960";
}
html {
    font-size: inherit;
}
.d-none {
    display: none !important;
}
.d-block {
    display: block !important;
}
.d-contents {
    display: contents !important;
}
@media (max-width: 768px) {
    .d-sm-none {
        display: none !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-contents {
        display: contents !important;
    }
    .d-sm-flex {
        display: flex !important;
    }
}
@media (max-width: 992px) {
    .d-md-none {
        display: none !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-contents {
        display: contents !important;
    }
    .d-md-flex {
        display: flex !important;
    }
}
@media (max-width: 1200px) {
    .d-lg-none {
        display: none !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-contents {
        display: contents !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
}
.p-0 {
    padding: 0 !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 0.25rem !important;
}
.pt-2 {
    padding-top: 0.5rem !important;
}
.pt-3 {
    padding-top: 1rem !important;
}
.pt-4 {
    padding-top: 1.5rem !important;
}
.pt-5 {
    padding-top: 3rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 0.25rem !important;
}
.pb-2 {
    padding-bottom: 0.5rem !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-4 {
    padding-bottom: 1.5rem !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: 0.25rem !important;
}
.pr-2 {
    padding-right: 0.5rem !important;
}
.pr-3 {
    padding-right: 1rem !important;
}
.pr-4 {
    padding-right: 1.5rem !important;
}
.pr-5 {
    padding-right: 3rem !important;
}
@media (max-width: 992px) {
    .pr-md-0 {
        padding-right: 0 !important;
    }
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-1 {
    padding-left: 0.25rem !important;
}
.pl-2 {
    padding-left: 0.5rem !important;
}
.pl-3 {
    padding-left: 1rem !important;
}
.pl-4 {
    padding-left: 1.5rem !important;
}
.pl-5 {
    padding-left: 3rem !important;
}
@media (max-width: 992px) {
    .pl-md-0 {
        padding-left: 0 !important;
    }
}
.px-auto {
    padding-left: auto !important;
    padding-right: auto !important;
}
.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}
.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
.px-3 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.px-4 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
.px-5 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
@media (max-width: 768px) {
    .px-sm-auto {
        padding-left: auto !important;
        padding-right: auto !important;
    }
    .px-sm-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .px-sm-1 {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .px-sm-2 {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }
    .px-sm-3 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .px-sm-4 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
    .px-sm-5 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
}
.py-auto {
    padding-bottom: auto !important;
    padding-top: auto !important;
}
.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.py-1 {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important;
}
.py-2 {
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}
.py-3 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}
.py-4 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
}
.py-5 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important;
}
.m-0 {
    margin: 0 !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-1 {
    margin-right: 0.25rem !important;
}
.mr-2 {
    margin-right: 0.5rem !important;
}
.mr-3 {
    margin-right: 1rem !important;
}
.mr-4 {
    margin-right: 1.5rem !important;
}
.mr-5 {
    margin-right: 3rem !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: 0.25rem !important;
}
.ml-2 {
    margin-left: 0.5rem !important;
}
.ml-3 {
    margin-left: 1rem !important;
}
.ml-4 {
    margin-left: 1.5rem !important;
}
.ml-5 {
    margin-left: 3rem !important;
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}
.mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
}
.mx-3 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}
.mx-4 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
}
.mx-5 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}
.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
}
.my-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
.my-1 {
    margin-bottom: 0.25rem !important;
    margin-top: 0.25rem !important;
}
.my-2 {
    margin-bottom: 0.5rem !important;
    margin-top: 0.5rem !important;
}
.my-3 {
    margin-bottom: 1rem !important;
    margin-top: 1rem !important;
}
.my-4 {
    margin-bottom: 1.5rem !important;
    margin-top: 1.5rem !important;
}
.my-5 {
    margin-bottom: 3rem !important;
    margin-top: 3rem !important;
}
.align-items-center {
    align-items: center;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.bt-2 {
    border-top: 0.125rem solid #f2f3f5;
}
.bb-2 {
    border-bottom: 0.125rem solid #f2f3f5;
}
@media (min-width: 360px) {
    .pull-xs-none {
        float: none !important;
    }
    .pull-xs-right {
        float: right !important;
    }
    .pull-xs-left {
        float: left !important;
    }
}
@media (min-width: 768px) {
    .pull-sm-none {
        float: none !important;
    }
    .pull-sm-right {
        float: right !important;
    }
    .pull-sm-left {
        float: left !important;
    }
}
@media (min-width: 992px) {
    .pull-md-none {
        float: none !important;
    }
    .pull-md-right {
        float: right !important;
    }
    .pull-md-left {
        float: left !important;
    }
}
@media (min-width: 1200px) {
    .pull-lg-none {
        float: none !important;
    }
    .pull-lg-right {
        float: right !important;
    }
    .pull-lg-left {
        float: left !important;
    }
}
.btn {
    border: none !important;
    border-radius: 0.3125rem !important;
    box-shadow: none !important;
    font-family: iransans !important;
}
.btn-lg {
    height: 2.75rem;
    padding: 0.75rem 1.5rem !important;
}
.btn-lg,
.btn-sm {
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.00875rem !important;
}
.btn-sm {
    line-height: 2 !important;
    padding: 0.375rem 1.5rem !important;
}
.btn-primary {
    background-color: #2533cc !important;
    color: #fff !important;
}
.btn-primary:active,
.btn-primary:hover {
    background-color: #3d51d2 !important;
    box-shadow: 0 10px 25px 0 rgba(35, 67, 163, 0.12) !important;
    color: #fff !important;
}
.btn-secondary {
    background-color: rgba(37, 51, 204, 0.08) !important;
    color: #2533cc !important;
}
.btn-secondary:active,
.btn-secondary:hover {
    background-color: rgba(37, 51, 204, 0.16) !important;
    color: #2533cc !important;
}
.btn-success {
    background-color: #00b34b !important;
    border: 2px solid #00b34b !important;
    color: #fff !important;
}
.btn-success:active,
.btn-success:hover {
    background-color: #fff !important;
    color: #00b34b !important;
}
.btn-disable {
    background-color: #e9ebef !important;
    color: #c6cdda !important;
    pointer-events: none;
    text-decoration: none;
}
.btn-light {
    background-color: #eef0f6 !important;
    color: #a3acc0 !important;
}
.btn-inline {
    background-color: transparent;
    color: #2533cc !important;
    font-weight: 700;
    transition: all 0.4s;
}
.btn-inline:hover {
    background-color: rgba(37, 51, 204, 0.08) !important;
    color: #3d51d2 !important;
}
.btn-plus {
    border-radius: 0.3125rem !important;
    line-height: 0.875rem !important;
    padding: 0.625rem !important;
}
.btn-plus span.icon {
    font-size: 1.375rem !important;
}
.btn-cog {
    align-items: center;
    display: flex;
    height: 2.5rem;
    padding: 0 !important;
    width: 2.5rem;
}
.btn-cog span.icon {
    font-size: 1.375rem !important;
}
.btn-collapse {
    background-color: rgba(37, 51, 204, 0.08);
    border: none;
    border-radius: 6.25rem;
    height: 40px;
    transform: rotate(0deg);
    transition: all 0.3s;
    width: 40px;
}
.btn-collapse span {
    color: #2533cc;
    vertical-align: middle;
}
.btn-collapse.collapsed {
    transform: rotate(-180deg) !important;
}
.btn-close-ticket {
    background-color: rgba(228, 33, 84, 0.08) !important;
    color: #e42154 !important;
}
@media (max-width: 768px) {
    .btn-close-ticket {
        margin-top: 0.625rem;
    }
}
.button {
    background-color: rgba(37, 51, 204, 0.08) !important;
    border: none !important;
    border-radius: 6.25rem !important;
    box-shadow: none !important;
    color: #2533cc !important;
    font-family: iransans !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.00875rem !important;
    line-height: 2 !important;
    padding: 0.375rem 1.5rem !important;
}
.button:active,
.button:hover {
    background-color: #3d51d2 !important;
    box-shadow: 0 10px 25px 0 rgba(35, 67, 163, 0.12) !important;
    color: #fff !important;
}
.btn-icon {
    line-height: normal !important;
}
.btn-icon.btn {
    padding: 0.1875rem 2.1875rem 0.875rem !important;
}
.btn-icon.btn-lg {
    padding: 0.5625rem 2.625rem 0.8125rem !important;
}
.btn-icon.btn-sm {
    padding: 0.0625rem 1.28125rem 0.375rem !important;
}
.btn-icon.btn-sm .icon {
    left: 5px;
    position: relative;
    top: 3px;
}
.btn-icon.btn-sm .icon:before {
    font-size: 18px;
}
.btn-icon .icon:before {
    font-size: 22px;
}
.btn-icon .icon {
    left: 5px;
    position: relative;
    top: 4px;
}
.badge {
    border: none;
    border-radius: 0.3125rem;
    font-family: iransans;
    font-weight: 400;
    letter-spacing: -0.0075rem;
    line-height: 2.33;
    margin: 0;
    padding: 0.25rem 1.5rem !important;
}
.badge-orange {
    background-color: rgba(252, 199, 41, 0.08);
    color: #f57200;
}
.badge-light {
    background-color: rgba(37, 51, 204, 0.08);
    color: #2533cc;
}
.badge-success {
    background-color: rgba(13, 191, 102, 0.08);
    color: #0dbf66;
}
.badge-primary {
    background-color: rgba(73, 162, 249, 0.08);
    color: #49a2f9 !important;
}
.badge-danger {
    background-color: rgba(228, 33, 84, 0.08);
    border: none;
    color: #e42154 !important;
}
.badge-warning {
    background-color: rgba(251, 157, 5, 0.08);
    color: #fb6d02 !important;
}
.badge-info {
    background-color: rgba(73, 162, 249, 0.08);
    color: #49a2f9 !important;
}
.badge-light {
    background-color: rgba(128, 141, 166, 0.08);
    color: #808da6 !important;
}
.badge span {
    font-size: 0.75rem;
    letter-spacing: -0.0075rem;
    line-height: 2.33;
    text-align: center;
}
.alert,
.badge span {
    font-family: iransans;
    font-weight: 400;
}
.alert {
    border: none;
    direction: inherit;
    font-size: 0.875rem;
    letter-spacing: -0.01rem;
    line-height: 1.75rem;
    padding: 1rem;
    position: relative;
    text-align: right;
}
@media (max-width: 768px) {
    .alert {
        margin: 0;
    }
}
.alert-success {
    background-color: rgba(0, 179, 75, 0.08);
    color: #00b34b;
}
.alert-success .icon-times-circle:before {
    color: #00b34b;
}
.alert-warning {
    background-color: rgba(251, 157, 5, 0.08);
    color: #fb6d02;
}
.alert-warning .icon-times-circle:before {
    color: #fb6d02;
}
.alert-info {
    background-color: rgba(73, 162, 249, 0.08);
}
.alert-info,
.alert-info .icon-times-circle:before {
    color: #49a2f9;
}
.alert-danger {
    background-color: rgba(228, 33, 84, 0.08);
    color: #e42154;
}
.alert-danger .icon-times-circle:before {
    color: #e42154;
}
.alert-secondary {
    background-color: rgba(43, 49, 73, 0.08);
    color: #2b3149;
}
.alert-light,
.alert-secondary .icon-exclamation-circle:before,
.alert-secondary .icon-times-circle:before {
    color: #2b3149;
}
.alert-light {
    background-color: rgba(43, 49, 73, 0.08);
}
.alert-light .icon-exclamation-circle:before,
.alert-light .icon-times-circle:before {
    color: #2b3149;
}
.alert-primary {
    background-color: rgba(37, 51, 204, 0.08);
    color: #2533cc;
}
.alert-primary .icon-exclamation-circle:before,
.alert-primary .icon-times-circle:before {
    color: #2533cc;
}
.alert .icon {
    margin-left: 0.5rem;
    position: relative;
    top: calc(50% - 15px);
    vertical-align: middle;
}
.alert .icon-smile:before {
    color: #fff;
    content: "\e91c";
    font-size: 1.25rem;
    padding-left: 1rem;
    position: relative;
    top: 0.25rem;
}
.alert .icon-exclamation-triangle:before {
    color: #fff;
    font-size: 1.25rem;
    padding-left: 1rem;
    position: relative;
    top: 0;
}
.alert .icon-megaphone:before {
    color: #fff;
}
.alert .icon-exclamation-circle:before,
.alert .icon-megaphone:before {
    font-size: 1.25rem;
    padding-left: 1rem;
    position: relative;
    top: 0.25rem;
}
.alert .icon-times-circle:before {
    font-size: 1.25rem;
}
.alert .icon-exclamation-circle,
.alert .icon-exclamation-triangle,
.alert .icon-megaphone,
.alert .icon-smile {
    position: absolute;
    right: 20px;
    top: calc(50% - 15px);
}
.alert .close {
    left: 20px !important;
    padding: 0;
    top: calc(50% - 15px) !important;
}
@media (max-width: 992px) {
    .alert .close {
        top: 1.25rem !important;
    }
}
.alert p {
    font-family: iransans;
}
.alert-button {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .alert-button {
        display: inherit;
    }
}
.alert-dismissible {
    padding-left: 4.25rem;
}
.alert-dismissible .close {
    font-size: inherit;
    left: 0;
    line-height: 2.25rem;
    opacity: inherit;
    right: inherit;
    text-shadow: inherit;
    top: 0.1875rem;
}
.alert-dismissible .close:focus,
.alert-dismissible .close:hover {
    outline: 0;
}
h1 {
    font-size: 2.5rem;
    letter-spacing: -0.07875rem;
}
h1,
h2 {
    color: #2533cc;
    font-family: yekan-bakh-new;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
}
h2 {
    font-size: 2.125rem;
    letter-spacing: -0.0675rem;
}
h3 {
    font-size: 1.875rem;
    letter-spacing: -0.06rem;
}
h3,
h4 {
    color: #2533cc;
    font-family: yekan-bakh-new;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
}
h4 {
    font-size: 1.375rem;
    letter-spacing: -0.045rem;
}
h5 {
    font-size: 1rem;
    letter-spacing: -0.03375rem;
}
h5,
h6 {
    color: #2533cc;
    font-family: yekan-bakh-new;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
}
h6 {
    font-size: 0.875rem;
    letter-spacing: -0.03rem;
}
p {
    line-height: 2;
}
.t2_lighter,
p,
span {
    font-family: iransans;
}
.t2_lighter {
    color: #364163;
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: -0.01rem;
    line-height: 2;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="text"],
select {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    border: 2px solid #e9ebef !important;
    border-radius: 0.3125rem !important;
    font-family: iransans;
    height: 2.75rem !important;
    padding: 0.5rem 1rem !important;
}
input[type="email"]::placeholder,
input[type="number"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="text"]::placeholder,
select::placeholder {
    color: #a3adc0 !important;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.14px;
    line-height: 2;
    text-align: right;
}
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
select:focus {
    border: 0.125rem solid #2533cc !important;
}
input[type="email"]:focus ~ label,
input[type="number"]:focus ~ label,
input[type="password"]:focus ~ label,
input[type="search"]:focus ~ label,
input[type="text"]:focus ~ label,
select:focus ~ label {
    background-color: #fff;
    color: #2533cc !important;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.015rem;
    line-height: 2.67;
    padding: 0.125rem 0.375rem 0;
    right: 1.8125rem;
    text-align: right;
    top: -1rem;
    transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);
    width: fit-content;
}
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="text"]:hover,
select:hover {
    background-color: #fdfdfd !important;
    border: 2px solid #e9ebef !important;
    transition: all 0.4s linear;
}
input[type="email"].info,
input[type="number"].info,
input[type="password"].info,
input[type="search"].info,
input[type="text"].info,
select.info {
    border: 2px solid #49a2f9 !important;
    color: #49a2f9 !important;
}
input[type="email"].info + .input_label,
input[type="number"].info + .input_label,
input[type="password"].info + .input_label,
input[type="search"].info + .input_label,
input[type="text"].info + .input_label,
select.info + .input_label {
    color: #49a2f9 !important;
}
input[type="email"].warning,
input[type="number"].warning,
input[type="password"].warning,
input[type="search"].warning,
input[type="text"].warning,
select.warning {
    border: 2px solid #fb6d02 !important;
    color: #fb6d02 !important;
}
input[type="email"].warning + .input_label,
input[type="number"].warning + .input_label,
input[type="password"].warning + .input_label,
input[type="search"].warning + .input_label,
input[type="text"].warning + .input_label,
select.warning + .input_label {
    color: #fb6d02 !important;
}
input[type="email"].success,
input[type="number"].success,
input[type="password"].success,
input[type="search"].success,
input[type="text"].success,
select.success {
    border: 2px solid #00b34b !important;
    color: #00b34b !important;
}
input[type="email"].success + .input_label,
input[type="number"].success + .input_label,
input[type="password"].success + .input_label,
input[type="search"].success + .input_label,
input[type="text"].success + .input_label,
select.success + .input_label {
    color: #00b34b !important;
}
input[type="email"].danger,
input[type="number"].danger,
input[type="password"].danger,
input[type="search"].danger,
input[type="text"].danger,
select.danger {
    border: 2px solid #e42154 !important;
    color: #e42154 !important;
}
input[type="email"].danger + .input_label,
input[type="number"].danger + .input_label,
input[type="password"].danger + .input_label,
input[type="search"].danger + .input_label,
input[type="text"].danger + .input_label,
select.danger + .input_label {
    color: #e42154 !important;
}
input[type="email"].disabled,
input[type="number"].disabled,
input[type="password"].disabled,
input[type="search"].disabled,
input[type="text"].disabled,
select.disabled {
    background-color: #f6f7f9;
    border: 2px solid #edeff2;
    border-radius: 5px;
    pointer-events: none;
}
input[type="email"].disabled:hover,
input[type="number"].disabled:hover,
input[type="password"].disabled:hover,
input[type="search"].disabled:hover,
input[type="text"].disabled:hover,
select.disabled:hover {
    background-color: inherit;
    border: none;
}
input[type="email"].valid-error,
input[type="number"].valid-error,
input[type="password"].valid-error,
input[type="search"].valid-error,
input[type="text"].valid-error,
select.valid-error {
    border: 0.125rem solid #e42154 !important;
    color: #e42154 !important;
}
input[type="email"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="text"][disabled],
select[disabled] {
    background-color: #f6f7f9;
}
.input_label {
    color: #373a4a;
    font-size: 1rem;
    letter-spacing: -0.02rem;
    padding: 0.9375rem 1.375rem 0;
    pointer-events: none;
    position: absolute;
    right: 0.9375rem;
    top: 0.125rem;
    transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);
}
.input_label,
.input_tag {
    font-weight: 400;
    line-height: 2;
    text-align: right;
}
.input_tag {
    color: #667494;
    font-family: iransans;
    font-size: 12px;
    letter-spacing: normal;
}
.input_rightIcon .input {
    padding: 1.25rem 41px !important;
}
.input_rightIcon .icon {
    bottom: 11px;
    color: #a3adc0;
    position: absolute;
    right: 9px;
}
.input_leftIcon .icon-arrow-left {
    bottom: 0.625rem;
    color: #4c5c84;
    left: 0.75rem;
    position: absolute;
}
.input_leftIcon .icon-multiply {
    bottom: 0.9375rem;
    color: #4c5c84;
    cursor: pointer;
    font-size: 1rem !important;
    left: 1rem;
    position: absolute;
}
.input_leftIcon .icon-calender {
    color: #a3adc0;
    left: 0.75rem;
    position: absolute;
    top: 2.875rem;
}
.input_doubleIcon .input {
    padding: 1.25rem 41px !important;
}
.input_doubleIcon .icon-multiply {
    bottom: 0.9375rem;
    color: #4c5c84;
    font-size: 1rem !important;
    position: absolute;
    right: 1rem;
}
.input_doubleIcon .icon-check {
    bottom: 11px;
    color: #00b34b;
    left: 20px;
    position: absolute;
}
.input_assistext {
    color: #667494;
    font-size: 0.625rem;
    left: -1.125rem;
    position: relative;
    top: 0.625rem;
}
.input_assistext.danger,
.input_assistext.danger .icon {
    color: #e42154;
}
.input_assistext.success,
.input_assistext.success .icon {
    color: #00b34b;
}
.input_assistext .icon-info-circle {
    color: #2533cc;
    position: absolute;
    right: -1.25rem;
    top: -0.625rem;
}
.input_assistext .icon-info-circle:before {
    font-size: 16px !important;
}
@media (max-width: 1200px) {
    .input_assistext {
        left: 0;
        width: 90%;
    }
}
.input-group-addon {
    background-color: #edeff2 !important;
}
.input-group input[type="text"] {
    border-radius: 0 !important;
}
.textarea {
    border: 0.125rem solid #e9ebef !important;
    border-radius: 0.3125rem;
    color: #364163 !important;
    direction: rtl;
    padding: 1.0625rem 1rem;
    text-align: right;
}
.textarea:valid {
    border: 0.125rem solid #c6cdda;
}
.textarea:valid ~ label {
    color: #364163;
}
.textarea:hover {
    background-color: #f6f7f9;
    border: 2px solid #edeff2;
    transition: all 0.4s linear;
}
.textarea::placeholder {
    color: #a3adc0 !important;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.14px;
    line-height: 2;
    text-align: right;
}
.textarea:focus {
    background-color: #fff;
    border: 0.125rem solid #2533cc !important;
    box-shadow: none;
}
.textarea.danger {
    border: 2px solid #e42154 !important;
    color: #e42154 !important;
}
.mini-notice {
    color: #667494;
    font-family: iransans;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2;
    text-align: right;
}
.mini-notice .icon {
    color: #2533cc;
    font-size: 0.75rem !important;
}
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;

    background-position: 16px;
    background-repeat: no-repeat;
    background-size: 0.75rem;
    padding: 0.5rem 1rem 0.5rem 2rem !important;
}
.custom-select {
    height: 2.75rem;
    min-width: 12.1875rem;
    padding: 0;
    position: relative;
}
.custom-select select {
    display: none !important;
}
.select-selected {
    align-items: center;
    background-color: #fff;
    border: 0.125rem solid #e9ebef !important;
    border-radius: 0.3125rem;
    display: flex;
    height: 100%;
    justify-content: space-between;
}
.select-selected.select-arrow-active {
    border: 0.125rem solid #2533cc !important;
}
.select-selected:after {
   background-repeat: no-repeat;
    content: "";
    height: 0.375rem;
    left: 16px;
    position: absolute;
    top: 1.25rem;
    width: 0.6875rem;
}
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff;
    transform: rotate(180deg);
}
.select-items div,
.select-selected {
    border: transparent;
    border-bottom: rgba(0, 0, 0, 0.1);
    color: #fff;
    color: #364163;
    cursor: pointer;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.16px;
    line-height: 1.25rem;
    padding: 0.5rem 1rem 0.5rem 1.875rem;
    text-align: right;
    user-select: none;
}
@media (max-width: 768px) {
    .select-items div,
    .select-selected {
        font-size: 0.75rem;
    }
}
.select-items {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 1.875rem 3.125rem 0 rgba(198, 205, 218, 0.48);
    left: 0;
    margin-top: 8px;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
}
.select-hide {
    display: none;
}
.same-as-selected,
.select-items div:hover {
    background-color: #f6f7f9;
}
.country-select .select-items {
    max-height: 18.75rem;
    overflow-y: auto;
}
input[type="checkbox"] {

}
input[type="checkbox"] + span {
    position: relative;
}
input[type="checkbox"] + span:before {
    border: 2px solid #2533cc;
    border-radius: 0.3125rem;
    content: "";
    cursor: pointer;
    height: 1.125rem;
    position: absolute;
    right: -1.25rem;
    top: -0.625rem;
    transition: all 0.4s;
    width: 1.125rem;
}
input[type="checkbox"] + span.success:before {
    border: 2px solid #00b34b;
}
input[type="checkbox"] + span.warning:before {
    border: 2px solid #fb6d02;
}
input[type="checkbox"] + span.danger:before {
    border: 2px solid #e42154;
}
input[type="checkbox"] + span.info:before {
    border: 2px solid #49a2f9;
}
input[type="checkbox"]:checked + span:after {
    border-radius: 0.2rem;
    content: "";
    height: 1.125rem;
    position: absolute;
    right: -0.5625rem;
    top: -0.5625rem;
    transition: all 0.4s;
    width: 1.125rem;
}
input[type="checkbox"]:checked + span.success:after {
    border: 2px solid #0dbf66;
}
input[type="checkbox"]:checked + span.warning:after {
    border: 2px solid #fb8200;
}
input[type="checkbox"]:checked + span.danger:after {
    border: 2px solid #e42154;
}
input[type="checkbox"]:checked + span.info:after {
    border: 2px solid #9db6e8;
}
input[type="checkbox"]:checked + .filled-in:after {
    background-color: #2533cc;
    border-radius: 0.2rem;
    content: "";
    height: 1.125rem;
    position: absolute;
    right: -1.25rem;
    top: -0.625rem;
    transition: all 0.4s;
    width: 1.125rem;
}
input[type="checkbox"]:checked + .filled-in.success:after {
    background-color: #0dbf66;
    border: 2px solid #0dbf66;
}
input[type="checkbox"]:checked + .filled-in.warning:after {
    background-color: #fb8200;
    border: 2px solid #fb8200;
}
input[type="checkbox"]:checked + .filled-in.danger:after {
    background-color: #e42154;
    border: 2px solid #e42154;
}
input[type="checkbox"]:checked + .filled-in.info:after {
    background-color: #9db6e8;
    border: 2px solid #9db6e8;
}
input[type="checkbox"]:checked + .filled-in + .icon-minus-mini {
    display: block;
}
input[type="checkbox"]:disabled + span:before {
    background-color: #fff !important;
    border: 2px solid #e9ebef !important;
    cursor: auto;
}
input[type="checkbox"]:disabled + .filled-in:after {
    background-color: #e9ebef !important;
    border: 2px solid #e9ebef !important;
}
.checkbox {
    display: inline-flex;
    padding-left: 0;
}
.checkbox label {
    right: 9px;
    top: 2px;
}
.checkbox-text {
    font-size: 12px;
    margin-right: 1.5rem;
}
.checkbox .icon-check-mini {
    color: #fff;
    display: inline-flex;
    left: 0.9375rem;
    position: relative;
    top: -0.625rem;
}
.checkbox .icon-check-mini:before {
    font-size: 0.5rem !important;
}
.checkbox .icon-check {
    right: -11px;
    top: -3px;
}
.checkbox .icon-minus-mini {
    color: #fff;
    display: none;
    left: -0.25rem;
    top: -0.40625rem;
}
.checkbox .icon-minus-mini:before {
    font-size: 0.5rem !important;
}
.checkbox .hover {
    border-radius: 0.3125rem;
    height: 1.125rem;
    left: -0.5625rem;
    opacity: 0;
    position: absolute;
    top: -0.125rem;
    transition: all 0.4s;
    width: 1.125rem;
}
.checkbox:hover .hover {
    opacity: 1;
}
input[type="radio"] {
    display: contents;
    opacity: 0;
    position: absolute;
}
input[type="radio"] + span {
    position: relative;
}
input[type="radio"] + span:before {
    background-color: #fff;
    border: 2px solid #2533cc;
    border-radius: 50%;
    content: "";
    cursor: pointer;
    height: 1.125rem;
    position: absolute;
    right: -0.4375rem;
    top: -0.625rem;
    transition: all 0.4s;
    width: 1.125rem;
}
input[type="radio"] + span.success:before {
    background-color: #fff;
    border: 2px solid #0dbf66 !important;
}
input[type="radio"] + span.warning:before {
    background-color: #fff;
    border: 2px solid #fb8200 !important;
}
input[type="radio"] + span.danger:before {
    background-color: #fff;
    border: 2px solid #e42154 !important;
}
input[type="radio"] + span.info:before {
    background-color: #fff;
    border: 2px solid #9db6e8 !important;
}
input[type="radio"]:checked + span:before {
    background-color: #2533cc;
    border: 2px solid #2533cc;
}
input[type="radio"]:checked + span:after {
    background-color: #fff;
    border-radius: 100%;
    content: "";
    height: 0.375rem;
    left: -0.3125rem;
    position: absolute;
    top: -0.25rem;
    transition: all 0.4s;
    width: 0.375rem;
}
input[type="radio"]:checked + span.success:before {
    background-color: #00b34b;
    border: 2px solid #00b34b !important;
}
input[type="radio"]:checked + span.success:after {
    background-color: #fff;
    border-radius: 100%;
}
input[type="radio"]:checked + span.warning:before {
    background-color: #fb6d02;
    border: 2px solid #fb6d02 !important;
}
input[type="radio"]:checked + span.warning:after {
    background-color: #fff;
    border-radius: 100%;
}
input[type="radio"]:checked + span.danger:before {
    background-color: #e42154;
    border: 2px solid #e42154 !important;
}
input[type="radio"]:checked + span.danger:after {
    background-color: #fff;
    border-radius: 100%;
}
input[type="radio"]:checked + span.info:before {
    background-color: #49a2f9;
    border: 2px solid #49a2f9 !important;
}
input[type="radio"]:checked + span.info:after {
    background-color: #fff;
    border-radius: 100%;
}
input[type="radio"]:disabled + span:before {
    background-color: #c6cdda;
    border: 2px solid #c6cdda;
}
input[type="radio"]:disabled + span:after {
    background-color: #c6cdda;
    border-radius: 100%;
    content: "";
    cursor: auto;
    display: none;
    height: 0.75rem;
    left: -0.5rem;
    position: absolute;
    top: -0.375rem;
    transition: all 0.4s;
    width: 0.75rem;
}
input[type="radio"]:disabled:checked + span:before {
    background-color: #c6cdda;
    border: 6px solid #e9ebef;
}
input[type="radio"]:disabled:checked + span:after {
    background-color: #c6cdda;
    border-radius: 100%;
    content: "";
    height: 0.375rem;
    left: -0.3125rem;
    position: absolute;
    top: 0.375rem;
    transition: all 0.4s;
    width: 0.375rem;
}
.radio {
    align-items: center;
    display: inline-flex;
    margin-right: 0.4375rem;
    padding-left: 1.25rem;
}
.radio .hover {
    border-radius: 50%;
    height: 1.125rem;
    opacity: 0;
    position: absolute;
    right: -0.4375rem;
    top: -0.03125rem;
    transition: all 0.4s;
    width: 1.125rem;
}
.radio label {
    display: contents;
}
.radio:hover .hover {
    opacity: 1;
}
.switch-btn {
    display: inline-block;
    height: 22px;
    position: relative;
    position: relative !important;
    width: 40px;
}
.switch-btn input {
    height: 0;
    opacity: 0;
    width: 0;
}
.switch-btn input:checked + .slider-btn {
    background-color: #2533cc;
    border: 2px solid #2533cc;
}
.switch-btn input:checked + .slider-btn:before {
    background-color: #fff;
    border: none !important;
    box-shadow: 0 3px 5px 0 rgba(43, 49, 73, 0.16);
    right: -3px !important;
    -webkit-transform: translateX(-20px) !important;
    -ms-transform: translateX(-20px) !important;
    transform: translateX(-20px) !important;
}
.switch-btn input:checked + .slider-btn:after {
    display: none !important;
}
.switch-btn input:checked + .slider-btn.success {
    background-color: #00b34b;
    border: 1px solid #00b34b !important;
}
.switch-btn input:checked + .slider-btn.success:before {
    border: none !important;
    right: -3px !important;
    top: -2px !important;
}
.switch-btn input:checked + .slider-btn.warning {
    background-color: #fb6d02;
    border: 1px solid #fb6d02 !important;
}
.switch-btn input:checked + .slider-btn.warning:before {
    border: none !important;
    right: -3px !important;
    top: -2px !important;
}
.switch-btn input:checked + .slider-btn.danger {
    background-color: #e42154;
    border: 1px solid #e42154 !important;
}
.switch-btn input:checked + .slider-btn.danger:before {
    border: none !important;
    right: -3px !important;
    top: -2px !important;
}
.switch-btn input:checked + .slider-btn.info {
    background-color: #49a2f9;
    border: 1px solid #49a2f9 !important;
}
.switch-btn input:checked + .slider-btn.info:before {
    border: none !important;
    right: -3px !important;
    top: -2px !important;
}
.switch-btn input:checked + .slider-btn + .icon-check {
    opacity: 1 !important;
    transition: all 1.5s;
}
.switch-btn input:focus + .slider-btn {
    box-shadow: 0 0 1px #2533cc;
}
.switch-btn input:disabled + .slider-btn {
    background-color: #e9ebef;
    border: none !important;
}
.switch-btn input:disabled + .slider-btn:before {
    background-color: #a3adc0 !important;
    border: 0.125rem solid #a3adc0 !important;
    right: -2px !important;
    top: -1px !important;
}
.switch-btn input:disabled:checked + .slider-btn {
    background-color: #e9ebef !important;
    border: 1px solid #e9ebef;
    top: 2px !important;
}
.switch-btn input:disabled:checked + .slider-btn:before {
    background-color: #a3adc0 !important;
}
.switch-btn .slider-btn {
    background-color: #e9ebef;
    border: 2px solid #e9ebef;
    bottom: 0 !important;
    cursor: pointer;
    left: 0 !important;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.switch-btn .slider-btn:before {
    background-color: #fff;
    border: none;
    bottom: 4px !important;
    box-shadow: 0 3px 5px 0 rgba(43, 49, 73, 0.16);
    content: "";
    height: 24px !important;
    position: absolute !important;
    right: -3px !important;
    top: -3px !important;
    transition: 0.4s;
    width: 24px !important;
}
.switch-btn .slider-btn.round {
    border-radius: 34px;
}
.switch-btn .slider-btn.round:before {
    border-radius: 50%;
}
.switch-btn .slider-btn.danger:before,
.switch-btn .slider-btn.info:before,
.switch-btn .slider-btn.success:before,
.switch-btn .slider-btn.warning:before {
    background-color: #fff !important;
    border: none !important;
}
.switch-btn .icon-check {
    left: 6px;
    opacity: 0;
    position: absolute;
    top: 6px;
}
.switch-btn .icon-check.primary {
    color: #2533cc;
}
.switch-btn .icon-check.disabled {
    color: #fff;
}
.switch-btn .icon-check.success {
    color: #00b34b;
}
.switch-btn .icon-check.warning {
    color: #fb6d02;
}
.switch-btn .icon-check.danger {
    color: #e42154;
}
.switch-btn .icon-check.info {
    color: #49a2f9;
}
.switch-btn .icon-check:before {
    font-size: 20px !important;
}
.switch-btn .hover {
    background-color: #2343a3;
    border-radius: 36px;
    height: 38px;
    left: -4px;
    opacity: 0;
    top: -3.5px;
    transition: all 0.4s;
    width: 61px;
}
.switch-btn .hover.success {
    background-color: #00b34b;
}
.switch-btn .hover.warning {
    background-color: #fb6d02;
}
.switch-btn .hover.danger {
    background-color: #e42154;
}
.switch-btn .hover.info {
    background-color: #49a2f9;
}
.switch-btn:hover .hover {
    opacity: 0.1;
}
.tab-content,
.tab-pane {
    font-family: iransans;
}
.tab-pane h1,
.tab-pane h2,
.tab-pane h3,
.tab-pane h4,
.tab-pane h5,
.tab-pane h6 {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-family: iransans;
}
.nav-tabs > li > a {
    border-width: 0.125rem;
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
}
.nav-tabs > li > a:hover {
    border-bottom-color: #2533cc;
}
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    background-color: transparent;
}
.tooltip .tooltip-inner {
    background-image: linear-gradient(97deg, #1e2437 1%, #364163 99%);
}
.tooltip.top {
    right: -4.375rem;
}
table.table {
    border: none !important;
    border-collapse: collapse;
    box-shadow: none;
}
table.table tr th {
    border: none !important;
    font-size: 0.875rem !important;
}
table.table tr th a {
    color: #364163 !important;
}
table.table-responsive td,
table.table-responsive th {
    border: none !important;
}
table thead {
    background-color: #edeff2;
}
table thead tr th {
    border: none !important;
    color: #364163 !important;
    font-family: yekan-bakh-new;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.03rem !important;
    line-height: 2.875rem !important;
}
table thead tr th:first-child {
    border-bottom-right-radius: 0.3125rem !important;
    border-top-right-radius: 0.3125rem !important;
}
table thead tr th:last-child {
    border-bottom-left-radius: 0.3125rem !important;
    border-top-left-radius: 0.3125rem !important;
}
table thead tr th a {
    color: #364163 !important;
    font-size: 0.875rem !important;
}
table tbody tr {
    background-color: #fff !important;
    border-bottom: 0.0625rem solid #e9ebef;
}
table tbody tr:last-child {
    border: none !important;
}
table tbody tr:hover {
    background-color: rgba(37, 51, 204, 0.08) !important;
}
table tbody tr:hover td:first-child {
    border-bottom-right-radius: 0.3125rem !important;
    border-top-right-radius: 0.3125rem !important;
}
table tbody tr:hover td:last-child {
    border-bottom-left-radius: 0.3125rem !important;
    border-top-left-radius: 0.3125rem !important;
}
table tbody tr:hover td:last-child a {
    display: block;
    height: 1.4375rem;
    margin: auto;
    width: 1.4375rem;
}
table tbody tr td a span {
    color: #2533cc;
}
table tbody tr td:last-child a {
    display: block;
    height: 1.4375rem;
    margin: auto;
    width: 1.4375rem;
}
.table-no-hover td:hover,
.table-no-hover th:hover,
.table-no-hover tr:hover {
    background-color: inherit !important;
}
.borderless td,
.borderless th,
.borderless tr {
    border: none !important;
}
label {
    font-family: iransans;
    margin-bottom: 0 !important;
    padding: 0.53125rem 0 0 !important;
}
.label,
label {
    border-radius: 0.3125rem !important;
    color: #667494 !important;
    font-size: 0.75rem !important;
}
.label {
    border: none !important;
    margin: 0 !important;
    min-width: 6.375rem !important;
    padding: 0.53125rem 1.5rem !important;
}
.label-primary,
.label-success,
.label.active,
.label.completed,
.label.label-primary,
.label.label-success,
.label.paid,
.label.primary,
.label.success {
    background: rgba(13, 191, 102, 0.08);
    color: #0dbf66 !important;
}
.label-dark,
.label.expired,
.label.pending,
.label.pendingregistration,
.label.pendingtransfer,
.label.unpaid {
    background-color: rgba(251, 157, 5, 0.08);
    color: #fb6d02 !important;
}
.label-danger,
.label.cancelled,
.label.danger,
.label.fraud,
.label.grace,
.label.redemption,
.label.terminated {
    background-color: rgba(228, 33, 84, 0.08);
    border: none;
    color: #e42154 !important;
}
.label-default,
.label.default,
.label.suspended {
    background-color: rgba(128, 141, 166, 0.08);
    color: #808da6 !important;
}
.label.info,
.label.transferredaway {
    background-color: rgba(73, 162, 249, 0.08);
    color: #49a2f9 !important;
}
.pagination > li > a,
.pagination > li > span {
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem !important;
    margin-right: 0.625rem !important;
    min-width: 2.375rem;
    text-align: center;
}
.pagination > li.active > a {
    background-color: #2533cc;
    border-color: #2533cc;
}
.pagination {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.pagination li.next a,
.pagination li.previous a {
    line-height: normal;
    max-height: 2.5rem;
    padding: 0.40625rem 0;
}
.pagination li.page-items-angle a {
    height: 2.5rem !important;
    padding: 0.375rem !important;
}
.scrollbar {
    overflow-y: scroll;
}
.scrollbar::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 0;
}
.scrollbar::-webkit-scrollbar {
    background-color: #f5f5f5;
    width: 0.25rem;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #55555559;
    border-radius: 0;
}
.panel {
    border-radius: 0.3125rem !important;
    box-shadow: 0 0.625rem 1.5625rem 0 rgba(198, 205, 218, 0.12) !important;
    margin-bottom: 0 !important;
}
.panel-heading {
    border: none;
    padding: 2.125rem 1.875rem 0.75rem;
}
@media (max-width: 768px) {
    .panel-heading {
        padding: 2.125rem 0.9375rem 1.25rem;
    }
}
.panel-heading h5 {
    color: #2533cc;
    font-family: yekan-bakh-new !important;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.03375rem;
    line-height: 1.5;
    text-align: right;
}
.panel-heading p {
    color: #364163;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
    margin-bottom: 0;
}
.panel-actions p {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-family: iransans;
}
.panel-body {
    padding-bottom: 1.875rem;
}
.panel-body > :last-child {
    padding-bottom: 0 !important;
}
.list {
    font-family: iransans;
}
.list ul {
    list-style: none;
    padding-inline-start: 0;
}
.list ul li {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
    padding-bottom: 0.9375rem;
    position: relative;
    text-align: right;
}
.list ol {
    list-style: none;
    padding-inline-start: 0;
}
.list ol li {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
    padding-bottom: 0.9375rem;
    position: relative;
    text-align: right;
}
.list .check-list-item {
    padding-right: 2rem;
    position: relative;
}
.list .check-list-item:before {
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 100%;
    content: "";
    height: 0.875rem;
    position: absolute;
    right: 0;
    top: 0.4375rem;
    width: 0.875rem;
}
.list .check-list-item .icon-check {
    color: #85a0e2;
    position: absolute;
    right: 0;
    top: 3px;
}
.list .circle-list-item {
    padding-right: 1.3125rem;
}
.list .circle-list-item:before {
    background-color: #fb9d05;
    border-radius: 100%;
    content: "";
    height: 0.375rem;
    position: absolute;
    right: 0;
    top: 0.8125rem;
    width: 0.375rem;
}
.list .number-list {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    counter-reset: my-awesome-counter;
    font-family: iransans;
}
.list .number-list-item {
    counter-increment: my-awesome-counter;
    padding-right: 2.0625rem;
}
.list .number-list-item:before {
    background-color: #eef0f6;
    border-radius: 1rem;
    color: #2533cc;
    content: counter(my-awesome-counter);
    font-size: 0.875rem;
    height: 1.5rem;
    letter-spacing: -0.02625rem;
    line-height: 2;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0.125rem;
    width: 1.5rem;
}
.text-bold {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.text-success {
    color: #0dbf66 !important;
}
.text-primary {
    color: #2533cc !important;
}
.select2-selection {
    border: 2px solid #e9ebef !important;
    border-radius: 0.3125rem !important;
    height: 2.75rem !important;
    padding: 0.625rem 1rem 0.625rem 2.125rem !important;
}
.select2-selection:after {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 1.25rem;
    left: 1rem;
    position: absolute;
    top: 0.75rem;
    width: 1.4375rem;
}
.select2-selection__arrow {
    left: 0.9375rem !important;
    right: inherit !important;
}
.select2-selection__arrow b {
    display: none;
}
.select2-selection__rendered {
    color: #364163 !important;
    font-family: iransans !important;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
}
.select2-container--open .select2-selection:after {
    transform: rotate(180deg);
}
.select2-search__field {
    font-family: iransans;
    height: 2.6875rem;
}
.select2-search--dropdown {
    padding: 1rem 0.5rem 0.5rem !important;
}
.select2-dropdown {
    border: none !important;
    border-radius: 0 0 0.3125rem 0.3125rem;
    box-shadow: 0 30px 50px 0 rgba(198, 205, 218, 0.48) !important;
}
.select2-results__option {
    color: #364163;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
    padding: 0.9375rem 0.625rem;
}
.select2-results__option--highlighted {
    background-color: #f6f7f9 !important;
    color: #364163 !important;
}
.modal-header {
    padding: 1.5rem 1.5rem 0;
}
.modal-title {
    color: #364163;
}
.modal-content {
    background-color: #fff;
    border-radius: 0.3125rem;
    box-shadow: 0 0.625rem 1.5625rem 0 rgba(170, 179, 217, 0.12);
}
.modal-body {
    color: #364163;
    font-family: iransans;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
    padding: 1.25rem 1.5rem !important;
}
.modal-footer {
    padding: 0.375rem 1.5rem 1.5rem;
}
.sweet-alert {
    padding: 0 1.5rem 1.125rem;
}
.sweet-alert h2 {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
    text-align: right;
}
.sweet-alert .icon {
    display: none !important;
}
.sweet-alert p.lead {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
    text-align: right;
}
.sweet-alert p:last-child {
    text-align: left;
}
.sweet-alert .confirm {
    background-color: #2533cc !important;
    color: #fff !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.00875rem !important;
    line-height: 2 !important;
    padding: 0.375rem 1.5rem !important;
}
.sweet-alert .confirm:active,
.sweet-alert .confirm:hover {
    background-color: #3d51d2 !important;
    box-shadow: 0 10px 25px 0 rgba(35, 67, 163, 0.12) !important;
    color: #fff !important;
}
.sweet-alert .cancel {
    background-color: transparent;
    color: #2533cc !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.00875rem !important;
    line-height: 2 !important;
    padding: 0.375rem 1.5rem !important;
    transition: all 0.4s;
}
.sweet-alert .cancel:active,
.sweet-alert .cancel:hover {
    color: #556dd7 !important;
}
.sweet-alert .cancel:active {
    background-color: transparent !important;
}
.sweet-alert .btn-success {
    border: transparent !important;
}
.divider {
    width: 100%;
}
.divider .solid {
    border-radius: 1rem;
    margin-bottom: 2.1875rem;
    width: 100%;
}
.divider .solid.thick,
.divider .solid.thin {
    border: 2px solid #e9ebef;
}
.divider .dashed {
    border: 0.0625rem dashed #e9ebef;
}
.divider .dashed,
.divider .dotted {
    margin-bottom: 2.1875rem;
    width: 100%;
}
.divider .dotted {
    border: 2px dotted #e9ebef;
}
.page-content {
    padding: 3rem 1.875rem;
}
.textarea.valid-error {
    border: 0.125rem solid #e42154 !important;
    color: #e42154 !important;
}
body.vg-nav-sidebar-open {
    overflow: hidden;
}
.vg-nav {
    position: relative;
    width: 100%;
    z-index: 100;
}
.vg-nav > ul:not(.vg-nav-main-container) {
    display: none;
}
.vg-nav-main-container {
    align-items: end;
    display: flex !important;
}
.vg-nav-main-container span.toggle {
    display: none;
}
.site-menubar .vg-nav-main-container .dropdown > ul {
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.4s ease;
    visibility: hidden;
    width: 200px;
}
.quick-access-msg .vg-nav-main-container .dropdown > ul {
    min-width: 26.3125rem;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.4s ease;
    visibility: hidden;
}
@media (max-width: 1600px) {
    .quick-access-msg .vg-nav-main-container .dropdown > ul {
        min-width: 18.75rem;
    }
}
@media (max-width: 1500px) {
    .quick-access-msg .vg-nav-main-container .dropdown > ul {
        min-width: 18.125rem;
    }
}
@media (max-width: 1440px) {
    .quick-access-msg .vg-nav-main-container .dropdown > ul {
        min-width: 18rem;
    }
}
@media (max-width: 992px) {
    .quick-access-msg .vg-nav-main-container .dropdown > ul {
        min-width: 18rem;
    }
}
@media (max-width: 768px) {
    .quick-access-msg .vg-nav-main-container .dropdown > ul {
        margin-right: -12.5rem;
        min-width: 26.3125rem;
    }
}
@media (max-width: 500px) {
    .quick-access-msg .vg-nav-main-container .dropdown > ul {
        min-width: 18rem;
    }
}
.quick-access-menu .vg-nav-main-container .dropdown > ul {
    min-width: 12.5rem;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.4s ease;
    visibility: hidden;
}
@media (max-width: 1500px) {
    .quick-access-menu .vg-nav-main-container .dropdown > ul {
        min-width: 11.25rem;
    }
}
@media (max-width: 1440px) {
    .quick-access-menu .vg-nav-main-container .dropdown > ul {
        min-width: 11.25rem;
    }
}
@media (max-width: 1250px) {
    .quick-access-menu .vg-nav-main-container .dropdown > ul {
        margin-right: -2.5rem;
        min-width: 11.25rem;
    }
}
@media (max-width: 1050px) {
    .quick-access-menu .vg-nav-main-container .dropdown > ul {
        margin-right: -2.5rem;
        min-width: 11.25rem;
    }
}
@media (max-width: 992px) {
    .quick-access-menu .vg-nav-main-container .dropdown > ul {
        min-width: 12.5rem;
    }
}
@media (max-width: 795px) {
    .quick-access-menu .vg-nav-main-container .dropdown > ul {
        margin-right: -3.125rem;
        min-width: 12.5rem;
    }
}
@media (max-width: 500px) {
    .quick-access-menu .vg-nav-main-container .dropdown > ul {
        min-width: 18rem;
    }
    .vg-nav-main-container .dropdown.show > ul {
        margin-right: -7.9375rem;
    }
}
.vg-nav-main-container {
    display: block;
    margin: 0;
    padding: 0;
}
.vg-nav-main-container li {
    list-style: none;
}
.vg-nav-main-container > li {
    display: inline-block;
}
.vg-nav-main-container span.toggle {
    transform: rotate(0);
    transition: all 0.4s ease;
}
.vg-nav-main-container span.toggle span.default {
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    border-top: 0.3em solid;
    display: inline-block;
    height: 0;
    margin-left: 0.355em;
    transform: rotate(0);
    transition: all 0.4s ease;
    vertical-align: 0.255em;
    width: 0;
}
.vg-nav-main-container .dropdown {
    position: relative;
}
.vg-nav-main-container .dropdown ul {
    padding: 0;
}
.vg-nav-main-container .dropdown > ul .left {
    left: 0;
}
.vg-nav-main-container .dropdown > ul .right {
    right: 0;
}
.vg-nav-main-container .dropdown > ul ul {
    opacity: 0;
    position: absolute;
    top: 20%;
    transition: all 0.4s ease;
    visibility: hidden;
    width: 200px;
}
.vg-nav-main-container .dropdown > ul .dropdown ul.left {
    left: 100%;
}
.vg-nav-main-container .dropdown > ul .dropdown ul.right {
    right: 100%;
}
.vg-nav-main-container .dropdown > ul .dropdown.show > ul {
    opacity: 1;
    top: 0;
    visibility: visible;
}
.vg-nav-main-container .dropdown.show > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.vg-nav-main-container .dropdown.show > a span.toggle .default {
    transform: rotate(-180deg);
}
.vg-nav-main-container .dropdown-mega .dropdown-mega-container {
    left: 0;
    min-height: 300px;
    opacity: 0;
    position: absolute;
    top: 120%;
    transition: all 0.4s ease;
    visibility: hidden;
    width: 100%;
}
.vg-nav-main-container .dropdown-mega.show > a span.toggle {
    transform: rotate(-180deg);
}
.vg-nav-main-container .dropdown-mega.show > .dropdown-mega-container {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.vg-nav-main-container.vg-nav-cloned > li {
    display: block;
}
.vg-nav-main-container.vg-nav-cloned .dropdown ul {
    height: 0;
    position: relative;
    top: 0;
    width: 100%;
}
.vg-nav-main-container.vg-nav-cloned .dropdown ul .left,
.vg-nav-main-container.vg-nav-cloned .dropdown ul .right {
    left: 0 !important;
    top: 0 !important;
}
.vg-nav-main-container.vg-nav-cloned .dropdown.show > ul {
    height: auto;
}
.vg-nav-main-container.vg-nav-cloned .dropdown-mega .dropdown-mega-container {
    display: none;
    height: 0;
    min-height: 0;
    position: relative;
    top: 0;
}
.vg-nav-main-container.vg-nav-cloned .dropdown-mega.show .dropdown-mega-container {
    display: block;
    height: auto;
    top: 0;
}
.vg-nav-hover > ul .dropdown:hover > a span.toggle {
    transform: rotate(-180deg);
}
.vg-nav-hover > ul .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.vg-nav-hover > ul .dropdown:hover .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    visibility: visible;
}
.vg-nav-hover > ul .dropdown-mega:hover .dropdown-mega-container {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.vg-nav-hover > ul .dropdown-mega:hover > a span.toggle {
    transform: rotate(-180deg);
}
.vg-nav-hamburger {
    display: none !important;
}
.vg-nav-hamburger--lines {
    display: inline-block;
    height: 35px;
    position: relative;
    width: 35px;
}
.vg-nav-hamburger--lines span {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 2px;
    cursor: pointer;
    display: block;
    height: 3px;
    opacity: 1;
    position: absolute;
    transform: rotate(0);
    transition: all 0.4s ease;
    width: 35px;
}
.vg-nav-hamburger--lines span:first-child {
    top: 3px;
}
.vg-nav-hamburger--lines span:nth-child(2) {
    top: 13px;
}
.vg-nav-hamburger--lines span:last-child {
    top: 23px;
}
.vg-nav-hamburger--title {
    display: inline-block;
    position: relative;
}
.vg-nav-hamburger.show .vg-nav-hamburger--lines span:first-child {
    opacity: 0;
    top: 13px;
}
.vg-nav-hamburger.show .vg-nav-hamburger--lines span:nth-child(2) {
    transform: rotate(45deg);
}
.vg-nav-hamburger.show .vg-nav-hamburger--lines span:last-child {
    top: 13px;
    transform: rotate(-45deg);
}
.vg-nav-collapse {
    display: block;
    height: 0;
    opacity: 0;
    position: relative;
    transition: all 0.4s ease;
    visibility: hidden;
}
.vg-nav-collapse.show {
    height: 100%;
    opacity: 1;
    visibility: visible;
}
.vg-nav-sidebar {
    background: #fff;
    display: block;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all 0.4s ease;
    z-index: 9990;
}
@media only screen and (min-width: 1200px) {
    .vg-nav-sidebar.left {
        left: -25%;
        width: 25%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .vg-nav-sidebar.left {
        left: -33%;
        width: 33%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .vg-nav-sidebar.left {
        left: -50%;
        width: 50%;
    }
}
@media only screen and (max-width: 767.98px) {
    .vg-nav-sidebar.left {
        left: -75%;
        width: 75%;
    }
}
@media only screen and (max-width: 479.98px) {
    .vg-nav-sidebar.left {
        left: -100%;
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) {
    .vg-nav-sidebar.right {
        right: -25%;
        width: 25%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .vg-nav-sidebar.right {
        right: -33%;
        width: 33%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    .vg-nav-sidebar.right {
        right: -50%;
        width: 50%;
    }
}
@media only screen and (max-width: 767.98px) {
    .vg-nav-sidebar.right {
        right: -75%;
        width: 75%;
    }
}
@media only screen and (max-width: 479.98px) {
    .vg-nav-sidebar.right {
        right: -100%;
        width: 100%;
    }
}
.vg-nav-sidebar.show.left {
    left: 0 !important;
    opacity: 1;
}
.vg-nav-sidebar.show.right {
    opacity: 1;
    right: 0 !important;
}
.vg-nav-sidebar__close {
    color: #333;
    cursor: pointer;
    font-size: 56px;
    font-weight: 300;
    position: absolute;
    right: 15px;
    top: 0;
}
.vg-nav-sidebar__content {
    height: calc(100% - 60px);
    margin-top: 50px;
    overflow-x: hidden;
    overflow-y: auto;
}
.vg-nav-sidebar .vg-nav-main-container .dropdown > ul {
    position: relative;
    top: 0;
}
.vg-nav-overlay {
    background: rgba(51, 51, 51, 0.7);
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: all 0.4s ease;
    transition-delay: 0.15s;
    width: 100%;
    z-index: 9989;
}
.vg-nav-overlay.right {
    left: -100%;
}
.vg-nav-overlay.right.show {
    left: 0;
    opacity: 1;
}
.vg-nav-overlay.left {
    right: -100%;
}
.vg-nav-overlay.left.show {
    opacity: 1;
    right: 0;
}
@media only screen and (max-width: 479.98px),
    only screen and (max-width: 767.98px),
    only screen and (min-width: 1200px),
    only screen and (min-width: 768px) and (max-width: 991.98px),
    only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .vg-nav-xl .vg-nav-hamburger {
        display: block;
    }
    .vg-nav-xl > ul {
        display: none;
    }
}
@media only screen and (max-width: 479.98px), only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
    .vg-nav-lg .vg-nav-hamburger {
        display: block;
    }
    .vg-nav-lg > ul {
        display: none;
    }
}
@media only screen and (max-width: 479.98px), only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
    .vg-nav-md .vg-nav-hamburger {
        display: block;
    }
    .vg-nav-md > ul {
        display: none;
    }
}
@media only screen and (max-width: 479.98px), only screen and (max-width: 767.98px) {
    .vg-nav-sm .vg-nav-hamburger {
        display: block;
    }
    .vg-nav-sm > ul {
        display: none;
    }
}
@media only screen and (max-width: 479.98px) {
    .vg-nav-xs .vg-nav-hamburger {
        display: block;
    }
    .vg-nav-xs > ul {
        display: none;
    }
}
a {
    transition: all 0.3s ease;
}
.vg-nav > ul > li {
    padding: 23px 0 24px 22px;
}
@media (max-width: 1200px) {
    .vg-nav > ul > li {
        padding: 22px 0 25px 14px;
    }
}
@media (max-width: 992px) {
    .vg-nav > ul > li {
        padding: 13px 0 16px 14px;
    }
}
.vg-nav > ul > li > a {
    color: #364163;
    display: block;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: none;
    transition: all 0.3s;
}
.vg-nav > ul > li > a .icon {
    color: #a3acc0;
    font-size: 1.375rem !important;
    top: 0.1875rem;
}
@media (max-width: 992px) {
    .vg-nav > ul > li > a .icon {
        font-size: 1.125rem !important;
    }
}
.vg-nav .dropdown ul {
    background: #fff;
    box-shadow: 0 1.875rem 3.125rem 0 rgba(198, 205, 218, 0.4);
}
.vg-nav .dropdown ul li a {
    border-top: none;
    color: #364163;
    display: block;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.14px;
    line-height: 2;
    padding: 12px 18px;
    text-decoration: none;
}
.vg-nav .dropdown ul li a:hover {
    background-color: #f6f7f9;
}
.vg-nav .dropdown ul ul {
    background: #fff;
}
.vg-nav .dropdown-mega .dropdown-mega-container {
    background: hsla(0, 0%, 100%, 0.9);
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
    padding: 15px;
}
.vg-nav-hamburger {
    margin: 0;
}
.vg-nav-sidebar .vg-nav-sidebar__content {
    padding: 0 20px 20px;
    width: 100%;
}
.vg-nav-collapse ul {
    padding: 20px 0;
    width: 100%;
}
.vg-nav-collapse > ul > li > a,
.vg-nav-sidebar__content > ul > li > a {
    border-bottom: 1px solid #f2f2f2;
    color: #333;
    display: block;
    padding: 10px 0;
    text-decoration: none;
}
.vg-nav-collapse > ul ul,
.vg-nav-sidebar__content > ul ul {
    background: rgba(0, 0, 0, 0.02);
}
.vg-nav-collapse > ul ul li > a,
.vg-nav-sidebar__content > ul ul li > a {
    border-bottom: 1px solid #f5f5f5;
    color: #333;
    display: block;
    font-size: 0.95rem;
    padding: 10px;
    text-decoration: none;
}
.vg-nav-collapse .dropdown-mega-container,
.vg-nav-sidebar__content .dropdown-mega-container {
    background: rgba(0, 0, 0, 0.02);
    border-bottom: 1px solid #f5f5f5;
    padding: 15px;
}
.d-flex {
    display: flex !important;
}
.d-inline-flex {
    display: inline-flex !important;
}
.flex-row {
    flex-direction: row !important;
}
.flex-row-reverse {
    flex-direction: row-reverse !important;
}
.flex-column {
    flex-direction: column !important;
}
.flex-column-reverse {
    flex-direction: column-reverse !important;
}
.justify-content-start {
    justify-content: flex-start !important;
}
.justify-content-end {
    justify-content: flex-end !important;
}
.justify-content-center {
    justify-content: center !important;
}
.justify-content-between {
    justify-content: space-between !important;
}
.justify-content-around {
    justify-content: space-around !important;
}
.justify-content-evenly {
    justify-content: space-evenly !important;
}
.align-items-start {
    align-items: flex-start !important;
}
.align-items-end {
    align-items: flex-end !important;
}
.align-items-center {
    align-items: center !important;
}
.align-items-baseline {
    align-items: baseline !important;
}
.align-items-stretch {
    align-items: stretch !important;
}
.align-self-start {
    align-self: flex-start !important;
}
.align-self-end {
    align-self: flex-end !important;
}
.align-self-center {
    align-self: center !important;
}
.align-self-baseline {
    align-self: baseline !important;
}
.align-self-stretch {
    align-self: stretch !important;
}
.flex-nowrap {
    flex-wrap: nowrap !important;
}
.flex-wrap {
    flex-wrap: wrap !important;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}
.order-0 {
    order: 0;
}
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.align-content-start {
    align-content: flex-start;
}
.align-content-end {
    align-content: flex-end;
}
.align-content-center {
    align-content: center;
}
.align-content-around {
    align-content: space-around;
}
.align-content-stretch {
    align-content: stretch;
}
@media (min-width: 1440px) {
    .d-xxl-flex {
        display: flex !important;
    }
    .d-xxl-inline-flex {
        display: inline-flex !important;
    }
    .flex-xxl-row {
        flex-direction: row !important;
    }
    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xxl-column {
        flex-direction: column !important;
    }
    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .justify-content-xxl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xxl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xxl-center {
        justify-content: center !important;
    }
    .justify-content-xxl-between {
        justify-content: space-between !important;
    }
    .justify-content-xxl-around {
        justify-content: space-around !important;
    }
    .justify-content-xxl-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xxl-start {
        align-items: flex-start !important;
    }
    .align-items-xxl-end {
        align-items: flex-end !important;
    }
    .align-items-xxl-center {
        align-items: center !important;
    }
    .align-items-xxl-baseline {
        align-items: baseline !important;
    }
    .align-items-xxl-stretch {
        align-items: stretch !important;
    }
    .align-self-xxl-start {
        align-self: flex-start !important;
    }
    .align-self-xxl-end {
        align-self: flex-end !important;
    }
    .align-self-xxl-center {
        align-self: center !important;
    }
    .align-self-xxl-baseline {
        align-self: baseline !important;
    }
    .align-self-xxl-stretch {
        align-self: stretch !important;
    }
    .flex-xxl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xxl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .order-xxl-0 {
        order: 0 !important;
    }
    .order-xxl-1 {
        order: 1 !important;
    }
    .order-xxl-2 {
        order: 2 !important;
    }
    .order-xxl-3 {
        order: 3 !important;
    }
    .order-xxl-4 {
        order: 4 !important;
    }
    .order-xxl-5 {
        order: 5 !important;
    }
    .order-xxl-6 {
        order: 6 !important;
    }
    .order-xxl-7 {
        order: 7 !important;
    }
    .order-xxl-8 {
        order: 8 !important;
    }
    .order-xxl-9 {
        order: 9 !important;
    }
    .order-xxl-10 {
        order: 10 !important;
    }
    .order-xxl-11 {
        order: 11 !important;
    }
    .order-xxl-12 {
        order: 12 !important;
    }
    .align-content-xxl-start {
        align-content: flex-start !important;
    }
    .align-content-xxl-end {
        align-content: flex-end !important;
    }
    .align-content-xxl-center {
        align-content: center !important;
    }
    .align-content-xxl-around {
        align-content: space-around !important;
    }
    .align-content-xxl-stretch {
        align-content: stretch !important;
    }
}
@media (max-width: 1440px) {
    .d-xl-flex {
        display: flex !important;
    }
    .d-xl-inline-flex {
        display: inline-flex !important;
    }
    .flex-xl-row {
        flex-direction: row !important;
    }
    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xl-column {
        flex-direction: column !important;
    }
    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }
    .justify-content-xl-start {
        justify-content: flex-start !important;
    }
    .justify-content-xl-end {
        justify-content: flex-end !important;
    }
    .justify-content-xl-center {
        justify-content: center !important;
    }
    .justify-content-xl-between {
        justify-content: space-between !important;
    }
    .justify-content-xl-around {
        justify-content: space-around !important;
    }
    .justify-content-xl-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-xl-start {
        align-items: flex-start !important;
    }
    .align-items-xl-end {
        align-items: flex-end !important;
    }
    .align-items-xl-center {
        align-items: center !important;
    }
    .align-items-xl-baseline {
        align-items: baseline !important;
    }
    .align-items-xl-stretch {
        align-items: stretch !important;
    }
    .align-self-xl-start {
        align-self: flex-start !important;
    }
    .align-self-xl-end {
        align-self: flex-end !important;
    }
    .align-self-xl-center {
        align-self: center !important;
    }
    .align-self-xl-baseline {
        align-self: baseline !important;
    }
    .align-self-xl-stretch {
        align-self: stretch !important;
    }
    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .order-xl-0 {
        order: 0 !important;
    }
    .order-xl-1 {
        order: 1 !important;
    }
    .order-xl-2 {
        order: 2 !important;
    }
    .order-xl-3 {
        order: 3 !important;
    }
    .order-xl-4 {
        order: 4 !important;
    }
    .order-xl-5 {
        order: 5 !important;
    }
    .order-xl-6 {
        order: 6 !important;
    }
    .order-xl-7 {
        order: 7 !important;
    }
    .order-xl-8 {
        order: 8 !important;
    }
    .order-xl-9 {
        order: 9 !important;
    }
    .order-xl-10 {
        order: 10 !important;
    }
    .order-xl-11 {
        order: 11 !important;
    }
    .order-xl-12 {
        order: 12 !important;
    }
    .align-content-xl-start {
        align-content: flex-start !important;
    }
    .align-content-xl-end {
        align-content: flex-end !important;
    }
    .align-content-xl-center {
        align-content: center !important;
    }
    .align-content-xl-around {
        align-content: space-around !important;
    }
    .align-content-xl-stretch {
        align-content: stretch !important;
    }
}
@media (max-width: 1200px) {
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
    .flex-lg-row {
        flex-direction: row !important;
    }
    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-lg-column {
        flex-direction: column !important;
    }
    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }
    .justify-content-lg-start {
        justify-content: flex-start !important;
    }
    .justify-content-lg-end {
        justify-content: flex-end !important;
    }
    .justify-content-lg-center {
        justify-content: center !important;
    }
    .justify-content-lg-between {
        justify-content: space-between !important;
    }
    .justify-content-lg-around {
        justify-content: space-around !important;
    }
    .justify-content-lg-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-lg-start {
        align-items: flex-start !important;
    }
    .align-items-lg-end {
        align-items: flex-end !important;
    }
    .align-items-lg-center {
        align-items: center !important;
    }
    .align-items-lg-baseline {
        align-items: baseline !important;
    }
    .align-items-lg-stretch {
        align-items: stretch !important;
    }
    .align-self-lg-start {
        align-self: flex-start !important;
    }
    .align-self-lg-end {
        align-self: flex-end !important;
    }
    .align-self-lg-center {
        align-self: center !important;
    }
    .align-self-lg-baseline {
        align-self: baseline !important;
    }
    .align-self-lg-stretch {
        align-self: stretch !important;
    }
    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }
    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .order-lg-0 {
        order: 0 !important;
    }
    .order-lg-1 {
        order: 1 !important;
    }
    .order-lg-2 {
        order: 2 !important;
    }
    .order-lg-3 {
        order: 3 !important;
    }
    .order-lg-4 {
        order: 4 !important;
    }
    .order-lg-5 {
        order: 5 !important;
    }
    .order-lg-6 {
        order: 6 !important;
    }
    .order-lg-7 {
        order: 7 !important;
    }
    .order-lg-8 {
        order: 8 !important;
    }
    .order-lg-9 {
        order: 9 !important;
    }
    .order-lg-10 {
        order: 10 !important;
    }
    .order-lg-11 {
        order: 11 !important;
    }
    .order-lg-12 {
        order: 12 !important;
    }
    .align-content-lg-start {
        align-content: flex-start !important;
    }
    .align-content-lg-end {
        align-content: flex-end !important;
    }
    .align-content-lg-center {
        align-content: center !important;
    }
    .align-content-lg-around {
        align-content: space-around !important;
    }
    .align-content-lg-stretch {
        align-content: stretch !important;
    }
}
@media (max-width: 992px) {
    .d-md-flex {
        display: flex !important;
    }
    .d-md-inline-flex {
        display: inline-flex !important;
    }
    .flex-md-row {
        flex-direction: row !important;
    }
    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-md-column {
        flex-direction: column !important;
    }
    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }
    .justify-content-md-start {
        justify-content: flex-start !important;
    }
    .justify-content-md-end {
        justify-content: flex-end !important;
    }
    .justify-content-md-center {
        justify-content: center !important;
    }
    .justify-content-md-between {
        justify-content: space-between !important;
    }
    .justify-content-md-around {
        justify-content: space-around !important;
    }
    .justify-content-md-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-md-start {
        align-items: flex-start !important;
    }
    .align-items-md-end {
        align-items: flex-end !important;
    }
    .align-items-md-center {
        align-items: center !important;
    }
    .align-items-md-baseline {
        align-items: baseline !important;
    }
    .align-items-md-stretch {
        align-items: stretch !important;
    }
    .align-self-md-start {
        align-self: flex-start !important;
    }
    .align-self-md-end {
        align-self: flex-end !important;
    }
    .align-self-md-center {
        align-self: center !important;
    }
    .align-self-md-baseline {
        align-self: baseline !important;
    }
    .align-self-md-stretch {
        align-self: stretch !important;
    }
    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-md-wrap {
        flex-wrap: wrap !important;
    }
    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .order-md-0 {
        order: 0 !important;
    }
    .order-md-1 {
        order: 1 !important;
    }
    .order-md-2 {
        order: 2 !important;
    }
    .order-md-3 {
        order: 3 !important;
    }
    .order-md-4 {
        order: 4 !important;
    }
    .order-md-5 {
        order: 5 !important;
    }
    .order-md-6 {
        order: 6 !important;
    }
    .order-md-7 {
        order: 7 !important;
    }
    .order-md-8 {
        order: 8 !important;
    }
    .order-md-9 {
        order: 9 !important;
    }
    .order-md-10 {
        order: 10 !important;
    }
    .order-md-11 {
        order: 11 !important;
    }
    .order-md-12 {
        order: 12 !important;
    }
    .align-content-md-start {
        align-content: flex-start !important;
    }
    .align-content-md-end {
        align-content: flex-end !important;
    }
    .align-content-md-center {
        align-content: center !important;
    }
    .align-content-md-around {
        align-content: space-around !important;
    }
    .align-content-md-stretch {
        align-content: stretch !important;
    }
}
@media (max-width: 768px) {
    .d-sm-flex {
        display: flex !important;
    }
    .d-sm-inline-flex {
        display: inline-flex !important;
    }
    .flex-sm-row {
        flex-direction: row !important;
    }
    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-sm-column,
    .flex-sm-column-reverse {
        flex-direction: column !important;
    }
    .justify-content-sm-start {
        justify-content: flex-start !important;
    }
    .justify-content-sm-end {
        justify-content: flex-end !important;
    }
    .justify-content-sm-center {
        justify-content: center !important;
    }
    .justify-content-sm-between {
        justify-content: space-between !important;
    }
    .justify-content-sm-around {
        justify-content: space-around !important;
    }
    .justify-content-sm-evenly {
        justify-content: space-evenly !important;
    }
    .align-items-sm-start {
        align-items: flex-start !important;
    }
    .align-items-sm-end {
        align-items: flex-end !important;
    }
    .align-items-sm-center {
        align-items: center !important;
    }
    .align-items-sm-baseline {
        align-items: baseline !important;
    }
    .align-items-sm-stretch {
        align-items: stretch !important;
    }
    .align-items-xs-start {
        align-items: flex-start !important;
    }
    .align-items-xs-end {
        align-items: flex-end !important;
    }
    .align-items-xs-center {
        align-items: center !important;
    }
    .align-items-xs-baseline {
        align-items: baseline !important;
    }
    .align-items-xs-stretch {
        align-items: stretch !important;
    }
    .align-self-sm-start {
        align-self: flex-start !important;
    }
    .align-self-sm-end {
        align-self: flex-end !important;
    }
    .align-self-sm-center {
        align-self: center !important;
    }
    .align-self-sm-baseline {
        align-self: baseline !important;
    }
    .align-self-sm-stretch {
        align-self: stretch !important;
    }
    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }
    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .order-sm-0 {
        order: 0 !important;
    }
    .order-sm-1 {
        order: 1 !important;
    }
    .order-sm-2 {
        order: 2 !important;
    }
    .order-sm-3 {
        order: 3 !important;
    }
    .order-sm-4 {
        order: 4 !important;
    }
    .order-sm-5 {
        order: 5 !important;
    }
    .order-sm-6 {
        order: 6 !important;
    }
    .order-sm-7 {
        order: 7 !important;
    }
    .order-sm-8 {
        order: 8 !important;
    }
    .order-sm-9 {
        order: 9 !important;
    }
    .order-sm-10 {
        order: 10 !important;
    }
    .order-sm-11 {
        order: 11 !important;
    }
    .order-sm-12 {
        order: 12 !important;
    }
    .align-content-sm-start {
        align-content: flex-start !important;
    }
    .align-content-sm-end {
        align-content: flex-end !important;
    }
    .align-content-sm-center {
        align-content: center !important;
    }
    .align-content-sm-around {
        align-content: space-around !important;
    }
    .align-content-sm-stretch {
        align-content: stretch !important;
    }
}
@media (max-width: 359.98px) {
    .d-xs-flex {
        display: flex !important;
    }
    .d-xs-inline-flex {
        display: inline-flex !important;
    }
    .flex-xs-row {
        flex-direction: row !important;
    }
    .flex-xs-row-reverse {
        flex-direction: row-reverse !important;
    }
    .flex-xs-column {
        flex-direction: column !important;
    }
    .flex-xs-column-reverse {
        flex-direction: column-reverse !important;
    }
    .justify-content-xs-start {
        justify-content: flex-start !important;
    }
    .justify-content-xs-end {
        justify-content: flex-end !important;
    }
    .justify-content-xs-center {
        justify-content: center !important;
    }
    .justify-content-xs-between {
        justify-content: space-between !important;
    }
    .justify-content-xs-around {
        justify-content: space-around !important;
    }
    .justify-content-xs-evenly {
        justify-content: space-evenly !important;
    }
    .align-self-xs-start {
        align-self: flex-start !important;
    }
    .align-self-xs-end {
        align-self: flex-end !important;
    }
    .align-self-xs-center {
        align-self: center !important;
    }
    .align-self-xs-baseline {
        align-self: baseline !important;
    }
    .align-self-xs-stretch {
        align-self: stretch !important;
    }
    .flex-xs-nowrap {
        flex-wrap: nowrap !important;
    }
    .flex-xs-wrap {
        flex-wrap: wrap !important;
    }
    .flex-xs-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }
    .order-xs-0 {
        order: 0 !important;
    }
    .order-xs-1 {
        order: 1 !important;
    }
    .order-xs-2 {
        order: 2 !important;
    }
    .order-xs-3 {
        order: 3 !important;
    }
    .order-xs-4 {
        order: 4 !important;
    }
    .order-xs-5 {
        order: 5 !important;
    }
    .order-xs-6 {
        order: 6 !important;
    }
    .order-xs-7 {
        order: 7 !important;
    }
    .order-xs-8 {
        order: 8 !important;
    }
    .order-xs-9 {
        order: 9 !important;
    }
    .order-xs-10 {
        order: 10 !important;
    }
    .order-xs-11 {
        order: 11 !important;
    }
    .order-xs-12 {
        order: 12 !important;
    }
    .align-content-xs-start {
        align-content: flex-start !important;
    }
    .align-content-xs-end {
        align-content: flex-end !important;
    }
    .align-content-xs-center {
        align-content: center !important;
    }
    .align-content-xs-around {
        align-content: space-around !important;
    }
    .align-content-xs-stretch {
        align-content: stretch !important;
    }
}
.skeleton {
    animation: shine-lines 1.6s linear infinite;
    background-image: linear-gradient(90deg, #ddd, #e8e8e8 40px, #ddd 80px);
    background-size: contain;
    border-radius: 0.3125rem;
    height: 100%;
    width: 100%;
}
.site-header {
    border-bottom: 0.0625rem solid #e9ebef;
    border-top: 0.25rem solid #2533cc;
    padding: 2.5rem 0;
}
@media (max-width: 767px) {
    .site-header {
        border-top: none;
        padding: 0;
    }
}
.site-header-row {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    .site-header-row .input-search {
        margin-top: 1.5rem;
        order: 3;
    }
}
@media (max-width: 1199px) and (max-width: 768px) {
    .site-header-row .input-search {
        margin-top: 0;
        padding: 0;
    }
}
.site-header .quick-access {
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 768px) {
    .site-header .quick-access {
        justify-content: center;
    }
}
.site-header .quick-access ul {
    padding-inline-start: 0;
}
.site-header .quick-access ul li {
    background-color: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem;
    height: 2.5rem;
    margin: 0.125rem 0 0.0625rem 1rem;
    padding: 0.5rem;
    width: 2.5rem;
}
.site-header .quick-access ul li.user-icon {
    margin-right: 1rem !important;
}
.site-header .quick-access ul li.drop-down {
    background-color: transparent;
    display: flex;
    font-family: yekan-bakh-new;
    font-size: 1rem;
    font-weight: 700;
    height: inherit;
    letter-spacing: -0.03rem;
    margin-left: 0;
    padding: 0;
    width: inherit;
}
.site-header .quick-access ul li.drop-down.open > a {
    background-color: transparent;
}
.site-header .quick-access ul li.drop-down span {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-family: iransans;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
}
.site-header .quick-access ul li.drop-down span.icon-angle-down {
    color: #a3acc0;
    font-size: 1.375rem;
    margin-right: 0.75rem;
}
.site-header .quick-access ul li.drop-down a {
    background-color: transparent;
    text-decoration: none;
}
.site-header .quick-access ul li.drop-down a:hover {
    background-color: transparent;
    text-decoration: none !important;
}
.site-header .quick-access ul li.drop-down a:active,
.site-header .quick-access ul li.drop-down a:focus {
    text-decoration: none !important;
}
.site-header .quick-access ul li span {
    color: #2533cc;
    font-size: 1.5rem;
}
.site-header .quick-access ul li span.badge {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    background-color: #fb6d02;
    border-radius: 0.9375rem;
    color: #fff !important;
    font-size: 0.625rem;
    height: 1rem;
    line-height: 0.6875rem;
    padding: 0.25rem !important;
    position: absolute;
    right: -0.3125rem;
    top: -0.3125rem;
    width: 1rem;
}
.site-header .quick-access ul li ul.dropdown-menu {
    z-index: 9999;
}
.site-header .quick-access ul li ul li {
    background-color: transparent;
    height: inherit;
    margin: 0;
    padding: 0.25rem;
    width: inherit;
}
.site-header .quick-access ul li a.user-info {
    align-items: center;
    color: #364163;
    display: flex;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: -0.03rem;
    line-height: 1.6;
}
.site-header .quick-access ul li a.user-info:hover {
    background-color: transparent !important;
}
.site-header .quick-access ul li .user-info-name-hover-scroll p {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.6;
}
.site-header .quick-access ul li a.cart,
.site-header .quick-access ul li a.msg {
    display: contents;
}
@media (max-width: 1600px) {
    .site-header .quick-access ul li {
        margin: 0.125rem 0 0.0625rem 0.5rem;
    }
    .site-header .quick-access ul li.user-icon {
        margin-right: 0 !important;
    }
}
@media (max-width: 768px) {
    .site-header .quick-access ul {
        display: inherit;
    }
}
.site-header .quick-access-msg ul {
    border: none;
    border-radius: 0.3125rem;
    margin-top: 1rem;
    max-width: 26.3125rem;
}
.site-header .quick-access-msg ul li {
    border-bottom: none;
    border-radius: 0;
    padding: 0 !important;
}
.site-header .quick-access-msg ul li h5 {
    border-bottom: 0.0625rem solid #e9ebef;
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
    margin: 1.5rem 1rem 0;
    padding: 0 0 1.375rem;
}
.site-header .quick-access-msg ul li span.icon {
    color: #c6cdda;
}
.site-header .quick-access-msg ul li a {
    background-color: transparent;
}
.site-header .quick-access-msg ul li a.list-group-item:hover {
    background-color: #f6f7f9 !important;
}
.site-header .quick-access-msg ul li .media {
    border: none !important;
}
.site-header .quick-access-msg ul li .media-heading {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
    white-space: normal;
}
.site-header .quick-access-msg ul li ul li {
    padding: 0;
}
.site-header .quick-access-msg ul.vg-nav-main-container {
    height: 1.875rem;
    margin-top: 0;
}
.site-header .quick-access-menu ul li {
    padding: 0 !important;
}
.site-header .quick-access-menu ul li a {
    color: #364163;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
    padding: 0.625rem 1.125rem;
}
.site-header .quick-access-menu ul li a:hover {
    background-color: #f6f7f9 !important;
}
.site-header .quick-access-menu ul li ul li:last-child {
    border-radius: 0;
    border-top: 0.0625rem solid #e9ebef;
    padding: 1rem 0 0.75rem !important;
}
.site-header .quick-access-menu ul li ul li:last-child a {
    background-color: rgba(228, 33, 84, 0.08);
    border-radius: 0.3125rem;
    color: #e42154;
    display: inline-block;
    margin: 0 1.125rem;
    padding: 0.3125rem 2.375rem 0.3125rem 1.5rem;
}
.site-header .quick-access-menu ul li ul li:last-child a:hover {
    background-color: rgba(228, 33, 84, 0.08) !important;
}
.site-header .quick-access-menu .off-icon {
   content: "";
    height: 1rem;
    margin-right: -1.4375rem;
    margin-top: 0.375rem;
    position: absolute;
    width: 1rem;
}
.site-header #is_search_form {
    margin: 0;
    padding: 0;
}
.site-header #is_search_form .form-control {
    box-shadow: none;
}
.site-header #is_search_form .form-control::placeholder {
    font-weight: 300;
}
.site-header .input-search input {
    background-color: #fff;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    padding: 1.1875rem 2.625rem 1.1875rem 1rem !important;
}
.site-header .input-search .input-search-btn {
    left: auto;
    outline: none;
    padding: 0.625rem 0.875rem 0.5rem 0.5rem;
    right: 0;
}
.site-header #is_search_result {
    margin: 0.5rem 0.0625rem;
}
.site-header #is_search_result .smartsearch .smartsearch-list {
    box-shadow: 0.688rem 1.875rem 3.125rem 0 #c6cdda;
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-row-title {
    background: #e9ebef;
    font-family: iransans;
    font-size: 0.75rem;
    font-weight: 500;
    padding: 0.25rem 0.75rem;
}
@media (max-width: 630px) {
    .site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-product {
        display: flex;
        flex-direction: column;
    }
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-product-label {
    width: fit-content;
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-product-title {
    padding-right: 1rem;
}
@media (max-width: 630px) {
    .site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-product-title {
        margin: 0.9375rem 0;
        padding-right: 0;
    }
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-product-btn {
    margin: 0;
    width: fit-content;
}
@media (max-width: 630px) {
    .site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-ticket {
        display: flex;
        flex-direction: column;
    }
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-ticket-label {
    width: fit-content;
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-ticket-title {
    padding-right: 1rem;
}
@media (max-width: 630px) {
    .site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-ticket-title {
        margin: 0.9375rem 0;
        padding-right: 0;
    }
    .site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-invoice {
        display: flex;
        flex-direction: column;
    }
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-invoice-label {
    width: fit-content;
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-invoice-num {
    margin: 0 0.9375rem;
    padding-right: 0.9375rem;
}
@media (max-width: 630px) {
    .site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-invoice-num {
        margin: 0.9375rem 0;
        padding: 0;
    }
}
.site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-invoice-btn {
    float: left;
}
@media (max-width: 630px) {
    .site-header #is_search_result .smartsearch .smartsearch-list .smartsearch-invoice-btn {
        float: inherit;
        margin: 0.9375rem 0;
    }
}
.site-header #is_search_result .smartsearch-product-title {
    padding-right: 1rem;
}
.site-header #is_search_result .smartsearch .smartsearch-row.free {
    background-color: #fff;
    border: 2px solid #e9ebef;
}
.site-header-ticket-btn {
    order: 4;
    text-align: center;
}
.site-header-ticket-btn:after {
    background: #e9ebef;
    content: "";
    height: 0.0625rem;
    left: 0;
    margin-top: 0.375rem;
    position: absolute;
    top: 0;
    width: 100%;
}
.site-header-ticket-btn a {
    margin: 1.375rem 0 1rem;
}
.site-menubar {
    border: none !important;
    box-shadow: 0 10px 25px 0 rgba(170, 179, 217, 0.12) !important;
    height: 4.5rem;
}
@media (max-width: 992px) {
    .site-menubar {
        height: 3.125rem;
    }
}
@media (max-width: 768px) {
    .site-menubar {
        display: none;
    }
}
.site-menubar .site-main-menu .site-menu-item {
    border-bottom: none;
    display: inline-block;
    padding-left: 0.9375rem;
}
@media (max-width: 1200px) {
    .site-menubar .site-main-menu .site-menu-item {
        padding-left: 0.5rem;
    }
}
.site-menubar .site-main-menu .site-menu-item.open {
    background-color: inherit;
}
.site-menubar .site-main-menu .site-menu-item a {
    line-height: 4.375rem;
}
@media (max-width: 992px) {
    .site-menubar .site-main-menu .site-menu-item a {
        line-height: 3.125rem;
    }
}
.site-menubar .site-main-menu .site-menu-item a:hover {
    background-color: inherit;
    color: inherit;
}
.site-menubar .site-main-menu .site-menu-item a.dropdown-toggle .icon {
    color: #a3acc0;
    font-size: 1.375rem;
    top: 0.375rem;
}
.site-menubar .site-main-menu .dropdown-menu {
    border: none;
    box-shadow: 0 1.875rem 3.125rem 0 rgba(198, 205, 218, 0.4);
}
.site-menubar .site-main-menu .dropdown-menu ul li {
    padding-left: 0;
    transition: all 0.3s;
}
.site-menubar .site-main-menu .dropdown-menu ul li:hover {
    background-color: #f6f7f9;
}
.site-menubar .site-main-menu .dropdown-menu ul li a {
    line-height: 2 !important;
    padding: 0.8125rem 1.125rem;
}
.site-menubar .site-main-menu .dropdown-menu ul li a span {
    color: #364163;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
}
.site-menubar .site-menu .site-menu-item {
    border-bottom: none;
    padding-left: 0.9375rem;
}
@media (max-width: 1200px) {
    .site-menubar .site-menu .site-menu-item {
        padding-left: 0.5rem;
    }
}
.site-menubar .site-menu .site-menu-item.open {
    background-color: inherit;
}
.site-menubar .site-menu .site-menu-item a {
    line-height: 4.375rem;
}
@media (max-width: 992px) {
    .site-menubar .site-menu .site-menu-item a {
        line-height: 3.125rem;
    }
}
.site-menubar .site-menu .site-menu-item a:hover {
    background-color: inherit;
    color: inherit;
}
.site-menubar .site-menu .site-menu-item a.dropdown-toggle .icon {
    color: #a3acc0;
    font-size: 1.375rem;
    top: 0.375rem;
}
.site-menubar .site-menu .dropdown-menu {
    border: none;
    box-shadow: 0 1.875rem 3.125rem 0 rgba(198, 205, 218, 0.4);
}
.site-menubar .site-menu .dropdown-menu ul li {
    padding-left: 0;
    transition: all 0.3s;
}
.site-menubar .site-menu .dropdown-menu ul li:hover {
    background-color: #f6f7f9;
}
.site-menubar .site-menu .dropdown-menu ul li a {
    line-height: 2 !important;
    padding: 0.8125rem 1.125rem;
}
.site-menubar .site-menu .dropdown-menu ul li a span {
    color: #364163;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
}
.site-menubar .site-menu-title {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.03375rem;
    overflow: inherit;
}
@media (max-width: 1200px) {
    .site-menubar .site-menu-title {
        font-size: 1rem;
    }
}
@media (max-width: 992px) {
    .site-menubar .site-menu-title {
        font-size: 0.875rem;
    }
}
@media (max-width: 768px) {
    .site-menubar .site-menu-title {
        margin-left: 0 !important;
    }
}
.site-menubar .left-btn {
    align-items: center;
    display: flex;
    height: 4.375rem;
    justify-content: center;
}
.site-navbar {
    background-color: transparent;
    border-top: 0.25rem solid #2b41a1 !important;
    height: 6.125rem !important;
    min-height: 6.125rem !important;
    position: relative;
}
@media (max-width: 768px) {
    .site-navbar {
        box-shadow: none !important;
        height: 7.5rem !important;
        margin-bottom: 0;
    }
}
.site-navbar ul.nav {
    box-shadow: 0 1.875rem 3.125rem 0 #c6cdda;
}
.site-navbar ul.nav li {
    border-bottom: none;
    height: inherit;
}
.site-navbar ul.nav li a {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163 !important;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
    padding-bottom: 0.75rem !important;
    padding-top: 0.8125rem !important;
}
.site-navbar ul.nav li a:hover {
    background-color: #f6f7f9;
}
.site-navbar a {
    text-decoration: none;
}
.site-navbar .navbar-header {
    padding: 0.75rem 0 0.5625rem;
}
@media (max-width: 768px) {
    .site-navbar .navbar-header {
        align-items: center;
        display: flex;
        height: 7.5rem !important;
        justify-content: center;
    }
    .site-navbar .navbar-header:after {
        background: #e9ebef;
        bottom: 0;
        content: "";
        height: 0.0625rem;
        position: absolute;
        width: calc(100% - 30px);
    }
}
.site-navbar .navbar-header .icon-bars:before {
    color: #2533cc;
}
.site-navbar .navbar-toggle {
    color: #364163 !important;
}
.site-navbar .navbar-brand {
    float: right !important;
    padding: 1.25rem 0 !important;
}
@media (max-width: 768px) {
    .site-navbar .navbar-brand {
        height: 2.5rem !important;
        padding: 0.3125rem 0 !important;
    }
}
.site-navbar .navbar-brand-logo {
    display: inline-block !important;
}
.site-navbar .hamburger-bar,
.site-navbar .hamburger:after,
.site-navbar .hamburger:before {
    background-color: #364163 !important;
}
body.site-navbar-small {
    padding-top: 0 !important;
}
.widget-box {
    background-color: #fff;
    border-radius: 0.3125rem;
    box-shadow: 0 0.625rem 1.5625rem 0 rgba(198, 205, 218, 0.12);
    margin-bottom: 2rem;
    padding: 1.5rem 1.625rem 1.6875rem;
}
@media (max-width: 992px) {
    .widget-box {
        padding: 0.625rem 0 0.3125rem;
    }
}
@media (max-width: 768px) {
    .widget-box {
        background-color: transparent;
    }
}
.widget-box .row {
    display: flex;
    justify-content: center;
}
@media (max-width: 1200px) {
    .widget-box .row {
        display: inline-block;
    }
}
@media (max-width: 768px) {
    .widget-box .row {
        display: flex;
        flex-direction: column;
    }
}
.widget-box-item {
    align-items: center;
    display: flex;
    justify-content: right;
    padding: 0 1.5rem;
}
@media (max-width: 1200px) {
    .widget-box-item {
        float: right;
        width: 50%;
    }
}
@media (max-width: 768px) {
    .widget-box-item {
        background-color: #fff;
        border-radius: 0.3125rem;
        float: none;
        margin-bottom: 1.25rem;
        padding: 0.625rem 1.5rem;
        width: 100%;
    }
    .widget-box-item:last-child {
        margin-bottom: 0;
    }
}
.widget-box-item.pr_40 {
    padding-right: 2.5rem;
}
@media (max-width: 1440px) {
    .widget-box-item.pr_40 {
        padding-right: 1.5rem;
    }
}
.widget-box-item .bg-icon {
    align-items: center;
    background-color: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem;
    display: flex;
    height: 4.0625rem;
    justify-content: center;
    width: 4.0625rem;
}
.widget-box-item-content {
    padding-right: 1rem;
}
.widget-box-item-content a {
    text-decoration: none;
}
.widget-box-item-content h5 {
    color: #2533cc;
    font-family: yekan-bakh-new;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.03375rem;
    line-height: 1.5;
    margin-bottom: 0;
}
.widget-box-item-content div {
    color: #364163;
    font-family: iransans;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
}
.widget-box-item-content div span:first-child {
    color: #364163;
    font-family: yekan-bakh-fanum;
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -0.0675rem;
    line-height: 1.5;
}
.widget-box-item-content div span:nth-child(3) {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    padding-right: 1.75rem;
}
.widget-box-item-content-divider {
    background-color: #e9ebef;
    display: inline-block;
    height: 2rem;
    margin-right: 0.6875rem;
    margin-top: 0.5rem;
    position: absolute;
    width: 0.0625rem;
}
.index-slider {
    box-shadow: 0 0.625rem 1.5625rem 0 rgba(198, 205, 218, 0.12);
}
.index-slider .swiper-container {
    box-shadow: none !important;
}
.index-slider .swiper-container,
.index-slider img {
    border-radius: 0.3125rem !important;
}
.domain-slider {
    background-color: #2533cc;
    border-radius: 0.3125rem;
    color: #fff;
    margin-bottom: 2rem;
    min-height: 11.5625rem;
    padding: 1rem 0;
}
.domain-slider .container {
    height: 100%;
}
.domain-slider-col1 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}
.domain-slider-col1:before {
  background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 11.5625rem;
    position: absolute;
    right: -0.75rem;
    top: -1rem;
    width: 15.3125rem;
}
@media (max-width: 992px) {
    .domain-slider-col1:before {
        right: inherit;
        top: inherit;
    }
}
.domain-slider-col3 {
    margin-right: -2.25rem;
    padding-right: 0;
}
@media (max-width: 1439.99px) {
    .domain-slider-col3 {
        margin-right: 0;
    }
}
@media (max-width: 992px) {
    .domain-slider-col3 {
        margin-right: inherit;
        margin-top: 1rem;
        padding-right: inherit;
    }
}
.domain-slider-col3 .domain-slider-owl-item {
    align-items: center;
  background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    width: 7rem;
}
@media (max-width: 1439.99px) {
    .domain-slider-col3 .domain-slider-owl-item {
        width: 5.625rem;
    }
}
@media (max-width: 1200px) {
    .domain-slider-col3 .domain-slider-owl-item {
        padding: 0;
        width: 4.75rem;
    }
}
@media (max-width: 992px) {
    .domain-slider-col3 .domain-slider-owl-item {
        background-image: inherit !important;
        min-height: 5rem;
        width: 100%;
    }
}
.domain-slider-col3 .domain-slider-owl-item .icon {
    color: #2533cc;
}
.domain-slider-col3 .domain-slider-owl-item a {
    color: #2533cc;
    font-size: 0.625rem;
    font-weight: 500;
    text-decoration: none;
}
.domain-slider-title {
    align-items: center;
    display: flex;
    font-size: 1.75rem;
    font-weight: 900;
    height: 9.5625rem;
}
.domain-slider-title h3 {
    color: #fff;
}
.domain-slider-owl {
    column-gap: 1rem;
    display: flex;
    padding: 0 3.125rem 0 2.375rem;
}
@media (max-width: 1439.99px) {
    .domain-slider-owl {
        padding: 0;
    }
}
@media (max-width: 992px) {
    .domain-slider-owl {
        flex-wrap: wrap;
        justify-content: center;
        padding: 0;
        row-gap: 1rem;
    }
}
.domain-slider-owl-item {
    background-color: #fff;
    border-radius: 0.3125rem;
    min-height: 9.5625rem;
    padding: 0.9375rem;
    text-align: center;
    width: 100%;
}
@media (max-width: 1200px) {
    .domain-slider-owl-item {
        padding: 0.9375rem 0;
    }
}
@media (max-width: 992px) {
    .domain-slider-owl-item {
        width: 48.7%;
    }
}
@media (max-width: 704px) {
    .domain-slider-owl-item {
        width: 48.6%;
    }
}
@media (max-width: 660px) {
    .domain-slider-owl-item {
        width: 48%;
    }
}
@media (max-width: 490px) {
    .domain-slider-owl-item {
        width: 47%;
    }
}
@media (max-width: 359.98px) {
    .domain-slider-owl-item {
        width: 100%;
    }
}
.domain-slider-owl-item h4 {
    color: #2b3149 !important;
    direction: ltr;
    font-size: 2rem;
    font-weight: 900;
    letter-spacing: -0.01em;
    margin: 0;
    text-align: center;
}
@media (max-width: 500px) {
    .domain-slider-owl-item h4 {
        font-size: 1.5rem;
    }
}
.domain-slider-owl-item h4 span {
    color: #fb8200;
}
.domain-slider .discounted {
    color: #2b3149;
}
.domain-slider .discounted span:first-child {
    font-family: yekan-bakh-new;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.25rem;
}
.domain-slider .discounted span:nth-child(2) {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.domain-slider .original {
    color: #c6cdda;
    margin: auto;
    position: relative;
    width: fit-content;
}
.domain-slider .original:before {
    background: #c6cdda;
    content: "";
    display: block;
    height: 0.0625rem;
    position: relative;
    top: 1.25rem;
}
.domain-slider .original span:first-child {
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 2.25rem;
}
.domain-slider .original span:nth-child(2) {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.client-block .panel {
    padding: 0 1.5rem;
}
.client-block .panel-heading {
    align-items: center;
    border-color: #e9ebef;
    display: flex;
    height: 5rem;
    justify-content: space-between;
    padding: 1.5rem 0 1rem;
}
.client-block .panel-heading .panel-title {
    align-items: flex-end;
    color: #2533cc;
    display: flex;
    font-family: yekan-bakh-new;
    font-size: 1rem;
    font-weight: 700;
    justify-content: center;
    letter-spacing: -0.03375rem;
    line-height: 1.5;
    padding: 0;
}
.client-block .panel-heading .panel-title a {
    line-height: 0;
}
.client-block .panel-heading .panel-title .icon:before {
    font-size: 1.125rem !important;
}
.client-block .panel-body .row-heading {
    border-bottom: 0.0625rem solid #e9ebef;
    padding: 1.125rem 0 0.3125rem;
}
.client-block .panel-body .row-heading h6 {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
}
.client-block .panel-body .row-content {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    align-items: center;
    border-bottom: 0.0625rem solid #f2f3f5;
    display: flex;
    font-family: iransans;
    justify-content: center;
    padding: 0.5rem 0;
}
.client-block .panel-body .row-content:last-child {
    border-bottom: none;
    padding-bottom: 0.5rem !important;
}
.client-block .panel-body .row-content:hover {
    background-color: #f6f7f9;
    border-radius: 0.3125rem;
}
.client-block .panel-body .row-content-num {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
}
.client-block .panel-body .row-content-num a {
    color: #364163;
    text-decoration: none;
}
.client-block .panel-body .row-content-subject {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
}
.client-block .panel-body .row-content-subject a {
    color: #364163;
    text-decoration: none;
}
.client-block .panel-body .row-content-subject span {
    color: #2533cc;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2;
}
.client-block .panel-body .list-group-item {
    border-top-color: #f6f7f9;
    padding: 0.75rem 0.9375rem;
}
.client-block .panel-body .list-group-item:hover {
    background-color: #f6f7f9;
    border-radius: 0.3125rem;
}
.client-block .panel-body .list-group-item:first-child {
    border-top-color: transparent !important;
    margin-top: 1rem;
}
.client-block .panel-body .list-group-item a {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #2533cc;
    font-family: iransans;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
    text-decoration: none;
}
.client-block .panel-body .list-group.sort-four .list-group-item:nth-child(n + 5) {
    display: none;
}
@media (max-width: 1200px) {
    .client-block .panel-body .list-group.sort-four .list-group-item:nth-child(n + 4) {
        display: none;
    }
}
@media (max-width: 992px) {
    .client-block .panel-body .list-group.sort-four .list-group-item:nth-child(4) {
        display: block;
    }
}
@media (max-width: 450px) {
    .client-block .panel-body .list-group.sort-four .list-group-item:nth-child(n + 4) {
        display: none;
    }
}
.client-block .boxTitle {
    align-items: center;
    color: #2533cc;
    display: flex;
    font-family: iransans;
    font-weight: 400;
    height: 14.375rem;
    justify-content: center;
    line-height: 2;
}
.client-block .news-email button {
    padding: inherit !important;
}
.client-block span.icon-exit-top-right {
    margin-left: 0.25rem;
    padding: 0;
}
.client-block .span-danger {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    background-color: rgba(228, 33, 84, 0.08);
    border-radius: 0.3125rem;
    color: #e42154 !important;
    font-family: iransans;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: -0.0075rem;
    line-height: 2.33;
    padding: 0.1875rem 1.5rem !important;
}
.client-block .status-answered {
    background-color: rgba(73, 162, 249, 0.08);
    color: #49a2f9 !important;
}
.client-block .status-answered span {
    color: #49a2f9 !important;
}
.client-block .status-open {
    background-color: rgba(13, 191, 102, 0.08);
}
.client-block .status-open span {
    color: #0dbf66 !important;
}
.client-block .status-on-hold {
    background-color: rgba(73, 162, 249, 0.08);
}
.client-block .status-on-hold span {
    color: #49a2f9 !important;
}
.client-block .status-customer-reply {
    background-color: rgba(128, 141, 166, 0.08);
}
.client-block .status-customer-reply span {
    color: #808da6 !important;
}
.client-block .status-in-progress {
    background-color: rgba(251, 157, 5, 0.08);
}
.client-block .status-in-progress span {
    color: #fb6d02 !important;
}
.client-block .status-awaiting-customer-reply {
    background-color: rgba(128, 141, 166, 0.08);
}
.client-block .status-awaiting-customer-reply span {
    color: #808da6 !important;
}
.footer-block {
    background-color: #364163;
}
.footer-block-col {
    padding: 4.375rem 0 3.5625rem;
}
.footer-block-col-1st {
    display: flex;
    padding-right: 0;
}
.footer-block-col-1st div {
    margin-right: 1rem;
}
.footer-block-col-1st div p:first-child {
    color: #fff;
    font-family: yekan-bakh-new;
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.06rem;
    line-height: 1.5;
}
.footer-block-col-1st div p:nth-child(2) {
    color: #c6cdda;
    font-family: iransans;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.01rem;
    line-height: 2;
}
@media (max-width: 992px) {
    .footer-block-col-1st img {
        display: none;
    }
    .footer-block-col-1st {
        display: inline-block;
        text-align: center;
    }
}
.footer-block-col-2nd {
    padding-left: 1rem;
    text-align: left;
}
.footer-block-col-2nd:after {
    background-color: #a3adc0;
    content: "";
    height: 5rem;
    left: 0;
    opacity: 0.18;
    position: absolute;
    top: 0;
    width: 0.5rem;
}
@media (max-width: 992px) {
    .footer-block-col-2nd:after {
        display: none;
    }
}
.footer-block-col-2nd p:first-child {
    color: #fff;
    font-family: yekan-bakh-new;
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.06rem;
    line-height: 1.5;
}
.footer-block-col-2nd p:nth-child(2) {
    color: #c6cdda;
    font-family: iransans;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: -0.01rem;
    line-height: 2;
}
@media (max-width: 992px) {
    .footer-block-col-2nd {
        text-align: center;
    }
}
.footer-block-col-middle {
    border-bottom: 0.0625rem solid #394465;
}
.footer-block-col-middle:before {
    border-top: 0.0625rem solid #394465;
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
}
.footer-block-col-middle .row {
    align-items: center;
    display: flex;
    padding: 3.5rem 0;
}
@media (max-width: 1200px) {
    .footer-block-col-middle .row {
        display: inline-block;
    }
}
.footer-block-col-middle h4 {
    color: #fff;
}
@media (max-width: 992px) {
    .footer-block-col-middle h4 {
        text-align: center;
    }
}
.footer-block-col-middle p {
    color: #c6cdda;
    line-height: 1.375rem;
}
@media (max-width: 992px) {
    .footer-block-col-middle p {
        text-align: center;
    }
}
.footer-block-col-middle img.enamad {
    background-color: #3c4768ed;
    border-radius: 0.3125rem;
    padding: 1.4375rem 1.5625rem;
}
.footer-block-col-middle-namad {
    text-align: center;
}
@media (max-width: 1200px) {
    .footer-block-col-middle-namad {
        text-align: left;
    }
}
@media (max-width: 992px) {
    .footer-block-col-middle-namad {
        padding: 1.875rem 0;
        text-align: center;
    }
}
.footer-block-col-middle .socials {
    text-align: right;
}
@media (max-width: 992px) {
    .footer-block-col-middle .socials {
        text-align: center;
    }
}
.footer-block-col-middle .socials-list {
    padding-inline-start: 0;
}
.footer-block-col-middle .socials-list li {
    display: inline-block;
    padding-left: 1.875rem;
}
.footer-block-col-middle .social-icon {
    height: 1.25rem;
    position: absolute;
    width: 1.25rem;
}

.footer-block-col-middle .terms-list {
    padding-inline-start: 0.9375rem;
}
@media (max-width: 992px) {
    .footer-block-col-middle .terms-list {
        padding-inline-start: 0;
    }
}
.footer-block-col-middle .terms-list li {
    padding: 0.5rem 0;
}
.footer-block-col-middle .terms-list li::marker {
    color: #f57200;
}
@media (max-width: 992px) {
    .footer-block-col-middle .terms-list li::marker {
        color: transparent;
    }
}
@media (max-width: 992px) {
    .footer-block-col-middle .terms-list li {
        text-align: center;
    }
}
.footer-block-col-middle .terms-list li a {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
}
.footer-block-col2nd {
    padding: 2.625rem 0 5.0625rem;
}
.footer-block-col2nd p {
    color: #c6cdda;
    display: flex;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
}
.footer-block-col2nd p a {
    color: #c6cdda;
    padding: 0 0.1875rem;
    text-decoration: none;
}
.footer-block-col2nd p a.en-font {
    font-family: titillium;
}
@media (max-width: 992px) {
    .footer-block-col2nd p {
        justify-content: center;
        text-align: center;
    }
}
.footer-block-col2nd div:last-child p {
    justify-content: end;
    text-align: left;
}
@media (max-width: 992px) {
    .footer-block-col2nd div:last-child p {
        justify-content: center;
        text-align: center;
    }
}
.footer-block-col2nd-mobile p {
    justify-content: center !important;
}
.panel-body .example-title,
.panel-heading .panel-title {
    font-family: iransans;
}
.panel-body .nav-tabs-horizontal ul li a {
    font-family: iransans;
    font-weight: 500;
}
.panel .icon-plus {
    font-size: 1rem !important;
    margin-left: 0 !important;
    top: 0.1875rem;
}
.product-list-box {
    align-items: center;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    display: flex;
    font-family: iransans;
    justify-content: space-between;
    padding: 1.25rem 1rem 1.625rem;
}
@media (max-width: 768px) {
    .product-list-box {
        margin-top: 1rem;
    }
}
@media (max-width: 600px) {
    .product-list-box {
        flex-wrap: wrap;
        row-gap: 0.875rem;
    }
}
.product-list-box-counter {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    background-color: #f0f1f4;
    border-radius: 0.3125rem;
    color: #364163;
    display: inline-block;
    font-size: 0.75rem;
    margin-left: 0.75rem;
    position: absolute;
    text-align: center;
    width: 1.25rem;
}
@media (max-width: 600px) {
    .product-list-box-counter {
        position: relative;
    }
}
.product-list-box-name {
    align-items: center;
    color: #364163;
    display: flex;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
    text-align: right;
    width: 34%;
}
@media (max-width: 600px) {
    .product-list-box-name {
        justify-content: center;
        width: 100% !important;
    }
}
.product-list-box-name-addon {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
    text-align: right;
    width: 34%;
}
.product-list-box-title {
    padding-right: 2rem;
}
@media (max-width: 600px) {
    .product-list-box-title {
        padding-right: 0;
    }
}
.product-list-box-addon {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.625rem;
    margin-right: 1.875rem;
}
.product-list-box-qty {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
    text-align: center;
    width: 16%;
}
@media (max-width: 600px) {
    .product-list-box-qty {
        width: 100%;
    }
}
.product-list-box-total {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
    text-align: center;
    width: 30%;
}
@media (max-width: 600px) {
    .product-list-box-total {
        width: 100%;
    }
}
.product-list-box-actions {
    text-align: left;
    width: 20%;
}
@media (max-width: 600px) {
    .product-list-box-actions {
        text-align: center;
        width: 100%;
    }
}
.product-list-box-actions a,
.product-list-box-actions span {
    cursor: pointer;
}
.product-list .icon-edit-alt {
    color: #2533cc;
    font-size: 1.25rem !important;
}
.product-list .icon-trash {
    color: #e42154;
    font-size: 1.25rem !important;
}
.total-box {
    background-color: rgba(0, 179, 75, 0.08);
    border-radius: 0.3125rem;
    margin: 0 -0.75rem;
    padding: 0.625rem;
}
.total-box span {
    color: #00b34b !important;
}
.discount-box span {
    color: #e42154 !important;
}
.btn-line {
    display: flex;
    justify-content: space-between;
}
.total {
    background-color: #fbfbfc;
    border-radius: 0.3125rem;
    margin: 0 0 0.5rem 0.125rem;
    padding: 1rem 1.25rem;
}
.total div {
    display: flex;
    justify-content: space-between;
}
.total div span {
    color: #4c5c84;
    font-family: yekan-bakh-fanum;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
    text-align: right;
}
.total div span.unit {
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 400;
}
.total div span.amount {
    font-size: 1.125rem;
    font-weight: 700;
}
.discount {
    margin-bottom: 2rem;
}
.promo-desc {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #667494;
    font-family: iransans;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 2;
    position: relative;
    top: 0.375rem;
}
.apply-voucher {
    bottom: 0.625rem;
    color: #4c5c84;
    cursor: pointer;
    font-family: iransans;
    font-weight: 500;
    left: 0.75rem;
    position: absolute;
}
.customDomain {
    margin: 2.5rem 0.5625rem 0.5625rem 1.875rem !important;
}
.leftStatus {
    margin-left: 0 !important;
}
.domainInfoBox {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-family: iransans;
}
.titleBox {
    font-family: iransans;
}
.boxManage {
    background-color: #fff !important;
    border: 0.125rem solid #e9ebef !important;
    border-radius: 0.3125rem !important;
    margin-top: 1.25rem !important;
    padding: 0.125rem 0.5rem;
}
.boxManage .icon {
    font-size: 1rem !important;
}
.boxManage .tooltip-icon {
    display: inline-block;
    width: 1rem;
}
.boxManage .listTitle {
    color: #4c5c84;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
}
.boxManage .label {
    display: initial !important;
    width: inherit !important;
}
.leftPanel .list-group {
    padding: 0 1rem;
}
.leftPanel .list-group-item {
    align-items: center;
    border-left: 0 !important;
    border-right: 0 !important;
    border: 0.0625rem dashed #e9ebef;
    color: #364163;
    display: flex;
    font-family: iransans;
    font-size: 0.875rem;
    justify-content: space-between;
    padding: 0.9375rem 0;
}
.leftPanel .list-group-item:last-child {
    border-bottom: 0 !important;
}
.tooltip-icon {
    display: inline-block;
    width: 1rem;
}
.tooltip-icon .icon {
    color: #364163;
    font-size: 1rem !important;
}
.emailHilight {
    border-bottom: 0.0625rem solid #2533cc;
    color: #2533cc;
}
.table-responsive #resulttbl td,
.table-responsive #spotlightTlds td,
th {
    border: none !important;
}
.input-group-addon {
    background-color: #edeff2;
}
.domainPeriodStyle {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-family: iransans;
}
.sub-heading {
    font-family: iransans;
}
.ioTitle {
    color: #364163;
    font-family: iransans;
    font-weight: 700;
}
.ioTitle,
.rollsList {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.rollsList li {
    color: #364163;
    font-family: iransans;
}
.rollsList li span {
    font-family: iransans;
    font-weight: 300;
}
.submitRules {
    align-items: center;
    display: flex !important;
    margin: 1.875rem 0.625rem !important;
}
.submitRules p {
    margin-right: 0.875rem !important;
}
.submitRules .checkbox label {
    padding-left: 0 !important;
}
.domain-renewals,
.domain-renewals .domain-renewal:nth-child(2n) {
    background-color: #fff !important;
}
.domain-renew .select-items div,
.domain-renew .select-selected {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-family: iransans;
}
.ticket-cats {
    column-gap: 1.875rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (max-width: 1440px) {
    .ticket-cats {
        column-gap: 1rem;
    }
}
@media (max-width: 1200px) {
    .ticket-cats {
        column-gap: 0.5rem;
    }
}
@media (max-width: 992px) {
    .ticket-cats {
        row-gap: 0.5rem;
    }
}
.ticket-cats a {
    text-decoration: none;
}
.ticket-category {
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    flex: 1 0 1%;
    padding: 1.5rem 1rem 1rem;
    text-align: center;
}
@media (max-width: 992px) {
    .ticket-category {
        flex: 1 0 49%;
    }
}
.ticket-category h6 {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
    text-align: center;
}
.ticket-category p {
    color: #364163;
    font-size: 0.75rem;
    font-weight: 400;
}
.ticket-category-time-badge {
    background-color: #f4f5f7;
    border-radius: 0.3125rem;
    color: #667494;
    font-size: 0.625rem;
    font-weight: 500;
    margin-top: 0.5rem;
    padding: 0.1875rem;
}
.ticket-category[aria-expanded="true"] {
    border-color: #2533cc;
}
.ticket-learn {
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    flex: 1;
    padding: 1.5rem 1rem;
}
.ticket-learn h6 {
    color: #364163;
    font-size: 1rem !important;
    font-weight: 700 !important;
}
.ticket-learn p {
    color: #364163;
    font-size: 0.75rem;
    font-weight: 400;
}
@media (max-width: 1200px) {
    .ticket .collapse {
        padding-top: 0.625rem;
    }
}
.ticket .collapse h6,
.ticket .collapseBox h6 {
    color: #364163;
    font-size: 0.75rem;
    font-weight: 400;
}
.ticket .row-learning {
    display: flex;
}
@media (max-width: 768px) {
    .ticket .row-learning {
        display: block;
        padding: 0 0.9375rem;
    }
}
.ticket .row-learning a {
    display: flex;
    margin-bottom: 0.5rem;
    text-decoration: none;
}
.ticket .row-learning a:nth-child(n + 4) {
    display: none;
}
.ticket .row-heading h5 {
    color: #364163;
    margin-bottom: 0;
}
.ticket .w-100 {
    width: 100%;
}
.ticket .panel {
    box-shadow: none !important;
}
.ticket .divider-100 {
    background: #e9ebef;
    height: 0.0625rem;
    margin: 3.5rem 0;
    width: 100%;
}
.ticket select {
    display: none !important;
}
.ticket .dropdown-select {
    background-color: #fff;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    box-sizing: border-box;
    color: #364163;
    cursor: pointer;
    display: block;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 2.75rem;
    min-height: 2.875rem;
    outline: none;
    padding: 0 1rem;
    position: relative;
    text-align: right !important;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
}
.ticket .dropdown-select .current {
    font-family: yekan-bakh-new !important;
}
.ticket .dropdown-select:focus,
.ticket .dropdown-select:hover {
    background-color: #fff;
}
.ticket .dropdown-select .open,
.ticket .dropdown-select:active {
    border: 0.125rem solid #2533cc;
}
.ticket .dropdown-select:after {
    content: "";
    display: block;
    height: 0.4375rem;
    left: 1.25rem;
    margin-top: -0.125rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    width: 0.75rem;
}
.ticket .dropdown-select.open {
    border: 0.125rem solid #2533cc;
}
.ticket .dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.ticket .dropdown-select.open .list {
    height: auto !important;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.ticket .dropdown-select.open .option {
    cursor: pointer;
}
.ticket .dropdown-select.wide {
    width: 100%;
}
.ticket .dropdown-select.wide .list {
    height: 0;
    left: 0 !important;
    right: 0 !important;
}
.ticket .dropdown-select .list {
    background: #fff;
    border-radius: 0.3125rem;
    box-shadow: 0 30px 50px rgba(198, 205, 218, 0.2);
    box-sizing: border-box;
    left: 0;
    margin-top: 0.25rem;
    opacity: 0;
    overflow: hidden;
    padding: 0.1875rem 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    z-index: 999;
}
.ticket .dropdown-select .list ul {
    margin: 0;
    max-height: 15.625rem;
    overflow: auto;
    padding: 0;
}
.ticket .dropdown-select .list ul li h6 {
    color: #4c5c84;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0;
}
.ticket .dropdown-select .list ul li p {
    color: #3d4b70;
    font-size: 0.75rem;
    font-weight: 300;
    margin: 0.625rem 0 0;
}
.ticket .dropdown-select .list ul li:not(:last-child) {
    border-bottom: 0.0625rem solid #e9ebef;
}
.ticket .dropdown-select .dd-search {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0.5rem 0.5rem 0;
    overflow: hidden;
}
.ticket .dropdown-select .dd-searchbox {
    border: 0.0625rem solid #999;
    border-radius: 4px;
    outline: none;
    padding: 0.5rem;
    width: 100%;
}
.ticket .dropdown-select .dd-searchbox:focus {
    border-color: #12cbc4;
}
.ticket .dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 2.5rem;
    list-style: none;
    outline: none;
    padding: 1.25rem 1rem;
    text-align: right;
    transition: all 0.2s;
}
.ticket .dropdown-select .option:first-child {
    pointer-events: none;
}
.ticket .dropdown-select .option.focus,
.ticket .dropdown-select .option:focus,
.ticket .dropdown-select .option:hover {
    background-color: #f8f9fa !important;
}
.ticket .dropdown-select .option.selected {
    background: #e9ebef;
}
.ticket .dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.ticket .dropdown-select a:hover {
    color: #666;
}
.ticket .dropdown-select ::-webkit-scrollbar {
    width: 10px;
}
.ticket .dropdown-select ::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.ticket .dropdown-select ::-webkit-scrollbar-thumb {
    background: #888;
}
.ticket .dropdown-select ::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.ticket-link {
    text-decoration: none !important;
}
.ticket-cat {
    align-items: center;
    background-color: #fff;
    border: 2px solid #e9ebef;
    border-radius: 0.3125rem;
    display: flex;
    justify-content: space-between;
    padding: 1.25rem 1rem;
    text-decoration: none;
}
.ticket-cat-title {
    color: #2533cc;
    font-family: iransans;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
}
.ticket-cat-description {
    color: #364163;
}
.ticket-cat-link {
    display: flex;
}
.ticket-cat-link .icon {
    color: #4c5c84;
}
.ticket-attachments #fileuploads div {
    margin: 0.625rem 0 0 !important;
    padding: 0 !important;
}
.ticket-attachments #fileuploads div input {
    width: 100% !important;
}
@media (max-width: 768px) {
    .ticket-attachments .row div:nth-child(2) {
        padding-left: 0;
        text-align: left;
    }
}
.ticket-btn {
    display: flex;
    justify-content: flex-end;
    padding-left: 0;
}
@media (max-width: 768px) {
    .ticket-btn {
        padding-right: 0;
    }
}
.ticket-unread {
    color: #2533cc !important;
    font-weight: 700 !important;
}
.ticket-message-admin {
    position: relative;
}
.ticket-message-admin .adminticket {
    background-color: #6d86dd;
    border-radius: 0 0.3125rem 0.3125rem 0.3125rem !important;
    box-shadow: none !important;
    color: #fff;
    margin-bottom: 1.875rem !important;
    margin-left: 3.5rem;
    margin-right: auto;
    max-width: 46.0625rem;
    word-break: normal;
}
@media (max-width: 359.98px) {
    .ticket-message-admin .adminticket {
        margin-left: 0;
    }
}
.ticket-message-admin .adminticket p {
    color: #fff;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
}
.ticket-message-admin .adminheader h5 {
    background-color: #6d86dd !important;
    border-color: #6d86dd !important;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 1.5rem 1.5rem 0 !important;
}
.ticket-message-admin .adminheader h5 span {
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.03rem;
    line-height: 1.5;
}
.ticket-message-admin-time {
    bottom: 0;
    color: #364163;
    font-size: 0.75rem;
    font-weight: 400;
    left: 0;
    margin-left: 806px;
    opacity: 0.48;
    position: absolute;
    text-align: left;
}
@media (max-width: 992px) {
    .ticket-message-admin-time {
        margin-left: 3.5rem;
        position: relative;
        top: -1.25rem;
    }
}
@media (max-width: 359.98px) {
    .ticket-message-admin-time {
        margin-left: 0;
    }
}
.ticket-message-admin hr {
    border-top-color: hsla(0, 0%, 100%, 0.32);
}
.ticket-message-client {
    position: relative;
}
.ticket-message-client .clientticket {
    background-color: rgba(37, 51, 204, 0.08) !important;
    border-radius: 0.3125rem 0 0.3125rem 0.3125rem !important;
    box-shadow: none !important;
    color: #667494 !important;
    margin-left: auto;
    margin-right: 3.5rem;
    max-width: 46.0625rem;
    word-break: normal;
}
@media (max-width: 359.98px) {
    .ticket-message-client .clientticket {
        margin-right: 0;
    }
}
.ticket-message-client .clientticket p {
    color: #667494;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.00875rem;
    line-height: 2;
}
.ticket-message-client .clientheader h5 {
    background: rgba(37, 51, 204, 0.08) !important;
    background-color: #eef0f8 !important;
    border-color: rgba(37, 51, 204, 0.08) !important;
    border-bottom: none !important;
    color: #667494 !important;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.03rem;
    line-height: 1.5;
    margin-bottom: 0;
    padding: 1.5rem 1.5rem 0 !important;
}
.ticket-message-client .clientheader h5 span {
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.03rem;
    line-height: 1.5;
}
.ticket-message-client-time {
    bottom: 0;
    color: #364163;
    font-size: 0.75rem;
    font-weight: 400;
    margin-right: 806px;
    opacity: 0.48;
    position: absolute;
}
@media (max-width: 992px) {
    .ticket-message-client-time {
        margin-right: 3.5rem;
        position: relative;
        top: -1.25rem;
    }
}
@media (max-width: 359.98px) {
    .ticket-message-client-time {
        margin-right: 0;
    }
}
.ticket-avatar-admin {
    background-color: #3d51d2;
    border-radius: 0.3125rem 0 0.3125rem 0.3125rem;
    height: 2.5rem;
    left: 0;
    line-height: 2.5rem;
    position: absolute;
    text-align: center;
    width: 2.5rem;
}
@media (max-width: 359.98px) {
    .ticket-avatar-admin {
        display: none;
    }
}
.ticket-avatar-admin span {
    color: #fff;
    vertical-align: middle;
}
.ticket-avatar-client {
    background-color: rgba(35, 67, 163, 0.4);
    border-radius: 0 0.3125rem 0.3125rem 0.3125rem;
    height: 2.5rem;
    line-height: 2.5rem;
    position: absolute;
    right: 0;
    text-align: center;
    width: 2.5rem;
}
@media (max-width: 359.98px) {
    .ticket-avatar-client {
        display: none;
    }
}
.ticket-avatar-client span {
    color: #fff;
    vertical-align: middle;
}
.ticket-info .ticket-service-name,
.ticket-info:hover .ticket-title {
    display: none;
}
.ticket-info:hover .ticket-service-name {
    display: inline-block;
}
.ticket span.select2.select2-container {
    width: 100% !important;
}
.ticket .spinner-inline-loading {
    align-items: center;
    column-gap: 0.25rem;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    margin: auto;
    text-align: center;
    width: 3.875rem;
}
.ticket .spinner-inline-loading > div {
    animation: bouncedelay 0.8s ease-in-out infinite;
    animation-fill-mode: both;
    background-color: #ccc;
    border-radius: 100%;
    display: inline-block;
    height: 0.75rem;
    width: 0.75rem;
}
.ticket .spinner-inline-loading :first-child {
    animation-delay: -0.32s;
}
.ticket .spinner-inline-loading :nth-child(2) {
    animation-delay: -0.16s;
}
@keyframes bouncedelay {
    0%,
    80%,
    to {
        transform: scale(0.8);
    }
    40% {
        transform: scale(1);
    }
}
.send-ticket-replay {
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 1.875rem !important;
}
.send-ticket-replay-text {
    margin: 0 auto 0 0;
    max-width: 73.625rem;
}
@media (max-width: 1440px) {
    .send-ticket-replay-text {
        max-width: 62rem;
    }
}
@media (max-width: 1200px) {
    .send-ticket-replay-text {
        max-width: 49.5rem;
    }
}
@media (max-width: 992px) {
    .send-ticket-replay-text {
        max-width: 35.75rem;
    }
}
@media (max-width: 768px) {
    .send-ticket-replay-text {
        max-width: 100%;
    }
}
.send-ticket-replay-text .icon {
    background-color: transparent;
    border: none;
    bottom: 2.625rem;
    color: #4c5c84;
    float: left;
    left: 0.75rem;
    position: relative;
    transform: rotate(180deg);
}
.send-ticket-replay-btn #MultiFile1:before {
    background-color: #edf0f8;
    border-radius: 0.3125rem;
    color: rgba(37, 51, 204, 0.08);
    content: "";
    display: block;
    height: 2.5rem;
    position: absolute;
    right: -0.9375rem;
    top: -4.625rem;
    width: 2.5rem;
}
@media (max-width: 768px) {
    .send-ticket-replay-btn #MultiFile1:before {
        top: 0;
    }
}
.send-ticket-replay-btn #MultiFile1:after {
   background-repeat: no-repeat;
    content: "";
    display: block;
    height: 1.5rem;
    position: absolute;
    right: -0.5rem;
    top: -4.0625rem;
    width: 1.5rem;
}
@media (max-width: 768px) {
    .send-ticket-replay-btn #MultiFile1:after {
        top: 0.4375rem;
    }
}
.send-ticket-replay-btn .MultiFile-wrap {
    position: relative;
}
.send-ticket-replay-btn .choose-file-btn {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: -0.9375rem;
    top: -4.375rem;
    z-index: 1;
}
@media (max-width: 768px) {
    .send-ticket-replay-btn .choose-file-btn {
        bottom: 1.25rem;
        position: relative;
        top: 0;
    }
}
.send-ticket-replay-btn .MultiFile-remove {
    color: transparent;
}
.send-ticket-replay-btn .MultiFile-remove:after {
   background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 1rem;
    position: relative;
    top: 0.3125rem;
    width: 1rem;
}
.send-ticket-replay-btn .MultiFile-label {
    color: #4c5c84;
    padding-right: 0.75rem;
}
.send-ticket-replay-btn div.MultiFile-label:before {
   content: "";
    display: inline-block;
    height: 1.25rem;
    position: relative;
    top: 0.3125rem;
    width: 1.25rem;
}
@media (max-width: 768px) {
    .send-ticket-replay-btn .MultiFile-list {
        margin-right: -0.625rem;
        margin-top: 0.9375rem;
        position: relative;
        right: 0;
    }
}
#order-standard_cart .header-lined h1 {
    color: #2533cc;
    font-family: yekan-bakh-new !important;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.03375rem;
    line-height: 1.5;
    text-align: right;
}
#order-standard_cart .order-summary {
    background-color: #edeff2 !important;
    border-bottom-color: #edeff2 !important;
}
#order-standard_cart .order-summary h2 {
    color: #364163 !important;
    font-family: yekan-bakh-new;
    font-weight: 500;
}
#order-standard_cart .summary-container {
    background-color: #fff !important;
}
@media (max-width: 992px) {
    #order-standard_cart #scrollingPanelContainer {
        width: 100%;
    }
}
.ticket-answered {
    background-color: rgba(73, 162, 249, 0.08);
}
.ticket-answered,
.ticket-answered span {
    color: #49a2f9 !important;
}
.ticket-open {
    background-color: rgba(13, 191, 102, 0.08);
}
.ticket-open span {
    color: #0dbf66 !important;
}
.ticket-on-hold {
    background-color: rgba(73, 162, 249, 0.08);
}
.ticket-on-hold span {
    color: #49a2f9 !important;
}
.ticket-closed,
.ticket-customer-reply,
.ticket-default {
    background-color: rgba(128, 141, 166, 0.08);
    color: #808da6 !important;
}
.ticket-closed span,
.ticket-customer-reply span,
.ticket-default span {
    color: #808da6 !important;
}
.ticket-in-progress {
    background-color: rgba(251, 157, 5, 0.08);
}
.ticket-in-progress span {
    color: #fb6d02 !important;
}
.ticket-awaiting-customer-reply {
    background-color: rgba(128, 141, 166, 0.08);
}
.ticket-awaiting-customer-reply span {
    color: #808da6 !important;
}
.view-ticket-info {
    padding: 3.125rem 0 0.375rem;
}
.view-ticket-info p {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-family: iransans;
    font-weight: 300;
    letter-spacing: -0.00875rem;
}
.view-ticket-info p span {
    color: #364163 !important;
}
.view-ticket-info-service {
    margin-top: 0.75rem;
}
.view-ticket-info-service h6 {
    color: #364163;
}
.view-ticket-info-service p {
    color: #364163;
    font-family: iransans;
}
.view-ticket-info-terms h5 {
    margin-top: 0.625rem !important;
}
.view-ticket-info-terms h6 {
    color: #364163;
}
.view-ticket-info-terms-action {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .view-ticket-info-terms-action {
        margin-bottom: 0.625rem;
    }
}
.view-ticket-info-solve {
    padding: 1rem 0;
}
.view-ticket-info-solve .row {
    align-items: center;
    display: flex;
}
@media (max-width: 768px) {
    .view-ticket-info-solve .row {
        display: inherit;
    }
}
.view-ticket-info-solve .row div p {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 300;
}
.view-ticket-info-solve .row div p span {
    font-size: 1.125rem !important;
    top: 0.25rem;
}
.view-ticket-info-solve .row div p span:before {
    color: #364163;
}
.view-ticket-info-solve .row div:nth-child(2) {
    text-align: left;
}
@media (max-width: 768px) {
    .view-ticket-info-solve .row div:nth-child(2) {
        margin-top: 1.25rem;
        text-align: right;
    }
}
.view-ticket-info-solve .row div:nth-child(2) a:nth-child(2) {
    margin-right: 0.5rem;
}
@media (max-width: 419px) {
    .view-ticket-info-solve .row div:nth-child(2) a:nth-child(2) {
        display: table;
        margin-right: 0;
        margin-top: 0.5rem;
    }
}
.view-ticket-info-box-1st .service-link {
    color: #9db6e8;
    font-weight: 400;
    text-decoration: none;
}
.view-ticket-info-box-2nd {
    text-align: left;
}
@media (max-width: 992px) {
    .view-ticket-info-box-2nd {
        text-align: right;
    }
}
@media (max-width: 768px) {
    .view-ticket-info-message {
        padding-bottom: 1.875rem !important;
    }
}
.view-ticket-info-edit {
    padding: 1rem 0;
}
.view-ticket-info-edit .row {
    align-items: center;
    display: flex;
}
@media (max-width: 768px) {
    .view-ticket-info-edit .row {
        display: inherit;
    }
}
.view-ticket-info-edit .row div p {
    color: #364163;
    font-size: 8.875rem;
    font-weight: 500;
}
.view-ticket-info-edit .row div p span {
    font-size: 1.125rem !important;
    top: 0.25rem;
}
.view-ticket-info-edit .row div p span:before {
    color: #364163;
}
.view-ticket-info-edit .row div:nth-child(2) {
    text-align: left;
}
@media (max-width: 768px) {
    .view-ticket-info-edit .row div:nth-child(2) {
        margin-top: 1.25rem;
        text-align: right;
    }
}
.view-ticket-info-edit .row div:nth-child(2) a:nth-child(2) {
    margin-right: 0.5rem;
}
@media (max-width: 419px) {
    .view-ticket-info-edit .row div:nth-child(2) a:nth-child(2) {
        display: table;
        margin-right: 0;
        margin-top: 0.5rem;
    }
}
.view-ticket-login-details .row div p {
    color: #4c5c84;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2.5rem;
}
.view-ticket-login-details .row div:last-child {
    display: flex;
    justify-content: end;
}
.clientticket {
    word-break: normal !important;
}
.choose-file-btn {
    border-radius: 6.25rem;
    height: 2.5rem;
    width: 2.5rem;
}
.files-attachment .icon {
    font-size: 1.25rem !important;
    top: 0.3125rem;
}
.files-attachment a {
    color: #364163;
    font-size: 0.75rem;
    text-decoration: none;
}
.adminmsg,
.clientmsg {
    padding: 0.875rem 1.875rem 1.5rem !important;
}
.adminmsg .files-attachment a {
    color: #fff;
}
.learn-box-item {
    background-color: #fff;
    border: 2px solid #e9ebef;
    border-radius: 0.3125rem;
    padding: 1.25rem;
    text-decoration: none;
    transition: all 0.3s;
}
.learn-box-item:hover {
    border-color: #2b41a1;
    cursor: pointer;
}
.learn-box-item-title {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 14px;
    font-weight: 700;
    line-height: 2;
}
.learn-box-item-description {
    color: #364163;
}
.learn-box-item-link {
    text-decoration: none !important;
}
.right-col {
    padding-right: 0;
}
@media (max-width: 768px) {
    .right-col {
        padding: 0;
    }
}
.left-col {
    padding-left: 0;
}
@media (max-width: 768px) {
    .left-col {
        padding: 0;
    }
}
.inline-title {
    font-size: 1.125rem;
}
.inline-p {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
}
#submit-ticket-form input.confirm {
    display: none;
}
#submit-ticket-form .labelconfirm {
    color: #364163 !important;
    font-size: 1rem !important;
    font-weight: 400;
    line-height: 2rem;
    margin-right: 1.375rem;
}
#submit-ticket-form .labelconfirm:before {
    background-color: #fb8d04;
    border-radius: 6.25rem;
    content: "";
    display: block;
    height: 0.375rem;
    margin-top: 0.875rem;
    position: absolute;
    right: 0;
    width: 0.375rem;
}
.ticket-custom-accept .control-group {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    height: 13.125rem;
    margin: 0.625rem;
    padding: 1.875rem;
    text-align: left;
    vertical-align: top;
    width: 12.5rem;
}
.ticket-custom-accept .control {
    background: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem !important;
    color: #2533cc !important;
    cursor: pointer;
    font-size: 0.75rem !important;
    font-weight: 400;
    margin: 1rem 0 0.625rem;
    padding-right: 1.5rem;
    padding: 0.6875rem 2.0625rem !important;
    position: relative;
    width: 100%;
}
.ticket-custom-accept .control input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.ticket-custom-accept .control__indicator {
    background: #fff;
    border: 0.09375rem solid #2533cc;
    border-radius: 0.3125rem;
    height: 1.0625rem;
    position: absolute;
    right: 0.5rem;
    top: 0.75rem;
    width: 1.0625rem;
}
.ticket-custom-accept .control--radio .control__indicator {
    border-radius: 50%;
}
.ticket-custom-accept .control input:focus ~ .control__indicator,
.ticket-custom-accept .control:hover input ~ .control__indicator {
    background: #fff;
}
.ticket-custom-accept .control input:checked:focus ~ .control__indicator,
.ticket-custom-accept .control input:checked ~ .control__indicator,
.ticket-custom-accept .control:hover input:not([disabled]):checked ~ .control__indicator {
    background: #2533cc;
}
.ticket-custom-accept .control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}
.ticket-custom-accept .control__indicator:after {
    content: "";
    display: none;
    position: absolute;
}
.ticket-custom-accept .control input:checked ~ .control__indicator:after {
    display: block;
}
.ticket-custom-accept .control--checkbox .control__indicator:after {
    border: solid #fff;
    border-width: 0 0.125rem 0.125rem 0;
    height: 0.5625rem;
    right: 0.25rem;
    top: 0.125rem;
    transform: rotate(45deg);
    width: 0.3125rem;
}
.ticket-custom-accept .control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}
#mb-250 {
    margin-bottom: 15.625rem;
}
.breadcrumb {
    padding-bottom: 1.125rem;
}
.breadcrumb-parent {
    padding: 0 1.875rem;
}
.breadcrumb li {
    color: #2533cc;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: -0.14px;
    line-height: 2;
}
.breadcrumb li a {
    color: #a3adc0;
    transition: all 0.4s;
}
.breadcrumb li a:hover {
    color: #2533cc;
    text-decoration: none;
}
.breadcrumb li.active {
    color: #2533cc;
}
.breadcrumb > li + li:before {
    speak: none;
    color: #3949ab;
    color: #a3adc0;
    content: "\e903";
    font-family: icomoon !important;
    font-size: 24px;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    padding: 0 5px;
    position: relative;
    text-transform: none;
    top: 7px;
}
.knowledgebase-title .panel-heading {
    padding-bottom: 15px;
}
.knowledgebase-title .panel-heading-inner {
    border-bottom: 2px solid #f2f3f5;
    padding-bottom: 15px;
}
.knowledgebase-cat-title .panel-heading {
    padding-bottom: 0;
}
.knowledgebase-cat-title .panel-heading-inner {
    border-bottom: 0;
    padding-bottom: 15px;
}
.knowledgebase-cat-title .breadcrumb {
    border-bottom: 2px solid #f2f3f5;
}
.knowledgebase-cat-title .breadcrumb-parent {
    margin-bottom: 0.9375rem;
    padding-top: 0;
}
.knowledgebase-search-input[type="text"] {
    background-color: #fff;
    border: 2px solid #e9ebef;
    border-radius: 0.3125rem !important;
    color: #a3adc0;
    height: 44px;
    padding: 0.5rem 3rem 0.5rem 1rem !important;
}
.knowledgebase-search-btn {
    color: #a3adc0;
    left: auto !important;
    padding-left: 0.5rem;
    padding-right: 1rem;
    right: 0 !important;
    top: 3px !important;
}
.knowledgebase-category-title {
    margin-top: 2.5rem;
}
.knowledgebase-category-title-h {
    color: #2533cc;
    font-family: yekan-bakh-new;
    font-weight: 700;
    letter-spacing: -0.54px;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}
.knowledgebase-category-title h3 {
    font-size: 1rem;
}
.knowledgebase-category-item {
    border: 2px solid #e9ebef;
    border-radius: 5px;
    margin-bottom: 1rem;
    padding: 1.5rem;
    position: relative;
    transition: all 0.4s;
}
.knowledgebase-category-item:hover {
    border: 2px solid #2533cc;
    text-decoration: none;
}
.knowledgebase-category-item a {
    text-decoration: none;
}
.knowledgebase-category-item-count {
    background-color: rgba(73, 162, 249, 0.08);
    border-radius: 5px;
    color: #49a2f9;
    float: left;
    font-family: yekan-bakh-fanum;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 2.33;
    padding: 4px 24px;
}
.knowledgebase-category-item-title {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 1.5rem;
}
.knowledgebase-category-item-desc {
    color: #364163;
    font-family: iransans;
    font-size: 12px;
    font-weight: 400;
    height: 3rem;
    line-height: 2;
    margin-bottom: 0;
    overflow-y: hidden;
}
.knowledgebase-category-item-full-desc {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    height: auto;
    letter-spacing: normal;
    line-height: 2;
}
.knowledgebase-article {
    border-bottom: 2px solid #f2f3f5;
    padding: 0 2rem 3rem;
}
.knowledgebase-article,
.knowledgebase-article p,
.knowledgebase-article p span,
.knowledgebase-article p span a {
    color: #343a40 !important;
    font-family: iransans !important;
    font-size: 16px !important;
    font-weight: 400;
}
.knowledgebase-print {
    height: 40px;
    padding: 4px 0 0;
    text-align: center;
    width: 40px;
}
.knowledgebase img {
    height: auto;
    max-width: 100%;
}
@media (max-width: 768px) {
    body.site-navbar-small.knowledgebase {
        padding-top: 0 !important;
    }
    .page-header-actions {
        position: inherit;
    }
}
.addfunds-table > tbody > tr > td:first-child,
.addfunds-table > thead > tr > th:first-child {
    border: none !important;
}
.form-payment {
    font-family: iransans !important;
}
.payment-table-details-info {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-family: iransans;
    font-weight: 400;
}
tr.payable {
    background-color: rgba(0, 179, 75, 0.08) !important;
}
tr.payable td {
    color: #0dbf66 !important;
}
tr.remaining {
    background-color: rgba(73, 162, 249, 0.08) !important;
}
tr.remaining td {
    color: #49a2f9 !important;
}
tr.remaining td:first-child {
    text-align: right !important;
}
.counter {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #2533cc;
    font-family: iransans;
    font-weight: 400;
}
.counter-number-group {
    color: #2533cc !important;
}
.counter-income {
    font-size: 1.5rem;
}
.dashboard .widget-content {
    box-shadow: 0 1.875rem 3.125rem 0 rgba(198, 205, 218, 0.2);
}
.affiliateBox {
    border: 0.125rem solid #e9ebef !important;
    border-radius: 0.3125rem !important;
    box-shadow: none !important;
    padding: 1.5rem !important;
}
.affiliateBox h3 {
    color: #2533cc;
    font-size: 0.875rem;
    font-weight: 700;
}
.affiliateBox h4 {
    font-family: titillium;
    font-weight: 700;
    letter-spacing: 0.00625rem;
}
@media (max-width: 768px) {
    .affiliateBox h4 {
        float: none;
        text-align: left;
    }
}
.affiliateResult li {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-family: iransans;
    font-weight: 500;
}
.affiliateResult li span {
    font-family: iransans;
    font-weight: 500;
}
.knowledgebase-category-title-h {
    font-size: 1rem;
}
ul.affiliate-description {
    font-family: iransans;
    font-size: 0.875rem;
    padding: 0 1.0625rem 0 0;
}
@media (max-width: 359.98px) {
    .img-error {
        width: 100%;
    }
}
.emptyBox {
    border: none !important;
}
.extra-services-col {
    flex: 0 0 33.333333%;
    margin-bottom: 1.875rem;
}
.extra-services-col-box {
    background: #fff !important;
    border: 0.125rem solid #e9ebef !important;
    border-radius: 0.3125rem !important;
    box-shadow: none !important;
    display: flex !important;
    flex-direction: column;
    height: 100% !important;
    justify-content: space-between;
    min-height: 11.5625rem;
    padding: 1.5rem !important;
    transition: all 0.3s;
}
.extra-services-col-box:hover {
    border-color: #2533cc !important;
    box-shadow: 0 1.875rem 3.125rem 0 rgba(198, 205, 218, 0.2) !important;
}
.extra-services-col-box-heading {
    color: #364163;
    font-family: yekan-bakh-new;
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: -0.02813rem;
    line-height: 1.53;
}
.extra-services-col-box-desc {
    color: #364163;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2;
    min-height: 3rem;
}
.extra-services-col .panel-price,
.extra-services-col-box-desc {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
@media (max-width: 992px) {
    .extra-services-col {
        flex: 50%;
    }
}
@media (max-width: 600px) {
    .extra-services-col {
        width: 100%;
    }
}
.extra-services-box {
    min-height: 16.25rem;
}
@media (max-width: 500px) {
    .extra-services-box .btn {
        display: block;
        margin-bottom: 1.5625rem;
        margin-top: 1.25rem;
    }
}
@media (max-width: 400px) {
    .extra-services-box .custom-select {
        height: auto;
        min-height: 2.75rem;
    }
    .extra-services-box .custom-select .select-selected {
        padding-left: 1.875rem;
    }
    .extra-services-box .custom-select .select-selected:after {
        --mydepth: 50%;
        top: calc(var(--mydepth) - 6px);
    }
}
.extra-services-row {
    padding: 0 0.9375rem;
}
.extra-services-addons {
    display: flex;
    flex-wrap: wrap;
}
#frmConfigureProduct .custom-select {
    min-width: 6.25rem;
}
.extra-tr {
    display: none;
}
@media (max-width: 768px) {
    .extra-tr {
        display: contents;
    }
    .none-td {
        display: none;
    }
    .view-invoice .panel {
        padding-top: 3rem;
    }
    .view-invoice .panel .panel-heading {
        display: none;
    }
}
.view-invoice .panel .panel-heading h6 {
    color: #364163;
}
.view-invoice-info {
    padding: 3.125rem 0 0.375rem;
}
@media (max-width: 768px) {
    .view-invoice-info {
        padding-top: 0;
    }
}
.view-invoice-info-box-1st h5 {
    font-family: yekan-bakh-fanum;
}
@media (max-width: 768px) {
    .view-invoice-info-box-1st h5 {
        text-align: center;
    }
}
.view-invoice-info-box-1st p {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
}
.view-invoice-info-box-1st p span.danger {
    color: #e42154;
}
.view-invoice-info-box-1st p span.success {
    color: #00b34b;
}
@media (max-width: 768px) {
    .view-invoice-info-box-1st {
        text-align: center;
    }
}
.view-invoice-info-box-2nd {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    text-align: left;
}
.view-invoice-info-box-2nd p {
    color: #364163;
}
@media (max-width: 768px) {
    .view-invoice-info-box-2nd {
        text-align: center;
    }
}
.view-invoice-box-title {
    align-items: center;
    background: rgba(43, 49, 73, 0.08);
    border-radius: 0.3125rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem 3rem;
}
@media (max-width: 768px) {
    .view-invoice-box-title {
        justify-content: center;
    }
}
.view-invoice-box-title h6 {
    color: #2b3149;
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .view-invoice-box-title div:first-child,
    .view-invoice-box-title div:nth-child(2) {
        display: none;
    }
}
.view-invoice-box-title div:last-child {
    display: none;
}
@media (max-width: 768px) {
    .view-invoice-box-title div:last-child {
        display: flex;
    }
}
.view-invoice-box-item {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    align-items: center;
    border-bottom: 0.0625rem solid #eeeff1;
    color: #2b3149;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.1875rem 3rem;
}
@media (max-width: 768px) {
    .view-invoice-box-item {
        flex-direction: column;
    }
    .view-invoice-box-item div:first-child {
        text-align: center;
    }
}
.view-invoice-box-item div:last-child {
    min-width: 12.5rem;
    text-align: left;
}
@media (max-width: 768px) {
    .view-invoice-box-item div:last-child {
        min-width: unset;
        padding-top: 1rem;
        text-align: center;
    }
}
.view-invoice-box-item:last-child,
.view-invoice-box-item:nth-last-child(2) {
    border: none;
}
.view-invoice-box-item.payable {
    background: rgba(0, 179, 75, 0.08);
    color: #00b34b;
}
.view-invoice-box-btn {
    margin-top: 2rem;
}
@media (max-width: 768px) {
    .view-invoice-box-btn {
        text-align: center;
    }
    .view-invoice-box-btn a {
        margin: 0.25rem;
    }
}
.view-invoice-payment-title {
    align-items: center;
    background: rgba(43, 49, 73, 0.08);
    border-radius: 0.3125rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem 3rem;
}
@media (max-width: 768px) {
    .view-invoice-payment-title {
        justify-content: center;
    }
}
.view-invoice-payment-title h6 {
    color: #2b3149;
    margin-bottom: 0;
    text-align: center;
}
.view-invoice-payment-title div {
    width: 25%;
}
@media (max-width: 768px) {
    .view-invoice-payment-title div {
        width: 100%;
    }
    .view-invoice-payment-title div:first-child,
    .view-invoice-payment-title div:nth-child(2),
    .view-invoice-payment-title div:nth-child(3),
    .view-invoice-payment-title div:nth-child(4) {
        display: none;
    }
}
.view-invoice-payment-title div:nth-child(5) {
    display: none;
}
@media (max-width: 768px) {
    .view-invoice-payment-title div:nth-child(5) {
        display: flex;
        justify-content: center;
    }
}
.view-invoice-payment-item {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    align-items: center;
    border-bottom: 0.0625rem solid #eeeff1;
    color: #2b3149;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 1.1875rem 3rem;
}
@media (max-width: 768px) {
    .view-invoice-payment-item {
        flex-direction: column;
    }
}
.view-invoice-payment-item:last-child,
.view-invoice-payment-item:nth-last-child(2) {
    border: none;
}
.view-invoice-payment-item.payable {
    background: rgba(0, 179, 75, 0.08);
    color: #00b34b;
}
.view-invoice-payment-item div {
    text-align: center;
    width: 25%;
}
@media (max-width: 768px) {
    .view-invoice-payment-item div {
        padding-bottom: 1rem;
        width: unset;
    }
}
.view-invoice-payment-item div .item-title {
    color: #2b3149;
    display: none;
    font-weight: 400;
}
@media (max-width: 768px) {
    .view-invoice-payment-item div .item-title {
        display: grid;
        padding-bottom: 1rem;
    }
}
.view-invoice-payment-item div span {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.view-invoice-payment-item.remaining {
    background: rgba(73, 162, 249, 0.08);
    border-radius: 0.3125rem;
    color: #49a2f9;
}
.view-invoice-payment-item.remaining div {
    text-align: unset;
    width: 50%;
}
@media (max-width: 768px) {
    .view-invoice-payment-item.remaining div {
        text-align: center;
    }
}
.view-invoice-payment-item.remaining div:nth-child(2) {
    text-align: left;
}
@media (max-width: 768px) {
    .view-invoice-payment-item.remaining div:nth-child(2) {
        text-align: center;
    }
}
.view-invoice-payment-btn {
    margin-top: 2rem;
}
@media (max-width: 768px) {
    .view-invoice-payment-btn {
        text-align: center;
    }
    .view-invoice-payment-btn a {
        margin: 0.25rem;
    }
}
.view-invoice-details-title {
    align-items: center;
    background: rgba(43, 49, 73, 0.08);
    border-radius: 0.3125rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 1rem 3rem;
}
.view-invoice-details-title h6 {
    color: #2b3149;
    margin-bottom: 0;
    text-align: center;
}
.view-invoice-details-content-item {
    border-bottom: 0.125rem dotted #e9ebef;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}
@media (max-width: 768px) {
    .view-invoice-details-content-item {
        flex-direction: column;
        padding: 1rem 0;
        text-align: center;
    }
}
.view-invoice-details-content-item div span {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #3d4b70;
    font-weight: 300;
}
.view-invoice-details-content-item div span.item-title {
    color: #2b3149;
    font-weight: 400;
    padding-left: 1rem;
}
@media (max-width: 768px) {
    .view-invoice-details-content-item div span.item-title {
        padding-bottom: 1rem;
        padding-left: 0;
    }
    .view-invoice-details-content-item div {
        display: grid;
    }
    .view-invoice-details-content-item div:first-child {
        padding-bottom: 1rem;
    }
    .view-invoice-details-content-item div:nth-child(2) {
        border-top: 0.125rem dotted #e9ebef;
        padding-top: 1rem;
    }
}
.view-invoice-details-content-item:last-child {
    border: none;
}
.view-invoice .manual-apply-credit {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    align-items: center;
    background-color: rgba(43, 49, 73, 0.08);
    border-radius: 0.3125rem;
    color: #3d4b70;
    display: flex;
    font-size: 0.875rem;
    font-weight: 300;
    justify-content: space-between;
    padding: 1rem;
}
@media (max-width: 992px) {
    .view-invoice .manual-apply-credit {
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .view-invoice .manual-apply-credit {
        margin-bottom: 0;
    }
}
.view-invoice .manual-apply-credit div {
    display: unset;
    vertical-align: unset;
}
@media (max-width: 992px) {
    .view-invoice .manual-apply-credit div {
        width: 100%;
    }
    .view-invoice .manual-apply-credit div:nth-child(2) {
        display: flex;
        margin-top: 1.5rem;
    }
}
.view-invoice .manual-apply-credit div span {
    color: #2b3149;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.75rem;
}
@media (max-width: 992px) {
    .view-invoice .manual-apply-credit div form {
        margin: auto;
    }
}
@media (max-width: 768px) {
    .view-invoice .manual-apply-credit div form {
        display: inline-block;
    }
}
@media (max-width: 510px) {
    .view-invoice .manual-apply-credit div form input {
        margin: 0 0 0.625rem;
    }
}
@media (max-width: 395px) {
    .view-invoice .manual-apply-credit div form button {
        margin-top: 0.625rem;
    }
}
@media (max-width: 768px) {
    .view-invoice .manual-apply-credit div:first-child,
    .view-invoice .manual-apply-credit div:last-child {
        text-align: center;
        width: 100%;
    }
}
.view-invoice .manual-apply-credit input {
    border: 0.125rem solid #c6cdda;
    border-radius: 0.3125rem;
    height: 2.75rem;
    line-height: 2.75rem;
    padding-left: 0.75rem;
    text-align: left;
    width: 18.75rem;
}
.view-invoice .manual-apply-credit input:focus {
    border-color: #c6cdda;
    outline: none;
}
@media (max-width: 1440px) {
    .view-invoice .manual-apply-credit input {
        width: 17.5rem;
    }
}
@media (max-width: 768px) {
    .view-invoice .manual-apply-credit input {
        width: 16.25rem;
    }
}
.view-invoice .w100 {
    width: 100%;
}
.view-invoice .mt-32 {
    margin-top: 2rem;
}
.view-invoice .pay-fixed {
    align-items: center;
    background-color: #fff;
    border-radius: 0.3125rem 0.3125rem 0 0;
    bottom: 0;
    box-shadow: 0 0 3.125rem rgba(198, 205, 218, 0.5);
    display: none;
    height: 72px;
    justify-content: space-between;
    padding: 0 1rem;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 99;
}
.view-invoice .pay-fixed p {
    color: #364163;
    font-weight: 400;
}
.view-invoice .pay-fixed p span {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #e42154;
}
@media (max-width: 768px) {
    .view-invoice .pay-fixed {
        display: flex;
    }
}
.view-invoice .paymentOnMobile {
    background: #fff;
    border-radius: 0.3125rem 0.3125rem 0 0;
    bottom: -16.875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 16.875rem;
    padding: 1rem 2rem;
    position: fixed;
    right: 0;
    text-align: center;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    transition: bottom 0.5s;
    width: 100%;
    z-index: 9999;
}
.view-invoice .paymentOnMobile.open {
    bottom: 0;
    box-shadow: 0 0 3.125rem rgba(198, 205, 218, 0.5);
}
@media (max-width: 359.98px) {
    .view-invoice .paymentOnMobile {
        padding: 0.625rem 0.75rem;
    }
}
.view-invoice .paymentOnMobile p {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
}
.view-invoice .paymentOnMobile .btn-ispayment {
    background-color: #fff !important;
    border: 0.125rem solid #e9ebef !important;
    border-radius: 0.3125rem !important;
    color: #2b3149 !important;
    font-family: yekan-bakh-new !important;
    font-size: 0.875rem !important;
    font-weight: 700;
    max-width: 100%;
    min-width: 18.5rem;
    padding: 0.84375rem 1.5rem !important;
}
.view-invoice .paymentOnMobile .btn-ispayment.active {
    border-color: #2533cc !important;
}
.view-invoice .paymentOnMobile .select-bank {
    display: none !important;
}
.view-invoice .paymentByCredit {
    background: #fff;
    border-radius: 0.3125rem 0.3125rem 0 0;
    bottom: -20rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 20rem;
    padding: 1.5rem 1rem 1rem;
    position: fixed;
    right: 0;
    text-align: center;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    transition: bottom 0.5s;
    width: 100%;
    z-index: 9999;
}
.view-invoice .paymentByCredit.open {
    bottom: 0;
    box-shadow: 0 0 3.125rem rgba(198, 205, 218, 0.5);
}
@media (max-width: 359.98px) {
    .view-invoice .paymentByCredit {
        padding: 1.5rem 0.75rem 0.625rem;
    }
}
.view-invoice .paymentByCredit p {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
}
.view-invoice .paymentByCredit a.toggleCredit {
    color: #364163;
    cursor: pointer;
    text-decoration: none;
}
.view-invoice .paymentByCredit a.toggleCredit span {
    color: #4c5c84;
}
.view-invoice .paymentAuth {
    background: #fff;
    border-radius: 0.3125rem 0.3125rem 0 0;
    bottom: -16.875rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 13.5rem;
    padding: 1rem;
    position: fixed;
    right: 0;
    text-align: center;
    -webkit-transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    transition: bottom 0.5s;
    width: 100%;
    z-index: 9999;
}
.view-invoice .paymentAuth.open {
    bottom: 0;
    box-shadow: 0 0 3.125rem rgba(198, 205, 218, 0.5);
}
@media (max-width: 359.98px) {
    .view-invoice .paymentAuth {
        padding: 0.625rem 0.75rem;
    }
}
.view-invoice .paymentAuth p {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 0;
}
.view-invoice .paymentAuth .invoice-setting {
    margin: 1.5rem 0;
}
.view-invoice .paymentAuth .invoice-setting p {
    color: #e42154;
}
.view-invoice .paymentAuth .select-bank {
    display: none;
}
@media (max-width: 768px) {
    .view-invoice .bank-btns .select-bank {
        display: none;
    }
}
.view-invoice .bank-btns .paymentOnMobileBox {
    display: none;
}
.view-invoice .form-payment .select-bank {
    column-gap: 1rem;
    display: flex;
    justify-content: center;
}
@media (max-width: 768px) {
    .view-invoice .form-payment .select-bank {
        display: none;
    }
}
.view-invoice .invoice-setting {
    margin: 1.75rem 0 1.5rem;
}
@media (max-width: 768px) {
    .view-invoice #invoice-setting,
    .view-invoice-bank-btns {
        display: none;
    }
}
@media (max-width: 560px) {
    .form-payment {
        text-align: center;
    }
    .form-payment .final-pay {
        width: unset !important;
    }
}
.form-payment .btn-group {
    box-shadow: none !important;
}
.form-payment .btn-ispayment {
    align-items: center;
    background-color: #fff !important;
    border: 0.125rem solid #c6cdda !important;
    border-radius: 0.3125rem !important;
    color: #2b3149 !important;
    display: flex;
    font-family: yekan-bakh-new !important;
    font-size: 0.875rem !important;
    font-weight: 700;
    justify-content: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 25.70812rem;
    padding: 0.84375rem 0.5rem !important;
    transition: all 0.3s;
    width: 100%;
}
.form-payment .btn-ispayment:active,
.form-payment .btn-ispayment:hover {
    border: 0.125rem solid #2533cc !important;
    box-shadow: 0 30px 50px rgba(198, 205, 218, 0.2) !important;
    color: #2533cc !important;
}
.form-payment .btn-ispayment.active {
    border-color: #2533cc !important;
}

.form-payment button[disabled],
.form-payment label[disabled] {
    color: #c6cdda !important;
}
#add-found-page .select-bank {
    column-gap: 1rem;
    display: flex;
    justify-content: center;
}
@media (max-width: 561px) {
    #add-found-page .select-bank {
        align-items: center;
        flex-direction: column;
        row-gap: 1rem;
    }
    #add-found-page .btn-ispayment {
        width: 100% !important;
    }
}
.addfunds-input-btn {
    column-gap: 0.5rem;
    display: flex;
}
.addfunds-input-btn button {
    min-width: 7.5rem;
}
.cart-section-title {
    align-items: center;
    border-bottom: 0.0625rem solid #e9ebef;
    display: flex;
    padding: 1.875rem 0 1.5rem;
}
.cart-section-title h5 {
    cursor: pointer;
}
.cart-section-content {
    margin: 0;
    padding: 0;
}
.cart-section-content-box {
    margin: 2rem 0;
}
@media (max-width: 359.98px) {
    .cart-section-row {
        align-items: center;
        display: flex;
        flex-direction: column;
        height: 6.25rem;
        justify-content: space-between;
        margin: auto;
        text-align: center;
    }
    .cart-section-row button {
        margin: 0 !important;
    }
}
.cart-section .btn-collapse {
    background: none;
    border: none;
}
.cart-section .alert {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.cart-section .alert span:before {
    color: #e42154;
}
.cart-section .alert p {
    padding: 0 1rem;
}
.cart-section .alert p a {
    color: #49a2f9;
    text-decoration: underline;
}
.cart-section-user-status .status-title {
    font-family: iransans;
    font-size: 0.75rem;
    font-weight: 400;
}
.cart-section label.required:before {
    background: #e42154;
    border-radius: 50%;
    content: "\A";
    display: inline-block;
    height: 0.3125rem;
    margin: 0 0 0 0.625rem;
    width: 0.3125rem;
}
.cart-section select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
   background-position-x: 0.625rem;
    background-position-y: 1.0625rem;
    background-repeat: no-repeat;
    height: 2.75rem;
    padding: 0.5rem 1rem 0.5rem 1.625rem !important;
}
.cart-section-link {
    border-bottom: 0.0625rem solid #e9ebef;
    padding: 1.875rem 0 2rem;
}
.cart-section.disabled .panel .panel-body:before {
    background-color: #e9ebef !important;
    border: 0.0625rem solid #c6cdda;
    border-radius: 0.3125rem;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 0;
}
.cart-section.disabled .btn-collapse {
    pointer-events: none;
}
.cart-section.disabled .btn-collapse span {
    color: #a3adc0;
}
.cart-section.disabled .cart-section-title h5 {
    color: #a3adc0;
    pointer-events: none;
    z-index: 2;
}
.add-contact {
    align-items: center;
    display: flex;
}
@media (max-width: 768px) {
    .add-contact {
        display: block;
    }
}
.auth-information .auth-step {
    display: flex;
    justify-content: center;
    margin: 0 0 2.375rem;
}
.auth-information .auth-step .step-box {
    background: #fff;
    border: 0.0625rem solid #2533cc;
    border-radius: 100%;
    height: 1.125rem;
    position: absolute;
    width: 1.125rem;
    z-index: 2;
}
.auth-information .auth-step .step1,
.auth-information .auth-step .step2 {
    flex: 0 0 33.3333%;
    position: relative;
}
.auth-information .auth-step .step3 {
    flex: 0 0 12%;
    position: relative;
}
@media (max-width: 1440px) {
    .auth-information .auth-step .step3 {
        flex: 0 0 14%;
    }
}
@media (max-width: 1200px) {
    .auth-information .auth-step .step3 {
        flex: 0 0 18%;
    }
}
@media (max-width: 992px) {
    .auth-information .auth-step .step3 {
        flex: 0 0 15%;
    }
}
@media (max-width: 768px) {
    .auth-information .auth-step .step3 {
        flex: 0 0 20%;
    }
}
@media (max-width: 582px) {
    .auth-information .auth-step .step3 {
        flex: 0 0 20%;
    }
}
@media (max-width: 448px) {
    .auth-information .auth-step .step3 {
        flex: 0 0 24%;
    }
}
@media (max-width: 413px) {
    .auth-information .auth-step .step3 {
        flex: 0 0 22%;
    }
}
@media (max-width: 385px) {
    .auth-information .auth-step .step3 {
        flex: 0 0 24%;
    }
}
.auth-information .auth-step .step1 .step-prog,
.auth-information .auth-step .step2 .step-prog {
    background: linear-gradient(270deg, #2533cc 50%, #c6cdda 0);
    background-position: 0 100%;
    background-size: 200% 100%;
    display: block;
    height: 0.125rem;
    position: absolute;
    top: 0.5rem;
    transition: all 0.5s ease-out;
    width: 100%;
    z-index: 1;
}
.auth-information .auth-step .step-complete {
    background-position: 100% 100% !important;
}
.auth-information .auth-step .step-title {
    color: #c6cdda;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    position: relative;
    top: 1.25rem;
    top: 1.5rem;
    width: max-content;
}
@media (max-width: 582px) {
    .auth-information .auth-step .step-title {
        font-size: 0.875rem;
    }
}
@media (max-width: 400px) {
    .auth-information .auth-step .step-title {
        padding-left: 0.625rem;
    }
}
.auth-information .auth-step .step-active .step-box {
    background-color: #2533cc;
}
.auth-information .auth-step .step-active .step-box:before {
    border: 0.1875rem solid #fff;
    border-radius: 100%;
    content: "";
    display: block;
    margin: 0.3125rem;
    position: absolute;
}
.auth-information .auth-step .step-active .step-title {
    color: #2533cc;
    font-size: 1rem;
    font-weight: 700;
}
@media (max-width: 582px) {
    .auth-information .auth-step .step-active .step-title {
        font-size: 0.875rem;
    }
}
.auth-information .step2-content .input_assistext {
    display: flex;
}
.auth-information .step2-content .resend-code {
    margin-top: 2.25rem;
}
.auth-information .step2-content .resend-code span:first-child {
    color: #364163;
    font-size: 0.625rem;
    font-weight: 400;
}
.auth-information .step2-content .resend-code span .timer {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #2533cc;
    font-size: 0.625rem;
    font-weight: 400;
    margin-right: 1.875rem;
}
.auth-information .step2-content .row:first-child {
    margin: auto;
    width: max-content;
}
.auth-information .c-otp {
    text-align: center;
}
.auth-information .c-otp__input {
    -webkit-appearance: none;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    color: #2533cc;
    direction: ltr;
    font-size: 0.875rem;
    height: 2.75rem;
    margin-right: 0.625rem;
    outline: none;
    text-align: center;
    width: 3.375rem;
}
.auth-information .c-otp__input::placeholder {
    text-align: center;
}
.auth-information .c-otp__input:last-child {
    margin-right: 0;
}
@media (max-width: 359.98px) {
    .auth-information .c-otp__input {
        margin-right: 0.125rem;
    }
}
.auth-information .c-otp__label {
    color: #667494;
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 0.625rem;
    text-align: right;
}
.auth-information .c-otp__group {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.auth-information #resend-otp-code {
    color: #2533cc;
    cursor: pointer;
    margin-right: 1.875rem;
}
.auth-information .mt-32 {
    margin-top: 2rem;
}
.auth-information .view-national-code {
    margin: 0.875rem 0 1.125rem;
}
.customfield8844 {
    display: inline-flex;
    position: relative;
}
.customfield8844 label {
    padding-right: 1.25rem !important;
}
.customfield8844 div.controls {
    position: absolute;
    right: 0;
    top: 0.4375rem;
    width: fit-content;
}
.otpcode-input {
    display: inline-block;
    margin-right: 1rem;
    max-width: calc(100% - 116px);
    width: 100%;
}
.isr_header_01 {
    background-color: #fff;
    border-top: 4px solid #2b41a1;
    box-shadow: 0 10px 25px 0 rgba(170, 179, 217, 0.12);
    position: relative;
    transition: transform 0.4s;
    width: 100%;
    z-index: 9999;
}
.isr_header_01_navbar {
    box-shadow: none;
    margin-bottom: 0;
    padding: 0;
}
@media (max-width: 1400px) {
    .isr_header_01_navbar {
        height: 6.125rem;
    }
}
@media (max-width: 1200px) {
    .isr_header_01_navbar {
        height: 6.125rem;
    }
}
.isr_header_01_navbar ul {
    list-style: none;
    margin-top: 0;
    padding-inline-start: 0;
}
.isr_header_01_navbar ul li a {
    color: #373a4a !important;
    display: inline-block;
    font-family: yekan-bakh-new, titillium, tahoma;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.02813rem;
    padding: 2.9375rem 0.9375rem 2.8125rem !important;
    position: relative;
}
@media (max-width: 1400px) {
    .isr_header_01_navbar ul li a {
        padding: 2.875rem 0.9375rem !important;
    }
}
@media (max-width: 1200px) {
    .isr_header_01_navbar ul li a {
        padding: 2.125rem 0.9375rem !important;
    }
}
.isr_header_01_navbar ul li a:before {
    background: #2b41a1;
    bottom: 0;
    content: "";
    height: 0.125rem;
    left: 50%;
    position: absolute;
    right: 51%;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    z-index: 0;
}
.isr_header_01_navbar ul li:hover > ul {
    display: flex;
}
.isr_header_01_navbar ul li:hover a {
    color: #2b41a1 !important;
    text-decoration: none;
}
.isr_header_01_navbar ul li:hover a:before {
    left: 0;
    right: 0;
}
.isr_header_01_navbar ul li:hover span.angle-down {
   background-repeat: no-repeat;
}
.isr_header_01_navbar ul li ul {
    animation-duration: 0.5s !important;
    background-color: #fff;
    border-radius: 0.3125rem;
    box-shadow: 0 10px 25px 0 rgba(198, 205, 218, 0.12);
    display: none;
    margin-right: 0;
    padding: 2.75rem 4.6875rem 2.75rem 0.8125rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 7.5625rem;
    width: 100%;
    z-index: 1;
}
@media (max-width: 1400px) {
    .isr_header_01_navbar ul li ul {
        padding: 2.75rem 3.375rem 2.75rem 2rem;
        top: 6.1875rem;
    }
}
@media (max-width: 1200px) {
    .isr_header_01_navbar ul li ul {
        padding: 1.875rem 0.625rem 1.875rem 0.5rem;
        top: 6.1875rem;
    }
}
.isr_header_01_navbar ul li ul li {
    list-style: none;
    transition: all 0.5s;
}
.isr_header_01_navbar ul li ul li a {
    font-family: inherit;
    padding: 0 !important;
    position: inherit;
}
.isr_header_01_navbar ul li ul li a .nav-col {
    margin-right: -1.625rem;
}
@media (max-width: 1400px) {
    .isr_header_01_navbar ul li ul li a .nav-col {
        margin-right: -1.125rem;
    }
}
@media (max-width: 1200px) {
    .isr_header_01_navbar ul li ul li a .nav-col {
        margin-right: -0.625rem;
    }
}
.isr_header_01_navbar ul li ul li a .nav-col span {
    margin-left: 4.125rem;
}
@media (max-width: 1400px) {
    .isr_header_01_navbar ul li ul li a .nav-col span {
        margin-left: 2.125rem;
    }
}
@media (max-width: 1200px) {
    .isr_header_01_navbar ul li ul li a .nav-col span {
        margin-left: 1.25rem;
    }
}
.isr_header_01_navbar ul li ul li div h4 {
    color: #2b41a1;
    font-family: yekan-bakh-new, titillium, tahoma;
    font-weight: 500;
}
@media (max-width: 1280px) {
    .isr_header_01_navbar ul li ul li div h4 {
        font-size: 1.125rem;
    }
}
.isr_header_01_navbar ul li ul li div p {
    color: #364163;
    font-weight: 300;
    letter-spacing: -0.00875rem;
}
.isr_header_01_navbar ul li ul li:nth-child(n + 4) {
    margin-top: 2.5rem;
}
.isr_header_01_navbar ul li ul li:hover .nav-img,
.isr_header_01_navbar ul li ul li:hover h4,
.isr_header_01_navbar ul li ul li:hover p {
    opacity: 0.7;
}
.isr_header_01_navbar_li_a.angle-down {
   height: 0.4375rem;
    margin-right: 0.5rem;
    top: 0;
    width: 0.6875rem;
}
.isr_header_01_navbar_li_a.angle-down,
.isr_header_01_navbar_phone {
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
}
.isr_header_01_navbar_phone {
  height: 2.8125rem;
    width: 2.8125rem;
}
@media (max-width: 359.98px) {
    .isr_header_01_navbar_phone {
        background-size: cover;
        height: 2.625rem;
        width: 2.625rem;
    }
}
.isr_header_01_navbar_left {
    float: left;
    padding-top: 43px;
}
@media (max-width: 1200px) {
    .isr_header_01_navbar_left {
        padding-top: 39px;
    }
}
@media (max-width: 992px) {
    .isr_header_01_navbar_left {
        padding-top: 27px;
    }
}
.isr_header_01_navbar_left_phone {
    display: inline-block;
    float: left;
    transition: all 0.3s;
}
.isr_header_01_navbar_left_phone strong {
    color: #364163;
    font-family: yekan-bakh-new, titillium, tahoma;
    font-size: 1.125rem;
}
@media (max-width: 1400px) {
    .isr_header_01_navbar_left_phone strong {
        display: none;
    }
}
@media (max-width: 1200px) {
    .isr_header_01_navbar_left_phone strong {
        display: none;
    }
}
@media (max-width: 992px) {
    .isr_header_01_navbar_left_phone strong {
        display: flex;
    }
}
@media (max-width: 359.98px) {
    .isr_header_01_navbar_left_phone strong {
        display: none;
    }
}
@media (max-width: 1200px) {
    .isr_header_01_navbar_left_phone {
        display: none;
        margin-left: 0 !important;
    }
}
@media (max-width: 992px) {
    .isr_header_01_navbar_left_phone {
        display: flex;
    }
}
.isr_header_01_navbar_left_phone:hover {
    opacity: 0.7;
}
.isr_header_01_navbar_left_panel {
    display: inline-block;
    float: left;
}
@media (max-width: 992px) {
    .isr_header_01_navbar_left_panel {
        display: none !important;
    }
}
.isr_header_01_navbar_left_panel a:first-child {
    margin-right: 10px !important;
    padding-top: 0.4375rem;
}
@media (max-width: 1200px) {
    .isr_header_01_navbar_left_panel a:first-child {
        display: none !important;
    }
}
.isr_header_01_navbar .navbar-collapse {
    float: right;
}
@media (max-width: 992px) {
    .isr_header_01_navbar .navbar-collapse {
        display: none !important;
    }
}
.isr_header_01_navbar_brand {
    float: right;
    padding: 40px 20px;
}
@media (max-width: 992px) {
    .isr_header_01_navbar_brand {
        position: absolute;
        right: 3.375rem;
    }
}
@media (max-width: 359.98px) {
    .isr_header_01_navbar_brand {
        text-align: center;
        width: calc(100% - 110px);
    }
}
@media (max-width: 1200px) {
    .isr_header_01_navbar_brand {
        padding: 30px 20px;
    }
}
.isr_header_01_navbar_toggler {
    background: transparent;
    border: 0;
    color: #364163;
    display: none;
    padding-top: 37px;
}
@media (max-width: 992px) {
    .isr_header_01_navbar_toggler {
        display: inline-block !important;
    }
}
@media (max-width: 768px) {
    .isr_header_01_navbar_toggler {
        padding-top: 0.875rem;
        position: absolute;
        right: 1.125rem;
    }
}
.isr_header_01_mobile-menu_sidebar {
    background: #fff;
    box-shadow: 0 10px 25px 0 rgba(198, 205, 218, 0.12);
    height: 100vh;
    overflow-y: scroll;
    position: fixed;
    right: -18.75rem;
    top: 0;
    transition: all 0.3s;
    width: 18.75rem;
    z-index: 99999;
}
.isr_header_01_mobile-menu_sidebar.active {
    right: 0;
}
.isr_header_01_mobile-menu_sidebar #dismiss {
    border: 0.0625rem solid transparent;
    color: #4c5c84;
    cursor: pointer;
    margin: 3.625rem 1.1875rem 2.625rem;
    position: absolute;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.isr_header_01_mobile-menu_sidebar_header {
    padding: 2.3125rem 1.25rem;
    text-align: right;
}
.isr_header_01_mobile-menu_sidebar_ul {
    margin-top: 6.25rem;
    padding: 1.25rem 0.9375rem;
}
.isr_header_01_mobile-menu_sidebar_ul p {
    color: #fff;
    padding: 0.625rem;
}
.isr_header_01_mobile-menu_sidebar_ul li {
    list-style: none;
}
.isr_header_01_mobile-menu_sidebar_ul li a {
    border-radius: 0.3125rem;
    color: #364163;
    display: block;
    font-family: yekan-bakh-new, titillium, tahoma;
    font-size: 16px;
    font-weight: 700;
    padding: 1rem 0.5rem;
    text-align: right;
    text-decoration: none;
}
.isr_header_01_mobile-menu_sidebar_ul li a:hover {
    background: rgba(37, 51, 204, 0.08);
    color: #2533cc;
}
.isr_header_01_mobile-menu_sidebar_ul li a .icon-user {
    background: rgba(37, 51, 204, 0.08);
    border-radius: 100%;
    height: 2.5rem;
    padding: 0.5rem;
    width: 2.5rem;
}
.isr_header_01_mobile-menu_sidebar_ul li a .icon-user:before {
    color: #2533cc;
}
.isr_header_01_mobile-menu_sidebar_ul li a .off-icon {
  content: "";
    height: 1rem;
    margin-right: -1.125rem;
    margin-top: 0.375rem;
    position: absolute;
    width: 1rem;
}
.isr_header_01_mobile-menu_sidebar_ul li a[aria-expanded="true"] {
    background: rgba(37, 51, 204, 0.08);
    color: #2533cc;
}
.isr_header_01_mobile-menu_sidebar_ul li a[aria-expanded="true"].dropdown-toggle:after {
    color: #2533cc;
    transform: rotate(180deg);
}
.isr_header_01_mobile-menu_sidebar_ul li.active > a {
    background: #2b41a1;
    color: #fff;
}
.isr_header_01_mobile-menu_sidebar_ul li:last-child a.logout {
    background: rgba(228, 33, 84, 0.08);
    color: #e42154;
    padding-right: 1.625rem;
}
.isr_header_01_mobile-menu_sidebar_ul li.user-acc a {
    align-items: center;
    display: flex;
    padding: 0.34375rem 0.5rem;
}
.isr_header_01_mobile-menu_sidebar_ul li.user-acc .user-info-name {
    font-size: 0.875rem;
}
.isr_header_01_mobile-menu_sidebar_ul li.user-acc .u-num {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-family: iransans;
    font-size: 0.75rem;
    font-weight: 400;
}
.isr_header_01_mobile-menu_sidebar_ul li.user-acc ul li a {
    padding: 1rem 0.5rem;
}
.isr_header_01_mobile-menu_sidebar_ul li ul {
    background: #f6f7f9;
    border-radius: 0.3125rem;
    margin: 0.5rem 0;
    padding-right: 0;
}
.isr_header_01_mobile-menu_sidebar_ul li ul li a {
    color: #2b3149;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
}
.isr_header_01_mobile-menu_sidebar_ul a[data-toggle="collapse"] {
    position: relative;
}
.isr_header_01_mobile-menu_sidebar_ul .dropdown-toggle:after {
    speak: none;
    -webkit-font-smoothing: antialiased;
    color: #a3acc0;
    content: "\e902";
    display: block;
    display: inline-block;
    font-family: icomoon !important;
    font-size: 1.5rem !important;
    font-variant: normal;
    font-weight: 400;
    left: 0.75rem;
    line-height: 0;
    position: absolute;
    text-transform: none;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.isr_header_01_mobile-menu_sidebar_ul hr {
    border-color: #e9ebef;
}
.isr_header_01_mobile-menu_sidebar .row {
    padding: 0 3.875rem;
}
.isr_header_01 .icon-info-circle:before {
    color: #d5d9e2;
    content: "\e91a";
    font-size: 1.25rem;
}
.isr_header_01 .icon-bars:before {
    color: #364163;
}
.isr_header_01 .icon-arrow-right:before {
    color: #fff;
    content: "\e901";
    font-size: 0.875rem;
    position: relative;
    top: 0.0625rem;
}
.isr_header_01 .icon-user {
    display: none;
}
@media (max-width: 1200px) {
    .isr_header_01 .icon-user {
        display: inline-block;
    }
}
.isr_header_01 .icon-user:before {
    background-color: #0dbf66;
    border-radius: 50%;
    color: #fff;
    padding: 0.625rem 0.6875rem;
}
.scroll-down .isr_header_01 {
    transform: translate3d(0, -100%, 0);
}
@media (max-width: 1190px) {
    .scroll-down .isr_header_01 {
        transform: none;
    }
}
.scroll-up .isr_header_01 {
    transform: none;
}
.scroll-up .isr_header_01_btn {
    background-color: transparent;
    color: #0dbf66;
}
.scroll-up .isr_header_01_btn:hover {
    background-color: #0dbf66 !important;
    color: #fff !important;
}
.sticky-header {
    height: 7.5rem;
}
@media (max-width: 1400px) {
    .sticky-header {
        height: 6.125rem;
    }
}
.overlay {
    background: rgba(43, 49, 73, 0.5);
    height: 200vh;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out;
    visibility: hidden;
    width: 100vw;
    z-index: 9999;
}
.overlay.active {
    opacity: 1;
    visibility: visible;
}
.faq .panel-heading-inner {
    border-bottom: 2px solid #f2f3f5;
}
.form-domain-checker .form-group {
    display: flex;
}
.form-domain-checker .form-group .input-group {
    width: 100%;
}
.form-domain-checker .form-group .input-group .input-tld {
    background: transparent !important;
    border: 0.125rem solid #e9ebef !important;
    border-left: none !important;
    border-radius: 0 0.3125rem 0.3125rem 0 !important;
    min-width: 7.875rem;
    padding: 0;
}
@media (max-width: 460px) {
    .form-domain-checker .form-group .input-group .input-tld {
        min-width: 4.375rem;
    }
}
.form-domain-checker .form-group .input-group .input-tld input {
    border: none !important;
    border-radius: 0 0.3125rem 0.3125rem 0 !important;
    color: #000;
    height: 2.625rem !important;
    padding: 0 0.5rem !important;
    text-align: center;
}
.form-domain-checker .form-group .input-group .input-tld input::placeholder {
    text-align: center;
}
.form-domain-checker .form-group .input-group .input-domain {
    border-radius: 0 !important;
}
.form-domain-checker .form-group .input-group .input-domain:focus {
    border-color: #e9ebef !important;
}
.form-domain-checker .form-group .input-group .input-www {
    border: none !important;
    color: #000;
}
@media (max-width: 460px) {
    .form-domain-checker .form-group .input-group .input-www {
        padding: 0.625rem;
    }
}
.form-domain-checker .form-group .btn-domain-checker {
    align-items: center;
    background: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem !important;
    color: #2533cc;
    display: flex;
    height: 2.875rem;
    justify-content: center;
    margin-left: 0.5rem;
    min-width: 3.5rem;
    padding: 0 !important;
}
.domains-cart-box {
    background: #fbfbfc;
    padding: 1rem;
}
.domains-cart-box h6 {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #45557c;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    text-align: center;
}
.domains-cart-box-span {
    color: #45557c;
    font-size: 0.875rem;
    font-weight: 400;
}
.domains-cart-box-heading hr {
    border-top: 0.0625rem solid #e9ebef;
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.domains-cart-box-heading-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.domains-cart-box-heading-title .icon {
    color: #45557c;
    cursor: pointer;
    font-size: 1.125rem !important;
}
.domains-cart-box-mobile {
    height: 100%;
    overflow-y: auto;
    padding: 0 0 14.375rem 3.75rem;
    position: absolute;
    width: 100%;
}
.domains-cart-item,
.domains-cart-item-mobile {
    align-items: center;
    animation: add-cart-item 0.3s;
    background: #fff;
    border-radius: 0.3125rem;
    box-shadow: 0 1.875rem 3.125rem rgba(198, 205, 218, 0.2);
    display: flex;
    justify-content: space-between;
    padding: 1rem;
}
.domains-cart-item-mobile:not(:last-child),
.domains-cart-item:not(:last-child) {
    margin-bottom: 1rem;
}
.domains-cart-item-mobile-title,
.domains-cart-item-title {
    color: #2b3149;
    direction: ltr;
    font-size: 1rem;
    font-weight: 400;
}
.domains-cart-item-mobile-remove,
.domains-cart-item-remove {
    cursor: pointer;
}
.domains-cart-item-mobile-remove .icon,
.domains-cart-item-remove .icon {
    color: #e42154;
    font-size: 1.25rem !important;
}
@keyframes add-cart-item {
    0% {
        margin-left: 200px;
        margin-right: -200px;
        opacity: 0;
    }
    to {
        margin-left: 0;
        margin-right: 0;
        opacity: 1;
    }
}
.domain-info-box {
    background-color: rgba(43, 49, 73, 0.03);
    color: #2b3149;
}
.domain-list-box {
    align-items: center;
    animation: remove-cart-item 0.3s;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    display: flex;
    font-family: iransans;
    justify-content: space-between;
    padding: 1.25rem 1rem;
}
.domain-list-box.badge-premium:before {
  content: "";
    height: 72px;
    position: absolute;
    right: -3px;
    top: -3px;
    width: 72px;
}
.domain-list-box-counter {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    background-color: #f0f1f4;
    border-radius: 0.3125rem;
    color: #364163;
    display: inline-block;
    font-size: 0.75rem;
    margin-left: 0.75rem;
    position: absolute;
    text-align: center;
    width: 1.25rem;
}
.domain-list-box-name {
    align-items: center;
    color: #364163;
    display: flex;
    font-size: 0.875rem;
    font-weight: 400;
    justify-content: center;
    letter-spacing: -0.00875rem;
    line-height: 2;
    padding-left: 1rem;
    text-align: right;
    width: 30%;
    word-break: break-word;
}
@media (max-width: 600px) {
    .domain-list-box-name {
        justify-content: right;
    }
}
.domain-list-box-title {
    direction: ltr;
}
.domain-list-box-addon {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    direction: rtl;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.625rem;
    margin-right: 1.875rem;
}
.domain-list-box-status {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    border: 0.0625rem solid #e9ebef;
    border-bottom: 0;
    border-top: 0;
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    height: 1.5rem;
    letter-spacing: -0.00875rem;
    line-height: 2;
    padding: 0 1.375rem;
    text-align: center;
}
.domain-list-box-status .badge {
    padding: 0.375rem !important;
    position: relative;
    top: -0.5rem;
    width: 6.875rem;
}
@media (max-width: 600px) {
    .domain-list-box-status {
        border: none !important;
        padding: 0;
    }
}
.domain-list-box-period {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 2;
    padding-right: 1.375rem !important;
    text-align: center;
    width: 40%;
}
.domain-list-box-period select {
    width: 100%;
}
.domain-list-box-period select:focus {
    outline: none !important;
}
@media (max-width: 600px) {
    .domain-list-box-period {
        padding-right: 0 !important;
    }
}
.domain-list-box-actions {
    align-items: center;
    display: flex;
    justify-content: end;
    text-align: left;
    width: 10%;
}
.domain-list-box-actions a,
.domain-list-box-actions span {
    cursor: pointer;
}
.domain-list-box-msg {
    color: #2b3149;
    justify-content: center;
    padding: 1.9375rem 1rem;
    text-align: center;
}
.domain-list-box-msg div {
    width: 100% !important;
}
@media (max-width: 600px) {
    .domain-list-box {
        flex-wrap: wrap;
        row-gap: 1.875rem;
    }
    .domain-list-box div:first-child {
        width: 60%;
    }
    .domain-list-box div:nth-child(3) {
        width: 85%;
    }
}
@media (max-width: 360px) {
    .domain-list-box div:nth-child(3) {
        width: 100%;
    }
}
@keyframes remove-cart-item {
    0% {
        margin-left: -200px;
        margin-right: 200px;
        opacity: 0;
    }
    to {
        margin-left: 0;
        margin-right: 0;
        opacity: 1;
    }
}
.domain-list .icon-edit-alt {
    color: #2533cc;
    font-size: 1.25rem !important;
}
.domain-list .icon-trash {
    color: #e42154;
    font-size: 1.25rem !important;
}
#domain-to-register,
#offer-box {
    position: relative;
}
.icon-add-item {
  height: 1.25rem;
    width: 1.25rem;
}
.icon-add-transfer {
   height: 1.25rem;
    width: 1.25rem;
}
.btn-icon-only {
    background: none;
    border: none;
    display: flex;
}
.domain-list-loading {
    align-items: center;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    display: flex;
    height: 5.5rem;
    justify-content: space-around;
}
.domain-list-loading .line {
    animation: shine-lines 1.6s linear infinite;
    background-image: linear-gradient(90deg, #ddd, #e8e8e8 2.5rem, #ddd 5rem);
    background-size: 37.5rem;
    border-radius: 0.3125rem;
    float: left;
    height: 1.25rem;
    margin: 0 0.75rem;
    width: 12.5rem;
}
.domain-list-loading .line4 {
    width: 1.25rem;
}
.domain-list-loading .line3 {
    max-width: 12.5rem;
}
.domain-list-loading .line2 {
    max-width: 6.25rem;
}
.domain-list-loading .line1 {
    max-width: 8.75rem;
}
.ticket-select-loading {
    align-items: center;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    display: flex;
    height: 2.875rem;
    justify-content: space-between;
    padding: 0.3125rem;
}
.ticket-select-loading .line {
    animation: shine-lines 1.6s linear infinite;
    background-image: linear-gradient(90deg, #ddd, #e8e8e8 2.5rem, #ddd 5rem);
    background-size: 37.5rem;
    border-radius: 0.3125rem;
    float: left;
    height: 1.25rem;
    margin: 0 0.75rem;
    width: 21.25rem;
}
.ticket-select-loading .line1 {
    max-width: 21.25rem;
}
.ticket-select-loading .line2 {
    max-width: 1.25rem;
}
.ticket-select-loading.level-one:first-child {
    border: none;
}
.ticket-select-loading.level-one:first-child .line1 {
    max-width: 12.5rem;
}
@keyframes shine-lines {
    0% {
        background-position: -6.25rem;
    }
    40%,
    to {
        background-position: 8.75rem;
    }
}
@keyframes shine-avatar {
    0% {
        background-position: -2rem;
    }
    40%,
    to {
        background-position: 13rem;
    }
}
.is-loading {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 0.25rem solid #eaecf0;
    border-radius: 50%;
    border-top-color: #2533cc;
    height: 1.5rem;
    width: 1.5rem;
}
.cart-fixed {
    align-items: center;
    background-color: #fff;
    border-radius: 0.3125rem 0.3125rem 0 0;
    bottom: 0;
    box-shadow: 0 0 3.125rem rgba(198, 205, 218, 0.5);
    display: none;
    height: 4.5rem;
    justify-content: space-between;
    padding: 0 1rem;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 99;
}
.cart-fixed h6 {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #45557c;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
    text-align: center;
}
@media (max-width: 992px) {
    .cart-fixed {
        display: flex;
    }
}
.cart-on-mobile {
    background: #fff;
    border-radius: 0.3125rem 0.3125rem 0 0;
    bottom: -95%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 95%;
    padding: 1.5rem 1rem 1rem;
    position: fixed;
    right: 0;
    text-align: center;
    -webkit-transition: bottom 0.5s !important;
    -moz-transition: bottom 0.5s !important;
    transition: bottom 0.5s !important;
    width: 100%;
    z-index: 9999;
}
.cart-on-mobile.open,
.cart-on-mobile.open .cart-on-mobile-continue {
    bottom: 0;
    box-shadow: 0 0 3.125rem rgba(198, 205, 218, 0.5);
}
.cart-on-mobile.open .cart-on-mobile-continue {
    background: #fff;
    display: flex;
    justify-content: center;
    position: fixed;
    right: 0;
    width: 100%;
}
@media (max-width: 359.98px) {
    .cart-on-mobile {
        padding: 1.5rem 0.75rem 0.625rem;
    }
}
.cart-on-mobile p {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
}
.cart-on-mobile a.toggleCredit {
    color: #364163;
}
.cart-on-mobile a.toggleCredit span {
    color: #4c5c84;
}
.cart-on-mobile .domains-cart-box {
    background: #fff;
}
.ssl-page .input-domain {
    border-radius: 0 0.3125rem 0.3125rem 0 !important;
}
.ssl-page .input-www {
    background-color: #e9ebef !important;
    border: none;
    border-radius: 0.125rem 0 0 0.125rem;
    color: #3d4b70;
    direction: ltr;
    font-size: 0.875rem;
    font-weight: 300;
    height: 2.5rem;
    left: 0.125rem;
    line-height: 1.75rem;
    position: absolute;
    top: 0.125rem;
    width: 3.5625rem;
}
.ssl-page input.input-domain {
    border-radius: 0.3125rem !important;
    direction: ltr;
    font-size: 0.875rem;
    padding-left: 4rem !important;
}
.ssl-page input.input-domain:focus {
    border-color: #e9ebef !important;
}
.ssl-page .domainName {
    direction: ltr;
    text-align: left !important;
}
.ssl-page .domainName::placeholder {
    text-align: left !important;
}
.ssl-page .radio .icon {
    font-size: inherit !important;
}
.ssl-page #inputDomain,
.ssl-page #inputDomainName {
    height: 2.75rem !important;
}
.ssl-page .error-text {
    color: #e42154;
    font-size: 0.75rem;
    margin-top: 0.5rem;
}
.ssl-page .custom-input-group {
    position: relative;
}
.ssl-page textarea {
    direction: ltr !important;
    resize: vertical;
    text-align: left !important;
}
@media (max-width: 768px) {
    .ssl-page table {
        border-bottom: 2px dashed #e9ebef;
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }
    .ssl-page table * {
        display: contents;
    }
    .ssl-page table td,
    .ssl-page table th {
        display: block;
        text-align: center;
    }
    .ssl-page table tr > :nth-child(2) {
        order: 1;
    }
    .ssl-page table th {
        background: rgba(43, 49, 73, 0.08);
        border-radius: 0.3125rem;
        width: 100% !important;
    }
}
.ssl-page table thead tr th {
    width: 50%;
}
.ssl-page table tbody {
    border-bottom: 0.125rem dashed #e9ebef;
}
.ssl-page .mt-32 {
    margin-top: 2rem !important;
}
.ssl-page .alert {
    display: flex;
}
@media (max-width: 768px) {
    .ssl-page .alert {
        margin-bottom: 1.375rem;
    }
}
.ssl-page .alert a {
    color: #fff;
}
.ssl-page .flex-alert {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.ssl-page .flex-alert div:first-child {
    display: flex;
}
@media (max-width: 768px) {
    .ssl-page .flex-alert {
        align-items: flex-start;
        flex-direction: column;
        row-gap: 0.75rem;
    }
}
.ssl-page .nav-pills {
    column-gap: 1rem;
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-inline-start: 0;
}
@media (max-width: 768px) {
    .ssl-page .nav-pills {
        flex-direction: column;
        row-gap: 1rem;
    }
}
.ssl-page .nav-pills > li {
    border: 0.125rem solid #c6cdda;
    border-radius: 0.3125rem;
    float: none;
    padding: 0.875rem;
    width: 100%;
}
.ssl-page .nav-pills > li a {
    align-items: center;
    color: #2b3149;
    display: flex;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 600;
    justify-content: center;
    line-height: 1.5rem;
    text-decoration: none;
}
.ssl-page .nav-pills > li a:hover {
    color: #2b3149;
}
.ssl-page .nav-pills > li.active {
    border-color: #2533cc;
}
.ssl-page .nav-pills > li.active > a {
    background-color: transparent;
    color: #2533cc;
}
.ssl-page .tab-pane .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.ssl-page span.select2 {
    width: 100% !important;
}
.ssl-page .modal {
    padding: 1rem !important;
    text-align: center;
}
.ssl-page .modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    margin-right: -0.25rem;
    vertical-align: middle;
}
.ssl-page .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.ssl-page .modal-title {
    border-bottom: 0.0625rem solid #e9ebef;
    color: #2533cc;
    font-size: 1rem;
    padding-bottom: 1rem;
}
.ssl-page .modal-footer {
    column-gap: 0.5rem;
    display: flex;
    justify-content: center;
    text-align: center !important;
}
.ssl-page .in-h {
    color: #364163;
}
.ssl-page .in-h a {
    color: #2533cc;
    font-weight: 400;
    padding-right: 0.5rem;
    text-decoration: none;
}
.ssl-page .col-send-link {
    border-right: 0.0625rem solid #e9ebef;
    text-align: left;
}
@media (max-width: 992px) {
    .ssl-page .col-send-link {
        border-right: none;
        text-align: right;
    }
}
.ssl-page .box-border {
    border: 0.0625rem solid #f0f1f4;
    border-radius: 0.3125rem;
    height: 100%;
    padding: 1.5rem;
}
.ssl-page .box-border div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.ssl-page .flex-box {
    display: flex;
}
.ssl-page .flex-box h6 {
    margin-bottom: 0;
}
.ssl-page .flex-box-op {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1.625rem 0;
}
@media (max-width: 768px) {
    .ssl-page .flex-box-op {
        align-items: self-start;
        flex-direction: column;
        row-gap: 1rem;
    }
}
@media (max-width: 992px) {
    .ssl-page .flex-box {
        flex-direction: column;
        justify-content: space-between;
        row-gap: 1.875rem;
    }
}
@media (max-width: 768px) {
    .ssl-page .flex-badge {
        flex-direction: column-reverse;
        row-gap: 1.75rem;
    }
}
.ssl-page .t3 {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-size: 0.75rem;
    font-weight: 400;
}
.ssl-page .text-black {
    color: #364163;
}
.ssl-page .icon-import,
.ssl-page .icon-refresh {
    font-size: 1.125rem !important;
    line-height: normal;
    margin: inherit;
    position: relative;
    top: 0.25rem;
    width: inherit;
}
.transfer-domain-page__panel {
    padding-top: 2rem;
}
.transfer-domain-page__panel ul.nav {
    align-items: center;
    column-gap: 1rem;
    display: flex;
    margin: 0 -0.9375rem;
}
@media (max-width: 359.98px) {
    .transfer-domain-page__panel ul.nav {
        column-gap: 0;
        margin: 0;
    }
}
.transfer-domain-page__panel ul.nav li {
    border: 0.125rem solid #c6cdda;
    border-radius: 0.3125rem;
    width: 100%;
}
.transfer-domain-page__panel ul.nav li.active {
    border-color: #2533cc;
}
.transfer-domain-page__panel ul.nav li.active a {
    color: #2533cc;
}
@media (max-width: 359.98px) {
    .transfer-domain-page__panel ul.nav li:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .transfer-domain-page__panel ul.nav li:last-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }
}
.transfer-domain-page__panel ul.nav li a {
    color: #2b3149;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.9375rem 0;
    text-align: center;
}
.transfer-domain-page__panel-tabs .conditions-box {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    background-color: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem;
    padding: 1.25rem;
}
.transfer-domain-page__panel-tabs .conditions-box h5 {
    color: #2533cc;
    font-family: yekan-bakh-new;
    font-size: 1rem;
    font-weight: 700;
}
.transfer-domain-page__panel-tabs .conditions-box p {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 300;
}
.transfer-domain-page__panel-tabs p {
    color: #364163;
}
.transfer-domain-page__panel-tabs .domains-select-box {
    margin: 2rem 0;
    padding: 0;
}
.transfer-domain-page__panel-tabs .domains-select-box .select-selected {
    font-family: yekan-bakh-new;
    font-weight: 700;
}
.transfer-domain-page__panel-tabs .domains-list-box,
.transfer-domain-page__panel-tabs .domains-list-box .col-sm-12 {
    padding: 0;
}
.transfer-domain-page__panel-tabs .domains-list-box .dataTables_wrapper div.row:first-child {
    display: none;
}
.transfer-domain-page__panel .alert {
    display: flex;
    margin: 2rem 0;
}
.transfer-domain-page__panel .alert .icon {
    display: flex;
    top: 0.9375rem;
}
.transfer-domain-page__panel .alert span:last-child {
    padding-right: 1.875rem;
}
.transfer-domain-page .flex-input {
    column-gap: 1rem;
    display: flex;
}
@media (max-width: 500px) {
    .transfer-domain-page .flex-input {
        flex-direction: column;
        row-gap: 1rem;
    }
}
.transfer-domain-page .flex-input input {
    width: 100%;
}
.transfer-domain-page .domains-list-box__title {
    color: #364163;
    display: none;
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
}
@media (max-width: 992px) {
    .transfer-domain-page .domains-list-box__title {
        display: block;
    }
}
.transfer-domain-page .domains-list-box__table-thead {
    background: rgba(43, 49, 73, 0.08) !important;
}
@media (max-width: 992px) {
    .transfer-domain-page .domains-list-box__table-thead {
        display: none;
    }
    .transfer-domain-page .domains-list-box__table-tbody {
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
    }
    .transfer-domain-page .domains-list-box__table-tbody .dataTables_empty {
        border: 0.0625rem solid #e9ebef !important;
        border-radius: 0.3125rem !important;
        color: #2b3149 !important;
        font-size: 0.875rem !important;
        font-weight: 500 !important;
        position: absolute;
        width: calc(100% - 16px);
    }
    .transfer-domain-page .domains-list-box__table-tr {
        border: 0.0625rem solid #e9ebef !important;
        border-radius: 0.3125rem;
        display: grid;
        flex: 1;
    }
    .transfer-domain-page .domains-list-box__table-tr:hover {
        background-color: transparent !important;
    }
}
.transfer-domain-page .domains-list-box__table-tr td {
    font-size: 14px !important;
}
@media (max-width: 992px) {
    .transfer-domain-page .domains-list-box__table-tr td:first-child {
        font-size: 1rem !important;
        font-weight: 500 !important;
        margin: auto;
        padding: 1rem !important;
    }
    .transfer-domain-page .domains-list-box__table-tr td {
        display: flex;
        justify-content: space-between;
        padding: 0.5rem 1rem !important;
    }
    .transfer-domain-page .domains-list-box__table-tr td:nth-child(2) {
        border-top: 0.0625rem solid #e9ebef !important;
        font-weight: 500;
        margin: 0 1rem;
        padding: 1rem 0 0.5rem !important;
    }
    .transfer-domain-page .domains-list-box__table-tr td:nth-child(2):before {
        font-weight: 500;
    }
    .transfer-domain-page .domains-list-box__table-tr td:nth-child(2) span {
        -moz-font-feature-settings: "ss01";
        -webkit-font-feature-settings: "ss01";
        font-feature-settings: "ss01";
        font-weight: 500 !important;
    }
    .transfer-domain-page .domains-list-box__table-tr td:nth-child(3),
    .transfer-domain-page .domains-list-box__table-tr td:nth-child(4) {
        letter-spacing: 0.2em;
    }
    .transfer-domain-page .domains-list-box__table-tr td div,
    .transfer-domain-page .domains-list-box__table-tr td span {
        font-weight: 300;
    }
    .transfer-domain-page .domains-list-box__table-tr td:not(:first-child):before {
        content: attr(text);
        font-weight: 500;
    }
}
.transfer-domain-page .domains-list-box__table-tr .label {
    font-size: 0.75rem !important;
    font-weight: 400;
    padding: 0.875rem 0.625rem !important;
}
.transfer-domain-page .domains-list-box__table-tr .label-default {
    color: #2b3149 !important;
}
.transfer-domain-page .domains-list-box .dataTables_wrapper .row:last-child {
    display: flex;
    flex-direction: column-reverse;
}
.transfer-domain-page .domains-list-box .dataTables_wrapper .row:last-child .col-sm-7 {
    margin: auto;
}
.transfer-domain-page .domains-list-box .dataTables_wrapper .row:last-child .col-sm-7 .dataTables_paginate {
    text-align: center;
    width: 100%;
}
.transfer-domain-page .domains-list-box .dataTables_wrapper .row:last-child .col-sm-7 .dataTables_paginate ul li:first-child a {
    margin-right: 0 !important;
}
.transfer-domain-page .domains-list-box .paginate_button.disabled {
    display: none !important;
}
.ybf {
    font-family: yekan-bakh-fanum !important;
}
.en-font {
    font-family: titillium !important;
}
.faFont,
.faNum {
    font-family: iransans;
}
.faNum {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.enNum {
    -moz-font-feature-settings: "ss01" !important;
    -webkit-font-feature-settings: "ss01" !important;
    font-feature-settings: "ss01" !important;
}
.mt-10 {
    margin-top: 0.625rem;
}
.border-none {
    border: none !important;
}
@media (max-width: 500px) {
    .d-none-500 {
        display: none;
    }
    .w-100-500 {
        width: 100% !important;
    }
    .text-right-500 {
        text-align: right !important;
    }
}
@media (max-width: 767px) {
    body.site-navbar-small .site-menubar {
        top: 6.5rem !important;
        z-index: 9999999999999;
    }
}
.change-ownership {
    left: 0;
    position: absolute;
}
@media (max-width: 992px) {
    .change-ownership {
        margin-bottom: 1.25rem;
        position: relative;
    }
}
#dropdown ul,
.subdown ul {
    display: none;
    min-width: 200px;
}
#dropdown ul li a,
.subdown ul li a {
    display: block;
}
.vncservice input {
    background-color: transparent;
    border: none;
    font-style: normal;
}
.m-icon-title div {
    border-bottom: none;
    padding-bottom: 0.3125rem;
}
.m-icon-title span {
    font-size: 1rem;
    font-weight: 500;
}
.m-download-title > div {
    border: none;
}
.m-icon-title-download > div > span {
    color: #2b41a1;
}
.m-icon-title-download > div > span,
.m-icon-title-download > p {
    font-family: yekan-bakh-new;
    font-size: 1rem;
}
h4.example-title {
    font-family: yekan-bakh-new !important;
    font-size: 0.875rem;
}
.upgrade-page form p {
    text-align: right;
}
.upgrade-page .promocode {
    padding: 0.375rem 0.625rem !important;
}
@media (max-width: 573px) {
    .upgrade-page .btn-promo {
        margin-top: 1.25rem;
    }
}
.btn-reset-style input {
    border: none !important;
    font-style: normal !important;
}
@media (max-width: 768px) {
    .transfer-btn {
        margin-top: 0.625rem;
    }
    .transfer-table {
        display: inline-block;
        overflow-x: auto;
        width: 100%;
    }
}
html {
    scroll-behavior: smooth;
}
@media (max-width: 768px) {
    .domain-input-group button {
        margin-top: 0.625rem !important;
    }
    .option .inputBox {
        padding-left: 0;
        padding-right: 0;
    }
    .webui-popover {
        display: none !important;
    }
}
@media (max-width: 400px) {
    .domain-input-group .input-group-addon {
        display: none !important;
    }
}
.codeInpute input[type="checkbox"] {
    display: block !important;
    opacity: 1;
    position: relative;
}
.holder-phone {
    direction: ltr;
    text-align: right;
}
i.btn input {
    border: none !important;
    font-style: normal !important;
}
.order-number {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-size: 1rem;
    font-weight: 300;
    margin-top: 1.25rem;
}
.management-user-btn {
    display: inline-flex;
}
#invitePermissions {
    border: 0.0625rem solid #e0e0e0;
    border-radius: 0.3125rem;
    padding: 1.25rem;
}
@media (max-width: 470px) {
    .page-404 .buttons a:nth-child(2) {
        margin-right: 0;
        margin-top: 0.5rem;
    }
}
.tbl-customfields tr td:first-child {
    text-align: right !important;
}
@media (max-width: 768px) {
    .tbl-customfields tr td:first-child {
        display: none;
    }
}
.tbl-customfields tr td:last-child {
    text-align: right !important;
    width: 90%;
}
@media (max-width: 768px) {
    .tbl-customfields tr td:last-child {
        width: 100%;
    }
}
.tbl-customfields tr td:last-child label {
    display: none;
}
@media (max-width: 768px) {
    .tbl-customfields tr td:last-child label {
        display: inline-block;
    }
}
.view-email .panel-title {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    font-style: normal;
}
.table-new table a {
    white-space: nowrap !important;
}
@media (max-width: 768px) {
    .table-new #table-new_wrapper .row:first-child .col-sm-6 {
        float: none;
    }
}
.table-new #table-new_wrapper .row:last-child div:first-child {
    padding: 0;
    width: 0;
}
.table-new #table-new_wrapper .row:last-child div:last-child {
    display: flex;
    justify-content: center;
    width: 100%;
}
.table-new ul.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.table-new ul.pagination li {
    display: flex;
    margin: 0 0 0.5rem;
}
.timeline1 {
    height: 8.75rem;
    margin-top: 2.5rem;
    overflow: auto;
    padding-top: 2.5rem;
}
.timeline1-box {
    min-width: 58.125rem;
}
.timeline1-box div.active .timeline-step {
    background-color: #2533cc !important;
}
.timeline1-box div.active .tooltip-inner {
    color: #2533cc !important;
}
.timeline1-box div.active .timeline-progress {
    background-color: #2533cc !important;
}
.timeline1-box .tooltip-arrow {
    display: none;
}
.timeline1-box .tooltip .tooltip-inner {
    background-color: transparent !important;
    background-image: none !important;
    color: #737373 !important;
}
.timeline1 .tooltip.top {
    right: -1.25rem;
}
.reseller-input-group {
    border-radius: 0.3125rem !important;
}
.h-auto {
    height: auto !important;
}
.flex-row {
    align-items: center;
    display: flex;
}
@media (max-width: 992px) {
    .flex-row {
        display: block;
    }
}
.flex-row > div:first-child {
    margin-bottom: 1.875rem;
}
li#ClientLog a span {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    border-radius: 100%;
    height: 1.5rem;
    line-height: 2;
    padding: 0 !important;
    width: 1.5rem;
}
.extraData input::placeholder {
    text-align: left;
}
.extraData.domain-lock {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.listTitle {
    color: #3949ab !important;
}
.desc-text span.icon {
    font-size: 1rem !important;
}
.domainStatus {
    padding: 0.625rem;
}
#inputDomain,
#inputDomainName,
#owndomainsld,
#registersld,
#transfersld {
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}
#inputDomain::placeholder,
#inputDomainName::placeholder,
#owndomainsld::placeholder,
#registersld::placeholder,
#transfersld::placeholder {
    text-align: left;
}
#inputDomain,
#inputDomainName {
    height: 2.875rem !important;
}
#owndomaintld::placeholder,
#registertld::placeholder,
#transfertld::placeholder {
    text-align: left;
}
#customwhois input {
    -moz-font-feature-settings: "ss01";
    -webkit-font-feature-settings: "ss01";
    font-feature-settings: "ss01";
}
table.dataTable thead > tr > th {
    padding-left: 1rem;
}
.rescueForm {
    display: flex;
}
.rescueForm input[name="email"] {
    margin-left: 0.5rem;
    max-width: 18.75rem;
}
.rescueForm input[name="email"]::placeholder {
    font-family: iransans !important;
}
@media (max-width: 500px) {
    .rescueForm input[name="email"] {
        max-width: 12.125rem;
    }
}
@media (max-width: 380px) {
    #btnTransferDomain {
        display: block;
        margin-bottom: 0.5rem;
    }
}
.en-field,
.en-field::placeholder {
    font-family: titillium, iransans !important;
}
.page-login-v2 {

    background-attachment: fixed;
}
.page-login-v2:before {
    display: none !important;
}
.page-login-v2 .logo {
    left: 223px;
    position: fixed;
    top: calc(50vh - 20px);
}
.page-login-v2 .logo-mobile {
    display: none;
}
@media (max-width: 992px) {
    .page-login-v2 .card {
        margin: 1.5rem 0 !important;
    }
}
@media (max-width: 340px) {
    .page-login-v2 .card {
        padding: 2.5rem 1.625rem !important;
    }
}
@media (max-width: 1279px) {
    .page-login-v2 {
        background-size: 430px;
    }
    .page-login-v2 .logo {
        left: 135px;
    }
}
@media (max-width: 991px) {
    .page-login-v2 {
        background-size: cover;
    }
    .page-login-v2 .card {
        background: #fff;
        border-radius: 0.2rem;
        padding: 2.5rem;
    }
    .page-login-v2 .logo {
        display: none;
    }
    .page-login-v2 .logo-mobile {
        display: block;
        padding-bottom: 5px;
        text-align: center;
    }
    .page-login-v2 form {
        float: unset !important;
        margin: auto !important;
    }
}
.login-register {
    -ms-flex-align: center !important;
    align-content: flex-start;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    min-height: 100vh;
    width: 100%;
}
.login-register .lr-container {
    width: 100%;
}
.login-register .lr-box {
    margin-bottom: 1.5rem;
}
.login-register .lr-title {
    -moz-font-feature-settings: unset;
    -webkit-font-feature-settings: unset;
    font-feature-settings: unset;
    color: #364163;
    font-family: iransans;
    font-size: 2.125rem;
}
@media (max-width: 360px) {
    .login-register .lr-title {
        font-size: 1.875rem;
    }
}
.login-register .lr-desc {
    color: #364163;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.14px;
    line-height: 2;
}
.login-register .lr-input {
    border: 2px solid #e9ebef;
    border-radius: 0.3125rem !important;
    box-shadow: none !important;
    height: 44px;
    margin: 8px 0 0;
    padding: 8px 16px 8px 36px !important;
}
.login-register .lr-input-group {
    position: relative;
    width: 100%;
}
.login-register .lr-input:focus.danger {
    border-color: #e42154 !important;
}
.login-register .lr-input:focus .success {
    border-color: #00b34b !important;
}
.login-register .lr-input-sendcode {
    margin-left: 1rem;
}
.login-register .lr-input-otpcode {
    display: inline-block;
    max-width: calc(100% - 112px);
}
.login-register .lr-showPassword {
    left: 8px;
    position: absolute;
    top: 19px;
    z-index: 4;
}
.login-register .lr-showPassword-register {
    top: 50px;
}
.login-register .lr-showPassword .btn {
    padding: 0;
}
.login-register .lr-autogenerate {
    font-size: 10px;
}
.login-register .lr-autogenerate-link {
    color: #667494;
    font-size: 0.625rem;
    margin: 0 0.375rem;
    text-decoration: none;
}
.login-register .lr-autogenerate-icon {
    font-size: 12px !important;
    padding-left: 5px;
    position: relative;
    top: 2px;
}
.login-register .lr-form-group {
    margin-bottom: 0 !important;
    margin-top: 1rem;
}
.login-register .lr-forget {
    font-size: 0.875rem;
    margin-top: 10px;
}
.login-register .lr-cr {
    padding: 27px 0;
}
.login-register .lr-register {
    color: #364163;
    font-size: 14px;
    padding-top: 9px;
}
.login-register .lr-register-link {
    margin-right: 0 !important;
    text-decoration: underline;
}
.login-register .label,
.login-register label {
    font-size: 0.875rem !important;
    font-weight: 400;
    padding-right: 0.5rem !important;
}
.login-register .pl-30 {
    padding-left: 30px;
}
@media (max-width: 768px) {
    .login-register .pl-30 {
        padding-left: 0;
    }
}
.login-register .registerClick {
    border-bottom: 0;
    color: #757575;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}
.login-register .registerClick a {
    margin: 0 5px;
    text-decoration: underline !important;
}
.login-register .registerClick:hover {
    border-bottom: 0;
    text-decoration: none;
}
@media (max-width: 1440px) {
    .login-register .btn-line {
        display: unset;
    }
}
.login-register .btn-line div:first-child {
    display: flex;
}
@media (max-width: 400px) {
    .login-register .btn-line div:first-child {
        display: unset;
        flex-direction: column;
    }
}
.login-register .btn-line div:nth-child(2) {
    align-items: center;
    display: flex;
    justify-content: end;
    text-align: left;
}
@media (max-width: 1440px) {
    .login-register .btn-line div:nth-child(2) {
        justify-content: start;
        margin-top: 1.5rem;
        text-align: right !important;
    }
}
.login-register #loginEmail .alert span,
.login-register .btn-line div:nth-child(2) a {
    margin-left: 0;
}
.login-register #loginEmail .alert button {
    opacity: 1;
}
.login-register input::-webkit-inner-spin-button,
.login-register input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.login-register input[type="number"] {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    -moz-appearance: textfield;
    font-family: iransans !important;
}
.login-register .clientdetailsorregister {
    align-items: center;
    display: flex;
    justify-content: center;
}
.login-register .input_assistext {
    left: -1.625rem !important;
}
.login-register #home.show {
    display: none !important;
}
.login-register #home.show.active {
    display: block !important;
}
.login-register .g-recaptcha {
    display: none;
}
.error-text {
    margin-top: 0.5rem;
}
.error-accepttos,
.error-text {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #e42154 !important;
    font-size: 0.625rem;
}
.error-accepttos {
    margin-top: -0.625rem;
}
.g-recaptcha {
    display: none;
}
.page-login-v2 form {
    margin: 0;
}
.input_assistext .icon-info-circle {
    top: -0.375rem;
}
.checkbox {
    align-items: center;
}
.checkbox-text {
    color: #2533cc;
    font-weight: 400;
}
.checkbox-text a {
    color: #2533cc;
    text-decoration: none;
}
.row-2col {
    display: flex;
    justify-content: space-between;
}
@media (max-width: 500px) {
    .row-2col {
        flex-direction: column;
    }
}
.row-2col .col {
    width: 100%;
}
.row-2col .col:first-child {
    margin-left: 0.5rem;
}
@media (max-width: 500px) {
    .row-2col .col:first-child {
        margin-left: 0;
    }
}
.row-2col .col:last-child {
    margin-right: 0.5rem;
}
@media (max-width: 500px) {
    .row-2col .col:last-child {
        margin-right: 0;
    }
}
.user-email-box {
    display: flex;
}
@media (max-width: 550px) {
    .user-email-box {
        flex-direction: column;
    }
    .user-email-box a {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }
}
.user-email-box p {
    color: #667494;
    font-size: 0.75rem;
    font-weight: 400;
}
.user-email-box a {
    color: #2533cc;
    font-size: 0.75rem;
    font-weight: 400;
    margin-right: 0 !important;
    padding-right: 1rem;
    text-decoration: none;
}
.user-btn {
    column-gap: 0.5rem;
    display: flex;
    margin-top: 1.5rem;
}
@media (max-width: 1200px) {
    .user-btn {
        flex-direction: column;
        row-gap: 0.5rem;
    }
}
.user-btn button {
    margin-top: 0 !important;
}
.user-reset-pass a {
    color: #2533cc;
    cursor: pointer;
    font-size: 0.75rem;
    font-weight: 400;
    text-decoration: none;
}
.two-factor-backup {
    color: #667494;
    font-size: 0.75rem;
    font-weight: 400;
    text-align: right;
}
.two-factor-backup a {
    color: #2533cc;
    cursor: pointer;
    text-decoration: none;
}
.backup-code {
    align-items: center;
    background: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem;
    color: #2533cc;
    column-gap: 0.875rem;
    cursor: pointer;
    display: flex;
    font-family: titillium;
    font-size: 1.25rem;
    font-weight: 700;
    justify-content: center;
    margin: 0 auto 2.5rem;
    padding: 0.5625rem 0.75rem;
    width: max-content;
}
.backup-code span {
    color: #4c5c84;
}
.two-factor-desc {
    align-items: center;
    background: rgba(37, 51, 204, 0.08);
    border-radius: 5px;
    color: #364163;
    column-gap: 2rem;
    display: flex;
    justify-content: space-between;
    padding: 1.5rem !important;
}
@media (max-width: 500px) {
    .two-factor-desc {
        flex-direction: column;
        text-align: center;
    }
}
.two-factor-desc p {
    width: calc(100% - 150px);
}
@media (max-width: 500px) {
    .two-factor-desc p {
        width: 100%;
    }
}
.two-factor-desc a {
    max-width: 7.1875rem;
}
.form-landing-step > div > div.active > span:first-child {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    background-color: #2533cc;
    border-color: #2533cc;
    display: inline-block;
    font-family: iransans;
    height: 1.875rem;
    line-height: 2rem;
    padding: 0;
    text-align: center;
    width: 1.875rem;
}
.form-landing-step > div > div.active > span:last-child {
    color: #2533cc;
    font-family: iransans;
    font-weight: 400;
}
.form-landing-step > div > div > span:first-child {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    display: inline-block;
    font-family: iransans;
    height: 1.875rem;
    line-height: 2rem;
    padding: 0;
    text-align: center;
    width: 1.875rem;
}
.form-step-data input,
.form-step-data select {
    border: 0.125rem solid #e9ebef !important;
    border-radius: 0.3125rem;
    height: 2.75rem;
}
#modal-show-auth .modal-body > div input {
    border: 0.125rem solid #e9ebef !important;
    border-radius: 0.3125rem !important;
    color: #4a4a4a !important;
    display: inline-block !important;
    margin: -0.625rem 1.25rem 0 0 !important;
    padding-left: 3.375rem !important;
    width: calc(100% - 40px) !important;
}
#modal-show-auth .modal-body > div input:focus {
    border-color: #e9ebef !important;
}
#modal-show-auth .modal-body > div #btn-resend,
#modal-show-auth .modal-body > div #btn-resend-site-builder {
    background-color: #2533cc;
    border-radius: 6.25rem !important;
    display: inline-block !important;
    height: 2.75rem !important;
    left: 1.875rem !important;
    margin: 0.25rem 0.625rem 1.25rem 1.25rem !important;
    position: absolute !important;
    width: 2.75rem !important;
}
#btn-resend-site-builder {
    line-height: 0 !important;
}
#btn-auth-site-builder {
    background-color: #2533cc !important;
    border: none !important;
    border-radius: 6.25rem !important;
    box-shadow: none !important;
    color: #fff !important;
    font-family: iransans !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.00875rem !important;
    line-height: 2 !important;
    padding: 0.375rem 1.5rem !important;
}
#btn-auth-site-builder:active,
#btn-auth-site-builder:hover {
    background-color: #3d51d2 !important;
    box-shadow: 0 10px 25px 0 rgba(35, 67, 163, 0.12) !important;
    color: #fff !important;
}
#btn-change-exit-site-builder {
    background-color: rgba(37, 51, 204, 0.08) !important;
    border: none !important;
    border-radius: 6.25rem !important;
    box-shadow: none !important;
    color: #2533cc !important;
    font-family: iransans !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.00875rem !important;
    line-height: 2 !important;
    padding: 0.375rem 1.5rem !important;
}
#btn-change-exit-site-builder:active,
#btn-change-exit-site-builder:hover {
    background-color: #3d51d2 !important;
    box-shadow: 0 10px 25px 0 rgba(35, 67, 163, 0.12) !important;
    color: #fff !important;
}
.modal-title.site-builder {
    text-align: center;
}
.modal-title.site-builder p {
    font-size: 0.875rem;
    font-weight: 400;
}
#modal-show-auth .modal-title > span:last-child {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #2533cc;
    float: none;
    margin: 0;
}
#form-auth-code-mobile {
    width: calc(100% - 120px);
}
#button-addon1 {
    width: 7.5rem !important;
}
.form-error-auth-mobile {
    font-size: 0.75rem;
    margin-bottom: 0.625rem;
    margin-top: -1.25rem;
    padding-right: 0;
}
.form-step-error {
    font-size: 0.75rem;
}
input#form-email-register {
    direction: rtl;
    text-align: left;
}
#toast {
    border-radius: 0.3125rem;
    font-weight: 700;
    left: 50%;
    opacity: 0;
    padding: 1.5rem 6rem;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translate(-50%);
    visibility: hidden;
    z-index: 1;
}
@media (max-width: 768px) {
    #toast {
        padding: 1.5rem;
        width: 21.25rem;
    }
}
@media (max-width: 400px) {
    #toast {
        width: calc(100% - 64px);
    }
}
#toast.danger {
    background-color: #fdeef2;
    color: #e42154;
}
#toast.success {
    background-color: #eeeffb;
    color: #2533cc;
}
#toast.show {
    animation: fadeInOut 5s;
    visibility: visible;
}
@keyframes fadeInOut {
    5%,
    95% {
        opacity: 1;
        top: 50px;
    }
    15%,
    85% {
        opacity: 1;
        top: 30px;
    }
}
.is-loading-state {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 0.125rem solid #ffffffdb;
    border-radius: 50%;
    border-top-color: transparent;
    display: flex;
    height: 1rem;
    margin: 0.375rem auto;
    width: 1rem;
}
@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(1turn);
    }
}
.disabled-btn {
    pointer-events: none !important;
}
#login-link .is-loading-state {
    border-color: transparent #2533cc #2533cc !important;
}
.modal-template {
    padding-right: 0 !important;
    top: 50%;
    transform: translateY(-50%);
}
.modal-template-dialog {
    margin: 0 auto;
}
.modal-template-title {
    color: #364163;
    font-size: 1.125rem;
    font-weight: 700;
}
.modal-backdrop.fade.in {
    background: #2b3149;
    opacity: 0.8;
}
@media (max-width: 992px) {
    .modal-template {
        top: auto;
        transform: translate(0);
    }
    .modal-template-dialog {
        margin: 30px auto;
    }
    .modal-template-content {
        padding: 2rem 1.5rem;
    }
    .modal-template-header {
        border-bottom: 1px solid #e9ebef;
        padding: 0 0 1rem;
    }
    .modal-template-body {
        padding: 0 !important;
    }
    .modal-template-dialog {
        border-radius: 0;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .modal-template-content {
        border-radius: 0.3125rem 0.3125rem 0 0;
    }
    .modal.fade .modal-dialog {
        transform: translate3d(0, 100vh, 0);
    }
    .modal.in .modal-dialog {
        transform: translateZ(0);
    }
}
.user-security {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
}
@media (max-width: 992px) {
    .user-security {
        flex-direction: column;
    }
}
.user-security__title {
    align-items: center;
    color: #364163;
    display: flex;
    font-family: yekan-bakh-new;
    font-size: 1.125rem;
    font-weight: 700;
    gap: 2rem;
}
.user-security__actions {
    display: flex;
    flex-basis: 75%;
    flex-direction: column;
    gap: 1rem;
}
@media (max-width: 992px) {
    .user-security__actions {
        flex: 1;
        order: 1;
    }
}
.user-security__actions .form-group {
    margin-bottom: 1.5rem;
}
.user-security__actions__password {
    position: relative;
}
.user-security__actions__password__form {
    margin-top: 1rem;
}
.user-security__actions__password__form input[type="password"] {
    padding-left: 3rem !important;
}
.user-security__actions__password__form__divider {
    border-right: 1px solid #e9ebef;
}
@media (max-width: 992px) {
    .user-security__actions__password__form__divider {
        border-right: none;
        position: relative;
    }
    .user-security__actions__password__form__divider:before {
        background: #e9ebef;
        content: "";
        height: 1px;
        left: 15px;
        position: absolute;
        top: 0;
        width: calc(100% - 30px);
    }
}
.user-security__actions__password__form__footer {
    display: flex;
    gap: 0.5rem;
    padding: 0 15px;
    width: 100%;
}
@media (max-width: 992px) {
    .user-security__actions__password__form__footer > * {
        flex: 1;
    }
}
.user-security__actions__password__icon {
  background-size: 24px;
    cursor: pointer;
    height: 24px;
    left: 16px;
    position: absolute;
    top: 10px;
    width: 24px;
}

.user-security__actions__password__tooltip {
    background-color: #3d4b70;
    border-radius: 0.3125rem;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 10px;
    left: 0;
    padding: 0.5rem;
    position: absolute;
    top: -52px;
}
.user-security__actions__password__btn__cancel {
    display: none;
}
@media (max-width: 992px) {
    .user-security__actions__password__btn__cancel {
        display: block;
    }
}
.user-security__actions__password__comparison,
.user-security__actions__password__generate {
    align-items: center;
    cursor: pointer;
    display: flex;
    margin-top: 0.5rem;
}
.user-security__actions__password__comparison__icon,
.user-security__actions__password__generate__icon {
    color: #2533cc;
    font-size: 1rem !important;
    margin: 0 0.5rem;
}
.user-security__actions__password__comparison__text,
.user-security__actions__password__generate__text {
    color: #2533cc;
    font-size: 10px;
    font-weight: 400;
}
.user-security__actions__password__comparison {
    cursor: default;
    display: none;
    margin-bottom: 1rem;
}
.user-security__actions__password__comparison.Show {
    display: flex;
}
.user-security__actions__password__comparison__icon,
.user-security__actions__password__comparison__text {
    color: #e42154;
}
.user-security__actions__direct {
    margin-top: 1.5rem;
}
.user-security__actions__direct ul {
    list-style-position: inside;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
    padding-right: 0.25rem;
}
@media (max-width: 992px) {
    .user-security__actions__direct .direct-confirm {
        margin-bottom: 2rem;
    }
}
.user-security__actions__direct__tag__skeleton {
    height: 41px;
    width: 86px;
}
.user-security__actions__direct__btn__header__skeleton,
.user-security__actions__direct__tag__skeleton {
    animation: shine-lines 1.6s linear infinite;
    background-image: linear-gradient(90deg, #ddd, #e8e8e8 40px, #ddd 80px);
    background-size: contain;
    border-radius: 0.3125rem;
}
.user-security__actions__direct__btn__header__skeleton {
    height: 32px;
    width: 94px;
}
.user-security__actions__direct__description {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 300;
}
.user-security__actions__direct__buttons {
    display: flex;
}
.user-security__actions__direct__buttons > * {
    flex: 1;
}
@media (max-width: 992px) {
    .user-security__actions__direct__buttons {
        gap: 0.5rem;
        width: 100%;
    }
}
.user-security__actions__direct__cancel {
    display: none;
}
@media (max-width: 992px) {
    .user-security__actions__direct__cancel {
        display: block;
    }
}
.user-security__actions__direct__inline-card {
    align-items: center;
    background-color: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem;
    display: flex;
    justify-content: space-between;
    margin: 0 !important;
    padding: 1.5rem 1.875rem;
}
@media (max-width: 992px) {
    .user-security__actions__direct__inline-card {
        align-items: start;
        background: #fff;
        flex-direction: column;
        padding: 0;
    }
}
.user-security__actions__card {
    background: #fff;
    border-radius: 0.3125rem;
    box-shadow: 0 10px 25px 0 rgba(198, 205, 218, 0.12);
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.5rem 2rem;
}
.user-security__actions__card__header {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.user-security__actions__card__header__status {
    border-radius: 0.3125rem;
    font-family: yekan-bakh-new;
    font-size: 1rem;
    font-weight: 700;
    padding: 0.5rem;
}
@media (max-width: 992px) {
    .user-security__actions__card__header__status,
    .user-security__actions__card__header__status ~ * {
        display: none !important;
    }
}
.user-security__actions__card__header__status.danger {
    background-color: rgba(228, 33, 84, 0.08);
    color: #e42154;
}
.user-security__actions__card__header__status.success {
    background-color: rgba(0, 179, 75, 0.08);
    color: #00b34b;
}
.user-security__actions__card__body {
    border-top: 1px solid #e9ebef;
    margin-top: 1.5rem;
}
.user-security__actions__action {
    align-items: center;
    display: flex;
}
.user-security__status {
    display: flex;
    flex-basis: 25%;
    flex-direction: column;
    height: max-content;
}
@media (max-width: 992px) {
    .user-security__status {
        flex: 1;
        order: 0;
    }
}
.user-security__status__icon {
    height: 16px;
    margin-left: 0.5rem;
    width: 16px;
}
.user-security__status__title {
    color: #2533cc;
    margin-bottom: 1.5rem;
}
.user-security__status__card {
    background: #fff;
    border-radius: 0.3125rem;
    box-shadow: 0 10px 25px 0 rgba(198, 205, 218, 0.12);
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 1.5rem 2rem;
}
.user-security__status__item {
    align-items: center;
    display: flex;
    font-size: 12px;
}
.user-security__status__item.active {
    color: #00b34b;
    font-weight: 500;
}
.user-security__status__item:not(:last-child) {
    margin-bottom: 0.5rem;
}
.user-security__status__skeleton {
    animation: shine-lines 1.6s linear infinite;
    background-image: linear-gradient(90deg, #ddd, #e8e8e8 40px, #ddd 80px);
    background-size: contain;
    border-radius: 0.3125rem;
    height: 27px;
    width: 100%;
}
.select-account div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.select-account div:last-child {
    border: none;
}
.select-account div a {
    color: #2533cc;
    font-weight: 400;
}
.select-account div span.badge {
    font-family: yekan-bakh-new;
    font-size: 0.875rem;
    font-weight: 700;
}
.bank-receipt-heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 500px) {
    .bank-receipt-heading {
        flex-direction: column;
        text-align: center;
    }
}
.bank-receipt-factor {
    display: flex;
    flex-direction: column;
    padding: 2.125rem 1.875rem 0.75rem;
}
@media (max-width: 500px) {
    .bank-receipt-factor {
        padding-top: 0;
    }
    .bank-receipt-factor div:first-child {
        margin-bottom: 1.25rem;
    }
}
.bank-receipt-factor span {
    color: #364163;
    font-size: 0.875rem;
    font-weight: 400;
}
.bank-receipt-factor div:last-child span:last-child {
    color: #e42154;
}
.bank-receipt-box {
    background: #f2f3f5;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    box-shadow: 0 0.625rem 1.5625rem rgba(198, 205, 218, 0.12);
    cursor: pointer;
}
.bank-receipt-box.active {
    border-color: #2533cc;
}
.bank-receipt-box.active .bank-receipt-box-head {
    background-color: #2533cc;
}
.bank-receipt-box-head {
    align-items: center;
    background: #a3adc0;
    border-radius: 0.1875rem 0.1875rem 0 0;
    display: flex;
    height: 3.75rem;
    padding: 0 1.25rem;
}
.bank-receipt-box-head span {
    color: #fff;
    font-family: yekan-bakh-new;
    font-weight: 700;
}
.bank-receipt-box-head span:first-child {
    height: 1.1875rem;
    padding-left: 0.625rem;
    width: 1.1875rem;
}


.bank-receipt-box-content {
  background-repeat: no-repeat;
    background-size: cover;
    min-height: 8.5rem;
    padding: 2rem 1.5rem;
}
.bank-receipt-box-content div {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.bank-receipt-box-content div > span {
    color: #2b3149;
    font-family: yekan-bakh-new;
    font-weight: 400;
}
.bank-receipt-box-content div > div span {
    color: #2b3149;
    direction: ltr;
    font-family: yekan-bakh-new;
    font-weight: 700;
}
.bank-receipt-box-content div > div span:last-child {
   cursor: pointer;
    height: 1.5rem;
    width: 1.5rem;
}
.bank-receipt .alert {
    font-family: yekan-bakh-new;
    font-weight: 700;
}
.bank-receipt-date {
    column-gap: 0.625rem;
    display: flex;
}
.bank-receipt-date div {
    width: 100%;
}
.file-upload {
    display: block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-align: center;
}
.file-upload .file-select {
    background: #fff;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    color: #a3adc0;
    cursor: pointer;
    display: block;
    font-family: iransans;
    font-weight: 300;
    height: 2.75rem;
    line-height: 2.5rem;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.file-upload .file-select-button {
    background: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem;
    display: inline-block;
    height: 1.75rem;
    padding: 0.5rem 0;
    position: relative;
    right: -0.5rem;
    top: 0.375rem;
    width: 1.75rem;
}
.file-upload .file-select-button:after {
  background-repeat: no-repeat;
    content: "";
    display: block;
    height: 1.0625rem;
    padding: 0.875rem;
    position: relative;
    right: -0.3125rem;
    top: -0.1875rem;
    width: 0.9375rem;
}
.file-upload .file-select-name {
    display: inline-block;
    float: right;
    line-height: 40px;
    padding: 0 10px;
}
.file-upload .file-select input[type="file"] {
    cursor: pointer;
    filter: alpha(opacity=0);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}
.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}
.file-upload .file-select.file-select-disabled:hover {
    background: #fff;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: default;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}
.file-upload .file-select.file-select-disabled:hover .file-select-name {
    display: inline-block;
    line-height: 40px;
    padding: 0 10px;
}
.mt-72 {
    margin-top: 4.5rem;
}
.label-required:before {
    background: #e42154;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 0.3125rem;
    margin-left: 0.625rem;
    width: 0.3125rem;
}
.domain-details-row {
    display: flex;
}
@media (max-width: 992px) {
    .domain-details-row {
        display: inherit;
    }
    .domain-details-row .mt-30 {
        margin-top: 1.875rem;
    }
}
.domain-details-box {
    border: 0.0625rem solid #f0f1f4;
    border-radius: 0.3125rem;
    height: 100%;
    padding: 1rem;
}
.domain-details-box h5 {
    color: #364163;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.06rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}
.domain-details-box span {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
    color: #364163;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.00875rem;
    line-height: 1.75rem;
}
.domain-details-box .w-100 {
    width: 100%;
}
.domain-details-box .label {
    padding: 0.6875rem 2rem !important;
}
.domain-details__flex-row {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
.domain-details .pt-32 {
    padding-top: 2rem;
}
.domain-details .mt-32 {
    margin-top: 2rem;
}
.domain-details .row-reset-margin {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.domain-details .label-dns {
    padding-left: 0.9375rem !important;
}
.domain-details .label-dns:before {
    background-color: #e42154;
    border-radius: 0.625rem;
    content: "";
    display: block;
    height: 0.3125rem;
    left: 0;
    position: absolute;
    top: 0.9375rem;
    width: 0.3125rem;
}
.domain-details .label-dns.label-not-required {
    padding: 0 !important;
}
.domain-details .label-dns.label-not-required:before {
    display: none;
}
.domain-details .extra-col-dns .label-dns {
    padding: 0 !important;
}
.domain-details .extra-col-dns .label-dns:before {
    display: none;
}
.domain-details .input-dns,
.domain-details .label-dns {
    font-family: titillium;
    text-align: left;
}
.domain-details .input-dns::placeholder,
.domain-details .label-dns::placeholder {
    text-align: left;
}
.domain-details .panel-group .panel.panel-default:last-child {
    border: none !important;
}
.domain-details .panel.panel-default {
    border-bottom: 0.125rem dashed #e9ebef;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 2rem 0;
}
.domain-details .panel.panel-default a {
    text-decoration: none !important;
}
.domain-details .radio-title {
    color: #2b3149 !important;
    font-family: yekan-bakh-new;
    font-weight: 600;
}
.domain-details .remove-field {
    bottom: 0.625rem;
    cursor: pointer;
    position: absolute;
    right: 1rem;
}
.domain-details .remove-field:before {
 content: "";
    display: block;
    height: 1.5rem;
    width: 1.5rem;
}
.domain-details .w-100 {
    width: 100%;
}
.domain-details .row-dns {
    align-items: end;
    column-gap: 1rem;
    display: flex;
    flex-direction: row-reverse;
}
@media (max-width: 768px) {
    .domain-details .row-dns {
        flex-direction: column;
    }
    .domain-details .row-dns .col-dns:not(:first-child) {
        margin-top: 0.875rem;
    }
}
.domain-details .col-dns {
    position: relative;
    width: 100%;
}
.domain-details .col-dns .form-group {
    margin-bottom: 0;
}
.domain-details .panel-body .nav-tabs-horizontal ul li a {
    font-family: yekan-bakh-new;
    font-weight: 700;
}
.domain-details .btn-add-dns {
    align-items: center;
    background-color: rgba(37, 51, 204, 0.08);
    border-radius: 0.3125rem;
    cursor: pointer;
    display: flex;
    height: 2.75rem;
    padding: 0.6875rem;
    width: 2.75rem;
}
@media (max-width: 768px) {
    .domain-details .btn-add-dns {
        justify-content: center;
        margin-top: 1rem;
        width: 100%;
    }
}
.domain-details .btn-add-dns span {
  height: 1.375rem;
    width: 1.375rem;
}
.domain-details select {
    display: none !important;
}
.domain-details .dropdown-select {
    background-color: #fff;
    border: 0.125rem solid #e9ebef;
    border-radius: 0.3125rem;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 0.875rem;
    font-weight: 400;
    height: 2.875rem;
    line-height: 2.75rem;
    outline: none;
    padding: 0 1rem;
    position: relative;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}
@media (max-width: 550px) {
    .domain-details .dropdown-select {
        padding: 0 0.5rem 0 1.375rem;
    }
}
.domain-details .dropdown-select .current {
    color: #2533cc;
}
.domain-details .dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.domain-details .dropdown-select a:hover {
    color: #666;
}
.domain-details .dropdown-select a.selected {
    display: none;
    pointer-events: none;
}
.domain-details .dropdown-select.open,
.domain-details .dropdown-select:active,
.domain-details .dropdown-select:focus,
.domain-details .dropdown-select:hover {
    background-color: #fff;
}
.domain-details .dropdown-select:after {
  content: "";
    display: block;
    height: 1.5rem;
    left: 0.625rem;
    pointer-events: none;
    position: absolute;
    top: 0.625rem;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    width: 1.5rem;
}
@media (max-width: 550px) {
    .domain-details .dropdown-select:after {
        left: 0;
    }
}
.domain-details .dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.domain-details .dropdown-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.domain-details .dropdown-select.open .option {
    cursor: pointer;
}
.domain-details .dropdown-select.wide {
    width: 100%;
}
.domain-details .dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}
.domain-details .dropdown-select .list {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box;
    left: 0;
    margin-top: 4px;
    max-height: 250px;
    opacity: 0;
    overflow: hidden;
    overflow: auto;
    padding: 3px 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    z-index: 999;
}
.domain-details .dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}
.domain-details .dropdown-select .list ul {
    padding: 0;
}
.domain-details .dropdown-select .list ul li {
    display: flex;
    justify-content: space-between;
}
.domain-details .dropdown-select .list ul li .status-badge {
    border-radius: 0.25rem;
    font-size: 0.625rem;
    padding: 0 0.625rem;
}
.domain-details .dropdown-select .list ul li .status-badge.Active {
    background-color: rgba(13, 191, 102, 0.08);
    color: #00b34b;
}
.domain-details .dropdown-select .list ul li .status-badge.Cancelled {
    background-color: rgba(251, 157, 5, 0.08);
    color: #fb6d02;
}
.domain-details .dropdown-select .list ul li .status-badge.Expired,
.domain-details .dropdown-select .list ul li .status-badge.Grace {
    background-color: rgba(228, 33, 84, 0.08);
    color: #e42154;
}
.domain-details .dropdown-select .dd-search {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 1rem;
    overflow: hidden;
}
.domain-details .dropdown-select .dd-searchbox {
    border: 1px solid #999;
    border-radius: 4px;
    outline: none;
    padding: 0.5rem;
    width: 100%;
}
.domain-details .dropdown-select .dd-searchbox:focus {
    border-color: #12cbc4;
}
.domain-details .dropdown-select .option {
    cursor: default;
    font-weight: 400;
    line-height: 2.5rem;
    list-style: none;
    outline: none;
    padding: 0.75rem 1rem;
    transition: all 0.2s;
}
.domain-details .dropdown-select .option:focus,
.domain-details .dropdown-select .option:hover {
    background-color: #f6f6f6 !important;
}
.domain-details .dropdown-select .option.selected {
    color: #364163;
    font-weight: 500;
}
.domain-details .dropdown-select .option.selected:focus {
    background: #f6f6f6;
}
@media (max-width: 550px) {
    .domain-details .ml-4 {
        margin-left: 0 !important;
    }
}
.domain-details .label-mobile {
    display: none;
}
@media (max-width: 550px) {
    .domain-details .label-mobile {
        display: flex;
    }
    .domain-details .label-mobile span {
        display: block;
        padding: 0.375rem !important;
    }
    .domain-details .label-desktop {
        display: none;
    }
}
.domain-details .operational-menu {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    text-decoration: none;
}
.domain-details .operational-menu h5 {
    color: #364163;
}
.domain-details .operational-menu.collapsed .arrow-menu {
  background-repeat: no-repeat;
}
.domain-details .operational-menu .arrow-menu {
  background-repeat: no-repeat;
    display: inline-block;
    height: 1.25rem;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    width: 1.25rem;
}
.domain-details .operational-menu__box {
    background: #fff;
    border: 1px solid #edeff2;
    border-radius: 0.3125rem;
    box-shadow: 0 1.875rem 3.125rem 0 rgba(198, 205, 218, 0.2);
    display: none;
}
@media (max-width: 768px) {
    .domain-details .operational-menu__box {
        display: block;
    }
}
.domain-details .operational-menu__body ul {
    display: flex;
    flex-direction: column;
}
.domain-details .operational-menu__body ul li {
    border-bottom: 0.0625rem solid rgba(37, 51, 204, 0.16);
}
.domain-details .operational-menu__body ul li.active {
    border-bottom: 0.125rem solid #2533cc;
}
.domain-details .operational-menu__body ul .nav-tabs-autoline {
    display: none !important;
}
.domain-details .operational-menu__body .well {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0 1rem 0.375rem;
}
@media (max-width: 768px) {
    .domain-details .operational-menu__inline {
        display: none;
    }
}
@media (max-width: 420.98px) {
    .domain-details #ControlPanelTab button {
        display: block;
        margin: 0 0 0.5rem !important;
        width: 100%;
    }
    .domain-details #dnsManageTab .radio {
        padding-left: 0.625rem;
    }
}
.qualityControlModal__desc {
    color: #364163;
    font-family: iransans;
    font-size: 0.875rem;
    font-weight: 300;
}
.btn-qc {
    background: rgba(73, 162, 249, 0.08);
}
.btn-qc,
.btn-qc:active,
.btn-qc:focus,
.btn-qc:hover,
.btn-qc:visited {
    color: #49a2f9;
}
.btn-danger-alert {
    background: rgba(228, 33, 84, 0.08);
    color: #e42154 !important;
    font-weight: 500 !important;
}
.btn-warning-alert {
    background: rgba(251, 157, 5, 0.08);
    color: #fb6d02 !important;
    font-weight: 500 !important;
}
#ssl-action-alert-box {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 768px) {
    #ssl-action-alert-box {
        flex-direction: column;
        row-gap: 1.25rem;
    }
}
.div-ssl-action-alert-box {
    display: flex;
}
.alert-danger-icon {
   height: 1.5rem;
    min-width: 1.5rem;
    width: 1.5rem;
}
.backup-page .backup-table__head {
    background: rgba(43, 49, 73, 0.08);
    border-radius: 0.3125rem;
    color: #2b3149;
    display: flex;
    font-family: yekan-bakh-new;
    font-size: 1rem;
    font-weight: 700;
    justify-content: space-between;
    padding: 1rem 1.5rem;
}
.backup-page .backup-table__head div:last-child {
    text-align: center;
    width: 20%;
}
.backup-page .backup-table__body {
    color: #2b3149;
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    padding: 1.1875rem 1.5rem;
}
.backup-page .backup-table__body div:first-child {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.backup-page .backup-table__body div:last-child {
    color: #2533cc;
    text-align: center;
    width: 20%;
}
.backup-page .backup-table__body div a {
    text-decoration: none;
}
.backup-page .backup-description p {
    font-size: 0.75rem;
    font-weight: 600;
    padding-right: 0.625rem;
}
.backup-page .backup-description p:before {
    background: #364163;
    border-radius: 3.125rem;
    content: "";
    display: block;
    height: 0.25rem;
    position: relative;
    right: -0.625rem;
    top: 0.8125rem;
    width: 0.25rem;
}
@media (max-width: 400px) {
    .backup-page .nav-backup {
        flex-direction: column;
    }
    .backup-page .nav-backup li a {
        padding: 0;
    }
}
.backup-page .modal {
    padding: 0 !important;
    text-align: center;
}
.backup-page .modal:before {
    content: "";
    height: 100%;
    margin-right: -4px;
}
.backup-page .modal-dialog,
.backup-page .modal:before {
    display: inline-block;
    vertical-align: middle;
}
.backup-page .modal-body {
    text-align: right;
}
.backup-page .modal-footer {
    text-align: center !important;
}
.backup-page .modal-title {
    border-bottom: 1px solid #e9ebef;
    color: #2533cc;
    font-size: 16px;
    padding-bottom: 16px;
}
.backup-page .modal-open {
    overflow: unset;
}
.backup-page .backup-choice.disabled .status-title {
    color: rgba(43, 49, 73, 0.08) !important;
}
.backup-page .backup-choice.disabled input[type="radio"] + span:before {
    background-color: rgba(43, 49, 73, 0.08) !important;
    border-color: rgba(43, 49, 73, 0.08) !important;
    cursor: not-allowed;
}
.backup-page .backup-choice.disabled input[type="radio"]:checked + span:after {
    background-color: transparent;
}
.backup-page .backup-choice.disabled .radio .hover {
    cursor: not-allowed;
}
.backup-page #ticket-number {
    -moz-font-feature-settings: "ss02";
    -webkit-font-feature-settings: "ss02";
    font-feature-settings: "ss02";
}
.flex-alert {
    align-items: center;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 500px) {
    .flex-alert {
        flex-direction: column;
    }
}
.btn-alert {
    display: inline-table;
    font-weight: 500;
    padding: 0.5rem 0.75rem;
}
@media (max-width: 500px) {
    .btn-alert {
        margin-top: 1rem;
    }
}
.alert-danger .btn-alert {
    background-color: rgba(228, 33, 84, 0.08);
    color: #e42154;
}
.alert-warning .btn-alert {
    background-color: rgba(252, 199, 41, 0.16);
    color: #fb8d04;
}
.alert-success .btn-alert {
    background-color: #ecfaf3;
    color: #2ac38c;
}
.alert-info .btn-alert {
    background-color: rgba(73, 162, 249, 0.08);
    color: #49a2f9;
}