@import "../../../styles/varibale.scss";
.home__offer__image_head {
  display: flex !important;
  align-items: center;
  width: 100% !important;
  height: 100% !important;
  flex-direction: column;
  padding: 2.5em 0.5em;
}

.home__offer__img {
  width: 20em;
  height: 23em;
  object-fit: contain;
}

.home__offer__title {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 20px;
  color: #2c2c2c;
}

.home__offer__offer_head {
  background: #ffffff;
  border: 1px solid #eb5757;
  border-radius: 4px;
  padding: 0 5px;
  margin: 10px 0;
}

.home__offer__offer {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: #eb5757;
}

.iconLeftDisplay {
  color:#3C3C3C ;
  width: 2.5em;
  height: 2.5em;
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 900;
  justify-content: center;
  border-radius: 50%;
  border: 1.4px solid #3C3C3C;
  top: -24px;
  z-index: 9;
  opacity: 0.5;
  margin-bottom: 0.5em;
  cursor: pointer;
  position: absolute;
  background: $white;
}
.home_offer_image{
  height: auto;
}

.slickContainer {
  margin: 0 3em;
}

.slickContainer .slick-slide div {
  margin: 0 10px;
}

.home__offer__image_head {
  border: 1px solid #e4e4e4;
  border-radius: 6px;
}

.slickContainer>div>div>div>div {
  padding: 0 10px;
  height: 100%;
}

.home__offer__tabs_head {
  :global(.ant-tabs-tabpane) {
    width: 100% !important;
  }
}

.home__offer__tabs_head>div>div>div>div>div {
  padding-bottom: 2px !important;
  height: 100%;
}

.home__offer__tabs_head>div>div>div {
  display: flex !important;
  justify-content: flex-end !important;
  height: 100% !important;
}

.home__offer__tabs_head>div>div:before {
  border: 0 !important;
}

@media (max-width: 767.98px) {
  .home__offer__tabs_head>div>div>div {
    justify-content: center !important;
  }
}


.offersContainer {
  border-radius: 20px;
  width: 100%;
  grid-column: span 3;
  margin-top: 3rem;
  padding: 0 0.75em;

  :global(.slick-dots) {
    width: 40%;
    margin-right: 0% !important;
    margin-left: 0% !important;
    margin-bottom: 5% !important;
  }

  :global(.slick-dots li.slick-active) {
    width: 15px !important;
  }

  :global(.slick-dots li button) {
    height: 16px;
    border: 1.5px solid #291C61;
    font-size: 16px;
    border-radius: 50%;

  }

  :global(.slick-dots li button::before) {
    content: "" !important
  }


}


.offersContainer img {
  border-radius: 20px;
  width: 100%;
    height: 22rem;
  // height: 28em;
}

.offersContainer>div>ul {
  margin-bottom: 0% !important;
  margin-right: 0% !important;
  width: 15%;
}


.latestOffersContainer {
  // display: flex;
  padding: 1em;
  flex-direction: column;
  justify-content: space-evenly;
  max-width: 100%;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.12);
  border-radius: 20px;
  align-items: center;
  grid-column: span 2;
  height: 35.5rem;
  text-align: center;

  :global(.slick-slide img) {
    max-width: 100%;
    width: 98% !important;
    // max-height: 10.1em;
    margin: 0.25em;
  }
  :global(.slick-list){
    height: 34rem  !important;
  }

}

.latestOffersContainer>div>div>div>div>div>div {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
}

// .latestOffersContainer img{
//   width: 100%;
//   height: 14.8vh;
//   margin: 0.25em;
// }

// .latestOffersContainer>div>div>div>div>div>div>img {
//   width: 80%;
//   object-fit: contain;
// }

.latestOffersContainer>div {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.latestOffersContainer>div>div {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.offersText,
.offersTextMobile {
  
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1em;
  text-align: center;
  color: #4A4A4A;
  margin-bottom: 0.5em;
}


.offersTextMobile {
  font-size: 1.2rem;
}

.downIconDisplay {
  // color: #291c61;
  // background-color: #FFFFFF;
  // width: 2.5em;
  // height: 2.5em;
  // display: inline-flex;
  // align-items: center;
  // font-size: 11px;
  // font-weight: 600;
  // justify-content: center;
  // border-radius: 50%;
  // border: 1.4px solid #3C3C3C;
  // top: calc(50% - 16px);
  // z-index: 9;
  // opacity: 0.5;
  // cursor: pointer;
  color: #3C3C3C;
  width: 2.5em;
  height: 2.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1.4px solid #3C3C3C;
  font-size: 12px;
  font-weight: 900;
  bottom: 22px;
  opacity: 0.5;
  margin-top: 0.5em;
  cursor: pointer;
  position: relative;
  background: $white;
}

.downIcon {
  font-size: 12px;
}

.OffersContainerMobile {
  max-width: 100%;
  margin-top: 2em;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 1em;
  display: flex;
  flex-direction: column;
  width: 98%;
}

.OffersContainerMobile img {
  height: 10vh;
}

.home_offer_image_mobile {
  margin-right: 1em;
}

.sliderMain>div>div>div>div>div {
  margin-right: 0.5em;
}

@media (max-width: 1536px) {

 

  .offersContainer img {
    // height: 23em;
  }

  .offersText {
    font-size: 1.2rem;
    margin-top: 1rem;
  }

}

@media (max-width: 1450px) {

  .latestOffersContainer {
    //  height: 34rem;

    :global(.slick-slide img) {
      // height: 7rem;
    }
    :global(.slick-list){
      // height: 32.5rem  !important;
    }
  }

  .offersContainer img {
    // height: 22em;
  }

  .offersText {
    font-size: 1.2rem;
    margin-top: 0.3rem;
  }

}

@media (max-width: 1280px) {

  .offersContainer img {
    // height: 19em;

  }

  .latestOffersContainer {
    // height: 19em;

    :global(.slick-slide img) {
      height: 7em;
    }
  }

  .offersText {
    font-size: 1rem;
    margin-top: 1em;
  }

}

@media (max-width: 1098.29px) {

  .offersContainer img {
    // height: 15em;
  }

  .latestOffersContainer {
    // height: 15em;

    :global(.slick-slide img) {
      height: 4.2em;
      margin: 2px;
    }
  }

  .offersText {
    font-size: 1.2rem;
    margin-top: 1em;
  }

}


// @media (min-height: 611px){

//   .latestOffersContainer {
//     // height: 28em;

//   }

//   .offersContainer img {
//     height: 28em;
//   }

// }

@media (min-width: 1536px) {

  .latestOffersContainer {
    // height: 38rem;

    :global(.slick-slide img) {
      // height: 8.8rem;
    }
    :global(.slick-list){
      // height: 36rem  !important;
    }
  }

  

  .offersText {
    font-size: 1.2rem;
    margin-top: 1.25rem;
  }

}

@media (min-width: 1536px) and (max-width: 1600px) {
  .offersContainer img {
    // height: 28em;
  }
}

@media (min-width: 1600.98px) {
  .offersContainer img {
    //  height: 30em;
  }
}
@media (max-width: 767px) and (max-height: 1024px) {

  .offersContainer {
    max-width: 100%;

    :global(.slick-dots) {
      width: 90%;
      margin-left: 5% !important;
    }
  }

  .offersContainer img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }

}

@media (max-width: 767px) {

  .offersContainer {
    max-width: 100%;
    padding: 0 0.5rem;

    :global(.slick-dots) {
      width: 90%;
      margin-left: 5% !important;
    }
  }

  .offersContainer img {
    max-width: 100%;
    height: auto;
  }

}


@media (min-width:1440px){
  .latestOffersContainer{
    height:40rem ;
    :global(.slick-list){
      height: 39rem !important;
    }
  }
  .offersContainer img {
    height: 25.06rem;
  }
}

@media (min-width:1600px){
  .latestOffersContainer{
    height:39rem ;
    :global(.slick-list){
      height: 37rem !important;
    }
  }
  .offersContainer img {
    height: 25.5rem;
  }
}
@media (min-width:1800px){
  .latestOffersContainer{
    height:44rem ;
    :global(.slick-list){
      height: 42rem !important;
    }
  }
  .offersContainer img {
    height: 30.25rem;
  }
}
@media (min-width:1900px){
  .latestOffersContainer{
    height:47.35rem ;
    :global(.slick-list){
      height: 45.25rem !important;
    }
  }
  .offersContainer{
    padding-left: 5rem;
    padding-right: 5rem;
  }
  .offersContainer img {
    height: 30rem;
  }
}
@media (min-width:1921px){
  .latestOffersContainer{
    height:49rem ;
    :global(.slick-list){
      height: 47rem !important;
    }
  }
  .offersContainer img {
    height: 31.75rem;
  }
}



// @media (max-height: 603px) {

//   .offersContainer {
//     height: 40vh;
//   }

//   .offersContainer img {
//     height: 40vh;
//   }


//   .latestOffersContainer {
//     height: 40vh;
//   }
// }