.elementor-1286 .elementor-element.elementor-element-0331dc6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-5f0031d */.elementor-1286 .elementor-element.elementor-element-5f0031d .zakat-container {
            font-family: 'Inter', sans-serif;
            border-radius: 12px;
        }

.elementor-1286 .elementor-element.elementor-element-5f0031d h1{
    font-weight: 600;
}
        .elementor-1286 .elementor-element.elementor-element-5f0031d h2 {
            color: #fff;
            margin-top: 30px;
            margin-bottom: 10px;
            font-weight: 600;
            font-size: 20px;
        }

        .elementor-1286 .elementor-element.elementor-element-5f0031d .input-group {
            margin-bottom: 15px;
        }

        .elementor-1286 .elementor-element.elementor-element-5f0031d label {
            display: block;
            margin-bottom: 0px;
            color: #fff;
            font-size: 14px;
            line-height: 20px;
            width: 50%;
            text-transform: capitalize;
            font-weight: 500;
        }

        .elementor-1286 .elementor-element.elementor-element-5f0031d input {
            width: 50%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 14px;
        }

        .elementor-1286 .elementor-element.elementor-element-5f0031d input:focus {
            outline: none;
            border-color: #E32327;
        }

        .elementor-1286 .elementor-element.elementor-element-5f0031d button {
            background: #E32327;
            color: #fff;
            text-transform: uppercase;
            font-size: 18px;
            border: 2px solid #E32327;
            padding: 12px 25px;
            border-radius: 0px;
            cursor: pointer;
            width: 100%;
            font-weight: 500;
            margin-top: 20px;
            transition: .3s ease;
            &:hover{
                background: white;
                color: #E32327;
                border: 2px solid #E32327;
            }
        }

        .elementor-1286 .elementor-element.elementor-element-5f0031d #result {
            margin-top: 30px;
            padding: 20px;
            background: #f8f8f8;
            border-radius: 8px;
        }

        .elementor-1286 .elementor-element.elementor-element-5f0031d .total {
            font-size: 18px;
            font-weight: 600;
            color: #E32327;
            margin-top: 10px;
        }
        /* Previous styles remain the same */
        .elementor-1286 .elementor-element.elementor-element-5f0031d .section {
            margin-bottom: 30px;
        }

        /* Previous styles remain the same */
        .elementor-1286 .elementor-element.elementor-element-5f0031d .nisab-display {
            background: #4444;
            padding: 15px;
            border-radius: 8px;
            margin: 20px 0;
            font-size: 16px;
            display: flex;
            flex-wrap: wrap;
            color: #fff;
        }
        .elementor-1286 .elementor-element.elementor-element-5f0031d .nisab-item {
            margin: 10px 0;
            width: 50%;
        }
        .elementor-1286 .elementor-element.elementor-element-5f0031d .nisab-value {
            color: #fff;
            font-weight: 500;
        }
        .elementor-1286 .elementor-element.elementor-element-5f0031d .currency-input {
            position: relative;
            display: flex;
            gap: 20px;
            align-items: center;
        }

        .elementor-1286 .elementor-element.elementor-element-5f0031d #result {
            margin-top: 20px;
            padding: 20px;
            background: #4444;
            border-radius: 8px;
        }
        .elementor-1286 .elementor-element.elementor-element-5f0031d .subsection{
            border-top: 1px solid #ffffff24;
        }
        .elementor-1286 .elementor-element.elementor-element-5f0031d .nisab-info p{
            font-size: 16px;
            margin: 4px;
            color: #fff;
        }
        
        
        @media only screen and (max-width: 600px) {
            .elementor-1286 .elementor-element.elementor-element-5f0031d h1 {
            font-size: 22px;
            }
            .elementor-1286 .elementor-element.elementor-element-5f0031d .zakat-container{
                padding: 10px;
            }
            .elementor-1286 .elementor-element.elementor-element-5f0031d h4 {
            font-size: 16px;
            line-height:22px;
            font-weight:600;
            }
            .elementor-1286 .elementor-element.elementor-element-5f0031d .nisab-item {
            width: 100% !important;
            }
            .elementor-1286 .elementor-element.elementor-element-5f0031d label, .elementor-1286 .elementor-element.elementor-element-5f0031d input{
                width: 100% !important;
            }
            .elementor-1286 .elementor-element.elementor-element-5f0031d .currency-input{
                flex-wrap: wrap;
                gap: 8px !important;
            }
        }/* End custom CSS */