.elementor-1677 .elementor-element.elementor-element-2b02782{--display:flex;--min-height:455px;}.elementor-1677 .elementor-element.elementor-element-2b02782:not(.elementor-motion-effects-element-type-background), .elementor-1677 .elementor-element.elementor-element-2b02782 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yasagroup.net/wp-content/uploads/2025/07/DESIGN-WEB-ARTIKEEL.webp");background-position:center center;background-size:100% auto;}.elementor-1677 .elementor-element.elementor-element-f1f6bdc{--display:flex;--min-height:37px;--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-1677 .elementor-element.elementor-element-f1f6bdc:not(.elementor-motion-effects-element-type-background), .elementor-1677 .elementor-element.elementor-element-f1f6bdc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-1677 .elementor-element.elementor-element-1925e77 ul.hfe-breadcrumbs li{margin-right:10px;}.elementor-1677 .elementor-element.elementor-element-1925e77 .hfe-breadcrumbs-item{padding:10px 10px 10px 10px;}.elementor-1677 .elementor-element.elementor-element-1925e77 .hfe-breadcrumbs, .elementor-1677 .elementor-element.elementor-element-1925e77 .hfe-breadcrumbs .hfe-breadcrumbs-text{color:#616161;}.elementor-1677 .elementor-element.elementor-element-1925e77 .hfe-breadcrumbs svg{fill:#616161;}.elementor-1677 .elementor-element.elementor-element-1925e77 .hfe-breadcrumbs-last .hfe-breadcrumbs-text, .elementor-1677 .elementor-element.elementor-element-1925e77 .hfe-breadcrumbs-last svg{color:#FFBE00;font-weight:normal;}.elementor-1677 .elementor-element.elementor-element-3d1b7916 > .elementor-container{max-width:1300px;}.elementor-1677 .elementor-element.elementor-element-3d1b7916{padding:0px 0px 100px 0px;}.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-1677 .elementor-element.elementor-element-4d2c7c3d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:600;color:#000000;}.elementor-1677 .elementor-element.elementor-element-57cd25f .hfe-post-info-icon{width:14px;}.elementor-1677 .elementor-element.elementor-element-57cd25f .hfe-post-info-icon i{font-size:14px;}.elementor-1677 .elementor-element.elementor-element-57cd25f .hfe-post-info-icon svg{--e-icon-list-icon-size:14px;}body:not(.rtl) .elementor-1677 .elementor-element.elementor-element-57cd25f .hfe-post-info-text{padding-left:10px;}body.rtl .elementor-1677 .elementor-element.elementor-element-57cd25f .hfe-post-info-text{padding-right:10px;}.elementor-widget-bdt-post-featured-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-widget-bdt-post-content{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1677 .elementor-element.elementor-element-e166c78{text-align:justify;}.elementor-1677 .elementor-element.elementor-element-d486ae8 > .elementor-widget-container{margin:8px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-d486ae8.elementor-widget-bdt-search{text-align:left;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-search-default,
					 .elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-navbar-dropdown,
					 .elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-drop{width:330px;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-search{padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-search:not(.bdt-search-navbar),
					 .elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-navbar-dropdown,
					 .elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-drop{border-radius:0px 10px 10px 10px;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search .bdt-search-icon svg{color:#FFBE00;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-input, #modal-search-d486ae8 .bdt-search-input{font-size:15px;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-input,
					 #modal-search-d486ae8 .bdt-search-icon svg{color:#000000;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-search .bdt-search-input{background-color:#FFFFFF;}#modal-search-d486ae8 .bdt-search-container .bdt-search .bdt-search-input{background-color:#FFFFFF;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-input::placeholder{color:#000000;}#modal-search-d486ae8 .bdt-search-input::placeholder{color:#000000;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-input{border-color:rgba(122, 122, 122, 0.7);border-width:2px 2px 2px 2px;border-radius:5px;}#modal-search-d486ae8 .bdt-search-input{border-color:rgba(122, 122, 122, 0.7);border-width:2px 2px 2px 2px;border-radius:5px;padding:10px 10px 10px 10px;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search .bdt-position-relative{border-radius:5px;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search .bdt-search-input{padding:10px 10px 10px 10px;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-1677 .elementor-element.elementor-element-078c4ce{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#000000;}.elementor-1677 .elementor-element.elementor-element-078c4ce > .elementor-widget-container{margin:-26px 0px -41px 0px;padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-078c4ce .elementor-headline{text-align:left;font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;}.elementor-1677 .elementor-element.elementor-element-078c4ce .elementor-headline-plain-text{color:#000000;}.elementor-1677 .elementor-element.elementor-element-078c4ce .elementor-headline .elementor-headline-plain-text{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-1677 .elementor-element.elementor-element-078c4ce .elementor-headline-dynamic-text{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-1677 .elementor-element.elementor-element-078c4ce .elementor-headline-dynamic-wrapper path{stroke:#FFBE00;stroke-linecap:round;stroke-linejoin:round;}.elementor-1677 .elementor-element.elementor-element-288857f .bdt-ep-advanced-divider{text-align:center;margin:0 auto;margin-center:0;max-width:350px;padding-top:8px;}.elementor-1677 .elementor-element.elementor-element-288857f .bdt-ep-advanced-divider svg *{stroke:#FFBE00;}.elementor-1677 .elementor-element.elementor-element-288857f{--ep-advanced-divider-rotate:0deg;}.elementor-1677 .elementor-element.elementor-element-db5769e > .elementor-widget-container{margin:-17px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-db5769e .bdt-post-list{gap:30px;}.elementor-1677 .elementor-element.elementor-element-db5769e.bdt-has-divider--yes .bdt-item-wrap{padding-bottom:calc(30px/2);margin-bottom:calc(-30px/2);}.elementor-1677 .elementor-element.elementor-element-db5769e .bdt-post-list .bdt-item{flex-direction:row;align-items:center;}.elementor-1677 .elementor-element.elementor-element-db5769e .bdt-post-list .bdt-image img{transition-duration:0.3s;}.elementor-1677 .elementor-element.elementor-element-db5769e .bdt-post-list .bdt-title a{color:#000000;}.elementor-1677 .elementor-element.elementor-element-db5769e .bdt-post-list .bdt-title a:hover{color:#F9C948;}.elementor-1677 .elementor-element.elementor-element-db5769e .bdt-post-list .bdt-title{font-family:"Roboto", Sans-serif;font-size:15px;}.elementor-1677 .elementor-element.elementor-element-db5769e .bdt-post-list .bdt-meta span{color:#000000;}.elementor-1677 .elementor-element.elementor-element-e29c622{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#000000;}.elementor-1677 .elementor-element.elementor-element-e29c622 > .elementor-widget-container{margin:-10px 0px -25px 0px;padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-e29c622 .elementor-headline{text-align:left;font-family:"Poppins", Sans-serif;font-size:26px;font-weight:600;}.elementor-1677 .elementor-element.elementor-element-e29c622 .elementor-headline-plain-text{color:#000000;}.elementor-1677 .elementor-element.elementor-element-e29c622 .elementor-headline .elementor-headline-plain-text{-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-1677 .elementor-element.elementor-element-e29c622 .elementor-headline-dynamic-text{font-family:"Poppins", Sans-serif;font-weight:600;}.elementor-1677 .elementor-element.elementor-element-e29c622 .elementor-headline-dynamic-wrapper path{stroke:#FFBE00;stroke-linecap:round;stroke-linejoin:round;}.elementor-1677 .elementor-element.elementor-element-3b6fde0 .bdt-ep-advanced-divider{text-align:center;margin:0 auto;margin-center:0;max-width:350px;padding-top:8px;}.elementor-1677 .elementor-element.elementor-element-3b6fde0 .bdt-ep-advanced-divider svg *{stroke:#FFBE00;}.elementor-1677 .elementor-element.elementor-element-3b6fde0{--ep-advanced-divider-rotate:0deg;}.elementor-1677 .elementor-element.elementor-element-355af3d > .elementor-widget-container{margin:-17px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-355af3d .bdt-post-list{gap:30px;}.elementor-1677 .elementor-element.elementor-element-355af3d.bdt-has-divider--yes .bdt-item-wrap{padding-bottom:calc(30px/2);margin-bottom:calc(-30px/2);}.elementor-1677 .elementor-element.elementor-element-355af3d .bdt-post-list .bdt-item{flex-direction:row;align-items:center;}.elementor-1677 .elementor-element.elementor-element-355af3d .bdt-post-list .bdt-image img{transition-duration:0.3s;}.elementor-1677 .elementor-element.elementor-element-355af3d .bdt-post-list .bdt-title a{color:#000000;}.elementor-1677 .elementor-element.elementor-element-355af3d .bdt-post-list .bdt-title a:hover{color:#F9C948;}.elementor-1677 .elementor-element.elementor-element-355af3d .bdt-post-list .bdt-title{font-family:"Roboto", Sans-serif;font-size:15px;}.elementor-1677 .elementor-element.elementor-element-355af3d .bdt-post-list .bdt-meta span{color:#000000;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-1677 .elementor-element.elementor-element-3d1b7916{padding:80px 30px 80px 30px;}.elementor-1677 .elementor-element.elementor-element-4d2c7c3d .elementor-heading-title{font-size:36px;}.elementor-1677 .elementor-element.elementor-element-a0680dc > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-d486ae8.elementor-widget-bdt-search{text-align:left;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-search-default,
					 .elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-navbar-dropdown,
					 .elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-drop{width:339px;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-search{padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-288857f .bdt-ep-advanced-divider{text-align:left;margin:0 auto;margin-left:0;}.elementor-1677 .elementor-element.elementor-element-288857f{--ep-advanced-divider-rotate:0deg;}.elementor-1677 .elementor-element.elementor-element-3b6fde0 .bdt-ep-advanced-divider{text-align:left;margin:0 auto;margin-left:0;}.elementor-1677 .elementor-element.elementor-element-3b6fde0{--ep-advanced-divider-rotate:0deg;}}@media(max-width:767px){.elementor-1677 .elementor-element.elementor-element-3d1b7916{padding:50px 15px 50px 15px;}.elementor-1677 .elementor-element.elementor-element-2185a299 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-1677 .elementor-element.elementor-element-4d2c7c3d .elementor-heading-title{font-size:30px;line-height:1.5em;}.elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-search-default,
					 .elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-navbar-dropdown,
					 .elementor-1677 .elementor-element.elementor-element-d486ae8 .bdt-search-container .bdt-drop{width:384px;}.elementor-1677 .elementor-element.elementor-element-288857f{--ep-advanced-divider-rotate:0deg;}.elementor-1677 .elementor-element.elementor-element-3b6fde0{--ep-advanced-divider-rotate:0deg;}}@media(min-width:768px){.elementor-1677 .elementor-element.elementor-element-f1f6bdc{--content-width:1243px;}.elementor-1677 .elementor-element.elementor-element-2185a299{width:70%;}.elementor-1677 .elementor-element.elementor-element-a0680dc{width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1677 .elementor-element.elementor-element-2185a299{width:100%;}.elementor-1677 .elementor-element.elementor-element-a0680dc{width:100%;}}/* Start custom CSS for bdt-post-comments, class: .elementor-element-53260f9 *//* ====== WRAPPER ====== */
.elementor-1677 .elementor-element.elementor-element-53260f9 .comments-area,
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-respond{
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:16px;
  padding:22px;
  margin-top:24px;
  box-shadow:0 6px 18px rgba(17,17,17,.04);
}

/* ====== TITLES ====== */
.elementor-1677 .elementor-element.elementor-element-53260f9 .comments-title,
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-reply-title{
  margin:0 0 12px;
  font-size:20px;
  font-weight:800;
  color:#1f1f1f;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-reply-title small a{
  font-weight:600; color:#6b7280; margin-left:8px;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-reply-title small a:hover{ color:#d6a600; }

/* ====== LIST & NESTED ====== */
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-list{ margin:0; padding:0; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-list > li,
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-list .children > li{
  list-style:none;
  background:#fff;
  border:1px solid #eaeaea;
  border-radius:14px;
  padding:14px 14px 12px;
  margin:0 0 14px;
  transition:box-shadow .25s, transform .25s;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-list > li:hover{ box-shadow:0 10px 22px rgba(17,17,17,.06); }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-list .children{
  margin-left:18px;
  border-left:2px solid #f2f2f2;
  padding-left:14px;
}

/* ====== HEADER (AVATAR, NAMA, WAKTU) ====== */
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-author{ display:flex; align-items:center; gap:10px; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-author .avatar{
  width:42px; height:42px; border-radius:50%;
  border:2px solid #fff; box-shadow:0 0 0 1px #eaeaea;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-author .fn{
  font-weight:700; color:#1f1f1f; line-height:1.2;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-metadata{
  font-size:12px; color:#6b7280; margin-left:auto;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-metadata a{ color:#6b7280; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-metadata a:hover{ color:#d6a600; }

/* Badge untuk penulis/staff (WordPress menambahkan class bypostauthor) */
.elementor-1677 .elementor-element.elementor-element-53260f9 .bypostauthor > .comment-body .fn::after{
  content:" • Staff";
  color:#d6a600;
  font-size:12px; font-weight:800; margin-left:6px;
}

/* ====== BODY TEKS ====== */
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-content{ color:#374151; font-size:15px; line-height:1.75; margin-top:8px; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-content p{ margin:0 0 .85em; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-awaiting-moderation{ color:#b45309; background:#fff7ed; border:1px solid #ffedd5; padding:6px 10px; border-radius:8px; display:inline-block; }

/* ====== ACTIONS ====== */
.elementor-1677 .elementor-element.elementor-element-53260f9 .reply{ margin-top:8px; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .reply a{
  display:inline-block;
  padding:6px 12px;
  border:1px solid #eaeaea;
  border-radius:999px;
  background:#fff;
  font-size:12px; text-transform:uppercase; letter-spacing:.5px;
  color:#1f1f1f; transition:.2s;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .reply a:hover{ border-color:#d6a600; color:#d6a600; }

/* ====== FORM KOMENTAR ====== */
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-respond{ margin-top:26px; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-notes{ color:#6b7280; font-size:13px; margin-bottom:12px; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .required{ color:#ef4444; }

.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form{ display:grid; gap:12px; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form p{ margin:0; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form label{
  font-size:12px; color:#6b7280; margin-bottom:6px; display:block;
}

.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form input[type='text'],
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form input[type='email'],
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form input[type='url'],
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form textarea{
  width:100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:12px 14px;
  font-size:14px; color:#111;
  transition:border-color .2s, box-shadow .2s;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form textarea{ min-height:130px; resize:vertical; }

.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form input:focus,
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form textarea:focus{
  outline:none;
  border-color:#d6a600;
  box-shadow:0 0 0 4px rgba(214,166,0,.15);
}

/* Checkbox "save my name" */
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-form .comment-form-cookies-consent{
  display:flex; align-items:center; gap:8px; font-size:13px; color:#6b7280;
}

/* Tombol submit */
.elementor-1677 .elementor-element.elementor-element-53260f9 .form-submit input[type='submit']{
  background:#d6a600; color:#111;
  border:none; border-radius:12px;
  padding:12px 18px;
  text-transform:uppercase; font-weight:800; letter-spacing:.6px;
  cursor:pointer; transition:filter .15s, transform .05s;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .form-submit input[type='submit']:hover{ filter:brightness(.95); }
.elementor-1677 .elementor-element.elementor-element-53260f9 .form-submit input[type='submit']:active{ transform:translateY(1px); }

/* ====== PAGINATION KOMENTAR (jika ada) ====== */
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-navigation{ display:flex; justify-content:space-between; margin:16px 0 0; }
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-navigation a{
  padding:6px 12px; border:1px solid #eaeaea; border-radius:10px; color:#1f1f1f; font-size:13px;
}
.elementor-1677 .elementor-element.elementor-element-53260f9 .comment-navigation a:hover{ border-color:#d6a600; color:#d6a600; }

/* ====== RESPONSIVE ====== */
@media (max-width:640px){
  .elementor-1677 .elementor-element.elementor-element-53260f9 .comment-metadata{ margin-left:0; }
  .elementor-1677 .elementor-element.elementor-element-53260f9 .comment-list .children{ margin-left:12px; padding-left:10px; }
}/* End custom CSS */