@font-face {
   font-family: 'Futura';
   src: url('./../fonts/Futura-Bold.woff2') format('woff2');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Futura';
   src: url('./../fonts/Futura.woff2') format('woff2');
   font-weight: 100;
   font-style: normal;
   font-display: swap;
}

:root {
   --primary: #033F3F;
   --secondary: #FFC844;
}

body {
   color: var(--primary) !important;
   font-family: 'Futura' !important;
}

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

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

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

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

input[type=text],
input[type=email],
input[type=date],
input[type=checkbox] {
   border: 1px solid var(--primary);
}

input[type=text]:focus,
input[type=email]:focus,
input[type=date]:focus {
   box-shadow: 0 0 0 0.25rem rgb(3, 63, 63, .30);
   border-color: #033F3F;
}

label {
   font-size: 14px;
   color: #000;
}

.cursor-pointer {
   cursor: pointer;
}

.pad-product {
   padding-inline: .4rem;
}

.products {
   border: 1px solid var(--primary);
   border-radius: 25px;
   padding-top: .30rem;
   padding-bottom: .30rem;
   color: #000;
   margin-bottom: 1rem;
   font-size: 14px;
}

.product-active {
   background-color: var(--primary);
   color: var(--secondary);
}

.form-check-input:checked {
   background-color: var(--primary);
   border-color: var(--primary);
}

.bg-image-mobile {
   background-image: url('./../img/banner-desktop.gif');
   width: 100%;
   height: 300px;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
}