body {
  background: #000; 
  height: 100vh;
  overflow: hidden;
  position: relative;  
  margin: 0 auto;
}

body::before {
  content: ""; 
  position: absolute; 
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: url('img/hhi.jpg') no-repeat center center;
  background-size: cover;
  opacity: 0.8;
  z-index: -1; 
}


.container {
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  margin: 0 auto;
  padding: 40px 20px 30px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 12px;
  transform: scale(0.7);
}


.block {
  margin-top: 50px; /* Space between sections */
  width: 100%; /* Allow sections to fill available width */
  text-align: center; /* Center content inside block */
  margin: 0 auto;
  display: inline-block; /* Ensure width is based on content */
}

.block a { text-decoration: none; }



h1 {
  font: normal 400 32px Roboto-Black;
  color: #fff; /* White color for text */
  margin-top: 0;
  margin-bottom: 20px; /* Space below heading */
  text-align: center;
}


.menu {
  display: inline-block;
  font: normal 400 24px Roboto-Black;
  background: #f8f9fa;
  color: #111;
  text-align: center;
  width: calc(16% - 8px);
  margin: 0 8px 10px 0;
  padding: 12px 6px 4px 6px;
  border-radius: 6px;
  border: solid 2px #d5d5d5;
  box-sizing: border-box;
  box-shadow: 0 .15rem 1.75rem 0 rgba(33, 37, 41, .15);
  transition: 0.3s ease;
}

.menu:hover { box-shadow: 0 0 0 4px #CC062C; }
.menu:active { transform: translateY(12px); }

.menu.active { background: #CC062C; color: #fff; box-shadow: 0 0 0 4px #CC062C; }


.menu.small { font: normal 400 18px Roboto-Black; }

.menu div { font: normal 400 16px Roboto-Regular; }
.menu div b { font: normal 400 17px Roboto-Black; }

.top_btn {
  display: inline-block; 
  font: normal 400 17px Roboto-Bold; 
  background: #f5a02c; 
  color: #fff;
  min-width: 70px;
  margin: 4px; 
  padding: 6px 6px 2px 6px;
  border-radius: 4px;
}

.nxt_btn {
  display: inline-block; 
  font: normal 400 17px Roboto-Bold; 
  background: #28A745; 
  color: #fff;
  min-width: 70px;
  margin: 4px; 
  padding: 6px 6px 2px 6px;
  border-radius: 4px;
}

.nxt_btn span {
  font: normal 400 17px Roboto-Thin; 
}