.about_section {

  .with_logo {
    align-items: center;
    justify-content: start;

    h1 {
      font-size: 3.1rem;
      justify-content: start;
      padding: 0 calc(1rem + 2vw) 0 0;

    }

    h1::before {
      height: calc(1rem + 1vw);
      margin-top: calc(0.2rem + 2vw);
      width: 87%;
      margin-left: 1vw;
    }

  }

  .slogan {
    p {
      padding: 0 3rem;
    }
  }

  /*.with_logo::before {*/
  /*  content: '';*/
  /*  display: block;*/
  /*  max-width: 100px;*/
  /*  aspect-ratio: 68/53;*/
  /*  height: 79px;*/
  /*  background-image: url("../images/ui/logo_with_title.svg");*/
  /*  background-repeat: no-repeat;*/
  /*  background-size: contain;*/
  /*  background-position: center;*/
  /*  margin-right: 1.5rem;*/

  /*}*/

  .slogan_two_section {
    padding-top: 10rem;
    padding-bottom: 10rem;

    .first {
      padding-bottom: 3rem;
    }

    .slogan {
      padding-top: 5rem;

      h2 {
        color: #FE9A07;
        padding-bottom: 2rem;
      }

      h1:nth-of-type(1) {


        padding-right: 3rem;
        color: #1E2F40;
      }

      h1:nth-of-type(2) {


        padding-left: 3rem;
        color: #1E2F40;
      }
    }

    .last {
      padding-top: 4rem;
    }

  }

  .icon_container {
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 423/284;
    max-width: 423px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/new_tech/c1.svg");

    .icon {
      margin-left: auto;
      margin-right: auto;
      margin-top: -61%;
      width: 150px;
      height: 150px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      margin-bottom: 1rem;
    }

    .icon_one {
      background-image: url("../images/company/icon01.png");
    }
    .icon_two {
      background-image: url("../images/company/icon02.png");
    }
    .icon_three {
      background-image: url("../images/company/icon03.png");
    }
    .icon_four {
      background-image: url("../images/company/icon04.png");
    }
  }

  .icon_container2 {
    width: 100%;
    aspect-ratio: 423/423;
    background-image: url("../images/new_tech/c2.svg");

    .icon {
      margin-top: 0%;
    }
  }

  .plus {
    aspect-ratio: 46/49;
    width: 100%;
    max-width: 46px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/new_tech/plus.svg");
  }

  .equ {
    aspect-ratio: 46/49;
    width: 100%;
    max-width: 46px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../images/new_tech/equ.svg");
  }


}

@media (max-width: 1200px) {
  .about_section {
    .with_logo {
      h1 {
        font-size: 2.8rem;
      }
    }

  }
}


@media (max-width: 992px) {
  .about_section {
    .with_logo {
      h1 {
        font-size: 2.5rem;
      }

    }

    .with_logo::before {
      height: 53px;
      margin-right: 1rem;
    }

    .slogan {
      p {
        padding: 0;
      }
    }
    .slogan_two_section {
      padding-top: 5rem;
      padding-bottom: 5rem;

      .first {
        padding-bottom: 0;
        display: flex;
        justify-content: center;

        img{
          width: 80%;
        }
      }
      .last {
        padding-bottom: 0;
        display: flex;
        justify-content: center;

        img{
          width: 80%;
        }
      }




    }
    .icon_container {
      max-width: 60vw;
      .icon{
        margin-top: -43%;
        width: 60px;
        height: 60px;
      }
    }
    .plus_m{
      margin: 3rem;
      width: 100%;
      height: 25px;
    }
    .equ{
      margin:2rem;
      height: 30px;
    }
  }

}

@media (max-width: 768px) {
  .about_section {
    .with_logo {
      h1 {
        font-size: 2rem;
      }

      h1::before {
        margin-top: calc(0.8rem + 2vw);
        margin-left: 3vw;
      }
    }


  }

}