@import url("/css/webflow-source.css");

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

.w-webflow-badge {
  display: none !important;
}

.sources-toggle {
  border: 0;
  font: inherit;
}

.sources-content.is-visible {
  display: block !important;
  opacity: 1 !important;
  transform: none !important;
}

@media screen and (max-width: 479px) {
  .nav {
    position: static;
    padding: 20px;
  }

  .nav > .div-block-2 .primary {
    display: none;
  }

  .section {
    height: auto;
    min-height: 0;
    padding-top: 34px;
    padding-bottom: 60px;
  }

  .container,
  .hero-wrapper,
  .left {
    width: 100%;
  }

  .hero-wrapper {
    display: flex;
  }

  .left {
    align-items: center;
  }

  .heading {
    box-sizing: border-box;
    width: calc(100vw - 40px);
    max-width: 100%;
    font-size: 1.55rem;
    text-align: center;
    overflow-wrap: break-word;
  }

  .paragaraph-small {
    max-width: 100%;
  }

  .image-14.mobileonly {
    width: 72%;
    max-width: 100%;
    padding-left: 0;
  }

  .section.unit {
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  .container-unit {
    box-sizing: border-box;
    width: calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
    min-width: 0;
    margin-right: 20px !important;
    margin-left: 20px !important;
    padding: 0;
  }

  .section.unit .heading.left {
    font-size: 2rem;
  }

  .section.unit .content {
    width: 100%;
    flex-wrap: wrap;
  }

  .section.unit .word.in-text {
    margin-left: 0;
    margin-right: 0.5rem;
  }

  .section.unit .content-grid {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem;
  }

  .section.unit .image-card {
    box-sizing: border-box;
    min-width: 0;
    width: auto;
    max-width: 100%;
    padding: 0.65rem;
  }

  .word-image {
    max-width: 100%;
    height: auto;
  }
}