.zakat-calculator-embed {
							--primary-color: #2c786c;
							--secondary-color: #004445;
							--accent-color: #f8b400;
							--light-color: #faf5e4;
							--text-color: #333;

							font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
							max-width: 100%;
							margin: 0 auto;
							padding: 20px;
							border-radius: 10px;
							box-sizing: border-box;
					}

					.zakat-calculator-embed * {
							box-sizing: border-box;
							margin: 0;
							padding: 0;
					}

					.zakat-calculator-embed h1 {
							text-align: center;
							color: var(--primary-color);
							margin-bottom: 15px;
							font-size: 1.8rem;
					}

					.zakat-calculator-embed .subtitle {
							text-align: center;
							color: var(--secondary-color);
							margin-bottom: 20px;
							font-size: 1rem;
					}

					.zakat-calculator-embed .metal-rates-section {
							background-color: #fff8e1;
							padding: 15px;
							border-radius: 8px;
							margin-bottom: 20px;
							border-left: 4px solid var(--accent-color);
					}

					.zakat-calculator-embed .metal-rates-columns {
							display: flex;
							gap: 15px;
					}

					.zakat-calculator-embed .metal-rate-column {
							flex: 1;
					}

					.zakat-calculator-embed .metal1 {
							padding: 5px;
							background-color: #fff;
							gap: 5px;
					}

					.zakat-calculator-embed .metal-rate-info {
							display: flex;
							justify-content: space-between;
							margin-top: 10px;
							flex-wrap: wrap;
					}

					.zakat-calculator-embed .metal-rate-update {
							font-size: 0.8rem;
							color: #666;
							text-align: right;
							margin-top: 5px;
					}

					.zakat-calculator-embed .currency-selector {
							background-color: var(--light-color);
							padding: 15px;
							border-radius: 8px;
							margin-bottom: 20px;
							text-align: center;
					}

					.zakat-calculator-embed .currency-selector label {
							font-weight: 600;
							color: var(--primary-color);
							margin-right: 10px;
					}

					.zakat-calculator-embed .currency-selector select {
							padding: 8px 15px;
							border: 1px solid #ddd;
							border-radius: 5px;
							font-size: 1rem;
							background-color: white;
					}

					.zakat-calculator-embed .calculator-columns {
							display: flex;
							gap: 15px;
							margin-bottom: 15px;
					}

					.zakat-calculator-embed .column {
							flex: 1;
							display: flex;
							flex-direction: column;
					}

					.zakat-calculator-embed .section {
							background-color: var(--light-color);
							padding: 15px;
							border-radius: 8px;
							box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
							margin-bottom: 15px;
					}

					.zakat-calculator-embed .section-title {
							color: var(--secondary-color);
							margin-bottom: 12px;
							font-size: 1.1rem;
							border-bottom: 2px solid var(--accent-color);
							padding-bottom: 5px;
					}

					.zakat-calculator-embed .input-group {
							margin-bottom: 12px;
							position: relative;
					}

					.zakat-calculator-embed label {
							display: block;
							margin-bottom: 5px;
							font-weight: 600;
							color: var(--primary-color);
							font-size: 0.9rem;
					}

					.zakat-calculator-embed .input-icon {
							position: absolute;
							left: 5px;
							top: 28px;
							color: #fff;
							padding: 4px;
							background-color: #308815;
							border-radius: 4px;
							font-size: 18px;
					}

					.zakat-calculator-embed input[type="number"] {
							width: 100%;
							padding: 10px 10px 10px 35px;
							border: 1px solid #ddd;
							border-radius: 5px;
							font-size: 0.9rem;
							transition: border 0.3s;
					}

					.zakat-calculator-embed input[type="number"]:focus {
							border-color: var(--primary-color);
							outline: none;
							box-shadow: 0 0 0 2px rgba(44, 120, 108, 0.2);
					}

					.zakat-calculator-embed .total-box {
							background-color: var(--primary-color);
							color: white;
							padding: 12px;
							border-radius: 8px;
							margin-top: auto;
							font-weight: bold;
							text-align: center;
							font-size: 0.9rem;
					}

					.zakat-calculator-embed .total-amount {
							font-size: 1.2rem;
							margin-top: 5px;
					}

					.zakat-calculator-embed .zakatable-amount {
							background-color: var(--secondary-color);
							color: white;
							padding: 15px;
							border-radius: 8px;
							text-align: center;
							margin-bottom: 15px;
					}

					.zakat-calculator-embed .zakatable-title {
							font-size: 1rem;
							margin-bottom: 8px;
					}

					.zakat-calculator-embed .zakatable-value {
							font-size: 1.5rem;
							font-weight: bold;
							color: var(--accent-color);
					}

					.zakat-calculator-embed .result-section {
							background-color: var(--primary-color);
							color: white;
							padding: 20px;
							border-radius: 8px;
							text-align: center;
					}

					.zakat-calculator-embed .result-title {
							font-size: 1.2rem;
							margin-bottom: 8px;
					}

					.zakat-calculator-embed .zakat-amount {
							font-size: 1.8rem;
							font-weight: bold;
							color: var(--accent-color);
							margin: 12px 0;
					}

					.zakat-calculator-embed .btn {
							background-color: var(--secondary-color);
							color: white;
							border: none;
							padding: 12px;
							font-size: 1rem;
							border-radius: 5px;
							cursor: pointer;
							transition: background-color 0.3s;
							width: 100%;
							margin: 15px 0;
							font-weight: 600;
					}

					.zakat-calculator-embed .btn:hover {
							background-color: #003333;
					}

					.zakat-calculator-embed .btn:active {
							transform: scale(0.98);
					}

					@media (max-width: 768px) {
							.zakat-calculator-embed .calculator-columns,
							.zakat-calculator-embed .metal-rates-columns {
									flex-direction: column;
							}

							.zakat-calculator-embed h1 {
									font-size: 1.5rem;
							}

							.zakat-calculator-embed {
									padding: 15px;
							}
					}

					@media (max-width: 480px) {
							.zakat-calculator-embed {
									padding: 10px;
							}

							.zakat-calculator-embed h1 {
									font-size: 1.3rem;
							}

							.zakat-calculator-embed .section-title {
									font-size: 1rem;
							}

							.zakat-calculator-embed .zakat-amount {
									font-size: 1.5rem;
							}
					}