* { box-sizing: border-box; }

/* The original animation script is not part of this repository. */
#overlayer, .loader { display: none !important; }

html, body {
    margin: 0;
    direction: rtl;
    text-align: right;
    font-family: Tahoma, Arial, sans-serif;
}

.site-wrap { overflow: hidden; }
.container { width: 100%; max-width: 1140px; margin: 0 auto; padding: 0 18px; }
.row { display: flex; flex-wrap: wrap; margin: 0 -12px; }
.row > [class*="col-"] { padding: 0 12px; }
.col-12 { width: 100%; }
.col-6 { width: 50%; }
.col-lg-4 { width: 33.333%; }
.col-lg-6 { width: 50%; }
.col-md-3 { width: 25%; }
.col-md-6 { width: 50%; }

.site-navbar { padding: 18px 0; background: #fff; }
.site-logo { margin: 0; }
.site-menu { display: flex; gap: 22px; margin: 0; padding: 0; list-style: none; }
.site-menu li { list-style: none; }
.site-menu a { text-decoration: none; }

.site-blocks-cover {
    min-height: 420px;
    padding: 110px 0 80px;
    background-position: center;
    background-size: cover;
}
.text-intro { text-align: center; }
.site-blocks-cover h1 { line-height: 1.8; margin: 0 0 24px; }
.site-section { padding: 70px 0; }
.section-title { margin-bottom: 28px; }

#fixBoxLogin {
    overflow-y: auto;
    border-radius: 4px;
    box-sizing: border-box;
}
#fixBoxLogin form { width: 100%; }
#fixBoxLogin .form-group { margin: 0 0 13px; }
#fixBoxLogin label {
    display: block;
    margin: 0 0 6px;
    line-height: 1.5;
    text-align: right;
}
#fixBoxLogin input.form-control,
#fixBoxLogin select.form-control {
    display: block;
    width: 100%;
    height: 38px;
    padding: 7px 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff;
    direction: rtl;
}
#fixBoxLogin .captcha { display: flex; align-items: center; gap: 8px; }
#fixBoxLogin .captcha img { max-width: 120px; height: auto; }
#fixBoxLogin button { margin: 3px 0 10px; }

@media (max-width: 767px) {
    .col-6, .col-lg-4, .col-lg-6, .col-md-3, .col-md-6 { width: 100%; }
    .site-menu { gap: 10px; flex-wrap: wrap; }
    .site-blocks-cover { min-height: 320px; padding: 70px 0 50px; }
    #fixBoxLogin {
        position: relative;
        left: auto;
        bottom: auto;
        width: auto;
        height: auto;
        margin: 24px;
    }
}