@media (min-width: 992px) {
            .auth-div {
                width: 100%;
                height: 100vh;
                display: flex;
                align-items: center;
                justify-content: space-between;
                /* padding-left: 20px;
                padding-right: 20px; */
                z-index: 1000;
                position: relative;
            }
            .auth-div .banner-side {
                /* background-color: #002570; */
                height: 100%;
            }
            .auth-div .btn-groups a {
                display: block;
                text-decoration: none;
                color: white;
                font-size: 22px;
                width: 200px;
                height: 50px;
                padding-right: 10px;
                display: flex;
                align-items: center;
            }
            .auth-div .btn-groups a:last-child {
                margin-top: 20px;
            }
            .auth-div .btn-groups .active {
                display: block;
                text-decoration: none;
                color: #002570;
                font-size: 22px;
                background-color: #f6fafd;
                width: 200px;
                height: 50px;
                padding-right: 10px;
                display: flex;
                align-items: center;
                border-top-right-radius: 35px;
                border-bottom-right-radius: 35px;
            }
            .auth-div .form-box {
                width: 80%;
                height: 100%;
                background-color: white;
                box-shadow: rgba(0, 0, 0, 0.061) 0px 1px 20px;
                padding: 50px;
            }
            .auth-div .form-box h5 {
                font-family: "Yekan1" !important;
                font-size: 22px;
            }
            .auth-div .form-div {
                margin-top: 30px;
            }
            .auth-div .form-div input {
                width: 100%;
                background-color: #f7f7f7;
                color: #535353;
                border: 1px solid transparent;
                height: 50px;
                padding-right: 20px;
            }
            .auth-div .form-div input::placeholder {
                color: #535353;
            }
            .auth-div .form-div button {
                width: 100%;
                background: linear-gradient(45deg, #113fb4, #5278d8, #113fb4);
                color: #ffffff;
                border: none;
                height: 50px;
            }
            .auth-div .form-div-cafinet button {
                width: 100%;
                background: linear-gradient(45deg, #b41111, #e62626, #b41111);
                color: #ffffff;
                border: none;
                height: 50px;
                margin-top: 30px;
            }
            .auth-div .forgot {
                border-top: 1px solid rgb(214, 214, 214);
                width: 100%;
                margin-top: 30px;
                display: flex;
                justify-content: center;
                padding-top: 20px;
                align-items: center;
            }
            .auth-div .forgot a {
                text-decoration: none;
                margin-top: -10px;
                margin-right: 5px;
            }
        }
        
        @media (max-width: 992px) {
            .auth-div {
                width: 100%;
                height: 100vh;
                /* display: flex;
                align-items: center;
                justify-content: space-between; */
                /* padding-left: 20px;
                padding-right: 20px; */
                z-index: 1000;
                position: relative;
            }
            .auth-div .banner-side {
                /* background-color: #002570; */
                height: 150px;
            }
            .auth-div .btn-groups a {
                display: block;
                text-decoration: none;
                color: white;
                font-size: 22px;
                width: 150px;
                height: 50px;
                padding-right: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .auth-div .btn-groups a:last-child {
                margin-top: 0px;
            }
            .auth-div .btn-groups .active {
                display: block;
                text-decoration: none;
                color: #002570;
                font-size: 22px;
                background-color: #f6fafd;
                width: 150px;
                height: 50px;
                padding-right: 10px;
                display: flex;
                align-items: center;
                border-top-right-radius: 20px;
                border-top-left-radius: 20px;
            }
            .auth-div .form-box {
                width: 95%;
                height: 100%;
                background-color: white;
                box-shadow: rgba(0, 0, 0, 0.061) 0px 1px 20px;
                padding: 20px;
            }
            .auth-div .form-box h5 {
                font-family: "Yekan1" !important;
                font-size: 22px;
            }
            .auth-div .form-div {
                margin-top: 30px;
            }
            .auth-div .form-div input {
                width: 100%;
                background-color: #f7f7f7;
                color: #535353;
                border: 1px solid transparent;
                height: 50px;
                padding-right: 20px;
            }
            .auth-div .form-div input::placeholder {
                color: #535353;
            }
            .auth-div .form-div button {
                width: 100%;
                background: linear-gradient(45deg, #113fb4, #5278d8, #113fb4);
                color: #ffffff;
                border: none;
                height: 50px;
            }
            .auth-div .form-div-cafinet button {
                width: 100%;
                background: linear-gradient(45deg, #b41111, #e62626, #b41111);
                color: #ffffff;
                border: none;
                height: 50px;
                margin-top: 30px;
            }
            .auth-div .forgot {
                border-top: 1px solid rgb(214, 214, 214);
                width: 100%;
                margin-top: 30px;
                display: flex;
                justify-content: center;
                padding-top: 20px;
                align-items: center;
            }
            .auth-div .forgot a {
                text-decoration: none;
                margin-top: -10px;
                margin-right: 5px;
            }
        }
        
        .invalid-feedback {
            display: block;
            font-size: 13px;
        }
        
        .invalid-feedback span strong {
            color: red;
            font-size: 13px;
        }
        
        .gmail-login img {
            width: 50px;
        }
        
        .gmail-login a {
            text-decoration: none;
            font-size: 16px;
            margin-right: 10px;
            color: rgb(172, 0, 0);
        }
        
        .relative-div {
            position: relative;
        }
        
        .relative-div .fa-eye {
            position: absolute;
            left: 10px;
            top: 15px;
            color: #113fb47c;
            cursor: pointer;
        }