/* Theme base styles */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/* Generic */

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */


.yal-container {
  width: 100%;
  margin: auto;
  padding-left: 15px;
  padding-right: 15px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .yal-container {
    max-width: 540px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .yal-container {
    max-width: 720px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .yal-container {
    max-width: 960px;
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .yal-container {
    max-width: 1140px;
  }
}

/* Custom breakpoint for 1400px max-width */
@media (min-width: 1440px) { /* A bit more than 1400 to ensure it applies */
  .yal-container {
    max-width: 1400px;
  }
}

body {
  margin: 0;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  background-image: url('https://5672711.fs1.hubspotusercontent-na1.net/hubfs/5672711/raw_assets/public/yal-hubspot-theme/images/YAL_background.jpg');
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: repeat-y;
  height: 100%;
  min-height: 100vh;
}

@media (max-width: 767px) {
  body {
    background-size: auto;
    background-image: url('https://5672711.fs1.hubspotusercontent-na1.net/hubfs/5672711/raw_assets/public/yal-hubspot-theme/images/yal-background-mobile.png');
  }
}

.body-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-content {
  flex: 1;
}

h1 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 700;
  font-size: 128px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

h1 strong {
  color: #FCD82F;
}

h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 0%;
  vertical-align: middle;
}

p {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0%;
}

p strong {
  font-weight: 700;
}

@media (max-width: 768px)  {
  h1 {
    font-size: 64px;
  }

  h3 {
    font-size: 24px;
  }

  p {
    font-size: 16px;
  }
}

a {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.header__skip {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -1;
}

.header__skip:focus {
  left: 1rem;
  top: 1rem;
  width: auto;
  height: auto;
  padding: 0.5rem 1rem;
  background-color: white;
  color: black;
  z-index: 999;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 0 0 0 2px #000;
}

/* Components */
.yal-button {    
    border-radius: 78px;
    border: 2px solid #f6fe7b;
    background: linear-gradient(133.79deg, #f9cd15 24.03%, #ff9658 88.15%);
    box-shadow: 3px 8px 14.8px 0px rgba(0, 0, 0, 0.27);
    color: #231f20;
    text-align: center;
    font-family: "Anton", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 65px;
    letter-spacing: 2px;
    text-transform: uppercase;
    transform: none;
    padding: 16px 44px;
    transition: 0.2s all;
    height: 51px;
    display: flex;
    width: fit-content;
    margin: 0;
    text-transform: uppercase;
    text-decoration: none;
    align-items: center;
    justify-content: center;
}

.yal-button:hover {
    background: linear-gradient(133.79deg, #ffe05e 24.03%, #ff9454 88.15%);
    color: #231f20;
}

.button-variation {
    background: transparent;
    color: #fff; 
}
/* Header Styles */

.header {
  background-color: transparent;
  width: 100%;
}

.header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

.header__logo--main img {
  max-width: 200px;
  height: auto;
  display: block;
}

/* Footer Styles */

.footer {
  background-color: transparent;
  color: #fff;
  text-align: left;
  margin-top: 3rem;
}

.footer-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  flex-wrap: wrap;
}

.footer-content p {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0%;
}

.copyright-logo-container {
  display: flex;
  align-items: center;
  gap: 30px;
}

.footer-logo {
  min-width: 70px;
}

.footer-logo img {
  width: 100px; 
  height: auto;
}

.footer .left-side {
  display: flex;
  flex-direction: row;
}

.footer .social-icons {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
}

.footer .footer-links {
  display: flex;
  flex-direction: row;
  padding-left: 3rem;
  gap: 12px;
  align-items: center;
}

.footer .footer-links a {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0%;
  color: #FFFFFF;
  text-decoration: none;
  text-wrap-mode: nowrap;
}

.footer .footer-links a:hover {
  color: #F9CD15;
  text-decoration: underline;
  font-weight: 600;
}

@media (max-width: 991px) {
  .footer .copyright-logo-container {
    width: 100%;
  }
}

@media (max-width: 768px)  {
  .footer .copyright-logo-container {
    flex-direction: column;
    row-gap: 10px;
    margin-bottom: 3rem;
  }

  .footer .footer-logo img {
    width: 70px;
  }

  .footer .social-icons {
    width: 100%;
    justify-content: center;
  }

  .footer .left-side {
    flex-direction: column;
    width: 100%;
  }
  
  .footer .footer-links {
    flex-direction: column;
    padding-left: 0;
    padding-top: 1rem;
  }
}

.social-icons a:hover svg path {
  fill: #F9CD15;
}
/* Form title */

.form-title {
    margin: 0;
}

.form-title~div>form {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Labels */

form label {
    display: block;
    margin-bottom: 0.35rem;
}

:root {
    --hsf-module__vertical-spacing: 0.35rem;
}

/* Form fields */

form .hs-form-field {
    margin-bottom: 1.4rem;
}

:root {
    --hsf-row__vertical-spacing: 1.4rem;
}

.form-columns-1 .hs-fieldtype-intl-phone,
form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='file'],
form input[type='search'],
form select,
form textarea {
    display: inline-block;
    width: 100% !important;
    /* stylelint-disable-line declaration-no-important */
}

/* International phone number field */

form .hs-fieldtype-intl-phone {
    display: flex;
    justify-content: flex-start;
    gap: 8px;
}

form fieldset {
    max-width: 100% !important;
    /* stylelint-disable-line declaration-no-important */
}

/* Form fields - checkbox/radio */

form .inputs-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

form .inputs-list>li {
    display: block;
    margin: 0.7rem 0;
}

form .inputs-list input,
form .inputs-list span {
    vertical-align: middle;
    margin: auto;
}

form input[type='checkbox'],
form input[type='radio'] {
    margin-right: 0.35rem;
    cursor: pointer;
}

/* Form fields - date picker */

form .hs-dateinput {
    position: relative;
}

form .hs-dateinput input {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ABABAB;
    background: #FFF;
    color: #0F172A;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    block-size: 38px;
}

form select.hs-input {
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9407 19.5595C11.5267 20.1454 12.4782 20.1454 13.0642 19.5595L22.0642 10.5595C22.6501 9.97354 22.6501 9.02197 22.0642 8.43604C21.4782 7.8501 20.5267 7.8501 19.9407 8.43604L12.0001 16.3767L4.05947 8.44072C3.47354 7.85478 2.52197 7.85478 1.93604 8.44072C1.3501 9.02666 1.3501 9.97822 1.93604 10.5642L10.936 19.5642L10.9407 19.5595Z' fill='%2309152B'/%3E%3C/svg%3E%0A");
    background-position: right 16px center;
    background-repeat: no-repeat;
    background-size: 16px;
}

form .is-selected .pika-button {
    border-radius: 0 !important;
    /* stylelint-disable-line declaration-no-important */
    box-shadow: none !important;
    /* stylelint-disable-line declaration-no-important */
}

form .fn-date-picker .pika-button:hover,
form .fn-date-picker .pika-button:focus {
    border-radius: 0 !important;
    /* stylelint-disable-line declaration-no-important */
}

/* Form fields - file picker */

form input[type='file'] {
    padding: initial;
    border: initial;
    background-color: transparent;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
    margin: 0 0 1.4rem;
    font-size: 0.8rem;
}

form .hs-richtext img {
    height: auto;
    max-width: 100% !important;
    /* stylelint-disable-line declaration-no-important */
}

/* GDPR */

form .legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 1rem !important;
    /* stylelint-disable-line declaration-no-important */
}

/* Validation */

form .hs-form-required {
    color: #C02B0A;
}

.form-section {
    max-width: 695px;
    margin: auto;
}

.form-section form .hs-input.error {
    border-color: #C02B0A;
}

.form-section form .hs-error-msg,
.form-section form .hs-error-msgs {
    margin-top: 0.35rem;
    color: #C02B0A;
}

:root {
    --hsf-global-error__color: #C02B0A;
    --hsf-field-label-requiredindicator__color: var(--hsf-global-error__color);
    --hsf-erroralert__color: var(--hsf-global-error__color);
}

/* Submit button */

form input[type='submit'],
form .hs-button {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    text-align: center;
    transition: all 0.15s linear;
    white-space: normal !important;
    /* stylelint-disable-line declaration-no-important */
}

.form-section form .input input[name="mobilephone"] {
    width: 50% !important;
}

.form-section form fieldset.form-columns-1 .input input[type="radio"],
.form-section form fieldset.form-columns-1 .input input[type="checkbox"] {
    height: 20px;
    line-height: 20px;
    width: 20px;
    opacity: 1;
    place-content: center;
    margin-right: 14px;
    margin-top: 0;
}

.form-section form fieldset.form-columns-1 legend {
    font-size: 13px;
    padding-left: 0;
    color: #585e6a;
    font-weight: 500;
    padding-bottom: 12px;
}

.form-section form fieldset.form-columns-1 .hs-fieldtype-booleancheckbox legend {
    font-size: 14px;
    padding-left: 0;
    color: #112337;
    padding-bottom: 0;
}

label.gform-field-label.gform-field-label--type-inline {
    color: #112337;
}

.form-section label.hs-form-booleancheckbox-display span {
    font-weight: 400;
}

.gfield_description {
    color: #585e6a;
    font-size: 13px;
}

.form-section form fieldset.form-columns-1 .input input[type="radio"]:before {
    block-size: 7px;
    background-color: red;
}

:root {
    --hsf-button__width: 100%;
}

/* Captcha */

.grecaptcha-badge {
    margin: 0 auto;
}

.form-section h3 {
    color: #040404;
    font-family: "Montserrat", sans-serif;
    font-size: 19px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
    text-transform: capitalize;
}

.form-section input:not([type=radio], [type=checkbox]) {
    border-radius: 4px;
    border: 1px solid #ABABAB;
    background: #FFF;
    color: #0F172A;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    padding-inline: 12px;
    box-shadow: 0 1px 4px rgba(18, 25, 97, .078);
}

.form-section label {
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: left;
    color: #040404;
    padding-bottom: 5px;
}

.form-section label.hs-form-radio-display {
    font-weight: 400;
    align-items: flex-start;
    gap: 1rem;
    grid-template-columns: 20px auto;
    display: inline-grid;
}

.form-section form select.hs-input {
    appearance: none;
    background-color: #fff;
    block-size: 38px;
    border-block-end: 1px solid #686e77;
    border-block-start: 1px solid #686e77;
    border-inline-end: 1px solid #686e77;
    border-inline-start: 1px solid #686e77;
    border-radius: 3px;
    color: #112337;
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    inline-size: 100%;
    letter-spacing: 0;
    line-height: 38px;
    margin-block: 0;
    margin-inline: 0;
    min-block-size: auto;
    outline: none;
    outline-offset: 0;
    padding-block: 0;
    padding-inline: 12px calc(20px + 12px);
    transition: 0.15s;
}

/* Button */
.form-section .hs-button.primary.large {
    background: #F9CD15;
    border-radius: 4px;
    color: #231F20;
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.54px;
    padding: 13px 56px;
    max-width: 100%;
    width: 100%;
    border: unset;
    margin: 0 auto;
}

.form-section .hs-button.primary.large:hover {
    background: #aab95f;
}

.form-section form label.hs-error-ms {
    color: #C02B0A;
}

.form-section p strong, .form-section p b {
    color: #C02B0A;
}

form .hs-richtext, form .hs-richtext p {
    color: #040404;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;    color: #040404;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
}

.form-section h3.hs_cos_wrapper.form-title {
    display: none;
}

.form-section h3 {
    border-bottom: 1px solid rgba(104, 110, 119, 0.35);
    padding-bottom: 10px;
}

.hs-fieldtype-textarea.hs-input {
    min-block-size: 18rem;
    border-radius: 4px;
    border: 1px solid #ABABAB;
    background: #FFF;
    color: #0F172A;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px;
}

.form-section label.hs-form-booleancheckbox-display {
    display: flex;
}