/* https://umb-4553t5.s3.eu-west-1.amazonaws.comhttps://umb-4553t5.s3.eu-west-1.amazonaws.com/8571/media/social.avif */

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


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


/* ==========================================
   Frutiger LT Std Bold Condensed
========================================== */
@font-face {
  font-family: 'Frutiger LT Std';
  src:
    url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8571/fonts/FrutigerLTStd-BoldCn.woff2') format('woff2'),
    url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8571/fonts/FrutigerLTStd-BoldCn.woff') format('woff'),
    url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8571/fonts/FrutigerLTStd-BoldCn.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --max-w: 1600px;
  --Frutiger: 'Frutiger LT Std', sans-serif;
  --Block: 'Block Berthold', sans-serif;
  --Block-cond: 'Block Berthold Condensed', sans-serif;
  --yellow: linear-gradient(268deg, #F7A60E 11.82%, #FED431 51.64%, #F7AC15 93.09%);
  --yellow-solid: #FECB2B;
  --blue-gradient: linear-gradient(180deg, #1A85D2 78.85%, #002A5A 100%);
  --dark-blue: #002A5A;
  --grey: #6F6F6F;
}

a,
a:hover,
a:focus {
  color: inherit;
}

.is-windows .form-select:focus option {
  color: var(--grey);
}

.is-windows .form-select:focus option:checked {
  color: var(--grey);
}

.wrapper {
  max-width: 1800px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background:
    url('https://umb-4553t5.s3.eu-west-1.amazonaws.com/8571/media/patternBg.avif') center top / 100% auto no-repeat,
    var(--blue-gradient);
  box-shadow:
    0 20px 70px rgba(0, 0, 0, .35),
    0 6px 20px rgba(0, 0, 0, .2);
  /* background-size: contain; */
}
body {
  font-family: var(--Frutiger);
  font-weight: 700;
  font-size: 18px;
  color: white;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
  background: var(--blue-gradient);
}

.header-banner {
  display: block;
  width: 100%;
  max-width: 1163px;
  height: auto;
  margin: 0 auto;
  /* transform: translateY(0px); */
}

.block-cond,.btn {font-family: var(--Block-cond);}
.blockFt{
  font-family: var(--Block);
}

.fw-700 {font-weight: 700 !important;}
.fw-400 {font-weight: 400 !important;}
.text-warning{color: var(--yellow-solid)!important;}

.block-cond,
h1,
h2,
h3.h4,
h5,
.main-title,
.lg-title {
  font-family: var(--Block-cond);
  line-height: normal;
  font-weight: 400;
}

.frutiger,
.main-text,
.body-text,
.short-terms,
.form-text {
  font-family: var(--Frutiger);
}

.xl-title {
  font-size: 35px;
}

.lg-title{
  font-size: 25px
}

.main-text{
  font-size: 20px;
}
.body-text {
  font-size: 19px;
  letter-spacing: 0.38px;
}


.form-text {
  color: var(--grey);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.32px;
}

.short-terms {
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0.22px;
}

.row-buttons{
  max-width: 800px ;
  margin: 0 auto;
}

.btn.btn-warning {
  height: 63px;
  border: 4px solid #1F1051;
  border-radius: 20px;
  background: var(--yellow);
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.25));
  letter-spacing: 0.8px;
  color: #1B0B49;

}


.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-warning:active {

  filter: brightness(1.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  border: none;
  outline: none;
}

.btn.btn-primary {
  height: 42px;
  border-radius: 200px;
  border: 2px solid rgba(217, 217, 217, 0.00);
  background: radial-gradient(84.04% 83.7% at 50% 50%, #015084 0%, #08112C 100%);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  transition: all 0.2s ease;
  letter-spacing: 0.36px;
}

.btn.btn-primary:hover,
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:focus-visible,
.btn.btn-primary:first-child:active,
:not(.btn-check)+.btn.btn-primary:active {

  filter: brightness(1.15);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
  border: none;
  outline: none;
}


/* FORM */
.form-control {
  color: var(--grey);
  background-color: #fff;
  border: none;
  border-radius: 8px;
  height: 40px;
}

.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;
  font-weight: 700;
}

.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: 7px !important;
  color: var(--grey);

}

.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.25rem;
  font-weight: 700;
}

.form-floating>label {
  top: -5px;
}

.form-check-input {
  border-radius: 1.25em !important;
  width: 22px;
  height: 22px;
}

.form-check .form-check-input {
  margin-left: -24px;
  margin-top: 4px;
}

.form-check-label {
  padding-top: 3px !important;
  padding-left: 3px;
}


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

.invalid-feedback {
  color: #fcc728;
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #0d6efd;
}
       
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #0d6efd;
}


.coupon-banner {
  position: relative;
  overflow: hidden;
  height: 200px;
  border-radius: 20px;
  background: var(--dark-blue);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px 30px;
}

.coupon-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  border-radius: inherit;
  background: var(--yellow);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

/* ==========================
   TEXT
========================== */

.coupon-title {
  margin: 0;
  font-size: clamp(47px, 7vw, 80px);
  line-height: .9;
  letter-spacing: 1px;
}

.coupon-subtitle {
  margin: 10px 0 12px;
  font-size: clamp(28px, 5vw, 40px);
  line-height: .95;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.coupon-text {
  margin: 0;
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.2;
}




@media (min-width: 768px) {

  main {
      margin-top: -40px;
    }
.space {
    height: 150px;
  }
.xl-title {
    font-size: 55px;
  }

.lg-title {
  font-size: 35px
}

.header-banner {
  transform: translateY(-40px);
}
.main-text {
  font-size: 21px;
}

}

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