@font-face {
  font-family: 'CoronaHeadline';
  src: url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8793/fonts/CoronaHeadline-SemiBold-Web.woff2') format('woff2'),
    url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8793/fonts/CoronaHeadline-SemiBold-Web.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --avenir: 'avenir-lt-pro',sans-serif;
  --corona: 'CoronaHeadline',sans-serif;
  --azo-sans-uber: 'Azo Sans Uber', sans-serif;
  --blue: #0343A3;
  --yellow: #F0C53D;
  --dark:#383837;
}


html,
body {
  height: 100%;
  margin: 0;
}

body {
  font-family: var(--azo-sans-uber);
  font-weight: 400;
  color: white;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  font-family: var(--avenir);
  font-weight: 400;
  font-style: normal;
  background: var(--blue);
}


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

.yellow{
  background-color: #FFC72C;
}



.lt-spacing{
letter-spacing: 1.05px;
}

.logo {
  width: clamp(170px, 20vw, 190px);
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 20px;
}

.drinkaware{
    width: clamp(160px, 20vw, 182px);
    margin: 0 auto;
}

.headline{
max-width: 590px;
width: 100%;
}

.body-text,
.short-terms,
.form-text,
.notes{
  font-family: var(--avenir);
  font-weight: 400;
}

.main-title,
.lg-title,
.body-title,
.sub-title{
  font-family: var(--corona);
  line-height: normal;
  font-weight: 600;
}

.lg-title{
  font-size: 31px;
  letter-spacing: 1.05px;
}

.main-title {
  font-size: 21px;
}

.sub-title {
  font-size: 12px;
  letter-spacing: 0.6px;
}

.body-text{
  font-size:16px
}
.notes{
  font-size: 14px;
}
.short-terms{

  font-size: 10px;
  font-weight: 600;

}



.fw-400 {
  font-weight: 400;
}

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

.prizes {
  display: flex;
  align-items: end;
  gap: 1rem;
}

.prizes img:first-child {
  width: 35%;
}

.prizes img:last-child {
  width: 65%;
}

.prizes img {
  height: auto;
  display: block;
  pointer-events: none;
  user-select: none;
}


.btn.btn-warning {
  height: 65px;
  border-radius: 0px;
  background: var(--yellow);
  color: var(--dark);
  font-family: var(--corona);
  font-weight: 600;
  font-size: 41px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  transition: all 0.2s ease;
  letter-spacing: 2.05px;
}

.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active,
.btn.btn-warning:focus-visible,
.btn.btn-warning:first-child:active,
:not(.btn-check)+.btn.btn-primary:active {
  background: var(--yellow);
  filter: brightness(1.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  border: none;
  outline: none;
}


.btn.btn-outline-dark {
  color: #000000;
  background-color: #fff;
  text-align: center;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  height: 38px;
  border: 2px solid var(--dark);
  text-align: center;
  text-shadow: 0 2px 4px rgba(255, 255, 255, 0.20);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  border-radius: 0;
  font-family: var(--corona);

}

.btn.btn-outline-dark:hover,
.btn.btn-outline-dark:focus,
.btn.btn-outline-dark:active,
.btn.btn-outline-dark:focus-visible,
.btn.btn-outline-dark:first-child:active,
:not(.btn-check)+.btn.btn-outline-dark:active {
  background-color: #fff;
  filter: brightness(1.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  border: none;
  outline: none;
}

.form-text{
  color: #383837;
  font-size: 15px;
}

.form-control {

  color: #383837;
  background-color: #fff;
  border: none;
  border-radius: 8px;
  height: 40px;
}


 /* FORM */
  
    .form-control,
    .form-select {
      border-radius: 8px;
    }
  
    .form-floating>.form-control,
    .form-floating>.form-control-plaintext,
    .form-floating>.form-select {
      height: 40px !important;
      padding-bottom: 5px !important;
    }
  
    .form-floating>.form-control,
    .form-floating>.form-control-plaintext,
    .form-floating>.form-select {
      line-height: 1.25;
    }
  
    .form-floating>.form-select {
      /* padding-top: 12px !important; */
      padding-top: 6px !important;

    }
    .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.1rem;
      font-weight: 700;
    }
  
    .form-floating>label {
      top: -8px;
    }
  
    .form-check-input {
      border-radius: 5px !important;
      width: 22px;
      height: 22px;
    }
  
    .form-check .form-check-input {
      margin-left: -23px;
      margin-top: 4px;
    }
  
    .form-check-label {
      padding-top: 3px !important;
      padding-left: 10px;
    }

  .upload-box.no-image-box {
    min-height: 94px;
  }

  .upload-box {
    min-height: 177px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
  }
  
    .reviewArea {
      min-height: 94px !important;
      overflow-y: auto;
      overflow-x: hidden;
      resize: none;
    }

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

.age-form-select .form-select {
  height: 55px !important;
  border: 1px solid #fff;
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.08);
  color: #fff;
  text-align: center;
  text-align-last: center;
  padding: 0;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.16);
  background-image: none;
  /* padding-left: 10px; */
}

.age-form-select .form-select:focus {
  border-color: #fff;
  box-shadow: 0 0 0 0.15rem rgba(255, 255, 255, 0.25);
}

.age-form-select .form-select option {
  color: #000;
}

@media (min-width: 768px) {


    .txt-shadow {
      text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
    }

}


@media (min-width: 992px) {
  .page-wrapper {
      position: relative;
      width: 1730px;
      max-width: 100%;
      min-height: 100vh;
      margin: 0 auto;
      isolation: isolate;
      overflow: visible;
    }
  
    .page-wrapper::before {
  
      content: "";
      position: absolute;
      inset: 0;
      background-color: var(--blue);
      background-image: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8793/media/coronaBG_bl.webp);
  
      background-size: cover;
      /* background-size: auto; */
      background-position: left top;
      background-repeat: no-repeat;
      z-index: -1;
  
    }
    .space{
      padding-top: 75px;
    }
}


.modal-content{
  background-color: var(--blue);
}

.btn-close {
  filter: invert(1);
}



.terms .bottom1{
    margin-left: 0 !important;
      margin-right: auto !important;
      margin-left: auto !important;
}

.terms .header1 {
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

.terms .buttonsV1{
  display: none;
}

@media (min-width: 992px) {
.index .page-wrapper::before{

      content: "";
      position: absolute;
      inset: 0;
      background-color: var(--blue);
      background-image: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8793/media/coronaBG.webp);
      background-size: cover;
      background-size: auto;
      background-position: left bottom;
      background-repeat: no-repeat;
      z-index: -1;

    }

    .terms .page-wrapper::before {

      content: "";
      position: absolute;
      inset: 0;
      background-color: var(--blue);
      background-image: url(https://umb-4553t5.s3.eu-west-1.amazonaws.com/8793/media/coronaBG.webp);
      background-size: contain;
      /* background-size: auto; */
      background-position: left bottom;
      background-repeat: no-repeat;
      z-index: -1;

    }

    .index .space{
      display: none;
    }
  }