.service-row {
    background-size: cover;
    background-repeat: no-repeat
}

.service-cell {
    background-color: RGBa(0, 0, 0, 0.4);
    transition: background .7s;
    padding: 5% 8.3%
}

.service-cell:hover {
    background-color: RGBa(0, 0, 0, 0.1);
}

.right-column-list {
    border-right-width: 0;
    border-left-width: 1px;
    padding-left: 1rem
}

.right-column-list,
.left-column-list {
    list-style: none;
    border-style: solid;
    position: relative;
    line-height: 1.9
}

.left-column-list {
    direction: rtl;
    border-right-width: 1px;
    border-left-width: 0;
    padding-right: 1rem
}

.left-column-list li::before,
.right-column-list li::before {
    content: "•";
    color: red;
    font-size: 1rem;
    display: inline-block;
    position: absolute;
    width: 1.5rem
}

.left-column-list li::before {
    right: -3.6px
}

.right-column-list li::before {
    left: -4.5px
}

.black.left-column-list li::before,
.black.right-column-list li::before {
    color: #000
}

.black {
    border-image: linear-gradient(to bottom, transparent 0, black 20%, black 80%, transparent 100%)1 100%
}

.red {
    border-image: linear-gradient(to bottom, transparent 0, red 20%, red 80%, transparent 100%)1 100%
}

li a {}

.service-crouch {
    display: flex;
    flex-direction: column
}

#epilation,
#figure,
#cosmetology,
#face,
#laser,
#injections {
    height: 100%
}

#epilation {
    background-image: url(../imgs/service-1-bg.png)
}

#figure {
    background-image: url(../imgs/service-2-bg.png)
}

#cosmetology {
    background-image: url(../imgs/service-3-bg.png)
}

#face {
    background-image: url(../imgs/service-4-bg.png)
}

#laser {
    background-image: url(../imgs/service-5-bg.png)
}

#injections {
    background-image: url(../imgs/service-6-bg.png)
}

.inactive {
    color: #707070;
    user-select: none;
    cursor: not-allowed
}

.advantages-row {
    background: linear-gradient(to right, white 50%, #4d4d4c 50%)
}

.stage-heading {
    font-size: 1.667rem;
    color: #c51718;
   font-family: "Days One";
}

.stage-heading::before {
    content: '☼';
    font-size: 2rem;
    color: #c51718;
    margin-right: 1rem
}

.stage-bg {
    background-color: #fff;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    border-bottom: 5px solid #c51718;
    border-radius: 10px 10px 10px 20px;
}

.stage-img {
    position: absolute;
    left: -25%;
    z-index: 0
}

.warnings {
    list-style: none;
    margin-bottom: 2rem;
    padding: 0
}

.warnings li {list-style-type: none;}
.warnings ul {     padding-left: 0;  }

.warnings li::before {
    content: '×';
    color: #c51718;
    padding-right: 3px;
}
}