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

.pest-tutorial-main-section {
  .pest-tutorial-grid {
    display:flex;
    gap:20px;
    @media(max-width:991px){
      flex-wrap:wrap;
    }
    @media(max-width:749px){
      gap:15px;
    }
    .pest-tutorial-left {
      flex-grow:1;
      @media(max-width:991px){
        flex:0 0 100%;
        width:100%;
      }
    }
    .pest-tutorial-right {
      flex:0 0 170px;
      width:170px;
      @media(max-width:991px){
        flex:0 0 100%;
        width:100%;
      }
    }
  }
  .custom-box {
    padding:6px;
    border-radius:20px;
    background: #6D98BA;
    background: linear-gradient(-45deg, rgba(109, 152, 186, 1) 0%, rgba(133, 172, 166, 1) 100%);
    margin-bottom:17px; box-shadow: 0px 3px 6px #00000029;
    @media(max-width:749px){
      border-radius:10px; margin-bottom:15px;
    }
    .inner-box {
      background:none;
      padding:17px 54px;
      border-radius:15px;
      text-align:left;
      @media(max-width:991px){
        padding:18px 30px;
      }
      @media(max-width:749px){
        border-radius:7px;
        padding:15px;
      }
      &.box-align-center { text-align:center; }
      &.box-align-right { text-align:right; }
      .caption {
        color: #FFF;
        font-family: 'Ubuntu';
        font-size: 23px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        margin-bottom:20px;
        @media(max-width:991px){
          font-size:21px; line-height:24px;
          margin-bottom:25px;
        }
        @media(max-width:749px){
          font-size:18px; line-height:21px;
          margin-bottom:35px;
        }
      }
      .title {
        color: #FFF;
        font-family: 'Ubuntu';
        font-size: 43px;
        font-style: normal;
        font-weight: 700;
        line-height: 49px;
        margin:0;
        @media(max-width:991px){
          font-size:33px; line-height:40px;
        }
        @media(max-width:749px){
          font-size:23px; line-height:30px;
        }
      }
      .sub-title {
        color: #304E55;
        font-family: 'Ubuntu';
        font-size: 38px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        /*text-transform: capitalize;*/
        margin-top:35px;
        @media(max-width:991px){
          font-size:28px; line-height:40px;
          margin-top:25px;
        }
        @media(max-width:749px){
          font-size:21px; line-height:30px;
          margin-top:20px;
        }
      }
      &.box-outline {
        background-color:#fff;
        .caption, .title { color:#304E55; }
      }
    }
  }
  .gray-box-wrapper {
    .gray-box-inner {
      background-color:#DCE1E2;
      border-radius:20px;
      padding:15px 42px 30px;
      @media(max-width:749px){
        padding:20px;
      }
      .heading {
        color: #304E55;
        font-family: 'Ubuntu';
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 50px;
        text-transform: capitalize;
        margin-bottom:10px;
        @media(max-width:749px){
          font-size: 21px; line-height:35px;
        }
      }
      .description {
        color: #304E55;
        font-family: "CommutersSans";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        @media(max-width:749px){
          font-size:11px; line-height:16px;
        }
      }
      .content-action-bar { margin-top:20px; }
    }
  }
  .white-box-section {
    background-color:#fff;
    border-radius:10px;
    padding:26px 30px;
    box-shadow: inset 0px 3px 6px #00000029;
    @media(max-width:991px){
      display:flex;
      flex-wrap:wrap;
      gap:0; align-items:center;
    }
    @media(max-width:749px){ gap:5px; padding:15px; }
    .white-box-item {
      margin-bottom:16px;
      /*gap:20px;*/
      display:flex; align-items:center; justify-content:center;
      flex-direction:column;
      @media(max-width:991px){
        flex:0 0 calc(33.33% - 16px);
        width:calc(33.33% - 16px);
        margin-bottom:0px;
      }
      @media(max-width:749px){
        flex:0 0 calc(33.33% - 17px);
        width:calc(33.33% - 17px);
      }
      &:last-child { margin-bottom:0; }
      .item-image {
        font-size:0; line-height:0;
        margin-bottom:7px;
        img { width:auto; }
        @media(max-width:749px){ padding:0 12px; }
      }
      .title {
        margin:0;
        color: #304E55;
        font-family: 'Ubuntu';
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        text-align:center;
        @media(max-width:749px){
          font-size:11px; line-height:16px;
        }
      }
    }
    .item-arrow {
      text-align:center; font-size:0; line-height:0; margin-bottom:16px;
      @media(max-width:991px){
        flex:0 0 24px;
        width:24px; margin-bottom:0;
      }
      @media(max-width:749px){
        flex:0 0 15px;
        width:15px;
        > svg { width:15px; height:16px;}
      }
    }
  }
}