.elementor-344 .elementor-element.elementor-element-b263abb{--display:flex;--min-height:55vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.5;}.elementor-344 .elementor-element.elementor-element-b263abb:not(.elementor-motion-effects-element-type-background), .elementor-344 .elementor-element.elementor-element-b263abb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://greengrids.pk/wp-content/uploads/2025/09/imgi_44_iStock-495151189_web.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-344 .elementor-element.elementor-element-b263abb::before, .elementor-344 .elementor-element.elementor-element-b263abb > .elementor-background-video-container::before, .elementor-344 .elementor-element.elementor-element-b263abb > .e-con-inner > .elementor-background-video-container::before, .elementor-344 .elementor-element.elementor-element-b263abb > .elementor-background-slideshow::before, .elementor-344 .elementor-element.elementor-element-b263abb > .e-con-inner > .elementor-background-slideshow::before, .elementor-344 .elementor-element.elementor-element-b263abb > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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 );}.elementor-344 .elementor-element.elementor-element-0bb93f0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-494c27e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-344 .elementor-element.elementor-element-5140063{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-344 .elementor-element.elementor-element-53491c0{--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;--justify-content:center;}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-344 .elementor-element.elementor-element-d21aefa{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:#000000;}.elementor-344 .elementor-element.elementor-element-d21aefa .elementor-headline{text-align:left;font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-344 .elementor-element.elementor-element-d21aefa .elementor-headline-dynamic-wrapper path{stroke:#068D19;}.elementor-344 .elementor-element.elementor-element-d21aefa .elementor-headline-plain-text{color:#000000;}.elementor-344 .elementor-element.elementor-element-d21aefa .elementor-headline-dynamic-text{font-family:"Poppins", Sans-serif;font-weight:500;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-344 .elementor-element.elementor-element-a58e124{font-family:"Montserrat", Sans-serif;font-weight:400;color:#0C0C0C;}.elementor-344 .elementor-element.elementor-element-fa4f531{--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;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-344 .elementor-element.elementor-element-53491c0{--width:50%;}.elementor-344 .elementor-element.elementor-element-fa4f531{--width:50%;}}@media(max-width:767px){.elementor-344 .elementor-element.elementor-element-b263abb{--min-height:36vh;}.elementor-344 .elementor-element.elementor-element-0bb93f0{text-align:center;}.elementor-344 .elementor-element.elementor-element-0bb93f0 .elementor-heading-title{font-size:30px;}.elementor-344 .elementor-element.elementor-element-494c27e .elementor-heading-title{font-size:16px;}.elementor-344 .elementor-element.elementor-element-5140063{--padding-top:30px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-344 .elementor-element.elementor-element-d21aefa .elementor-headline{font-size:30px;}.elementor-344 .elementor-element.elementor-element-fa4f531{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-9ef4138 */.calculator-container {
    background-color: #fff;
    padding: 40px;
    border-radius: 15px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.calculator-header h1 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #333;
}

.calculator-header .underline {
    width: 150px;
    height: 4px;
    background-color: #068D19;
    border-radius: 2px;
    margin: 0 auto 30px;
}

.input-group {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 25px;
}

.input-field {
    display: flex;
    flex-direction: column;
    text-align: left;
    flex: 1;
}

.input-field label {
    font-size: 16px;
    color: #555;
    margin-bottom: 8px;
}

.input-field input,
.input-field select {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
}

#calculate-btn {
    background-color: #068D19;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    margin-bottom: 30px;
    transition: background-color 0.3s ease;
}

#calculate-btn:hover {
    background-color: #057a17;
}

.result-section {
    text-align: left;
    margin-bottom: 20px;
}

.result-section label {
    font-size: 16px;
    color: #555;
    margin-bottom: 8px;
    display: block;
}

.result-section input {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f5f5f5;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    color: #333;
}

.result-message {
    color: #068D19;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
}/* End custom CSS */