.pagination {
    --bs-pagination-color: rgb(231, 38, 29)!important;
    --bs-pagination-active-color: rgb(231, 38, 29)!important;
    --bs-pagination-active-bg: #FFFFFF!important;
}
.pagination .page-item .page-link:hover,.pagination .page-item .page-link:focus,.pagination .page-item .page-link:active {
    color: #FFFFFF!important;
    border-radius: .5rem;
    background: rgb(231, 38, 29)!important
}
.pagination .page-item.active .page-link {
    background-color: rgb(231, 38, 29)!important;
    border-radius: .5rem;
    color: #FFFFFF!important
}

#BlogId ~ .card-body,
#BlogId + img,
.card-img-ratio,
#blogs-container .card-body,
#blogs-container .card img
{
    background-color: #161616;
}

.carousel-control-next-icon,
.carousel-control-prev-icon
{
  background-color: #c9c7c3;
    border-radius: 15px;
}

.btn-primary {
  background-color: #E7261D;
}

.btn-primary:hover, 
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary,
#btn-back-to-top:hover
{
  background-color: #ffff00 !important;
  color: #0000ff;
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  background-color: #E7261D;
  opacity: 0.3;
}

.accordion-item,
.accordion-button
{
    background-color: #161616 !important;
    border-color: #161616 !important;
}



.modal-body.position-relative {
    display: inline-block;
}
.close-btn {
    position: absolute;
    top: 10px;    
    right: 10px;  
    z-index: 1051;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    line-height: 28px;
    cursor: pointer;
    transition: background-color 0.3s;
    outline: none;
}

.close-btn:hover {
    background-color: rgba(255, 0, 0, 0.8);
}

.bmac-link {
  display: block;
  position: relative;
  text-decoration: none;
}

.bmac-img {
  width: 100%;
  height: auto; /* ????????? ????????? ???????? */
  display: block;
  transition: transform 0.3s ease;
}