/*
Theme Name: Danbox
Author: ModinaTheme
Author URI: https://themeforest.net/user/modinatheme/
Description: Charity & Fundraiser Html Template
Version: 1.1.0
*/

/*
=================================
|***    Table of contents:   ***|
=================================

1. General styles
2. Typography
3. Helpers
4. Preloader
5. Go up button
6. Header and navigation
7. Hero Section
8. About us
9. Services
10. Fun facts
11. Projects
12. Pricing
13. Testimonial
14. CTA
15. Team
16. Video Banner
17. Shop
18. Marquee
19. Blog
20. Footer

Main Style file-> assets/css/main.css 
*/

.whatsapp-button {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.whatsapp-button a {
  display: inline-block;
  width: 60px;
  height: 60px;
}

.whatsapp-button img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.whatsapp-button a:hover img {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

.create-button {
  margin-left: 50px;
}
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px lightgray;
  border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
  /* background: gray !important; */
  border-radius: 10px;
}

.overlay-spinner,
.overlay-progressBar {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.overlay-spinner .spinner-border,
.overlay-progressBar .spinner-border {
  width: 4rem;
  height: 4rem;
}

.overlay-progressBar div:first-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: column;
}

.overlay-progressBar h3 {
  color: #333; /* Text color */
  font-size: 20px; /* Font size */
  margin-bottom: 10px; /* Spacing between title and progress bar */
}