.gd-about__picture {
background-size: 54rem;
height: 39rem;
}

.gd-step__icon {
width: 5rem;
height: 5rem;
}

.gd-step__icon>svg {
width: 1.6rem;
height: 1.6rem;
}

/* error report popup */
.gd-error-popup {
    padding: 2rem;
}

.gd-error-popup__header {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.7rem;
    margin-bottom: 1rem;
}

.gd-error-popup__error {
    border-radius: 6px;
    padding: 1rem;
    margin-bottom: 2rem;
    background-color: #ffeded;
    color: #e13535;
    font-size: 0.875rem;
}

.gd-error-popup__text {
    margin-bottom: 2rem;
    color: #838589;
    font-size: 0.875rem;
    line-height: 1.2rem;
}

.gd-error-popup__label {
    display: block;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.gd-error-popup__email {
    border: 1px solid #ccc;
    padding: 0.75rem;
    border-radius: 6px;
    width:100%;
    margin-bottom: 2rem;
    font-size: 0.75rem;
    box-sizing:border-box;
}

.gd-error-popup__email:user-invalid {
        border-color: red;
}
.gd-error-popup__email.invalid {
    border-color: red;
}


.gd-error-popup__actions {
    display: flex;
    gap: 1rem;
}

.gd-error-popup__btn {
    display: flex;
   
    align-items: center;
    padding: 0 1.2rem;
    height: 2.5rem;
    color: #fff;
    background: #558FFF;
    border-radius: 6px;
    font-weight: 400;
    font-size: .875rem;
    outline: none;
    border: none;
    cursor: pointer;
   /* letter-spacing: .3px;*/
}

    .gd-error-popup__btn:hover {
        color: #fff;
        background: #4981ed;
    }

.gd-error-popup__btn--alt {
    color: #558FFF;
    background: #fff;
}

    .gd-error-popup__btn--alt:hover {
        background: #fff;
        color: #4981ed;
    }


