@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Manrope:wght@300;500;600;700&display=swap");
@import url("css/site/base.css");
@import url("css/site/figma-hero.css");
@import url("css/site/review.css");
@import url("css/site/sections.css");
@import url("css/site/figma-trial.css");
@import url("css/site/figma-about.css");
@import url("css/site/figma-offline.css");
@import url("css/site/figma-teachers.css");
@import url("css/site/figma-discount-banner.css");
@import url("css/site/figma-courses.css");
@import url("css/site/figma-learning.css");
@import url("css/site/figma-reviews.css");
@import url("css/site/figma-faq.css");
@import url("css/site/figma-enroll.css");

html,
body {
  overflow-x: hidden;
}

/* Figma landing: outer containers should span the full viewport width. */
.wrapper,
.folio-desktop,
.top-bar--folio,
.top-bar-inner--folio,
.hero-folio,
.hero-shell,
.hero-banner,
.about-figma,
.about-figma__inner,
section#courses.courses-figma,
section#courses.courses-figma .courses-figma__inner,
section#enroll.enroll-figma,
section#enroll.enroll-figma .enroll-figma__inner,
section#enroll.enroll-figma .footer-figma__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}

.hero-banner,
.about-figma__inner,
 .trial-steps.trial-steps--figma .trial-steps-figma,
 .offline-figma__inner,
 section#teachers.teachers-figma .teachers-figma__inner,
 .discount-banner-figma__inner,
 .learning-figma__inner,
section#courses.courses-figma .courses-figma__inner,
 section#reviews.reviews-figma .reviews-figma__inner,
 section#faq.faq-figma .faq-figma__inner,
section#enroll.enroll-figma .enroll-figma__inner,
section#enroll.enroll-figma .footer-figma__inner {
  margin-left: 0;
  margin-right: 0;
}

.trial-steps.trial-steps--figma .trial-steps-figma,
.offline-figma__inner,
section#teachers.teachers-figma .teachers-figma__inner,
.discount-banner-figma__inner,
.learning-figma__inner,
section#reviews.reviews-figma .reviews-figma__inner,
section#faq.faq-figma .faq-figma__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}

.hero-shell {
  padding-left: 0;
  padding-right: 0;
}

.trial-steps.trial-steps--figma,
.discount-banner-figma,
.learning-figma,
section#reviews.reviews-figma,
section#faq.faq-figma,
section#enroll.enroll-figma {
  overflow-x: clip;
}