@font-face {
    font-family: 'RobotoSlab-Regular';
    src: url('RobotoSlab-Regular.ttf');
}

@font-face {
    font-family: 'Inter_18pt-Regular';
    src: url('Inter_18pt-Regular.ttf');
}

.certificate-ReMarked-container {
    background-position-x: 0 !important;
    background-position-y: 0 !important;
    background: url('bg.png');
    background-size: cover;
}

.certificate-ReMarked * {
    font-family: 'RobotoSlab-Regular', sans-serif !important;
    font-weight: 400;
}

.certificate-ReMarked-container {
    background-color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 95px;
}

.certificate-ReMarked label {
    color: #B3B3B3;
    font-size: 16px !important;
    width: 570px;

}

.certificate-ReMarked input,
.certificate-ReMarked-slot-select {
    font-family: 'RobotoSlab-Regular' !important;
    border-color: #B3B3B3 !important;
    font-size: 16px;
    background-color: #ffffff !important;
    border-radius: 8px !important;
    border: 1px !important;
}

.certificate-ReMarked-checkbox-wrap input[type=radio]:before {
    background-color: inherit;
    border-color: rgba(159, 127, 78) !important;
}

.certificate-ReMarked-checkbox-wrap input[type=radio]:checked:after {
    background-color: rgba(159, 127, 78);
}

.certificate-ReMarked-pay-button,
.certificate-ReMarked-success-close,
.certificate-ReMarked__submit {
    background-color: rgba(159, 127, 78);
    box-shadow: none;
}

.certificate-ReMarked__submit:hover {
    background-color: #000 !important;
    box-shadow: 0 12px 20px rgba(0, 0, 0, .7);
}

.certificate-ReMarked-curirer-text a,
.certificate-ReMarked label:after,
.certificate-ReMarked-delivery-title:after,
.certificate-ReMarked-keyWord-title:after,
.certificate-ReMarked-typeOfCertificate-title:after {
    color: #000;
}

.certificate-ReMarked-slot-select {
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M6.024 7a1.554 1.554 0 0 1-1.058-.407l-4.524-4.2A1.335 1.335 0 0 1 .436.413 1.576 1.576 0 0 1 2.558.407l3.46 3.213L9.437.413a1.576 1.576 0 0 1 2.12-.006 1.335 1.335 0 0 1 .007 1.98l-4.477 4.2A1.565 1.565 0 0 1 6.024 7Z' style='fill:%23000000' data-name='Layer 1'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.certificate-ReMarked__close {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='23' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239F7F4E' fill-rule='evenodd'%3E%3Cpath d='M0 1.414 1.415 0l21.213 21.213-1.414 1.414z'/%3E%3Cpath d='m21.213 0 1.414 1.415L1.414 22.628 0 21.214z'/%3E%3C/g%3E%3C/svg%3E") !important;
}

.certificate-ReMarked-pay-button,
.certificate-ReMarked-success-close,
.certificate-ReMarked__submit {
    background-color: #FCC51D !important;
    color: #000;
    border-radius: 8px;
    font-family: 'Inter_18pt-Regular' !important;
    font-weight: 100 !important;
}

.certificate-ReMarked-checkbox-wrap input[type=radio]:before {
    border-color: black !important;
}

.certificate-ReMarked-checkbox-wrap input[type=radio]:checked:after {
    background-color: black !important;
}

.certificate-ReMarked__submit:hover {
    background-color: #FCC51D !important;
    box-shadow: none;
}

.certificate-ReMarked-block-input label {
    left: 9px !important;
}

.certificate-ReMarked label {
    font-size: 13px;
}

.certificate-ReMarked-row {
    display: flex;
    flex: 1 0 50%;
    flex-direction: column;
    max-width: 100%;
    padding: 0 15px;
}

/* ================= Чекбоксы ================= */
.certificate-ReMarked .certificate-ReMarked-checkbox-block label,
.certificate-ReMarked .custom-links-block label {
    display: flex;
    align-items: center;
    gap: 0px;
    margin: 10px 0;
    cursor: pointer;
}

.certificate-ReMarked .certificate-ReMarked-checkbox-block input[type="checkbox"],
.certificate-ReMarked .custom-links-block input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    max-width: 22px;
    min-width: 22px;
    padding: 0;
    margin-right: 10px;
    height: 22px;
    border: 2px solid #000 !important;
    border-radius: 4px;
    background: #fff;
    position: relative;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.certificate-ReMarked .certificate-ReMarked-checkbox-block input[type="checkbox"]:hover,
.certificate-ReMarked .custom-links-block input[type="checkbox"]:hover {
    border-color: #1B2431 !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .06);
}

.certificate-ReMarked .certificate-ReMarked-checkbox-block input[type="checkbox"]:focus-visible,
.certificate-ReMarked .custom-links-block input[type="checkbox"]:focus-visible {
    outline: 2px solid #1B2431;
    outline-offset: 2px;
}

.certificate-ReMarked .certificate-ReMarked-checkbox-block input[type="checkbox"]:checked,
.certificate-ReMarked .custom-links-block input[type="checkbox"]:checked {
    background-color: #000 !important;
    border-color: #000 !important;
}

.certificate-ReMarked .certificate-ReMarked-checkbox-block input[type="checkbox"]:checked::after,
.certificate-ReMarked .custom-links-block input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.certificate-ReMarked .certificate-ReMarked-checkbox-block a,
.certificate-ReMarked .custom-links-block a {
    font-size: 15px;
    line-height: 1.4;
    color: #000;
    text-decoration: underline;
}

.certificate-ReMarked .certificate-ReMarked-checkbox-block a:hover,
.certificate-ReMarked .custom-links-block a:hover {
    text-decoration: none;
}

/* ================= Верстка шагов ================= */
.certificate-ReMarked-step-1 {
    margin: 0 -15px 0px;
    display: inherit;
}

.certificate-ReMarked-slots {
    display: inherit;
}

.certificate-ReMarked-slot-select {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 45px; 
}

.certificate-ReMarked-submit {
    margin-top: -55px;
}

.certificate-ReMarked-slot-select {
    width: 570px;
    text-align: left;
}

.certificate-ReMarked-slot-select option {
    text-align: left;
    padding-left: 10px;
}

.certificate-ReMarked-slot-select {
    width: 100%;
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 2.5em;
}

.certificate-ReMarked-slot-select option {
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
    padding: 8px 4px;
}

.certificate-ReMarked-block-input {
    width: 570px;
    max-width: 100%;
}

.certificate-ReMarked label:after {
    top: 0px;
}

.certificate-ReMarked a,
.certificate-ReMarked label {
    max-width: 100%;
}

.certificate-ReMarked-slot-select,
.certificate-ReMarked-slot-select option,
.certificate-ReMarked a {
    text-align: left;
    white-space: normal;
    word-wrap: break-word;
}