body {
    font: 15px / 24px "Open Sans", Arial, sans-serif;
}
.certificate__step {
    display: none;
    /* padding-bottom: 70px; */
}
.certificate__step.is-active {
    display: block;
}
/* .s-tabs__btns {
    display: flex;
    
} */

/* .s-top-banner */
.s-top-banner__img {
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.s-top-banner img {
    display: block;
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 24px 0 #dfdfdf;
}

/* s-duo-block */
.s-duo-block {
    display: flex;
    gap: 32px;
    align-items: stretch;
}
.s-duo-block__item {
    display: flex;
    align-items: center;
    padding: 30px 30px 30px 140px;
    width: 100%;
    min-height: 158px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: 30px center;
    background-size: 85px;
}

.certificate-form__step {
    display: flex;
    justify-content: center;
    gap: 115px;
}
.certificate-form__step-col-1 {
    width: calc(50% - 55px);
    max-width: 355px;
}
.certificate-form__step-col-1 img {
    display: block;
    width: 100%;
    height: auto;
}
.certificate-form__step-col-2 {
    padding-top: 40px;
    width: calc(50% - 55px);
    max-width: 400px;
}

/* s-tabs */
.s-tabs__btns .item-link{
    width: 32%;
}
.s-tabs__btns .btn-inline {
    width: 100%;
    padding-left: 0!important;
    padding-right: 0!important;
}
.s-tabs__btn {
   padding-bottom: 0!important;
    background-color: transparent;
    border: none;
}
.s-tabs__btn::before {
    display: none!important;
}
.s-tabs__content-item {
    display: none;
    padding-top: 30px;
}
.s-tabs__content-item.is-active {
    display: block;
}

.s-tabs__btn-mt {
    display: none!important;
}
@media(max-width: 992px) {
    .s-duo-block {
        flex-direction: column;
        gap: 24px;
    }
    .s-duo-block__item {
        min-height: 135px;
        padding-left: 120px;
        background-position: 20px center;
    }
}
@media (max-width: 767px) {
    .certificate .fz-24 {
        text-align: center;
    }
    .certificate-form__step-col-1 {
       display: none;
    }
    .certificate-form__step-col-2 {
        padding-top: 0;
        width: 100%;
        max-width: none;
    }
    .s-radio-group {
        justify-content: center;
    }
    .certificate-form__step-btn {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .s-tabs__btn-dt {
        display: none!important;
    }
    .s-tabs__btn-mt {
        display: block!important;
    }
    .radio-choose .form-group {
        display: flex;
        justify-content: center;
    }
    .text-agree {
        text-align: center;
    }
}
/* s-radio */
.s-radio-group {
    display: flex;
    gap: 12px;
}
.s-radio input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;

}
.s-radio input:checked ~ label {
    color: #383838;
    border-color: #daa520;
}
.s-radio label {
    min-width: 75px;
    padding: 12px;
    font-weight: 400;
    font-size: 12px;
    color: #b6b5b5;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9;
    cursor: pointer;
}
.radio-choose__content-item {
    display: none;
}
.radio-choose__content-item.is-active {
    display: block;
}
.radio-choose__content-row {
    display: flex;
    gap: 32px;
}
.radio-choose__content-row .input-group {
    width: calc(50% - 16px);
}
.input-group--time,
.input-group--date {
    position: relative;
}
.input-group--time input,
.input-group--date input {
    padding-right: 40px!important;
}
.input-group--time label,
.input-group--date label {
    color: #B6B5B5;
}
.input-group--time::after,
.input-group--date::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 37px;
    
    background-repeat: no-repeat;
    background-position: center;
}
.input-group--date::after {
    background-image: url('../images/certificate/date-1.svg');
}
.input-group--time::after {
    background-image: url('../images/certificate/date-2.svg');
}
input[type="date"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}
input[type="date"],input[type="time"]{background-color:#f7f7f7;border:1px solid #eeeeee;border-radius:2px;box-shadow:none;color:#383838;height:auto;font-size:13px;padding:8px 13px 7px;width:100%;}
textarea{resize:none;min-height:90px;}
.s-tabs__content .form-group .radio-inline label>input:checked{
    background-color: red;
}
.s-tabs__content .form-group .radio-inline{padding:0;}
.s-tabs__content .form-group .radio-inline label{display:inline-block;float:none;margin:0;font-size:15px;font-weight:bold;color:#333333;cursor:pointer;position:relative;padding:0 0 0 32px!important;}
.s-tabs__content .form-group .radio-inline label:before{content:"";display:block;position:absolute;left:0;top:50%;width:20px;height:20px;background:#fbfbfb;border:1px solid #e9e9e9;border-radius:100%;transform: translateY(-50%);}
.s-tabs__content .form-group .radio-inline label:hover:before{border:none;}
.s-tabs__content .form-group .radio-inline.checked label{cursor:default;}
.s-tabs__content .form-group .radio-inline.checked label:before{border:none;background-color: #daa520;}
.s-tabs__content .form-group .radio-inline.checked label:after{content:"";position:absolute;left:5px;top:5px;width:10px;height:8px;background:url(.//images/svg/order_ext.svg) -64px -9px no-repeat;}
.s-tabs__content .form-group .radio-inline input{display:none;}


.fz-24 {
    font-size: 24px;
}
.mb-12 {
    margin-bottom: 12px;
}
.mb-24 {
    margin-bottom: 24px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-40 {
    margin-bottom: 40px;
}

.certificate__form  div.form-control{
    margin-bottom: 0;
}