/* Generated by script */
@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: Vazirmatn;
    src: url('../fonts/webfonts/Vazirmatn-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: auto;
}




h1, h2, h3, h4, h5, h6 {
    font-family: 'Vazirmatn', sans-serif !important;
    margin-bottom: 20px !important;
    color: #3B566E;
}

body {
    direction: rtl;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #EDEDED;
    font-family: 'Vazirmatn', sans-serif !important;
}

.box {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-top: 2rem;
    margin-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.box-rec {
    display: flex;
    width: 574.56px;
    padding: 39.969px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12.293px;
    border-radius: 39.969px;
    background: #FFF;
    box-shadow: 0px 13.323px 39.969px 0px rgba(170, 170, 170, 0.12);
}

.logo {
    object-fit: cover;
    width: 95px;
    height: 100%;
    margin-top:10px;
    margin-bottom:10px;
}

.br-b1 {
    border-bottom: 0.5px dashed #ccc;
}
.a-cen {
    align-items: center;
}



@media screen and (min-width: 320px) and (max-width: 479px) {
    .fish-box .form-side {
        width: 320px;
        padding: 1rem;
    }

        .fish-box .form-side .logo small {
            text-align: center !important;
        }

        .fish-box .form-side table h1, .fish-box .form-side table td {
            font-size: 9pt !important;
        }

        .fish-box .form-side .title {
            font-size: 12pt !important;
            font-weight: 700;
        }
}

/*body {
    margin: 0;
    color: #576c90 !important;
    direction: rtl;
    font-size: .8rem;
    font-weight: 300;
    font-family: 'Vazirmatn FD NL', sans-serif !important;
    background-color: #e1e6ef !important;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    overflow-x: hidden;
}*/

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 solid #e2e8f0;
}

.border-2x {
    border-radius: 1rem !important;
}

.fish-page {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fish-box {
    min-height: 600px;
    margin-top: 105px;
    display: flex;
    justify-content: center;
}

    .fish-box.failed {
        -webkit-animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
        animation: shake .82s cubic-bezier(.36,.07,.19,.97) both;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .fish-box .form-side {
        display: flex;
        flex-direction: column;
        background: #f5f7fa;
        width: 650px;
        padding: 50px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        flex-wrap: nowrap;
        align-items: center;
    }

        .fish-box .form-side .logo {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            position: relative;
            height: 149px;
            margin-top: 0;
            align-content: center;
            align-items: center;
        }

            .fish-box .form-side .logo img#logo {
                width: 170px;
                height: 100%;
                object-fit: contain;
            }

        .fish-box .form-side .title {
            font-size: 18pt;
            font-weight: 700;
            color: #000000;
            margin: 10px auto;
            padding: 1rem;
        }

        .fish-box .form-side .help-links a {
            color: #000000;
            font-size: 12px
        }

        .fish-box .form-side table {
            width: 100%;
            align-content: center;
            vertical-align: middle;
        }

            .fish-box .form-side table h1 {
                font-size: 14pt;
                margin-bottom:1px!important;
                padding-bottom:1px!important;
            }

        .fish-box .form-side .help-links a:hover {
            color: var(--secondary)
        }

    .fish-box .banner-side {
        background: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden
    }

        .fish-box .banner-side .slider {
            width: 100%
        }

    .fish-box .tabs {
        padding-top: 1rem;
        border-bottom: 1px solid var(--border);
        margin-bottom: 1rem
    }

        .fish-box .tabs li {
            display: inline-block;
            padding: .5rem;
            color: #709b9b;
            font-weight: 700;
            position: relative;
            -webkit-transition: all .5s;
            transition: all .5s
        }

            .fish-box .tabs li.swiper-pagination-bullet-active, .fish-box .tabs li:hover {
                color: var(--dark)
            }

                .fish-box .tabs li.swiper-pagination-bullet-active:after {
                    content: " ";
                    height: 3px;
                    left: 0;
                    right: 0;
                    bottom: -2px;
                    background: var(--dark);
                    width: 100%;
                    position: absolute
                }

    .fish-box .vs-input-parent {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .fish-box .login-form {
        border-radius: 7px;
        background: #fff;
        -webkit-box-shadow: 0 0 8px rgba(125,145,179,.3);
        box-shadow: 0 0 8px rgba(125,145,179,.3)
    }

        .fish-box .login-form .form-control {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            min-height: 50px;
            padding: .6rem;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

            .fish-box .login-form .form-control > div, .fish-box .login-form .form-control input {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

            .fish-box .login-form .form-control .vs-input:focus.vs-input--has-icon:not(.vs-input--has-icon--after) ~ .vs-input__icon {
                -webkit-box-shadow: none;
                box-shadow: none
            }

            .fish-box .login-form .form-control input:-internal-autofill-selected, .fish-box .login-form .form-control input:-webkit-autofill, .fish-box .login-form .form-control input:-webkit-autofill:active, .fish-box .login-form .form-control input:-webkit-autofill:focus, .fish-box .login-form .form-control input:-webkit-autofill:hover {
                -webkit-box-shadow: 0 0 0 30px #fff inset !important;
                border: none
            }

            .fish-box .login-form .form-control .vs-input:focus ~ .vs-input__icon {
                background: transparent
            }

            .fish-box .login-form .form-control .vs-input-content {
                width: 100%
            }

            .fish-box .login-form .form-control:not(last-child) {
                border-bottom: 1px solid var(--border)
            }

            .fish-box .login-form .form-control .icon * {
                stroke: var(--secondary)
            }

    .fish-box .vs-input, .fish-box .vs-input__icon {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .fish-box .vs-input:focus {
            background: #fff
        }

    .fish-box .vs-button--size-large {
        border-radius: 7px;
        background: -webkit-gradient(linear,left top,right top,from(#73bf43),to(#00ad4c));
        background: linear-gradient(90deg,#73bf43 0,#00ad4c);
        height: 50px;
        margin: 15px 0
    }


.btn-outline-dark {
    font-size: 11px;
    padding: 7px 13px;
    --bs-btn-color: #212529;
    --bs-btn-border-color: #212529;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #212529;
    --bs-btn-hover-border-color: #212529;
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #212529;
    --bs-btn-active-border-color: #212529;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #212529;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #212529;
    --bs-gradient: none;
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}