/* rem and em do NOT depend on html font-size in media queries! Instead, 1rem = 1em = 16px */

/**************************/

/* BELOW 1125px (Smaller desktops) */

@media (max-width: 82em) {
  /* Navbar font-size smaller */
  .main-nav-link:link,
  .main-nav-link:visited,
  .sticky .main-nav-link:link,
  .sticky .main-nav-link:visited {
    border-radius: 0;
    font-size: 1.4rem;
  }
  .btn--full:link,
  .btn--full:visited {
    font-size: 1.8rem;
    padding: 1.8rem 3.6rem;
  }

  .buttonSection3 {
    padding: 1.8rem 3.6rem;
    font-size: 1.8rem;
  }
  .sticky .btn,
  .sticky .btn-nav:link,
  .sticky .btn-nav:visited {
    font-size: 1.4rem;
  }
  /* M ore space left/right in hero and section3 */
  .section-despreMine {
    padding: 2.4rem 4.8rem;
  }
  .despre-Mine-img {
    margin-bottom: 0;
    width: 100%;
  }
  .section-kidX-activity {
    padding: 14rem 4.8rem 0 4.8rem;
  }
  .heading-despreMine {
    font-size: 4.2rem !important;
  }
  .hero {
    padding-left: 3rem;
  }
  .sticky .btn {
    margin-right: 0;
  }

  /* .descriptionSection3 {
    font-size: 1.6rem;
    line-height: 1;
  } */

  /* Section2: cards smaller, still 3 per row */
  .section2 {
    max-width: 110rem;
  }
  .container {
    gap: 2rem;
  }
  .box1,
  .box2,
  .box3 {
    padding: 2rem 2rem;
    font-size: 1.4rem;
    min-width: 22rem;
    max-width: 28rem;
  }
  .box1Description,
  .box2Description,
  .box3Description {
    font-size: 1.4rem;
  }

  /* Testimonials section smaller */
  .testimonials {
    padding: 4.8rem;
  }
  .section-testimonials {
    padding: 2.4rem 1.6rem;
    margin: 0 2rem;
    border-radius: 1rem;
  }
  .testiomonials-container {
    padding: 4.8rem;
    row-gap: 2.4rem;
    column-gap: 4rem;
  }
  .testimonials-message {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .testimonial {
    max-width: 40rem;
    gap: 1.2rem;
  }
  .testimonial-text {
    font-size: 1.2rem;
    line-height: 1.3;
    margin-bottom: 1rem;
  }
  .test-head {
    margin-bottom: 2.4rem !important;
  }
  .img-character {
    height: 4rem;
  }
  .character {
    gap: 1rem;
  }
  /* Redimensionare container imagini hero la 1300px */
  .container-hero-images {
    column-gap: 1.5rem;
    row-gap: 0.7rem;
    max-width: 40rem;
    margin: 0 auto;
  }
  .img-1 {
    height: 12rem;
  }
  .img-2 {
    height: 10rem;
  }
  .img-3 {
    height: 9rem;
  }
  .img-4 {
    height: 14rem;
  }
}

.main-nav-list {
  align-items: center;
}

/*Gallery*/
.full-img img {
  width: 40%;
}

.footer {
  padding-left: 3.2rem;
  padding-right: 3.2rem;
}

.box1PackageBtn,
.box1PackageBtn,
.box2PackageBtn,
.box3PackageBtn {
  margin: 0 0;
}
.reservation-filters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  padding: 2.4rem;
  align-items: start;
  gap: 1.6rem;
}
#reservationSearch {
  grid-column: 1/-1;
}
.evenimenteTotal {
  column-gap: 3.6rem;
}
/**************************/

@media (max-width: 70em) {
  .reservationS {
    width: 100%;
  }

  .main-nav-link:link,
  .main-nav-link:visited,
  .btn,
  .btn-nav:link,
  .btn-nav:visited {
    font-size: 1.6rem t;
  }
  .heading-principal {
    font-size: 3.6rem;
  }
  .hero-description {
    font-size: 1.6rem;
  }
  .sticky .main-nav-link:link,
  .sticky .main-nav-link:visited {
    font-size: 1.3rem;
  }
  .sticky .btn,
  .sticky .btn-nav:link,
  .sticky .btn-nav:visited {
    font-size: 1.3rem;
  }
  .heading-despreMine {
    font-size: 3.2rem !important;
  }
  .despre-paragraph {
    line-height: 1.3 !important;
    font-size: 1.4rem !important;
  }
  .section-despreMine {
    padding: 4.2rem 4.2rem;
  }
  .section-kidX-activity {
    padding: 2.4rem 4.2rem 2.4rem 4.2rem;
  }
}

@media (max-width: 65em) {
  .copyright {
    font-size: 1.2rem;
  }

  .footer-heading {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 3rem;
  }
  .footer-link:link,
  .footer-link:visited {
    font-size: 1.4rem;
  }
  .box-container {
    gap: 2.8rem;
    max-width: 80rem;
    margin: 0 auto;
    padding: 0 2rem;
  }
  .sticky .main-nav-link:link,
  .sticky .main-nav-link:visited {
    font-size: 1.2rem;
  }
  .sticky .header {
    padding: 0 1.8rem;
  }
  .main-nav-link:link,
  .main-nav-link:visited,
  .btn,
  .btn-nav:link,
  .btn-nav:visited {
    font-size: 1.6rem;
  }
  .sticky .btn,
  .sticky .btn-nav:link,
  .sticky .btn-nav:visited {
    font-size: 1.2rem;
    border-radius: 1.6rem;
  }
  .main-nav-link:link,
  .main-nav-link:visited,
  .sticky .main-nav-link:link,
  .sticky .main-nav-link:visited {
    font-size: 1.4rem;
    padding: 0;
  }
  .box-container {
    gap: 4.8rem;
  }
  .box-pack {
    max-width: 28rem;
    gap: 1.2rem;
  }
  .box1PackageTitle,
  .box2PackageTitle,
  .box3PackageTitle {
    font-size: 1.8rem;
  }
  .box1PackageDescription,
  .box2PackageDescription,
  .box3PackageDescription {
    font-size: 1.4rem;
  }
  .box1PackageBtn,
  .box2PackageBtn,
  .box3PackageBtn {
    font-size: 1.6rem;
  }
  .btn,
  .btn-nav:link,
  .btn-nav:visited {
    padding: 1.6rem 2.2rem;
    font-size: 1.6rem;
    margin-right: 1.6rem;
  }
  .main-nav-list {
    list-style: none;
    display: flex;
    gap: 1.6rem;
  }
  .section3-container {
    max-width: 100rem;
  }
  .subbheading {
    font-size: 1.2rem;
  }
  .descriptionSection3 {
    font-size: 1.4rem;
  }
  .btn--full:link,
  .btn--full:visited {
    font-size: 1.8rem;
    padding: 1.4rem 2.8rem;
  }
  .section3 {
    margin-bottom: 1.6rem;
  }
  .container {
    gap: 1.4rem;
    padding: 2 0.8rem;
  }

  .hiddenDesktop {
    font-size: 1.4 rem;
  }

  .logoutBtn {
    padding: 1.6rem 1rem;
    margin-right: 0;
  }

  .btn,
  .btn-nav:link,
  .btn-nav:visited {
    padding: 1.6rem 1.4rem !important;
    font-size: 1.4rem !important;
    margin-right: 1.6rem;
    /* margin: 0 auto !important; */
  }
}
@media (max-width: 50em) {
  .user-profile {
    display: none !important;
  }

  .hiddenDesktop {
    display: inline-block;
    font-size: 2.4rem;
  }

  .titleReservation {
    padding-left: 0;
  }
  .page-section {
    padding: 0;
  }
  .reservation-filters {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.6rem;
    padding: 2.4rem;
    /* justify-items: center; */
  }
  #reservationSearch {
    grid-column: 1/-1;
  }

  .futureEvents {
    font-size: 1.4rem;
  }

  .futureEventsContainer {
    padding: 0 1.2rem;
  }

  .reservationItem {
    padding: 1rem 1.2rem;
  }

  .filter-btn {
    font-size: 1.2rem;
  }
  .evenimenteTotal {
    grid-template-columns: 1fr 1fr;
    row-gap: 3.6rem;
  }
  .eventsTtitle {
    font-size: 2rem;
  }
  .eventsInfo {
    font-size: 1.6rem;
  }
  .main-nav-list {
    list-style: none;
    display: flex;
    gap: 1.6rem;
  }
  .hero-description {
    font-size: 1.5rem;
  }
  .heading-principal {
    font-size: 3.2rem;
  }
  .box1,
  .box2,
  .box3 {
    padding: 1.6rem 1.8rem;
    max-width: 20rem;
  }
  .box1Title,
  .box2Title,
  .box3Title {
    font-size: 2rem !important;
  }
  .box1Description,
  .box2Description,
  .box3Description {
    font-size: 1.4rem;
  }
  .hero {
    padding-bottom: 9.6rem;
    max-width: 70rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 6rem;
    padding-left: 0rem;
  }
  .section3-container {
    max-width: 70rem;
  }

  .heading-principal {
    font-size: 2.6rem;
  }
  .hero-description {
    font-size: 1.2rem;
  }
  .heading-secondary {
    font-size: 3.2rem;
    line-height: 1.2;
    margin-bottom: 8rem;
  }

  .btn,
  .btn-nav:link,
  .btn-nav:visited {
    padding: 1.6rem 2.2rem;
    font-size: 1.6rem;
    margin-right: 1.6rem;
  }
  .box-pack {
    max-width: 25rem;
    gap: 1.2rem;
  }
  .box1-package {
    height: 100%;
    padding: 20px;
    min-height: 35rem;
  }
  .box2-package {
    height: 100%;
    padding: 20px;
    min-height: 40rem;
  }
  .box3-package {
    height: 100%;
    padding: 20px;
    border-radius: 8px;
    background-color: #fff2cc;
    min-height: 45rem;
  }
  .stars {
    height: 1.8rem;
  }
  .quote {
    height: 2.4rem;
  }
  .name {
    font-size: 1.4rem;
    font-weight: 600;
  }
  .img-character {
    height: 3.6rem;
  }
  .testiomonials-container {
    padding: 4.8rem;
    row-gap: 3.2rem;
    column-gap: 4.2rem;
  }
  .section6Title {
    font-size: 1.6rem;
    text-align: center;
  }

  .section6Subtitle {
    text-align: center;
    font-size: 3.4rem;
  }
  .section6info {
    font-size: 1.8rem !important;
  }
  .buttonSection6 {
    padding: 1.6rem 1.8rem !important;
    font-size: 1.6rem !important;
    font-weight: 600 !important;
  }

  .buttonSection3 {
    padding: 1.6rem 2.2rem;
    font-size: 1.6rem;
  }
  .copyright {
    font-size: 1rem;
  }
  .footer-heading {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 3rem;
  }
  .footer-link:link,
  .footer-link:visited {
    font-size: 1.2rem;
  }
  .slime {
    padding-bottom: 5rem;
  }

  #accountContent {
    max-width: 70rem;
    padding: 0 3rem;
    margin: 0;
  }

  #accountContent-card {
    background: white;
    border-radius: 20px;
    padding: 3rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
  }

  .button-group button {
    flex: 1;
    min-width: 12rem;
    padding: 1.5rem 1.6rem;
    font-size: 1.4rem;
    font-weight: 600;
    border-radius: 12px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* Register and Login Forms Mobile Styles */
  .registerContainer {
    grid-template-columns: 1fr !important;
    max-width: 90%;
    margin: 2rem auto;
    gap: 0;
    justify-content: center;
  }

  .registerFormContainer {
    padding: 3.2rem 2rem !important;
    text-align: center;
  }

  .authImage {
    display: none !important;
  }

  .register-section {
    padding: 2rem 1rem !important;
  }
  .MessageSuccesBox {
    height: auto;
    width: 35rem;
    top: 30%;
    left: 50%;
  }
  .succesTtile {
    font-size: 2.6rem;
  }
  .messageItsSelf {
    font-size: 1.8rem;
  }
  .resFormItself {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 1.4rem;
  }
  .section-reservation {
    padding: 0 2.4rem 4.8rem 2.4rem;
  }
  .reservationS {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    /* padding: 4.8rem 0rem 4.8rem 0rem; */
  }
}


@media (max-width: 47.5em) and (max-height: 480px) {
  .box-container {
    display: grid !important;
    grid-template-columns: 1fr !important; /* UNA SUB ALTA */
    gap: 2rem !important;
    padding: 0 1.5rem;
  }

  .box-pack {
    width: 100% !important;
    max-width: none !important;
  }

  .box1-package,
  .box2-package,
  .box3-package {
    height: auto !important;
    min-height: auto !important;
  }
  .planetPhoto img {
    transform: scale(0.8) !important; /* micșorat la 80% */
    transform-origin: center top;
  }
}


/* TABLETE – între 768px și 1180px → păstrează 3 coloane */
@media (min-width: 48em) and (max-width: 74em) {
  .planetPhoto {
    position: relative;
    top: -30px !important; /* ajustezi cât vrei */
  }
  .box1-package {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .box-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 2.4rem !important;
  }

  .box-pack {
    width: 100% !important;
    max-width: none !important;
  }

  /* lasă înălțimea naturală */
  .box1-package,
  .box2-package,
  .box3-package {
    height: auto !important;
    min-height: auto !important;
  }
}

/* iPad Air – Landscape (1180px) – adaugă padding lateral */
@media (min-width: 73.5em) and (max-width: 75em) {
  .box-container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (max-width: 48em) {
  .reservation-filters {
    /* display: grid;
    grid-template-columns: 1fr;
    column-gap: 1.6rem;
    padding: 2.4rem; */
    /* justify-items: center; */
    display: none;
  }

  .hiddenDesktop {
    display: inline-block;
  }
  .Evenimente {
    gap: 4rem;
    padding: 1.6rem 2.4rem;
  }
  .reservation-filters-mobile {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 1.6rem;
    padding: 2.4rem;
    justify-items: center;
    max-width: 30rem;

    /* justify-items: center; */
  }
  .evenimenteTotal {
    grid-template-columns: 1fr;
    row-gap: 3.6rem;
  }
  .eventsTtitle {
    font-size: 2rem;
  }
  .filter-btn {
    padding: 1.2rem 2.4rem;
    border: none;
    border-radius: 1.6rem;
    /* background-color: #fff; */
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s ease;
    font-size: 1.6rem;
    width: 100%;
  }
  .deleteAllBtn {
    max-width: 100% !important;
  }
  .btn-mobile-nav {
    display: block;
    z-index: 9999;
  }

  /* Hide desktop button, show mobile button */
  .nav-cta-desktop {
    display: none !important;
  }

  .nav-cta-mobile {
    display: block;
  }

  .main-nav {
    background: linear-gradient(135deg, #7678ed 0%, #ff69b4 100%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transform: translateX(100%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in;
    z-index: 9998;

    /* Hide navigation */
    /* Allows NO transitions at all */
    /* display: none; */

    /* 1) Hide it visually */
    opacity: 0;

    /* 2) Make it unaccessible to mouse and keyboard */
    pointer-events: none;

    /* 3) Hide it from screen readers */
    visibility: hidden;
  }

  .nav-open .main-nav {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
    z-index: 9998;
    overflow: hidden;
  }

  .icon-mobile-nav[name="close-outline"] {
    display: none;
  }

  .nav-open .icon-mobile-nav[name="close-outline"] {
    display: inline-block;
  }

  .nav-open .icon-mobile-nav[name="menu-outline"] {
    display: none;
  }

  .main-nav-list {
    flex-direction: column;
    gap: 4rem;
    text-align: center;
  }

  .main-nav-link:link,
  .main-nav-link:visited {
    font-size: 3rem;
  }

  /* Style the mobile button */
  .nav-cta-mobile .nav-cta {
    font-size: 2.5rem;
    padding: 1.5rem 3rem;
    margin-top: 2rem;
  }

  .btn-mobile-nav {
    justify-self: self-end;
    margin-right: 3.6rem;
  }
  .header {
    grid-template-columns: 1fr auto;
  }
  .icon-mobile-nav {
    height: 4.8rem;
    width: 4.8rem;
    color: #fff;
  }
  .main-nav-link:link,
  .main-nav-link:visited,
  .btn,
  .btn-nav:link,
  .btn-nav:visited {
    font-size: 2.4rem;
  }
  .nav-cta {
    margin: 0 auto;
  }
  .logo {
    height: 8rem;
  }
  .header {
    max-height: 9rem;
  }
  .sticky .main-nav-link:link,
  .sticky .main-nav-link:visited {
    font-size: 2.4rem !important;
  }
  .sticky .btn,
  .sticky .btn-nav:link,
  .sticky .btn-nav:visited {
    font-size: 1.2rem;
  }
  .btn-hero {
    font-size: 1.8rem !important;
  }
  .sticky .logo {
    height: 7rem;
  }

  .btn--full:link,
  .btn--full:visited {
    font-size: 1.8rem;
    padding: 1.4rem 2.8rem;
  }

  .buttonSection3 {
    padding: 1.4rem 2.8rem;
    font-size: 1.8rem;
  }
  .sticky .btn,
  .sticky .btn-nav:link,
  .sticky .btn-nav:visited {
    font-size: 1.2rem;
  }

  .box-container {
    gap: 3.2rem;
  }
  .nav-cta-mobile .nav-cta {
    font-size: 2.5 rem !important;
    padding: 1.5rem 3rem;
    /* margin-top: 2rem; */
    /* margin: 0 auto; */
    justify-content: center;
    font-size: 2.4rem !important;
    margin: 0 auto !important;
  }
  .sticky .btn,
  .sticky .btn-nav:link,
  .sticky .btn-nav:visited {
    font-size: 1.2rem;
    font-size: 2.5rem !important;
    padding: 1.5rem 3rem;
    /* margin-top: 2rem; */
    /* margin: 0 auto; */
    justify-content: center;
    font-size: 2.4rem !important;
    margin: 0 auto !important;
    border-radius: 1.6rem;
  }

  .btn--full:link,
  .btn--full:visited {
    border-radius: 2.4rem;
    padding: 1.6rem 3.2rem;
  }
  .btn-hero {
    font-size: 2.4rem;
  }
  .buttonSection6 {
    font-size: 1.6rem !important;
  }
}

@media (max-width: 45em) {
  /* Hero Section */

  .buttonSection6 {
    font-size: 1.6rem !important;

    border-radius: 1.6rem;
  }
  .section-hero {
    padding-top: 2.4rem;
  }

  .hiddenDesktop {
    display: inline-block;
  }
  .despreMine-img-cont {
    grid-row: 2/3 !important;
  }

  .hero-images {
    display: none;
  }
  .photoSection3 {
    display: block !important;
  }
  .heading-despreMine {
    font-size: 3rem !important;
  }
  .despreMine {
    padding: 0;
  }
  .hero,
  .despreMine {
    grid-template-columns: 1fr;
    /* padding: 0 2rem; */
    /* margin-bottom: 6.4rem; */
    gap: 3.2rem;
    padding: 0 2.4rem;
  }
  .despreMine {
    margin-bottom: 0;
    padding: 0rem;
  }
  .hero-text {
    grid-row: 2/3;
    margin-bottom: 4.8rem;
  }

  .hero-description {
    font-size: 2.2rem;
  }

  .heading-principal {
    font-size: 4.8rem;
  }

  .container-hero-images {
    column-gap: 1rem;
    row-gap: 0.5rem;
    max-width: 32rem;
    margin: 0 auto;
    padding: 0 1rem;
  }

  .img-1 {
    height: 10rem;
  }
  .img-2 {
    height: 8rem;
  }
  .img-4 {
    height: 12rem;
  }

  /* Buttons */
  .btn--full:link,
  .btn--full:visited {
    font-size: 2rem;
    padding: 2rem 3.6rem;
    text-align: center;
    display: block;
    margin: 0 auto;
  }

  .buttonSection3 {
    padding: 2.4rem 4.8rem;
    font-size: 2rem;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  /* Main Container */
  .container {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    padding-bottom: 9.6rem;
  }

  /* Gallery arrows */
  .right-arrow,
  .left-arrow {
    position: absolute;
    top: 50%;
    font-size: 3.6rem;
    color: #fff;
    cursor: pointer;
  }

  .right-arrow {
    right: 1%;
  }

  .left-arrow {
    left: 1%;
  }

  .full-img img {
    width: 70%;
    max-height: 80%;
  }

  /* Section 3 */
  .section3-text {
    grid-row: 1/2;
    margin-bottom: 0;
  }

  .heading-secondary {
    font-size: 2.8rem;
    line-height: 1.2;
  }

  .descriptionSection3 {
    font-size: 1.8rem;
  }

  .subbheading {
    font-size: 1.8rem;
  }

  /* Section 4 */
  .subtitleSection4Text {
    font-size: 3rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    line-height: 1.5;
  }

  .titleSection4Text {
    margin-bottom: 2rem;
  }

  .planetPhoto img {
    position: absolute;
    width: 100px;
    height: auto;
  }

  .booksPhoto img {
    width: 6rem;
  }

  /* Box Container */
  .box-container {
    display: grid;
    grid-template-columns: 1fr;
    padding-top: 5.6rem;
    row-gap: 4rem;
    justify-items: center;
  }

  .box-pack {
    max-width: 29rem;
    gap: 2.2rem;
  }

  /* Section 6 - Last section with stars */
  .section6Text {
    font-size: 4rem;
    padding: 6rem 0 2rem 0;
  }

  .section6Title {
    font-size: 1.4rem;
  }

  .section6Subtitle {
    font-size: 2.4rem;
    line-height: 1.2;
  }

  /* Adjust decorative stars to prevent overlap */
  .yellowStars1 {
    left: -1rem;
    top: -1rem;
    transform: scale(0.7);
  }

  .yellowStars2 {
    right: -1rem;
    top: -2rem;
    transform: scale(0.7);
  }

  /* Ensure section6-photos container has enough space */
  .section6-photos {
    margin-top: 0rem;
    padding: 0 1rem;
    z-index: 999;
  }

  /* Testimonials */
  .testiomonials-container {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
    padding: 2.4rem 1.6rem;
  }

  .testimonial {
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
  }

  .testimonials-message {
    text-align: center;
    margin-bottom: 3.2rem;
  }

  /* Footer */
  .grid--footer {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 3.2rem;
  }

  .logo-col {
    grid-row: 4/5;
  }

  .col {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .footerheading {
    text-align: center;
  }

  .footer-nav {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
  }

  .footer-link:link,
  .footer-link:visited {
    text-align: center;
    display: block;
  }
  .buttonSection6 {
    padding: 2.4rem 4.8rem;
    font-size: 2rem;
  }

  .buttonSection3 {
    padding: 2.4rem 4.8rem;
    font-size: 2rem;
  }

  .buttonS6 {
    font-size: 1.4rem !important;
    font-weight: 400 !important;
    padding: 1.2rem 4.8rem !important;
  }
}