/* Currency Switcher */
#errorDiv
{
	background-color:#F9DEDC;
	color:#B3261E;
	 padding: 8px;
    font-size: 12px;
}
#errorDiv img
{
	cursor:pointer;
}
    .currency-switcher,
    .nisab-switcher {
     
      align-items: center;
      gap: 0px;
      margin-bottom: 0px;
		
    }
.switch-bt {
	display:flex;
}
.switch-bt button {
	width:65px;
}
.currency-switcher span {
	font-size:25px;
}
h2.maintite {
	color: var(--Dark-Grey, #202020);
font-family: Sora;
font-size: 44px;
	margin-top:40px;
	border-left: 8px solid var(--UM---Dark-Green, #0E926B);
    padding-left: 20px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 52.8px */
}
hr {
	color:#484848;
}
.nisab-switcher button.active {
background:#FF9F0D !important;
	color:#202020;
	 border-color: #FF9F0D !important;
}
p.gram {
	margin:0px !important;
}
p.gold-nisab {
	color: #FF9F0D;
font-family: Sora;
font-size: 24.25px;
font-style: normal;
font-weight: 600;
	margin:0px !important;

}
p.silver-nisab {
	color: #FF9F0D;
font-family: Sora;
font-size: 24.25px;
font-style: normal;
font-weight: 600;
	
}
.nisab-switcher button {
	background:#fff !important;
	color:#202020;
}
.final-step {
display:flex;
	justify-content:space-between;
}
.nisab-switcher button {
	width:94px;
}
.nisab-switcher h3 {
	color: var(--Dark-Grey, #202020);
font-size: 25.6px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.currency-switcher {
	width: 50%;
	 display: flex;
    padding: 15px 34px;
    background-color: #202020;
    color: #fff;
	justify-content: space-between;
}
    .currency-switcher button,
    .nisab-switcher button {
      border: 1px solid #ccc;
      background: #f9f9f9;
      cursor: pointer;
      padding: 6px 14px;
      font-size: 16px;
      border-radius: 0px;
      transition: 0.2s;
    }

    .currency-switcher button.active,
    .nisab-switcher button.active {
      background: #007B5E;
      color: #fff;
      border-color: #007B5E;
    }
.donate-top-btn {
	margin-left:15px;
	text-decoration:none;
}
.donate-bar h3 {
	color: var(--Dark-Grey, #202020);
font-family: Sora;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 18px; /* 100% */
	margin-bottom:20px;
}
.dolar {
	color:#202020;
}
.dolar:hover {
	color:#202020;
}
    /* Top Donation Bar */
    .donate-bar {
    margin-bottom: 60px;
    width: 100%;
    text-align: center;
    margin-top: 60px;
}

    .donation-input-top {
    display: flex;
    align-items: center;
    border: 0px;
    border-radius: 0px;
    overflow: hidden;
    margin: auto;
    width: 100%;
    text-align: center;
    justify-content: center;
}
    .donation-input-top input {
    border: none;
    padding: 10px;
    font-size: 16px;
    width: 530px;
    outline: none;
    background: #F4F4F4;
}

   .donation-input-top span {
    
    padding: 8px 15px;
    font-size: 18px;
    border-left: 0px;
    background-color: #000;
    color: #fff;
}

    .donate-top-btn {
      background: #D01C00;
      color: #fff;
      text-decoration: none !important;
      padding: 10px 20px;
      border-radius: 0px;
      font-weight: bold;
    }

    /* Container for two columns */
    .zakat-container {
      display: flex;
      gap: 0px;
      margin-top: 20px;
    }

    .calculator-box,
    .summary-box {
      flex: 1;
      padding: 30px 35px 10px 35px;
      border-radius: 0px;
      background: #f4f4f4;
      
    }
.Summry-total h3 {
	color:#202020 !important;
}
.Summry-total p {
	color:#4D5869;
}
.Summry-total {
background:#fff;
	padding:20px;
	margin-top:30px;
	color:#202020;
}
.big-p {
	margin-top:30px !important;
	margin-bottom:20px;
}
    /* Calculator Fields */
    .zakat-fields {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
.summary-box img {
	
}
.zakat_note {
	text-align:center;
	padding-bottom:32px;
}
.gold-nisab,.
.summary-box h3 {
	color: #FFF;
font-size: 22.376px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 27.299px */
}
.summary-box h2 {
	color: #FFF;
text-align: left;
font-family: Sora;
font-size: 25.6px;
font-style: normal;
font-weight: 700;
line-height: 112.18%; /* 28.718px */
}
    .donation-input {
      display: flex;
      align-items: center;
      width: 100%;
     border: 0.8px solid #E4E4E4;
background: #FFF;
      padding: 8px;
      border-radius: 0px;
      background: #fff;
      position: relative;
      margin-bottom: 0px;
    }

    .info-width {
      flex: 1 1 40%;
      font-weight: 500;
      color: #333;
      min-width: 77%;
    }

    .currency_symbol {
      font-size: 18px;
      color: #00000066;
      flex: 0 0 25px;
      text-align: center;
    }

    .amount-input {
      padding: 8px 10px;
      font-size: 16px;
      border: 1px solid #ddd;
      border-radius: 0px;
      outline: none;
    }

    .separator {
      width: 1px;
      height: 25px;
      background: #ccc;
      margin: 0 10px;
    }

    /* Section Headings */
    .section-heading {
      margin-top: 10px;
      margin-bottom: 5px;
      font-size: 20px;
      font-weight: bold;
      color: #000;
      border-bottom: 1px solid #DEDDDD;
      display: inline-block;
      padding-bottom: 3px;
    }

    /* Summary Section */
    .summary-box {
color:#fff;
      background: #0E926B;
      padding: 20px;
      border-radius: 0px;
    }

    .summary-box h3 {
      margin-top: 0;
		color:#fff;
		color: #FFF;

font-family: Sora;
font-size: 22.376px;
font-style: normal;
font-weight: 700;
line-height: 122%; /* 27.299px */
    }

    .summary-box p {
      margin: 8px 0;
    }

    .donate-btn {
      display: inline-block;
      background: #E62E2D;
      color: #fff;
      padding: 10px 20px;
      text-decoration: none;
      border-radius: 0px;
      font-weight: bold;
      margin-top: 10px;
    }

    .donation-input input {
      border: 0px;
      padding: 0px;
      text-align: left;
      margin-top: 0px;
      border-radius: 0px;
    }

    h2 {
      color: #000;
    }

    .mak_gold_box {
      flex: 1;
      display: flex;
      padding: 10px;
      border-radius: 5px;
      align-items: center;
    }

    .mak_sliver_box {
      flex: 1;
      display: flex;
      padding: 10px;
      border-radius: 5px;
      align-items: center;
    }
.gold-s-box {
	display:flex; gap:10px; margin-bottom: 15px;
}

    /* Responsive */
    @media (max-width: 990px) {
      .zakat-container {
        flex-direction: column;
      }
		.currency-switcher span {
    font-size: 18px;
}
		.currency-switcher {
    width: 100%;
    padding: 10px 34px;
}
		h2.maintite {
    font-size: 34px;
    margin-top: 20px;
}
    }

@media (max-width: 500px) {
	h2.maintite {
    font-size: 30px;
}
	.donate-top-btn {
        font-size: 12px;
        padding: 12px 10px;
        margin-left: 8px;
    }
	.gold-s-box {
    display: block;
    gap: 10px;
    margin-bottom: 15px;
}
	.calculator-box, .summary-box {
    flex: 1;
   padding: 30px 20px 25px 20px;
}
	.info-width {
    flex: 1 1 40%;
    font-weight: 500;
    color: #333;
    min-width: 70%;
}
	.donation-input-top input {
    border: none;
    padding: 10px;
    font-size: 16px;
    width: 238px;
    outline: none;
    background: #F4F4F4;
}
}

/*******Media Quries *********/

@media (max-width: 1250px) {
.mak_prayer_calender {
    flex-wrap:wrap;
}
	#prayer_times_mak_new {
    width: 100%;
}
.prayer_right_column {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 90px;
}
.prayer_right_column .elementor-33498 .elementor-element-2fe62fe6
	{
		margin-top:0px;
	}
}
@media (max-width: 850px) {
.filter_buttons_wrapper
{
flex-wrap: wrap;	
}
}
@media (max-width: 480px) {
	.download_box {
    flex-wrap: wrap;
}
	.prayer_right_column {
        gap: 0px;
    }
}