*{
    margin: 0;
    padding: 0;

}

.bg-abc{
    background-image: url('../img/web_abc/background.png');
    background-size: cover;
    background-position: center;
    height: 400px;
   
}

.judul_jumbotron1, .judul_jumbotron2, .judul_jumbotron3{
    font-size: 40px;
    font-family: 'Montserrat-SemiBold';
    /* margin-top: 60px; */
    text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}

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

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

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

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

.desc_bagian3{
    font-size: 20px !important;
    margin-top: 45px !important;    
}

.desc_bagian4{
    font-size: 16px !important;
}

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

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

.isi_1{
    background-color: #003974;
    color: white;
    border-radius: 10px;

}

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

.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;
}

li {
    font-family: 'Montserrat-Regular';
    color: #003974 ;
   
    font-size: 20px;
    
    
 }



@media (min-width: 576px) { 
    .bg-abc{
        background-image: url('../img/web_abc/background.png');
        background-size: cover;
        background-position: center;
        height: 1000px;
       
    }

    .judul_jumbotron1, .judul_jumbotron2, .judul_jumbotron3{
        font-size: 90px;
        font-family: 'Montserrat-SemiBold';
        /* margin-top: 60px; */
        text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
    }

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

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

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

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

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

    .judul_bagian3{
        font-size: 40px;
        font-family: 'Montserrat-SemiBold';
    }

    .judul_bagian4{
        font-size: 40px;
        font-family: 'Montserrat-SemiBold';
        justify-content: center;
    }

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

 @media (min-width: 768px) { 
    .bg-abc{
        background-image: url('../img/web_abc/background.png');
        background-size: cover;
        background-position: center;
        height: 1000px;
       
    }

    .judul_jumbotron1, .judul_jumbotron2, .judul_jumbotron3{
        font-size: 90px;
        font-family: 'Montserrat-SemiBold';
        /* margin-top: 60px; */
        text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
    }

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

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

    .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; 
    }
  }


















  .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;}