.g-fond-bleu {
    background-color: #eef1f6;
}

.g-text-bluecolor {
    color: #003b5c !important;
}

.bg-rewards{
	background-image: url(https://imgcdn.myt.mu/mytmoney/rewards-vouchers/bg-01.jpg);
	background-size: cover;
}

.borderimg {
    border: solid 1px #dbdbdb !important;
}

/*carousel*/

.thepoints .swiper-slide img {
	width: 100% !important;
	border-radius: 15px;
	display: block;
}

.swiper {
  /* overflow: hidden; */ /* Remove or comment this out */
  position: relative; /* Ensure positioning works for arrows */
}

/* Arrow common styling */
.swiper-button-prev,
.swiper-button-next {
  top: 40%;   /* vertical center */
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  border-radius: 50%;
  z-index: 10;
}

/* Keep arrows just inside container edges */
.swiper-button-prev {
  left: 10px;
}
.swiper-button-next {
  right: 10px;
}

/* Optional: smaller arrow icon */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px;
}

/*carousel*/


.modal-custom {
    width: 100% !important;
    height:60% !important;
    position: absolute;
    bottom: 0%;
    border-radius: 20px 20px 0px 0px;
    background-color: #F9F9F9;
}

@media (max-width: 767px) {
    .modal-custom {
        width: 100% !important;
        height: 60% !important;
        position: absolute;
        bottom: 0%;
        border-radius: 20px 20px 0px 0px;
        background-color: #F9F9F9;
    }
}