body {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   background-color: #fbfaf8;
}
body a {
   color: #202020;
}
body a:hover {
   color: gray;
   text-decoration: none;
}
/* TOP BAR */
.top-bar {
   background-color: #32642d;
   color: #ffffff;
   font-size: 14px;
   padding: 16px 0 0;
}
.top-bar a {
   color: #ffffff;
}
.top-bar a:hover {
   color: #224820;
}
.top-bar i {
   margin-right: 5px;
}

/* MENU BAR */
.menu-bar {
   text-transform: uppercase;
   font-weight: bold;
   background-color: #224820;
   border-bottom: 1px solid #32642d;
}
.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}
.sm-clean {
   background: #224820;
}
.sm-clean ul {
   background: #32642d;
}
.sm-clean ul a {
   color: #fff;
}
/* Dropdown hover background Menu */
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
   background: #224820;
   color: #fff;
}

/* CAROUSEL */
.carousel-caption {
   border-top: 1px solid #fff;
   color: #fff;
   background: #32642d;
   opacity: 0.7;
   right: 0;
   left: 0;
   bottom: 0;
   text-align: left;
   padding: 30px;
}
.carousel-caption h2 {
   color: #fff;
}
.carousel-indicators li {
   background-color: #fff;
}
.carousel-indicators .active {
   background-color: #fbbc05;
}

/*  LOGO */
.brand {
   font-family: Arial, sans-serif, "Helvetica Neue", Helvetica;
   font-weight: bold;
   text-transform: uppercase;
   color: #fbbc05;
}

/* PAGE TITLE */
.page-title {
   font-weight: bold;
   border-bottom: 2px solid #fbbc05;
   margin-bottom: 15px;
   padding-bottom: 10px;
   margin-top: 0px;
}
.page-title:after {
   border-bottom: 2px solid #224820;
   width: 30%;
   display: block;
   position: absolute;
   content: '';
   padding-bottom: 10px;
}
footer .page-title:after {
   border-bottom: 2px solid #fff;
}
/* TESTIMONI */
.quote {
   overflow: hidden;
   background-color: #32642d;
}
.quote-title {
   font-size: 14px;
   font-weight: bold;
   text-transform: uppercase;
   display: inline-block;
   padding: 15px 15px;
   color: #FFF;
   float: left;
   background-color: #fbbc05;
   left: 0px;
   top: 0px;
   height: 50px;
}
ul.quote {
   display: block;
   padding: 0;
   margin: 0;
   list-style: none;
   line-height: 1;
   position: relative;
   overflow: hidden;
   height: 50px;
   background-color: transparent;
}
ul.quote li {
   color: #fff;
   position: absolute;
   top: -950em;
   left: 0;
   display: block;
   white-space: nowrap;
   font: 14px Helvetica, Arial, sans-serif;
   padding: 17px 15px 15px 15px;
}
ul.quote li span {
   color: #fbbc05;
   font-weight: bold;
}

/*  Conten */
h5.card-title {
   font-size: 16px;
   font-weight: bold;
}

/* Sidebar */
.sidebar .list-group-item {
   border: 1px solid #6c757d;
}

/* Footer */
footer {
   color: #fff;
   font-size: 14px;
}
footer .primary-footer {
   background-color: #32642d;
   padding: 30px 0;
}
footer .secondary-footer {
   border-top: 1px solid #fff;
   background-color: #224820;
   padding: 10px 0;
}
footer .copyright {
   color: #fff;
   /* border-top: 1px solid #fff; */
}
footer a {
   color: #ffffff;
}
footer a:hover {
   color: yellow;
}
footer .page-title {
   color: #ffffff;
}
.social-icon {
   width: 40px;
   height: 40px;
   font-size: 15px;
   background-color: blue;
   color: #fff;
   text-align: center;
   margin-right: 10px;
   padding-top: 12px;
   border-radius: 50%;
}
.linked-in{
   background-color:#007bb6;
}
.facebook{
   background-color:#3b5998;
}
.twitter{
   background-color:#1da1f2;
}
.instagram {
   background-color:#fbbc05;
}
.youtube {
   background-color:#ef4e17;
}
.primary-footer nav ol.breadcrumb {
   background-color: transparent;
}

/* Tags */
.tag-content-block {
   display:block;
}
.tag a {
   border: 1px solid #fff;
   padding:12px 10px 8px 10px;
   color:#fff;
   display:inline-block;
   font-size:12px;
   text-transform:uppercase;
   line-height:11px;
   margin-bottom:5px;
   margin-right:2px;
   text-decoration:none;
}
.tag a:hover {
   border: 1px solid #fbbc05;
   color: #fff;
}

/* Fullscreen Search */
#search_form {
   z-index: 999999;
   position: fixed;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.9);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   -webkit-transform: translate(0px, -100%) scale(0, 0);
   -moz-transform: translate(0px, -100%) scale(0, 0);
   -o-transform: translate(0px, -100%) scale(0, 0);
   -ms-transform: translate(0px, -100%) scale(0, 0);
   transform: translate(0px, -100%) scale(0, 0);

   opacity: 0;
}

#search_form.open {
   -webkit-transform: translate(0px, 0px) scale(1, 1);
   -moz-transform: translate(0px, 0px) scale(1, 1);
   -o-transform: translate(0px, 0px) scale(1, 1);
   -ms-transform: translate(0px, 0px) scale(1, 1);
   transform: translate(0px, 0px) scale(1, 1);
   opacity: 1;
}

#search_form input[type="search_form"] {
   position: absolute;
   top: 50%;
   width: 100%;
   color: rgb(255, 255, 255);
   background: rgba(0, 0, 0, 0);
   font-size: 60px;
   font-weight: 300;
   text-align: center;
   border: 0px;
   margin: 0px auto;
   margin-top: -51px;
   padding-left: 30px;
   padding-right: 30px;
   outline: none;
}
#search_form .btn {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: 61px;
   margin-left: -45px;
}

.action-button {
   background-color: #224820;
   color: #fff;
}
.action-button:hover {
   background-color: #32642d;
   color: #fff;
}

/* Responsive */
/*  Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
   .top-left{
      text-align: center !important;
   }
   .top-right {
      display: none;
   }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
   .top-left{
      text-align: center !important;
   }
   .top-right {
      display: none;
   }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
   .top-left{
      text-align: center !important;
   }
   .top-right {
      display: none;
   }
}

/* Overide Toastr color */
.toast {
  background-color: #030303;
}
/* custom toastr success */
.toast-success {
  background-color: #00cb18;
}
/* custom toastr error */
.toast-error {
  background-color: #ef5137;
}
/* custom toastr info */
.toast-info {
  background-color: #4b8df8;
}
/* custom toastr warning */
.toast-warning {
  background-color: #ffb848;
}
.toast-title, .toast-message {
   text-align: left;
}
.top-header {
  display: flex;
  align-items: center/* vertical alignment */
}
/* return to top */
#return-to-top {
   opacity: 0.7;
   z-index: 10000;
   position: fixed;
   bottom: 15px;
   right: 15px;
   background: #fbbc05;
   width: 30px;
   height: 30px;
   display: block;
   text-decoration: none;
   display: none;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
#return-to-top i {
   color: #fff;
   margin: 0;
   position: relative;
   left: 9px;
   top: 5px;
   font-size: 19px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}
#return-to-top:hover {
   background: #000;
}
#return-to-top:hover i {
   color: #fff;
}


/* ======================================================
   TEMA HIJAU PASTEL — SOFT, ELEGAN, DAN RESPONSIF
   Override warna saja; struktur dan fungsi template tetap.
   ====================================================== */
:root {
  --green-deep: #477b68;
  --green-main: #79a994;
  --green-soft: #dceee4;
  --green-pale: #f2f8f3;
  --mint: #e8f4ed;
  --sage: #b9d4c4;
  --cream: #fffdf8;
  --text-main: #34483e;
  --accent: #d6b978;
}
body {
  font-family: "Nunito", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: var(--green-pale);
  color: var(--text-main);
}
body a { color: #477b68; transition: color .2s ease; }
body a:hover { color: #2f5e4c; }
.top-bar { background: linear-gradient(110deg,#dceee4,#edf6ef); color:#456b59; padding:14px 0 4px; }
.top-bar a { color:#456b59; }
.top-bar a:hover { color:#2f5e4c; }
.menu-bar { background:#6f9f88; border-bottom:3px solid #c5dfcf; box-shadow:0 5px 18px rgba(62,103,81,.09); }
.sm-clean { background:#6f9f88; }
.sm-clean ul { background:#86b39b; border:0; border-radius:0 0 10px 10px; box-shadow:0 8px 20px rgba(39,73,54,.12); }
.sm-clean ul a { color:#fff; }
.sm-clean ul a:hover,.sm-clean ul a:focus,.sm-clean ul a:active,.sm-clean ul a.highlighted { background:#dceee4; color:#365c49; }
.sm-clean a { color:#fff; }
.sm-clean a:hover,.sm-clean a:focus { color:#f8f5e9; }
.carousel-caption { background:rgba(67,112,88,.78); border-top:2px solid rgba(255,255,255,.8); border-radius:12px 12px 0 0; }
.carousel-indicators .active { background-color:#d6b978; }
.brand { color:#6f9f88; }
.page-title { color:#456b59; border-bottom:2px solid #d6b978; }
.page-title:after { border-bottom:2px solid #8db9a0; }
footer .page-title:after { border-bottom-color:#dceee4; }
.quote { background:#6f9f88; border-radius:10px; }
.quote-title { background:#d6b978; color:#fff; border-radius:10px 0 0 10px; }
ul.quote li span { color:#f6e9c7; }
.card { border:1px solid #dce9df !important; border-radius:14px !important; overflow:hidden; box-shadow:0 5px 18px rgba(55,91,69,.055); }
.card-img { border-radius:10px !important; }
.card-footer { background:#f2f8f3; border-top:1px solid #e1eee5; }
.sidebar .list-group-item { border:1px solid #dce9df; background:#fff; color:#456b59; }
.sidebar .list-group-item:hover { background:#edf6ef; }
footer .primary-footer { background:#6f9f88; padding:34px 0; }
footer .secondary-footer { background:#477b68; border-top:1px solid rgba(255,255,255,.35); }
footer a:hover { color:#f6e9c7; }
.social-icon { background:#8db9a0; }
.facebook { background:#779f8b; }
.twitter { background:#85b7a4; }
.instagram { background:#c5a96c; }
.youtube { background:#b9786d; }
.tag a { border:1px solid rgba(255,255,255,.65); border-radius:20px; padding:9px 12px; }
.tag a:hover { border-color:#f6e9c7; background:rgba(255,255,255,.12); }
.action-button { background:#79a994; color:#fff; border:0; border-radius:8px !important; box-shadow:0 3px 8px rgba(71,123,104,.13); }
.action-button:hover { background:#477b68; color:#fff; transform:translateY(-1px); }
#return-to-top { background:#79a994; border-radius:50%; }
#return-to-top:hover { background:#477b68; }
.toast-success { background-color:#79a994; }
.toast-error { background-color:#c77d75; }
.toast-info { background-color:#7aa9b5; }
.toast-warning { background-color:#d6b978; }
@media (max-width:767.98px) {
  .top-bar { padding:12px 0 6px; }
  .menu-bar { margin-bottom:1rem; }
  .carousel-caption { padding:14px; }
}


/* ===== MIHANSA MODERN PASTEL REDESIGN ===== */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800&family=Fredoka:wght@400;500;600;700&display=swap');
:root{--mi-green:#2f7047;--mi-green-dark:#20583a;--mi-green-soft:#e9f4e8;--mi-mint:#f4f8ef;--mi-gold:#e5bd62;--mi-ink:#18251e;--mi-muted:#68746c;--mi-border:#e7eee5;}
html{scroll-behavior:smooth} body{font-family:'Nunito',sans-serif!important;background:#fbfaf5!important;color:var(--mi-ink);font-size:15px;line-height:1.7}
body a{color:var(--mi-green);transition:color .2s ease,background .2s ease,transform .2s ease} body a:hover{color:var(--mi-green-dark);text-decoration:none}
.top-bar{background:linear-gradient(105deg,#e9f4e8,#f8f6e9)!important;color:#365943!important;padding:18px 0 14px!important;border-bottom:1px solid #e3ecdf}
.top-bar a{color:#365943!important}.top-bar a:hover{color:var(--mi-green-dark)!important}.top-header{display:flex;align-items:center;gap:12px}.top-header img{width:76px;height:76px;object-fit:contain;margin:0 8px 0 0!important;filter:drop-shadow(0 4px 5px #244b2418)}
.brand{font-family:'Fredoka',sans-serif!important;color:var(--mi-green-dark)!important;font-size:clamp(18px,2vw,25px);line-height:1.2;margin:0}.top-left{margin:0}.top-left small{color:#718075;font-size:13px}.top-right{margin-top:12px;margin-bottom:0;font-size:12px}.top-right li{padding-left:10px!important}
.menu-bar{background:rgba(255,255,255,.97)!important;border:0!important;border-bottom:1px solid var(--mi-border)!important;box-shadow:0 6px 22px rgba(38,77,46,.05);margin-bottom:22px!important;text-transform:none!important;z-index:1000}.menu-bar .navbar{min-height:60px}.sm-clean{background:transparent!important;padding:0!important}.sm-clean a{font-family:'Nunito',sans-serif!important;font-size:13px!important;font-weight:800!important;letter-spacing:.2px;color:#35473b!important;padding:15px 13px!important;border-radius:12px!important}.sm-clean a:hover,.sm-clean a:focus,.sm-clean a:active,.sm-clean a.highlighted{background:var(--mi-green-soft)!important;color:var(--mi-green-dark)!important}.sm-clean ul{background:#fff!important;border:1px solid var(--mi-border)!important;border-radius:14px!important;box-shadow:0 14px 35px #163d2018!important;padding:8px!important}.sm-clean ul a{padding:10px 14px!important}.navbar-toggler{background:var(--mi-green)!important;border-radius:12px;padding:10px 13px;border:0}
/* slider / hero */
header .container:has(#slide-indicators){max-width:1320px}.carousel{overflow:hidden;border-radius:26px}.carousel-inner{border-radius:26px}.carousel-inner>.carousel-item>img{width:100%;height:clamp(260px,37vw,470px);object-fit:cover;border-radius:26px}.carousel-caption{background:linear-gradient(90deg,rgba(24,61,37,.86),rgba(24,61,37,.15))!important;opacity:1!important;border:0!important;border-radius:0 0 26px 26px!important;padding:35px 40px!important}.carousel-caption p{font-family:'Fredoka',sans-serif;font-size:clamp(20px,3vw,36px);font-weight:600;text-shadow:0 2px 12px #0005}.carousel-indicators li{height:7px!important;width:24px!important;border:0!important;border-radius:20px!important;background:#fff!important;opacity:.7}.carousel-indicators li.active{background:var(--mi-gold)!important;opacity:1}.quote{border-radius:15px!important;background:#e9f4e8!important;color:#365943!important;margin-top:16px;overflow:hidden}.quote-title{background:var(--mi-green)!important;color:white!important;height:50px}.quote ul.quote li{color:#365943!important;font-family:'Nunito',sans-serif!important}.quote ul.quote li span{color:var(--mi-green-dark)!important}
.content{padding:6px 0 52px}.content>.container{max-width:1320px}.content>.container>.row{margin-left:-12px;margin-right:-12px}.content .page-title{font-family:'Fredoka',sans-serif!important;font-size:clamp(22px,2.3vw,30px)!important;font-weight:600!important;color:var(--mi-ink)!important;border:0!important;padding:0 0 12px!important;margin:18px 0 20px!important;position:relative}.content .page-title:after{content:'';position:absolute;left:0;bottom:0;width:58px;height:4px;background:var(--mi-gold)!important;border:0!important;border-radius:8px;padding:0!important}
.content .card{border:1px solid var(--mi-border)!important;border-radius:20px!important;overflow:hidden;background:#fff;box-shadow:0 8px 26px rgba(32,74,43,.055);transition:transform .25s ease,box-shadow .25s ease}.content .card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(32,74,43,.11)}.content .card img{object-fit:cover;max-width:100%}.content .card .card-img{height:100%;min-height:200px;object-fit:cover;border-radius:0!important}.content .card .card-body{padding:20px!important}.content .card .card-title{font-family:'Fredoka',sans-serif!important;font-size:19px!important;line-height:1.35;font-weight:500!important}.content .card .card-title a{color:var(--mi-ink)!important}.content .card .card-title a:hover{color:var(--mi-green)!important}.content .card .card-text{color:var(--mi-muted);font-size:14px}.content .card .card-footer{background:#fff!important;border-top:1px solid #eff3ed!important;padding:12px 18px}.action-button,.content .btn{border-radius:999px!important;background:var(--mi-green)!important;color:#fff!important;border:1px solid var(--mi-green)!important;padding:8px 17px!important;font-weight:800;box-shadow:0 4px 12px #2f70471c}.action-button:hover,.content .btn:hover{background:var(--mi-green-dark)!important;transform:translateY(-1px)}
.content .row>[class*='col-']{padding-left:12px;padding-right:12px}.sidebar .list-group-item{border:1px solid var(--mi-border)!important;border-radius:12px!important;margin-bottom:7px;background:#fff}.sidebar .card{border-radius:20px!important}.content img{max-width:100%;height:auto}.content .embed-responsive{border-radius:18px;overflow:hidden;box-shadow:0 8px 22px #183b2012}
footer{font-family:'Nunito',sans-serif!important;color:#eaf4e9!important}footer .primary-footer{background:linear-gradient(130deg,#204f35,#2f7047)!important;padding:44px 0!important}footer .secondary-footer{background:#173f2a!important;border-top:1px solid #ffffff20!important;padding:16px 0!important}footer .page-title{font-family:'Fredoka',sans-serif!important;color:#fff!important;border:0!important;font-size:22px!important}footer .page-title:after{background:var(--mi-gold)!important;border:0!important;width:42px!important}footer a{color:#f5f7ed!important}footer a:hover{color:#f2d58e!important}.social-icon{box-shadow:0 5px 12px #0002;border-radius:14px!important;background:#ffffff20!important;color:#fff!important}.tag a{display:inline-block;padding:5px 11px;border:1px solid #ffffff45;border-radius:30px;margin:3px;font-size:12px}
.btn,button,.form-control{border-radius:12px}.form-control{border-color:#dfe9dc}.form-control:focus{border-color:#8bb996;box-shadow:0 0 0 .2rem #b7d8bd55}.pagination .page-link{border-radius:10px!important;margin:0 3px;color:var(--mi-green);border-color:var(--mi-border)}.pagination .active .page-link{background:var(--mi-green);border-color:var(--mi-green)}
@media(max-width:767.98px){.top-bar{padding:12px 0!important}.top-header{justify-content:center;text-align:left}.top-header img{width:58px;height:58px}.brand{font-size:18px}.top-right{float:none!important;text-align:center;padding:10px 0 0;font-size:11px}.top-right li{padding:4px!important}.menu-bar{margin-bottom:14px!important}.menu-bar .container{padding-left:15px!important;padding-right:15px!important}.sm-clean a{padding:12px 14px!important}.carousel,.carousel-inner,.carousel-inner>.carousel-item>img{border-radius:18px!important}.carousel-inner>.carousel-item>img{height:250px;object-fit:cover}.carousel-caption{padding:14px 16px!important}.carousel-caption p{font-size:18px;margin-bottom:8px!important}.content{padding-bottom:28px}.content .card .card-img{height:210px;min-height:0}.content .card .card-body{padding:16px!important}.content .card .card-title{font-size:18px!important}.content .page-title{margin-top:22px!important}footer .primary-footer{padding:30px 0!important}}
@media(min-width:768px) and (max-width:991.98px){.sm-clean a{padding:12px 8px!important;font-size:12px!important}.carousel-inner>.carousel-item>img{height:340px}}


/* Judul website dan heading lebih tegas */
.brand, .page-title, .content .page-title, .top-left strong, .mihansa-home-content h2, .mihansa-home-content h3 { font-weight: 800 !important; }