.elementor-24 .elementor-element.elementor-element-5ef6805{--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;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-5ef6805:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-5ef6805 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://panenraya.id/wp-content/uploads/2026/07/background-our-product-panen-raya-diesel-1.webp");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-24 .elementor-element.elementor-element-5ef6805::before, .elementor-24 .elementor-element.elementor-element-5ef6805 > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-5ef6805 > .e-con-inner > .elementor-background-video-container::before, .elementor-24 .elementor-element.elementor-element-5ef6805 > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-5ef6805 > .e-con-inner > .elementor-background-slideshow::before, .elementor-24 .elementor-element.elementor-element-5ef6805 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-24 .elementor-element.elementor-element-822093d{--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;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-eec41ec{--display:flex;--min-height:82px;--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;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:28px;--padding-bottom:24px;--padding-left:60px;--padding-right:60px;}.elementor-24 .elementor-element.elementor-element-560ed4c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24 .elementor-element.elementor-element-6009701{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-6009701 .elementor-heading-title{font-size:28px;font-weight:700;line-height:1.05em;}.elementor-24 .elementor-element.elementor-element-0c3eacf{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:14px;font-weight:400;line-height:1.3em;}.elementor-24 .elementor-element.elementor-element-0c3eacf.elementor-element{--align-self:flex-start;}.elementor-24 .elementor-element.elementor-element-b536d55{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-24 .elementor-element.elementor-element-d082d26{--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FCB301;--border-color:#FCB301;--border-radius:0px 1px 0px 0px;}.elementor-24 .elementor-element.elementor-element-ddf5567{z-index:999;}.elementor-24 .elementor-element.elementor-element-ddf5567 img{width:46px;}.elementor-24 .elementor-element.elementor-element-30a92c5{text-align:center;}.elementor-24 .elementor-element.elementor-element-30a92c5 .elementor-heading-title{font-size:14px;font-weight:400;line-height:1.2em;color:#ECEFF1;}.elementor-24 .elementor-element.elementor-element-c0a2c26{--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FCB301;--border-color:#FCB301;--border-radius:0px 1px 0px 0px;}.elementor-24 .elementor-element.elementor-element-b4af147{z-index:999;}.elementor-24 .elementor-element.elementor-element-b4af147 img{width:46px;}.elementor-24 .elementor-element.elementor-element-2a275d1{text-align:center;}.elementor-24 .elementor-element.elementor-element-2a275d1 .elementor-heading-title{font-size:14px;font-weight:400;line-height:1.2em;color:#ECEFF1;}.elementor-24 .elementor-element.elementor-element-8fad12f{--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FCB301;--border-color:#FCB301;--border-radius:0px 1px 0px 0px;}.elementor-24 .elementor-element.elementor-element-8553038{z-index:999;}.elementor-24 .elementor-element.elementor-element-8553038 img{width:46px;}.elementor-24 .elementor-element.elementor-element-5fd22ac{text-align:center;}.elementor-24 .elementor-element.elementor-element-5fd22ac .elementor-heading-title{font-size:14px;font-weight:400;line-height:1.2em;color:#ECEFF1;}.elementor-24 .elementor-element.elementor-element-1c7599e{--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;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FCB301;--border-color:#FCB301;--border-radius:0px 1px 0px 0px;}.elementor-24 .elementor-element.elementor-element-d7fa09e{z-index:999;}.elementor-24 .elementor-element.elementor-element-d7fa09e img{width:46px;}.elementor-24 .elementor-element.elementor-element-8492011{text-align:center;}.elementor-24 .elementor-element.elementor-element-8492011 .elementor-heading-title{font-size:14px;font-weight:400;line-height:1.2em;color:#ECEFF1;}.elementor-24 .elementor-element.elementor-element-0caae49{--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;--justify-content:center;--align-items:center;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-c73b81b{z-index:999;}.elementor-24 .elementor-element.elementor-element-c73b81b img{width:46px;}.elementor-24 .elementor-element.elementor-element-8a27ae1{text-align:center;}.elementor-24 .elementor-element.elementor-element-8a27ae1 .elementor-heading-title{font-size:14px;font-weight:400;line-height:1.2em;color:#ECEFF1;}.elementor-24 .elementor-element.elementor-element-f2249c4{--display:flex;}.elementor-24 .elementor-element.elementor-element-7ab7e3c{--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;--justify-content:space-between;--align-items:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-24 .elementor-element.elementor-element-be8666d{--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;--justify-content:flex-start;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FCB301;--border-color:#FCB301;--border-radius:12px 12px 12px 12px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:24px;--padding-right:24px;}.elementor-24 .elementor-element.elementor-element-be8666d:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-be8666d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080A0C;}.elementor-24 .elementor-element.elementor-element-db215c5{--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;--justify-content:center;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-24 .elementor-element.elementor-element-97d7912.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-136500b{--display:flex;}.elementor-24 .elementor-element.elementor-element-c99b8e5{--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;--justify-content:center;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-24 .elementor-element.elementor-element-440a827.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-4a46f8b{--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;--justify-content:center;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-24 .elementor-element.elementor-element-526cf15.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-0babdb5{--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;--justify-content:center;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:4px;--padding-left:4px;--padding-right:4px;}.elementor-24 .elementor-element.elementor-element-9b9ca87.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-13d888e{--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;--justify-content:space-between;--align-items:flex-end;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-24 .elementor-element.elementor-element-832a208{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-75c81d3{z-index:999;text-align:center;}.elementor-24 .elementor-element.elementor-element-9241f0c{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-792cd90{z-index:999;text-align:center;}.elementor-24 .elementor-element.elementor-element-db64ba0{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-769d0e2{z-index:999;text-align:center;}.elementor-24 .elementor-element.elementor-element-adc7aab{--display:flex;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-755f198{z-index:999;text-align:center;}.elementor-24 .elementor-element.elementor-element-ed00b1c{--display:flex;--min-height:64px;--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;--justify-content:space-between;--align-items:center;--gap:28px 28px;--row-gap:28px;--column-gap:28px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:12px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-f5e2b7a{--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;--justify-content:flex-start;--align-items:flex-start;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:4px;--padding-bottom:20px;--padding-left:0px;--padding-right:28px;}.elementor-24 .elementor-element.elementor-element-f5e2b7a.e-con{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-ec9fb2f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-24 .elementor-element.elementor-element-ec9fb2f img{width:170px;max-width:100%;}.elementor-24 .elementor-element.elementor-element-1e29b4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-24 .elementor-element.elementor-element-1e29b4e .elementor-heading-title{font-size:18px;font-weight:600;text-transform:uppercase;line-height:1.1em;letter-spacing:0.2px;color:#FFFFFF;}.elementor-24 .elementor-element.elementor-element-b959f65{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:13px;font-weight:400;line-height:1.18em;}.elementor-24 .elementor-element.elementor-element-b959f65.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-08dbe83{--display:flex;--min-height:64px;--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;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-08dbe83.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-24 .elementor-element.elementor-element-2301af8{--display:flex;}.elementor-24 .elementor-element.elementor-element-3f14d5d{--e-image-carousel-slides-to-show:3;margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;z-index:999;}.elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-wrapper{display:flex;align-items:center;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-3f14d5d{--e-image-carousel-slides-to-show:3;}}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-5ef6805{--width:100%;}.elementor-24 .elementor-element.elementor-element-eec41ec{--width:100%;}.elementor-24 .elementor-element.elementor-element-560ed4c{--width:58%;}.elementor-24 .elementor-element.elementor-element-d082d26{--width:20%;}.elementor-24 .elementor-element.elementor-element-c0a2c26{--width:20%;}.elementor-24 .elementor-element.elementor-element-8fad12f{--width:20%;}.elementor-24 .elementor-element.elementor-element-1c7599e{--width:20%;}.elementor-24 .elementor-element.elementor-element-0caae49{--width:20%;}.elementor-24 .elementor-element.elementor-element-f2249c4{--width:42%;}.elementor-24 .elementor-element.elementor-element-be8666d{--width:540px;}.elementor-24 .elementor-element.elementor-element-13d888e{--width:100%;}.elementor-24 .elementor-element.elementor-element-ed00b1c{--width:100%;}.elementor-24 .elementor-element.elementor-element-f5e2b7a{--width:43%;}.elementor-24 .elementor-element.elementor-element-08dbe83{--width:1px;}.elementor-24 .elementor-element.elementor-element-2301af8{--width:58%;}}@media(max-width:1366px) and (min-width:768px){.elementor-24 .elementor-element.elementor-element-f5e2b7a{--width:542.594px;}.elementor-24 .elementor-element.elementor-element-08dbe83{--width:16px;}}@media(min-width:1367px){.elementor-24 .elementor-element.elementor-element-5ef6805:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-5ef6805 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1366px){.elementor-24 .elementor-element.elementor-element-b959f65{width:var( --container-widget-width, 489.594px );max-width:489.594px;--container-widget-width:489.594px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-5ef6805:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-5ef6805 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://panenraya.id/wp-content/uploads/2026/07/New-Project-5.webp");background-position:top right;background-size:465px auto;}.elementor-24 .elementor-element.elementor-element-5ef6805{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.23;}.elementor-24 .elementor-element.elementor-element-eec41ec{--min-height:0px;--justify-content:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-24 .elementor-element.elementor-element-1e29b4e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 3px) 0px;text-align:start;}.elementor-24 .elementor-element.elementor-element-1e29b4e .elementor-heading-title{font-size:17px;line-height:1.05em;letter-spacing:0px;}.elementor-24 .elementor-element.elementor-element-b959f65{padding:0px 0px 0px 0px;text-align:start;font-size:12px;line-height:1.22em;letter-spacing:0px;}.elementor-24 .elementor-element.elementor-element-3f14d5d{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for heading, class: .elementor-element-6009701 *//* =========================================
   CONTACT US — MAIN HEADING
   JARAK HEADER + UNDERLINE KUNING
   ========================================= */

.elementor-24 .elementor-element.elementor-element-6009701 {
  width: auto !important;
  max-width: 100% !important;

  align-self: flex-start !important;

  /*
   * 8px menambah jarak dari garis header.
   * 15px menjadi jarak menuju paragraf.
   */
  margin: 8px 0 15px 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-6009701 .elementor-heading-title {
  width: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #FFFFFF !important;

  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;

  white-space: nowrap !important;
}


/* Kata US */
.elementor-24 .elementor-element.elementor-element-6009701 .orange-text {
  color: #FCB301 !important;
}


/* Pembungkus kata CONTACT */
.elementor-24 .elementor-element.elementor-element-6009701 .contact-word {
  position: relative !important;
  display: inline-block !important;

  color: #FFFFFF !important;
}


/* Garis kuning di bawah CONTACT */
.elementor-24 .elementor-element.elementor-element-6009701 .contact-word::after {
  content: "";

  position: absolute !important;

  left: 0 !important;
  bottom: -5px !important;

  width: 69px !important;
  height: 3px !important;

  background-color: #FCB301 !important;
  border-radius: 1.5px !important;

  pointer-events: none !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-6009701 {
    margin-top: 8px !important;
    margin-bottom: 15px !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-6009701 {
    margin-top: 6px !important;
    margin-bottom: 15px !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-6009701 {
    margin-top: 4px !important;
    margin-bottom: 14px !important;
  }

  .elementor-24 .elementor-element.elementor-element-6009701 .elementor-heading-title {
    font-size: clamp(22px, 6.5vw, 25px) !important;
    line-height: 1.05 !important;
  }

  .elementor-24 .elementor-element.elementor-element-6009701 .contact-word::after {
    bottom: -4px !important;

    width: 55px !important;
    height: 2.5px !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-0c3eacf *//* =========================================
   CONTACT US — INTRO TEXT
   JARAK DIKENDALIKAN OLEH HEADING
   ========================================= */

.elementor-24 .elementor-element.elementor-element-0c3eacf {
  width: 520px !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  align-self: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-0c3eacf .elementor-widget-container,
.elementor-24 .elementor-element.elementor-element-0c3eacf .elementor-text-editor {
  width: 100% !important;
  max-width: 100% !important;

  height: auto !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-0c3eacf p,
.elementor-24 .elementor-element.elementor-element-0c3eacf .elementor-text-editor p {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ECEFF1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;

  box-sizing: border-box !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-0c3eacf {
    width: 500px !important;
    max-width: 100% !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-0c3eacf {
    width: 100% !important;
    max-width: 100% !important;
  }

  .elementor-24 .elementor-element.elementor-element-0c3eacf p,
  .elementor-24 .elementor-element.elementor-element-0c3eacf .elementor-text-editor p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ddf5567 *//* =========================================
   CONTACT SECTOR ICON
   AREA LEBIH PENDEK
   ========================================= */

.elementor-24 .elementor-element.elementor-element-ddf5567 {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-ddf5567 .elementor-widget-container {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-ddf5567 img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 48px !important;
  max-height: 40px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-30a92c5 *//* =========================================
   CONTACT SECTOR LABEL
   ========================================= */

.elementor-24 .elementor-element.elementor-element-30a92c5 {
  width: 100% !important;

  margin: 8px 0 0 0 !important;
  padding: 0 !important;

  text-align: center !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-30a92c5 .elementor-heading-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ECEFF1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  text-align: center !important;
  white-space: nowrap !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b4af147 *//* =========================================
   CONTACT SECTOR ICON
   AREA LEBIH PENDEK
   ========================================= */

.elementor-24 .elementor-element.elementor-element-b4af147 {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-b4af147 .elementor-widget-container {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-b4af147 img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 48px !important;
  max-height: 40px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-2a275d1 *//* =========================================
   CONTACT SECTOR LABEL
   ========================================= */

.elementor-24 .elementor-element.elementor-element-2a275d1 {
  width: 100% !important;

  margin: 8px 0 0 0 !important;
  padding: 0 !important;

  text-align: center !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-2a275d1 .elementor-heading-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ECEFF1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  text-align: center !important;
  white-space: nowrap !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8553038 *//* =========================================
   CONTACT SECTOR ICON
   AREA LEBIH PENDEK
   ========================================= */

.elementor-24 .elementor-element.elementor-element-8553038 {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-8553038 .elementor-widget-container {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-8553038 img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 48px !important;
  max-height: 40px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5fd22ac *//* =========================================
   CONTACT SECTOR LABEL
   ========================================= */

.elementor-24 .elementor-element.elementor-element-5fd22ac {
  width: 100% !important;

  margin: 8px 0 0 0 !important;
  padding: 0 !important;

  text-align: center !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-5fd22ac .elementor-heading-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ECEFF1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  text-align: center !important;
  white-space: nowrap !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d7fa09e *//* =========================================
   CONTACT SECTOR ICON
   AREA LEBIH PENDEK
   ========================================= */

.elementor-24 .elementor-element.elementor-element-d7fa09e {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-d7fa09e .elementor-widget-container {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-d7fa09e img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 48px !important;
  max-height: 40px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8492011 *//* =========================================
   CONTACT SECTOR LABEL
   ========================================= */

.elementor-24 .elementor-element.elementor-element-8492011 {
  width: 100% !important;

  margin: 8px 0 0 0 !important;
  padding: 0 !important;

  text-align: center !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-8492011 .elementor-heading-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ECEFF1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  text-align: center !important;
  white-space: nowrap !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c73b81b *//* =========================================
   CONTACT SECTOR ICON
   AREA LEBIH PENDEK
   ========================================= */

.elementor-24 .elementor-element.elementor-element-c73b81b {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-c73b81b .elementor-widget-container {
  width: 100% !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-c73b81b img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 48px !important;
  max-height: 40px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8a27ae1 *//* =========================================
   CONTACT SECTOR LABEL
   ========================================= */

.elementor-24 .elementor-element.elementor-element-8a27ae1 {
  width: 100% !important;

  margin: 8px 0 0 0 !important;
  padding: 0 !important;

  text-align: center !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-8a27ae1 .elementor-heading-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ECEFF1 !important;

  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;

  text-align: center !important;
  white-space: nowrap !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b536d55 *//* =========================================
   CONTACT — SECTOR GRID
   ISI VISUAL BENAR-BENAR RATA KIRI
   ========================================= */

.elementor-24 .elementor-element.elementor-element-b536d55 {
  width: max-content !important;
  max-width: 100% !important;

  align-self: flex-start !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  gap: 0 !important;

  margin: 12px 0 0 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-b536d55 > .e-con-inner {
  width: max-content !important;
  max-width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* =========================================
   SETIAP SECTOR ITEM
   Lebar mengikuti isi, bukan 123px
   ========================================= */

.elementor-24 .elementor-element.elementor-element-b536d55 .sector-item {
  width: max-content !important;
  min-width: 0 !important;
  max-width: none !important;

  flex: 0 0 auto !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 2px !important;

  margin: 0 !important;
  padding: 0 22px !important;

  border-right: 1px solid #FCB301;

  box-sizing: border-box !important;
}


/* Item pertama dimulai tepat dari garis kiri */
.elementor-24 .elementor-element.elementor-element-b536d55 .sector-item:first-child {
  padding-left: 0 !important;
  padding-right: 22px !important;
}


/* Item terakhir tanpa garis kanan */
.elementor-24 .elementor-element.elementor-element-b536d55 .sector-item:last-child {
  padding-left: 22px !important;
  padding-right: 0 !important;

  border-right: none !important;
}


/* Lepaskan width 100% bawaan widget ikon */
.elementor-24 .elementor-element.elementor-element-b536d55 .sector-item .elementor-widget-image {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;

  align-self: center !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Lebar heading mengikuti panjang tulisan */
.elementor-24 .elementor-element.elementor-element-b536d55 .sector-item .elementor-widget-heading {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;

  align-self: center !important;

  margin: 2px 0 0 0 !important;
  padding: 0 !important;
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-b536d55 {
    width: 100% !important;
    overflow-x: auto !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 > .e-con-inner {
    width: max-content !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 .sector-item {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 .sector-item:first-child {
    padding-left: 0 !important;
    padding-right: 16px !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 .sector-item:last-child {
    padding-left: 16px !important;
    padding-right: 0 !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-b536d55 {
    width: 100% !important;

    flex-wrap: wrap !important;

    margin-top: 14px !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 > .e-con-inner {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 .sector-item {
    width: 33.333% !important;
    min-width: 0 !important;

    padding: 0 8px !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 .sector-item:first-child {
    padding: 0 8px !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 .sector-item:last-child {
    width: 50% !important;
    padding: 0 8px !important;
  }

  .elementor-24 .elementor-element.elementor-element-b536d55 .sector-item:nth-child(3),
  .elementor-24 .elementor-element.elementor-element-b536d55 .sector-item:last-child {
    border-right: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eec41ec *//* =========================================
   CONTACT TOP AREA
   TINGGI MENGIKUTI KONTEN
   ========================================= */

.elementor-24 .elementor-element.elementor-element-eec41ec {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: flex-start !important;
  justify-content: space-between !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 18px 60px 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-eec41ec > .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  min-height: 0 !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: flex-start !important;
  justify-content: space-between !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* Kolom teks */
.elementor-24 .elementor-element.elementor-element-eec41ec .contact-intro-column {
  width: 58% !important;
  min-height: 0 !important;
  height: auto !important;

  flex: 0 0 58% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Area kanan hanya menjaga komposisi background */
.elementor-24 .elementor-element.elementor-element-eec41ec .contact-visual-space {
  width: 42% !important;

  min-height: 0 !important;
  height: auto !important;

  flex: 0 0 42% !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-eec41ec {
    padding-top: 14px !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-eec41ec {
    padding: 16px 32px 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-eec41ec .contact-intro-column {
    width: 68% !important;
    flex-basis: 68% !important;
  }

  .elementor-24 .elementor-element.elementor-element-eec41ec .contact-visual-space {
    width: 32% !important;
    flex-basis: 32% !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-eec41ec {
    flex-direction: column !important;

    padding: 16px 16px 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-eec41ec > .e-con-inner {
    flex-direction: column !important;
  }

  .elementor-24 .elementor-element.elementor-element-eec41ec .contact-intro-column {
    width: 100% !important;
    flex: none !important;
  }

  .elementor-24 .elementor-element.elementor-element-eec41ec .contact-visual-space {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-97d7912 *//* =========================================
   CONTACT INFORMATION ICON
   ========================================= */

.elementor-24 .elementor-element.elementor-element-97d7912 {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;

  flex: 0 0 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-97d7912 .elementor-widget-container {
  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-97d7912 img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 34px !important;
  max-height: 34px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db215c5 *//* =========================================
   CONTACT INFORMATION ROW
   ========================================= */

.elementor-24 .elementor-element.elementor-element-db215c5 {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 44px !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 4px 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-db215c5 > .e-con-inner {
  width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-db215c5 {
    min-height: 40px !important;
    gap: 14px !important;
    padding: 2px 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-db215c5 > .e-con-inner {
    gap: 14px !important;
  }
}

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-db215c5 {
    min-height: 42px !important;
    gap: 13px !important;
  }

  .elementor-24 .elementor-element.elementor-element-db215c5 > .e-con-inner {
    gap: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-440a827 *//* =========================================
   CONTACT INFORMATION ICON
   ========================================= */

.elementor-24 .elementor-element.elementor-element-440a827 {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;

  flex: 0 0 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-440a827 .elementor-widget-container {
  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-440a827 img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 34px !important;
  max-height: 34px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c99b8e5 *//* =========================================
   CONTACT INFORMATION ROW
   ========================================= */

.elementor-24 .elementor-element.elementor-element-c99b8e5 {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 44px !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 4px 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-c99b8e5 > .e-con-inner {
  width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-c99b8e5 {
    min-height: 40px !important;
    gap: 14px !important;
    padding: 2px 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-c99b8e5 > .e-con-inner {
    gap: 14px !important;
  }
}

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-c99b8e5 {
    min-height: 42px !important;
    gap: 13px !important;
  }

  .elementor-24 .elementor-element.elementor-element-c99b8e5 > .e-con-inner {
    gap: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-526cf15 *//* =========================================
   CONTACT INFORMATION ICON
   ========================================= */

.elementor-24 .elementor-element.elementor-element-526cf15 {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;

  flex: 0 0 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-526cf15 .elementor-widget-container {
  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-526cf15 img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 34px !important;
  max-height: 34px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4a46f8b *//* =========================================
   CONTACT INFORMATION ROW
   ========================================= */

.elementor-24 .elementor-element.elementor-element-4a46f8b {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 44px !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 4px 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-4a46f8b > .e-con-inner {
  width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-4a46f8b {
    min-height: 40px !important;
    gap: 14px !important;
    padding: 2px 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-4a46f8b > .e-con-inner {
    gap: 14px !important;
  }
}

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-4a46f8b {
    min-height: 42px !important;
    gap: 13px !important;
  }

  .elementor-24 .elementor-element.elementor-element-4a46f8b > .e-con-inner {
    gap: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9b9ca87 *//* =========================================
   CONTACT INFORMATION ICON
   ========================================= */

.elementor-24 .elementor-element.elementor-element-9b9ca87 {
  width: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;

  flex: 0 0 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-9b9ca87 .elementor-widget-container {
  width: 38px !important;
  height: 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-9b9ca87 img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 34px !important;
  max-height: 34px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0babdb5 *//* =========================================
   CONTACT INFORMATION ROW
   ========================================= */

.elementor-24 .elementor-element.elementor-element-0babdb5 {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 44px !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 4px 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-0babdb5 > .e-con-inner {
  width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-0babdb5 {
    min-height: 40px !important;
    gap: 14px !important;
    padding: 2px 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-0babdb5 > .e-con-inner {
    gap: 14px !important;
  }
}

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-0babdb5 {
    min-height: 42px !important;
    gap: 13px !important;
  }

  .elementor-24 .elementor-element.elementor-element-0babdb5 > .e-con-inner {
    gap: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be8666d *//* =========================================
   CONTACT INFORMATION CARD
   COMPACT DESKTOP
   ========================================= */

.elementor-24 .elementor-element.elementor-element-be8666d {
  width: 420px !important;
  max-width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  flex: 0 0 auto !important;
  align-self: flex-start !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: stretch !important;
  justify-content: flex-start !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 18px 20px !important;

  background-color: rgba(8, 10, 12, 0.96) !important;

  border: 1px solid #FCB301 !important;
  border-radius: 12px !important;

  box-sizing: border-box !important;
}


/* Wrapper container Elementor */
.elementor-24 .elementor-element.elementor-element-be8666d > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: stretch !important;
  justify-content: flex-start !important;

  gap: 8px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* =========================================
   CONTACT ROW
   ========================================= */

.elementor-24 .elementor-element.elementor-element-be8666d .contact-row {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 38px !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 14px !important;

  margin: 0 !important;
  padding: 2px 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-row > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: flex-start !important;

  gap: 14px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* Address sedikit lebih tinggi */
.elementor-24 .elementor-element.elementor-element-be8666d .contact-address-row,
.elementor-24 .elementor-element.elementor-element-be8666d .contact-address-row > .e-con-inner {
  align-items: flex-start !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-address-row {
  min-height: 54px !important;
  padding-bottom: 5px !important;
}


/* =========================================
   ICON COLUMN
   ========================================= */

.elementor-24 .elementor-element.elementor-element-be8666d .contact-row-icon {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;

  flex: 0 0 34px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-row-icon .elementor-widget-container {
  width: 34px !important;
  height: 34px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-row-icon img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 29px !important;
  max-height: 31px !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center !important;
}


/* =========================================
   ADDRESS CONTENT
   ========================================= */

.elementor-24 .elementor-element.elementor-element-be8666d .contact-address-content {
  width: auto !important;
  min-width: 0 !important;

  flex: 1 1 auto !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: flex-start !important;
  justify-content: flex-start !important;

  gap: 3px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-location-title {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-location-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #FCB301 !important;

  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}


/* Detail alamat */
.elementor-24 .elementor-element.elementor-element-be8666d .contact-location-detail,
.elementor-24 .elementor-element.elementor-element-be8666d .contact-location-detail .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-location-detail p {
  margin: 0 !important;
  padding: 0 !important;

  color: #ECEFF1 !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}


/* =========================================
   PHONE, OFFICE, EMAIL
   ========================================= */

.elementor-24 .elementor-element.elementor-element-be8666d .contact-value {
  width: auto !important;
  min-width: 0 !important;

  flex: 1 1 auto !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-value .elementor-widget-container {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-value p {
  margin: 0 !important;
  padding: 0 !important;

  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-value a {
  color: #ECEFF1 !important;

  font-size: 15px !important;
  font-weight: 400 !important;

  text-decoration: none !important;

  transition: color 0.2s ease !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-value a:hover {
  color: #FCB301 !important;
}

.elementor-24 .elementor-element.elementor-element-be8666d .contact-email-value a {
  font-size: 14px !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-be8666d {
    width: 400px !important;

    gap: 6px !important;

    padding: 15px 18px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d > .e-con-inner {
    gap: 6px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-row {
    min-height: 34px !important;
    gap: 12px !important;
    padding: 1px 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-row > .e-con-inner {
    gap: 12px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-address-row {
    min-height: 49px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-row-icon {
    width: 31px !important;
    min-width: 31px !important;
    max-width: 31px !important;

    flex-basis: 31px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-row-icon .elementor-widget-container {
    width: 31px !important;
    height: 31px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-row-icon img {
    max-width: 27px !important;
    max-height: 29px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-location-title .elementor-heading-title {
    font-size: 16px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-location-detail p,
  .elementor-24 .elementor-element.elementor-element-be8666d .contact-value p,
  .elementor-24 .elementor-element.elementor-element-be8666d .contact-value a {
    font-size: 14px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-email-value a {
    font-size: 13.5px !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-be8666d {
    width: 100% !important;
    max-width: 480px !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-be8666d {
    width: 100% !important;
    max-width: 100% !important;

    gap: 8px !important;

    padding: 17px 15px !important;

    border-radius: 10px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-row,
  .elementor-24 .elementor-element.elementor-element-be8666d .contact-row > .e-con-inner {
    gap: 12px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-location-title .elementor-heading-title {
    font-size: 16px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-location-detail p,
  .elementor-24 .elementor-element.elementor-element-be8666d .contact-value p,
  .elementor-24 .elementor-element.elementor-element-be8666d .contact-value a {
    font-size: 14px !important;
  }

  .elementor-24 .elementor-element.elementor-element-be8666d .contact-email-value a {
    font-size: 13px !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-13d888e *//* =========================================
   CONTACT — PRODUCT SHOWCASE
   PROPORSI FINAL: LEBIH BANTET
   OUTLINE KUNING + BACKGROUND TRANSPARAN
   ========================================= */

.elementor-24 .elementor-element.elementor-element-13d888e {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 700px !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: flex-end !important;
  justify-content: flex-end !important;

  gap: 12px !important;

  margin: 0 0 0 auto !important;
  padding: 0 !important;

  background: transparent !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-13d888e > .e-con-inner {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 700px !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: flex-end !important;
  justify-content: flex-end !important;

  gap: 12px !important;

  margin: 0 0 0 auto !important;
  padding: 0 !important;

  background: transparent !important;

  box-sizing: border-box !important;
}


/* =========================================
   PRODUCT VISUAL
   Proporsi 1.02 : 1
   Lebih pendek daripada versi sebelumnya
   ========================================= */

.elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual {
  position: relative !important;
  isolation: isolate !important;

  width: calc(25% - 9px) !important;
  min-width: 0 !important;
  max-width: 160px !important;

  /*
   * Width : Height = 1.02 : 1
   * Contoh: 160px × sekitar 157px
   */
  aspect-ratio: 1.02 / 1 !important;

  flex: 0 1 160px !important;
  align-self: flex-end !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  overflow: visible !important;

  box-sizing: border-box !important;
}


/* =========================================
   OUTLINE FRAME
   Hanya garis kuning, tidak ada fill
   ========================================= */

.elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual::before {
  content: "";

  position: absolute !important;
  inset: 0 !important;

  width: 100% !important;
  height: 100% !important;

  background-color: transparent !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M28 1 H72 Q78 1 82 8 L98 42 Q100 50 98 58 L82 92 Q78 99 72 99 H28 Q22 99 18 92 L2 58 Q0 50 2 42 L18 8 Q22 1 28 1 Z' fill='none' stroke='%23FCB301' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E") !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;

  z-index: 1 !important;
  pointer-events: none !important;
}

.elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual::after {
  display: none !important;
}


/* =========================================
   INNER CONTAINER
   ========================================= */

.elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual > .e-con-inner {
  position: relative !important;
  z-index: 2 !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;

  display: flex !important;
  flex-direction: row !important;

  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 12px 13px !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  box-sizing: border-box !important;
}


/* =========================================
   IMAGE WIDGET
   ========================================= */

.elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual .elementor-widget-image {
  position: relative !important;
  z-index: 3 !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual
.elementor-widget-image .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  background-color: transparent !important;
}


/* =========================================
   PRODUCT IMAGE
   ========================================= */

.elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual img {
  display: block !important;

  width: auto !important;
  height: auto !important;

  max-width: 82% !important;
  max-height: 82% !important;

  margin: 0 auto !important;
  padding: 0 !important;

  object-fit: contain !important;
  object-position: center !important;

  background: transparent !important;

  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  filter: none !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-13d888e,
  .elementor-24 .elementor-element.elementor-element-13d888e > .e-con-inner {
    gap: 12px !important;
  }

  .elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual {
    max-width: 155px !important;

    /*
     * Sekitar 155px × 152px
     */
    aspect-ratio: 1.02 / 1 !important;
    flex-basis: 155px !important;
  }

  .elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual > .e-con-inner {
    padding: 11px 12px !important;
  }

  .elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual img {
    max-width: 82% !important;
    max-height: 82% !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-13d888e,
  .elementor-24 .elementor-element.elementor-element-13d888e > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 16px !important;
  }

  .elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual {
    width: 100% !important;
    max-width: 180px !important;

    aspect-ratio: 1.02 / 1 !important;

    flex: none !important;
    justify-self: center !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-13d888e,
  .elementor-24 .elementor-element.elementor-element-13d888e > .e-con-inner {
    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 12px !important;
  }

  .elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual {
    width: 100% !important;
    max-width: 155px !important;

    aspect-ratio: 1.02 / 1 !important;

    flex: none !important;
    justify-self: center !important;
  }

  .elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual > .e-con-inner {
    padding: 10px !important;
  }

  .elementor-24 .elementor-element.elementor-element-13d888e .contact-product-visual img {
    max-width: 82% !important;
    max-height: 82% !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7ab7e3c *//* =========================================
   CONTACT BOTTOM CONTENT
   CARD KIRI + SHOWCASE RATA KANAN
   ========================================= */

.elementor-24 .elementor-element.elementor-element-7ab7e3c {
  width: 100% !important;
  max-width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: flex-end !important;
  justify-content: space-between !important;

  gap: 36px !important;

  margin: 24px 0 0 !important;
  padding: 0 60px 16px !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-7ab7e3c > .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  min-height: 0 !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: flex-end !important;
  justify-content: space-between !important;

  gap: 36px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* Contact card tetap */
.elementor-24 .elementor-element.elementor-element-7ab7e3c .contact-information-card {
  width: 400px !important;
  max-width: 400px !important;

  flex: 0 0 400px !important;
  align-self: flex-end !important;

  margin: 0 !important;
}


/* Kelompok produk tidak memenuhi seluruh sisa area */
.elementor-24 .elementor-element.elementor-element-7ab7e3c .product-showcase {
  width: 700px !important;
  min-width: 0 !important;
  max-width: 700px !important;

  flex: 0 1 700px !important;

  margin: 0 0 0 auto !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-7ab7e3c {
    gap: 32px !important;

    margin-top: 22px !important;
    padding-bottom: 12px !important;
  }

  .elementor-24 .elementor-element.elementor-element-7ab7e3c > .e-con-inner {
    gap: 32px !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-7ab7e3c {
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 24px !important;

    margin-top: 28px !important;
    padding: 0 32px 16px !important;
  }

  .elementor-24 .elementor-element.elementor-element-7ab7e3c > .e-con-inner {
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 24px !important;
  }

  .elementor-24 .elementor-element.elementor-element-7ab7e3c .contact-information-card {
    width: 100% !important;
    max-width: 480px !important;

    flex: none !important;
  }

  .elementor-24 .elementor-element.elementor-element-7ab7e3c .product-showcase {
    width: 100% !important;
    max-width: 100% !important;

    flex: none !important;

    margin-left: 0 !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-7ab7e3c {
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 20px !important;

    margin-top: 24px !important;
    padding: 0 16px 16px !important;
  }

  .elementor-24 .elementor-element.elementor-element-7ab7e3c > .e-con-inner {
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 20px !important;
  }

  .elementor-24 .elementor-element.elementor-element-7ab7e3c .contact-information-card {
    width: 100% !important;
    max-width: 100% !important;

    flex: none !important;
  }

  .elementor-24 .elementor-element.elementor-element-7ab7e3c .product-showcase {
    width: 100% !important;
    max-width: 100% !important;

    flex: none !important;

    margin-left: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ec9fb2f */.elementor-24 .elementor-element.elementor-element-ec9fb2f {
  width: clamp(190px, 17vw, 250px);
  max-width: 250px;

  flex: 0 0 auto;

  margin: 0;
  padding: 0;
}

.elementor-24 .elementor-element.elementor-element-ec9fb2f img {
  display: block;

  width: 100%;
  height: auto;

  object-fit: contain;
  object-position: left center;

  margin: 0;
  padding: 0;
}

@media (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-ec9fb2f {
    width: clamp(180px, 28vw, 230px);
  }
}

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-ec9fb2f {
    width: clamp(180px, 65vw, 235px);
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-1e29b4e */@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-1e29b4e .elementor-heading-title {
    font-size: clamp(16px, 4.3vw, 18px) !important;
    line-height: 1.05 !important;
    margin: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b959f65 *//* =========================================
   BRAND LIST — BASE
   ========================================= */

.elementor-24 .elementor-element.elementor-element-b959f65 {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-b959f65 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-desktop,
.elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-mobile {
  color: #FCB301 !important;

  font-family: inherit !important;
  font-weight: 600 !important;
  text-transform: uppercase;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

.elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-desktop span,
.elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-mobile span {
  display: block;

  margin: 0 !important;
  padding: 0 !important;
}


/* =========================================
   DESKTOP
   ========================================= */

@media (min-width: 1025px) {
  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-desktop {
    display: block !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
  }

  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-desktop span {
    white-space: nowrap !important;
  }

  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-mobile {
    display: none !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-desktop {
    display: block !important;

    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 12px !important;
    line-height: 1.38 !important;
    letter-spacing: 0 !important;

    text-align: left !important;
  }

  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-desktop span {
    white-space: nowrap !important;
  }

  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-mobile {
    display: none !important;
  }
}


/* =========================================
   MOBILE
   Blok dan tulisan kembali rata kiri
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-b959f65 {
    width: 100% !important;
    max-width: 100% !important;

    align-self: stretch !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
  }

  .elementor-24 .elementor-element.elementor-element-b959f65 .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
  }

  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-desktop {
    display: none !important;
  }

  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-mobile {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: clamp(10.5px, 3vw, 11.5px) !important;
    line-height: 1.38 !important;
    letter-spacing: -0.05px !important;

    text-align: left !important;
  }

  .elementor-24 .elementor-element.elementor-element-b959f65 .brand-list-mobile span {
    display: block !important;
    width: 100% !important;

    white-space: nowrap !important;
    text-align: left !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5e2b7a */@media (min-width: 1025px) {
  .elementor-24 .elementor-element.elementor-element-f5e2b7a {
    width: 44%;
    min-width: 0;

    display: grid !important;

    grid-template-columns: 170px minmax(0, 1fr);

    grid-template-areas:
      "badge heading"
      "brands brands";

    column-gap: 18px;
    row-gap: 0;

    align-items: start;

    margin: 0 !important;
    padding: 6px 10px 8px 0 !important;

    box-sizing: border-box;
  }

  /* =========================================
     BADGE READY STOCK
     ========================================= */

  .elementor-24 .elementor-element.elementor-element-f5e2b7a .ready-stock-badge {
    grid-area: badge;

    width: 170px !important;
    max-width: 170px !important;

    align-self: start;

    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-f5e2b7a .ready-stock-badge img {
    display: block !important;

    width: 170px !important;
    max-width: none !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  /* =========================================
     HEADING
     Center vertikal terhadap badge
     ========================================= */

  .elementor-24 .elementor-element.elementor-element-f5e2b7a .general-parts-heading {
    grid-area: heading;

    align-self: center;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateY(-1px);
  }

  .elementor-24 .elementor-element.elementor-element-f5e2b7a .general-parts-heading .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #FFFFFF !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0;

    white-space: nowrap;
  }

  /* =========================================
     BRAND LIST — DUA BARIS
     ========================================= */

  .elementor-24 .elementor-element.elementor-element-f5e2b7a .general-parts-brands {
    grid-area: brands;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 1px 0 0 54px !important;

    box-sizing: border-box;
  }

  .elementor-24 .elementor-element.elementor-element-f5e2b7a .general-parts-brands,
  .elementor-24 .elementor-element.elementor-element-f5e2b7a .general-parts-brands p {
    margin: 0 !important;
  }

  .elementor-24 .elementor-element.elementor-element-f5e2b7a .general-parts-brands p {
    margin: 0 !important;
    padding: 0 !important;

    color: #FCB301 !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.1px;

    white-space: nowrap;
  }
}

/* =========================================
   LEFT SIDE — MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-f5e2b7a {
    order: 1 !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    align-self: stretch !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-08dbe83 */@media (min-width: 1025px) {
  .elementor-24 .elementor-element.elementor-element-08dbe83 {
    width: 2px !important;
    min-width: 2px !important;
    max-width: 2px !important;

    flex: 0 0 2px !important;

    height: 82px !important;
    min-height: 82px !important;
    max-height: 82px !important;

    align-self: flex-start !important;

    margin-top: 8px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 44px !important;

    padding: 0 !important;

    background-color: rgba(255, 255, 255, 0.72) !important;
    border-radius: 999px;

    box-sizing: border-box;
  }
}

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-08dbe83 {
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

    margin-top: 6px !important;
  }
}

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-08dbe83 {
    display: none !important;
  }
}

/* Jarak divider dengan Brand List — desktop */
@media (min-width: 1025px) {
  .elementor-24 .elementor-element.elementor-element-08dbe83 {
    transform: translateX(12px) !important;
  }
}

/* Divider vertikal tidak dipakai di mobile */
@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-08dbe83 {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-3f14d5d *//* =========================================
   RUNNING LOGO — DESKTOP
   Stabil untuk Infinite Loop Elementor
   ========================================= */

@media (min-width: 1025px) {
  .elementor-24 .elementor-element.elementor-element-3f14d5d {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-container {
    overflow: hidden !important;
  }

  /* Gerakan tetap halus dan linear */
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-wrapper {
    align-items: center !important;
    transition-timing-function: linear !important;
  }

  /*
   * Jangan mengatur width, flex-basis,
   * atau margin slide.
   * Biarkan Swiper menghitung lebarnya.
   */
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide {
    height: 52px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    /* Jarak aman melalui padding, bukan margin */
    padding: 0 8px !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide-inner,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide figure {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide img,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide .swiper-slide-image {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 155px !important;
    max-height: 38px !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-3f14d5d {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-container {
    overflow: hidden !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-wrapper {
    align-items: center !important;
    transition-timing-function: linear !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide {
    height: 48px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 7px !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide-inner,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide figure {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide img,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide .swiper-slide-image {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 140px !important;
    max-height: 34px !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-3f14d5d {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-container {
    overflow: hidden !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-wrapper {
    align-items: center !important;
    transition-timing-function: linear !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide {
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 3px !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide-inner,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide figure {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide img,
  .elementor-24 .elementor-element.elementor-element-3f14d5d .swiper-slide .swiper-slide-image {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 94% !important;
    max-height: 30px !important;

    object-fit: contain !important;
    object-position: center !important;

    margin: 0 auto !important;
    padding: 0 !important;

    transform: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2301af8 *//* =========================================
   LOGO BRANDS — MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-2301af8 {
    order: 2 !important;

    width: 100% !important;
    max-width: 100% !important;

    min-height: 0 !important;
    height: auto !important;

    align-self: stretch !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
  }

  .elementor-24 .elementor-element.elementor-element-2301af8 .elementor-widget-container,
  .elementor-24 .elementor-element.elementor-element-2301af8 .swiper,
  .elementor-24 .elementor-element.elementor-element-2301af8 .swiper-container {
    min-height: 0 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed00b1c *//* =========================================
   CONTACT PAGE — BOTTOM AREA
   MENEMPEL DI DASAR HALAMAN
   ========================================= */

.elementor-24 .elementor-element.elementor-element-ed00b1c {
  position: relative;
  isolation: isolate;

  width: 100% !important;
  max-width: none !important;

  min-height: 0 !important;
  height: auto !important;

  flex: 0 0 auto !important;
  align-self: stretch !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 28px !important;

  margin-top: auto !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;

  padding: 14px 60px 16px !important;

  background-color: #08090A !important;
  background-image: none !important;

  border: none !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}


/* Garis kuning bagian atas */
.elementor-24 .elementor-element.elementor-element-ed00b1c::before {
  content: "";

  position: absolute;
  z-index: 20;

  top: 0;
  right: 0;
  left: 0;

  width: 100%;
  height: 1px;

  background-color: #FCB301;

  pointer-events: none;
}


/* Inner container Elementor */
.elementor-24 .elementor-element.elementor-element-ed00b1c > .e-con-inner {
  position: relative;
  z-index: 2;

  width: 100% !important;
  max-width: none !important;

  min-height: 0 !important;
  height: auto !important;

  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 28px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}


/* =========================================
   LAPTOP PENDEK
   ========================================= */

@media (min-width: 1025px) and (max-height: 820px) {
  .elementor-24 .elementor-element.elementor-element-ed00b1c {
    gap: 24px !important;
    padding: 10px 60px 12px !important;
  }

  .elementor-24 .elementor-element.elementor-element-ed00b1c > .e-con-inner {
    gap: 24px !important;
  }
}


/* =========================================
   TABLET
   ========================================= */

@media (min-width: 768px) and (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-ed00b1c {
    margin-top: 0 !important;

    gap: 22px !important;
    padding: 14px 32px 16px !important;
  }

  .elementor-24 .elementor-element.elementor-element-ed00b1c > .e-con-inner {
    gap: 22px !important;
  }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {
  .elementor-24 .elementor-element.elementor-element-ed00b1c {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 18px 16px 20px !important;

    background-color: #08090A !important;
    background-image: none !important;

    border: none !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .elementor-24 .elementor-element.elementor-element-ed00b1c::before {
    height: 1px;
    background-color: #FCB301;
  }

  .elementor-24 .elementor-element.elementor-element-ed00b1c > .e-con-inner {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 14px !important;

    margin: 0 !important;
    padding: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-822093d *//* =========================================
   CONTACT INNER
   FLEX COLUMN + BOTTOM AREA DI DASAR
   ========================================= */

.elementor-24 .elementor-element.elementor-element-822093d {
  position: relative;

  width: 100% !important;
  max-width: none !important;

  min-height: calc(100vh - 84px) !important;
  min-height: calc(100svh - 84px) !important;
  height: auto !important;

  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;

  align-items: stretch !important;
  justify-content: flex-start !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Jika Elementor membuat inner wrapper */
.elementor-24 .elementor-element.elementor-element-822093d > .e-con-inner {
  width: 100% !important;
  max-width: none !important;

  min-height: calc(100vh - 84px) !important;
  min-height: calc(100svh - 84px) !important;
  height: auto !important;

  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;

  align-items: stretch !important;
  justify-content: flex-start !important;

  gap: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;
}

/* Konten utama tetap mengikuti tinggi isinya */
.elementor-24 .elementor-element.elementor-element-822093d .contact-top-area,
.elementor-24 .elementor-element.elementor-element-822093d .contact-bottom-content {
  flex: 0 0 auto !important;
}

/* Anak terakhir, yaitu Bottom Area, didorong ke bawah */
.elementor-24 .elementor-element.elementor-element-822093d > :last-child,
.elementor-24 .elementor-element.elementor-element-822093d > .e-con-inner > :last-child {
  margin-top: auto !important;
  flex: 0 0 auto !important;
}


/* =========================================
   TABLET DAN MOBILE
   KONTEN NORMAL DAN BOLEH SCROLL
   ========================================= */

@media (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-822093d,
  .elementor-24 .elementor-element.elementor-element-822093d > .e-con-inner {
    min-height: 0 !important;
    height: auto !important;
  }

  .elementor-24 .elementor-element.elementor-element-822093d > :last-child,
  .elementor-24 .elementor-element.elementor-element-822093d > .e-con-inner > :last-child {
    margin-top: 0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5ef6805 *//* =========================================
   CONTACT MAIN
   AREA HALAMAN SETELAH HEADER 84PX
   ========================================= */

.elementor-24 .elementor-element.elementor-element-5ef6805 {
  position: relative;

  width: 100% !important;
  max-width: none !important;

  min-height: calc(100vh - 84px) !important;
  min-height: calc(100svh - 84px) !important;
  height: auto !important;
  max-height: none !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;

  margin: 0 !important;
  padding: 0 !important;

  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Contact Inner harus memenuhi tinggi Contact Main */
.elementor-24 .elementor-element.elementor-element-5ef6805 .contact-inner {
  width: 100% !important;

  min-height: calc(100vh - 84px) !important;
  min-height: calc(100svh - 84px) !important;
  height: auto !important;

  flex: 1 1 auto !important;

  margin: 0 !important;
  box-sizing: border-box !important;
}


/* =========================================
   TABLET DAN MOBILE
   TINGGI MENGIKUTI KONTEN
   ========================================= */

@media (max-width: 1024px) {
  .elementor-24 .elementor-element.elementor-element-5ef6805 {
    min-height: 0 !important;
    height: auto !important;
  }

  .elementor-24 .elementor-element.elementor-element-5ef6805 .contact-inner {
    min-height: 0 !important;
    height: auto !important;
  }
}/* End custom CSS */