/************* MAX WIDE *************/
@media screen and (max-width: 1600px) {

    /** COMMON **/
    body, html {
    }

    /** COMPONENTS **/
    /** LOOPS **/
    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    /** SECTION: BRICKS **/
    /** SECTION: BOTTOM **/
    .site-identity {
        margin-right: 2rem;
    }

    .site-navigation {
        position: static;
        transform: none;
    }

}

@media screen and (max-width: 1440px) {
    .site-navigation li a, .site-navigation li .drop-btn {
        padding: 12px 15px;
    }

    .site-navigation .nav {
        display: flex;
        align-items: center;
        margin-right: 2rem;
    }

    .site-navigation li {
        width: min-content;
    }

    .site-navigation .dropdown {
        width: max-content;
    }
}

/************* MAX DESKTOP *************/
@media screen and (max-width: 1224px) {

    /** COMMON **/
    body, html {
    }

    .container-1 {
        padding: 80px 0px;
    }

    .brick-calculator-1, .brick-materials-1, .brick-materials-map-1 {
        margin: 0 15px;
    }

    .site-appointment {
        display: none;
    }

    section {
        padding: 0 15px;
    }

    .brick {
        padding: 0 15px;
    }

    /** COMPONENTS **/
    /** LOOPS **/
    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    /** SECTION: BRICKS **/
    /** SECTION: BOTTOM **/

}

/************* MAX TABLET-LANDSCAPE *************/
@media screen and (max-width: 1024px) {

    header[data-size="mobile"] {
        display: block;
        top: 0;
        background-color: var(--green);
    }

    header[data-size="desktop"] {
        display: none;
    }

    div[data-size="mobile-hero"] {
        display: block;
    }

    div[data-size="desktop-hero"] {
        display: none;
    }

    /** COMMON **/
    body, html {
        font-size: 15px;
    }

    .container-1 {
        padding: 60px 0px;
    }

    .container-2 {
        padding: 60px 0px;
    }

    .wrapper-1 {
        padding: 0px 55px;
    }

    .wrapper-2 {
        padding: 0px 55px;
    }

    .wrapper-3 {
        padding: 0px 55px;
    }

    .wrapper-4 {
        padding: 0px 55px;
    }

    /** SPACING **/
    .p-0 {
        padding: 0px !important;
    }

    .pt-0 {
        padding-top: 0px !important;
    }

    .pr-0 {
        padding-right: 0px !important;
    }

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

    .pl-0 {
        padding-left: 0px !important;
    }

    .m-0 {
        margin: 0px !important;
    }

    .mt-0 {
        margin-top: 0px !important;
    }

    .mr-0 {
        margin-right: 0px !important;
    }

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

    .ml-0 {
        margin-left: 0px !important;
    }

    .p-5 {
        padding: 4px !important;
    }

    .pt-5 {
        padding-top: 4px !important;
    }

    .pr-5 {
        padding-right: 4px !important;
    }

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

    .pl-5 {
        padding-left: 4px !important;
    }

    .m-5 {
        margin: 4px !important;
    }

    .mt-5 {
        margin-top: 4px !important;
    }

    .mr-5 {
        margin-right: 4px !important;
    }

    .mb-5 {
        margin-bottom: 4px !important;
    }

    .ml-5 {
        margin-left: 4px !important;
    }

    .p-10 {
        padding: 8px !important;
    }

    .pt-10 {
        padding-top: 8px !important;
    }

    .pr-10 {
        padding-right: 8px !important;
    }

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

    .pl-10 {
        padding-left: 8px !important;
    }

    .m-10 {
        margin: 8px !important;
    }

    .mt-10 {
        margin-top: 8px !important;
    }

    .mr-10 {
        margin-right: 8px !important;
    }

    .mb-10 {
        margin-bottom: 8px !important;
    }

    .ml-10 {
        margin-left: 8px !important;
    }

    .p-15 {
        padding: 13px !important;
    }

    .pt-15 {
        padding-top: 13px !important;
    }

    .pr-15 {
        padding-right: 13px !important;
    }

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

    .pl-15 {
        padding-left: 13px !important;
    }

    .m-15 {
        margin: 13px !important;
    }

    .mt-15 {
        margin-top: 13px !important;
    }

    .mr-15 {
        margin-right: 13px !important;
    }

    .mb-15 {
        margin-bottom: 13px !important;
    }

    .ml-15 {
        margin-left: 13px !important;
    }

    .p-20 {
        padding: 17px !important;
    }

    .pt-20 {
        padding-top: 17px !important;
    }

    .pr-20 {
        padding-right: 17px !important;
    }

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

    .pl-20 {
        padding-left: 17px !important;
    }

    .m-20 {
        margin: 17px !important;
    }

    .mt-20 {
        margin-top: 17px !important;
    }

    .mr-20 {
        margin-right: 17px !important;
    }

    .mb-20 {
        margin-bottom: 17px !important;
    }

    .ml-20 {
        margin-left: 17px !important;
    }

    .p-25 {
        padding: 21px !important;
    }

    .pt-25 {
        padding-top: 21px !important;
    }

    .pr-25 {
        padding-right: 21px !important;
    }

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

    .pl-25 {
        padding-left: 21px !important;
    }

    .m-25 {
        margin: 21px !important;
    }

    .mt-25 {
        margin-top: 21px !important;
    }

    .mr-25 {
        margin-right: 21px !important;
    }

    .mb-25 {
        margin-bottom: 21px !important;
    }

    .ml-25 {
        margin-left: 21px !important;
    }

    .p-30 {
        padding: 25px !important;
    }

    .pt-30 {
        padding-top: 25px !important;
    }

    .pr-30 {
        padding-right: 25px !important;
    }

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

    .pl-30 {
        padding-left: 25px !important;
    }

    .m-30 {
        margin: 25px !important;
    }

    .mt-30 {
        margin-top: 25px !important;
    }

    .mr-30 {
        margin-right: 25px !important;
    }

    .mb-30 {
        margin-bottom: 25px !important;
    }

    .ml-30 {
        margin-left: 25px !important;
    }

    .p-35 {
        padding: 29px !important;
    }

    .pt-35 {
        padding-top: 29px !important;
    }

    .pr-35 {
        padding-right: 29px !important;
    }

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

    .pl-35 {
        padding-left: 29px !important;
    }

    .m-35 {
        margin: 29px !important;
    }

    .mt-35 {
        margin-top: 29px !important;
    }

    .mr-35 {
        margin-right: 29px !important;
    }

    .mb-35 {
        margin-bottom: 29px !important;
    }

    .ml-35 {
        margin-left: 29px !important;
    }

    .p-40 {
        padding: 33px !important;
    }

    .pt-40 {
        padding-top: 33px !important;
    }

    .pr-40 {
        padding-right: 33px !important;
    }

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

    .pl-40 {
        padding-left: 33px !important;
    }

    .m-40 {
        margin: 33px !important;
    }

    .mt-40 {
        margin-top: 33px !important;
    }

    .mr-40 {
        margin-right: 33px !important;
    }

    .mb-40 {
        margin-bottom: 33px !important;
    }

    .ml-40 {
        margin-left: 33px !important;
    }

    .p-45 {
        padding: 38px !important;
    }

    .pt-45 {
        padding-top: 38px !important;
    }

    .pr-45 {
        padding-right: 38px !important;
    }

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

    .pl-45 {
        padding-left: 38px !important;
    }

    .m-45 {
        margin: 38px !important;
    }

    .mt-45 {
        margin-top: 38px !important;
    }

    .mr-45 {
        margin-right: 38px !important;
    }

    .mb-45 {
        margin-bottom: 38px !important;
    }

    .ml-45 {
        margin-left: 38px !important;
    }

    .p-50 {
        padding: 42px !important;
    }

    .pt-50 {
        padding-top: 42px !important;
    }

    .pr-50 {
        padding-right: 42px !important;
    }

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

    .pl-50 {
        padding-left: 42px !important;
    }

    .m-50 {
        margin: 42px !important;
    }

    .mt-50 {
        margin-top: 42px !important;
    }

    .mr-50 {
        margin-right: 42px !important;
    }

    .mb-50 {
        margin-bottom: 42px !important;
    }

    .ml-50 {
        margin-left: 42px !important;
    }

    .p-55 {
        padding: 46px !important;
    }

    .pt-55 {
        padding-top: 46px !important;
    }

    .pr-55 {
        padding-right: 46px !important;
    }

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

    .pl-55 {
        padding-left: 46px !important;
    }

    .m-55 {
        margin: 46px !important;
    }

    .mt-55 {
        margin-top: 46px !important;
    }

    .mr-55 {
        margin-right: 46px !important;
    }

    .mb-55 {
        margin-bottom: 46px !important;
    }

    .ml-55 {
        margin-left: 46px !important;
    }

    .p-60 {
        padding: 50px !important;
    }

    .pt-60 {
        padding-top: 50px !important;
    }

    .pr-60 {
        padding-right: 50px !important;
    }

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

    .pl-60 {
        padding-left: 50px !important;
    }

    .m-60 {
        margin: 50px !important;
    }

    .mt-60 {
        margin-top: 50px !important;
    }

    .mr-60 {
        margin-right: 50px !important;
    }

    .mb-60 {
        margin-bottom: 50px !important;
    }

    .ml-60 {
        margin-left: 50px !important;
    }

    .p-65 {
        padding: 54px !important;
    }

    .pt-65 {
        padding-top: 54px !important;
    }

    .pr-65 {
        padding-right: 54px !important;
    }

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

    .pl-65 {
        padding-left: 54px !important;
    }

    .m-65 {
        margin: 54px !important;
    }

    .mt-65 {
        margin-top: 54px !important;
    }

    .mr-65 {
        margin-right: 54px !important;
    }

    .mb-65 {
        margin-bottom: 54px !important;
    }

    .ml-65 {
        margin-left: 54px !important;
    }

    .p-70 {
        padding: 59px !important;
    }

    .pt-70 {
        padding-top: 59px !important;
    }

    .pr-70 {
        padding-right: 59px !important;
    }

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

    .pl-70 {
        padding-left: 59px !important;
    }

    .m-70 {
        margin: 59px !important;
    }

    .mt-70 {
        margin-top: 59px !important;
    }

    .mr-70 {
        margin-right: 59px !important;
    }

    .mb-70 {
        margin-bottom: 59px !important;
    }

    .ml-70 {
        margin-left: 59px !important;
    }

    .p-75 {
        padding: 63px !important;
    }

    .pt-75 {
        padding-top: 63px !important;
    }

    .pr-75 {
        padding-right: 63px !important;
    }

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

    .pl-75 {
        padding-left: 63px !important;
    }

    .m-75 {
        margin: 63px !important;
    }

    .mt-75 {
        margin-top: 63px !important;
    }

    .mr-75 {
        margin-right: 63px !important;
    }

    .mb-75 {
        margin-bottom: 63px !important;
    }

    .ml-75 {
        margin-left: 63px !important;
    }

    .p-80 {
        padding: 67px !important;
    }

    .pt-80 {
        padding-top: 67px !important;
    }

    .pr-80 {
        padding-right: 67px !important;
    }

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

    .pl-80 {
        padding-left: 67px !important;
    }

    .m-80 {
        margin: 67px !important;
    }

    .mt-80 {
        margin-top: 67px !important;
    }

    .mr-80 {
        margin-right: 67px !important;
    }

    .mb-80 {
        margin-bottom: 67px !important;
    }

    .ml-80 {
        margin-left: 67px !important;
    }

    .p-85 {
        padding: 71px !important;
    }

    .pt-85 {
        padding-top: 71px !important;
    }

    .pr-85 {
        padding-right: 71px !important;
    }

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

    .pl-85 {
        padding-left: 71px !important;
    }

    .m-85 {
        margin: 71px !important;
    }

    .mt-85 {
        margin-top: 71px !important;
    }

    .mr-85 {
        margin-right: 71px !important;
    }

    .mb-85 {
        margin-bottom: 71px !important;
    }

    .ml-85 {
        margin-left: 71px !important;
    }

    .p-90 {
        padding: 75px !important;
    }

    .pt-90 {
        padding-top: 75px !important;
    }

    .pr-90 {
        padding-right: 75px !important;
    }

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

    .pl-90 {
        padding-left: 75px !important;
    }

    .m-90 {
        margin: 75px !important;
    }

    .mt-90 {
        margin-top: 75px !important;
    }

    .mr-90 {
        margin-right: 75px !important;
    }

    .mb-90 {
        margin-bottom: 75px !important;
    }

    .ml-90 {
        margin-left: 75px !important;
    }

    .p-95 {
        padding: 79px !important;
    }

    .pt-95 {
        padding-top: 79px !important;
    }

    .pr-95 {
        padding-right: 79px !important;
    }

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

    .pl-95 {
        padding-left: 79px !important;
    }

    .m-95 {
        margin: 79px !important;
    }

    .mt-95 {
        margin-top: 79px !important;
    }

    .mr-95 {
        margin-right: 79px !important;
    }

    .mb-95 {
        margin-bottom: 79px !important;
    }

    .ml-95 {
        margin-left: 79px !important;
    }

    .p-100 {
        padding: 84px !important;
    }

    .pt-100 {
        padding-top: 84px !important;
    }

    .pr-100 {
        padding-right: 84px !important;
    }

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

    .pl-100 {
        padding-left: 84px !important;
    }

    .m-100 {
        margin: 84px !important;
    }

    .mt-100 {
        margin-top: 84px !important;
    }

    .mr-100 {
        margin-right: 84px !important;
    }

    .mb-100 {
        margin-bottom: 84px !important;
    }

    .ml-100 {
        margin-left: 84px !important;
    }

    .p-105 {
        padding: 88px !important;
    }

    .pt-105 {
        padding-top: 88px !important;
    }

    .pr-105 {
        padding-right: 88px !important;
    }

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

    .pl-105 {
        padding-left: 88px !important;
    }

    .m-105 {
        margin: 88px !important;
    }

    .mt-105 {
        margin-top: 88px !important;
    }

    .mr-105 {
        margin-right: 88px !important;
    }

    .mb-105 {
        margin-bottom: 88px !important;
    }

    .ml-105 {
        margin-left: 88px !important;
    }

    .p-110 {
        padding: 92px !important;
    }

    .pt-110 {
        padding-top: 92px !important;
    }

    .pr-110 {
        padding-right: 92px !important;
    }

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

    .pl-110 {
        padding-left: 92px !important;
    }

    .m-110 {
        margin: 92px !important;
    }

    .mt-110 {
        margin-top: 92px !important;
    }

    .mr-110 {
        margin-right: 92px !important;
    }

    .mb-110 {
        margin-bottom: 92px !important;
    }

    .ml-110 {
        margin-left: 92px !important;
    }

    .p-115 {
        padding: 96px !important;
    }

    .pt-115 {
        padding-top: 96px !important;
    }

    .pr-115 {
        padding-right: 96px !important;
    }

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

    .pl-115 {
        padding-left: 96px !important;
    }

    .m-115 {
        margin: 96px !important;
    }

    .mt-115 {
        margin-top: 96px !important;
    }

    .mr-115 {
        margin-right: 96px !important;
    }

    .mb-115 {
        margin-bottom: 96px !important;
    }

    .ml-115 {
        margin-left: 96px !important;
    }

    .p-120 {
        padding: 100px !important;
    }

    .pt-120 {
        padding-top: 100px !important;
    }

    .pr-120 {
        padding-right: 100px !important;
    }

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

    .pl-120 {
        padding-left: 100px !important;
    }

    .m-120 {
        margin: 100px !important;
    }

    .mt-120 {
        margin-top: 100px !important;
    }

    .mr-120 {
        margin-right: 100px !important;
    }

    .mb-120 {
        margin-bottom: 100px !important;
    }

    .ml-120 {
        margin-left: 100px !important;
    }

    .p-125 {
        padding: 105px !important;
    }

    .pt-125 {
        padding-top: 105px !important;
    }

    .pr-125 {
        padding-right: 105px !important;
    }

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

    .pl-125 {
        padding-left: 105px !important;
    }

    .m-125 {
        margin: 105px !important;
    }

    .mt-125 {
        margin-top: 105px !important;
    }

    .mr-125 {
        margin-right: 105px !important;
    }

    .mb-125 {
        margin-bottom: 105px !important;
    }

    .ml-125 {
        margin-left: 105px !important;
    }

    .p-130 {
        padding: 109px !important;
    }

    .pt-130 {
        padding-top: 109px !important;
    }

    .pr-130 {
        padding-right: 109px !important;
    }

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

    .pl-130 {
        padding-left: 109px !important;
    }

    .m-130 {
        margin: 109px !important;
    }

    .mt-130 {
        margin-top: 109px !important;
    }

    .mr-130 {
        margin-right: 109px !important;
    }

    .mb-130 {
        margin-bottom: 109px !important;
    }

    .ml-130 {
        margin-left: 109px !important;
    }

    .p-135 {
        padding: 113px !important;
    }

    .pt-135 {
        padding-top: 113px !important;
    }

    .pr-135 {
        padding-right: 113px !important;
    }

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

    .pl-135 {
        padding-left: 113px !important;
    }

    .m-135 {
        margin: 113px !important;
    }

    .mt-135 {
        margin-top: 113px !important;
    }

    .mr-135 {
        margin-right: 113px !important;
    }

    .mb-135 {
        margin-bottom: 113px !important;
    }

    .ml-135 {
        margin-left: 113px !important;
    }

    .p-140 {
        padding: 117px !important;
    }

    .pt-140 {
        padding-top: 117px !important;
    }

    .pr-140 {
        padding-right: 117px !important;
    }

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

    .pl-140 {
        padding-left: 117px !important;
    }

    .m-140 {
        margin: 117px !important;
    }

    .mt-140 {
        margin-top: 117px !important;
    }

    .mr-140 {
        margin-right: 117px !important;
    }

    .mb-140 {
        margin-bottom: 117px !important;
    }

    .ml-140 {
        margin-left: 117px !important;
    }

    .p-145 {
        padding: 121px !important;
    }

    .pt-145 {
        padding-top: 121px !important;
    }

    .pr-145 {
        padding-right: 121px !important;
    }

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

    .pl-145 {
        padding-left: 121px !important;
    }

    .m-145 {
        margin: 121px !important;
    }

    .mt-145 {
        margin-top: 121px !important;
    }

    .mr-145 {
        margin-right: 121px !important;
    }

    .mb-145 {
        margin-bottom: 121px !important;
    }

    .ml-145 {
        margin-left: 121px !important;
    }

    .p-150 {
        padding: 125px !important;
    }

    .pt-150 {
        padding-top: 125px !important;
    }

    .pr-150 {
        padding-right: 125px !important;
    }

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

    .pl-150 {
        padding-left: 125px !important;
    }

    .m-150 {
        margin: 125px !important;
    }

    .mt-150 {
        margin-top: 125px !important;
    }

    .mr-150 {
        margin-right: 125px !important;
    }

    .mb-150 {
        margin-bottom: 125px !important;
    }

    .ml-150 {
        margin-left: 125px !important;
    }

    /** COMPONENTS **/
    /** LOOPS **/
    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    /** SECTION: BRICKS **/
    .brick-products-single-1 .column-1 {
        padding-right: 30px;
    }

    .brick-products-single-1 .column-2 {
        width: 350px;
    }

    .header-in {
        height: 80px !important;
        padding: 30px 20px;
    }

    .header-in {
        height: 100%;
        background-color: var(--green);
    }

    .expand-btn {
        appearance: none;
        border: none;
        cursor: pointer;
        font-family: 'Larsseit';
        font-weight: 700;
        font-size: 16px;
        color: #FFF;
        margin: 6px 0 0 0;;
    }
    .expand-btn::before {
        content: "Lees meer...";
    }
    .expand-btn:checked::before {
        content: "Lees minder";
    }


    /** SECTION: BOTTOM **/

}

/************* MAX TABLET-PORTRAIT *************/
@media screen and (max-width: 768px) {

    /** COMMON **/
    body, html {
        font-size: 15px;
    }

    .brick {
        padding: unset;
    }

    .columns,
    .column {
        display: block;
    }

    .mobile-show {
        display: block;
    }

    .mobile-hide {
        display: none;
    }

    .container-1 {
        padding: 40px 0px;
    }

    .container-2 {
        padding: 40px 0px;
    }

    .container-3 {
        padding: 40px 0px;
    }

    .wrapper-1 {
        padding: 0px 35px;
    }

    .wrapper-2 {
        padding: 0px 35px;
    }

    .wrapper-3 {
        padding: 0px 35px;
    }

    .wrapper-4 {
        padding: 0px 35px;
    }

    /** SPACING **/
    .p-0 {
        padding: 0px !important;
    }

    .pt-0 {
        padding-top: 0px !important;
    }

    .pr-0 {
        padding-right: 0px !important;
    }

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

    .pl-0 {
        padding-left: 0px !important;
    }

    .m-0 {
        margin: 0px !important;
    }

    .mt-0 {
        margin-top: 0px !important;
    }

    .mr-0 {
        margin-right: 0px !important;
    }

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

    .ml-0 {
        margin-left: 0px !important;
    }

    .p-5 {
        padding: 3px !important;
    }

    .pt-5 {
        padding-top: 3px !important;
    }

    .pr-5 {
        padding-right: 3px !important;
    }

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

    .pl-5 {
        padding-left: 3px !important;
    }

    .m-5 {
        margin: 3px !important;
    }

    .mt-5 {
        margin-top: 3px !important;
    }

    .mr-5 {
        margin-right: 3px !important;
    }

    .mb-5 {
        margin-bottom: 3px !important;
    }

    .ml-5 {
        margin-left: 3px !important;
    }

    .p-10 {
        padding: 6px !important;
    }

    .pt-10 {
        padding-top: 6px !important;
    }

    .pr-10 {
        padding-right: 6px !important;
    }

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

    .pl-10 {
        padding-left: 6px !important;
    }

    .m-10 {
        margin: 6px !important;
    }

    .mt-10 {
        margin-top: 6px !important;
    }

    .mr-10 {
        margin-right: 6px !important;
    }

    .mb-10 {
        margin-bottom: 6px !important;
    }

    .ml-10 {
        margin-left: 6px !important;
    }

    .p-15 {
        padding: 9px !important;
    }

    .pt-15 {
        padding-top: 9px !important;
    }

    .pr-15 {
        padding-right: 9px !important;
    }

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

    .pl-15 {
        padding-left: 9px !important;
    }

    .m-15 {
        margin: 9px !important;
    }

    .mt-15 {
        margin-top: 9px !important;
    }

    .mr-15 {
        margin-right: 9px !important;
    }

    .mb-15 {
        margin-bottom: 9px !important;
    }

    .ml-15 {
        margin-left: 9px !important;
    }

    .p-20 {
        padding: 13px !important;
    }

    .pt-20 {
        padding-top: 13px !important;
    }

    .pr-20 {
        padding-right: 13px !important;
    }

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

    .pl-20 {
        padding-left: 13px !important;
    }

    .m-20 {
        margin: 13px !important;
    }

    .mt-20 {
        margin-top: 13px !important;
    }

    .mr-20 {
        margin-right: 13px !important;
    }

    .mb-20 {
        margin-bottom: 13px !important;
    }

    .ml-20 {
        margin-left: 13px !important;
    }

    .p-25 {
        padding: 16px !important;
    }

    .pt-25 {
        padding-top: 16px !important;
    }

    .pr-25 {
        padding-right: 16px !important;
    }

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

    .pl-25 {
        padding-left: 16px !important;
    }

    .m-25 {
        margin: 16px !important;
    }

    .mt-25 {
        margin-top: 16px !important;
    }

    .mr-25 {
        margin-right: 16px !important;
    }

    .mb-25 {
        margin-bottom: 16px !important;
    }

    .ml-25 {
        margin-left: 16px !important;
    }

    .p-30 {
        padding: 19px !important;
    }

    .pt-30 {
        padding-top: 19px !important;
    }

    .pr-30 {
        padding-right: 19px !important;
    }

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

    .pl-30 {
        padding-left: 19px !important;
    }

    .m-30 {
        margin: 19px !important;
    }

    .mt-30 {
        margin-top: 19px !important;
    }

    .mr-30 {
        margin-right: 19px !important;
    }

    .mb-30 {
        margin-bottom: 19px !important;
    }

    .ml-30 {
        margin-left: 19px !important;
    }

    .p-35 {
        padding: 22px !important;
    }

    .pt-35 {
        padding-top: 22px !important;
    }

    .pr-35 {
        padding-right: 22px !important;
    }

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

    .pl-35 {
        padding-left: 22px !important;
    }

    .m-35 {
        margin: 22px !important;
    }

    .mt-35 {
        margin-top: 22px !important;
    }

    .mr-35 {
        margin-right: 22px !important;
    }

    .mb-35 {
        margin-bottom: 22px !important;
    }

    .ml-35 {
        margin-left: 22px !important;
    }

    .p-40 {
        padding: 25px !important;
    }

    .pt-40 {
        padding-top: 25px !important;
    }

    .pr-40 {
        padding-right: 25px !important;
    }

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

    .pl-40 {
        padding-left: 25px !important;
    }

    .m-40 {
        margin: 25px !important;
    }

    .mt-40 {
        margin-top: 25px !important;
    }

    .mr-40 {
        margin-right: 25px !important;
    }

    .mb-40 {
        margin-bottom: 25px !important;
    }

    .ml-40 {
        margin-left: 25px !important;
    }

    .p-45 {
        padding: 28px !important;
    }

    .pt-45 {
        padding-top: 28px !important;
    }

    .pr-45 {
        padding-right: 28px !important;
    }

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

    .pl-45 {
        padding-left: 28px !important;
    }

    .m-45 {
        margin: 28px !important;
    }

    .mt-45 {
        margin-top: 28px !important;
    }

    .mr-45 {
        margin-right: 28px !important;
    }

    .mb-45 {
        margin-bottom: 28px !important;
    }

    .ml-45 {
        margin-left: 28px !important;
    }

    .p-50 {
        padding: 31px !important;
    }

    .pt-50 {
        padding-top: 31px !important;
    }

    .pr-50 {
        padding-right: 31px !important;
    }

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

    .pl-50 {
        padding-left: 31px !important;
    }

    .m-50 {
        margin: 31px !important;
    }

    .mt-50 {
        margin-top: 31px !important;
    }

    .mr-50 {
        margin-right: 31px !important;
    }

    .mb-50 {
        margin-bottom: 31px !important;
    }

    .ml-50 {
        margin-left: 31px !important;
    }

    .p-55 {
        padding: 35px !important;
    }

    .pt-55 {
        padding-top: 35px !important;
    }

    .pr-55 {
        padding-right: 35px !important;
    }

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

    .pl-55 {
        padding-left: 35px !important;
    }

    .m-55 {
        margin: 35px !important;
    }

    .mt-55 {
        margin-top: 35px !important;
    }

    .mr-55 {
        margin-right: 35px !important;
    }

    .mb-55 {
        margin-bottom: 35px !important;
    }

    .ml-55 {
        margin-left: 35px !important;
    }

    .p-60 {
        padding: 38px !important;
    }

    .pt-60 {
        padding-top: 38px !important;
    }

    .pr-60 {
        padding-right: 38px !important;
    }

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

    .pl-60 {
        padding-left: 38px !important;
    }

    .m-60 {
        margin: 38px !important;
    }

    .mt-60 {
        margin-top: 38px !important;
    }

    .mr-60 {
        margin-right: 38px !important;
    }

    .mb-60 {
        margin-bottom: 38px !important;
    }

    .ml-60 {
        margin-left: 38px !important;
    }

    .p-65 {
        padding: 41px !important;
    }

    .pt-65 {
        padding-top: 41px !important;
    }

    .pr-65 {
        padding-right: 41px !important;
    }

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

    .pl-65 {
        padding-left: 41px !important;
    }

    .m-65 {
        margin: 41px !important;
    }

    .mt-65 {
        margin-top: 41px !important;
    }

    .mr-65 {
        margin-right: 41px !important;
    }

    .mb-65 {
        margin-bottom: 41px !important;
    }

    .ml-65 {
        margin-left: 41px !important;
    }

    .p-70 {
        padding: 44px !important;
    }

    .pt-70 {
        padding-top: 44px !important;
    }

    .pr-70 {
        padding-right: 44px !important;
    }

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

    .pl-70 {
        padding-left: 44px !important;
    }

    .m-70 {
        margin: 44px !important;
    }

    .mt-70 {
        margin-top: 44px !important;
    }

    .mr-70 {
        margin-right: 44px !important;
    }

    .mb-70 {
        margin-bottom: 44px !important;
    }

    .ml-70 {
        margin-left: 44px !important;
    }

    .p-75 {
        padding: 47px !important;
    }

    .pt-75 {
        padding-top: 47px !important;
    }

    .pr-75 {
        padding-right: 47px !important;
    }

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

    .pl-75 {
        padding-left: 47px !important;
    }

    .m-75 {
        margin: 47px !important;
    }

    .mt-75 {
        margin-top: 47px !important;
    }

    .mr-75 {
        margin-right: 47px !important;
    }

    .mb-75 {
        margin-bottom: 47px !important;
    }

    .ml-75 {
        margin-left: 47px !important;
    }

    .p-80 {
        padding: 50px !important;
    }

    .pt-80 {
        padding-top: 50px !important;
    }

    .pr-80 {
        padding-right: 50px !important;
    }

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

    .pl-80 {
        padding-left: 50px !important;
    }

    .m-80 {
        margin: 50px !important;
    }

    .mt-80 {
        margin-top: 50px !important;
    }

    .mr-80 {
        margin-right: 50px !important;
    }

    .mb-80 {
        margin-bottom: 50px !important;
    }

    .ml-80 {
        margin-left: 50px !important;
    }

    .p-85 {
        padding: 53px !important;
    }

    .pt-85 {
        padding-top: 53px !important;
    }

    .pr-85 {
        padding-right: 53px !important;
    }

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

    .pl-85 {
        padding-left: 53px !important;
    }

    .m-85 {
        margin: 53px !important;
    }

    .mt-85 {
        margin-top: 53px !important;
    }

    .mr-85 {
        margin-right: 53px !important;
    }

    .mb-85 {
        margin-bottom: 53px !important;
    }

    .ml-85 {
        margin-left: 53px !important;
    }

    .p-90 {
        padding: 56px !important;
    }

    .pt-90 {
        padding-top: 56px !important;
    }

    .pr-90 {
        padding-right: 56px !important;
    }

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

    .pl-90 {
        padding-left: 56px !important;
    }

    .m-90 {
        margin: 56px !important;
    }

    .mt-90 {
        margin-top: 56px !important;
    }

    .mr-90 {
        margin-right: 56px !important;
    }

    .mb-90 {
        margin-bottom: 56px !important;
    }

    .ml-90 {
        margin-left: 56px !important;
    }

    .p-95 {
        padding: 60px !important;
    }

    .pt-95 {
        padding-top: 60px !important;
    }

    .pr-95 {
        padding-right: 60px !important;
    }

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

    .pl-95 {
        padding-left: 60px !important;
    }

    .m-95 {
        margin: 60px !important;
    }

    .mt-95 {
        margin-top: 60px !important;
    }

    .mr-95 {
        margin-right: 60px !important;
    }

    .mb-95 {
        margin-bottom: 60px !important;
    }

    .ml-95 {
        margin-left: 60px !important;
    }

    .p-100 {
        padding: 63px !important;
    }

    .pt-100 {
        padding-top: 63px !important;
    }

    .pr-100 {
        padding-right: 63px !important;
    }

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

    .pl-100 {
        padding-left: 63px !important;
    }

    .m-100 {
        margin: 63px !important;
    }

    .mt-100 {
        margin-top: 63px !important;
    }

    .mr-100 {
        margin-right: 63px !important;
    }

    .mb-100 {
        margin-bottom: 63px !important;
    }

    .ml-100 {
        margin-left: 63px !important;
    }

    .p-105 {
        padding: 66px !important;
    }

    .pt-105 {
        padding-top: 66px !important;
    }

    .pr-105 {
        padding-right: 66px !important;
    }

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

    .pl-105 {
        padding-left: 66px !important;
    }

    .m-105 {
        margin: 66px !important;
    }

    .mt-105 {
        margin-top: 66px !important;
    }

    .mr-105 {
        margin-right: 66px !important;
    }

    .mb-105 {
        margin-bottom: 66px !important;
    }

    .ml-105 {
        margin-left: 66px !important;
    }

    .p-110 {
        padding: 69px !important;
    }

    .pt-110 {
        padding-top: 69px !important;
    }

    .pr-110 {
        padding-right: 69px !important;
    }

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

    .pl-110 {
        padding-left: 69px !important;
    }

    .m-110 {
        margin: 69px !important;
    }

    .mt-110 {
        margin-top: 69px !important;
    }

    .mr-110 {
        margin-right: 69px !important;
    }

    .mb-110 {
        margin-bottom: 69px !important;
    }

    .ml-110 {
        margin-left: 69px !important;
    }

    .p-115 {
        padding: 72px !important;
    }

    .pt-115 {
        padding-top: 72px !important;
    }

    .pr-115 {
        padding-right: 72px !important;
    }

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

    .pl-115 {
        padding-left: 72px !important;
    }

    .m-115 {
        margin: 72px !important;
    }

    .mt-115 {
        margin-top: 72px !important;
    }

    .mr-115 {
        margin-right: 72px !important;
    }

    .mb-115 {
        margin-bottom: 72px !important;
    }

    .ml-115 {
        margin-left: 72px !important;
    }

    .p-120 {
        padding: 75px !important;
    }

    .pt-120 {
        padding-top: 75px !important;
    }

    .pr-120 {
        padding-right: 75px !important;
    }

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

    .pl-120 {
        padding-left: 75px !important;
    }

    .m-120 {
        margin: 75px !important;
    }

    .mt-120 {
        margin-top: 75px !important;
    }

    .mr-120 {
        margin-right: 75px !important;
    }

    .mb-120 {
        margin-bottom: 75px !important;
    }

    .ml-120 {
        margin-left: 75px !important;
    }

    .p-125 {
        padding: 78px !important;
    }

    .pt-125 {
        padding-top: 78px !important;
    }

    .pr-125 {
        padding-right: 78px !important;
    }

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

    .pl-125 {
        padding-left: 78px !important;
    }

    .m-125 {
        margin: 78px !important;
    }

    .mt-125 {
        margin-top: 78px !important;
    }

    .mr-125 {
        margin-right: 78px !important;
    }

    .mb-125 {
        margin-bottom: 78px !important;
    }

    .ml-125 {
        margin-left: 78px !important;
    }

    .p-130 {
        padding: 82px !important;
    }

    .pt-130 {
        padding-top: 82px !important;
    }

    .pr-130 {
        padding-right: 82px !important;
    }

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

    .pl-130 {
        padding-left: 82px !important;
    }

    .m-130 {
        margin: 82px !important;
    }

    .mt-130 {
        margin-top: 82px !important;
    }

    .mr-130 {
        margin-right: 82px !important;
    }

    .mb-130 {
        margin-bottom: 82px !important;
    }

    .ml-130 {
        margin-left: 82px !important;
    }

    .p-135 {
        padding: 85px !important;
    }

    .pt-135 {
        padding-top: 85px !important;
    }

    .pr-135 {
        padding-right: 85px !important;
    }

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

    .pl-135 {
        padding-left: 85px !important;
    }

    .m-135 {
        margin: 85px !important;
    }

    .mt-135 {
        margin-top: 85px !important;
    }

    .mr-135 {
        margin-right: 85px !important;
    }

    .mb-135 {
        margin-bottom: 85px !important;
    }

    .ml-135 {
        margin-left: 85px !important;
    }

    .p-140 {
        padding: 88px !important;
    }

    .pt-140 {
        padding-top: 88px !important;
    }

    .pr-140 {
        padding-right: 88px !important;
    }

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

    .pl-140 {
        padding-left: 88px !important;
    }

    .m-140 {
        margin: 88px !important;
    }

    .mt-140 {
        margin-top: 88px !important;
    }

    .mr-140 {
        margin-right: 88px !important;
    }

    .mb-140 {
        margin-bottom: 88px !important;
    }

    .ml-140 {
        margin-left: 88px !important;
    }

    .p-145 {
        padding: 91px !important;
    }

    .pt-145 {
        padding-top: 91px !important;
    }

    .pr-145 {
        padding-right: 91px !important;
    }

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

    .pl-145 {
        padding-left: 91px !important;
    }

    .m-145 {
        margin: 91px !important;
    }

    .mt-145 {
        margin-top: 91px !important;
    }

    .mr-145 {
        margin-right: 91px !important;
    }

    .mb-145 {
        margin-bottom: 91px !important;
    }

    .ml-145 {
        margin-left: 91px !important;
    }

    .p-150 {
        padding: 94px !important;
    }

    .pt-150 {
        padding-top: 94px !important;
    }

    .pr-150 {
        padding-right: 94px !important;
    }

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

    .pl-150 {
        padding-left: 94px !important;
    }

    .m-150 {
        margin: 94px !important;
    }

    .mt-150 {
        margin-top: 94px !important;
    }

    .mr-150 {
        margin-right: 94px !important;
    }

    .mb-150 {
        margin-bottom: 94px !important;
    }

    .ml-150 {
        margin-left: 94px !important;
    }

    /** COMPONENTS **/
    /** LOOPS **/
    .loop-products-1 {
        margin: 0px -10px;
    }

    .item-products-1 {
        padding: 40px 10px;
        width: 100%;
        margin: 0 auto;
        float: none;
    }

    .loop-partners-1 {
        margin: 0px -10px;
    }

    .item-partners-1 {
        padding: 10px;
        width: 50%;
    }

    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    .header-right {
        width: 55px;
    }

    .header-right .button {
        top: auto;
        bottom: 20px;
        right: 20px;
    }

    .header-logo img {
        max-width: 98px;
    }

    .header-middle {
        width: 98px;
    }

    .header-logo {
        top: 30px;
    }

    .featured-bottom {
        padding: 20px 0px;
    }

    .featured-bottom-item {
        max-width: 250px;
        margin: 0 auto;
    }

    .header-fold {
        width: 100%;
        left: -100%;
    }

    .fold-content {
        padding: 0 20px;
    }

    .fold-content-bottom {
        padding: 20px 0;
    }

    .header-in {
        padding: 30px 20px;
    }

    .header-left .nav-toggle {
        top: 20px;
    }

    /** SECTION: BRICKS **/
    .brick-faq-1 .brick-in {
        padding: 25px;
    }

    .tooltip-content {
        padding: 20px;
    }

    .brick-partners-1 .column-2 {
        padding-left: 0;
    }

    .brick-contact-1 .brick-in,
    .brick-content-1 .brick-in {
        padding: 30px;
    }

    .brick-contact-1 .column-1 {
        width: auto;
        margin-bottom: 30px;
    }

    .brick-contact-1 .column-2 {
        padding-left: 0;
    }

    .brick-products-single-1 .column-1 {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .brick-products-single-1 .column-2 {
        width: auto;
    }

    .bottom-quote {
        display: none;
    }

    .tooltip-content {
        top: -80px;
        left: -80px !Important;
    }

    .features-slide-cta {
        display: block;
        position: absolute;
        top: 0px;
        width: 100%;
        text-align: center;
    }

    .brick-featured-1,
    .brick-featured-1 .brick-out {
        display: block;
    }

    .brick-featured-1 {
        height: auto;
    }

    .featured-bottom-item {
        display: block;
    }

    header.resp-height {
        height: auto;
    }

    .header-button-default {
        display: none;
    }

    .header-button-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        position: fixed;
        z-index: 5;
        top: 20px;
        right: 20px;
        width: 55px;
        height: 55px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }

    /** SECTION: BOTTOM **/
    .header-in {
        height: 80px !important;
    }

    .header-in {
        height: 100%;
        background-color: var(--green);
    }

    .bricks .brick:first-child {
        margin-top: 100px !important;
    }

    .featured-bottom-item {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .brick-sequence-1 .arrow,
    .brick-featured-1 .arrow {
        display: none;
    }

    .sequence-title {
        top: 100px;
    }

    .featured-slide-in {

        max-width: 90%;
        margin: 0 auto;
    }

    .brick-sequence-1 .tooltip {
        margin-top: -50px;
        margin-left: -85px;
    }

    .landing-section {
        height: 620px;
        padding: 0 15px;
    }

    .landing-row-1 {
        flex-direction: column-reverse;
        flex: 1;
    }

    .landing-row-1 .landing-campaign {
        margin-top: unset;
        width: unset;
    }

    .landing-row-1 .landing-campaign .campaign-text, .landing-row-1 .landing-call-to-action .landing-proud, .landing-row-2 .information-text {
        display: none;
    }

    .hero-image[data-size="desktop"] {
        display: none;
    }

    .hero-image[data-size="mobile"] {
        display: block !important;
    }

    .hero-image {
        margin-top: -5px;
        background-position: center top;
        top: unset;
        /*height: 660px;*/
        background-size: cover;
    }

    .landing-row-1 .landing-title .title, .landing-row-1 .landing-title .title-bold {
        font-size: 46px;
    }

    .landing-row-2 .mv-greeting-content {
        flex-direction: column;
        padding: 14px 17px;
        gap: 23px;
    }

    .mv-greeting-text p:nth-child(1) {
        font-size: 24px;
        width: 60%;
        font-weight: 500;
    }

    .mv-greeting-text p:nth-child(2) {
        font-size: 16px;
        font-weight: 400;
        margin-top: 9px;
    }

    .landing-row-2 .mv-greeting-button {
        flex-direction: row;
        justify-content: space-between;
        display: flex;
        width: 100%;
    }

    .mv-greeting-button .button-in {
        font-size: 12px;
        letter-spacing: -0.24px;
        font-weight: 500;
        padding: 9px 15px;
    }

    .component.product-highlight-guarantee {
        padding: 0 15px;
    }

    .product-highlight-guarantee .guarantee-row {
        overflow-x: auto;
    }

    .card-height {
        height: 100%;
        width: 80vw;
        aspect-ratio: unset !important;
    }

    .product-highlight-guarantee .card {
        padding: 15px 14px;
    }

    .product-highlight-guarantee .guarantee-img {
        max-height: 220px;
        width: unset;
    }

    .product-highlight-guarantee .guarantee-content {
        gap: 9px;
    }

    .product-highlight-guarantee .guarantee-title {
        font-size: 20px;
    }

    .product-highlight-guarantee .guarantee-text {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 8px;
    }

    .product-highlight-guarantee .guarantee-button {
        font-size: 13px;
        padding: 8px 23px;
    }

    .brick-content-image-1 .wrapper-1 {
        background-size: cover;
        padding: 19px 15px;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .brick-content-image-1 .container-1 {
        padding: 20px 15px 0 15px;
    }

    .brick-content-image-1 .content-information .information-title {
        font-size: 20px;
    }

    .brick-content-image-1 .brick-1 {
        width: 100%;
    }

    .brick-content-image-1 .content-information .information-subtitle {
        font-size: 16px;
        flex: 2;
    }

    .brick-content-image-1 .content-information .information-text {
        display: none;
    }

    .brick-content-image-1 .content-information {
        gap: 9px;
    }

    .brick-content-image-1 .content-information .information-button .button-in {
        font-size: 14px !important;
        padding: 6px 15px 5px 17px;
    }

    .brick-content-2 .container {
        padding: 20px 15px 0 15px;
    }

    .brick-content-2 .wrapper-1 {
        aspect-ratio: unset;
        padding: 0 15px;
    }

    .brick-content-2 .brick-1 {
        flex-direction: column-reverse;
        padding: 16px 0 21px 0;
    }

    .content-information .information-title, .content-information .information-subtitle, .content-information .information-text {
        padding-right: 0;
    }

    .content-information .information-title {
        font-size: 26px;
    }

    .content-information .information-subtitle {
        font-size: 16px;
    }

    .content-information .information-text {
        font-size: 14px;
    }

    .brick-content-2 .content-image {
        aspect-ratio: 1.16 / 1;
    }

    .brick-content-2 .content-information .information-button .button-in {
        padding: 10px 25px 7px;
    }

    .brick-faq-2 {
        padding: 0 15px;
    }

    .brick-product-highlight-2 .container {
        padding: 0 15px;
    }

    .brick-product-highlight-2 .wrapper-1 {
        aspect-ratio: unset;
        padding: 0 15px;
    }

    .brick-product-highlight-2 .product-highlight-content {
        flex-direction: column;
    }

    .brick-product-highlight-2 .product-highlight-content .button-check-our-tool {
        margin-left: unset;
        margin-top: 30px;
        font-size: 12px;
    }

    .brick-product-highlight-2 .product-highlight-content .tab-container [data-size="mobile-title"] {
        display: block;
    }

    .brick-product-highlight-2 .product-highlight-content .product-content [data-size="desktop-title"]{
        display: none;
    }

    .product-highlight-title[data-size="mobile-hero"] {
        display: block !important;
    }

    .product-highlight-title[data-size="desktop-hero"] {
        display: none;
    }

    .brick-product-highlight-2 .product-highlight-content .product-title {
        font-family: "Cambon";
        font-size: 50px;
        font-style: normal;
        font-weight: 250;
        line-height: 100%;
        letter-spacing: -0.931px;

        align-self: start;
        margin-top: -25px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-guarantee svg {
        width: 62px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-guarantee {
        align-self: end;
        transform: translateX(20px) translateY(185px);
    }

    .brick-product-highlight-2 .product-highlight-content .product-image picture {
        margin-top: 60px;
    }

    .brick-product-highlight-2 .product-highlight-content .duaal-button {
        flex-direction: column;
        margin-bottom: 18px;
        font-size: 14px;
        width: 210px;
    }

    .brick-product-highlight-2 .product-highlight-content .duaal-button .button-in {
        font-size: 14px;
        padding: 10px 14px 7px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-quotation {
        width: 150px;
        padding: 10px 14px 7px;
    }

    .brick-product-highlight-2 .product-highlight-content .tab {
        padding-right: unset;
    }

    .product-specs-mobile[data-size="mobile-hero"] {
        display: block !important;
        margin-bottom: 30px;
    }

    .product-specs[data-size="desktop-hero"] {
        display: none !important;
    }

    details {
        cursor: pointer;
        overflow: hidden;
    }

    details {
        height: 20px;
    }

    details#smooth[open] {
        height: unset;
    }

    details#smooth, details#smooth .content {
        transition: height 0.3s ease-in-out;
    }

    summary {
        list-style-type: none;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    summary svg {
        margin-top: -5px;
    }

    summary h2 {
        color: #000;
        font-family: "Larsseit";
        font-style: normal;
        font-weight: 500;
        line-height: 125%; /* 15px */
    }

    summary::marker {
        list-style-type: none;
    }

    .brick-product-highlight-2 .product-highlight-content .specs-list {
        padding-left: unset;
    }

    .product-section .wrapper-1 {
        padding: 0 15px;
        gap: 270px;
    }

    .product-row-1 {
        flex-direction: column;
        margin-top: 50px;
    }

    .product-campaign {
        display: none;
    }

    .product-row-1 .proud-div {
        transform: unset;
    }

    .product-row-1 .proud-div .product-proud {
        width: 170px;
        height: 30px;
        transform: rotate(10.278deg);
        flex-shrink: 0;
        fill: #FFEB7B;
    }

    .product-row-1 .proud-div .product-proud p {
        font-size: 12.669px;
        font-weight: 500;
        letter-spacing: 1.267px;
    }

    .product-row-2 .title p {
        font-size: 34px;
    }

    .product-row-2 .sub-text {
        width: 100%;
    }

    .product-row-2 .sub-text p {
        font-size: 14px;
        line-height: 100%;
    }

    .product-row-2 .campaign-buttons {
        justify-content: space-between;
    }

    .product-row-2 .campaign-buttons .button-in {
        font-size: 12px !important;
        padding: 10px 20px 7px;
    }

    .about-section {
        margin-top: 360px;
    }

    .about-section .wrapper-1 {
        padding: 0 15px;
    }

    .about-section .about-row-2 .about-information .title p {
        font-size: 30px;
    }

    .about-section .about-row-2 .about-information .title p strong {
        font-size: 40px;
    }

    div[data-size="mobile-hero"] .sub-text {
        display: none;
    }

    .about-row-2 .sub-text {
        width: 100%;
    }

    .about-section .about-information .sub-text p {
        font-size: 16px;
        --max-lines: 3;
        --line-height: 1;
        height: calc(var(--max-lines) * 1em * var(--line-height));
        line-height: var(--line-height);
        overflow: hidden;
        position: relative;
    }

    .expand-btn {
        appearance: none;
        border: none;
        cursor: pointer;
        font-family: 'Larsseit';
        font-weight: 700;
        font-size: 16px;
        color: #FFF;
        margin: 6px 0 0 0;;
    }
    .expand-btn::before {
        content: "Lees meer...";
    }
    .expand-btn:checked::before {
        content: "Lees minder";
    }
    .about-section .about-information .sub-text p:has(+ .expand-btn:checked) {
        height: auto;
    }

    .about-us-information {
        aspect-ratio: unset !important;
        flex-direction: column;
        padding: 0 15px;
    }

    .about-us-information .about-us-image {
        aspect-ratio: 0.81 /1;
    }

    .about-us-information .about-us-text .title p {
        font-size: 40px;
    }

    .about-us-information .about-us-text .sub-text p {
        font-size: 16px;
    }

    .about-us-videos {
        padding: 0 15px;
        aspect-ratio: unset;
        flex-direction: column;
        gap: 20px;
    }

    .about-us-videos .video-card {
        aspect-ratio: 16 / 9;
        gap: 9px;
    }

    .about-us-videos .video-card .cv-button-round {
        width: 25px;
        height: 25px;
    }

    .about-us-videos .video-card .cv-button-play span {
        width: 10px;
        height: 10px;
        left: 2px;
        border-width: 5px 0 5px 8px;
    }

    .about-us-videos .video-card .cv-button-info {
        font-size: 15px;
    }

    .fair-square-solar-panel .wrapper-1 {
        padding: 0 15px;
    }

    .fair-square-solar-panel-materials {
        padding: 0 15px;
    }

    .fair-square-solar-panel-materials .wrapper-1 {
        padding: 15px;
    }

    .fair-square-solar-panel-materials .map-content .row-map {
        flex-direction: column-reverse;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content {
        gap: 25px;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .col-map-materials {
        display: none;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .title {
        color: #000;
        font-family: "Cambon";
        font-size: 26px;
        font-weight: 250;
        line-height: 100%; /* 26px */
        letter-spacing: -0.52px;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .info {
        color: #000;
        font-family: "Larsseit";
        font-size: 12px;
        font-weight: 400;
        line-height: 125%; /* 15px */
    }

    .learn-more {
        padding: 0 15px;
    }

    .learn-more [data-size="desktop"] {
        display: none !important;
    }

    .learn-more [data-size="mobile"] {
        display: block !important;
    }

    .learn-more .wrapper-1 {
        padding: 15px;
        aspect-ratio: 0.89 / 1;
    }

    .learn-more .wrapper .title p {
        font-size: 37px;
    }

    .fair-square-solar-panel {
        padding: 0 15px;
    }

    .fair-square-solar-panel .wrapper {
        padding: 15px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;

        grid-gap: 15px;
    }

    .solar-panel-title {
        grid-area: 2 / 1 / 3 / 2;
    }

    .solar-panel-title p {
        font-size: 26px;
    }

    .solar-panel-info {
        grid-area: 3 / 1 / 4 / 2;

        display: unset;
        flex-direction: unset;
        justify-content: unset;
        gap: unset;
    }

    .solar-panel-info-2 {
        grid-area: 4 / 1 / 5 / 2;
    }

    .solar-panel-info p, .solar-panel-info-2 p, .solar-panel-more-info p {
        font-size: 12px;
    }

    .solar-panel-info p strong, .solar-panel-info-2 p strong, .solar-panel-more-info p strong {
        font-size: 12px;
    }

    .solar-panel-stuff {
        grid-area: 1 / 1 / 2 / 2;
    }

    .solar-panel-stuff .materials-content {
        max-width: 200px;
    }

    .solar-panel-more-info {
        grid-area: 5 / 1 / 6 / 2;
    }

    .fair-square-section {
        padding: 0 15px;
    }

    .fair-square-information {
        gap: 30px;
    }

    .fair-square-information .about-us-text .title, .fair-square-information .about-us-text .sub-title, .fair-square-information .about-us-text .sub-text {
        padding: 16px 14px;
    }

    .fair-square-information .about-us-text .title p {
        font-size: 38px
    }

    .fair-square-information .about-us-text .sub-title {
        padding-top: 0;
    }

    .fair-square-information .about-us-text .sub-title p {
        font-size: 16px
    }

    .fair-square-information .about-us-text .sub-text p {
        font-size: 12px;
    }

    .fair-square-information .about-us-text .sub-text {
        padding-top: 39px;
        width: 100%;
    }

    .fair-square-information .about-us-image {
        aspect-ratio: 0.95 / 1;
    }

    .how-it-works-section {
        padding: 0 15px;
    }

    .how-it-works-section .wrapper {
        padding: 16px 14px;
        aspect-ratio: unset;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .how-it-works-section .how-it-works-image {
        display: none;
    }

    .how-it-works-section .how-it-works-text .hiw-image-container[data-size="mobile-image"]{
        display: block;
    }

    .how-it-works-section .how-it-works-text .how-it-works-title p {
        font-size: 26px;
    }

    .how-it-works-section .how-it-works-text .how-it-works-sub-text p {
        font-size: 12px;
    }

    .how-it-works-section .how-it-works-text {
        padding-right: unset;
        gap: 25px;
    }
}

/************* MAX MOBILE *************/
@media screen and (max-width: 480px) {

    .page-background {
        top: 390px !important;
    }

    .about-section {
        margin-top: 360px;
    }

    .about-section .wrapper-1 {
        padding: 0 15px;
    }

    .about-section .about-row-2 .about-information .title p {
        font-size: 30px;
    }

    .about-section .about-row-2 .about-information .title p strong {
        font-size: 40px;
    }

    div[data-size="mobile-hero"] .sub-text {
        display: none;
    }

    .about-row-2 .sub-text {
        width: 100%;
    }

    .about-section .about-information .sub-text p {
        font-size: 16px;
        --max-lines: 3;
        --line-height: 1;
        height: calc(var(--max-lines) * 1em * var(--line-height));
        line-height: var(--line-height);
        overflow: hidden;
        position: relative;
    }

    .expand-btn {
        appearance: none;
        border: none;
        cursor: pointer;
        font-family: 'Larsseit';
        font-weight: 700;
        font-size: 16px;
        color: #FFF;
        margin: 6px 0 0 0;;
    }
    .expand-btn::before {
        content: "Lees meer...";
    }
    .expand-btn:checked::before {
        content: "Lees minder";
    }
    .about-section .about-information .sub-text p:has(+ .expand-btn:checked) {
        height: auto;
    }

    .about-us-information {
        aspect-ratio: unset !important;
        flex-direction: column;
        padding: 0 15px;
    }

    .about-us-information .about-us-image {
        aspect-ratio: 0.81 /1;
    }

    .about-us-information .about-us-text .title p {
        font-size: 40px;
    }

    .about-us-information .about-us-text .sub-text p {
        font-size: 16px;
    }

    .about-us-videos {
        padding: 0 15px;
        aspect-ratio: unset;
        flex-direction: column;
        gap: 20px;
    }

    .about-us-videos .video-card {
        aspect-ratio: 16 / 9;
        gap: 9px;
    }

    .about-us-videos .video-card .cv-button-round {
        width: 25px;
        height: 25px;
    }

    .about-us-videos .video-card .cv-button-play span {
        width: 10px;
        height: 10px;
        left: 2px;
        border-width: 5px 0 5px 8px;
    }

    .about-us-videos .video-card .cv-button-info {
        font-size: 15px;
    }

    .brick-slider-1 {
        margin-top: 70px;
    }

    .brick-slider-1 .wrapper-1 {
        padding: 0 15px;
    }

    .brick-slider-1 .slider-buttons {
        display: none;
    }

    .brick-slider-1 .slider-title {
        font-size: 40px;
    }

    .about-us-background {
        background: #ebf0fe;
        height: 1020px;
    }

    .slick-slide {
        width: 290px !important;
    }

    .footer-contact {
        gap: 12px;
        flex-direction: column;
    }

    .footer-contact span {
        align-self: start;
    }

    .footer-container .wrapper {
        gap: 12px;
    }

    .brick-campaign .container {
        padding: 0 15px;
    }

    .brick-campaign .wrapper-1 {
        padding: 16px 14px;
    }

    .campaign-content {
        flex-direction: column !important;
    }

    .campaign-content .campaign-information {
        gap: 10px;
    }

    .campaign-information .title p {
        font-size: 40px;
    }

    .campaign-visual[data-size="mobile-hero"] {
        display: block !important;
        align-self: center;
        margin: 60px 0;
    }

    .campaign-visual[data-size="desktop-hero"] {
        display: none;
    }

    .campaign-information .campaign-visual .proud-to-be {
        width: 260px;
        height: 45px;
    }

    .campaign-information .campaign-visual .proud-to-be p {
        font-size: 20px;
        font-weight: 500;
    }

    .campaign-information .sub-text span {
        font-size: 14px;
    }

    .brick-product-highlight-2 .wrapper-1 {
        aspect-ratio: unset;
        padding: 0 15px;
    }

    .brick-product-highlight-2 .product-highlight-content {
        flex-direction: column;
    }

    .brick-product-highlight-2 .product-highlight-content .button-check-our-tool {
        margin-left: unset;
        margin-top: 30px;
        font-size: 12px;
    }

    .brick-product-highlight-2 .product-highlight-content .tab-container [data-size="mobile-title"] {
        display: block;
    }

    .brick-product-highlight-2 .product-highlight-content .product-content [data-size="desktop-title"]{
        display: none;
    }

    .product-highlight-title[data-size="mobile-hero"] {
        display: block !important;
    }

    .product-highlight-title[data-size="desktop-hero"] {
        display: none;
    }

    .brick-product-highlight-2 .product-highlight-content .product-title {
        font-family: "Cambon";
        font-size: 50px;
        font-style: normal;
        font-weight: 250;
        line-height: 100%;
        letter-spacing: -0.931px;

        align-self: start;
        margin-top: -25px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-guarantee svg {
        width: 62px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-guarantee {
        align-self: end;
        transform: translateX(20px) translateY(185px);
    }

    .brick-product-highlight-2 .product-highlight-content .product-image picture {
        margin-top: 60px;
    }

    .brick-product-highlight-2 .product-highlight-content .duaal-button {
        flex-direction: column;
        margin-bottom: 18px;
        font-size: 14px;
        width: 210px;
    }

    .brick-product-highlight-2 .product-highlight-content .duaal-button .button-in {
        font-size: 14px;
        padding: 10px 14px 7px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-quotation {
        width: 150px;
        padding: 10px 14px 7px;
    }

    .brick-product-highlight-2 .product-highlight-content .tab {
        padding-right: unset;
    }

    .product-specs-mobile[data-size="mobile-hero"] {
        display: block !important;
        margin-bottom: 30px;
    }

    .product-specs[data-size="desktop-hero"] {
        display: none !important;
    }

    details {
        cursor: pointer;
        overflow: hidden;
    }

    details {
        height: 20px;
    }

    details#smooth[open] {
        height: unset;
    }

    details#smooth, details#smooth .content {
        transition: height 0.3s ease-in-out;
    }

    summary {
        list-style-type: none;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    summary svg {
        margin-top: -5px;
    }

    summary h2 {
        color: #000;
        font-family: "Larsseit";
        font-style: normal;
        font-weight: 500;
        line-height: 125%; /* 15px */
    }

    summary::marker {
        list-style-type: none;
    }

    .brick-product-highlight-2 .product-highlight-content .specs-list {
        padding-left: unset;
    }

    .product-section .wrapper-1 {
        padding: 0 15px;
        gap: 270px;
    }

    .product-row-1 {
        flex-direction: column;
        margin-top: 50px;
    }

    .product-campaign {
        display: none;
    }

    .product-row-1 .proud-div {
        transform: unset;
    }

    .product-row-1 .proud-div .product-proud {
        width: 170px;
        height: 160%;
        transform: rotate(10.278deg);
        flex-shrink: 0;
        fill: #FFEB7B;
    }

    .installer-section {
        margin-top: 360px;
    }

    .installer-row-2 .installer-information {
        gap: 0;
    }

    .installer-row-2 .small-title p {
        font-family: 'Cambon';
        font-size: 24px;
    }

    .installer-row-2 .title p {
        font-family: 'Larsseit';
        font-size: 34px;
        line-height: 110%;
        font-weight: 500;
    }

    .installer-row-2 .title {
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .installer-row-2 .sub-text {
        width: 100%;
    }

    .installer-row-2 .sub-text p {
        font-family: 'Larsseit';
        font-weight: 400;
        font-size: 14px;
    }

    .installer-card-row .guarantee-img img {
        max-height: 150px;
    }

    .installer-card-row .guarantee-content {
        margin-top: 25px;
    }

    .installer-card-row .guarantee-content .installer-text {
        font-size: 20px;
    }

    .installer-world .installer-content {
        display: flex;
        flex-direction: column;
        grid-template-columns: none;
        grid-template-rows: none;
        grid-column-gap: 0;
        grid-row-gap: 0;
    }

    .installer-world .installer-content .installer-content__text {
        padding: 18px 15px 18px 15px;
    }

    .installer-world .installer-content .installer-content__text .where-do-i-buy {
        font-size: 38px;
    }

    .installer-world .installer-content .installer-content__text .where-do-i-buy-country-list {
        font-size: 38px;
        gap: 5px;
    }

    .installer-world .installer-content .installer-content__text .where-do-i-buy-country-list select {
        font-size: 38px;
    }

    .installer-world .installer-content .installer-content__text .where-do-i-buy-information p {
        font-size: 12px;
        margin-top: 24px;
    }

    .installer-world .installer-content .installer-content__text .where-do-i-buy-buttons {
        display: flex;
        flex-direction: column-reverse;
        font-size: 12px;
    }

    .installer-world .installer-content .installer-content__image {
        height: 300px;
        display: flex;
        justify-content: center;
        overflow: visible;
    }

    .become-partner .component {
        display: block !important;
    }

    .become-partner .component .image-height {
        height: 344px;
    }

    .become-partner .component .text-content {
        padding: 16px 14px !important;
        gap: 15px !important;
    }

    .become-partner .component .title-text p, .become-partner .component .title-text p strong {
        font-size: 38px !important;
    }

    .become-partner .component .title-sub-text {
        margin-top: 20px !important;
    }

    .become-partner .component .title-sub-text p {
        font-size: 12px !important;
    }

    .become-partner .text-content .advantages-list p {
        font-size: 12px !important;
    }

    .become-partner .text-content .buttons-group {
        display: flex;
        justify-content: space-between;
        margin-top: 22px;
        align-items: unset !important;
        flex-direction: column;
        gap: 20px;
    }

    .become-partner .text-content .buttons-group p, .become-partner .text-content .buttons-group button div {
        font-size: 12px !important;
    }

    .product-row-1 .proud-div .product-proud p {
        font-size: 12.669px;
        font-weight: 500;
        letter-spacing: 1.267px;
    }

    .installer-form .shortcode-content .shortcode-content-title {
        display: none !important;
    }

    .installer-form .installer-form-title, .installer-form .installer-form-title strong{
        font-size: 32px !important;
        margin-bottom: 45px !important;
    }

    .installer-form .shortcode-content form {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }
    .installer-form .shortcode-content form fieldset:nth-child(1)::before {
        content: "Jouw bedrijf";
        color: #000;
        font-family: 'Cambon';
        font-size: 20px;
        font-weight: 250;
        line-height: 107%;
        letter-spacing: -0.4px;
    }
    .installer-form .shortcode-content form fieldset:nth-child(1)  {
        grid-area: 1 / 1 / 2 / 2;
    }
    .installer-form .shortcode-content form fieldset:nth-child(2)  {
        grid-area: 2 / 1 / 3 / 2;
    }
    .installer-form .shortcode-content form fieldset:nth-child(3)::before {
        content: "Korte beschrijving van je bedrijf";
        color: #000;
        font-family: 'Cambon';
        font-size: 20px;
        font-weight: 250;
        line-height: 107%;
        letter-spacing: -0.4px;
    }
    .installer-form .shortcode-content form fieldset:nth-child(3)  {
        grid-area: 6 / 1 / 7 / 2;
        margin-top: 52px;
    }
    .installer-form .shortcode-content form fieldset:nth-child(3) .hs-form-field {
        height: 280px !important;
    }
    .installer-form .shortcode-content form fieldset:nth-child(4) {
        grid-area: 3 / 1 / 4 / 2;
    }
    .installer-form .shortcode-content form fieldset:nth-child(4) .hs-form-field {
        width: 100% !important;
    }
    .installer-form .shortcode-content form fieldset:nth-child(4) .hs-form-field input {
        width: 100%;
    }
    .installer-form .shortcode-content form fieldset:nth-child(5)  {
        grid-area: 4 / 1 / 5 / 2;
    }
    .installer-form .shortcode-content form fieldset:nth-child(6)  {
        grid-area: 5 / 1 / 6 / 2;
    }
    .installer-form .shortcode-content form .hs_submit {
        grid-area: 7 / 1 / 8 / 2;
    }
    .installer-form .shortcode-content form .hs_submit .actions {
        margin-top: 60px !important;
    }

    .installer-form-image-section {
        padding: 0 15px !important;
    }

    .installer-form-image-section .installer-form-image {
        aspect-ratio: 1/1.29 !important;
    }

    .installer-slider .slick-slide {
        width: 216px !important;
    }

    .installer-slider .slider-title {
        font-size: 34px !important;
    }

    .benefits-table {
        overflow: scroll;
    }

    .benefits-table table {
        width: 180vw !important;
    }

    .benefits-table table tr th, .benefits-table table tr th p {
        font-size: 30px !important;
    }

    .benefits-table table tr td svg {
        width: 30px !important;
    }

    .benefits-table table tr td .title {
        font-size: 14px !important;
    }

    .benefits-table table tr td .sub-text {
        font-size: 12px !important;
    }

    .product-row-2 .title p {
        font-size: 34px;
    }

    .product-row-2 .sub-text {
        width: 100%;
    }

    .product-row-2 .sub-text p {
        font-size: 14px;
        line-height: 100%;
    }

    .product-row-2 .campaign-buttons {
        justify-content: space-between;
    }

    .product-row-2 .campaign-buttons .button-in {
        font-size: 12px !important;
        padding: 10px 20px 7px;
    }

    .about-section {
        margin-top: 360px;
    }

    .about-section .wrapper-1 {
        padding: 0 15px;
    }

    .about-section .about-row-2 .about-information .title p {
        font-size: 30px;
    }

    .about-section .about-row-2 .about-information .title p strong {
        font-size: 40px;
    }

    div[data-size="mobile-hero"] .sub-text {
        display: none;
    }

    .about-row-2 .sub-text {
        width: 100%;
    }

    .about-section .about-information .sub-text p {
        font-size: 16px;
        --max-lines: 3;
        --line-height: 1;
        height: calc(var(--max-lines) * 1em * var(--line-height));
        line-height: var(--line-height);
        overflow: hidden;
        position: relative;
    }

    .expand-btn {
        appearance: none;
        border: none;
        cursor: pointer;
        font-family: 'Larsseit';
        font-weight: 700;
        font-size: 16px;
        color: #FFF;
        margin: 6px 0 0 0;;
    }
    .expand-btn::before {
        content: "Lees meer...";
    }
    .expand-btn:checked::before {
        content: "Lees minder";
    }
    .about-section .about-information .sub-text p:has(+ .expand-btn:checked) {
        height: auto;
    }

    .about-us-information {
        aspect-ratio: unset !important;
        flex-direction: column;
        padding: 0 15px;
    }

    .about-us-information .about-us-image {
        aspect-ratio: 0.81 /1;
    }

    .about-us-information .about-us-text .title p {
        font-size: 40px;
    }

    .about-us-information .about-us-text .sub-text p {
        font-size: 16px;
    }

    .about-us-videos {
        padding: 0 15px;
        aspect-ratio: unset;
        flex-direction: column;
        gap: 20px;
    }

    .about-us-videos .video-card {
        aspect-ratio: 16 / 9;
        gap: 9px;
    }

    .about-us-videos .video-card .cv-button-round {
        width: 25px;
        height: 25px;
    }

    .about-us-videos .video-card .cv-button-play span {
        width: 10px;
        height: 10px;
        left: 2px;
        border-width: 5px 0 5px 8px;
    }

    .about-us-videos .video-card .cv-button-info {
        font-size: 15px;
    }

    .fair-square-solar-panel .wrapper-1 {
        padding: 0 15px;
    }

    .fair-square-solar-panel-materials {
        padding: 0 15px;
    }

    .fair-square-solar-panel-materials .wrapper-1 {
        padding: 15px;
    }

    .fair-square-solar-panel-materials .map-content .row-map {
        flex-direction: column-reverse;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content {
        gap: 25px;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .col-map-materials {
        display: none;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .title {
        color: #000;
        font-family: "Cambon";
        font-size: 26px;
        font-weight: 250;
        line-height: 100%; /* 26px */
        letter-spacing: -0.52px;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .info {
        color: #000;
        font-family: "Larsseit";
        font-size: 12px;
        font-weight: 400;
        line-height: 125%; /* 15px */
    }

    .learn-more {
        padding: 0 15px;
    }

    .learn-more [data-size="desktop"] {
        display: none !important;
    }

    .learn-more [data-size="mobile"] {
        display: block !important;
    }

    .learn-more .wrapper-1 {
        padding: 15px;
        aspect-ratio: 0.89 / 1;
    }

    .learn-more .wrapper .title p {
        font-size: 37px;
    }

    .fair-square-solar-panel {
        padding: 0 15px;
    }

    .fair-square-solar-panel .wrapper {
        padding: 15px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;

        grid-gap: 15px;
    }

    .solar-panel-title {
        grid-area: 2 / 1 / 3 / 2;
    }

    .solar-panel-title p {
        font-size: 26px;
    }

    .solar-panel-info {
        grid-area: 3 / 1 / 4 / 2;

        display: unset;
        flex-direction: unset;
        justify-content: unset;
        gap: unset;
    }

    .solar-panel-info-2 {
        grid-area: 4 / 1 / 5 / 2;
    }

    .solar-panel-info p, .solar-panel-info-2 p, .solar-panel-more-info p {
        font-size: 12px;
    }

    .solar-panel-info p strong, .solar-panel-info-2 p strong, .solar-panel-more-info p strong {
        font-size: 12px;
    }

    .solar-panel-stuff {
        grid-area: 1 / 1 / 2 / 2;
    }

    .solar-panel-stuff .materials-content {
        max-width: 200px;
    }

    .solar-panel-more-info {
        grid-area: 5 / 1 / 6 / 2;
    }

    .fair-square-section {
        padding: 0 15px;
    }

    .fair-square-information {
        gap: 30px;
    }

    .fair-square-information .about-us-text .title, .fair-square-information .about-us-text .sub-title, .fair-square-information .about-us-text .sub-text {
        padding: 16px 14px;
    }

    .fair-square-information .about-us-text .title p {
        font-size: 38px
    }

    .fair-square-information .about-us-text .sub-title {
        padding-top: 0;
    }

    .fair-square-information .about-us-text .sub-title p {
        font-size: 16px
    }

    .fair-square-information .about-us-text .sub-text p {
        font-size: 12px;
    }

    .fair-square-information .about-us-text .sub-text {
        padding-top: 39px;
        width: 100%;
    }

    .fair-square-information .about-us-image {
        aspect-ratio: 0.95 / 1;
    }

    .how-it-works-section {
        padding: 0 15px;
    }

    .how-it-works-section .wrapper {
        padding: 16px 14px;
        aspect-ratio: unset;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .how-it-works-section .how-it-works-image {
        display: none;
    }

    .how-it-works-section .how-it-works-text .hiw-image-container[data-size="mobile-image"]{
        display: block;
    }

    .how-it-works-section .how-it-works-text .how-it-works-title p {
        font-size: 26px;
    }

    .how-it-works-section .how-it-works-text .how-it-works-sub-text p {
        font-size: 12px;
    }

    .how-it-works-section .how-it-works-text {
        padding-right: unset;
        gap: 25px;
    }
}

/************* MAX MOBILE *************/
@media screen and (max-width: 480px) {

    .page-background {
        top: 390px !important;
    }

    .about-section {
        margin-top: 360px;
    }

    .about-section .wrapper-1 {
        padding: 0 15px;
    }

    .about-section .about-row-2 .about-information .title p {
        font-size: 30px;
    }

    .about-section .about-row-2 .about-information .title p strong {
        font-size: 40px;
    }

    div[data-size="mobile-hero"] .sub-text {
        display: none;
    }

    .about-row-2 .sub-text {
        width: 100%;
    }

    .about-section .about-information .sub-text p {
        font-size: 16px;
        --max-lines: 3;
        --line-height: 1;
        height: calc(var(--max-lines) * 1em * var(--line-height));
        line-height: var(--line-height);
        overflow: hidden;
        position: relative;
    }

    .expand-btn {
        appearance: none;
        border: none;
        cursor: pointer;
        font-family: 'Larsseit';
        font-weight: 700;
        font-size: 16px;
        color: #FFF;
        margin: 6px 0 0 0;;
    }
    .expand-btn::before {
        content: "Lees meer...";
    }
    .expand-btn:checked::before {
        content: "Lees minder";
    }
    .about-section .about-information .sub-text p:has(+ .expand-btn:checked) {
        height: auto;
    }

    .about-us-information {
        aspect-ratio: unset !important;
        flex-direction: column;
        padding: 0 15px;
    }

    .about-us-information .about-us-image {
        aspect-ratio: 0.81 /1;
    }

    .about-us-information .about-us-text .title p {
        font-size: 40px;
    }

    .about-us-information .about-us-text .sub-text p {
        font-size: 16px;
    }

    .about-us-videos {
        padding: 0 15px;
        aspect-ratio: unset;
        flex-direction: column;
        gap: 20px;
    }

    .about-us-videos .video-card {
        aspect-ratio: 16 / 9;
        gap: 9px;
    }

    .about-us-videos .video-card .cv-button-round {
        width: 25px;
        height: 25px;
    }

    .about-us-videos .video-card .cv-button-play span {
        width: 10px;
        height: 10px;
        left: 2px;
        border-width: 5px 0 5px 8px;
    }

    .about-us-videos .video-card .cv-button-info {
        font-size: 15px;
    }

    .brick-slider-1 {
        margin-top: 70px;
    }

    .brick-slider-1 .wrapper-1 {
        padding: 0 15px;
    }

    .brick-slider-1 .slider-buttons {
        display: none;
    }

    .brick-slider-1 .slider-title {
        font-size: 40px;
    }

    .about-us-background {
        background: #ebf0fe;
        height: 1020px;
    }

    .slick-slide {
        width: 290px !important;
    }

    .footer-contact {
        gap: 12px;
        flex-direction: column;
    }

    .footer-contact span {
        align-self: start;
    }

    .footer-container .wrapper {
        gap: 12px;
    }

    .brick-campaign .container {
        padding: 0 15px;
    }

    .brick-campaign .wrapper-1 {
        padding: 16px 14px;
    }

    .campaign-content {
        flex-direction: column !important;
    }

    .campaign-content .campaign-information {
        gap: 10px;
    }

    .campaign-information .title p {
        font-size: 40px;
    }

    .campaign-visual[data-size="mobile-hero"] {
        display: block !important;
        align-self: center;
        margin: 60px 0;
    }

    .campaign-visual[data-size="desktop-hero"] {
        display: none;
    }

    .campaign-information .campaign-visual .proud-to-be {
        width: 260px;
        height: 45px;
    }

    .campaign-information .campaign-visual .proud-to-be p {
        font-size: 20px;
        font-weight: 500;
    }

    .campaign-information .sub-text span {
        font-size: 14px;
    }

    .campaign-information .campaign-buttons {
        flex-direction: column;
    }

    .campaign-information .campaign-buttons .button-in {
        font-size: 14px !important;
        font-weight: 400;
    }

    .brick-video-content .container {
        padding: 0 15px;
    }

    .brick-video-content .video-content .vc-button-round {
        width: 25px;
        height: 25px;
    }

    .brick-video-content .video-content .vc-button-round span {
        width: 10px;
        height: 10px;
        left: 2px;
        border-width: 5px 0 5px 8px;
    }

    .brick-video-content .video-content .vc-button-info {
        font-size: 15px;
    }

    .brick-ads-1 {
        margin-bottom: 30px;
    }

    .brick-ads-1 .container {
        padding: 0 15px;
    }

    .brick-ads-1 .brick-in {
        grid-template-columns: 1fr;
    }

    .landing-section {
        height: 620px;
        padding: 0 15px;
    }

    .landing-row-1 {
        flex-direction: column-reverse;
        flex: 1;
    }

    .landing-row-1 .landing-campaign {
        margin-top: unset;
        width: unset;
    }

    .landing-row-1 .landing-campaign .campaign-text, .landing-row-1 .landing-call-to-action .landing-proud, .landing-row-2 .information-text {
        display: none;
    }

    .hero-image[data-size="desktop"] {
        display: none;
    }

    .hero-image[data-size="mobile"] {
        display: block !important;
    }

    .hero-image {
        margin-top: -5px;
        background-position: center top;
        top: unset;
        /*height: 660px;*/
        background-size: contain;
    }

    .landing-row-1 .landing-title .title, .landing-row-1 .landing-title .title-bold {
        font-size: 46px;
    }

    .landing-row-2 .mv-greeting-content {
        flex-direction: column;
        padding: 14px 17px;
        gap: 23px;
    }

    .mv-greeting-text p:nth-child(1) {
        font-size: 24px;
        width: 60%;
        font-weight: 500;
    }

    .mv-greeting-text p:nth-child(2) {
        font-size: 16px;
        font-weight: 400;
        margin-top: 9px;
    }

    .landing-row-2 .mv-greeting-button {
        flex-direction: row;
        justify-content: space-between;
        display: flex;
        width: 100%;
    }

    .mv-greeting-button .button-in {
        font-size: 12px;
        letter-spacing: -0.24px;
        font-weight: 500;
        padding: 9px 15px;
    }

    .component.product-highlight-guarantee {
        padding: 0 15px;
    }

    .product-highlight-guarantee .guarantee-row {
        overflow-x: auto;
    }

    .card-height {
        height: 100%;
        width: 80vw;
        aspect-ratio: unset !important;
    }

    .product-highlight-guarantee .card {
        padding: 15px 14px;
    }

    .product-highlight-guarantee .guarantee-img {
        max-height: 220px;
        width: unset;
    }

    .product-highlight-guarantee .guarantee-content {
        gap: 9px;
    }

    .product-highlight-guarantee .guarantee-title {
        font-size: 20px;
    }

    .product-highlight-guarantee .guarantee-text {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 8px;
    }

    .product-highlight-guarantee .guarantee-button {
        font-size: 13px;
        padding: 8px 23px;
    }

    .brick-content-image-1 .brick-out [data-size="desktop"] {
        display: none;
    }

    .brick-content-image-1 .brick-out [data-size="mobile"] {
        display: block !important;
    }

    .brick-content-image-1 .wrapper-1 {
        background: url("../../../../../../denimsolar.local/wp-content/uploads/2023/08/1e40e84a82bd1f5b7ce2097869eb880f-scaled-e1693231292924.jpeg") no-repeat;
        background-size: cover;
        padding: 19px 15px;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
    }

    .brick-content-image-1 .container-1 {
        padding: 20px 15px 0 15px;
        aspect-ratio: 0.72 / 1;
    }

    .brick-content-image-1 .content-information .information-title {
        font-size: 20px;
    }

    .brick-content-image-1 .brick-1 {
        width: 100%;
    }

    .brick-content-image-1 .content-information .information-subtitle {
        font-size: 16px;
        flex: 2;
    }

    .brick-content-image-1 .content-information .information-text {
        display: none;
    }

    .brick-content-image-1 .content-information {
        gap: 9px;
    }

    .brick-content-image-1 .content-information .information-button .button-in {
        font-size: 14px !important;
        padding: 6px 15px 5px 17px;
    }

    .brick-content-2 .container {
        padding: 20px 15px 0 15px;
    }

    .brick-content-2 .wrapper-1 {
        aspect-ratio: unset;
        padding: 0 15px;
    }

    .brick-content-2 .brick-1 {
        flex-direction: column-reverse;
        padding: 16px 0 21px 0;
    }

    .content-information .information-title, .content-information .information-subtitle, .content-information .information-text {
        padding-right: 0;
    }

    .content-information .information-title {
        font-size: 26px;
    }

    .content-information .information-subtitle {
        font-size: 16px;
    }

    .content-information .information-text {
        font-size: 14px;
    }

    .brick-content-2 .content-image {
        aspect-ratio: 1.16 / 1;
    }

    .brick-content-2 .content-information .information-button .button-in {
        padding: 10px 25px 7px;
    }

    .product-section .wrapper-1 {
        padding: 0 15px;
        gap: 270px;
    }

    .product-row-1 {
        flex-direction: column;
        margin-top: 50px;
    }

    .product-campaign {
        display: none;
    }

    .product-row-1 .proud-div {
        transform: unset;
    }

    .product-row-1 .proud-div .product-proud {
        width: 170px;
        height: 30px;
        transform: rotate(10.278deg);
        flex-shrink: 0;
        fill: #FFEB7B;
    }

    .product-row-1 .proud-div .product-proud p {
        font-size: 12.669px;
        font-weight: 500;
        letter-spacing: 1.267px;
    }

    .product-row-2 .title p {
        font-size: 34px;
    }

    .product-row-2 .sub-text {
        width: 100%;
    }

    .product-row-2 .sub-text p {
        font-size: 14px;
        line-height: 100%;
    }

    .product-row-2 .campaign-buttons {
        justify-content: space-between;
    }

    .product-row-2 .campaign-buttons .button-in {
        font-size: 12px !important;
        padding: 10px 20px 7px;
    }

    .brick-product-highlight-2 .container {
        padding: 0 15px;
    }

    .brick-product-highlight-2 .wrapper-1 {
        aspect-ratio: unset;
        padding: 0 15px;
    }

    .brick-product-highlight-2 .product-highlight-content {
        flex-direction: column;
    }

    .brick-product-highlight-2 .product-highlight-content .button-check-our-tool {
        margin-left: unset;
        margin-top: 30px;
        font-size: 12px;
    }

    .brick-product-highlight-2 .product-highlight-content .tab-container [data-size="mobile-title"] {
        display: block;
    }

    .brick-product-highlight-2 .product-highlight-content .product-content [data-size="desktop-title"]{
        display: none;
    }

    .product-highlight-title[data-size="mobile-hero"] {
        display: block !important;
    }

    .product-highlight-title[data-size="desktop-hero"] {
        display: none;
    }

    .brick-product-highlight-2 .product-highlight-content .product-title {
        font-family: "Cambon";
        font-size: 50px;
        font-style: normal;
        font-weight: 250;
        line-height: 100%;
        letter-spacing: -0.931px;

        align-self: start;
        margin-top: -25px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-guarantee svg {
        width: 62px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-guarantee {
        align-self: end;
        transform: translateX(20px) translateY(185px);
    }

    .brick-product-highlight-2 .product-highlight-content .product-image picture {
        margin-top: 60px;
    }

    .brick-product-highlight-2 .product-highlight-content .duaal-button {
        flex-direction: column;
        margin-bottom: 18px;
        font-size: 14px;
        width: 210px;
    }

    .brick-product-highlight-2 .product-highlight-content .duaal-button .button-in {
        font-size: 14px;
        padding: 10px 14px 7px;
    }

    .brick-product-highlight-2 .product-highlight-content .product-quotation {
        width: 150px;
        padding: 10px 14px 7px;
    }

    .brick-product-highlight-2 .product-highlight-content .tab {
        padding-right: unset;
    }

    .product-specs-mobile[data-size="mobile-hero"] {
        display: block !important;
        margin-bottom: 30px;
    }

    .product-specs[data-size="desktop-hero"] {
        display: none !important;
    }

    details {
        cursor: pointer;
        overflow: hidden;
    }

    details {
        height: 20px;
    }

    details#smooth[open] {
        height: unset;
    }

    details#smooth, details#smooth .content {
        transition: height 0.3s ease-in-out;
    }

    summary {
        list-style-type: none;
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 7px;
    }

    summary svg {
        margin-top: -5px;
    }

    summary h2 {
        color: #000;
        font-family: "Larsseit";
        font-style: normal;
        font-weight: 500;
        line-height: 125%; /* 15px */
    }

    summary::marker {
        list-style-type: none;
    }

    .brick-product-highlight-2 .product-highlight-content .specs-list {
        padding-left: unset;
    }

    .tab-div p.quotation-text {
        display: none ;
    }

    .brick-product-highlight-2 .product-highlight-content .product-text {
        font-size: 14px;
    }

    .fair-square-solar-panel .wrapper-1 {
        padding: 0 15px;
    }

    .fair-square-solar-panel-materials {
        padding: 0 15px;
    }

    .fair-square-solar-panel-materials .wrapper-1 {
        padding: 15px;
    }

    .fair-square-solar-panel-materials .map-content .row-map {
        flex-direction: column-reverse;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content {
        gap: 25px;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .col-map-materials {
        display: none;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .title {
        color: #000;
        font-family: "Cambon";
        font-size: 26px;
        font-weight: 250;
        line-height: 100%; /* 26px */
        letter-spacing: -0.52px;
    }

    .fair-square-solar-panel-materials .map-content .row-map .content .info {
        color: #000;
        font-family: "Larsseit";
        font-size: 12px;
        font-weight: 400;
        line-height: 125%; /* 15px */
    }

    .learn-more {
        padding: 0 15px;
    }

    .learn-more [data-size="desktop"] {
        display: none !important;
    }

    .learn-more [data-size="mobile"] {
        display: block !important;
    }

    .learn-more .wrapper-1 {
        padding: 15px;
        aspect-ratio: 0.89 / 1;
    }

    .learn-more .wrapper .title p {
        font-size: 37px;
    }

    .fair-square-solar-panel {
        padding: 0 15px;
    }

    .fair-square-solar-panel .wrapper {
        padding: 15px;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;

        grid-gap: 15px;
    }

    .solar-panel-title {
        grid-area: 2 / 1 / 3 / 2;
    }

    .solar-panel-title p {
        font-size: 26px;
    }

    .solar-panel-info {
        grid-area: 3 / 1 / 4 / 2;

        display: unset;
        flex-direction: unset;
        justify-content: unset;
        gap: unset;
    }

    .solar-panel-info-2 {
        grid-area: 4 / 1 / 5 / 2;
    }

    .solar-panel-info p, .solar-panel-info-2 p, .solar-panel-more-info p {
        font-size: 12px;
    }

    .solar-panel-info p strong, .solar-panel-info-2 p strong, .solar-panel-more-info p strong {
        font-size: 12px;
    }

    .solar-panel-stuff {
        grid-area: 1 / 1 / 2 / 2;
    }

    .solar-panel-stuff .materials-content {
        max-width: 200px;
    }

    .solar-panel-more-info {
        grid-area: 5 / 1 / 6 / 2;
    }

    .fair-square-section {
        padding: 0 15px;
    }

    .fair-square-information {
        gap: 30px;
    }

    .fair-square-information .about-us-text .title, .fair-square-information .about-us-text .sub-title, .fair-square-information .about-us-text .sub-text {
        padding: 16px 14px;
    }

    .fair-square-information .about-us-text .title p {
        font-size: 38px
    }

    .fair-square-information .about-us-text .sub-title {
        padding-top: 0;
    }

    .fair-square-information .about-us-text .sub-title p {
        font-size: 16px
    }

    .fair-square-information .about-us-text .sub-text p {
        font-size: 12px;
    }

    .fair-square-information .about-us-text .sub-text {
        padding-top: 39px;
        width: 100%;
    }

    .fair-square-information .about-us-image {
        aspect-ratio: 0.95 / 1;
    }

    .how-it-works-section {
        padding: 0 15px;
    }

    .how-it-works-section .wrapper {
        padding: 16px 14px;
        aspect-ratio: unset;

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(2, auto);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .how-it-works-section .how-it-works-image {
        display: none;
    }

    .how-it-works-section .how-it-works-text .hiw-image-container[data-size="mobile-image"]{
        display: block;
    }

    .how-it-works-section .how-it-works-text .how-it-works-title p {
        font-size: 26px;
    }

    .how-it-works-section .how-it-works-text .how-it-works-sub-text p {
        font-size: 12px;
    }

    .how-it-works-section .how-it-works-text {
        padding-right: unset;
        gap: 25px;
    }

    .brick-faq-2 {
        padding: 0 15px;
    }

        /** COMMON **/
    body, html {
        font-size: 15px;
    }

    .container-1 {
        padding: 20px 0px;
    }

    .container-2 {
        padding: 20px 0px;
    }

    .container-3 {
        padding: 20px 0px;
    }

    .container-4 {
        padding: 20px 0px;
    }

    .wrapper-1 {
        padding: 0px 15px;
    }

    .wrapper-2 {
        padding: 0px 15px;
    }

    .wrapper-3 {
        padding: 0px 15px;
    }

    .wrapper-4 {
        padding: 0px 15px;
    }

    /** SPACING **/
    .p-0 {
        padding: 0px !important;
    }

    .pt-0 {
        padding-top: 0px !important;
    }

    .pr-0 {
        padding-right: 0px !important;
    }

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

    .pl-0 {
        padding-left: 0px !important;
    }

    .m-0 {
        margin: 0px !important;
    }

    .mt-0 {
        margin-top: 0px !important;
    }

    .mr-0 {
        margin-right: 0px !important;
    }

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

    .ml-0 {
        margin-left: 0px !important;
    }

    .p-5 {
        padding: 2px !important;
    }

    .pt-5 {
        padding-top: 2px !important;
    }

    .pr-5 {
        padding-right: 2px !important;
    }

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

    .pl-5 {
        padding-left: 2px !important;
    }

    .m-5 {
        margin: 2px !important;
    }

    .mt-5 {
        margin-top: 2px !important;
    }

    .mr-5 {
        margin-right: 2px !important;
    }

    .mb-5 {
        margin-bottom: 2px !important;
    }

    .ml-5 {
        margin-left: 2px !important;
    }

    .p-10 {
        padding: 4px !important;
    }

    .pt-10 {
        padding-top: 4px !important;
    }

    .pr-10 {
        padding-right: 4px !important;
    }

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

    .pl-10 {
        padding-left: 4px !important;
    }

    .m-10 {
        margin: 4px !important;
    }

    .mt-10 {
        margin-top: 4px !important;
    }

    .mr-10 {
        margin-right: 4px !important;
    }

    .mb-10 {
        margin-bottom: 4px !important;
    }

    .ml-10 {
        margin-left: 4px !important;
    }

    .p-15 {
        padding: 6px !important;
    }

    .pt-15 {
        padding-top: 6px !important;
    }

    .pr-15 {
        padding-right: 6px !important;
    }

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

    .pl-15 {
        padding-left: 6px !important;
    }

    .m-15 {
        margin: 6px !important;
    }

    .mt-15 {
        margin-top: 6px !important;
    }

    .mr-15 {
        margin-right: 6px !important;
    }

    .mb-15 {
        margin-bottom: 6px !important;
    }

    .ml-15 {
        margin-left: 6px !important;
    }

    .p-20 {
        padding: 8px !important;
    }

    .pt-20 {
        padding-top: 8px !important;
    }

    .pr-20 {
        padding-right: 8px !important;
    }

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

    .pl-20 {
        padding-left: 8px !important;
    }

    .m-20 {
        margin: 8px !important;
    }

    .mt-20 {
        margin-top: 8px !important;
    }

    .mr-20 {
        margin-right: 8px !important;
    }

    .mb-20 {
        margin-bottom: 8px !important;
    }

    .ml-20 {
        margin-left: 8px !important;
    }

    .p-25 {
        padding: 10px !important;
    }

    .pt-25 {
        padding-top: 10px !important;
    }

    .pr-25 {
        padding-right: 10px !important;
    }

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

    .pl-25 {
        padding-left: 10px !important;
    }

    .m-25 {
        margin: 10px !important;
    }

    .mt-25 {
        margin-top: 10px !important;
    }

    .mr-25 {
        margin-right: 10px !important;
    }

    .mb-25 {
        margin-bottom: 10px !important;
    }

    .ml-25 {
        margin-left: 10px !important;
    }

    .p-30 {
        padding: 12px !important;
    }

    .pt-30 {
        padding-top: 12px !important;
    }

    .pr-30 {
        padding-right: 12px !important;
    }

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

    .pl-30 {
        padding-left: 12px !important;
    }

    .m-30 {
        margin: 12px !important;
    }

    .mt-30 {
        margin-top: 12px !important;
    }

    .mr-30 {
        margin-right: 12px !important;
    }

    .mb-30 {
        margin-bottom: 12px !important;
    }

    .ml-30 {
        margin-left: 12px !important;
    }

    .p-35 {
        padding: 14px !important;
    }

    .pt-35 {
        padding-top: 14px !important;
    }

    .pr-35 {
        padding-right: 14px !important;
    }

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

    .pl-35 {
        padding-left: 14px !important;
    }

    .m-35 {
        margin: 14px !important;
    }

    .mt-35 {
        margin-top: 14px !important;
    }

    .mr-35 {
        margin-right: 14px !important;
    }

    .mb-35 {
        margin-bottom: 14px !important;
    }

    .ml-35 {
        margin-left: 14px !important;
    }

    .p-40 {
        padding: 16px !important;
    }

    .pt-40 {
        padding-top: 16px !important;
    }

    .pr-40 {
        padding-right: 16px !important;
    }

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

    .pl-40 {
        padding-left: 16px !important;
    }

    .m-40 {
        margin: 16px !important;
    }

    .mt-40 {
        margin-top: 16px !important;
    }

    .mr-40 {
        margin-right: 16px !important;
    }

    .mb-40 {
        margin-bottom: 16px !important;
    }

    .ml-40 {
        margin-left: 16px !important;
    }

    .p-45 {
        padding: 18px !important;
    }

    .pt-45 {
        padding-top: 18px !important;
    }

    .pr-45 {
        padding-right: 18px !important;
    }

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

    .pl-45 {
        padding-left: 18px !important;
    }

    .m-45 {
        margin: 18px !important;
    }

    .mt-45 {
        margin-top: 18px !important;
    }

    .mr-45 {
        margin-right: 18px !important;
    }

    .mb-45 {
        margin-bottom: 18px !important;
    }

    .ml-45 {
        margin-left: 18px !important;
    }

    .p-50 {
        padding: 20px !important;
    }

    .pt-50 {
        padding-top: 20px !important;
    }

    .pr-50 {
        padding-right: 20px !important;
    }

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

    .pl-50 {
        padding-left: 20px !important;
    }

    .m-50 {
        margin: 20px !important;
    }

    .mt-50 {
        margin-top: 20px !important;
    }

    .mr-50 {
        margin-right: 20px !important;
    }

    .mb-50 {
        margin-bottom: 20px !important;
    }

    .ml-50 {
        margin-left: 20px !important;
    }

    .p-55 {
        padding: 22px !important;
    }

    .pt-55 {
        padding-top: 22px !important;
    }

    .pr-55 {
        padding-right: 22px !important;
    }

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

    .pl-55 {
        padding-left: 22px !important;
    }

    .m-55 {
        margin: 22px !important;
    }

    .mt-55 {
        margin-top: 22px !important;
    }

    .mr-55 {
        margin-right: 22px !important;
    }

    .mb-55 {
        margin-bottom: 22px !important;
    }

    .ml-55 {
        margin-left: 22px !important;
    }

    .p-60 {
        padding: 24px !important;
    }

    .pt-60 {
        padding-top: 24px !important;
    }

    .pr-60 {
        padding-right: 24px !important;
    }

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

    .pl-60 {
        padding-left: 24px !important;
    }

    .m-60 {
        margin: 24px !important;
    }

    .mt-60 {
        margin-top: 24px !important;
    }

    .mr-60 {
        margin-right: 24px !important;
    }

    .mb-60 {
        margin-bottom: 24px !important;
    }

    .ml-60 {
        margin-left: 24px !important;
    }

    .p-65 {
        padding: 25px !important;
    }

    .pt-65 {
        padding-top: 25px !important;
    }

    .pr-65 {
        padding-right: 25px !important;
    }

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

    .pl-65 {
        padding-left: 25px !important;
    }

    .m-65 {
        margin: 25px !important;
    }

    .mt-65 {
        margin-top: 25px !important;
    }

    .mr-65 {
        margin-right: 25px !important;
    }

    .mb-65 {
        margin-bottom: 25px !important;
    }

    .ml-65 {
        margin-left: 25px !important;
    }

    .p-70 {
        padding: 27px !important;
    }

    .pt-70 {
        padding-top: 27px !important;
    }

    .pr-70 {
        padding-right: 27px !important;
    }

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

    .pl-70 {
        padding-left: 27px !important;
    }

    .m-70 {
        margin: 27px !important;
    }

    .mt-70 {
        margin-top: 27px !important;
    }

    .mr-70 {
        margin-right: 27px !important;
    }

    .mb-70 {
        margin-bottom: 27px !important;
    }

    .ml-70 {
        margin-left: 27px !important;
    }

    .p-75 {
        padding: 29px !important;
    }

    .pt-75 {
        padding-top: 29px !important;
    }

    .pr-75 {
        padding-right: 29px !important;
    }

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

    .pl-75 {
        padding-left: 29px !important;
    }

    .m-75 {
        margin: 29px !important;
    }

    .mt-75 {
        margin-top: 29px !important;
    }

    .mr-75 {
        margin-right: 29px !important;
    }

    .mb-75 {
        margin-bottom: 29px !important;
    }

    .ml-75 {
        margin-left: 29px !important;
    }

    .p-80 {
        padding: 31px !important;
    }

    .pt-80 {
        padding-top: 31px !important;
    }

    .pr-80 {
        padding-right: 31px !important;
    }

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

    .pl-80 {
        padding-left: 31px !important;
    }

    .m-80 {
        margin: 31px !important;
    }

    .mt-80 {
        margin-top: 31px !important;
    }

    .mr-80 {
        margin-right: 31px !important;
    }

    .mb-80 {
        margin-bottom: 31px !important;
    }

    .ml-80 {
        margin-left: 31px !important;
    }

    .p-85 {
        padding: 33px !important;
    }

    .pt-85 {
        padding-top: 33px !important;
    }

    .pr-85 {
        padding-right: 33px !important;
    }

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

    .pl-85 {
        padding-left: 33px !important;
    }

    .m-85 {
        margin: 33px !important;
    }

    .mt-85 {
        margin-top: 33px !important;
    }

    .mr-85 {
        margin-right: 33px !important;
    }

    .mb-85 {
        margin-bottom: 33px !important;
    }

    .ml-85 {
        margin-left: 33px !important;
    }

    .p-90 {
        padding: 35px !important;
    }

    .pt-90 {
        padding-top: 35px !important;
    }

    .pr-90 {
        padding-right: 35px !important;
    }

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

    .pl-90 {
        padding-left: 35px !important;
    }

    .m-90 {
        margin: 35px !important;
    }

    .mt-90 {
        margin-top: 35px !important;
    }

    .mr-90 {
        margin-right: 35px !important;
    }

    .mb-90 {
        margin-bottom: 35px !important;
    }

    .ml-90 {
        margin-left: 35px !important;
    }

    .p-95 {
        padding: 37px !important;
    }

    .pt-95 {
        padding-top: 37px !important;
    }

    .pr-95 {
        padding-right: 37px !important;
    }

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

    .pl-95 {
        padding-left: 37px !important;
    }

    .m-95 {
        margin: 37px !important;
    }

    .mt-95 {
        margin-top: 37px !important;
    }

    .mr-95 {
        margin-right: 37px !important;
    }

    .mb-95 {
        margin-bottom: 37px !important;
    }

    .ml-95 {
        margin-left: 37px !important;
    }

    .p-100 {
        padding: 39px !important;
    }

    .pt-100 {
        padding-top: 39px !important;
    }

    .pr-100 {
        padding-right: 39px !important;
    }

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

    .pl-100 {
        padding-left: 39px !important;
    }

    .m-100 {
        margin: 39px !important;
    }

    .mt-100 {
        margin-top: 39px !important;
    }

    .mr-100 {
        margin-right: 39px !important;
    }

    .mb-100 {
        margin-bottom: 39px !important;
    }

    .ml-100 {
        margin-left: 39px !important;
    }

    .p-105 {
        padding: 41px !important;
    }

    .pt-105 {
        padding-top: 41px !important;
    }

    .pr-105 {
        padding-right: 41px !important;
    }

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

    .pl-105 {
        padding-left: 41px !important;
    }

    .m-105 {
        margin: 41px !important;
    }

    .mt-105 {
        margin-top: 41px !important;
    }

    .mr-105 {
        margin-right: 41px !important;
    }

    .mb-105 {
        margin-bottom: 41px !important;
    }

    .ml-105 {
        margin-left: 41px !important;
    }

    .p-110 {
        padding: 43px !important;
    }

    .pt-110 {
        padding-top: 43px !important;
    }

    .pr-110 {
        padding-right: 43px !important;
    }

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

    .pl-110 {
        padding-left: 43px !important;
    }

    .m-110 {
        margin: 43px !important;
    }

    .mt-110 {
        margin-top: 43px !important;
    }

    .mr-110 {
        margin-right: 43px !important;
    }

    .mb-110 {
        margin-bottom: 43px !important;
    }

    .ml-110 {
        margin-left: 43px !important;
    }

    .p-115 {
        padding: 45px !important;
    }

    .pt-115 {
        padding-top: 45px !important;
    }

    .pr-115 {
        padding-right: 45px !important;
    }

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

    .pl-115 {
        padding-left: 45px !important;
    }

    .m-115 {
        margin: 45px !important;
    }

    .mt-115 {
        margin-top: 45px !important;
    }

    .mr-115 {
        margin-right: 45px !important;
    }

    .mb-115 {
        margin-bottom: 45px !important;
    }

    .ml-115 {
        margin-left: 45px !important;
    }

    .p-120 {
        padding: 47px !important;
    }

    .pt-120 {
        padding-top: 47px !important;
    }

    .pr-120 {
        padding-right: 47px !important;
    }

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

    .pl-120 {
        padding-left: 47px !important;
    }

    .m-120 {
        margin: 47px !important;
    }

    .mt-120 {
        margin-top: 47px !important;
    }

    .mr-120 {
        margin-right: 47px !important;
    }

    .mb-120 {
        margin-bottom: 47px !important;
    }

    .ml-120 {
        margin-left: 47px !important;
    }

    .p-125 {
        padding: 49px !important;
    }

    .pt-125 {
        padding-top: 49px !important;
    }

    .pr-125 {
        padding-right: 49px !important;
    }

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

    .pl-125 {
        padding-left: 49px !important;
    }

    .m-125 {
        margin: 49px !important;
    }

    .mt-125 {
        margin-top: 49px !important;
    }

    .mr-125 {
        margin-right: 49px !important;
    }

    .mb-125 {
        margin-bottom: 49px !important;
    }

    .ml-125 {
        margin-left: 49px !important;
    }

    .p-130 {
        padding: 51px !important;
    }

    .pt-130 {
        padding-top: 51px !important;
    }

    .pr-130 {
        padding-right: 51px !important;
    }

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

    .pl-130 {
        padding-left: 51px !important;
    }

    .m-130 {
        margin: 51px !important;
    }

    .mt-130 {
        margin-top: 51px !important;
    }

    .mr-130 {
        margin-right: 51px !important;
    }

    .mb-130 {
        margin-bottom: 51px !important;
    }

    .ml-130 {
        margin-left: 51px !important;
    }

    .p-135 {
        padding: 53px !important;
    }

    .pt-135 {
        padding-top: 53px !important;
    }

    .pr-135 {
        padding-right: 53px !important;
    }

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

    .pl-135 {
        padding-left: 53px !important;
    }

    .m-135 {
        margin: 53px !important;
    }

    .mt-135 {
        margin-top: 53px !important;
    }

    .mr-135 {
        margin-right: 53px !important;
    }

    .mb-135 {
        margin-bottom: 53px !important;
    }

    .ml-135 {
        margin-left: 53px !important;
    }

    .p-140 {
        padding: 55px !important;
    }

    .pt-140 {
        padding-top: 55px !important;
    }

    .pr-140 {
        padding-right: 55px !important;
    }

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

    .pl-140 {
        padding-left: 55px !important;
    }

    .m-140 {
        margin: 55px !important;
    }

    .mt-140 {
        margin-top: 55px !important;
    }

    .mr-140 {
        margin-right: 55px !important;
    }

    .mb-140 {
        margin-bottom: 55px !important;
    }

    .ml-140 {
        margin-left: 55px !important;
    }

    .p-145 {
        padding: 57px !important;
    }

    .pt-145 {
        padding-top: 57px !important;
    }

    .pr-145 {
        padding-right: 57px !important;
    }

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

    .pl-145 {
        padding-left: 57px !important;
    }

    .m-145 {
        margin: 57px !important;
    }

    .mt-145 {
        margin-top: 57px !important;
    }

    .mr-145 {
        margin-right: 57px !important;
    }

    .mb-145 {
        margin-bottom: 57px !important;
    }

    .ml-145 {
        margin-left: 57px !important;
    }

    .p-150 {
        padding: 59px !important;
    }

    .pt-150 {
        padding-top: 59px !important;
    }

    .pr-150 {
        padding-right: 59px !important;
    }

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

    .pl-150 {
        padding-left: 59px !important;
    }

    .m-150 {
        margin: 59px !important;
    }

    .mt-150 {
        margin-top: 59px !important;
    }

    .mr-150 {
        margin-right: 59px !important;
    }

    .mb-150 {
        margin-bottom: 59px !important;
    }

    .ml-150 {
        margin-left: 59px !important;
    }

    /** COMPONENTS **/
    .arrow-in {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    /** LOOPS **/
    .loop-products-1 {
        width: 325px;
    }

    .item-products-1 {
        padding: 40px 10px;
        margin: 0;
        width: 100%;
    }

    .loop-partners-1 {
        margin: 0px -10px;
    }

    .item-partners-1 {
        padding: 10px;
        width: 100%;
    }

    .item-partners-1 .partner-info {
        margin: 20px 0;
        padding-left: 0;
    }

    .item-faq-1 .item-left {
        width: 40px;
    }

    .item-faq-1 .item-right {
        padding-top: 10px;
    }

    /** PARTS **/
    /** SECTIONS **/
    /** SECTION: TOP **/
    /** SECTION: BRICKS **/
    .brick-faq-1 .brick-in {
        padding: 20px;
    }

    .tooltip-content .button-in {
        padding-left: 10px;
        padding-right: 10px;
    }

    .brick-video-overlay-1 .video-wrapper {
        left: 0;
        width: 100%;
        padding: 0 55px;
    }

    .brick-video-overlay-1 .video-wrapper .close-video {
        top: -12px;
        right: 40px;
    }

    .brick-video-overlay-1 .video-wrapper #Rectangle-Copy-8 {
        fill: #000;
    }

    .brick-video-overlay-1 .video-wrapper #Rectangle-Copy {
        fill: #FEEA89;
    }

    .brick-video-overlay-1 .video-popup .play-1 {
        display: none;
    }

    .brick-video-overlay-1 .video-popup .button-2 {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 82px;
        margin-left: auto;
        margin-right: auto;
        width: 119px;
    }

    .brick-partners-1 .brick-in {
        position: relative;
        padding: 40px 20px 0 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        overflow: hidden;
    }

    .brick-contact-1 .brick-in,
    .brick-content-1 .brick-in {
        padding: 30px 25px;
    }

    .play-mobile {
        display: none;
    }

    .play-default {
        display: block;
    }

    .play-1 .play-in {
        width: auto;
        height: auto;
        line-height: normal;
        padding: 20px;
        border-radius: 50%;
        font-weight: 500;
    }

    .header-right .button {
        bottom: 10px;
        right: 10px;
    }

    .tooltip-content-in .button {
        width: 100%;
        text-align: center;
    }

    .loop-products-1 .basicSlider__slide a, .item-products-1 .basicSlider__slide a * {
        pointer-events: none;
    }

    /** SECTION: BOTTOM **/

}