/**
 * Common SCSS for front end and backend css
*/
*[class^=gutentools-] .fa {
  font-family: "Font Awesome 5 Free";
}

* {
  word-break: break-word;
  box-sizing: border-box;
}

.gutentools-align-left {
  text-align: left;
}

.gutentools-align-right {
  text-align: right;
}

.gutentools-align-center {
  text-align: center;
}

.is-content-justification-left {
  margin: 0 auto 0 0;
  left: 0;
  right: 0;
}

.is-content-justification-right {
  margin: 0 0 0 auto;
  left: 0;
  right: 0;
}

.is-content-justification-center {
  margin: 0 auto;
  left: 0;
  right: 0;
}

/*# sourceMappingURL=style.css.map */
/* Добавил стили: */


    .tabs {
        display: flex;
        border-bottom: 2px solid #e6e6e6;
        margin-bottom: 20px;
        gap: 10px;
        flex-wrap: wrap;
    }

    .tab {
        padding: 10px 18px;
        cursor: pointer;
        border-radius: 8px 8px 0 0;
        background: #f5f7ff;
        color: #1f4f4d;
        font-weight: bold;
        transition: 0.2s;
    }

    .tab.active {
        background: #1f4f4d;
        color: white;
    }

    .tab:hover {
        background: #296d6a;
    }

    .tab-content {
        display: none;
        padding: 10px 5px;
    }

    .tab-content.active {
        display: block;
    }

    .service-item {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .service-name {
        max-width: 70%;
    }

    .price {
        white-space: nowrap;
        font-weight: bold;
        color: #fdfbfd;
    }