*::-webkit-scrollbar {
  width: 15px;
}

*::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 20px;
}

*::-webkit-scrollbar-thumb {
  background-color: #ed1c24 !important;
  border-radius: 20px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #ed1c24 !important;
}

/*
-- Lösemi haftasında kullanılacak turuncu ----
*::-webkit-scrollbar-thumb {
  background-color: #F24400;
  border-radius: 20px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #F24400;
}
*/

/* CK editor */
.btn-blue {
  display: inline-block;
  background-color: #007bff;
  color: #fff !important;
  padding: 8px 16px;
  border-radius: 4px;
  text-decoration: none;
}

.btn-volunteer {
  display: inline-block;
  background-color: #fff;
  color: #0075AF !important;
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 4px;
}

.btn-donate {
  display: inline-block;
  background-color: #0075AF;
  color: #fff !important;
  padding: 8px 12px;
  text-decoration: none;
  border-radius: 4px;
}

.ck-content ul li {
  font-size: 1.375rem !important;
  /* ~22px */
  line-height: 1.7rem !important;
}

.big-text {
    font-size: 36px !important;
}

/* Base: Mobile (Phone) — default (1rem = 16px varsayımı) */
h1 {
  font-size: 1.33rem !important;      /* ~21px */
  line-height: 1.7rem !important;     /* ~27px (≈1.28x) */
}

h2 {
  font-size: 1.25rem !important;      /* ~20px */
  line-height: 1.6rem !important;     /* ~25.5px (≈1.3x) */
}

.homeMainSlider h2 {
  font-size: 1.5rem !important;
  /* ~24px */
  line-height: 1.9rem !important;
  /* ~30px (≈1.26x) */
}
h3 {
  font-size: 1.17rem !important;       /* ~19px */
  line-height: 1.55rem !important;     /* ~24px (≈1.32x) */
}

h4 {
  font-size: 1.1rem !important;        /* ~18px */
  line-height: 1.5rem !important;      /* ~23.5px (≈1.36x) */
}

h5 {
  font-size: 1.138rem !important;
  /* ~18px */
  line-height: 1.6rem !important;
  /* ~26px (≈1.4x) */
}

h6 {
  font-size: 1.067rem !important;
  /* ~17px */
  line-height: 1.5rem !important;
  /* ~24px (≈1.4x) */
}

p {
  font-size: 1rem !important;
  /* 16px */
  line-height: 1.55rem !important;
  /* ~25px (≈1.55x) */
}

/* Büyük telefon ve küçük tabletler — ≥579px */
@media (min-width: 579px) {
h1 {
  font-size: 1.33rem !important;      /* ~21px */
  line-height: 1.7rem !important;     /* ~27px (≈1.28x) */
}

h2 {
  font-size: 1.25rem !important;      /* ~20px */
  line-height: 1.6rem !important;     /* ~25.5px (≈1.3x) */
}

  .homeMainSlider h2 {
    font-size: 1.75rem !important;
    /* ~28px */
    line-height: 2.2rem !important;
    /* ~35px (≈1.25x) */
  }

  h3 {
  font-size: 1.17rem !important;       /* ~19px */
  line-height: 1.55rem !important;     /* ~24px (≈1.32x) */
}

h4 {
  font-size: 1.1rem !important;        /* ~18px */
  line-height: 1.5rem !important;      /* ~23.5px (≈1.36x) */
}

  h5 {
    font-size: 1.266rem !important;
    /* ~20px */
    line-height: 1.65rem !important;
    /* ~26px (≈1.3x) */
  }

  h6 {
    font-size: 1.125rem !important;
    /* ~18px */
    line-height: 1.45rem !important;
    /* ~23px (≈1.28x) */
  }

  p {
    font-size: 1rem !important;
    /* 16px */
    line-height: 1.3rem !important;
    /* ~24px (≈1.5x) */
  }
}

/* Tablet / iPad — ≥768px */
@media (min-width: 768px) {
p {
  font-size: 1rem !important;
  /* 16px */
  line-height: 1.55rem !important;
  /* ~25px (≈1.55x) */
}

h1 {
  font-size: 1.476rem !important;
  /* ~24px */
  line-height: 1.9rem !important;
  /* ~30px (≈1.28x) */
}

h2 {
  font-size: 1.383rem !important;
  /* ~22px */
  line-height: 1.8rem !important;
  /* ~28px (≈1.3x) */
}

  .homeMainSlider h2 {
    font-size: 2.5rem !important;
    /* ~40px */
    line-height: 3rem !important;
    /* ~48px (≈1.2x) */
  }

h3 {
  font-size: 1.07rem !important;       /* ~17px */
  line-height: 1.45rem !important;     /* ~22.5px (≈1.35x) */
}

h4 {
  font-size: 1rem !important;          /* ~16px */
  line-height: 1.4rem !important;      /* ~22px (≈1.38x) */
}

  h5 {
    font-size: 1.25rem !important;
    /* ~20px */
    line-height: 1.55rem !important;
    /* ~25px (≈1.24x) */
  }

  h6 {
    font-size: 1.125rem !important;
    /* ~18px */
    line-height: 1.4rem !important;
    /* ~22px (≈1.22x) */
  }
}

/* Laptop (13–15") — ≥1024px */
@media (min-width: 1024px) {
p {
  font-size: 1.125rem !important;  /* ~18px */
  line-height: 1.4rem !important;  /* ~25px (≈1.4x) */
}


h1 {
  font-size: 1.6rem !important;       /* ~26px */
  line-height: 2.1rem !important;     /* ~33px (≈1.3x) */
}

h2 {
  font-size: 1.5rem !important;       /* ~24px */
  line-height: 2rem !important;       /* ~32px (≈1.33x) */
}

  .homeMainSlider h2 {
    font-size: 3rem !important;
    /* ~48px */
    line-height: 3.6rem !important;
    /* ~58px (≈1.2x) */
  }

h3 {
  font-size: 1.07rem !important;       /* ~17px */
  line-height: 1.45rem !important;     /* ~22.5px (≈1.35x) */
}

h4 {
  font-size: 1rem !important;          /* ~16px */
  line-height: 1.4rem !important;      /* ~22px (≈1.38x) */
}

  h5 {
    font-size: 1.25rem !important;
    /* ~20px */
    line-height: 1.55rem !important;
    /* ~25px (≈1.24x) */
  }

  h6 {
    font-size: 1.125rem !important;
    /* ~18px */
    line-height: 1.4rem !important;
    /* ~22px (≈1.24x) */
  }
}

/* Desktop (21–27") — ≥1440px */
@media (min-width: 1440px) {
p {
  font-size: 1.35rem !important;     /* ~22px */
  line-height: 1.85rem !important;   /* ~30px (≈1.37x) */
}


h1 {
  font-size: 1.6rem !important;       /* ~26px */
  line-height: 2.1rem !important;     /* ~33px (≈1.3x) */
}

h2 {
  font-size: 1.5rem !important;       /* ~24px */
  line-height: 2rem !important;       /* ~32px (≈1.33x) */
}

  .homeMainSlider h2 {
    font-size: 3.5rem !important;
    /* ~56px */
    line-height: 4.2rem !important;
    /* ~67px (≈1.2x) */
  }

 h3 {
  font-size: 1.46rem !important;       /* ~23px */
  line-height: 1.75rem !important;     /* ~28px (≈1.2x) */
}

h4 {
  font-size: 1.35rem !important;       /* ~21.5px */
  line-height: 1.6rem !important;      /* ~26px (≈1.2x) */
}


  h5 {
    font-size: 1.375rem !important;
    /* ~22px */
    line-height: 1.75rem !important;
    /* ~28px (≈1.27x) */
  }

  h6 {
    font-size: 1.25rem !important;
    /* ~20px */
    line-height: 1.5rem !important;
    /* ~24px (≈1.2x) */
  }
}

/* Large Desktop (2K–4K, 1900px ve üstü) */
@media (min-width: 1900px) {
p {
  font-size: 1.35rem !important;     /* ~22px */
  line-height: 1.85rem !important;   /* ~30px (≈1.37x) */
}



h1 {
  font-size: 1.75rem !important;      /* ~28px */
  line-height: 2.3rem !important;     /* ~36px (≈1.3x) */
}

h2 {
  font-size: 1.6rem !important;       /* ~25.5px */
  line-height: 2.1rem !important;     /* ~33px (≈1.31x) */
}

  .homeMainSlider h2 {
    font-size: 4rem !important;
    /* ~64px */
    line-height: 4.8rem !important;
    /* ~77px (≈1.2x) */
  }

h3 {
  font-size: 1.46rem !important;       /* ~23px */
  line-height: 1.75rem !important;     /* ~28px (≈1.2x) */
}

h4 {
  font-size: 1.35rem !important;       /* ~21.5px */
  line-height: 1.6rem !important;      /* ~26px (≈1.2x) */
}


  h5 {
    font-size: 1.25rem !important;
    /* ~20px */
    line-height: 1.55rem !important;
    /* ~25px (≈1.24x) */
  }

  h6 {
    font-size: 1.125rem !important;
    /* ~18px */
    line-height: 1.4rem !important;
    /* ~22px (≈1.24x) */
  }
}

/* Ultra-Wide Desktop (2500px ve üstü, 4K/5K) */
@media (min-width: 2500px) {
  
p {
  font-size: 1.35rem !important;     /* ~22px */
  line-height: 1.85rem !important;   /* ~30px (≈1.37x) */
}


h1 {
  font-size: 1.75rem !important;      /* ~28px */
  line-height: 2.3rem !important;     /* ~36px (≈1.3x) */
}

h2 {
  font-size: 1.6rem !important;       /* ~25.5px */
  line-height: 2.1rem !important;     /* ~33px (≈1.31x) */
}

  .homeMainSlider h2 {
    font-size: 4.25rem !important;
    /* ~68px */
    line-height: 5rem !important;
    /* ~80px (≈1.18x) */
  }


 h3 {
  font-size: 1.46rem !important;       /* ~23px */
  line-height: 1.75rem !important;     /* ~28px (≈1.2x) */
}

h4 {
  font-size: 1.35rem !important;       /* ~21.5px */
  line-height: 1.6rem !important;      /* ~26px (≈1.2x) */
}


  h5 {
    font-size: 1.375rem !important;
    /* ~22px */
    line-height: 1.75rem !important;
    /* ~28px (≈1.27x) */
  }

  h6 {
    font-size: 1.25rem !important;
    /* ~20px */
    line-height: 1.5rem !important;
    /* ~24px (≈1.2x) */
  }
}