.carousel-container {
    width: 100%;
    overflow: hidden;
  }

  .carousel {
    display: flex;
    transition: transform 0.5s ease;
  }

  .carousel img {
    max-width: 100%;
    height: auto;
  }

  .navbar .nav-link,
  .navbar .nav-item > a,
  .navbar-nav .nav-link {
    text-transform: none !important;
    letter-spacing: normal !important;
  }

ul.treding-keywords {
    text-align: left !important;
}
ul.treding-keywords li span,
ul.treding-keywords li a {
    color: #ee3433; /* Default text color */
    transition: color 0.3s ease; /* Transition for color change */
    text-decoration: none; /* Remove underline from links */
}

/* Hover effect */
ul.treding-keywords li span:hover,
ul.treding-keywords li a:hover {
    color: #495057; /* Change text color on hover */
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Add drop shadow on hover */
}

.service-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
  }

  .service-box {
    flex: 1;
    max-width: calc(25% - 20px);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #f8f9fa;
    text-align: left;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    position: relative;
  }

  .service-box img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
  }

  .service-box:hover {
    transform: translateY(-5px);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  }

  .service-box h3 {
    margin-top: 0;
    font-weight: bold;
    color: #ee3433;
  }

.service-box h4 {
    margin-top: 0;
    font-weight: bold;
    color: #ee3433;
  }

  @media (max-width: 768px) {
    .service-container {
      flex-direction: column;
      align-items: center;
    }

    .service-box {
      max-width: calc(100% - 20px);
    }
  }

/* Centering the CTA */
  .centered-container {
    display: flex;
    justify-content: center;
    align-items: center;
    
  }

  /* Styles for the container */
  .cta-container {
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    max-width: 800px;
  }
  
  /* Styles for the image */
  .cta-image {
    width: 100%;
    height: 100%; /* Make the image take up the full height of the container */
    object-fit: cover; /* Scale the image to cover the entire container */
    display: block;
  }

@media screen and (max-width: 768px) {
  .responsive-banner {
    flex-direction: column !important;
    padding: 20px !important;
    text-align: center !important;
  }

  .responsive-text,
  .responsive-image {
    max-width: 100% !important;
    flex: 1 1 100% !important;
    padding: 10px !important;
  }

  .responsive-text h1 {
    font-size: 2rem !important;
  }

  .responsive-text p {
    font-size: 1rem !important;
  }
}

.video-container {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 8px;
}

@media screen and (max-width: 768px) {
  .responsive-video-section {
    flex-direction: column !important;
    padding: 20px !important;
    gap: 30px !important;
  }

  .video-text {
    max-width: 100% !important;
    flex: 1 1 100% !important;
    padding: 10px !important;
  }

  .video-text h3 {
    font-size: 20px !important;
  }

  .video-text p {
    font-size: 14px !important;
  }
}