body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #808080;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        .grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }

        .grid-item {
            width: 100%;
            margin-bottom: 20px;
        }

        @media (min-width: 768px) {
            .grid-item {
                width: calc(50% - 20px);
            }
        }

        @media (min-width: 1200px) {
            .grid-item {
                width: calc(25% - 20px);
            }
        }

        .image-container {
            position: relative;
            overflow: hidden;
            border-radius: 8px;
        }

        .image {
            width: 100%;
            height: auto;
            display: block;
        }

        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 60px;
            height: 60px;
            background-color: rgba(255, 255, 255);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
		
.custom-play-button {
    width: 60px; /* Set width */
    height: 60px; /* Set height */
    position: absolute; /* Adjust position as needed */
    top: 50%; /* Adjust top position */
    left: 50%; /* Adjust left position */
    transform: translate(-50%, -50%); /* Center the play button */
}

.play-icon {
    width: 100%; /* Make sure the play icon fills the container */
    height: 100%;
}

	 /* Additional CSS styles */
    .download-button {
      display: block;
      text-align: center;
      margin-top: 5px;
      background-color: black;
      color: white;
      padding: 8px 15px;
      text-decoration: none;
      border-radius: 8px;
    }

    .download-button:hover {
      background-color: #F40202;
    }
	
	       /* CSS for fake live icon */
    .live-icon {
      width: 35px;
      height: 16px;
      border-radius: 15%;
      background-color: red; /* Change color as needed */
      position: absolute;
      top: 8px;
      left: 8px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
	
 {
  text-decoration: none;
  display: inline-block;
  padding: 8px 16px;
}

{
  background-color: #ddd;
  color: black;
}

.previous {
  background-color: #bfaa0b;
  color: black;
}

.next {
  background-color: #bfaa0b;
  color: black;
}

.round {
  border-radius: 50%;
}