html {
    font-family: 'PT Sans Narrow', sans-serif!important;
    padding: 0;
    margin: 0;
}

body {
    background: #F6F8F9;
}

.bg-navigation{
    background-image: url('../img/MAT1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: multiply;
    border-radius: 0px 0px 170px 0px;
    background-position-y: center;
}


/* Single Content */
.wrap_single_content {}

.single_content {
    background: #fff;
    box-shadow: 0px 5px 40px #0000000D; 
    border-radius: 8px 8px 100px 8px;
}

/* Single Info Kegiatan*/
.single_info_kegiatan 
{
}

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

.single_info_kegiatan_list {}

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

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

.single_info_kegiatan_list_item__body_title {
    color: #084E9D;    
}

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

.single_info_kegiatan_list_item__body_title p {
    color: #151D41;    
}

.single_info_kegiatan_list_lainnya {
    text-align: center;
}

/* Helper */
.btn-yellow{
    background-color: #F0AE4F;
    color: #fff;
}
.bg-blue{
    background-color: #084E9D!important;
}
.text-blue{
    color: #084E9D!important;
}
.logo {
    top: -45px;
    right: -10px;
}
.carousel-indicators{
    bottom: -20px;
}
.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.carousel-indicators li.active {
    background-color: #F0AE4F;
    width: 12px;
    height: 12px;
}
.wrapper-button-daftar-sekarang{
    margin: 75px 0;
}
.card-custom{
    width: 500px;
    box-shadow: 0px 5px 40px #0000000D;
}
.img-custom{
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
}
.bg-yellow{
    background-color: #F0AE4F;
}
.section-2-wrapper{
    margin-top: 150px;
    /* background-image: url('./assets/img/Rectangle\ 3839.svg'); */
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
}
.section-3-wrapper{
    margin-top: 80px;
    /* background-image: url('./assets/img/Rectangle\ 3840.svg'); */
    background-repeat: no-repeat;
    background-position-x: -50%;
    background-position-y: top;
    background-size: 60%;
}
.text-xs{
    font-size: 12px;
}
.text-sm{
    font-size: 14px;
}
@media only screen and (max-width: 820px) {
    .carousel-indicators{
        bottom: 0;
        position: relative;
    }
    .card-custom{
        width: 350px;
    }
    .card-custom-wrapper{
        position: relative!important;
    }
    .logo{
        position: relative!important;
        top: auto;
        right: auto;
    }
}