/**
* Template Name: Medical Technology Co.Ltd - v2.0.0
* Template Designed: ANGAAZ TEAM By: Eng. Naif Al-shargabi, URL: http://www.angaaz.com
*/

/*--------------------------------------------------------------
# # General Style
--------------------------------------------------------------*/
.first-section{
    margin-top: 70px;
}

@media (max-width: 991px) {

    .first-section{
        margin-top: 60px;
    }

}

.section-form {
    margin-bottom: 69px !important;
}

@media (max-width: 991px) {

    .section-form{
        margin-bottom: 90px !important;
    }

}

@media (max-width: 767px) {

    .section-form{
        margin-bottom: 98px !important;
    }

}

@media (max-width: 424px) {

    .section-form{
        margin-bottom: 119px !important;
    }

}

.form-floating .form-control:hover, .form-floating .form-control:focus, .form-floating .form-select:hover, .form-floating .form-select:focus {
    border-bottom-color: #1977cc !important;
}

.show-biz-password-field {
    position: absolute !important;
    top: 2px !important;
    left: 0px !important;
}

/*--------------------------------------------------------------
# Header base-store-auth
--------------------------------------------------------------*/
@media (max-width: 767px) {

    #header.header-shop.header-shop-auth .logo {
        margin: 0px auto 0px auto !important;
    }

}
/*--------------------------------------------------------------
# Login Section
--------------------------------------------------------------*/
.login-section .login-box {
    max-width: 381px;
}
@media (max-width: 600px) {
 
    .login-section .login-box{
        max-width: 100% !important;
    }

}

.login-section .login-intro .heading{
    padding-bottom: 15px;
    margin-bottom: 0px;
    color: #151e27; 
    /* font-size: 36px; */
    font-weight: 700;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: normal;
    font-style: normal; 
}

@media (max-width: 991px) {
 
    .login-section .login-intro .heading{
        font-size: 26px;
        font-weight: 700;
        line-height: 26px;
    }

}

.login-section .login-intro .sub-heading{
    font-size: 16px;
    font-weight: 500;
    max-width: 340px; 
}

.login-section .login-intro .sub-heading a {
    text-decoration: underline;
}

.login-section .login-form .login-wrapper-separator{
    border-bottom: 1px solid #ced4da;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.login-section .login-form .login-wrapper-separator mark{
    background: #ffffff;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    font-size: 14px;
    line-height: 16px;
    top: 7px;
}

.login-section .login-form .form-floating.form-floating-mb{
    margin-bottom: 23px !important;
}

.login-section .login-form .form-floating.form-floating-br{
    margin-bottom: 18px !important;
}

.login-section .login-form .form-floating .form-control{
    background: #ffffff !important;
    height: 26px !important;
    padding: 0px 0px 1px 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: solid 1px #000000;
    border-left: 0px !important;
    border-radius: 0px !important;
    outline: none !important;
    box-shadow: none !important;
    font-family: "Market Sans", Arial, sans-serif;
    font-size: 0.9rem !important;
    font-weight: 600;
}

.login-section .login-form .form-floating label{
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    font-size: .899rem;
    text-align: right !important;
    left: 0px !important;
    right: 0px !important;
    direction: rtl;
}

.login-section .login-form .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label{
    transform: scale(.85) translateY(-1.4rem) translateX(2.15rem);
    font-size: .875rem;
    direction: rtl !important;
    display: block !important;
    width: 200px;
}

.login-section .login-form .btn.btn-login{
    background: #1977cc;
    min-height: 40px !important;
    max-height: 50px !important;
    padding-bottom: 13px;
    padding-top: 15px;
    border-radius: var(--button-border-radius,0);
    font-size: 1rem; font-weight: bold;
    color: #ffffff;
}

.login-section .login-form .btn.btn-login.disabled{
    background: #000000;
    opacity: 0.2;
}

.login-section .login-form .btn.btn-login:hover{
    background: #1c84e3;
}

.login-section .login-form .btn-soceial-login{
    min-height: 40px !important;
    max-height: 46px !important;
    padding: 13px 16px 13px 16px;
    border-radius: var(--button-border-radius,0);
    font-size: 0.85rem; font-weight: bold;
}

.login-section .login-form .btn-soceial-login.btn-facebook-login{
    background: #4267b2;
    border: #4267b2;
    color: #ffffff;
}
.login-section .login-form .btn-soceial-login.btn-facebook-login:hover{
    background: #2b0eaf;
}

.login-section .login-form .btn-soceial-login.btn-google-login, .login-section .login-form .btn-soceial-login.btn-apple-login {
    border: thin solid #888;
    border-top-color: rgb(136, 136, 136);
    border-top-style: solid;
    border-top-width: thin;
    border-right-color: rgb(136, 136, 136);
    border-right-style: solid;
    border-right-width: thin;
    border-bottom-color: rgb(136, 136, 136);
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-left-color: rgb(136, 136, 136);
    border-left-style: solid;
    border-left-width: thin;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    background-color: #fff;
    color: #444;
    line-height: inherit;
}
.login-section .login-form .btn-soceial-login.btn-google-login:hover, .login-section .login-form .btn-soceial-login.btn-apple-login:hover{
    border: thin solid #888;
    background-color: #eee;
    color: #444;
}

/*--------------------------------------------------------------
# Sign up Section
--------------------------------------------------------------*/
.signup-section .signup-intro .heading{
    padding-bottom: 15px;
    margin-bottom: 0px;
    color: #151e27; 
    /* font-size: 36px; */
    font-weight: 700;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: normal;
    font-style: normal; 
}

@media (max-width: 991px) {
 
    .signup-section .signup-intro .heading{
        font-size: 25px;
        font-weight: 700;
        line-height: 25px;
    }

}

.btn-link {
    color: #125592 !important;
    font-weight: 500 !important;
}
  
.btn-link:hover {
    color: #3291e6 !important;
}

#business_reg_form .business-location-form-select {
    padding: 0px 2px 1px 0px !important;
    background-position: left .40rem center !important;
    cursor: pointer;
}

#account_type_form {
    direction: ltr !important;
}

#account_type_form .form-check.form-check-inline {
    padding-left: 0px !important;
    margin-right: 15px !important;
    direction: rtl !important;
}

#account_type_form .form-check.form-check-inline .form-check-input {
    margin-right: 10px !important;
    margin-left: 0px !important;
}