@font-face {
  font-family: Icons Book Template;
  src: url('../fonts/icons-book-template.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --neutral-700: #626262;
  --neutral-800: #222;
  --primary-1: #f8cd5f;
  --neutral-200: #f9f8f4;
  --neutral-600: #919191;
  --neutral-500: #cecece;
  --neutral-400: #e9e9e9;
  --neutral-300: #f1edde;
  --neutral-100: white;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--neutral-700);
  font-family: Neuton, sans-serif;
  font-size: 1.125rem;
  line-height: 1.667em;
}

h1 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: .875rem;
  font-family: Manrope, sans-serif;
  font-size: 3.25rem;
  font-weight: 800;
  line-height: 1.269em;
}

h2 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Manrope, sans-serif;
  font-size: 2.375rem;
  font-weight: 800;
  line-height: 1.289em;
}

h3 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: .9375rem;
  font-family: Manrope, sans-serif;
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.417em;
}

h4 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Manrope, sans-serif;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.273em;
}

h5 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.333em;
}

h6 {
  color: var(--neutral-800);
  margin-top: 0;
  margin-bottom: .625rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375em;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--neutral-800);
  line-height: 1.111em;
  text-decoration: underline;
  transition: color .35s;
}

a:hover {
  color: var(--primary-1);
}

ul, ol {
  margin-top: 0;
  margin-bottom: .625rem;
  padding-left: 2.5rem;
}

li {
  margin-bottom: .9375rem;
  line-height: 1.111em;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--neutral-800);
  margin-bottom: 1.25rem;
  font-family: Manrope, sans-serif;
  font-weight: 800;
  line-height: 1.333em;
}

strong {
  color: var(--neutral-800);
  font-weight: 700;
}

blockquote {
  background-color: var(--neutral-200);
  color: var(--neutral-800);
  text-align: center;
  background-image: url('../images/line-quote-book-template.svg');
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: auto;
  border-left: 0 solid #000;
  border-radius: .5rem;
  padding: 3.1875rem 3.0625rem 4.75rem;
  font-size: 1.5rem;
  line-height: 1.417em;
}

figure {
  margin-bottom: .625rem;
}

figcaption {
  text-align: center;
  margin-top: .3125rem;
}

.mg-top-8px {
  margin-top: .5rem;
}

.mg-bottom-8px {
  margin-bottom: .5rem;
}

.mg-top-24px {
  margin-top: 1.5rem;
}

.mg-top-32px {
  margin-top: 2rem;
}

.mg-bottom-32px {
  margin-bottom: 2rem;
}

.mg-top-40px {
  margin-top: 2.5rem;
}

.flex {
  display: flex;
}

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

.bg-primary-1 {
  background-color: var(--primary-1);
}

.bg-neutral-800 {
  background-color: var(--neutral-800);
}

.bg-neutral-600 {
  background-color: var(--neutral-600);
  color: var(--neutral-600);
}

.bg-neutral-500 {
  background-color: var(--neutral-500);
}

.bg-neutral-400 {
  background-color: var(--neutral-400);
}

.bg-neutral-300 {
  background-color: var(--neutral-300);
}

.bg-neutral-200 {
  background-color: var(--neutral-200);
}

.bg-neutral-100 {
  background-color: var(--neutral-100);
}

.styleguide-sidebar {
  z-index: 2;
  flex: 0 14em;
  height: 100%;
  min-height: 96vh;
  margin-right: 1rem;
  position: sticky;
  top: 2rem;
}

.container-default {
  max-width: 79.375rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container-default.blog-hero {
  z-index: 1;
  position: relative;
}

.container-default.blog-post {
  margin-bottom: 5.5625rem;
}

.styleguide-content {
  background-color: #fff;
  border-radius: .5rem;
  flex: 1;
  max-width: 100%;
  margin-left: 1.125rem;
  box-shadow: 0 8px 1.125rem #2d2d2d0f;
}

.styleguide-seccion {
  padding-top: 5.375rem;
  padding-bottom: 5.375rem;
}

.styleguide-title {
  margin-top: 0;
}

.styleguide-header {
  background-color: var(--neutral-100);
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
  padding: 6.25rem 4.25rem;
}

.sidebar-navigation {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.styleguide-icon-link {
  background-color: var(--neutral-800);
  border-radius: .1875rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin-right: 1rem;
  transition: background-color .25s;
  display: flex;
}

.styelguide-sidebar-icon {
  width: 60%;
}

.styleguide-link {
  color: var(--neutral-700);
  border-radius: .25rem;
  align-items: center;
  padding: .75rem 1.25rem;
  text-decoration: none;
  transition: background-color .36s, color .35s;
  display: flex;
}

.styleguide-link:hover {
  background-color: var(--primary-1);
  color: var(--neutral-800);
  border-radius: .1875rem;
}

.styleguide-link.w--current {
  background-color: var(--primary-1);
  color: var(--neutral-800);
  font-weight: 700;
  transition: color .3s, background-color .3s;
}

.styleguide-link-wrapper {
  margin-bottom: .5rem;
}

.styleguide-sidebar-title {
  border-bottom: .0625rem solid var(--neutral-500);
  color: var(--neutral-800);
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.375rem;
  line-height: 1.5rem;
}

.styleguide-sidebar-title.middle {
  border-top: .0625rem solid var(--neutral-500);
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.color-primary-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.color-container {
  background-color: #fff;
  border-radius: .1875rem;
  box-shadow: 0 8px 1.125rem #2d2d2d0f;
}

.color-block {
  border-top-left-radius: .1875rem;
  border-top-right-radius: .1875rem;
  min-height: 7.5rem;
}

.color-block.bg-primary-1 {
  background-color: var(--primary-1);
}

.color-content {
  padding: 1.375rem 1rem 1.5rem;
}

.color-title {
  color: var(--neutral-800);
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.25rem;
}

.color-hex {
  color: var(--neutral-700);
  line-height: 1.25rem;
}

.styleguide-subtitle {
  margin-top: 0;
}

.color-content-wrapper {
  padding-bottom: 3.5rem;
}

.color-content-wrapper.last {
  padding-bottom: 0;
}

.color-neutral-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: 1fr 1fr 1fr;
}

.typography-container {
  border-bottom: .0625rem solid var(--neutral-400);
  padding-top: 3.375rem;
  padding-bottom: 3.375rem;
}

.container-small-left {
  max-width: 37rem;
  padding-right: 1.5rem;
}

.typography-details {
  color: var(--neutral-800);
  margin-top: 1.25rem;
  font-weight: 700;
}

.paragraph-large {
  font-size: 1.375rem;
  line-height: 1.545em;
}

.paragraph-large.home-hero {
  max-width: 33.25rem;
  margin-bottom: 3rem;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5em;
}

.paragraph-large.about-hero {
  margin-bottom: 2rem;
}

.paragraph-large.blog-post-excerpt {
  max-width: 40.875rem;
}

.paragraph-large.contact {
  margin-bottom: 2.9375rem;
}

.paragraph-large._404 {
  margin-bottom: 2.5rem;
}

.styleguide-subheader {
  background-color: var(--neutral-200);
  padding: 3.5rem 4.25rem;
}

.styleguide-content-wrapper {
  padding: 6.875rem 4.25rem;
}

.icons-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 5rem);
}

.buttons-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.button-primary {
  color: var(--neutral-100);
  text-align: center;
  transform-style: preserve-3d;
  background-color: #00bae0;
  border-radius: .1875rem;
  padding: 1.5rem 2.5rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.125em;
  transition-property: transform;
  transition-duration: .35s;
}

.button-primary:hover {
  color: var(--neutral-100);
  transform: scale3d(.96, .96, 1.01);
}

.button-primary.small {
  padding: .875rem 2rem;
  font-size: 1rem;
  line-height: 1.125rem;
}

.button-primary.large {
  padding: 1.25rem 4.25rem;
  font-size: 1.375rem;
  line-height: 1.5rem;
}

.button-primary.full-width {
  align-self: stretch;
  display: block;
}

.button-primary._2-buttons {
  color: var(--neutral-100);
  background-color: #00bce7;
  margin-right: 1.5rem;
}

.button-primary.header-button {
  color: var(--neutral-100);
  background-color: #00bce7;
  padding: .875rem 2rem;
  font-size: 1rem;
}

.button-primary.store-book-add-cart {
  display: block;
}

.button-primary.store-book-add-cart:hover {
  transform: scale(.97);
}

.button-primary.book-add-cart {
  display: block;
}

.button-primary.book-add-cart:hover {
  transform: scale(.98);
}

.button-primary.order-summary {
  margin-top: .625rem;
  margin-bottom: 0;
}

.button-primary.discount-code {
  height: auto;
  margin-left: 0;
  padding: 1.25rem 1rem;
  display: block;
}

.button-primary.header-button-mobile {
  padding: .875rem 2rem;
  font-size: 1rem;
  line-height: 1.125rem;
}

.button-primary.cart-checkout {
  margin-top: .9375rem;
}

.button-primary.password {
  align-self: stretch;
  display: block;
}

.button-primary.password:hover {
  transform: scale(.97);
}

.button-primary.empty-cart {
  margin-top: 2.5rem;
}

.button-secondary {
  border: .0625rem solid var(--neutral-500);
  background-color: var(--neutral-100);
  color: var(--neutral-800);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: .1875rem;
  padding: 1.5rem 2.5rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  line-height: 1.125em;
  transition: transform .35s, border-color .35s, background-color .35s;
}

.button-secondary:hover {
  border-color: var(--primary-1);
  background-color: var(--primary-1);
  color: var(--neutral-800);
  transform: scale3d(.96, .96, 1.01);
}

.button-secondary.small {
  padding: .875rem 2rem;
  font-size: 1rem;
  line-height: 1.125rem;
}

.button-secondary.large {
  padding: 1.25rem 4.25rem;
  font-size: 1.375rem;
  line-height: 1.5rem;
}

.button-secondary._2-buttons {
  border-color: #ed184a;
}

.button-secondary._2-buttons:hover {
  background-color: #0000;
  border-width: 2px;
  border-color: #00bce7;
}

.button-secondary.book-buy-now {
  margin-top: 0;
}

.button-secondary.book-buy-now:hover {
  transform: scale(.98);
}

.styleguide-button-container {
  margin-top: 3rem;
}

.cards-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
}

.header {
  background-color: #0000;
  padding-top: 1.5rem;
}

.header-logo {
  width: 7.5rem;
}

.header-navigation {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.nav-item-wrapper {
  margin-bottom: 0;
  margin-right: 2.5rem;
}

.nav-item-wrapper.mobile {
  display: none;
}

.nav-link {
  font-family: Manrope, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.footer {
  padding-bottom: 2.0625rem;
  display: none;
}

.footer-grid {
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
}

.footer-logo-container {
  transform-style: preserve-3d;
  margin-top: -.1875rem;
  margin-bottom: 1.25rem;
  transition-property: transform;
}

.footer-logo-container:hover {
  transform: scale3d(.96, .96, 1.01);
}

.footer-logo {
  width: 9.0625rem;
}

.exercises-hero {
  background-color: var(--neutral-200);
  border-bottom: 1px solid #ed184a;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.exercises-hero.ch-2 {
  border-bottom-width: 10px;
  border-bottom-color: #72ae65;
}

.exercises-hero.ch-1 {
  border-bottom-width: 10px;
  border-bottom-color: #e58f55;
}

.exercises-hero.ch-3 {
  border-bottom-width: 10px;
  border-bottom-color: #cfbd5d;
}

.exercises-hero.ch-4 {
  border-bottom-width: 10px;
  border-bottom-color: #7bbce0;
}

.exercises-hero.ch-5 {
  border-bottom-width: 10px;
  border-bottom-color: #965f64;
}

.exercises-hero.ch-6 {
  border-bottom-width: 10px;
  border-bottom-color: #e26968;
}

.section {
  padding-top: 11.25rem;
  padding-bottom: 11.25rem;
}

.section.home-hero {
  padding-top: 6.1875rem;
  padding-bottom: 13.5625rem;
  overflow: hidden;
}

.section.home-companies {
  background-color: var(--neutral-200);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section.home-about {
  padding-top: 8.25rem;
  padding-bottom: 8.25rem;
  overflow: hidden;
}

.section.cta {
  padding-top: 0;
  padding-bottom: 6.25rem;
}

.section.testimonials {
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
  overflow: hidden;
}

.section.home-book-chapters {
  background-color: var(--neutral-200);
  overflow: hidden;
}

.section.about-hero {
  padding-top: 7.25rem;
  padding-bottom: 9.8125rem;
  position: relative;
  overflow: hidden;
}

.section.story {
  padding-top: 14.75rem;
  padding-bottom: 16.4375rem;
}

.section.about-books {
  background-color: var(--neutral-200);
  padding-bottom: 12.5rem;
}

.section.more-content {
  padding-top: 12.5rem;
  padding-bottom: 14.9375rem;
}

.section.about-social-media {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.section.blog-hero {
  padding-top: 7.5625rem;
  padding-bottom: 7.9375rem;
  position: relative;
  overflow: hidden;
}

.section.blog-newsletter {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.section.blog-post {
  padding-top: 7.0625rem;
  position: relative;
  overflow: hidden;
}

.section.blog-post-latest-articles {
  padding-top: 10rem;
  padding-bottom: 6.25rem;
}

.section.store {
  padding-top: 7.5rem;
  padding-bottom: 10.875rem;
}

.section.more-stores {
  background-color: var(--neutral-200);
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.section.book {
  padding-top: 7.5rem;
  padding-bottom: 8.3125rem;
}

.section.book-ecommerce-features {
  background-color: var(--neutral-200);
  padding-top: 7.375rem;
  padding-bottom: 6.5625rem;
}

.section.contact {
  padding-top: 10.5rem;
  padding-bottom: 10rem;
  overflow: hidden;
}

.section.faqs {
  background-color: var(--neutral-200);
  padding-top: 12.5rem;
  padding-bottom: 12.5rem;
}

.section.store-category {
  padding-top: 7.5rem;
  padding-bottom: 10.875rem;
}

.section.blog-category {
  padding-top: 6.25rem;
}

.section.short {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.utility-page-wrap {
  background-color: var(--neutral-200);
  justify-content: center;
  align-items: center;
  min-height: 50rem;
  padding: 3.75rem 1.5rem;
  display: flex;
}

.utility-page-content-password {
  background-color: var(--neutral-100);
  text-align: center;
  border-radius: .5rem;
  flex-direction: column;
  width: 100%;
  max-width: 36.25rem;
  padding: 4.5rem 3.125rem;
  display: flex;
  box-shadow: 0 8px 1.125rem #2d2d2d0f;
}

.utility-page-form {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.input {
  border-style: solid;
  border-width: 0 0 .0625rem;
  border-color: black black var(--neutral-600);
  height: 3.25rem;
  color: var(--neutral-800);
  background-color: #0000;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7em;
  transition: border-color .35s, color .35s;
}

.input:hover {
  border-bottom-color: var(--primary-1);
}

.input:focus {
  border-bottom-color: var(--neutral-800);
  color: var(--neutral-800);
}

.input::placeholder {
  color: var(--neutral-600);
}

.input.password {
  margin-bottom: 1.25rem;
}

.input.footer-newsletter {
  padding-right: 2.1875rem;
  font-size: 1rem;
  line-height: 1.375em;
}

.input.footer-newsletter::placeholder {
  color: var(--neutral-700);
}

.input.blog-newsletter {
  padding-right: 2.1875rem;
  font-size: 1rem;
  line-height: 1.375em;
}

.input.blog-newsletter::placeholder {
  color: var(--neutral-700);
}

.input.checkout {
  border-radius: 0;
  height: 2.625rem;
  margin-bottom: 1rem;
}

.input.checkout.discount-code {
  flex: none;
  margin-bottom: 1.25rem;
}

._404-title {
  color: var(--primary-1);
  font-size: 11.25rem;
  font-weight: 700;
  line-height: 10rem;
}

.container-medium-1000px {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container-medium-1000px.changelog {
  margin-top: -12rem;
}

.divider {
  background-color: var(--neutral-400);
  width: 100%;
  height: .0625rem;
}

.divider.utility-pages {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.divider.header-divider {
  margin-top: 1.5rem;
}

.divider.book-right {
  background-color: var(--neutral-500);
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.paragraph-small {
  font-size: .875rem;
  line-height: 1.357em;
}

.bg-neutral-700 {
  background-color: var(--neutral-700);
}

.home-hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.split-content.home-hero-left {
  z-index: 1;
  max-width: 54%;
  margin-right: 2.5rem;
  position: relative;
}

.split-content.home-hero-right {
  justify-content: center;
  max-width: 29.5625rem;
  display: flex;
  position: relative;
}

.split-content.home-about-left {
  justify-content: center;
  align-items: center;
  max-width: 29.1875rem;
  margin-right: 5rem;
  display: flex;
  position: relative;
}

.split-content.home-about-right {
  z-index: 1;
  max-width: 50%;
  position: relative;
}

.split-content.testimonials-left {
  z-index: 1;
  width: 100%;
  max-width: 26rem;
  margin-right: 2.5rem;
  position: relative;
}

.split-content.testimonials-right {
  max-width: 45.5rem;
  position: relative;
}

.split-content.about-hero-left {
  align-items: center;
  max-width: 37.375rem;
  margin-right: 2.5rem;
  display: flex;
  position: relative;
}

.split-content.about-hero-right {
  max-width: 45%;
}

.split-content.story-left {
  flex-direction: column;
  align-items: center;
  max-width: 35.875rem;
  margin-top: 2.4375rem;
  margin-right: 2.5rem;
  display: flex;
  position: relative;
}

.split-content.story-right {
  flex-direction: column;
  align-items: center;
  max-width: 35.875rem;
  display: flex;
  position: relative;
}

.split-content.about-social-media-left {
  max-width: 34rem;
  margin-right: 2.5rem;
}

.split-content.about-social-media-right {
  width: 100%;
  max-width: 23.3125rem;
}

.split-content.blog-newsletter-left {
  max-width: 32.5625rem;
  margin-right: 2.5rem;
}

.split-content.blog-post-main-content {
  max-width: 61%;
  margin-right: 2.5rem;
}

.split-content.blog-post-author {
  align-items: center;
  text-decoration: none;
  display: flex;
}

.split-content.book-right {
  max-width: 35.25rem;
}

.split-content.contact-left {
  max-width: 29.75rem;
}

.split-content.contact-right {
  width: 100%;
  max-width: 43.5625rem;
  position: relative;
}

.split-content.checkout-left, .split-content.checkout-right {
  flex-grow: 1;
}

.split-content.header-right {
  align-items: center;
  display: flex;
}

.accent-strikethrough-text {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/bg-text-book-template.svg');
  background-position: 50% 90%;
  background-repeat: no-repeat;
  background-size: auto;
  background-clip: content-box;
}

.subtitle-wrapper {
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.subtitle-wrapper.home-hero {
  margin-bottom: 2rem;
}

.accent {
  background-color: var(--primary-1);
  width: 1.3125rem;
  height: .15625rem;
  margin-right: .625rem;
}

.accent.blog-post-item-read {
  width: .8125rem;
  height: .09375rem;
  margin-right: .8125rem;
}

.subtitle {
  color: var(--neutral-800);
  font-family: Manrope, sans-serif;
  font-size: 2rem;
  line-height: 1.154em;
}

._2-buttons {
  display: flex;
}

._2-buttons._404 {
  justify-content: center;
}

.image.home-hero {
  z-index: 1;
  border-radius: .625rem;
  position: relative;
  box-shadow: 0 4px 2.125rem #0000000f;
}

.image.home-company-logo {
  margin-bottom: .9375rem;
}

.image.home-about {
  z-index: 1;
  border: 1px solid #ccc;
  border-radius: .375rem;
  position: relative;
}

.image.card-testimonial-about {
  border-radius: 62.5rem;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  margin-right: .75rem;
}

.image.about-hero {
  z-index: 1;
  position: relative;
}

.image.about-hero-feature {
  margin-right: .8125rem;
}

.image.story-left {
  z-index: 1;
  position: relative;
}

.image.story-right {
  z-index: 1;
  margin-bottom: 8rem;
  position: relative;
}

.image.about-book {
  width: 100%;
}

.image.blog-post {
  z-index: 1;
  border-radius: .5rem;
  position: relative;
}

.image.stores {
  width: 100%;
}

.image.book {
  max-width: 49%;
  margin-right: 2.5rem;
}

.image.book-ecommerce-feature {
  margin-bottom: 1.4375rem;
}

.image.order-item-image, .image.cart-item-image {
  width: auto;
  height: auto;
}

.bg {
  position: absolute;
}

.bg.home-hero {
  max-width: 138%;
  bottom: -8.125rem;
}

.bg.home-book-chapters-1 {
  bottom: -3.75rem;
  left: -3.75rem;
}

.bg.home-book-chapters-2 {
  top: -3.75rem;
  right: -3.75rem;
}

.bg.testimonials-1 {
  top: -3.125rem;
  left: -3.125rem;
}

.bg.testimonials-2 {
  bottom: -5rem;
  right: -3.125rem;
}

.bg.about-hero {
  background-color: var(--neutral-200);
  width: 41%;
  top: 0;
  bottom: 0;
  left: 0;
}

.bg.about-hero-left {
  max-width: 113%;
  bottom: -5.5rem;
  left: -5rem;
}

.bg.story-left {
  bottom: -5.9375rem;
}

.bg.story-right {
  top: -5.9375rem;
}

.bg.blog-hero {
  background-color: var(--neutral-200);
  height: 46rem;
  top: 0;
  left: 0;
  right: 0;
}

.bg.about-author {
  bottom: -5.9375rem;
  right: -7.5rem;
}

.bg.blog-post {
  background-color: var(--neutral-200);
  height: 51.0625rem;
  top: 0;
  left: 0;
  right: 0;
}

.bg.contact-1 {
  bottom: -5.3125rem;
  left: -5.3125rem;
}

.bg.contact-2 {
  top: -5.3125rem;
  right: -5.3125rem;
}

.brand {
  transform-style: preserve-3d;
  margin-top: -.1875rem;
  margin-right: .625rem;
  padding-left: 0;
  transition-property: transform;
  transition-timing-function: ease;
}

.brand:hover {
  transform: scale3d(.96, .96, 1.01);
}

.header-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-companies-wrapper {
  text-align: center;
}

.title.home-companies {
  z-index: 1;
  margin-bottom: 3.5rem;
  font-size: 1.5rem;
  line-height: 1.167em;
  text-decoration: none;
  position: static;
}

.title.home-book-chapter {
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5em;
}

.title.footer-title {
  color: var(--neutral-700);
  letter-spacing: .0625rem;
  text-transform: uppercase;
  margin-bottom: 1.375rem;
  font-size: .875rem;
  font-weight: 500;
  line-height: 1.429em;
}

.title.footer-newsletter {
  font-size: 1.5rem;
  line-height: 1.417em;
}

.title.about-hero {
  margin-bottom: .5rem;
}

.title.card-more-content {
  margin-bottom: .6875rem;
}

.title.about-book {
  max-width: 18.375rem;
  margin-bottom: .5rem;
  font-size: 1.25rem;
  line-height: 1.4em;
}

.title.blog {
  margin-bottom: 2.9375rem;
}

.title.card-blog-post-featured {
  margin-bottom: 1.4375rem;
}

.title.blog-newsletter {
  margin-bottom: .375rem;
}

.title.latest-articles, .title.blog-post-latest-articles {
  margin-bottom: 0;
}

.title.store {
  margin-bottom: 2rem;
}

.title.store-book {
  max-width: 18.375rem;
  margin-bottom: .375rem;
  font-size: 1.5rem;
  line-height: 1.417em;
}

.title.book {
  max-width: 31.125rem;
  margin-bottom: 1rem;
  font-size: 2.375rem;
  line-height: 1.289em;
}

.title.book-ecommerce-feature {
  margin-bottom: .3125rem;
  font-size: 1.5rem;
  line-height: 1.417em;
}

.title.contact {
  margin-bottom: .375rem;
}

.title.faq {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.4em;
}

.title.category, .title.checkout {
  margin-bottom: 0;
  margin-right: .625rem;
}

.title.order-item-title {
  font-family: Manrope, sans-serif;
  font-weight: 800;
  text-decoration: none;
}

.title.cart-item-title {
  margin-bottom: .5rem;
  font-family: Manrope, sans-serif;
  font-weight: 800;
  text-decoration: none;
}

.home-about-wrapper {
  justify-content: space-between;
  align-items: center;
  max-width: 72.6875rem;
  margin-left: auto;
  display: flex;
}

.paragraph {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.5em;
}

.paragraph.home-about {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  line-height: 1.5em;
}

.paragraph.testimonials, .paragraph.cta {
  margin-bottom: 2rem;
}

.paragraph.card-testimonial {
  margin-bottom: .625rem;
}

.paragraph.blog-post-item-paragraph {
  margin-bottom: 1.75rem;
  line-height: 1.667em;
}

.paragraph.footer-main-content-paragraph {
  color: var(--neutral-600);
  margin-bottom: 2.0625rem;
  font-family: Manrope, sans-serif;
}

.paragraph.footer-newsletter {
  margin-bottom: 1.8125rem;
}

.paragraph.more-content {
  max-width: 34rem;
}

.paragraph.card-about-author {
  margin-bottom: 2.1875rem;
}

.paragraph.more-stores {
  max-width: 34.8125rem;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.faq {
  color: var(--neutral-600);
}

.paragraph.password {
  margin-bottom: 2.5rem;
}

.paragraph.cta {
  margin-bottom: 32px;
}

.paragraph.chapter-reference {
  color: #ed184a;
  font-weight: 300;
}

.paragraph.exercise-subhead {
  font-size: 1.8rem;
  font-weight: 300;
}

.container-small-592px {
  max-width: 37rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container-small-592px.home-book-chapters {
  z-index: 1;
  text-align: center;
  margin-bottom: 2.5rem;
  position: relative;
}

.container-small-592px.about-books {
  text-align: center;
  margin-bottom: 2.5rem;
}

.home-book-chapters-wrapper {
  max-width: 66.75rem;
  margin-bottom: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.card {
  background-color: var(--neutral-100);
  border-radius: .375rem;
  overflow: hidden;
  box-shadow: 0 8px 1.125rem #2d2d2d0f;
}

.card.home-book-chapters {
  z-index: 1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 5rem 4.75rem 3rem;
  position: relative;
}

.card.bg-neutral-200 {
  background-color: var(--neutral-200);
  box-shadow: none;
}

.card.bg-neutral-200.testimonial {
  padding: 1.75rem 2.1875rem 2.5rem;
}

.card.bg-neutral-200.cta {
  padding: 4.5rem 1.5rem;
}

.card.bg-neutral-200.footer-newsletter {
  min-width: 15.625rem;
  max-width: 27.125rem;
  padding: 4.4375rem 2.5625rem;
}

.card.bg-neutral-200.more-content {
  padding: 3.5rem 2.25rem 3.4375rem;
}

.card.bg-neutral-200.blog-newsletter {
  justify-content: space-between;
  align-items: center;
  padding: 5rem 3.5rem;
  display: flex;
}

.card.bg-neutral-200.contact-form {
  z-index: 1;
  align-items: center;
  min-height: 33.625rem;
  padding: 4.1875rem;
  display: flex;
  position: relative;
}

.card.bg-neutral-200.checkout-about {
  margin-bottom: 2.5rem;
  padding: 3.75rem 2.5rem;
}

.card.bg-neutral-200.checkout {
  margin-bottom: 2.5rem;
}

.card.bg-neutral-200.checkout.last {
  margin-bottom: 0;
}

.card.bg-neutral-200.order-summary {
  border-radius: 0;
  margin-bottom: 0;
}

.card.bg-neutral-200.cart {
  border-radius: .5rem;
  max-width: 31.25rem;
  overflow: auto;
}

.card.blog-post-featured {
  z-index: 1;
  max-width: 50.3125rem;
  box-shadow: none;
  color: var(--neutral-700);
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-top: -19.25rem;
  padding: 4rem 3rem 3.875rem 3.3125rem;
  text-decoration: none;
  display: block;
  position: relative;
}

.card.about-author {
  z-index: 1;
  padding: 3.75rem;
  display: flex;
  position: relative;
}

.card.stores {
  transition: box-shadow .35s, transform .35s;
  overflow: hidden;
}

.card.stores:hover {
  transform: scale(.96);
  box-shadow: 0 1px .625rem #2d2d2d0f;
}

.card.book-about-tabs-content {
  width: 100%;
  max-width: 52rem;
  margin-left: auto;
  padding: 3.5rem 4.125rem 1.625rem;
  box-shadow: 0 4px .75rem #2d2d2d0f;
}

.card.faq {
  cursor: pointer;
  margin-bottom: 1.25rem;
  padding: 2rem;
  transition: box-shadow .35s, transform .35s;
  overflow: hidden;
}

.card.faq:hover {
  transform: scale(.98);
  box-shadow: 0 1px .625rem #2d2d2d0f;
}

.card.faq.last {
  margin-bottom: 0;
}

.card.default {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3.75rem 3.125rem;
  display: flex;
  box-shadow: 0 8px 1.125rem #2d2d2d33;
}

.card.default:hover {
  color: var(--neutral-800);
}

.card.changelog {
  padding: 3.75rem 3.125rem;
}

.flex-vc {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.testimonials-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.home-book-chapter-wrapper {
  width: 85%;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-book-chapter-number {
  background-color: var(--neutral-300);
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  color: var(--neutral-800);
  border-radius: 62.5rem;
  justify-content: center;
  align-items: center;
  margin-right: 1.25rem;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1em;
  display: flex;
  overflow: hidden;
}

.testimonials-grid {
  z-index: 1;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(22.125rem, 1fr));
  justify-content: end;
  position: relative;
}

.cta-wrapper {
  text-align: center;
  max-width: 35.1875rem;
  margin-left: auto;
  margin-right: auto;
}

.card-testimonial-quote {
  height: 1.875rem;
  color: var(--primary-1);
  margin-bottom: .5rem;
  font-size: 3.375rem;
  line-height: .926em;
}

.card-testimonial-about-wrapper {
  align-items: center;
  display: flex;
}

.card-testimonial-about-name {
  color: var(--neutral-800);
  margin-bottom: .25rem;
  font-family: Manrope, sans-serif;
  font-size: .875rem;
  font-weight: 800;
  line-height: 1.143em;
}

.card-testimonial-about-rol {
  font-size: .875rem;
  line-height: 1.143em;
}

.image-wrapper {
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.image-wrapper.blog-post-item-image-wrapper {
  border-radius: .375rem;
  margin-bottom: 1.5625rem;
}

.image-wrapper.about-book {
  border-radius: .4375rem;
  margin-bottom: 2rem;
  box-shadow: 0 3px 1.375rem #00000012;
}

.image-wrapper.blog-post-author {
  border-radius: 62.5rem;
  width: 4.75rem;
  min-width: 4.75rem;
  height: 4.75rem;
  margin-right: .9375rem;
}

.image-wrapper.card-about-author {
  border-radius: 62.5rem;
  width: 8.0625rem;
  min-width: 8.0625rem;
  height: 8.0625rem;
  margin-right: 2.625rem;
}

.image-wrapper.store-book {
  margin-bottom: 3.25rem;
}

.image-wrapper.order-item-image, .image-wrapper.cart-item-image {
  max-width: 6.25rem;
  margin-right: 1.25rem;
}

.image-wrapper.icon-style-guide {
  background-color: var(--neutral-200);
  border-radius: .1875rem;
  width: 5rem;
  min-width: 5rem;
  height: 5rem;
  padding: .9375rem;
}

.top-content {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.top-content.more-content {
  align-items: center;
  margin-bottom: 2.5rem;
}

.top-content.latest-articles {
  align-items: center;
  margin-bottom: 3rem;
}

.top-content.blog-post {
  z-index: 1;
  align-items: center;
  margin-bottom: 4.125rem;
  position: relative;
}

.top-content.blog-post-latest-articles {
  align-items: center;
  margin-bottom: 2.5rem;
}

.top-content.card-about-author {
  align-items: center;
  margin-bottom: 1.5rem;
}

.top-content.blog-category {
  align-items: center;
  margin-bottom: 3rem;
}

.blog-post-item-wrapper {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.blog-post-item-about-wrapper {
  align-items: center;
  margin-bottom: .9375rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375em;
  display: flex;
}

.blog-post-item-content {
  color: var(--neutral-700);
  flex-direction: column;
  flex: 1;
  text-decoration: none;
  transition-property: none;
  display: flex;
}

.blog-post-item-content:hover {
  color: var(--neutral-700);
}

.blog-post-item-read-wrapper {
  color: var(--neutral-800);
  align-items: center;
  margin-top: auto;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375em;
  display: flex;
}

.blog-post-item-about-divider {
  background-color: var(--neutral-600);
  width: 1.125rem;
  height: .0625rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.blog-post-item-category {
  color: var(--neutral-700);
  line-height: 1.375em;
  text-decoration: none;
}

.footer-wrapper {
  border-top: .0625rem solid var(--neutral-400);
  border-bottom: .0625rem solid var(--neutral-400);
  padding-top: 7.5rem;
  padding-bottom: 5.625rem;
}

.small-print-wrapper {
  color: var(--neutral-600);
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  font-family: Manrope, sans-serif;
  display: flex;
}

.footer-main-content {
  min-width: 18rem;
  max-width: 20.75rem;
}

.footer-social-media-grid {
  grid-column-gap: .6875rem;
  grid-row-gap: .6875rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 2.375rem);
  margin-top: 1rem;
}

.footer-social-media {
  width: 2.375rem;
  min-width: 2.375rem;
  height: 2.375rem;
  color: var(--neutral-100);
  background-color: #00bce7;
  border-radius: 62.5rem;
  justify-content: center;
  align-items: center;
  font-family: Icons Book Template, sans-serif;
  line-height: 1em;
  text-decoration: none;
  transition: background-color .35s, color .35s;
  display: flex;
  overflow: hidden;
}

.footer-social-media:hover {
  background-color: var(--neutral-100);
  color: #00bce7;
  border: 1px solid #00bce7;
}

.footer-social-media.icon-20px {
  font-size: 1.25rem;
}

.footer-social-media.icon-16px {
  font-size: 1rem;
}

.footer-social-media.icon-14px {
  font-size: .875rem;
}

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

.footer-nav-box {
  margin-right: 2.8125rem;
}

.footer-nav-box.last {
  margin-right: 0;
}

.footer-nav-links {
  margin-bottom: 0;
  padding-left: 0;
}

.footer-nav-link-item {
  margin-bottom: 1.125rem;
  line-height: 1.111em;
}

.footer-nav-link {
  color: var(--neutral-800);
  white-space: nowrap;
  font-family: Manrope, sans-serif;
  line-height: 1.111em;
  text-decoration: none;
  display: inline-block;
}

.footer-newsletter-form-box {
  margin-bottom: 0;
}

.footer-newsletter-form {
  display: flex;
  position: relative;
}

.footer-newsletter-submit-button {
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.footer-newsletter-submit-button-wrapper {
  color: var(--neutral-800);
  font-family: Icons Book Template, sans-serif;
  transition: transform .35s;
  position: absolute;
  top: .375rem;
  right: 0;
}

.footer-newsletter-submit-button-wrapper:hover {
  transform: translate(.5rem);
}

.about-hero-wrapper {
  z-index: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.about-hero-features-grid {
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-bottom: 3rem;
}

.about-hero-feature-wrapper {
  color: var(--neutral-800);
  align-items: center;
  font-size: 1.375rem;
  line-height: 1.227em;
  display: flex;
}

.story-wrapper {
  justify-content: space-between;
  display: flex;
}

.story-left-content {
  margin-bottom: 8.5625rem;
}

.more-content-grid {
  grid-column-gap: 1.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.about-social-media-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.about-social-media-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 3.4375rem);
  justify-content: end;
}

.about-social-media-link {
  background-color: var(--primary-1);
  border-radius: 62.5rem;
  justify-content: center;
  align-items: center;
  width: 3.4375rem;
  min-width: 3.4375rem;
  height: 3.4375rem;
  font-family: Icons Book Template, sans-serif;
  font-size: 1.75rem;
  text-decoration: none;
  transition: background-color .35s, color .35s;
  display: flex;
  overflow: hidden;
}

.about-social-media-link:hover {
  background-color: var(--neutral-800);
  color: var(--primary-1);
}

.about-social-media-link.icon-26px {
  font-size: 1.625rem;
}

.about-social-media-link.icon-30px {
  font-size: 1.875rem;
}

.about-social-media-link.icon-24px {
  font-size: 1.5rem;
}

.about-books-grid {
  grid-column-gap: 3.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 65.625rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.about-book-content {
  color: var(--neutral-700);
  margin-bottom: 2.25rem;
  line-height: 1.667em;
}

.about-book-wrapper {
  flex-direction: column;
  display: flex;
}

.blog-grid {
  grid-column-gap: 1.75rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-blog-post-featured-about {
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: .9375rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375em;
  display: flex;
}

.card-blog-post-featured-about-divider {
  background-color: var(--neutral-600);
  width: 1.1875rem;
  height: .0625rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.blog-newsletter-form-box {
  width: 100%;
  max-width: 42%;
  margin-bottom: 0;
}

.blog-newsletter-form {
  display: flex;
  position: relative;
}

.blog-newsletter-submit-button-wrapper {
  color: var(--neutral-800);
  font-family: Icons Book Template, sans-serif;
  transition: transform .35s;
  position: absolute;
  top: .375rem;
  right: 0;
}

.blog-newsletter-submit-button-wrapper:hover {
  transform: translate(.5rem);
}

.blog-newsletter-submit-button {
  background-color: #0000;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0%;
}

.blog-categories-grid {
  grid-column-gap: .5625rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-category-item-wrapper {
  flex-wrap: wrap;
  display: flex;
}

.blog-category-item-link {
  color: var(--neutral-600);
  letter-spacing: .125rem;
  text-transform: uppercase;
  border-radius: .25rem;
  padding: .5rem 1.1875rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375em;
  text-decoration: none;
  transition: background-color .35s, color .35s;
  display: inline-block;
}

.blog-category-item-link:hover, .blog-category-item-link.w--current {
  background-color: var(--primary-1);
  color: var(--neutral-800);
}

.blog-category-item-link.all {
  margin-right: .5625rem;
}

.blog-category-item-link.all.w--current {
  background-color: var(--primary-1);
  color: var(--neutral-800);
}

.container-medium-852px {
  max-width: 53.25rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container-medium-852px.more-stores {
  text-align: center;
  margin-bottom: 2.375rem;
}

.rich-text p {
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.5rem;
}

.rich-text ul {
  max-width: 40rem;
  margin: 1.4375rem auto 1.875rem;
}

.rich-text h3 {
  max-width: 40rem;
  margin: 2.375rem auto .75rem;
}

.rich-text figure {
  margin-top: 2rem;
  margin-bottom: 3.875rem;
}

.rich-text figcaption {
  margin-top: .875rem;
}

.rich-text h4, .rich-text h5 {
  max-width: 40rem;
  margin: 2.375rem auto .75rem;
}

.rich-text ol {
  max-width: 40rem;
  margin: 1.4375rem auto 1.875rem;
}

.rich-text blockquote {
  margin-top: 3.375rem;
  margin-bottom: 3.75rem;
}

.rich-text h6 {
  max-width: 40rem;
  margin: 2.375rem auto .75rem;
}

.rich-text img {
  border-radius: .5rem;
}

.blog-post-latest-articles-grid {
  grid-column-gap: 1.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.blog-post-about-wrapper {
  color: var(--neutral-800);
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.375rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.375em;
  display: flex;
}

.blog-post-about-divider {
  background-color: var(--neutral-600);
  width: 1.1875rem;
  height: .0625rem;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}

.blog-post-about-category {
  text-decoration: none;
}

.blog-post-author-name {
  margin-bottom: .25rem;
  font-family: Manrope, sans-serif;
  font-weight: 800;
}

.blog-post-author-rol {
  color: var(--neutral-600);
}

.about-author-wrapper {
  margin-top: 3.75rem;
  position: relative;
}

.card-about-author-name {
  color: var(--neutral-800);
  margin-bottom: .25rem;
  font-family: Manrope, sans-serif;
  font-size: 1.875rem;
  font-weight: 800;
  line-height: 1.333em;
}

.card-about-author-rol {
  color: var(--neutral-600);
  line-height: 1.222em;
}

.card-about-author-social-media-grid {
  grid-column-gap: .6875rem;
  grid-row-gap: .6875rem;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, 1.875rem);
  justify-content: end;
}

.card-about-author-social-media {
  background-color: var(--primary-1);
  border-radius: 62.5rem;
  justify-content: center;
  align-items: center;
  width: 1.875rem;
  min-width: 1.875rem;
  height: 1.875rem;
  font-family: Icons Book Template, sans-serif;
  font-size: 1rem;
  text-decoration: none;
  transition: background-color .35s, color .35s;
  display: flex;
  overflow: hidden;
}

.card-about-author-social-media:hover {
  background-color: var(--neutral-800);
  color: var(--primary-1);
}

.card-about-author-social-media.icon-14px {
  font-size: .875rem;
}

.store-grid {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.store-book-content {
  color: var(--neutral-700);
  margin-bottom: 2rem;
  line-height: 1.667em;
  text-decoration: none;
}

.store-book-content:hover {
  color: var(--neutral-700);
}

.store-book-price {
  margin-bottom: 1rem;
  font-family: Manrope, sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.1em;
}

.store-book-default-state {
  flex-direction: column;
  margin-bottom: 0;
  display: flex;
}

.select {
  border-style: solid;
  border-width: 0 0 .0625rem;
  border-color: black black var(--neutral-600);
  height: 3.25rem;
  color: var(--neutral-700);
  background-color: #0000;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7em;
  transition: border-color .35s, color .35s;
}

.select:hover {
  border-bottom-color: var(--neutral-800);
}

.select:focus {
  border-bottom-color: var(--neutral-800);
  color: var(--neutral-800);
}

.select::placeholder {
  color: var(--neutral-600);
}

.select.store-book-add-to-cart {
  display: none;
}

.select.checkout-select {
  border-radius: 0;
  height: 2.625rem;
  margin-bottom: 1rem;
}

.more-stores-grid {
  grid-column-gap: 1.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.book-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.book-price {
  color: var(--primary-1);
  margin-bottom: 1.75rem;
  font-family: Manrope, sans-serif;
  font-size: 1.75rem;
  font-weight: 800;
  line-height: 1.214em;
}

.book-add-to-cart-grid {
  grid-column-gap: 1.625rem;
  grid-row-gap: 1.0625rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  margin-bottom: 0;
  display: grid;
}

.book-about-tabs {
  display: flex;
}

.book-about-tabs-menu {
  flex-direction: column;
  width: 100%;
  max-width: 19.5625rem;
  margin-right: 2.5rem;
  display: flex;
}

.book-about-rich-text h2 {
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.book-about-rich-text p {
  margin-bottom: 2.75rem;
  margin-left: auto;
  margin-right: auto;
}

.book-about-rich-text ul {
  margin: 1.4375rem auto 1.875rem;
}

.book-about-rich-text h3 {
  margin-bottom: .75rem;
  margin-left: auto;
  margin-right: auto;
}

.book-about-rich-text figure {
  margin-top: 2rem;
  margin-bottom: 3.875rem;
}

.book-about-rich-text figcaption {
  margin-top: .875rem;
}

.book-about-rich-text h4, .book-about-rich-text h5 {
  margin-bottom: .75rem;
  margin-left: auto;
  margin-right: auto;
}

.book-about-rich-text ol {
  margin: 1.4375rem auto 1.875rem;
}

.book-about-rich-text blockquote {
  margin-top: 3.375rem;
  margin-bottom: 3.75rem;
}

.book-about-rich-text h6 {
  margin-bottom: .75rem;
  margin-left: auto;
  margin-right: auto;
}

.book-about-rich-text img {
  border-radius: .5rem;
}

.book-about-tab-link {
  color: var(--neutral-700);
  text-align: center;
  background-color: #e9e9e966;
  border-radius: .375rem;
  margin-bottom: 1.3125rem;
  padding: 1.1875rem 1rem;
  font-family: Manrope, sans-serif;
  font-weight: 600;
  line-height: 1.556em;
  transition: background-color .35s, color .35s;
}

.book-about-tab-link:hover {
  background-color: var(--neutral-400);
  color: var(--neutral-800);
}

.book-about-tab-link.w--current {
  background-color: var(--neutral-100);
  color: var(--neutral-800);
  font-weight: 800;
  box-shadow: 0 4px .75rem #080f340f;
}

.book-ecommerce-features-grid {
  grid-column-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
}

.book-ecommerce-feature-wrapper {
  text-align: center;
  max-width: 21.625rem;
}

.book-quantity {
  border-color: var(--neutral-500);
  background-color: var(--neutral-100);
  width: 7.3125rem;
  height: 4.1875rem;
  color: var(--neutral-800);
  margin-bottom: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-family: Manrope, sans-serif;
  font-weight: 500;
  line-height: 1.889em;
  transition: border-color .35s;
}

.book-quantity:hover {
  border-color: var(--neutral-800);
}

.book-quantity:focus {
  border-color: var(--neutral-800);
  color: var(--neutral-800);
}

.book-quantity::placeholder {
  color: var(--neutral-700);
}

.book-select-wrapper {
  border: .0625rem solid var(--neutral-500);
  background-color: var(--neutral-100);
  border-radius: .1875rem;
  align-items: center;
  width: 100%;
  height: 4.1875rem;
  margin-bottom: 0;
  padding: .5rem 1.25rem;
  transition: border-color .35s;
  display: flex;
}

.book-select-wrapper:hover, .book-select-wrapper:focus {
  border-color: var(--neutral-800);
}

.book-select-wrapper::placeholder {
  color: var(--neutral-600);
}

.book-select {
  height: auto;
  color: var(--neutral-700);
  background-color: #0000;
  border: 0 solid #000;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.889em;
  transition: color .35s;
}

.book-select:focus {
  color: var(--neutral-800);
}

.book-select::placeholder {
  color: var(--neutral-600);
}

.contact-wrapper {
  justify-content: space-between;
  display: flex;
}

.container-medium-711px {
  max-width: 44.4375rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container-medium-711px.faqs {
  text-align: center;
  margin-bottom: 2.5rem;
}

.faq-icon-two {
  background-color: var(--primary-1);
  width: .125rem;
  height: 1.375rem;
  position: absolute;
}

.faqs-grid {
  grid-column-gap: 1.75rem;
  grid-template-rows: auto;
}

.space.faq-content-space {
  height: .625rem;
}

.faq-content {
  max-width: 31.125rem;
}

.faq-icon-one {
  background-color: var(--primary-1);
  width: 1.375rem;
  height: .125rem;
  position: absolute;
}

.card-two {
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 14px 1.5rem #1e20270a;
}

.card-two.faq {
  cursor: pointer;
  margin-bottom: 2.0625rem;
  padding: 2.1875rem 1.625rem 2.5625rem 1.5625rem;
}

.faq-top-content {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.faq-icon-wrapper {
  justify-content: center;
  align-items: center;
  min-width: 1.375rem;
  height: 1.375rem;
  margin-left: 1.25rem;
  display: flex;
  position: relative;
}

.contact-form-block {
  flex: 1;
  margin-bottom: 0;
}

.contact-form-grid {
  grid-column-gap: 3.625rem;
  grid-row-gap: 2.375rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contact-directly-title {
  color: var(--neutral-800);
  margin-bottom: 1.25rem;
  font-family: Manrope, sans-serif;
  font-size: 1.375rem;
  font-weight: 800;
  line-height: 1.273em;
}

.contact-directly-grid {
  grid-row-gap: .9375rem;
  grid-template-columns: 1fr;
  justify-items: start;
}

.contact-directly-link {
  color: var(--neutral-700);
  align-items: center;
  font-family: Manrope, sans-serif;
  text-decoration: none;
  display: flex;
}

.contact-directly-icon {
  background-color: var(--primary-1);
  width: 2.375rem;
  min-width: 2.375rem;
  height: 2.375rem;
  color: var(--neutral-800);
  border-radius: 62.5rem;
  justify-content: center;
  align-items: center;
  margin-right: .5rem;
  font-family: Icons Book Template, sans-serif;
  font-size: 1rem;
  display: flex;
}

.text-area {
  border-style: solid;
  border-width: 0 0 .0625rem;
  border-color: black black var(--neutral-600);
  min-width: 100%;
  max-width: 100%;
  min-height: 7.5rem;
  max-height: 12.5rem;
  color: var(--neutral-800);
  background-color: #0000;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Manrope, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.7em;
  transition: border-color .35s, color .35s;
}

.text-area:hover {
  border-bottom-color: var(--primary-1);
}

.text-area:focus {
  border-bottom-color: var(--neutral-800);
  color: var(--neutral-800);
}

.text-area::placeholder {
  color: var(--neutral-600);
}

.category-title-wrapper {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.category-title-wrapper.store-category {
  margin-bottom: 2rem;
}

.store-category-grid {
  grid-column-gap: 1.75rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.pagination {
  display: flex;
}

.button-pagination {
  background-color: var(--neutral-300);
  color: var(--neutral-800);
  border-width: 0;
  border-radius: .1875rem;
  margin-top: 5rem;
  padding: 1.5rem 2.5rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  line-height: 1.125em;
  transition: background-color .35s;
}

.button-pagination:hover {
  background-color: var(--primary-1);
  color: var(--neutral-800);
}

.pagination-arrow {
  font-family: Icons Book Template, sans-serif;
  display: inline-block;
}

.blog-category-grid {
  grid-column-gap: 1.75rem;
  grid-row-gap: 3.75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.checkout-form {
  background-color: var(--neutral-100);
  padding: 6.25rem 0 10rem;
}

.checkout-block-header {
  background-color: #0000;
  border-width: 0;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.875rem 2.5rem 1.25rem;
}

.checkout-block-content {
  background-color: #0000;
  border-bottom-width: 0;
  border-left-width: 0;
  border-right-width: 0;
  padding: .625rem 2.5rem 1.875rem;
}

.checkout-field-label {
  margin-top: .9375rem;
  margin-bottom: .625rem;
  font-size: 1rem;
}

.checkout-required-text {
  color: var(--neutral-800);
  font-size: 1.25rem;
}

.checkout-billing-address-toggle {
  align-items: center;
  margin-top: .9375rem;
}

.checkout-checkbox {
  margin-top: 0;
}

.checkout-checkbox-label {
  margin-bottom: 0;
}

.order-item {
  justify-content: space-between;
  margin-bottom: 2.5rem;
}

.order-item-list {
  margin-bottom: -2.5rem;
}

.order-item-content {
  flex-direction: column;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.order-item-price {
  color: var(--neutral-800);
  font-family: Manrope, sans-serif;
  font-weight: 800;
}

.order-item-option {
  margin-bottom: .625rem;
}

.order-item-option-result, .order-item-quantity-result {
  color: var(--neutral-800);
  font-weight: 700;
}

.apple-pay {
  border-radius: .1875rem;
  height: 3.5rem;
}

.paypal {
  margin-bottom: .625rem;
}

.order-summary-subtotal {
  color: var(--neutral-800);
  font-family: Manrope, sans-serif;
  font-weight: 600;
}

.order-summary-total {
  color: var(--neutral-800);
  font-family: Manrope, sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
}

.checkout-line-item {
  flex-wrap: wrap;
}

.order-item-wrapper {
  flex-direction: row;
  margin-right: 1rem;
  display: flex;
}

.discounts {
  background-color: #0000;
  border-width: 0;
  flex-direction: column;
  padding: .625rem 0 0;
}

.menu-grid-wrapper {
  background-color: var(--neutral-100);
  border-radius: .5rem;
  padding: 2rem 2.375rem 2.5rem;
  box-shadow: 0 8px 1.125rem #2d2d2d0f;
}

.mega-menu-link {
  color: var(--neutral-800);
  white-space: nowrap;
  border-radius: .1875rem;
  margin-bottom: 1.125rem;
  font-family: Manrope, sans-serif;
  text-decoration: none;
}

.mega-menu-link.last {
  margin-bottom: 0;
}

.mega-menu-link.special {
  border-bottom: .1875rem solid var(--neutral-800);
  color: var(--neutral-800);
  margin-bottom: 0;
  padding-bottom: .375rem;
  font-weight: 800;
  transition: border-color .35s, color .35s;
}

.mega-menu-link.special:hover {
  border-bottom-color: var(--primary-1);
  color: var(--primary-1);
}

.dropdown-list {
  background-color: #0000;
  padding-top: 1.25rem;
  left: -9.8125rem;
}

.mega-menu-column-1 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.header-dropdown {
  display: block;
}

.mega-menu-title {
  color: var(--neutral-700);
  letter-spacing: .0625rem;
  text-transform: uppercase;
  margin-bottom: 1.375rem;
  font-size: .875rem;
  font-weight: 500;
}

.header-dropdown-toggle {
  padding: 0;
  transition: color .35s;
  display: block;
}

.header-dropdown-toggle:hover, .header-dropdown-toggle.w--open {
  color: var(--primary-1);
}

.menu-grid {
  grid-column-gap: 2.875rem;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  place-items: start stretch;
  display: grid;
}

.cart-button {
  color: var(--neutral-800);
  background-color: #0000;
  margin-right: 2rem;
  padding: 0;
  line-height: 1em;
  transition-duration: .15s;
}

.cart-quantity {
  min-width: auto;
  height: auto;
  color: var(--neutral-800);
  background-color: #0000;
  border-radius: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1em;
}

.cart-header {
  border-bottom-width: 0;
}

.cart-footer {
  border-top-width: 0;
}

.cart-wrapper {
  z-index: 99999999;
  background-color: #222c;
}

.close-button {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cart-subtotal {
  color: var(--neutral-800);
  font-family: Manrope, sans-serif;
  font-size: 1.25rem;
  font-weight: 800;
}

.cart-item-quantity {
  border-color: var(--neutral-500);
  color: var(--neutral-800);
  background-color: #0000;
  margin-bottom: 0;
  font-family: Manrope, sans-serif;
  font-weight: 500;
  line-height: 1.889em;
  transition: border-color .35s, color .35s;
}

.cart-item-quantity:hover {
  border-color: var(--neutral-800);
}

.cart-item-quantity:focus {
  border-color: var(--neutral-800);
  color: var(--neutral-800);
}

.cart-item-quantity::placeholder {
  color: var(--neutral-700);
}

.cart-item {
  border-bottom: .0625rem solid var(--neutral-500);
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.cart-item-content {
  flex-direction: column;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.cart-item-wrapper {
  flex-direction: row;
  margin-right: 1rem;
  display: flex;
}

.remove-button {
  margin-top: .3125rem;
  font-size: 1.0625rem;
}

.cart-item-price {
  color: var(--neutral-800);
  font-weight: 700;
}

.cart-item-option {
  margin-bottom: .625rem;
}

.cart-item-option-result {
  color: var(--neutral-800);
  font-weight: 700;
}

.empty-state {
  background-color: var(--neutral-200);
  color: var(--neutral-800);
  text-align: center;
  border-radius: .5rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 3.75rem 1.25rem;
  font-size: 1.5rem;
}

.empty-state.bg-neutral-100 {
  background-color: var(--neutral-100);
}

.empty-state.small {
  margin-top: .625rem;
  margin-bottom: .625rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1.25rem;
}

.empty-state.cart {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
}

.success-message {
  background-color: var(--primary-1);
  color: var(--neutral-800);
  text-align: center;
  border-radius: .25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 800;
}

.error-message {
  color: #ff3b3b;
  text-align: center;
  background-color: #fde8e8;
  border-radius: .25rem;
  align-self: stretch;
  margin-top: 1.25rem;
  padding: 1.25rem;
  font-family: Manrope, sans-serif;
  font-size: 1rem;
  font-weight: 800;
}

.rich-text-figure-figure-caption h2 {
  max-width: 40rem;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.rich-text-figure-figure-caption p {
  max-width: 40rem;
  margin-bottom: 1.4375rem;
  margin-left: auto;
  margin-right: auto;
}

.rich-text-figure-figure-caption ul {
  max-width: 40rem;
  margin: 1.4375rem auto 1.875rem;
}

.rich-text-figure-figure-caption h3 {
  max-width: 40rem;
  margin: 2.375rem auto .75rem;
}

.rich-text-figure-figure-caption figcaption {
  margin-top: .875rem;
}

.rich-text-figure-figure-caption h4, .rich-text-figure-figure-caption h5 {
  max-width: 40rem;
  margin: 2.375rem auto .75rem;
}

.rich-text-figure-figure-caption ol {
  max-width: 40rem;
  margin: 1.4375rem auto 1.875rem;
}

.rich-text-figure-figure-caption blockquote {
  margin-top: 3.375rem;
  margin-bottom: 3.75rem;
}

.rich-text-figure-figure-caption h6 {
  max-width: 40rem;
  margin: 2.375rem auto .75rem;
}

.rich-text-figure-figure-caption img {
  border-radius: .5rem;
}

.loader-wrapper {
  width: 100%;
  height: .1875rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.loader {
  background-color: #0000;
  width: 100%;
  height: .1875rem;
}

.icon-password {
  background-color: var(--neutral-200);
  border-radius: 62.5rem;
  justify-content: center;
  align-items: center;
  width: 9.375rem;
  min-width: 9.375rem;
  height: 9.375rem;
  margin-bottom: 1.25rem;
  padding: .9375rem;
  display: flex;
}

.header-dropdown-icon-wrapper {
  justify-content: center;
  align-items: center;
  min-width: 1.375rem;
  height: 1.375rem;
  margin-left: 1.25rem;
  display: none;
  position: relative;
}

.header-dropdown-icon-1 {
  background-color: var(--primary-1);
  width: 1.375rem;
  height: .125rem;
  position: absolute;
}

.header-dropdown-icon-2 {
  background-color: var(--primary-1);
  width: .125rem;
  height: 1.375rem;
  position: absolute;
}

.grid-licenses {
  grid-column-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2.5rem;
}

.licenses-link-image {
  height: 7.5rem;
  transition: opacity .35s, color .35s;
  overflow: hidden;
}

.licenses-link-image:hover {
  opacity: .7;
}

.changelog-item {
  margin-bottom: 2.5rem;
}

.changelog-item.last {
  margin-bottom: 0;
}

.heading-size-h3 {
  color: var(--neutral-800);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.417em;
}

.idmd-logo {
  font-size: 2rem;
  display: inline;
}

.heading-home {
  letter-spacing: -.1rem;
  border-bottom: 1px solid #ed184a;
  padding-bottom: .75rem;
  font-size: 3.5rem;
  line-height: 1.2em;
}

.medium-text-weight {
  font-weight: 400;
}

.amazon-link-block {
  text-align: center;
  text-decoration: none;
  display: block;
  position: relative;
}

.cta-wrapper-2 {
  text-align: center;
  max-width: 563px;
  margin-left: auto;
  margin-right: auto;
}

.card-2 {
  background-color: #fff;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 8px 18px #2d2d2d0f;
}

.card-2.bg-neutral-200 {
  box-shadow: none;
  background-color: #f9f8f4;
}

.card-2.bg-neutral-200.cta {
  border: 1px solid #00bce7;
  padding: 4.5rem 1.5rem;
}

.container-default-2 {
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.button-primary-2 {
  color: #222;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #f8cd5f;
  border-radius: 3px;
  padding: 24px 40px;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.125em;
  transition-property: transform;
  transition-duration: .35s;
}

.button-primary-2:hover {
  color: #222;
  transform: scale3d(.96, .96, 1.01);
}

.section-2 {
  padding-top: 180px;
  padding-bottom: 180px;
}

.section-2.cta {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.heading-two-exercises {
  font-size: 2.4rem;
  line-height: 1.5em;
}

.heading-two-exercises._2rem-margin-top {
  margin-top: 2rem;
}

.div-block {
  max-width: 80%;
}

.card-left {
  padding-left: 2rem;
  padding-right: 2rem;
}

.card-right {
  background-color: #ed184a;
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  position: static;
}

.card-right.ui {
  background-color: #e58f55;
}

.card-right.ux {
  background-color: #72ae65;
}

.card-right.an {
  background-color: #cfbd5d;
}

.card-right.ix {
  background-color: #7bbce0;
}

.card-right.web {
  background-color: #965f64;
}

.card-right.xr {
  background-color: #e26968;
}

.exercise-block {
  width: 100%;
}

.exercise-block-text {
  width: 100%;
  color: var(--neutral-100);
  text-align: center;
  background-color: #0000;
  font-family: Manrope, sans-serif;
  font-size: 5rem;
  font-weight: 800;
  line-height: 5rem;
}

.paragraph-2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.5rem;
  line-height: 1.5em;
}

._60-40-container {
  display: flex;
}

._60-container {
  width: 60%;
  padding: 1rem;
}

._40-container {
  border: 1px #000;
  width: 40%;
  padding: 1rem;
}

.normal-li {
  font-size: 1.5rem;
  line-height: 1.4em;
}

.link-block {
  text-decoration: none;
}

.link-block:hover {
  color: var(--neutral-800);
}

.link-block-2 {
  text-decoration: none;
}

.link-block-2:hover {
  color: var(--neutral-800);
}

.link-block-3 {
  text-decoration: none;
}

.link-block-3:hover {
  color: var(--neutral-800);
}

.link-block-4 {
  text-decoration: none;
}

.link-block-4:hover {
  color: var(--neutral-800);
}

.link-block-5 {
  text-decoration: none;
}

.link-block-5:hover {
  color: var(--neutral-800);
}

.link-block-6 {
  text-decoration: none;
}

.link-block-6:hover {
  color: var(--neutral-800);
}

.chapter-image {
  border: 1px solid #ccc;
}

.checked-1 {
  background-image: url('../images/checked-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.slider {
  height: 100%;
}

.checked-2 {
  background-image: url('../images/checked-1.jpg');
  background-position: 0 0;
  background-size: cover;
  display: none;
}

._50-50-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

._50-container {
  width: 40%;
  margin: 1rem;
}

._100-container {
  justify-content: center;
  align-items: center;
  display: flex;
}

.greenline-1 {
  width: 80%;
}

.ezdc-2 {
  display: none;
}

.ezdc-3 {
  width: 80%;
}

._70-30-container {
  display: flex;
}

._70-container {
  width: 70%;
  padding: 1rem;
}

._30-container {
  width: 30%;
  padding: 1rem;
}

.buck-1, .printed-booklets, .syncopate-1, .antido-1, .poem-1, .poem-4, .ar-project-2 {
  width: 80%;
}

@media screen and (min-width: 1920px) {
  .container-default {
    max-width: 84.375rem;
  }

  .utility-page-wrap {
    background-color: var(--neutral-200);
  }

  .home-about-wrapper {
    max-width: 78.3125rem;
  }

  .container-default-2 {
    max-width: 1350px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 2.6875rem;
  }

  h2 {
    font-size: 2rem;
  }

  blockquote {
    padding-top: 3.125rem;
    padding-bottom: 4.125rem;
  }

  .styleguide-sidebar {
    display: none;
  }

  .container-default {
    flex-direction: column;
    align-items: stretch;
  }

  .container-default.blog-post {
    margin-bottom: 4.375rem;
  }

  .styleguide-content {
    margin-left: 0;
  }

  .styleguide-seccion {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }

  .styleguide-header {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .typography-container {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .paragraph-large.home-hero {
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph-large.contact {
    margin-bottom: 2.5rem;
  }

  .styleguide-subheader {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }

  .styleguide-content-wrapper {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .buttons-grid {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .button-primary.header-button {
    margin-right: 1.375rem;
  }

  .cards-grid {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  .header {
    padding-top: 1.25rem;
  }

  .header-navigation {
    flex-direction: column;
    align-items: stretch;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .nav-item-wrapper {
    margin-bottom: 1.875rem;
    margin-right: 0;
    display: flex;
  }

  .nav-link {
    font-size: 1.5rem;
  }

  .menu-button {
    background-color: var(--primary-1);
    color: #fff;
    border-radius: 62.5rem;
    width: 2.875rem;
    min-width: 2.875rem;
    height: 2.875rem;
    padding: 0;
    font-size: 1.875rem;
    transition: background-color .35s;
    overflow: hidden;
  }

  .menu-button.w--open {
    background-color: var(--primary-1);
  }

  .nav-menu {
    background-color: var(--neutral-100);
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
    box-shadow: 0 8px 1.125rem #2d2d2d0f;
  }

  .footer-grid {
    grid-row-gap: 2.5rem;
    grid-template-columns: auto auto;
    justify-content: space-around;
  }

  .section {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .section.home-hero {
    padding-top: 5rem;
    padding-bottom: 10.875rem;
  }

  .section.home-companies {
    padding-top: 4.375rem;
    padding-bottom: 4.375rem;
  }

  .section.home-about {
    padding-top: 2.6rem;
    padding-bottom: 10rem;
  }

  .section.cta {
    padding-bottom: 5rem;
  }

  .section.testimonials {
    padding-top: 9rem;
    padding-bottom: 10rem;
  }

  .section.about-hero {
    padding-top: 5rem;
    padding-bottom: 7.875rem;
  }

  .section.story {
    padding-top: 10.3125rem;
    padding-bottom: 13.125rem;
  }

  .section.about-books {
    padding-top: 6.375rem;
    padding-bottom: 10rem;
  }

  .section.more-content {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem;
  }

  .section.about-social-media {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .section.blog-hero, .section.blog-post {
    padding-top: 5rem;
    padding-bottom: 6.375rem;
  }

  .section.blog-post-latest-articles {
    padding-top: 8rem;
    padding-bottom: 5rem;
  }

  .section.store {
    padding-top: 5rem;
    padding-bottom: 8.6875rem;
  }

  .section.more-stores {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }

  .section.book {
    padding-top: 5rem;
    padding-bottom: 6.625rem;
  }

  .section.book-about {
    padding-top: 6.375rem;
    padding-bottom: 6.375rem;
  }

  .section.book-ecommerce-features {
    padding-top: 5.875rem;
    padding-bottom: 5.25rem;
  }

  .section.contact {
    padding-top: 5rem;
    padding-bottom: 8rem;
  }

  .section.faqs {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }

  .section.store-category {
    padding-top: 5rem;
    padding-bottom: 8.6875rem;
  }

  .section.blog-category {
    padding-top: 5rem;
  }

  .container-medium-1000px.changelog {
    margin-top: -9.0625rem;
  }

  .divider.header-divider {
    margin-top: 1.25rem;
  }

  .divider.book-right {
    align-self: stretch;
    width: .0625rem;
    height: auto;
    margin: 0 1.875rem;
  }

  .home-hero-wrapper {
    flex-direction: column;
  }

  .split-content.home-hero-left {
    text-align: center;
    max-width: 41.5625rem;
    margin-bottom: 3.75rem;
    margin-right: 0;
  }

  .split-content.home-about-left {
    margin-right: 0;
  }

  .split-content.home-about-right {
    text-align: center;
    max-width: 41.5625rem;
    margin-bottom: 3.75rem;
  }

  .split-content.testimonials-left {
    text-align: center;
    max-width: 41.5625rem;
    margin-bottom: 3.75rem;
    margin-right: 0;
  }

  .split-content.about-hero-left {
    margin-right: 0;
  }

  .split-content.about-hero-right {
    text-align: center;
    max-width: 34rem;
    margin-bottom: 3.75rem;
  }

  .split-content.story-left {
    margin-right: 1.875rem;
  }

  .split-content.about-social-media-left, .split-content.blog-newsletter-left {
    margin-bottom: 2.5rem;
    margin-right: 0;
  }

  .split-content.blog-post-main-content {
    max-width: 45rem;
    margin-bottom: 2.5rem;
    margin-right: 0;
  }

  .split-content.book-right {
    justify-content: space-between;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .split-content.contact-left {
    max-width: 38.3125rem;
    margin-bottom: 3.75rem;
  }

  .split-content.contact-right {
    max-width: 100%;
  }

  .split-content.checkout-left {
    margin-bottom: 2.5rem;
    margin-right: 0;
  }

  .split-content.checkout-right {
    flex: 1;
  }

  .subtitle-wrapper.home-hero {
    flex-direction: column;
    justify-content: center;
  }

  ._2-buttons.home-hero, ._2-buttons.home-about, ._2-buttons._404 {
    justify-content: center;
  }

  .image.home-company-logo {
    margin-bottom: .625rem;
  }

  .image.story-right {
    margin-bottom: 6.375rem;
  }

  .image.book {
    max-width: 31.25rem;
    margin-bottom: 3.75rem;
    margin-right: 0;
  }

  .bg.home-hero {
    bottom: -5.625rem;
  }

  .bg.home-book-chapters-1 {
    display: none;
    bottom: -4.1875rem;
  }

  .bg.home-book-chapters-2 {
    right: -10.8125rem;
  }

  .bg.testimonials-1 {
    top: -1.4375rem;
  }

  .bg.testimonials-2 {
    bottom: -2.5625rem;
  }

  .bg.about-hero {
    height: 50%;
    top: auto;
  }

  .bg.about-hero-left {
    max-width: 100%;
  }

  .bg.story-left {
    bottom: -4.375rem;
  }

  .bg.story-right {
    top: -4.375rem;
  }

  .bg.blog-hero {
    height: 31.25rem;
  }

  .bg.about-author {
    bottom: -3.5rem;
    right: -6.8125rem;
  }

  .bg.blog-post {
    height: 44.8125rem;
  }

  .bg.contact-1 {
    bottom: -3.25rem;
    left: -4.9375rem;
  }

  .bg.contact-2 {
    top: -2.8125rem;
  }

  .title.home-companies {
    margin-bottom: 3.125rem;
  }

  .title.footer-newsletter {
    margin-bottom: .625rem;
  }

  .title.blog {
    margin-bottom: 2.5rem;
  }

  .title.latest-articles {
    margin-bottom: 1.875rem;
  }

  .home-about-wrapper {
    flex-direction: column-reverse;
  }

  .paragraph.blog-post-item-paragraph {
    max-width: 38.1875rem;
    margin-bottom: 1.25rem;
  }

  .paragraph.footer-main-content-paragraph {
    margin-bottom: 1.875rem;
  }

  .paragraph.footer-newsletter {
    max-width: 28.125rem;
  }

  .home-book-chapters-wrapper {
    margin-bottom: 2.5rem;
  }

  .card.home-book-chapters {
    padding: 4.8125rem 3.125rem 4.25rem;
  }

  .card.bg-neutral-200.cta {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .card.bg-neutral-200.footer-newsletter {
    min-width: auto;
    max-width: 100%;
    padding: 3.75rem 3.125rem;
  }

  .card.bg-neutral-200.more-content {
    padding-top: 2.875rem;
    padding-bottom: 2.8125rem;
  }

  .card.bg-neutral-200.blog-newsletter {
    flex-direction: column;
    align-items: stretch;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }

  .card.bg-neutral-200.contact-form {
    padding: 3.75rem 3.125rem;
  }

  .card.blog-post-featured {
    max-width: 85%;
    margin-top: -11.625rem;
  }

  .card.about-author {
    padding: 3.125rem;
  }

  .card.book-about-tabs-content {
    max-width: none;
    margin-left: 0;
    padding: 2.875rem 3.125rem 1rem;
  }

  .card.faq {
    padding: 1.6875rem;
  }

  .testimonials-wrapper, .home-book-chapter-wrapper {
    flex-direction: column;
  }

  .home-book-chapter-number {
    margin-bottom: 1.25rem;
    margin-right: 0;
  }

  .testimonials-grid {
    grid-template-columns: 1fr 1fr;
  }

  .image-wrapper.about-book {
    margin-bottom: 0;
    margin-right: 2.5rem;
  }

  .image-wrapper.card-about-author {
    margin-right: 2.5rem;
  }

  .image-wrapper.store-book {
    max-width: 45%;
    margin-bottom: 0;
    margin-right: 2.5rem;
  }

  .top-content.more-content {
    text-align: center;
    flex-direction: column;
  }

  .top-content.latest-articles {
    flex-direction: column;
    margin-bottom: 2.5rem;
  }

  .top-content.blog-post {
    flex-direction: column;
    align-items: baseline;
    margin-bottom: 3.75rem;
  }

  .top-content.card-about-author {
    margin-bottom: 1.25rem;
  }

  .top-content.blog-category {
    flex-direction: column;
    margin-bottom: 2.5rem;
  }

  .blog-post-item-content {
    max-width: 42.4375rem;
  }

  .footer-wrapper {
    padding-top: 6rem;
    padding-bottom: 4.5rem;
  }

  .footer-main-content {
    min-width: auto;
  }

  .footer-nav-box {
    margin-right: 1.875rem;
  }

  .footer-nav-content {
    flex-wrap: wrap;
  }

  .about-hero-wrapper {
    flex-direction: column-reverse;
  }

  .about-hero-features-grid {
    justify-items: center;
    margin-bottom: 2.5rem;
  }

  .story-left-content {
    margin-bottom: 6.25rem;
  }

  .more-content-grid {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .about-social-media-wrapper {
    text-align: center;
    flex-direction: column;
  }

  .about-social-media-grid {
    justify-content: center;
  }

  .about-books-grid {
    grid-row-gap: 3.75rem;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .about-book-wrapper {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .about-book-bottom-content {
    max-width: 27.5rem;
  }

  .blog-grid {
    grid-template-columns: 1fr;
    max-width: 47.125rem;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-newsletter-form-box {
    width: auto;
    max-width: none;
  }

  .rich-text p {
    margin-bottom: 1.25rem;
  }

  .rich-text ul {
    margin-top: 1.25rem;
  }

  .rich-text figure {
    margin-bottom: 3.75rem;
  }

  .rich-text ol {
    margin-top: 1.25rem;
  }

  .blog-post-latest-articles-grid {
    grid-row-gap: 3.75rem;
    grid-template-columns: 1fr;
    max-width: 47.125rem;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-post-about-wrapper {
    margin-bottom: 1.25rem;
  }

  .store-grid {
    grid-row-gap: 3.75rem;
    grid-template-columns: 1fr;
  }

  .store-book-wrapper {
    align-items: center;
    display: flex;
  }

  .more-stores-grid {
    grid-row-gap: 1.75rem;
    grid-template-columns: auto auto;
    place-content: center;
    justify-items: center;
  }

  .book-wrapper, .book-about-tabs {
    flex-direction: column;
  }

  .book-about-tabs-menu {
    flex-direction: row;
    max-width: none;
    margin-bottom: 2.5rem;
    margin-right: 0;
  }

  .book-about-rich-text h2 {
    margin-bottom: 1.25rem;
  }

  .book-about-rich-text p {
    margin-bottom: 2.5rem;
  }

  .book-about-rich-text ul {
    margin-top: 1.25rem;
  }

  .book-about-rich-text figure {
    margin-bottom: 3.75rem;
  }

  .book-about-rich-text ol {
    margin-top: 1.25rem;
  }

  .book-about-tab-link {
    margin-bottom: 0;
    margin-right: 1.25rem;
  }

  .book-ecommerce-features-grid {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .book-ecommerce-feature-wrapper {
    max-width: 32.4375rem;
  }

  .book-top-content {
    max-width: 42%;
  }

  .book-bottom-content {
    width: 100%;
    max-width: 28.125rem;
  }

  .contact-wrapper {
    flex-direction: column;
  }

  .faqs-grid {
    grid-column-gap: 1.25rem;
  }

  .contact-form-grid {
    grid-column-gap: 3rem;
    grid-row-gap: 2.1875rem;
  }

  .category-title-wrapper.blog-category {
    margin-bottom: 1.875rem;
  }

  .store-category-grid {
    grid-row-gap: 3.75rem;
    grid-template-columns: 1fr;
  }

  .blog-category-grid {
    grid-template-columns: 1fr;
    max-width: 47.125rem;
    margin-left: auto;
    margin-right: auto;
  }

  .checkout-form {
    padding-top: 5rem;
    padding-bottom: 8rem;
  }

  .menu-grid-wrapper {
    box-shadow: none;
    background-color: #0000;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-list.w--open {
    padding-top: 0;
    position: static;
    overflow: auto;
  }

  .header-dropdown {
    margin-left: 0;
  }

  .header-dropdown-toggle {
    font-size: 1.5rem;
    display: flex;
  }

  .menu-grid {
    flex-direction: column;
    grid-template-columns: auto;
    grid-auto-columns: auto;
    justify-content: start;
    align-items: stretch;
    width: 100%;
  }

  .menu-button-icon-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .menu-button-icon {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    width: 1.25rem;
    height: .9375rem;
    display: flex;
  }

  .menu-line-top {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: var(--neutral-800);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-height: .125rem;
    max-height: .125rem;
    padding: 0;
  }

  .menu-line-middle, .menu-line-bottom {
    background-color: var(--neutral-800);
    min-height: .125rem;
    max-height: .125rem;
    padding: 0;
  }

  .rich-text-figure-figure-caption h2, .rich-text-figure-figure-caption p {
    margin-bottom: 1.25rem;
  }

  .rich-text-figure-figure-caption ul, .rich-text-figure-figure-caption ol {
    margin-top: 1.25rem;
  }

  .header-dropdown-icon-wrapper {
    display: flex;
  }

  .card-2.bg-neutral-200.cta {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .container-default-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .section-2 {
    padding-top: 128px;
    padding-bottom: 128px;
  }

  .section-2.cta {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.25rem;
  }

  h2 {
    font-size: 1.625rem;
  }

  h3 {
    font-size: 1.375rem;
  }

  h4 {
    font-size: 1.25rem;
  }

  h5 {
    font-size: 1rem;
  }

  h6 {
    font-size: .875rem;
  }

  blockquote {
    background-position: 50% 85%;
    padding: 2.1875rem 2.5rem 3.5rem;
    font-size: 1.375rem;
  }

  .container-default.blog-post {
    margin-bottom: 3.75rem;
  }

  .styleguide-title {
    font-size: 2.875rem;
    line-height: 3.25rem;
  }

  .styleguide-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .color-primary-grid, .color-neutral-grid {
    grid-template-columns: 1fr 1fr;
  }

  .paragraph-large {
    font-size: 1.25rem;
  }

  .paragraph-large.about-hero, .paragraph-large.contact {
    margin-bottom: 1.875rem;
  }

  .styleguide-subheader, .styleguide-content-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .icons-grid {
    grid-template-columns: repeat(auto-fit, 5rem);
  }

  .button-primary.header-button {
    display: none;
  }

  .button-primary.header-button-mobile {
    padding: 1.125rem 1rem;
    font-size: 1.125rem;
    display: block;
  }

  .button-primary.header-button-mobile:hover {
    transform: scale(.98);
  }

  .nav-item-wrapper.mobile {
    display: block;
  }

  .footer {
    padding-bottom: 1.875rem;
  }

  .footer-grid {
    grid-template-columns: auto;
    justify-content: stretch;
  }

  .section {
    padding-top: 6.375rem;
    padding-bottom: 6.375rem;
  }

  .section.home-hero {
    padding-top: 4rem;
    padding-bottom: 8.6875rem;
  }

  .section.home-companies {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .section.home-about {
    padding-top: 7.1875rem;
    padding-bottom: 8rem;
  }

  .section.cta {
    padding-bottom: 4rem;
  }

  .section.testimonials {
    padding-top: 7.1875rem;
    padding-bottom: 8rem;
  }

  .section.about-hero {
    padding-top: 4rem;
    padding-bottom: 6.25rem;
  }

  .section.story {
    padding-top: 5.3125rem;
    padding-bottom: 10.5rem;
  }

  .section.about-books {
    padding-top: 5.125rem;
    padding-bottom: 8rem;
  }

  .section.more-content {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .section.about-social-media {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .section.blog-hero {
    padding-top: 4rem;
    padding-bottom: 5.0625rem;
  }

  .section.blog-post {
    padding-top: 4rem;
    padding-bottom: 5.125rem;
  }

  .section.blog-post-latest-articles {
    padding-top: 6.375rem;
    padding-bottom: 4rem;
  }

  .section.store {
    padding-top: 4rem;
    padding-bottom: 6.9375rem;
  }

  .section.more-stores {
    padding-top: 6.375rem;
    padding-bottom: 6.375rem;
  }

  .section.book {
    padding-top: 4rem;
    padding-bottom: 5.3125rem;
  }

  .section.book-about {
    padding-top: 5.125rem;
    padding-bottom: 5.125rem;
  }

  .section.book-ecommerce-features {
    padding-top: 4.6875rem;
    padding-bottom: 4.1875rem;
  }

  .section.contact {
    padding-top: 4rem;
    padding-bottom: 6.375rem;
  }

  .section.faqs {
    padding-top: 7.1875rem;
    padding-bottom: 7.1875rem;
  }

  .section.store-category {
    padding-top: 4rem;
    padding-bottom: 6.9375rem;
  }

  .section.blog-category {
    padding-top: 4rem;
  }

  .utility-page-content-password {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .input {
    font-size: 1.125rem;
  }

  .container-medium-1000px.changelog {
    margin-top: -8.375rem;
  }

  .divider.book-right {
    width: 100%;
    height: .0625rem;
    margin: 1.875rem 0;
  }

  .split-content.home-hero-left {
    margin-bottom: 2.5rem;
  }

  .split-content.home-hero-right, .split-content.home-about-left {
    max-width: none;
  }

  .split-content.home-about-right, .split-content.testimonials-left {
    text-align: left;
    margin-bottom: 2.5rem;
  }

  .split-content.about-hero-left {
    max-width: 100%;
  }

  .split-content.about-hero-right {
    text-align: left;
    margin-bottom: 2.5rem;
  }

  .split-content.story-left {
    max-width: none;
    margin-top: 0;
    margin-bottom: 6.25rem;
    margin-right: 0;
  }

  .split-content.story-right {
    flex-direction: column-reverse;
    max-width: none;
  }

  .split-content.about-social-media-left, .split-content.blog-post-main-content {
    margin-bottom: 1.875rem;
  }

  .split-content.book-right {
    flex-direction: column;
    align-items: stretch;
  }

  .split-content.contact-left {
    margin-bottom: 2.5rem;
  }

  .subtitle {
    font-size: 1.3125rem;
  }

  ._2-buttons.home-about {
    justify-content: flex-start;
  }

  .image.story-right {
    margin-top: 2.5rem;
    margin-bottom: 0;
  }

  .image.book {
    max-width: 100%;
    margin-bottom: 2.5rem;
  }

  .image.book-ecommerce-feature {
    margin-bottom: 0;
    margin-right: 2.5rem;
  }

  .bg.home-hero {
    max-width: 110%;
    bottom: -4.6875rem;
  }

  .bg.home-book-chapters-1 {
    max-width: 40%;
    bottom: -3.1875rem;
    left: -2.3125rem;
  }

  .bg.home-book-chapters-2 {
    max-width: 40%;
    top: -.8125rem;
    right: -2.25rem;
  }

  .bg.testimonials-1 {
    max-width: 60%;
    top: -.9375rem;
    left: -2.375rem;
  }

  .bg.testimonials-2 {
    max-width: 60%;
    bottom: -2.3125rem;
    right: -2.6875rem;
  }

  .bg.about-hero-left {
    bottom: -2.8125rem;
  }

  .bg.story-left {
    bottom: -3rem;
  }

  .bg.story-right {
    top: auto;
    bottom: -4.75rem;
  }

  .bg.blog-hero {
    height: 21.875rem;
  }

  .bg.about-author {
    bottom: -2rem;
  }

  .bg.blog-post {
    height: 38.5625rem;
  }

  .bg.contact-1 {
    bottom: -3rem;
    left: -4.4375rem;
  }

  .bg.contact-2 {
    top: -1.3125rem;
    right: -4.8125rem;
  }

  .title.home-companies {
    margin-bottom: 2.5rem;
  }

  .title.card-blog-post-featured {
    margin-bottom: .9375rem;
  }

  .title.latest-articles {
    margin-bottom: 1.25rem;
  }

  .title.store {
    margin-bottom: 1.875rem;
  }

  .title.store-book, .title.more-stores {
    font-size: 1.375rem;
  }

  .title.book {
    max-width: 25rem;
    margin-bottom: .625rem;
    font-size: 2rem;
  }

  .title.faq {
    font-size: 1.125rem;
  }

  .home-about-wrapper {
    align-items: stretch;
  }

  .paragraph.home-about, .paragraph.testimonials, .paragraph.cta {
    margin-bottom: 1.875rem;
  }

  .paragraph.footer-newsletter {
    margin-bottom: 1.25rem;
  }

  .paragraph.card-about-author {
    margin-bottom: 1.875rem;
  }

  .paragraph.about-book-paragraph {
    max-width: 27.5rem;
  }

  .paragraph.cta {
    margin-bottom: 30px;
  }

  .card.home-book-chapters {
    padding: 3.625rem 2.5rem;
  }

  .card.bg-neutral-200.cta {
    padding: 3.125rem 1.25rem;
  }

  .card.bg-neutral-200.footer-newsletter {
    padding: 3.125rem 2.5rem;
  }

  .card.bg-neutral-200.more-content {
    padding: 2.5rem 1.875rem;
  }

  .card.bg-neutral-200.blog-newsletter, .card.bg-neutral-200.contact-form {
    padding: 3.125rem 2.5rem;
  }

  .card.bg-neutral-200.checkout-about {
    padding: 3.125rem 1.875rem;
  }

  .card.bg-neutral-200.checkout {
    margin-bottom: 1.875rem;
  }

  .card.blog-post-featured {
    border-radius: 0;
    max-width: 34.5rem;
    margin-top: -.5625rem;
    padding: 2.5rem 0 1.25rem;
  }

  .card.about-author {
    flex-direction: column;
    padding: 2.5rem;
  }

  .card.book-about-tabs-content {
    padding-top: 2.25rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .card.faq {
    padding: 1.375rem;
  }

  .card.default {
    flex-direction: column;
    padding: 3.125rem 2.5rem;
  }

  .card.changelog {
    padding: 3.125rem 2.5rem;
  }

  .testimonials-wrapper {
    align-items: stretch;
  }

  .home-book-chapter-wrapper {
    max-width: 33.9375rem;
  }

  .testimonials-grid {
    grid-template-columns: 1fr;
  }

  .image-wrapper.about-book {
    margin-bottom: 1.25rem;
    margin-right: 0;
  }

  .image-wrapper.card-about-author {
    margin-bottom: .625rem;
    margin-right: 0;
  }

  .image-wrapper.store-book {
    max-width: 100%;
    margin-bottom: 1.875rem;
    margin-right: 0;
  }

  .image-wrapper.order-item-image {
    margin-bottom: 1.25rem;
  }

  .image-wrapper.cart-item-image {
    margin-bottom: 1.25rem;
    margin-right: .9375rem;
  }

  .top-content.more-content {
    text-align: left;
    align-items: flex-start;
  }

  .top-content.latest-articles {
    align-items: flex-start;
  }

  .top-content.blog-post {
    margin-bottom: 3.125rem;
  }

  .top-content.card-about-author {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: .9375rem;
  }

  .top-content.blog-category {
    align-items: flex-start;
  }

  .footer-wrapper {
    text-align: left;
    padding-top: 4.8125rem;
    padding-bottom: 3.625rem;
  }

  .small-print-wrapper {
    flex-wrap: wrap-reverse;
    margin-top: 1.875rem;
    font-size: 1rem;
  }

  .footer-main-content {
    max-width: 26.9375rem;
  }

  .footer-nav-wrapper {
    max-width: 31.4375rem;
  }

  .about-hero-wrapper {
    align-items: stretch;
  }

  .about-hero-features-grid {
    justify-items: stretch;
    margin-bottom: 1.875rem;
  }

  .story-wrapper {
    flex-direction: column;
  }

  .story-left-content {
    margin-bottom: 2.5rem;
  }

  .about-social-media-wrapper {
    text-align: left;
    align-items: stretch;
  }

  .about-social-media-grid {
    justify-content: stretch;
  }

  .about-books-grid {
    justify-items: stretch;
    max-width: 34.375rem;
  }

  .about-book-content {
    margin-bottom: 1.875rem;
  }

  .about-book-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .about-book-bottom-content {
    max-width: none;
  }

  .card-blog-post-featured-about {
    margin-bottom: .625rem;
  }

  .blog-categories-grid {
    flex-wrap: wrap;
    display: flex;
  }

  .blog-category-item-wrapper {
    margin-bottom: .625rem;
    margin-right: .625rem;
  }

  .container-medium-852px.more-stores {
    margin-bottom: 1.875rem;
  }

  .rich-text ul {
    margin-bottom: 1.5625rem;
    padding-left: 1.875rem;
  }

  .rich-text h3 {
    margin-top: 1.875rem;
  }

  .rich-text figure {
    margin-top: 1.875rem;
    margin-bottom: 3.125rem;
  }

  .rich-text h4, .rich-text h5 {
    margin-top: 1.875rem;
  }

  .rich-text ol {
    margin-bottom: 1.5625rem;
    padding-left: 1.875rem;
  }

  .rich-text blockquote {
    margin-top: 2.75rem;
    margin-bottom: 3.125rem;
  }

  .rich-text h6 {
    margin-top: 1.875rem;
  }

  .blog-post-about-wrapper {
    margin-bottom: .9375rem;
  }

  .about-author-wrapper {
    margin-top: 3.125rem;
  }

  .card-about-author-name-wrapper {
    margin-bottom: 1.25rem;
  }

  .card-about-author-name {
    font-size: 1.5625rem;
  }

  .card-about-author-social-media-grid {
    justify-content: stretch;
  }

  .store-book-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .store-book-content {
    margin-bottom: 1.875rem;
  }

  .store-book-price {
    margin-bottom: .625rem;
  }

  .book-wrapper {
    align-items: stretch;
  }

  .book-price {
    margin-bottom: 1.25rem;
  }

  .book-add-to-cart-grid {
    grid-column-gap: 1.25rem;
  }

  .book-about-tabs-menu {
    flex-wrap: wrap;
    margin-bottom: .625rem;
  }

  .book-about-rich-text h2 {
    margin-bottom: .9375rem;
  }

  .book-about-rich-text p {
    margin-bottom: 2.1875rem;
  }

  .book-about-rich-text ul {
    margin-bottom: 1.5625rem;
    padding-left: 1.875rem;
  }

  .book-about-rich-text figure {
    margin-top: 1.875rem;
    margin-bottom: 3.125rem;
  }

  .book-about-rich-text ol {
    margin-bottom: 1.5625rem;
    padding-left: 1.875rem;
  }

  .book-about-rich-text blockquote {
    margin-top: 2.75rem;
    margin-bottom: 3.125rem;
  }

  .book-about-tab-link {
    margin-bottom: 1.25rem;
  }

  .book-ecommerce-features-grid {
    justify-items: stretch;
  }

  .book-ecommerce-feature-wrapper {
    text-align: left;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .book-top-content, .book-bottom-content {
    max-width: none;
  }

  .book-ecommerce-feature-content {
    max-width: 34.375rem;
  }

  .container-medium-711px.faqs {
    text-align: left;
    margin-left: 0;
  }

  .faqs-grid {
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .contact-form-grid {
    grid-template-columns: 1fr;
  }

  .contact-directly-title {
    margin-bottom: .9375rem;
  }

  .button-pagination {
    margin-top: 3.75rem;
  }

  .checkout-form {
    padding-top: 4rem;
    padding-bottom: 6.375rem;
  }

  .checkout-block-header, .checkout-block-content {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .order-item {
    flex-wrap: wrap;
  }

  .checkout-row, .order-item-wrapper {
    flex-direction: column;
  }

  .menu-grid {
    grid-column-gap: 2.5rem;
  }

  .cart-button {
    margin-right: 1.875rem;
  }

  .rich-text-figure-figure-caption h2 {
    margin-bottom: .9375rem;
  }

  .rich-text-figure-figure-caption ul {
    margin-bottom: 1.5625rem;
    padding-left: 1.875rem;
  }

  .rich-text-figure-figure-caption h3, .rich-text-figure-figure-caption h4, .rich-text-figure-figure-caption h5 {
    margin-top: 1.875rem;
  }

  .rich-text-figure-figure-caption ol {
    margin-bottom: 1.5625rem;
    padding-left: 1.875rem;
  }

  .rich-text-figure-figure-caption blockquote {
    margin-top: 2.75rem;
    margin-bottom: 3.125rem;
  }

  .rich-text-figure-figure-caption h6 {
    margin-top: 1.875rem;
  }

  .grid-licenses {
    grid-template-columns: 1fr;
  }

  .licenses-link-image {
    height: auto;
  }

  .card-2.bg-neutral-200.cta {
    padding: 50px 20px;
  }

  .section-2 {
    padding-top: 102px;
    padding-bottom: 102px;
  }

  .section-2.cta {
    padding-bottom: 64px;
  }

  .card-right.ui {
    margin-top: 1rem;
  }

  .card-right.ux {
    margin-bottom: 2rem;
  }

  .card-right.an {
    margin-top: 1rem;
  }

  .card-right.ix {
    margin-bottom: 2rem;
  }

  .card-right.web {
    margin-top: 1rem;
  }

  .card-right.xr {
    margin-bottom: 2rem;
  }

  ._60-40-container {
    flex-direction: column;
  }

  ._60-container {
    width: 100%;
    padding-right: 0;
  }

  ._40-container {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .chapter-image {
    max-width: 80%;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 1.875rem;
  }

  h2 {
    font-size: 1.375rem;
  }

  h3 {
    font-size: 1.25rem;
  }

  h4 {
    font-size: 1.125rem;
  }

  label {
    margin-bottom: .9375rem;
  }

  blockquote {
    background-position: 50% 90%;
    padding: 1.875rem 1.25rem 2.875rem;
    font-size: 1.25rem;
  }

  .container-default {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-default.blog-post {
    margin-bottom: 2.5rem;
  }

  .styleguide-seccion {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .styleguide-header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .color-primary-grid, .color-neutral-grid {
    grid-template-columns: 1fr;
  }

  .paragraph-large.home-hero {
    margin-bottom: 1.875rem;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-large.contact {
    margin-bottom: 1.25rem;
  }

  .styleguide-subheader {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .styleguide-content-wrapper {
    padding: 3.75rem 1.25rem;
  }

  .icons-grid {
    grid-template-columns: repeat(auto-fit, 3.75rem);
  }

  .button-primary {
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .button-primary._2-buttons {
    margin-bottom: 1.25rem;
    margin-right: 0;
  }

  .button-secondary {
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .header {
    padding-top: 1.125rem;
  }

  .header-navigation {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-item-wrapper {
    margin-bottom: 1.625rem;
  }

  .nav-link {
    font-size: 1.375rem;
  }

  .menu-button {
    font-size: 1.625rem;
  }

  .nav-menu {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .footer {
    padding-bottom: 1.25rem;
  }

  .footer-grid {
    grid-row-gap: 1.875rem;
    justify-items: start;
  }

  .footer-logo-container {
    margin-bottom: .9375rem;
  }

  .section {
    padding-top: 5.125rem;
    padding-bottom: 5.125rem;
  }

  .section.home-hero {
    padding-top: 3.1875rem;
    padding-bottom: 6.9375rem;
  }

  .section.home-companies {
    padding-top: 2.8125rem;
    padding-bottom: 2.8125rem;
  }

  .section.home-about {
    padding-top: 1.75rem;
    padding-bottom: 1.975rem;
  }

  .section.cta {
    padding-bottom: 3.1875rem;
  }

  .section.testimonials {
    padding-top: 5.75rem;
    padding-bottom: 6.375rem;
  }

  .section.about-hero {
    padding-top: 3.1875rem;
    padding-bottom: 5rem;
  }

  .section.story {
    padding-top: 4.25rem;
    padding-bottom: 6.375rem;
  }

  .section.about-books {
    padding-top: 4.125rem;
    padding-bottom: 6.375rem;
  }

  .section.more-content {
    padding-top: 4.8125rem;
    padding-bottom: 4.8125rem;
  }

  .section.about-social-media {
    padding-top: 3.1875rem;
    padding-bottom: 3.1875rem;
  }

  .section.blog-hero {
    padding-top: 3.1875rem;
    padding-bottom: 4.0625rem;
  }

  .section.blog-post {
    padding-top: 3.1875rem;
    padding-bottom: 4.125rem;
  }

  .section.blog-post-latest-articles {
    padding-top: 5.125rem;
    padding-bottom: 3.1875rem;
  }

  .section.store {
    padding-top: 3.1875rem;
    padding-bottom: 5.5625rem;
  }

  .section.more-stores {
    padding-top: 5.125rem;
    padding-bottom: 5.125rem;
  }

  .section.book {
    padding-top: 3.1875rem;
    padding-bottom: 4.25rem;
  }

  .section.book-about {
    padding-top: 4.0625rem;
    padding-bottom: 4.0625rem;
  }

  .section.book-ecommerce-features {
    padding-top: 3.75rem;
    padding-bottom: 3.375rem;
  }

  .section.contact {
    padding-top: 3.1875rem;
    padding-bottom: 5.125rem;
  }

  .section.faqs {
    padding-top: 5.75rem;
    padding-bottom: 5.75rem;
  }

  .section.store-category {
    padding-top: 3.1875rem;
    padding-bottom: 5.5625rem;
  }

  .section.blog-category {
    padding-top: 3.1875rem;
  }

  .utility-page-wrap {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .utility-page-content-password {
    padding: 3.5rem 1.25rem;
  }

  ._404-title {
    font-size: 7.5rem;
    line-height: 7.5rem;
  }

  .container-medium-1000px {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-medium-1000px.changelog {
    margin-top: -6.5625rem;
  }

  .divider.header-divider {
    margin-top: 1.125rem;
  }

  .home-hero-wrapper {
    align-items: stretch;
  }

  .split-content.home-hero-left {
    text-align: left;
  }

  .split-content.story-left {
    margin-bottom: 5rem;
  }

  .split-content.about-social-media-left {
    margin-bottom: 1.25rem;
  }

  .split-content.blog-newsletter-left {
    margin-bottom: 1.875rem;
  }

  .split-content.blog-post-main-content {
    margin-bottom: 1.25rem;
  }

  .split-content.blog-post-author {
    flex-wrap: wrap;
  }

  .split-content.contact-left {
    margin-bottom: 1.875rem;
  }

  .subtitle-wrapper.home-hero {
    flex-direction: row;
    justify-content: flex-start;
  }

  .subtitle {
    font-size: 1.3rem;
  }

  ._2-buttons {
    flex-direction: column;
  }

  .image.home-company-logo {
    margin-bottom: .5rem;
  }

  .image.story-right {
    margin-top: 1.875rem;
  }

  .image.book {
    margin-bottom: 1.875rem;
  }

  .image.book-ecommerce-feature {
    width: 4.375rem;
    min-width: 4.375rem;
    height: 4.375rem;
    margin-bottom: .9375rem;
    margin-right: 0;
  }

  .bg.home-hero {
    bottom: -3.6875rem;
  }

  .bg.home-book-chapters-1 {
    display: none;
  }

  .bg.about-hero {
    height: 30%;
  }

  .bg.about-hero-left {
    bottom: -1.9375rem;
  }

  .bg.story-left {
    bottom: -2.125rem;
  }

  .bg.story-right {
    bottom: -2.0625rem;
  }

  .bg.blog-hero {
    height: 15.625rem;
  }

  .bg.about-author {
    bottom: -1.6875rem;
    right: -6.375rem;
  }

  .bg.blog-post {
    height: 38.5625rem;
  }

  .bg.contact-1 {
    bottom: -2.1875rem;
    left: -2.4375rem;
  }

  .bg.contact-2 {
    top: -.8125rem;
    right: -2.75rem;
  }

  .title.home-companies {
    margin-bottom: 1.875rem;
  }

  .title.home-book-chapter {
    font-size: 1.125rem;
  }

  .title.blog-post-item-title {
    margin-bottom: .625rem;
  }

  .title.footer-title {
    margin-bottom: 1.25rem;
  }

  .title.about-book {
    font-size: 1.125rem;
  }

  .title.card-blog-post-featured {
    margin-bottom: .625rem;
  }

  .title.blog-post-latest-articles {
    margin-bottom: 1.25rem;
  }

  .title.store-book {
    font-size: 1.25rem;
  }

  .title.book {
    max-width: 21.875rem;
    margin-bottom: .5rem;
    font-size: 1.625rem;
  }

  .title.faq {
    font-size: 1rem;
  }

  .paragraph.footer-main-content-paragraph, .paragraph.card-about-author {
    margin-bottom: 1.25rem;
  }

  .container-small-592px {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-small-592px.home-book-chapters, .container-small-592px.about-books {
    text-align: left;
    margin-left: 0;
  }

  .home-book-chapters-wrapper {
    margin-bottom: 1.875rem;
  }

  .card.home-book-chapters {
    padding: 3rem 1.25rem;
  }

  .card.bg-neutral-200.cta {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .card.bg-neutral-200.footer-newsletter {
    padding: 2.5rem 1.25rem;
  }

  .card.bg-neutral-200.more-content {
    padding: 1.875rem 1.25rem;
  }

  .card.bg-neutral-200.blog-newsletter, .card.bg-neutral-200.contact-form, .card.bg-neutral-200.checkout-about {
    padding: 2.5rem 1.25rem;
  }

  .card.bg-neutral-200.checkout {
    margin-bottom: 1.25rem;
  }

  .card.bg-neutral-200.cart {
    border-radius: 0;
  }

  .card.blog-post-featured {
    padding-top: 1.25rem;
    padding-bottom: .625rem;
  }

  .card.about-author {
    padding: 1.875rem 1.25rem;
  }

  .card.book-about-tabs-content {
    padding: 1.875rem 1.25rem .625rem;
  }

  .card.faq {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .card.default, .card.changelog {
    padding: 2.5rem 1.25rem;
  }

  .flex-vc {
    align-items: stretch;
  }

  .home-book-chapter-wrapper {
    flex-direction: column;
  }

  .home-book-chapter-number {
    margin-bottom: .9375rem;
  }

  .image-wrapper.blog-post-item-image-wrapper {
    margin-bottom: 1.25rem;
  }

  .image-wrapper.about-book {
    margin-bottom: .9375rem;
  }

  .image-wrapper.blog-post-author {
    margin-bottom: .625rem;
    margin-right: .625rem;
  }

  .image-wrapper.card-about-author {
    width: 6.75rem;
    min-width: 6.75rem;
    height: 6.75rem;
  }

  .image-wrapper.order-item-image {
    margin-bottom: .9375rem;
  }

  .image-wrapper.cart-item-image {
    margin-bottom: .625rem;
  }

  .image-wrapper.icon-style-guide {
    width: 3.75rem;
    min-width: 3.75rem;
    height: 3.75rem;
  }

  .top-content.more-content, .top-content.blog-post {
    margin-bottom: 1.875rem;
  }

  .top-content.blog-post-latest-articles {
    flex-direction: column;
    align-items: stretch;
  }

  .blog-post-item-about-wrapper {
    flex-wrap: wrap;
    margin-bottom: .625rem;
  }

  .blog-post-item-about-divider {
    width: .9375rem;
    margin-left: .625rem;
    margin-right: .625rem;
  }

  .footer-wrapper {
    padding-top: 3.8125rem;
    padding-bottom: 2.875rem;
  }

  .small-print-wrapper {
    margin-top: 1.25rem;
  }

  .footer-nav-wrapper {
    flex-wrap: wrap;
  }

  .footer-nav-box {
    margin-bottom: 1.25rem;
    margin-right: 1.25rem;
  }

  .footer-nav-content {
    flex-wrap: wrap;
  }

  .footer-nav-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .story-left-content {
    margin-bottom: 1.875rem;
  }

  .about-social-media-grid {
    grid-template-columns: repeat(auto-fit, 2.75rem);
  }

  .about-social-media-link {
    width: 3.125rem;
    min-width: 3.125rem;
    height: 3.125rem;
  }

  .about-books-grid {
    grid-row-gap: 3.125rem;
    margin-left: 0;
    margin-right: 0;
  }

  .about-book-content {
    margin-bottom: 1.25rem;
  }

  .about-book-wrapper {
    flex-flow: column;
    align-items: stretch;
  }

  .about-book-bottom-content {
    max-width: none;
  }

  .blog-grid {
    grid-row-gap: 3.125rem;
  }

  .blog-category-item-link {
    padding-left: .625rem;
    padding-right: .625rem;
    font-size: .875rem;
  }

  .container-medium-852px {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-medium-852px.more-stores {
    text-align: left;
    margin-left: 0;
  }

  .rich-text ul {
    padding-left: 1.25rem;
  }

  .rich-text h3 {
    margin-top: 1.5625rem;
    margin-bottom: .625rem;
  }

  .rich-text figure {
    margin-top: 1.5625rem;
    margin-bottom: 2.5rem;
  }

  .rich-text figcaption {
    margin-top: .625rem;
    font-size: 1rem;
  }

  .rich-text h4, .rich-text h5 {
    margin-top: 1.5625rem;
    margin-bottom: .625rem;
  }

  .rich-text ol {
    padding-left: 1.25rem;
  }

  .rich-text blockquote {
    margin-top: 2.125rem;
    margin-bottom: 2.5rem;
  }

  .rich-text h6 {
    margin-top: 1.5625rem;
    margin-bottom: .625rem;
  }

  .blog-post-latest-articles-grid {
    grid-row-gap: 3.125rem;
  }

  .blog-post-about-wrapper, .blog-post-author-content {
    margin-bottom: .625rem;
  }

  .about-author-wrapper {
    margin-top: 2.5rem;
  }

  .card-about-author-name-wrapper {
    margin-bottom: .9375rem;
  }

  .card-about-author-name {
    font-size: 1.375rem;
  }

  .store-grid {
    grid-row-gap: 3.125rem;
  }

  .store-book-content {
    margin-bottom: 1.25rem;
  }

  .store-book-price {
    margin-bottom: .5rem;
  }

  .more-stores-grid {
    grid-column-gap: .9375rem;
    grid-row-gap: .9375rem;
  }

  .book-add-to-cart-grid {
    grid-template-columns: 1fr;
  }

  .book-about-tabs-menu {
    flex-direction: column;
  }

  .book-about-rich-text p {
    margin-bottom: 1.875rem;
  }

  .book-about-rich-text ul {
    padding-left: 1.25rem;
  }

  .book-about-rich-text h3 {
    margin-bottom: .625rem;
  }

  .book-about-rich-text figure {
    margin-top: 1.5625rem;
    margin-bottom: 2.5rem;
  }

  .book-about-rich-text figcaption {
    margin-top: .625rem;
    font-size: 1rem;
  }

  .book-about-rich-text h4, .book-about-rich-text h5 {
    margin-bottom: .625rem;
  }

  .book-about-rich-text ol {
    padding-left: 1.25rem;
  }

  .book-about-rich-text blockquote {
    margin-top: 2.125rem;
    margin-bottom: 2.5rem;
  }

  .book-about-rich-text h6 {
    margin-bottom: .625rem;
  }

  .book-about-tab-link {
    margin-right: 0;
  }

  .book-ecommerce-features-grid {
    grid-row-gap: 3.125rem;
  }

  .book-ecommerce-feature-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .book-quantity, .book-select-wrapper {
    height: 3.75rem;
  }

  .container-medium-711px {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .card-two.faq {
    margin-bottom: 1.5625rem;
    padding: 1.875rem 1.25rem 2.1875rem;
  }

  .faq-icon-wrapper {
    margin-left: .625rem;
  }

  .contact-directly-link {
    flex-wrap: wrap;
    font-size: 1rem;
  }

  .category-title-wrapper.store-category {
    margin-bottom: 1.875rem;
  }

  .category-title-wrapper.blog-category {
    margin-bottom: 1.25rem;
  }

  .store-category-grid {
    grid-row-gap: 3.125rem;
  }

  .button-pagination {
    margin-top: 3.125rem;
  }

  .blog-category-grid {
    grid-row-gap: 3.125rem;
  }

  .checkout-form {
    padding-top: 3.1875rem;
    padding-bottom: 5.125rem;
  }

  .checkout-block-header, .checkout-block-content {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .order-item {
    flex-direction: column;
  }

  .order-item-wrapper {
    margin-right: 0;
  }

  .dropdown-list {
    width: 100%;
  }

  .mega-menu {
    margin-bottom: .625rem;
    margin-right: 2.5rem;
  }

  .mega-menu.last {
    margin-right: 0;
  }

  .mega-menu-title {
    margin-bottom: 1.25rem;
  }

  .header-dropdown-toggle {
    font-size: 1.375rem;
  }

  .menu-grid {
    flex-flow: wrap;
    justify-content: flex-start;
    display: flex;
  }

  .cart-button {
    margin-right: 1.25rem;
  }

  .cart-list, .cart-header, .cart-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .cart-subtotal {
    font-size: 1.125rem;
  }

  .cart-item-quantity {
    width: 3.125rem;
    position: absolute;
    right: 0;
  }

  .cart-item {
    position: relative;
  }

  .cart-item-wrapper {
    flex-direction: column;
    margin-right: 0;
  }

  .rich-text-figure-figure-caption ul {
    padding-left: 1.25rem;
  }

  .rich-text-figure-figure-caption h3 {
    margin-top: 1.5625rem;
    margin-bottom: .625rem;
  }

  .rich-text-figure-figure-caption figcaption {
    margin-top: .625rem;
    font-size: 1rem;
  }

  .rich-text-figure-figure-caption h4, .rich-text-figure-figure-caption h5 {
    margin-top: 1.5625rem;
    margin-bottom: .625rem;
  }

  .rich-text-figure-figure-caption ol {
    padding-left: 1.25rem;
  }

  .rich-text-figure-figure-caption blockquote {
    margin-top: 2.125rem;
    margin-bottom: 2.5rem;
  }

  .rich-text-figure-figure-caption h6 {
    margin-top: 1.5625rem;
    margin-bottom: .625rem;
  }

  .header-dropdown-icon-wrapper {
    margin-left: .625rem;
  }

  .heading-home {
    font-size: 2.3rem;
  }

  .card-2.bg-neutral-200.cta {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .container-default-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-primary-2 {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }

  .section-2 {
    padding-top: 82px;
    padding-bottom: 82px;
  }

  .section-2.cta {
    padding-top: 3rem;
    padding-bottom: 51px;
  }

  .card-left {
    padding-left: 0;
    padding-right: 0;
  }

  ._40-container {
    padding: .5rem;
  }

  .chapter-image {
    max-width: 100%;
  }
}

#Message.w-node-e64b5223-d9c5-3158-60c6-1ac933a5f376-74e6ce3c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e64b5223-d9c5-3158-60c6-1ac933a5f377-74e6ce3c {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: start;
}

#w-node-b12acbf1-4401-ffa1-233f-a292ddc46c10-abe6ce47, #w-node-f883a31a-5f18-7a34-43a1-6d578a17f715-abe6ce47, #w-node-_736a4f51-80ee-b602-655b-93ac609e0d7c-abe6ce47, #w-node-bc5a2fcc-d37b-420b-a5bc-89854bb46816-abe6ce47, #w-node-_2f9cb310-c807-7746-c7c3-56f0f0bd8dd5-abe6ce47, #w-node-f4055a69-9b88-c1f3-7375-8bedfd5278bc-abe6ce47 {
  align-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-e42b472b-d1c3-c34f-5e97-8980d7f24955-ae2f46c5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-e42b472b-d1c3-c34f-5e97-8980d7f24955-ae2f46c5, #Message.w-node-e64b5223-d9c5-3158-60c6-1ac933a5f376-74e6ce3c, #w-node-e64b5223-d9c5-3158-60c6-1ac933a5f377-74e6ce3c {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Icons Book Template';
  src: url('../fonts/icons-book-template.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}