.elementor-552 .elementor-element.elementor-element-0ae3eec{--display:grid;--min-height:469px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-552 .elementor-element.elementor-element-23ecdb4{background-image:url("https://tritunggalmandiristeel.com/wp-content/uploads/2025/10/ABOUT-US.png");margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:281px 035px 0px 49px;background-repeat:no-repeat;background-size:cover;font-family:"Poppins", Sans-serif;font-size:1.1em;font-weight:500;color:#FFFFFF;}.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-552 .elementor-element.elementor-element-452d615{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-552 .elementor-element.elementor-element-52baf3f{--display:flex;--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-552 .elementor-element.elementor-element-52baf3f:not(.elementor-motion-effects-element-type-background), .elementor-552 .elementor-element.elementor-element-52baf3f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#004AAD;}.elementor-552 .elementor-element.elementor-element-26c3a64{--display:flex;--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-552 .elementor-element.elementor-element-03dd243{width:100%;max-width:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-552 .elementor-element.elementor-element-0ae3eec{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-552 .elementor-element.elementor-element-0ae3eec{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-4d68e87 *//* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Poppins:wght@400&display=swap');

.visi-misi-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 20px;
  text-align: center;
}

.section-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 3.2rem;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: 700;
}

.visi-misi-grid {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch; /* <-- bikin tinggi sama */
}

.visi-misi-card {
  border-radius: 15px;
  overflow: hidden;
  flex: 1 1 400px;
  max-width: 450px;
  color: #ffffff;
  text-align: center;
  display: flex;
  flex-direction: column; /* biar header+body jadi column */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.visi-misi-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

.card-header {
  background: linear-gradient(to bottom, #7a0f0f, #b51313);
  padding: 25px 20px 15px;
}

.card-title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 2rem;
  margin: 0;
  font-weight: 700;
  color: #ffffff;
}

.card-body {
  background: linear-gradient(to bottom, #d82323, #e33535);
  padding: 25px 20px 35px;
  flex-grow: 1; /* <-- bikin body stretch agar tinggi sama */
}

.card-text {
  font-family: 'Poppins', sans-serif !important;
  font-size: 1rem;
  line-height: 1.6;
  margin: 0;
  color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
  .visi-misi-grid {
    flex-direction: column;
    gap: 20px;
  }

  .visi-misi-card {
    max-width: 100%;
  }
}/* End custom CSS */