/* =========================
   SIDEBAR
========================= */

.popupWrapperUnified .popupSidebar {
    position: relative;
    z-index: 3;

    width: 360px;
    min-width: 360px;

    background: #f4f4f4;

    overflow-y: auto;

    margin-top: -20px;
    margin-bottom: -20px;

    box-shadow:
        -10px 0 30px rgba(0,0,0,.08);
}

.apmSidebar {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;

    padding: 35px 35px 45px;

    min-height: calc(100% + 40px);
}

.apmProgress {
    margin-bottom: 25px;
}

.apmProgress ul {
    display: flex;
    gap: 14px;

    list-style: none;

    padding: 0;
    margin: 0;
}

.apmProgress ul li {
    width: 42px;
    height: 42px;

    border-radius: 50%;

    border: 2px solid #ddd;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #bbb;

    font-weight: 700;
}

.apmProgress ul li.active {
    border-color: #1779ba;
    color: #1779ba;
}

.apmCurrentStep {
    margin-bottom: 20px;
}

.apmCurrentStep h3 {
    color: #1779ba;

    font-size: 30px;
    line-height: 1.15;

    margin-bottom: 8px;
}

.apmCurrentStep p {
    color: #777;

    line-height: 1.6;

    margin-bottom: 0;
}

.apmSidebarLogo {
    width: 170px;

    margin-bottom: 25px;
}

.step-contact {
    margin-top: auto;
}

.step-contact h3 {
    color: #1779ba;

    margin-bottom: 18px;
}

.apmSidebar .contact-desc {
    color: #666;

    line-height: 1.8;

    margin-bottom: 20px;
}

.apmSidebar a {
    color: #666;
}

.apmSidebar ul {
    display: flex;
    justify-content: center;

    gap: 14px;

    padding: 0;

    list-style: none;
}

.apmSidebar ul li {
    margin: 0;
}