.elementor-4647 .elementor-element.elementor-element-7574be8{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}/* Start custom CSS *//*
* ===================================================================
* Custom CSS for "Confidence" Landing Page
* ===================================================================
* This code will only affect the page you are currently editing.
*/

/* 1. Import Google Fonts for Hebrew */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&family=Rubik:wght@400;500&display=swap');

/* 2. General Body and Paragraph Styling */
/* The 'body.elementor-page-4647' targets the main wrapper for this specific page. */
body.elementor-page-4647 {
    /* Sets the default font for all paragraphs and regular text */
    font-family: 'Rubik', sans-serif;
    /* Sets the default text color */
    color: #2c3e50;
}

/* 3. Heading Styles (H1, H2, H3, etc.) */
body.elementor-page-4647 h1, body.elementor-page-4647 h2, body.elementor-page-4647 h3, body.elementor-page-4647 h4, body.elementor-page-4647 h5, body.elementor-page-4647 h6 {
    /* Sets the font for all headings */
    font-family: 'Assistant', sans-serif;
    /* Sets the color for all headings */
    color: #2c3e50;
    /* Makes headings bold */
    font-weight: 700;
}

/* --- Specific Heading Sizes --- */
body.elementor-page-4647 h1 {
    font-size: 52px; /* For your main hero headline */
}

body.elementor-page-4647 h2 {
    font-size: 38px; /* For section titles */
}

body.elementor-page-4647 h3 {
    font-size: 24px; /* For smaller titles, like in icon boxes */
}

/* 4. Elementor Button Styling */
/* This targets all Elementor buttons on this page */
body.elementor-page-4647 .elementor-button {
    /* Accent color for the button background */
    background-color: #f39c12;
    /* Text color for the button */
    color: #ffffff !important;
    /* Makes the button text bold */
    font-weight: 700;
    /* Sets the font for the button text */
    font-family: 'Assistant', sans-serif;
    font-size: 18px;
    /* Adds rounded corners */
    border-radius: 8px;
    /* Adds some space inside the button */
    padding: 15px 30px;
    /* Adds a subtle shadow for a "popping" effect */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    /* Smooth transition for hover effects */
    transition: all 0.3s ease;
}

/* --- Button Hover Effect --- */
body.elementor-page-4647 .elementor-button:hover {
    /* Slightly darkens the button on hover */
    background-color: #e88e0b;
    /* Lifts the button slightly on hover */
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}/* End custom CSS */