.about-section-wrap {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .about-section-wrap {
      padding: 32px 0; } }

.about-us-content {
  position: sticky;
  top: 100px;
  border: 2px solid #E9ECEF;
  border-left: 0;
  border-right: 0; }
  .dark .about-us-content {
    border-color: #22262b; }
  .about-us-content .about-content {
    padding: 100px 128px 100px 0;
    position: relative;
    height: 100%; }
    .about-us-content .about-content::before {
      content: "";
      position: absolute;
      top: 0;
      right: 48px;
      width: 2px;
      height: 100%;
      background: #E9ECEF; }
      @media (max-width: 1200px) {
        .about-us-content .about-content::before {
          right: 24px; } }
      @media (max-width: 1024px) {
        .about-us-content .about-content::before {
          display: none; } }
      .dark .about-us-content .about-content::before {
        background: #22262b; }
    @media (max-width: 1200px) {
      .about-us-content .about-content {
        padding: 60px 68px 0; } }
    @media (max-width: 1024px) {
      .about-us-content .about-content {
        padding: 48px 0; } }
    @media (max-width: 767px) {
      .about-us-content .about-content {
        max-width: 100%;
        padding-bottom: 32px; } }
    .about-us-content .about-content__info {
      position: sticky;
      top: 116px; }
    .about-us-content .about-content .h2 {
      padding-bottom: 20px; }
      @media (max-width: 1024px) {
        .about-us-content .about-content .h2 {
          padding-bottom: 16px; } }
      .dark .about-us-content .about-content .h2 {
        color: #DEE2E6; }
    .about-us-content .about-content .cta {
      padding-top: 20px; }
      @media (max-width: 1024px) {
        .about-us-content .about-content .cta {
          padding-top: 14px; } }
  .about-us-content .about-box-counter {
    padding: 100px 0; }
    @media (max-width: 1024px) {
      .about-us-content .about-box-counter {
        padding: 60px 0 32px; } }
    @media (max-width: 767px) {
      .about-us-content .about-box-counter {
        padding: 48px 0 32px; } }
    .about-us-content .about-box-counter ul {
      list-style: none;
      padding: 0;
      position: relative;
      display: flex;
      flex-wrap: wrap;
      margin: 0 -16px; }
      @media (max-width: 575px) {
        .about-us-content .about-box-counter ul {
          margin: 0 -8px; } }
      .about-us-content .about-box-counter ul li {
        width: 50%;
        padding: 0 16px 32px; }
        @media (max-width: 575px) {
          .about-us-content .about-box-counter ul li {
            padding: 0 8px 16px; } }
        .about-us-content .about-box-counter ul li .about-box {
          max-width: 354px;
          display: flex;
          flex-wrap: wrap;
          flex-direction: column;
          justify-content: space-between;
          border: 2px solid #E9ECEF;
          position: relative;
          margin: 0 auto; }
          @media (max-width: 1024px) {
            .about-us-content .about-box-counter ul li .about-box {
              max-width: 100%;
              height: auto; } }
          .dark .about-us-content .about-box-counter ul li .about-box {
            border-color: #22262b; }
          .about-us-content .about-box-counter ul li .about-box .about-title {
            padding: 40px; }
            @media (max-width: 1299px) {
              .about-us-content .about-box-counter ul li .about-box .about-title {
                padding: 30px; } }
            @media (max-width: 1199px) {
              .about-us-content .about-box-counter ul li .about-box .about-title {
                padding: 20px; } }
            @media (max-width: 1024px) {
              .about-us-content .about-box-counter ul li .about-box .about-title {
                padding: 24px 16px; } }
            .about-us-content .about-box-counter ul li .about-box .about-title .h1 {
              font-size: 52px;
              font-weight: 600; }
              .dark .about-us-content .about-box-counter ul li .about-box .about-title .h1 {
                color: #fff; }
              @media (max-width: 767px) {
                .about-us-content .about-box-counter ul li .about-box .about-title .h1 {
                  font-size: 40px; } }
          .about-us-content .about-box-counter ul li .about-box .line-img {
            width: 100%;
            text-align: center; }
          .about-us-content .about-box-counter ul li .about-box .box-content {
            font-size: 18px;
            line-height: 1.4;
            font-weight: 600; }
            .dark .about-us-content .about-box-counter ul li .about-box .box-content {
              font-weight: 400; }
            @media (max-width: 575px) {
              .about-us-content .about-box-counter ul li .about-box .box-content {
                font-size: 12px;
                line-height: 1.4;
                font-weight: 600;
                padding-top: 4px; } }
        .about-us-content .about-box-counter ul li:nth-child(even) {
          padding-top: 32px;
          padding-bottom: 0; }
          @media (max-width: 576px) {
            .about-us-content .about-box-counter ul li:nth-child(even) {
              padding-top: 16px; } }

/*# sourceMappingURL=about.css.map */