.elementor-19055 .elementor-element.elementor-element-3920492{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-19055 .elementor-element.elementor-element-3920492:not(.elementor-motion-effects-element-type-background), .elementor-19055 .elementor-element.elementor-element-3920492 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-19055 .elementor-element.elementor-element-3920492, .elementor-19055 .elementor-element.elementor-element-3920492::before{--border-transition:0.3s;}.elementor-19055 .elementor-element.elementor-element-8796c1c{text-align:center;}.elementor-19055 .elementor-element.elementor-element-8796c1c .elementor-heading-title{color:var( --e-global-color-text );font-family:"Cairo", Sans-serif;font-size:16px;font-weight:700;}.elementor-19055 .elementor-element.elementor-element-847c61f{color:#375367;font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:600;}.elementor-19055 .elementor-element.elementor-element-0d61ed2{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:600;}/* Start custom CSS for text-editor, class: .elementor-element-847c61f */.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 */
  color: #ffffff; /* 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-0d61ed2 */.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 */