/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./_dev/module/css/module.scss ***!
  \**********************************************************************************************************************/
.oo_aboutus {
  background-color: var(--theme-color-grey); }
  .oo_aboutus__main {
    padding: 100px 0;
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    gap: 40px; }
    @media screen and (max-width: 768px) {
      .oo_aboutus__main {
        padding: 60px 0;
        flex-direction: column; } }
    .oo_aboutus__main__left {
      max-width: 500px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px; }
      @media screen and (max-width: 920px) {
        .oo_aboutus__main__left {
          max-width: 45%;
          gap: 40px; } }
      @media screen and (max-width: 768px) {
        .oo_aboutus__main__left {
          max-width: 100%;
          width: 100%;
          gap: 20px; } }
    .oo_aboutus__main__title {
      margin: 0; }
    .oo_aboutus__main__text ul {
      list-style: none;
      padding: 0;
      margin: 0;
      margin-left: 18px;
      font-size: 18px;
      font-weight: 600; }
      @media screen and (max-width: 768px) {
        .oo_aboutus__main__text ul {
          font-size: 16px; } }
      .oo_aboutus__main__text ul li {
        position: relative; }
        .oo_aboutus__main__text ul li:not(:last-child) {
          margin-bottom: 10px; }
        .oo_aboutus__main__text ul li:before {
          content: '';
          display: block;
          width: 8px;
          height: 8px;
          background-color: var(--theme-color-1);
          border-radius: 100%;
          position: absolute;
          left: -18px;
          top: 8px; }
    .oo_aboutus__main__image img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 4px; }
  .oo_aboutus__customers {
    padding: 30px 0;
    border-top: 1px solid #DCDCDC;
    overflow: hidden; }
    .oo_aboutus__customers__title {
      text-align: center;
      margin-bottom: 20px; }
    .oo_aboutus__customers__slider {
      overflow: hidden;
      cursor: grab;
      flex-grow: 1; }
      .oo_aboutus__customers__slider .swiper-wrapper {
        align-items: center; }
      .oo_aboutus__customers__slider__container {
        display: flex;
        align-items: center;
        gap: 60px; }
        @media screen and (max-width: 768px) {
          .oo_aboutus__customers__slider__container {
            gap: 20px; } }
      .oo_aboutus__customers__slider__button-prev, .oo_aboutus__customers__slider__button-next {
        position: relative;
        display: block;
        width: 55px;
        min-width: 55px;
        height: 55px;
        background-color: transparent;
        border-radius: 100%;
        border: 1px solid var(--theme-color-1);
        transition: background-color .25s ease;
        cursor: pointer; }
        .oo_aboutus__customers__slider__button-prev:after, .oo_aboutus__customers__slider__button-next:after {
          content: '';
          display: block;
          width: 20px;
          height: 20px;
          background-color: var(--theme-color-1);
          mask-image: url(.././img/5723b8751cf19a165b9a.svg);
          mask-size: contain;
          mask-repeat: no-repeat;
          mask-position: center;
          position: absolute;
          transition: background-color .25s ease;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        @media screen and (min-width: 769px) {
          .oo_aboutus__customers__slider__button-prev:hover, .oo_aboutus__customers__slider__button-next:hover {
            background-color: var(--theme-color-1); }
            .oo_aboutus__customers__slider__button-prev:hover:after, .oo_aboutus__customers__slider__button-next:hover:after {
              background-color: #fff; } }
        .oo_aboutus__customers__slider__button-prev:is(.swiper-button-next):after, .oo_aboutus__customers__slider__button-next:is(.swiper-button-next):after {
          transform: translate(-50%, -50%) rotate(180deg); }
    .oo_aboutus__customers__item {
      width: auto; }
      .oo_aboutus__customers__item img {
        width: auto;
        max-height: 100px;
        max-width: 100px;
        object-fit: contain; }