.elementor-7678 .elementor-element.elementor-element-2092db56 > .elementor-background-overlay{background-color:#000000;opacity:0.35;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7678 .elementor-element.elementor-element-2092db56:not(.elementor-motion-effects-element-type-background), .elementor-7678 .elementor-element.elementor-element-2092db56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7678 .elementor-element.elementor-element-2092db56{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:110px 150px 70px 200px;}.elementor-7678 .elementor-element.elementor-element-7846ed13 > .elementor-widget-container{background-color:#000000BA;}.elementor-7678 .elementor-element.elementor-element-7846ed13{text-align:left;}.elementor-7678 .elementor-element.elementor-element-7846ed13 .elementor-heading-title{color:#FFFFFF;}.elementor-7678 .elementor-element.elementor-element-18402c4f{padding:0px 10px 100px 10px;}.elementor-7678 .elementor-element.elementor-element-e48bb7c{--display:flex;}.elementor-7678 .elementor-element.elementor-element-26a54547{margin-top:50px;margin-bottom:0px;}.elementor-7678 .elementor-element.elementor-element-730acbe3 > .elementor-element-populated{padding:10px 20px 10px 10px;}.elementor-7678 .elementor-element.elementor-element-c6718d1 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-7678 .elementor-element.elementor-element-c6718d1{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-7678 .elementor-element.elementor-element-c6718d1 .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-7678 .elementor-element.elementor-element-8f66ff5{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7678 .elementor-element.elementor-element-a5c6016 > .elementor-widget-container{padding:50px 10px 50px 10px;}.elementor-7678 .elementor-element.elementor-element-a5c6016 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7678 .elementor-element.elementor-element-2463a7c2{--spacer-size:20px;}.elementor-7678 .elementor-element.elementor-element-15e5294{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7678 .elementor-element.elementor-element-98f8c7b{--e-image-carousel-slides-to-show:3;}.elementor-7678 .elementor-element.elementor-element-fe07cd7 > .elementor-widget-container{padding:50px 10px 50px 10px;}.elementor-7678 .elementor-element.elementor-element-fe07cd7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7678 .elementor-element.elementor-element-335d31f{--display:flex;}.elementor-7678 .elementor-element.elementor-element-2de61b97{--e-image-carousel-slides-to-show:2;}.elementor-7678 .elementor-element.elementor-element-a8c658a span.post-navigation__prev--label{color:#020202;}.elementor-7678 .elementor-element.elementor-element-a8c658a span.post-navigation__next--label{color:#020202;}.elementor-7678 .elementor-element.elementor-element-a8c658a span.post-navigation__prev--title, .elementor-7678 .elementor-element.elementor-element-a8c658a span.post-navigation__next--title{color:#0A0A0A;}.elementor-7678 .elementor-element.elementor-element-a8c658a .post-navigation__arrow-wrapper{color:#0C0C0C;fill:#0C0C0C;}body.elementor-page-7678{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-7678 .elementor-element.elementor-element-8f66ff5{--grid-auto-flow:row;}.elementor-7678 .elementor-element.elementor-element-15e5294{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-7678 .elementor-element.elementor-element-2092db56{padding:170px 20px 170px 20px;}.elementor-7678 .elementor-element.elementor-element-18402c4f{margin-top:0px;margin-bottom:0px;padding:0px 0px 50px 0px;}.elementor-7678 .elementor-element.elementor-element-730acbe3 > .elementor-element-populated{padding:10px 10px 10px 10px;}.elementor-7678 .elementor-element.elementor-element-8f66ff5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7678 .elementor-element.elementor-element-15e5294{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-7678 .elementor-element.elementor-element-6e3bad8{width:100%;}}/* Start custom CSS for section, class: .elementor-element-2092db56 *//* ===== MARIFA KONSTRUKSI PROJECT STYLE ===== */

/* --- Global Typography --- */
body, .elementor-widget-text-editor {
  font-family: 'Poppins', sans-serif;
  color: #333333;
  line-height: 1.8;
  font-size: 16px;
}

/* --- Headings --- */
h1, h2, h3, h4 {
  font-family: 'Poppins', sans-serif;
  color: #1C1C1C;
  font-weight: 700;
  margin-bottom: 0.6em;
}

h2, h3 {
  color: #C89B3C; /* Emas khas Marifa */
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* --- Project Info Box --- */
.marifa-project-info {
  background-color: #f8f8f8;
  border-radius: 16px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.06);
  padding: 25px 30px;
  margin: 40px 0;
}

.marifa-project-info h3 {
  color: #C89B3C;
  font-size: 20px;
  margin-bottom: 15px;
}

.marifa-project-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.marifa-project-info li {
  padding: 6px 0;
  border-bottom: 1px solid #e4e4e4;
  font-size: 15px;
}

/* --- Hero Image --- */
.marifa-hero img {
  width: 100%;
  border-radius: 16px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  transition: transform 0.5s ease;
}

.marifa-hero img:hover {
  transform: scale(1.02);
}

/* --- Subtle Section Separator --- */
.section-divider {
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #C89B3C, #E4C77D);
  margin: 30px auto;
  border-radius: 2px;
}

/* --- Quote / Highlight Text --- */
blockquote {
  border-left: 4px solid #C89B3C;
  padding-left: 20px;
  font-style: italic;
  color: #555;
  margin: 25px 0;
}

/* --- Images in content --- */
.elementor-widget-image img {
  border-radius: 12px;
  transition: all 0.4s ease;
}

.elementor-widget-image img:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}

/* --- Video Section --- */
.marifa-video {
  margin: 30px 0;
  text-align: center;
}

.marifa-video iframe {
  width: 100%;
  max-width: 800px;
  height: 450px;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

/* --- Full-width Final Image (Closing Visual) --- */
.marifa-final-image img {
  width: 100%;
  border-radius: 0;
  margin-top: 50px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* --- Section Animation --- */
[data-animate="fade-up"] {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease-out;
}

[data-animate="fade-up"].visible {
  opacity: 1;
  transform: translateY(0);
}

/* --- Responsive (Mobile) --- */
@media (max-width: 768px) {
  .marifa-project-info {
    padding: 20px;
  }

  h1 {
    font-size: 26px;
  }

  h2 {
    font-size: 20px;
  }

  .marifa-video iframe {
    height: 220px;
  }
}

.elementor-widget-heading h1 {
  color: #fff;
  text-shadow: 0 2px 10px rgba(0,0,0,0.4);
  letter-spacing: 0.5px;
}
.elementor-background-overlay {
  background: linear-gradient(180deg, rgba(0,0,0,0.3), rgba(0,0,0,0.6));
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-a5c6016 */.elementor-7678 .elementor-element.elementor-element-a5c6016 iframe {
  aspect-ratio: 9 / 16;
  width: 100%;
  height: auto;
  max-height: 90vh;
  border-radius: 10px;
  object-fit: cover;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-47b2c75 *//* Paksa semua IMG di dalam elemen dengan class seragam menjadi seragam */
.seragam img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  height: auto !important;
  max-height: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover */
.seragam img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-75ad7e8 *//* Paksa semua IMG di dalam elemen dengan class seragam menjadi seragam */
.seragam img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  height: auto !important;
  max-height: none !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover */
.seragam img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-98f8c7b *//* Force carousel image frame to 3:2 */
.elementor-image-carousel .swiper-slide-inner {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: 16px;
}

/* Make the square thumbnail fill the 3:2 frame */
.elementor-image-carousel .swiper-slide-inner img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;   /* penting! */
    transform: translate(-50%, -50%);
}/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-fe07cd7 */iframe {
  border-radius: 16px;
  overflow: hidden;
}

.elementor-widget-video iframe,
.elementor-widget-html iframe {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-335d31f *//* Huruf pertama paragraf pertama */
.post-content-style p:first-of-type::first-letter {
  font-size: 2.5em;
  font-weight: 600;
  color: #C89B3C;
  float: left;
  margin-right: 8px;
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for theme-post-content, class: .elementor-element-a1215cd *//* --- Gaya huruf pertama paragraf pertama di konten utama --- */
.post-content-style p:first-of-type::first-letter {
  font-size: 2.5em;
  font-weight: 600;
  color: #C89B3C;
  float: left;
  margin-right: 8px;
  line-height: 1;
}

/* --- Gaya huruf pertama paragraf pertama di excerpt (loop proyek) --- */
.excerpt-style p:first-of-type::first-letter {
  font-size: 2.2em;
  font-weight: 600;
  color: #C89B3C;
  float: left;
  margin-right: 6px;
  line-height: 1;
}

/* --- Responsif: di layar kecil, sedikit diperkecil agar rapi --- */
@media (max-width: 767px) {
  .post-content-style p:first-of-type::first-letter {
    font-size: 1.8em;
    margin-right: 6px;
  }

  .excerpt-style p:first-of-type::first-letter {
    font-size: 1.6em;
    margin-right: 4px;
  }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-2de61b97 */.elementor-image-carousel img {
  border-radius: 12px;
}

.elementor-image-carousel img {
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.elementor-image-carousel img {
  transition: transform 0.5s ease-in-out;
}
.elementor-image-carousel img:hover {
  transform: scale(1.02);
}

/* Gaya lembut + bentuk bujur sangkar untuk galeri gambar (image carousel) */
.elementor-image-carousel img {
  border-radius: 16px; /* sudut melengkung, bisa 12–20px sesuai selera */
  box-shadow: 0 4px 12px rgba(0,0,0,0.08); /* bayangan lembut */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  object-fit: cover; /* gambar tetap proporsional, meski crop */
  aspect-ratio: 1 / 1; /* bentuk bujur sangkar */
  width: 100%; /* pastikan mengikuti lebar container */
  height: auto; /* biar tinggi menyesuaikan aspect ratio */
}


/* Saat hover */
.elementor-image-carousel img:hover {
  transform: scale(1.02);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
}

/* Opsional: buat panah navigasi lebih halus dan tidak menutupi tepi */
.elementor-swiper-button {
  background: rgba(255,255,255,0.85);
  border-radius: 50%;
  backdrop-filter: blur(4px);
  transition: background 0.3s ease;
}
.elementor-swiper-button:hover {
  background: rgba(255,255,255,1);
}

.elementor-image-carousel .swiper-slide {
  padding: 4px;
}/* End custom CSS */
/* Start custom CSS *//* ====== GLOBAL STYLE ====== */
body, .elementor, .elementor-section {
  background-color: #ffffff !important;
  color: #1C1C1C !important;
  font-family: 'Poppins', sans-serif;
  line-height: 1.8;
}

/* ====== Saat di dalam editor Elementor ====== */
body.elementor-editor-active,
body.elementor-editor-active .elementor {
  background: #ffffff !important;
  color: #333333 !important;
}

/* ====== HEADING ====== */
h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', serif;
  color: #C89B3C;
  font-weight: 600;
}

h1 {
  font-size: 2.2em;
  margin-bottom: 0.4em;
}

h2, h3 {
  margin-top: 1.2em;
  margin-bottom: 0.6em;
}

/* ====== TEKS & PARAGRAF ====== */
.elementor-widget-text-editor p {
  margin-bottom: 1.4em;
  color: #1C1C1C;
  font-size: 16px;
}

strong, b {
  color: #1C1C1C;
}


/* ====== VIDEO SECTION ====== */
.marifa-video {
  margin: 40px auto;
  text-align: center;
}

.marifa-video iframe {
  max-width: 90%;
  height: auto;
  aspect-ratio: 16/9;
  border-radius: 12px;
  display: block;
  margin: 0 auto;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* ====== BUTTON STYLE ====== */
.elementor-button {
  background-color: #C89B3C !important;
  color: #fff !important;
  border-radius: 8px;
  padding: 12px 24px;
  font-weight: 600;
  transition: all 0.3s ease;
}

.elementor-button:hover {
  background-color: #b58a32 !important;
  transform: translateY(-2px);
}

/* ====== SPASI ANTAR ELEMEN ====== */
.elementor-widget:not(:last-child) {
  margin-bottom: 20px;
}

/* ====== MOBILE RESPONSIVE ====== */
@media (max-width: 768px) {
  body, .elementor-widget-text-editor {
    font-size: 15px;
    line-height: 1.7;
    padding: 0 15px;
  }

  h1 {
    font-size: 1.8em;
  }

  .marifa-video iframe {
    max-width: 100%;
  }
}


.elementor-widget-text-editor p:first-of-type::first-letter {
  font-size: 2.5em;
  font-weight: 600;
  color: #C89B3C;
  float: left;
  margin-right: 8px;
  line-height: 1;
}/* End custom CSS */