#footer {
  --tw-bg-opacity: 1;
  background-color: rgb(25 38 64 / var(--tw-bg-opacity));
  padding-top: 4rem;
}

#footer .wrapper .newsletter_wrapper {
  display: flex;
  justify-content: space-between;
  padding-bottom: 65px;
}

#footer .wrapper .newsletter_wrapper .join_us {
  width: 100%;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  max-width: 380px;
  font-family: "Aeonik", serif;
  font-size: 18px;
  line-height: 22px;
}

#footer .wrapper .newsletter_wrapper .newsletter_form {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}

#footer .wrapper .newsletter_wrapper .newsletter_form .input_field {
  position: relative;
  width: 100%;
  margin-right: 16px;
  max-width: 360px;
}

#footer .wrapper .newsletter_wrapper .newsletter_form .input_field .user-icon {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  opacity: 72%;
}

#footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field {
  width: 100%;
  background-color: transparent;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  --tw-text-opacity: 0.6;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  outline: 1px solid rgba(255, 255, 255, 0.24);
  font-family: Aeonik, serif;
  font-size: 14px;
  line-height: 20px;
  padding: 14px 24px 14px 54px;
}

#footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field::-moz-placeholder {
  opacity: 72%;
}

#footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field::placeholder {
  opacity: 72%;
}

#footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field:focus {
  padding: 14px 24px;
}

#footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field:focus + .user-icon {
  opacity: 0;
}

#footer .wrapper .company_info_wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0 0 65px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3215686275);
}

#footer .wrapper .company_info_wrapper .company_info {
  display: flex;
  flex-direction: column;
  max-width: 301px;
}

#footer .wrapper .company_info_wrapper .company_info .footer_logo {
  width: 64px;
}

#footer .wrapper .company_info_wrapper .company_info .company_name {
  margin-bottom: 0.5rem;
  margin-top: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-family: Aeonik, serif;
  font-size: 24px;
  line-height: 29px;
}

#footer .wrapper .company_info_wrapper .company_info .company_address {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.8;
  font-family: Aeonik, serif;
  font-size: 13px;
  line-height: 16px;
}

#footer .wrapper .company_info_wrapper .quicklinks_wrapper {
  margin-top: 2.75rem;
  display: flex;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}

#footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links .link_type {
  margin-bottom: 1rem;
  font-weight: 500;
  opacity: 0.6;
  font-family: Aeonik, serif;
  font-size: 14px;
  line-height: 17px;
}

#footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links .footer_link {
  padding-bottom: 18px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  font-family: Aeonik, serif;
  max-width: 186px;
}

#footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links .footer_link:last-child {
  padding-bottom: 0;
}

#footer .wrapper .conditions_wrapper {
  padding-top: 65px;
  display: flex;
  justify-content: space-between;
  font-family: Aeonik, serif;
  font-size: 13px;
  line-height: 16px;
}

#footer .wrapper .conditions_wrapper .left {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.4;
}

#footer .wrapper .conditions_wrapper .right {
  display: flex;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  opacity: 0.8;
}

#footer .design {
  margin-top: 38px;
  border-bottom-width: 8px;
  --tw-border-opacity: 1;
  border-color: rgb(180 59 245 / var(--tw-border-opacity));
}

@media (max-width: 1200px) {
  #footer {
    padding-top: 4rem;
  }

  #footer .wrapper .newsletter_wrapper {
    padding-bottom: 52px;
  }

  #footer .wrapper .newsletter_wrapper .join_us {
    font-size: 22px;
    line-height: 28px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field {
    max-width: 300px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field {
    max-width: 300px;
    padding: 14px 24px 14px 50px;
  }

  #footer .wrapper .company_info_wrapper {
    padding: 52px 0;
  }

  #footer .wrapper .company_info_wrapper .company_info .company_name {
    font-size: 22px;
    line-height: 28px;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper {
    margin-top: 2rem;
    -moz-column-gap: 3.5rem;
         column-gap: 3.5rem;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links .footer_link {
    padding-bottom: 14px;
  }

  #footer .wrapper .conditions_wrapper {
    display: flex;
    justify-content: space-between;
  }

  #footer .wrapper .conditions_wrapper .right {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  #footer .design {
    margin-top: 2.5rem;
  }
}

@media (max-width: 992px) {
  #footer {
    padding-top: 3rem;
  }

  #footer .wrapper .newsletter_wrapper {
    padding-bottom: 46px;
  }

  #footer .wrapper .newsletter_wrapper .join_us {
    max-width: 280px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field {
    max-width: 270px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .user-icon {
    left: 1rem;
    height: 1rem;
    width: 1rem;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field {
    max-width: 270px;
    padding: 10px 16px 10px 42px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field:focus {
    padding: 10px 16px;
  }

  #footer .wrapper .company_info_wrapper {
    padding: 46px 0;
  }

  #footer .wrapper .company_info_wrapper .company_info {
    max-width: 270px;
  }

  #footer .wrapper .company_info_wrapper .company_info .company_name {
    font-size: 20px;
    line-height: 28px;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper {
    margin-top: 3.5rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links .footer_link {
    padding-bottom: 14px;
  }

  #footer .wrapper .conditions_wrapper {
    display: flex;
    justify-content: space-between;
  }

  #footer .wrapper .conditions_wrapper .right {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  #footer .design {
    margin-top: 2rem;
  }
}

@media (max-width: 768px) {
  #footer .wrapper .newsletter_wrapper {
    flex-direction: column;
    row-gap: 1rem;
    padding-bottom: 36px;
  }

  #footer .wrapper .newsletter_wrapper .join_us {
    text-align: center;
    max-width: unset;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form {
    justify-content: center;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field {
    max-width: 300px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .user-icon {
    left: 0.75rem;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field {
    padding: 10px 16px 10px 40px;
    max-width: 300px;
  }

  #footer .wrapper .company_info_wrapper {
    flex-direction: column;
    padding: 36px 0;
  }

  #footer .wrapper .company_info_wrapper .company_info {
    max-width: 270px;
  }

  #footer .wrapper .company_info_wrapper .company_info .company_name {
    font-size: 20px;
    line-height: 28px;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper {
    margin-top: 3.5rem;
    justify-content: space-between;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links .footer_link {
    padding-bottom: 14px;
  }

  #footer .wrapper .conditions_wrapper {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    row-gap: 1rem;
    padding-top: 36px;
  }

  #footer .wrapper .conditions_wrapper .left {
    text-align: center;
  }

  #footer .wrapper .conditions_wrapper .right {
    justify-content: space-between;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  #footer .design {
    margin-top: 2rem;
  }
}

@media (max-width: 576px) {
  #footer {
    padding-top: 2.5rem;
  }

  #footer .wrapper .newsletter_wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 1rem;
    padding-bottom: 32px;
  }

  #footer .wrapper .newsletter_wrapper .join_us {
    font-size: 18px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form {
    width: 100%;
    row-gap: 1rem;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field {
    max-width: 280px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .user-icon {
    left: 0.5rem;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field {
    padding: 10px 14px 10px 32px;
    max-width: 280px;
  }

  #footer .wrapper .newsletter_wrapper .newsletter_form .input_field .form_field:focus {
    padding: 10px 16px;
  }

  #footer .wrapper .company_info_wrapper {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    flex-direction: column;
    padding-bottom: 2.5rem;
    padding-top: 0px;
  }

  #footer .wrapper .company_info_wrapper .company_info {
    margin-bottom: 2.5rem;
    text-align: center;
    max-width: unset;
  }

  #footer .wrapper .company_info_wrapper .company_info .footer_logo {
    margin-left: auto;
    margin-right: auto;
    width: 64px;
  }

  #footer .wrapper .company_info_wrapper .company_info .company_name {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper {
    margin-top: 0px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    row-gap: 2rem;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links {
    text-align: center;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links .link_type {
    font-weight: 400;
  }

  #footer .wrapper .company_info_wrapper .quicklinks_wrapper .footer_links .footer_link {
    padding-bottom: 14px;
  }

  #footer .wrapper .conditions_wrapper {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    display: flex;
    justify-content: space-between;
    row-gap: 1.5rem;
    padding-top: 2.5rem;
    font-family: Aeonik, serif;
    font-size: 12px;
    line-height: 17px;
  }

  #footer .wrapper .conditions_wrapper .left {
    text-align: center;
  }

  #footer .wrapper .conditions_wrapper .right {
    justify-content: space-between;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }

  #footer .design {
    margin-top: 1.5rem;
  }
}

/*# sourceMappingURL=footer.css.map */