.hero-section{
			display: flex;
			align-items: center;
			justify-content: center;
			height: 100%;
		}
		h1{
			font-size: 50px;
		}
		h1,h2,h3,h4,h5,h6{
			font-family: railway;
			font-weight: bolder;
		}
		li{
			line-height: 40px;
		}
		.my-bg{
			background-color: #0A2540;
		}
		.radius{
			border-radius: 30px;
			background-color: #ffbd59;
		}
		.time-box {
	      font-size: 30px;
	    }
	    .label {
	      font-size: 15px;
	      margin-top: 5px;
	      color: #aaa;
	    }
	    .timer-container {
	      display: flex;
	      gap: 20px;
	      text-align: center;
	    }
	    .glider-slide {
		  padding: 0 0.75rem; /* adds horizontal spacing between slides */
		  box-sizing: border-box;
		  height: 100%;
		}

		.glider {
		  margin: 0 -0.75rem; /* compensate outer padding to align with container */
		}

		.glider-prev,
		.glider-next {
		  position: absolute;
		  top: 50%;
		  transform: translateY(-50%);
		  width: 45px;
		  height: 45px;
		  border-radius: 50%;
		  background-color: #fff;
		  border: none;
		  font-size: 1.5rem;
		  color: #333;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
		  z-index: 10;
		  transition: all 0.3s ease;
		}

		/* Left and right placement */
		.glider-prev {
		  left: -20px; /* adjust as needed */
		}

		.glider-next {
		  right: -20px; /* adjust as needed */
		}