.elementor-2023 .elementor-element.elementor-element-d114440{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS */nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    width: 170px !important;
    left: -125px !important;
    border-radius: 10px !important;
    box-shadow: 0px 5px 20px -10px rgba(0,0,0,0.5);
}


.text-blue {
    color:#119E2E;
}

span.price-prefix-text {
    font-size: 14px !important;
}

.element-naik {
  transition: transform 0.3s ease;
}

.element-naik:hover {
  transform: translateY(-10px);
}

@media (max-width:500px) {
    .blue-mobile {
        background-color:#119E2E !important;
    }
    
    .elementor-605 .elementor-element.elementor-element-a5e8fbe div.elementor-menu-toggle svg {
    fill: #ffffff !important;
}

.e-n-tabs-heading {
    padding-bottom: 24px;
}

.e-n-tabs-heading {
    display: flex;
  }

  .e-n-tab-title {
    flex: 1 0 auto;
    min-width: 120px; /* bisa kamu adjust */
    justify-content: center;
    text-align: center;
  }
  
  .e-n-tab-title-text {
    white-space: normal !important;
}
}

.post-views {
    color: #fff !important;
    text-align: center !important;
}

/*///// BG Tabs ////*/
.e-n-tabs-heading button.e-n-tab-title:nth-of-type(1){
    background:#9fb6ff !important;
}

.e-n-tabs-heading button.e-n-tab-title:nth-of-type(2){
    background:#a5dce4 !important;
}

.e-n-tabs-heading button.e-n-tab-title:nth-of-type(3){
    background:#f9d8ac !important;
}

.e-n-tabs-heading button.e-n-tab-title:nth-of-type(4){
    background:#b9f5eb !important;
}

.e-n-tabs-heading button.e-n-tab-title:nth-of-type(5){
    background:#d0c1f7 !important;
}

.e-n-tabs-heading {
    display: flex;
}

.e-n-tabs-heading .e-n-tab-title {
    flex: 1 !important;
    text-align: center;
}

/* dasar panah */
.e-n-tabs-heading .e-n-tab-title{
    position: relative;
}

.e-n-tabs-heading .e-n-tab-title::after{
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    
    width: 0;
    height: 0;
    
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid transparent;
    
    opacity: 0; /* default hidden */
}

/* TAB 1 */
.e-n-tabs-heading button:nth-of-type(1)[aria-selected="true"]::after{
    border-top-color: #9fb6ff;
    opacity: 1;
}

/* TAB 2 */
.e-n-tabs-heading button:nth-of-type(2)[aria-selected="true"]::after{
    border-top-color: #a5dce4;
    opacity: 1;
}

/* TAB 3 */
.e-n-tabs-heading button:nth-of-type(3)[aria-selected="true"]::after{
    border-top-color: #f9d8ac;
    opacity: 1;
}

/* TAB 4 */
.e-n-tabs-heading button:nth-of-type(4)[aria-selected="true"]::after{
    border-top-color: #b9f5eb;
    opacity: 1;
}

/* TAB 5 */
.e-n-tabs-heading button:nth-of-type(5)[aria-selected="true"]::after{
    border-top-color: #d0c1f7;
    opacity: 1;
}

.e-n-tabs-heading .e-n-tab-title[aria-selected="true"]{
    filter: saturate(10)
}

/*/// icon & text ///*/
/* pastikan icon ikut warna text */
.e-n-tabs-heading .e-n-tab-title svg{
    fill: currentColor;
}

/* base style (biar smooth semua state) */
.e-n-tabs-heading .e-n-tab-title 
.e-n-tab-title-text,
.e-n-tabs-heading .e-n-tab-title svg{
    transition: all 0.3s ease;
}

/* TAB STANDBY (tidak aktif & tidak hover) */
.e-n-tabs-heading .e-n-tab-title:not([aria-selected="true"]):not(:hover) 
.e-n-tab-title-text,
.e-n-tabs-heading .e-n-tab-title:not([aria-selected="true"]):not(:hover) 
svg{
    mix-blend-mode: color-burn;
    opacity: 0.9;
}

/* HOVER → reset biar warna muncul */
.e-n-tabs-heading .e-n-tab-title:hover 
.e-n-tab-title-text,
.e-n-tabs-heading .e-n-tab-title:hover 
svg{
    mix-blend-mode: normal;
    opacity: 1;
}

/* TAB AKTIF */
.e-n-tabs-heading .e-n-tab-title[aria-selected="true"] 
.e-n-tab-title-text,
.e-n-tabs-heading .e-n-tab-title[aria-selected="true"] 
svg{
    mix-blend-mode: normal;
    opacity: 1;
}

/* penting biar blend tidak bocor */
.e-n-tabs-heading .e-n-tab-title{
    isolation: isolate;
}


/*//// Header 2 ////*/

.header-2 {
  position: fixed;
  top: -100px;
  left: 0;
  width: 100%;
  z-index: 999;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

.header-2.active {
  top: 0;
  opacity: 1;
  pointer-events: auto;
}/* End custom CSS */