/* Block Berthold Condensed */
@font-face {
  font-family: 'Block Berthold Condensed';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8406/fonts/Block-Berthold-Condensed-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


body {
  background: #0A2378;
  min-height: 100vh;
  font-family: 'Block Berthold Condensed';
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #212529;
  background-repeat: no-repeat;
}

.header-container {
    pointer-events: none;
}
.text-primary {
  color: #0A2378 !important;
}

.text-warning {
  color: #ED1B2E !important;
}



.title,
.main-title,
.main-text,
.copyright,
.small-text,
.xsmall-text,
.short-terms,
.text-form {
  font-family: 'Block Berthold Condensed';
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.title {
  color: #0A2378;
  font-size: 38px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: 0.76px;
}

.main-title {
  font-size: 22px;
  letter-spacing: 0.20px;
}

.main-text {
  font-size: 20px;
  letter-spacing: 0.18px;
}

.text-form {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.36px;
  color: #212529;
}

.small-text {
  font-size: 17px;
}

.xsmall-text {
  font-size: 15px
}

.copyright {
  font-size: 22px;
  color: #212529;
}

.short-terms {

  font-size: 12px;
  line-height: 17px;
  letter-spacing: 0.24px;
}



.btn-warning,
.btn-warning:visited,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
  border-radius: 5px;
  background-color: #FDF551;
  font-size: 41px;
  font-style: normal;
  font-weight: 400;
  color: #DA2631;
  font-family: 'Block Berthold Condensed';
  width: 100%;
  /* height: 54px; */
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.45);



}

.btn-danger,
.btn-danger:visited,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
  border-radius: 5px;
  background-color: #DA2631;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  color: #FFF;
  font-family: 'Block Berthold Condensed';
  width: 100%;
  height: 44px;
  text-transform: uppercase;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.48px;
  display: flex;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.40);
  border: none;

}

.form-check-input[type=checkbox] {
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.22);
  width: 22px;
  height: 22px;
}

.form-floating>.form-select {
  padding-top: 0.21rem;
  padding-bottom: 3px;
  color: #212529;
}


.form-select {

  font-size: inherit;
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {

  color: #212529;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
  color: #212529;
}

.form-check-input {
  margin-top: 0;
}

.invalid-feedback {
  color: #DA2631;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #0A2378;
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #212529;
}

.form-floating>.form-control,
.form-floating>.form-select {
  height: 39px;
  /* border-radius: 8px; */
  /* filter: drop-shadow(0px 3px 15px rgba(0, 0, 0, 0.22)); */
}

.form-floating>label {
  padding: 8px .75rem;
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.9rem;
  /* padding-bottom: .625rem; */
}



.age-form.btn-danger::placeholder {
  color: white;
  opacity: 1;
}
.age-form.is-invalid,
.was-validated .age-form:invalid{
    padding-right: calc(1.2em + .15rem) !important;
    background-position: right calc(.0375em + .1rem) center !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%230A2378'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%230A2378' stroke='none'/%3e%3c/svg%3e");
}

.text-muted {
  --bs-text-opacity: 1;
  color: #212529 !important;
}

form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: 0.80;

}

li ol {
  padding-left: 1rem;
}

ul {
  padding-left: 10px;
}

ol,
ul {
  padding-left: 0.4rem;
}

#accordionFaq {
  border: 2px solid white;
  border-radius: 10px;
}


#accordionFaq .accordion-button {

  background-color: #0A2378;
  color: white;
  font-size: 19px !important;


}


#accordionFaq .accordion-button:not(.collapsed) {
  background-color: #0A2378;
  color: white;
  box-shadow: none;
  font-size: 19px;
}

.faqs-wrapper {
  background-color: #0A2378;
  padding: 6px;
  border-radius: 10px;
}


#accordionFaq .accordion-body {
  background-color: white;
  color: #0A2378;
  border: 2px solid white;
  border-radius: 4px;
  padding: 20px 30px;
  font-size: 19px !important;
}

.accordion-button::after {

  filter: invert(1);
}

.modal-content {

  background-image: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8406/media/wood-bg.webp');
  background-size: contain;
  /* background-position: center; */
  border: 5px solid #86764F;
}

.form-control {

  padding: .375rem .75rem;
  font-size: 17px;

}



.yellow-headline {
  background-color: #FDF551;
  width: 100%;
  height: auto;
}

.headline-image {
  display: block;
  width: 100%;
  height: auto;
  margin-top: -38px;
}



.headline-imageMob {
  margin-top: -20px;
}

.custom-shadow {
  max-width: 1400px;
  box-shadow: inset 0px 4px 20px rgba(0, 0, 0, 0.25);
}


.logo  {
    margin-top: -35px;
      width: 236px;
}

  .pancakes {
width: 134px;
  height: auto;
  left: -68px;
  top: 0;
  }
  
  .chicken {

width: 134px;
  height: auto;
  right: -68px;
  
    }

    .wood-container {
      background-image: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8406/media/wood-bg.webp');
      background-size: cover;
      background-position: center;
      width: 100%;
      box-sizing: border-box;
      padding: 0;
      position: relative;
      overflow: visible;
      border: 5px solid #86764F;
    }

    .header-container {
      position: relative;
      max-width: 1400px;
      width: calc(100% + 10px);
      z-index: 999;
      overflow: hidden;
      height: 199px;
      overflow-x: hidden;
      top: -40px;
      left: -5px;
    }

@media (min-width: 768px) {



  .wood-container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    /* margin-bottom: 100px; */
    border: 9px solid #86764F;
    width: 100%;
    max-width: 1199px;
  }

.header-container {
width: calc(100% + 18px);
  height: 397px;
  top: -56px;
  left: -9px;
  
}

.pancakes {
width: 270px;
  left: -124px;
  bottom: 40px;
}


.chicken {
width: 270px;
  right: -104px;
  bottom: 0px;

}



  title {
    color: #0A2378;
    font-size: 38px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 0.76px;
  }

  .main-title {
    font-size: 24px;
    letter-spacing: 0.22px;
  }

.logo{
    margin-top: -46px;
    width: 417px;
}



}


@media (min-width: 1042px) {



  .header-container {
    width: calc(100% + 18px);
    height: 637px;
    top: -56px;
    left: -9px;

  }

  .pancakes {
    width: 430px;
    left: -224px;
    bottom: 40px;
  }


  .chicken {
    width: 390px;
    right: -174px;
    bottom: 66px;

  }

}




@media (min-width: 1199px) {

  .header-container {
    overflow: hidden;
    left: 0;
    max-width: 1600px;
    top:35px;
  }

  .pancakes {
    left: -95px;
  }

  .chicken {
    right: -84px;
  }
}
@media (min-width: 1600px) {
  .header-container {
    left: 50%;
    transform: translateX(-50%);
  }
    .pancakes {
      left: 0px;
    }
  
    .chicken {
      right: 0px;
    }
}