@import "../../variables.scss";

.FaqBlock {
  h1 {
    font-size: $font + 30;
    margin-bottom: $mrg + 30;
    text-transform: uppercase;
    text-align: center;
    color: #706c69;
    @media (max-width: $xl) {
      font-size: $font + 20;
      margin-bottom: $mrg + 10;
    }
    @media (max-width: $md) {
      font-size: $font + 12;
    }
  }
  .FaqBlockCard {
    background-color: $white;
    padding: $pad + 20;
    border-radius: $bdr-rds + 7;
    box-shadow: 0 10px 20px rgba($black, 0.1);
    border: solid 2px transparent;
    margin-bottom: $mrg + 40;
    &:last-child {
      margin-bottom: 0;
    }
    @media (max-width: $md) {
      padding: $pad + 5;
      margin-bottom: $mrg + 20;
    }
    &.BlueBorder {
      border-color: $blue;
    }
    &.OrangeBorder {
      border-color: $orange;
    }
    >h2 {
      font-size: $font + 16;
      margin-bottom: $mrg + 20;
      text-transform: uppercase;
      text-align: center;
      color: $black;
      font-weight: $font-weight-heavy;
      @media (max-width: $xl) {
        font-size: $font + 14;
      }
      @media (max-width: $md) {
        font-size: $font + 8;
        margin-bottom: $mrg + 5;
      }
    }
  }
}