*{
    margin: 0;
    padding: 0;
}

.bg-jkd{
    background-image: url('../img/banner-jkd.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 700px;
}

.jumbotron.bg-jkd h1{
    font-size: 70px;
    font-family: 'Montserrat-Bold';
    text-shadow: 2px 2px white;
}

.desc_jumbotron1{
    margin-top: 225px !important;
}

.desc_jumbotron1, .desc_jumbotron2{
    font-size: 36px;
    font-family: 'Montserrat-SemiBold';
    color: #008060 !important;
    text-shadow: 2px 2px white;
}

.content h2 {
    font-family: 'Montserrat-Bold';
}

.icon-benefit {
    width: 80px;
    height: 80px;
    background-color: #003974;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.curved-10 {
    border-radius: 10px;
}

.content li {
    font-family: 'Montserrat-Regular';
    color: #002f6f;
    font-size: 20px;
}

@media screen and (max-width: 768px) {
    .bg-jkd{        
        background-image: url('../img/banner-jkd.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 350px;
    }

    .jumbotron.bg-jkd h1 {
        font-size: 30px;
        font-family: 'Montserrat-Bold';
        text-shadow: 2px 2px white;
    }
    .content h2 {
        font-family: 'Montserrat-Bold';
        font-size: 20px;
    }
    .content li {
        font-family: 'Montserrat-Regular';
        color: #002f6f;
        font-size: 16px;
    }
}

.judul_bagian2{
    font-family: 'Montserrat-SemiBold';
    display: flex;
    justify-content: center;
    font-size: 30px !important;
}

.desc_bagian2{
    color: #008060 !important;
    font-size: 20px !important;
}

.desc_bagian3{
    font-size: 30px !important;
    margin-top: 65px !important;    
}

.judul_bagian3{
    font-size: 30px !important;
    font-family: 'Montserrat-SemiBold';
}

.judul_bagian4{
    font-size: 30px !important;
    font-family: 'Montserrat-SemiBold';
}

.desc_bagian4{
    font-size: 30px !important;
    margin-top: 65px !important; 
}


.bagian3{
    background-color: #99ccff;
}

.judul_bagian3{
    font-size: 20px !important;
    font-family: 'Montserrat-SemiBold';
}

.isi_1{
    background-color: #002f6f;
    color: white;
    border-radius: 10px;
}

.desc_bagian2{
    color: #008060 !important;
}


.bagian6_atas, .bagian7_atas, .bagian8_atas, .bagian9_atas, .bagian11_atas{
    display: flex;
   
}
.kotak{
    background-color: #ffcc00;
    width: 34px;
    height: 94px;
    /* margin-left: 60px; */
    
}

.judul_bagian6, .judul_bagian7, .judul_bagian8, .judul_bagian9, .judul_bagian10, .judul_bagian11, .judul_FaQ{
    font-family: 'Montserrat-SemiBold';

}

.bagian7, .bagian9, .bagian11{
    background-color: #99ccff;
}


.faq_atas{
    display: flex;
    justify-content: space-between;
}

  
#main #faq .card {
    margin-bottom: 10px;
    border: 0;
}
  
#main #faq .card .card-header {
    border: 0;
    border-radius: 2px;
    padding: 0;
}
  
#main #faq .card .card-header .btn-header-link {
    display: block;
    text-align: left;
    background: white; 
}
  
#main #faq .card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}
  
#main #faq .card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
}

#main #faq .card .collapsing {
    line-height: 30px;
}
  
#main #faq .card .collapse {
    border: 0;
}
  
#main #faq .card .collapse.show {
    line-height: 30px;
    color: #222;
}