/* Hero */
.bg-rounded-white {
  max-width: 490px;
  text-wrap: pretty;
}

/* Videos */
.video-card__content {
    padding: 0;
  }
  
  /* Win Section */
  .win-section h2 {
      margin-bottom: 155px;
      margin-top: -20px;
  }
  
  .win-list-ol {
      list-style: none;
      padding: 0;
      justify-content: space-evenly;
      background-color: var(--primary-background-color);
      border-radius: 10px;
      text-align: center;
      counter-reset: circle-counter;
      align-items: center;
  }
  
  .win-list-li {
      border: 1px solid #e7e7e7;
      border-radius: 10px;
      width: 358px;
      background-color: #fff;
      margin-top: -75px;
      margin-bottom: -75px;
      padding: 20px;
      counter-increment: circle-counter;
      min-height: 320px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-evenly;
  }
  
  .win-list-li::before {
      content: counter(circle-counter);
      background-color: var(--primary-color);
      color: #fff;
      height: 80px;
      width: 80px;
      border-radius: 50%;
      font-size: 32px;
      line-height: 80px;
      margin-top: -60px !important;
  }
  
  .win-list-li h3 {
      margin-top: 25px;
  }
  
  .sales-btn {
      width: 150px;
  }
  
  .app-callout {
      max-width: 725px;
      margin: 125px auto 20px auto;
  }
  
  .app-callout .row {
      align-items: center;
  }
  
  .app-callout p {
      margin-bottom: 10px;
  }
  
  .app-callout h4 {
      font-size: 1.5rem;
      margin: 0;
  }
  
  
  /* Video Section */
  .video-section .color-background {
      padding: 0;
  }
  
  /* Products Section */
  .product-section h2 {
      margin-bottom: 60px;
  }
  
  .product-section picture img {
      width: 520px;
  }
  
  .product-row {
      margin-bottom: 100px;
  }
  
  .product-row > div:first-child {
      text-align: center;
  }
  
  .why-list {
      padding: 0 0 0 12px;
      max-width: 505px;
  }
  
  .why-list li::marker {
      content: "»";
  }
  
  .why-di-list li::marker {
      content: "»";
      color: #00468b;
  }
  
  .why-life-list li::marker {
      content: "»";
      color: #511c6c;
  }
  
  .why-worksite-list li::marker {
      content: "»";
      color: #a30c33;
  }
  
  .why-list li {
      padding-left: 10px;
      margin-bottom: 15px;
  }
  
  .resources-list {
      row-gap: 24px;
  }
  
  .resources-list li {
      max-width: 155px;
      min-width: 125px;
  }
  
  .resources-list img {
      width: 100%;
      border: 1px solid #00468b;
  }
  
  /* Contact Section */
  .contact-section .color-background {
      padding: 0 0 2px 0;
  }
  
  .contact-section h2 {
      margin-bottom: 24px;
      margin-top: 0;
  }
  
  .contact-btn {
      width: 150px;
  }
  
  
  /* Testimonials Section */
  .testimonial-section h2 {
    margin-bottom: 50px;
  }
  
  .testimonials {
    justify-content: center;
  }
  
  .testimonials > div {
    max-width: 380px;
  }
  
  
  /* Media Queries */
  @media screen and (width < 1200px) {
.bg-rounded-white {
  max-width: 424px;
}
      .hero-banner__top {
          background-position-x: 81%;
      }
  
      /* Win Section */
      .win-section h2 {
          margin-bottom: 60px;
      }
  
      .win-list-ol {
          background-color: unset;
          border-radius: 0;
          max-width: 600px;
          flex-direction: column;
          gap: 70px;
          margin: 0 auto;
          justify-content: normal;
      }
  
      .win-list-li {
          width: 100%;
          margin: 0;
          min-height: 255px;
      }
  
      .app-callout {
          margin: 60px auto 20px auto;
          max-width: 600px;
      }
  
      .app-callout h4 {
          margin-bottom: 12px;
      }
  }
  
  @media screen and (width < 900px) {
      .hero-banner__top {
          height: 500px;
          background-position: calc(50% - 516px) 50%;
      }
  
      .hero-banner__content {
          padding: 25px 0 30px 0;
      }
  
      .video-section .row {
          justify-content: center;
          gap: 20px;
          margin: 0;
      }
  
      .video-section .row > div {
          max-width: 48%;
          padding: 0;
      }
  
      .product-row > div:first-child {
          text-align: center;
          margin-bottom: 40px;
      }
  
      .product-section {
          max-width: 600px;
          margin-left: auto;
          margin-right: auto;
      }

      .product-section picture img {
        width: 90%;
    }
  
      .testimonial-section .row {
          gap: 20px;
          justify-content: center;
          margin: 0;
      }
  
      .testimonials > div {
          max-width: 48%;
          padding: 0;
      }
  }
  
  @media screen and (width < 800px) {
      .hero-banner__top {
          background-position: calc(50% - 545px) 50%;
      }
  }
  
  @media screen and (width < 700px) {
      .hero-banner__top {
          height: 400px;
          background-position: calc(50% - 418px) 50%;
      }
  }
  
  @media screen and (width < 600px) {
      .hero-banner__top {
          height: 350px;
          background-position: calc(50% - 372px) 50%;
      }

      .video-section .row > div {
        max-width: 100%;
    }

      .testimonials > div {
        max-width: 100%;
    }
  }
  
  @media screen and (width < 400px) {
      .hero-banner__top {
          height: 250px;
          background-position: calc(50% - 273px) 50%;
      }
    
      .app-callout h4 {
        font-size: 1.25rem;
      }
  }
  
  @media screen and (width <= 425px) {
      .resources-list {
          margin-bottom: 25px;
      }
  }