/* General */
html {
    font-family: 'PT Sans Narrow', sans-serif!important;
}

body {
    background: #F6F8F9;
}

/* Header */
.header {}

.navigasi {
    margin-top: 20px;
}

/*  Info Kegiatan */
.wrap_info_kegiatan {}

.info_kegiatan 
{
    background: url('../img/Rectangle 3839.svg') no-repeat bottom right;
}

.info_kegiatan__title {
    color: #084E9D;    
    text-align: center;
    margin: 3rem 0;
}

.info_kegiatan_list {}

.info_kegiatan_list_item__image {
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;    
}

.info_kegiatan_list_item__body {
    background: #fff;
    min-height: 230px;
    text-align: center;
}

.info_kegiatan_list_item__body_title {
    color: #084E9D;    
}

.info_kegiatan_list_item__body_title h3 {
    font-size: 1.2em;
}

.info_kegiatan_list_item__body_title p {
    color: #151D41;    
}

.info_kegiatan_lainnya {
    text-align: center;
}

/* Tentang Masjid */
.tentang_masjid {
    background: url('../img/Rectangle 3840.svg') no-repeat center left;    
}

.tentang_masjid_image {}

.tentang_masjid_body {}

.tentang_masjid_body h1 {
    color: #084E9D;    
}

/* Nomor rekening */
.nomor_rekening {}

.nomor_rekening_title h1 {
    color: #ffffff;
}

/* Campaign */
.campaign {}

.campaign_title h2 {
    text-align: center;
    color: #084E9D;
}

.campaign_list {}

.campaign_list_item {
    margin-bottom: 30px;
}

.campaign_list_item .card-title h5 {
    color: #084E9D;   
}

.campaign_list_item hr {
    background: #084E9D 0% 0% no-repeat padding-box; 
    border-radius: 10px; opacity: 1; height: 5px;
}

/* Pagination */
.pagination .page-item:not(:last-child) {
    margin-right: 10px;
}

.pagination .page-item .page-link {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50rem;
    border-color: #084c99;
    color: #084c99;
    background-color: transparent;
    width: 40px;
    height: 40px;
}

.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover {
    color: #fff;
    background-color: #084c99;
}

/* Sticky Nav QRIS */
.sticky-nav-qris {
    position: fixed;
    right: 3%;
    bottom: 5%;
}
.sticky-nav-qris .btn {
    border-radius: 50rem;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

/* Footer */
.footer {
    margin-top: 60px;
    padding: 100px 0;
    background-image: url("../img/Image 74.png");
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    border-radius: 0px 170px 0px 0px;
    background-position-y: center;
}

.footer_logo img {
    background: #ffffff;    
}