.button-link {
    display: inline-block;
    padding: 15px 30px;
    background-color:#00B2A9; /* Button background color */
    color: #ffffff; /* Text color */
    text-align: center;
    text-decoration: none; /* Remove underline */
    border-radius: 8px;
	width:100%;
    font-size: 22px; /* Adjust font size as needed */
    transition: background-color 0.3s ease;
}

.button-link:hover {
        background-color: #00B2A9;
    color: #ffffff;
    text-decoration: none;
} 

.tui-core_auth-footer {
	display:none !important;
}
.tui-core_auth-login__errorInner{width: 100%; text-align: center; justify-content: center;}
.tui-checkbox__label{color: #fff !important;}
 #login_page .group__submit .tui-formBtn {
            border: solid 1px #fff !important;
            background: none !important;
        }
@font-face {
    font-family: "Interstate-Bold";
    src: url("../fonts/Interstate-Bold.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: "Interstate-Regular";
    src: url("../fonts/Interstate_regular-webfont.woff2") format("woff2");
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: "Interstate-Light";
    src: url("../fonts/Interstate_light-webfont.woff") format("woff");
    font-style: normal;
    font-display: swap;
}
 
@font-face {
    font-family: "Interstate-Thin";
    src: url("../fonts/Interstate-Thin.woff") format("woff");
    font-style: normal;
    font-display: swap;
}
body * {
  -webkit-box-sizing: border-box;
   box-sizing: border-box;
  font-family: "Interstate-Regular" !important;
  font-weight: 400;
}
        
        #login_page {
            font-family: "Interstate-Regular";
            background: #333F48;
            float: left;
            width: 100%;
            height: 100vh;
            padding: 0% 0%;
            display: flex;
            align-items: center;
        }
        
        .login_inner_section {
            float: left;
            width: 100%;
            display: flex;
            gap: 20px;
            height: 100vh;
        }
        
        .login_left {
            float: left;
            width: 50%;
            padding: 6%;
            display: flex;
            flex-direction: column;
            gap: 20px;
            height: 100%;
            justify-content: center;
            clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%);
            background-color: #000;
        }
        
        .lft-bg {
            width: 100%;
            position: absolute;
            left: 0;
            object-fit: contain;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }
        
        .lft-bg img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        
        .login-round-pattern {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 20%;
			z-index:1;s
        }
        
        .login-round-pattern img {
            width: 100%;
        }
        
        .login_right {
            float: left;
            width: 50%;
            display: flex;
            flex-direction: column;
            gap: 20px;
            padding: 0 10%;
            justify-content: center;
        }
        
        .login_page_logo {
            float: left;
            width: 240px;
            margin-bottom: 20%;
        }
        
        .login_page_logo img {
            width: 100%;
        }
        
        .login_left_title {
            float: left;
            width: 100%;
        }
        
        .login_left_title h2 {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 0;
        }
        
        .line_sub_title {
            float: left;
            width: 50px;
            height: 5px;
            background: #FF4713;
        }
        
        .login_img {
            float: left;
            width: 100%;
            margin-top: 20px;
        }
        
        .login_img img {
            width: 100%;
        }
        
        .login_right_title {
            float: left;
            width: 100%;
            color: #fff;
            border-left: solid 5px #00B2A9;
            padding-left: 20px;
        }
        
        .login_right_title h2 {
            font-size: 48px;
            font-weight: bold;
            margin-bottom: 15px;
        }
        
        .login_right_title h6 {
            font-size: 22px;
            font-family: "Interstate-Thin";
        }
        
        .login_form {
            float: left;
            width: 100%;
            margin-top: 5%;
        }
        
        .login_form input {
            height: 55px;
            font-size: 14px;
            border-radius: 0;
        }
        
        .remember__me {
            margin-top: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }
        
        .container__check {
            display: block;
            position: relative;
            padding-left: 0px;
            margin-bottom: 0px;
            cursor: pointer;
            font-size: 12px;
            color: #fff;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            font-weight: normal;
        }
        
        form .remember__me>a {
            font-size: 12px;
            line-height: 14px;
            color: #fff;
            text-decoration: none;
            -webkit-transition: .4s ease all;
            transition: .4s ease all;
        }
        
        .checkmark {
            position: relative;
            top: 0;
            left: 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            min-width: 11px;
            max-width: 11px;
            min-height: 11px;
            max-height: 11px;
            border-radius: 250px;
            background-color: #eee;
            margin-right: 7px;
        }
        
        .container__check input:checked~.checkmark {
            background-color: #FF4713;
        }
        
        .container__check input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }
        
        .group__submit {
            margin-top: 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-bottom: 12px;
        }
        
        .group__submit>button {
            width: 100%;
            height: 55px;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            background: #00B2A9;
            border-radius: 0px;
            cursor: pointer;
            font-size: 20px;
            line-height: 18px;
            color: #FFFFFF;
            font-weight: 500;
            outline: none;
            -webkit-transition: .4s ease all;
            transition: .4s ease all;
            border: 0px;
            font-family: "Interstate-Regular";
            border-radius: 6px;
        }
        
        .group__submit>button:hover {
            opacity: .7;
        }
        
        .login_microsoft {
            float: left;
            width: 100%;
        }
        
        .login_microsoft a {
            width: 100%;
            float: left;
            text-align: center;
            border: solid 1px #dedede;
            padding: 13px;
            height: 55px;
            margin-top: 10px;
        }
        
        .form-control:focus {
            border-color: #ff4714;
        }
        
        #login_page .form-group label {
            color: #fff;
        }
        
       .external-access-tile { color: #fff; padding: 0px 0; font-size: 20px; }
        
        #login_page .password__input {
            background: url(../images/login_paswd.svg);
            background-repeat: no-repeat;
            background-size: 17px;
            background-position: 15px center;
            background-color: #F0F0F0 !important;
        }
        
        #login_page form input {
            width: -webkit-fill-available;
            height: 55px;
            padding-left: 55px;
            background: #E1DDD0;
            border-radius: 3px;
            outline: none;
            border: 0px;
            color: #000;
            font-size: 14px;
            line-height: 17px;
        }
        
        #login_page .email__input {
            background: url(../images/user_icon_login.svg);
            background-repeat: no-repeat;
            background-size: 17px;
            background-position: 15px center;
            background-color: #F0F0F0 !important;
        }
        
       
        /*        RTL*/
        
        .login_right_title:dir(rtl) {
            border-left: solid 0px #00B2A9;
            border-right: solid 5px #00B2A9;
            padding-left: 0px;
            padding-right: 20px;
        }
        
        #login_page form input:dir(rtl) {
            padding-left: 0px;
            padding-right: 55px;
            background-position: right 16px bottom 20px;
        }
        
        .checkmark:dir(rtl) {
            margin-right: 0px;
            margin-left: 7px;
        }
        
        .login_left:dir(rtl) {
            clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
        }
        
        .lft-bg img:dir(rtl) {
            transform: scaleX(-1);
        }
        
        .login-round-pattern:dir(rtl) {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 20%;
            right: 0;
            transform: scaleX(-1);
        }
        /*        RTL*/
        
        @media only screen and (max-width: 780px) {
            #login_page {
                height: auto;
                padding: 15px;
            }
            .login_inner_section {
                flex-direction: column;
            }
            .login_left:dir(rtl) {
                width: 100%;
                clip-path: none;
                background-color: #333f48;
            }
            .login_left {
                width: 100%;
                clip-path: none;
                background-color: #333f48;
            }
            .login_right {
                width: 100%;
                padding: 0;
            }
            .login_page_logo {
                float: left;
                width: 130px;
                margin-bottom: 10%;
            }
            .login-round-pattern {
                display: none;
            }
            .login_right_title h2 {
                font-size: 34px;
            }
            .login_right_title h6 {
                font-size: 16px;
            }
        }