@use '../../root' as *;
@use '../../utilities' as *;

.faq1 {
  &-card {
    padding: 50px 50px;
    border-radius: 20px;
    background: $bg-color;
    @include breakpoint (max-md) {
      padding: 30px 30px;
    }
    &__thumb {
      padding-bottom: 40px;
      @include breakpoint (max-md) {
        padding-bottom: 20px;
      }

    }
    &__title {
      color: $title-color;
      font-family: $body-font;
      font-size: 44px;
      font-style: normal;
      font-weight: 700;
      line-height: 56px; 
      padding-bottom: 20px;
      @include breakpoint (max-md) {
        font-size: 30px;
        line-height: 40px;
      }
    }
    &__desc {
      color: $title-color;
      font-family: $body-font;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px;
      padding-bottom: 20px;
      opacity: 0.7;
      padding-bottom: 60px;
      @include breakpoint (max-md) {
        padding-bottom: 30px;
      }
    }
    &-item {
      display: flex;
      align-items: center;
      gap: 15px;
      padding-top: 85px;
      @include breakpoint (max-md) {
        padding-top: 50px;
      }
      &-text {
        &__title {
          color: $title-color;
          font-family: $body-font;
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          line-height: 30px; /* 150% */
          padding-bottom: 10px;
        }
        &__desc {
          color: rgba(31, 31, 31, 0.70);
          font-family: $body-font;
          font-size: 16px;
          font-style: normal;
          font-weight: 500;
          line-height: 30px; /* 187.5% */
          text-transform: uppercase;
        }
      }
    }
  }
  &-content {
    .section-top {
      padding-bottom: 45px;
      @include breakpoint (max-lg) {
        padding-bottom: 7px;
      }
    }
  }
}
  