body {
        margin: 0;
        padding: 0;
        font-family: 'Assistant', sans-serif;
        direction: rtl;
        background: #fff;
    }
    .hero-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #000;
        min-height: 430px;
        padding: 0 40px;
        width:100%;
    }
    .hero-image {
        flex: 1;
        background-image: url('/wp-content/uploads/2025/07/schlicht-acrylic-011.png');
        background-size: cover;
        background-position: center;
        height: 430px;
        margin-right: 50px;
    }
    .hero-image-text { background-image: url(/wp-content/uploads/2025/07/text-img-desktop.png); width: 410px; height: 256px;margin: 87px 262px 87px 132px;}
    .hero-text {
        flex: 1;
        color: #fff;
        padding: 20px 80px 20px 20px;
    }
    .hero-text h1 {
        font-size: 70px;
        font-weight: 700;
        line-height: 1.2;
        color: #F0B400;
        margin: 0;
        width: 410px;
        height: 256px;
    }
    .hero-text h1 span {
        color: #fff;
    }
    .sub-heading {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        margin-top: 15px;
        display: none;
    }
    .cta-button {
        display: none;
    }
    .exclamation-point {
        width: 35px;
        position: relative;
        right: 275px;
        bottom: 200px;
        font-size: 190px;
    }
    .fontsize-40 {
        font-size: 40px;
    }
    
    /* רספונסיביות */
    @media (max-width: 768px) {
        .hero-section {
            flex-direction: column;
            padding: 0;
            width: 100%;
        }
        .hero-text {
            padding: 20px;
            width: 100%;
        }
        .hero-text h1 {
            font-size: 60px;
            width: auto;
            height: auto;
            text-align: center;
        }
        .hero-image {
            width: 100%;
            height: 250px;
            order: 2; /* תמונה תופיע אחרי הטקסט */
            margin-right: 0;
        }
        .hero-image-text { background-image: url(/wp-content/uploads/2025/07/text-img-mpbile.png); width: 278px; height: 174px;margin: 40px 40px 40px 40px;}
            .exclamation-point {
                position: static;
                font-size: 100px;
                text-align: center;
                margin-top: 10px;
            }
    } /* res */

    .section-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        flex-direction: row;
        padding: 70px 160px;
    }
    .column {
        flex: 1 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }
    .headline-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .headline-box h2 {
        font-size: 42px;
        font-weight: 700;
        color: #000;
        margin: 0;
    }
    .orange-line {
        width: 233px;
        height: 4px;
        background-color: #FDB83D;
    }
    .description {
        max-width: 975px;
        font-size: 22px;
        font-weight: 400;
        line-height: 30px;
        text-align: center;
    }
    
    @media (max-width: 768px) {
        .section-container {padding: 50px 20px;}
    }

    .section-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 160px 80px;
        gap: 30px;
        background: #FFFFFF;
    }
    .content-box {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px;
        gap: 30px;
        width: 1600px;
        height: auto;
        border: 4px solid #F7BE00;
    }
    .text-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
        gap: 30px;
        width: 975px;
        margin-top: 20px;
    }
    .title-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        width: 721px;
    }
    .title-wrapper h1 {
        font-size: 42px;
        font-weight: 700;
        line-height: 55px;
        color: #000;
        margin: 0;
        text-align: center;
    }
    .underline {
        width: 721px;
        border: 4px solid #FDB83D;
    }
    .paragraph {
        font-size: 22px;
        font-weight: 400;
        line-height: 30px;
        color: #000;
        text-align: center;
        max-width: 975px;
    }
    .schlicht_button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px 20px;
        gap: 8px;
        width: 330px;
        height: 41px;
        background: #1986C1;
        border-radius: 3px;
        cursor: pointer;
        text-decoration: none;
    }
    .schlicht_button span {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        color: #FFFFFF;
        text-align: center;
    }
    .image-wrapper {
        margin-top: 30px;
    }
    .image-wrapper img {
        width: 336px;
        height: auto;
    }
    
    /* רספונסיביות */
    @media (max-width: 768px) {
        .section-wrapper {
            padding: 20px;
        }
        .content-box {
            padding: 30px 20px;
            width: 100%;
        }
        .text-box {
            width: 100%;
            gap: 20px;
        }
        .title-wrapper {
            width: 100%;
            gap: 15px;
        }
        .title-wrapper h1 {
            font-size: 30px;
            line-height: 40px;
        }
        .underline {
            width: 80%;
        }
        .paragraph {
            font-size: 20px;
            line-height: 28px;
            max-width: 100%;
            padding: 0 10px;
        }
        .schlicht_button {
            width: 100%;
            max-width: 300px;
            height: 61px;
        }
        .schlicht_button span{font-size: 18px;line-height: 20px;}
        .title-wrapper img {width: 60px;height: 60px;}
        .image-wrapper img {
            width: 100%;
            max-width: 300px;
        }
    }

    .section {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 40px;
        width: 100%;
        max-width: 1600px;
        margin: 20px auto;
        padding: 0;
    }
    .title-section {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 20px;
        width: 100%;
        max-width: 885px;
        text-align: center;
    }
    .title-section h2 {
        font-size: 41px;
        font-weight: 700;
        line-height: 55px;
        color: #000;
        margin: 0;
    }
    .title-section .underline {
        width: 100%;
        max-width: 885px;
        border: 4px solid #FDB83D;
    }
    .kpi-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 40px 20px;
        gap: 100px;
        width: 100%;
        background: #F7BE00;
        position: relative;
        flex-wrap: wrap;
    }
    .kpi {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 20px;
        z-index: 2;
        flex: 1 1 300px;
        max-width: 360px;
    }
    .kpi .icon {
        width: 82px;
        height: 82px;
    }
    .kpi .text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px;
      }
    .kpi .text .number {
        display: flex;
        align-items: flex-start;
        font-size: 42px;
        font-weight: 700;
        color: #000;
    }
    .kpi .text .number .plus {
        font-size: 42px;
        font-weight: 700;
    }
    .kpi .text .label {
        font-size: 18px;
        font-weight: 700;
        color: #000;
    }
    .kpi img { top: 10px; position: relative;}
    .plus.purple { color: #BA2181; }
    .plus.blue { color: #1986C1; }
    .plus.green { color: #639035; }
    .decor-left,
    .decor-right {
        position: absolute;
        width: 120px;
        height: 120px;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0.3;
    }
    .decor-left {
        left: 0px;
        bottom: -20px;
        background-image: url('/wp-content/uploads/2025/07/vector-4.png');
    }
    .decor-right {
        right: 0px;
        top: -20px;
        background-image: url('/wp-content/uploads/2025/07/vector-4.png');
        transform: rotate(180deg);
    }
    /* רספונסיביות */
    @media (max-width: 768px) {
        .title-section h2 {
            font-size: 30px;
            line-height: 40px;
        }
        .kpi-container {
            flex-direction: column;
            gap: 30px;
            padding: 30px 10px;
        }
        .kpi {
            flex-direction: column;
            align-items: center;
            text-align: center;
            flex: 1;
            width: 60%;
        }
        .kpi .text {
            align-items: start;
            gap:0;
        }
        .kpi .icon {
            width: 55px;
            height: 55px;
        }
        .kpi .text .number,
        .kpi .text .number .plus {
            font-size: 30px;
        }
        .kpi .text .label {
            font-size: 16px;
        }
        .decor-left, .decor-right {
            width: 110px;
            height: 55px;
        }
        .decor-left{bottom: 0px;}
        .decor-right{top: 0px;}
        .section {padding: 20px;}
        .kpi .text {width: 100%; text-align: right;}
        .kpi .img1 {position: absolute; right: 20px; top: 30px;}
        .kpi .img2 {position: absolute; right: 20px; top: 130px;}
        .kpi .img3 {position: absolute; right: 20px; top: 210px;}
        .kpi .img4 {position: absolute; right: 20px; top: 310px;}
        .number img {width: 22px; height: 24px;}
    }
    
    @media (max-width: 500px) {
        .kpi {width: 40%;}
    }

    .values-section {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 80px 160px 0;
      gap: 40px;
      max-width: 1920px;
      margin: 0 auto;
    }
    .section-title {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
      width: 591px;
    }
    .section-title h2 {
      font-size: 42px;
      font-weight: 700;
      color: #000;
      line-height: 55px;
      text-align: center;
      margin: 0;
    }
    .section-title .line, .projects-section .line {
      width: 100%;
      border-bottom: 4px solid #FDB83D;
    }
    .section-subtext {
      max-width: 946px;
      font-size: 22px;
      line-height: 30px;
      font-weight: 400;
      color: #000;
      text-align: center;
    }
    .value-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      max-width: 1600px;
      width: 100%;
    }
    .value-box {
      border: 2px solid #EBEBEB;
      background: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 30px 25px;
      gap: 15px;
      position: relative;
      height: auto;
      text-align: center;
      justify-content: center;
    }
    .value-box.green { border-bottom: 2px solid #639035; }
    .value-box.blue { border-bottom: 2px solid #1986C1; }
    .value-box.purple { border-bottom: 2px solid #BA2181; }
    .value-box.navy { border-bottom: 2px solid #020887; }
    .value-box.orange { border-bottom: 2px solid #FB7414; }
    .value-box.yellow { border-bottom: 2px solid #F7BE00; }
    .value-box img {
      width: 50px;
      height: 50px;
    }
    .value-box .title-value-box {
      font-size: 22px;
      font-weight: 700;
      color: #000;
    }
    .value-box .desc {
    font-size: 18px;
            line-height: 22px;
            top: 0;
            height: 51px;
            position: relative;
            width: 100%;
    }
    /* טבלט */
    @media (min-width: 768px) and (max-width: 1199px) {
        .value-grid {
            grid-template-columns: repeat(2, 1fr);
            padding: 0 40px;
        }
        .values-section {
            padding: 60px 40px 0;
        }
        .section-title {
            width: 100%;
            padding: 0 20px;
        }
        .section-subtext {
            font-size: 20px;
            padding: 0 20px;
        }
    }
    /* מובייל */
    @media (max-width: 767px) {
        .value-grid {
            grid-template-columns: 1fr;
            padding: 0;
        }
        .values-section {
            padding: 40px 20px 0;
        }
        .section-title {
            width: 100%;
            padding: 0 10px;
        }
        .section-title h2 {
            font-size: 30px;
            line-height: 40px;
        }
        .section-subtext {
            font-size: 20px;
            line-height: 26px;
            padding: 0 10px;
        }
        .value-box {
            padding: 20px 15px;
            height: auto;
        }
        .value-box .title-value-box {
            font-size: 20px;
            position: absolute;
            top: 10px;
            right: 80px;
        }
        .value-box .desc {
            font-size: 16px;
            line-height: 22px;
            top: 30px;
            height: auto;
            position: relative;
            text-align: right;
            width: 100%;
            margin-bottom: 15px;
        }
        .value-box img {
            width: 25px;
            height: 25px;
            position: absolute;
            right: 20px;
            top: 10px;
        }

        .value-box.green { border-right: 2px solid #639035; border-bottom: 0; border-left: 0;border-top: 0;}
        .value-box.blue { border-right: 2px solid #1986C1; border-bottom: 0; border-left: 0;border-top: 0;}
        .value-box.purple { border-right: 2px solid #BA2181; border-bottom: 0; border-left: 0;border-top: 0;}
        .value-box.navy { border-right: 2px solid #020887; border-bottom: 0; border-left: 0;border-top: 0;}
        .value-box.orange { border-right: 2px solid #FB7414; border-bottom: 0; border-left: 0;border-top: 0;}
        .value-box.yellow { border-right: 2px solid #F7BE00; border-bottom: 0; border-left: 0;border-top: 0;}
        .value-box.green {border-right: 2px solid #639035; border-bottom: 0; border-left: 0;border-top: 0;}
    }


    .cards-wrapper {
        display: flex;
        gap: 30px;
        justify-content: center;
        padding: 80px 160px;
        max-width: 1920px;
        margin: 0 auto;
    }
    .card {
        position: relative;
        height: 502px;
        overflow: hidden;
        transition: flex 0.5s ease;
        display: flex;
        flex-direction: column;
        color: white;
        flex: 1;
    }
    .card img {
        width: 100%;
        height: 800px;
        object-fit: cover;
        transition: transform 0.6s ease, filter 0.6s ease;
    }
    .overlay {
        position: absolute;
        inset: 0;
        background-color: rgba(0,0,0,0.6);
        opacity: 0;
        pointer-events: none;
        display: flex;
        flex-direction: column;
        transition: opacity 0.6s ease;
    }
    .card.expanded {
        flex: 1.5;
    }
    .card.shrunk {
        flex: 0.8;
    }
    .card.expanded img {
        transform: scale(1.05);
        filter: blur(2px);
    }
    .card.expanded .overlay {
        opacity: 1;
        pointer-events: auto;
    }
    .header {
        font-size: 26px;
        font-weight: bold;
        padding: 20px 30px;
        color: white;
    }
    .netura .header {
        background-color: #BA2181;
    }
    .classic .header {
        background-color: #1986C1;
    }
    .content {
        padding: 30px;
        overflow-y: auto;
    }
    .content p {
        font-size: 17px;
        margin-bottom: 15px;
    }
    .content ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .content ul li {
        margin-bottom: 10px;
        padding-right: 22px;
        font-size: 16px;
        position: relative;
    }
    .content ul li::before {
        content: "•";
        position: absolute;
        right: 0;
        color: #F073AC;
        font-size: 20px;
    }
    .swatches {
        position: absolute;
        top: 100px;
        left: 40px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        z-index: 2;
        color:#000;
    }
    .swatch {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 3px solid white;
        box-shadow: 0 0 6px rgba(0,0,0,0.3);
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.2;
        padding-top: 8px;
    }
    .netura .swatch:nth-child(1) { background: #dbd8d6; }
    .netura .swatch:nth-child(2) { background: #f6e8ca; }
    .netura .swatch:nth-child(3) { background: #edcec0; }
    .classic .swatch:nth-child(1) { background: #ccc; }
    .classic .swatch:nth-child(2) { background: #e5f6cd; }
    .classic .swatch:nth-child(3) { background: #c9e1e9; }
    .classic .swatch:nth-child(4) { background: #d6c3d8; }
    
    @media (max-width: 1000px) {
        .cards-wrapper {
            flex-direction: column;
        }
        .card {
            flex: 1 !important;
            height: auto;
        }
    }
    .header-title-cart {position: absolute;
        bottom: 0;
        width: 100%;
        color: white;
        font-size: 24px;
        font-weight: bold;
        text-align: center;
        padding: 15px;
    }
    
    @media (max-width: 768px) {
        .header-title-cart {display: block; position: relative;}
        .cards-wrapper { padding: 50px 20px;}
        .card img {height: 305px;}
    }

    .projects-section {
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    .projects-section h2 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 10px;
    }
    .projects-section .underline {
        width: 80px;
        height: 4px;
        background: #FDB83D;
        margin: 10px auto 40px;
    }
    .carousel-container {
        position: relative;
        max-width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    .carousel {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }
    .project-card {
        flex: 0 0 33.3333%;
        box-sizing: border-box;
        padding: 0 10px;
    }
    .project-card img {
        width: 100%;
        height: auto;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .project-title {
        font-size: 16px;
        font-weight: bold;
        margin-top: 10px;
    }
    .arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        font-size: 24px;
        padding: 10px 15px;
        cursor: pointer;
        z-index: 1;
    }
    .arrow.left {
        right: 10px;
    }
    .arrow.right {
        left: 10px;
    }
    .dots {
        display: flex;
        justify-content: center;
        margin-top: 40px;margin-bottom: 40px;
        gap: 10px;
    }
    .dot {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        cursor: pointer;
        border: 1px solid #BA2181;
        background: #fff;
    }
    .dot.active {
        background-color: #BA2181; /* purple */
    }
    @media (max-width: 768px) {
        .carousel {
            flex-wrap: nowrap;
        }
        .project-card {
            flex: 0 0 100%;
            padding: 0 10px;
        }
    }

    .contact-banner {
        font-weight: 700;
        font-size: 24px;
        padding: 25px 20px;
        text-align: center;
        position: relative;
        border-top: 4px solid #FDB83D;
        border-bottom: 4px solid #FDB83D;
        display: flex;
        justify-content: center;
        align-items: center;
        max-width: 1600px;
        margin: 0 auto;
        margin-bottom: 80px;
    }
    .contact-icon {
        position: relative;
        left: 10px;
        top: 20%;
        height: 71px;
    }
    @media (max-width: 768px) {
        .contact-banner {
            font-size:20px;
            padding: 20px 10px;
            flex-direction: column;
            text-align: center;
            font-weight: 700;
            margin: 20px;
        }
        .contact-icon {
            position: static;
            transform: none;
            margin-top: 10px;
            height: 62px;
        }
    }

    
    .banners {
        display: flex;
        flex-wrap: wrap;
    }
    .banner {
        flex: 1 1 50%;
        display: flex;
        align-items: center;
        justify-content: right;
        padding: 50px 160px 50px 60px;
        box-sizing: border-box;
        gap: 20px;
    }
    .banner-left {
        background-color: #f5dfec;
        padding: 50px 60px;
    }
    .banner-right {
        background-color: #d7eff1;
    }
    .banner .content {
        display: flex;
        flex-direction: column;
    }
    .banner .subtitle {
        width: 351px;
        font-weight: 700;
        font-size: 30px;
        margin-bottom: 0;
        margin-top: 0;
    }
    .banner .schlicht_button {
        padding: 10px 30px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        color: white;
        cursor: pointer;
        width: 215px;
        margin-right: 60px;
    }
    .banner-left .schlicht_button {
        background-color: #bd2283;
    }
    .banner-right .schlicht_button {
        background-color: #1c86c8;
    }
    .banner img {
        width: 60px;
        height: auto;
    }
    @media (max-width: 768px) {
        .banners {
            flex-direction: column;
        }
        .banner {
            flex: 1 1 100%;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 30px 20px;
        }
        .banner .subtitle {
            width: auto;
            font-size: 24px;
        }
        .banner img {
            margin-bottom: 0;
        }
        .banner .schlicht_button {
            margin: 15px 0 0 0;
            width: 320px;
            font-size: 20px;
        }
        .banner .content {
            align-items: center;
            padding: 0;
        }
        .banner-left, .banner-right {
            width: 100%;
            padding: 30px 20px;
            gap: 10px;
        }
    }
    body > footer {
        margin-top: 0;
    }

    @media (min-width: 1199px) and (max-width: 2050px) {
        .banner .subtitle{ font-size: 26px;width: 315px;}
        .banner .schlicht_button{margin-right: 0; width: 215px; height: 60px;font-size: 22px; font-weight: bold;}
        .content-box {padding: 30px 20px;width: 100%;}
        .hero-section{padding: 0;}
    }
    @media (min-width: 1200px) and (max-width: 1859px) {
        .banner {padding: 30px;}
        .content {padding: 15px;}
        .banner .subtitle {width: 270px; font-size: 22px;}
        .banner .schlicht_button {width: 120px}
    }
    @media (min-width: 768px) and (max-width: 1199px) {
        .hero-image-text {background-image: url(/wp-content/uploads/2025/07/text-img-mpbile.png);width: 278px;height: 174px;margin: 60px;}
        .content-box {padding: 30px 20px; width: 100%;}
        .section-wrapper { padding: 0 30px 80px;}
        .text-box{width: 700px;}
        .banner-right, .banner-left{width: 50%; padding: 30px 30px 70px; display: block;}
        .banner img {    float: right; margin-left: 20px;}
        .content {padding: 0}
        .banner .subtitle {font-size: 20px; width: 100%;}
        .banner-left .schlicht_button {margin-right: 75px; width: 200px; margin-top: 5px;}
        .banner-right .schlicht_button {margin-right: 75px; width: 200px; margin-top: 5px;}
        .hero-section {padding:0;width: 100%;}
    }
    #breadcrumb {position: absolute; color: #fff;margin: 40px 84px;padding: 0 10px; font-size: 18px;}
    #breadcrumb a:first-child, #breadcrumb span:first-child {color: #fff; border-left: 1px solid #fff;}