.service-block {
  margin-top: 0; }
  .service-block .block-holder {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 30px; }
    .service-block .block-holder .left-side {
      width: 30%;
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      height: auto; }
    .service-block .block-holder .right-side {
      width: 70%; }
  .service-block .service-info {
    width: 100%;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 30px 0 var(--background-secondary);
    background: var(--background-thirdly);
    position: sticky;
    top: 30px; }
    .service-block .service-info__name {
      font-weight: 600;
      font-size: 24px;
      line-height: 110%;
      color: var(--head-primary);
      margin-bottom: 60px; }
    .service-block .service-info__price {
      font-weight: 600;
      font-size: 32px;
      line-height: 110%;
      color: var(--head-primary);
      margin-bottom: 30px; }
    .service-block .service-info__contacts {
      margin-top: 30px; }
      .service-block .service-info__contacts-title {
        margin-bottom: 15px; }
      .service-block .service-info__contacts-holder {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        gap: 10px 30px; }
  .service-block .stages {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px; }
  .service-block .stage {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 30px 0 var(--background-secondary);
    background: var(--background-thirdly); }
    .service-block .stage__duration {
      border-radius: 5px;
      padding: 5px 10px;
      background: var(--third);
      font-weight: 400;
      font-size: 18px;
      line-height: 130%;
      color: var(--main-text-primary);
      margin-bottom: 15px; }
    .service-block .stage__name {
      font-weight: 600;
      font-size: 24px;
      line-height: 110%;
      color: var(--head-primary);
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 5px; }
      .service-block .stage__name:before {
        content: '';
        display: flex;
        flex-shrink: 0;
        width: 30px;
        height: 25px;
        background-image: url("images/icon.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center; }
    .service-block .stage__desc {
      margin-top: 15px; }
      .service-block .stage__desc span {
        font-weight: inherit; }

@media (max-width: 1025px) {
  .service-block .block-holder {
    gap: 20px; }
  .service-block .stages {
    grid-gap: 20px; }
  .service-block .service-info,
  .service-block .stage {
    padding: 20px; }
    .service-block .service-info__name,
    .service-block .stage__name {
      font-size: 20px;
      word-break: break-word; } }
@media (max-width: 769px) {
  .service-block .block-holder {
    flex-direction: column; }
    .service-block .block-holder .side {
      width: 100%; }
  .service-block .stage__name,
  .service-block .service-info__name {
    font-size: 18px; } }
@media (max-width: 498px) {
  .service-block .stages {
    grid-template-columns: 1fr; } }

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