.container-materi{background-color:#890707;padding:4% 13%}.title-materi{text-transform:uppercase;color:#fff;text-align:center;font-size:2rem;font-weight:700;line-height:40px}.title-card-materi{color:#fff;text-align:center;background-color:#6d0202;border-radius:10px;margin-top:0;font-size:22px;font-weight:600}.child-card-materi{text-align:center}.box-materi{justify-content:center;align-items:start;gap:5rem;margin-top:20px;display:flex}.header-materi{width:100%}.box-isi-materi{text-align:left;background-color:#6d0202;border-radius:10px;flex-direction:column;gap:10px;margin-top:10px;padding:10px;display:flex}.dropdown-isi-materi{cursor:pointer;color:#fff;background-color:#df2028;border-radius:5px;justify-content:space-between;align-items:center;margin:0;padding:10px;font-size:15px;font-weight:500;transition:background-color .3s;display:flex}.dropdown-isi-materi:hover{background-color:#a8181d}.dropdown-content{color:#fff;text-align:left;background-color:#6d0202;border-radius:5px;margin-top:0;padding:10px 10px 10px 30px}.dropdown-content li{padding:5px 0;font-size:14px}.dropdown-content li:hover{background-color:#a8181d}.header-materi-kedinasan{width:18%}.child-card-materi-kedinasan{width:100%}.header-materi-akpol{width:18%}.child-card-materi-akpol{width:100%}@media only screen and (min-width:320px) and (max-width:896px){.box-materi{flex-wrap:wrap;gap:1rem}.container-materi{padding:10% 3%}.header-materi,.header-materi-kedinasan{width:60%}.title-materi{font-size:21px;line-height:25px}}
.parent-container{background-color:#000;justify-content:center;align-items:center;padding:4% 13%;display:flex}.video-container{width:100%;position:relative;overflow:hidden}.video-container:after{content:"";padding-top:56.25%;display:block}.video-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}@media only screen and (min-width:320px) and (max-width:896px){.parent-container{padding:7% 3%}}