// CLI Version 1.0.2
// Component Version 1.0.0
.headingSection {
  margin-top: 60px;
  width: 100%;
  &__heading {
    align-self: stretch;
    color: var(--gray-900, #101828);
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
  }
  &__supportingText {
    align-self: stretch;
    color: var(--gray-600, #475467);
    text-align: center;

    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
  }
}
// ========================================
// Media Queries
// ========================================
// Adjusting grid for desktop screens to have 3 items per row
@media (min-width: 1024px) {
}
// Adjusting grid for tablet screens (between small tablets and desktops)
@media (max-width: 1023px) {
}
// Adjusting grid for smaller screens (small tablets and mobiles)
@media (max-width: 768px) {
}
// Adjusting grid for smaller screens (mobiles)
@media (max-width: 480px) {
}