/* 1440px and below */
@media (max-width: 1440px) {
  .hero__image-wrapper {
    min-height:55rem;
  }
  .hero__image-wrapper img {
    max-width: 90%;
  }
  .hero__text .brand{
    margin-bottom: 2.5rem !important;
  }
}

@media (max-width: 1300px) {
  .hero__image-wrapper {
    min-height:48rem;
  }
  .hero__image-wrapper img {
    max-width: 84%;
  }
}
/* 1200px and below */
@media (max-width: 1200px) {
  .hero__content {
    gap: var(--space-md);
  }

  .hero__image-wrapper img {
    margin-left: 2rem;
  } 

  .hero__image-wrapper {
    justify-content: center;
  }
  .hero__image-wrapper {
    min-height:46.5rem;
  }
}

/* 990px and below */
@media (max-width: 990px) {

  .detail__row .value {
    font-size: 2rem;
  }



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

  .hero__image-wrapper {
    min-height:44.5rem;
  }

  .hero__content {
    flex-direction: column-reverse;
    text-align: center;
  }

  .hero__text-container{
  margin-bottom: 0rem !important;
}

  .hero__image-wrapper {
    order: -1;
    margin-right: 0rem !important;
  }

  .hero__image-wrapper img {
    margin-left: 1rem;
    max-width: 70%;
  }

  .button__hero {
    width: auto;
  }

  .brand {
    max-width: 16rem;
    margin: 0 auto;
    margin-bottom: 3rem !important;

  }

  .hero__title {
    margin-bottom: 1rem !important;
  }

  .hero__date {
    margin: 0 auto;
    margin-bottom: 1rem  !important;

  }

  .hero__subtitle {
    margin-bottom: 2.25rem !important;
  }

  .webinar__details {
    padding: 2.5rem 1.5rem;
  }

  .webinar__details-content {
    justify-content: center;
    text-align: center;
    padding: 0;

    grid-template-areas:
      "title"
      "details"
      "button"
    ;
  }

  .webinar__details-content .seperator {
    display: none;
  }

  .webinar__details-content .webinar__details-title {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 1.5rem !important;
    max-width: max-content;
  }

  .webinar__details-content .btn__register {
    grid-area: button;
    margin: 0 auto !important;

  }

  .webinar__details-content .detail__row {
    margin-bottom: 1rem !important  ;
  }

  .whatyoulearn__content .learn-image {
    margin-top: 1rem !important;
  }

  .whatyoulearn__content .title {
    line-height: 82px;
    text-align: center;
    margin-bottom: 1.75rem;
  }

  .learn__list li {
    font-size: 20px;
  }

  .whatyoulearn__text .learn__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 0rem !important;
  }

  .btn__whatyoulean {
    display: none;
  }

  .whatyoulearn__content {
    flex-direction: column;
    gap: 20px;
    padding-bottom: 2rem;
  }

  .webinar__details-content .desktop {
    display: none;
  }

  .webinar__details-content .mobile {
    display: grid;
    justify-content: space-around;
    margin-bottom: 1rem !important;

    grid-template-columns: repeat(2, 1fr);
  }

  .contact__content {
    flex-direction: column;
    gap: 1rem;
    padding: 0 0.2rem;
  }

  .contact__text {
    margin: 0 auto;
  }

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

  .contact {
    padding: 2rem 0.5rem 3rem 0.5rem;
  }

  .contact__form-card {

    padding: 50px 0px;

  }

  .contact__form-card form {

    padding: 0px 1.75rem;

  }

  .contact__form-card .form .field {
    margin-bottom: 1.6rem !important;
  }

  .contact__form-card .form .field label {

    margin-bottom: 16px !important;
  }

  .button__submit {
    margin-top:0px;
  }

  .contact__form-card {

    max-width: 100%;

  }

  .gift__content {
    padding: 2.25rem 1rem 3rem 1rem;
    text-align: center;
  }

  .gift__content .gift__desc {
    margin-bottom: 2rem !important;
    line-height: 2.25rem;
  }

  .reviews {
    padding: 2.25rem 1rem 4rem 1rem;
  }

  .reviews__title {
    margin-bottom: 1.5rem;
  }

  .reviews__slider {
    margin-bottom: 3rem !important;
  }

  a.button {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }

}

/* 768px and below */
@media (max-width: 768px) {

  .button{
    font-size: 1.4rem !important;
  }

  .hero__image-wrapper {
    min-height:26rem;
  }

  .hero__image-wrapper img {
    max-width: 18rem;
    margin-left: 1rem;
  }



  .brand {
    margin-bottom: var(--space-lg);
  }
  .footer .footer__text{
    font-size: 1rem !important;
  }
  .contact__form-card .form .field-row{
    gap: 0rem ;
  }

  .button__hero {
    padding: 1rem 1.5rem;
    width: 100%;
  }

  .hero__date {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }

  .webinar__details-content .mobile{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .hero__image-wrapper {
    min-height:26rem;
  }

  .hero__image-wrapper img {
    max-width: 16rem;
    margin-left: 1rem;
  }

  .reviews__card{
    padding:3.5rem;
  }
}

@media (max-width: 480px) {
  .hero__image-wrapper {
    min-height:24rem;
  }

  .hero__image-wrapper img {
    max-width: 16rem;
    margin-left: 1rem;
  }


}

@media (max-width: 420px) {
  .hero__image-wrapper {
    min-height:22rem;
  }

  .hero__image-wrapper img {
    max-width: 15rem;
    margin-left: 1rem;
  }
}