@media(max-width: 768px) {

    html,
    body {
        /* overflow-x: hidden !important;
        position: fixed;
        height: 100vh; */
    }
}

body {
    background-color: #F2F7FF !important;
}

.bg-darkblue {
    background-color: var(--my-darkblue);
}

.bg-blue {
    background-color: var(--my-blue);
}

.bg-lightblue-3 {
    background-color: var(--my-lightblue-3);
}

.bg-lightblue-2 {
    background-color: var(--my-lightblue-2);
}

.bg-lightblue-1 {
    background-color: var(--my-lightblue-1);
}


/* *, h1, h2, h3, span, p, small, b, strong, li {
    font-family: 'Poppins', sans-serif !important;
} */

/* h1, h2, h3 {
    margin: 0;
    padding: 0;
    font-weight: bold;
} */

:root {
    --my-darkblue: #1F4E79;
    /* --my-blue:#106CB7; */
    --my-blue: #004CC3;
    --my-green: #00C2B1;
    --my-lightblue-1: #DEEAF6;
    --my-lightblue-2: #BDD6EE;
    --my-lightblue-3: #9CC2E5;
}


.bg-success {
    background-color: var(--my-green) !important;
    color: white !important;
}

.roboto {
    font-family: 'Roboto', sans-serif !important;
}

/* html, body {
    padding: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
} */

.btn-light-blue {
    background: var(--my-lightblue-1) !important;
    color: var(--my-darkblue) !important;
    border-color: var(--my-lightblue-1) !important;
    font-weight: 600;
}

.shadow-2 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27) !important;
}

.bg-gradient-primary {
    background-image: linear-gradient(35deg, var(--my-green), var(--my-blue)) !important;
}

.bg-gradient-primary-2 {
    background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important
}

.bg-gradient-primary2 {
    background: linear-gradient(to bottom, #5e72e4 0, #825ee4 100%) !important;
}

@media (max-width: 768px) {}

.input-custom {
    border: none;
    border-bottom: 2px solid var(--my-blue);
    background-color: #eee;
}

.input-custom-2 {
    border: 2px solid #825ee4;
    height: 2.5rem;
    border-radius: 4rem;
    padding-left: 1rem;
}

.input-custom-2:focus,
.input-custom-2:focus {
    outline: none;
}

body::-webkit-scrollbar {
    width: .2rem;
    background-color: #9CC2E5;
    z-index: 10;
}

body::-webkit-scrollbar-thumb {
    background-color: #1F4E79;
    border-radius: 15px;
}

.btn-green {
    background: var(--my-green);
    color: white;
}