@use "../../utils" as *;

/*----------------------------------------*/
/*  7.1 Fact css start
/*----------------------------------------*/

.mtfeature {
  &__area {
    @media #{$md,$xs} {
      padding-top: 40px;
    }
  }

  &__border {
    border: 1px solid var(--mt-border-1);
    padding: 50px;

    @media #{$md,$xs} {
      padding: 20px;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
    }
  }

  &__icon {
    background-color: #f3f3f3;
    font-size: 50px;
    padding: 35px;
  }

  &__2 {
    & .mt-section-title {
      font-size: 65px;

      @media #{$md,$xs} {
        font-size: 40px;
      }
      @media #{$xs} {
        font-size: 30px;
      }
    }
  }
}