/*
Theme Name: Flex Bloq Magna Tyres
Author: Webelephant 
Description: Child Overulling
Version: 1.0.0
Template: flexbloq
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: we-fxbq-magnatyres
*/

body,
#nav .main-nav.show #menu-header-nav li a,
.carousel-items ul .item.has-title-below-img h3,
.carousel-items ul .item.has-title-below-img .read-more,
.carousel-reviews .carousel-items-wrapper .item,
.seo a:not(.btn),
.banner-items .grid .item.has-title-below-img:not(.gradient-primary) h3,
.banner-items .grid .item.has-title-below-img:not(.gradient-primary) .read-more {
    color: #19436F;
}

.products-template-product-detail .carousel-items ul .item.has-title-below-img .read-more {
    color: #008BD2;

}

.products-template-product-detail .carousel-items ul .item.has-title-below-img .read-more:after {
    background-image: url(./images/chevron-right-solid.svg);
}

.seo a:not(.btn) {
    font-weight: 700;
}

.btn {
    font-family: var(--primary-font-family);
}


#nav .show-nav .label-text {
    display: block;
    margin-top: -1rem;
    margin-bottom: 0.5rem;
    text-align: right;
}

div.wpforms-container-full,
div.wpforms-container-full .wpforms-form .seo h2 {
    text-transform: none;
    font-size: 5rem;
    line-height: 1;
}

.seo h1 {
    text-transform: none;
    font-size: 5rem;
    line-height: 1;
}

.seo h2,
.seo h3,
.seo h4 {
    text-transform: none;
    font-size: 4rem;
    line-height: 1;
}

.template-flex-text-block .seo .row-title {
    font-size: 4rem;
}

@media screen and (max-width: 767px) {
    .template-flex-text-block .seo .row-title {
        font-size: 3rem;
    }
}

.template-flex-text-block .seo h1,
.template-flex.image-slider .seo h1,
.template-flex-text-block .seo h2,
.template-flex.image-slider .seo h2 {
    font-size: 5rem;
}

.template-flex-text-block .seo h3,
.template-flex.image-slider .seo h3 {
    font-size: 2.5rem;
}

.template-flex-text-block .seo h4,
.template-flex.image-slider .seo h4 {
    font-size: 2rem;
}

.template-flex-text-block .seo h5,
.template-flex.image-slider .seo h5 {
    font-size: 1.8rem;
}

.template-flex-text-block .seo h6,
.template-flex.image-slider .seo h6 {
    font-size: 1.4rem;
}

body:not(.home) .main-banner-items>.item.image-detached .img-responsive {
    top: 0;
    background-position: left top;
}

@media screen and (max-width: 767px) {
    .home.careers_magnatyres_com .main-banner-items>.item.image-detached .img-responsive {
        top: 30rem;
    }

    .home.careers_magnatyres_com .main-banner-items .item.image-detached .container {
        margin-top: 5rem;
        margin-bottom: 25rem;
    }
}

.page-footer .footer-top .menu .head,
.banner-items .grid .item.gradient-primary .title,
.banner-items .grid .item.bg-primary .title,
.row-title h2,
.text-columns .item h2,
.team .persons .item .label-name,
.flex-template-form div.wpforms-container-full .wpforms-form .wpforms-field-label,
.overview-items .container h2,
.main-banner-products .main-banner-items .item .container .wrap h2,
.main-banner-products .main-banner-items .item .container .wrap h1,
.main-banner-products .main-banner-items .item .container .wrap h2 {
    text-transform: none;
}

.bg-primary,
.gradient-primary,
.product-item .label,
.template-flex-filter .filter-custom.active .filter-selected,
.page-footer .social li a {
    background-color: #194471;
    color: #fff;
}

.gradient-primary {
    background: rgb(25, 67, 111);
    background: linear-gradient(45deg, rgba(25, 67, 111, 1) 0%, rgba(16, 91, 153, 1) 14%, rgba(0, 136, 234, 1) 43%, rgba(0, 120, 206, 1) 59%, rgba(0, 66, 115, 1) 100%);
}

.gradient-primary:after {
    display: none;
}



.header-wrapper .contact-info li.whatsapp-number,
.header-wrapper .contact-info li.phone-number {
    display: none;
}

@media screen and (max-width: 1024px) {
    .header-wrapper .contact-info li.contact-btn {
        display: none;
    }

    .header-wrapper .contact-info {
        right: 8rem;
    }
}

.btn {
    text-transform: none;
}

.gradient-primary .crumbs a {
    color: #fff;
}

.breadcrumbs {
    background-color: #fff;
    border: none;
}

.crumbs a {
    text-decoration: none;
}

.crumbs li span {
    display: none;
}

.crumbs a:after {
    content: '>';
    margin: 0 0.5rem;
}

select,
.btn,
.contact-info .searchform input,
.template-flex-newsletter div.wpforms-container .wpforms-form button[type=submit],
.template-flex-newsletter div.wpforms-container .wpforms-form input[type=email],
.searchform .wrap {
    border-radius: 1.5rem;
}




.download-form-wrapper .inner div.wpforms-container .btn,
.bar-items span {
    background-color: #194471;
}

.download-form-wrapper .inner div.wpforms-container input[type="text"],
.download-form-wrapper .inner div.wpforms-container input[type="email"] {
    border: 1px solid #00000066;
    height: 51px;
    border-radius: 18px;
    padding: 0 1.5rem;
}

.download-form-wrapper div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label {
    color: #003866;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.13px;
}

.download-form-wrapper .inner div.wpforms-container .wpforms-submit-container .btn {
    background-color: #FEBC32;
    border-radius: 18px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.14px;
    height: 51px;
    padding: 10px 25px;
    color: #000;
}

.download-form-wrapper .inner div.wpforms-container .wpforms-submit-container .wpforms-submit {
    margin-left: 0;
    margin-top: 2rem;
    align-items: center;
    border-radius: .5rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    filter: brightness(100%);
    font-size: 1.4rem;
    font-weight: 700;
    justify-content: center;
    min-height: 4rem;
    transition: opacity .3s ease-in-out;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    background-color: #FEBC32;
    border-radius: 18px;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: -0.14px;
    height: 51px;
    padding: 10px 25px;
    color: #000;
}

.download-form-wrapper div.wpforms-container-full button[type=submit]:hover {
    background-color: #FEBC32 !important;
}

.download-form-wrapper .inner div.wpforms-container .wpforms-submit-container .wpforms-submit:after {
    content: '';
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 2.5rem;
    margin-left: 1rem;
}

.wpforms-submit:hover:after {
    -webkit-animation: moveToRight .2s ease-in-out;
    animation: moveToRight .2s ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.download-form-wrapper .inner div.wpforms-container .wpforms-submit-container .btn:after,
.news-content .form-wrapper .wpforms-submit:after,
.download-form-wrapper .inner div.wpforms-container .wpforms-submit-container .wpforms-submit:after {
    background-image: url('./images/arrow-right-light-black.svg');
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
    .download-form-wrapper .inner {
        max-width: 400px;
        padding: 40px;
    }

    .download-form-wrapper .image-wrapper img {
        width: 70%;
    }
}

.news-content .content ul {
    list-style-type: disc;
}

.news-content .content ol {
    list-style-type: decimal;
}

.news-content .content a:not(.btn) {
    font-weight: 700;
    color: #19436F;
    text-decoration: underline;
}

.news-content .carousel-items ul {
    flex-wrap: wrap;
}

.news-content .form-wrapper .wpforms-form .wpforms-field.wpforms-field-checkbox {
    padding-top: 16px
}

.news-content .content iframe {
    width: 100%;
    height: 400px;
}

@media (max-width:767px) {
    .news-content .carousel-items ul li {
        font-size: 10px;
    }

    .news-blog-header .image-wrapper img {
        max-height: 239px;
    }

    .news-content .content iframe {
        width: 100%;
        height: 281px;
    }
}


.download-form-wrapper .inner div.wpforms-container input[type=checkbox] {
    border: 0;
    padding: 0;
}

input::placeholder,
select {
    color: #19436F !important;
}

/* == blue btn == */
.btn:not(.btn-extra),
.carousel .desc-wrapper .btn {
    background-color: #19436F;
    color: #fff;
}

.flex-divider {
    margin: 0 auto;

}

.template-flex-reviews .review-slider .splide__pagination__page {
    border: 1px solid #19436F;
}

.flex-divider:after {
    background-color: #19436F;
}

.btn:not(.btn-extra):after,
.carousel .desc-wrapper .btn:after,
.text-columns .btn-wrap .btn-extra:after,
.anchor:after,
.btn-extra-white:after,
.main-banner-slider-default .main-banner-items .item:not(.image-detached) .wrap.seo .btn-wrap .btn-extra:after {
    content: '';
    background-image: url('./images/arrow-right-light-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 2.5rem;
    margin-left: 1rem;
}

.image-slider.bg-primary .seo .btn-extra,
.main-banner-items .item.image-detached article .btn-extra {
    color: #fff;
    border-color: #fff;
}

.image-slider.bg-primary .seo .btn-extra:after,
.main-banner-items .item.image-detached article .btn-extra:after,
.template-flex.template-flex-text-block .seo .btn-wrap a::after {
    content: '';
    background-image: url('./images/arrow-right-light-white.svg');
}

/* == yellow btn == */
.template-flex-newsletter div.wpforms-container .wpforms-form button[type=submit],
.header-wrapper .contact-info li .btn,
.main-banner-items .item article .btn:not(.btn-extra),
.seo .btn-wrap .btn:not(:last-of-type),
.image-slider .seo .btn:not(.btn-extra),
.template-flex.color-block .seo .btn,
.banner-items .item .btn,
.template-flex.text-block.cta-block .seo .btn,
.team .btn,
.flex-template-form .container .wpforms-submit,
.sticky-contact-block .btn:not(.btn-extra),
.template-flex-form .container .wpforms-submit,
.flex-popup .wpforms-submit {
    background-color: #FFAD00 !important;
    color: #000000 !important;
}

.template-flex-newsletter div.wpforms-container .wpforms-form button[type=submit]:after,
.header-wrapper .contact-info li .btn:after,
.main-banner-items .item article .btn:not(.btn-extra):after,
.seo .btn-wrap .btn:first-of-type:after,
/* .image-slider .seo .btn:after, */
.template-flex.color-block .seo .btn:after,
.banner-items .item .btn:after,
.template-flex.text-block.cta-block .seo .btn:after,
.team .btn:after,
.flex-template-form .container .wpforms-submit:after,
.sticky-contact-block .btn:not(.btn-extra):after,
.template-flex-form .container .wpforms-submit:after,
.flex-popup .wpforms-submit:after {
    display: block;
    content: '';
    background-image: url('./images/arrow-right-light-black.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 2.5rem;
    margin-left: 1rem;
}

/* == transparent btn == */
.btn-extra:not(.btn-extra-white) {
    border: 1px solid #19436F;
    color: #19436F;
}


a.btn-extra:not(.btn-extra-white):after,
.read-more:after {
    content: '';
    background-image: url('./images/arrow-right-light-blue.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 1.5rem;
    width: 2.5rem;
    margin-left: 1rem;
}

.read-more {
    font-weight: 400;
}

.read-more:after {
    border-top: none;
    border-right: none;
    transform: rotate(0deg);
}

/* == custom (child theming) == */
.searchform {
    margin-left: auto;
}

.header-wrapper .contact-info {
    margin-left: 0;
}

.usp-items .container ul .item {
    font-weight: 400;
}

.main-banner-items .item article .emblem-wrapper,
.flex-divider .emblem-wrapper {
    display: none;
}

.splide .splide__pagination__page.is-active {
    background: #194471;
}

.header-wrapper .contact-info li a svg path,
.header-wrapper .contact-info li.search-icon svg path {
    fill: #194471;
}

.product-item .seo .read-more:after {
    border-top: none;
    border-right: none;
}

[data-wpr-lazyrender].image-slider{
	content-visibility: visible;
}

/* == custom (Content Blok - slider (main-banner)) == */
/* .home .main-banner-items .item article h1, .home .main-banner-items .item article h2 {
    text-transform: none;
    font-size: 11rem;
}
.main-banner-items .item article h1, .main-banner-items .item article h2 {
    font-size: 8rem;
}
.main-banner-items .item article h1 small, .main-banner-items .item article h2 small {
    font-size: 8.5rem;
} */

@media screen and (max-width: 767px) {
    .main-banner-slider-default .main-banner-items .item:not(.image-detached) article {
        width: 100%;
        padding: 0 0 2rem 0;
    }

    .download-form-wrapper .inner div.wpforms-container input[type="text"],
    .download-form-wrapper .inner div.wpforms-container input[type="email"] {
        height: 40px;
        font-size: 14px;
    }

    .download-form-wrapper div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label {
        font-size: 14px;
    }

    .download-form-wrapper .inner div.wpforms-container .wpforms-submit-container .btn {
        font-size: 14px;
        width: 100%;
        height: 40px;
    }

    /* .home .main-banner-items .item article h1, .home .main-banner-items .item article h2 {
        font-size: 6rem;
    } */
}

@media screen and (min-width: 768px) {
    .main-banner-slider-default .main-banner-items .item:not(.image-detached) article {
        padding: 0 2rem 1rem 0rem;
        width: 100%;
        max-width: 100%;
    }
}


/* .page-template-default .main-banner-items .item article h1, 
.page-template-default .main-banner-items .item article h2 {
    font-size: 8.5rem;
    line-height: 1.2;
}

.page-template-default .main-banner-items .item article h1, .page-template-default .main-banner-items .item article h2 {
    font-size: 3rem;
    line-height: 0.9;
}

@media screen and (min-width: 768px) {
    .page-template-default .main-banner-items .item article h1, .page-template-default .main-banner-items .item article h2 {
        font-size: 6.5rem;
        line-height: 0.9;
        max-width: 85rem;
    }
} */

.page-template-default:not(.home) .main-banner-items .item article h1,
.page-template-default:not(.home) .main-banner-items .item article h2 {
    font-size: 5rem;
}

@media screen and (min-width: 768px) {

    .page-template-default:not(.home) .main-banner-items .item article h1,
    .page-template-default:not(.home) .main-banner-items .item article h2 {
        font-size: 8rem;
    }

    .page-template-default:not(.home) .main-banner-items .item article h1 small,
    .page-template-default:not(.home) .main-banner-items .item article h2 small {
        font-size: 5rem;
    }
}



.main-banner-items .item article {
    padding: 0 2rem 5rem 2rem;
}

/* == custom (Content Blok - Media Detached) == */
@media screen and (min-width: 1025px) {
    .template-flex.image-detached .image-wrapper {
        margin-bottom: -5rem;
        margin-top: -15rem;
        margin-left: -7rem;
        width: calc(100% + 10rem);
    }

    .template-flex.image-detached .image .item {
        min-height: 75.5rem;
    }

    .searchform-mobile-wrap {
        display: none;
    }

    .wpml-selector-mobile {
        display: none;
    }
}

/* == custom (Content Blok - Media) == */
.template-flex.image-slider .seo {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

/* == Carousel items block == */
.carousel-items ul .item .img-responsive {
    min-height: 30.5rem;
}

@media screen and (min-width: 1025px) {
    .carousel-items ul .item .img-responsive {
        min-height: 40.5rem;
    }
}

/* == Content Blok (font-size handeling) == */
.template-flex.color-block .seo>h1,
.template-flex.color-block .seo>h2,
.template-flex.image-slider .seo>h1 {
    font-size: 7.5rem;
}

.template-flex.color-block .seo>h1 small,
.template-flex.color-block .seo>h2 small,
.template-flex.image-slider .seo>h1 small,
.template-flex.image-slider .seo>h2 small {
    font-size: 4.5rem;
    line-height: 1;
    font-weight: 400;
    display: flex;
    line-height: 1;
}

.template-flex.image-slider .seo small {
    display: block;
}

/* == Splide arrow (handeling) == */
.splide__arrow,
.splide__arrow svg {
    width: 3.5rem;
    height: 3.5rem;
    opacity: 1;
    background: transparent;
    fill: #19436F;
}

.main-banner-slider .splide__arrow svg path {
    fill: #fff;
}

.template-flex-filter .content-wrapper form select.is-selected {
    background-color: #194471;
}

/* == Splide arrow (handeling) == */
.flex-template-form {
    padding: 0;
    background-color: #f7f7f7;
}

.flex-template-form .container {
    max-width: 63rem;
}

.flex-template-form .container .seo {
    text-align: center;
}

section.flex-template-form div.wpforms-container-full form.wpforms-form input[type=text],
section.flex-template-form div.wpforms-container-full form.wpforms-form input[type=email],
section.flex-template-form div.wpforms-container-full form.wpforms-form input[type=number],
section.flex-template-form div.wpforms-container-full form.wpforms-form textarea {
    border-bottom: none !important;
}

div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel]:not(.iti__tel-input),
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    padding: 0.5rem 2rem !important;
    min-height: 4rem;
}

.template-flex-accordion .accordion .wrap {
    border-bottom: 1px solid #194471;
}

.template-flex-accordion .accordion svg path,
.address li svg path {
    fill: #194471;
}

.template-flex-newsletter div.wpforms-container .wpforms-form button[type=submit] {
    border: none;
    display: flex;
    justify-content: flex-start;
    padding: 0.5rem 2rem !important;
}

.template-flex-newsletter div.wpforms-container .wpforms-form button[type=submit]:hover {
    border: none;
}

.template-flex-newsletter div.wpforms-container .wpforms-form button[type=submit]:after {
    margin-left: auto;
}

.page-footer {
    background-color: #f7f7f7;
    color: #004477;
}

.block-column__video .video-play:hover {
    background-color: #004477;
}

.image-detached.template-flex {
    margin-top: 5rem;
}

.banner-items-download .download-form-wrapper .inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
    max-width: 536px;
}

.banner-items-download .download-form-wrapper .inner .close-form {
    right: 20px;
    top: 20px;
}

.read-more.image-button {
    opacity: 1;
}

.banner-items-download .grid .item.has-title-below-img:not(.gradient-primary) .read-more.image-button {
    margin-top: 0;
}

.read-more.image-button::after {
    display: none;
}

.download-form {
    cursor: pointer;
}

.wpforms-container .wpforms-form .wpforms-field-container {
    margin-bottom: 16px;
}

.main-banner-items .seo .read-more-link {
    color: #008BD2;
    text-decoration: underline;
    margin-bottom: 20px;
    font-weight: 400;
    display: inline-block;
}

.template-flex-form .desc-wrapper p:last-child {
    margin-bottom: 0;
}

.text-clickable {
    cursor: pointer;
}

/* new product page */
.splide__track--draggable {
    -ms-user-select: unset;
    user-select: unset;
}

.product-detail-main-image .splide__arrows .splide__arrow {
    top: calc(50% - 10px);
    background: #87CBFC;
}

.product-detail-main-image .splide__arrows .splide__arrow--next {
    right: 0;
}

.product-detail-main-image .splide__arrows .splide__arrow--prev {
    left: 0;
}

.main-banner-items .item article .new-button-style .btn:not(.btn-extra), 
.seo.new-button-style .btn-wrap .btn:not(:last-of-type){
    background:transparent !important;
    border:1px solid #fff;
    color:#fff !important;
}
.main-banner-items .item article .new-button-style .btn:not(.btn-extra):after,
.seo.new-button-style .btn-wrap .btn:not(:last-of-type):after{
   background-image: url(./images/arrow-right-light-white.svg); 
}

.seo.new-button-style .btn-wrap .btn:last-of-type{
    background-color: #FFAD00 !important;
    color: #000000 !important;
    border:1px solid #FFAD00;
    color:#000 !important;
}

.seo.new-button-style .btn-wrap .btn:last-of-type:after{
    background-image: url(./images/arrow-right-light-blue.svg);
}

.main-banner .seo.new-button-style .btn-wrap .btn:hover{
    opacity: 0.6;
}

@media screen and (min-width: 768px) {
    .product-detail-intro .product-detail-left {
        max-height: 100%;
    }

    /* new product page */
    .product-detail-main-image .splide__arrows .splide__arrow {
        top: calc(50% - 5.6rem);
    }

    .product-detail-main-image .splide__arrows .splide__arrow--next {
        right: -11px;
    }

    .product-detail-main-image .splide__arrows .splide__arrow--prev {
        left: -11px;
    }

    .seo.new-button-style .btn-wrap{
        width: calc(100% + 200px);
    }
}


@media screen and (max-width: 1379px) {
    .carousel-reviews .carousel-items-wrapper .splide__arrow svg {
        fill: #19436F;
    }
}

/* == responsive == */
@media screen and (max-width: 1024px) {
    .template-flex-download-block .row-title small {
        display: inline-block !important;
        width: 100%;
    }

    .page-main {
        margin-top: 12.5rem;
    }

    .header-wrapper {
        display: flex;
        flex-direction: column;
    }

    .header-wrapper .custom-logo-link {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }

    #nav .main-nav #menu-header-nav li {
        font-size: 1.6rem;
        padding: 0.5rem 1.5rem;
    }

    .header-wrapper .contact-info li {
        display: none;
    }

    .header-wrapper .show-nav {
        width: auto;
        margin-right: 0;
    }

    #nav .main-nav.js-active {
        background-color: #19436F;
    }

    #nav .main-nav.show #menu-header-nav li a {
        color: #fff;
    }

    .header-wrapper>.container #nav {
        display: flex;
        align-items: center;
    }

    #nav .show-nav img,
    #nav .show-nav .label,
    #nav.js-nav-isactive .show-nav .label-close {
        display: none;
    }

    .header-wrapper .header-wrapper-top {
        order: 20;
    }

    .template-flex.image-streched:not(.image-detached):not(.has-video):not(.has-more-images) .container .image {
        width: 50%;
    }

    .image-detached.template-flex {
        margin-top: 0rem;
    }
}

@media screen and (max-width: 1180px) {

    body:not(.home.page-template-default) .main-banner-items .item article h1,
    .main-banner-items .item article h2,
    .template-flex.color-block .seo>h1,
    .template-flex.color-block .seo>h2,
    .template-flex.image-slider .seo>h1,
    .template-flex.image-slider .seo>h2 {
        font-size: 6rem;
    }

    body:not(.home.page-template-default) .main-banner-items .item article h1 small,
    .main-banner-items .item article h2 small,
    .template-flex.color-block .seo>h1 small,
    .template-flex.color-block .seo>h2 small,
    .template-flex.image-slider .seo>h1 small,
    .template-flex.image-slider .seo>h2 small {
        font-size: 4.5rem;
    }

    .seo h1,
    .seo h2,
    div.wpforms-container-full,
    div.wpforms-container-full .wpforms-form .seo h2 {
        font-size: 4rem;
    }

    .seo h3 {
        font-size: 3.5rem;
    }

    .seo h4 {
        font-size: 3rem;
    }
}

@media screen and (max-width: 820px) {
    .page-main {
        margin-top: 12.5rem;
    }

    body:not(.home.page-template-default) .main-banner-items .item article h1,
    .main-banner-items .item article h2,
    .template-flex.color-block .seo>h1,
    .template-flex.color-block .seo>h2,
    .template-flex.image-slider .seo>h1,
    .template-flex.image-slider .seo>h2,
    .main-banner-items .item article h1,
    .main-banner-items .item article h2 {
        font-size: 4.5rem;
    }

    body:not(.home.page-template-default) .main-banner-items .item article h1 small,
    .main-banner-items .item article h2 small,
    .template-flex.color-block .seo>h1 small,
    .template-flex.color-block .seo>h2 small,
    .template-flex.image-slider .seo>h1 small,
    .template-flex.image-slider .seo>h2 small,
    .main-banner-items .item article h1 small,
    .main-banner-items .item article h2 small {
        font-size: 3.5rem;
    }

    .seo h1,
    .seo h2,
    div.wpforms-container-full,
    div.wpforms-container-full .wpforms-form .seo h2 {
        font-size: 3rem;
    }

    .seo h3 {
        font-size: 2.5rem;
    }

    .seo h4 {
        font-size: 2rem;
    }

    .seo h1 small,
    .seo h2 small,
    .seo h3 small,
    .seo h4 small,
    div.wpforms-container-full,
    div.wpforms-container-full .wpforms-form .seo h2 {
        font-size: 2.5rem;
    }

    .carousel-reviews .carousel-items-wrapper .item h3 {
        font-size: 2.5rem;
    }

    .page-footer .footer-top .menu.is-active .head {
        color: inherit;
    }

    .page-footer .footer-top .menu.is-active .wrap {
        background-color: #fff;
    }

    /* == Splide arrow (handeling) == */
    .splide__arrow,
    .splide__arrow svg {
        width: 2.5rem;
        height: 2.5rem;
    }
}

@media screen and (max-width: 767px) {
    .template-flex.image-streched:not(.image-detached):not(.has-video):not(.has-more-images) .container .image {
        width: 100%;
    }

    .border-radius,
    .template-flex-accordion .container,
    .template-flex.image-slider:not(.template-flex-media-stretched) .image .item,
    .template-flex.image-slider:not(.template-flex-media-stretched) .block-column__video .block-column__placeholder {
        border-radius: 2.5rem;
    }

    .template-flex-collage .grid li.has-title.border-radius:after,
    .template-flex.image-slider:not(.template-flex-media-stretched) .image-wrapper-splide.is-overflow .image:after {
        border-radius: 0 0 2.5rem 2.5rem;
    }

    .template-flex-accordion .image-wrapper .image .item {
        border-radius: 2.5rem 2.5rem 0 0;
    }

    .template-flex-collage .grid li.border-radius:after {
        border-radius: 0 0 2.5rem 2.5rem;
    }


    /* == Carousel items block == */
    .carousel-items ul .item .img-responsive {
        min-height: 28rem;
    }

    .flex-divider.has-emblem {
        margin: 1rem auto;
    }
}

.template-flex.bg-primary {
    background: linear-gradient(45deg, rgba(25, 67, 111, 1) 0%, rgba(16, 91, 153, 1) 14%, rgba(0, 136, 234, 1) 43%, rgba(0, 120, 206, 1) 59%, rgba(0, 66, 115, 1) 100%);
}


/* == custom contact page ==*/
.template-flex-form.bg-white .container {
    background-color: #fff;
}

.wpforms-container .wpforms-error-container p {
    padding: 5px;
    border-radius: 10px;
    text-align: center;
    border: 1px solid red;
    background-color: #ffc5c5;
    font-size: 14px;
    font-weight: bold;
}

.template-flex-form.bg-white div.wpforms-container .wpforms-form input,
.template-flex-form.bg-white div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column select,
.template-flex-form div.wpforms-container .wpforms-form textarea {
    background-color: #F7F7F7;
}

.template-flex-form.bg-white div.wpforms-container .wpforms-form input::placeholder,
.template-flex-form.bg-white div.wpforms-container .wpforms-form textarea::placeholder,
.template-flex-form.bg-white div.wpforms-container .wpforms-form select {
    color: #19436f !important;
    font-family: var(--secondary-font-family);
    font-weight: 700;
}

.template-flex-form.bg-white div.wpforms-container-full .wpforms-form input.wpforms-field-small {
    max-width: 100%;
}


.usp-items-template-flex-media .list:not(.splide__list) .item svg path,
.template-flex-accordion-wide .seo-employee .featured-employee .desc ul li svg path {
    fill: #FFAD00;
}

#nav .menu-btn {
    display: none;
}

.template-flex-accordion-wide .seo-employee:after {
    background: linear-gradient(45deg, rgba(25, 67, 111, 1) 0%, rgba(16, 91, 153, 1) 14%, rgba(0, 136, 234, 1) 43%, rgba(0, 120, 206, 1) 59%, rgba(0, 66, 115, 1) 100%);
}

@media screen and (max-width: 767px) {
    #nav .menu-btn {
        display: block;
    }

    #nav .menu-btn a {
        background-color: #FFAD00;
        color: #000 !important;
        display: block;
    }
}

@media screen and (min-width: 1025px) {
    #nav .menu-btn a {
        display: none;
        background-color: transparent;
        color: inherit !important;
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .main-banner-items .item.image-detached .container {
        margin-top: 25rem;
    }
}

#flex-popups .flex-popup .content,
#flex-popups .flex-popup {
    border-radius: 30px;
}

#flex-popups .flex-popup .content .content-top .image {
    border-radius: 30px 30px 0 0;
}

#flex-popups .flex-popup .close {
    color: white;
    line-height: 1;
    top: 5px;
    right: 15px;
    font-size: 48px;
}

div.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    /*     margin-top: 4px; */
}

div.wpml-ls-legacy-dropdown .wpml-ls-sub-menu::before {
    content: "";
    display: block;
    height: 13px;
}

.template-flex-filter .content-wrapper .row-title {
    text-align: center !important;
    margin-bottom: 1.3rem !important;
}

/* fix issue on popup form after use recaptcha */
.download-form-wrapper .inner h2 {
    font-size: 24px !important;
}

.wpforms-is-recaptcha-type-invisible{
    display:none;    
}

.download-form-wrapper .text-description {
    font-size: 14px;
}

.download-form-wrapper .inner div.wpforms-container input[type="email"] {
    height: 40px;
}

.wpforms-container .wpforms-recaptcha-container,
.download-form-wrapper .wpforms-container .wpforms-recaptcha-container .g-recaptcha {
    padding: 0;
}

.download-form-wrapper .inner div.wpforms-container .wpforms-submit-container .wpforms-submit {
    height: 40px;
}

.download-form-wrapper .inner .image-wrapper img {
    margin-top: -80px;
}

.news-content .wpforms-container .wpforms-recaptcha-container {
    margin-bottom: 16px;
}

.template-flex-form.form-new .form-wrapper.mobile {
    margin-top: 20px;
}

.template-flex-download-block .wpforms-confirmation-container-full a {
    color: #066aab;
    font-weight: bold;
}

.wpforms-confirmation-container-full a {
    text-decoration:underline;
    font-weight: bold; 
}

.relative{
    position: relative;
}

img.img-alt {
    visibility: hidden; 
    width: 100%; 
    position: absolute; 
    height: 100%;
    left:0;
}

.mobile-hide{
    display: none;
}



@media screen and (min-width: 768px) {
    .download-form-wrapper .inner {
        padding: 30px 70px;
    }

    .mobile-hide{
        display: block;
    }

    .desktop-hide{
        display: none;
    }
}

@media screen and (min-width:1025px) {
    .news-content .form-wrapper .wpforms-form .wpforms-field-container {
        min-width: 200px;
    }

    .news-content .form-wrapper .wpforms-form {
        flex-wrap: wrap;
    }

    .news-content .wpforms-container .wpforms-recaptcha-container {
        order: 1;
    }
}

/*new style navbar*/
@media screen and (max-width:1024px) {
    .header-wrapper {
        flex-direction: column-reverse;
    }

    div.wpml-ls-legacy-dropdown {
        display: none;
    }

    .header-wrapper .contact-info {
        display: none;
    }

    .header-wrapper .custom-logo-link {
        position: relative;
        left: unset;
        transform: unset;
        order: unset;
    }

    .header-wrapper>.container #nav {
        height: 64px;
        order: unset;
    }

    .header-wrapper>.container {
        max-width: 100%;
        justify-content: space-between;
    }

    .bar-items {
        align-items: center;
        width: 24px;
        height: 45px;
    }

    .bar-items .line {
        margin: 4px 0px;
        min-height: 2px;
        background-color: #003866;
    }

    .js-show .bar-items .line:first-of-type,
    .js-show .bar-items .line:last-of-type {
        left: 35%;
        margin-left: -0.8rem;
    }

    #nav .show-nav .inner {
        align-items: center;
    }

    .bar-items .line:nth-child(2) {
        max-width: 4rem;
    }

    .bar-items .line:nth-child(3) {
        max-width: 4rem;
    }

    #nav .main-nav.show.has-header-wrapper-top {
        top: 100%;
    }

    #nav .main-nav.js-active {
        background-color: #ffffff;
    }

    #nav .main-nav.show #menu-header-nav li a {
        font-size: 14px;
        font-weight: bold;
        color: #003866;
        justify-content: space-between;
    }

    #nav .main-nav li.menu-item-has-children>a:after {
        background-image: url("./images/icons/chevron-right-solid-blue.svg");
        margin-left: 0;
        margin-top: 0.25rem;
    }

    #nav .menu-btn a {
        justify-content: center !important;
        border-radius: 12px;
    }

    #nav .show-nav .label-text {
        font-size: 10px;
        font-weight: 400;
    }

    .header-wrapper .custom-logo {
        max-width: 38px;
    }

    .searchform-mobile-wrap::before {
        display: block;
        content: "";
        width: calc(100% - 4rem);
        height: 1px;
        border-top: 1px solid #EDEBEB;
        margin-bottom: 16px;
        margin-left: auto;
        margin-right: auto;
    }

    .searchform-mobile-wrap .searchform {
        display: block;
        position: relative;
        top: unset;
        margin-left: unset !important;
        background-color: unset;
        padding-top: 0rem;
        padding-bottom: 0;
    }

    .searchform-mobile-wrap .searchform .wrap {
        background-color: #EDEBEB80;
        border: 1px solid #EDEBEB;
        flex-direction: row-reverse;
        gap: 16px;
    }

    .searchform-mobile-wrap .searchform .wrap input[type=text] {
        background-color: unset;
        font-size: 14px;
    }

    .searchform-mobile-wrap input::placeholder {
        color: rgba(0, 0, 0, 0.5) !important;
        opacity: 1;
    }

    hr.divider {
        border-width: 1px;
        border-color: #EDEBEB;
        margin: 0 2rem;
    }

    #nav .main-nav #menu-header-nav {
        padding-top: 17px;
        padding-bottom: 24px;
    }

    #nav .menu-btn {
        padding-top: 15px !important;
        padding-bottom: 0px !important;
    }

    #nav .menu-btn::before {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        border-top: 1px solid #EDEBEB;
        margin-bottom: 24px;
    }

    #nav .menu-btn::after {
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        border-top: 1px solid #EDEBEB;
        margin-top: 24px;
    }

    .wpml-selector-mobile {
        display: flex;
        flex-direction: row;
        width: 100%;
        padding: 0rem 2rem;
    }

    .wpml-selector-mobile div.wpml-ls-legacy-dropdown {
        display: block;
        margin-left: unset;
        width: 100%;
        padding-left: 0rem;
        padding-right: 0rem;
        padding-bottom: 24px;
    }

    .wpml-selector-mobile .wpml-ls-legacy-dropdown .wpml-ls-item {
        font-size: 14px !important;
        font-weight: bold;
        color: #003866;
    }

    .wpml-selector-mobile div.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
        position: unset;
        display: none;
    }

    .wpml-selector-mobile.js-active div.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
        display: block;
    }

    .wpml-selector-mobile div.wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a {
        align-items: center;
        border: none;
        box-shadow: unset;
        display: flex;
        justify-content: flex-start;
        padding: 1rem;
        color: #003866;
        padding-left: 0;
    }

    .wpml-selector-mobile div.wpml-ls-legacy-dropdown .js-wpml-ls-item-toggle {
        justify-content: flex-start;
        color: #003866;
    }

    .wpml-selector-mobile div.wpml-ls-legacy-dropdown .js-wpml-ls-item-toggle::after {
        content: "";
        background-image: url("./images/icons/chevron-right-solid-blue.svg");
        margin-left: 0;
        margin-top: 0.25rem;
        width: 0.6rem;
        background-repeat: no-repeat;
        background-size: contain;
        display: block;
        border: unset;
        height: 12px;
        top: unset;
        right: 5px;
    }

    .wpml-selector-mobile div.wpml-ls-legacy-dropdown .wpml-ls-flag {
        display: none;
    }

    .wpml-selector-mobile div.wpml-ls-legacy-dropdown .js-wpml-ls-item-toggle .wpml-ls-flag+span {
        display: block;
    }

    .wpml-selector-mobile div.wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-flag+span {
        display: block;
    }

    #nav .main-nav li.menu-item-has-children>a.close:after {
        transform: unset;
    }
}

@media screen and (min-width:1025px) {

    #nav .main-nav #menu-header-nav li a {
        padding-left: 16px;
        padding-right: 16px;
    }

    .header-wrapper .custom-logo-link {
        margin-right: 0px;
    }

    #nav .main-nav li.menu-item-has-children>a:after {
        margin-top: 0.4rem;
    }

    .header-wrapper .searchform .wrap input::placeholder {
        color: rgba(0, 56, 102, 0.6) !important;
        opacity: 1;
    }

    .header-wrapper .contact-info li:not(.search-icon) {
        margin-left: 16px;
    }

    div.wpml-ls-legacy-dropdown .wpml-ls-flag {
        max-width: 2rem;
        max-height: 2rem;
    }
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label {
    color: #ffffff;
}

.bg-white div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label {
    color: var(--wpforms-label-color);
}

.carousel-items ul .item .desc {
    height: auto;
}

/* base for heading */
h1 {
    font-size: 40px !important;
}

h2 {
    font-size: 32px !important;
}

h3 {
    font-size: 24px !important;
}

.main-banner-items>.item.image-detached article .dynamic-text .dynamic-text-content {
    line-height: 1.2;
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 24px !important;
    }

    h2 {
        font-size: 20px !important;
    }

    h3 {
        font-size: 18px !important;
    }
}

.template-flex-filter .content-wrapper .btn-wrap .btn {
    width: 100%;
}

@media screen and (min-width: 900px) {
    .template-flex-filter #filter-sizes {
        order: 5;
    }

    .template-flex-filter #filter-machines {
        order: 4;
    }

    .template-flex-filter .btn-wrap.reset {
        order: 3;
    }

    .template-flex-filter .btn-wrap.submit {
        order: 6;
    }

    .template-flex-filter .content-wrapper .btn-wrap {
        width: 18%;
    }
}

.template-flex-filter .filter-custom {
    flex: 1 1 auto;
}


/*new style navbar with megamenu*/
@keyframes slideRight {
    from {
        left: 80%;
        opacity: 0;
    }
    to {
        left: 100%;
        opacity: 1;
    }
}
.header-wrapper {
    z-index: 110;
}

@media screen and (min-width:1025px) {
    #nav .main-nav #menu-header-nav li {
        position: unset;
    }

    #nav .main-nav #menu-header-nav li a {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #nav .main-nav #menu-header-nav li .sub-menu{
        transform-origin: top center;
        animation: growOut .3s ease-in-out forwards;
    }

    #nav .main-nav #menu-header-nav li:hover .sub-menu {
        display: none;
    }

    #nav .main-nav #menu-header-nav li:hover>.sub-menu:not(.level-4) {
        display: flex;
    }

    #nav .main-nav #menu-header-nav li:hover .sub-menu {
        top: 100%;
        border: 1px solid #E5F3FB;
        border-right: 0.5px solid #E5F3FB;
        box-shadow: unset;
        padding-top: 0;
        min-width: 220px;
    }

    #nav .main-nav #menu-header-nav li.has_acf_button:hover .sub-menu{
        min-width: 270px;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory>a {
        justify-content: space-between;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory .sub-menu {
        top: -1px;
        left:0;
        height: calc(100% + 2px);
        transform-origin: unset;
        backface-visibility: hidden;
        -webkit-font-smoothing: subpixel-antialiased;
        opacity: 0;
        visibility: hidden;
        /* overflow-y: scroll; */
    }

    #nav .main-nav #menu-header-nav li.has-subcategory:hover .sub-menu{
        animation: slideRight 0.3s ease-in-out forwards;
        visibility: visible;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory.empty-children .sub-menu.dropdown-submenu{
        min-width: 0px;
        width: 0px;
    }

    #nav .main-nav #menu-header-nav li:hover .sub-menu li a {
        padding: 1rem 2rem;
    }

    #nav .main-nav #menu-header-nav li:hover .sub-menu li:hover>a {
        color: #008BD2;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory:hover>a {
        background-color: #E5F3FB;
        color: #008BD2 !important;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory>a::after {
        margin-left: 1.5rem;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory:hover>a::after {
        transform: unset;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory .sub-menu.dropdown-submenu .sub-menu.level-4 {
        display: none;
        width: auto;
        min-width: 560px;
        padding: 24px;
        overflow-y: scroll;
        scrollbar-width: none;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory .sub-menu.dropdown-submenu .sub-menu.level-4::-webkit-scrollbar{
        width: 1px;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory:hover .sub-menu.dropdown-submenu>.sub-menu.level-4 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    /*button categorie menu*/
    #nav .main-nav #menu-header-nav .button-menu-wrapper{
        display: inline-flex;
        margin-top: auto;
    }

    #nav .main-nav #menu-header-nav .button-menu-wrapper.parent-button-wrapper{
        display: none;
    }

    #nav .main-nav #menu-header-nav .button-menu-wrapper .menu-button-link{
        background: #19436F;
        color: #fff !important;
        position: relative;
        border-radius: 8px;
        align-items: center;
        padding-right: 1rem !important;
    }

    #nav .main-nav #menu-header-nav .button-menu-wrapper .menu-button-link::after{
        content: '';
        background-image: url('./images/arrow-right-light-white.svg');
        background-repeat: no-repeat;
        background-size: contain;
        height: 1rem;
        width: 2rem;
        margin-left: 2rem;
    }

    #nav .main-nav #menu-header-nav .sub-menu.dropdown-submenu .button-menu-wrapper .acf-button-item{
        padding: 0rem 2rem;
    }

    #nav .main-nav #menu-header-nav .sub-menu.level-4 .button-menu-wrapper .acf-button-item{
        padding: 0rem;
    }

    #nav .main-nav #menu-header-nav img.menu-icon {
        width: 60px;
        height: 40px;
        display: block;
    }

    #nav .main-nav #menu-header-nav .menu-item.acf-item .menu-link {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 16px;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory .sub-menu.level-4 .megamenu-wrapper {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        align-items: flex-start;
        justify-content: space-between;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory .sub-menu.level-4 .menu-link {
        padding: 0px;
    }

    .mobile-button-wrap {
        display: none;
    }

    .menu-item-back {
        display: none;
    }

    .parent-title {
        display: none;
    }

    .subcategory-text {
        display: none;
    }

    #nav .horizontal-line{
        border-width: 1px;
        border-color: #f7f7f7;
        width: 100%;
        margin: 0;
    }

    #nav .main-nav #menu-header-nav .button-menu-wrapper .button-mobile{
        display: none;
    }
}

@media screen and (min-width:1700px) {
    #nav .main-nav #menu-header-nav li:hover .sub-menu {
        min-height: auto;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory .sub-menu.dropdown-submenu .sub-menu.level-4 {
        min-width: 757px;
        padding-left: 40px;
        padding-top: 24px;
        padding-right: 64px;
        padding-bottom: 24px;
    }

    #nav .main-nav #menu-header-nav .menu-item.acf-item .menu-link {
        gap: 24px;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory .sub-menu.level-4 li:nth-child(even) .menu-link {
        justify-content: flex-start;
    }

    #nav .main-nav #menu-header-nav li.has-subcategory .sub-menu.level-4 .megamenu-wrapper {
        gap: 24px 150px;
    }

    #nav .main-nav #menu-header-nav li {
        font-size: 1.6rem;
    }

    /* #nav .main-nav li.menu-item-has-children>a:after {
        width: 0.7rem;
    } */

    #nav .main-nav #menu-header-nav li:hover .sub-menu li a {
        font-size: 1.6rem;
    }

    .header-wrapper .contact-info li .btn {
        font-size: 1.6rem;
    }

    ul.vehicle-menu.level-4 {
        min-width: 757px;
        padding-left: 40px;
        padding-top: 44px;
        padding-right: 64px;
        padding-bottom: 60px;
    }
}

/*new menu style mobile*/

@media screen and (max-width:1024px) {
    .searchform .wrap {
        border-radius: 8px;
    }

    .searchform-mobile-wrap .searchform {
        margin-bottom: 16px;
    }

    .header-wrapper .custom-logo-link {
        left: 50%;
        transform: translateX(-50%);
    }

    .header-wrapper .contact-info {
        display: block;
        left: 20px;
        z-index: -1;
    }

    .header-wrapper .contact-info li.search-icon {
        margin-left: 0;
    }

    .header-wrapper .contact-info li.search-icon svg {
        width: 20px;
        height: 20px;
    }

    .searchform {
        background-color: #fff;
        top: 6.5rem;
        padding: 1.6rem 2rem;
    }

    .searchform.js-active::before {
        content: "";
        background-color: rgba(0, 0, 0, .8);
        display: block;
        height: 100%;
        left: 0;
        position: fixed;
        top: 17rem;
        width: 100%;
    }

    .searchform-mobile-wrap .searchform.js-active::before {
        display: none;
    }

    .searchform .wrap {
        background-color: #EDEBEB80;
        border: 1px solid #EDEBEB;
        flex-direction: row-reverse;
        gap: 1.6rem;
    }

    .searchform .wrap input[type=text] {
        background-color: unset;
        font-size: 14px;
    }

    .searchform .wrap input[type=text]::placeholder {
        color: rgba(0, 0, 0, 0.5) !important;
    }

    .searchform-mobile-wrap::before {
        width: 100%;
    }

    #nav .main-nav.js-active {
        max-height: 640px;
        overflow-y: scroll;
        height: 100%;
        min-height: 560px;
    }

    #nav .main-nav #menu-header-nav {
        padding-top: 0;
        padding-bottom: 17px;
    }

    .wpml-selector-mobile {
        padding: 0 2.5rem;
    }

    .mobile-button-wrap {
        display: block;
        padding: 0px 2.5rem;
        padding-top: 40px;
        position: relative;
        width: 100%;
        padding-bottom: 40px;
    }

    .mobile-button-wrap .menu-btn::before,
    .mobile-button-wrap .menu-btn::after {
        display: none !important;
    }

    .mobile-button-wrap .menu-btn a {
        padding-top: 12px;
        padding-bottom: 12px;
        border-radius: 12px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
    }

    .mobile-button-wrap .menu-btn.secondary a {
        background-color: #fff !important;
        border: 1px solid #008BD2;
        color: #008BD2 !important;
    }

    #nav .main-nav #menu-header-nav li {
        position: unset;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
    }

    #nav .main-nav li .sub-menu.active {
        position: absolute;
        background-color: #ffffff;
        z-index: 1;
        top: 70px;
        left: 0;
        width: 100%;
        height: 100%;
    }

    #nav .main-nav.show #menu-header-nav li a {
        font-size: 16px;
        font-weight: bold;
    }

    #nav .main-nav.show #menu-header-nav li .sub-menu li a {
        font-weight: 400;
    }

    #nav .main-nav.show #menu-header-nav li .sub-menu li.menu-item-back a {
        font-weight: bold;
    }

    #nav .main-nav.show #menu-header-nav li a.active {
        color: rgba(0, 139, 210, 1);
    }

    .parent-title {
        font-size: 16px;
        font-weight: bold;
        color: #003866;
        font-family: var(--primary-font-family);
        padding: 1.2rem 1rem;
    }

    .parent-title a {
        padding: 0px !important;
        font-weight: bold !important;
    }

    .subcategory-text {
        font-size: 14px;
        font-weight: bold;
        color: rgba(0, 56, 102, 0.5);
        font-family: var(--primary-font-family);
        padding: 1.2rem 1rem;
        font-style: italic;
    }

    .subcategory-text.level4 {
        padding: 1.2rem 2.5rem;
    }

    .empty-children .subcategory-text:not(.level4){
        display: none;
    }

    #nav .main-nav #menu-header-nav li a.back-button {
        font-size: 16px;
        font-weight: bold;
        color: #003866;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        position: relative;
        justify-content: flex-start;
    }

    .menu-item-back .back-button::before {
        content: "";
        display: flex;
        align-items: center;
        background-image: url("./images/icons/chevron-right-solid-blue.svg");
        margin-left: 0;
        margin-bottom: 0.15rem;
        margin-right: 2.4rem;
        background-repeat: no-repeat;
        background-size: contain;
        width: 0.6rem;
        transform: rotate(180deg);
    }

    #nav .main-nav li .sub-menu.dropdown-submenu.active {
        top: 0;
        display: flex;
        flex-direction: column;
    }

    .megamenu-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    li.menu-item.acf-item {
        width: 100%;
    }

    li.menu-item.acf-item a {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }

    li.menu-item.acf-item .menu-icon {
        display: block;
        width: 100%;
        max-width: 36.34px;
        object-fit: cover;
    }

    #nav .main-nav li .sub-menu.level-4.active {
        display: block;
        position: relative;
        min-height: unset;
        top: unset;
        left: unset;
        order: 1;
        margin-top: 40px;
        padding-bottom: 40px;
    }

    #nav .main-nav li.empty-children .sub-menu.level-4.active{
        margin-top: 0;
    }

    #nav .main-nav .container {
        display: block;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
        overflow-y: auto;
        scrollbar-width: thin;
    }

    #nav .horizontal-line{
        border-width: 1px;
        border-color: #f7f7f7;
        width: 100%;
        margin: 0;
    }

    /*button categorie menu*/
    #nav .main-nav #menu-header-nav .button-menu-wrapper{
        display: block;
        margin-top: 10px;
        position: absolute;
        right: 0;
        top: 55px;
        margin-top: 0;
    }

    #nav .main-nav #menu-header-nav .sub-menu.level-4.active .button-menu-wrapper{
        top: -30px;
    }

    #nav .main-nav #menu-header-nav .button-menu-wrapper .acf-button-item{
        padding-left: 0rem;
        padding-right: 2.5rem;
        padding-top: 0;
        padding-bottom: 0;
    }

    #nav .main-nav #menu-header-nav .button-menu-wrapper .menu-button-link{
        background: unset;
        color: #19436F !important;
        position: relative;
        border-radius: 8px;
        align-items: center;
        padding: 0rem !important;
        text-decoration: underline;
    }

    #nav .main-nav #menu-header-nav .button-menu-wrapper .menu-button-link::after{
        content: '';
        background-image: url('./images/arrow-right-light-white.svg');
        background-repeat: no-repeat;
        background-size: contain;
        height: 1rem;
        width: 2rem;
        margin-left: 2rem;
        display: none;
    }

    #nav .main-nav #menu-header-nav .button-menu-wrapper .button-desktop{
        display: none;
    }
}

@media screen and (max-width: 767px) {
    #nav .mobile-button-wrap .menu-btn.secondary a {
        background-color: #fff !important;
        border: 1px solid #008BD2;
        color: #008BD2 !important;
    }
}