@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/font-awesome.6.7.2-regular.ttf") format("truetype");
}

body {
    position: relative;
    margin: auto;
    min-width: 768px;
    font-size: 16px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: normal;
    font-weight: 400;
    color: #053B7A;
    background: #FFFFFF;
}

.container {
    max-width: 1320px;
}

a,
a:hover {
    color: inherit;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

.show {
    display: block !important;
}

.underline {
    text-decoration: underline;
}

.whitespace-pre-wrap {
    white-space: pre-wrap;
}

.whitespace-no-wrap {
    white-space: nowrap;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-40 {
    width: 40%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.top-2 {
    top: 0.5rem;
}

.left-2 {
    left: 0.5rem;
}

.right-2 {
    right: 0.5rem;
}

.right-4 {
    right: 2rem;
}

.inset-x-2 {
    inset-inline: 0.5rem;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.font-black {
    font-weight: 900;
}

.line-normal {
    line-height: normal;
}

.text-2xs {
    font-size: 10px;
}

.line-2xs {
    line-height: 10px;
}

.text-xs {
    font-size: 12px;
}

.line-xs {
    line-height: 12px;
}

.text-sm {
    font-size: 14px;
}

.line-sm {
    line-height: 14px;
}

.text-md {
    font-size: 16px;
}

.text-lg {
    font-size: 18px;
}

.line-lg {
    line-height: 18px;
}

.text-xl {
    font-size: 20px;
}

.line-xl {
    line-height: 20px;
}

.text-2xl {
    font-size: 26px;
}

.line-2xl {
    line-height: 26px;
}

.text-3xl {
    font-size: 36px;
}

.text-white {
    color: #FFFFFF
}

.text-dark1 {
    color: #162441
}

.text-blue {
    color: #419BCB
}

.text-blue1 {
    color: #053B7A
}

.text-blue2 {
    color: #74C0FC
}

.text-gray1 {
    color: #BEBEBE
}

.text-gray2 {
    color: #EDEDED
}

.text-gray3 {
    color: #474747
}

.text-gray4 {
    color: #898989
}

.text-gray-50 {
    color: #fbf9fa;
}

.text-gray-500 {
    color: #6a7282;
}

.text-gray-700 {
    color: #364153;
}

.text-yellow-500 {
    color: #F2A900;
}

.text-red-500 {
    color: #FF0000;
}

.text-green-500 {
    color: #32CD32;
}

.bg-none {
    background: none !important;
}

.bg-white {
    background-color: #FFFFFF
}

.bg-dark1 {
    background-color: #162441
}

.bg-blue {
    background-color: #419BCB
}

.bg-blue1 {
    background-color: #053B7A
}

.bg-blue2 {
    background-color: #74C0FC
}

.bg-gray1 {
    background-color: #BEBEBE
}

.bg-gray2 {
    background-color: #EDEDED
}

.bg-gray3 {
    background-color: #474747
}

.bg-gray4 {
    background-color: #8989891A
}

.bg-gray-50 {
    background-color: #fbf9fa;
}

.bg-gray-700 {
    background-color: #364153;
}

.bg-cover {
    background-size: cover;
}

.bg-center {
    background-position: center;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-t-md {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.rounded-box {
    border-radius: 0.5rem;
}

.rounded-t-box {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.rounded-full {
    border-radius: 1rem;
}

.rounded-t-full {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.items-center {
    align-items: center;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-grow {
    flex-grow: 1;
}

.grid {
    display: grid;
}

.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.5rem;
}

.gap-6 {
    gap: 2rem;
}

.pl-5,
.px-5 {
    padding-left: 2rem !important;

}

.pr-5,
.px-5 {
    padding-right: 2rem !important;
}

.pt-5,
.py-5 {
    padding-top: 2rem !important;

}

.pb-5,
.py-5 {
    padding-bottom: 2rem !important;
}

.pl-6,
.px-6 {
    padding-left: 2.5rem !important;

}

.pr-6,
.px-6 {
    padding-right: 2.5rem !important;
}

.pt-6,
.py-6 {
    padding-top: 2.5rem !important;

}

.pb-6,
.py-6 {
    padding-bottom: 2.5rem !important;
}

.p-inline-start {
    padding-inline-start: 1rem;
}

.p-block-end-2 li {
    padding-block-end: 0.5rem;
}

.mx-auto {
    margin: auto;
}

.border-none {
    border: none;
}

.border-solid {
    border: 1px solid;
}

.border-t {
    border-top: 1px solid;
}

.border-b {
    border-bottom: 1px solid;
}

.border-l {
    border-left: 1px solid;
}

.border-r {
    border-right: 1px solid;
}

.border-x {
    border-left: 1px solid;
    border-right: 1px solid;
}

.border-y {
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.border-blue {
    border-color: #419BCB !important;
}

.border-blue1 {
    border-color: #053B7A !important;
}

.border-blue2 {
    border-color: #74C0FC !important;
}

.border-gray1 {
    border-color: #BEBEBE !important;
}

.border-gray2 {
    border-color: #EDEDED !important;
}

.border-gray3 {
    border-color: #474747 !important;
}

.border-gray4 {
    border-color: #898989 !important;
}

.border-gray-100 {
    border-color: rgb(246 243 244) !important;
}

.hidden {
    display: none;
}

.opacity-0 {
    opacity: 0;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-80 {
    opacity: 0.8;
}

.button {
    cursor: pointer;
}

button,
input,
select,
optgroup,
textarea,
::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    outline: 0 !important;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
    border: 0 solid;
}

.border-r-0 {
    border-right: 0 !important;
}

.home-top-pick-dropdown .dropdown-content {
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
    font-size: 10px;
    z-index: 9;
}

.scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

input[type=date]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22%23053b7a%22%20d%3D%22M128%200c17.7%200%2032%2014.3%2032%2032l0%2032%20128%200%200-32c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032l0%2032%2048%200c26.5%200%2048%2021.5%2048%2048l0%2048L0%20160l0-48C0%2085.5%2021.5%2064%2048%2064l48%200%200-32c0-17.7%2014.3-32%2032-32zM0%20192l448%200%200%20272c0%2026.5-21.5%2048-48%2048L48%20512c-26.5%200-48-21.5-48-48L0%20192zm64%2080l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200c-8.8%200-16%207.2-16%2016zm128%200l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200zM64%20400l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200c-8.8%200-16%207.2-16%2016zm144-16c-8.8%200-16%207.2-16%2016l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200zm112%2016l0%2032c0%208.8%207.2%2016%2016%2016l32%200c8.8%200%2016-7.2%2016-16l0-32c0-8.8-7.2-16-16-16l-32%200c-8.8%200-16%207.2-16%2016z%22%2F%3E%3C%2Fsvg%3E") no-repeat;
    width: 14px;
    height: 14px;
    border-width: thin;
}

.modal {
    transition: none !important;
}

.modal.modal-open,
.modal[open],
.modal:target {
    display: block;
    max-width: 100vw;
    max-height: 100vh;
    padding: 0;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.6);
    border: 0;
}

.modal[open] .modal-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    max-height: 88vh;
    margin: auto;
    background-color: #FFFFFF;
    border-radius: 0.5rem;

    overflow-y: scroll !important;
    overscroll-behavior-y: auto !important;
    scrollbar-width: none !important;
}

.nav-pills .nav-item {
    flex: 1;
}

.nav-pills button.nav-link {
    width: 100%;
    padding: 1rem 0;
    font-weight: 700;
    outline: none;
    border: none;
    border-radius: 0.5rem;
}

.nav-pills button.nav-link.active {
    background-color: #053B7A;
}

.btn-outline {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0;
    color: #419BCB;
    border: 1px solid;
}

.btn-filled {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 0;
    color: #FFFFFF;
    background-image: linear-gradient(180deg, #419BCB 0%, #053B7A 100%);
}

.btn-filled:hover {
    color: #FFFFFF !important;
}