.elementor-6882 .elementor-element.elementor-element-ab5c4e3{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-6882 .elementor-element.elementor-element-ab5c4e3:not(.elementor-motion-effects-element-type-background), .elementor-6882 .elementor-element.elementor-element-ab5c4e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor2 );}.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-6882 .elementor-element.elementor-element-bac36ff{text-align:center;}.elementor-6882 .elementor-element.elementor-element-bac36ff .elementor-heading-title{font-family:"Manrope", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-6882 .elementor-element.elementor-element-8448472{width:100%;max-width:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6882 .elementor-element.elementor-element-1baa924 .elementor-button{background-color:var( --e-global-color-astglobalcolor2 );fill:#FFFFFF;color:#FFFFFF;border-radius:0px 5px 0px 0px;}.elementor-6882 .elementor-element.elementor-element-1baa924.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-6882 .elementor-element.elementor-element-1baa924{left:0px;}body.rtl .elementor-6882 .elementor-element.elementor-element-1baa924{right:0px;}.elementor-6882 .elementor-element.elementor-element-1baa924{bottom:0px;}.elementor-6882 .elementor-element.elementor-element-1baa924 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-6882 .elementor-element.elementor-element-1baa924 .elementor-button .elementor-button-content-wrapper{gap:17px;}#elementor-popup-modal-6882{background-color:rgba(0,0,0,.8);justify-content:center;align-items:flex-end;pointer-events:all;}#elementor-popup-modal-6882 .dialog-message{width:2000px;height:250px;align-items:flex-end;}#elementor-popup-modal-6882 .dialog-close-button{display:flex;}#elementor-popup-modal-6882 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-6882 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-6882 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-6882 .elementor-element.elementor-element-ab5c4e3{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-6882 .elementor-element.elementor-element-bac36ff .elementor-heading-title{font-size:16px;}#elementor-popup-modal-6882 .dialog-message{height:534px;}}/* Start custom CSS for html, class: .elementor-element-8448472 */.elementor-6882 .elementor-element.elementor-element-8448472 h2, .elementor-6882 .elementor-element.elementor-element-8448472 label, .elementor-6882 .elementor-element.elementor-element-8448472 input, .elementor-6882 .elementor-element.elementor-element-8448472 select, button, .elementor-6882 .elementor-element.elementor-element-8448472 a {
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
        }

        /* Background styling */


        /* Main container */
        .calculator-container {
            max-width: 100%;
            margin: 0 auto;
            padding: 30px;
            border-radius: 10px;
            color: white;
        }

     .elementor-6882 .elementor-element.elementor-element-8448472 h2 {
            font-weight: 600;
            margin-bottom: 20px;
            text-align: center;
        }

        /* Flexbox for form fields */
        .form-fields-container {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            flex-wrap: wrap;
            align-items: end;
        }

        .form-field {
            flex: 0 0 18%;
        }

        .elementor-6882 .elementor-element.elementor-element-8448472 label {
            display: block;
            margin-bottom: 8px;
            color: #ffffff;
            font-weight: 600;
        }

        .elementor-6882 .elementor-element.elementor-element-8448472 select, .elementor-6882 .elementor-element.elementor-element-8448472 input {
            width: 100%;
            padding: 10px;
            border-radius: 6px;
            border: 1px solid #ccc;
            background-color: #fff;
            color: 333;
            font-size: 16px;
        }

        .elementor-6882 .elementor-element.elementor-element-8448472 select:focus, .elementor-6882 .elementor-element.elementor-element-8448472 input:focus {
            outline: none;
            border-color: #ff5722;
        }

        /* Flex layout for Calculate Button */
        .calculate-btn {
            flex: 0 0 20%;
            background-color: #ff5722;
            color: white;
            padding: 12px 20px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 18px;
            width: 100%;
            align-self: flex-end; /* Align button to the bottom if needed */
        }

        .calculate-btn:hover {
            background-color: #e64a19;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        }

        /* Full-width result section */
        .result {
            font-size: 20px;
            margin-top: 20px;
            font-weight: 600;
            text-align: center;
        }


        /* Media Queries for Responsiveness */
        @media (max-width: 768px) {
            .form-field {
                flex: 0 0 48%;
            }

            .calculate-btn {
                flex: 0 0 48%;
            }

            .call-button {
                width: 100%;
            }
        }

        @media (max-width: 480px) {
            .form-field {
                flex: 0 0 100%;
            }

            .calculate-btn {
                flex: 0 0 100%;
            }

            .elementor-6882 .elementor-element.elementor-element-8448472 h2 {
                font-size: 22px;
            }

            .result {
                font-size: 18px;
            }

            .call-button {
                font-size: 16px;
                padding: 10px 20px;
            }
        }/* End custom CSS */