/* barlow-condensed-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/barlow-condensed-v13-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-500 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/barlow-condensed-v13-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-600 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/barlow-condensed-v13-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-condensed-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/barlow-condensed-v13-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* veneer-regular */
@font-face {
    font-family: 'Veneer';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/veneer.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body { position: relative; font-family: 'Barlow Condensed', sans-serif; --dpv-body-font-size: 1.125rem; }

svg { display: block; width: 18px; }

.btn { display: inline-flex; gap: 1rem; align-items: center; text-transform: uppercase;
    --dpv-btn-padding-x: 1rem; --dpv-btn-padding-y: .75rem; --dpv-btn-font-size: 1.25rem; --dpv-btn-font-weight: 700; --dpv-btn-border-width: .2rem; --dpv-btn-border-radius: 100vw;
}
.btn>svg { width: .7em; height: .7em; }

.btn-primary { --dpv-btn-bg: #fff; --dpv-btn-border-color: var(--dpv-primary); --dpv-btn-color: var(--dpv-dark);
    --dpv-btn-hover-bg: var(--dpv-primary); --dpv-btn-hover-color: #fff; --dpv-btn-hover-border-color: var(--dpv-primary);
}

.btn-lg { --dpv-btn-padding-x: 1.5rem; --dpv-btn-padding-y: .875rem; --dpv-btn-font-size: 1.5rem; --dpv-btn-border-width: .375rem; }

.form-control { font-size: 1.25rem; border: 2px solid var(--dpv-dark); border-radius: 4px; background-color: #fff; color: #000; }
.form-control:focus { box-shadow: none; border-color: var(--dpv-primary); }
.form-label { font-size: 1.25rem; font-weight: 700; text-transform: uppercase; }

.form-check { --dpv-border-width: 2px; --dpv-border-color: var(--dpv-dark); }
.form-check-input:focus { box-shadow: none; border-color: var(--dpv-dark); }
.form-check-input:checked:focus { border-color: var(--dpv-primary); }
.form-check-label { font-weight: 500; }
.form-check-label a { color: var(--dpv-dark); }
.form-check-label a:hover { color: var(--dpv-primary); }

h1,h2,h3,h4,h5,h6 { font-family: 'Veneer', sans-serif; font-weight: 400; }

.main-title { font-size: 3.75rem; color: var(--dpv-primary); margin-bottom: 5rem; }
.sub-title { font-size: 2.75rem; margin-bottom: 3.75rem; text-decoration: underline; text-decoration-color: #ffd200; text-decoration-thickness: 3px; }


.header-primary { position: relative; z-index: 3; }
.header-primary .navbar { --dpv-navbar-padding-y: 1.5rem; --dpv-navbar-brand-padding-y: 0; --dpv-navbar-nav-link-padding-x: .75rem; --dpv-navbar-brand-margin-end: 0; }

.bg-chalkboard { position: absolute; top: 0; left: 0; right: 0; height: 500px; background: url(../images/bg-chalkboard.jpg) 50% 0 no-repeat scroll transparent;
    clip-path: polygon(0 0, 100% 0, 100% 300px, 0 500px);
}

.vip, .vip * {
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.vip { position: relative; max-width: max-content; margin: 0 auto; }
.vip-image {}
.vip-badge { position: absolute; top: 0; right: 4rem; }
.vip-action { position: absolute; bottom: clamp(10px, 6.3vw, 120px); left: 0; right: 0; text-align: center; }

.block-list {  }
.block-item { position: relative; text-align: center; color: #fff; }
.block-image { --icon-size: 58px; position: relative; padding: 2rem 0; margin-bottom: .5rem; }
.block-icon { display: flex; justify-content: center; align-items: center; margin: 0 auto; width: var(--icon-size); aspect-ratio: 1 / 1; border-radius: 100vw; border: 2px solid #fff; }
.block-icon svg { width: 26px; }
.block-title { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: 1.5rem; margin-bottom: 0; text-transform: uppercase; }

.pulse-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--icon-size); aspect-ratio: 1 / 1; }
.pulse-ring::before,
.pulse-ring::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100vw; border: 1px solid rgba(255, 255, 255, 0.6); animation: pulse 2.4s ease-out infinite; }
.pulse-ring::after { animation-delay: 1.2s; border-color: rgba(255, 255, 255, 0.4); }

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0;
    }
    70% {
        opacity: 0.5;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.block-item-1 .pulse-ring::before,
.block-item-1 .pulse-ring::after { animation-delay: 0s; }

.block-item-2 .pulse-ring::before { animation-delay: 0.2s; }
.block-item-2 .pulse-ring::after { animation-delay: 1.4s; }

.block-item-3 .pulse-ring::before { animation-delay: 0.4s; }
.block-item-3 .pulse-ring::after { animation-delay: 1.6s; }

.social-box { display: flex; gap: 1rem; }
.social-box .nav-link { display: flex; align-items: center; justify-content: center; width: 3.75rem; aspect-ratio: 1 / 1; border: 2px solid #ffd200; background-color: transparent; color: #fff; border-radius: 100%; }
.social-box .nav-link svg { width: 20px; }
.social-box .nav-link:hover { background-color: #ffd200; color: #000; }

.footer-primary { background: url(../images/bg-chalkboard.jpg) 50% 0 no-repeat scroll var(--dpv-dark); }
.footer-divider { flex: 1; height: 2px; background-color: #ffd200; margin: 0 1rem; }
.footer-bottom { background-color: #fff; font-size: 14px; font-weight: 600; padding: .375rem 0; }
.footer-bottom .nav-link { --dpv-nav-link-color: var(--dpv-primary); }

@media (min-width: 576px) {
    html { font-size: 14px; }
}
@media (min-width: 768px) {
    html { font-size: 14px; }
    .form-col-offset { padding-top: 30px; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }
}
@media (min-width: 1200px) {
    html { font-size: 16px; }
}
@media (min-width: 1400px) {
    html { font-size: 16px; }
}
@media (min-width: 1500px) {

}

@media (min-width: 576px) and (max-width: 991.98px) {

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

}
@media (min-width: 390px) and (max-width: 575.98px) {

}
@media (min-width: 576px) and (max-width: 767.98px) {

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

}
@media (min-width: 992px) and  (max-width: 1199.98px) {

}
@media (min-width: 1200px) and  (max-width: 1499.98px) {

}

@media (max-width: 575.98px) {
    html { font-size: 13px; }
    .vip-action { bottom: 0; }
}
@media (max-width: 767.98px) {
    .vip {}
    .vip-badge { position: static; text-align: center; }
    .vip-badge img {  }
    .bg-chalkboard {}

    .main-title { font-size: 2rem; margin-bottom: 2rem; }
    .sub-title { font-size: 1.75rem; margin-bottom: 1.5rem; }

    .block-title { font-size: 1.25rem; }

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

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

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

}