:root {

    --color-accent: #94765c;
    --color-btn: #94765c;
    --color-btn-light: #94765c;
    --color-card: ;
    --color-card-radial: rgb(41, 41, 41);
    --color-card-volume: rgb(10, 10, 10);
    --color-card-create: #4E00FF;
    --color-card-create-radial: #6321ff;
    --color-card-create-volume: #3b00c4;


    --custom_text: #000;
    --custom_bg: #fff;
    --custom_bg-2: #ededed;
    --custom_accent: #94765c;
    --custom_offer_bg: rgb(255 255 255 / 77%);


    --custom-dark: #000;
    --custom-light: #fff;


    --customTextLight: #fff;

    

}

.preloader {
    background-color: var(--custom_bg);
}


body {
    background-color: var(--custom_bg);
    color: var(--custom_text);
}





.nav_list_item {
    color: var(--custom_text);
}
.page_caption.__main {
    color: var(--custom_text);
}
.page_title.__main {
    color: var(--custom_accent);
}
.nav_address {
    color: var(--custom_accent);
}
.nav_phone {
    color: var(--custom_accent);
}
.service_info_title {
    color: var(--custom_accent);
}
.service_info_caption {
    color: var(--custom_text);
}


.carder_quest {
    color: var(--custom_text);
}
.carder_stats_num {
    color: var(--custom_text);
}
.carder_stats_header {
    color: var(--custom_text);
}
.carder_icon_doptext {
    color: var(--custom_text);
}

.carder_stats_line_item {
    background-color: var(--custom_accent);
}
.carder_stats_line_item.__load {
    background-color: var(--custom_accent);
}

.btn_outline {
    border: 2px solid var(--custom-dark);
}

.btn_outline .btn_text {
    color: var(--custom-dark);
}

.btn_outline.__active {
    background-color: var(--custom_accent);
    border-color: var(--custom_accent);
}

.btn_outline.__active .btn_text {
    color: var(--custom-light);
}

.nav_callback {
    color: var(--custom_text);
}

.box_light.__carder {
    filter: hue-rotate(148deg);
}

.box_light.__features {
    filter: hue-rotate(148deg);
}



.carder_icon {
    background-color: var(--color-accent);
}



.carder_icon:before {
    background: radial-gradient(circle, rgb(255 255 255 / 22%) 0%, rgba(255, 255, 255, 0) 100%);
}

.carder_icon_text {
    color: var(--customTextLight);
}

.carder_icon_title {
    color: var(--customTextLight);
}

.carder_icon_arrow svg {
    fill: var(--customTextLight);
}

.carder_form_caption {
    color: var(--custom_text);
}

.field_pay {
    border-color: var(--custom-dark);
    color: var(--custom_text);
}

.btn_outline.__active:hover {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
}


.club_nav_category_name {
    color: var(--custom_text);
}
.club_nav_btn_text {
    color: var(--custom_text);
}
.page_title_item {
    color: var(--custom_text);
}

.club_nav_btn {
    border-color: var(--custom-dark);
}
.guest_interact_caption {
    color: var(--custom_text);
}
.footer_company {
    color: var(--custom_text);
}
.footer_copyright {
    color: var(--custom_text);
}
.footer_developer {
    color: var(--custom_text);
}

.club_content_item {
    background-color: var(--custom_bg-2);
}

.club_top_time_caption {
    color: var(--custom_text);
}
.club_top_cat {
    color: var(--custom_text);
}
.club_top_sale {
    color: var(--custom_text);
}
.club_top_time_text {
    color: var(--custom_text);
}
.club_num_caption {
    color: var(--custom_text);
}
.club_list_text {
    color: var(--custom_text);
}


.feature {
    background-color: var(--custom_bg-2);
}

.feature_text {
    color: var(--custom_text);
}
.feature_icon svg {
    fill: var(--custom_text);
}


.flex.__features_list>.col:nth-child(5n+2) .feature .feature_icon svg {
    fill: var(--custom-light) !important;
}
.flex.__features_list>.col:nth-child(5n+2) .feature .feature_text {
    color: var(--custom-light) !important;
}

.pay {
    background-color: var(--custom_bg-2);
}

.pay .field_name {
    color: var(--custom_text);
    background-color: var(--custom_bg-2);
}

.field_pay::placeholder {
    color: var(--custom_text);
}


.contacts_address_intro {
    color: var(--custom_text);
}
.contacts_address_name {
    color: var(--custom_text);
}
.contacts_info_intro {
    color: var(--custom_text);
}
.contacts_info_text {
    color: var(--custom_text);
}

.--boop {
    background-color: var(--custom_bg-2);
}

.btn_normal.__carder_back .btn_content {
    background-color: var(--color-accent);
}

.modal .field_pay {
    border-color: #fff;
    color: #fff;
}    

.modal .field_pay::placeholder {
    color: #fff;
}
.carder .field_name {
    color: #000;
    background-color: #fff;
}

.btn_outline.__active:hover {
    border-color: #000000 !important;
    background-color: #000000 !important;
}
.feature:hover .feature_text {
    color: var(--color-a-1) !important;
}
.feature:hover .feature_icon svg {
    fill: var(--color-a-1) !important;
    stroke: var(--color-a-1) !important;
}
.feature_icon svg {
    fill: var(--color-d-3) !important;
    stroke: var(--color-d-3) !important;
}
.flex.__features_list>.col:nth-child(3n+3) .feature .feature_icon svg {
    fill: var(--color-d-3) !important;
    stroke: var(--color-d-3) !important;
}
.flex.__features_list>.col:nth-child(3n+3) .feature .feature_text {
    color: var(--color-d-3) !important;
}

.flex.__features_list>.col:nth-child(3n+3) .feature:hover .feature_text {
    color: var(--color-a-1) !important;
}
.flex.__features_list>.col:nth-child(3n+3) .feature:hover .feature_icon svg {
    fill: var(--color-a-1) !important;
}

.price_category_item {
 background-color: #ededed;
}
.price_category_item.__active {
    color: #fff;
    background-color: var(--color-accent);
}
.price_category_item:not(.__active):hover {
    background-color: var(--color-accent) !important;
}

.price_top {
    background-color: #53463b;
}
.price_content_name {
    color: #000;
}
.price_content_target {
    color: #000;
}
.price_content_item.__separator {
    border-top: 2px solid #94765c;
}
.price_content_item:not(.__separator):hover {
    background-color: #53463b !important;
}
.price_content_item:not(.__separator):hover .price_content_name {
    color: #fff;
}
.price_content_item:not(.__separator):hover .price_content_target {
    color: #fff;
}
.price_top_item {
    color: #fff;
}

.price_result:after {
    opacity: 0;
    background: rgb(255 255 255);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgb(255 255 255) 100%);
}