.elementor-598 .elementor-element.elementor-element-6f6fee94{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-598 .elementor-element.elementor-element-77b2600 .elementor-repeater-item-af0301c .swiper-slide-bg{background-image:url(https://tritunggalmandiristeel.com/wp-content/uploads/2025/09/BG-Contact.png);background-size:cover;}.elementor-598 .elementor-element.elementor-element-77b2600 .swiper-slide{transition-duration:calc(5000ms*1.2);height:704px;}.elementor-598 .elementor-element.elementor-element-77b2600 .swiper-slide-contents{max-width:100%;}.elementor-598 .elementor-element.elementor-element-77b2600 .swiper-slide-inner{text-align:start;}.elementor-598 .elementor-element.elementor-element-77b2600 .swiper-slide-inner .elementor-slide-heading:not(:last-child){margin-bottom:16px;}.elementor-598 .elementor-element.elementor-element-77b2600 .elementor-slide-heading{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:4.9em;font-weight:700;}.elementor-598 .elementor-element.elementor-element-77b2600 .elementor-slide-description{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-598 .elementor-element.elementor-element-77b2600 .elementor-slide-button{font-family:"Montserrat", Sans-serif;font-weight:500;}.elementor-598 .elementor-element.elementor-element-abed7d6{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-598 .elementor-element.elementor-element-abed7d6:not(.elementor-motion-effects-element-type-background), .elementor-598 .elementor-element.elementor-element-abed7d6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}.elementor-598 .elementor-element.elementor-element-f58f797{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-598 .elementor-element.elementor-element-77b2600 .swiper-slide{height:576px;}.elementor-598 .elementor-element.elementor-element-77b2600 .elementor-slide-heading{font-size:2em;}.elementor-598 .elementor-element.elementor-element-77b2600 .elementor-slide-description{font-size:0.9em;}}/* Start custom CSS for html, class: .elementor-element-f58f797 */:root {
  --primary-red: #b00000;
  --accent-yellow: #ffb100;
  --text-light: #ffffff;
  --font: "Poppins", Arial, sans-serif;
}

body {
  font-family: var(--font);
  margin: 0;
  padding: 0;
  background: #0070c0;
}

/* Background utama */
.contact-wrapper {
  background-image: url("https://tritunggalmandiristeel.com/wp-content/uploads/2025/09/BG-Contact-blue.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* TOP red box */
.contact-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: linear-gradient(180deg, #900000 0%, #b30000 100%);
  color: var(--text-light);
  padding: 40px 50px;
  border-radius: 20px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
  margin: 10px auto;
  width: 80%;
  max-width: 1100px;
}

.contact-box {
  flex: 1 1 300px;
  margin: 10px 20px;
}

.contact-box h3 {
  color: var(--accent-yellow);
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 22px;
}

.contact-box p {
  margin: 10px 0;
  color: var(--text-light);
  font-size: 16px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 2px;
}

.contact-box span {
  font-weight: 700;
}

/* Mandarin text */
.cn {
  font-weight: 400;
  font-size: 14px;
  color: #ffe8a6;
  font-family: "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

/* Bottom red box */
.contact-bottom {
  background: linear-gradient(180deg, #900000 0%, #b30000 100%);
  color: var(--text-light);
  padding: 40px 50px;
  margin: 10px auto;
  width: 80%;
  max-width: 1100px;
  border-radius: 20px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25);
}

.contact-bottom h3 {
  color: var(--accent-yellow);
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 15px;
}

.address .label {
  color: var(--accent-yellow);
  font-weight: 600;
  margin-top: 15px;
}

.address p {
  font-size: 16px;
  line-height: 1.6;
}

/* Responsive for tablet & mobile */
@media (max-width: 992px) {
  .contact-top,
  .contact-bottom {
    width: 90%;
    padding: 35px 30px;
  }
}

@media (max-width: 768px) {
  .contact-top {
    flex-direction: column;
    padding: 25px 20px;
    width: 95%;
  }

  .contact-box {
    margin: 15px 0;
  }

  .contact-bottom {
    padding: 25px 20px;
    width: 95%;
  }

  .contact-box h3,
  .contact-bottom h3 {
    font-size: 18px;
  }

  .contact-box p,
  .address p {
    font-size: 14px;
  }

  .cn {
    font-size: 12px;
  }
}

@media (max-width: 480px) {
  .contact-wrapper {
    padding: 50px 10px;
  }

  .contact-top,
  .contact-bottom {
    width: 100%;
    padding: 20px 15px;
    border-radius: 15px;
  }

  .contact-box {
    margin: 10px 0;
  }

  .contact-box h3,
  .contact-bottom h3 {
    font-size: 16px;
  }

  .contact-box p,
  .address p {
    font-size: 13px;
    line-height: 1.5;
  }
}/* End custom CSS */