#service-tabs-block .tabs {
  display: grid;
  margin-bottom: clamp(30px,0.625vw + 28px, 40px); }
  @media (max-width: 500px) {
    #service-tabs-block .tabs {
      grid-template-columns: 1fr !important;
      gap: 2px; } }
  #service-tabs-block .tabs .tab {
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--accent);
    width: 100%;
    padding: 15px;
    border: 1px solid var(--accent-1);
    border-radius: 10px;
    text-align: center;
    background-color: var(--card);
    transition: all 0.3s ease-in;
    cursor: pointer; }
    #service-tabs-block .tabs .tab:hover, #service-tabs-block .tabs .tab.active {
      color: var(--card);
      background-color: var(--accent-1); }
#service-tabs-block .content .services {
  display: none;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(15px,0.9375vw + 12px, 30px); }
  @media (max-width: 1100px) {
    #service-tabs-block .content .services {
      grid-template-columns: repeat(3, 1fr); } }
  @media (max-width: 800px) {
    #service-tabs-block .content .services {
      grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 500px) {
    #service-tabs-block .content .services {
      grid-template-columns: 1fr; } }
  #service-tabs-block .content .services.active {
    display: grid; }

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