.how-does-it-work{background-color:#eaecec;padding:80px 0;}
.how-does-it-work-wp{display:flex;flex-wrap:wrap;margin:0 -15px;}
.how-does-it-work-wp .outter{width:25%;padding:0 15px;margin-bottom:30px;}
.how-does-it-work-wp .inner{background-color:#fff;border-radius:30px;height:100%;overflow:hidden;min-height:600px;display:flex;flex-direction:column;justify-content:space-between;transition:all 0.3s linear;opacity:0.5;}
.how-does-it-work-wp .inner .image{height:150px;transition:all 0.3s linear;}
.how-does-it-work-wp .inner .image img{width:100%;height:100%!important;!I;!;object-fit:cover;}
.how-does-it-work-wp .inner .contentWp{height:calc(100% - 170px);padding:30px 25px;text-align:center;transition:all 0.3s linear;}
.how-does-it-work-wp .inner .contentWp .label h3{letter-spacing:-0.05em;font-weight:900!important;}
.how-does-it-work-wp .inner .contentWp .content{font-weight:500!important;!i;!;}
.how-does-it-work-wp .inner:hover .contentWp{height:calc(100% - 270px);}
.how-does-it-work-wp .inner:hover  .image{height:250px;}
.how-does-it-work-wp .inner:hover{background-color:#232323;margin-top:-50px;opacity:1;}
.how-does-it-work-wp .inner:hover .contentWp *{color:#fff;}
.how-does-it-work .content-wrapper{max-width:1430px;width:95%;}
.how-does-it-work .title{text-align:center;}
.how-does-it-work .title .headline h2{font-weight:900!important;!i;!;}
.how-does-it-work .title .text{font-size:20px;font-weight:500!important;margin-bottom:120px;width:100%;margin-left:auto;margin-right:auto;max-width:800px;}
.how-does-it-work .title .text *{font-weight:inherit;font-size:inherit;}
.how-does-it-work .title .headline{margin-bottom:15px;position:relative;padding-bottom:30px;}
.how-does-it-work .title .headline:after{content:'';position:absolute;bottom:0;left:0;right:0;margin:auto;background:linear-gradient(90deg,rgba(159,160,159,0) 0%,#9FA09F 52.5%,rgba(159,160,159,0) 100%);width:100%;height:2px;}
.how-does-it-work .buttons { text-align: right; margin-top: 30px; }


@media only screen and (max-width:1499px){
  .how-does-it-work-wp .inner .contentWp .label h3{
    font-size: 48px;
  }
}

@media only screen and (max-width:1399px){
  .how-does-it-work .title .headline{padding-bottom:1px;}
  .how-does-it-work-wp .inner .contentWp .label h3 { font-size: 36px;}
}

@media(max-width:1366px){
  .how-does-it-work .title .text{margin-bottom:70px;}
  .how-does-it-work-wp .inner .contentWp{padding:30px 25px;}
  .how-does-it-work-wp .inner{min-height:500px;}
}

@media(max-width:1199px){
  .how-does-it-work-wp .inner:hover{ margin-top: -25px;}
  .how-does-it-work .content-wrapper{width:100%;}
  .how-does-it-work-wp .outter{width:33.33%;}
}

@media(max-width:991px){
  .how-does-it-work-wp .outter{width:50%;}
}

@media(max-width:767px){
  .how-does-it-work-wp .outter{width:100%;}
  .how-does-it-work{background-color:#eaecec;padding:60px 0;}
  .how-does-it-work-wp .inner{max-width:350px;margin-left:auto;margin-right:auto;min-height:430px;margin-top:0!important;}
  .how-does-it-work .title .text{font-size:16px;}
  .how-does-it-work .buttons { text-align: center; margin-top: 30px; }
  .how-does-it-work-wp .inner .contentWp .label h3 { font-size: 32px; }
}
@media only screen and (max-width: 499px) {
  .how-does-it-work-wp .inner .contentWp .label h3 { font-size: 34px; }
}

@media only screen and (max-width: 450px) {
  .how-does-it-work-wp .inner .contentWp .label h3 { font-size: 30px; }
}

@media only screen and (max-width: 374px) {
  .how-does-it-work-wp .inner .contentWp .label h3 { font-size: 25px; }
}