footer {
      background: var(--bs-primary);
      border-radius: 48px 48px 0 0;
    }


    .hero-font {
      font-family: "Reddit Sans";
      font-size: 48px;
      font-style: normal;
      font-weight: 700;
      line-height: 110%;
    }

    .feature {
      display: flex;
      flex-direction: column;
      text-align: center;
      align-items: center;
      gap: 8px;
      max-width: 400px;
      margin-bottom: 32px;
    }

    .small-hero {
      font-family: "Reddit Sans";
      font-size: 40px;
      font-style: normal;
      font-weight: 700;
      line-height: 110%;
    }



    .feature-icon {
      font-size: 40px;
      display: block;
      color: var(--bs-primary);
    }

    .section-icon {
      font-size: 64px;
      display: block;
      color: var(--bs-primary);
    }

    .logo img {
      width: 100%;
    }

    body {
      margin-bottom: 0;
    }


    .hero-2-img {
      width: 100%;
    }




    @media screen and (max-width: 768px) {
      nav {
        padding: 24px;
      }

      .hero {
        padding: 32px 24px;
      }

      footer {
        padding: 64px 24px;
      }

      .hero-1-img {
        width: 300px;
      }

      .hero-2-img {
        width: 330px;
      }

      .revert-sm{
        flex-direction: column-reverse;
      }

      body{
        padding-bottom: 0 !important;
      }

    }

    @media screen and (min-width: 769px) and (max-width: 1199px) {
      nav {
        padding: 36px;
      }

      footer {
        padding: 64px 96px;
      }

      .hero {
        padding: 64px;
      }

      .hero-1-img {
        width: 260px;
      }


    }

    @media screen and (min-width: 1200px) and (max-width: 1799px) {
      nav {
        padding: 36px;
      }

      footer {
        padding: 64px 256px;
      }

      .hero {
        padding: 64px 136px;
      }

      .hero-1-img {
        width: 400px;
      }

    }
    @media screen and (min-width: 1800px){
      nav {
        padding: 36px;
      }

      footer {
        padding: 64px 544px;
      }

      .hero {
        padding: 64px 544px;
      }

      .hero-1-img {
        width: 400px;
      }

    }