/* Osl section */
  .osl {
      padding: 30px 0;
      background-color: #96A1AC;
      overflow: hidden;

      .osl-box {
          display: flex;
          flex-wrap: wrap-reverse;
          align-items: center;
          justify-content: space-evenly;
          overflow: hidden;

          .osl-content {
              width: 100%;
              max-width: 600px;
              padding: 20px;
              color: #fff;
              display: flex;
              flex-direction: column;
              gap: 10px;

              h1 {
                  font-size: 35px;
                  font-weight: 600;
                  line-height: 45px;
              }

              .line {
                  border: 2px solid #8566D6;
                  width: 60px;
              }

              p {
                  font-size: 16px;
                  line-height: 25px;
              }
          }
      }
  }

  .osl-box-animation {
      animation: osldowntoup 2s ease-in-out;
  }

@keyframes osldowntoup {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
  @media (min-width: 320px) and (max-width: 668px) {
      .osl-content {
          width: 100%;

          h1 {
              font-size: 25px;
              font-weight: 600;
              line-height: 40px;
          }
      }

      .osl-img img {
          width: 100%;
          max-width: 300px;
          height: auto;
      }
  }

  @media (min-width: 668px) and (max-width: 1024px) {
      .osl-content {
          width: 50%;
      }

      .osl-img {
          width: 50%;
          height: 50%;

          img {
              width: 100%;
              height: 100%;
              object-fit: cover;
          }
      }
  }