/* Tailwind v4 core */ @import "tailwindcss"; /* Tell Tailwind where to scan for class names (v4 uses @source) */ @source "./*.html"; @source "./en/**/*.html"; @source "./ro/**/*.html"; @source "./he/**/*.html"; @source "./**/*.js"; /* Theme tokens (v4): these generate utilities like text-primary, bg-buttonblue, font-inter, etc. */ @theme { /* fonts */ --font-inter: "Inter", sans-serif; /* make sans default if you want */ --font-sans: var(--font-inter); /* colors → classes like text-primary, bg-buttonblue */ --color-primary: #00359E; --color-buttonblue: #0040C1; /* letter spacing token -> class: tracking-tightest */ --tracking-tightest: -0.02em; /* custom text size & line-height -> classes: text-custom, leading-custom */ --text-custom: 128px; --leading-custom: 68px; } /* ============================= */ /* Hebrew-only custom CSS (RTL) */ /* Applies only on pages with */ /* */ /* ============================= */ body, h1, h2, h3, h4, h5, h6 { font-family: "Inter", sans-serif; } section h1, article h1, nav h1, aside h1 { font-size: inherit; line-height: inherit; font-weight: inherit; } .notch { position: relative; border-radius: 14px; background: #fff; box-shadow: 0 8px 24px rgba(16, 24, 40, .08); } .notch::after { content: ""; position: absolute; top: 0; right: 0; width: 44px; height: 44px; background: transparent; border-top: 44px solid #00359E; border-left: 44px solid transparent; border-top-right-radius: 12px; } .p { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #475467; } @media (max-width: 768px) { .hero-clip { clip-path: polygon(calc(100% - 37.6000px) calc(100% - 37.3000px), calc(100% - 70.1000px) calc(100% - 5.6000px), calc(100% - 70.1000px) calc(100% - 5.6000px), calc(100% - 71.2507px) calc(100% - 4.5656px), calc(100% - 72.4776px) calc(100% - 3.6248px), calc(100% - 73.7729px) calc(100% - 2.7812px), calc(100% - 75.1288px) calc(100% - 2.0384px), calc(100% - 76.5375px) calc(100% - 1.4000px), calc(100% - 77.9912px) calc(100% - 0.8696px), calc(100% - 79.4821px) calc(100% - 0.4508px), calc(100% - 81.0024px) calc(100% - 0.1472px), calc(100% - 82.5443px) calc(100% - -0.0376px), calc(100% - 84.1000px) calc(100% - -0.1000px), 19.9000px calc(100% - 0.4000px), 19.9000px calc(100% - 0.4000px), 16.6670px calc(100% - 0.6630px), 13.5960px calc(100% - 1.4240px), 10.7290px calc(100% - 2.6410px), 8.1080px calc(100% - 4.2720px), 5.7750px calc(100% - 6.2750px), 3.7720px calc(100% - 8.6080px), 2.1410px calc(100% - 11.2290px), 0.9240px calc(100% - 14.0960px), 0.1630px calc(100% - 17.1670px), -0.1000px calc(100% - 20.4000px), -0.1000px 20.0000px, -0.1000px 20.0000px, 0.1874px 16.7427px, 0.9632px 13.6576px, 2.1878px 10.7849px, 3.8216px 8.1648px, 5.8250px 5.8375px, 8.1584px 3.8432px, 10.7822px 2.2221px, 13.6568px 1.0144px, 16.7426px 0.2603px, 20.0000px 0.0000px, calc(100% - 20.7000px) 0.0000px, calc(100% - 20.7000px) 0.0000px, calc(100% - 17.4670px) 0.2603px, calc(100% - 14.3960px) 1.0144px, calc(100% - 11.5290px) 2.2221px, calc(100% - 8.9080px) 3.8432px, calc(100% - 6.5750px) 5.8375px, calc(100% - 4.5720px) 8.1648px, calc(100% - 2.9410px) 10.7849px, calc(100% - 1.7240px) 13.6576px, calc(100% - 0.9630px) 16.7427px, calc(100% - 0.7000px) 20.0000px, 100% calc(100% - 84.0000px), 100% calc(100% - 84.0000px), calc(100% - 0.0597px) calc(100% - 82.4470px), calc(100% - 0.2376px) calc(100% - 80.9120px), calc(100% - 0.5319px) calc(100% - 79.4010px), calc(100% - 0.9408px) calc(100% - 77.9200px), calc(100% - 1.4625px) calc(100% - 76.4750px), calc(100% - 2.0952px) calc(100% - 75.0720px), calc(100% - 2.8371px) calc(100% - 73.7170px), calc(100% - 3.6864px) calc(100% - 72.4160px), calc(100% - 4.6413px) calc(100% - 71.1750px), calc(100% - 5.7000px) calc(100% - 70.0000px), calc(100% - 37.6000px) calc(100% - 37.3000px)); border-radius: 25px; } .hero-clip img { width: 100%; height: auto; } } html { scroll-behavior: smooth; } .z-carousel-viewport { overflow: hidden; } .z-carousel-track { display: flex; gap: 16px; transition: transform .35s ease; will-change: transform; } .z-carousel-slide { flex: 0 0 auto; display: flex; align-items: center; } .z-img-box { height: 400px; width: auto; display: flex; align-items: center; } .z-img { height: 100%; width: auto; max-width: none; display: block; object-fit: contain; border-radius: 15px; } .z-lightbox-btn { all: unset; cursor: zoom-in; display: block; height: 100%; } .z-lightbox-btn img { pointer-events: none; } @media (min-width: 768px) { .md\:mb-6 { margin-bottom: 1.5rem; } .md\:pt-0 { padding-top: 0; } .md\:pr-0 { padding-right: 0; } .md\:justify-end { justify-content: flex-end; } .md\:min-h-\[340px\] { min-height: 340px; } .md\:mb-8 { margin-bottom: 2rem; } } /* ============================= */ /* RTL CARD CORNER FIX */ /* ============================= */ [dir="rtl"] .group > .absolute.top-0.right-0 { right: auto; left: 0; } [dir="rtl"] .group > .absolute.top-2.right-2 { right: auto; left: 0.5rem; } [dir="rtl"] .group > .group-hover\:flex.absolute.top-2.right-2 { right: auto; left: 0.5rem; } [dir="rtl"] .pt-14.pr-14 { padding-right: 0; padding-left: 3.5rem; } [dir="rtl"] .group > .absolute.top-0 { transform: scaleX(-1); transform-origin: center; } /* ========================================= */ /* RTL BLUE CORNER FIX — /HE/INDEX.HTML */ /* ========================================= */ @media (min-width: 768px) { [dir="rtl"] #rtl-corner-cards .md\:pt-24 { padding-top: 0; } [dir="rtl"] #rtl-corner-cards .md\:pr-0 { padding-right: 0; } } [dir="rtl"] #rtl-corner-cards .group > .absolute.top-0.right-0 { right: auto; left: 0; } [dir="rtl"] #rtl-corner-cards .group > .absolute.top-0 svg { transform: scaleX(-1); transform-origin: center; } [dir="rtl"] #rtl-corner-cards .group > .absolute.top-2.right-2 { right: auto; left: 0.5rem; } [dir="rtl"] #rtl-corner-cards .group > .group-hover\:flex.absolute.top-2.right-2 { right: auto; left: 0.5rem; } [dir="rtl"] #rtl-corner-cards .pt-14.pr-14 { padding-right: 0; padding-left: 3.5rem; } [dir="rtl"] #rtl-corner-cards .rounded-3xl { border-top-left-radius: 0; border-top-right-radius: 1.5rem; }