:root {
    --main-green: #00723B;
    --main-dark: #1D1D1D;
    --m-text-dark: #404040;
    --m-text-light: #667085;
    --m-text-white: #fff;
    --m-text-gray-white: #E8E8E8;
    --m-text-greenish: #00723B;
    --m-text-light-dark: #101828;
  
  
  }
  
  
  .r2s__banner__About {
    height: 34.2rem;
    width: 100%;
    background-position: center center;
    background-image: url(../assets/img/R2STower.jpeg);
    background-size: calc(100% - 0px);
    background-repeat: no-repeat;

  }
  
  .r2s__banner__about__content {
    margin: 5.5% auto;
    color: #fff;
    position: relative;
    z-index: 200;
  }
  
  .r2s__banner__about__content h6 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
  }
  
  .r2s__banner__about__content h2 {
    font-weight: 600;
    font-size: 4.8rem;
    line-height: 6rem;
  }
  
  .r2s__banner__about__content p {
    font-weight: 400;
    font-size: 2rem;
    line-height: 3rem;
    color: var(--m-text-gray-white) !important;
  }
  
  
  .r2s__about__overlay__two {
    background-color: rgba(0, 42, 21, 0.8);
    position: absolute;
    left: 0;
    margin: auto;
    width: 100%;
    height: 34.4rem;
  }
  
  /* r2s History styling */
  
  .r2s__about__section__history {
    margin-top: 5%;
  }
  
  .r2s__about__history__wrapper {
    width: 100%;
    padding: 0 0 5.6rem 0;
  }
  
  .r2s__middle__parent {
    display: flex;
    /*align-items: center;*/
    gap: 6.4rem;
    width: 100%;
  }
  
  .r2s__middle_box_first{
      margin-bottom:8rem;
  }
  
  .r2s_mission{
      margin-top:4rem;
      text-align:center;
      position:relative;
    color: var(--m-text-light-dark);
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 4.4rem;
  }
  
  .r2s_mission::after {
    content: '';
    position: absolute;
    background-color: rgba(145, 43, 46, 1);
    width: 3.5rem;
    height: .2rem;
    left: 50%;
    top: 100%;
  }
  
  .r2s_mission_text{
      margin-top:1rem;
 color: var(--m-text-light);
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding-bottom: 1.2rem;
  }
  
  
  .r2s__history__details h6 {
    color: var(--m-text-greenish);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  
  .r2s__history__details h2 {
    color: var(--m-text-light-dark);
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 4.4rem;
  }
  
  .r2s__history__details h2::after {
    content: '';
    position: absolute;
    background-color: rgba(145, 43, 46, 1);
    width: 3.5rem;
    height: .2rem;
    left: 1%;
    top: 100%;
  }
  
  .r2s__history__details p {
    color: var(--m-text-light);
    font-size: 2rem;
    font-weight: 400;
    line-height: 3rem;
    text-align: justify;
    padding-top: 1rem;
  }
  
  .r2s__about__section__middle {
    margin-top: 3rem;
  }
  
  .r2s__middle_box p {
    color: var(--m-text-light);
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
    text-align: justify;
  }
  
  .r2s__middle__left,
  .r2s__middle__right {
    width: 50%;
  }
  
  .r2s__middle__box ul li {
    color: var(--m-text-light);
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
    padding-bottom: 1.2rem;
    margin: 0 1.5rem;
    text-align: justify;
  }
  
  
  
  .r2s__middle__right .r2s__middle__box p {
    color: var(--m-text-light);
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
  }
  
  
  
  @media screen and (max-width: 944px) {
  
    .r2s__banner__about__content {
      margin: 13% auto;
    }
  
    .r2s__middle__parent {
      flex-direction: column;
    }
  
    .r2s__middle__left,
    .r2s__middle__right {
      width: 100%;
    }
  
    .r2s__middle__parent {
      gap: 2rem;
    }
  
  
    .r2s__history__details h2 {
      font-size: 2.6rem;
    }
  
  
    .r2s__history__details p {
      padding-top: 1.3rem;
    }
  
  }
  
  
  @media screen and (max-width: 780px) {
  
  
  
    .r2s__banner__about__content {
      margin: 15% auto;
    }
  
    .r2s__middle__parent {
      flex-direction: column;
    }
  
    .r2s__middle__left,
    .r2s__middle__right {
      width: 100%;
    }
  
    .r2s__middle__parent {
      gap: 2rem;
    }
  
    .r2s__history__details p {
      padding-top: 1.5rem;
    }
  
    .r2s__history__details h2 {
      font-size: 2.5rem;
    }
  
  
  }
  
  
  @media screen and (max-width: 600px) {
  
    .r2s__banner__about__content {
      margin: 20% auto;
    }
  
    .r2s__middle__parent {
      display: flex;
      align-items: center;
      gap: 3rem;
      width: 100%;
    }
  
    .r2s__middle__parent {
      flex-direction: column;
    }
  
    .r2s__middle__left,
    .r2s__middle__right {
      width: 100%;
    }
  
  
    .r2s__middle__box ul li {
      margin: 0 1rem;
    }
  
    .r2s__history__details h2 {
      font-size: 2rem;
    }
  
    .r2s__banner__About {
      background-position: center top;
    }
  
    .r2s__banner__about__content h2 {
      font-size: 3.4rem;
    }
  
  
  
  }
  
  
  
  /* @media screen and (min-width: 300px) and (max-width: 312px) {
    .r2s__about__overlay__two {
      height: 27rem;
    }
  }
  
  
  @media screen and (min-width: 351px) and (max-width: 408px) {
    .r2s__about__overlay__two {
      height: 27rem;
    }
  }
  
  
  @media screen and (max-width: 500px) {
    .r2s__about__overlay__two {
      height: 31rem;
    }
  } */