.elementor-254 .elementor-element.elementor-element-8a82285{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;--z-index:1;}.elementor-254 .elementor-element.elementor-element-8a82285:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-8a82285 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 83%, #00000000 100%);}.elementor-254 .elementor-element.elementor-element-9498627{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-254 .elementor-element.elementor-element-1610bc1 > .elementor-widget-container{margin:6px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-1610bc1{text-align:center;}.elementor-254 .elementor-element.elementor-element-1610bc1 img{width:78%;}.elementor-254 .elementor-element.elementor-element-1bd7e73{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-254 .elementor-element.elementor-element-1bd7e73.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-254 .elementor-element.elementor-element-e71a11d{width:var( --container-widget-width, 100.251% );max-width:100.251%;--container-widget-width:100.251%;--container-widget-flex-grow:0;}.elementor-254 .elementor-element.elementor-element-e71a11d > .elementor-widget-container{margin:23px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-e71a11d.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-menu-toggle{margin:0 auto;}.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-nav-menu .elementor-item{font-family:"Sora", Sans-serif;font-size:17px;font-weight:600;line-height:29px;letter-spacing:0.3px;}.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-nav-menu--main .elementor-item{color:#DFDFDF;fill:#DFDFDF;padding-left:24px;padding-right:24px;}.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-nav-menu--main .elementor-item:hover,
					.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-nav-menu--main .elementor-item:focus{color:#F70000;fill:#F70000;}.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-254 .elementor-element.elementor-element-e71a11d .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFCECE;}.elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-framed .elementor-item:before,
					.elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-framed .elementor-item:after{border-color:#FFCECE;}.elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-framed .elementor-item:before{border-width:6px;}.elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 6px 6px;}.elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:6px 6px 0 0;}.elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:6px 0 0 6px;}.elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 6px 6px 0;}.elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-underline .elementor-item:after,
					 .elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-overline .elementor-item:before,
					 .elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-double-line .elementor-item:before,
					 .elementor-254 .elementor-element.elementor-element-e71a11d .e--pointer-double-line .elementor-item:after{height:6px;}.elementor-254 .elementor-element.elementor-element-bd95d08{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-254 .elementor-element.elementor-element-bd95d08.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-254 .elementor-element.elementor-element-aa3e4de{width:var( --container-widget-width, 100.251% );max-width:100.251%;--container-widget-width:100.251%;--container-widget-flex-grow:0;}.elementor-254 .elementor-element.elementor-element-aa3e4de > .elementor-widget-container{margin:23px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-aa3e4de.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-menu-toggle{margin:0 auto;}.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-nav-menu .elementor-item{font-family:"Sora", Sans-serif;font-size:17px;font-weight:600;line-height:29px;letter-spacing:0.3px;}.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-nav-menu--main .elementor-item{color:#DFDFDF;fill:#DFDFDF;padding-left:24px;padding-right:24px;}.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-nav-menu--main .elementor-item:hover,
					.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-nav-menu--main .elementor-item:focus{color:#F70000;fill:#F70000;}.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-254 .elementor-element.elementor-element-aa3e4de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFCECE;}.elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-framed .elementor-item:before,
					.elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-framed .elementor-item:after{border-color:#FFCECE;}.elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-framed .elementor-item:before{border-width:6px;}.elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 6px 6px;}.elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:6px 6px 0 0;}.elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:6px 0 0 6px;}.elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 6px 6px 0;}.elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-underline .elementor-item:after,
					 .elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-overline .elementor-item:before,
					 .elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-double-line .elementor-item:before,
					 .elementor-254 .elementor-element.elementor-element-aa3e4de .e--pointer-double-line .elementor-item:after{height:6px;}.elementor-254 .elementor-element.elementor-element-e735c1e{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-254 .elementor-element.elementor-element-d46b0b3 .elementor-button{background-color:#E87D48BF;font-family:"Sora", Sans-serif;font-size:17px;font-weight:500;border-style:solid;border-width:2px 2px 2px 2px;border-radius:8px 8px 8px 8px;}.elementor-254 .elementor-element.elementor-element-d46b0b3 > .elementor-widget-container{margin:32px 0px 0px 0px;}.elementor-254 .elementor-element.elementor-element-d46b0b3 .elementor-button-content-wrapper{flex-direction:row;}.elementor-254 .elementor-element.elementor-element-d46b0b3 .elementor-button .elementor-button-content-wrapper{gap:16px;}.elementor-254 .elementor-element.elementor-element-883d762{--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;--overlay-opacity:1;--margin-top:-36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:63px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-254 .elementor-element.elementor-element-883d762::before, .elementor-254 .elementor-element.elementor-element-883d762 > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-883d762 > .e-con-inner > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-883d762 > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-883d762 > .e-con-inner > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-883d762 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000009E;background-image:url("https://abrabriket.com/wp-content/uploads/2025/11/ChatGPT-Image-8-Nov-2025-20.29.47.png");--background-overlay:'';background-size:contain;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-254 .elementor-element.elementor-element-fa42dd1{text-align:center;}.elementor-254 .elementor-element.elementor-element-fa42dd1 .elementor-heading-title{color:#FFFFFF;}@media(min-width:768px){.elementor-254 .elementor-element.elementor-element-8a82285{--content-width:1350px;}.elementor-254 .elementor-element.elementor-element-9498627{--width:12%;}.elementor-254 .elementor-element.elementor-element-1bd7e73{--width:48.379%;}.elementor-254 .elementor-element.elementor-element-bd95d08{--width:14.91%;}.elementor-254 .elementor-element.elementor-element-e735c1e{--width:15%;}}@media(min-width:1025px){.elementor-254 .elementor-element.elementor-element-883d762::before, .elementor-254 .elementor-element.elementor-element-883d762 > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-883d762 > .e-con-inner > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-883d762 > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-883d762 > .e-con-inner > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-883d762 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-8a82285{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-7c731b3 *//* ====== ABRA Supplier Section ====== */
.abra-section {
  background: radial-gradient(circle at top left, #2a0b0b 0, #050505 40%, #000 100%);
  color:#f9f9f9;
  padding:48px 28px;
  border-radius:24px;
  max-width:1080px;
  margin:0 auto 40px;
  font-family:'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  box-shadow:0 20px 60px rgba(0,0,0,0.55);
}

.abra-header {
  display:flex;
  flex-direction:column;
  gap:18px;
  border-bottom:1px solid rgba(255,255,255,0.1);
  padding-bottom:20px;
  margin-bottom:24px;
}

.abra-brand {
  display:flex;
  align-items:center;
  gap:16px;
}

.abra-logo {
  width:78px;
  height:auto;
}

.abra-tagline {
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.12em;
  opacity:.8;
  margin:0 0 4px;
}

.abra-subtitle {
  font-size:18px;
  margin:0;
  font-weight:600;
}

.abra-title {
  font-size:40px;
  line-height:1.1;
  margin:0;
  font-weight:700;
}

.abra-title span {
  color:#ff3c3c;
}

/* Layout 2 kolom */
.abra-layout {
  display:flex;
  gap:24px;
  align-items:flex-start;
  margin-bottom:28px;
}

.abra-col {
  flex:1;
  min-width:0;
}

.abra-card {
  background:rgba(10,10,10,0.9);
  border-radius:18px;
  padding:20px 20px 18px;
  border:1px solid rgba(255,255,255,0.06);
  box-shadow:0 14px 35px rgba(0,0,0,0.45);
}

.abra-card + .abra-card {
  margin-top:16px;
}

.abra-card h2 {
  font-size:18px;
  margin:0 0 10px;
}

/* Alur Kerjasama */
.abra-flow ol {
  margin:0;
  padding-left:20px;
}

.abra-flow li {
  margin-bottom:6px;
}

/* Capsule benefit */
.abra-grid-capsules {
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}

.abra-grid-capsules .capsule {
  background:linear-gradient(135deg,#ff4545,#b11616);
  border-radius:999px;
  padding:10px 14px;
  font-size:13px;
  text-align:center;
  box-shadow:0 8px 25px rgba(0,0,0,0.55);
}

/* Spesifikasi */
.spec-tags {
  list-style:none;
  padding:0;
  margin:4px 0 0;
}

.spec-tags li {
  position:relative;
  padding-left:18px;
  margin-bottom:6px;
  font-size:14px;
}

.spec-tags li::before {
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#ff3c3c;
}

/* CTA & WhatsApp */
.abra-cta {
  background:linear-gradient(135deg,#161616,#250707);
}

.wa-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 20px;
  border-radius:999px;
  background:#25d366;
  color:#fff;
  font-weight:700;
  font-size:18px;
  text-decoration:none;
  margin:8px 0 14px;
  box-shadow:0 12px 30px rgba(0,0,0,0.55);
}

.wa-btn::before {
  content:"";
  font-family:"Font Awesome 5 Brands", "Font Awesome 6 Brands", system-ui;
  font-weight:400;
}

/* Jika tidak pakai Font Awesome, hapus blok .wa-btn::before di atas */

.format-chat h3 {
  font-size:14px;
  margin:0 0 4px;
}

.format-chat ul {
  margin:0;
  padding-left:17px;
  font-size:13px;
}

/* Footer perusahaan */
.abra-footer {
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  border-top:1px solid rgba(255,255,255,0.08);
  padding-top:18px;
}

.company-name {
  font-size:16px;
  margin:0 0 4px;
}

.company-address {
  font-size:13px;
  margin:0;
  opacity:.9;
}

.site-link {
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(255,77,77,0.65);
  color:#ff4d4d;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
}

/* ===== Responsif ===== */
@media (max-width: 768px) {
  .abra-section {
    padding:32px 18px;
    border-radius:18px;
  }

  .abra-layout {
    flex-direction:column;
  }

  .abra-grid-capsules {
    grid-template-columns:1fr;
  }

  .abra-footer {
    flex-direction:column;
    align-items:flex-start;
  }

  .abra-title {
    font-size:32px;
  }
}/* End custom CSS */