.row>* {

    flex-shrink: 0;

    max-width: 100%;

    padding-right: calc(var(--bs-gutter-x) * .5);

    padding-left: calc(var(--bs-gutter-x) * .5);

    margin-top: var(--bs-gutter-y);

}



.axil-signin-area {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    overflow: hidden;

}

.site-logo img {
    max-height: 70px;
}

.axil-signin-area .log--top {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.log--top .go--back {

    margin-left: 75px;

}



.log--top .go--back a {

    margin-bottom: 0;

    color: var(--subtext);

    font-size: var(--font-size-b2);

    font-weight: var(--p-medium);

    display: flex;

    align-items: center;

}



.log--top .go--back a i {

    font-size: 18px;

    font-weight: 400;

    margin-right: 5px;

}



 :root {

    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --bs-body-font-family: var(--bs-font-sans-serif);

    --bs-body-font-size: 1rem;

    --bs-body-font-weight: 400;

    --bs-body-line-height: 1.5;

    --bs-body-color: #212529;

    --bs-body-bg: #fff;

}



@media (prefers-reduced-motion: no-preference) {

     :root {

        scroll-behavior: smooth;

    }

}



 :root {

    --color-primary: #3577f0;

    --color-white: #ffffff;

    --color-light: #CBD3D9;

    --color-lighter: #F6F7FB;

    --color-heading: #292930;

    --color-body: #777777;

    --color-gray: #999FAE;

    --radius: 6px;

    --border-width: 2px;

    --p-regular: 400;

    --s-bold: 700;

    --transition: 0.3s;

    --font-primary: "DM Sans", sans-serif;

    --font-secondary: "DM Sans", sans-serif;

    --font-size-b1: 16px;

    --font-size-b2: 14px;

    --line-height-b1: 1.7;

    --line-height-b2: 1.65;

    --h3: 28px;

}



.row>[class*="col"] {

    padding-left: 15px;

    padding-right: 15px;

}



@media (min-width: 1200px) {

    .offset-xl-2 {

        margin-left: 16.66666667%;

    }

}



.bg_image {

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

    background-repeat-x: no-repeat;

    background-repeat-y: no-repeat;

}



.row>[class*=col] {

    padding-left: 15px;

    padding-right: 15px;

}



.axil-signin-banner {

    min-height: 900px;

    height: 100vh;

    padding: 200px 50px 0 50px;

}



.axil-signin-form-wrap {

    width: 100%;

    overflow-x: auto;

    display: flex;

}



.axil-signin-form-wrap.passreset {

    margin: auto auto;

}



.axil-signin-form-wrap::-webkit-scrollbar-track {

    border-radius: 100px;

    background: var(--bolum_bg);

    margin-top: -13px;

    margin-bottom: 0;

}



.axil-signin-form-wrap::-webkit-scrollbar {

    width: 5px;

}



.axil-signin-form-wrap::-webkit-scrollbar-thumb {

    border: 4px solid var(--mainbg);

    background-clip: padding-box;

    border-radius: 100px;

    background: rgba(124, 132, 153, 0.5);

}



h3 {

    margin-top: 0;

    margin-bottom: .5rem;

    font-weight: 500;

    line-height: 1.2;

    color: var(--main_text);

    font-size: calc(1.3rem + .6vw);

}



@media (min-width: 1200px) {

    h3 {

        font-size: 1.75rem;

    }

}



h3 {

    margin: 0;

    margin-bottom: 30px;

    word-break: break-word;

    line-height: 1.3;

    color: var(--main_text);

    font-size: 33px;

    font-weight: 600;

}



.axil-signin-form {

    max-width: 450px;

    width: 100%;

    padding: 30px;

}



.axil-signin-form .title {

    margin-bottom: 16px;

}



p {

    margin-top: 0;

    margin-bottom: 30px;

    margin: 0 0 30px;

    font-size: var(--font-size-b1);

    line-height: var(--line-height-b1);

    font-weight: var(--p-regular);

    color: var(--color-body);

}



.b2 {

    font-size: var(--font-size-b2);

    line-height: var(--line-height-b2);

}



.mb--55 {

    margin-bottom: 55px;

}



p.b2 {

    font-size: var(--font-size-b2);

    line-height: var(--line-height-b2);

}



.axil-signin-form p {

    color: var(--subtext);

}



form {

    margin: 0;

}



.form-group {

    margin-bottom: 30px;

    position: relative;

}



.axil-signin-form .form-group {

    margin-bottom: 35px;

}



.d-flex {

    display: flex!important;

}



.justify-content-between {

    justify-content: space-between!important;

}



.align-items-center {

    align-items: center!important;

}



.axil-signin-form .form-group:last-child {

    margin-bottom: 0;

}



label {

    display: inline-block;

}



.form-group label {

    margin-bottom: 6px;

    font-size: 14px;

    line-height: 22px;

    font-weight: 500;

    color: var(--subtext);

    position: absolute;

    top: -11px;

    left: 20px;

    pointer-events: none;

    z-index: 4;

    background: var(--whitebg);

    padding: 0 10px;

}



input {

    margin: 0;

    font-family: inherit;

    font-size: 100%;

    line-height: normal;

    max-width: 100%;

    vertical-align: baseline;

    background: var(--color-lighter);

    border: 1px solid var(--color-border);

    transition: all .4s ease-out 0s;

    color: var(--color-heading);

    width: 100%;

    height: 40px;

    padding: 0 15px;

}



.form-control {

    display: block;

    width: 100%;

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #212529;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.form-group input {

    transition: var(--transition);

}



input[type="email"] {

    font-size: var(--font-size-b2);

    font-weight: 400;

    height: auto;

    line-height: 60px;

    background: #fff;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 0 30px;

    outline: none;

    border: var(--border-width) solid var(--color-border);

    border-radius: var(--radius);

}



.form-group input {

    border: 0 none;

    border-radius: 6px;

    height: 50px;

    font-size: var(--font-size-b2);

    padding: 0 20px;

    background-color: #fff;

    border: 1px solid var(--color-light);

}



.axil-signin-form .form-control {

    height: 60px;

    border-color: var(--line);

    padding: 0 30px;

    color: var(--subtext);

}



.axil-signin-form .form-control:focus {

    outline: none;

    box-shadow: none;

}



input[type="password"] {

    font-size: var(--font-size-b2);

    font-weight: 400;

    height: auto;

    line-height: 60px;

    background: #fff;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding: 0 30px;

    outline: none;

    border-color: var(--line);

    border-radius: var(--radius);

}



button {

    border-radius: 0;

    margin: 0;

    font-family: inherit;

    font-size: 100%;

    line-height: normal;

    text-transform: none;

    max-width: 100%;

    vertical-align: baseline;

    -webkit-appearance: button;

    -moz-appearance: button;

    appearance: button;

    cursor: pointer;

    background: var(--color-lighter);

    border: 1px solid var(--color-border);

    transition: all .4s ease-out 0s;

    color: var(--color-heading);

    width: 100%;

}



[type="submit"],

button {

    -webkit-appearance: button;

}



button,

[type="submit"] {

    -webkit-appearance: button;

}



button.axil-btn {

    border-radius: 6px;

    font-size: var(--font-size-b1);

    line-height: var(--line-height-b1);

    font-weight: 700;

    display: inline-block;

    padding: 16px 38px;

    position: relative;

    transition: all .3s ease-in-out;

    z-index: 1;

    white-space: nowrap;

}



[type="submit"]:not(:disabled),

button:not(:disabled) {

    cursor: pointer;

}



.axil-signin-form .submit-btn {

    width: auto;

}



button.axil-btn.btn-bg-primary {

    background-color: var(--mainbg);

    color: var(--textwhite);

}



a.axil-btn:before,

button.axil-btn:before {

    content: "";

    height: 100%;

    width: 100%;

    border-radius: 6px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: -1;

    transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);

}



a.axil-btn.btn-bg-primary:before,

button.axil-btn.btn-bg-primary:before {

    background-color: var(--mainbg);

}



a.axil-btn:hover:before,

button.axil-btn:hover:before {

    transform: scale(1.1);

}



a.axil-btn.btn-bg-primary:hover:after,

button.axil-btn.btn-bg-primary:hover:after {

    transform: scale(1.1);

}



a {

    color: var(--color-heading);

    text-decoration: none;

    outline: none;

}



.axil-signin-form .forgot-btn {

    font-size: 14px;

    color: var(--subtext);

    transition: var(--transition);

}



a:hover {

    color: #0a58ca;

}



a:hover,

a:active {

    text-decoration: none;

    outline: none;

    color: var(--color-primary);

}



.axil-signin-area {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    background: var(--whitebg);

    overflow: hidden;

}



 :root {

    --color-primary: #3577f0;

    --color-secondary: #ff497c;

    --color-white: #ffffff;

    --color-heading: #292930;

    --color-body: #777777;

    --p-regular: 400;

    --p-medium: 500;

    --font-primary: "DM Sans", sans-serif;

    --font-size-b1: 16px;

    --font-size-b2: 14px;

    --line-height-b1: 1.7;

}



.axil-signin-area {

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    height: 100%;

    width: 100%;

    overflow: hidden;

}



.signin-header {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    padding: 40px 100px;

    padding-left: 0;

    z-index: 1;

    background: transparent;

}



*,

:after,

:before {

    box-sizing: border-box;

}



.row {

    --bs-gutter-x: 1.5rem;

    --bs-gutter-y: 0;

    display: flex;

    flex-wrap: wrap;

    margin-top: calc(-1 * var(--bs-gutter-y));

    margin-right: calc(-.5 * var(--bs-gutter-x));

    margin-left: calc(-.5 * var(--bs-gutter-x));

}



.align-items-center {

    align-items: center!important;

}



a {

    color: var(--color-heading);

    text-decoration: none;

    outline: none;

}



.signin-header .site-logo {

    display: flex;

    justify-content: center;

    align-items: center;

}



a:hover {

    color: #0a58ca;

}



a:hover,

a:active {

    text-decoration: none;

    outline: none;

    color: var(--color-primary);

}



.signin-header .singin-header-btn {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}



img {

    vertical-align: middle;

    -ms-interpolation-mode: bicubic;

    border: 0;

    max-width: 100%;

    height: auto;

}



p {

    margin-top: 0;

    margin-bottom: 30px;

    margin: 0 0 30px;

    font-size: var(--font-size-b1);

    line-height: var(--line-height-b1);

    font-weight: var(--p-regular);

    color: var(--color-body);

}



.signin-header .singin-header-btn p {

    margin-bottom: 0;

    color: var(--subtext);

    font-size: var(--font-size-b2);

    font-weight: var(--p-medium);

}



a.axil-btn {

    border-radius: 6px;

    font-size: var(--font-size-b1);

    line-height: var(--line-height-b1);

    font-weight: 700;

    display: inline-block;

    padding: 16px 38px;

    position: relative;

    transition: all .3s ease-in-out;

    z-index: 1;

}



a.axil-btn.btn-bg-secondary {

    background-color: var(--mainbg);

    color: var(--color-white);

}



.signin-header .singin-header-btn .sign-up-btn {

    margin-left: 40px;

}



a.axil-btn:before,

button.axil-btn:before {

    content: "";

    height: 100%;

    width: 100%;

    border-radius: 6px;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: -1;

    transition: transform .5s cubic-bezier(0.165, 0.84, 0.44, 1);

}



a.axil-btn.btn-bg-secondary:before,

button.axil-btn.btn-bg-secondary:before {

    background-color: var(--mainbg);

}



a.axil-btn:hover:before,

button.axil-btn:hover:before {

    transform: scale(1.1);

}



.form-checkbox {

    border: 0;

    clip: rect(1px, 1px, 1px, 1px);

    height: 1px;

    overflow: hidden;

    position: absolute;

    width: 1px;

}



.form-checkbox:checked+.form-label::after {

    opacity: 1;

}



.form-checkbox:checked+.form-label::before {

    background: var(--mainbg);

    border-color: var(--mainbg);

}



.form-checkbox:checked+.form-label {

    border-color: var(--mainbg);

}



.form-checkbox+.form-label {

    color: #393a37;

    padding-left: 40px;

    position: relative;

    vertical-align: baseline;

    cursor: pointer;

    letter-spacing: 0.5px;

}



.check-form {

    margin-bottom: 35px;

}



.form-checkbox+.form-label:last-child {

    display: flex;

    margin-bottom: -0.5px;

    color: var(--subtext);

}



.form-checkbox+.form-label a {

    color: var(--mainbg);

    text-decoration: underline !important;

}



.form-checkbox+.form-label::before {

    background-color: #fff;

    border: 1px solid var(--line);

    border-radius: 5px;

    width: 25px;

    height: 25px;

    left: 0;

    top: 50%;

    content: "";

    display: block;

    position: absolute;

    -webkit-transition: all 50ms ease-out;

    transition: all 50ms ease-out;

    transform: translate(0, -50%);

}



.form-checkbox+.form-label::after {

    content: "";

    display: block;

    position: absolute;

    -webkit-transition: all 50ms ease-out;

    transition: all 50ms ease-out;

    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z' fill='rgb(255,255,255)' /%3E%3C/svg%3E");

    background-position: 50%;

    background-repeat: no-repeat;

    background-size: 100%;

    color: rgba(26, 99, 162, 0.999);

    content: "";

    text-align: center;

    height: 20px;

    width: 20px;

    left: 3px;

    opacity: 0;

    top: 50%;

    transform: translate(0, -50%);

}



.footer-device-mobile .mobile-bottom-nav__item-content a {

    line-height: 18px;

}



#recaptcha-box {

    height: unset !important;

}



.passcol {

    display: flex;

    align-items: center;

}



@media (max-width:991px) {

    .signin-header .singin-header-btn p {

        display: none;

    }

    .axil-signin-area .log--top {

        flex-direction: column;

        margin-top: 20px;

    }

    .signin-header .d-flex,

    .signin-header .singin-header-btn {

        flex-direction: column !important;

    }

    .axil-signin-form .singin-form {

        padding-bottom: 30px;

    }

    .axil-signin-banner {

        display: none;

    }

    .signin-header {

        padding: 30px 30px;

    }

    .axil-signin-form-wrap {

        justify-content: center;

        text-align: center;

        margin: 130px 0 0;

    }

    .axil-signin-form-wrap.passreset {

        margin: 155px auto;

    }

    .signin-header .singin-header-btn .sign-up-btn {

        margin-left: 0;

        margin-top: 20px;

    }

    .axil-signin-form-wrap.passreset {

        margin: 200px auto;

    }

    button.axil-btn,

    a.axil-btn {

        padding: 10px 21px;

    }

    .log--top .go--back {

        margin-left: 0;

    }

}



@media (max-width:768px) {

    .axil-signin-form-wrap {

        margin: 175px 0 0;

    }

    .axil-signin-form-wrap {

        height: calc(100vh - 217px);

    }

}