.elementor-19167 .elementor-element.elementor-element-b7891d2{--display:flex;--background-transition:0.3s;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-19167 .elementor-element.elementor-element-b7891d2:not(.elementor-motion-effects-element-type-background), .elementor-19167 .elementor-element.elementor-element-b7891d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-19167 .elementor-element.elementor-element-b7891d2, .elementor-19167 .elementor-element.elementor-element-b7891d2::before{--border-transition:0.3s;}.elementor-19167 .elementor-element.elementor-element-cb7feb4{text-align:center;}.elementor-19167 .elementor-element.elementor-element-cb7feb4 .elementor-heading-title{color:var( --e-global-color-text );font-family:"Arial", Sans-serif;font-size:16px;font-weight:600;line-height:21px;letter-spacing:0px;}.elementor-19167 .elementor-element.elementor-element-cb7feb4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;}.elementor-19167 .elementor-element.elementor-element-5c1af84{color:var( --e-global-color-text );font-family:var( --e-global-typography-4f41b80-font-family ), Sans-serif;font-size:var( --e-global-typography-4f41b80-font-size );font-weight:var( --e-global-typography-4f41b80-font-weight );line-height:var( --e-global-typography-4f41b80-line-height );letter-spacing:var( --e-global-typography-4f41b80-letter-spacing );word-spacing:var( --e-global-typography-4f41b80-word-spacing );}.elementor-19167 .elementor-element.elementor-element-57e7a86{color:var( --e-global-color-20eb0ea );font-family:"Arial", Sans-serif;font-weight:600;}.elementor-19167 .elementor-element.elementor-element-57e7a86 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-19167 .elementor-element.elementor-element-5c1af84{font-size:var( --e-global-typography-4f41b80-font-size );line-height:var( --e-global-typography-4f41b80-line-height );letter-spacing:var( --e-global-typography-4f41b80-letter-spacing );word-spacing:var( --e-global-typography-4f41b80-word-spacing );}}@media(max-width:750px){.elementor-19167 .elementor-element.elementor-element-5c1af84{font-size:var( --e-global-typography-4f41b80-font-size );line-height:var( --e-global-typography-4f41b80-line-height );letter-spacing:var( --e-global-typography-4f41b80-letter-spacing );word-spacing:var( --e-global-typography-4f41b80-word-spacing );}}/* Start custom CSS for text-editor, class: .elementor-element-5c1af84 */.progress-b {
  width: 100%;
  /* Softer shade for the background */
  text-align: left;
  padding: 10px;
  border: 0px;
  box-sizing: border-box;
  position: relative;
  /* Ensure text is readable */
}

.progress-bar {
  width: 100%;
  background-color: transparent; /* Remove the white background */
  text-align: right;
  padding: 10px 0; /* Adjust padding for better alignment */
  border: 0px;
  box-sizing: border-box;
  position: relative;
}

span {
  font-size: 16px;
 /* Ensure text is readable */
}

.num {
  font-size: 28px;
  /* Use a color that stands out */
}

.progress-fil {
  height: 15px;
  width: 100%;
  background-color: #556677; /* Subtle background color */
  border-radius: 5px; /* Rounded corners for a modern look */
}

.progress-fill {
  height: 15px;
  background-color: #ffcc00; /* Progress bar color */
  width: 76%; /* Adjust to reflect the current progress */
  position: relative;
  border-radius: 5px; /* Match the container's rounded corners */
}

.progress-text {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.progress-text span {
  font-size: 16px;
   /* Ensure text is readable */
}

.amount-raised, .donors-count {
   /* Ensure text is readable */
}

.donate-button {
  display: block;
  width: 100%;
  padding: 10px;
  text-align: center;
  background-color: #7173AE; /* Button background color */
   /* Button text color */
  text-decoration: none;
  border-radius: 5px; /* Rounded corners for the button */
  margin-top: 10px; /* Space above the button/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-57e7a86 */.donate-button {
    display: inline-block;
    width: 100%; /* تحديد عرض الزر بنسبة 100% */
    padding: 10px 0; /* توسيط النص عمودياً داخل الزر */
    background-color: #7173AE; /* لون موف */
    color: #fff;
    text-decoration: none;
   
    transition: background-color 0.3s;
    text-align: center; /* توسيط النص أفقياً */
}

.donate-button:hover {
    background-color: #1B87C9;
    color: #fff;/* لون موف داكن عند التحويم */
}

.fa-donate {
    margin-right: 5px;
}/* End custom CSS */