:root {
	--gradient-start: #3498db;
	--gradient-end: #8e44ad;
}

.header-gradient,
.footer-gradient {
	background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
	padding: 2rem 0;
	color: white;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.promo-banner {
	background-color: #f8f9fa;
	padding: 1rem;
	font-weight: bold;
	text-align: center;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.promo-banner a {
	color: #d63384;
	text-decoration: none;
	font-weight: bold;
}

.promo-banner a:hover {
	text-decoration: underline;
}

.site-title {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 3rem;
}

.tagline {
	font-size: 1.5rem;
	opacity: 0.9;
}

.btn-faucet {
	margin: 0.5rem;
	padding: 1rem;
	font-weight: bold;
	border-radius: 50px;
	white-space: normal;
}

.light-bg {
	background-color: #f8f9fa;
}

.coin-img {
	height: 50px;
	margin: 10px;
	transition: transform 0.3s;
}

.coin-img:hover {
	transform: scale(1.1);
}

.contact-form {
	max-width: 600px;
	margin: 0 auto;
}

.animate-text {
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}

.navbar.header-gradient {
	padding: 0.5rem 1rem;
	/* Adjust to match your design */
}

.custom-navbar {
	background-color: #5C636A;
	color: white;
	/* Ensure text is readable on the purple background */
}

.custom-navbar .navbar-nav .nav-link {
	color: white;
	/* Set link color */
}

.custom-navbar .navbar-nav .nav-link:hover {
	color: #d1c4e9;
	/* Optional: Add a lighter hover effect */
}

.custom-navbar .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
    /* Divider styles */
    .divider {
        display: flex;
        align-items: center;
        color: rgba(255, 255, 255, 0.5); /* Light gray for the divider */
        padding: 0 10px; /* Spacing around the divider */
        pointer-events: none; /* Divider is not clickable */
    }
      .main-content {
        background-color: #f8f9fa;
        padding: 2rem;
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        height: 100%;
      }
      
      .sidebar-card {
        transition: transform 0.3s ease;
        margin-bottom: 1.5rem;
        border: none;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 6px rgba(0,0,0,0.1);
      }
      
      .sidebar-card:hover {
        transform: translateY(-5px);
      }
      
      .card-1 {
        background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
        color: white;
      }
      
      .card-2 {
        background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
        color: white;
      }
      
      .card-3 {
        background: linear-gradient(135deg, #f46b45 0%, #eea849 100%);
        color: white;
      }
      
      .card-icon {
        font-size: 2rem;
        margin-bottom: 1rem;
      }
      
      .content-section {
        padding: 3rem 0;
      }