input[type="text"],
input[type="tel"] {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    input[type="text"]:active,
    input[type="text"]:focus,
    input[type="tel"]:active,
    input[type="tel"]:focus {
    /*border-color: #ff2600;
    outline: 0;
    -webkit-box-shadow: 0 0 10px #ff2600;
    box-shadow: 0 0 10px #ff2600;*/
    }
#form1,#form2,
.contacts,
.form_image_block,
.form_points,
.menu,
.monthly-payment,
.nav_section,
.nav_social,
.process_inner,
.process_slides,
.result {
-webkit-box-orient: vertical;
}
.video_play{
    cursor:pointer;
}
.rating{
    border:1px solid var(--red);
    padding:10px 20px;
    text-decoration: none;
    color:var(--black);
    cursor: pointer;
}
.about_inner,
.about_slider,
.about_text,
.calculator_body,
.calculator_header,
.case_text,
.contacts,
.footer_nav,
.form_image_block,
.form_point,
.form_points,
.garant_point,
.intro_case,
.menu,
.monthly-payment,
.nav,
.nav_section,
.process_inner,
.quiz-progress,
.quiz-step .active,
.quiz_check,
.quiz_form,
.quiz_left_checks,
.quiz_manager_text,
.quiz_point,
.quiz_right,
.range-text,
.request_inner,
.result,
.reviews_logo,
.reviews_slider_header {
-webkit-box-direction: normal;
}
.btn,
.nav_title h1,
.quiz_check_title,
.rate-label,
.tab_icon_slide,
.video_banner {
text-transform: uppercase;
}
#menu-toggle,
.accordion,
.btn,
.close-btn,
.scroll_link {
cursor: pointer;
}
.car_list_slider .slick-list,
.mobile-menu {
overflow: visible;
}
.car_slide_footer_info,
.cause_cases,
.intro_cases,
.quiz-options-inputs {
-ms-grid-columns: (1fr) [2];
grid-template-columns: repeat(2, 1fr);
}
.intro_cases,
.quiz-options-inputs {
-ms-grid-columns: (1fr) [2];
}
input[type="checkbox"],
input[type="checkbox"]:active {
background-color: transparent;
}
@font-face {
font-family: Gilroy;
src: url(/assets/fonts/Gilroy-Medium.ttf);
}
@font-face {
font-family: Montserrat;
src: url(/assets/fonts/Montserrat-VariableFont_wght.ttf);
}
@font-face {
font-family: Inter;
src: url(/assets/fonts/Inter.ttf);
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
overflow-x: hidden;
}
:root {
--gray-light: rgba(240, 241, 246, 1);
--red: rgba(254, 0, 0, 1);
--red-opacity: rgba(254, 0, 0, 0.5);
--linear-black: linear-gradient(101.84deg, #161114 0.21%, #464149 99.79%);
--black: rgba(0, 0, 0, 1);
--gray: rgba(126, 126, 126, 1);
--white-light: rgba(240, 241, 246, 1);
--white: rgba(255, 255, 255, 1);
}
.calculator_form .quiz_form .btn_form_quiz,
.calculator_form .quiz_form .checkbox,
.result .quiz_form .btn_form_quiz,
.result .quiz_form .checkbox,
h1,
h2 {
margin: 0;
}
body,
html {
height: 100%;
margin: 0;
padding: 0;
font-family: Montserrat, sans-serif;
font-size: 10px;
}
.btn,
input {
padding: 20px 40px;
font-size: 18px;
}
@media screen and (max-width: 1199px) {
.container {
max-width: 280px;
margin: 0 auto;
z-index: 1000;
position: relative;
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1200px;
margin: 0 auto;
}
}
.text_underline {
text-decoration: underline;
-webkit-text-decoration-style: solid;
text-decoration-style: solid;
}
.f_400 {
font-weight: 400;
}
.f_500 {
font-weight: 500;
}
.f_600 {
font-weight: 600;
}
.about_subtitle span,
.f_700,
.footer_info span {
font-weight: 700;
}
.f_900 {
font-weight: 900;
}
.btn, .btn_form_mob {
color: var(--white);
background: var(--red);
line-height: 100%;
border: none;
border-radius: 10px;
-webkit-transition: background 0.4s, color 0.4s, -webkit-transform 0.3s,
-webkit-box-shadow 0.3s;
transition: background 0.4s, color 0.4s, transform 0.3s, box-shadow 0.3s,
-webkit-transform 0.3s, -webkit-box-shadow 0.3s;
-o-transition: background 0.4s, color 0.4s, transform 0.3s, box-shadow 0.3s;
}
#nextBtn:disabled {
color: var(--white);
background: var(--red);
line-height: 100%;
border: none;
border-radius: 10px;
-webkit-transition: background 0.4s, color 0.4s, -webkit-transform 0.3s,
-webkit-box-shadow 0.3s;
transition: background 0.4s, color 0.4s, transform 0.3s, box-shadow 0.3s,
-webkit-transform 0.3s, -webkit-box-shadow 0.3s;
-o-transition: background 0.4s, color 0.4s, transform 0.3s, box-shadow 0.3s;
}
#form1,#form2,
.btn:hover,
.garant_inner,
.header {
background: var(--white);
}
input {
border: 1px solid var(--red);
border-radius: 10px;
text-align: center;
background: 0 0;
}
input::-webkit-input-placeholder {
font-size: 18px;
font-weight: 500;
color: var(--gray);
text-align: center;
}
input::-moz-placeholder {
font-size: 18px;
font-weight: 500;
color: var(--gray);
text-align: center;
}
input:-ms-input-placeholder {
font-size: 18px;
font-weight: 500;
color: var(--gray);
text-align: center;
}
input::-ms-input-placeholder {
font-size: 18px;
font-weight: 500;
color: var(--gray);
text-align: center;
}
input::placeholder {
font-size: 18px;
font-weight: 500;
color: var(--gray);
text-align: center;
}

input[type="checkbox"] {
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
min-width: 24px;
height: 24px;
border: 1px solid var(--red);
cursor: pointer;
position: relative;
padding: 0;
margin: 0;
border-radius: 5px;
}
input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 8px;
top: 2px;
width: 6px;
height: 12px;
border: solid var(--red);
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn:hover {
color: var(--red);
-webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.menu .nav_link:hover,
.nav_link:hover {
color: var(--red);
-webkit-transition: color 0.3s;
-o-transition: color 0.3s;
transition: color 0.3s;
}
#form2,
.accordion,
.form_inner #form2 .inputs input,
.menu .nav_link {
color: var(--black);
}
.car_list_title,
.footer_price,
.title {
font-size: 40px;
font-weight: 700;
}
.header,
.header_info {
-webkit-box-align: center;
}
.mark,
.social_btn {
border-radius: 50%;
}
#menu-toggle,
.mobile-menu {
position: relative;
z-index: 100;
}
.header {
padding: 23px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.accordion,
.accordion_text,
.amount,
.btn_form,
.btn_slider,
.calculator_header,
.call,
.car_list_inner,
.car_list_slider_arrows,
.car_slide_footer_price,
.case_icon,
.case_text,
.cause_case,
.cause_inner,
.close-btn,
.contacts,
.credit-block,
.footer_info,
.footer_price_block,
.form_image_block,
.form_point,
.form_points,
.garant_point,
.garant_point_text,
.garant_points,
.gps,
.header_info,
.header_inner,
.intro_case,
.mail,
.map_info,
.menu,
.monthly-payment,
.nav,
.nav_contact,
.nav_links,
.nav_links_c,
.nav_links_mobile_ver,
.nav_section,
.nav_section:last-child,
.nav_social,
.nav_title h1,
.option,
.option_img,
.overlay.active,
.quiz-buttons,
.quiz-nav,
.quiz-options,
.quiz-progress,
.quiz-step .active,
.quiz-text,
.quiz_check,
.quiz_right,
.range-text,
.request_inner,
.reviews_icon,
.reviews_icons,
.reviews_inner,
.reviews_logo,
.reviews_ranking,
.reviews_slide,
.reviews_slider_header,
.reviews_slides,
.social_btn,
.social_frame,
.social_icons,
.video_play {
display: -webkit-box;
display: -ms-flexbox;
}
.header_inner {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 63px;
}
.header_logo img {
max-width: 100%;
}
.header_info {
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 83px;
}
.mark,
.rating,
.social {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
}
.rating,
.social {
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
gap: 11px;
}
.mark {
background: var(--red);
width: 60px;
height: 60px;
display: flex;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contacts,
.social_btn {
display: -webkit-box;
display: -ms-flexbox;
}
.mark_text {
font-size: 12px;
line-height: 18px;
letter-spacing: 0.12px;
width: 124px;
}
.social_btn {
background: var(--black);
width: 46px;
height: 46px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.option_img img,
.social-icon {
height: -webkit-max-content;
height: -moz-max-content;
}
#menu-toggle,
.menu_line {
background: var(--white-light);
}
.social-icon {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: max-content;
}
.contacts {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 8px;
}
.checkbox,
.form_point,
.garant_point,
.inputs,
.intro_case,
.nav,
.reviews_logo,
.reviews_slider_header,
.video_cases {
-webkit-box-orient: horizontal;
}
.numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
font-size: 16px;
text-align: right;
}
.cause_title,
.option,
.quiz-question,
.quiz_title,
.reviews_title,
.video_mark,
.video_title {
text-align: center;
}
#menu-toggle,
.bgshape2mob,
.btn_form_mob,
.burger,
.cause_mobile,
.intro_cases_mobile,
.intro_title_mobile,
.nav_links_mobile_ver,
.nav_section1,
.option input,
.quiz-step,
.request_image_mob,
.reviews_title_mob,
.tab-content,
.tab_icon_slide svg,
.tab_slide input[type="radio"] {
display: none;
}
.menu,
.nav {
display: -webkit-box;
display: -ms-flexbox;
}
.about_slider .slick-track{
    display: flex !important;
}
.about_arrow_next img, .about_arrow_prev img{
    position: relative !important;
    right: 0 !important;
}
#form1,#form2,
.about_arrows,
.about_inner,
.about_slide_text,
.about_text,
.checkbox,
.inputs,
.menu,
.nav,
.option,
.process_slide,
.process_slides,
.quiz-step.active,
.quiz_container,
.quiz_inner,
.quiz_left,
.quiz_bottom,
.quiz_manager,
.video_cases,
.video_inner {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-direction: normal;
}
.garant_point_title,
.numbers span {
font-size: 20px;
}
.link_number {
font-size: 14px;
color: var(--red);
}
.menu .nav_link,
.nav_link {
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
}
#menu-toggle {
width: 48px;
height: 48px;
border: none;
border-radius: 50%;
}
.mobile-menu {
max-height: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: max-height 0.4s, opacity 0.4s, visibility 0.4s,
-webkit-transform 0.4s;
transition: max-height 0.4s, opacity 0.4s, transform 0.4s, visibility 0.4s,
-webkit-transform 0.4s;
-o-transition: max-height 0.4s, opacity 0.4s, transform 0.4s, visibility 0.4s;
}
.mobile-menu.active {
max-height: 1000px;
opacity: 1;
visibility: visible;
}
.menu_line {
height: 1px;
}
.menu {
position: fixed;
top: 75px;
width: 100vw;
background: var(--white);
padding: 20px 0;
z-index: 99999;
border-radius: 0 0 20px 20px;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.intro_case,
.nav,
.quiz-options-inputs .option {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.menu .nav_link {
font-family: Inter;
padding: 16px 0;
}
@media (max-width: 1199px) {
.header,
.header_inner {
padding: 10px 30px;
gap: 21px;
position: fixed;
background: #ffffff;
left: 0;
right: 0;
z-index: 99999;
}
.header_info {
display: none;
}
.header_logo img {
width: 211px;
}
.burger {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 48px;
height: 48px;
background: var(--white-light);
border-radius: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.social {
padding: 16px 0;
gap: 16px;
}
.social_btn {
width: 24px;
height: 24px;
}
#menu-toggle {
display: block;
}
}
#form1,#form2,
.btn_video,
.calculator_body label:nth-child(5),
.intro_btn,
.intro_cases,
.quiz_check:last-child,
.video_banner {
margin-top: 40px;
}
.home {
background: var(--linear-black);
padding-bottom: 95px;
height: 640px;
}
.nav {
padding: 20px 0;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-top: 2px solid var(--gray);
border-bottom: 2px solid var(--gray);
}
.nav_link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 200px;
color: var(--white);
font-family: Inter, sans-serif;
line-height: 100%;
}
.intro {
padding-top: 40px;
position: relative;
}
.about_title span,
.amount,
.benefit_title span,
.cause_title span,
.garant_title span,
.intro_title,
.intro_title_mobile span,
.point_number,
.process_title span,
.qa_title span,
.quiz_title span,
.reviews_title span,
.tab_title span,
.video_title span {
color: var(--red);
}
.intro_title {
font-size: 55px;
line-height: 100%;
color: var(--white);
}
.intro_cases {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 40px 1fr;
gap: 40px;
max-width: 448px;
}
.intro_case,
.quiz-options-inputs .option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 8px;
}
.case_icon {
width: 70px;
height: 70px;
border-radius: 10px;
background: var(--white);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.case_text,
.request_inner {
display: -webkit-box;
display: -ms-flexbox;
}
.case_text {
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.case_title {
font-size: 24px;
line-height: 100%;
color: var(--red);
}
.case_subtitle,
.inputs input,
.map_point,
.map_town,
.nav_title h1,
.quiz_check_title,
.quiz_manager_text,
.quiz_point_text,
.request_form #form1 {
color: var(--white);
}
.case_subtitle {
font-size: 16px;
line-height: 20px;
}
.image_wrapper img:first-child {
position: absolute;
top: 85px;
left: 401px;
overflow: hidden;
}
.image_wrapper img:nth-child(2) {
position: absolute;
top: 189px;
left: 722px;
overflow: hidden;
z-index: 15;
}
.request {
height: 338px;
padding: 23px 0;
background: var(--black);
}
.request_inner {
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
gap: 27px;
}
.request_form #form1 {
margin: 0;
padding: 0;
background: 0 0;
}
.cause_title,
.form_title,
.request_form_name {
font-size: 40px;
}
.btn_form_request,
.popup {
padding: 20px 0;
}
.request_checbox_text {
font-size: 18px;
}
.request_checbox,
.request_checbox:checked::after {
border-color: var(--white) !important;
}
.questionnaire,
.quiz {
height: 868px;
margin-top: 100px;
}
.wrapper_inner_image_quiz {
position: relative;
width: 100vw;
}
.wrapper_inner_image_quiz img:first-child {
position: absolute;
top: 0;
right: 0;
}
.wrapper_inner_image_quiz img:last-child {
position: absolute;
top: 365px;
left: 0;
}
.option,
.quiz-step.active,
.quiz_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.quiz_title {
font-size: 40px;
font-weight: 700;
line-height: 54px;
width: 978px;
}
.quiz_container {
margin-top: 40px;
width: 100%;
height: 720px;
background: var(--white-light);
-webkit-box-shadow: 0 0 32.4px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 32.4px 0 rgba(0, 0, 0, 0.4);
border-radius: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
}
.quiz_left,
.quiz_bottom,
.quiz_manager {
display: -webkit-box;
display: -ms-flexbox;
}
.quiz_left {
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
background: var(--black);
border-bottom-left-radius: 40px;
border-top-left-radius: 40px;
width: 403px;
height: 100%;
padding: 20px;
}
.quiz_bottom {
display: none;
}
.quiz_manager {
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
}
.quiz_manager_text,
.quiz_point {
display: -webkit-box;
display: -ms-flexbox;
gap: 4px;
}
.quiz_form,
.quiz_left_checks,
.quiz_manager_text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
}
.form_point,
.inputs,
.quiz-nav,
.quiz-text,
.quiz_check,
.quiz_point {
-ms-flex-direction: row;
}
.about_slide_name,
.quiz_manager_title,
.reviews_logo_title {
font-size: 16px;
font-weight: 700;
}
.quiz_manager_subtitle {
font-size: 16px;
font-weight: 500;
width: 177px;
}
.quiz_point {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
flex-direction: row;
margin-top: 20px;
}
.quiz_form,
.quiz_left_checks,
.quiz_right {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
}
.quiz_point_text {
font-size: 16px;
font-weight: 400;
width: 319px;
}
.quiz_check,
.quiz_line {
width: 100%;
background: var(--white);
}
.quiz_line {
margin: 40px 0;
height: 1px;
}
.quiz_check_title,
.quiz_form input[type="text"] {
margin-bottom: 20px;
}
.benefit_arrows,
.quiz-nav,
.quiz_check {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.quiz-progress,
.quiz_right {
display: -webkit-box;
display: -ms-flexbox;
}
.quiz_check_title {
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.quiz_check {
height: 88px;
border-radius: 10px;
-webkit-box-orient: horizontal;
padding: 24px 10px;
}
.quiz-progress,
.quiz-step .active,
.quiz_right {
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
}
.calculator_form,
.option_img,
.progress,
.progress-bar,
.tab_image_calculate img {
border-radius: 20px;
}
.wrapper_image_check {
position: relative;
width: 50%;
}
.wrapper_image_check img {
position: absolute;
bottom: -24px;
right: -10px;
}
.quiz_check:first-child .check_text {
width: 253px !important;
}
.check_text:first-child {
width: 348px;
}
.quiz_check:last-child .check_text {
width: 382px;
}
.quiz_check:last-child .wrapper_image_check img {
width: 90px;
right: -4px;
}
.check_text {
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.quiz_right {
padding: 25px 40px 40px;
display: flex;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
.quiz-progress {
font-size: 18px;
font-weight: 600;
width: 100%;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.option_img,
.quiz-options {
display: -webkit-box;
display: -ms-flexbox;
}
.progress-bar {
-webkit-box-shadow: 0 0 10.4px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 10.4px 0 rgba(0, 0, 0, 0.4);
width: 100%;
margin-top: 20px;
height: 34px;
background: var(--white);
overflow: hidden;
padding: 5px;
}
.progress {
background: var(--red);
width: 0%;
-webkit-transition: width 0.3s;
-o-transition: width 0.3s;
transition: width 0.3s;
height: 100%;
}
.quiz-question {
margin-top: 40px;
font-size: 28px;
line-height: 34px;
max-width: 605px;
}
.quiz-options {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px 114px;
margin-top: 20px;
}
.quiz-options span {
font-size: 12px;
font-weight: 600;
margin-top: 5px;
}
.option_img {
display: flex;
width: 100%;
height: 124px;
background: var(--white);
border: 2px solid transparent;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.quiz-buttons,
.quiz-step .active,
.quiz-text {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-direction: normal;
}
.option_img img {
width: 100%;
height: max-content;
}
.option input:checked + .option_img {
border-color: var(--red);
}
.quiz-step .active {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about_inner,
.quiz-buttons,
.quiz-text {
-webkit-box-orient: horizontal;
}
.accordion,
.accordion_text,
.quiz-buttons,
.quiz-nav,
.quiz-options-inputs .option,
.quiz-text,
.reviews_icon,
.reviews_icons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
input[name="body"] {
width: 300px;
}
.quiz-options .option {
max-width: 161px;
}
.quiz-nav {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: auto;
width: 100%;
justify-content: space-between;
}
.quiz-nav img {
max-width: 32px;
}
.btn_quiz:first-child {
background: var(--black);
color: var(--white);
}
.btn:disabled {
background: var(--white);
color: var(--gray);
cursor: not-allowed;
}
.quiz-text {
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 8px;
max-width: 347px;
font-size: 12px;
font-weight: 500;
color: var(--gray);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.btn_quiz {
height: 62px;
width: 180px;
}
.btn_quiz:hover:disabled {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn_quiz:first-child:hover {
background: var(--white);
color: var(--black);
}
.quiz-buttons {
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.quiz-options-inputs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: wrap;
-ms-flex: wrap;
flex: wrap;
font-size: 18px;
font-weight: 700;
line-height: 20px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 70px 1fr;
gap: 40px 70px;
margin-top: 40px;
}
input[name="budget"],
input[name="town"] {
display: block;
accent-color: var(--black);
width: 20px;
height: 20px;
}
input[name="budget"]:checked,
input[name="town"]:checked {
accent-color: var(--black);
}
.quiz-question span,
.result_title span {
font-weight: 800;
}
.btn_form_quiz {
width: 100%;
margin-top: 20px;
display: block !important;
}
.about_inner,
.about_text {
display: -webkit-box;
display: -ms-flexbox;
}
.quiz_checbox_text {
font-size: 12px;
font-weight: 500;
line-height: 18px;
}
.wrapper_image_about {
position: relative;
height: 100%;
}
.wrapper_image_about img {
position: absolute;
bottom: 0;
right: 0;
}
.wrapper_image_about .form_image_block {
position: absolute;
top: 0;
}
.slick-dots li,
.slick-dots li button {
width: 8px !important;
height: 8px !important;
}
.slick-dots li.slick-active button::before {
color: var(--red) !important;
opacity: 1 !important;
}
.slick-dots li button::before {
color: var(--black) !important;
opacity: 1 !important;
}
.about {
background-image: url("/assets/images/SMB03407\ \(1\)\ 1.png");
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal;
height: 700px;
}
.about_inner {
display: flex;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 30px;
position: relative;
}
.about_arrow_next img,
.about_arrow_prev img,
.wrapper_image_about {
position: inherit;
}
.about_text {
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
}
.about_title {
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
}
.about_subtitle {
font-size: 16px;
font-weight: 500;
width: 438px;
}
.about_cases {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 800px;
margin-top: 20px;
}
.about_case_title {
color: var(--red);
font-size: 56px;
font-weight: 700;
}
.about_case_subtitle {
font-size: 18px;
font-weight: 500;
line-height: 26px;
width: 308px;
}
.about_inner .form_image_block {
top: 496px;
left: inherit;
right: 0;
}
.about_inner img {
top: 0;
right: -100px;
position: absolute;
}
.about_slider {
-webkit-box-shadow: 0 0 32.4px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 32.4px 0 rgba(0, 0, 0, 0.4);
background: var(--white);
width: 1200px;
height: 197px;
position: absolute !important;
top: 601px;
border-radius: 40px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.about_slide_image,
.about_slide_text {
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.about_slider .slick-track {
height: 197px;
}
.about_personal_slide {
position: relative;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
gap: 10px;
}
.about_arrows,
.about_slide_text {
display: -webkit-box;
display: -ms-flexbox;
}
.about_slide_image img {
position: relative;
top: inherit;
right: inherit;
}
.about_slide_text {
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
width: 178px;
}
.about_slide_info,
.reviews_icon,
.reviews_logo_subtitle,
.reviews_slider_body {
font-size: 16px;
font-weight: 500;
}
.about_arrows {
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
position: absolute;
width: 1300px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
bottom: -213px;
left: -50px;
}
.car_list_inner,
.cause_case,
.cause_inner,
.garant_point_text,
.garant_points,
.process_slide_text,
.reviews_inner,
.reviews_ranking,
.reviews_slide {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
#form1,#form2,
.about_arrows .slick-arrow.slick-hidden,
.checkbox,
.close-btn,
.form_point,
.form_points,
.garant_point,
.inputs,
.overlay.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about_arrow_next,
.about_arrow_prev {
width: 80px;
height: 80px;
background: var(--red);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
}
.reviews_inner,
.reviews_slides {
display: -webkit-box;
display: -ms-flexbox;
}
.about_arrow_prev,
.car_list_slider_button_prev img {
rotate: 180deg;
}
.reviews {
height: 1369px;
background-image: url("/assets/images/image\ 1081.png");
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal;
margin-top: 50px;
padding-top: 50px;
overflow: hidden;
}
.cause_case,
.map,
.map_inner,
.process_inner,
.qa,
.qa_inner,
.reviews_shape,
.tabs,
.wrapper_image_cause,
.wrapper_image_form,
.wrapper_image_process,
.wrapper_image_process_inner,
.wrapper_image_tab {
position: relative;
}
.reviews_shape_block {
position: absolute;
top: 1177px;
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, #fff 100%);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(255, 255, 255, 0)),
to(#fff)
);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
width: 100vw;
height: 142px;
z-index: 10;
}
.reviews_inner {
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 1312px;
}
.reviews_title {
font-size: 40px;
font-weight: 700;
width: 1050px;
}
.reviews_subtitle {
font-size: 16px;
font-weight: 600;
margin-top: 10px;
}
.reviews_slides {
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 9px;
margin-top: 20px;
}
.reviews_slide,
.reviews_slider_header {
display: -webkit-box;
display: -ms-flexbox;
}
.reviews_slide {
background: var(--white);
border: 2px solid var(--gray);
width: 394px;
height: 411px;
border-radius: 20px;
padding: 20px;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.reviews_logo,
.reviews_slider_header {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.reviews_slider_header {
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reviews_icons,
.reviews_logo {
-ms-flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.reviews_rank {
font-size: 12px;
font-weight: 500;
}
.reviews_logo {
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.reviews_slider_body {
margin-top: 20px;
line-height: 22px;
max-height: 247px;
overflow: hidden;
}
.reviews_ranking {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 5px;
}
.btn_reviews,
.reviews_icon {
display: -webkit-box;
display: -ms-flexbox;
}
.reviews_icon,
.reviews_icons {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.reviews_icons {
-ms-flex-direction: row;
flex-direction: row;
}
.reviews_icon {
width: 62px;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.reviews_icon:first-child {
width: 51px;
}
.process_slide_image,
.reviews_icon:last-child {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.reviews_slider_footer {
margin-top: auto;
}
.btn_reviews {
position: absolute;
bottom: 40px;
width: 383px;
height: 64px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
font-size: 18px;
font-weight: 700;
text-decoration: none;
z-index: 16;
}
.video_cases,
.video_inner {
display: -webkit-box;
display: -ms-flexbox;
}
.garant_points,
.video_inner {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
}
.video {
height: 975px;
padding: 100px 0 50px;
}
.video_inner {
display: flex;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.garant_point,
.video_cases {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.video_title {
font-size: 40px;
width: 839px;
}
.video_subtitle {
font-size: 16px;
margin-top: 10px;
}
.video_cases {
display: flex;
-ms-flex-direction: row;
flex-direction: row;
gap: 20px;
margin-top: 20px;
width: 100%;
}
.video_banner,
.video_mark {
font-size: 32px;
display: -webkit-box;
display: -ms-flexbox;
}
.btn_video {
width: 383px;
height: 62px;
}
.video_case {
height: 574px;
width: 384px;
background-image: url("/assets/images/image\ 1097\(1\).png");
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal;
border: 2px solid var(--gray);
border-radius: 40px;
}
.video_banner,
.video_play {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: var(--red);
}
.video_case:first-child {
background-image: url("/assets/images/image\ 1097.png");
}
.video_case:last-child {
background-image: url("/assets/images/image\ 1097\(3\).png");
}
.video_case .video_photo {
margin-top: -39px;
}
.video_case:first-child .video_photo {
margin-top: 6px;
}
.video_case:last-child .video_photo {
margin-top: 19px;
}
.video_banner {
width: 100%;
height: 40px;
color: var(--white);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.video_mark {
color: var(--red);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10px;
}
.video_case:nth-child(2) .video_mark {
width: 242px;
margin: auto;
}
.video_play {
width: 160px;
height: 160px;
border-radius: 50%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 40px auto auto;
}
.popup,
.popup video {
height: 100%;
}
#video-frame,
.overlay {
width: 100%;
height: 100%;
}
.overlay {
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
display: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 9999;
}
.garant_point_text,
.garant_points {
display: -webkit-box;
display: -ms-flexbox;
}
.close-btn {
position: absolute;
top: 10px;
right: 10px;
width: 60px;
height: 60px;
background: var(--gray-light);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
border: 0;
}
#video-frame {
border: none;
}
.garant {
height: 832px;
background-image: -o-linear-gradient(
top,
#fff 0,
rgba(255, 255, 255, 0) 36%,
#fff 100%
),
url("/assets/images/bgshape5.png");
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(36%, rgba(255, 255, 255, 0)),
to(#fff)
),
url("/assets/images/bgshape5.png");
background-image: linear-gradient(
180deg,
#fff 0,
rgba(255, 255, 255, 0) 36%,
#fff 100%
),
url("/assets/images/bgshape5.png");
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal;
padding-top: 100px;
}
.garant_inner {
height: 621px;
border-radius: 20px;
position: relative;
padding: 20px 40px;
}
.wrapper_image_garant img {
position: absolute;
top: -25px;
left: 543px;
}
.garant_title {
font-size: 40px;
width: 598px;
}
.garant_point {
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.garant_points {
display: flex;
-webkit-box-direction: normal;
flex-direction: column;
margin-top: 20px;
gap: 20px;
}
.cause_inner,
.garant_point_text {
-ms-flex-direction: column;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
}
.garant_point_about {
font-size: 16px;
line-height: 24px;
width: 466px;
}
.point_number {
font-size: 42px;
line-height: 54px;
width: 65px;
}
.cause_case_title,
.form_name,
.form_point,
.form_subname,
.form_subtitle,
.form_title,
.qa_title {
line-height: 100%;
}
.garant_point_text {
display: flex;
flex-direction: column;
gap: 5px;
}
.cause {
height: 998px;
}
.cause_inner {
padding: 100px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wrapper_image_cause img:first-child {
position: absolute;
left: 0;
top: 100px;
z-index: -1;
}
.wrapper_image_cause img:last-child {
position: absolute;
right: 0;
top: 100px;
z-index: -1;
}
.cause_cases {
width: 100%;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
gap: 20px;
margin-top: 20px;
}
.accordion_text,
.cause_case {
display: -webkit-box;
display: -ms-flexbox;
}
.cause_case {
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
background-color: var(--gray-light);
border-radius: 20px;
-webkit-box-shadow: 0 4px 4px rgba(255, 0, 0, 0.5);
box-shadow: 0 4px 4px rgba(255, 0, 0, 0.5);
height: auto;
padding: 20px;
}
.accordion,
.accordion_text {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.cause_case_text {
z-index: 1;
}
.cause_case_subtitle {
font-size: 18px;
line-height: 100%;
max-width: 350px;
margin-top: 10px;
}
.cause_case_title {
font-size: 26px;
color: var(--red);
}
.cause_case_image {
position: absolute;
bottom: 0;
right: 0;
z-index: 0;
width: 100%;
}
.cause_case_image img {
position: absolute;
right: 0;
bottom: 0;
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.qa {
min-height: 1000px;
}
.qa_inner {
margin-top: 100px;
}
.main_form{
    display: flex !important;
    flex-direction: column;
    max-width: max-content;
    align-items: center;
}
.wrapper_image_qa img {
position: absolute;
right: 0;
bottom: 0;
}
.bgshape2 {
display: block;
}
.qa_title {
font-size: 40px;
width: 700px;
}
.accordion.active .accordion_icon img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.accordion_text {
display: flex;
-ms-flex-direction: row;
flex-direction: row;
width: 703px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: center;
}
.accordion,
.btn_form {
display: -webkit-box;
display: -ms-flexbox;
}
.accorion_wrapper,
.btn_process {
margin-top: 20px;
}
.accordion {
background: 0 0;
width: 900px;
border: none;
border-top: 2px solid var(--black);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0;
}
#form1,#form2,
.form_points {
-webkit-box-orient: vertical;
}
#form1,#form2,
.calculator_body,
.form_points,
.process_inner,
.result {
-ms-flex-direction: column;
}
.accordion_number {
color: var(--red);
font-size: 42px;
}
.accordion_title {
font-size: 20px;
width: 387px;
text-align: left;
}
.benefit_subtitle,
.benefit_title,
.form_subname,
.result_title,
.tab_title {
text-align: center;
}
.panel {
width: 900px;
background-color: #fff;
max-height: 0;
overflow: hidden;
margin-top: 5px;
-webkit-transition: max-height 0.2s ease-out;
-o-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
font-size: 16px;
padding-left: 326px;
padding-right: 96px;
}
.form {
height: 745px;
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0) 52.5%, #000 77.5%),
url("/assets/images/bg3.png");
background-image: -webkit-gradient(
linear,
right top,
left top,
color-stop(52.5%, rgba(0, 0, 0, 0)),
color-stop(77.5%, #000)
),
url("/assets/images/bg3.png");
background-image: linear-gradient(270deg, rgba(0, 0, 0, 0) 52.5%, #000 77.5%),
url("/assets/images/bg3.png");
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal;
color: var(--white);
}
.form_inner {
padding-top: 45px;
}
.wrapper_image_form img {
position: absolute;
top: 44px;
left: 834px;
}
.form_subtitle {
font-size: 22px;
margin-top: 10px;
}
.form_points {
-webkit-box-direction: normal;
flex-direction: column;
margin-top: 30px;
gap: 20px;
}
.form_point,
.inputs {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.form_point {
font-size: 18px;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-family: Gilroy;
}
#form1,#form2,
.process_inner {
-ms-flex-direction: column;
}
.form_point span {
max-width: 407px;
}
.form_point:first-child span {
max-width: 554px;
}
.form_point:nth-child(2) span {
max-width: 367px;
}
#form1,#form2 {
width: 600px;
height: 338px;
border-radius: 20px;
-webkit-box-direction: normal;
flex-direction: column;
padding: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form_name {
font-size: 28px;
}
.form_subname {
font-size: 18px;
width: 384px;
margin-top: 10px;
}
.inputs {
margin-top: 10px;
flex-direction: row;
gap: 20px;
}
.inputs input {
width: 270px;
height: 62px;
}
.checkbox {
margin-top: 20px;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.checkbox_text {
width: 469px;
font-size: 12px;
}
.btn_form {
height: 62px;
display: flex;
width: 100%;
margin-top: 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.form_image_block,
.process_inner {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.form_image_block {
width: 455px;
height: 65px;
border-radius: 20px;
background: var(--black);
position: absolute;
z-index: 100;
top: 587px;
left: 865px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
}
.form_image_block span:first-child {
font-size: 24px;
color: var(--red);
}
.form_image_block span:last-child {
font-size: 18px;
color: var(--gray);
}
.car_list,
.process {
border-radius: 40px;
}
.process_slide_contact_town span,
.process_slide_link {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
color: var(--red);
}
.process {
background: var(--gray-light);
height: 2380px;
margin-top: 100px;
}
.process_inner {
display: flex;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.process_slide,
.process_slides {
display: -webkit-box;
display: -ms-flexbox;
}
.process_title {
margin-top: 50px;
font-size: 40px;
line-height: 49px;
}
.wrapper_image_process img {
position: absolute;
right: 0;
top: 1224px;
}
.wrapper_image_process img:last-child {
top: 1890px;
}
.wrapper_image_process img:first-child {
top: 127px;
}
.line {
position: absolute;
}
.line1 {
top: 406px;
left: 137px;
}
.line2,
.line3,
.line4 {
left: 216px;
}
.line2 {
top: 630px;
}
.line3 {
top: 1020px;
}
.line4 {
top: 1240px;
}
.line5 {
top: 1634px;
left: 137px;
}
.line6 {
top: 1852px;
left: 216px;
}
.process_slides {
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
gap: 40px;
margin-top: 40px;
}
.process_slide {
width: 806px;
height: 267px;
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.car_list_inner,
.process_slide_text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.process_slide:nth-child(2n) {
margin-left: 394px;
}
.process_slide_text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.process_slide_number {
font-size: 42px;
color: var(--red);
font-weight: 700;
line-height: 58px;
}
.process_slide_title {
margin-top: 10px;
font-size: 20px;
font-weight: 700;
}
.process_slide_link,
.process_slide_subtitle {
margin-top: 5px;
font-size: 16px;
font-weight: 500;
}
.process_slide_subtitle {
width: 467px;
}
.process_slide_link {
line-height: 24px;
}
.process_slide_contact {
margin-top: 10px;
font-size: 16px;
line-height: 24px;
font-weight: 600;
}
.process_slide_contact_town span {
text-decoration: underline;
font-weight: 500;
margin-left: 8px;
}
.benefit_arrows_mob,
.benefit_slider_mob,
.process_slides_mob {
display: none !important;
}
.car_list_inner,
.car_list_slider_arrows {
display: -webkit-box;
display: -ms-flexbox;
}
.car_list {
height: 1091px;
background-image: -o-linear-gradient(
top,
#7e7e7e 0,
rgba(126, 126, 126, 0) 100%
),
url("/assets/images/bgshape4.png");
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #7e7e7e),
to(rgba(126, 126, 126, 0))
),
url("/assets/images/bgshape4.png");
background-image: linear-gradient(
180deg,
#7e7e7e 0,
rgba(126, 126, 126, 0) 100%
),
url("/assets/images/bgshape4.png");
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal;
overflow-y: visible;
z-index: 1000;
position: relative;
padding-top: 50px;
}
.car_list_inner {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--white);
}
.car_list_subtitle {
font-size: 24px;
font-weight: 600;
margin-top: 6px;
}
.car_list_slider {
margin-top: 40px;
position: relative;
width: 100vw;
overflow: hidden;
}
.car_list_slider .slick-track {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
gap: 40px;
}
.car_list_slider_slide {
height: 767px;
width: 592px;
border-radius: 40px;
background: var(--white);
-ms-flex-negative: 0;
flex-shrink: 0;
}
.car_list_slider_arrows,
.footer_info {
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.car_list_slider_arrows {
display: flex;
flex-direction: row;
gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.car_list_slider_button_next,
.car_list_slider_button_prev {
background: var(--black);
width: 80px;
height: 80px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer_info img {
margin-right: 4px;
}
.car_list_slide_footer {
padding: 0 20px 20px;
color: var(--black);
}
.car_slide_footer_title {
font-family: Gilroy;
font-size: 50px;
font-weight: 700;
line-height: 60px;
width: 748px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.car_slide_footer_info {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 10px 1fr;
margin-top: 10px;
gap: 10px;
width: 100%;
}
.footer_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: row;
font-size: 18px;
font-weight: 500;
max-width: 271px;
}
.footer_price_block,
.footer_price_title {
font-size: 24px;
line-height: 27px;
}
.car_slide_footer_price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.footer_price_block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px 20px;
border: 2px solid var(--black);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-weight: 500;
border-radius: 100px;
}
.btn_slider,
.map_info {
display: -webkit-box;
display: -ms-flexbox;
}
.btn_slider {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
.car_list_slide_header img {
width: 614px;
border-top-left-radius: 39px;
border-top-right-radius: 39px;
}
.map {
margin-bottom: 0;
}
.map iframe {
border: none;
width: 100%;
height: 780px;
}
.map .container {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
z-index: 10;
pointer-events: none;
}
.map_point {
position: absolute;
z-index: 50;
background: var(--black);
padding: 20px 40px;
width: 363px;
height: 223px;
border: 2px solid var(--red);
}
.map_point:first-child {
top: 162px;
border-bottom: 0;
border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 1199px) {
    .map_point:last-child {
        top: 350px;
        border-top: 0;
        border-radius: 0 0 10px 10px;
    }
    .border-radius-auto {
        border-radius:20px 20px 0px 0px;
    }
}
@media screen and (min-width: 1200px) {
    .map_point:last-child {
        top: 380px;
        border-top: 0;
        border-radius: 0 0 10px 10px;
    }
    .border-radius-auto {
        border-radius:40px 40px 0px 0px;
    }
}
.map_town {
font-size: 32px;
line-height: 100%;
}
.map_line {
height: 2px;
margin-top: 10px;
width: 100%;
background: var(--white);
}
.map_info {
margin-top: 20px;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
color: var(--gray);
font-size: 20px;
}
.call,
.footer_nav,
.gps,
.mail {
display: -webkit-box;
display: -ms-flexbox;
}
.call,
.gps,
.mail {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
}
.footer {
background-color: var(--black);
}
.footer_inner {
padding: 40px 0;
}
.footer_nav {
margin-top: 40px;
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
justify-content: space-between;
}
.nav_section,
.result .quiz_form .btn {
margin-top: 0;
}
.nav_links,
.nav_links_c,
.nav_links_mobile_ver,
.nav_section,
.nav_title h1 {
display: -webkit-box;
display: -ms-flexbox;
}
.nav_section {
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.nav_title h1 {
font-size: 24px;
line-height: 100%;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
}
.nav_contact,
.nav_links,
.nav_links_c,
.nav_links_mobile_ver {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
-webkit-box-direction: normal;
}
@media screen and (max-width: 1199px) {
    .nav_links,
    .nav_links_c,
    .nav_links_mobile_ver {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    }
}
@media screen and (min-width: 1200px) {
    .nav_links,
    .nav_links_mobile_ver {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-start;
    text-align: center;
    }
    .nav_links_c {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    text-align: center;
    }
}
.nav_contact,
.nav_section:last-child,
.nav_social {
display: -webkit-box;
display: -ms-flexbox;
}
.nav_links span,
.nav_links_c span,
.nav_links_mobile_ver span {
color: var(--gray);
font-size: 16px;
line-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.nav_section:last-child {
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.nav_contact {
display: flex;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav_social {
display: flex;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 40px;
}
.social_frame,
.social_icons {
display: -webkit-box;
display: -ms-flexbox;
}
.social_icons {
display: flex;
gap: 20px;
margin-top: 20px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.social_frame {
width: 32px;
height: 32px;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer_line {
background: var(--white-light);
height: 2px;
margin-top: 40px;
width: 100%;
}
.footer_down {
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 33px;
}
.footer_down span {
font-size: 14px;
line-height: 100%;
color: var(--white);
}
.tab {
height: 984px;
}
.wrapper_image_tab img:first-child {
position: absolute;
top: 562px;
left: 0;
}
.wrapper_image_tab img:last-child {
position: absolute;
top: 281px;
right: 0;
}
.tab_icon_slide,
.tab_slide {
display: inline-block;
}
.calculator_header,
.credit-block {
display: -webkit-box;
display: -ms-flexbox;
}
.tab-content {
position: absolute;
padding: 20px;
left: 0;
width: 100%;
z-index: 9999;
height: 617px;
}
.tab_icon_slide {
font-size: 18px;
font-weight: 700;
}
.tab_slide :checked + .tab_icon_slide {
position: relative;
background: var(--black);
z-index: 1;
color: var(--white);
border-radius: 20px 20px 0 0;
}
.tab_slide :checked ~ .tab-content {
display: block;
background: var(--black);
}
.tab_slide {
border-radius: 20px 20px 0 0;
}
.credit-block {
display: flex;
height: 100%;
}
.calculator-title {
font-size: 32px;
line-height: 40px;
font-weight: 700;
width: 386px;
}
.calculator {
background: var(--black);
color: var(--white);
width: 570px;
}
.calculator_header {
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
width: 570px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.calculator_body,
.result {
-ms-flex-direction: column;
}
.calculator_body {
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
flex-direction: column;
background: var(--white);
border-radius: 20px;
height: 465px;
padding: 20px;
color: var(--black);
}
.result .quiz_form {
margin: 20px 20px 0;
}
.result_title {
font-size: 18px;
font-weight: 600;
line-height: 24px;
margin: 15px 20px 0;
}
.rate-label {
color: var(--red);
display: inline-block;
font-weight: 700;
padding: 10px 20px;
border-radius: 100px;
background: var(--white);
font-size: 32px;
height: 60px;
}
.monthly-payment,
.range-text {
display: -webkit-box;
display: -ms-flexbox;
}
.range-label,
.small-text {
padding: 15px 20px;
background: var(--gray-light);
}
.calculator_body label {
font-size: 24px;
font-weight: 600;
line-height: 29px;
}
input[type="range"] {
width: 100%;
background: var(--black);
padding: 0 !important;
margin: 35px 0 0;
-webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
}
.range-label {
font-size: 18px;
line-height: 21px;
color: var(--black);
font-weight: 500;
width: 100%;
border-radius: 20px;
margin-top: 10px;
}
.range-text {
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: var(--gray);
font-size: 14px;
line-height: 10px;
font-weight: 600;
margin-top: 21px;
}
.monthly-payment,
.result {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
#amountRange,
#amountRange0,
#termRange,
#termRange0 {
-webkit-appearance: none;
width: 100%;
height: 7px;
background: var(--black);
border-radius: 100px;
outline: 0;
}
#amountRange0::-webkit-slider-runnable-track,
#amountRange::-webkit-slider-runnable-track,
#termRange0::-webkit-slider-runnable-track,
#termRange::-webkit-slider-runnable-track {
background: var(--black);
height: 7px;
border-radius: 100px;
}
#amountRange0::-webkit-slider-thumb,
#amountRange::-webkit-slider-thumb,
#termRange0::-webkit-slider-thumb,
#termRange::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 30px;
height: 30px;
background: var(--red);
border: 5px solid var(--black);
border-radius: 50%;
cursor: pointer;
margin-top: -11px;
}
#amountRange0::-moz-range-track,
#amountRange::-moz-range-track,
#termRange0::-moz-range-track,
#termRange::-moz-range-track {
background: var(--black);
height: 7px;
border-radius: 100px;
}
#amountRange0::-moz-range-thumb,
#amountRange::-moz-range-thumb,
#termRange0::-moz-range-thumb,
#termRange::-moz-range-thumb {
width: 30px;
height: 30px;
background: var(--red);
border: 5px solid var(--black);
border-radius: 50%;
cursor: pointer;
}
.small-text {
font-size: 18px;
font-weight: 500;
line-height: 21px;
border-radius: 20px;
color: var(--black);
margin-top: 18px;
}
.result {
width: 570px;
height: 577px;
background: var(--white);
border-radius: 20px;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0;
}
.amount,
.tab_icon_slide {
background: var(--gray-light);
}
.monthly-payment {
margin-bottom: 20px;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: var(--gray);
font-size: 16px;
line-height: 26px;
font-weight: 500;
}
.amount,
.credit-block {
display: -webkit-box;
display: -ms-flexbox;
}
.amount {
font-size: 50px;
padding: 10px 0;
width: 100%;
line-height: 61px;
font-weight: 600;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 35px;
}
.credit-block {
display: flex;
overflow: hidden;
gap: 20px;
}
.tab_title {
font-size: 40px;
color: var(--black);
line-height: 49px;
font-weight: 700;
border-radius: 20px 20px 0 0;
}
.tab_inner {
padding-top: 100px;
}
.tabs {
margin-top: 40px;
gap: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.tab-content,
.tab_slide {
-webkit-box-shadow: 0 0 32.4px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 32.4px 0 rgba(0, 0, 0, 0.4);
border: none;
}
.tab_icon_slide {
padding: 20px 40px;
border: none;
border-radius: 20px 20px 0 0;
}
.tab-content {
border-radius: 0 20px 20px;
}
.calculator_title {
font-size: 32px;
font-weight: 700;
line-height: 40px;
margin-top: 20px;
}
.calculator_subtitle {
font-size: 16px;
font-weight: 500;
line-height: 20px;
width: 460px;
margin-top: 10px;
}
.calculator_form {
background: var(--white);
height: 447px;
margin-top: 20px;
color: var(--black);
padding: 20px;
}
.calculator_form .result_title {
font-size: 24px;
margin: 0;
width: 510px;
}
.calculator_form .quiz_form,
.result .quiz_form {
margin-top: 40px;
gap: 20px;
}
.benefit_inner,
.benefit_slide_content {
display: -webkit-box;
display: -ms-flexbox;
}
.benefit {
height: 800px;
background-image: -webkit-gradient(
linear,
left top,
left bottom,
from(#fff),
color-stop(68%, rgba(255, 255, 255, 0)),
to(#fff)
),
url("/assets/images/bg1.png");
background-image: -o-linear-gradient(
top,
#fff 0,
rgba(255, 255, 255, 0) 68%,
#fff 100%
),
url("/assets/images/bg1.png");
background-image: linear-gradient(
180deg,
#fff 0,
rgba(255, 255, 255, 0) 68%,
#fff 100%
),
url("/assets/images/bg1.png");
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal;
margin-top: 50px;
padding-top: 50px;
}
.benefit_inner {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.benefit_slide,
.benefit_slide_content {
-ms-flex-direction: row;
gap: 30px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
}
.benefit_title {
font-size: 40px;
font-weight: 700;
width: 757px;
}
.benefit_subtitle {
font-size: 16px;
font-weight: 600;
width: 682px;
margin-top: 5px;
}
.benefit_slider {
height: 532px !important;
margin-top: 20px;
max-width: 1200px;
}
.benefit_slide {
height: 532px;
width: 1200px;
background: var(--white);
border-radius: 40px;
padding: 20px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
flex-direction: row;
}
.benefit_slide_content {
display: flex;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.benefit_slide_title {
font-size: 32px;
font-weight: 600;
line-height: 39px;
}
.benefit_slide_info {
background: var(--gray-light);
border-radius: 10px;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 16px;
font-weight: 500;
line-height: 20px;
padding: 10px 20px;
gap: 20px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.benefit_slide_info_line {
background: var(--gray);
height: 20px;
width: 1px;
}
.benefit_slide_info_textarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 413px;
}
.benefit_slide_right,
.coast_benefit,
.coast_in_koree,
.coast_in_rf {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.benefit_slide_info_textarea_title {
font-size: 18px;
font-weight: 700;
line-height: 20px;
margin-top: 20px;
}
.benefit_slide_info_textarea_text {
font-weight: 500;
font-size: 16px;
line-height: 22px;
margin-top: 5px;
width: 442px;
}
.btn_benefit {
width: 348px;
height: 62px;
margin-top: 35px;
}
.benefit_slide_right {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 20px;
}
.benefit_slide_date {
text-align: end;
}
.benefit_slide_date_number {
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-top: 5px;
}
.benefit_slide_date_title {
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.benefit_slide_date_title:last-child {
margin-top: 10px;
}
.coast_benefit,
.coast_in_koree,
.coast_in_rf {
background: var(--gray-light);
padding: 5px 20px;
border-radius: 20px;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 5px;
}
.coast_text {
font-size: 28px;
font-weight: 700;
line-height: 34px;
}
.coast_title {
font-size: 13px;
font-weight: 700;
line-height: 20px;
}
.coast_in_koree {
color: var(--black);
margin-top: 120px;
}
.coast_in_rf {
color: var(--gray);
margin-top: 10px;
}
.coast_benefit {
color: var(--red);
margin-top: 20px;
}
.benefit_arrow_next,
.benefit_arrow_prev {
width: 80px;
height: 80px;
background: var(--red);
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
}
.benefit_arrow_next {
right: -5%;
top: 50%;
z-index: 999;
}
.benefit_arrow_prev {
rotate: 180deg;
left: -5%;
top: 50%;
z-index: 999;
}
.benefit_arrows {
position: absolute;
width: 100%;
height: 723px;
}
@media screen and (max-width: 1199px) {
.about_personal_slide,
.quiz_container {
-webkit-box-shadow: 0 0 8.3px 0 rgba(0, 0, 0, 0.4);
}
.about_cases,
.about_inner,
.cause_cases,
.footer_inner,
.footer_nav,
.form_inner,
.inputs,
.nav_section1,
.quiz-nav,
.quiz-options-inputs,
.quiz_container,
.quiz_manager,
.quiz_manager_text,
.quiz_point,
.request,
.reviews_slide {
-webkit-box-orient: vertical;
}
.about,
.request_image_mob {
background-repeat: no-repeat;
background-size: contain;
background-blend-mode: normal;
background-position: center;
}
.cause_title,
.intro_title_mobile,
.title {
font-size: 15px;
font-weight: 900;
}
.about_arrows,
.benefit_arrows,
.benefit_slider,
.benefit_subtitle,
.bgshape2,
.cause_case_image img,
.checkbox,
.intro_cases,
.intro_title,
.nav,
.nav_section .nav_social .nav_title,
.nav_section:first-child .nav_links,
.nav_section:first-child .nav_links_c,
.nav_section:nth-child(4),
.process_slide_number,
.process_slides,
.quiz_check_title,
.request_image img,
.reviews_shape,
.reviews_subtitle,
.reviews_title,
.tab_image_calculate,
.tab_slide input[type="radio"],
.video_banner,
.video_mark,
.video_photo,
.wrapper_image_cause img,
.wrapper_image_process,
.wrapper_image_process_inner,
.wrapper_image_tab,
.wrapper_inner_image_quiz {
display: none;
}
.home {
padding-bottom: 0;
height: auto;
}
.intro {
padding: 20px 0;
}
.intro_title_mobile {
display: block;
color: var(--white);
}
.intro_cases_mobile {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 23px 1fr;
grid-template-columns: repeat(2, 1fr);
gap: 23px;
max-width: 268px;
margin-top: 10px;
}
.about_text,
.process_slide_text {
max-width: 280px;
}
.intro_cases_mobile .case_icon {
width: 42px;
height: 42px;
}
.intro_cases_mobile .case_text .case_title {
font-size: 14px;
}
.intro_cases_mobile .case_text .case_subtitle {
font-size: 10px;
line-height: 100%;
max-width: 77px;
}
.car_slide_footer_info,
.intro_case {
gap: 4px;
}
.intro_btn {
margin-top: 155px;
font-size: 12px;
height: 35px;
width: 100%;
padding: 0;
}
.image_wrapper img:first-child {
width: 249px;
top: 210px;
left: -23px;
}
.image_wrapper img:nth-child(2) {
width: 230px;
top: 245px;
left: 66px;
}
.request {
height: 444px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding: 0;
margin-top: 40px;
border-radius: 20px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.btn_form_quiz,
.cause_cases,
.nav_links_mobile_ver,
.nav_section1,
.quiz-options-inputs,
.request_form #form1 .checkbox,
.request_image_mob,
.tab_inner,
.tab_slide :checked ~ .tab-content,
.tabs,
.video_cases .slick-dots {
display: -webkit-box;
display: -ms-flexbox;
}
.about_cases,
.about_inner,
.accordion_text,
.cause_cases,
.footer_inner,
.footer_nav,
.form_inner,
.inputs,
.nav_section1,
.process_slide_contact,
.process_slides_mob .process_slide,
.quiz-nav,
.quiz-options-inputs,
.quiz_container,
.quiz_form .checkbox,
.quiz_manager,
.quiz_manager_text,
.quiz_point,
.reviews_slide,
.reviews_slides {
-webkit-box-direction: normal;
-webkit-box-direction: normal;
}
.request_image_mob {
display: flex;
height: 171px;
background-image: url("/assets/images/Frame\ 145657\(1\).png");
border-top-right-radius: 16px;
border-top-left-radius: 13px;
}
.popup video,
.process_slides_mob,
.request_image_mob img {
width: 100vw;
}
.request_form_name {
font-size: 15px;
font-weight: 900;
margin-top: 20px;
}
.quiz-step:nth-child(5) .quiz-question,
.request_form #form1 .form_subname {
font-weight: 700;
}
.benefit_arrows_mob,
.benefit_slider_mob,
.nav_links_mobile_ver,
.request_form #form1 .checkbox,
.tab_slide:checked + .tab-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex !important;
}
.benefit_arrow_prev_mob ,.benefit_arrow_next_mob {
    width: 48px;
    height: 48px;
    border:2px solid var(--red);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.benefit_arrow_prev_mob{
    rotate: 180deg;
}
.request_checbox_text {
font-size: 12px;
width: 254px;
}
.benefit_arrows_mob{
    gap:20px;
}
.request_checbox {
min-width: 16px !important;
height: 16px !important;
}
input[type="checkbox"]:checked::after {
left: 4px;
top: 1px;
width: 4px;
height: 8px;
}
.quiz {
height: auto;
margin-top: 40px;
}
.quiz_title {
font-size: 15px;
font-weight: 900;
width: 280px;
line-height: 17px;
}
.quiz .container {
max-width: 100vw;
}
.quiz_container {
margin-top: 20px;
height: auto;
-ms-flex-direction: column;
flex-direction: column;
width: 100vw;
box-shadow: 0 0 8.3px 0 rgba(0, 0, 0, 0.4);
}
.quiz_left {
border-bottom-left-radius: 0;
border-top-right-radius: 40px;
width: 100vw;
padding: 14px 0 20px;
}
.quiz_bottom {
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
background: var(--black);
border-bottom-left-radius: 0;
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
width: 100vw;
padding: 14px 0 20px;
}
.quiz_manager {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
}
.quiz-nav,
.quiz_manager_text,
.quiz_point {
-ms-flex-direction: column;
-ms-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.quiz_manager img {
width: 68px;
}
.quiz_manager_text,
.quiz_point {
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0;
}
.quiz_manager_title {
font-size: 20px;
font-weight: 700;
}
.quiz_manager_subtitle {
font-size: 12px;
font-weight: 500;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.about_title,
.quiz-question,
.quiz-question span {
font-weight: 900;
}
.quiz_point_text {
font-size: 12px;
width: 235px;
text-align: center;
}
.quiz_line {
margin: 25px auto;
width: 80%;
}
.btn_slider,
.car_slide_footer_price,
.footer_down,
.nav_social,
.progress-bar,
.quiz-buttons,
.quiz-question {
margin-top: 25px;
}
.calculator_body label:nth-child(5),
.footer_line,
.form_points,
.quiz_check:last-child {
margin-top: 20px;
}
.check_text,
.process_slide_contact_town {
font-size: 12px;
line-height: 15px;
}
.check_text:first-child {
width: 179px;
}
.quiz_check {
padding: 29px 20px;
}
.wrapper_image_check img {
bottom: -29px;
}
.quiz_right {
padding: 20px;
}
.footer_price,
.form_image_block span:first-child,
.form_name,
.map_town,
.quiz-progress {
font-size: 16px;
}
.progress-bar {
height: 20px;
padding: 2px;
}
.quiz-question {
font-size: 15px;
line-height: 18px;
width: 265px;
}
.quiz-nav {
flex-direction: column;
}
.benefit_block,
.benefit_coast > div,
.quiz-step {
margin-bottom: 10px;
}
.about_title,
.quiz_form input[type="text"] {
margin-bottom: 5px;
}
.btn_quiz {
width: 135px;
height: 35px;
padding: 0;
}
.quiz-options .option {
width: 130px;
}
.quiz-options {
gap: 20px 10px;
}
.quiz-options-inputs {
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin-top: 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 0;
width: 100%;
gap: 40px 0;
}
.btn_form_quiz {
display: flex;
width: 100% !important;
margin-top: 5px !important;
}
.quiz_form input {
height: 48px;
}
.quiz_form .checkbox {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
gap: 0;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: start !important;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
gap: 10px;
}
.quiz_form .checbox {
height: 24px;
}
.quiz_form input[type="checkbox"]:checked::after {
left: 7px;
top: 1px;
width: 6px;
height: 13px;
}
.about {
background-image: -o-linear-gradient(
top,
#fff 0,
rgba(255, 255, 255, 0) 68%,
#fff 100%
),
url("/assets/images/SMB03407\ \(1\)\ 1\(1\).png");
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(68%, rgba(255, 255, 255, 0)),
to(#fff)
),
url("/assets/images/SMB03407\ \(1\)\ 1\(1\).png");
background-image: linear-gradient(
180deg,
#fff 0,
rgba(255, 255, 255, 0) 68%,
#fff 100%
),
url("/assets/images/SMB03407\ \(1\)\ 1\(1\).png");
background-position: top, bottom;
height: 855px;
margin-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.about_personal_slide,
.btn_form_mob,
.calculator_form .quiz_form .checkbox,
.process_slide,
.reviews_slide,
.reviews_slides,
.slick-track,
.video_case {
display: -webkit-box !important;
display: -ms-flexbox !important;
}
.about_text {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5px;
}
.about_title {
font-size: 15px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.about_subtitle {
font-size: 12px;
width: 100%;
text-align: center;
}
.about_cases {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin-top: 10px;
gap: 10px;
width: auto;
}
.about_inner img {
width: 299px;
bottom: 0;
right: inherit;
position: absolute;
}
.about_inner {
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.about_case_title {
font-size: 32px;
font-weight: 700;
}
.about_case,
.accordion,
.calculator_header,
.panel,
.qa_title {
width: 280px;
}
.about_case_subtitle {
font-size: 12px;
font-weight: 700;
line-height: 100%;
width: 100%;
}
.about_personal_slide,
.about_slider {
width: 100vw !important;
height: 111px !important;
}
.about_slider .slick-list {
padding: 0 !important;
}
.about_slider {
-webkit-box-shadow: none;
box-shadow: none;
background: 0 0;
top: 744px !important;
}
.about_personal_slide {
box-shadow: 0 0 8.3px 0 rgba(0, 0, 0, 0.4);
background: var(--white);
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 20px;
}
.about_slide_info {
font-size: 12px;
font-weight: 500;
}
.about_slide_image img {
width: 70px;
position: relative;
top: 0 !important;
}
.about_slider .slick-dots {
bottom: 55px;
}
.about_inner img {
top: 489px;
}
.about_inner .form_image_block {
top: 633px;
right: inherit;
width: 280px;
height: 60px;
border-radius: 10px;
font-size: 16px;
font-weight: 700;
}
.about_inner .form_image_block span:last-child {
width: 200px;
line-height: 100%;
text-align: center;
}
.reviews {
height: 466px;
background-image: -o-linear-gradient(
top,
#fff 0,
rgba(255, 255, 255, 0) 53.15%,
#fff 100%
),
url("/assets/images/image\ 1081\(1\).png");
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(53.15%, rgba(255, 255, 255, 0)),
to(#fff)
),
url("/assets/images/image\ 1081\(1\).png");
background-image: linear-gradient(
180deg,
#fff 0,
rgba(255, 255, 255, 0) 53.15%,
#fff 100%
),
url("/assets/images/image\ 1081\(1\).png");
background-repeat: no-repeat;
background-position: center;
margin-top: 40px;
padding: 0;
}
.reviews_title_mob {
font-size: 15px;
font-weight: 900;
width: 100%;
display: block;
text-align: center;
}
.car_list_title span,
.reviews_title_mob span {
color: var(--red);
}
.reviews_slides {
display: flex !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
gap: 9px;
width: 100vw;
}
.reviews_slides .slick-track {
max-width: -webkit-max-content !important;
max-width: -moz-max-content !important;
max-width: max-content !important;
}
.reviews_slide {
width: 280px !important;
height: 318px !important;
display: flex !important;
-ms-flex-direction: column;
flex-direction: column;
}
.reviews_slider_body {
font-size: 12px;
line-height: 100%;
}
.reviews_logo_title {
width: 71px;
}
.btn_reviews {
position: relative;
bottom: inherit;
margin-top: 25px;
height: 35px;
width: 280px;
font-size: 12px;
}
.reviews_slides .slick-dots {
bottom: -10px;
}
.video_title {
font-size: 15px;
width: 95%;
}
.btn_video,
.calculator_body label,
.video_subtitle {
font-size: 12px;
font-weight: 700;
}
.video {
margin-top: 40px;
height: 570px;
padding: 0;
}
.video_subtitle {
text-align: center;
margin-top: 5px;
}
.video_case {
width: 280px;
height: 420px !important;
border: none;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
margin: 0 5px;
background-image: url("/assets/images/image\(6\).png");
}
.car_list_slide_header img,
.form_image_block {
border-radius: 20px 20px 0 0;
}
.video_play {
width: 120px;
height: 120px;
margin: 0;
}
.video_cases {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
margin-top: 10px;
width: 100vw !important;
gap: 10px !important;
}
.video_play img {
width: 50px;
}
.video_case:first-child {
background-image: url("/assets/images/123.png");
}
.video_case {
background-image: url("/assets/images/image10977.png");
}
.video_case:last-child {
background-image: url("/assets/images/1234.png");
}
.btn_video {
margin-top: 34px;
height: 35px;
width: 280px;
padding: 0;
}
.video_cases .slick-dots {
bottom: -15px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.garant {
height: 839px;
margin-top: 20px;
background-image: -o-linear-gradient(
top,
#fff 0,
rgba(255, 255, 255, 0) 36%,
#fff 100%
),
url("/assets/images/bgshape5_mob.png");
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(36%, rgba(255, 255, 255, 0)),
to(#fff)
),
url("/assets/images/bgshape5_mob.png");
background-image: linear-gradient(
180deg,
#fff 0,
rgba(255, 255, 255, 0) 36%,
#fff 100%
),
url("/assets/images/bgshape5_mob.png");
padding-top: 20px;
}
.garant_inner {
height: 793px;
padding: 20px;
-webkit-box-shadow: 0 0 8.3px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 8.3px 0 rgba(0, 0, 0, 0.4);
}
.wrapper_image_garant img {
width: 347px;
top: 510px;
left: -33px;
}
.garant_title {
font-weight: 900;
font-size: 15px;
width: 240px;
text-align: center;
}
.garant_points {
margin-top: 10px;
gap: 10px;
}
.point_number {
font-size: 32px;
width: 49px;
}
.garant_point_title {
font-size: 12px;
width: 191px;
margin-top: 16px;
}
.garant_point_about {
font-size: 12px;
line-height: 100%;
width: 240px;
margin-top: 3px;
margin-left: -49px;
}
.garant_point_text {
gap: 0;
}
.car_list_slider,
.garant_point:nth-child(2) .garant_point_about {
margin-top: 5px;
}
.garant_point:nth-child(2) .garant_point_title {
width: 148px;
}
.cause {
height: 1680px;
background-image: -o-linear-gradient(
top,
#fff 0,
rgba(255, 255, 255, 0) 53%,
#fff 100%
),
url("/assets/images/Group\ 145634.png");
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #fff),
color-stop(53%, rgba(255, 255, 255, 0)),
to(#fff)
),
url("/assets/images/Group\ 145634.png");
background-image: linear-gradient(
180deg,
#fff 0,
rgba(255, 255, 255, 0) 53%,
#fff 100%
),
url("/assets/images/Group\ 145634.png");
background-repeat: repeat-y;
background-size: contain;
margin-top: 40px;
}
.cause_inner {
padding: 0;
}
.cause_cases {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
margin-top: 10px;
}
.cause_case_subtitle,
.cause_case_title {
font-size: 12px;
text-align: center;
}
.cause_case {
height: 192px;
padding: 20px 0 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.accordion_text,
.form_inner {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
}
.cause_case_subtitle {
font-weight: 500;
width: 240px;
margin-top: 5px;
}
.cause_case:first-child .cause_case_image {
background: url("../images/image\ 1086\(3\).png") right/contain no-repeat;
}
.cause_case:nth-child(2) .cause_case_image {
background: url("../images/image 127(2).png") right/contain no-repeat;
}
.cause_case:nth-child(3) .cause_case_image {
background: url("../images/Group 145642.png") center/contain no-repeat;
}
.cause_case:nth-child(4) .cause_case_image {
background: url("../images/Group 145578.png") center/contain no-repeat;
}
.cause_case:nth-child(5) .cause_case_image {
background: url("../images/Group 145578(1).png") center/contain no-repeat;
}
.cause_case:nth-child(6) .cause_case_image {
background: url("../images/Parking-PNG-Photos 1.png") center/contain no-repeat;
}
.cause_case:nth-child(7) .cause_case_image {
background: url("../images/Group 145643.png") center/contain no-repeat;
}
.cause_case:nth-child(8) .cause_case_image {
background: url("../images/Parking-PNG-Photos\ 1\(1\).png") center/contain
no-repeat;
}
.cause_case_image {
position: relative;
height: 100%;
}
.bgshape2mob,
.tab_icon_slide svg,
.tab_slide,
.tab_slide input[type="radio"]:checked + label + .tab-content {
display: block;
}
.wrapper_image_qa img {
bottom: 73px;
}
.qa {
min-height: 900px;
}
.car_list,
.qa_inner,
.tab {
margin-top: 40px;
}
.qa_title {
font-size: 15px;
font-weight: 900;
text-align: center;
}
.accordion_text {
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.accordion_number {
font-size: 24px;
}
.accordion_title {
font-size: 15px;
width: 280px;
}
.accordion_icon {
margin-top: -40px;
}
.accordion:first-child .accordion_icon {
margin-top: -40px !important;
}
.accordion:nth-child(7) .accordion_icon {
margin-top: -20px !important;
}
.accordion_icon img {
width: 16px;
margin-left: -20px;
}
.panel {
background: 0 0;
font-size: 12px;
margin: 0;
padding: 0;
}
.form {
height: 929px;
background-image: -o-linear-gradient(
top,
#000 0,
#000 51%,
transparent 51%,
transparent 100%
),
url("/assets/images/bgshape2.png");
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #000),
color-stop(51%, #000),
color-stop(51%, transparent),
to(transparent)
),
url("/assets/images/bgshape2.png");
background-image: linear-gradient(
to bottom,
#000 0,
#000 51%,
transparent 51%,
transparent 100%
),
url("/assets/images/bgshape2.png");
background-repeat: no-repeat;
background-size: 100% 100%, 100% 50%;
background-position: top, bottom;
}
.form_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 20px;
}
.inputs,
.process_slides_mob .process_slide {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.form_title {
font-size: 15px;
width: 158px;
font-weight: 900;
}
.form_point span,
.form_subtitle,
.form_subtitle span {
font-weight: 500;
}
.form_subtitle {
font-size: 15px;
text-align: center;
margin-top: 5px;
}
.form_point span {
font-size: 12px;
}
.form_point img {
width: 28px;
}
.form_point:nth-child(2) span {
max-width: 213px;
}
#form1,#form2 {
width: 280px;
height: 220px;
}
.form_subname {
font-size: 12px;
width: 255px;
margin-top: 5px;
}
.inputs {
flex-direction: column;
gap: 5px;
}
.wrapper_image_form img {
width: 320px;
left: -163px;
top: 520px;
}
.form_image_block {
width: 320px;
height: 56px;
left: -160px;
top: 853px;
}
.btn_form_mob,
.inputs input {
height: 35px;
width: 260px;
padding: 10px 0;
font-size: 12px;
}
.form_image_block span:last-child {
font-size: 12px;
font-weight: 500;
line-height: 26px;
}
.benefit_slider,
.btn_form {
display: none !important;
}
.btn_form_mob {
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 10px;
}
.inputs input::-webkit-input-placeholder {
font-size: 12px;
}
.inputs input::-moz-placeholder {
font-size: 12px;
}
.inputs input:-ms-input-placeholder {
font-size: 12px;
}
.inputs input::-ms-input-placeholder {
font-size: 12px;
}
.inputs input::placeholder {
font-size: 12px;
}
.process {
height: 446px;
margin-top: 110px;
background: var(--white);
}
.process_slides_mob {
margin-top: 10px;
overflow: hidden;
display: block !important;
}
.process_title {
padding: 15px;
font-size: 15px;
font-weight: 900;
line-height: 100%;
text-align: center;
width: 215px;
margin: 0;
}
.slick-dotted.slick-slider {
margin: 0 !important;
}
.process_slide,
.process_slides_mob,
.slick-slide {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.process_slides_mob .slick-dots {
top: 5px !important;
height: -webkit-max-content !important;
height: -moz-max-content !important;
height: max-content !important;
}
.process_slide {
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slick-track {
display: flex !important;
}
.process_slide_contact,
.process_slides_mob .process_slide {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
}
.btn_process {
font-size: 12px;
font-weight: 700;
margin-top: 10px;
padding: 10px 35px;
}
.process_slides_mob .process_slide {
width: 100vw;
height: 355px;
background: var(--white-light);
border-radius: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 0 0;
}
.nav_section:first-child,
.nav_section:last-child,
.nav_section:nth-child(3),
.process_slide:nth-child(2n),
.social_icons {
margin: 0;
}
.process_slide_title {
font-size: 15px;
margin: 0;
}
.process_slide_subtitle {
max-width: 280px;
font-size: 12px;
}
.map_info,
.process_slide_link,
.range-text {
font-size: 12px;
}
.process_slide_contact {
margin-top: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
gap: 10px;
}
.footer_inner,
.nav_section1 {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.slick-dots li,
.slick-dots li button {
width: 8px !important;
height: 8px !important;
}
.slick-dots li.slick-active button::before {
color: var(--red) !important;
opacity: 1 !important;
}
.slick-dots li button::before {
color: var(--black) !important;
opacity: 1 !important;
}
.car_list,
.footer_info {
-webkit-box-align: center;
}
.car_list {
height: 546px;
padding-top: 20px;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
border-radius: 20px;
}
.car_list_title {
font-size: 15px;
font-weight: 900;
line-height: 18px;
}
.car_list_subtitle {
margin-bottom: 15px;
font-size: 15px;
font-weight: 600;
line-height: 18px;
text-align: center;
}
.car_list_slider_slide {
width: 280px !important;
height: 384px !important;
border-radius: 20px;
}
.car_list_slide_header,
.car_list_slide_header img {
width: 280px !important;
height: 180px !important;
}
.car_list_slide_footer {
padding: 0 10px 10px;
}
.car_slide_footer_title {
font-size: 20px;
font-weight: 700;
line-height: 29px;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.footer_info {
font-size: 12px;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
}
.footer_price_block {
font-size: 12px;
padding: 4px 46px;
line-height: 12px;
}
.footer_info span {
font-size: 10px;
}
.footer_info img {
width: 12px;
}
.footer_price_title {
font-size: 12px;
line-height: 13px;
font-weight: 500;
}
.btn_slider {
height: 34px;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
font-weight: 700;
}
.car_list_slider_arrows {
gap: 20px;
margin-top: 10px;
}
.car_list_slider_button_next,
.car_list_slider_button_prev {
width: 48px;
height: 48px;
}
.car_list_slider_button_next img,
.car_list_slider_button_prev img {
width: 14px;
}
.car_list_slider .slick-track {
gap: 5px;
-webkit-box-pack: center;
-ms-flex-pack: center;
/* justify-content: center; */
}
.map iframe {
height: 326px;
}
.map {
margin-bottom: 328px;
}
.map_point {
width: 280px;
height: 196px;
padding: 20px;
}
.map_line {
width: 180px;
}
.footer_inner {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 20px;
}
.footer_logo img {
width: 140px;
}
.footer_nav {
-ms-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px;
gap: 30px;
}
.nav_section {
margin-top: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.nav_links,
.nav_links_c,
.nav_links_mobile_ver {
gap: 5px;
margin-top: 10px;
}
.nav_links span,
.nav_links_c span,
.nav_links_mobile_ver span {
font-size: 12px;
line-height: 17px;
}
.nav_section1 {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 1199px) {
    .nav_section1 .nav_title {
    display: flex;
    justify-content: center;
    }
}
.nav_contact,
.nav_section:nth-child(5) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer_down span {
font-size: 8px;
}
.tab {
height: auto;
}
.tab_icon_slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.benefit_coast_contri,
.benefit_coast_contrie,
.calculator,
.credit-block,
.tab_inner,
.tabs {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
.tab_inner {
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.tab_title {
margin-bottom: 15px;
font-size: 15px;
font-weight: 900;
line-height: 18px;
width: 247px;
}
.tabs {
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 0;
width: 100vw;
margin-top: 10px;
}
.tab-content,
.tab_slide {
-webkit-box-shadow: none;
box-shadow: none;
}
.tab_slide {
width: 100%;
}
.tab_icon_slide {
gap: 4px;
border-radius: 0;
border: 1px solid #000;
border-left: 0;
border-right: 0;
border-top: 0;
padding: 10px 0;
}
.tab_icon_slide:nth-child(2) {
border-top: 1px solid var(--black);
}
.tab-title {
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
.tab_slide :checked + .tab_icon_slide img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.tab_slide :checked ~ .tab-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.calculator_subtitle {
font-size: 12px;
font-weight: 700;
line-height: 15px;
width: 223px;
text-align: center;
}
.tab_slide :checked + .tab_icon_slide {
position: relative;
background: var(--black);
z-index: 1;
color: var(--white);
border-radius: 20px 20px 0 0;
}
.calculator_body {
margin-top: 20px;
width: 280px;
padding: 20px 10px;
height: auto;
}
.range-label,
.small-text {
height: 35px;
font-size: 12px;
padding: 10px;
line-height: 100%;
}
.calculator_form .result_title {
font-size: 12px;
width: 257px;
line-height: 100%;
}
#amountRange,
#amountRange0,
#termRange,
#termRange0 {
height: 4px;
margin-top: 20px;
}
#amountRange0::-webkit-slider-runnable-track,
#amountRange::-webkit-slider-runnable-track,
#termRange0::-webkit-slider-runnable-track,
#termRange::-webkit-slider-runnable-track {
background: var(--black);
height: 4px;
border-radius: 100px;
}
#amountRange0::-webkit-slider-thumb,
#amountRange::-webkit-slider-thumb,
#termRange0::-webkit-slider-thumb,
#termRange::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 20px;
height: 20px;
background: var(--red);
border: none;
border-radius: 50%;
cursor: pointer;
margin-top: -7px;
}
#amountRange0::-moz-range-track,
#amountRange::-moz-range-track,
#termRange0::-moz-range-track,
#termRange::-moz-range-track {
background: var(--black);
height: 4px;
border-radius: 100px;
}
#amountRange0::-moz-range-thumb,
#amountRange::-moz-range-thumb,
#termRange0::-moz-range-thumb,
#termRange::-moz-range-thumb {
width: 20px;
height: 20px;
background: var(--red);
border: none;
border-radius: 50%;
cursor: pointer;
}
.calculator_form .quiz_form,
.result .quiz_form {
margin-top: 10px;
gap: 5px;
}
.calculator_form .quiz_form input {
height: 35px;
padding: 10px 40px;
}
.calculator_form .quiz_form .checkbox input {
width: 24px;
height: 24px;
padding: 0;
}
.calculator_form .quiz_form .checkbox {
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.calculator_form .quiz_form .checkbox .quiz_checbox_text {
font-size: 10px;
line-height: 12px;
}
.calculator_title {
font-size: 16px;
font-weight: 700;
line-height: 100%;
}
.credit-block {
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tab-content {
width: 100%;
position: relative;
height: auto;
border-radius: 0;
}
.calculator {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.calculator_form {
padding: 20px 10px;
height: auto;
width: 280px;
}
.monthly-payment {
font-size: 12px;
margin: 0;
gap: 5px;
}
.result .quiz_form input {
font-size: 12px;
padding: 10px 0;
height: auto;
}
.quiz_checbox_text {
font-size: 10px;
line-height: 100%;
}
.result .quiz_form .checkbox {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
}
.amount {
margin-top: 10px;
font-size: 24px;
line-height: 100%;
}
.result_title {
font-size: 12px;
margin: 10px 10px 0;
line-height: 100%;
}
.tab-content:nth-child(4) {
border-radius: 0 0 20px 20px;
}
.calculator-title {
font-size: 16px;
font-weight: 700;
width: 179px;
line-height: 100%;
}
.rate-label {
text-transform: none;
font-size: 20px;
height: 40px;
line-height: 40px;
padding: 0 10px;
}
.result {
width: 280px;
height: auto;
}
.benefit {
margin-top: 0;
}
.benefit_title {
margin-bottom: 15px;
font-size: 15px;
font-weight: 900;
line-height: 18px;
width: 100%;
}
.benefit_block {
width: 100%;
background: var(--white);
-webkit-box-shadow: 0 0 8.3px 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 0 8.3px 0 rgba(0, 0, 0, 0.4);
border-radius: 20px;
}
.benefit_slider_mob {
width: 100vw !important;
margin-top: 10px;
}
.benefit_image img {
width: 100%;
display: block;
border-radius: 20px 20px 0 0;
}
.benefit_content_top {
margin: 10px 20px 0;
padding-bottom: 20px;
height: auto;
display: flex;
    flex-direction: column;
    align-items: center;
}
.benefit_info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 16px 16px;
color: #666;
font-size: 14px;
}
.benefit {
background: 0 0;
height: auto;
}
.benefit_hidden_content {
display: none;
-webkit-animation: 0.3s fadeIn;
animation: 0.3s fadeIn;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
max-width: 280px;
overflow: hidden;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.benefit_coast {
margin-top: 16px;
}
.coast_title {
color: #888;
}
.benefit_slider_mob {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
height: 100%;
}
.benefit_content_header,
.benefit_toggle_btn {
display: -webkit-box;
display: -ms-flexbox;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
}
.benefit_slide_mob {
width: 100vw !important;
border-radius: 20px !important;
height: 347px;
}
.benefit_content_header {
display: flex;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 280px;
}
.benefit_content_title {
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.benefit_toggle_btn {
background: 0 0;
border: none;
cursor: pointer;
display: flex;
-webkit-box-direction: normal;
flex-direction: row;
font-size: 12px;
font-weight: 500;
color: var(--red);
gap: 2px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
.benefit_date,
.benefit_slide_date {
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-direction: normal;
}
.benefit_slide_info {
font-size: 12px;
padding: 5px 12px;
margin-top: 5px;
gap: 13px;
}
.benefit_btn_mob {
font-size: 12px;
font-weight: 700;
padding: 10px 40px;
height: 35px;
margin-top: 20px;
width: 280px;
line-height: 100%;
}
.benefit_coast_contri,
.benefit_coast_contries {
background: var(--gray-light);
padding: 10px 0;
border-radius: 10px;
}
.benefit_toggle_btn .toggle-icon {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
margin-left: 8px;
}
.benefit_toggle_btn[aria-expanded="true"] .toggle-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.benefit_slide_info_textarea_title {
margin-top: 20px;
font-size: 16px;
font-weight: 600;
}

.benefit_slide_info_textarea_text {
font-size: 12px;
font-weight: 500;
line-height: 15px;
}
.benefit_slide_date {
display: flex;
-webkit-box-orient: horizontal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
.benefit_date {
display: flex;
-webkit-box-orient: vertical;
-ms-flex-direction: column;
flex-direction: column;
text-align: start;
}
.benefit_slide_date_title {
font-size: 12px;
font-weight: 700;
line-height: 100%;
}
.benefit_slide_date_number {
font-size: 12px;
font-weight: 600;
line-height: 100%;
}
.benefit_coast_contries {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.benefit_coast_contrie {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.benefit_coast_contries .benefit_coast_contrie:last-child .coast_text {
color: var(--gray);
}
.coast_title {
font-size: 12px;
font-weight: 700;
color: var(--black);
line-height: 15px;
text-align: center;
}
.coast_text {
font-size: 16px;
font-weight: 700;
line-height: 20px;
margin-top: 5px;
}
.benefit_coast_contri {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
}
.benefit_coast_contri .coast_text {
font-size: 20px;
color: var(--red);
}
.btn_benefit_content {
width: 280px;
font-size: 12px;
font-weight: 700;
padding: 10px 40px;
}
}
.numbers a{
    color:var(--black);
}
a{
    cursor: pointer;
}
@media screen and (max-width:1199px) {
    .home,.quiz{
        position: relative;
        z-index: 1;
        margin-top: 35px;
    }
    .home {
        margin-top: 85px;
    }
}

.quiz_left_checks{
    flex-direction: column-reverse;
  gap:
20px;
}

.text_underline:hover{
    color: rgba(254, 0, 0, 1);
}

.slick-track{
    gap: 10px !important;
}
@media screen and (max-width: 1199px) {
    .quiz_left_checks, .quiz_line {
        display: none;
    }
    .car_list_slider_arrows{
        display: none;
    }
}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #222;
    color: #fff;
    padding: 1rem 2rem;
    text-align: center;
    font-size: 0.95rem;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.cookie-buttons {
    display: flex;
    gap: 10px;
}

.cookie-buttons button {
    background-color: #f44336;
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    cursor: pointer;
    border-radius: 4px;
    font-size: 0.9rem;
}

.cookie-buttons .decline {
    background-color: #777;
}

.cookie-banner a {
    color: #ffd600;
    text-decoration: underline;
}