html {
  scroll-behavior: smooth;
}

/* *
 *  Forces the number to display in the correct order (Left-to-Right)
 */
.custom-counter {
  direction: ltr !important;
  unicode-bidi: bidi-override !important;
}
.custom-counter .odometer {
  direction: ltr !important;
  display: inline-block !important;
}

/* Button hover effect – moves the arrow to the right */
.btn-charity-hover,
.btn-charity-hover svg {
  transition: all 0.3s ease;
}

.btn-charity-hover:hover svg {
  transform: translateX(-5px);
}

.btn-charity-hover:hover svg path {
  fill: #afe2e3;
}
/* 
 * About Us Page Styles
 *  */

.satibi-container {
  direction: rtl;
  width: 100%;
}

.satibi-comparison-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #f0f0f0;
  table-layout: fixed;
  font-family: sans-serif;
}

.satibi-comparison-table thead th {
  padding: 20px 10px;
  background-color: #ffffff;
  color: #2b2b2e;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  border-bottom: 2px solid #1ecad3;
}

.satibi-comparison-table th,
.satibi-comparison-table td {
  border-right: 1px solid #f0f0f0;
  border-left: none;
}

.satibi-comparison-table th:first-child,
.satibi-comparison-table td:first-child {
  border-right: none;
}

.satibi-comparison-table .row-label {
  width: 20%;

  text-align: center;
}

.satibi-comparison-table td {
  padding: 15px 10px;

  border-bottom: 1px solid #f0f0f0;

  vertical-align: middle;
}

.satibi-comparison-table .iban-val {
  font-family: "Courier New", Courier, monospace;
  font-size: 13px;
  letter-spacing: 0.5px;
  color: #2b2b2e;
}

.satibi-comparison-table .iban-lbl {
  font-weight: 800;
  color: #2b2b2e;
}

.satibi-comparison-table tbody tr:hover {
  background-color: #fafafa;
}

@media (max-width: 768px) {
  .satibi-container {
    overflow-x: auto;
  }
  .satibi-comparison-table {
    min-width: 600px;
  }
}

.satibi-content-block {
  direction: rtl;
  line-height: 1.8;
  color: #4a5565;
  text-align: justify;
}

.satibi-content-block h2,
.satibi-content-block h3,
.satibi-content-block .article-title {
  color: #2b2b2e;
  border-right: 4px solid #1ecad3;
  padding-right: 15px;
  margin-bottom: 20px;
  margin-top: 30px;
  font-weight: 700;
}

.satibi-content-block h4,
.satibi-content-block .sub-section-title {
  color: #1ecad3;
  font-weight: 600;
  margin-top: 20px;
}

.satibi-content-block strong {
  color: #2b2b2e;
}

.satibi-content-block p {
  margin-bottom: 15px;
}

/* --- CF7 Donate Form--- */

.donation-form-rtl {
  direction: rtl;
  font-family: "Almarai", sans-serif;
  color: #4a5565;
}

.field label {
  display: flex;
  font-size: 1.5rem;
  font-weight: 700;
  color: #2b2b2e;
  margin-top: 5px;
}

label {
  color: var(--bricks-text-light);
  display: flex;
  font-weight: 400;
  margin-bottom: 0;
}
.form-input {
  width: 100%;
  height: 50px;
  padding: 0 15px;
  border: 2px solid #efeeed;
  border-radius: 8px;
  font-family: "Almarai", sans-serif;
  font-size: 1.5rem;
  color: #4a5565;
  background-color: #fcfcfc;
  transition: all 0.3s ease;
  box-sizing: border-box;
  -webkit-appearance: none;
}

.form-input:focus {
  outline: none;
  border-color: #1ecad3;
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(30, 202, 211, 0.1);
}

textarea.form-input {
  height: auto;
  padding: 15px;
  min-height: 120px;
}

.consent-wrap {
  background: #f9f9f9;
  padding: 15px;
  border-radius: 8px;

  margin-top: 10px;
}

.consent-label {
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 12px;
}

.donation-submit {
  background-color: #1ecad3;
  color: #fff;
  border: none;
  height: 55px;
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 16px 54px;
}

.donation-submit:hover {
  background-color: #2b2b2e;
  transform: translateY(-1px);
}

.form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.col-6 {
  flex: 1;
}
.col-12 {
  width: 100%;
}
input[type="checkbox"],
input[type="radio"],
input[type="submit"],
select {
  cursor: pointer;
  margin-left: 6px;
}

@media (max-width: 600px) {
  .form-row {
    flex-direction: column;
    gap: 15px;
  }
  .donation-form-rtl {
    padding: 20px;
  }
}

/* ***** CF7 Newsletter *****/ /* Newsletter Pill Style Fix */

.newsletter-wrapper {
  max-width: 500px;

  margin: 0 auto;

  direction: rtl;

  font-family: "Almarai", sans-serif;
}

.newsletter-wrapper p {
  display: flex !important;

  align-items: center !important;

  background-color: #efeeed !important;

  border-radius: 100px !important;

  padding: 6px !important;

  margin: 0 !important;

  position: relative;

  overflow: hidden;
}

.newsletter-wrapper br {
  display: none !important;
}

.newsletter-wrapper .wpcf7-form-control-wrap {
  flex: 1 !important;
}

.newsletter-wrapper input[type="email"] {
  width: 100% !important;

  background: transparent !important;

  border: none !important;

  padding: 0 20px !important;

  font-size: 1.3rem !important;

  color: #4a5565 !important;

  outline: none !important;

  height: 50px !important;

  box-shadow: none !important;
}

.newsletter-wrapper input:-webkit-autofill,
.newsletter-wrapper input:-webkit-autofill:hover,
.newsletter-wrapper input:-webkit-autofill:focus {
  -webkit-text-fill-color: #4a5565 !important;

  -webkit-box-shadow: 0 0 0px 1000px #efeeed inset !important;

  transition: background-color 5000s ease-in-out 0s;
}

.newsletter-wrapper input[type="submit"] {
  background-color: #1ecad3 !important;

  color: #fff !important;

  border: none !important;

  border-radius: 100px !important;

  padding: 0 35px !important;

  height: 50px !important;

  font-family: "Almarai", sans-serif !important;

  font-weight: 700 !important;

  font-size: 1.1rem !important;

  cursor: pointer !important;

  transition: all 0.3s ease !important;

  white-space: nowrap !important;

  box-shadow: 0 4px 10px rgba(30, 202, 211, 0.2) !important;
}

.newsletter-wrapper input[type="submit"]:hover {
  background-color: #2b2b2e !important;
}

.newsletter-wrapper .wpcf7-not-valid-tip {
  position: absolute !important;

  top: 110% !important;

  right: 25px !important;

  font-size: 0.85rem !important;

  color: #ff4d4d !important;

  white-space: nowrap !important;
}

.newsletter-wrapper + .wpcf7-response-output,
.newsletter-wrapper ~ .wpcf7-response-output {
  display: none !important;
}

.newsletter-wrapper .wpcf7-spinner {
  position: absolute;

  left: -35px;

  margin: 0;
}

/* ===================
 *Attributes
 ====================*/

/* Hide Element */

[hide-element="yes"] {
  display: none;
}

/* 
 * add a order right to the status component
 */
[border-right__status="yes"] {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  [border-right__status="yes"] {
    border-right: none !important;
  }
}
/* 
 * Change the Direction in Post Card In Home Page
  */

[dir="rtl"] {
  flex-direction: row-reverse;
}