#popupModal .modal-content {
background: rgba(0, 0, 0, 0.8);
}
#popupModal .modal-body {
color: white;
}
.btn-close {
background-color: transparent;
border: 2px solid white;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 5000000;
}
.btn-close:hover {
background-color: white;
color: black;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
background-color: white;
border-radius: 50%;
width: 2rem;
height: 2rem;
}
.carousel-control-prev-icon::after,
.carousel-control-next-icon::after {
content: '';
}
.carousel-control-prev-icon {
mask-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L6.707 7h7.793a.5.5 0 0 1 0 1H6.707l4.647 4.646a.5.5 0 0 1-.708.708l-5.5-5.5a.5.5 0 0 1 0-.708l5.5-5.5a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
mask-size: cover;
}
.carousel-control-next-icon {
mask-image: url("data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 0 0 .708L9.293 7H1.5a.5.5 0 0 0 0 1h7.793l-4.647 4.646a.5.5 0 0 0 .708.708l5.5-5.5a.5.5 0 0 0 0-.708l-5.5-5.5a.5.5 0 0 0-.708 0z'/%3E%3C/svg%3E");
mask-size: cover;
}
.media-content {
width: 100%;
height: 500px;
object-fit: contain;
}
.blog-image img {
width: 416px;
height: 247px;
object-fit: cover;
}