nav {
  text-align: center;
  padding: 10px 0;
}
nav a {
  font-family: 'Lato', sans-serif;
  color: white;
  font-size: medium;
  text-decoration: none;
  margin: 0 10px; 
  font-weight: bold;
  position: relative;
}
a{ text-decoration: none;}
nav a:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -15px; 
  color: #fff; 
}
nav a:hover {
  color: #f0f0f0;
}

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.logo {
  display: flex;
}
#clubName {
  color: #99855b;
  font-weight: 800;
  position: absolute;
  top: 5px;
  left:5px;
}
.home-heading1 {
  color: azure;
  text-align: center;
  font-family: 'Mukta', sans-serif;
}
.home-heading2 {
  color: rgba(150, 145, 145, 0.904);
  margin-top: -35px;
  text-align: center;
  font-family: 'Mukta', sans-serif;
}
.home-heading3 {
  color: azure;
  text-align: center;
  font-family: 'Mukta', sans-serif;
  margin-top: -0.5%;
}
body {
  background-color: black;
}
.container {
  display: flex;
}
h2 {
  color: #99855b;
  font-family: Inter, -apple-system, system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;
  text-decoration: none;
}
#iframeContainer {
  position: relative;
  width: 600px;
  height: 300px;
  overflow: hidden;
}
.iframeSlide {
  position: absolute;
  top: 0;
  left: 0;
  width: 600px;
  height: 300px;
  border: none;
}
.navButton {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  border: none;
  font-size: 24px;
  color: white;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.iframeSlide:hover .navButton {
  opacity: 1;
}
.prevButton {
  left: 10px;
}
.nextButton {
  right: 10px;
}
.circular-icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  margin: 30px; 
  display: flex;
  align-items: center;
  justify-content: center;
}
.circular-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}