.elementor-4340 .elementor-element.elementor-element-0c4de1d{--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;}.elementor-4340 .elementor-element.elementor-element-49dd5e1{--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;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-49dd5e1:not(.elementor-motion-effects-element-type-background), .elementor-4340 .elementor-element.elementor-element-49dd5e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4120e10 );}.elementor-4340 .elementor-element.elementor-element-a42ed3a{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-e8e1380{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-ef9c3f4{text-align:start;}.elementor-4340 .elementor-element.elementor-element-ef9c3f4 img{width:45%;}.elementor-4340 .elementor-element.elementor-element-41fd008{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-c467c65.elementor-element{--align-self:center;}.elementor-4340 .elementor-element.elementor-element-c467c65 .elementor-menu-toggle{margin:0 auto;}.elementor-4340 .elementor-element.elementor-element-c467c65 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-weight:700;}.elementor-4340 .elementor-element.elementor-element-c467c65 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-c4d87cc );fill:var( --e-global-color-c4d87cc );padding-left:20px;padding-right:20px;}.elementor-4340 .elementor-element.elementor-element-c467c65 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-4340 .elementor-element.elementor-element-c467c65 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-4340 .elementor-element.elementor-element-c467c65 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-4340 .elementor-element.elementor-element-c467c65 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-d8fcca0 );fill:var( --e-global-color-d8fcca0 );}.elementor-4340 .elementor-element.elementor-element-c467c65 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-d8fcca0 );}.elementor-4340 .elementor-element.elementor-element-4b73d79{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-6c9327c .elementor-button{background-color:var( --e-global-color-87d988f );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-c4d87cc );border-radius:999px 999px 999px 999px;padding:20px 40px 20px 40px;}.elementor-4340 .elementor-element.elementor-element-6c9327c .elementor-button:hover, .elementor-4340 .elementor-element.elementor-element-6c9327c .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-c4d87cc );border-color:var( --e-global-color-c4d87cc );}.elementor-4340 .elementor-element.elementor-element-6c9327c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4340 .elementor-element.elementor-element-6c9327c .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-4340 .elementor-element.elementor-element-6c9327c .elementor-button:hover svg, .elementor-4340 .elementor-element.elementor-element-6c9327c .elementor-button:focus svg{fill:var( --e-global-color-c4d87cc );}.elementor-4340 .elementor-element.elementor-element-49fa8ba{--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;}.elementor-4340 .elementor-element.elementor-element-a145543{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-a145543:not(.elementor-motion-effects-element-type-background), .elementor-4340 .elementor-element.elementor-element-a145543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3c9feb9 );}.elementor-4340 .elementor-element.elementor-element-68ed956{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-74811d4 );--border-color:var( --e-global-color-74811d4 );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-68ed956 .elementor-background-slideshow__slide__image{background-size:cover;background-position:center center;}.elementor-4340 .elementor-element.elementor-element-9e748ca{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-9e748ca.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4340 .elementor-element.elementor-element-a452d7c > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-4340 .elementor-element.elementor-element-a452d7c{text-align:center;}.elementor-4340 .elementor-element.elementor-element-a452d7c .elementor-heading-title{font-size:52px;}.elementor-4340 .elementor-element.elementor-element-872ec61 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:20px 0px 55px 0px;}.elementor-4340 .elementor-element.elementor-element-872ec61{text-align:center;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:var( --e-global-color-text );}.elementor-4340 .elementor-element.elementor-element-8f4fde9{--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;}.elementor-4340 .elementor-element.elementor-element-32def04{--display:flex;}.elementor-4340 .elementor-element.elementor-element-12db0f5b{--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;--overflow:hidden;--padding-top:100px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-12db0f5b:not(.elementor-motion-effects-element-type-background), .elementor-4340 .elementor-element.elementor-element-12db0f5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d856e46 );}.elementor-4340 .elementor-element.elementor-element-1d2faa55{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-4994d6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:90px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-4994d6.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4340 .elementor-element.elementor-element-7d3bc976{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-5c87a3be > .elementor-widget-container{margin:-34px 0px -3px 0px;}.elementor-4340 .elementor-element.elementor-element-5c87a3be{text-align:start;}.elementor-4340 .elementor-element.elementor-element-5c87a3be img{width:58%;}.elementor-4340 .elementor-element.elementor-element-dd3f167{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-1c6e52df > .elementor-widget-container{margin:0px 0px -20px 0px;}.elementor-4340 .elementor-element.elementor-element-49141835{--grid-template-columns:repeat(0, auto);--icon-size:14px;--grid-column-gap:8px;--grid-row-gap:0px;}.elementor-4340 .elementor-element.elementor-element-49141835 .elementor-widget-container{text-align:left;}.elementor-4340 .elementor-element.elementor-element-49141835 .elementor-social-icon{background-color:var( --e-global-color-d8fcca0 );}.elementor-4340 .elementor-element.elementor-element-49141835 .elementor-social-icon i{color:var( --e-global-color-74811d4 );}.elementor-4340 .elementor-element.elementor-element-49141835 .elementor-social-icon svg{fill:var( --e-global-color-74811d4 );}.elementor-4340 .elementor-element.elementor-element-41bb56a2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-3c267d87 .elementor-heading-title{font-family:var( --e-global-typography-9574a22-font-family ), Sans-serif;font-size:var( --e-global-typography-9574a22-font-size );font-weight:var( --e-global-typography-9574a22-font-weight );line-height:var( --e-global-typography-9574a22-line-height );color:var( --e-global-color-d8fcca0 );}.elementor-4340 .elementor-element.elementor-element-221d33f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-4340 .elementor-element.elementor-element-221d33f .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-4340 .elementor-element.elementor-element-221d33f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-4340 .elementor-element.elementor-element-221d33f .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-4340 .elementor-element.elementor-element-221d33f .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-4340 .elementor-element.elementor-element-221d33f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4340 .elementor-element.elementor-element-221d33f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4340 .elementor-element.elementor-element-221d33f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4340 .elementor-element.elementor-element-221d33f .elementor-icon-list-text{transition:color 0.3s;}.elementor-4340 .elementor-element.elementor-element-5bd0c3e3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-1f4b1a88 .elementor-heading-title{font-family:var( --e-global-typography-9574a22-font-family ), Sans-serif;font-size:var( --e-global-typography-9574a22-font-size );font-weight:var( --e-global-typography-9574a22-font-weight );line-height:var( --e-global-typography-9574a22-line-height );color:var( --e-global-color-d8fcca0 );}.elementor-4340 .elementor-element.elementor-element-74715f9c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-4340 .elementor-element.elementor-element-74715f9c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-4340 .elementor-element.elementor-element-74715f9c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-4340 .elementor-element.elementor-element-74715f9c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-4340 .elementor-element.elementor-element-74715f9c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-4340 .elementor-element.elementor-element-74715f9c .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4340 .elementor-element.elementor-element-74715f9c .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4340 .elementor-element.elementor-element-74715f9c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-4340 .elementor-element.elementor-element-74715f9c .elementor-icon-list-text{transition:color 0.3s;}.elementor-4340 .elementor-element.elementor-element-3fe6e2d3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-addc501 .elementor-heading-title{font-family:var( --e-global-typography-9574a22-font-family ), Sans-serif;font-size:var( --e-global-typography-9574a22-font-size );font-weight:var( --e-global-typography-9574a22-font-weight );line-height:var( --e-global-typography-9574a22-line-height );color:var( --e-global-color-d8fcca0 );}.elementor-4340 .elementor-element.elementor-element-2850277d iframe{height:230px;}.elementor-4340 .elementor-element.elementor-element-32a7c91{--display:flex;--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;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-3b7c8a0 );--border-color:var( --e-global-color-3b7c8a0 );--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-5566f721{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-1abbb143{--display:flex;--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:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4340 .elementor-element.elementor-element-977e6b4 > .elementor-widget-container{margin:0px 0px -15px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-4340 .elementor-element.elementor-element-49dd5e1{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4340 .elementor-element.elementor-element-41fd008{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4340 .elementor-element.elementor-element-a145543{--padding-top:150px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-4340 .elementor-element.elementor-element-872ec61 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-4340 .elementor-element.elementor-element-12db0f5b{--padding-top:100px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-4340 .elementor-element.elementor-element-4994d6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:60px;}.elementor-4340 .elementor-element.elementor-element-5c87a3be > .elementor-widget-container{margin:-18px 0px 0px 0px;}.elementor-4340 .elementor-element.elementor-element-5c87a3be img{width:78%;}.elementor-4340 .elementor-element.elementor-element-1c6e52df > .elementor-widget-container{margin:0px -55px -20px 0px;}.elementor-4340 .elementor-element.elementor-element-3c267d87 .elementor-heading-title{font-size:var( --e-global-typography-9574a22-font-size );line-height:var( --e-global-typography-9574a22-line-height );}.elementor-4340 .elementor-element.elementor-element-1f4b1a88 .elementor-heading-title{font-size:var( --e-global-typography-9574a22-font-size );line-height:var( --e-global-typography-9574a22-line-height );}.elementor-4340 .elementor-element.elementor-element-addc501 .elementor-heading-title{font-size:var( --e-global-typography-9574a22-font-size );line-height:var( --e-global-typography-9574a22-line-height );}}@media(max-width:767px){.elementor-4340 .elementor-element.elementor-element-49dd5e1{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-4340 .elementor-element.elementor-element-a42ed3a{--flex-wrap:nowrap;}.elementor-4340 .elementor-element.elementor-element-ef9c3f4.elementor-element{--align-self:center;}.elementor-4340 .elementor-element.elementor-element-ef9c3f4{text-align:center;}.elementor-4340 .elementor-element.elementor-element-ef9c3f4 img{width:80%;}.elementor-4340 .elementor-element.elementor-element-41fd008{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4340 .elementor-element.elementor-element-4b73d79{--width:290%;}.elementor-4340 .elementor-element.elementor-element-a145543{--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-4340 .elementor-element.elementor-element-12db0f5b{--padding-top:100px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4340 .elementor-element.elementor-element-4994d6{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-4340 .elementor-element.elementor-element-5c87a3be{text-align:center;}.elementor-4340 .elementor-element.elementor-element-5c87a3be img{width:59%;}.elementor-4340 .elementor-element.elementor-element-1c6e52df > .elementor-widget-container{margin:0px 0px -16px 0px;}.elementor-4340 .elementor-element.elementor-element-1c6e52df{text-align:center;}.elementor-4340 .elementor-element.elementor-element-49141835 .elementor-widget-container{text-align:center;}.elementor-4340 .elementor-element.elementor-element-41bb56a2{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-4340 .elementor-element.elementor-element-3c267d87{text-align:center;}.elementor-4340 .elementor-element.elementor-element-3c267d87 .elementor-heading-title{font-size:var( --e-global-typography-9574a22-font-size );line-height:var( --e-global-typography-9574a22-line-height );}.elementor-4340 .elementor-element.elementor-element-5bd0c3e3{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-4340 .elementor-element.elementor-element-1f4b1a88{text-align:center;}.elementor-4340 .elementor-element.elementor-element-1f4b1a88 .elementor-heading-title{font-size:var( --e-global-typography-9574a22-font-size );line-height:var( --e-global-typography-9574a22-line-height );}.elementor-4340 .elementor-element.elementor-element-3fe6e2d3{--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-4340 .elementor-element.elementor-element-addc501{text-align:center;}.elementor-4340 .elementor-element.elementor-element-addc501 .elementor-heading-title{font-size:var( --e-global-typography-9574a22-font-size );line-height:var( --e-global-typography-9574a22-line-height );}.elementor-4340 .elementor-element.elementor-element-5566f721{--margin-top:20px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-4340 .elementor-element.elementor-element-d46f2de{text-align:center;}.elementor-4340 .elementor-element.elementor-element-1abbb143{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:29px;--margin-right:0px;}}@media(min-width:768px){.elementor-4340 .elementor-element.elementor-element-e8e1380{--width:35%;}.elementor-4340 .elementor-element.elementor-element-4b73d79{--width:40%;}.elementor-4340 .elementor-element.elementor-element-9e748ca{--width:60%;}.elementor-4340 .elementor-element.elementor-element-4994d6{--width:22.952%;}.elementor-4340 .elementor-element.elementor-element-41bb56a2{--width:50%;}.elementor-4340 .elementor-element.elementor-element-5bd0c3e3{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4340 .elementor-element.elementor-element-4b73d79{--width:200%;}.elementor-4340 .elementor-element.elementor-element-9e748ca{--width:63%;}}/* Start custom CSS for container, class: .elementor-element-0c4de1d *//* =========================================
   MASTER FIX: MOBILE & TABLET RESPONSIVE
   ========================================= */

/* 1. GLOBAL SAFETY (Mencegah Layar Geser Kanan-Kiri) */
html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
}

/* =========================================
   A. KHUSUS TABLET (iPad, Galaxy Tab, dll) 
   Range: 768px sampai 1024px
   ========================================= */
@media (min-width: 768px) and (max-width: 1024px) {
    
    /* 1. Reset Container Tablet agar ada jarak kiri-kanan */
    .elementor-section .elementor-container {
        padding-left: 30px !important;
        padding-right: 30px !important;
        width: 100% !important;
    }

    /* 2. FIX ICON TABLET (Masalah Utama) */
    /* Icon dibuat sedikit lebih besar dari HP, tapi tidak Raksasa */
    .elementor-widget-image-box img {
        width: 90px !important; /* Ukuran ideal tablet */
        max-width: 100px !important;
        height: auto !important;
        margin-bottom: 20px !important;
    }

    /* Pastikan Wrapper Icon Center */
    .elementor-widget-image-box .elementor-image-box-wrapper {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 3. TYPOGRAPHY TABLET */
    /* Judul agak dibesarkan sedikit dibanding HP */
    .elementor-widget-heading .elementor-heading-title {
        font-size: 32px !important;
        line-height: 1.4 !important;
    }

    /* Paragraf Tablet */
    .elementor-widget-text-editor {
        font-size: 16px !important;
        line-height: 1.6 !important;
        padding: 0 10px !important;
    }

    /* 4. MENCEGAH KOLOM GEPENG */
    /* Jika 3 kolom terlalu sempit, kode ini opsional 
       untuk membuat kolom jadi agak lega (min-width) */
    .elementor-column {
        min-width: 33% !important; /* Menjaga proporsi kolom */
    }
}

/* =========================================
   B. KHUSUS MOBILE (HP) - KODE KAMU SEBELUMNYA
   Range: Max 767px
   ========================================= */
@media (max-width: 767px) {

    /* 1. Layout Reset */
    .elementor-section,
    .elementor-column,
    .elementor-widget-wrap,
    .elementor-element {
        width: 100% !important;
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
    
    .elementor-section .elementor-container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        flex-wrap: wrap !important;
    }

    /* 2. Fix Icon Mobile (50px sesuai request) */
    .elementor-widget-image-box .elementor-image-box-wrapper {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .elementor-widget-image-box figure,
    .elementor-widget-image-box .elementor-image-box-img {
        width: 100% !important;
        margin-bottom: 15px !important;
        display: flex !important;
        justify-content: center !important;
    }

    .elementor-widget-image-box img {
        width: 50px !important; /* Ukuran Mobile */
        max-width: 50px !important;
        height: auto !important;
    }

    /* 3. Fix Typography Mobile */
    .elementor-widget-heading .elementor-heading-title {
        font-size: 26px !important;
        line-height: 1.3 !important;
        word-wrap: break-word !important;
    }

    .elementor-widget-text-editor {
        font-size: 14px !important;
        line-height: 1.6 !important;
        text-align: center !important;
    }

    /* 4. Background */
    .elementor-section {
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-ef939a8 *//* --- 1. CONTAINER CARD UTAMA --- */
/* Reset container bawaan agar bisa kita style ulang */
.awsm-job-listing-item {
    margin-bottom: 30px; /* Jarak antar kartu vertikal */
}

/* Style Card Link Utama */
a.awsm-job-item {
    display: flex; /* Mengatur layout kiri-kanan */
    flex-wrap: wrap; /* Agar responsif di HP */
    align-items: center; /* Vertikal center */
    justify-content: space-between;
    
    background-color: #ffffff;
    border: 1px solid #e2e8f0; /* Border abu sangat muda */
    border-radius: 50px; /* Rounded card yang modern */
    padding: 35px 40px; /* Padding lega (Luxury space) */
    
    text-decoration: none; /* Hapus garis bawah link default */
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); /* Animasi smooth */
    position: relative;
    overflow: hidden;
}

/* --- 2. INTERACTIVE HOVER EFFECT (LUXURY FEEL) --- */
a.awsm-job-item:hover {
    background-color: #ffffff;
    border-color: #800000; /* Border berubah Maroon */
    transform: translateY(-5px); /* Card naik sedikit */
    
    /* Bayangan mewah saat hover */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.05), 0 10px 10px -5px rgba(0, 0, 0, 0.01);
}

/* Aksen dekorasi tambahan (Garis tipis di kiri yang muncul saat hover) */
a.awsm-job-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #800000;
    transition: width 0.3s ease;
    opacity: 1;
}

a.awsm-job-item:hover::before {
    width: 6px; /* Muncul garis maroon di sisi kiri card */
}

/* --- 3. LAYOUT KOLOM (GRID) --- */
/* Kolom Kiri (Judul) */
.awsm-job-item .awsm-grid-left-col {
    flex: 1; /* Mengambil sisa ruang */
    min-width: 280px; /* Mencegah judul gepeng */
    padding-right: 20px;
}

/* Kolom Kanan (Chips & Tombol) */
.awsm-job-item .awsm-grid-right-col {
    flex: 0 0 auto; /* Ukuran sesuai konten */
    display: flex;
    flex-direction: column;
    align-items: flex-end; /* Rata kanan agar rapi */
    justify-content: center;
    gap: 15px; /* Jarak antara chips dan tombol more */
}

/* --- 4. TYPOGRAPHY (JUDUL) --- */
.awsm-job-post-title {
    font-family: 'Inter', system-ui, sans-serif;
    font-size: 1.5rem; /* Ukuran font besar & jelas */
    font-weight: 700;
    color: #1e293b; /* Dark Slate (Lebih elegan dari hitam) */
    margin: 0;
    line-height: 1.3;
    transition: color 0.3s ease;
}

/* Judul berubah warna saat card di-hover */
a.awsm-job-item:hover .awsm-job-post-title {
    color: #800000;
}

/* --- 5. BUTTON "MORE DETAILS" --- */
.awsm-job-more-container {
    margin-top: 5px;
}

.awsm-job-more {
    font-size: 0.9rem;
    font-weight: 700;
    color: #800000; /* Warna teks maroon */
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

/* Membuat panah custom dengan CSS */
.awsm-job-more span {
    display: inline-block;
    margin-left: 8px;
    transition: transform 0.3s ease;
}



/* Efek Hover pada Tombol: Panah bergerak ke kanan */
a.awsm-job-item:hover .awsm-job-more span {
    transform: translateX(5px);
}

/* --- 6. RESPONSIVE (MOBILE) --- */
@media (max-width: 768px) {
    a.awsm-job-item {
        flex-direction: column; /* Stack ke bawah */
        align-items: flex-start;
        padding: 25px;
    }

    .awsm-job-item .awsm-grid-left-col {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0;
    }

    .awsm-job-item .awsm-grid-right-col {
        width: 100%;
        align-items: flex-start; /* Rata kiri di HP */
        flex-direction: column-reverse; /* Tombol more di bawah chips */
    }
    
    .awsm-job-specification-wrapper {
        margin-bottom: 15px !important;
    }
}/* End custom CSS */