/*
    Theme Name:     Neve Child
    Theme URI:      https://themeisle.com/themes/neve/
    Template: neve
    Author:         ThemeIsle
    Author URI:     https://themeisle.com
    Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
    Version:        1.0.1.124
    License:        GNU General Public License v2 or later
    License URI:    http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain:    neve
    Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

:root {
    --global-max-width: var(--container);
    --global-margin: 0;
}

@keyframes translateY {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@media screen and (max-width: 1025px) {
    html {
        overflow: hidden;
        width: 100vw;
    }

    body {
        height: calc(100% - 1px);
        /* height: 100dvh; */
        position: fixed;
        left: 0;
        right: 0;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
    }
}

/* Button */
html body.byd#neve_body .button-outline-black-white a {
    border: 2px solid #fff;
    color: #fff;
}
html body.byd#neve_body .button-outline-black-white:hover a {
    border: 2px solid #000;
}

@media screen and (max-width: 768px) {
    html body.byd#neve_body .button-outline-black-white a {
        border: 2px solid #000;
        color: #000;
    }
    html body.byd#neve_body .button-outline-black-white:hover a {
        border: 2px solid #000;
        color: #fff;
    }
}

/* Global */
html body.byd .no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html body.byd .d-none {
    display: none!important;
}

html body.byd.page-template.elementor-default#neve_body .wrapper button, 
html body.byd.page-template.elementor-default#neve_body .wrapper p, 
html body.byd.page-template.elementor-default#neve_body .wrapper a, 
html body.byd.page-template.elementor-default#neve_body .wrapper span, 
html body.byd.page-template.elementor-default#neve_body .wrapper h1, 
html body.byd.page-template.elementor-default#neve_body .wrapper h2, 
html body.byd.page-template.elementor-default#neve_body .wrapper h3, 
html body.byd.page-template.elementor-default#neve_body .wrapper h4, 
html body.byd.page-template.elementor-default#neve_body .wrapper h5, 
html body.byd.page-template.elementor-default#neve_body .wrapper h6 {
    text-shadow: none;
    font-family: 'Open Sans', Sans-serif;
}
@media screen and (min-width: 1550px) {
    .margin-only-left {
        margin-left: calc((100% - var(--container)) / 2);
    }
    .margin-only-right {
        margin-right: calc((100% - var(--container)) / 2);
    }
}

.page-unequal-logo {
    max-width: 540px;
}

.page-unequal-logo img, .page-equal-logo-img img {
    max-width: 180px;
}

.page-unequal-img img {
    max-width: 950px;
    width: 100%;
    border-radius: 21px;
}

.page-equal-logo, .page-equal-img {
    flex: 1 1 auto;
    width: 100%;
}

.page-equal-img img {
    width: 100%;
    border-radius: 21px;
}

@media screen and (max-width: 1025px) {
    body.byd div.page-unequal > div.e-con-inner, body.byd div.page-equal > div.e-con-inner {
        flex-direction: column;
    }
    .page-unequal-logo, .page-equal-logo {
        width: 100%;
        max-width: 100%;
        order: 2;
    }
    
    .page-unequal-img, .page-unequal-img {
        width: 100%;
        max-width: 100%;
        order: 1;
    }
}

/* Accordion */
html body.byd div.page-accordion h3.qodef-e-title-holder {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
}

html body.byd div.page-accordion h3.qodef-e-title-holder, html body.byd div.page-accordion div.qodef-e-content {
    padding: 20px 0;
}

@media screen and (max-width: 1550px) {
    html body.byd div.page-accordion h3.qodef-e-title-holder, html body.byd div.page-accordion div.qodef-e-content {
        padding: 20px 0;
    }
}

/* Header */
.header {
    position: relative;
    z-index: 100;
}

html body.byd header.header .elementor-element.header-main,
.header.header-back {
    height: 88px;
    align-items: center;
    justify-content: center;
}

.header.header-back {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background-color: #252828;
    transition: all .5s ease;
}

#header-grid {
    position: fixed;
    top: 0;
    width: 100%;
}

html body.byd header.header .elementor-element.header-main {
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (min-width: 1580px) {
    html body.byd header.header .elementor-element.header-main {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    html body.byd header.header .elementor-element.header-main > .elementor-element {
        gap: 5px;
    }
}


.byd .header-main-models {
    transition: display 0s 0s var(--background-transition), opacity 0s 0.3s var(--background-transition);
}

.byd .masthead-models {
    background-color: #fff;
    height: 88px;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
}

/* .byd .header-main-models .header-logo img {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(253deg) brightness(104%) contrast(101%);
} */

body.byd header .elementor-element.header-main.header-main-models a, body.byd header .e-flex.elementor-element.header-main.header-main-models .hfe-menu-item, html body.byd.page-template div.wrapper header.masthead-models .header-main-models .hfe-menu-item {
    color: #000;
}

body.byd.page-template div.wrapper header.masthead-models .nav-models:hover, html body.byd.page-template div.wrapper header.masthead-models .header-main-models .menu-item:hover .hfe-menu-item, .byd .e-flex.elementor-element.header-main.header-main-models .menu-item:hover a {
    color: #000;
    text-decoration: underline;
}

body.byd.page-template div.wrapper header .nav-models {
    font-weight: 600;
}

.byd .nav-menu-models-close .qodef-m-icon {
    margin-right: 16px;
}

.byd .nav-menu-models-close .qodef-m-icon svg {
    height: 17px;
}

body.byd .header-logo a img {
    width: 100%;
    height: 40px;
}

@media screen and (min-width: 1225px) {
    body.byd .header-logo a img {
        max-width: 181px;
    }
}

@media screen and (max-width: 1225px) {
    body.byd .header-logo a img {
        max-width: 131px;
        height: 30px;
    }
}

@media screen and (max-width: 1210px) {
    body.byd#neve_body header .menu-item a.hfe-menu-item {
        padding: 10px;
    }
}

@media screen and (max-width: 1090px) {
    body.byd#neve_body header .menu-item a.hfe-menu-item {
        padding: 5px;
    }
}

@media screen and (min-width: 1025px) {
    .byd .header-menu-button {
        display: none;
    }
    .byd .header-desktop-button {
        max-width: 220px;
    }
}

@media screen and (max-width: 1025px) {
    html body.byd header.header .elementor-element.header-main,
    .header.header-back {
        height: 70px;
        align-items: center;
        justify-content: center;
    }
    .byd .header-desktop-button, html body.byd header.header .elementor-element.header-main nav {
        display: none;
    }
    html body.byd header.header .elementor-element.header-main {
        background-color: #252828;
        padding-top: 17px;
        padding-bottom: 17px;
    }
    .byd .elementor-element.header-main div.hfe-nav-menu__toggle {
        margin-left: auto;
        margin-right: 0;
    }
    .byd .elementor-element.header-main div.hfe-nav-menu__toggle path {
        fill: #fff;
    }
    .byd .nav-mobile-logo img {
        height: 35px;
        max-width: 131px;
        width: 100%;
    }
}

.header-main, .header-main-inner {
    background: transparent;
}

.header-main .menu-item a {
    font-weight: 600;
    font-size: 16px;
}

/* Mobile Menu */
.body-disabled {
    overflow-y: hidden;
    scroll-snap-type: none;
}

.header-main .nav-menu {
    transform: translateX(-100%);
}

.header-main .nav-menu-main {
    min-height: calc(100vh - 70px);
    min-height: calc(100dvh - 70px);
}

.header-main .nav-menu-main a {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.header-main .nav-menu-sublinks {
    position: fixed;
    background-color: #fff;
    left: 0;
    right: 0;
    padding-right: 15px;
    padding-left: 15px;
    transform: translateX(-100%);
}

.header-main .nav-menu-open, .header-main .nav-menu-sublinks-open {
    transform: translateX(0);
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .header-main .nav-menu-sublinks-open {
        overflow-y: scroll;
        overflow-x: hidden;
        min-height: calc(100vh - 70px);
        height: calc(100vh - 70px);
        flex-wrap: nowrap;
        margin-bottom: 0;
        padding-bottom: 150px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .header-main .nav-menu-sublinks-open a {
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 450px) {
    .header-main .nav-menu-sublinks-open a .elementor-element h3 {
        min-width: 70px;
        max-width: 130px;
        text-align: right;
    }
}

@media screen and (max-width: 370px) {
    html body.byd.page-template.elementor-default#neve_body .wrapper .nav-menu-sublinks a {
        flex-wrap: nowrap;
    }
    html body.byd.page-template.elementor-default#neve_body .wrapper .nav-menu-sublinks h3 {
        font-size: 16px;
    }
    html body.byd.page-template.elementor-default#neve_body .wrapper .nav-menu-sublinks img {
        max-width: 172px;
    }
}

/* Models */

.byd .elementor-element.box-models {
    opacity: 0;
    z-index: -1;
    display: none;
}

.byd .elementor-element.box-models-open {
    top: 88px;
    opacity: 1;
    z-index: 99;
    display: flex;
}

@media screen and (max-width: 1025px) {
    .byd .elementor-element.box-models, .byd .elementor-element.box-models-open {
        display: none;
    }
}

/* Car Float */
.byd .car-float {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
    padding: 20px;
    z-index: 10;
    background-color: hsla(0, 0%, 0%, 0.8);
    filter: blur(.2);
}
.byd .car-float > .e-con-inner {
    padding: 0;
}
body.byd main#content .elementor-element.car-float a {
    color: #000;
    background-color: #fff;
    border: 2px solid #fff;
}
.byd .car-float-active {
    transform: translateY(0);
}

/* Footer */
.byd footer .footer-by a,
.byd footer .footer-by p,
.byd footer .footer-links a {
    color: #fff;
}

.byd .footer .footer-container {
    padding-top: 70px;
}

.byd .footer-logo, .byd .footer .footer-links h3 {
    padding-bottom: 20px;
    border-bottom: 1px solid #ffffff46;
}

.byd .footer .footer-links h3 {
    margin-top: 50px;
}

.byd .footer-info p {
    line-height: 1.7;
}

.byd .footer-bottom {
    display: none!important;
}

.byd .footer-middle {
    padding-bottom: 40px;
}

.byd .footer .footer-info {
    min-width: 750px;
}

.byd .footer .footer-logo img {
    max-height: 72px;
    object-fit: contain;
    display: flex;
    width: max-content;
}

body.byd.home .wrapper footer {
    display: none;
}

body.byd .footer .footer-by {
    border-top: 1px solid #ffffff46;
}

@media screen and (max-width: 1550px) {
    .byd .footer .footer-info {
        min-width: 600px;
    }    
}

@media screen and (max-width: 1550px) {
    .footer .footer-middle {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 1280px) {
    .byd .footer .footer-info {
        min-width: 400px;
    }
    .byd .footer .footer-links h3 {
        margin-top: 34px;
    }
}

@media screen and (max-width: 1025px) {
    .byd .footer .footer-links h3 {
        color: #fff;
        font-size: 22px;
        padding: 20px 0;
        font-weight: 600;
    }    
    .byd .footer .footer-links .qodef-e-content-inner p {
        margin-bottom: 10px;
    }    
    .byd .footer .footer-links .qodef-e-title-holder.ui-accordion-header-active.ui-state-active {
        background-color: transparent;
    }
    .byd .footer .footer-links .ui-accordion-content {
        padding: 20px 0;
    }
    .byd .footer .footer-links a {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
    }    
    .byd .footer .footer-info {
        min-width: auto;
    }    
    .byd .footer .footer-middle {
        flex-direction: column;
    }
    .byd .footer .footer-social {
        gap: 40px;
        align-items: center;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 855px) {
    .byd .footer .footer-by {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }    
    .byd .footer .footer-by > div {
        align-items: center;
        justify-content: flex-start;
    }    
}

/* Revo Slider */

body.byd #content .home-slider.revslider-initialised .tp-bullet {
    width: 40px;
    height: 8px;
    border-radius: 19px;
}

/* Page Slider */

.byd .swiper-interior, .byd .swiper-exterior {
    overflow-x: hidden;
    padding-bottom: 10px;
}

body.byd main .swiper-slide {
    cursor: pointer;
}

.byd .swiper-interior .swiper-slide h3, .byd .swiper-exterior h3 {
    font-size: 28px;
    font-weight: 400;
    color: #fff;
    margin-top: 48px;
}

.byd .swiper-exterior h3 {
    color: #000;
}

.byd .swiper-interior .swiper-slide p, .byd .swiper-exterior p {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.byd .swiper-exterior h1, .byd .swiper-exterior h2, .byd .swiper-exterior p {
    color: #000;
    line-height: 30px;
}

.byd .swiper-interior .swiper-slide img, .byd .swiper-exterior img, .byd .swiper-interior .swiper-slide video, .byd .swiper-exterior video  {
    width: 100%;
    border-radius: 20px;
    height: 500px;
    object-fit: cover;
}

.byd .swiper-interior .swiper-buttons {
    max-width: var(--container);
}

.byd .swiper-interior .swiper-pagination, .byd .swiper-exterior .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    bottom: 2px;
}

.byd .swiper-exterior .swiper-pagination {
    max-width: var(--container);
}

@media screen and (max-width: 1550px) {
    .byd .page-interior h2, .byd .page-exterior h2 {
        padding-left: 20px;
        padding-right: 20px;
    }
    .byd .swiper-exterior .swiper-pagination, .byd .swiper-interior .swiper-pagination {
        padding-left: 20px;
    }
    .byd .swiper-interior .swiper-slide h3, .byd .swiper-exterior h2, .byd .swiper-exterior h1 {
        margin-top: 28px;
    }
}

.byd .swiper-interior .swiper-pagination-bullet, .byd .swiper-exterior .swiper-pagination-bullet {
    width: 40px;
    height: 8px;
    border-radius: 19px;
    background-color: #fff;
}

.byd .swiper-exterior .swiper-pagination-bullet {
    background-color: #000;
}

@media screen and (min-width: 1550px) {
    .byd .swiper-interior .swiper-button-next, .byd .swiper-exterior .swiper-button-next {
        right: var(--global-margin);
    }
}

@media screen and (max-width: 1025px) {
    .byd .swiper-interior .swiper-buttons, .byd .swiper-exterior .swiper-buttons {
        display: none;
    }
    .byd .swiper-interior .swiper-pagination-bullet {
        background-color: #000;
    }
    .byd .swiper-interior .swiper-slide img, .byd .swiper-exterior img, .byd .swiper-interior .swiper-slide video, .byd .swiper-exterior video  {
        height: 300px;
    }
}

.byd .swiper-interior .swiper-button-prev, .byd .swiper-exterior .swiper-button-prev {
    margin-left: 20px;
}

.byd .swiper-interior .swiper-button-next, .byd .swiper-exterior .swiper-button-next {
    margin-right: 20px;
    right: 20px;
}

.byd .swiper-interior .swiper-button-prev:after, .byd .swiper-interior .swiper-button-next:after,
.byd .swiper-exterior .swiper-button-prev:after, .byd .swiper-exterior .swiper-button-next:after {
    transition: all .3s ease;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 16px;
    border-radius: 100%;
}

.byd .swiper-interior .swiper-button-prev:hover::after, .byd .swiper-interior .swiper-button-next:hover::after,
.byd .swiper-exterior .swiper-button-prev:hover::after, .byd .swiper-exterior .swiper-button-next:hover::after {
    color: #000;
    background-color: #fff;
}

@media screen and (min-width: 1299px) {
    .byd .swiper-interior .swiper-button-prev, .byd .swiper-exterior .swiper-button-prev,
    .byd .swiper-interior .swiper-button-next, .byd .swiper-exterior .swiper-button-next {
        top: 40%;
    } 
}


.byd .swiper-button-next.swiper-button-disabled, .byd .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: initial;
    display: flex;
    box-shadow: none;
}

/* Page Partner */
.byd .page-partner h1, .byd .page-partner h2, .byd .page-partner h3, .byd .page-partner ul, .byd .page-partner p {
    margin-left: auto;
    margin-right: auto;
    max-width: 1070px;
}

.byd .page-partner img, .byd .page-partner video {
    margin-left: auto;
    margin-right: auto;
    max-width: 1364px;
    border-radius: 20px;
}

.byd .page-partner img {
    width: 100%;
}

/* Page Interior */
@media screen and (max-width: 1025px) {
    .byd .page-interior {
        background-color: #fff!important;
    }
    .byd .page-interior h1, .byd .page-interior h2, .byd .page-interior h3, .byd .page-interior p {
        color: #000!important;
    }
}

/* Page More */
.byd .swiper-more-link {
    position: relative;
    border-radius: 20px;
    height: 100%;
    width: 100%;
    display: block;
}

.byd .swiper-more-link img {
    object-fit: cover;
    width: 100%;
    border-radius: 20px;
    height: 326px;
}

.byd .swiper-more-link video {
    width: 100%;
    border-radius: 20px;
}

.byd .swiper-more-link h3 {
    font-weight: 700;
    font-size: 24px;
    position: absolute;
    bottom: 26px;
    left: 50%;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    transform: translateX(-50%);
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .byd .page-more > .e-con-inner {
        display: grid;
        justify-content: center;
        align-items: start;
        grid-template-columns: repeat(2, 1fr);
    }
    .byd .page-more h3 {
        font-size: 15px!important;
        padding-bottom: 20px;
        word-break: break-all;
    }
    .byd .page-more p {
        font-size: 15px!important;
    }

    .byd .swiper-more-link h3 {
        font-size: 17px;
    }
}

/* Page Version */

.byd .page-version {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: none;
}

.byd .page-auto-respo {
    min-height: 750px;
    height: 100%;
}

.byd .byd-video-main::before, .byd .page-auto-hero .elementor-background-video-container::before, .byd .page-hero .elementor-background-video-container::before, .byd .swiper-more-link::before, .byd .page-version::before, .byd .page-versions-new-img::before, .byd .page-hero-shadow::before {
    content: "";
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, hsla(0, 0%, 0%, 1) 0%, transparent 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

html body.byd#neve_body .page-hero-auto img {
    width: 180px;
    height: 40px;
    object-fit: contain;
}

.byd .page-hero-stop .elementor-background-video-container::before {
    display: none;
}

.byd .swiper-more-link::before {
    background: linear-gradient(0deg, #000 0%, transparent 50%);
    border-radius: 20px;
}

.byd .page-version-h2-desktop {
    font-size: 46px;
    margin-bottom: 40px;
    color: #fff;
}

.byd .page-version-main {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: max-content;
}

.byd .page-version-main .page-version-content {
    overflow-x: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 60px;
}

.byd .page-version-info {
    min-width: 320px;
    max-width: 320px;
    opacity: .7;
}

.byd .page-version-info-active {
    opacity: 1;
}

.byd .page-version-info h3 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 4px solid #fff;
}

.byd .page-version-text p {
    margin-bottom: 24px;
}

.byd .page-version-info h3 {
    font-weight: 700;
    font-size: 20px;
}

.byd .page-version-text p:first-child {
    font-size: 16px;
}

.byd .page-version-main h1, .byd .page-version-main h2, .byd .page-version-info h3, .byd .page-version-info p {
    color: #fff;
}

.byd .page-version-img {
    display: none;
}

@media screen and (min-width: 1025px) {
    .byd .page-version-main img {
        display: none;
    }

    .byd .page-version-h2-mobile {
        display: none;
    }

    .byd .page-version-dots {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    .byd .page-version::before {
        display: none;
    }
    .byd .page-version-main {
        background-color: #000;
    }
    .byd .page-version-main .page-version-content {
        gap: 30px;
    }
    .byd .page-version {
        background: #f3f3f3!important;
    }
    .byd .page-version-dots {
        margin-top: 25px;
        margin-bottom: 25px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 5px;
    }
    .byd .page-dot {
        width: 40px;
        height: 8px;
        border-radius: 19px;
        opacity: 0.2;
        background-color: #fff;
    }
    .byd .page-dot-active {
        opacity: 1;
    }
    .byd .page-version-main {
        width: 100%;
    }
    .byd .page-version-main img {
        object-fit: cover;
        margin-bottom: 20px;
        height: 380px;
        width: 100%;
    }
    .byd .page-version-h2-desktop {
        display: none;
    }
    .byd .page-version-h2-mobile {
        padding-top: 20px;
        font-size: 32px;
        color: #000;
    }
    .byd .page-version-info {
        min-width: 200px;
    }
    .byd .page-version-info h3 {
        font-size: 18px;
    }
    .byd .page-version-info h3, .byd .page-version-text p {
        margin-bottom: 10px;
    }
    .byd .page-version-main .page-version-content {
        justify-content: flex-start;
    }
    .byd .page-version-row {
        background: linear-gradient(180deg, #f3f3f3 0, #f3f3f3 100px, #000000 100px, #000000 100%)
    }
    .byd .page-versions h1, .byd .page-versions h2, .byd .page-version-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width: 450px) {
    .byd .page-version-main img {
        height: 210px;
        margin-bottom: 16px;
    }
}


/* Page Version New */
.byd .page-versions-new-shortcode {
    background-color: #F3F3F3;
}

.byd .page-versions-new {
    height: 100%;
}

.byd .page-versions-new-img {
    height: 471px;
    width: 100%;
    position: relative;
}

.byd .page-versions-new-img img {
    height: 471px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.byd .page-versions-new-content {
    position: relative;
    top: -200px;
    scroll-snap-type: x mandatory;
    scroll-padding: 5px;
    overflow-x: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 16px;
}

@media screen and (max-width: 1300px) {
    .byd .page-versions-new-content {
        justify-content: flex-start;
    }
}

.byd .page-versions-new-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 6%;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 0;
}

.byd .page-versions-new-title h2 {
    font-size: 46px;
    text-align: center;
    color: #fff;
    z-index: 1;
}

@media screen and (min-width: 600px) {
    .byd .page-versions-new-dots {
        display: none;
    }
}

.byd .page-versions-new-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 31px;
}

.byd .page-versions-new-info p {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
}

@media screen and (max-width: 600px) {
    .byd .page-versions-new-info {
        height: 48px;
    }
    .byd .page-versions-new-title {
        padding-top: 25%;
    }
    .byd .page-versions-new-title h2 {
        font-size: 28px;
    }
    .byd .page-versions-new-dots {
        margin-top: 25px;
        margin-bottom: 25px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 5px;
        position: relative;
        top: -200px;
    }
    .byd .page-versions-new-dot {
        width: 40px;
        height: 8px;
        border-radius: 19px;
        opacity: 0.2;
        background-color: #000;
    }
    .byd .page-versions-new-dot-active {
        opacity: 1;
    }
}

.byd .page-versions-new-button {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    margin-top: 0;
    position: relative;
    top: -100px;
}

.byd .page-versions-new-button a {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 550px) {
    .byd .page-versions-new-button a {
        max-width: 100%;
    }
}

.byd .page-version-new-info {
    width: 100%;
    max-width: 520px;
    position: relative;
    scroll-snap-align: start;
    min-width: 380px;
}

.byd .page-version-new-info-subtitle {
    margin-top: 0;
    margin-bottom: 12px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
}

@media screen and (max-width: 420px) {
    .byd .page-version-new-info {
        min-width: 95vw;
    }
}

.byd .page-version-new-info:first-child {
    margin-left: 20px;
}

.byd .page-version-new-info:last-child {
    margin-right: 20px;
}

.byd .page-version-new-info h3 {
    font-size: 27px;
    margin-bottom: 12px;
    margin-top: 0;
    color: #fff;
    text-align: center;
}

.byd .page-version-new-info h4 {
    font-size: 20px;
    margin-bottom: 24px;
    margin-top: 0;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 1280px) {
    .byd .page-version-new-info h4 {
        margin-bottom: 0;
    }
}

.byd .page-version-new-img {
    height: 150px;
    padding-left: 28px;
    padding-right: 28px;
}

.byd .page-version-new-img img {
    position: relative;
    z-index: 1;
    min-height: 200px;
    object-fit: contain;
    width: auto;
    object-position: bottom;
}

@media screen and (max-width: 1280px) {
    .byd .page-version-new-img {
        height: 130px;
    }

    .byd .page-version-new-img img {
        min-height: 180px;
    }
}

.byd .page-version-new-content {
    background-color: #fff;
    border-radius: 20px;
    padding-top: 60px;
    padding-left: 26px;
    padding-right: 26px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.byd .page-version-new-text {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    width: 100%;
}

.byd .page-version-new-text-content-hidden {
    overflow-y: hidden;
    max-height: 0;
    transition: all .6s ease;
}

.byd .page-version-new-info-active .page-version-new-text-content-hidden {
    max-height: 650px;
}

.byd .page-version-new-text-button {
    background-color: transparent;
    color: #000;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}
.byd .page-version-new-text-button {
    background-color: transparent;
    color: #000;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 20px;
}

.byd .page-version-new-text-button img {
    margin-left: 8px;
    width: 7px;
    height: 12px;
    transform: rotate(90deg);
}

.byd .page-version-new-info-active .page-version-new-text-button img {
    transform: rotate(270deg);
}

.byd .page-version-new-text p {
    margin-bottom: 5px;
    font-size: 15px;
}

.byd .page-version-new-colors {
    margin-top: 30px;
}

.byd .page-version-new-colors img:not(:last-child) {
    margin-right: 6px;
}

.byd .page-versions-new-button,
.byd .page-version-new-button {
    width: 100%;
    margin-top: 25px;
}

.byd .page-versions-new-button a,
.byd .page-version-new-button a {
    width: 100%;
    padding: 13px 15px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border: 2px solid #000;
    display: block;
    text-align: center;
}

/* Blog Slider */

.byd.paged #content {
    background-color: #f3f3f3;
}

.byd .home-slider-right, .byd .home-slider-left {
    cursor: pointer;
    transition: .3s all cubic-bezier(0.39, 0.575, 0.565, 1);
}

.byd .home-slider-right img, .byd .home-slider-left img,
.byd .home-slider-mobile-right img, .byd .home-slider-mobile-left img {
    max-width: 48px;
}

.byd .home-slider-right:hover, .byd .home-slider-left:hover {
    transform: scale(1.02);
}

.byd #lightSlider {
    margin-top: 20px;
    height: 100%!important;
}

.byd #lightSlider ~ .lSAction {
    display: none!important;
}

@media screen and (max-width: 768px) {
    .home-slider-mobile {
        display: none;
    }
    .byd .home-feature-line {
        display: none!important;
    }
}

@media screen and (max-width: 550px) {
    .byd .home-blog-slider .home-blog-button {
        margin-bottom: 22px;
    }
    .byd .home-blog-slider .home-blog-button a {
        width: 100%;
    }
}

.byd .home-feature-post p, .byd .blog-feature-post p {
    color: #000;
}

.byd .home-feature-post img, .byd .blog-feature-post img {
    border-radius: 19px;
    margin-bottom: 24px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    aspect-ratio: 15 / 9;
}

@media only screen and (max-width: 768px) {
    .byd .home-feature-post img, .byd .blog-feature-post img {
        max-width: 100%;
        width: 100%;
        height: 100%;
        aspect-ratio: 15/9;
        min-height: auto;
    }
}

.byd .blog-feature-post-div {
    width: 100%;
}

.byd .home-feature-post .home-feature-post-link, .byd .blog-feature-post .blog-feature-post-link {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.byd .home-feature-post .home-feature-post-date, .byd .blog-feature-post .blog-feature-post-date {
    font-size: 20px;
    margin-bottom: 16px;
    line-height: 1;
    text-align: left;
    width: 100%;
}

.byd .home-feature-post .home-feature-post-title, .byd .blog-feature-post .blog-feature-post-title {
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    width: 100%;
    margin-bottom: 16px;
    line-height: 1.1;
}

.byd .home-feature-line {
    width: 100%;
    padding-bottom: 38px;
    margin-bottom: 38px;
    border-bottom: 1px solid #b4b4b4;
}

/* Blog */
.byd .blog, .byd.category #content {
    background-color: #f3f3f3;
}

.byd .blog-content {
    display: grid;
    justify-content: center;
    align-items: start;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.byd .blog-feature-post.blog-feature-post-first {
    grid-column: 1 / -1;
}

.byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 40px;
}

.byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link img {
    width: 100%;
    max-width: 750px;
    height: 100%;
    max-height: 450px;
    object-fit: cover;
}

.byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link .blog-feature-post-title {
    font-size: 32px;
}

.byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link .blog-feature-post-description {
    margin-top: 16px;
    font-size: 18px;
    color: #000;
}

.byd .nv-thumb-wrap {
    margin-bottom: 20px;
}

.byd .nv-content-wrap {
    color: #66686e;
}

.byd .nv-content-wrap strong {
    color: #000;
}

.byd .post .qodef-grid-item div.qodef-e-inner,
.byd .post .qodef-grid-item a.qodef-popup-item img {
    border-radius: 19px;
}

@media only screen and (max-width: 680px) {
    .byd .post .e-con-inner {
        height: 100%;
        min-height: 100%;
        display: block;
    }
    .byd .post .qodef-grid-inner {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .byd .post .qodef-grid-item {
        width: 100%;
    }
}

/* Container Style */
.byd .social-share-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Center the buttons horizontally */
    gap: 15px; /* Space between each button */
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.byd .social-share-buttons p {
    margin-bottom: 0;
}

/* Individual Button Styles */
.byd .social-share-buttons a {
    width: 50px;
    height: 50px;
    padding: 10px; /* Button padding */
    text-decoration: none;/* Remove underline from the links */
    border-radius: 5px; /* Rounded corners for the buttons */
    font-weight: bold; /* Bold text for better visibility */
    transition: border 0.3s, background-color 0.3s; /* Smooth background color transition for hover effect */
    border: 2px solid #262828;
}

.byd .social-share-buttons svg {
    width: 100%;
    height: 100%;
}

.byd .social-share-buttons svg,
.byd .social-share-buttons svg path {
    transition: all 0.3s;
}

/* Color and Hover Styles for Each Social Network */
.byd .social-share-buttons a[href*="facebook.com"]:hover,
.byd .social-share-buttons a[href*="twitter.com"]:hover {
    border-color: #262828;
    background-color: #262828;
}

.byd .social-share-buttons a[href*="facebook.com"]:hover svg path,
.byd .social-share-buttons a[href*="twitter.com"]:hover svg path {
    fill: #fff;
}

@media screen and (max-width: 1200px) {
    .byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link img {
        max-width: 550px;
    }
    .byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link .blog-feature-post-title {
        font-size: 28px;
        line-height: 1.2;
    }
    .byd .blog-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1024px) {
    .byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link img {
        max-width: 450px;
    }
}

@media screen and (max-width: 768px) {
    .byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link img {
        max-width: 100%;
        aspect-ratio: 15/9;
    }
    .byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link {
        flex-direction: column;
        gap: 20px;
    }
    .byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link .blog-feature-post-title {
        font-size: 18px;
    }
    .byd .blog-feature-post.blog-feature-post-first .blog-feature-post-link .blog-feature-post-description {
        font-size: 16px;
    }
    .byd .blog-content {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Breadcrumb */
.byd div.breadcrumb {
    margin-top: 120px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px;
}

.byd .breadcrumb p,
.byd .breadcrumb a {
    color: #676767;
    font-size: 14px;
    margin-bottom: 0;
}

.byd .breadcrumb a:last-child {
    color: #000000;
}

/* Pagination */

.byd .posts-pagination {
    margin-top: 50px;
}

.byd .posts-pagination > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 8px;
}

.byd .posts-pagination > div .page-numbers {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.byd .posts-pagination > div .current,
.byd .posts-pagination > div .page-numbers:not(.next, .prev) {
    background-color: #fff;
    color: #000;
    border-radius: 9px;
    padding: 4px 14px;
}

.byd .posts-pagination > div .page-numbers.current  {
    background-color: #000;
    color: #fff;
}

.byd.single #content .post h1.title.entry-title {
    font-size: 46px;
    font-weight: 400;
}

.byd.single #content .post .entry-header {
    margin-bottom: 30px;
}

.byd.single #content .container.single-post-container > .row {
    flex-direction: column;
}

.byd.single #content .post ~ .nv-sidebar-wrap {
    max-width: 100%;
}

.byd.single #content .post .elementor-widget-heading .elementor-heading-title  {
    color: #000;
}

.byd .single-post-container, .byd.single #content {
    background-color: #fff;
}

@media screen and (max-width: 550px) {
    .byd.single #content .post h1.title.entry-title {
        font-size: 32px;
    }
}


/* Related */

.byd.single #content .post ~ .related-posts {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

.byd.single #content .post ~ .related-posts .blog-feature-post-title {
    font-size: 16px;
    line-height: 1.2;
}

.byd.single #content .post ~ .related-posts .blog-feature-post-date {
    font-size: 14px;
}

@media screen and (min-width: 960px) {
    .byd.single #content .post ~ .related-posts, .byd .social-share-buttons {
        max-width: 72%;
    }
}

.byd.single #content .post ~ .related-posts .related-posts-content {
    display: grid;
    justify-content: center;
    align-items: start;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

@media screen and (max-width: 1025px) {
    .byd.single #content .post ~ .related-posts .related-posts-content {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 550px) {
    .byd.single #content .post ~ .related-posts .related-posts-content {
        grid-template-columns: repeat(1, 1fr);
    }
    .byd.single #content .post ~ .related-posts .blog-feature-post img {
        min-height: 200px;
    }
}

/* Home */

.byd .home-box-text p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1025px) {
    .byd .home-blog {
        padding-bottom: 0;
        height: auto;
        min-height: auto;
    }
    .byd .home-feature-post .home-feature-post-date {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 550px) {
    .byd .home-box-buttons .elementor-element, .byd .home-box-buttons a.elementor-button.elementor-button-link {
        width: 100%;
    }
}

@media screen and (min-width: 582px) {
    body.byd #content .home-box-buttons-grid {
        max-width: max-content;
    }
    body.byd #content .home-box-buttons-grid a {
        width: 100%;
        max-width: 290px;
        display: block;
    }

    body.byd #content .home-box-buttons-grid .e-con-inner > .elementor-element {
        width: 100%;
    }
}

@media screen and (min-width: 582px) and (max-width: 768px) {
    body.byd #content .home-box-buttons-grid .e-con-inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Page */
body.byd #content .page-subsidy-price-text {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

body.byd #content .elementor-element.page-hero, body.byd #content .elementor-element.page-hero video {
    min-height: 100vh;
    min-height: 100dvh;
}

body.byd #content .elementor-element.page-hero-menu {
    margin-top: 88px;
    min-height: calc(100vh - 88px);
    min-height: calc(100dvh - 88px);
}

body.byd #content .elementor-element.page-respo {
    min-height: calc(100vh - 88px);
    min-height: calc(100dvh - 88px);
}

.byd .respo-height {
    height: calc(100vh - 88px)!important;
    height: calc(100dvh - 88px)!important;
}

@media screen and (max-width: 1025px) {
    body.byd #content .elementor-element.page-hero-menu, .byd .store-page,
    body.byd #content .elementor-element.page-hero-menu, .byd .libre-stores {
        margin-top: 68px;
        min-height: calc(100vh - 68px);
        min-height: calc(100dvh - 68px);
    }
    body.byd #content .elementor-element.page-respo {
        min-height: calc(100vh - 68px);
        min-height: calc(100dvh - 68px);
    }
    .byd .respo-height {
        height: calc(100vh - 68px)!important;
        height: calc(100dvh - 68px)!important;
    }
}

body.byd #content .elementor-element.page-main-info {
    max-width: max-content;
}

.byd .page-winner img {
    max-width: 118px;
    height: auto;
}

/* Page - Scroll */
.byd .page-scroll {
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100vh;
    height: 100dvh;
}
.byd .page-scroll-snap {
    scroll-snap-align: end;
}
.byd .page-scroll-end {
    scroll-snap-stop: always;
    scroll-snap-align: start;
}
.byd .page-scroll-stop {
    scroll-snap-type: none;
}

.byd .page-version-content {
    scroll-snap-type: x mandatory;
    scroll-padding: 5px;
}
.byd .page-version-info {
    scroll-snap-align: start;
}
.byd .page-image-design img {
    max-width: 130px;
}
@media screen and (max-width: 1025px) {
    .byd .page-image-design img {
        max-width: 90px;
    }
}

/* Page - Slider More */
@media screen and (max-width: 1025px) {
    .byd .page-slider-more-main {
        padding: 0;
    }
    .byd .page-slider-more {
        overflow-x: hidden;
    }
}

/* Page - Test Drive */
.byd .page-test-drive {
    max-width: 812px;
    margin-left: auto;
    margin-right: auto;
}

.byd .page-test-drive h1, .byd .page-test-drive h2 {
    margin-bottom: 60px;
}

/* Page - Drive Experience - CF7 message as fixed toast */
.byd .page-drive-experience .wpcf7 form .wpcf7-response-output {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 90;
    max-width: 360px;
    margin: 0;
    padding: 16px 20px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
    animation: translateY .3s ease;
    font-size: 17px;
}

@media screen and (max-width: 768px) {
    .byd .page-drive-experience .wpcf7 form .wpcf7-response-output {
        left: 16px;
        right: 16px;
        bottom: 16px;
        max-width: none;
        text-align: center;
    }
}

/* CF7 validates on change; show errors only after send */
.byd .page-drive-experience .wpcf7 form:not(.invalid) .wpcf7-not-valid-tip {
    display: none;
}

.byd .form-select, .byd .form-car-top, .byd .form-car-top select {
    transition: all .5s ease;
}

.byd .form-car-top select {
    opacity: 0;
}

.byd .test-drive-events .form-car-top select, .byd .form-car-top-active {
    opacity: 1!important;
}

.byd .form-car-top select option[value='BYD SEAL'] {
    background-image: url("/wp-content/uploads/2024/02/main-menu-byd-syl-x2.png");
}

.byd .form-car-top .form-select select {
    border-bottom: none!important;
    font-weight: 700;
    white-space: break-spaces;
}

@media screen and (min-width: 1024px) {
    .byd .form-top .form-select-full {
        grid-column: span 2;
    }
}

.byd .form-car-top {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-direction: row;
}

.byd .form-car-image {
    width: 100%;
    display: flex;
    text-align: right;
    justify-content: flex-end;
    flex-direction: row;
}

.byd .form-car-image img {
    max-height: 142px;
}

/* Contact */
.byd .form-interest, .byd .form-car-top, .byd .form-top,.byd .form-middle,.byd .form-bottom,
.byd .form-text, .byd .form-select, .byd .form-textarea,
.byd .form-text input, .byd .form-date input, .byd .form-select input, .byd .form-select select, .byd .form-textarea textarea {
    width: 100%;
}

.byd .form-select input, .byd .form-select select  {
    background-image: inherit;
    background: url('/wp-content/uploads/2024/03/icon-arrow-down.svg');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px;
}

.byd .form-text input, .byd .form-select input, .byd .form-select select, .byd .form-date input  {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #BABABA;
    background-color: transparent;
}

.byd .form-textarea textarea {
    border-bottom: 1px solid #BABABA;
    height: 96px;
    border-radius: 0;
    background-color: transparent;
}

.byd .form-textarea label {
    margin-bottom: 20px;
}

.byd .form-checkbox {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
    gap: 10px;
}

.byd .form-checkbox input {
    appearance: none;
    -webkit-appearance: none;
    font-size: 24px;
    padding: 3px;
    border: 1px solid #969696;
    border-radius: 100%;
}

.byd .form-checkbox input::before {
    content: "";
    width: 100%;
    height: 100%;
    clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
    transform: scale(0);
    background-color: #fff;
}

.byd .form-checkbox input:checked {
    background-color: #000;
    border: 1px solid #000;
}

.byd .form-checkbox input:checked::before {
    transform: scale(1);
    display: block;
}

.byd .form-checkbox span {
    max-width: max-content;
}

.byd .form-checkbox label input {
    margin-left: 16px;
}

.byd .form-checkbox label span {
    display: none;
}


.byd .form-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 10px;
}

.byd .newsletter-button input,
.byd .form-bottom .form-button input {
    border: 2px solid #000;
    color: #000;
    font-weight: 700;
    background-color: transparent;
    transition: .3s all ease;
    padding: 16px 46px;
    border-radius: 0;
}

.byd .newsletter-button input:hover,
.byd .form-bottom .form-button input:hover {
    border: 2px solid #000;
    color: #fff;
    background-color: #000;
    border-radius: 0;
}

.byd .newsletter-button,
.byd .form-bottom .form-button {
    width: 100%;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
}

.byd .newsletter-button {
    max-width: max-content;
    margin-top: 0;
}

.byd .page-newsletter .newsletter-button,
.byd .page-newsletter .newsletter-button input {
    width: 100%;
    max-width: 100%;
}

.byd .page-newsletter .newsletter-button input {
    border-color: #000;
    color: #000;
}

@media screen and (max-width: 500px) {
    .byd .newsletter-button {
        max-width: 100%;
    }
    .byd .newsletter-button input {
        width: 100%;
    }
}

.byd .newsletter-button input {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
    line-height: 1.2;
}

.byd .newsletter-button input:hover {
    border-color: #fff;
    color: #000;
    background-color: #fff;
}

.byd .newsletter-top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16.5px;
}

.byd .page-newsletter .newsletter-top {
    flex-direction: column;
    width: 100%;
}

.byd .newsletter-top .newsletter-input {
    width: 100%;
    max-width: 370px;
}

.byd .page-newsletter .newsletter-top .newsletter-input {
    max-width: 100%;
}

@media screen and (max-width: 500px) {
    .byd .newsletter-top {
        align-items: flex-start;
        flex-direction: column;
    }
    .byd .newsletter-top .newsletter-input {
        max-width: 100%;
    }
}

.byd .newsletter-top .newsletter-input input {
    height: 54px;
    border-radius: 0;
    border: navajowhite;
    width: 100%;
}

.byd .footer-newsletter .form-checkbox input {
    border-color: #fff!important;
    border-radius: 0;
}

.byd .footer-newsletter .wpcf7-response-output {
    color: #fff!important;
}

.byd .footer-newsletter .form-checkbox {
    color: #fff;
    margin-top: 20px;
}

.byd .footer-newsletter .form-checkbox a {
    font-weight: 500;
    color: #fff;
    text-decoration: underline;
}

.byd .footer-newsletter .form-checkbox .wpcf7-list-item {
    margin-left: 0;
}

.byd .contact-test-drive form .form-top, .byd .contact-form form .form-top, body.byd main .form-interest {
    display: grid;
    justify-content: center;
    align-items: start;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

body.byd main .form-interest {
    margin-bottom: 50px;
}

body.byd main .form-interest input {
    font-weight: 700;
}

body.byd main#content .form-title h1 span, body.byd main#content .form-title h2 span {
    font-weight: 700;
}

body.byd main#content .form-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
    width: 100%;
}

body.byd main#content .form-price p {
    margin-bottom: 0;
    font-size: 20px;
}

body.byd main#content .form-price .form-price-active {
    font-size: 32px;
    font-weight: 700;
}

.byd .contact-test-drive form, .byd .contact-form form {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
}

.byd .form-recipient {
    display: none;
}

@media screen and (max-width: 1025px) {
    .byd .contact-test-drive form .form-top, .byd .contact-form form .form-top, body.byd main .form-interest  {
        grid-template-columns: repeat(1, 1fr);
    }
    .byd .form-bottom .form-button input {
        width: 100%;
    }
    .byd .form-textarea textarea {
        height: 150px;
    }
}

/* Test Drive Appointment Picker */
/* The date input and the time select inherit their look from .form-date and .form-select
   above. .byd-calendar is booking-picker.js's own calendar ([booking_date]); the flatpickr
   rules after it recolour date-picker.js's calendar ([date_picker]) to match. */
.byd .form-date input {
    color: var(--formfieldcolor);
    padding: var(--formfieldpadding);
    font-family: var(--bodyfontfamily);
    font-size: var(--formfieldfontsize);
}

.byd .form-date .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.byd .form-date input[readonly] {
    cursor: pointer;
}

.byd .form-date input:disabled, .byd .form-select select:disabled {
    cursor: not-allowed;
    color: #BABABA;
    opacity: 1;
    -webkit-text-fill-color: #BABABA;
}

.byd .byd-calendar {
    position: absolute;
    z-index: 20;
    top: calc(100% + 8px);
    left: 0;
    width: 300px;
    max-width: 100%;
    padding: 16px;
    background-color: #FFFFFF;
    border: 1px solid #BABABA;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}

.byd .byd-calendar[hidden] {
    display: none;
}

.byd .byd-calendar-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.byd .byd-calendar-title {
    font-size: 15px;
    font-weight: 700;
}

.byd .byd-calendar-step {
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 20px;
    line-height: 1;
    color: #000000;
    background: none;
    border: 1px solid #BABABA;
    border-radius: 0;
    cursor: pointer;
}

.byd .byd-calendar-step:disabled {
    color: #BABABA;
    border-color: #E6E6E6;
    cursor: not-allowed;
}

.byd .byd-calendar-weekdays, .byd .byd-calendar-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.byd .byd-calendar-weekdays {
    margin-bottom: 4px;
}

.byd .byd-calendar-weekdays span {
    padding: 4px 0;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #757575;
}

.byd .byd-calendar-day {
    aspect-ratio: 1 / 1;
    padding: 0;
    font-size: 14px;
    line-height: 1;
    color: #000000;
    background: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
}

.byd .byd-calendar-day:hover:not(:disabled) {
    background-color: #F0F0F0;
}

/* Closed days, holidays and anything outside the booking window all land here. */
.byd .byd-calendar-day:disabled {
    color: #D4D4D4;
    cursor: not-allowed;
}

.byd .byd-calendar-day.is-blank {
    cursor: default;
}

.byd .byd-calendar-day.is-selected {
    color: #FFFFFF;
    background-color: #000000;
}

@media screen and (max-width: 1025px) {
    .byd .byd-calendar {
        width: 100%;
    }
}

.byd .flatpickr-calendar {
    font-family: var(--bodyfontfamily);
    border-radius: 0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .12);
}

.byd .flatpickr-day {
    border-radius: 0;
}

.byd .flatpickr-day.today {
    border-color: #BABABA;
}

.byd .flatpickr-day.selected, .byd .flatpickr-day.selected:hover {
    color: #FFFFFF;
    background-color: #000000;
    border-color: #000000;
}

/* Days without a free time, and anything outside the 90-day booking window. */
.byd .flatpickr-day.flatpickr-disabled, .byd .flatpickr-day.flatpickr-disabled:hover {
    color: #D4D4D4;
}

/* Times already taken on the chosen day. */
.byd .form-select select option:disabled {
    color: #BABABA;
}

/* Single */
.byd .post .qodef-qi-image-gallery .qodef-e-inner,
.byd .post .qodef-qi-image-gallery .qodef-e-inner .qodef-popup-item,
.byd .post .qodef-qi-image-gallery .qodef-e-inner .qodef-popup-item img {
    height: 100%;
}

.byd .post .entry-content h1,
.byd .post .entry-content h2,
.byd .post .entry-content h3 {
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.byd .post .entry-content p,
.byd .post .entry-content ul li {
    color: #6a6a6a;
}

.byd .nv-thumb-wrap > img,
.byd .post .elementor-widget-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    border-radius: 20px;
    aspect-ratio: 15/9;
}

/* Contact */
.byd .contact-location-div {
    max-width: 552px;
    width: 100%;
}

@media screen and (max-width: 1025px) {
    .byd .contact-location-div {
        max-width: 100%;
    }
}

/* Pop-up */
body.byd .popmake-content {
    overflow-x: auto;
}

body.byd #popmake-6387.pum-container,
body.byd #popmake-6350.pum-container,
body.byd #popmake-6284.pum-container,
body.byd #popmake-6289.pum-container,
body.byd #popmake-2260.pum-container {
    padding: 20px 40px;
    border: none;
    box-shadow: none;
    border-radius: 10px;
}
body.byd #popmake-6387.pum-container tbody td,
body.byd #popmake-6350.pum-container tbody td,
body.byd #popmake-6284.pum-container tbody td,
body.byd #popmake-6289.pum-container tbody td,
body.byd #popmake-2260.pum-container tbody td {
    border-bottom: none;
    font-size: 14px;
    min-width: 150px;
    padding: 20px 10px;
}
body.byd #popmake-6387.pum-container tbody > tr:first-child td,
body.byd #popmake-6350.pum-container tbody > tr:first-child td,
body.byd #popmake-6284.pum-container tbody > tr:first-child td,
body.byd #popmake-6289.pum-container tbody > tr:first-child td,
body.byd #popmake-2260.pum-container tbody > tr:first-child td {
    border-bottom: 1px solid #f3f3f3;
    font-size: 15px;
}
body.byd #popmake-6387.pum-container .wp-block-table,
body.byd #popmake-6350.pum-container .wp-block-table,
body.byd #popmake-6284.pum-container .wp-block-table,
body.byd #popmake-6289.pum-container .wp-block-table,
body.byd #popmake-2260.pum-container .wp-block-table {
    overflow-x: auto;
    width: 100%;
}

body.byd #popmake-6387 > button,
body.byd #popmake-6350 > button,
body.byd #popmake-6284 > button,
body.byd #popmake-6289 > button,
body.byd #popmake-2260 > button {
    height: 46px;
    width: 46px;
    right: 8px;
    top: 8px;
    color: #000;
    font-size: 55px;
    border: none;
    box-shadow: none;
    text-shadow: none;
    background-color: transparent;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
    padding-right: 0;
}

@media screen and (min-width: 1025px) {
    body.byd #popmake-6387 > button,
    body.byd #popmake-6350 > button,
    body.byd #popmake-6284 > button,
    body.byd #popmake-6289 > button,
    body.byd #popmake-2260 > button {
        display: none;
    }
}

@media screen and (max-width: 1025px) {
    body.byd #popmake-6387.pum-container,
    body.byd #popmake-6350.pum-container,
    body.byd #popmake-6284.pum-container,
    body.byd #popmake-6289.pum-container,
    body.byd #popmake-2260.pum-container {
        padding: 24px;
    }
}

/* Configurator */
.byd .page-config {
    overflow: hidden;
}

.byd .page-config-right {
    max-width: 550px;
    overflow-y: auto;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    border-left: 1px solid #BABABA;
    overflow-x: hidden;
}

@media screen and (min-width: 1300px) {
    .byd .page-config:not(.byd .page-config-auto) .page-config-right, .byd .page-config-left {
        max-height: calc(100vh - 88px);
        max-height: calc(100dvh - 88px);
    }
    
    .byd .page-config:not(.byd .page-config-auto) .page-config-image, .byd .page-config-image-placeholder {
        height: calc(100vh - 88px);
        height: calc(100dvh - 88px);
    }
}

@media screen and (max-width: 1299px) {
    .byd .page-config:not(.byd .page-config-auto) {
        flex-direction: column;
    }
    .byd .page-config:not(.byd .page-config-auto) .page-config-right {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media screen and (min-width: 992px) {
    .byd .page-config-auto .page-config-right, .byd .page-config-auto .page-config-left {
        max-height: calc(100vh);
        max-height: calc(100dvh);
    }
    
    .byd .page-config-auto .page-config-image, .byd .page-config-auto .page-config-image-placeholder {
        height: calc(100vh);
        height: calc(100dvh);
    }
}

@media screen and (max-width: 991px) {
    .byd .page-config-auto {
        flex-direction: column;
    }
    .byd .page-config-auto .page-config-right {
        padding-right: 20px;
        padding-left: 20px;
    }
}

.byd .page-config-color.page-config-color-disabled, .byd .page-config-color-url, .byd .page-config-color-text, .byd .page-config-exterior-price, .byd .page-config-interior-price,.byd .page-config-radio-price, .byd .page-config-radio-start-price, .byd .page-config-radio-subsidy-price, .byd .page-config-radio-euro-price, .page-config-radio-type, .page-config-radio-bonus-price {
    display: none;
}

.byd .page-config-exterior-color-active .page-config-color-text, .byd .page-config-interior-color-active .page-config-color-text {
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
}

.byd .menu-reactive-cars::-webkit-scrollbar,
.byd .menu-reactive-cars::-webkit-scrollbar-thumb,
.byd .page-config-image-placeholder::-webkit-scrollbar,
.byd .page-config-image-placeholder::-webkit-scrollbar-thumb,
.byd .page-versions-new-content::-webkit-scrollbar,
.byd .page-versions-new-content::-webkit-scrollbar-thumb {
    background: transparent;
    height: 0;
    width: 0;
}

.byd .page-config-image-placeholder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 16px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
    scroll-snap-type: x mandatory;
    opacity: 0;
}

.byd .page-config-image-placeholder-active {
    transition: all .3s ease;
    opacity: 1;
}

.byd .page-config-image-placeholder img {
    scroll-snap-align: start;
    width: 100%;
    object-fit: cover;
}

.byd .page-config-colors h3 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 13px;
}

.byd .page-config-colors-content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1px;
    flex-wrap: wrap;
    padding-bottom: 40px;
}

.byd .page-config-colors-disabled {
    display: none;
}

.byd .page-config-version-content {
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.byd .page-config-version-radio-active ~ .page-config-version-content {
    max-height: 2000px;
    margin-top: 30px;
}

.byd .page-config-color {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all .2s ease;
    width: 77px;
    height: 77px;
    position: relative;
    margin-bottom: 15px;
}

.byd .page-config-color img {
    border-radius: 100%;
    object-fit: cover;
    width: 44px;
    height: 44px;
}

.byd .page-config-color-main {
    position: absolute;
    margin-bottom: 0;
    min-width: 140px;
    left: 50%;
    top: calc(100% + 10px);
    white-space: break-spaces;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    line-height: 1.1;
}

.byd .page-config-exterior-color-active .page-config-exterior-price {
    margin-top: 10px;
    display: block;
    color: #969696;
}

.byd .page-config-exterior-color-active, .byd .page-config-interior-color-active {
    border: 3px solid #0058FF;
    border-radius: 100%;
    padding: 2px 5px;
}

.byd .page-config-versions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 32px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b4b4b4;
}

.byd .page-config-version {
    width: 100%;
}

.byd .page-config-version-radio {
    width: 100%;
    padding: 29px 16px;
    background-color: #F3F3F3;
    border: 2px solid #000;
    position: relative;
}

body.byd main#content .zero-margin a,
body.byd main#content .zero-margin h1,
body.byd main#content .zero-margin h2,
body.byd main#content .zero-margin h3,
body.byd main#content .zero-margin h4,
body.byd main#content .zero-margin p {
    margin-top: 0;
    margin-bottom: 0;
}

.byd .page-config-version-radio p {
    margin-bottom: 0;
}

.byd .page-config-version-radio label {
    font-weight: 700;
    font-size: 20px;
}

.byd .page-config-version-radio input {
    position: absolute;
    right: 16px;
    top: 24px;
    width: 32px;
    height: 32px;
    appearance: none;
    -webkit-appearance: none;
    font-size: 24px;
    padding: 3px;
    border: 1px solid #000;
    border-radius: 100%;
}

.byd .page-config-version-radio input::before {
    content: "";
    width: 100%;
    height: 100%;
    clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
    transform: scale(0);
    background-color: #fff;
}

.byd .page-config-version-radio input:checked {
    background-color: #00BE49;
    border: 1px solid #00BE49;
}

.byd .page-config-version-radio input:checked::before {
    transform: scale(1);
    display: block;
}

body.byd main .page-config-button .elementor-button {
    margin-top: 5px;
    width: 100%;
    border-style: none!important;
}

body.byd main .page-config-button .elementor-button-wrapper, body.byd main .page-config-button.page-config-button-active .elementor-button-wrapper {
    transform: translateY(100%);
    transition: transform .4s ease;
    top: -72px;
    position: relative;
}

@media screen and (max-width: 1025px) {
    body.byd main .page-config-button .page-config-button-float {
        position: fixed;
        top: initial;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(0);
        padding-bottom: 5px;
        padding-top: 5px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: #fff;
        width: 100%;
    }
    body.byd main .page-config-button .page-config-button-float a {
        margin-top: 0;
    }
}

.byd .page-config-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
}

.byd .page-config-price p {
    margin-bottom: 0;
}

.byd .page-config-price-text {
    font-size: 20px;
}

.byd .page-config-price-element {
    font-size: 32px;
    font-weight: 700;
}

.byd .page-config-price-analysis-div {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-direction: row;
}

.byd .page-config-price-analysis-start-element,
.byd .page-config-price-analysis-subsidy-element,
.byd .page-config-price-analysis-euro-element {
    font-weight: 500;
}

.byd .page-config-price-analysis-color {
    display: none;
}

.byd .page-config-price-analysis-color-active {
    display: flex;
}

.byd .page-config-price-analysis-euro:not(.page-config-price-analysis-div) {
    font-size: 14px;
    margin-top: 0;
}

.byd .page-config-image {
    position: relative;
}

.byd .page-config-image-navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.byd .page-config-image-navigation-prev, .byd .page-config-image-navigation-next {
    position: absolute;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: -30px;
}

.byd .page-config-image-navigation-prev::after {
    transform: rotate(180deg);
    left: 0;
}

.byd .page-config-image-navigation-next::after {
    right: 0;
}

.byd .page-config-image-navigation-prev::after, .byd .page-config-image-navigation-next::after {
    content: "";
    position: absolute;
    background-image: url('/wp-content/uploads/2024/03/Arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 17px;
    transition: all .3s ease;
}

.byd .page-config-image-navigation-prev:hover::after {
    transform: scale(1.03) rotate(180deg);
}

.byd .page-config-image-navigation-next:hover::after {
    transform: scale(1.03);
}

.byd .page-config-image-navigation-prev {
    left: 10px;
}

.byd .page-config-image-navigation-next {
    right: 10px;
}

.byd .page-config-image-select {
    position: absolute;
    bottom: 40px;
    left: 40px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-direction: row;
    cursor: pointer;
    z-index: 2;
    background-color: #efefef;
    transition: all .3s ease;
    border: 2px solid transparent;
}

.byd .page-config-image-select:hover {
    border: 2px solid #000;
}

.byd .page-config-image-select-img {
    object-fit: cover;
    width: 80px;
    height: 40px;
}

.byd .page-config-image-select-text {
    margin: 0;
    font-weight: 700;
    font-size: 15px;
}

@media screen and (min-width: 1299px) {
    .byd .page-config:not(.byd .page-config-auto) .page-config-interest {
        background-color: #fff;
        position: sticky;
        bottom: -29px;
        padding-bottom: 20px;
        padding-left: 30px;
        padding-right: 30px;
        left: 0;
        right: 0;
        margin-left: -6%;
        width: 112%;
    }
}

@media screen and (min-width: 992px) {
    .byd .page-config-auto .page-config-interest {
        background-color: #fff;
        position: sticky;
        bottom: -29px;
        padding-bottom: 20px;
        left: 0;
        right: 0;
        margin-left: -6%;
        width: 112%;
    }
}

@media screen and (max-width: 1299px) {
    .byd .page-config:not(.byd .page-config-auto) .page-config-image-select {
        display: none;
    }
    .byd .page-config:not(.byd .page-config-auto) .page-config-image-placeholder {
        overflow-y: hidden;
    }
    .byd .page-config:not(.byd .page-config-auto) .page-config-right {
        gap: 10px;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
        border-left: none;
    }
    body.byd main#content .page-config:not(.byd .page-config-auto) .page-config-button {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 991px) {
    .byd .page-config-auto .page-config-image-select {
        display: none;
    }
    .byd .page-config-auto .page-config-image-placeholder {
        overflow-y: hidden;
    }
    .byd .page-config-auto .page-config-right {
        gap: 10px;
        max-width: 768px;
        margin-left: auto;
        margin-right: auto;
        border-left: none;
    }
    body.byd main#content .page-config-auto .page-config-button {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 1025px) {
    .byd .page-config-image-placeholder {
        max-height: auto;
    }
    .byd .page-config-price label {
        font-size: 16px;
    }
    .byd .page-config-price {
        font-size: 13px;
    }
    .byd .page-config-version-info p {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 520px) {
    .byd .page-config-version-content {
        padding-left: 5px;
        padding-right: 5px;
        gap: 5px;
    }
    .byd .page-config-version-radio label {
        padding-right: 35px;
    }
    .byd .page-config-version-content-info p {
        font-size: 14px;
    }
}

/* Page AUTO */
.byd.page-id-6037 header, .byd.page-id-6037 footer {
    display: none;
}

/* Video */
.byd .byd-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.byd .byd-video-main {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.byd .byd-video-main::before {
    z-index: 1;
}

.byd .byd-video.byd-video-support {
    position: relative;
}

.byd .byd-video.byd-video-support .byd-video-main::before {
    display: none;
}

.byd .byd-video.byd-video-support .byd-video-main {
    position: relative;
    max-width: 1550px;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 16 / 9;
    display: flex;
}

.byd .byd-video.byd-video-support .byd-video-main img {
    min-height: 90%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    position: absolute;
}

.byd .byd-video.byd-video-support img {
    z-index: 0;
}

.byd .byd-video.byd-video-support video {
    z-index: 2;
    height: auto;
    min-height: 100%;
}

.byd .byd-video video, .byd .byd-video img {
    object-fit: cover;
    max-width: 100%;
    width: 100%;
    margin: 0;
    line-height: 1;
    border: none;
    height: 100%;
    z-index: -1;
}

.byd .byd-video video {
    position: relative;
}

.byd .byd-video img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}

/* Map */
.byd .map-contact {
    position: relative;
}

.byd .map-float {
    width: 435px;
    height: calc(100% - 100px);
    margin-left: 100px;
    margin-top: 50px;
}

.byd .map-float,
.byd .map-store-list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 20px;
}

.byd .map-store-list::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.byd .map-store-list::-webkit-scrollbar-track {
    background: transparent;
}

.byd .map-store-list::-webkit-scrollbar-thumb {
    border-radius: 9px;
    background-color: #969696;
}

.byd .map-store-list::-webkit-scrollbar-thumb:hover {
    background-color: #D7211A;
}

.byd .map-search label {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 16px;
    display: none;
}

.byd .map-search,
.byd .map-store {
    background-color: #fff;
    border-radius: 12px;
    padding: 13px 18px;
    width: 100%;
}

.byd .map-store-list {
    overflow-y: scroll;
    width: 100%;
    border-radius: 12px;
}

.byd .map-search-input {
    border: 2px solid #E3E3E4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
}

.byd .map-search-input input {
    border: none;
    width: 100%;
    padding: 15px 16px;
    font-size: 15px;
    color: #000;
}
.byd .map-search-input input::placeholder, .byd .map-search-input input::-webkit-input-placeholder {
    color: #000;
}

.byd .map-select {
    display: flex;
    align-items: flex-start;
    justify-content: start;
    flex-direction: row;
    gap: 16px;
}

.byd .map-select-button {
    border: none;
    color: #000;
    background-color: #fff;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 18px;
}

.byd .map-select-button-active {
    color: #fff;
    background-color: #D7211A;
}

.byd .map-search-input img {
    border: none;
    margin-right: 10px;
}

.byd .map-store h1,
.byd .map-store h2,
.byd .map-store h3,
.byd .map-store p,
.byd .map-store a {
    margin-bottom: 0;
}

.byd .map-store p,
.byd .map-store a {
    font-size: 15px;
}

.byd .map-store h1,
.byd .map-store h2 {
    padding-bottom: 12px;
}

.byd .map-store h1,
.byd .map-store h2,
.byd .map-store h3 {
    font-size: 17px;
}

.byd .map-store a span {
    color: #000;
}

.byd .map-store-location {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
}

.byd .map-store-location-left {
    cursor: pointer;
}

.byd .map-store-location-right img {
    min-width: 48px;
    min-height: 48px;
}

.byd .map-store-open-hours summary {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    gap: 10px;
    position: relative;
}

.byd .map-store-open-hours summary::-webkit-details-marker,
.byd .map-store-open-hours summary::marker {
    display: none;
    line-height: 0;
    font-size: 0;
    opacity: 0;
    list-style: none;
    content: "";
}

.byd .map-store-open-hours summary img {
    transition: all .2s ease;
}

.byd .map-store-open-hours[open] summary img {
    transform: rotate(180deg);
}

/* .byd #google-map {
    top: 88px;
} */

.byd #libre-map {
    top: 0;
}

@media screen and (max-width: 1024px) {
    .byd #content .libre-stores,
    .byd .store-page {
        background-color: #E3E3E4;
    }
    .map-contact {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 10px;
        flex-direction: column;
        height: calc(100vh - 10px - 68px);
    }
    /* .byd.page-id-5108, .byd #google-map, .byd .store-page, .byd .map-contact, .byd .store-page .elementor-widget-container, .byd .store-page .elementor-shortcode {
        overflow-y: hidden;
    } */
    .byd.page-id-5108 {
        overflow-y: hidden;
    }
    .byd #content .map-float {
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        order: 1;
        gap: 10px;
    }
    .byd #libre-map,
    .byd #google-map {
        order: 2;
        height: calc(100vh - 68px)!important;
        height: calc(100dvh - 68px)!important;
        /* top: 68px; */
    }
    .byd #content .map-float-list {
        height: calc(100vh - 68px);
        height: calc(100dvh - 68px );
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
    }
    .byd #content .map-float-list .map-select {
        flex: 1 0 auto;
    }

    .byd #content .map-float-libre {
        margin-left: 0;
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 1;
        width: max-content;
    }

    .byd #content .map-float-google {
        position: absolute;
        top: 20px;
        left: 20px;
        z-index: 0;
        width: max-content;
    }

    .byd #content .map-search {
        background-color: transparent;
        padding: 0;
        border-radius: 0;
        order: 1;
    }
    .byd #content .map-search-input {
        background-color: #fff;
        border: 2px solid #f1f1f1;
    }
    .byd #content .map-search label {
        display: none;
    }
    .byd #content .map-select {
        overflow-x: scroll;
        flex-wrap: nowrap;
        width: 100%;
        height: 100%;
        max-height: 45px;
        order: 2;
    }
    .byd #content .map-store-list {
        order: 3;
        padding-bottom: 60px;
    }
    .byd #content .map-select-button {
        text-wrap: nowrap;
        padding: 6px 16px;
    }
    .byd #content .map-switch {
        order: 3;
        position: relative;
        padding: 20px;
        width: 260px;
        margin-left: auto;
        margin-right: auto;

        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }
    .byd #content .map-switch p {
        color: #fff;
        background-color: #000;
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 0;
        line-height: 1;
        border-radius: 26px;
        padding: 14px 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
    }
}

/* Libre Map */
.byd #libre-map-car .libre-custom-marker-start, .byd #libre-map-car .libre-custom-marker-end {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.byd #libre-map-car .libre-custom-marker-start {
    background-color: #5988e7;
}

.byd #libre-map-car .libre-custom-marker-end {
    background-color: #095fbb;
}

.byd .map-float {
    width: 435px;
    height: calc(100% - 80px);
    margin-left: 100px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.byd #libre-map .maplibregl-ctrl-bottom-right,
.byd #libre-map .maplibregl-ctrl-top-left {
    pointer-events: auto;
}
.byd #libre-map .maplibregl-ctrl-top-left {
    bottom: 0;
}

/* Libre - Google Map */
.byd #libre-map-car, .byd .car-map-destination #libre-map-car-selection {
    width: 100%;
}

.byd #libre-map-car, .byd .car-map-destination #libre-map-car-selection,
.byd #google-map-car, .byd .car-map-destination #google-map-car-selection {
    height: calc(100vh - 88px - 180px);
    border-radius: 20px;
}

.byd .car-map-destination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 20px;
}

.byd .car-map-destination #libre-map-car-selection,
.byd .car-map-destination #google-map-car-selection {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 15px;
    flex-direction: row;
    flex-direction: column;
    overflow-y: scroll;
    width: 100%;
    max-width: max-content;
}

.byd .car-map-destination .libre-map-car-selection-item,
.byd .car-map-destination .google-map-car-selection-item {
    min-width: 500px;
    width: 100%;
    cursor: pointer;
    transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);
    opacity: .4;
    padding: 24px;
    border-radius: 20px;
}

.byd .car-map-destination .libre-map-car-selection-item:hover:not(.libre-map-car-selection-item-active),
.byd .car-map-destination .google-map-car-selection-item:hover:not(.google-map-car-selection-item-active) {
    opacity: .6;
}

.byd .car-map-destination .libre-map-car-selection-item-active,
.byd .car-map-destination .google-map-car-selection-item-active {
    opacity: 1;
    background-color: #fff;
}

.byd .car-map-destination .libre-map-car-selection-item-active .libre-map-car-selection-item-autonomy,
.byd .car-map-destination .google-map-car-selection-item-active .google-map-car-selection-item-autonomy {
    background-color: #f3f3f3;
}

.byd .car-map-destination .libre-map-car-selection-item > img,
.byd .car-map-destination .google-map-car-selection-item > img {
    width: 100%;
    max-width: 260px;
    height: auto;
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.byd .car-map-destination .libre-map-car-selection-item-destination,
.byd .car-map-destination .libre-map-car-selection-item-autonomy,
.byd .car-map-destination .google-map-car-selection-item-destination,
.byd .car-map-destination .google-map-car-selection-item-autonomy {
    display: flex;
    align-items: center;
    gap: 19px;
    flex-direction: row;
    margin-bottom: 16px;
}

.byd .car-map-destination .libre-map-car-selection-item-destination,
.byd .car-map-destination .google-map-car-selection-item-destination {
    justify-content: center;
}

.byd .car-map-destination .libre-map-car-selection-item-destination-circle,
.byd .car-map-destination .google-map-car-selection-item-destination-circle {
    min-width: 12px;
    min-height: 12px;
    background-color: #00000033;
    border-radius: 100%;
}

.byd .car-map-destination .libre-map-car-selection-item-destination-circles,
.byd .car-map-destination .google-map-car-selection-item-destination-circles {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    flex-direction: row;
}

.byd .car-map-destination .libre-map-car-selection-item-destination-circle:nth-of-type(1),
.byd .car-map-destination .google-map-car-selection-item-destination-circle:nth-of-type(1) {
    min-width: 16px;
    min-height: 16px;
    background-color: #10620C;
}

.byd .car-map-destination .libre-map-car-selection-item-destination p,
.byd .car-map-destination .google-map-car-selection-item-destination p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}

.byd .car-map-destination .libre-map-car-selection-item-autonomy,
.byd .car-map-destination .google-map-car-selection-item-autonomy {
    justify-content: space-between;
    background-color: #FAF9F4;
    border-radius: 4px;
    padding: 8px 22px;
}

.byd .car-map-destination .libre-map-car-selection-item-autonomy p:first-child,
.byd .car-map-destination .google-map-car-selection-item-autonomy p:first-child {
    color: #10620C;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}

.byd .car-map-destination .libre-map-car-selection-item-autonomy span,
.byd .car-map-destination .google-map-car-selection-item-autonomy span {
    font-size: 17px;
}

.byd .car-map-destination .libre-map-car-selection-item-autonomy p:last-child,
.byd .car-map-destination .google-map-car-selection-item-autonomy p:last-child {
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
}

.byd .car-map-destination .libre-map-car-selection-item > p,
.byd .car-map-destination .google-map-car-selection-item > p {
    font-size: 16px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 500;
    color: #404040;
}

.byd .grid-height img {
    width: 100%;
    height: 100%;
    aspect-ratio: auto!important;
}

@media screen and (max-width: 1600px) {
    .byd .libre-map-car-selection-item-destination-circles div:nth-child(n+6),
    .byd .google-map-car-selection-item-destination-circles div:nth-child(n+6) {
        display: none;
    }
    .byd .libre-map-car-selection-item-destination,
    .byd .google-map-car-selection-item-destination {
        gap: 12px;
    }
    .byd .car-map-destination .libre-map-car-selection-item-destination-circles,
    .byd .car-map-destination .google-map-car-selection-item-destination-circles {
        gap: 6px;
    }
}

@media screen and (max-width: 1024px) {
    .byd .car-map-destination #libre-map-car-selection,
    .byd .car-map-destination #google-map-car-selection {
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        scroll-padding: 5px;
    }
    .byd .libre-map-car-selection-item,
    .byd .google-map-car-selection-item {
        scroll-snap-align: start;
        padding: 14px;
    }
    .byd .car-map-destination {
        flex-direction: column;
        gap: 15px;
    }
    .byd .car-map-destination #libre-map-car-selection,
    .byd .car-map-destination #google-map-car-selection {
        flex-direction: row;
        justify-content: flex-start;
        height: auto;
        width: 100%;
        order: 2;
        padding-bottom: 10px;
    }
    .byd .car-map-destination .libre-map-car-selection-item,
    .byd .car-map-destination .google-map-car-selection-item {
        min-width: 285px;
    }
    .byd .car-map-destination .libre-map-car-selection-item-destination,
    .byd .car-map-destination .google-map-car-selection-item-destination {
        flex-direction: column;
        gap: 5px;
    }
    .byd .car-map-destination .libre-map-car-selection-item > p,
    .byd .car-map-destination .google-map-car-selection-item > p {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .byd .car-map-destination .libre-map-car-selection-item > img,
    .byd .car-map-destination .google-map-car-selection-item > img {
        max-width: 160px;
        margin-bottom: 10px;
    }
    .byd .car-map-destination .libre-map-car-selection-item-destination, .byd .car-map-destination .libre-map-car-selection-item-autonomy,
    .byd .car-map-destination .google-map-car-selection-item-destination, .byd .car-map-destination .google-map-car-selection-item-autonomy {
        margin-bottom: 10px;
    }
    .byd #libre-map-car,
    .byd #google-map-car {
        height: calc(100vh - 69px - 280px - 10px - 95px);
        order: 1;
    }
}

/* Service */
@media screen and (min-width: 1450px) {
    .byd .support-hero-image {
        bottom: -180px;
    }
}
@media screen and (min-width: 1024px) {
    .byd .support-hero-text {
        margin-top: 140px;
    }
    .byd .support-hero-image {
        position: absolute;
        left: 0;
        right: 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1450px) {
    .byd .support-hero-image {
        top: 25%;
    }
}

@media screen and (max-width: 1024px) {
    .byd .support-hero-text {
        margin-top: 20%;
    }
    .byd .support-hero-image {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 768px) {
    .byd .support-hero-image {
        padding-bottom: 40px;
    }
}

.byd .support-hero-text {
    margin-bottom: 55px;
}

.byd .support-hero-image img,
.byd .support-hero-image video {
    border-radius: 21px;
}


/* Page grid */
.byd .page-gray-light {
    background-color: #F3F3F3;
}

.byd .page-grid {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.byd .page-grid-item {
    width: 100%;
    height: 267px;
    border-radius: 20px;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    padding: 12px 20px;
    position: relative;
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    background-position: center;
}

.byd .page-grid-item-text {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
}

.byd .page-grid-item-trigger .page-grid-item-text {
    padding-right: 40px;
}

.byd .page-grid-item-plus {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 1;
}

.byd .page-grid-item-plus img {
    border-radius: 100%;
    border: 1px solid #fff;
    padding: 10px 11px;
}

.byd .page-grid-item h3 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.byd .page-grid-item p {
    transform: translateY(100%);
    z-index: 1;
    visibility: hidden;
    max-height: 0;
    margin-bottom: 0;
    transition: display 0s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1), transform 0.4s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1), max-height 0.4s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
    color: #fff;
}

.byd .page-grid-item:not(.page-grid-item-icon):hover h3 {
    animation-name: translateY;
    animation-duration: 0.3s;
}

.byd .page-grid-item:hover p {
    transform: translateY(0);
    visibility: visible;
    max-height: max-content;
}

.byd .page-grid-item:not(.byd .page-grid-item-icon):hover img {
    background-color: #000;
    border-color: #000;
    filter: invert(1);
}

.byd .page-grid-item-icon {
    max-width: calc(20% - 16px);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    gap: 21px;
}

.byd .page-grid-item video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    z-index: 1;
}

.byd .page-grid-item-icon img {
    width: 100%;
    height: 100%;
    max-height: 120px;
    object-fit: contain;
}

.byd .page-grid-item-icon h3 {
    text-align: center;
    color: #000;
    width: 100%;
}

.byd .page-grid-item-icon .page-grid-item-text {
    display: none;
}

.byd .page-grid-item-small {
    max-width: calc(30% - 16px);
}

.byd .page-grid-item-medium {
    max-width: calc(35% - 16px);
}

.byd .page-grid-item-large {
    max-width: calc(65% - 16px);
}

.byd .page-grid-item-extra-large {
    max-width: calc(70% - 16px);
}

.byd .page-grid-item-small, .byd .page-grid-item-medium, .byd .page-grid-item-large, .byd .page-grid-item-extra-large {
    cursor: pointer;
}

.byd .page-grid-item-small::before, .byd .page-grid-item-medium::before, .byd .page-grid-item-large::before, .byd .page-grid-item-extra-large::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(0deg, #000000 0%, transparent 55%);
}

.byd #popmake-8966, .byd #popmake-8970, .byd #popmake-8977, .byd #popmake-8828, .byd #popmake-8832, .byd #popmake-8836 {
    border: none;
    border-radius: 20px;
    padding: 30px 90px;
    box-shadow: none;
}

.byd #popmake-8966 img,
.byd #popmake-8970 img,
.byd #popmake-8977 img {
    border-radius: 18px;
}

.byd #popmake-8966 .popmake-close, .byd #popmake-8970 .popmake-close, .byd #popmake-8977 .popmake-close, .byd #popmake-8828 .popmake-close, .byd #popmake-8832 .popmake-close, .byd #popmake-8836 .popmake-close {
    right: 20px;
    top: 20px;
    border: 1px solid #000;
    background-color: transparent;
    box-shadow: none;
    color: #000;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    padding: 10px;
    font-family: arial, math, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

@media screen and (max-width: 1024px) {
    .byd #popmake-8966, .byd #popmake-8970, .byd #popmake-8977, .byd #popmake-8828, .byd #popmake-8832, .byd #popmake-8836 {
        padding: 45px 40px;
    }
}

@media screen and (max-width: 1440px) {
    .byd .page-grid-item p {
        overflow: auto;
    }
}

@media screen and (max-width: 1024px) {
    .byd .page-grid-item-icon, .byd .page-grid-item-small, .byd .page-grid-item-medium, .byd .page-grid-item-large, .byd .page-grid-item-extra-large {
        max-width: calc(50% - 16px);
    }
}

@media screen and (max-width: 520px) {
    .byd .page-grid-item-icon, .byd .page-grid-item-small, .byd .page-grid-item-medium, .byd .page-grid-item-large, .byd .page-grid-item-extra-large {
        max-width: 100%;
    }
}

/* Cyprus */
@media screen and (min-width: 1024px) {
    body.byd#neve_body .hfe-nav-menu__layout-horizontal {
        width: 100%!important;
    }
    /* body.byd#neve_body ul.hfe-nav-menu {
        flex-wrap: nowrap;
        white-space: nowrap;
    } */
}
@media screen and (min-width: 1600px) {
    body.byd#neve_body .header-desktop-button .elementor-button  {
        white-space: nowrap;
        max-width: max-content;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
    body.byd#neve_body .header-desktop-button .elementor-button  {
        padding: 13px 15px;
    }
}

body.byd#neve_body .header-main > .e-child {
    gap: 5px;
}

body.byd #masthead .language-switcher .trp-language-switcher {
    width: max-content;
    top: -3px;
}

body.byd #masthead .language-switcher .trp-ls-shortcode-language {
    display: none;
}

body.byd #masthead .language-switcher .trp-ls-shortcode-current-language,
body.byd #masthead .language-switcher .trp-ls-shortcode-language {
    width: 100% !important;
    max-width: 50px;
    padding: 0;
    margin: 0;
    border: 2px solid #fff;
    border-radius: 0;
    background-color: transparent;
}

body.byd #masthead .language-switcher .trp-ls-shortcode-current-language a,
body.byd #masthead .language-switcher .trp-ls-shortcode-language a {
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 7px 9px;
}

body.byd #masthead .language-switcher .trp-ls-shortcode-current-language a.trp-ls-disabled-language,
body.byd #masthead .language-switcher .trp-ls-shortcode-language a.trp-ls-disabled-language,
body.byd #masthead .language-switcher .trp-ls-shortcode-language:hover a.trp-ls-disabled-language,
body.byd #masthead .language-switcher .trp-ls-shortcode-current-language a {
    padding: 8px 10px;
}

body.byd #masthead .language-switcher .trp-ls-shortcode-language a:hover {
    background-color: transparent;
}

body.byd #masthead .language-switcher .trp-ls-shortcode-current-language {
    background-position: calc(100% - 2px) calc(1em + 2px), calc(100% - 4px) calc(1em + 0px);
    filter: brightness(0) saturate(100%) invert(83%) sepia(100%) saturate(2%) hue-rotate(349deg) brightness(110%) contrast(101%);
}

@media screen and (max-width: 1024px) {
    body.byd #masthead .language-switcher {
        display: none;
    }
}

body.byd#neve_body .language-mobile-switcher .trp-ls-shortcode-language {
    display: flex!important;
    align-items: center;
    justify-content: flex-start;
    border: none;
    width: max-content!important;
    height: auto!important;
    overflow: visible;
    max-height: max-content!important;
    visibility: visible!important;
    padding: 0;
    gap: 25px;
}

body.byd#neve_body .language-mobile-switcher .trp-ls-shortcode-language a {
    font-weight: 700;
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
}

body.byd#neve_body .language-mobile-switcher .trp-ls-shortcode-current-language,
body.byd#neve_body .language-mobile-switcher .trp-ls-shortcode-language > div {
    display: none!important;
}

body.byd#neve_body .language-mobile-switcher .trp-language-switcher > div {
    background-image: none!important;
}


#pum-8288 {
    background-color: #00000080;
}

#popmake-8288 {
    padding: 0;
    border-radius: 10px;
}

#popmake-8288 .pum-close {
    width: 32px;
    height: 32px;
    top: 10px;
    right: 10px;
    padding: 10px;
    font-size: 16px;
    border-radius: 100%;
    line-height: 0.8;
    background-color: #000;
    font-family: sans-serif;
}

.popup-prices {
    display: flex;
    align-items: stretch;
    justify-content: center;
    gap: 32px;
    overflow: hidden;
}

.popup-prices h2 {
    font-size: 32px;
    color: #000;
    margin-bottom: 16px;
}

.popup-prices p {
    font-size: 18px;
    color: #000;
}

.popup-prices-right p:last-child {
    margin-bottom: 0;
}

.popup-prices-right a {
    width: 100%;
    height: auto;
    padding: 10px;
    text-decoration: none;
    border-radius: 0;
    font-weight: bold;
    transition: border 0.3s, background-color 0.3s;
    border: 2px solid #000;
    color: #000;
    background-color: transparent;
    display: block;
    text-align: center;
}

.popup-prices-right a:hover {
    background-color: #000;
    color: #fff;
}

.popup-prices-left {
    flex: 1 0 auto;
    max-width: 420px;
}

.popup-prices-right {
    flex: 1 1 auto;
    margin-top: 32px;
    margin-bottom: 32px;
    margin-right: 32px;
    min-height: 100%;
}

.popup-prices img {
    object-fit: cover;
    height: auto;
    min-height: 100%;
    width: auto;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

@media screen and (max-width: 991px) {
    #popmake-8288 {
        left: 0 !important;
        right: 0;
        top: 0 !important;
        bottom: 0;
        margin-bottom: 0;
        width: 100% !important;
        overflow-y: scroll;
    }
    #popmake-8288 .popup-prices {
        flex-direction: column;
        gap: 0;
    }
    #popmake-8288 .popup-prices-left {
        max-width: 100%;
        width: 100%;
    }
    #popmake-8288 .popup-prices-right {
        padding: 20px;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }
    #popmake-8288 .popup-prices-left img {
        height: 270px;
        width: 100%;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0;
    }
    #popmake-8288 .popup-prices p {
        font-size: 14px;
    }
}

#popmake-8299 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.popup-prices-float {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 17px;
    background-color: #252828;
    padding: 16px;
    min-width: 264px;
    transform: translateX(200px);
    transition: all 0.3s ease;
    height: 64px;
}

#popmake-8299:hover .popup-prices-float {
    background-color: #fff;
    transform: translateX(0);
}

#popmake-8299:hover .popup-prices-float img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(12%) saturate(183%) hue-rotate(131deg) brightness(90%) contrast(98%);
}

.popup-prices-float p {
    display: none;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #252828;
    text-decoration: underline;
}

#popmake-8299:hover p {
    display: block;
}

#popmake-8299 .pum-content {
    overflow: hidden;
}

#popmake-8299 button {
    display: none!important;
}

.byd .zero-tax img {
    max-width: 160px;
    height: auto;
    object-fit: contain;
}

@media screen and (max-width: 991px) {
    .byd .zero-tax img {
        max-width: 140px;
    }
}

/* Reactive Menu */
.byd header #masthead .nav-menu-sublinks {
    overflow: hidden;
}

.byd header.header-menu-reactive #masthead {
    background-color: #fff;
    height: 88px;
}

html body.byd .header-menu-reactive #masthead .language-switcher .trp-ls-shortcode-current-language,
html body.byd .header-menu-reactive #masthead .language-switcher .trp-ls-shortcode-language {
    filter: none;
}

html body.byd .header-menu-reactive #masthead .language-switcher .trp-language-switcher {
    z-index: 100;
}

html body.byd .header-menu-reactive #masthead .language-switcher .trp-ls-shortcode-language a,
html body.byd .header-menu-reactive #masthead .language-switcher .trp-ls-shortcode-disabled-language,
html body.byd .header-menu-reactive #masthead .language-switcher .trp-ls-shortcode-current-language,
html body.byd .header-menu-reactive #masthead .language-switcher .trp-ls-shortcode-language,
.byd .header-menu-reactive #masthead .menu-reactive-button,
.byd .header-menu-reactive #masthead .menu-item a,
.byd .header-menu-reactive #masthead .header-desktop-button a {
    color: #000;
    border-color: #000;
}

@media screen and (min-width: 1024px) {
    .menu-reactive {
        opacity: 0;
        z-index: -1;
        height: 0;
        transform: translateY(100%) translateX(-50%);
        width: 100vw;
        left: 50%;
        top: 88px;
        right: 0;
        bottom: 0;
        position: fixed;
        overflow: hidden;
    }
}


@media screen and (max-width: 1024px) {
    .menu-reactive {
        height: calc(100vh - 70px - 56px - 20px);
        height: calc(100dvh - 70px - 56px - 20px);
    }
}

.menu-reactive-button {
    top: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px;
    background-color: transparent;
    outline: none;
    border: none;
    line-height: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}

.menu-reactive-button:hover {
    background-color: transparent;
}

.menu-reactive-open {
    transform: translateY(0) translateX(-50%);
    background-color: #fff;
    opacity: 1;
    z-index: 99;
    height: calc(100vh - 88px);
    height: calc(100dvh - 88px);
}

.menu-reactive-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    max-width: var(--container);
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}

@media screen and (min-width: 1024px) {
    .menu-reactive-content {
        flex-direction: row;
        padding: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .menu-reactive-content {
        padding-bottom: 20px;
    }
}

.menu-reactive-categories {
    margin-bottom: 30px;
}

@media screen and (min-width: 1024px) {
    .menu-reactive-categories {
        margin-top: 20px;
        max-width: 210px;
    }
}

@media screen and (max-width: 1024px) {
    .menu-reactive-categories {
        overflow-x: scroll;
        overflow-y: hidden;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        min-height: 40px;
    }
}

.menu-reactive-category {
    border-radius: 5px;
    padding: 8px 18px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    color: #000;
    transition: all 0.3s ease;
    background-color: transparent;
}

@media screen and (max-width: 1024px) {
    .menu-reactive-category {
        white-space: nowrap;
    }
}

.menu-reactive-category:not(:last-child) {
    margin-right: 15px;
}

.byd .menu-reactive-category:hover,
.byd .menu-reactive-category-active {
    text-decoration: underline;
    background-color: transparent;
    color: #000;
    text-align: left;
}

.menu-reactive-cars {
    overflow-y: scroll;
    width: 100%;
    display: grid;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    height: 100%;
    padding-bottom: 10px;
    align-content: flex-start;
}

@media screen and (min-width: 1440px) {
    .menu-reactive-cars {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .menu-reactive-cars {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 1024px) {
    .menu-reactive-cars {
        grid-template-columns: repeat(1, 1fr);
    }
}

.menu-reactive-item,
.menu-reactive-car {
    background-color: #F3F3F3;
    border-radius: 8px;
    padding: 25px 10px;
    position: relative;
    max-height: 300px;
    transition: all 0.3s ease;
}

@media screen and (min-width: 1024px) {
    .menu-reactive-item,
    .menu-reactive-car {
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .byd .menu-reactive-car {
        padding: 10px 20px;
    }
}

.menu-reactive-item {
    padding: 0;
    height: 100%;
}

@media screen and (min-width: 1024px) {
    .menu-reactive-item {
        min-height: 265px;
    }
}

@media screen and (max-width: 1024px) {
    .menu-reactive-item {
        aspect-ratio: 16 / 10;
        width: 100%;
        max-height: 100%;
        height: auto;
    }
}

.menu-reactive-car-logo {
    position: relative;
}

.menu-reactive-car-logo::before {
    position: relative;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    width: 170px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.menu-reactive-car-logo-electric::before {
    background: url("/wp-content/themes/neve-child/assets/img/all-electric.svg");
}

.menu-reactive-car-logo-hybrid::before {
    background: url("/wp-content/themes/neve-child/assets/img/super-hybrid.svg");
}

.menu-reactive-car:hover .menu-reactive-car-logo::before {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(103%) contrast(103%);
}

.byd .menu-reactive-item-link,
.byd .menu-reactive-car-link {
    display: block;
    transition: all 0.3s ease;
    position: relative;
    height: 100%;
}

@media screen and (max-width: 1024px) {
    .byd .menu-reactive-car-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .byd .menu-reactive-car-link p {
        text-align: left;
    }
}

.byd .menu-reactive-item-link {
    overflow: hidden;
    border-radius: 8px;
}

@media screen and (min-width: 1024px) {
    .menu-reactive-car:hover {
        background-color: #55575A;
    }
    .menu-reactive-car:hover .menu-reactive-car-image {
        transform: scale(1.05);
    }
    .menu-reactive-car:hover p {
        color: #fff;
    }
}

@media screen and (min-width: 1024px) {
    .byd .menu-reactive-car-image {
        max-width: 310px;
        width: 100%;
        transition: all 0.3s ease;
    }
}

@media screen and (max-width: 1024px) {
    .byd .menu-reactive-car-image {
        height: 90px;
        object-fit: contain;
        width: auto;
    }
}

.byd .menu-reactive-item-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    border-radius: 8px;
}


.byd .menu-reactive-item:hover .menu-reactive-item-image {
    transform: scale(1.05);
}

.menu-reactive-car a,
.menu-reactive-car p {
    text-align: center;
    margin-top: 0;
    color: #000;
    line-height: 1;
    transition: all 0.3s ease;
}

.menu-reactive-car-title {
    margin-bottom: 10px;
    font-size: 16px;
}

.menu-reactive-car-name {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
}

@media screen and (min-width: 1024px) {
    .menu-reactive-car-name {
        margin-bottom: 16px;
    }
}

.menu-reactive-item-more,
.menu-reactive-car-more-main {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 10px;
}

.menu-reactive-item-more {
    transition: all 0.3s ease;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.menu-reactive-car-more a,
.menu-reactive-car-more p,
.menu-reactive-item-more a,
.menu-reactive-item-more p {
    font-weight: 400;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 0;
    transition: all 0.3s ease;
    text-decoration: underline;
}

.menu-reactive-item-more a,
.menu-reactive-item-more p {
    color: #fff;
}

.menu-reactive-item-more img,
.menu-reactive-car-more img {
    border-radius: 100%;
    border: 1px solid #fff;
    padding: 7px 9px;
    transition: all 0.3s ease;
}

.menu-reactive-item:hover .menu-reactive-item-more,
.menu-reactive-car:hover .menu-reactive-car-more {
    height: auto;
}

.menu-reactive-item-more:hover p,
.menu-reactive-car-more:hover p {
    text-decoration: underline;
}

.menu-reactive-item-more:hover img,
.menu-reactive-car-more:hover img {
    border-color: #000;
    background-color: #000;
    filter: invert(100%) sepia(0%) saturate(7422%) hue-rotate(183deg) brightness(105%) contrast(93%);
}

html {
    margin-top: 0 !important;
}

html div#wpadminbar {
    bottom: 0;
    top: inherit;
    position: fixed;
}

/* Hotspot */
@media screen and (max-width: 1024px) {
    .byd .hotspot-desktop {
        display: none;
    }
    .byd .hotspot-title {
        top: 50px;
    }
    .byd .hotspot-title h2 {
        font-size: 28px;
    }
}

@media screen and (min-width: 1024px) {
    .byd .hotspot-mobile {
        display: none;
    }
    .byd .hotspot-title {
        top: 80px;
    }
    .byd .hotspot-title h2 {
        font-size: 46px;
    }
}

.byd .hotspot-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    position: absolute;
    z-index: 1;
    text-align: center;
    color: #fff;
}

.byd #hotspot-lightbox .ci-hotspot-popover {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 40px;
    padding-top: 50px;
    max-width: 750px;
    width: 100%;
    position: fixed;
}

@media screen and (max-width: 1024px) {
    .byd #hotspot-lightbox .ci-hotspot-popover {
        padding: 20px;
        padding-top: 50px;
    }
}

@media screen and (max-width: 750px) {
    .byd #hotspot-lightbox .ci-hotspot-popover {
        border-radius: 0;
    }
}

.byd #hotspot-lightbox .ci-hotspot-popover,
.byd #hotspot-lightbox .ci-hotspot-popover-content {
    max-height: 750px;
    height: 100%;
}

.byd #hotspot-lightbox .ci-hotspot-popover-arrow {
    display: none !important;
}

.byd #hotspot-lightbox .ci-hotspot-popover-title {
    font-size: 28px;
}

.byd #hotspot-lightbox .ci-hotspot-popover-description {
    font-size: 20px;
}

.byd #hotspot-lightbox .ci-hotspot-marker {
    width: 30px;
    height: 30px;
    border: none;
}

.byd #hotspot-lightbox .ci-hotspot-marker:not(.ci-hotspot-marker--navigate):after {
    opacity: 1;
    width: 15px;
    height: 15px;
    background-color: #fff;
    transition: all .4s ease;
}

.byd #hotspot-lightbox .ci-hotspot-fullscreen-btn {
    display: none;
}

.byd #hotspot-lightbox .ci-hotspot-marker:hover {
    background-color: rgba(255, 255, 255, .8);
    width: 28px;
    height: 28px;
}

.byd #hotspot-lightbox .ci-hotspot-marker:hover:not(.ci-hotspot-marker--navigate):after {
    width: 18px;
    height: 18px;
}

body.byd.ci-hotspot-active #CookiebotWidget {
    display: none !important;
}

body.byd.ci-hotspot-active::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
    position: fixed;
    z-index: 101;
    width: 100%;
    height: 100%;
}

body.byd .ci-hotspot-close {
    display: none;
}

body.byd.ci-hotspot-active .ci-hotspot-close {
    display: block;
    position: fixed;
    z-index: 99999;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

body.byd.ci-hotspot-active .ci-hotspot-close {
    padding: 10px;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.byd.ci-hotspot-active .ci-hotspot-close img {
    width: 11px;
    height: 11px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7478%) hue-rotate(245deg) brightness(94%) contrast(96%);
}

@media screen and (max-width: 800px) {
    body.byd.ci-hotspot-active .ci-hotspot-close {
        top: 9px;
    }
}

/* @media screen and (max-width: 785px) {
    body.byd.ci-hotspot-active .ci-hotspot-close {
        mix-blend-mode: difference;
    }
} */

/* Flatpickr */

body.byd .flatpickr-day:not(.flatpickr-disabled) {
    font-weight: 700;
    color: #150b54;
}

body.byd .flatpickr-day:not(.flatpickr-disabled):hover {
    background-color: #E7F0FA;
}

body.byd .flatpickr-day.selected:not(.flatpickr-disabled) {
    background-color: #150b54;
    color: #fff;
}

/* Date picker info icon + tooltip (date-picker.js) */
.byd .date-picker-field {
    position: relative;
}

.byd .date-picker-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    vertical-align: middle;
    cursor: pointer;
}

.byd .date-picker-info::before {
    content: 'i';
}

.byd .date-picker-info-text {
    display: none;
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 30;
    width: 100%;
    max-width: 360px;
    margin-bottom: 8px;
    padding: 12px 16px;
    background-color: #272626;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
    cursor: auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
}

.byd .date-picker-info.is-open .date-picker-info-text,
.byd .date-picker-info:focus-visible .date-picker-info-text {
    display: block;
}

/* Hover only on mouse, so taps don't stick it open */
@media (hover: hover) {
    .byd .date-picker-info:hover .date-picker-info-text {
        display: block;
    }
}

.byd .page-hybrid-cars .page-unequal-logo {
    height: 100%;
    justify-content: center;
}