:root {
    --light-text-color: #757575;
    --dark-text-color: #020046;
    --link-text-color: #5F5DFC;
    --primary-color: #5F5DFC;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('/static/constantcloser/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.nunito-sans {
    font-family: 'Nunito Sans', sans-serif;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/static/constantcloser/fonts/SpaceGrotesk-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/static/constantcloser/fonts/SpaceGrotesk-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/static/constantcloser/fonts/SpaceGrotesk-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/static/constantcloser/fonts/SpaceGrotesk-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/static/constantcloser/fonts/SpaceGrotesk-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.space-grotesk {
    font-family: 'Space Grotesk', sans-serif;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/static/constantcloser/fonts/proximanova_regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/static/constantcloser/fonts/proximanova_light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/static/constantcloser/fonts/proximanova_bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/static/constantcloser/fonts/proximanova_extrabold.otf') format('opentype');
    font-weight: 800;
    font-style: normal;
}

.proxima-nova {
    font-family: 'Proxima Nova', sans-serif;
}

.dark-text {
    color: var(--dark-text-color);
}
.light-text {
    color: var(--light-text-color);
}
.link-text {
    color: var(--link-text-color);
    text-decoration: none;
}

.bg-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bg-image.contain {
    background-size: contain;
}
.btn {
    border: none;
}
.btn-primary {
    background-color: var(--primary-color);
}
.btn-primary:hover {
    background-color: color-mix(in srgb,var(--primary-color),#000 10%);
}
.btn-primary:active {
    background-color: color-mix(in srgb,var(--primary-color),#000 20%) !important;
}

.check-icon {
    width: 10px;
    height: 8px;
    background: url('/static/constantcloser/icons/check.svg') no-repeat center center;
    background-size: contain;
    margin: auto;
}

.btn-outline-primary.btn-white-bg {
    background-color: white;
}

.btn-outline-primary.btn-white-bg:hover {
  background-color: var(--bs-primary);
  color: #fff;
}

.w-15 {
    width: 15%;
}