/* CSS for prosthesis */

.prostheses-type-name {
    color: #242424;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    display: flex;
    column-gap: 20px;
    align-items: center;
    max-width: 50%;
    margin-bottom: 60px;
}

.prostheses-type-name:before {
    content: attr(type-count);
    color: #FFFFFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    border-radius: 10px;
    background-color: #49780D;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.prostheses-subtype-name {
    color: #49780D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    margin-bottom: 10px;
}

.prostheses-subtype-description {
    color: #242424;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}

.prostheses-types {
    max-width: 50%;
    margin-left: auto;
    position: relative;
}

.prostheses-subtype {
    position: relative;
    padding-left: 70px;
}

.prostheses-subtype-image {position: absolute;}

.prostheses-subtype:not(:last-child) {
    margin-bottom: 60px;
}

.prostheses-type:not(:last-child) {
    margin-bottom: 60px;
}

.prostheses-subtype:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #49780D;
    position: absolute;
    left: 15px;
    top: 1px;
}

.prostheses-types:before {
    content: "";
    background-color: rgba(73, 120, 13, 0.20);
    height: calc(100%);
    width: 2px;
    position: absolute;
    left: 24px;
}

.prostheses-subtype-image-wrap {
    position: absolute;
    left: -100%;
    width: 100%;
}

.prostheses-subtype-image img {
    width: auto;
    height: auto;
}

[subtype-count="1"] .prostheses-subtype-image {
    top: -60px;
}
[subtype-count="2"] .prostheses-subtype-image {
    top: -34px;
    right: 21%;
}
[subtype-count="3"] .prostheses-subtype-image {
    top: -48px;
}
[subtype-count="4"] .prostheses-subtype-image {
    right: 14%;
    top: -48px;
}
[subtype-count="5"] .prostheses-subtype-image {
    top: -28px;
}

.prostheses-subtype-image-wrap:before {
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #49780D;
    z-index: 9;
}

.prostheses-subtype-image-wrap:after {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    background-color: rgba(73, 120, 13, 0.20);
}

[subtype-count="1"] .prostheses-subtype-image-wrap:before {right: 61%;top: 4px;}

[subtype-count="1"] .prostheses-subtype-image-wrap:after {
    right: -5%;
    width: 66%;
    top: 10px;
}

[subtype-count="2"] .prostheses-subtype-image-wrap:before {right: 35%;top: 5px;}

[subtype-count="2"] .prostheses-subtype-image-wrap:after {
    width: 41%;
    right: -5%;
    top: 10px;
}

[subtype-count="3"] .prostheses-subtype-image-wrap:before {right: 76%;top: 5px;}

[subtype-count="3"] .prostheses-subtype-image-wrap:after {
    right: -5%;
    width: 83%;
    top: 10px;
}

[subtype-count="4"] .prostheses-subtype-image-wrap:before {right: 40%;top: 5px;}

[subtype-count="4"] .prostheses-subtype-image-wrap:after {
    right: -5%;
    width: 46%;
    top: 10px;
}

[subtype-count="5"] .prostheses-subtype-image-wrap:before {right: 53%;top: 4px;}

[subtype-count="5"] .prostheses-subtype-image-wrap:after {
    right: -5%;
    width: 59%;
    top: 10px;
}

.prostheses-wrap {
    background-color: #F6F6F6;
    padding: 80px 0 130px;
}

.wrapper-caries .about-wrap {
    margin-bottom: 0;
}

.process-content .moms-small-title {
    margin: 0 0 20px;
    max-width: none;
    text-align: left;
}

.process-description {
    color: #242424;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 40px;
}

.process-description p {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.process-description p:not(:last-child) {
    margin-bottom: 10px;
}

.process-content {
    max-width: 530px;
    display: flex;
    flex-direction: column;
}

.process-photos img {
    width: auto;
    height: auto;
    max-height: 100%;
}

.process-photos {
    display: flex;
    flex-direction: column;
    row-gap: 86px;
    margin-top: auto;
}

.process-stage-name {
    color: #242424;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.process-stage-description {
    color: #242424;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    margin-top: 10px;
}

.process-stage-description p {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.process-substage-name {
    color: #49780D;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.process-substage-description {
    color: #242424;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}

.process-substages {
    margin-top: 48px;
}

.process-substage:not(:last-child) {
    margin-bottom: 10px;
}

.process-stage:not(:last-child) {
    margin-bottom: 60px;
}

.process-stages {
    padding-left: 84px;
    position: relative;
}

.process-stages:before {
    content: "";
    height: 100%;
    width: 5px;
    background-color: #E8F3D9;
    position: absolute;
    left: 31px;
}

.process-stage:before {
    content: attr(stage-count);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E8F3D9;
    width: 61px;
    height: 61px;
    color: #49780D;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
    border-radius: 50%;
    position: absolute;
    left: -80px;
    top: -17px;
}

.process-substage:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #49780D;
    position: absolute;
    left: -60px;
}

.process-block {
    display: flex;
    column-gap: 60px;
    padding: 80px 0;
}

.process-stage {
    position: relative;
}

.process-substage {
    position: relative;
}

.process-stage-description mark {
    background-color: transparent;
    color: #49780D;
    font-weight: 600;
}

.question-text ul {
    padding: 0;
    list-style-type: none;
}

.question-text ul li, .question-text p {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    position: relative;
}

.question-text ul li:not(:last-child) {
    margin-bottom: 10px;
}

.question-text ul li:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 8px;
    top: 9px;
    background-color: #242424;
    border-radius: 50%;
}

.question-text ul li {
    padding-left: 24px;
}

.notes-wrap {
    background-color: transparent;
}

.note-item {
    background-color: #F6F6F6;
}

.questions-wrap {
    background-color: transparent;
    padding: 0;
}