@import url("./variables.css");

@font-face {
  font-family: GibsonBold;
  src: url(fonts/gibson/Canada\ Type\ -\ Gibson-Bold.otf);
}

@font-face {
  font-family: GibsonSemiBold;
  src: url(fonts/gibson/Canada\ Type\ -\ Gibson-SemiBold\ 2.otf);
}

@font-face {
  font-family: GillSansMedium;
  src: url(fonts/gillsans/Monotype\ \ -\ Gill\ Sans\ Nova\ Medium.ttf);
}

@font-face {
  font-family: GillSansHeavy;
  src: url(fonts/gillsans/Monotype\ \ -\ Gill\ Sans\ Nova\ Heavy.ttf);
}

@font-face {
  font-family: GillSansLight;
  src: url(fonts/gillsans/Monotype\ \ -\ Gill\ Sans\ Nova\ Light.ttf);
}

@font-face {
  font-family: GillSansBold;
  src: url(fonts/gillsans/Monotype\ \ -\ Gill\ Sans\ Nova\ Bold.ttf);
}

@font-face {
  font-family: UberHandProRegular;
  src: url(fonts/uberhandPro/UberhandTextProRegular.TTF);
}

/* ======================== */
@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-Bold.otf');
  font-weight: 700;
  /* Bold */
  font-style: normal;
}

@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-BoldItalic.otf');
  font-weight: 700;
  /* Bold */
  font-style: italic;
}

@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-Heavy.otf');
  font-weight: 900;
  /* Heavy */
  font-style: normal;
}

@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-HeavyItalic.otf');
  font-weight: 900;
  /* Heavy */
  font-style: italic;
}

@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-Italic.otf');
  font-weight: 400;
  /* Regular */
  font-style: italic;
}

@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-Light.otf');
  font-weight: 300;
  /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-LightItalic.otf');
  font-weight: 300;
  /* Light */
  font-style: italic;
}

@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-MediumItalic.otf');
  font-weight: 500;
  /* Medium */
  font-style: italic;
}

@font-face {
  font-family: 'AppetitePro';
  src: url('fonts/appetite/AppetitePro-Regular.otf');
  font-weight: 400;
  /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'AppetiteRegular';
  src: url('fonts/appetite-regular/Appetite\ Regular.ttf');
}



@font-face {
  font-family: 'GillSansNova';
  src: url('fonts/gill-sans-nova/GillSansNova-Bold.ttf');
}
/* Gill Sans Nova Font Faces */
@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-Book.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-BookItalic.ttf');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-Medium.ttf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-Light.ttf');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-LightItalic.ttf');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-SemiBoldItalic.ttf');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-UltraBold.ttf');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-Heavy.ttf');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova';
  src: url('fonts/gill-sans-nova/GillSansNova-HeavyItalic.ttf');
  font-weight: 900;
  font-style: italic;
}

/* Condensed Variants */
@font-face {
  font-family: 'Gill Sans Nova Inline';
  src: url('fonts/gill-sans-nova/GillSansNovaInline-Cond.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova Inline';
  src: url('fonts/gill-sans-nova/GillSansNovaInline-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans Nova Inline';
  src: url('fonts/gill-sans-nova/GillSansNovaInline-SemiBold.ttf');
  font-weight: 600;
  font-style: normal;
}

/* Additional Styles */
@font-face {
  font-family: 'Gill Sans Nova Shadowed';
  src: url('fonts/gill-sans-nova/GillSansNovaShadowed-Light.ttf');
  font-weight: 300;
  font-style: normal;
}

/* Add any other font variants as needed, ensuring no duplicates and correct styles/weights */



* {
  /* font-family: "Roboto"; */
  color: var(--white-color);
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

.main-container {
  max-width: 1440px;
  padding: 0 30px;
  margin: auto;
}

.display-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

.text-align-center {
  text-align: center;
}

.black-button {
  background-image: linear-gradient(90deg,
      #e7cb7a 2.2%,
      #fbecb3 41.95%,
      #c4a557 70.64%,
      #fbecb3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  padding: 18px 25px;
  font-weight: 900;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  font-family: GillSansHeavy;
  line-height: 17.6px;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(90deg,
      #e7cb7a 2.2%,
      #fbecb3 41.95%,
      #c4a557 70.64%,
      #fbecb3 100%) 1;
}

.white-button {
  background-color: transparent;
  color: #c39eec;
  padding: 15px 25px;
  border: 3px solid #c39eec;
  font-weight: 900;
  font-family: GillSansHeavy;
  cursor: pointer;
}

/* Underline Inputs */
.custom-input {
  font-size: 18px;
  font-family: UberHandProRegular;
  padding: 10px 10px 10px 0;
  display: block;
  width: 97%;
  /* Reduced from 98% to make space for the asterisk */
  border: none;
  border-radius: 0;
  border-bottom: 2px solid #816e98;
  background-color: transparent;
  margin: 0 0 22px 0;
  position: relative;
  color: var(--white-color);
}

.custom-input:focus {
  outline: none;
}

.custom-input::placeholder {
  color: #b498e0;
  font-family: UberHandProRegular;
  font-size: 16px;
  font-weight: 400;
  line-height: 21.06px;
  text-align: left;
}

.custom-input::-ms-input-placeholder {
  color: #b498e0;
  font-family: "Maven Pro", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 21.06px;
  text-align: left;
}

textarea::-webkit-input-placeholder {
  color: #b498e0;
  font-family: UberHandProRegular;
  font-size: 18px;
}

textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #b498e0;
  font-family: UberHandProRegular;
  font-size: 18px;
}

textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #b498e0;
  font-family: UberHandProRegular;
  font-size: 18px;
}

textarea:-ms-input-placeholder {
  color: #b498e0;
  font-family: UberHandProRegular;
  font-size: 18px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

@media (max-width: 576px) {
  .main-container {
    padding: 0 25px;
  }

  .black-button {
    max-width: 100%;
  }

  .white-button {
    max-width: 100%;
  }

  .custom-input {
    font-size: 14px;
  }
}