/**
 * #.# How We Help Module
 *
 * Styles for template-part/modules/how_we_help_module.php
**/

.how_we_help_module{margin:0 0 140px;padding:80px 0 15px}
.service-block{position:relative;height:100%}
.service-smaller-block{padding-left:10%;/* height: 70svh;max-height: 740px; */ }
.service-bigger-block{height:80svh;max-height:840px}
.service-bigger-block video{object-fit:cover;width:100%;height:100%}
.service-item{position:relative}
.service-item h2{font-family:var(--header);font-size:24px;font-weight:400;line-height:29.8px;letter-spacing:.96px;text-transform:uppercase}
.service-content{}
.service-content p{font-size:16px;line-height:24px;padding-bottom:25px}
.service-image{margin-bottom:17px;max-height:550px;overflow:hidden;position:relative}
.service-image .image-block-cover{max-height:550px}
.service-image .image-block-cover img{height:550px}
.center-flex-ish{display:flex;align-items:start;justify-content:left; /* height:100% */ }
.service-smaller-block .service-item{margin:0 0px 0 38px;}
.service-smaller-block .service-item h2{color:var(--purple);left:30px;position:absolute;top:0;left:-40px;transform:rotate(-90deg) translate(-100%,0);transform-origin:top left}
.service-smaller-block .service-item p{color:var(--black)}
.service-bigger-block .service-item{position:absolute;top:0;width:100%;bottom:0}
.service-bigger-block .service-item h2{color:var(--white);position:absolute;top:30px;left:25px;transform:rotate(-90deg) translate(-100%,0);transform-origin:top left}
.service-bigger-block .service-item p{color:var(--white);padding-bottom:20px}
.service-bigger-block .service-content{position:absolute;bottom:40px;right:40px;width:43%}

@media (max-width: 1536px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 992px) {
  .how_we_help_module{margin:0;padding:0 0 45px}
  .service-smaller-block .service-item{margin:43px 70px 90px 66px}
  .service-bigger-block .service-content{position:absolute;bottom:30px;right:40px;width:calc(100% - 40px);left:20px}
  .service-bigger-block{height:80svh;max-height:500px}
  .center-flex-ish {align-items: center;}
}

@media (max-width: 768px) {

}

@media (max-width: 600px) {

  .service-smaller-block { padding-left: 0;}
  .service-smaller-block .service-item { margin: 43px 0 90px 37px; }

}