body {
  /*font-family: 'Roboto'; /* Use the modern font */
  font-family: "DM Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  /*font-family: Arial, sans-serif;*/
  background-color: #0c0303;
  margin: 0;
  padding: 0;
  color: #08e7f7;
}

header {
  background-color: #01080e;
  color: #fff;
  padding: 2rem 0;
}

header .container {
  max-width: 960px;
}

.container {
  padding-bottom: 80px; /* Ensure there's enough space for the fixed footer */
}

.card {
  border-radius: 8px;
  background-color: #2b2b2b;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.card-title {
  color: #fafafa;
  font-weight: bold;
}
.card-img-top {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.footer {
  background-color: #000305;
  color: #fff;
  padding: 1rem 0;
  position: fixed;
  bottom: 0;
  width: 100%;
}

.alert-warning {
  margin-top: 2rem;
}

.btn-success {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover, .btn-success:hover {
  opacity: 0.8;
}
.logo {
    height: 120px; /* Adjust height as needed */
    margin-right: 10px; /* Add space between logo and text */
}
.navbar {
    /*background-color: rgba(0, 0, 0, 0.9) !important; /* Less transparent on hover */
    /*position: absolute; /* Position the navbar absolutely */
    color: #ed0707; /* Set text color to white */
    width: 100%; /* Make navbar full width */
    z-index: 10; /* Ensure navbar is on top */
}
.navbar:hover {
  background-color:  #1c1c1c; /* Set navbar background to transparent */
}

.navbar .navbar-brand img {
  height: 80px; /* Adjust the height of the logo as needed */
}
.pay-button {
  background-color: #28a745; /* Green color */
  border-color: #28a745; /* Green border */
  color: white; /* Text color */
}

.pay-button:hover {
  background-color: #218838; /* Darker green on hover */
  border-color: #1e7e34; /* Darker green border on hover */
}
.jumbotron {
  background-image: url('/static/images/Jumbotron4.png'); /* Path to your image */
  background-size: cover; /* Ensure the image covers the container */
  background-color: #0c0303;
  background-position: center center; /* Center the image in the container */
  background-repeat: no-repeat; /* Prevent image repetition */
  color: #fff;
  padding: 100px 20px; /* Add extra space around the content */
  margin-bottom: 30px; /* Space below the header */
  text-align: center; /* Center the text */
  position: relative; /* Ensure relative positioning for content */
}

.jumbotron h1 {
  font-size: 3rem; /* Default font size for larger screens */
  margin-bottom: 20px; /* Space below the heading */
}

.jumbotron p {
  font-size: 1.5rem; /* Default font size for larger screens */
}

/* Media query for tablets */
@media (max-width: 768px) {
  .jumbotron {
      padding: 80px 15px; /* Adjust padding for tablets */
      background-size: contain;
  }

  .jumbotron h1 {
      font-size: 2.5rem; /* Adjust font size for tablets */
  }

  .jumbotron p {
      font-size: 1.2rem; /* Adjust font size for tablets */
  }
}

/* Media query for mobile devices */
@media (max-width: 576px) {
  .jumbotron {
      padding: 10px 10px; /* Adjust padding for mobile devices */
      background-size: contain;
  }

  .jumbotron h1 {
      font-size: 2rem; /* Adjust font size for mobile devices */
  }

  .jumbotron p {
      font-size: 1rem; /* Adjust font size for mobile devices */
  }
}
/*.video-thumbnail iframe {
  width: 100%;
  height: 400px;
} */
.video-card {
  min-height: 400px; /* Adjust the height as needed */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.pay-section {
  margin-top: auto;
}

.full-width-image {
  width: 100%;
  margin-top: 20px;
}
.image-container {
  padding-left: 0; /* Ensure alignment with the video cards */
  padding-right: 0; /* Ensure alignment with the video cards */
}
.carousel-item img {
    width: 100%;
    height: auto;
}
.carousel-heading {
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
    color: #ffffff;
}