/* carousel */
.carousel-item {
    height: 725px !important;
}
.carousel-item img {
    height: 100% !important;
    filter: brightness(50%) !important;
    object-fit: cover !important;
}
/* judul slide */
.carousel-caption h1 {
    font-size: 2rem !important;
    color: #ffffff !important;
    padding-top: 13rem !important;
    font-weight: 800 !important;
    font-style: italic !important;
}

.text-quran {
    color: #F98820 !important;
}
.carousel-caption p {
    font-size: 0.9rem !important;
}
/* btn */
.btn-hero {
   background-color: #1471eb !important;
   border: #1471eb !important;
}
.btn-hero:hover {
    color: #ffffff !important;
    background-color: #3485ee !important;
    border: 1px solid #3485ee  !important;
}

/* footer */
footer {
    background-color: rgb(255, 255, 255) !important;
    height: fit-content !important;
}
/* .sosmed a {
    padding: 10px !important;
    background-color: white !important;
    margin: 10px !important;
    border-radius: 50% !important; 
} */
.sosmed {
    padding: 10px !important;
}
.sosmed a {
    padding: 20px !important;
}
.sosmed a i {
    font-size: 2em !important;
    color: rgb(0, 0, 0) !important;
    opacity: 0.9;
}
/* hover effect */

.sosmed a:hover {
    /* background-color: rgb(255, 255, 255) !important; */
    transition: 0.5s !important;
}
.sosmed a i:hover {
    color: rgb(255, 123, 70) !important;
    transition: 0.5s !important;
}
.copyright {
    text-align: center !important;
    padding: 20px !important;
    background-color: rgb(169, 167, 167) !important;
    color: rgb(255, 255, 255) !important;
    font-size: medium !important;
}

.santri {
    opacity: 0.7s !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    margin: 0;
}

/* responsive */
@include media-breakpoint-down(md) {
    .btn {
        btn-m
    }
 }