.elementor-2291 .elementor-element.elementor-element-b63e44a > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.5;}/* Start custom CSS for html, class: .elementor-element-6ca4698 *//* Container styling */
.calculator-header-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    justify-content: center !important;
    padding: 10px 0 !important;
    width: 100% !important;
}

/* Buttons styling with Force White Color */
.calculator-header-grid a.grid-btn {
    display: inline-block !important;
    padding: 8px 15px !important;
    
    /* In 3 lines se blue color khatam ho jayega */
    color: #ffffff !important; 
    text-decoration: none !important;
    fill: #ffffff !important; 

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    border: 1px solid #000000 !important;
    border-radius: 2px !important;
    text-align: center !important;
    margin: 2px !important;
}

/* Hover state par bhi white hi rahe */
.calculator-header-grid a.grid-btn:hover {
    color: #ffffff !important;
    opacity: 0.9 !important;
    text-decoration: none !important;
}

/* Background Colors */
.b-red { background-color: #cc0000 !important; }
.b-lgreen { background-color: #76bc21 !important; }
.b-purple { background-color: #9900cc !important; }
.b-orange { background-color: #ff9900 !important; }
.b-grey { background-color: #777777 !important; }
.b-maroon { background-color: #800040 !important; }
.b-teal { background-color: #33cccc !important; }
.b-blue { background-color: #0033cc !important; }
.b-bgreen { background-color: #66cc00 !important; }
.b-dorange { background-color: #ff8000 !important; }
.b-brown { background-color: #804000 !important; }

/* Mobile View Adjustment */
@media (max-width: 921px) {
    .calculator-header-grid a.grid-btn {
        font-size: 11px !important;
        padding: 5px 8px !important;
    }
}/* End custom CSS */