.elementor-316 .elementor-element.elementor-element-c1b2b44{--display:flex;--margin-top:14px;--margin-bottom:14px;--margin-left:0px;--margin-right:0px;}.elementor-316 .elementor-element.elementor-element-66379e2{text-align:center;}.elementor-316 .elementor-element.elementor-element-84be29f{--display:flex;--min-height:387px;--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;}.elementor-316 .elementor-element.elementor-element-dccc248{--display:flex;--min-height:186px;}.elementor-316 .elementor-element.elementor-element-dccc248.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-316 .elementor-element.elementor-element-c30bbe5{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-316 .elementor-element.elementor-element-da82bdf{--display:flex;}.elementor-316 .elementor-element.elementor-element-f940523.elementor-element{--align-self:flex-start;}.elementor-316 .elementor-element.elementor-element-f940523 .elementor-icon-wrapper{text-align:center;}.elementor-316 .elementor-element.elementor-element-245702f{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-316 .elementor-element.elementor-element-d6a7790{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-316 .elementor-element.elementor-element-e7ca19a{--display:flex;}.elementor-316 .elementor-element.elementor-element-09968ac.elementor-element{--align-self:flex-start;}.elementor-316 .elementor-element.elementor-element-aef9110{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-316 .elementor-element.elementor-element-7f2165f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-316 .elementor-element.elementor-element-fc18e06{--display:flex;}.elementor-316 .elementor-element.elementor-element-d54e3f9.elementor-element{--align-self:flex-start;}.elementor-316 .elementor-element.elementor-element-d54e3f9 .elementor-icon-wrapper{text-align:center;}.elementor-316 .elementor-element.elementor-element-a9d6c82{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-316 .elementor-element.elementor-element-937e87f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-316 .elementor-element.elementor-element-496d59d{--display:flex;}.elementor-316 .elementor-element.elementor-element-241af64.elementor-element{--align-self:flex-start;}.elementor-316 .elementor-element.elementor-element-241af64 .elementor-icon-wrapper{text-align:center;}.elementor-316 .elementor-element.elementor-element-bc4c803{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-316 .elementor-element.elementor-element-8f51b87{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-316 .elementor-element.elementor-element-0cf6a2b{text-align:center;}.elementor-316 .elementor-element.elementor-element-20614c6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;}.elementor-316 .elementor-element.elementor-element-8d66692{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-316 .elementor-element.elementor-element-c10625a{--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;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-316 .elementor-element.elementor-element-da3bb93{text-align:center;}.elementor-316 .elementor-element.elementor-element-69c18ab{--display:flex;}.elementor-316 .elementor-element.elementor-element-3c2d001 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:5;}@media(max-width:1024px){.elementor-316 .elementor-element.elementor-element-8d66692{--grid-auto-flow:row;}.elementor-316 .elementor-element.elementor-element-c10625a{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-316 .elementor-element.elementor-element-dccc248{--width:100%;}}@media(max-width:767px){.elementor-316 .elementor-element.elementor-element-8d66692{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-316 .elementor-element.elementor-element-c10625a{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-316 .elementor-element.elementor-element-3c2d001 > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items{--columns:2;}}/* Start custom CSS for container, class: .elementor-element-dccc248 */.grid-layanan {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  max-width: 2000px;
  margin: auto;
}

.card-layanan {
  position: relative;
  overflow: hidden;

  background: #fff;
  padding: 28px;
  border-radius: 20px;

  box-shadow: 0 5px 15px rgba(0,0,0,.1);

  transition: transform .45s ease;
}

.card-layanan:hover {
  transform: translateY(-6px);
}

.card-layanan .overlay {
  position: absolute;
  inset: 0;
  background: #DB1818
;
  transform: translateX(-100%);
  transition: transform .5s ease;
  z-index: 0;
}

.card-layanan:hover .overlay {
  transform: translateX(0);
}

.card-layanan .icon-layanan i {
  position: relative;
  z-index: 1;
  color: #DB1818;
  transition: color .4s ease;
}

.card-layanan .icon-layanan svg {
    fill: #DB1818;
}

.card-layanan .title-layanan h3 {
  position: relative;
  z-index: 1;
  color: #111;
  margin-bottom: 10px;
  transition: color .4s ease;
}

.card-layanan .text-layanan {
  position: relative;
  z-index: 1;
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  transition: color .4s ease;
}

/* HOVER STATE */
.card-layanan:hover .icon-layanan,
.card-layanan:hover .icon-layanan i {
  color: #fff;
}

.card-layanan:hover .icon-layanan,
.card-layanan:hover .icon-layanan svg,
.card-layanan:hover .icon-layanan svg path {
  fill: #ffffff;
}


.card-layanan:hover .title-layanan h3 {
    color: #FFE6E6;
}
.card-layanan:hover .text-layanan {
  color: #e0e0e0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20614c6 *//* GRID */
.grid-mitra {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 32px;
  align-items: stretch;
}


/* CARD */
.card-mitra {
  background: #fff;
  padding: 24px;
  border-radius: 16px;
  
  display: flex;
  flex-direction: column;
  height: 100%;

  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  min-height: 360px;

  transition:
    transform .35s ease,
    box-shadow .35s ease;
}

.card-mitra:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0,0,0,.14);
}

.logo-mitra {
  width: 100%;
  max-height: 120px;
  object-fit: contain;
  margin-bottom: 20px;
}

.title-mitra {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 8px;
}

.desc-mitra {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 16px;

  display: -webkit-box;
  -webkit-line-clamp: 3; /* jumlah baris */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tag-mitra {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.tag-mitra span {
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 999px;

  background: #FFE6E6;
  color: #B00000;
}/* End custom CSS */