.elementor-44 .elementor-element.elementor-element-b6c91c3{--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;--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-44 .elementor-element.elementor-element-5fe86f3{--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-44 .elementor-element.elementor-element-3408153{--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;--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-44 .elementor-element.elementor-element-12a8473{--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;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-19811b6 */.wf-case-section{
  background:#f7f9fc;
  padding:86px 0;
}

.wf-case-container{
  max-width:1320px;
  margin:0 auto;
  padding:0 24px;
}

.wf-case-head{
  max-width:760px;
  margin:0 auto 42px;
  text-align:center;
}

.wf-case-head span{
  display:inline-block;
  margin-bottom:10px;
  color:#f47b2c;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.wf-case-head h2{
  margin:0 0 16px;
  color:#12213b;
  font-size:46px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.03em;
}

.wf-case-head p{
  margin:0;
  color:#69778e;
  font-size:16px;
  line-height:1.7;
}

.wf-case-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
}

.wf-case-card{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:14px;
  text-decoration:none;
  transition:.3s ease;
  box-shadow:0 6px 18px rgba(18,33,59,.04);
}

.wf-case-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 36px rgba(18,33,59,.1);
}

.wf-case-img{
  aspect-ratio:4/3;
  overflow:hidden;
}

.wf-case-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .4s ease;
}

.wf-case-card:hover img{
  transform:scale(1.04);
}

.wf-case-body{
  padding:22px 22px 24px;
}

.wf-case-body h3{
  margin:0;
  color:#12213b;
  font-size:17px;
  line-height:1.45;
  font-weight:500;
}

@media(max-width:1100px){

  .wf-case-grid{
    grid-template-columns:repeat(3,1fr);
  }

}

@media(max-width:820px){

  .wf-case-head h2{
    font-size:40px;
  }

  .wf-case-grid{
    grid-template-columns:repeat(2,1fr);
    gap:18px;
  }

}

@media(max-width:560px){

  .wf-case-section{
    padding:56px 0;
  }

  .wf-case-container{
    padding:0 16px;
  }

  .wf-case-head{
    margin-bottom:28px;
  }

  .wf-case-head h2{
    font-size:30px;
  }

  .wf-case-head p{
    font-size:14px;
    line-height:1.6;
  }

  .wf-case-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .wf-case-body{
    padding:16px;
  }

  .wf-case-body h3{
    font-size:17px;
  }

}/* End custom CSS */