/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 3.5.5.1765449639
Updated: 2025-12-11 10:40:39

*/

:root {
	--color-primary: #3275CB; 
	--color-primary-dark: #0F62CC; 
	--color-secondary-dark: #b87332;
	--color-highlight: #00C2E2; 
	--color-text: #121F38;
	--color-backgound-light: #f2efea; 
	--color-backgound-light-2: #e7b7a120;
	--section-padding: 40px;
	--start-padding: 15px;
	--end-padding: 15px;
	--wide-padding: 80px;
	--content-width-medium: 1400px;
	--content-width-small: 1140px;
	--content-width-narrow: 750px;
	--color-white: #fff;
	--font-size: 16px;
	--font-large: 20px;
    --color-green: #3DB720;
    --color-orange: #FF6200;
    --color-blue: #3BA4EB;
	--color-green-light: #03400110;
	--site-content-width: 1340px;
}
.moo-hide {
	visibility: hidden !important;
}
.section-padding {
	padding-top: var(--section-padding) !important;
	padding-bottom: var(--section-padding) !important;
}
.section-padding-top {
	padding-top: var(--section-padding) !important;
	padding-bottom: 0 !important;
}
.section-padding-bottom {
	padding-top: 0 !important;
	padding-bottom: var(--section-padding) !important;
}
.section-padding-wide {
	padding-top: calc(var(--section-padding) * 2) !important;
	padding-bottom: calc(var(--section-padding) * 2) !important;
}
.section-padding-wide-top {
	padding-top: calc(var(--section-padding) * 2) !important;
	padding-bottom: 0 !important;
}
.section-padding-wide-bottom {
	padding-top: 0 !important;
	padding-bottom: calc(var(--section-padding) * 2) !important;
}
.section-fullwidth {
	padding-left: calc(1.75 * var(--section-padding)) !important;
	padding-right: calc(1.75 * var(--section-padding)) !important;
}
.section-medium {
	margin: 0 auto !important;
	max-width: var(--content-width-medium) !important;
}
.section-small {
	margin: 0 auto !important;
	max-width: var(--content-width-small) !important;
}
.section-narrow,
.page-banner .elementor-widget-text-editor {
	margin: 0 auto !important;
	max-width: var(--content-width-narrow) !important;
}
.section-padding > .e-con-inner {
	gap: 20px !important;
}
.section-padding.gap-wide > .e-con-inner {
	gap: 80px !important;
}

.bg-green-light {
	background-color: var(--color-green-light) !important;
}

.page-title-section {
	/*background-image: radial-gradient( circle farthest-corner at 10% 20%,  #3275CB 0%, rgba(198,253,249,1) 90% );
	background-image: linear-gradient( 105.9deg,  rgba(0,122,184,1) 24.4%, rgba(46,0,184,0.88) 80.5% );
	background-image: linear-gradient( 109.6deg,  rgba(163,213,255,1) 11.3%, rgba(4,137,137,1) 86.7% );
	background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(0,105,148,1) 15.6%, rgba(0,163,217,1) 51.9%, rgba(0,194,226,1) 81% );*/
	background-color: #3275CB;
	background-image: radial-gradient( circle farthest-corner at 10% 20%, #3275CB 15.6%, rgba(0,163,217,1) 51.9%, rgba(0,194,226,1) 81% );
}
.page-title-section h1 { 
	font-size: 60px !important;
	color: #fff !important;
}
.page-title-section, 
.page-title-section p { 
	margin: 0 !important;
	color: #fff !important;
}
.text-block-wide {
	max-width: 70% !important;
	margin: 0 auto;
}

/**
 * Accordions styles
 * features-accordion 
 * features-accordion faq-styled
 * features-accordion white-styled
 * features-accordion glass-styled 
 * no-padding
 **/

.features-accordion {
	padding-right: 60px;
}
.features-accordion .e-n-accordion-item-title-header {
	padding-right: 10px;
}
.features-accordion .e-n-accordion-item-title {
	padding: 15px 0 !important;
	border: 0 none !important;
	border-bottom: 2px dotted #E3E5EC !important;
}
.features-accordion .e-n-accordion-item-title-text {
	font-size: 1.8rem !important;
	font-weight: 500;
}
.e-n-accordion-item-title-icon svg path {
	fill: var(--color-secondary);
}
.features-accordion .e-n-accordion-item summary + div.elementor-element,
.features-accordion .e-n-accordion-item summary + div.elementor-element > div {
	padding: 0;
	border: 0 none !important;
}
.features-accordion .e-n-accordion-item summary + div.elementor-element p {
	font-size: 16px !important;
}
.faq-styled {
    background: linear-gradient(180deg, rgba(42, 44, 55, 0.2) -16.7%, rgba(255, 255, 255, 0.2) 130.73%);
    padding: 30px;
	border-radius: 16px;
}
.features-accordion.faq-styled .e-n-accordion-item-title {
    border-bottom: 0px none !important;
}
.features-accordion.faq-styled .e-n-accordion-item-title-text {
    font-size: 1.15rem !important;
}
.features-accordion.faq-styled .e-n-accordion-item-title-text b {
    display: inline-block; 
	margin-right: 10px;
	font-weight: 500;
}
.features-accordion.faq-styled details {
	border-bottom: 1px solid #fff !important;
	padding: 5px 0;
}
.white-styled {
    background: transparent;
    padding: 0 30px;
	border-radius: 16px;
}
.white-styled summary {
    background: #fff;
    border-radius: 12px !important;
}
.white-styled summary .e-n-accordion-item-title-header, 
.glass-styled summary .e-n-accordion-item-title-header {
    padding: 0 8px 0 25px !important;
}
.features-accordion.white-styled .e-n-accordion-item-title, 
.features-accordion.glass-styled .e-n-accordion-item-title {
    border-bottom: 0px none !important;
}
.features-accordion.white-styled .e-n-accordion-item-title-text, 
.features-accordion.glass-styled .e-n-accordion-item-title-text {
    font-size: 2.2rem !important;
    border-radius: 4px !important;
    color: var(--color-text) !important;
}

.features-accordion.white-styled .e-n-accordion-item-title-text b, 
.features-accordion.glass-styled .e-n-accordion-item-title-text b {
    display: inline-block; 
	margin-right: 10px;
	font-weight: 700;
	color: var(--color-highlight);
	/*font-size: 16px;*/
}
.features-accordion.white-styled .e-n-accordion-item-title-text b:empty, 
.features-accordion.glass-styled .e-n-accordion-item-title-text b:empty {
    display: none;
}
.features-accordion.white-styled details,
.features-accordion.glass-styled details {
	/*border-bottom: 1px solid #fff !important;*/
	padding: 5px 0;
}
.white-styled .e-n-accordion-item-title-icon svg path {
    fill: #FE583E;
}
.features-accordion.white-styled details[open] {
	background: #f3f3f3;
    border-radius: 12px;
}
.features-accordion.white-styled details[open] .e-n-accordion-item-title-text {
	color: #000 !important; 
}
.white-styled details[open] summary {
    background: transparent;
}
.features-accordion.white-styled details[open] .e-n-accordion-item-title {
	color: #000;
}
.features-accordion.faq-styled details[open] .e-n-accordion-item-title-text b, 
.features-accordion.white-styled details[open] .e-n-accordion-item-title-text b {
	color: var(--color-highlight); 
}
.features-accordion.white-styled details[open] > .elementor-element {
	padding: 0 25px;
}
.features-accordion.white-styled details[open] p {
	color: #000;
}
.features-accordion.white-styled .e-n-accordion-item-title-icon {
    padding: 10px;
    background: #00206017;
    border-radius: 25px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}
.features-accordion.white-styled details[open] .e-n-accordion-item-title-icon {
    background: rgb(50 117 203);
}
.features-accordion.white-styled details[open] .e-n-accordion-item-title-icon svg path {
    fill: #fff;
}
.features-accordion.white-styled details[open] .e-n-accordion-item-title i,
.features-accordion.white-styled details[open] .e-n-accordion-item-title i :before {
    color: #ffffff !important;
}
.glass-styled {
	background: rgba(255, 255, 255, 0.35);
	border-radius: 32px;
	padding-right: 32px;
}
.glass-styled .e-n-accordion-item-title-icon svg path {
    fill: #000;
}
.features-accordion.glass-styled .e-n-accordion-item-title-text b {
	font-weight: 500;
	font-size: 1.2רקצ;
}

.features-accordion.glass-styled details[open] .e-n-accordion-item-title-text b {
    color: #FE583E;
}

.features-accordion.glass-styled .e-n-accordion-item summary + div.elementor-element, 
.features-accordion.glass-styled .e-n-accordion-item summary + div.elementor-element > div {
    padding: 0;
    padding-left: 30px;
    border: 0 none !important;
}
.features-accordion.glass-styled.no-padding .e-n-accordion-item summary + div.elementor-element, 
.features-accordion.glass-styled.no-padding .e-n-accordion-item summary + div.elementor-element > div {
	padding-left: 13px;
}
.icons-row {
	gap: 30px;
}
.icons-row > .elementor-element {
	width: calc(100% / 3 - 30px);
}
.icons-row > .elementor-element > .elementor-widget-container .elementskit-infobox {    
    border: 1px solid #cfcfcf !important;
    border-radius: 12px !important;
}
.icons-row .elementskit-info-box-icon path {
	fill: var(--color-highlight);
}
#footer-navs > div {
    width: auto;
    flex-grow: 1;
    flex-shrink: 0;
}
#footer-navs > div:last-child {
    flex-grow: 0;
}
footer,
footer h4,
footer a {
	color: #fff !important;
}
footer h4 {
	font-size: 17px;
	margin-bottom: 0;
}
footer p,
footer a {
	font-size: 14px !important;
	margin-bottom: 0;
}
.footer-copy {
	margin-top: 20px !important;
	margin-bottom: 5px;
}
.footer-copy a {
	text-decoration: underline;
}

/* Mega menu wrapper */
.mega-menu-dropdown-wrapper {
	padding: 30px;
	background: #F4F4F4;
}
.mega-menu-columns{
  display: grid;
  gap: 40px; /* ⬅ wider gap between columns */
  grid-template-columns: repeat(var(--mm-cols, 4), minmax(0, 1fr));
}

/* Responsive behavior stays intact */
@media (max-width: 1024px){
  .mega-menu-columns{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    padding: 24px;
  }
}
@media (max-width: 640px){
  .mega-menu-columns{
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 16px;
  }
}

/* Top-level column titles */
.mega-menu-col-title{
  display: inline-block;
  font-weight: 700; /* ⬅ bold top level */
  margin-bottom: 12px;
  color: var(--color-text);
  text-decoration: none;
}

/* All links */
.mega-menu-item {
	line-height: 1.25;
	margin-bottom: 6px !important;
}
.mega-menu-columns a{
  color: var(--color-text);
  text-decoration: none;
	font-size: 14px;
}

/* Optional hover state */
.mega-menu-columns a:hover{
  text-decoration: underline;
}

/* Lists reset */
.mega-menu-single{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Nested levels spacing */
.mega-menu-single .mega-menu-single{
  margin-top: 8px;
  padding-left: 16px;
}

/* Orphans column tweaks (optional) */
.mega-menu-single--orphans .mega-menu-link{
  font-weight: 500;
}

.wpcf7-form .wpcf7-form-control-wrap {
	margin-bottom: 5px;
	display: block;
}
.wpcf7-form br {
	display: none;
}
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="date"], 
.wpcf7-form input[type="month"], 
.wpcf7-form input[type="time"], 
.wpcf7-form input[type="datetime"], 
.wpcf7-form input[type="datetime-local"], 
.wpcf7-form input[type="week"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="color"], 
.wpcf7 input[type="url"], 
.wpcf7 input[type="email"], 
.wpcf7 input[type="tel"],
.wpcf7-form form select, 
.wpcf7-form form textarea {
	text-align: right !important;
	direction: rtl !important;
}

.scroll-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip-path: circle(100% at 50% 50%);
    transition: clip-path 0.5s ease-out;
}
.bottom-good.scroll-mask {
    clip-path: circle(120px at 50% calc(79% - 190px));
    transition: clip-path 0.5s ease-out;
}
/* Container Setup */
.section-steps {
    display: flex;
    gap: 2.5rem;
    justify-content: space-between;
    margin-top: 3rem;
    position: relative;
}

/* Connecting Timeline Line (Desktop Only) */
@media (min-width: 769px) {
    .section-steps::before {
        content: '';
        position: absolute;
        top: 2.5rem; /* Adjusted down slightly to align with larger header/dot spacing */
        left: 12%;
        right: 12%;
        height: 3px;
        background: linear-gradient(90deg, #e2e8f0 0%, #cbd5e1 50%, #e2e8f0 100%);
        z-index: 1;
    }
}

/* Individual Card Setup */
.section-steps > .elementor-element {
    flex: 1;
    position: relative;
    z-index: 2;
    background: #ffffff;
    padding: 2.5rem 2rem 2.5rem 2rem; /* Increased bottom padding for text breathing room */
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04), 0 1px 8px rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

/* Elegant Pop-up Hover Effect */
.section-steps > .elementor-element:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 1px 10px rgba(0, 0, 0, 0.03);
    border-color: rgba(74, 124, 89, 0.2);
}

/* Header & Dot Layout */
.section-steps h4 {
    color: #1a1a1a;
    font-size: 1.5rem; /* Increased from 1.3rem */
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 1.5rem; /* Increased spacing under the larger header */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
}

/* Timeline Dot Indicator */
.section-steps h4::before {
    content: '';
    width: 16px; /* Slightly larger dot to balance the larger text */
    height: 16px;
    background-color: #4a7c59;
    border: 4px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #4a7c59;
    transition: transform 0.3s ease;
}

/* Subtle dot pulsing effect on card hover */
.section-steps > .elementor-element:hover h4::before {
    transform: scale(1.2);
}

/* Paragraph Content Styling */
.section-steps .elementor-widget-container {
    color: #334155; 
    line-height: 1.6; 
    font-size: 1.5rem; 
    text-align: justify;
}

/* Mobile responsive stacked fallback */
@media (max-width: 768px) {
    .section-steps {
        flex-direction: column;
        gap: 2.5rem;
        margin-top: 1.5rem;
    }
    
    .section-steps > .elementor-element {
        padding: 2.25rem 2rem;
    }
    
    .section-steps h4 {
        flex-direction: row;
        align-items: center;
        gap: 1.25rem;
    }
    
    .section-steps h4::before {
        box-shadow: 0 0 0 2px #4a7c59;
    }
}

@media (min-width: 1024px) and (max-width: 1300px) {
	#primary-header {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.mobile-menu-wrapper {
		justify-content: space-between;
	}
}
@media (max-width: 767px) {
	.mobile-menu-wrapper {
		width: auto !important;	
	}
}

/* --- Strictly Isolated Wrapper Layout --- */
.benefit-column .elementor-widget-text-editor {
    position: relative;
    padding-inline-start: 1.75rem; /* Space for the vertical line on the right side */
    margin-bottom: 2.5rem;
    display: block;
    transition: transform 0.3s ease;
}

/* --- Clean Architectural Border (RTL Native) --- */
.benefit-column .elementor-widget-text-editor::before {
    content: '';
    position: absolute;
    top: 6px;
    bottom: 6px;
    inset-inline-start: 0; /* Places line on the right side for Hebrew */
    width: 4px;
    background-color: #cbd5e1; /* Neutral grey background */
    border-radius: 4px;
    transition: background-color 0.3s ease, width 0.3s ease;
}

/* --- Isolated Focus/Hover States --- */
.benefit-column .elementor-widget-text-editor:hover::before {
    background-color: #4a7c59; /* Your primary green accent color */
    width: 6px;
}

.benefit-column .elementor-widget-text-editor:hover h4 {
    color: #4a7c59;
}

/* --- Typography Scaling Up --- */
.benefit-column .elementor-widget-text-editor h4 {
    font-weight: 700 !important;
    color: #1a202c !important;
    margin-top: 0 !important;
    margin-bottom: 1.25rem !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease;
}

.benefit-column .elementor-widget-text-editor .elementor-widget-container {
    color: #4a5568 !important;
    text-align: justify !important;
}

/* --- Link Styling Clean-Up --- */
.benefit-column .elementor-widget-container a {
    color: #4a7c59 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    border-bottom: 2px solid rgba(74, 124, 89, 0.2) !important;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.benefit-column .elementor-widget-container a:hover {
    color: #3b6347 !important;
    border-bottom-color: #3b6347 !important;
}

/* --- Mobile Breakpoint Safety --- */
@media (max-width: 768px) {
    .benefit-column .elementor-widget-text-editor h4 {
        font-size: 1.35rem !important;
    }
    
    .benefit-column .elementor-widget-text-editor .elementor-widget-container {
        font-size: 1.1rem !important;
    }
    
    .benefit-column .elementor-widget-text-editor {
        padding-inline-start: 1.25rem;
        margin-bottom: 3rem; /* Extra gap between stacked mobile text pieces */
    }
}