@font-face {
    font-family: 'rudaregular';
    src: url('rudaregular.eot');
    src: url('rudaregular.eot') format('embedded-opentype'),
         url('rudaregular.woff2') format('woff2'),
         url('rudaregular.woff') format('woff'),
         url('rudaregular.ttf') format('truetype'),
         url('rudaregular.svg#rudaregular') format('svg');
}
@font-face {
    font-family: 'rudabold';
    src: url('rudabold.eot');
    src: url('rudabold.eot') format('embedded-opentype'),
        url('rudabold.woff2') format('woff2'),
        url('rudabold.woff') format('woff'),
        url('rudabold.ttf') format('truetype'),
        url('rudabold.svg#rudabold') format('svg');
}

body,
.side-panel form label input,
h1,h2,h3,h4,h5,h6,
header .top-header-line .search-form label .search-field,
.wpcf7-form-control{
    font-family: 'rudaregular', arial, helvetica, sans-serif;
    font-weight: 400;
    font-display: swap;
}

.up-title,
.close-btn:before,
strong, .bold, b{
    font-family: 'rudabold', arial, helvetica, sans-serif;
    font-weight: 700;
    font-display: swap;
}

h2{
    position: relative;
    font-size: 28px;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
}

h2:after{
    position: relative;
    content: '';
    width: 70px;
    height: 3px;
    background: var(--blue-color);
    display: block;
    margin-top: 15px;
    margin-bottom: 25px;
    color: var(--black-color);
}
h2.has-text-align-center:after{
    margin: 15px auto 25px auto;
}