.elementor-273 .elementor-element.elementor-element-a57d580{--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;}.elementor-273 .elementor-element.elementor-element-384897f > .elementor-widget-container{padding:80px 0px 80px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-384897f */.zakat-calculator {
    background: #FFFFFF;
    padding: 50px;
    border-radius: 16px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    margin: auto;
    text-align: left;
    width: 70%;
}
.zakat-calculator h2, .zakat-calculator h3 {
    color: #2a2a2a;
    margin-bottom: 10px;
}
.zakat-calculator input, .zakat-calculator select {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    border-radius: 5px;
    border: 1px solid #ddd;
    font-size: 16px;
}
.zakat-calculator button {
    background: #007bff;
    color: white;
    padding: 12px;
    border-radius: 5px;
    cursor: pointer;
    width: 100%;
    font-size: 18px;
    border: none;
}
.zakat-calculator button:hover {
    background: #0056b3;
}
h2{
    text-align: center;
}
h3{
    text-align: center;
}
#result {
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    color: #28a745;
}/* End custom CSS */