@font-face {
    font-family: "stcforward";
    src: url("/fonts/STCForward-Regular.woff") format("woff");
}

@font-face {
    font-family: "stcforwardbold";
    src: url("/fonts/STCForward-Medium.woff") format("woff");
}

html, body {
    background: #F1F5F9;
    font-family: stcforward;  
    min-height: 100vh;
    overflow-x: hidden;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}
.text-primary {
    color: #4f008c !important;
}
.text-secondary {
    color: #ff375e !important;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background: #8e9aa0 !important;
}
.btn-primary:hover {
    background: #ff375e;
    border: none;
}
.btn-primary, .btn-secondary {
    color: #fff;
    font-weight: 400;
    padding: 15px;
    border: none;
}

.btn-primary {
    background-color: #4f008c;
}

.btn-secondary {
    background-color: #ff375e;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    /*  padding-top: 1.1rem;*/
}




#otp-input {
    display: flex;
    gap: 0.5em;
}

    #otp-input input {
        width: 4em;
        height:4em;
        padding: 5px;        
        text-align: center;
        font-weight:500;

    }


        /* hide spinner */
        #otp-input input::-webkit-outer-spin-button,
        #otp-input input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        #otp-input input[type=number] {
            -moz-appearance: textfield; /* Firefox */
        }


@media (max-width: 575.98px) {
    .rounded-sm-end-4 {
        border-bottom-right-radius: var(--bs-border-radius-xl) !important;
        border-top-right-radius: var(--bs-border-radius-xl) !important;
    }
    .rounded-sm-start-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl) !important;
        border-top-left-radius: var(--bs-border-radius-xl) !important;
    }
}

@media (max-width: 767.98px) {
    .rounded-sm-end-4

{
    border-bottom-right-radius: var(--bs-border-radius-xl) !important;
    border-top-right-radius: var(--bs-border-radius-xl) !important;
}
    .rounded-sm-start-4 {
        border-bottom-left-radius: var(--bs-border-radius-xl) !important;
        border-top-left-radius: var(--bs-border-radius-xl) !important;
    }
}

.slide {
   
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: slide 0.5s forwards;
    animation-delay: 2s;
}

@-webkit-keyframes slide {
    100% {
        left: 0;
    }
}

@keyframes slide {
    100% {
        left: 0;
    }
}