:root {
    --main-text-color: #172142;
    --secondary-text-color: #747782;
    --border-color: #46c585;
}

body.certificate {
    font-family: e-Ukraine, sans-serif;
}

.certificate-wrapper {
    height: calc(21cm - 1px);
    overflow: auto;
}

.certificate-body {
    height: calc(21cm - 1px);
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    text-align: initial;
    position: relative;
}

.certificate-body-content {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 24px 60px 0;
}

.certificate-body-content.is-sections {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 60px 62px 40px 60px;
}

.certificate-body-content.is-sections .certificate-body-section:first-child,
.certificate-body-content.is-sections .certificate-body-section:only-child {
    width: 100%;
    max-width: 100% !important;
}

.certificate-body-content.is-sections .certificate-body-section:last-child {
    width: 100%;
    max-width: 310px;
}

.certificate-section-head {
    color: var(--main-text-color);
    font: 700 24px/24px e-Ukraine, sans-serif;
    padding: 0 0 20px;
    margin: 0 0 33px;
    border-bottom: 2px solid var(--border-color);
}

.certificate-section-text {
    color: var(--main-text-color);
    font: 400 14px/22px e-Ukraine, sans-serif;
    margin: 0 0 17px;
}

.certificate-section-text strong {
    font-weight: 700;
}

.certificate-section-text:last-child {
    margin: 0;
}

.certificate-section-partners-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.certificate-section-partners-list li {
    margin: 0 0 40px;
}

.certificate-section-partners-list li:last-child {
    margin: 0;
}

.certificate-section-partners-list li img:first-child {
    margin-right: 40px;
}

.certificate-head {
    justify-content: flex-end;
    margin: 0 0 36px;
}

.certificate-head h1 {
    color: #506eff;
    font: 700 52px/52px e-Ukraine, sans-serif;
    text-transform: uppercase;
    letter-spacing: .03em;
    margin: 0;
}

.certificate-head h1 span {
    display: block;
    color: var(--secondary-text-color);
    font: 400 16px/16px e-Ukraine, sans-serif;
    text-transform: initial;
    letter-spacing: initial;
    margin: 15px 0 0;
}

.certificate-logo {
    height: auto;
}

.main-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.user-name {
    display: block;
    color: var(--main-text-color);
    font: 700 62px/74px e-Ukraine, sans-serif;
    padding: 0;
    border: none;
    margin: 0 0 24px;
}

.up-general-text {
    color: var(--main-text-color);
    font: 500 12px/18px e-Ukraine, sans-serif;
    margin: 0 0 9px;
}

.general-text {
    color: var(--main-text-color);
    font: 500 30px/42px e-Ukraine, sans-serif;
    margin: 0;
}

.course-name {
    color: var(--main-text-color);
    font: 500 24px/42px e-Ukraine, sans-serif;
    margin: 0;
}

.score-wrapper {
    display: flex;
    justify-content: center;
    color: var(--main-text-color);
    font: 400 12px/12px e-Ukraine, sans-serif;
    margin: 0 0 38px;
}

.score-text {
    margin: 0;
}

.skills-text {
    color: var(--main-text-color);
    font: 400 16px/16px e-Ukraine, sans-serif;
    text-align: center;
    margin: 0 0 30px;
}

.secondary-text {
    color: var(--secondary-text-color);
    font: 300 12px/16px e-Ukraine, sans-serif;
    margin: 0;
}

.certificate-bottom {
    display: block;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    bottom: 80px;
    padding: 0 60px;
    margin: 0;
}

.signature {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

.signature span {
    display: block;
    color: var(--main-text-color);
    font: 400 13px/13px e-Ukraine, sans-serif;
    padding: 0;
    letter-spacing: initial;
}

.signature img {
    height: auto;
    margin: 0 0 0 28px;
}

.signature-name {
    text-transform: uppercase;
    margin: 0 0 4px;
}

.signature-role {
    margin: 0;
    font: 300 12px/12px e-Ukraine, sans-serif !important;
}

.certificate-id-and-ects {
    margin: 0;
}

.certificate-number-head {
    color: var(--main-text-color);
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 0;
    position: absolute;
    left: 0;
    bottom: -35px;
    width: 100%;
    white-space: nowrap;
}

.certificate-type-head {
    color: var(--main-text-color);
    font-size: 12px;
    margin: 0 0 12px;
}

.certificate-institution-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    color: var(--main-text-color);
    font-size: 21px;
    font-weight: 700;
    padding: 0 0 6px;
    border-bottom: 2px solid var(--border-color);
    margin: 0 0 39px;
}

.certificate-institution-head span {
    min-height: 52px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.certificate-institution-head img {
    height: 35px;
    margin-left: 45px;
}

.certificate-date {
    flex: 0 0 auto;
    color: var(--main-text-color);
    font: 500 12px/14px e-Ukraine, sans-serif;
    position: relative;
}

.certificate-date strong {
    display: block;
    font: 700 24px/24px e-Ukraine, sans-serif;
    margin: 5px 0 0;
    text-transform: lowercase;
}

.certificate-id-and-ects .certificate-number {
    color: var(--main-text-color);
    font: 300 18px/18px e-Ukraine, sans-serif;
}

.certificate-id-and-ects .certificate-number:first-child {
    margin: 0 0 12px;
}

.certificate-id-and-ects .certificate-number span {
    display: initial;
    color: var(--secondary-text-color);
    font: 300 18px/18px e-Ukraine, sans-serif;
}

.certificate-id-and-ects .certificate-number:last-child span {
    color: var(--secondary-text-color);
    font-size: 18px;
}

.certificate-bottom-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.certificate-bottom-text {
    color: var(--secondary-text-color);
    font: 300 10px/12px e-Ukraine, sans-serif;
    margin: 24px 0 0;
}

.certificate-signature {
    display: flex;
}

.certificate-signature-item {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    color: var(--main-text-color);
    font: 500 14px/18px e-Ukraine, sans-serif;
    text-align: right;
}

.certificate-signature-item + .certificate-signature-item {
    margin-left: 20px;
}

.certificate-signature-item img {
    display: block;
    max-width: 85px;
    max-height: 85px;
    margin: 0 0 3px;
}

.certificate-signature-item span {
    display: block;
    color: var(--secondary-text-color);
    font: 300 10px/18px e-Ukraine, sans-serif;
    margin: 3px 0 0;
}

@media print {
    .certificate,
    .certificate-wrapper {
        overflow: initial !important;
    }

    .certificate-bottom {
        bottom: 50px;
    }
}

.layout-accomplishment .wrapper-about .about-item.about-edx {
    text-align: center;
    margin: 40px auto 0 !important;
}