.elementor-5685 .elementor-element.elementor-element-c30ab5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.6;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-5685 .elementor-element.elementor-element-c30ab5c:not(.elementor-motion-effects-element-type-background), .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-5685 .elementor-element.elementor-element-c30ab5c::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-background-video-container::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .e-con-inner > .elementor-background-video-container::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-background-slideshow::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:0px -115px;background-repeat:no-repeat;background-size:cover;}.elementor-5685 .elementor-element.elementor-element-33429aa{text-align:center;}.elementor-5685 .elementor-element.elementor-element-33429aa .elementor-heading-title{font-size:30px;font-weight:900;color:#FFFFFF;}.elementor-5685 .elementor-element.elementor-element-b2e7428{text-align:center;font-weight:400;color:#FFFFFF;}.elementor-5685 .elementor-element.elementor-element-d11efae{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-5685 .elementor-element.elementor-element-d024cd8{--display:flex;--border-radius:15px 15px 15px 15px;--padding-top:2rem;--padding-bottom:5rem;--padding-left:5rem;--padding-right:5rem;}.elementor-5685 .elementor-element.elementor-element-d024cd8:not(.elementor-motion-effects-element-type-background), .elementor-5685 .elementor-element.elementor-element-d024cd8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5685 .elementor-element.elementor-element-5d5a312{font-size:17px;}.elementor-5685 .elementor-element.elementor-element-ddb9555{font-size:17px;}.elementor-5685 .elementor-element.elementor-element-ea84205{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:25px;--margin-left:0px;--margin-right:0px;--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}.elementor-5685 .elementor-element.elementor-element-ea84205.e-con{--align-self:center;}.elementor-5685 .elementor-element.elementor-element-663e2b4 .elementor-heading-title{font-size:20px;color:var( --e-global-color-accent );}.elementor-5685 .elementor-element.elementor-element-f9b62c8{font-size:17px;}.elementor-5685 .elementor-element.elementor-element-ebcf3cc .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-5685 .elementor-element.elementor-element-ebcf3cc .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-5685 .elementor-element.elementor-element-ebcf3cc{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-5685 .elementor-element.elementor-element-ebcf3cc .elementor-icon-list-item > .elementor-icon-list-text, .elementor-5685 .elementor-element.elementor-element-ebcf3cc .elementor-icon-list-item > a{font-size:17px;}.elementor-5685 .elementor-element.elementor-element-ebcf3cc .elementor-icon-list-text{transition:color 0.3s;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-5685 .elementor-element.elementor-element-ea84205{--width:60%;}}@media(max-width:1024px){.elementor-5685 .elementor-element.elementor-element-c30ab5c::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-background-video-container::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .e-con-inner > .elementor-background-video-container::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-background-slideshow::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}}@media(max-width:767px){.elementor-5685 .elementor-element.elementor-element-c30ab5c::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-background-video-container::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .e-con-inner > .elementor-background-video-container::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-background-slideshow::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-5685 .elementor-element.elementor-element-c30ab5c{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-5685 .elementor-element.elementor-element-33429aa .elementor-heading-title{font-size:20px;line-height:1.7em;}.elementor-5685 .elementor-element.elementor-element-b2e7428{font-size:16px;}.elementor-5685 .elementor-element.elementor-element-d024cd8{--padding-top:2rem;--padding-bottom:2rem;--padding-left:1.5rem;--padding-right:1.5rem;}.elementor-5685 .elementor-element.elementor-element-ea84205{--padding-top:1.5em;--padding-bottom:1.5em;--padding-left:1.5em;--padding-right:1.5em;}}@media(min-width:1025px){.elementor-5685 .elementor-element.elementor-element-c30ab5c::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-background-video-container::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .e-con-inner > .elementor-background-video-container::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-background-slideshow::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .e-con-inner > .elementor-background-slideshow::before, .elementor-5685 .elementor-element.elementor-element-c30ab5c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-ea84205 */.eccalc {
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}


eccalc.body {
        font-family: Arial, sans-serif;
        background-color: #f9f9f9;
        margin: 0;
        padding: 20px;
    }
eccalc.container {
        max-width: 600px;
        margin: auto;
        padding: 40px;
        background-color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
    }

eccalc.form {
        display: flex;
        flex-direction: column;
    }
    
eccalc.label {
        margin-top: 15px !important;
        font-weight: bold;
        color: #555;
    }
input[type="number"], select {
        padding: 10px;
        margin-top: 5px;
        margin-bottom: 10px !important;
        font-size: 16px;
        border: 1px solid #ccc;
        border-radius: 15px;
        direction: ltr;
    }
    
button {
        margin-top: 20px;
        padding: 10px 20px;
        background-color: #007bff;
        color: white;
        border: none;
        cursor: pointer;
        font-size: 16px;
        border-radius: 15px !important;
        width: 100% !important;
    }

    #result {
        margin-top: 20px;
        font-size: 18px;
        color: #333;
        text-align: center;
        direction: rtl;
    }
.@media (max-width: 600px) {
        .container {
            padding: 10px;
        }
        h1 {
            font-size: 24px;
        }
        input[type="number"], select, button {
            font-size: 14px;
            padding: 8px;
        }
        button {
            padding: 8px 16px;
        }
    }/* End custom CSS */