.elementor-272 .elementor-element.elementor-element-e8142d9{--display:flex;--margin-top:-32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-ddbf843 */.me-references{
  padding:clamp(90px,10vw,140px) 0;
}

.me-references h2{
  text-align:center;
  max-width:980px;
  margin:0 auto 70px;
}

.me-references-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px;
}

.me-reference-card{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 30px 70px rgba(15,23,42,.08);
  transition:.35s ease;
}

.me-reference-card:hover{
  transform:translateY(-6px);
  box-shadow:0 40px 90px rgba(15,23,42,.12);
}

.me-reference-image{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
}

.me-reference-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:1s ease;
}

.me-reference-card:hover .me-reference-image img{
  transform:scale(1.05);
}

.me-reference-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(
      to top,
      rgba(15,23,42,.75),
      rgba(15,23,42,.10)
    );
}

.me-reference-content{
  padding:34px;
}

.me-reference-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:34px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(247,148,29,.12);
  color:#f7941d;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.me-reference-content h3{
  font-size:32px;
  line-height:1.08;
  margin-bottom:20px;
  letter-spacing:-.03em;
}

.me-reference-stats{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.me-reference-stats span{
  display:inline-flex;
  align-items:center;
  height:40px;
  padding:0 18px;
  border-radius:14px;
  background:#f5f7fa;
  color:#0f172a;
  font-size:14px;
  font-weight:700;
}

.me-reference-content p{
  color:#5f6673;
  line-height:1.75;
  margin-bottom:22px;
}

.me-reference-content ul{
  display:grid;
  gap:10px;
  padding:0;
  margin:0;
  list-style:none;
}

.me-reference-content li{
  position:relative;
  padding-left:24px;
  color:#344054;
  line-height:1.6;
}

.me-reference-content li::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#f7941d;
  box-shadow:0 0 14px rgba(247,148,29,.5);
}

@media (max-width: 1024px){

  .me-references-grid{
    grid-template-columns:1fr;
  }

}

@media (max-width: 640px){

  .me-reference-content{
    padding:26px;
  }

  .me-reference-content h3{
    font-size:26px;
  }


}

.me-reference-image{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:#0f172a;
}

.me-reference-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.me-reference-card{
  min-height:100%;
}

.me-references-grid{
  align-items:start;
}

/* REFERENCE FIX */

.me-reference-image::before,
.me-reference-image::after{
  display:none !important;
  content:none !important;
}

.me-reference-image::after{
  display:none !important;
}

.me-reference-stats{
  margin:0 0 22px !important;
  position:static !important;
  z-index:auto !important;
}

.me-reference-content{
  padding:34px !important;
}

.me-reference-tag{
  margin:0 0 18px !important;
}

.me-reference-content h3{
  margin:0 0 20px !important;
  font-size:34px !important;
  line-height:1.08 !important;
}

.me-reference-stats span{
  background:#f5f7fa !important;
  color:#0f172a !important;
  box-shadow:none !important;
}

.me-reference-stats span:first-child{
  background:rgba(247,148,29,.14) !important;
  color:#f7941d !important;
}

.me-reference-content ul{
  padding-top:18px;
  border-top:1px solid rgba(15,23,42,.08);
}


.me-references{
  position:relative;
  padding:clamp(110px,10vw,150px) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 20%, rgba(247,148,29,.08), transparent 28%),
    radial-gradient(circle at 80% 40%, rgba(247,148,29,.06), transparent 34%),
    linear-gradient(180deg,#f7f8fa 0%, #eef2f6 100%);
}

.me-references::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(15,23,42,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.025) 1px, transparent 1px);
  background-size:38px 38px;
  opacity:.45;
  pointer-events:none;
}

.me-references .me-section-label{
  position:relative;
  z-index:2;
}

.me-references h2{
  position:relative;
  z-index:2;

  max-width:1100px;
  margin:0 auto 70px;
  text-align:center;

  font-size:clamp(42px,5vw,76px);
  line-height:.95;
  letter-spacing:-.055em;
}

.me-references h2 span{
  display:block;
  color:#f7941d;
}

.me-references-sub{
  position:relative;
  z-index:2;

  max-width:760px;
  margin:-30px auto 70px;
  text-align:center;

  font-size:20px;
  line-height:1.8;
  color:#667085;
}/* End custom CSS */