.pestes-content-wrapper-narrow {
  margin: 0 auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: 88.9rem;
}

.section-head-info {
  margin-bottom:30px;
  @media(max-width:749px){
    border-radius: 10px;
    background: #DCE1E2;
    padding:15px; margin-bottom:15px;
  }
  .title {
    color: #304E55;
    text-align: center;
    font-family: 'Ubuntu';
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: capitalize;
    margin:0 0 15px;
    @media(max-width:749px){
      font-size:21px; line-height:30px;
      margin-bottom:5px;
    }
  }
  .short-info {
    color: #304E55;
    text-align: center;
    font-family: 'Ubuntu';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    @media(max-width:749px){
      font-size:15px; line-height:25px;
    }
  }
}

.section-pests-item-wrapper {
  padding:0 25px;
  @media(max-width:749px){
    padding:0;
  }
  .section-pest-items {
    display: flex;
    gap:25px; flex-wrap: wrap;
    padding:0; margin:0; list-style-type:none;
    @media(max-width:749px){
      gap:15px;
    }
    .pest-item {
      border-radius: 11px;
      border: 5px solid #DCE1E2;
      overflow: hidden;
      flex:0 0 calc(25% - 19px);
      margin:0;
      position: relative;
      min-height: 140px; cursor: pointer;
      @media(max-width:749px){
        flex:0 0 calc(33.33% - 10px); min-height:100px;
        border: 3px solid #DCE1E2;
      }
      .content {
        position: absolute;
        bottom:-3px; left:0; right:0;
        background-color: #DCE1E2;
        padding:11px 10px; text-align: center;
        color: #304E55;
        font-family: "CommutersSans";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 14px;
        text-transform: uppercase;
        @media(max-width:749px){
          font-size: 9px; padding:6px;
          line-height: 11px;
        }
      }
      .svg-outer {
        min-height:97px; display: flex; align-items: center; justify-content: center;
        @media(max-width:749px){
          min-height:73px
        }
        > svg, img {
          display: inline-block; max-width: 115px; max-height: 80px; padding-block: 0px; height: auto; width: auto;
          @media(max-width:749px){
            max-height:45px
          }
        }
      }
      &:hover{
        background-color: #85ACA6;
        border-color: #85ACA6;
        .content {
          background-color: #85ACA6; color:#fff;
        }
      }
    }
  }
}