.faq {
    margin: 160px 0;
    overflow: hidden;
}
.faq.tos_big {
    margin-top: 200px;
}
.faq.bos_big {
    margin-bottom: 200px;
}
.faq.tos_remove {
    margin-top: 0;
}
.faq.bos_remove {
    margin-bottom: 0;
}
.faq_wrapper {
    margin: 0 auto;
    max-width: 720px;
}
.faq_wrapper_title .heading {
    font-size: 64px;
    line-height: 72px;
    margin: 0;
    text-align: center;
}
.faq_wrapper_content {
    color: #666666;
    margin: 20px auto 30px auto;
    max-width: 640px;
    text-align: center;
}
.faq_wrapper_content,
.faq_wrapper_content a {
    font-family: var(--font_GeneralSans_Medium);
    font-size: 24px;
    line-height: 32px;
}

.faq_wrapper_content a
{
    color: #000000;
    position: relative;
    transition: all 0.4s ease;
	text-decoration: underline;
}

.faq_wrapper_content a:after {
    background: var(--color_gray_5);
    bottom: 2px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.4s ease;
    width: 100%;
}

.faq_wrapper_content a:hover
{
    color: #2971f4;
}

.faq_wrapper_content a:hover:after
{
    background: #2971f4;
}

.faq_wrapper_tabs
{
    margin: 50px 0 0;
}

.faq_wrapper_tabs[data-visible="no"]
{
	display: none;
}

.faq_wrapper_tabs .tabs
{
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin: 0 auto;
}

.faq_wrapper_tabs .tabs:empty
{
	display: none;
}

.faq_wrapper_tabs .tabs .tab {
    border-radius: 100px;
    color: #202224;
    cursor: pointer;
    font-family: var(--font_GeneralSansVariable_SemiBold);
    font-size: 16px;
    line-height: 24px;
    outline: 1px solid var(--color_Mercury);
    padding: 8px 24px;
    transition: all 0.4s ease;
}

.faq_wrapper_tabs .tabs .tab.active,
.faq_wrapper_tabs .tabs .tab:hover
{
    background: #202224;
    color: var(--color_white);
    outline: 1px solid #202224;
}

.faq_wrapper_tabs .tab_content_item {
    display: none;
    margin: 60px 0 0;
}
.faq_wrapper_tabs .tab_content_item.active {
    display: block;
}
.faq_wrapper_tabs .tab_content_item .tab_data_list_item {
    padding: 24px 0;
    position: relative;
}
.faq_wrapper_tabs .tab_content_item .tab_data_list_item:after {
    background: var(--color_Mercury);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transition: all 0.4s ease;
    width: 100%;
}
.faq_wrapper_tabs .tab_content_item .tab_data_list_item:first-child {
    padding-top: 0;
}
.faq_wrapper_tabs .tab_content_item .tab_data_list_item_title {
    color: #202224;
    cursor: pointer;
    font-family: var(--font_GeneralSansVariable_SemiBold);
    font-size: 16px;
    line-height: 24px;
    padding-right: 40px;
    position: relative;
    transition: all 0.4s ease;
}
.faq_wrapper_tabs .tab_content_item .tab_data_list_item_title:after {
    background-image: url(../../images/faq-arrow.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: auto;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    right: 0;
    top: 50%;
    transition: all 0.4s ease;
    width: 14px;
}
.faq_wrapper_tabs .tab_content_item .tab_data_list_item_data
{
    color: #666666;
    font-family: var(--font_GeneralSans_Medium);
    font-size: 16px;
    line-height: 24px;
    max-height: 0;
    max-width: 640px;
    overflow: hidden;
    transition: all 0.4s ease;
}
.faq_wrapper_tabs .tab_content_item .tab_data_list_item.active .tab_data_list_item_title:after {
    transform: translateY(-50%) rotate(180deg);
}
.faq_wrapper_tabs .tab_content_item .tab_data_list_item.active .tab_data_list_item_data {
    margin: 24px 0 0;
    max-height: -moz-max-content;
    max-height: max-content;
}

.faq .faq_wrapper .faq_wrapper_dropdown
{
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 20px 0;
	font-size: 36px;
	font-family: var(--font_GeneralSans_Regular);
}

.faq .faq_wrapper .faq_wrapper_dropdown .faq-selection-and-dropdown
{
	color: #000000;
}

.faq .faq_wrapper .faq_wrapper_dropdown .faq-selection-and-dropdown .faq-selection
{
	cursor: pointer;
	user-select: none;
	padding: 10px 20px 10px 40px;
	position: relative;
}

.faq .faq_wrapper .faq_wrapper_dropdown .faq-selection-and-dropdown .faq-selection::before
{
	content: '';
    position: absolute;
    top: 30px;
    left: 10px;
    width: 20px;
    height: 20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNS41NTIxbW0iIGhlaWdodD0iMy4xMjcybW0iIHZpZXdCb3g9IjAgMCA1LjU1MjEgMy4xMjcyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05My44OTQgLTUxLjUyNikiPjxwYXRoIGQ9Im05NC4wNzEgNTEuNzAzIDIuNiAyLjU5ODIgMi42LTIuNTYwOCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii41Ii8+PC9nPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: contain;
}

.faq .faq_wrapper .faq_wrapper_dropdown .faq-selection-and-dropdown .faq-dropdown-list
{
	display: none;
}

.faq .faq_wrapper .faq_wrapper_dropdown .faq-selection-and-dropdown .faq-dropdown-list[data-visible="yes"]
{
	display: flex;
    flex-direction: column;
    justify-content: center;
	border: 2px solid #000000;
	background-color: #ffffff;
	position: absolute;
	z-index: 2;
}

.faq .faq_wrapper .faq_wrapper_dropdown .faq-selection-and-dropdown .faq-dropdown-list .faq-dropdown-list-item
{
	cursor: pointer;
	padding: 0px 18px 0px 38px;
	position: relative;
}

.faq .faq_wrapper .faq_wrapper_dropdown .faq-selection-and-dropdown .faq-dropdown-list .faq-dropdown-list-item:hover
{
	background-color: #eee;
}

.faq .faq_wrapper .faq_wrapper_dropdown .faq-selection-and-dropdown .faq-dropdown-list .faq-dropdown-list-item:hover::before
{
	content: '';
    position: absolute;
    top: 15px;
    left: 14px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMy4xMTM1bW0iIGhlaWdodD0iNS41NTIzbW0iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDMuMTEzNSA1LjU1MjMiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk1LjEyIC01MC4zMjQpIj48cGF0aCBkPSJtOTUuMzA4IDU1LjcwMiAyLjU3MzktMi42MjQxLTIuNTg0OS0yLjU3NiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii41Ii8+PC9nPjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: contain;
}

.faq .faq_wrapper .faq_wrapper_search
{
	position: relative;
}

.faq .faq_wrapper .faq_wrapper_search .faq-search-box
{
	width: 100%;
    border-radius: 20px;
    border: none;
    padding: 10px 10px 10px 50px;
	margin-bottom: 1px; /* Fixes an outline issue in Chrome */
}

.faq .faq_wrapper .faq_wrapper_search::before
{
	content: '';
    position: absolute;
    top: 15px;
    left: 18px;
    width: 20px;
    height: 20px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNy4yMDM4bW0iIGhlaWdodD0iNy4yNTI5bW0iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDcuMjAzOCA3LjI1MjkiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg5LjUwNiAtMTAyLjEzKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIj48Y2lyY2xlIGN4PSI5My44NDkiIGN5PSIxMDQuOTkiIHI9IjIuNjEwNyIgc3Ryb2tlLXdpZHRoPSIuNSIgc3R5bGU9InBhaW50LW9yZGVyOnN0cm9rZSBmaWxsIG1hcmtlcnMiLz48cGF0aCBkPSJtOTIuMDM4IDEwNi45OS0yLjM2MDkgMi4yMTEiIHN0cm9rZS13aWR0aD0iLjUiLz48L2c+PC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: contain;
}

.faq .faq_wrapper .faq_wrapper_search .faq-search-box-clear-button
{
	content: '';
    position: absolute;
    top: 16px;
    right: 18px;
    width: 18px;
    height: 18px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNC41NTA3bW0iIGhlaWdodD0iNC41NTA3bW0iIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQuNTUwNyA0LjU1MDciIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzMi42OCAtMTIwLjg5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2Utd2lkdGg9Ii41Ij48cGF0aCBkPSJtMTMyLjg2IDEyMS4wNyA0LjE5NzIgNC4xOTcyIi8+PHBhdGggZD0ibTEzNy4wNiAxMjEuMDctNC4xOTcyIDQuMTk3MiIvPjwvZz48L3N2Zz4K");
    background-repeat: no-repeat;
    background-size: contain;
    appearance: none;
    background-color: transparent;
    border: none;
}


.faq .faq_wrapper[data-faq-type="partner"] .tabs .tab[data-faq-type="client"],
.faq .faq_wrapper[data-faq-type="client"] .tabs .tab[data-faq-type="partner"]
{
	display: none;
}

.faq .faq_wrapper .faq-search-results
{
	margin-top: 40px;
}

.faq .faq_wrapper .faq-search-results:empty
{
	display: none;
}

.faq .faq_wrapper .faq-search-results .faq_wrapper_tabs .tab_content_item
{
	display: block;
}

@media (max-width: 1199px) {
    .faq {
        margin: 100px 0;
    }
    .faq.tos_big {
        margin-top: 160px;
    }
    .faq.bos_big {
        margin-bottom: 160px;
    }
    .faq_wrapper_tabs,
    .faq_wrapper_tabs .tab_content_item {
        margin: 60px 0 0;
    }
}
@media (max-width: 991px) {
    .faq.tos_big {
        margin-top: 140px;
    }
    .faq.bos_big {
        margin-bottom: 140px;
    }
    .faq .faq_wrapper_content {
        max-width: 100%;
    }
}
@media (max-width: 767px) {
    .faq {
        margin: 80px 0;
    }
    .faq.tos_big {
        margin-top: 120px;
    }
    .faq.bos_big {
        margin-bottom: 80px;
    }
    .faq_wrapper_content {
        padding: 0 10px;
    }
    .faq_wrapper_tabs {
        margin: 32px 0 0;
    }
    .faq_wrapper_tabs .tabs.faq_scroll {
        flex-wrap: unset;
        justify-content: flex-start;
        margin: 0;
        max-width: 100%;
        overflow-x: auto;
        padding: 0 1px 1px 0;
    }
    .faq_wrapper_tabs .tabs.faq_scroll::-webkit-scrollbar {
        height: 0;
        position: absolute;
    }
    .faq_wrapper_tabs .tabs.faq_scroll::-webkit-scrollbar-track
	{
        background: var(--color_white_1_opacity_50);
    }
    .faq_wrapper_tabs .tabs.faq_scroll::-webkit-scrollbar-thumb
	{
        background: transparent;
    }
    .faq_wrapper_tabs .tab_content_item
	{
        margin: 32px 0 0;
    }
    .faq_wrapper_tabs .tab_content_item .tab_data_list_item_data
	{
        max-width: 100%;
        padding-right: 80px;
    }
}
@media (max-width: 480px)
{
    .faq_wrapper_tabs .tab_content_item .tab_data_list_item_data
	{
        max-width: 262px;
        padding-right: 0;
    }
}