.condition_pop-up .close-btn {
  position: absolute;
  right: 82px;
  top: 22px;
  cursor: pointer;
  z-index: 101;
}
.condition_pop-up {
  font-family: "Montserrat", sans-serif;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: #34394d69;
  content: "";
  z-index: 100;
}
.popup-above {
  font-family: "Montserrat", sans-serif;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  background: #34394D69;
  content: "";
  z-index: 100;
}
.condition_pop-up .popup-div {
  /* padding: clamp(20px, 4vw, 54px); */
  padding: min(max(20px, 4vw), 54px);
  padding-top: 0;
  border-radius: 30px;
  top: 50%;
  /* width: clamp(300px, 90%, 1645px); */
  width: min(max(300px, 90%), 1645px);
  left: 50%;
  transform: translate(-50%, -50%);
  margin-bottom: 20px;
  max-height: 90vh;
  overflow: scroll;
  background-color: white;
  position: absolute;
  z-index: 100;
  color: #293450;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
  display: flex;
  flex-direction: column;
}
.condition_pop-up .popup-div::-webkit-scrollbar, .overflow_modal::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}
.popup-above .popup-div {
  border-radius: 30px;
  /* padding-top: clamp(15px, 4vw, 75px);
  padding-bottom: clamp(15px, 4vw, 75px);
  padding-left: clamp(1px, 10vw, 175px);
  padding-right: clamp(1px, 10vw, 175px); */
  padding-top: min(max(15px, 4vw), 75px);
  padding-bottom: min(max(15px, 4vw), 75px);
  padding-left: min(max(1px, 10vw), 175px);
  padding-right: min(max(1px, 10vw), 175px);
  /* width: clamp(300px, 90%, 995px); */
  width: min(max(300px, 90%), 995px);
  background-color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 101;
  position: absolute;
  max-height: 90vh;
  overflow: auto;
  color: #323232;
  text-align: center;
  font-weight: 600;
  /* font-size: clamp(14px, 1vw, 18px); */
  font-size: min(max(14px, 1vw), 18px);
}
.popup-above .popup-div h4 {
  color: #15D6D0;
}
.condition_pop-up .popup-banner {
  background: url(../images/banner.png) no-repeat center top;
  /* padding-top: clamp(39px, 4vw, 76px);
  padding-bottom: clamp(20px, 4vw, 76px);
  padding-left: clamp(20px, 4vw, 50px);
  padding-right: clamp(20px, 4vw, 50px); */
  padding-top: min(max(39px, 4vw), 76px);
  padding-bottom: min(max(20px, 4vw), 76px);
  padding-left: min(max(20px, 4vw), 50px);
  padding-right: min(max(20px, 4vw), 50px);
  border-radius: 0 0 20px 20px;
  /* margin-bottom: clamp(20px, 4vw, 48px); */
  margin-bottom: min(max(20px, 4vw), 48px);
  background-size: 100% 100%;
}
.condition_pop-up .popup-banner2 {
  background: url(../images/banner2.png) no-repeat center top;
  background-size: 100% 100%;
}
.condition_pop-up .popup-banner3 {
  background: url(../images/banner3.png) no-repeat center top;
  background-size: 100% 100%;
}
.condition_pop-up .popup-banner4 {
  background: url(../images/banner4.png) no-repeat center top;
  background-size: 100% 100%;
}
.condition_pop-up .popup-banner-new {
  background:#ecf1f2 url(../images/banner_new.png) no-repeat center top;
  background-size: 100% 100%;
}
@media (max-width: 1025px) and (min-width: 426px){
  .condition_pop-up .popup-banner-new {
    background: url(../images/banner_small.png) no-repeat center top;
    background-size: 100% 100%;
  }
}
.condition_pop-up h1 {
  /* font-size: clamp(20px, 2.5vw, 48px); */
  font-size: min(max(20px, 2.5vw), 48px);
}
.condition_pop-up .banner-desc {
  /* font-size: clamp(8px, 2vw, 18px); */
  font-size: min(max(8px, 0.938vw), 18px);
  margin-bottom: 31px;
  font-weight: 500;
}
.start-now-btn {
  border-radius: 10px;
  background-color: #ff9031;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  /* font-size: clamp(16px, 1.5vw, 24px); */
  font-size: min(max(11px, 1.250vw), 24px);
  /* padding-top: clamp(8px, 1.2vw, 22px);
  padding-bottom: clamp(8px, 1.2vw, 22px);
  padding-left: clamp(15px, 1.7vw, 32px);
  padding-right: clamp(15px, 1.7vw, 32px); */
  padding-top: min(max(10px, 0.9vw), 22px);
  padding-bottom: min(max(10px, 0.9vw), 22px);
  padding-left: min(max(18px, 1.2vw), 32px);
  padding-right: min(max(18px, 1.2vw), 32px);
}
.start-now-btn:hover {
  color: white;
}
.more-link {
  color: #34394d;
}
.condition_pop-up .earn-box {
  border-radius: 10px;
  background-color: #0e3536;
  color: white;
  padding: 5px 26px;
  /* font-size: clamp(11px, 2.5vw, 17px); */
  font-size: min(max(11px, 2.5vw), 17px);
}
.condition_pop-up .earn-box span {
  color: #ff9031;
  /* font-size: clamp(16px, 2.5vw, 28px); */
  font-size: min(max(16px, 2.5vw), 28px);
  font-weight: 600;
}
.id_pop_up_carousel .carousel-box {
  box-shadow: 0px 10px 50px #0000000d;
  border: 1px solid #d3d3d3;
  border-radius: 15px;
  padding: 20px;
  /* margin-bottom: clamp(19px, 2.2vw, 42px); */
  margin-bottom: min(max(19px, 2.2vw), 42px);
  color: #34394d;
  font-size: min(max(8px, 0.833vw), 16px);
}
.id_pop_up_carousel .owl-stage {
  display: flex;
}
.id_pop_up_carousel .owl-item {
  margin-left: 3px;
}
.id_pop_up_carousel .owl-stage .item {
  display: flex;
  flex: 1 0 auto;
  height: 100%;
}
.id_pop_up_carousel .carousel-box h3 {
  color: #1d9ba1;
  font-weight: 600;
  /* font-size: clamp(20px, 2.5vw, 24px); */
  font-size: min(max(20px, 2.5vw), 24px);
  margin-bottom: 16px;
}
.id_pop_up_carousel ol {
  counter-reset: item;
  list-style: none;
}
.id_pop_up_carousel ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #ff9031;
  font-weight: 600;
  padding-bottom: 10px;
  display: inline-block;
  width: 1.5rem;
  margin-left: -2rem;
}
.id_pop_up_carousel ol:last-child li:before {
  padding-bottom: 0;
}
.id_pop_up_carousel ul {
  list-style: none;
}
.id_pop_up_carousel ul li {
  position: relative;
  margin-bottom: 5px;
}
.id_pop_up_carousel ul li::before {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #ff9031;
  border-radius: 50%;
  display: inline-block;
  margin-right: 13px;
  margin-left: -2rem;
  position: absolute;
  top: 3px;
}
.condition_pop-up .footer-desc {
  /* font-size: clamp(12px, 1.3vw, 24px); */
  font-size: min(max(12px, 1.250vw), 24px);
  font-weight: 500;
  margin-bottom: 0;
}
.popup-above .popup-div h4 {
  /* font-size: clamp(20px, 1.6vw, 30px); */
  font-size: min(max(20px, 1.6vw), 30px);
  margin-bottom: 10px;
}
.popup-above .popup-div .earn-cash-desc {
  color: #767676;
  font-weight: 500;
  /* margin: clamp(20px, 2vw, 36px) 0; */
  margin: min(max(20px, 2vw), 36px) 0;
}
.earn-bg {
  /* width: clamp(200px, 16.1vw, 308px); */
  width: min(max(200px, 16.1vw), 308px);
}
@media (max-width: 425px) {
  .popup-above .popup-div {
    padding-left: 15px;
    padding-right: 15px;
  }
  .condition_pop-up .popup-banner2 {
    background: url(../images/banner-mob2.png) no-repeat center top;
    background-size: 100% 100%;
    height: 398px;
  }
  .condition_pop-up .popup-banner3 {
    background: url(../images/banner-mob3.png) no-repeat center top;
    background-size: 100% 100%;
    height: 398px;
  }
  .condition_pop-up .popup-banner4 {
    background: url(../images/banner-mob4.png) no-repeat center top;
    background-size: 100% 100%;
    height: 398px;
  }
  .condition_pop-up .popup-banner {
    background: url(../images/banner-mob-men.png) no-repeat center top;
    background-size: 100% 100%;
    height: 398px;
  }
  .condition_pop-up .close-btn {
    top: 17px;
    right: 14px;

  }
  .close-btn img {
    height: 26px;
    width: 26px;
  }
}

/* 29/09/2021 */
.overflow_modal{
  flex: 1;
  overflow: auto;
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}

/* new condition popup 21/06/2022 */
.condition_pop-up.popup-banner-wrapper .popup-banner {
  padding-top: min(max(39px, 3.5vw), 76px);
  padding-bottom: min(max(20px, 3.5vw), 76px);
  padding-left: min(max(20px, 3.5vw), 50px);
  padding-right: min(max(20px, 3.5vw), 50px);
  margin-bottom: min(max(20px, 3.5vw), 48px);
}
.label_sm{
  background-color: #fff;
  padding: 5px 10px;
  display: inline-block;
  font-size:min(max(10px, 1.042vw), 20px);
  border-radius: 6px;
  font-weight: 500;
  border: 1px dashed #29345080;
}
.text-blue{
  color: #1D9BA1;
}
.earn-box-light{
  background-color: #fff !important;
  color: #293450 !important;
}
.earn-box-title{
  font-size: min(max(20px, 1.042vw), 24px);
  font-weight: 700;
}
.earn-box-subtitle{
  font-size: min(max(10px, 0.833vw), 16px);
}
.earn-box-blue{
  background-color: #2dbdca1a !important;
  color: #293450 !important;
}
.earn-box-blue .earn-box-title{
  color: #FF9031;
}
.info--icon{
  width: min(max(20px, 1.042vw), 24px);
}
.fw-600{
  font-weight: 600;
}