.imageContent-content-wrapper-narrow {
  margin: 0 auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: 81.7rem;
}
.section-top-header {
  margin-bottom:50px;
  @media(max-width:749px){ margin-bottom:10px; }
  .heading {
    max-width:560px;
    margin:0 auto;
    font-size:30px; line-height:50px;
    text-align:center;
    @media(max-width:749px){
      font-size:21px; line-height:40px;
    }
    + .section-info {
      margin-top:12px;
      @media(max-width:749px){ margin-top:0; }
    }
  }
  .section-info {
    color: #304E55;
    text-align: center;
    font-family: Ubuntu;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    max-width:385px;
    margin:0 auto;
    @media(max-width:749px){
      font-size:15px; line-height:21px;
    }
  }
}
.imageBox-wrapper {
  .imageBox-list {
    display:flex;
    /*flex-wrap:wrap;*/
    flex-direction:column;
    gap:0px;
    @media(max-width:749px){
      gap:0px;
    }
    .imageBox-item:has(.content-inner .image-width-25) { padding-top:25px; padding-bottom:25px; }
    .imageBox-item {
      padding:40px 0px;
      border-radius:20px;
      @media(max-width:991px){
        padding:30px 0px;
      }
      @media(max-width:749px){
        padding:20px 0px;
        border-radius:10px;
      }
      &.withBackground {
        padding-left:30px; padding-right:30px;
        &:not(:first-child) {
          margin-top:30px;
        }
        &:not(:last-child) {
          margin-bottom:30px;
        }
        @media(max-width:991px){
          padding-left:20px; padding-right:20px;
        }
        @media(max-width:749px){
          &:not(:first-child) {
            margin-top:20px;
          }
          &:not(:last-child) {
            margin-bottom:20px;
          }
        }
        .content-inner .content-grid .grid-content { padding-left:0; padding-right:0; }
      }
      .content-inner {
        .content-grid {
          display:flex;
          align-items:center;
          justify-content:flex-start;
          flex-wrap:wrap;
          gap:0 56px;
          @media(max-width:991px){
            gap:0 30px;
          }
          @media(max-width:749px){
            gap:40px 0px;
          }
          &.reverse-column {
            flex-direction:row-reverse;
          }
          &.imageFromOutside { align-items:flex-start; }
          .grid-image {
            flex:0 0 calc(42% - 28px);
            width:calc(42% - 28px);
            @media(max-width:991px){
              flex:0 0 calc(42% - 15px);
              width:calc(42% - 15px);
            }
            @media(max-width:749px){
              flex:0 0 100%;
              width:100%;
            }
            .image-wrapper {
              font-size:0; line-height:0;
              .img-fluid {
                max-height:100%; width:auto; border-radius:20px;
                @media(max-width:749px){
                  border-radius:10px;
                }
                &.imageOutside-top {
                  position:relative; top:-60px;
                  @media(max-width:991px){
                    top:-40px
                  }
                }
              }
            }
          }
          .grid-content {
            flex:0 0 calc(58% - 28px);
            width:calc(58% - 28px);
            @media(max-width:991px){
              flex:0 0 (58% - 15px);
              width:calc(58% - 15px);
            }
            @media(max-width:749px){
              flex:0 0 100%;
              width:100%;
              padding-left:20px; padding-right:20px;
            }
            &.content-white {
              .box-title, .box-info { color:#fff; }
            }
            .box-title {
              color: #304E55;
              font-family: 'Ubuntu';
              font-size: 30px;
              font-style: normal;
              font-weight: 700;
              line-height: 34px;
              text-transform: capitalize;
              margin-bottom:35px;
              @media(max-width:991px){
                font-size: 24px; line-height: 30px; margin-bottom:15px;
              }
              @media(max-width:749px){
                font-size: 19px; line-height: 25px; margin-bottom:10px;
              }
            }
            .box-info {
              color: #304E55;
              font-family: "CommutersSans";
              font-size: 13px;
              font-style: normal;
              font-weight: 400;
              line-height: 20px;
              @media(max-width:991px){
                font-size: 12px; line-height: 17px;
              }
            }
            .box-action-bar {
              margin-top:50px;
              text-align:left;
              @media(max-width:991px){
                margin-top:25px;
              }
              @media(max-width:749px){
                margin-top:20px;
              }
            }
          }
          &.image-width-33 {
            .grid-image { flex:0 0 calc(34% - 28px); width:calc(34% - 28px); }
            .grid-content { flex:0 0 calc(66% - 28px); width:calc(66% - 28px); }
            @media(max-width:991px){
              .grid-image { flex:0 0 calc(34% - 28px); width:calc(34% - 15px); }
              .grid-content { flex:0 0 calc(66% - 28px); width:calc(66% - 15px); }
            }
            @media(max-width:749px){
              .grid-image { flex:0 0 100%; width:100%; }
              .grid-content { flex:0 0 100%; width:100%; }
            }
          }
          &.image-width-25 {
            .grid-image {
              flex:0 0 calc(44% - 28px); width:calc(44% - 28px);
              @media(max-width:991px){
                flex:0 0 calc(44% - 15px); width:calc(44% - 15px);
              }
              @media(max-width:749px){
                flex:0 0 100%; width:100%;
              }
              .image-wrapper {
                background-color:#6D98BA;
                border:5px solid #6D98BA;
                border-radius:20px;
                display:flex; align-items:center;
                justify-content:center; /*min-height:260px;*/
                @media(max-width:749px){
                  border-radius:10px;
                }
                .img-fluid {
                  border-radius:15px;
                  @media(max-width:749px){
                    border-radius:7px;
                  }
                }
              }
            }
            .grid-content {
              flex:0 0 calc(56% - 28px); width:calc(56% - 28px);
              @media(max-width:991px){
                flex:0 0 calc(56% - 15px); width:calc(56% - 15px);
              }
              @media(max-width:749px){
                flex:0 0 100%; width:100%;
              }
            }
          }
        }
      }
    }
  }
}