.hero-4 {
    background-color: transparent !important;
}
.hero-style4 .hero-title{
  font-size: 3rem;
}
.hero-style4 {
    padding: 13px 0 0px 0 !important;
    text-align: justify;
  }
.hero-4 .hero-img-area .hero-image img {
    border-radius: 1px;
    display: none !important;
}
.hero-4 .hero-img-area .hero-image {
    display: none !important;
}
.col-xl-6 {
  width: 100% !important;
    }
.breadcumb-wrapper {
    padding: 37px 0 !important;
    margin-bottom: 2rem;
}
footer[role="contentinfo"] {
    padding: 0em !important;
    margin-top: 3em !important;
}
.footer-layout3 .widget-area {
    padding-top: 44px !important;
}
.th-widget-about .about-text {
    display: none !important;
}
.header-layout6 .menu-area {
    background-color: #ffe712 !important;
}
.mt-4 {
       display: none !important;
}
img:not([draggable]), embed, object, video {
    max-width: 80% !important;
}
    .col-lg-9, .col-lg-10 {
        margin-bottom: 13px;
        background: #82bdef36;
        padding: 13px 0px 0px 21px;
        border-radius: 14px;
    }

.bg-white {
    background-color: transparent !important;
}
.space, .space-bottom {
    padding-bottom: 1px !important;
}
.space, .space-top {
    padding-top: 2em !important;
}
.blog-box .blog-img {
    width: min-content !important;
}
.h2, h2 {
    font-size: 30px !important;   
}  
.h1, h1 {
        font-size: 40px !important;
    }
div.col-lg-4.col-md-6.col-sm-12 {
  width: 20%;
}
.cousrse-card .tags {
    display: none !important;
}
.cousrse-card .box-profile {
  display: none !important;
}
.mb-30 {
    text-align: justify !important;
}
.counter-card {
    background-color: transparent !important;
    padding: 0px 0 !important;
}
div.col-lg-9.col-md-8 {
  background: transparent !important;
}
.col-lg-8 {
        text-align: justify !important;
    }
.popup-search-box {
    background-color: rgb(0 0 0 / 75%) !important;
}
div.col-12:hover {
  background-color: #e1ecf7;  /* warna biru muda, ganti sesuai keinginan */
  transition: background 0.3s;
}
.page-header {
    text-align: center !important;
  
}
.policy-flex {
  display: flex;
  flex-direction: column;
  gap: 1em;
  max-width: 800px;
  margin: 0 auto;
}
.policy-flex details {
  border: 1px solid #e4e6ef;
  border-radius: 10px;
  background: #fafbff;
  padding: 0.5em 1em;
  transition: box-shadow 0.2s;
  margin-bottom: 2px;
}
.policy-flex details[open] {
  box-shadow: 0 2px 16px #e0e7ff66;
  background: #f5f8ff;
}
.policy-flex summary {
  font-size: 1.1em;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  padding: 0.5em 0;
  color: #205295;
  letter-spacing: 0.5px;
  transition: color 0.15s, background 0.2s;
  border-radius: 6px;
  list-style: none;
}
.policy-flex summary:hover, .policy-flex summary:focus {
  color: #3498db;
  background: #eaf3ff;
}
.policy-flex details > *:not(summary) {
  margin-top: 0.75em;
  font-size: 1em;
  color: #232e47;
}
.policy-flex ul {
  padding-left: 1.25em;
  margin: 0.5em 0;
}
@media (max-width: 600px) {
  .policy-flex {
    padding: 0 0.5em;
  }
  .policy-flex details {
    padding: 0.5em;
  }
}