/* Общие базовые стили для страниц about/FAQ/contact */

.msg-section,
.start_author,
aside {
    display: none
}

.cta-button {
    display: inline-block;
    background-color: #0fa6ab;
    color: #fff;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 10px;
    text-decoration: none;
    transition: background-color .3s;
    border: none;
    cursor: pointer
}

.cta-button:hover {
    background-color: #0d8a8e;
    color: #fff;
    text-decoration: none
}

.back-to-top-btn {
    background: #fff;
    color: #0fa6ab;
    border: 1px solid #0fa6ab
}

.back-to-top-btn:hover {
    background-color: #f0f0f0;
    color: #0fa6ab
}

div.cnt,
div.cntl {
    border-radius: inherit;
    padding: 0;
    margin: 0;
    width: 100%
}

div.cnt-wrapper,
div.cntl-wrapper {
    margin: 0;
    max-width: inherit !important;
    width: 100%
}

.og_wrapper {
    max-width: 1270px;
    margin: 0 auto;
    padding: 0 20px;
    line-height: 1.6
}

.og_head {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(/assets/img/faq/bg.png)
}

.og_head p {
    font-family: "Rubik Glitch", sans-serif;
    font-size: 64px;
    font-weight: 400;
    line-height: 76px;
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center
}

.og_container_question header h2,
.og_container_question ul a,
.og_menu a {
    font-family: 'Inter','Helvetica Neue',Arial,sans-serif
}

.og_menu {
    text-align: center
}

.og_menu ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
    margin: 20px auto 30px;
    padding: 0;
    justify-content: center
}

.og_menu li {
    margin: 0 !important
}

.og_menu a {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    text-decoration: none;
    color: #000;
    transition: .3s;
    display: block;
    text-align: center
}

.og_menu a:hover {
    color: #000;
    text-decoration: none;
    border-color: #0fa6ab;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.og_menu a.active {
    color: #fff !important;
    background-color: #0fa6ab;
    border-color: #0fa6ab
}

a.og_btn {
    width: fit-content;
    box-shadow: 2px 2px 17px 3px rgba(15, 166, 171, .4);
    background: #fff;
    color: #0fa6ab;
    justify-content: space-between;
    margin: 12px auto 0;
    padding: 16px;
    border-radius: 8px;
    text-decoration: none;
    transition: .3s;
    cursor: pointer;
    display: flex;
    align-items: center
}

a.og_btn svg {
    margin-left: 10px
}

a.og_btn:hover {
    background: #59ccd0;
    color: #0fa6ab;
    text-decoration: none
}