html::-webkit-scrollbar {
    display: none;
}

html {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

body {
    color: #333333 !important;
}

label {
    line-height: normal;
}

:root {
    --color-dark-blue: #152642 !important;
    --color-blue: #47ABFF !important;
    --color-yellow: #FFCC00;
    --color-yellow-orange: #DDA83C;

}

.cursor-pointer {
    cursor: pointer;
}

.shadow {
    box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2) !important;
}

.rounded-sm {
    border-radius: 5px !important;
}

/* Pallete background colors */
.bg-semi-blue {
    background-color: var(--color-semi-blue) !important;
}

.bg-dark-blue {
    background-color: var(--color-dark-blue) !important;
}

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

.bg-yellow {
    background-color: var(--color-yellow) !important;
}

.transparent {
    background-color: transparent !important;
}

/* Pallete text colors */
.text-black {
    color: #333333 !important;
}

.text-light-black {
    color: rgb(51, 51, 51, .75) !important;
}

.text-blue {
    color: var(--color-blue) !important;
}

.text-royal-blue {
    color: var(--color-dark-blue) !important;
}

.text-yellow {
    color: var(--color-yellow) !important;
}

.text-yellow-orange {
    color: var(--color-yellow-orange) !important;
}

/* BUTTON */
.start-btn {
    height: clamp(1px, 2.6042vw, 100px);
    padding: 0 clamp(1px, 1.302081vw, 50px);
    width: fit-content;
    border-radius: clamp(1px, 0.25vw, 10px);
}

.start-b-btn {
    border: clamp(1px, 0.15vw, 4px) solid #FFFFFF;
    height: clamp(1px, 2.6042vw, 100px);
    padding: 0 clamp(1px, 1.302081vw, 50px);
    width: fit-content;
    border-radius: clamp(1px, 0.25vw, 10px);
}

.start-btn:hover {
    background-color: #152642 !important;
    color: #FFFFFF !important;
}

.start-b-btn:hover {
    background-color: #FFFFFF !important;
    color: #152642 !important;
}

.tag-white {
    border: clamp(1px, 0.15vw, 4px) solid #e4e6eb54;
    padding: clamp(1px, 0.4166665vw, 16px) clamp(1px, 0.78125vw, 30px);
    border-radius: clamp(1px, 0.25vw, 10px);
    width: fit-content;
}

.tag-white label,
.tag-blue label {
    letter-spacing: 2px;
}

.tag-blue {
    border: clamp(1px, 0.15vw, 4px) solid #DCEEFD;
    padding: clamp(1px, 0.4166665vw, 16px) clamp(1px, 0.78125vw, 30px);
    border-radius: clamp(1px, 0.25vw, 10px);
    width: fit-content;
}

@media (max-width:767px) {

    .tag-white,
    .tag-blue {
        border: clamp(1px, 0.5vw, 3px) solid #e4e6eb54 !important;
        padding: clamp(1px, 1.39535vw, 8px) clamp(1px, 2.7907vw, 15px) !important;
        border-radius: clamp(1px, 1.1vw, 8px) !important;
    }

    .start-btn {
        height: clamp(1px, 9.303vw, 50px) !important;
        padding: 0 clamp(1px, 4.65116vw, 50px) !important;
        border-radius: clamp(1px, 1.1vw, 8px) !important;
    }

    .start-b-btn {
        border: clamp(1px, 0.5vw, 3px) solid #FFFFFF !important;
        height: clamp(1px, 9.303vw, 50px) !important;
        padding: 0 clamp(1px, 4.65116vw, 50px) !important;
        border-radius: clamp(1px, 1.1vw, 8px) !important;
    }

}