.website-home {
  background-color: $body-color;

  .hero-section {
    border-radius: 50px;
    background-color: $skin-color;
    height: calc(100vh - 200px);

    @media (max-width: 1600px) {
      height: calc(100vh - 123px);

      h5 {
        font-size: 43px;
      }

      p {
        font-size: 16px !important;
      }

      img {
        position: relative;
        bottom: -40px;

        @media (max-width: 992px) {
          bottom: -40px;
          transform: translateX(-41px);
        }

        @media (max-width: 600px) {
          bottom: 38px;
        }
      }
    }

    @media (max-width: 1400px) {
      height: auto;
    }

    @media (max-width: 992px) {
      height: auto;
    }

    @media (max-width: 600px) {
      height: auto;
      img {
        display: none;
      }
    }

    &::after {
      position: absolute;
      top: 79px;
      left: 100px;
      background-position: center;
      // background-image: url(../../public/images/Home/bird.png);
      background-size: 100% 100%;
      width: 566px;
      height: 607px;
      content: '';

      @media (max-width: 1600px) {
        top: 31px;
        left: 100px;
        width: 400px;
        height: 400px;
      }
    }

    &::before {
      position: absolute;
      bottom: -56px;
      left: -46px;
      background-position: center;
      // background-image: url(../../public/images/Home/bird.png);
      background-size: 100% 100%;
      width: 200px;
      height: 200px;
      content: '';
    }
  }

  // Advertisement Section
  .advertisementSection {
    .advertisementBox {
      border: 1px solid $skin-color;
      border-radius: 15px;

      h5 {
        @media (max-width: 1600px) {
          font-size: 20px !important;
        }
        @media (max-width: 600px) {
          font-size: 15px !important;
        }
      }
    }
  }

  // PRODUCT SECTION
  .productSection {
    h4 {
      font-weight: 400;
    }
  }

  .certifiedSlider {
    .slick-list {
      overflow: unset;
    }

    .sllick-dots {
      display: flex !important;

      .slick-active {
        width: 100% !important;
      }

      li {
        button {
          &:before {
            width: 100% !important;
          }
        }
      }
    }

    .slick-next {
      display: flex !important;
      position: absolute;
      top: 580px;
      /* bottom: -423px; */
      right: 20%;
      justify-content: center;
      align-items: center;
      z-index: 200;
      border: 1px solid #ccb392;
      border-radius: 100%;
      width: 60px;
      height: 60px;

      &::before {
        content: none;
      }

      @media (max-width: 1600px) {
        top: 458px;
        right: 15%;
      }
      @media (max-width: 600px) {
        right: 1%;
      }
      @media (max-width: 500px) {
        right: 28%;
      }

      // @media (max-width:380px) {
      //     right: 28%;
      // }
    }

    .slick-prev {
      display: flex !important;
      position: absolute;
      top: 580px;
      /* bottom: -423px; */
      left: 68%;
      justify-content: center;
      align-items: center;
      z-index: 200;
      border: 1px solid #ccb392;
      border-radius: 100%;
      width: 60px;
      height: 60px;

      &::before {
        content: none !important;
      }

      @media (max-width: 1600px) {
        top: 458px;
        left: 68%;
      }

      // @media (max-width:380px) {
      //     left: 30%;
      // }

      @media (max-width: 500px) {
        left: 30%;
      }
    }
  }

  // ABOUT SECTION
  .aboutSection {
    margin-top: 500px;
    margin-bottom: 200px;
    height: 400px;
    @media (max-width: 1600px) {
      .imagePositionLeft {
        transform: translate(-61%, -87%) !important;
      }
    }
    @media (max-width: 992px) {
      .AboutSectionImage {
        transform: translate(-39%, -60%);
      }
      p.descriptionText {
        max-width: 70%;
      }
    }
  }
}