/* Offer css starts here */

.offer-banner-sec {
  position: relative;
  background-image: url("/assets/images/distBrands-16b893b9.png");
  height: 459px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
      margin-top: 100px;
}
.offer-banner-textbox {
  display: flex;
  align-items: center;
  justify-content: end;
}

.offer-banner-h1 {
   color: #fff;
   padding: 23px;
   background-color: #00A695;
  font-weight: 400;
  font-size: 32px;
  line-height: 52px;
  font-family: "Poppins", sans-serif;
}

.offer-banner-box {
    width: 100%;
    height: 459px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.offer-page-section {
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
}

.offer-page-section .container::after {
  content: "";
  background: url("/assets/images/Ellipse11-fbedfca6.png");
    height: 100px;
    width: 100px;
  top: 38px;
  right: -6%;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
}

.offer-page-section .container::before {
  content: "";
  background: url("/assets/images/Distribution_circle-d8c336bb.png");
  height: 100px;
  width: 100px;
  left: 0%;
  bottom: -6%;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  display: block;
}

.offer-page-section h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  text-align: center;
  line-height: 52px;
  color: #74598e;
  padding-bottom: 20px;
  text-transform: capitalize;
}

.offer-page-section .container h2 {
  font-weight: 400;
  font-size: 25px;
  line-height: 38px;
  text-align: center;
  color: #ffffff;
}

.offer-page-section .container {
  padding-top: 35px;
  padding-bottom: 70px;
  position: relative;
}

/* Offer css ends here */

/* offer-page brand css starts here */

.offerpage-brand-container {
  background: #ffffff;
  border-radius: 20px;
  width: 286px;
  height: auto;
  margin: auto;
  margin-top: 55px;
  border: 2px solid #00A695;
}

.offerpage-imgbox {
  text-align: center;
  margin: auto;
  padding-top: 3px;
  height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.offerpage-btns {
  margin-top: 20px;
  border: none;
  width: 226px;
  text-align: center;
  color: #ffffff;
  height: 35px;
  background: #00a695;
  border-radius: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}

.offerpage-btns:hover {
  transition: all 0.3s linear;
  background: #ffffff;
  border: 1px solid #00a695;
  color: #00a695;
}




@media (max-width: 1200px) {
  .offer-page-section .container::before {
    width: 62px;
    height: 62px;
    background-size: contain !important;
    background-size: 92px;
  }
}
@media (max-width: 1024px) {
  .offer-page-section .container::after {
        height: 42px;
        width: 42px;
        top: 26px;
        right: 0%;
    }
    .offer-page-section .container::before{
        bottom: 0% !important;
    }
}


@media (max-width: 768px) {
    .logo_two img {
    width: 40% !important;
    height: auto;
}
  .offer-banner-h1 {
    font-size: 22px;
    line-height: 30px;
    text-align: start;
    padding:5px;
  }
  .offer-banner-box {
    height:350px;
  }
  .offer-banner-textbox {
    justify-content: center;
  }
  .offer-banner-sec {
    height: 350px;
    width: 100%;
    background-size: none;
  }
  .offer-page-section .container::after {
    height: 42px;
    width: 42px;
    top: -20px;
    right: 0%;
  }
  .offer-page-section .container::before {
    height: 42px;
    width: 42px;
    left: 0%;
    bottom: 5%;
    background-size: contain;
  }
  .offerpage-brand-container {
    width: 260px;
    height: 160px;
    margin: auto;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .offer-page-section h2 {
    font-size: 24px;
}
}
@media (max-width: 992px) {
  .offer-page-section {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}

@media (max-width: 600px) {
.offerpage-brand-container {
    height: auto !important;
}
.offer-page-section .container::after {
    height: 62px;
    width: 62px;
    top: 30px;
    right: 4%;
}
.offer-banner-sec{
    height: 250px;
}
.offer-banner-box{
    height: 497px;
}
.offer-banner-h1{
    padding: 5px 20px;
}
.offer-banner-box{
    justify-content: center;
}
.offer-page-section h2{
    padding-top:20px;
}
}


@media (max-width: 500px) {
 .offer-page-section .container::after {
    height: 40px;
    width: 40px;
    top: -240px !important;
    right: 0%;
  }
  
 .offer-page-section .container::before {
    height: 42px;
    width: 42px;
    left: 0%;
    bottom: 0%;
    background-size: contain;
}
  
  .offer-page-section .container h2 {
    font-size: 20px;
    line-height: 38px;
  }
  .offer-banner-h1 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
  }
  .offer-page-section {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    }
   .offer-page-section h2{
       margin:0px;
   }
  .offer-page-section .container {
    padding-top: 0px;
    padding-bottom: 35px;
    width: 98%;
  }
}
@media (max-width: 400px) {
  /*.offer-page-section .container::after {*/
  /*  right: -1%;*/
  /*}*/
  .offer-page-section .container::before {
    height: 40px;
    width: 40px;
    left: 0%;
    bottom: 0px;
    background-size: contain;
  }
}
/* offer-page brand css ends here */