/*=============== CARD ===============*/
.slider-container {
  border: 0.74px solid yellow;
  background-color: #032628;
  border-radius: .5rem;
  margin-bottom: 20px;
  width: 100%;
}

.slider-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.offerwall-area {
  text-align: center;
  padding: 7px 0;
  display: flex;
  justify-content: space-between;
  margin-inline: 0.8rem;
}
.offerwall-txt {
  font-size: 16px;
    padding: 5px 0;
  font-weight: bold;
  color: #fff;
}



.card__container {
  padding: 1rem 0;
  /*height:250px;*/
}

.card__content {
  margin-inline: 0.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
}

.card__article {
  border-radius: 0.5rem;
  overflow: hidden;
}

.card__image {
  position: relative !important;
  background-color: #2f549e;
  border: 0px solid #5f6368;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}




/*
- Offerwall name like-tplayad Starts here!
*/


.card__image0 {
  position: relative !important;
  background-color: #0c8a81;
  border: 0px solid #0c8a81;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image0 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image0 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like-tplayad ends here!
*/



/*
- Offerwall name like-timewall Starts here!
*/


.card__image1 {
  position: relative !important;
  background-color: #4eb76e;
  border: 0px solid #4eb76e;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image1 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image1 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like-timewall ends here!
*/



/*
- Offerwall name like-Clickwall Starts here!
*/


.card__image2 {
  position: relative !important;
  background-color: #8a0b5b;
  border: 0px solid #8a0b5b;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image2 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image2 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like-Clickwall ends here!
*/


/*
- Offerwall name like- notik Starts here!
*/


.card__image3 {
  position: relative !important;
  background-color: #0b8a8a;
  border: 0px solid #0b8a8a;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image3 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image3 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- Notik ends here!
*/




/*
- Offerwall name like- REVENUE CPA Starts here!
*/


.card__image02 {
  position: relative !important;
  background-color: #ba891e;
  border: 0px solid #0b8a8a;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image02 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image02 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- REVENUECPA ends here!
*/




/*
- Offerwall name like- Primewall Starts here!
*/


.card__image4 {
  position: relative !important;
  background-color: #dedede;
  border: 0px solid #dedede;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image4 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image4 .rating_icons_primewall {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: red;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- Primewall ends here!
*/




/*
- Offerwall name like- Adrewmedia Starts here!
*/


.card__image5 {
  position: relative !important;
  background-color: #0b648a;
  border: 0px solid #0b648a;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image5 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image5 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- Adrevmedia ends here!
*/



/*
- Offerwall name like- taskwall Starts here!
*/


.card__image8 {
  position: relative !important;
  background-color: #3a29d6;
  border: 0px solid #3a29d6;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image8 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image8 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- taskwall ends here!
*/









/*
- Offerwall name like- Revtoo Starts here!
*/


.card__image9 {
  position: relative !important;
  background-color: #0e8cb3;
  border: 0px solid #0e8cb3;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image9 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image9 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- Revtoo ends here!
*/





/*
- Offerwall name like- Adfleetmedia Starts here!
*/


.card__image10 {
  position: relative !important;
  background-color: #7d9618;
  border: 0px solid #7d9618;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image10 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image10 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- Adfleetmedis ends here!
*/




/*
- Offerwall name like- Adoffers Starts here!
*/


.card__image12 {
  position: relative !important;
  background-color: #7d38c2;
  border: 0px solid #4d0e8c;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image12 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image12 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- Adoffers ends here!
*/




/*
- Offerwall name like- UPWALL Starts here!
*/


.card__image13 {
  position: relative !important;
  background-color: #2b44cf;
  border: 0px solid #2b44cf;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image13 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image13 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- UPWALL ends here!
*/




/*
- Offerwall name like- revlum Starts here!
*/


.card__image14 {
  position: relative !important;
  background-color: #27add6;
  border: 0px solid #27add6;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image14 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image14 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- revlum ends here!
*/




/*
- Offerwall name like- kiwiwall Starts here!
*/


.card__image15 {
  position: relative !important;
  background-color: #0e7d49;
  border: 0px solid #0e7d49;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image15 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image15 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- kiwiwall ends here!
*/



/*
- Offerwall name like- CPX RESEARCH Starts here!
*/


.card__image16 {
  position: relative !important;
  background-color: #3c9c10;
  border: 0px solid #0e7d49;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image16 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image16 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- CPX RESEARCH ends here!
*/



/*
- Offerwall name like- Torox Starts here!
*/

.card__image00 {
  position: relative !important;
  background-color:#9448db;
  border: 0px solid #9b51e0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image00 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image00 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}


/*
- Offerwall name like- Torox ends here!
*/



/*
- Offerwall name like- LOOTABLY Starts here!
*/

.card__image000 {
  position: relative !important;
  background-color: #27add6;
  border: 0px solid #27add6;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 200px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image000 .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image000 .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}


/*
- Offerwall name like- LOOTABLY ends here!
*/










/*
- Offerwall name like- BITCOTASKS Starts here!
*/


.card__image_bitco {
  position: relative !important;
  background-color:#910c2b;
  border: 1px solid #910c2b;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image_bitco .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image_bitco .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- BITCOTASKS ends here!
*/




/*
- Offerwall name like- offer4crypto Starts here!
*/


.card__image_offer4crypto {
  position: relative !important;
  background-color: #2787d6;
  border: 0px solid #2787d6;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image_offer4crypto .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image_offer4crypto .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- offer4crypto ends here!
*/







/*
- Offerwall name like- EXCENTIV Starts here!
*/


.card__image_excentiv {
  position: relative !important;
  background-color:#198754;
  border: 0px solid #198754;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image_excentiv .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image_excentiv .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- EXCENTIV ends here!
*/



/*
- Offerwall name like- offerwallmedia Starts here!
*/


.card__image_offerwallmedia {
  position: relative !important;
  background-color: #27add6;
  border: 0px solid #27add6;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 180px !important;
  transition: border 1s; /* Smooth transition for the border */
}
  .card__image_offerwallmedia .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;

}
.card__image_offerwallmedia .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}



.card__image .percent {
    position: absolute;
    top: 5%;
    right: 0;
    background: #FFF8F3;
    color: #131842;
    padding: 3px 5px;
    font-weight: 700;
    border-radius: 10px 0 0 10px;
}

/*
- Offerwall name like- offerwallmedia ends here!
*/








.card__img {
  width: 200px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

/*
- Offerwall for ALL BACKGROUND STARTS 
*/

.earn_card__img {
  width: 200px;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

.card__name {
  font-size: 1rem;
  color: #fff;
  margin-top: 0;
  margin-bottom: .5rem;
  position: absolute;
  bottom: 25px;
}

/*
- Custom Ratings
*/

.card__image .rating_icons {
    position: absolute;
     font-size: 0.8em; 
    bottom: 10px;
    display: inline-block !important;
    color: #ffd700;
}

/* Swiper class */
.swiper-button-prev:after,
.swiper-button-next:after {
  content: "";
}
.swiper-button-prev,
.swiper-button-next {
  position: static !important;
  display: inline-block !important;
}
.swp-button {
  position: static !important;
  display: inline-block !important;
}

/* For medium devices */
@media screen and (min-width: 720px) { }

/* For large devices */
 @media screen and (min-width: 1050px) { } 
/*=============== BREAKPOINTS ===============*/

@media screen and (max-width: 600px) {
    .off_blc_txt {
        font-size: 18px;
    }
}
@media screen and (max-width: 500px) {
    .off_blc_txt{
        font-size: 16px;
    }
    .blc_claim_btn {
        font-size: 14px;
    }
}
@media screen and (max-width: 350px) {
    .off_blc_txt{
        font-size: 13px;
    }
    .blc_claim_btn {
        font-size: 12px;
    }
}