/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.2.10.1731403821-250602
*/
:root{
    --header-admin-bar: 46px;
    --header-height: 41px;
}

@media (min-width: 783px) {
    :root{
        --header-admin-bar: 32px;
    }
    
}

@media (min-width: 1025px) {
    :root{
        --header-height: 112px;
    }
    
}

@media (min-width: 1077px) {
    :root{
        --header-height: 80px;
    }
    
}

.disp-none{
    display: none !important;
}

#mobile-header{
    position:fixed;
    width: 100%;
}

.custom-100-vh{
    height: calc(100vh - var(--header-height));

}
body.admin-bar .custom-100-vh{
    height: calc(100vh - var(--header-height) - var(--header-admin-bar));
}

.custom-min-100-vh{
    --calculated-height: calc(100vh - var(--header-height));
    min-height: var(--calculated-height);

}
body.admin-bar .custom-min-100-vh{
    --calculated-height:  calc(100vh - var(--header-height) - var(--header-admin-bar));
}

.custom-min-100-vh.kb-advanced-slider .kb-advanced-slide-inner-wrap{
    min-height: var(--calculated-height) !important; 
}


.wp-block-kadence-header-desktop,
.site-main-header-wrap{
    box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .04);
}

.single-content h1{
    margin-bottom: 0;
}

.wp-block-heading {
    font-family: "Raleway", sans-serif;
    font-size: 28px;
    color: #fff;
    font-weight: 400;
    line-height: normal;
}

.header-navigation .header-menu-container ul ul li.menu-item > a{
    color: var(--global-palette3);
}

.sub-menu.kb-nav-sub-menu.mega-menu,
#primary-menu .sub-menu{
    box-shadow: none;
    border-top: 1px solid #dfe3e5;
    transition: opacity .3s, transform .3s;
    background: #fff;
}

.header-navigation .kb-row-layout-wrap{
    padding: 22px 5.83% ;
}

.model-submenu{
    display: flex;
    padding: 22px 5.83% ;
}

.header-navigation .kb-row-layout-wrap ul.wp-block-list{
    list-style: none;
    padding: 0;
    margin: 0;
}

.header-navigation .kb-row-layout-wrap ul.wp-block-list li{
    margin-top: 24px;
    color: #0c0c0b;
    font-weight: 700;
}


.header-navigation .kb-row-layout-wrap ul.wp-block-list a{
    color: var(--global-palette3);
    text-decoration: none;    
}

.header-navigation .kb-row-layout-wrap ul.wp-block-list a:hover{
    color: var(--global-palette3);
    text-decoration: underline;    
}

.header-navigation .kb-row-layout-wrap{
    font-size: 12px;
}

.model-section{
    position: relative;
}

.model-section .wp-block-kadence-image,
.model-section .wp-block-image{
    min-height: 565px;
}

.model-section .wp-block-kadence-image img,
.model-section .wp-block-image img {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
}

.model-content{
    position:absolute !important;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    z-index: 10;
    color: #fff;
    padding: 40px 20px;
    align-items: center;
}



@media (max-width: 767px) {
    .model-section>div:after{
        content: "";
        position: absolute;
        z-index: 0;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0, 0, 0, .2);
    }
}

@media (min-width: 768px) {
    .model-content{
        padding-left: 40px;
        padding-right: 40px;
    }

    .wp-block-heading {
        font-size: 32px;
    }

}

@media (min-width: 1200px) {
    .site-footer-wrap{
        padding: 85px 80px 100px 80px;
    }

    .model-section .wp-block-kadence-image img,
    .model-section .wp-block-image img {
        position: relative;
    }
    
    .wp-block-heading {
        font-size: 48px;
    }
}

@media (min-width: 1450px) {
    .site-footer-wrap{
        padding-left: 150px;
        padding-right: 150px;
    }
}


.model-content .wp-block-heading{
    color: #fff;
}


.model-section .model-content .wp-block-kadence-advancedbtn .kb-button {
    width: auto;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 13px 24px;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.36px;
    border: 1px solid transparent;
    position: relative;
    z-index: 1;
}

.model-section .model-content .wp-block-kadence-advancedbtn .kb-button{
    background: transparent;
    border: 1px solid #fff;
    width: 100%;
    max-width: 220px;
    max-height: 50px;
    text-align: center;
}

.model-section .model-content .wp-block-kadence-advancedbtn .kb-button:hover {
    border-color: #0074BA;
    background: rgba(1, 114, 183, 0.05);
    -webkit-box-shadow: 3px 3px 50px 0px rgba(255, 255, 255, 0.3), -1px -1px 30px 0px rgba(0, 125, 201, 0.4);
    box-shadow: 3px 3px 50px 0px rgba(255, 255, 255, 0.3), -1px -1px 30px 0px rgba(0, 125, 201, 0.4);
}



.model-submenu .kt-row-column-wrap{
    /*column-gap: 70px!important;*/
}

.models-header-right-side{
    margin-right: -1.5rem;
}

.models-header-right-side .header-links__item,
.models-header-right-side .header-links__item span,
.site-header-main-section-right .header-widget-area-inner.site-info-inner .kt-inside-inner-col .header-links__item,
.site-header-main-section-right .header-widget-area-inner.site-info-inner .kt-inside-inner-col .header-links__item span{
    display: flex;
    align-items: center;
}

.models-header-right-side .header-links__item,
.models-header-right-side .header-links__item:hover,
.site-header-main-section-right .header-widget-area-inner.site-info-inner .kt-inside-inner-col .header-links__item,
.site-header-main-section-right .header-widget-area-inner.site-info-inner .kt-inside-inner-col .header-links__item:hover{
    text-decoration: none;
    color: var(--global-palette5);
}

.models-header-right-side .header-links__item span,
.site-header-main-section-right .header-widget-area-inner.site-info-inner .kt-inside-inner-col .header-links__item span{
    margin-left: 10px;
    font-weight: 700;
}

.models-header-right-side .header-links__item svg,
.site-header-main-section-right .header-widget-area-inner.site-info-inner .kt-inside-inner-col .header-links__item svg{
    fill: none;
    color: var(--global-palette5);
}

.models-header-right-side .kt-row-column-wrap{
    height: var(--header-height);
    display: flex;
    width: auto;
    justify-content: flex-end;
    align-items: center;
}


.models-header-right-side .kt-row-column-wrap .icon-third-col .kt-inside-inner-col > a{
    display: flex;
    align-items: center;
    column-gap: 10px;
    text-decoration: none;
    color: #fff;
    padding: 16px;
    font-size: 14px;
    background: #000;
    height: var(--header-height);
}


.site-footer-wrap{
    padding-left: 20px;
    padding-right: 20px;
}

.wp-block-kadence-navigation .kb-nav-link-content:not([href]){
    cursor: pointer !important;
}

.wp-block-kadence-navigation .kb-nav-link-content{
    line-height: 1;
}

.header-video .kt-row-column-wrap{
    display: block;
    height: calc(100vh - var(--header-height));
    min-height: inherit !important;
}


body.admin-bar .header-video  .kt-row-column-wrap{
    height: calc(100vh - var(--header-height) - var(--header-admin-bar));
}


@media (min-width: 768px) {
    .site-footer-wrap{
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (min-width: 1200px) {
    .site-footer-wrap{
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media (min-width: 1450px) {
    .site-footer-wrap{
        padding-left: 150px;
        padding-right: 150px;
    }
}

.site-footer-wrap .site-container{
    padding: 0;
}


#colophon .footer-navigation .footer-menu-container > ul > li > a {
    padding: 0;
    color: #ffffff;
}

.footer-widget-area.content-align-left .footer-navigation .menu{
    column-gap: 40px;
}

.site-middle-footer-wrap .site-middle-footer-inner-wrap{
    padding: 18px 0 36px 0;
}

@media (min-width: 1200px) {
    .site-middle-footer-wrap .site-middle-footer-inner-wrap{
        padding-top: 24px;
        padding-bottom: 48px;
    }
}

@media (min-width: 1450px) {
    .site-middle-footer-wrap .site-middle-footer-inner-wrap{
        padding-top: 32px;
        padding-bottom: 64px;
    }
}

.site-bottom-footer-wrap .footer-html{
    padding: 0;
    margin: 0;
}

.site-bottom-footer-wrap .site-container{
    padding: 18px 0 48px 0;
}

@media (min-width: 1200px) {
    .site-bottom-footer-wrap .site-container{
        padding-top: 24px;
        padding-bottom: 64px;
    }
}

@media (min-width: 1450px) {
    .site-bottom-footer-wrap .site-container{
        padding-top: 32px;
        padding-bottom: 96px;
    }
}

.site-bottom-footer-wrap .site-footer-bottom-section-2 #menu-footer-ropyright-menu{
    display: flex;
    flex-direction: column;
}

.site-bottom-footer-wrap .site-footer-bottom-section-2 #menu-footer-ropyright-menu a,
.site-bottom-footer-wrap .site-footer-bottom-section-2 #menu-footer-ropyright-menu a:hover{
    color:#fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
}


@media (min-width: 720px) {
    .site-bottom-footer-wrap .site-footer-bottom-section-2 #menu-footer-ropyright-menu{
        flex-direction: row;
        column-gap: 20px;
        justify-content: flex-end;
    }
    
}

.footer-first-row-right-col .site-info-inner,
.site-footer-top-section-2 .footer-widget-area-inner.site-info-inner{
    display: flex;
    justify-content: flex-end;
}

.footer-first-row-right-col .kt-inside-inner-col,
.footer-first-row-right-col .kt-inside-inner-col a,
.site-footer-top-section-2 .widget_block,
.site-footer-top-section-2 .widget_block a{
        font-size: 14px;
        color: #fff;
        font-weight: 600;
        letter-spacing: .05em;
        text-decoration: none;
}

@media (max-width: 719px) {
    .site-footer-top-section-2 .footer-widget-area-inner.site-info-inner{
        justify-content: flex-start;
    }
}

.footer-first-row-right-col .kt-inside-inner-col a.footer__email,
.site-footer-top-section-2 .widget_block a.footer__email{
    color: #a6b7be;
}

@media (min-width: 1024px) {
    .footer-first-row-right-col .kt-inside-inner-col,
    .footer-first-row-right-col .kt-inside-inner-col a,
    .site-footer-top-section-2 .widget_block,
    .site-footer-top-section-2 .widget_block a{
        font-size: 16px;
    }
}

.hero-cta-wrapper{
    height: 100%;
}

.hero-cta-wrapper .kb-button{
    font-weight: 700;
}

.kb-row-layout-wrap.overview-stat .kt-row-column-wrap{
    display: flex;
    max-width: 1050px;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 35px 70px;
    flex-wrap: wrap;
    margin: auto;
}

.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column{
    display: flex;
    align-items: center;
    width: auto;
    flex-wrap: nowrap;
}

.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column  .kt-inside-inner-col,
.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column  .kt-inside-inner-col .wp-block-columns{
    padding: 0;
    margin: 0;
}

.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column  .kt-inside-inner-col .wp-block-columns{
    display: grid;
    align-items: center;
    gap: 25px;
    grid-template-columns: 75px auto;
}


.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column  .kt-inside-inner-col .wp-block-columns .wp-block-column:first-child{
    display: flex;
    background-color: #fff;
    box-shadow: 0 4px 54.8px 0 rgba(0, 0, 0, .06);
    border-radius: 10px;
    width: 75px;
    height: 75px;
    flex-basis: 75px !important;
    justify-content: center;
    align-items: center;
}
.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column  .kt-inside-inner-col .wp-block-columns .wp-block-column:last-child{
    display: flex;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 897px) {
    .kb-row-layout-wrap.overview-stat .kt-row-column-wrap{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 35px 10px;
        max-width: 600px;
    }

    .kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column{
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .kb-row-layout-wrap.overview-stat .kt-row-column-wrap{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 35px 10px;
    }
    
    .kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column .kt-inside-inner-col .wp-block-columns{
        display: flex;
        flex-direction: column;
        align-items: center !important;
        gap: 25px;
    }
    
    .kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column .kt-inside-inner-col .wp-block-columns .wp-block-column{
        text-align: center !important;
        align-items: center !important;
    }

    .kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column .kt-inside-inner-col .wp-block-columns .wp-block-column h6{
        text-align: center;
    }

    .kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column{
        align-items: center;
    }

    .section-with-pic.text-bottom>.kt-inside-inner-col>.wp-block-kadence-advancedheading{
        bottom: 0 !important;
        left: 0;
    }
}


.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column  .kt-inside-inner-col .wp-block-columns img{
    display: block;
    width: 30px;
    height: 30px;    
}

.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column  .kt-inside-inner-col .wp-block-columns .wp-block-column h2{
    color: #30363a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}

.kb-row-layout-wrap.overview-stat .kt-row-column-wrap .wp-block-kadence-column  .kt-inside-inner-col .wp-block-columns .wp-block-column p{
    color: #4A5568;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
}

.model-page-slider .kb-advanced-slide-inner-wrap{
    border-radius: 10px;
}

.section-with-pic>.kt-inside-inner-col{
    position:relative;
} 

.section-with-pic>.kt-inside-inner-col .wp-block-image,
.section-with-pic>.kt-inside-inner-col .wp-block-kadence-image{
    position: relative;
    z-index: 2;
    display: block;
    margin: 0;
    padding: 0;
}


.section-with-pic>.kt-inside-inner-col>.wp-block-kadence-advancedheading{
    position: absolute;
    z-index: 10;
    position: absolute;
    top: 20px;
    left: 20px;
    max-width: 70%;
    box-shadow: 0 4px 102px -3px rgba(0, 0, 0, .61);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

.section-with-pic.text-bottom>.kt-inside-inner-col>.wp-block-kadence-advancedheading{
    top: inherit;
    bottom: 20px;
}

@media (max-width: 767px) {
    .section-with-pic>.kt-inside-inner-col .wp-block-kadence-image img{
        height: 350px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

/* models-sticky-submenu -------------------------------------------------------------------*/
.models-sticky-submenu .wp-block-column{
    display: flex;
    align-items: center;
}

.kb-row-layout-wrap.wp-block-kadence-rowlayout.models-sticky-submenu{
    background: #fff;
    box-shadow: 0 37px 51.6px -3px rgba(0, 0, 0, .04);
    z-index: 10;
    width: 100%;
    position: sticky;
    top: var(--header-height);
    display: block;
    align-items: center;
}

body.admin-bar .kb-row-layout-wrap.wp-block-kadence-rowlayout.models-sticky-submenu{
    top: calc(var(--header-height) + var(--header-admin-bar));
}


.explore-navbar,
.explore-navbar-icons .wp-block-group{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.explore-navbar  .wp-block-column{
    justify-content: flex-end;
}

.explore-navbar{
    gap: 100px;
}
.explore-navbar-icons .wp-block-group{
    gap: 15px;
}

.explore-navbar .wp-block-image{
    margin: 0 !important;
    padding: 0 !important;
}

.explore-navbar .wp-block-image>a{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #30363a;
    transition: all .3s ease-in-out;    
    width: fit-content;
}

.explore-navbar .wp-block-image.test-drive-button>a{
    background: #30363a;
}

.explore-navbar .wp-block-image.brochure-button>a:hover{
    background: #ebebeb;
}

/* end models-sticky-submenu -------------------------------------------------------------------*/

/* Model parameters -------------------------------------------------------------------*/


.params-tab .wp-block-kadence-tabs .kt-tabs-title-list{
    border-radius: 5px;
    border: 1px solid #D2DCDF;
    background: #fff;
    padding: 4px;
    width: calc(50% - 40px);
    margin: 0;
    margin-left: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 8px;
}

.params-tab .kt-tabs-content-wrap > .wp-block-kadence-tab{
    border: 0 !important;
}

.params-tab .wp-block-kadence-tabs .kt-tabs-title-list li{
    border-radius: 5px;
    border: 0px !important;
    margin: 0px !important;
    padding: 0 !important;
    width: 100%;
}

.params-tab .wp-block-kadence-tabs .kt-tabs-title-list li a.kt-tab-title{
    border: 0 !important;
    padding: 8px !important;
    margin: 0 !important;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #555B5F;
    font-weight: 600;
    display: block;
}

.params-tab .wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active a.kt-tab-title{
    border-radius: 5px;
    background: #222424;
    color: #fff;

}

.params-tab .wp-block-kadence-tab table,
.params-tab .wp-block-kadence-tab table tr td{
    border: 0 !important;
    text-align: left;
}

.params-tab .wp-block-kadence-tab table tr td{
    padding: 0;
}

.params-tab .wp-block-kadence-tab table tr td>b{
    display: block;
    margin: 0;
    padding: 0 0 16px 0;
}

@media (max-width: 767px) {
    .params-tab .wp-block-kadence-tabs .kt-tabs-title-list{
        width: 100%;
        display: flex;
        flex-direction: column;
    }

}

/* end Model parameters -------------------------------------------------------------------*/

/* CAR configurator -------------------------------------------------------------------*/
.fluentform .car-config-form   .fluentform-step{
    position: relative;
}

.fluentform .car-config-form  .ff-step-container{
    display: flex;
    flex-direction: column-reverse;
}

.fluentform .car-config-form  .ff-step-container .ff-step-header{
    position: relative;
    z-index: 1;
    margin-top: 60px;
}

.fluentform .car-config-form  .ff-step-container .ff-step-header,
.fluentform .car-config-form  .ff-step-container .fluentform-step{
    padding: 0 20px;
}

.fluentform .car-config-form  .ff-step-container .ff-step-header:before{
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent;
    content: "";
}

.fluentform .car-config-form  .ff-step-container .ff-step-header .ff-step-titles{
    display: flex;
    gap: 30px;
    position: relative;
    z-index: 1;
}

.fluentform .car-config-form  .ff-step-container .ff-step-header .ff-step-titles>li{
    width: calc(20% - 20px);
    display: block;
    padding: 0;
    text-align: left;
}

#fluentform_3  .ff-step-container .ff-step-header .ff-step-titles>li{
    width: calc(25% - 20px);
}


.fluentform .car-config-form  .ff-step-titles li:before,
.fluentform .car-config-form  .ff-step-titles li:after{
    left: inherit;
    right: inherit;
    top: inherit;
    left: inherit;
}


.fluentform .car-config-form  .ff-step-titles li:before{
    display: block;
    content: '0'counter(step);
    counter-increment: step;
    font-size: 20px;
    position: relative;
    border: 0;
    border-bottom:3px solid rgb(221, 222, 223);
    text-align: left;
    width: 100%;
    background-color: transparent;
    padding-bottom: 10px;
    margin-bottom: 17px;
    color: rgba(85, 91, 95, 0.5);
    font-family: var(--global-heading-font-family);
}

.fluentform .car-config-form  .ff-step-titles li:after{
    display: none;
}

.fluentform .car-config-form  .ff-step-titles li span{
    color: #222424;
    font-size: 14px;
    font-family: var(--global-heading-font-family);
    display: block;
    color: rgba(85, 91, 95, 0.5);
}

.fluentform .car-config-form  .ff-step-titles li.ff_completed:before,
.fluentform .car-config-form  .ff-step-titles li.ff_active:before{
    color: #0074BA;
    border-color: #0074BA;
}

.fluentform .car-config-form  .ff-step-titles li.ff_completed span,
.fluentform .car-config-form  .ff-step-titles li.ff_active span{
    color: #222424;
}

.fluentform .car-config-form  .ff-t-cell{
    justify-content: center;
}

.fluentform .car-config-form  .select-car-type .ff-el-form-check-label .ff-el-form-check-input{
    display: none;
}

.fluentform .car-config-form  .select-car-type .ff-el-form-check{
    border: 1px solid #D2DCDF;
    border-radius: 5px;
    margin: 0;
    padding: 0;
}

.fluentform .car-config-form  .select-car-type legend{
    display: none;
}

.fluentform .car-config-form  .select-car-type .ff-el-input--content{
    display: flex;
    width: 100%;
    gap: 30px;
}

.fluentform .car-config-form  .ff-t-container{
    /*gap: 60px;*/
    gap: 40px;
}

.fluentform .car-config-form  .ff-el-group{
    margin-bottom: 0;
}

.fluentform .car-config-form  .select-car-type label.ff-el-form-check-label {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.fluentform .car-config-form  .select-car-type label.ff-el-form-check-label span{
    font-size: 16px;
    color: #555B5F;
    line-height: 21px;
    letter-spacing: 0.005em;
    display: block;
    width: 100%;
    margin: 0;
    padding: 17px 28px 33px 28px;
    font-weight: 600; 
}


.fluentform .car-config-form  .select-car-type label.ff-el-form-check-label b{
    font-family: var(--global-heading-font-family);
    font-size: 26px;
    color: #222424;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 16px;
}

.fluentform .car-config-form  .select-car-type .ff-el-form-check:not(.ff_item_selected):hover {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-box-shadow: 0px 4px 17.3px 0px rgba(29, 33, 35, 0.2);
    box-shadow: 0px 4px 17.3px 0px rgba(29, 33, 35, 0.2);
    border-color: transparent;
}

.fluentform .car-config-form  .select-car-type .ff-el-form-check.ff_item_selected{
    border-color: #222424;
}


.configurePageSection__form--title h2{
    font-size: 36px;
    color: #222424;
    font-weight: 400;
    line-height: 51px;
    margin-bottom: 40px !important;
}

.fluentform .car-config-form  .ff-inner_submit_container,
.fluentform .car-config-form  .step-nav{
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    padding: 20px 0;
}

.fluentform .car-config-form  .ff-btn {
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #222424;
    display: flex;
    height: 50px;
    align-items: center;
    background: transparent;
    font-size: 16px;
    gap: 10px;
}

.fluentform .car-config-form  .ff-btn:before,
.fluentform .car-config-form  .ff-btn:after{
    display: block;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fluentform .car-config-form  .ff-btn.ff-btn-prev{
    background: transparent;
    color: #222424;
}

.fluentform .car-config-form  .ff-btn.ff-btn-submit,
.fluentform .car-config-form  .ff-btn.ff-btn-next{
    background: #222424;
    color: #fff;
}


.fluentform .car-config-form  .ff-btn.ff-btn-prev:before{
    content: url('./imgs/arrow-black-left.png');
}

.fluentform .car-config-form  .ff-btn.ff-btn-next:after{
    content: url('./imgs/arrow-right.png');
}


.fluentform .car-config-form  .ff-btn:hover {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-box-shadow: 3px 3px 50px 0px rgba(255, 255, 255, 0.3), -1px -1px 30px 0px rgba(0, 125, 201, 0.4);
    box-shadow: 3px 3px 50px 0px rgba(255, 255, 255, 0.3), -1px -1px 30px 0px rgba(0, 125, 201, 0.4);
    border-color: #0074BA;
}

.fluentform .car-config-form  .ff-btn.ff-btn-submit:hover,
.fluentform .car-config-form  .ff-btn.ff-btn-next:hover{
    background: linear-gradient(94deg, #0082D1 0%, #0071B5 100%) !important;
}

.fluentform .car-config-form  .package-table-holder{
    padding-bottom: 60px;
}

.fluentform .car-config-form  .car-package-radio-holder{
    display: none !important;
}

.package-table-holder .ff-custom_html{
    border: 1px solid #D2DCDF;
    border-radius: 5px;
    cursor: pointer;
}

.package-table-holder .ff-custom_html.selected-package{
    border-color: #222424;
}

.package-table-holder .ff-custom_html:not(.selected-package):hover {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-box-shadow: 0px 4px 17.3px 0px rgba(29, 33, 35, 0.2);
    box-shadow: 0px 4px 17.3px 0px rgba(29, 33, 35, 0.2);
    border-color: transparent;
}

table.model-package{
    border-collapse: collapse;
    border: 0;
}

table.model-package tr td{
    padding: 12px 32px 12px 0;
}

table.model-package tr th{
    padding: 26px 30px;
    border-bottom: 1px solid #D2DCDF;
    text-align: left;
    font-size: 26px;
    color: #222424;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0.005em;    
    width: 100%;
    position: relative;
}

table.model-package tr th span{
    float: right;
}

table.model-package tr th .star{
    position: absolute;
    position: absolute;
    top: 10px;
    right: 10px;
}

table.model-package tr td{
    padding: 12px 32px 12px 0;
    border-bottom: 1px solid #D2DCDF;
}

table.model-package tr td:first-child{
    padding-left:32px;
    padding-right: 14px;
}

table.model-package tbody tr:last-child td{
    border: 0;
}

table.model-package tbody tr:nth-child(odd) td{
    background: #F6F8F9;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders{
    display: flex;
    gap: 30px;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check input,
.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check legend{
    display: none;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check{
    display: flex;
    gap: 30px;
    width: 100%;
    margin-bottom: 40px;
    align-items: center;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check{
    margin: 0;
    width: 50% !important;
    display: flex;
    border-color: #D2DCDF;
    border-radius: 5px !important;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check.ff_item_selected{
    border-color: #222424;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check .ff-el-image-input-src{
    display: block;
    width: 80px;
    background-position: center;
    height: 70px;
    background-size: 36px auto;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check .ff-el-form-check-label{
    width: calc(100% - var(--header-height));
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check .ff-el-form-check-label span{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    border: 0 !important;
    background: transparent;
    color: #222424;
    padding: 13px 20px 13px 0 !important;
    box-shadow: none;
    margin: 0 !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.02em;    
    font-family: var(--global-heading-font-family);
}

.fluentform .car-config-form  .select-wheel-and-tires .ff-t-container{
    min-height: 635px;
}

.fluentform .car-config-form  .ff-column-container:not(.ff-step-t-container):not(.no-min-height) .ff-t-cell{
    min-height: 635px;
}

.fluentform .car-config-form  .ff-t-cell.ff-t-column-2 img{
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 5px;
}


.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .ff-el-form-check-label input,
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .ff-el-form-check-label span,
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check legend{
    display: none;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .ff-el-form-check-label{
    margin: 0 !important;
    padding: 0 !important;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders{
    padding-bottom: 40px;
    padding-top: 30px;
    position: relative;
    display: flex;
    column-gap: 0;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check{
    display: flex;
    column-gap: 0;
    margin: 0;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check label.ff-el-image-input-src{
    width: 63px !important;
    height: 63px;
    border: 1px solid #D2DCDF;
    border-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder:not(:nth-child(1)) label.ff-el-image-input-src{
    border-left: 1px solid #FFF;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder:nth-child(1) label.ff-el-image-input-src{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-left: 1px solid #D2DCDF;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder:last-child label.ff-el-image-input-src{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder label.ff-el-image-input-src{
    background: transparent !important;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder.ff_item_selected label.ff-el-image-input-src{
    border-color: #222424;
    background: transparent !important;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .ff-el-form-check-label{
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff_item_selected .ff-el-form-check-label span{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    line-height: 1;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check label.ff-el-image-input-src:before{
    width: 32px;
    height: 32px;
    border-radius: 3px;
    overflow: hidden;
    border: 1.5px solid rgba(0, 0, 0, 0.1);
    content: "";
}


/* OMODA színek */
/*hófehér*/
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(1) label.ff-el-image-input-src:before{
    background: #fff;
}

/*Fantomszürke*/
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(2) label.ff-el-image-input-src:before{
    background: #64696c;
}

/*Fémezüst*/
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(3) label.ff-el-image-input-src:before{
    background: #b7b7b7;
}

/*Szénfekete */
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(4) label.ff-el-image-input-src:before{
    background: #000;
}

/*Metál duó */
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(5) label.ff-el-image-input-src:before{
    background: #1b232a;
    background-image: linear-gradient(to right bottom, #b7b7b7 50%, #000 50%);
}
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(6) label.ff-el-image-input-src:before{
    background: #1b232a;
    background-image: linear-gradient(to right bottom, #fff 50%, #000 50%);
}

/* JAECOO színek */
/*hófehér*/
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(1) label.ff-el-image-input-src:before{
    background: #fff;
}

/*Szénfekete */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(2) label.ff-el-image-input-src:before{
    background: #000;
}

/*Holdfény ezüst (KU)*/
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(3) label.ff-el-image-input-src:before{
    background: #737A88;
}

/*Smaragdzöld (SP) */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(4) label.ff-el-image-input-src:before{
    background: #9EAE99;
}

/*Oliva szürke (UD) */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(5) label.ff-el-image-input-src:before{
    background: #C9E2E4;
}


/*Szürke duó (ZK) */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(6) label.ff-el-image-input-src:before{
    background: #1b232a;
    background-image: linear-gradient(to right bottom, #C9E2E4 50%, #000 50%);
}

/*Zöld duó (ZM) */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(7) label.ff-el-image-input-src:before{
    background: #1b232a;
    background-image: linear-gradient(to right bottom, #9EAE99 50%, #000 50%);
}

/*Ezüst duó (ZN) */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(8) label.ff-el-image-input-src:before{
    background: #1b232a;
    background-image: linear-gradient(to right bottom, #737A88 50%, #000 50%);
}

/* JAECOO PHEV színek */

/*Oliva szürke (UD) */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo.car-colour-jaecoo-phev .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(4) label.ff-el-image-input-src:before{
    background: #C9E2E4;
}


/*Szürke duó (ZK) */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo.car-colour-jaecoo-phev .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(5) label.ff-el-image-input-src:before{
    background: #1b232a;
    background-image: linear-gradient(to right bottom, #C9E2E4 50%, #000 50%);
}

/*Ezüst duó (ZN) */
.fluentform .car-config-form  .select-car-colour.car-colour-jaecoo.car-colour-jaecoo-phev .ff_el_checkable_photo_holders .ff-el-form-check:nth-child(6) label.ff-el-image-input-src:before{
    background: #1b232a;
    background-image: linear-gradient(to right bottom, #737A88 50%, #000 50%);
}


.car_colour_selected_image-omoda,
.car_colour_selected_image-jaecoo{
    display: flex;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;
}


.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .disabledColour label.ff-el-image-input-src{
    position: relative;
    z-index: 1;
}
.fluentform .car-config-form  .red-element-checkbox-title{
    padding-top: 50px;
}


#disabledWheelPlaceholder,
#disabledInteriorPlaceholder,
.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .disabledColourPlaceholder{
    content: '';
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    cursor: help;
    overflow: hidden;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .disabledColourPlaceholder{
    width: 63px;
    height: 63px;
}

#disabledWheelPlaceholder,
#disabledInteriorPlaceholder{
    left: 0;
    top: 0;
}

.fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .disabledColourPlaceholder::after {
    content: "";
    position: absolute;
    top: -63px;
    left: -30px;    
    border-bottom: 1px solid #D2DCDF;
    -webkit-transform: rotate(-45deg) scale(1.41);
    -ms-transform: rotate(-45deg) scale(1.41);
    transform: rotate(-45deg) scale(1.41);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    width: 100%;
    height: 100%;
}

#disabledWheelPlaceholder:after,
#disabledInteriorPlaceholder:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom right, transparent calc(50% - 1px), #D2DCDF, transparent calc(50% + 1px));
}


.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check.disabledWheel{
    border-color: #D2DCDF;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check.disabledWheel .ff-el-form-check-label span{
    color: #D2DCDF;
}

.fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check.disabledWheel .ff-el-image-input-src{
    background-image: url(./imgs/wheel_lightgrey.svg) !important;
}




.finance-your-car-table{
    border-collapse: collapse;
}
.finance-your-car-table tr td,
.finance-your-car-table tr th{
    text-align: left;
    padding-bottom: 20px;
}

.finance-your-car-table tr th {
    font-size: 16px;
    color: #222424;
    font-weight: 400;
    line-height: 22px;
    opacity: 0.6;
}

.finance-your-car-table tr td {
    font-size: 16px;
    color: #222424;
    font-weight: 400;
    line-height: 22px;
}

.finance-your-car-table tr td:last-child{
    text-align: right;
    font-weight: 600;
}

.finance-your-car-table tfoot td,
.finance-your-car-table tfoot th{
    border-top: 1px solid #DDDEDF;
    padding-top: 20px;
}

.configurePageSection__form-main-title h1 {
    padding-bottom: 60px;
    font-size: 48px;
    line-height: 40px;
    line-height: 68px;
}


#hiddenmsg{
    display: none;
    max-width: 100%;
    width: 400px;
    white-space: normal;
    padding-top: 20px;
}


.fluentform .car-config-form .interior-radio .ff-el-image-holder{
    width: 400px !important;
    max-width: 100%;
}


.fluentform .car-config-form .interior-radio .ff_el_checkable_photo_holders{
    display: flex;
    gap: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 20px !important;
}


.fluentform .car-config-form .interior-radio .ff-el-form-check {
    border: 1px solid #D2DCDF;
    border-radius: 5px;
    margin: 0;
    padding: 0;
}

.fluentform .car-config-form  .interior-radio label.ff-el-form-check-label {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.fluentform .car-config-form  .interior-radio label.ff-el-form-check-label span{
    font-size: 16px;
    color: #555B5F;
    line-height: 21px;
    letter-spacing: 0.005em;
    display: block;
    width: 100%;
    margin: 0;
    padding: 17px 28px 33px 28px;
    font-weight: 600; 
}


.fluentform .car-config-form  .interior-radio label.ff-el-form-check-label b{
    font-family: var(--global-heading-font-family);
    font-size: 26px;
    color: #222424 !important;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0.02em;
    display: block;
    margin-bottom: 16px;
}

.fluentform .car-config-form  .interior-radio .ff-el-form-check:not(.ff_item_selected):not(.disabledInterior):hover {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    -webkit-box-shadow: 0px 4px 17.3px 0px rgba(29, 33, 35, 0.2);
    box-shadow: 0px 4px 17.3px 0px rgba(29, 33, 35, 0.2);
    border-color: transparent;
}

.fluentform .car-config-form  .interior-radio .ff-el-form-check.ff_item_selected{
    border-color: #222424 !important;
}

.fluentform .car-config-form  .interior-radio .ff_el_checkable_photo_holders .ff-el-form-check label.ff-el-image-input-src{
    width: 400px !important;
    height: auto;
    max-width: 100%;
    padding-bottom: 78%;
}

.fluentform .car-config-form  .interior-radio .ff-el-form-check label>span:hover,
.fluentform .car-config-form  .interior-radio .ff-el-form-check.ff_item_selected label>span{
    background: transparent !important;
    color: #555B5F !important;
}

.fluentform .car-config-form  .interior-radio .ff-el-form-check.ff_item_selected label>span b{
    color: #222424 !important;
}

.fluentform .car-config-form  .interior-radio .ff_el_checkable_photo_holders .ff-el-form-check.disabledInterior{
    border-color: #D2DCDF !important;
}

.fluentform .car-config-form  .interior-radio .ff_el_checkable_photo_holders .ff-el-form-check.disabledInterior .ff-el-form-check-label span,
.fluentform .car-config-form  .interior-radio .ff_el_checkable_photo_holders .ff-el-form-check.disabledInterior .ff-el-form-check-label span b{
    color: #D2DCDF !important;
}

.fluentform .car-config-form  .interior-radio .ff_el_checkable_photo_holders .ff-el-form-check.disabledInterior label.ff-el-image-input-src{
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.fluentform .finance-your-car .personal-data .ff-t-cell.ff-t-column-1>div{
    padding-bottom: 10px;
}

.fluentform .finance-your-car .personal-data .ff-t-cell.ff-t-column-1 .name-field .ff-t-container{
    display: flex;
    flex-direction: row-reverse;    
    gap: 10px;
}

.fluentform .finance-your-car .personal-data{
    padding-bottom: 50px;
}


/* END Car config --------------------------------------------------------------------------------*/


#modelpage-submenu-button{
    display: none;
}


@media screen and (max-width: 768px) {
    .fluentform .finance-your-car .personal-data .ff-t-cell.ff-t-column-1 .name-field .ff-t-container{
        flex-direction: column-reverse;
    }
    
    .fluentform .car-config-form  .ff-step-container .ff-step-header{
        display: none;
    }

    .configurePageSection__form-main-title h1 {
        font-size: 28px;
        line-height: 40px;
        padding-bottom: 30px;
    }

    .configurePageSection__form--title h2{
        font-size: 18px;
        line-height: 23px;
    }

    .fluentform .car-config-form  .select-car-type .ff-el-input--content,
    .fluentform .car-config-form  .select-car-type .ff-el-input--content fieldset{
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .fluentform .car-config-form  .finance-your-car .ff-t-container,
    .fluentform .car-config-form  .select-wheel-and-tires .ff-t-container,
    .fluentform .car-config-form  .ff-column-container:not(.ff-step-t-container) .ff-t-cell{
        min-height: inherit;
    }

    .fluentform .car-config-form  .finance-your-car .ff-t-container.ff_columns_total_2,
    .fluentform .car-config-form  .select-wheel-and-tires .ff-t-container.ff_columns_total_2,
    .fluentform .car-config-form  .select-car-type .ff-t-container.ff_columns_total_2{
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .fluentform .car-config-form  .select-car-type label.ff-el-form-check-label span{
        font-size: 14px;
        padding: 10px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;    
        gap: 10px;
    }
    
    .fluentform .car-config-form  .select-car-type label.ff-el-form-check-label b{
        font-size: 16px;
        margin-bottom: 0;
    }

    table.model-package tr td{
        font-size: 14px;
        line-height: 20px;
    }

    table.model-package tr th{
        padding: 16px 30px 16px 12px;
        font-size: 18px;
        line-height: 23px
    }

    table.model-package tr td:first-child{
        padding-left: 14px;
        padding-right: 14px;
        width: 76px;
    }

    .fluentform .car-config-form  .package-table-holder .ff-t-column-1{
        padding-bottom: 20px;
    }

    .fluentform .car-config-form  .select-car-colour .ff-el-image-holder{
        width: auto;
    }

    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check{
        flex-wrap: wrap;
    }

    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check label.ff-el-image-input-src:before{
        width: 25px;
        height: 25px;
    }

    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check label.ff-el-image-input-src{
        width: 46px !important;
        height: 46px;
    }

    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder:last-child label.ff-el-image-input-src,
    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder:nth-child(1) label.ff-el-image-input-src{
        border-radius: 0;
    }

    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders{
        margin-bottom: 40px;
        padding-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        row-gap: 5px;
    }

    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check .disabledColourPlaceholder::after{
        top: -80px;
        left: -30px;    
    }

    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder:not(:nth-child(1)) label.ff-el-image-input-src{
        border: 1px solid #D2DCDF;
    }

    .fluentform .car-config-form  .select-car-colour .ff_el_checkable_photo_holders .ff-el-form-check.ff-el-image-holder.ff_item_selected label.ff-el-image-input-src {
        border-color: #222424;
    }

    .fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders{
        margin-bottom: 20px !important;
        flex-direction: column;
    }

    .fluentform .car-config-form  .wheel-and-tires .ff_el_checkable_photo_holders .ff-el-form-check{
        width: 100% !important;
    }

    .finance-your-car-table tr td, 
    .finance-your-car-table tr th{
        font-size: 14px;
        vertical-align: top;
    }   

    .finance-your-car-table tr th{
        padding-right: 10px;
        white-space: nowrap;
    }

    .finance-your-car-table tr td:last-child{
        padding-left: 10px;
    }
}


/* END CAR configurator -------------------------------------------------------------------*/



.wp-block-kadence-navigation.modelpage-submenu .kb-nav-link-content{
    color: #30363a;
    font-size: 16px;
    font-weight: 600;
    opacity: .5;
    transition: all .4s ease-in-out;
    cursor: pointer;
}

.wp-block-kadence-navigation.modelpage-submenu  .menu-container>.menu>.menu-item.explore-model-name>.kb-link-wrap>.kb-nav-link-content,
.wp-block-kadence-navigation.modelpage-submenu  .menu-container>.menu>.menu-item.current-menu-item>.kb-link-wrap>.kb-nav-link-content{
    opacity: 1;
    font-weight: 600;
}


@media (max-width: 1023px) {

    .modelpage-submenu{
        position: relative;
    }

    .modelpage-submenu > .navigation > .menu-container > .menu > .menu-item:not(.explore-model-name),
    .modelpage-submenu > .navigation > .menu-container > .menu > .menu-item > .kb-link-wrap,
    .modelpage-submenu > .navigation > .menu-container > .menu > .menu-item > .kb-link-wrap > .kb-nav-link-content{
        display: block;
        width: 100%;
    }

    .modelpage-submenu > .navigation > .menu-container > .menu > .menu-item > .kb-link-wrap > .kb-nav-link-content{
        padding: 4px 8px;
    }

    .models-sticky-submenu .from-price,
    .modelpage-submenu > .navigation > .menu-container .explore-model-name,
    .modelpage-submenu > .navigation > .menu-container{
        display: none;
    }

    .modelpage-submenu > .navigation > .menu-container.opened{
        display: block;
    }

    .modelpage-submenu > .navigation > .menu-container > .menu{
        display: flex;
        flex-direction: column;
        row-gap: 4px;
        position: absolute;
        background: #fff;
        border: 1px solid #e2e4e6;
        box-shadow: 0 10px 10px -3px rgba(0, 0, 0, .04);
        width: 100%;
        border-radius: 5px;
        z-index: 10;
        top: 100%;
        color: rgb(12, 12, 11);
        padding-top: 5px;
        padding-bottom: 5px;
    }


    #modelpage-submenu-button {
        font-weight: 600;
        text-transform: uppercase;
        width: auto;
        border-radius: 5px;
        border: 1px solid #30363a !important;
        transition: all .3s ease-in-out;
        display: flex;
        padding: 8px 12px;
        background-color: transparent;
        font-size: 14px;
        align-items: center;
        color: rgb(12, 12, 11);
        padding-top: 3px;
        padding-bottom: 3px;
        width: 280px;
        max-width: 100%;
    }

    #modelpage-submenu-button svg{
        opacity: .5;
        width: 16px;
        height: 16px;
        display: block;
        margin-left: auto;
    }

    .wp-block-kadence-navigation.modelpage-submenu .kb-nav-link-content{
        transition: background-color .3s ease-in-out;
    }

    .modelpage-submenu > .navigation > .menu-container > .menu > .menu-item{
        padding-left: 3px;
        padding-right: 3px;
    }

    .modelpage-submenu > .navigation > .menu-container > .menu > .menu-item.current-menu-item > .kb-link-wrap > .kb-nav-link-content{
        background: #f5f5f5 url(./imgs/check_sign.png) right center no-repeat;
        border-radius: 5px;
        background-size: 9px 9px;
        background-position: right 5px center;
        transition: none;
    }

    .fluentform .car-config-form .interior-radio .ff_el_checkable_photo_holders,
    .fluentform .car-config-form .select-car-type .ff-t-container,
    .fluentform .car-config-form .select-a-package .ff-t-container,
    .fluentform .car-config-form .finance-your-car .ff-t-container,
    .fluentform .car-config-form .select-a-colour-page .ff-t-container{
        flex-direction: column;
    }

    .fluentform .car-config-form .select-car-type .ff-el-form-check,
    .fluentform .car-config-form .interior-radio .ff_el_checkable_photo_holders .ff-el-form-check label.ff-el-image-input-src{
        width: 100% !important;
    }

    .fluentform .car-config-form .ff-column-container:not(.ff-step-t-container) .ff-t-cell{
        min-height: auto !important;
    }

}

@media (max-width: 490px) {
    #modelpage-submenu-button{
        width: 220px;
    }
}


.home-page-selector .wp-block-kadence-column.card__card .wp-block-kadence-image {
    max-width: 250px;
    width: 50%;
}

.home-page-selector .wp-block-kadence-column.card__card p{
    color: #fff;
}

.home-page-selector .wp-block-kadence-column.card__card .kt-inside-inner-col > p:nth-child(2){
    margin-top: 20px;
}


.home-page-selector .wp-block-kadence-column.card__card .wp-block-kadence-advancedbtn{
    margin-top: 30px;
}

#homepage-logo{
    margin: 0;
    line-height: 1;
}

.home-page-selector .wp-block-kadence-column.card__card{
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 60px 20px 40px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2;
}



.home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col >  .wp-block-kadence-image{
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: 400px;
}

.home-page-selector >  .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-image > a > img,
.home-page-selector >  .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-image > img{
    object-fit: cover;
    position: absolute !important;
    z-index: 1;
    height: 100%;
    width: 100%;
}

@media (max-width: 1024px) {
    body.home #mobile-header{
        background: #fff;
    }

    body.home #mobile-header .site-header-section-right{
        display: none;
    }

}

@media (max-width: 991px) {
    body.home .kb-row-layout-id692_ee29f4-15 > .kt-row-column-wrap{
        display: flex;
        flex-direction: column;
    }

    .home-page-selector .wp-block-kadence-column.card__card{
        background: rgba(0, 0, 0, .2);
    }


    .home-page-selector .wp-block-kadence-column.card__card .wp-block-kadence-image .kb-img{
        min-height: 20px;
        width: auto;
    }

    .home-page-selector >  .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-image > a > img,
    .home-page-selector >  .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-image > img{
        position: relative;
    }


}

@media (max-width: 767px) {
    body.home #primary{
        margin-top: 80px;
    }
}


@media screen and (min-width: 720px) and (max-width: 1024px) {
    body.home #mobile-header .site-branding .site-title{
        display: block !important;
    }
}

@media (min-width: 992px) {
    .home-page-selector .kt-row-column-wrap{
        display: flex;
    }

    .home-page-selector > .kt-row-column-wrap  > .wp-block-kadence-column  > .kt-inside-inner-col{
        height: calc(100vh - var(--header-height));
        position: relative;
    }

    .admin-bar .home-page-selector > .kt-row-column-wrap  > .wp-block-kadence-column  > .kt-inside-inner-col{
        height: calc(100vh - var(--header-height) - 32px);
    }

    .home-page-selector .kt-row-column-wrap .wp-block-kadence-column{
        flex-grow: 1;
        flex-basis: 0;
        transition: .8s;
        width: 50%;
    }

    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column:hover {
        flex-basis: 20%;
        flex-grow: 1;
    }

    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col >  .wp-block-kadence-image,
    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .wp-block-kadence-image  > a,
    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col >  .wp-block-kadence-image  > a  > img,
    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col >  .wp-block-kadence-image  > img{

        height: 100%;
    }

    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col >  .wp-block-kadence-image::before,
    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col >  .wp-block-kadence-image::after{
            content: '';
            position: absolute;
            width: 100%;
            left: 0;
            z-index: 1;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    }

    .home-page-selector .wp-block-kadence-column.card__card {
        position: absolute;
        width: 100%;
        bottom: 0;
        padding: 60px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        z-index: 2;
    }

    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col >  .wp-block-kadence-image::after {
        bottom: 0;
        height: 50%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
    }

    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col >  .wp-block-kadence-image::before {
        top: 0;
        height: 100%;
        background: rgb(0,0,0, .1);
        mix-blend-mode: darken;
    }


    .home-page-selector .wp-block-kadence-column.card__card img{
        width: 100%;
    }


    .home-page-selector .wp-block-kadence-column.card__card .wp-block-kadence-image,
    .home-page-selector .wp-block-kadence-column.card__card p,
    .home-page-selector .wp-block-kadence-column.card__card .wp-block-kadence-advancedbtn{
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .home-page-selector .wp-block-kadence-column.card__card p,
    .home-page-selector .wp-block-kadence-column.card__card .wp-block-kadence-advancedbtn{
        opacity: 0;
    }

    .home-page-selector .wp-block-kadence-column.card__card .wp-block-kadence-image {
        position: absolute;
        bottom: 0;
    }
    
    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column:hover > .kt-inside-inner-col .wp-block-kadence-column.card__card .wp-block-kadence-image {
        bottom: 100%;
    }

    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column:hover > .kt-inside-inner-col .wp-block-kadence-column.card__card p,
    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column:hover > .kt-inside-inner-col .wp-block-kadence-column.card__card .wp-block-kadence-advancedbtn{
        opacity: 1;
    }


    .home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column:hover > .kt-inside-inner-col >  .wp-block-kadence-image::before  {
        opacity: 0;
    }
}

/* Sliders --------------------------------------------------------------------------------------------*/
.slider-type-1 .wp-block-kadence-slide .kb-advanced-slide-inner {
    max-width: 100%;
    padding: 20px;
    margin: 0px;
}

.slider-type-1 .kb-splide{
    margin: 0 !important;
    cursor: grab;
}

.slider-type-1 .kb-splide .splide__pagination,
.slider-type-1 .kb-splide ul.splide__pagination.splide__pagination{
    bottom: 20px;
    left: 20px;
    width: fit-content;
    right: inherit;
    display: flex;
    padding: 0;
    column-gap: 30px;
}

.slider-type-1 .kb-splide ul.splide__pagination.splide__pagination .splide__pagination__page{
    width: 100px;
    border-radius: 0;
    height: 3px;
    background-color: #fff;
    opacity: 0.2;
    -webkit-transition: width 0.8s ease-in-out, 0.4s ease-in-out;
    transition: width 0.8s ease-in-out, 0.4s ease-in-out;
    margin: 0;
}

.slider-type-1 .kb-splide ul.splide__pagination.splide__pagination .splide__pagination__page.is-active{
    opacity: 0.8;
    width: 230px;
}

@media (min-width: 992px) {
    .slider-type-1 .wp-block-kadence-slide .kb-advanced-slide-inner {
        max-width: 494px;
        padding: 0;
        margin: 100px 0 0 150px;
    }
    
    .slider-type-1 .kb-splide .splide__pagination,
    .slider-type-1 .kb-splide ul.splide__pagination.splide__pagination{
        bottom: 100px;
        left: 150px;
        column-gap: 30px;
    }
       
}

@media (min-width: 1400px) and (min-height: 1024px) {
    .slider-type-1 .wp-block-kadence-slide .kb-advanced-slide-inner {
        margin: 150px 0 0 150px;
    }

    .slider-type-1 .kb-splide .splide__pagination,
    .slider-type-1 .kb-splide ul.splide__pagination.splide__pagination{
        bottom: 150px;
    }
      
}


@media screen and (max-width: 768px) {
    .slider-type-1 .kb-splide ul.splide__pagination.splide__pagination .splide__pagination__page{
        width: calc(20vw - 10px);
    }

    .slider-type-1 .kb-splide ul.splide__pagination.splide__pagination .splide__pagination__page.is-active{
        width: calc(40vw - 10px);
    }

    .slider-type-1 .kb-splide .splide__pagination,
    .slider-type-1 .kb-splide ul.splide__pagination.splide__pagination{
        column-gap: 10px;
        width: 100%;
        left: 0;
        padding: 0 10px;
        justify-content: flex-start;
    }

}

/* END Sliders --------------------------------------------------------------------------------------------*/

.frm-fluent-form .contact-name.ff-name-field-wrapper .ff-t-container{
    display: flex;
    width: 100%;
    flex-direction: column-reverse;    
}

.mb-0,
.mb-0 .choices{
    margin-bottom: 0 !important;
}

.pb-10{
    padding-bottom: 10px  !important;
}

.pb-30{
    padding-bottom: 30px  !important;
}


@media (min-width: 768px) {
    .frm-fluent-form .contact-name.ff-name-field-wrapper .ff-t-container {
        flex-direction: row-reverse;    
    }
}



@media (max-width: 1200px) {
    .wp-block-kadence-header-desktop {
        display: none !important;
    }
    .wp-block-kadence-header-tablet {
        display: block !important;
    }

    .kb-header-placeholder-wrapper{
        height: 42px !important;
    }
}


@media (min-width:1201px) and (max-width: 1400px) {
    .models-header-right-side .kt-row-column-wrap .icon-third-col .kt-inside-inner-col > a{
        flex-direction: column;
        justify-content: center;
        margin-left: 10px;
        padding: 10px;
    }   

    .models-header-right-side .kt-has-3-columns{
        column-gap: 0 !important;
    }

    .wp-block-kadence-navigation .menu{
        justify-content: flex-start;
        font-size: 16px;
    }
}

.from-price p strong {
	white-space: nowrap;
}

@media (min-width: 1022px) and (max-width: 1200px) {
	.page-template-template-jaecoo-page ul.menu {
		display: block;
		text-align: left;
	}
	.page-template-template-jaecoo-page ul.menu > li:not(:first-child) {
		display: inline-block;
	}
	.page-template-template-jaecoo-page ul.menu > li:first-child {
		display: block;
		width: 100%;
	}
}

@media (max-width: 1077px) {
	body.home,
	body.home #primary {
		overflow: hidden;
	}
	body.home #primary,
	body.home #primary .kt-row-column-wrap.kt-has-2-columns {
		height: calc(100vh - 80px);
	}
	body.home.admin-bar #primary,
	body.home.admin-bar #primary .kt-row-column-wrap.kt-has-2-columns {
		height: calc(100vh - 112px);
	}
	body.home.admin-bar #primary .kt-row-column-wrap.kt-has-2-columns {
		display: grid;
	    grid-template-rows: 50% 50%;
	    grid-template-columns: 100%;
    }
	.home-page-selector > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
		height: 100% !important;
	}
	.home-page-selector .kt-row-column-wrap .wp-block-kadence-column {
		width: 100% !important;
	}
}
@media (max-width: 1025px) {
	body.home.admin-bar #primary,
	body.home.admin-bar #primary .kt-row-column-wrap.kt-has-2-columns {
		height: 100vh;
	}
}

@media (max-width: 768px) {
	.kt-has-4-columns .kt-has-1-columns {
		justify-content: center;
	}
}

.typeselector .kb-link-wrap {
	justify-content: end;
	margin-top: 20px;
	border-top: 1px solid #efefef !important;
	margin-left: 10px;
	padding-top: 6px;
}
.typeselector a {
	background: #000;
	color: #fff !important;
	margin-top: 20px !important;
	border-radius: 4px !important;
	width: max-content !important;
	padding: 10px 13px !important;
	font-size: 12px;
}
.typeselector a img {
	margin-left: 8px;
}
@media (min-width: 1200px) {
	.typeselector { display: none; }
}
.open-tablet-left .wp-block-kadence-image {
	display: none;
}