/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1770756714
Updated: 2026-02-10 20:51:54

*/



:root {
    --space-xl: 60px;
    --space-l: 48px;
    --space-m: 24px;
    --space-s: 16px;
    --space-xs: 12px;
    
    --radius-xl: 200px;
    --radius-l: 24px;
    --radius-m: 12px;
    --radius-s: 4px;

    --box-shadow: 20px 20px 50px 5px rgba(0, 0, 0, 0.2);
}

@media(width >= 768px) {
:root {
    --space-xl: 108px;
    --space-l: 84px;
    --space-m: 48px;
    --space-s: 36px;
    --space-xs: 12px;
    
    --radius-xl: 200px;
    --radius-l: 48px;
    --radius-m: 16px;
    --radius-s: 4px;
    }
}


/* ------------------------------------------------------------ */
/* Custom Classes */
/* ------------------------------------------------------------ */


.very-bold {
    font-weight: 1000 !important;
}
.uppercase {
    text-transform: uppercase !important;
}
.bigger {
    font-size: 120% !important;
        line-height: 1.4em;
}
.smaller {
    font-size: 80% !important;
	line-height: 1.4em;
}
.center {
    text-align: center!important;
}

.left {text-align:left!important;}
.right {text-align:right!important}



.hidden {
    display:none!important;
}

.nowrap {
    white-space: nowrap;
}

.disclaimer {
    color: #757575;
    font-size: 90%;
    line-height: 1.5;
	font-style:italic;
}

.yellow {color:#FFB400!important;}
.blue {color:#0094CC!important;}
.gray {color:#444444!important;}
.black {color:#000000!important;}
.green {color:#00A39A!important;}
.orange {color:#F5813C!important;}
.pink {color:#EC008C!important;}
.white {color:#ffffff!important;}
.red {color:#ED1C24!important;}


.mb0 {margin-bottom:0!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}



/* BEGIN utility classes */
.max-xl {
    max-width: 1200px!important;
    text-wrap:balance;
}
.max-l {
    max-width: 1000px!important;
    text-wrap:balance;
}
.max-m {
    max-width: 800px!important;
    text-wrap:balance;    
}
.max-s {
    max-width: 600px!important;
    text-wrap: balance;
}
.max-xs {
    max-width: 400px!important;
    text-wrap: balance;
}
/* END utility classes */


li::marker {
    color: var(--e-global-color-accent);
}




/* ------------------------------------------------------------ */
/* Typography */
/* ------------------------------------------------------------ */
body {
    overflow-wrap: break-word;
}

p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
    margin-top: .75em;
}
ul + p, ol + p, ul + h1, ol + h1, ul + h2, ol + h2, ul + h3, ol + h3, ul + h4, ol + h4, ul + h5, ol + h5, ul + h6, ol + h6 {
    margin-top: .75em;
}
p {
    margin-bottom: 1em;
}
ol, ul {
    line-height: 1.4;
}
ol > li, ul > li {
    margin-bottom: 3px;
}
ul ul {
    list-style-type: disc;
}
ol ul {
    list-style-type: disc;
}
ul {margin-left:1em;}
ol {padding-left: 1.5em;}

blockquote {
    font-style: italic;
}
.elementor hr {
    background-color: #bcbcbc;
}
pre, code, kbd, tt, var {
    font-size: inherit;
}

.disclaimer {
	font-weight:400;
	font-style: italic;
}

body:not(.home) .elementor-element-d470721 {
  background-image: none!important;
}



/*buttons*/

/*
 * ELEMENTOR PORTAL SHAPE — LIVE SITE FIX
 * =======================================
 * Paste into: Appearance → Customize → Additional CSS
 *
 * Confirmed live HTML:
 * <div class="elementor-element elementor-element-9ec0d3a e-con-full
 *             window-image1 e-flex e-con e-parent e-lazyloaded">
 *
 * ARC STRATEGY:
 * Both radii are in vw — ellipse shape is locked to viewport width only.
 * min-height = --v-radius × 2 so the border always sits flush top and bottom.
 * background-position: center top anchors image to top edge at all widths.
 *
 * ARC CONSISTENCY ACROSS BREAKPOINTS:
 * The ratio --h-radius / --v-radius must stay constant (80/34 ≈ 2.35) at
 * every breakpoint so the arc curve looks identical at all screen widths.
 *
 * To tune:
 *   Arc curve flatter/rounder → adjust --v-radius AND --h-radius together
 *                               keeping their ratio at 2.35
 *   Container height          → adjust --v-radius (min-height follows automatically)
 *   Left/right bleed          → adjust --h-radius only
 */

/* ─── VARIABLES ─────────────────────────────────────────────────────────────── */
.window-image1 {
    --yellow-color: #ffb400;
    --h-radius: 80vw;
    --v-radius: 34vw;
    --portal-shape: ellipse(var(--h-radius) var(--v-radius) at 50% 50%);
}

/* ─── THE CONTAINER ─────────────────────────────────────────────────────────── */
.window-image1.e-con-full.e-con.e-flex {
    position: relative !important;
    overflow: visible !important;
    border-radius: 0 !important;

    min-height: 68vw !important; /* = --v-radius (34vw) × 2 */

    -webkit-clip-path: var(--portal-shape) !important;
    clip-path: var(--portal-shape) !important;

    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    will-change: clip-path;

    background-size: cover !important;
    background-position: center top !important;
}

/*
 * ─── DROP SHADOW ─────────────────────────────────────────────────────────────
 */
.window-image1.e-con-full.e-con.e-flex::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: inherit;
    -webkit-clip-path: var(--portal-shape);
    clip-path: var(--portal-shape);
    filter: drop-shadow(0px 15px 25px rgba(0, 0, 0, 0.5));
    pointer-events: none;
}

/*
 * ─── YELLOW BORDER ───────────────────────────────────────────────────────────
 * stroke-width="16" = double the 8px visual border (outer half is clipped).
 */
.window-image1.e-con-full.e-con.e-flex::after {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: 10;
    pointer-events: none;
    background-color: var(--yellow-color);

    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='80vw' ry='34vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='80vw' ry='34vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
       mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
       mask-repeat: no-repeat;
}

/* ─── CONTENT ON TOP ────────────────────────────────────────────────────────── */
.window-image1.e-con-full.e-con.e-flex > * {
    position: relative;
    z-index: 20;
}

/* ─── LAZY-LOAD GUARD ───────────────────────────────────────────────────────── */
.window-image1.e-con-full.e-con.e-lazyloaded {
    -webkit-clip-path: var(--portal-shape) !important;
    clip-path: var(--portal-shape) !important;
}

/*
 * ─── TABLET: ≤ 1024px ────────────────────────────────────────────────────────
 * --v-radius scales up for taller image.
 * --h-radius scales proportionally (ratio 2.35) to keep arc shape identical.
 * min-height = --v-radius × 2
 */
@media (max-width: 1024px) {
    .window-image1 {
        --v-radius: 44vw;
        --h-radius: 103vw; /* 44 × 2.35 = 103.4 */
        --portal-shape: ellipse(var(--h-radius) var(--v-radius) at 50% 50%);
    }

    .window-image1.e-con-full.e-con.e-flex {
        min-height: 88vw !important; /* = --v-radius (44vw) × 2 */
    }

    .window-image1.e-con-full.e-con.e-flex::after {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='103vw' ry='44vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
               mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='103vw' ry='44vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
    }

    .window-image1.e-con-full.e-con.e-lazyloaded {
        -webkit-clip-path: var(--portal-shape) !important;
        clip-path: var(--portal-shape) !important;
    }
}

/*
 * ─── MOBILE: ≤ 767px ─────────────────────────────────────────────────────────
 * Same ratio maintained: 57 × 2.35 = 134vw
 * min-height = --v-radius × 2
 */
@media (max-width: 767px) {
    .window-image1 {
        --v-radius: 57vw;
        --h-radius: 134vw; /* 57 × 2.35 = 133.95 */
        --portal-shape: ellipse(var(--h-radius) var(--v-radius) at 50% 50%);
    }

    .window-image1.e-con-full.e-con.e-flex {
        min-height: 114vw !important; /* = --v-radius (57vw) × 2 */
    }

    .window-image1.e-con-full.e-con.e-flex::after {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='134vw' ry='57vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
               mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='134vw' ry='57vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
    }

    .window-image1.e-con-full.e-con.e-lazyloaded {
        -webkit-clip-path: var(--portal-shape) !important;
        clip-path: var(--portal-shape) !important;
    }
}




/*
 * NARROW VARIANT — ADD-ON FOR .window-image1
 * ===========================================
 * Add BOTH classes to the Elementor container: "window-image1 narrow"
 */

/* ─── DESKTOP ────────────────────────────────────────────────────────────────── */
.window-image1.narrow {
    --v-radius: 18vw;
    --h-radius: 62vw;
    --portal-shape: ellipse(var(--h-radius) var(--v-radius) at 50% 50%);
}
.window-image1.narrow.e-con-full.e-con.e-flex {
    min-height: 36vw !important; /* = --v-radius (18vw) × 2 */
}
.window-image1.narrow.e-con-full.e-con.e-flex::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='62vw' ry='18vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
           mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='62vw' ry='18vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% 100%;
           mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
           mask-repeat: no-repeat;
}
.window-image1.narrow.e-con-full.e-con.e-lazyloaded {
    -webkit-clip-path: var(--portal-shape) !important;
    clip-path: var(--portal-shape) !important;
}

/* ─── TABLET: ≤ 1024px ───────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .window-image1.narrow {
        --v-radius: 32vw;
        --h-radius: 93vw;
        --portal-shape: ellipse(var(--h-radius) var(--v-radius) at 50% 50%);
    }
    .window-image1.narrow.e-con-full.e-con.e-flex {
        min-height: 64vw !important;
    }
    .window-image1.narrow.e-con-full.e-con.e-flex::after {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='93vw' ry='32vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
               mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='93vw' ry='32vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
        -webkit-mask-size: 100% 100%;
               mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
               mask-repeat: no-repeat;
    }
    .window-image1.narrow.e-con-full.e-con.e-lazyloaded {
        -webkit-clip-path: var(--portal-shape) !important;
        clip-path: var(--portal-shape) !important;
    }
}

/* ─── MOBILE: ≤ 767px ────────────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .window-image1.narrow {
        --v-radius: 41vw;
        --h-radius: 124vw;
        --portal-shape: ellipse(var(--h-radius) var(--v-radius) at 50% 50%);
    }
    .window-image1.narrow.e-con-full.e-con.e-flex {
        min-height: 82vw !important;
    }
    .window-image1.narrow.e-con-full.e-con.e-flex::after {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='124vw' ry='41vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
               mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cellipse cx='50%25' cy='50%25' rx='124vw' ry='41vw' fill='none' stroke='black' stroke-width='16'/%3E%3C/svg%3E");
        -webkit-mask-size: 100% 100%;
               mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
               mask-repeat: no-repeat;
    }
    .window-image1.narrow.e-con-full.e-con.e-lazyloaded {
        -webkit-clip-path: var(--portal-shape) !important;
        clip-path: var(--portal-shape) !important;
    }
}