html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

.not-allowed {
    cursor: not-allowed;
}

.pointer {
    cursor: pointer;
}

.form-custom {
    padding: 5px;
    border-radius: 5px;
    border: 2px solid lightgray;
    outline: none;


}



inline {
    display: inline !important;
}


#skip-to:hover {
    color: green;
}

.b {
    font-weight: bold;
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.n-p {
    padding: 0px;
}

.n-m {
    margin: 0px;
}


.purple {
    color: #b3003b;
}



.bg-purple {
    background-color: #b3003b;
}

.bg-purple-light {
    background-color: #ffb3cc;
}



.shadow-purple {

    box-shadow: 0px 0px 20px #b3003b;
}

.shadow-jal {

    box-shadow: 0px 0px 20px #2494d4;
}

.border-purple-1 {
    border: 1px #b3003b !important;
}

.border-purple-2 {
    border: 2px solid #b3003b !important;
}

.border-purple-3 {
    border: 3px solid #b3003b !important;
}



.btn-purple,
.btn-purple:hover,
.btn-purple:active,
.btn-purple:visited {
    background-color: #b3003b !important;

}

.btn-purple:hover {
    background-color: #b3003b !important;
}

.bg-gradient-purple {
    background-color: #ff4d88;
    background-image: linear-gradient(180deg, #ff4d88 10%, #b3003b 100%);
    background-size: cover;
}


.bg-gradient-primary {
    background-color: #4e73df;
    background-image: linear-gradient(180deg, #4e73df 10%, #224abe 100%);
    background-size: cover;
}

.bg-gradient-secondary {
    background-color: #858796;
    background-image: linear-gradient(180deg, #858796 10%, #60616f 100%);
    background-size: cover;
}

.bg-gradient-success {
    background-color: #1cc88a;
    background-image: linear-gradient(180deg, #1cc88a 10%, #13855c 100%);
    background-size: cover;
}

.bg-gradient-info {
    background-color: #36b9cc;
    background-image: linear-gradient(180deg, #36b9cc 10%, #258391 100%);
    background-size: cover;
}

.bg-gradient-warning {
    background-color: #f6c23e;
    background-image: linear-gradient(180deg, #f6c23e 10%, #dda20a 100%);
    background-size: cover;
}

.bg-gradient-danger {
    background-color: #e74a3b;
    background-image: linear-gradient(180deg, #e74a3b 10%, #be2617 100%);
    background-size: cover;
}

.bg-gradient-light {
    background-color: #f8f9fc;
    background-image: linear-gradient(180deg, #f8f9fc 10%, #c2cbe5 100%);
    background-size: cover;
}

.bg-gradient-dark {
    background-color: #5a5c69;
    background-image: linear-gradient(180deg, #46494f 10%, #36383d 100%);
    background-size: cover;
}

.bg-gradient-jal {
    background-color: #5a5c69;
    background-image: linear-gradient(180deg, #aed3e6 10%, #2494d4 100%);
    background-size: cover;
}

.bg-jal-blue {
    background: #2494D4;
    background-color: #2494D4;
}

.bg-jal-orange {
    background: #EC7026;
    background-color: #EC7026;
}

.bg-jal-gray {
    background: #8C8987;
    background-color: #8C8987;
}

.text-jal-blue {
    color: #2494D4;
}

.text-jal-green {
    color: #91D14D;

}

.text-jal-info {
    color: #28B898;
}

.text-jal-purple {
    color: #C668A4;
}

.text-jal-orange {
    color: #EC7026;
}


.nav-main-icon {
    transition: .3s;
}

.nav-main-text {
    transition: .3s;
}

.nav-main:hover .nav-main-icon {
    text-shadow: 0px 0px 2px rgba(22, 18, 26, 0.5);
    transition: .3s;

}

.nav-main:hover .nav-main-text {
    color: gray;
    transition: .3s;
}

.nav-jal-lg {
    display: none;
}


/*----------------------------------form -------------------------------------*/

#otp-verify {
    display: none;
}

#otp-success-send{
    display: none;
}

#otp-notsuccess-send{
    display: none;
}

#otp-exceed{
    display: 
}

#otp-verified {
    display: none
}
#ae {
    display: none
}

#invalid-otp {
    display: none;
}

/*--------------------index page----------------------------*/

#register-text-act {
    display: none;
}

#verify-btn-loader, #resend-btn-loader, #register-btn-loader{
    display: none;
}

body,
wrapper {
    min-height: 100vh;
}

.flex-fill {
    flex: 1 1 auto;
}




#loader {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0, .5);
    display: none;
    z-index: 99999;
}

#loader1 {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: rgb(0, 0, 0, .5);
    display: none;
    z-index: 99999;
}

#preloader {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #5a5c69;
    background-image: linear-gradient(180deg, #aed3e6 10%, #2494d4 100%);
    z-index: 99999;

}