html {
scroll-behavior: smooth;
}
/* =========================================
GALH 28 DAY
PROBLEM + SOLUTION SECTION
========================================= */
.galh-28day-problem-solution {
direction: rtl;
width: 100%;
overflow: hidden;
}
/* =========================================
PROBLEM SECTION
========================================= */
.galh-problem-section {
width: 100%;
padding: 80px 20px 75px;
box-sizing: border-box;
background: #ffffff;
}
.galh-problem-inner {
max-width: 780px;
margin: 0 auto;
text-align: center;
}
/* תג קטן */
.galh-section-label {
display: inline-block;
margin-bottom: 18px;
padding: 8px 20px;
border-radius: 50px;
background: #e8f9fc;
color: #0786a3;
font-size: 15px;
font-weight: 800;
}
/* כותרת */
.galh-problem-inner h2 {
margin: 0 0 30px;
color: #102a43;
font-size: clamp(32px, 4vw, 52px);
line-height: 1.2;
font-weight: 900;
letter-spacing: -1px;
}
/* טקסט */
.galh-problem-text {
max-width: 650px;
margin: 0 auto;
color: #536b7d;
font-size: 20px;
line-height: 1.75;
}
.galh-problem-text p {
margin: 0 0 8px;
}
/* משפט מודגש */
.galh-problem-highlight {
max-width: 650px;
margin: 35px auto 0;
padding: 20px 25px;
background: #f3fafc;
border-right: 5px solid #08a9c7;
border-radius: 12px;
color: #102a43;
font-size: 22px;
font-weight: 800;
box-sizing: border-box;
}
/* =========================================
SOLUTION SECTION
========================================= */
.galh-solution-section {
position: relative;
width: 100%;
padding: 85px 20px 90px;
box-sizing: border-box;
background:
linear-gradient(
135deg,
#e9faff 0%,
#f7fdfe 50%,
#e2f7fb 100%
);
}
/* אלמנט עיצובי עדין */
.galh-solution-section::before {
content: "";
position: absolute;
width: 400px;
height: 400px;
top: -200px;
left: -150px;
background: rgba(8, 169, 199, 0.08);
border-radius: 50%;
pointer-events: none;
}
.galh-solution-inner {
position: relative;
z-index: 1;
max-width: 1100px;
margin: 0 auto;
text-align: center;
}
/* תג */
.galh-solution-label {
background: #ffffff;
box-shadow:
0 5px 15px rgba(8, 120, 150, 0.08);
}
/* כותרת */
.galh-solution-inner h2 {
margin: 0 0 20px;
color: #102a43;
font-size: clamp(34px, 4.5vw, 56px);
line-height: 1.15;
font-weight: 900;
letter-spacing: -1px;
}
/* טקסט פתיחה */
.galh-solution-intro {
max-width: 650px;
margin: 0 auto 50px;
color: #536b7d;
font-size: 20px;
line-height: 1.65;
}
/* =========================================
BIG NUMBERS
========================================= */
.galh-big-numbers {
display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 22px;
max-width: 950px;
margin: 0 auto;
}
/* כרטיס */
.galh-number-card {
padding: 35px 25px;
background: #ffffff;
border-radius: 22px;
box-shadow:
0 15px 40px rgba(20, 100, 120, 0.10);
border: 1px solid rgba(8, 169, 199, 0.10);
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
.galh-number-card:hover {
transform: translateY(-6px);
box-shadow:
0 20px 45px rgba(20, 100, 120, 0.16);
}
/* המספר */
.galh-number {
margin-bottom: 8px;
color: #08a9c7;
font-size: clamp(52px, 6vw, 76px);
line-height: 1;
font-weight: 900;
letter-spacing: -3px;
}
/* כותרת */
.galh-number-title {
margin-bottom: 8px;
color: #102a43;
font-size: 21px;
font-weight: 800;
}
/* טקסט */
.galh-number-text {
color: #718096;
font-size: 15px;
line-height: 1.5;
}
/* =========================================
BOTTOM MESSAGE
========================================= */
.galh-solution-bottom {
max-width: 650px;
margin: 55px auto 0;
text-align: center;
}
.galh-solution-check {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
margin: 0 auto 15px;
background: #08a9c7;
color: #ffffff;
border-radius: 50%;
font-size: 28px;
font-weight: 900;
box-shadow:
0 8px 20px rgba(8, 169, 199, 0.25);
}
.galh-solution-bottom p {
margin: 0 0 15px;
color: #536b7d;
font-size: 19px;
line-height: 1.7;
}
.galh-solution-bottom strong {
display: block;
color: #102a43;
font-size: 28px;
font-weight: 900;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 768px) {
.galh-problem-section {
padding: 60px 18px;
}
.galh-problem-inner h2 {
font-size: 34px;
}
.galh-problem-text {
font-size: 18px;
}
.galh-problem-highlight {
font-size: 19px;
}
.galh-solution-section {
padding: 65px 18px;
}
.galh-solution-inner h2 {
font-size: 36px;
}
.galh-solution-intro {
font-size: 18px;
}
.galh-big-numbers {
grid-template-columns: 1fr;
max-width: 400px;
gap: 15px;
}
.galh-number-card {
padding: 25px 20px;
}
.galh-number {
font-size: 58px;
}
.galh-solution-bottom {
margin-top: 40px;
}
}
@media (max-width: 420px) {
.galh-problem-inner h2 {
font-size: 30px;
}
.galh-solution-inner h2 {
font-size: 31px;
}
.galh-section-label {
font-size: 14px;
}
}
/* ========================================
GALH - מה אתם מקבלים בקורס
======================================== */
.galh-course-benefits {
width: 100%;
padding: 80px 20px;
background: linear-gradient(
180deg,
#f4fcfc 0%,
#ffffff 100%
);
box-sizing: border-box;
}
.galh-benefits-container {
max-width: 1100px;
margin: 0 auto;
}
/* כותרת */
.galh-benefits-header {
max-width: 750px;
margin: 0 auto 50px;
text-align: center;
}
.galh-benefits-label {
display: inline-block;
margin-bottom: 12px;
padding: 7px 18px;
border-radius: 30px;
background: #dff7f7;
color: #159a9c;
font-size: 16px;
font-weight: 700;
}
.galh-benefits-header h2 {
margin: 0 0 18px;
color: #1d2f35;
font-size: 42px;
line-height: 1.2;
font-weight: 800;
}
.galh-benefits-header p {
margin: 0;
color: #5e7075;
font-size: 19px;
line-height: 1.7;
}
/* גריד הכרטיסיות */
.galh-benefits-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 22px;
}
/* כרטיס */
.galh-benefit-card {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 30px;
background: #ffffff;
border: 1px solid #e3eeee;
border-radius: 18px;
box-shadow: 0 8px 25px rgba(20, 100, 100, 0.06);
box-sizing: border-box;
transition: transform 0.25s ease,
box-shadow 0.25s ease;
}
.galh-benefit-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 32px rgba(20, 100, 100, 0.11);
}
/* אייקון */
.galh-benefit-icon {
flex: 0 0 58px;
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
background: #e3f8f8;
border-radius: 50%;
font-size: 28px;
line-height: 1;
}
/* תוכן */
.galh-benefit-content h3 {
margin: 2px 0 8px;
color: #1d2f35;
font-size: 21px;
line-height: 1.35;
font-weight: 800;
}
.galh-benefit-content p {
margin: 0;
color: #65777c;
font-size: 16px;
line-height: 1.65;
}
/* ========================================
מובייל
======================================== */
@media (max-width: 767px) {
.galh-course-benefits {
padding: 55px 16px;
}
.galh-benefits-header {
margin-bottom: 32px;
}
.galh-benefits-label {
font-size: 14px;
}
.galh-benefits-header h2 {
font-size: 31px;
}
.galh-benefits-header p {
font-size: 17px;
line-height: 1.6;
}
.galh-benefits-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.galh-benefit-card {
gap: 16px;
padding: 22px;
border-radius: 15px;
}
.galh-benefit-icon {
flex: 0 0 48px;
width: 48px;
height: 48px;
font-size: 23px;
}
.galh-benefit-content h3 {
font-size: 18px;
}
.galh-benefit-content p {
font-size: 15px;
}
}
/* =========================================
GALH 28 DAY
PROGRAM / 4 WEEKS SECTION
========================================= */
.galh-28day-program {
direction: rtl;
width: 100%;
padding: 90px 20px;
box-sizing: border-box;
background: #ffffff;
}
.galh-28day-program-inner {
max-width: 1150px;
margin: 0 auto;
text-align: center;
}
/* =========================================
HEADER
========================================= */
.galh-program-label {
display: inline-block;
margin-bottom: 18px;
padding: 8px 20px;
background: #e8f9fc;
color: #0786a3;
border-radius: 50px;
font-size: 15px;
font-weight: 800;
}
.galh-28day-program h2 {
margin: 0 0 20px;
color: #102a43;
font-size: clamp(34px, 4.5vw, 56px);
line-height: 1.2;
font-weight: 900;
letter-spacing: -1px;
}
.galh-program-intro {
max-width: 680px;
margin: 0 auto 55px;
color: #607589;
font-size: 20px;
line-height: 1.7;
}
/* =========================================
WEEK CARDS
========================================= */
.galh-program-weeks {
display: grid;
grid-template-columns:
repeat(4, 1fr);
gap: 20px;
max-width: 1100px;
margin: 0 auto;
}
.galh-week-card {
position: relative;
padding: 35px 25px 30px;
background: #ffffff;
border: 1px solid #e3f0f3;
border-radius: 22px;
box-shadow:
0 10px 30px rgba(20, 90, 110, 0.07);
text-align: center;
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
.galh-week-card:hover {
transform: translateY(-7px);
box-shadow:
0 18px 40px rgba(20, 90, 110, 0.14);
}
/* =========================================
WEEK NUMBER
========================================= */
.galh-week-number {
position: absolute;
top: 15px;
left: 18px;
color: #d9f1f5;
font-size: 38px;
line-height: 1;
font-weight: 900;
}
/* =========================================
ICON
========================================= */
.galh-week-icon {
display: flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
margin: 0 auto 18px;
background: #e8f9fc;
border-radius: 50%;
font-size: 30px;
}
/* =========================================
TITLES
========================================= */
.galh-week-card h3 {
margin: 0 0 5px;
color: #08a9c7;
font-size: 17px;
font-weight: 800;
}
.galh-week-card h4 {
margin: 0 0 15px;
color: #102a43;
font-size: 22px;
font-weight: 900;
}
/* =========================================
TEXT
========================================= */
.galh-week-card p {
min-height: 105px;
margin: 0 0 20px;
color: #607589;
font-size: 15px;
line-height: 1.65;
}
/* =========================================
TAG
========================================= */
.galh-week-tag {
display: inline-block;
padding: 7px 13px;
background: #f3fafc;
color: #0786a3;
border-radius: 30px;
font-size: 13px;
font-weight: 700;
}
/* =========================================
SUMMARY
========================================= */
.galh-program-summary {
display: flex;
align-items: center;
gap: 20px;
max-width: 750px;
margin: 50px auto 0;
padding: 22px 30px;
background:
linear-gradient(
135deg,
#e9faff,
#f6fdfe
);
border-radius: 18px;
text-align: right;
box-sizing: border-box;
}
.galh-summary-icon {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
background: #08a9c7;
color: #ffffff;
border-radius: 50%;
font-size: 25px;
font-weight: 900;
}
.galh-program-summary strong {
display: block;
margin-bottom: 5px;
color: #102a43;
font-size: 19px;
font-weight: 900;
}
.galh-program-summary p {
margin: 0;
color: #607589;
font-size: 15px;
line-height: 1.5;
}
/* =========================================
TABLET
========================================= */
@media (max-width: 900px) {
.galh-program-weeks {
grid-template-columns:
repeat(2, 1fr);
max-width: 700px;
}
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 600px) {
.galh-28day-program {
padding: 65px 18px;
}
.galh-28day-program h2 {
font-size: 34px;
}
.galh-program-intro {
font-size: 18px;
margin-bottom: 40px;
}
.galh-program-weeks {
grid-template-columns: 1fr;
max-width: 400px;
gap: 15px;
}
.galh-week-card {
padding: 30px 22px;
}
.galh-week-card p {
min-height: auto;
}
.galh-program-summary {
align-items: flex-start;
padding: 20px;
gap: 15px;
}
.galh-summary-icon {
width: 42px;
height: 42px;
font-size: 21px;
}
.galh-program-summary strong {
font-size: 17px;
}
.galh-program-summary p {
font-size: 14px;
}
}
/* =========================================
GALH 28 DAY
WHO IS THIS PROGRAM FOR?
========================================= */
.galh-28day-suitable {
direction: rtl;
width: 100%;
padding: 90px 20px;
box-sizing: border-box;
background:
linear-gradient(
180deg,
#f7fcfd 0%,
#ffffff 100%
);
}
.galh-suitable-inner {
max-width: 1100px;
margin: 0 auto;
text-align: center;
}
/* =========================================
HEADER
========================================= */
.galh-suitable-label {
display: inline-block;
margin-bottom: 18px;
padding: 8px 20px;
background: #e8f9fc;
color: #0786a3;
border-radius: 50px;
font-size: 15px;
font-weight: 800;
}
.galh-suitable-inner > h2 {
margin: 0 0 20px;
color: #102a43;
font-size: clamp(34px, 4.5vw, 56px);
line-height: 1.2;
font-weight: 900;
letter-spacing: -1px;
}
.galh-suitable-intro {
max-width: 700px;
margin: 0 auto 55px;
color: #607589;
font-size: 20px;
line-height: 1.7;
}
/* =========================================
CARDS GRID
========================================= */
.galh-suitable-grid {
display: grid;
grid-template-columns:
repeat(2, 1fr);
gap: 25px;
max-width: 1000px;
margin: 0 auto;
}
/* =========================================
CARD
========================================= */
.galh-suitable-card {
padding: 35px 35px 30px;
background: #ffffff;
border-radius: 22px;
text-align: right;
box-sizing: border-box;
box-shadow:
0 12px 35px rgba(20, 90, 110, 0.08);
}
/* =========================================
CARD HEADER
========================================= */
.galh-suitable-card-header {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 25px;
}
.galh-suitable-card-icon {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 50%;
font-size: 27px;
font-weight: 900;
}
.galh-suitable-card h3 {
margin: 0;
color: #102a43;
font-size: 23px;
line-height: 1.3;
font-weight: 900;
}
/* =========================================
YES CARD
========================================= */
.galh-suitable-yes {
border-top: 5px solid #08a9c7;
}
.galh-suitable-yes
.galh-suitable-card-icon {
background: #e5f8fb;
color: #08a9c7;
}
/* =========================================
NO CARD
========================================= */
.galh-suitable-no {
border-top: 5px solid #d9e2e7;
}
.galh-suitable-no
.galh-suitable-card-icon {
background: #f2f5f6;
color: #8a9aa5;
}
/* =========================================
LIST
========================================= */
.galh-suitable-card ul {
margin: 0;
padding: 0;
list-style: none;
}
.galh-suitable-card li {
display: flex;
align-items: flex-start;
gap: 12px;
margin-bottom: 16px;
color: #536b7d;
font-size: 16px;
line-height: 1.6;
}
.galh-suitable-card li:last-child {
margin-bottom: 0;
}
.galh-suitable-card li span {
flex-shrink: 0;
font-size: 18px;
font-weight: 900;
}
.galh-suitable-yes li span {
color: #08a9c7;
}
.galh-suitable-no li span {
color: #9aa9b2;
}
/* =========================================
CONCLUSION
========================================= */
.galh-suitable-conclusion {
max-width: 750px;
margin: 60px auto 0;
text-align: center;
}
.galh-conclusion-icon {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
margin: 0 auto 18px;
background: #e8f9fc;
border-radius: 50%;
font-size: 25px;
}
.galh-suitable-conclusion h3 {
margin: 0 auto 12px;
color: #102a43;
font-size: 25px;
line-height: 1.5;
font-weight: 900;
}
.galh-suitable-conclusion p {
margin: 0 0 25px;
color: #607589;
font-size: 18px;
}
/* =========================================
PURCHASE BUTTON
========================================= */
.galh-28day-purchase-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
padding: 17px 42px;
background:
linear-gradient(
135deg,
#08a9c7,
#087f9d
);
color: #ffffff !important;
font-size: 20px;
font-weight: 800;
text-decoration: none !important;
border-radius: 50px;
box-shadow:
0 12px 25px rgba(8, 169, 199, 0.28);
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
.galh-28day-purchase-button:hover {
transform: translateY(-3px);
box-shadow:
0 17px 32px rgba(8, 169, 199, 0.38);
}
.galh-28day-purchase-button span {
font-size: 24px;
transition:
transform 0.25s ease;
}
.galh-28day-purchase-button:hover span {
transform: translateX(-5px);
}
/* =========================================
PURCHASE NOTE
========================================= */
.galh-purchase-note {
margin-top: 15px;
color: #718096;
font-size: 13px;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 768px) {
.galh-28day-suitable {
padding: 65px 18px;
}
.galh-suitable-inner > h2 {
font-size: 34px;
}
.galh-suitable-intro {
font-size: 18px;
margin-bottom: 40px;
}
.galh-suitable-grid {
grid-template-columns: 1fr;
max-width: 500px;
}
.galh-suitable-card {
padding: 28px 23px;
}
.galh-suitable-card h3 {
font-size: 21px;
}
.galh-suitable-card li {
font-size: 15px;
}
.galh-suitable-conclusion {
margin-top: 45px;
}
.galh-suitable-conclusion h3 {
font-size: 21px;
}
.galh-28day-purchase-button {
width: 100%;
box-sizing: border-box;
font-size: 18px;
}
}
/* =========================================
GALH 28 DAY
SOCIAL PROOF SECTION
========================================= */
.galh-28day-social-proof {
direction: rtl;
width: 100%;
padding: 95px 20px;
box-sizing: border-box;
background:
linear-gradient(
180deg,
#ffffff 0%,
#f4fbfc 100%
);
}
.galh-social-proof-inner {
max-width: 1100px;
margin: 0 auto;
text-align: center;
}
/* =========================================
HEADER
========================================= */
.galh-social-proof-label {
display: inline-block;
margin-bottom: 18px;
padding: 8px 20px;
background: #e8f9fc;
color: #0786a3;
border-radius: 50px;
font-size: 15px;
font-weight: 800;
}
.galh-social-proof-inner h2 {
max-width: 850px;
margin: 0 auto 20px;
color: #102a43;
font-size: clamp(34px, 4.5vw, 56px);
line-height: 1.2;
font-weight: 900;
letter-spacing: -1px;
}
.galh-social-proof-intro {
max-width: 720px;
margin: 0 auto 55px;
color: #607589;
font-size: 20px;
line-height: 1.75;
}
/* =========================================
COLLAGE
========================================= */
.galh-social-proof-collage {
max-width: 900px;
margin: 0 auto;
padding: 25px;
background: #ffffff;
border-radius: 24px;
box-shadow:
0 15px 45px rgba(20, 90, 110, 0.10);
box-sizing: border-box;
}
.galh-collage-title {
margin-bottom: 20px;
color: #102a43;
font-size: 20px;
font-weight: 800;
}
.galh-collage-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 350px;
background: #f7fbfc;
border: 2px dashed #cfe7ec;
border-radius: 16px;
}
.galh-collage-placeholder-icon {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
margin-bottom: 15px;
background: #e8f9fc;
border-radius: 50%;
font-size: 28px;
}
.galh-collage-placeholder p {
margin: 0;
color: #8a9aa5;
font-size: 14px;
}
/* =========================================
SELECTED TESTIMONIALS
========================================= */
.galh-selected-title {
max-width: 700px;
margin: 70px auto 35px;
}
.galh-selected-title h3 {
margin: 0 0 12px;
color: #102a43;
font-size: 30px;
font-weight: 900;
}
.galh-selected-title p {
margin: 0;
color: #607589;
font-size: 17px;
line-height: 1.7;
}
/* =========================================
SELECTED PLACEHOLDERS
========================================= */
.galh-selected-placeholder {
display: grid;
grid-template-columns:
repeat(2, 1fr);
gap: 25px;
max-width: 900px;
margin: 0 auto;
}
.galh-selected-item {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: 220px;
padding: 25px;
background: #ffffff;
border: 2px dashed #cfe7ec;
border-radius: 18px;
box-sizing: border-box;
}
.galh-selected-item span {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
margin-bottom: 12px;
background: #e8f9fc;
border-radius: 50%;
font-size: 25px;
}
.galh-selected-item p {
margin: 0;
color: #8a9aa5;
font-size: 14px;
}
/* =========================================
CONCLUSION
========================================= */
.galh-social-proof-conclusion {
max-width: 750px;
margin: 70px auto 0;
}
.galh-social-proof-icon {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
margin: 0 auto 18px;
background: #e8f9fc;
border-radius: 50%;
font-size: 25px;
}
.galh-social-proof-conclusion h3 {
margin: 0 0 12px;
color: #102a43;
font-size: 28px;
font-weight: 900;
}
.galh-social-proof-conclusion p {
margin: 0;
color: #607589;
font-size: 18px;
line-height: 1.75;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 700px) {
.galh-28day-social-proof {
padding: 65px 18px;
}
.galh-social-proof-inner h2 {
font-size: 34px;
}
.galh-social-proof-intro {
font-size: 18px;
margin-bottom: 40px;
}
.galh-social-proof-collage {
padding: 15px;
border-radius: 18px;
}
.galh-collage-title {
font-size: 18px;
}
.galh-selected-title {
margin-top: 50px;
}
.galh-selected-title h3 {
font-size: 25px;
}
.galh-selected-placeholder {
grid-template-columns: 1fr;
gap: 18px;
}
.galh-social-proof-conclusion {
margin-top: 50px;
}
.galh-social-proof-conclusion h3 {
font-size: 24px;
}
.galh-social-proof-conclusion p {
font-size: 17px;
}
}
/* =========================================
GALH 28 DAY
ABOUT GAL SECTION
========================================= */
.galh-28day-about {
direction: rtl;
width: 100%;
padding: 100px 20px;
box-sizing: border-box;
background: #ffffff;
}
.galh-about-inner {
display: grid;
grid-template-columns:
0.9fr 1.1fr;
align-items: center;
gap: 80px;
max-width: 1100px;
margin: 0 auto;
}
/* =========================================
IMAGE
========================================= */
.galh-about-image {
position: relative;
display: flex;
justify-content: center;
align-items: flex-end;
min-height: 550px;
background:
linear-gradient(
145deg,
#e8f9fc 0%,
#cceff5 100%
);
border-radius: 30px;
overflow: hidden;
}
.galh-about-image::before {
content: "";
position: absolute;
width: 300px;
height: 300px;
top: 40px;
left: 50%;
transform: translateX(-50%);
background: rgba(255,255,255,0.45);
border-radius: 50%;
}
.galh-about-image img {
position: relative;
z-index: 2;
display: block;
width: 100%;
max-width: 520px;
height: auto;
object-fit: contain;
object-position: bottom center;
}
/* =========================================
TEXT
========================================= */
.galh-about-content {
text-align: right;
}
.galh-about-label {
display: inline-block;
margin-bottom: 18px;
padding: 8px 20px;
background: #e8f9fc;
color: #0786a3;
border-radius: 50px;
font-size: 15px;
font-weight: 800;
}
.galh-about-content h2 {
margin: 0 0 28px;
color: #102a43;
font-size: clamp(32px, 4vw, 48px);
line-height: 1.25;
font-weight: 900;
letter-spacing: -0.8px;
}
.galh-about-content p {
margin: 0 0 18px;
color: #526b7d;
font-size: 18px;
line-height: 1.8;
}
/* =========================================
HIGHLIGHT
========================================= */
.galh-about-highlight {
margin-top: 28px !important;
padding: 22px 25px;
background: #f1fafc;
border-right: 5px solid #08a9c7;
border-radius: 12px;
color: #24485a !important;
font-size: 19px !important;
font-weight: 600;
}
/* =========================================
SIGNATURE
========================================= */
.galh-about-signature {
display: flex;
flex-direction: column;
gap: 4px;
margin-top: 30px;
padding-top: 22px;
border-top: 1px solid #e3edf0;
}
.galh-about-signature strong {
color: #102a43;
font-size: 21px;
font-weight: 900;
}
.galh-about-signature span {
color: #718596;
font-size: 15px;
}
/* =========================================
TABLET
========================================= */
@media (max-width: 900px) {
.galh-about-inner {
grid-template-columns: 1fr;
gap: 50px;
max-width: 700px;
}
.galh-about-image {
order: 1;
min-height: 450px;
max-width: 550px;
width: 100%;
margin: 0 auto;
}
.galh-about-content {
order: 2;
text-align: right;
}
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 600px) {
.galh-28day-about {
padding: 65px 18px;
}
.galh-about-inner {
gap: 35px;
}
.galh-about-image {
min-height: 390px;
border-radius: 22px;
}
.galh-about-content h2 {
font-size: 32px;
line-height: 1.3;
}
.galh-about-content p {
font-size: 17px;
line-height: 1.75;
}
.galh-about-highlight {
padding: 18px 20px;
font-size: 17px !important;
}
}
/* =========================================
GALH 28 DAY
PURCHASE SECTION
========================================= */
.galh-28day-purchase {
direction: rtl;
width: 100%;
padding: 110px 20px;
box-sizing: border-box;
background:
linear-gradient(
145deg,
#e9fafd 0%,
#f7fcfd 50%,
#e8f8fb 100%
);
}
.galh-purchase-inner {
max-width: 900px;
margin: 0 auto;
text-align: center;
}
/* =========================================
HEADER
========================================= */
.galh-purchase-label {
display: inline-block;
margin-bottom: 18px;
padding: 8px 22px;
background: #ffffff;
color: #0786a3;
border-radius: 50px;
font-size: 15px;
font-weight: 800;
box-shadow:
0 5px 15px rgba(8, 120, 145, 0.08);
}
.galh-purchase-inner h2 {
max-width: 750px;
margin: 0 auto 20px;
color: #102a43;
font-size: clamp(38px, 5vw, 60px);
line-height: 1.2;
font-weight: 900;
letter-spacing: -1px;
}
.galh-purchase-intro {
max-width: 650px;
margin: 0 auto 45px;
color: #526b7d;
font-size: 20px;
line-height: 1.75;
}
/* =========================================
PRICE CARD
========================================= */
.galh-price-card {
max-width: 520px;
margin: 0 auto;
padding: 45px 40px 35px;
background: #ffffff;
border-radius: 28px;
box-shadow:
0 20px 60px rgba(20, 90, 110, 0.15);
box-sizing: border-box;
}
/* =========================================
PRICE
========================================= */
.galh-price-top {
display: inline-block;
margin-bottom: 18px;
padding: 7px 18px;
background: #fff3d6;
color: #a66a00;
border-radius: 50px;
font-size: 14px;
font-weight: 800;
}
.galh-old-price {
margin-bottom: 3px;
color: #81919c;
font-size: 18px;
}
.galh-old-price span {
text-decoration: line-through;
text-decoration-thickness: 2px;
}
.galh-current-price {
margin: 0;
color: #0786a3;
font-size: 64px;
line-height: 1;
font-weight: 900;
letter-spacing: -2px;
}
.galh-price-note {
margin-top: 10px;
color: #718596;
font-size: 15px;
}
/* =========================================
BENEFITS
========================================= */
.galh-purchase-benefits {
display: flex;
flex-direction: column;
gap: 13px;
margin: 32px auto;
padding-top: 28px;
border-top: 1px solid #e7eff2;
text-align: right;
}
.galh-purchase-benefit {
display: flex;
align-items: center;
gap: 10px;
color: #405b6c;
font-size: 17px;
font-weight: 600;
}
.galh-purchase-benefit span {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 25px;
height: 25px;
background: #e5f8f4;
color: #15916f;
border-radius: 50%;
font-size: 15px;
font-weight: 900;
}
/* =========================================
PURCHASE BUTTON
========================================= */
.galh-purchase-button {
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
width: 100%;
padding: 20px 25px;
box-sizing: border-box;
background:
linear-gradient(
135deg,
#08abc9,
#087f9d
);
color: #ffffff !important;
font-size: 21px;
font-weight: 900;
text-decoration: none !important;
border-radius: 50px;
box-shadow:
0 12px 25px rgba(8, 169, 199, 0.28);
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
.galh-purchase-button:hover {
transform: translateY(-3px);
box-shadow:
0 18px 35px rgba(8, 169, 199, 0.38);
}
.galh-purchase-button span {
font-size: 25px;
transition:
transform 0.25s ease;
}
.galh-purchase-button:hover span {
transform: translateX(-6px);
}
/* =========================================
SECURITY
========================================= */
.galh-purchase-secure {
margin-top: 18px;
color: #8a9aa5;
font-size: 13px;
}
/* =========================================
BOTTOM MESSAGE
========================================= */
.galh-purchase-bottom {
max-width: 650px;
margin: 45px auto 0;
color: #526b7d;
font-size: 17px;
line-height: 1.7;
}
.galh-purchase-bottom p {
margin: 0 0 8px;
}
.galh-purchase-bottom strong {
color: #102a43;
font-size: 20px;
font-weight: 900;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 600px) {
.galh-28day-purchase {
padding: 70px 18px;
}
.galh-purchase-inner h2 {
font-size: 36px;
}
.galh-purchase-intro {
font-size: 18px;
margin-bottom: 35px;
}
.galh-price-card {
padding: 35px 25px 30px;
border-radius: 22px;
}
.galh-current-price {
font-size: 56px;
}
.galh-purchase-benefit {
font-size: 16px;
}
.galh-purchase-button {
font-size: 19px;
padding: 18px 20px;
}
}
/* =========================================
GALH 28 DAY
PAYMENT OPTIONS
========================================= */
.galh-28day-payment-options {
direction: rtl;
width: 100%;
padding: 65px 20px 80px;
box-sizing: border-box;
background: #ffffff;
}
.galh-payment-inner {
max-width: 1050px;
margin: 0 auto;
text-align: center;
}
/* =========================================
HEADER
========================================= */
.galh-payment-label {
display: inline-block;
margin-bottom: 15px;
padding: 7px 18px;
background: #f1fafc;
color: #0786a3;
border-radius: 50px;
font-size: 14px;
font-weight: 800;
}
.galh-payment-inner h2 {
margin: 0 0 12px;
color: #102a43;
font-size: clamp(28px, 4vw, 40px);
line-height: 1.3;
font-weight: 900;
}
.galh-payment-intro {
max-width: 650px;
margin: 0 auto 40px;
color: #607589;
font-size: 17px;
line-height: 1.7;
}
/* =========================================
PAYMENT GRID
========================================= */
.galh-payment-grid {
display: grid;
grid-template-columns:
repeat(3, 1fr);
gap: 20px;
max-width: 1000px;
margin: 0 auto;
}
/* =========================================
PAYMENT CARD
========================================= */
.galh-payment-card {
padding: 30px 22px;
background: #f8fcfd;
border: 1px solid #e1eef1;
border-radius: 18px;
box-sizing: border-box;
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
.galh-payment-card:hover {
transform: translateY(-3px);
box-shadow:
0 10px 25px rgba(20, 90, 110, 0.08);
}
.galh-payment-icon {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
margin: 0 auto 15px;
background: #e8f9fc;
border-radius: 50%;
font-size: 23px;
}
.galh-payment-card h3 {
margin: 0 0 10px;
color: #102a43;
font-size: 21px;
font-weight: 900;
}
.galh-payment-card p {
margin: 0 0 8px;
color: #718596;
font-size: 15px;
}
.galh-payment-detail {
display: block;
direction: ltr;
color: #0786a3;
font-size: 20px;
font-weight: 900;
}
.galh-payment-email {
font-size: 17px;
word-break: break-word;
}
/* =========================================
BANK DETAILS
========================================= */
.galh-bank-details {
color: #526b7d;
font-size: 14px;
line-height: 1.8;
}
.galh-bank-details strong {
color: #102a43;
font-size: 16px;
}
/* =========================================
AFTER PAYMENT
========================================= */
.galh-payment-after {
display: flex;
align-items: center;
gap: 18px;
max-width: 700px;
margin: 35px auto 0;
padding: 22px 28px;
background: #f1fafc;
border-right: 5px solid #08a9c7;
border-radius: 14px;
box-sizing: border-box;
text-align: right;
}
.galh-payment-after-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 50px;
height: 50px;
background: #ffffff;
border-radius: 50%;
font-size: 22px;
}
.galh-payment-after h3 {
margin: 0 0 5px;
color: #102a43;
font-size: 19px;
font-weight: 900;
}
.galh-payment-after p {
margin: 0;
color: #526b7d;
font-size: 15px;
line-height: 1.7;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 800px) {
.galh-payment-grid {
grid-template-columns: 1fr;
max-width: 500px;
}
}
@media (max-width: 600px) {
.galh-28day-payment-options {
padding: 50px 18px 65px;
}
.galh-payment-inner h2 {
font-size: 29px;
}
.galh-payment-intro {
font-size: 16px;
}
.galh-payment-card {
padding: 25px 20px;
}
.galh-payment-after {
align-items: flex-start;
padding: 20px;
gap: 13px;
}
.galh-payment-after-icon {
width: 42px;
height: 42px;
font-size: 18px;
}
}
/* =========================================
GALH FAQ NEW
========================================= */
.galh-faq-new {
direction: rtl;
width: 100%;
padding: 90px 20px;
box-sizing: border-box;
background: #f7fbfc;
}
.galh-faq-container {
max-width: 850px;
margin: 0 auto;
text-align: center;
}
/* =========================================
HEADER
========================================= */
.galh-faq-badge {
display: inline-block;
margin-bottom: 15px;
padding: 8px 20px;
background: #e8f9fc;
color: #0786a3;
border-radius: 50px;
font-size: 14px;
font-weight: 800;
}
.galh-faq-title {
margin: 0 0 15px;
color: #102a43;
font-size: clamp(36px, 5vw, 52px);
line-height: 1.2;
font-weight: 900;
}
.galh-faq-subtitle {
max-width: 600px;
margin: 0 auto 45px;
color: #607589;
font-size: 18px;
line-height: 1.7;
}
/* =========================================
FAQ LIST
========================================= */
.galh-faq-list {
display: flex;
flex-direction: column;
gap: 12px;
text-align: right;
}
/* =========================================
FAQ BOX
========================================= */
.galh-faq-box {
overflow: hidden;
background: #ffffff;
border: 1px solid #e1edf0;
border-radius: 14px;
box-shadow:
0 5px 18px rgba(20, 90, 110, 0.04);
transition:
box-shadow 0.25s ease,
border-color 0.25s ease;
}
.galh-faq-box.galh-faq-open {
border-color: #b9e5ec;
box-shadow:
0 8px 25px rgba(20, 90, 110, 0.08);
}
/* =========================================
QUESTION BUTTON
========================================= */
.galh-faq-question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
width: 100%;
padding: 22px 25px;
margin: 0;
border: 0;
background: #ffffff;
color: #102a43;
font-family: inherit;
font-size: 18px;
font-weight: 800;
line-height: 1.5;
text-align: right;
cursor: pointer;
box-sizing: border-box;
}
.galh-faq-question:hover {
background: #fbfeff;
}
/* =========================================
PLUS ICON
========================================= */
.galh-faq-plus {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px;
background: #e8f9fc;
color: #0786a3;
border-radius: 50%;
font-size: 23px;
font-weight: 400;
line-height: 1;
transition:
transform 0.3s ease,
background 0.3s ease,
color 0.3s ease;
}
.galh-faq-open .galh-faq-plus {
transform: rotate(45deg);
background: #0786a3;
color: #ffffff;
}
/* =========================================
ANSWER
========================================= */
.galh-faq-answer {
max-height: 0;
overflow: hidden;
padding: 0 25px;
opacity: 0;
color: #607589;
font-size: 16px;
line-height: 1.8;
transition:
max-height 0.35s ease,
opacity 0.25s ease,
padding 0.35s ease;
}
.galh-faq-open .galh-faq-answer {
max-height: 500px;
padding: 0 25px 25px;
opacity: 1;
}
.galh-faq-answer p {
margin: 0 0 12px;
}
.galh-faq-answer p:last-child {
margin-bottom: 0;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 600px) {
.galh-faq-new {
padding: 65px 16px;
}
.galh-faq-subtitle {
font-size: 16px;
margin-bottom: 30px;
}
.galh-faq-question {
padding: 19px 18px;
font-size: 16px;
}
.galh-faq-plus {
width: 28px;
height: 28px;
font-size: 20px;
}
.galh-faq-answer {
padding-left: 18px;
padding-right: 18px;
font-size: 15px;
}
.galh-faq-open .galh-faq-answer {
padding-left: 18px;
padding-right: 18px;
padding-bottom: 20px;
}
}
/* =========================================
FINAL CTA
========================================= */
.galh-final-cta-new {
direction: rtl;
width: 100%;
padding: 95px 20px 105px;
box-sizing: border-box;
background:
linear-gradient(
145deg,
#0786a3 0%,
#056b83 100%
);
text-align: center;
}
.galh-final-cta-container {
max-width: 750px;
margin: 0 auto;
}
/* =========================================
ICON
========================================= */
.galh-final-icon {
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
margin: 0 auto 22px;
background:
rgba(255,255,255,0.15);
border:
1px solid rgba(255,255,255,0.25);
border-radius: 50%;
font-size: 29px;
}
/* =========================================
TITLE
========================================= */
.galh-final-cta-container h2 {
margin: 0 0 18px;
color: #ffffff;
font-size: clamp(44px, 6vw, 68px);
line-height: 1.15;
font-weight: 900;
}
.galh-final-main-text {
margin: 0 0 10px;
color: #ffffff;
font-size: 25px;
line-height: 1.6;
font-weight: 800;
}
.galh-final-secondary-text {
max-width: 600px;
margin: 0 auto 38px;
color:
rgba(255,255,255,0.85);
font-size: 18px;
line-height: 1.7;
}
/* =========================================
PRICE
========================================= */
.galh-final-price-box {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
margin-bottom: 28px;
}
.galh-final-old-price {
color:
rgba(255,255,255,0.7);
font-size: 17px;
text-decoration:
line-through;
}
.galh-final-price-box strong {
color: #ffffff;
font-size: 60px;
line-height: 1;
font-weight: 900;
}
.galh-final-price-description {
color:
rgba(255,255,255,0.8);
font-size: 14px;
}
/* =========================================
BUTTON
========================================= */
.galh-final-buy-button {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
width: 100%;
max-width: 500px;
margin: 0 auto;
padding: 21px 30px;
box-sizing: border-box;
background: #ffffff;
color: #0786a3 !important;
font-family: inherit;
font-size: 21px;
font-weight: 900;
text-decoration: none !important;
border-radius: 50px;
box-shadow:
0 12px 30px rgba(0,0,0,0.18);
transition:
transform 0.25s ease,
box-shadow 0.25s ease;
}
.galh-final-buy-button:hover {
transform:
translateY(-3px);
box-shadow:
0 18px 40px rgba(0,0,0,0.25);
}
.galh-final-buy-button span {
font-size: 25px;
transition:
transform 0.25s ease;
}
.galh-final-buy-button:hover span {
transform:
translateX(-6px);
}
/* =========================================
SECURE
========================================= */
.galh-final-secure {
margin: 18px 0 0;
color:
rgba(255,255,255,0.7);
font-size: 13px;
}
/* =========================================
CLOSING
========================================= */
.galh-final-heart {
margin-top: 45px;
font-size: 25px;
}
.galh-final-goodbye {
margin: 10px 0 0;
color:
rgba(255,255,255,0.9);
font-size: 17px;
font-weight: 700;
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 600px) {
.galh-final-cta-new {
padding:
70px 18px 80px;
}
.galh-final-main-text {
font-size: 21px;
}
.galh-final-secondary-text {
font-size: 17px;
}
.galh-final-price-box strong {
font-size: 52px;
}
.galh-final-buy-button {
padding:
19px 20px;
font-size: 18px;
}
}
/* ================================
HERO - הקורס המזורז לחיטוב הגוף
================================ */
.cutting-hero {
direction: rtl;
width: 100%;
padding: 70px 25px;
background: linear-gradient(
135deg,
#f7fbfc 0%,
#ffffff 50%,
#eef9fb 100%
);
overflow: hidden;
box-sizing: border-box;
}
.cutting-hero-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 50px;
}
/* ================================
צד הטקסט
================================ */
.cutting-hero-content {
flex: 1;
max-width: 650px;
text-align: right;
}
.cutting-hero-badge {
display: inline-block;
background: #e6f7fa;
color: #078da5;
border: 1px solid #b9e7ed;
border-radius: 30px;
padding: 9px 18px;
font-size: 16px;
font-weight: 700;
margin-bottom: 18px;
}
.cutting-hero h1 {
margin: 0 0 18px;
color: #172033;
font-size: clamp(40px, 5vw, 66px);
line-height: 1.08;
font-weight: 800;
letter-spacing: -1.5px;
}
.cutting-hero h1 span {
color: #0795ad;
}
.cutting-hero h2 {
margin: 0 0 22px;
color: #263346;
font-size: clamp(24px, 3vw, 36px);
line-height: 1.3;
font-weight: 700;
}
.cutting-hero-text {
margin: 0 0 30px;
color: #4d5968;
font-size: 19px;
line-height: 1.75;
max-width: 620px;
}
/* ================================
יתרונות
================================ */
.cutting-hero-benefits {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 32px;
}
.cutting-benefit {
display: flex;
align-items: center;
gap: 10px;
background: rgba(255, 255, 255, 0.85);
border: 1px solid #e1eaed;
border-radius: 14px;
padding: 13px 16px;
color: #344052;
font-size: 15px;
line-height: 1.4;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}
.cutting-benefit-icon {
font-size: 27px;
line-height: 1;
}
.cutting-benefit strong {
color: #172033;
}
/* ================================
כפתור
================================ */
.cutting-hero-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
background: #0795ad;
color: #ffffff !important;
text-decoration: none !important;
font-size: 19px;
font-weight: 800;
padding: 17px 30px;
border-radius: 12px;
box-shadow: 0 8px 22px rgba(7, 149, 173, 0.25);
transition: all 0.25s ease;
}
.cutting-hero-button span {
font-size: 24px;
transition: transform 0.25s ease;
}
.cutting-hero-button:hover {
background: #067f94;
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(7, 149, 173, 0.3);
}
.cutting-hero-button:hover span {
transform: translateX(-4px);
}
.cutting-hero-note {
margin-top: 12px;
color: #7b8794;
font-size: 14px;
}
/* ================================
צד התמונה
================================ */
.cutting-hero-image {
position: relative;
flex: 0 0 430px;
display: flex;
align-items: flex-end;
justify-content: center;
min-height: 500px;
}
.cutting-hero-image img {
position: relative;
z-index: 2;
width: 100%;
max-width: 430px;
height: auto;
display: block;
object-fit: contain;
filter: drop-shadow(0 18px 25px rgba(0, 0, 0, 0.15));
}
.cutting-image-glow {
position: absolute;
z-index: 1;
width: 390px;
height: 390px;
border-radius: 50%;
background: #dff5f8;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
}
/* ================================
טאבלט
================================ */
@media (max-width: 900px) {
.cutting-hero {
padding: 55px 20px;
}
.cutting-hero-inner {
flex-direction: column-reverse;
text-align: center;
}
.cutting-hero-content {
max-width: 700px;
text-align: center;
}
.cutting-hero-image {
flex-basis: auto;
width: 100%;
max-width: 420px;
min-height: auto;
}
.cutting-hero-image img {
max-width: 360px;
}
.cutting-image-glow {
width: 330px;
height: 330px;
}
.cutting-hero-benefits {
justify-content: center;
}
.cutting-hero-button {
margin: 0 auto;
}
}
/* ================================
מובייל
================================ */
@media (max-width: 600px) {
.cutting-hero {
padding: 40px 16px 50px;
}
.cutting-hero-inner {
gap: 25px;
}
.cutting-hero-badge {
font-size: 14px;
padding: 8px 15px;
}
.cutting-hero h1 {
font-size: 39px;
line-height: 1.12;
letter-spacing: -0.5px;
}
.cutting-hero h2 {
font-size: 23px;
line-height: 1.35;
}
.cutting-hero-text {
font-size: 17px;
line-height: 1.65;
}
.cutting-hero-benefits {
flex-direction: column;
align-items: stretch;
}
.cutting-benefit {
justify-content: flex-start;
text-align: right;
}
.cutting-hero-image img {
max-width: 300px;
}
.cutting-image-glow {
width: 280px;
height: 280px;
}
.cutting-hero-button {
width: 100%;
box-sizing: border-box;
font-size: 17px;
padding: 16px 18px;
}
}
/* =================================
מקטע - הבעיה / למה קשה להתחטב
================================= */
.cutting-problem {
direction: rtl;
width: 100%;
padding: 80px 25px;
background: #ffffff;
box-sizing: border-box;
}
.cutting-problem-inner {
max-width: 1100px;
margin: 0 auto;
}
/* =================================
כותרת וטקסט
================================= */
.cutting-problem-header {
max-width: 850px;
margin: 0 auto 55px;
text-align: center;
}
.cutting-problem-badge {
display: inline-block;
padding: 9px 18px;
margin-bottom: 20px;
border-radius: 30px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
color: #078da5;
font-size: 16px;
font-weight: 700;
}
.cutting-problem h2 {
margin: 0 0 28px;
color: #172033;
font-size: clamp(34px, 4.5vw, 52px);
line-height: 1.2;
font-weight: 800;
}
.cutting-problem h2 span {
color: #0795ad;
}
.cutting-problem-intro {
max-width: 760px;
margin: 0 auto 18px;
color: #505c6b;
font-size: 19px;
line-height: 1.75;
}
.cutting-problem-highlight {
margin: 35px auto 15px;
color: #172033;
font-size: 26px;
line-height: 1.4;
font-weight: 800;
}
.cutting-problem-text {
max-width: 780px;
margin: 0 auto;
color: #505c6b;
font-size: 19px;
line-height: 1.75;
}
.cutting-problem-text strong {
color: #172033;
}
.cutting-problem-final {
margin: 25px auto 0;
color: #0795ad;
font-size: 24px;
line-height: 1.5;
font-weight: 800;
}
/* =================================
כרטיסים
================================= */
.cutting-problem-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 20px;
}
.cutting-problem-card {
padding: 32px 25px;
text-align: center;
background: #f8fbfc;
border: 1px solid #e2edef;
border-radius: 18px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.cutting-problem-card:hover {
transform: translateY(-5px);
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
}
.cutting-card-icon {
font-size: 42px;
line-height: 1;
margin-bottom: 17px;
}
.cutting-problem-card h3 {
margin: 0 0 12px;
color: #172033;
font-size: 24px;
font-weight: 800;
}
.cutting-problem-card p {
margin: 0;
color: #5c6875;
font-size: 17px;
line-height: 1.65;
}
/* =================================
משפט סיום
================================= */
.cutting-problem-bottom {
max-width: 850px;
margin: 55px auto 0;
padding: 25px 30px;
text-align: center;
color: #344052;
background: #eef9fb;
border-radius: 16px;
font-size: 20px;
line-height: 1.7;
}
.cutting-problem-bottom strong {
color: #078da5;
}
/* =================================
טאבלט
================================= */
@media (max-width: 800px) {
.cutting-problem {
padding: 65px 20px;
}
.cutting-problem-cards {
grid-template-columns: 1fr;
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-problem {
padding: 50px 16px;
}
.cutting-problem-header {
margin-bottom: 40px;
}
.cutting-problem-badge {
font-size: 14px;
padding: 8px 15px;
}
.cutting-problem h2 {
font-size: 34px;
}
.cutting-problem-intro {
font-size: 17px;
line-height: 1.7;
}
.cutting-problem-highlight {
font-size: 23px;
margin-top: 28px;
}
.cutting-problem-text {
font-size: 17px;
line-height: 1.7;
}
.cutting-problem-final {
font-size: 21px;
}
.cutting-problem-card {
padding: 27px 22px;
}
.cutting-problem-bottom {
margin-top: 40px;
padding: 22px 18px;
font-size: 18px;
}
}
/* =================================
מקטע - מה לומדים בקורס
================================= */
.cutting-course-content {
direction: rtl;
width: 100%;
padding: 85px 25px;
background: #f7fbfc;
box-sizing: border-box;
}
.cutting-course-content-inner {
max-width: 1050px;
margin: 0 auto;
}
/* =================================
כותרת
================================= */
.cutting-content-header {
max-width: 800px;
margin: 0 auto 60px;
text-align: center;
}
.cutting-content-badge {
display: inline-block;
padding: 9px 18px;
margin-bottom: 20px;
border-radius: 30px;
background: #ffffff;
border: 1px solid #c8e8ed;
color: #078da5;
font-size: 16px;
font-weight: 700;
}
.cutting-content-header h2 {
margin: 0 0 22px;
color: #172033;
font-size: clamp(36px, 4.5vw, 54px);
line-height: 1.2;
font-weight: 800;
}
.cutting-content-header h2 span {
color: #0795ad;
}
.cutting-content-header p {
max-width: 700px;
margin: 0 auto;
color: #566272;
font-size: 19px;
line-height: 1.75;
}
.cutting-content-header p strong {
color: #172033;
}
/* =================================
שלבים
================================= */
.cutting-course-steps {
position: relative;
max-width: 900px;
margin: 0 auto;
}
/* קו מחבר */
.cutting-course-steps::before {
content: "";
position: absolute;
top: 45px;
bottom: 45px;
right: 43px;
width: 2px;
background: #c9e7ec;
}
/* =================================
כרטיס
================================= */
.cutting-course-step {
position: relative;
z-index: 2;
display: flex;
align-items: center;
gap: 22px;
margin-bottom: 22px;
padding: 25px 28px 25px 30px;
background: #ffffff;
border: 1px solid #e2edef;
border-radius: 18px;
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.04);
transition: all 0.25s ease;
}
.cutting-course-step:last-child {
margin-bottom: 0;
}
.cutting-course-step:hover {
transform: translateX(-4px);
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}
/* מספר */
.cutting-step-number {
flex: 0 0 55px;
width: 55px;
height: 55px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #0795ad;
color: #ffffff;
font-size: 16px;
font-weight: 800;
box-shadow: 0 0 0 7px #f7fbfc;
}
/* אייקון */
.cutting-step-icon {
flex: 0 0 55px;
font-size: 38px;
line-height: 1;
text-align: center;
}
/* תוכן */
.cutting-step-content {
flex: 1;
}
.cutting-step-content h3 {
margin: 0 0 8px;
color: #172033;
font-size: 23px;
font-weight: 800;
line-height: 1.3;
}
.cutting-step-content p {
margin: 0;
color: #5a6674;
font-size: 17px;
line-height: 1.65;
}
/* =================================
תיבת סיום
================================= */
.cutting-content-bottom {
display: flex;
align-items: center;
gap: 20px;
max-width: 850px;
margin: 55px auto 0;
padding: 25px 30px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
border-radius: 18px;
color: #344052;
font-size: 18px;
line-height: 1.65;
}
.cutting-content-bottom-icon {
flex: 0 0 auto;
font-size: 38px;
}
.cutting-content-bottom strong {
color: #078da5;
font-size: 20px;
}
.cutting-content-bottom p {
margin: 5px 0 0;
}
/* =================================
טאבלט
================================= */
@media (max-width: 800px) {
.cutting-course-content {
padding: 65px 20px;
}
.cutting-course-steps::before {
right: 38px;
}
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-course-content {
padding: 55px 16px;
}
.cutting-content-header {
margin-bottom: 40px;
}
.cutting-content-badge {
font-size: 14px;
padding: 8px 15px;
}
.cutting-content-header h2 {
font-size: 35px;
}
.cutting-content-header p {
font-size: 17px;
line-height: 1.7;
}
.cutting-course-steps::before {
display: none;
}
.cutting-course-step {
display: grid;
grid-template-columns: 50px 1fr;
gap: 15px;
padding: 22px 18px;
}
.cutting-step-number {
width: 50px;
height: 50px;
font-size: 14px;
}
.cutting-step-icon {
grid-column: 2;
grid-row: 1;
text-align: right;
font-size: 32px;
}
.cutting-step-content {
grid-column: 1 / -1;
}
.cutting-step-content h3 {
font-size: 21px;
}
.cutting-step-content p {
font-size: 16px;
line-height: 1.65;
}
.cutting-content-bottom {
flex-direction: column;
text-align: center;
padding: 23px 18px;
gap: 10px;
}
.cutting-content-bottom strong {
font-size: 18px;
}
.cutting-content-bottom p {
font-size: 16px;
}
}
/* =================================
מקטע - כלים וחומרים מצורפים
================================= */
.cutting-tools {
direction: rtl;
width: 100%;
padding: 85px 25px;
background: #ffffff;
box-sizing: border-box;
}
.cutting-tools-inner {
max-width: 1100px;
margin: 0 auto;
}
/* =================================
כותרת
================================= */
.cutting-tools-header {
max-width: 820px;
margin: 0 auto 55px;
text-align: center;
}
.cutting-tools-badge {
display: inline-block;
padding: 9px 18px;
margin-bottom: 20px;
border-radius: 30px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
color: #078da5;
font-size: 16px;
font-weight: 700;
}
.cutting-tools-header h2 {
margin: 0 0 25px;
color: #172033;
font-size: clamp(36px, 4.5vw, 54px);
line-height: 1.2;
font-weight: 800;
}
.cutting-tools-header h2 span {
color: #0795ad;
}
.cutting-tools-header p {
max-width: 750px;
margin: 0 auto 16px;
color: #566272;
font-size: 19px;
line-height: 1.75;
}
/* =================================
כרטיסים
================================= */
.cutting-tools-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
max-width: 1000px;
margin: 0 auto;
}
.cutting-tool-card {
display: flex;
align-items: flex-start;
gap: 22px;
padding: 35px 30px;
background: #f7fbfc;
border: 1px solid #dfedef;
border-radius: 20px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04);
transition: all 0.25s ease;
}
.cutting-tool-card:hover {
transform: translateY(-5px);
box-shadow: 0 14px 32px rgba(0, 0, 0, 0.08);
}
/* =================================
אייקון
================================= */
.cutting-tool-icon {
flex: 0 0 70px;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 18px;
background: #ffffff;
font-size: 42px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
/* =================================
תוכן
================================= */
.cutting-tool-content {
flex: 1;
}
.cutting-tool-content h3 {
margin: 0 0 12px;
color: #172033;
font-size: 25px;
font-weight: 800;
line-height: 1.3;
}
.cutting-tool-content p {
margin: 0 0 20px;
color: #596574;
font-size: 17px;
line-height: 1.7;
}
/* =================================
נקודות
================================= */
.cutting-tool-points {
display: flex;
flex-direction: column;
gap: 9px;
color: #344052;
font-size: 15px;
font-weight: 600;
}
.cutting-tool-points div::first-letter {
color: #0795ad;
}
/* =================================
תיבת סיום
================================= */
.cutting-tools-bottom {
display: flex;
align-items: center;
justify-content: center;
gap: 18px;
max-width: 900px;
margin: 50px auto 0;
padding: 25px 30px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
border-radius: 18px;
text-align: center;
color: #078da5;
font-size: 20px;
line-height: 1.6;
}
.cutting-tools-bottom-icon {
flex: 0 0 auto;
font-size: 36px;
}
/* =================================
טאבלט
================================= */
@media (max-width: 850px) {
.cutting-tools {
padding: 65px 20px;
}
.cutting-tools-cards {
grid-template-columns: 1fr;
max-width: 650px;
}
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-tools {
padding: 55px 16px;
}
.cutting-tools-header {
margin-bottom: 40px;
}
.cutting-tools-badge {
font-size: 14px;
padding: 8px 15px;
}
.cutting-tools-header h2 {
font-size: 35px;
}
.cutting-tools-header p {
font-size: 17px;
line-height: 1.7;
}
.cutting-tool-card {
flex-direction: column;
align-items: center;
text-align: center;
padding: 30px 22px;
}
.cutting-tool-content h3 {
font-size: 23px;
}
.cutting-tool-content p {
font-size: 16px;
}
.cutting-tool-points {
text-align: right;
font-size: 14px;
}
.cutting-tools-bottom {
flex-direction: column;
padding: 23px 18px;
font-size: 18px;
}
}
/* =================================
מקטע - האם הקורס מתאים לכם?
================================= */
.cutting-fit {
direction: rtl;
width: 100%;
padding: 85px 25px;
background: #f7fbfc;
box-sizing: border-box;
}
.cutting-fit-inner {
max-width: 1050px;
margin: 0 auto;
}
/* =================================
כותרת
================================= */
.cutting-fit-header {
max-width: 800px;
margin: 0 auto 55px;
text-align: center;
}
.cutting-fit-badge {
display: inline-block;
padding: 9px 18px;
margin-bottom: 20px;
border-radius: 30px;
background: #ffffff;
border: 1px solid #c5e9ee;
color: #078da5;
font-size: 16px;
font-weight: 700;
}
.cutting-fit-header h2 {
margin: 0 0 22px;
color: #172033;
font-size: clamp(36px, 4.5vw, 54px);
line-height: 1.2;
font-weight: 800;
}
.cutting-fit-header h2 span {
color: #0795ad;
}
.cutting-fit-header p {
max-width: 720px;
margin: 0 auto;
color: #566272;
font-size: 19px;
line-height: 1.75;
}
/* =================================
כרטיסים
================================= */
.cutting-fit-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 950px;
margin: 0 auto;
}
.cutting-fit-card {
display: flex;
align-items: flex-start;
gap: 20px;
padding: 27px 25px;
background: #ffffff;
border: 1px solid #e1edef;
border-radius: 18px;
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.04);
transition: all 0.25s ease;
}
.cutting-fit-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);
}
/* הכרטיס החמישי */
.cutting-fit-card-wide {
grid-column: 1 / -1;
max-width: 600px;
width: 100%;
justify-self: center;
box-sizing: border-box;
}
/* =================================
אייקון
================================= */
.cutting-fit-icon {
flex: 0 0 58px;
width: 58px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
background: #eaf8fa;
border-radius: 15px;
font-size: 31px;
}
/* =================================
תוכן
================================= */
.cutting-fit-card h3 {
margin: 0 0 8px;
color: #172033;
font-size: 20px;
line-height: 1.35;
font-weight: 800;
}
.cutting-fit-card p {
margin: 0;
color: #5a6674;
font-size: 16px;
line-height: 1.65;
}
/* =================================
סיכום
================================= */
.cutting-fit-conclusion {
display: flex;
align-items: center;
gap: 18px;
max-width: 800px;
margin: 55px auto 0;
padding: 25px 30px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
border-radius: 18px;
color: #344052;
line-height: 1.6;
}
.cutting-fit-conclusion-icon {
flex: 0 0 48px;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #0795ad;
color: #ffffff;
font-size: 24px;
font-weight: 800;
}
.cutting-fit-conclusion strong {
display: block;
color: #078da5;
font-size: 20px;
}
.cutting-fit-conclusion p {
margin: 5px 0 0;
font-size: 17px;
}
/* =================================
הערה חשובה
================================= */
.cutting-fit-note {
max-width: 750px;
margin: 30px auto 0;
text-align: center;
color: #7a8693;
font-size: 14px;
line-height: 1.7;
}
.cutting-fit-note strong {
color: #596574;
}
/* =================================
טאבלט
================================= */
@media (max-width: 800px) {
.cutting-fit {
padding: 65px 20px;
}
.cutting-fit-grid {
grid-template-columns: 1fr;
max-width: 650px;
}
.cutting-fit-card-wide {
grid-column: auto;
max-width: none;
}
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-fit {
padding: 55px 16px;
}
.cutting-fit-header {
margin-bottom: 40px;
}
.cutting-fit-badge {
font-size: 14px;
padding: 8px 15px;
}
.cutting-fit-header h2 {
font-size: 35px;
}
.cutting-fit-header p {
font-size: 17px;
line-height: 1.7;
}
.cutting-fit-card {
gap: 15px;
padding: 23px 18px;
}
.cutting-fit-icon {
flex: 0 0 50px;
width: 50px;
height: 50px;
font-size: 27px;
}
.cutting-fit-card h3 {
font-size: 19px;
}
.cutting-fit-card p {
font-size: 15px;
line-height: 1.65;
}
.cutting-fit-conclusion {
flex-direction: column;
text-align: center;
padding: 23px 18px;
}
.cutting-fit-conclusion strong {
font-size: 18px;
}
.cutting-fit-conclusion p {
font-size: 16px;
}
}
/* =================================
מקטע המלצות
================================= */
.cutting-testimonials {
direction: rtl;
width: 100%;
padding: 90px 25px;
background: #ffffff;
box-sizing: border-box;
}
.cutting-testimonials-inner {
max-width: 1100px;
margin: 0 auto;
}
/* =================================
כותרת
================================= */
.cutting-testimonials-header {
max-width: 800px;
margin: 0 auto 55px;
text-align: center;
}
.cutting-testimonials-badge {
display: inline-block;
padding: 9px 18px;
margin-bottom: 20px;
border-radius: 30px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
color: #078da5;
font-size: 16px;
font-weight: 700;
}
.cutting-testimonials-header h2 {
margin: 0 0 22px;
color: #172033;
font-size: clamp(36px, 4.5vw, 54px);
line-height: 1.2;
font-weight: 800;
}
.cutting-testimonials-header h2 span {
color: #0795ad;
}
.cutting-testimonials-header p {
max-width: 720px;
margin: 0 auto;
color: #566272;
font-size: 19px;
line-height: 1.75;
}
/* =================================
כרטיסי המלצות
================================= */
.cutting-testimonials-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
max-width: 1050px;
margin: 0 auto;
}
.cutting-testimonial-card {
position: relative;
padding: 35px 28px 28px;
background: #f7fbfc;
border: 1px solid #e1edef;
border-radius: 18px;
box-shadow: 0 7px 25px rgba(0, 0, 0, 0.04);
}
.cutting-testimonial-quote {
position: absolute;
top: 12px;
right: 22px;
color: #b9e3e9;
font-family: Georgia, serif;
font-size: 65px;
line-height: 1;
font-weight: bold;
}
.cutting-testimonial-card p {
margin: 15px 0 22px;
color: #4f5b69;
font-size: 16px;
line-height: 1.75;
}
.cutting-testimonial-name {
color: #078da5;
font-size: 16px;
font-weight: 800;
}
/* =================================
כותרת צילומי המסך
================================= */
.cutting-screenshots-header {
max-width: 750px;
margin: 75px auto 35px;
text-align: center;
}
.cutting-screenshots-header h3 {
margin: 0 0 12px;
color: #172033;
font-size: 28px;
line-height: 1.4;
font-weight: 800;
}
.cutting-screenshots-header p {
margin: 0;
color: #697584;
font-size: 17px;
line-height: 1.6;
}
/* =================================
צילומי מסך
================================= */
.cutting-screenshots {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
align-items: start;
max-width: 1000px;
margin: 0 auto;
}
.cutting-screenshot {
overflow: hidden;
border-radius: 14px;
background: #f7fbfc;
border: 1px solid #e3edef;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
}
.cutting-screenshot img {
display: block;
width: 100%;
height: auto;
}
/* =================================
משפט סיום
================================= */
.cutting-testimonials-bottom {
max-width: 800px;
margin: 55px auto 0;
padding: 25px 30px;
text-align: center;
background: #eaf8fa;
border: 1px solid #c5e9ee;
border-radius: 18px;
color: #078da5;
font-size: 20px;
line-height: 1.6;
}
/* =================================
טאבלט
================================= */
@media (max-width: 850px) {
.cutting-testimonials {
padding: 70px 20px;
}
.cutting-testimonials-grid {
grid-template-columns: 1fr;
max-width: 650px;
}
.cutting-testimonial-card {
padding: 30px 25px;
}
.cutting-screenshots {
grid-template-columns: 1fr;
max-width: 550px;
}
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-testimonials {
padding: 55px 16px;
}
.cutting-testimonials-header {
margin-bottom: 40px;
}
.cutting-testimonials-badge {
font-size: 14px;
padding: 8px 15px;
}
.cutting-testimonials-header h2 {
font-size: 35px;
}
.cutting-testimonials-header p {
font-size: 17px;
line-height: 1.7;
}
.cutting-testimonial-card p {
font-size: 16px;
}
.cutting-screenshots-header {
margin-top: 55px;
}
.cutting-screenshots-header h3 {
font-size: 23px;
}
.cutting-screenshots-header p {
font-size: 16px;
}
.cutting-testimonials-bottom {
padding: 22px 18px;
font-size: 18px;
}
}
/* =================================
מקטע - נעים להכיר, אני גל
================================= */
.about-gal {
direction: rtl;
width: 100%;
padding: 90px 25px;
background: #f7fbfc;
box-sizing: border-box;
}
.about-gal-inner {
max-width: 1050px;
margin: 0 auto;
display: grid;
grid-template-columns: 0.85fr 1.15fr;
align-items: center;
gap: 70px;
}
/* =================================
תמונה
================================= */
.about-gal-image {
position: relative;
text-align: center;
}
.about-gal-image::before {
content: "";
position: absolute;
width: 85%;
height: 85%;
top: 8%;
right: 7%;
background: #e2f5f7;
border-radius: 30px;
z-index: 0;
}
.about-gal-image img {
position: relative;
z-index: 1;
display: block;
width: 100%;
max-width: 420px;
height: auto;
margin: 0 auto;
border-radius: 22px;
}
/* =================================
תוכן
================================= */
.about-gal-content {
max-width: 620px;
}
.about-gal-badge {
display: inline-block;
padding: 9px 18px;
margin-bottom: 20px;
border-radius: 30px;
background: #ffffff;
border: 1px solid #c5e9ee;
color: #078da5;
font-size: 16px;
font-weight: 700;
}
.about-gal-content h2 {
margin: 0 0 30px;
color: #172033;
font-size: clamp(38px, 4.5vw, 54px);
line-height: 1.2;
font-weight: 800;
}
.about-gal-content h2 span {
color: #0795ad;
}
/* =================================
טקסט
================================= */
.about-gal-text p {
margin: 0 0 18px;
color: #566272;
font-size: 18px;
line-height: 1.8;
}
.about-gal-text strong {
color: #172033;
font-weight: 800;
}
.about-gal-final {
margin-top: 25px !important;
padding: 20px 24px;
background: #eaf8fa;
border-right: 4px solid #0795ad;
border-radius: 10px;
color: #078da5 !important;
font-size: 19px !important;
font-weight: 700;
line-height: 1.7 !important;
}
/* =================================
טאבלט
================================= */
@media (max-width: 850px) {
.about-gal {
padding: 70px 20px;
}
.about-gal-inner {
grid-template-columns: 1fr;
gap: 45px;
max-width: 700px;
}
.about-gal-image {
order: 1;
}
.about-gal-content {
order: 2;
max-width: 100%;
}
.about-gal-image img {
max-width: 380px;
}
.about-gal-content {
text-align: center;
}
.about-gal-final {
text-align: right;
}
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.about-gal {
padding: 55px 16px;
}
.about-gal-inner {
gap: 35px;
}
.about-gal-image img {
max-width: 330px;
}
.about-gal-content h2 {
font-size: 36px;
margin-bottom: 25px;
}
.about-gal-badge {
font-size: 14px;
padding: 8px 15px;
}
.about-gal-text p {
font-size: 17px;
line-height: 1.75;
}
.about-gal-final {
padding: 18px 20px;
font-size: 17px !important;
}
}
/* =================================
מקטע רכישה
================================= */
.cutting-purchase {
direction: rtl;
width: 100%;
padding: 100px 20px;
background: #f7fbfc;
box-sizing: border-box;
}
.cutting-purchase-inner {
max-width: 850px;
margin: 0 auto;
text-align: center;
}
/* =================================
כותרת
================================= */
.cutting-purchase-badge {
display: inline-block;
padding: 10px 22px;
margin-bottom: 22px;
border-radius: 30px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
color: #078da5;
font-size: 16px;
font-weight: 800;
}
.cutting-purchase h2 {
margin: 0 0 20px;
color: #172033;
font-size: clamp(38px, 5vw, 58px);
line-height: 1.2;
font-weight: 800;
}
.cutting-purchase h2 span {
color: #0795ad;
}
.cutting-purchase-intro {
max-width: 650px;
margin: 0 auto 45px;
color: #566272;
font-size: 20px;
line-height: 1.7;
}
/* =================================
כרטיס ההצעה
================================= */
.cutting-offer {
max-width: 600px;
margin: 0 auto;
padding: 45px 40px 40px;
background: #ffffff;
border: 2px solid #bfe5ea;
border-radius: 25px;
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.08);
}
/* =================================
מחיר
================================= */
.cutting-offer-label {
color: #7b8793;
font-size: 16px;
font-weight: 600;
}
.cutting-old-price {
margin-top: 3px;
color: #8c959d;
font-size: 24px;
text-decoration: line-through;
}
.cutting-special-label {
margin-top: 25px;
color: #078da5;
font-size: 18px;
font-weight: 800;
}
.cutting-price {
margin-top: 2px;
color: #172033;
font-size: 64px;
line-height: 1.1;
font-weight: 900;
}
.cutting-one-time {
margin-top: 8px;
color: #7b8793;
font-size: 15px;
}
/* =================================
יתרונות
================================= */
.cutting-benefits {
max-width: 390px;
margin: 32px auto 30px;
padding-top: 25px;
border-top: 1px solid #e5edef;
text-align: right;
}
.cutting-benefit {
display: flex;
align-items: center;
gap: 11px;
margin-bottom: 13px;
color: #3e4a58;
font-size: 16px;
line-height: 1.5;
}
.cutting-benefit span {
flex: 0 0 auto;
color: #0795ad;
font-size: 19px;
font-weight: 900;
}
/* =================================
כפתור רכישה
================================= */
.cutting-purchase-button {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
min-height: 64px;
padding: 15px 25px;
box-sizing: border-box;
border-radius: 12px;
background: #0795ad;
color: #ffffff !important;
font-size: 20px;
font-weight: 800;
line-height: 1.3;
text-decoration: none !important;
box-shadow: 0 8px 20px rgba(7, 149, 173, 0.25);
transition: all 0.25s ease;
}
.cutting-purchase-button:hover {
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(7, 149, 173, 0.35);
background: #07879d;
}
.cutting-purchase-button span {
font-size: 25px;
transition: transform 0.25s ease;
}
.cutting-purchase-button:hover span {
transform: translateX(-4px);
}
/* =================================
הערת תשלום
================================= */
.cutting-payment-note {
margin-top: 18px;
color: #89939d;
font-size: 13px;
}
/* =================================
משפט סיום
================================= */
.cutting-purchase-bottom {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-top: 45px;
color: #596574;
font-size: 18px;
}
.cutting-purchase-bottom strong {
color: #172033;
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-purchase {
padding: 65px 16px;
}
.cutting-purchase h2 {
font-size: 38px;
}
.cutting-purchase-intro {
font-size: 18px;
margin-bottom: 35px;
}
.cutting-offer {
padding: 35px 22px 30px;
border-radius: 20px;
}
.cutting-price {
font-size: 55px;
}
.cutting-special-label {
font-size: 17px;
}
.cutting-benefit {
font-size: 15px;
}
.cutting-purchase-button {
min-height: 60px;
font-size: 18px;
}
.cutting-purchase-bottom {
flex-direction: column;
font-size: 17px;
}
}
/* =================================
אפשרויות תשלום נוספות
================================= */
.cutting-payment-options {
direction: rtl;
width: 100%;
padding: 75px 20px;
background: #ffffff;
box-sizing: border-box;
}
.cutting-payment-options-inner {
max-width: 1000px;
margin: 0 auto;
}
/* =================================
כותרת
================================= */
.cutting-payment-options-header {
max-width: 700px;
margin: 0 auto 40px;
text-align: center;
}
.cutting-payment-options-badge {
display: inline-block;
padding: 8px 17px;
margin-bottom: 18px;
border-radius: 30px;
background: #f1fafb;
border: 1px solid #ccebef;
color: #078da5;
font-size: 15px;
font-weight: 700;
}
.cutting-payment-options-header h2 {
margin: 0 0 15px;
color: #172033;
font-size: clamp(32px, 4vw, 46px);
line-height: 1.25;
font-weight: 800;
}
.cutting-payment-options-header h2 span {
color: #0795ad;
}
.cutting-payment-options-header p {
max-width: 650px;
margin: 0 auto;
color: #687482;
font-size: 17px;
line-height: 1.7;
}
/* =================================
שיטות תשלום
================================= */
.cutting-payment-methods {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
align-items: stretch;
}
/* =================================
כרטיס תשלום
================================= */
.cutting-payment-method {
padding: 28px 22px;
text-align: center;
background: #f7fbfc;
border: 1px solid #e1edef;
border-radius: 16px;
box-sizing: border-box;
}
.cutting-payment-method-icon {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
margin: 0 auto 15px;
border-radius: 15px;
background: #ffffff;
font-size: 27px;
}
.cutting-payment-method h3 {
margin: 0 0 10px;
color: #172033;
font-size: 20px;
font-weight: 800;
}
.cutting-payment-method p {
margin: 0 0 8px;
color: #697584;
font-size: 15px;
}
.cutting-payment-detail {
color: #078da5;
font-size: 18px;
font-weight: 800;
direction: ltr;
}
/* =================================
פרטי בנק
================================= */
.cutting-bank-details {
margin-top: 15px;
color: #566272;
font-size: 14px;
line-height: 1.8;
text-align: right;
}
.cutting-bank-details strong {
color: #344052;
}
/* =================================
הוראות לאחר תשלום
================================= */
.cutting-payment-instructions {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
max-width: 750px;
margin: 35px auto 0;
padding: 22px 28px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
border-radius: 15px;
color: #344052;
}
.cutting-payment-instructions-icon {
flex: 0 0 auto;
font-size: 28px;
}
.cutting-payment-instructions strong {
display: block;
margin-bottom: 4px;
color: #078da5;
font-size: 17px;
}
.cutting-payment-instructions p {
margin: 0;
color: #687482;
font-size: 15px;
line-height: 1.6;
}
/* =================================
טאבלט
================================= */
@media (max-width: 800px) {
.cutting-payment-methods {
grid-template-columns: 1fr 1fr;
max-width: 650px;
margin: 0 auto;
}
.cutting-payment-bank {
grid-column: 1 / -1;
max-width: 400px;
width: 100%;
justify-self: center;
}
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-payment-options {
padding: 55px 16px;
}
.cutting-payment-options-header h2 {
font-size: 34px;
}
.cutting-payment-options-header p {
font-size: 16px;
}
.cutting-payment-methods {
grid-template-columns: 1fr;
max-width: 450px;
}
.cutting-payment-bank {
grid-column: auto;
max-width: none;
}
.cutting-payment-instructions {
flex-direction: column;
text-align: center;
padding: 22px 18px;
}
}
/* =================================
תיקון HERO - הקורס המזורז לחיטוב
================================= */
/* ביטול השפעה של הגדרות כלליות על הטקסט */
.cutting-hero .cutting-benefit strong {
font-weight: 400;
color: #344052;
}
/* הכותרת של כל כרטיס נשארת מודגשת */
.cutting-hero .cutting-benefit strong {
font-weight: 700;
color: #172033;
}
/* שלושת הכרטיסים בשורה אחת בדסקטופ */
@media (min-width: 901px) {
.cutting-hero-benefits {
display: flex;
flex-wrap: nowrap;
gap: 10px;
width: 100%;
}
.cutting-hero .cutting-benefit {
flex: 1 1 0;
min-width: 0;
padding: 13px 12px;
}
}
/* =================================
FAQ - שאלות נפוצות
================================= */
.cutting-faq {
direction: rtl;
width: 100%;
padding: 90px 20px;
background: #f7fbfc;
box-sizing: border-box;
}
.cutting-faq-inner {
max-width: 850px;
margin: 0 auto;
}
/* =================================
כותרת
================================= */
.cutting-faq-header {
max-width: 700px;
margin: 0 auto 45px;
text-align: center;
}
.cutting-faq-badge {
display: inline-block;
padding: 9px 18px;
margin-bottom: 18px;
border-radius: 30px;
background: #eaf8fa;
border: 1px solid #c5e9ee;
color: #078da5;
font-size: 15px;
font-weight: 700;
}
.cutting-faq-header h2 {
margin: 0 0 18px;
color: #172033;
font-size: clamp(36px, 4.5vw, 52px);
line-height: 1.2;
font-weight: 800;
}
.cutting-faq-header h2 span {
color: #0795ad;
}
.cutting-faq-header p {
margin: 0;
color: #687482;
font-size: 18px;
line-height: 1.7;
}
/* =================================
רשימת שאלות
================================= */
.cutting-faq-list {
display: flex;
flex-direction: column;
gap: 12px;
}
/* =================================
פריט שאלה
================================= */
.cutting-faq-item {
background: #ffffff;
border: 1px solid #e0eaed;
border-radius: 14px;
overflow: hidden;
transition: border-color 0.2s ease,
box-shadow 0.2s ease;
}
.cutting-faq-item:hover {
border-color: #b9e2e8;
}
.cutting-faq-item[open] {
border-color: #b9e2e8;
box-shadow: 0 7px 25px rgba(0, 0, 0, 0.04);
}
/* =================================
שאלה
================================= */
.cutting-faq-item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 22px 25px;
cursor: pointer;
list-style: none;
color: #172033;
font-size: 18px;
font-weight: 700;
line-height: 1.5;
}
.cutting-faq-item summary::-webkit-details-marker {
display: none;
}
/* =================================
אייקון פתיחה
================================= */
.cutting-faq-arrow {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
width: 30px;
height: 30px;
border-radius: 50%;
background: #eaf8fa;
color: #078da5;
font-size: 22px;
font-weight: 400;
line-height: 1;
transition: transform 0.25s ease,
background 0.25s ease;
}
/* הופך את ה + לסימן מינוס */
.cutting-faq-item[open] .cutting-faq-arrow {
transform: rotate(45deg);
background: #078da5;
color: #ffffff;
}
/* =================================
תשובה
================================= */
.cutting-faq-answer {
padding: 0 25px 25px;
color: #5b6876;
font-size: 16px;
line-height: 1.8;
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-faq {
padding: 60px 16px;
}
.cutting-faq-header {
margin-bottom: 35px;
}
.cutting-faq-header h2 {
font-size: 36px;
}
.cutting-faq-header p {
font-size: 16px;
}
.cutting-faq-item summary {
padding: 19px 18px;
font-size: 16px;
}
.cutting-faq-arrow {
width: 28px;
height: 28px;
font-size: 20px;
}
.cutting-faq-answer {
padding: 0 18px 20px;
font-size: 15px;
line-height: 1.75;
}
}
/* =================================
CTA סופי
================================= */
.cutting-final-cta {
direction: rtl;
width: 100%;
padding: 90px 20px;
background: #078da5;
box-sizing: border-box;
text-align: center;
}
.cutting-final-cta-inner {
max-width: 750px;
margin: 0 auto;
}
/* =================================
אייקון
================================= */
.cutting-final-cta-icon {
font-size: 42px;
margin-bottom: 15px;
}
/* =================================
כותרת
================================= */
.cutting-final-cta h2 {
margin: 0 0 22px;
color: #ffffff;
font-size: clamp(38px, 5vw, 58px);
line-height: 1.2;
font-weight: 800;
}
.cutting-final-cta h2 span {
color: #dff7fa;
}
/* =================================
טקסט
================================= */
.cutting-final-cta-main {
margin: 0 0 40px;
color: #ffffff;
font-size: 21px;
line-height: 1.7;
}
/* =================================
הצעה
================================= */
.cutting-final-offer {
margin: 0 auto 30px;
}
.cutting-final-course-name {
color: #ffffff;
font-size: 20px;
font-weight: 700;
}
.cutting-final-price-label {
margin-top: 15px;
color: #dff7fa;
font-size: 16px;
}
.cutting-final-price {
margin-top: 2px;
color: #ffffff;
font-size: 58px;
line-height: 1.1;
font-weight: 900;
}
.cutting-final-payment {
margin-top: 8px;
color: #dff7fa;
font-size: 14px;
}
/* =================================
כפתור
================================= */
.cutting-final-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
min-width: 310px;
min-height: 64px;
padding: 15px 30px;
box-sizing: border-box;
border-radius: 12px;
background: #ffffff;
color: #078da5 !important;
font-size: 20px;
font-weight: 800;
line-height: 1.3;
text-decoration: none !important;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
transition: all 0.25s ease;
}
.cutting-final-button:hover {
transform: translateY(-3px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
}
.cutting-final-button span {
font-size: 25px;
transition: transform 0.25s ease;
}
.cutting-final-button:hover span {
transform: translateX(-4px);
}
/* =================================
הערה
================================= */
.cutting-final-note {
margin-top: 18px;
color: #dff7fa;
font-size: 13px;
}
/* =================================
מובייל
================================= */
@media (max-width: 600px) {
.cutting-final-cta {
padding: 65px 16px;
}
.cutting-final-cta h2 {
font-size: 38px;
}
.cutting-final-cta-main {
font-size: 18px;
}
.cutting-final-price {
font-size: 52px;
}
.cutting-final-button {
width: 100%;
min-width: 0;
font-size: 18px;
}
}