.elementor-4802 .elementor-element.elementor-element-6cc3beb0{--display:flex;--min-height:75px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--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;--z-index:2;}.elementor-4802 .elementor-element.elementor-element-68e05ec{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4802 .elementor-element.elementor-element-68e05ec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4802 .elementor-element.elementor-element-2084977f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4802 .elementor-element.elementor-element-2084977f img{width:100%;height:56px;object-fit:contain;object-position:center center;}.elementor-4802 .elementor-element.elementor-element-64c343ea{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4802 .elementor-element.elementor-element-5057c5bd.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-menu-toggle{margin:0 auto;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--main .elementor-item{color:#3A3A3A;fill:#3A3A3A;padding-left:0px;padding-right:0px;padding-top:25px;padding-bottom:25px;}.elementor-4802 .elementor-element.elementor-element-5057c5bd{--e-nav-menu-horizontal-menu-item-margin:calc( 40px / 2 );}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:40px;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a, .elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown{background-color:var( --e-global-color-text );border-radius:14px 14px 14px 14px;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a:hover,
					.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a:focus,
					.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a.highlighted,
					.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-menu-toggle:hover,
					.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a:hover,
					.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a:focus,
					.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a.highlighted{background-color:#3F5065;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown a.elementor-item-active{color:#3B3B9C;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown .elementor-item, .elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:14px;border-top-right-radius:14px;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:14px;border-bottom-left-radius:14px;}.elementor-4802 .elementor-element.elementor-element-5057c5bd div.elementor-menu-toggle:hover, .elementor-4802 .elementor-element.elementor-element-5057c5bd div.elementor-menu-toggle:focus{color:#FF0000;}.elementor-4802 .elementor-element.elementor-element-5057c5bd div.elementor-menu-toggle:hover svg, .elementor-4802 .elementor-element.elementor-element-5057c5bd div.elementor-menu-toggle:focus svg{fill:#FF0000;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-menu-toggle:hover, .elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-menu-toggle:focus{background-color:var( --e-global-color-332724a );}.elementor-4802 .elementor-element.elementor-element-2661571a .elementor-button{background-color:#3B669B;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-4802 .elementor-element.elementor-element-6cc3beb0{--min-height:65px;--margin-top:0px;--margin-bottom:-65px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-4802 .elementor-element.elementor-element-68e05ec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4802 .elementor-element.elementor-element-2084977f{text-align:start;}.elementor-4802 .elementor-element.elementor-element-2084977f img{height:35px;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown .elementor-item, .elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:16px !important;}}@media(max-width:767px){.elementor-4802 .elementor-element.elementor-element-6cc3beb0{--min-height:55px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-55px;--margin-left:0px;--margin-right:0px;}.elementor-4802 .elementor-element.elementor-element-68e05ec{--width:80%;}.elementor-4802 .elementor-element.elementor-element-2084977f img{height:28px;}.elementor-4802 .elementor-element.elementor-element-64c343ea{--width:20%;}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown .elementor-item, .elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-4802 .elementor-element.elementor-element-5057c5bd .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:11px !important;}}@media(min-width:768px){.elementor-4802 .elementor-element.elementor-element-68e05ec{--width:12.241%;}.elementor-4802 .elementor-element.elementor-element-64c343ea{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4802 .elementor-element.elementor-element-68e05ec{--width:50%;}.elementor-4802 .elementor-element.elementor-element-64c343ea{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-6cc3beb0 *//* =========================================
   HEADER - EFFECT ONLY
   Layout & ukuran TETAP
   ========================================= */

/* Header */
.elementor-4802 .elementor-element.elementor-element-6cc3beb0 {
    position: relative;
    z-index: 9999;
    transition: box-shadow 0.3s ease;
}

/* Efek shadow saat hover header */
.elementor-4802 .elementor-element.elementor-element-6cc3beb0:hover {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}


/* =========================================
   LOGO
   ========================================= */

.elementor-4802 .elementor-element.elementor-element-6cc3beb0 img {
    transition: transform 0.35s ease,
                filter 0.35s ease;
}

.elementor-4802 .elementor-element.elementor-element-6cc3beb0 img:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
}


/* =========================================
   MENU
   ========================================= */

.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-nav-menu > li > a {
    position: relative;
    transition: color 0.3s ease;
}

/* Efek warna ketika hover */
.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-nav-menu > li > a:hover {
    color: #3f6fae !important;
}


/* Garis kecil di bawah menu */
.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-nav-menu > li > a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 2px;
    width: 0;
    height: 2px;
    background: #3f6fae;
    border-radius: 10px;
    transform: translateX(-50%);
    transition: width 0.3s ease;
}

/* Garis muncul saat hover */
.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-nav-menu > li > a:hover::after {
    width: 60%;
}


/* =========================================
   MENU AKTIF
   ========================================= */

.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-nav-menu > li.current-menu-item > a {
    color: #3f6fae !important;
}


/* =========================================
   DROPDOWN ARROW
   ========================================= */

.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-nav-menu .sub-arrow {
    transition: transform 0.3s ease;
}

.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-nav-menu > li:hover .sub-arrow {
    transform: translateY(2px);
}


/* =========================================
   TOMBOL LIHAT INAPROC
   ========================================= */

.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-button {
    transition: transform 0.3s ease,
                box-shadow 0.3s ease,
                filter 0.3s ease;
}

/* Efek hover tombol */
.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(63, 111, 174, 0.25);
    filter: brightness(1.05);
}

/* Efek ketika tombol ditekan */
.elementor-4802 .elementor-element.elementor-element-6cc3beb0 .elementor-button:active {
    transform: translateY(-1px);
}


/* =========================================
   EFEK FOCUS
   ========================================= */

.elementor-4802 .elementor-element.elementor-element-6cc3beb0 a:focus-visible {
    outline: 2px solid #3f6fae;
    outline-offset: 4px;
    border-radius: 5px;
}/* End custom CSS */