.mobile-block {
  display: none; }

@media (max-width: 1200px) {
  /* tablet devices */ }
@media (max-width: 992px) {
  /* small tablet devices */ }
@media all and (max-width: 768px) {
  /* mobile devices */
  .section-heading {
    border-width: 20px; }
  
  .block-colored {
    background: #ec0404;
    color: #fff;
    padding: 30px;
    min-height: 150px; }
    .block-colored.blue {
      background-color: #1f63ab; }
    .block-colored.green {
      background-color: #149e1d; }
    .block-colored:nth-child(even) {
      margin-left: 30px;
      border-radius: 40px 0 40px 0; }
    .block-colored:nth-child(odd) {
      margin-right: 30px;
      border-radius: 0 40px 0 40px; }
  
    
  .banner-main {
    height: 320px; }
    .banner-main img {
      height: 100%;
      object-fit: cover; }
    .banner-main .caption {
      left: 30px;
      top: 30px; }
    .banner-main .title {
      font-size: 24px;
      margin-bottom: 20px; }

  .img-bg {
    display: none; }

  .card {
    margin-bottom: 20px; }

  img {
    max-width: 100%; }

  .item-feature {
    margin-bottom: 20px; }

  .mobile-order-first {
    order: -1; }

  .mobile-order-1 {
    order: 1; }

  .mobile-order-2 {
    order: 2; }

  .mobile-order-3 {
    order: 3; }

  .padding-y-lg {
    padding-top: 50px;
    padding-bottom: 50px; }

  .mobile-block {
    display: block; }

  .navbar-expand .navbar-collapse {
    flex-direction: column; }

  .logos-wrap img {
    width: 100%; } }

/*# sourceMappingURL=responsive.css.map */

.video-modal {
  background: transparent; /* Removes default white background */
  border: none; /* Removes border */
  box-shadow: none; /* Removes shadow */
  padding: 0; /* Removes extra spacing */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Centered Video */
.video-container {
  width: 50vw; /* 50% of screen width */
  max-width: 800px; /* Max width for large screens */
  aspect-ratio: 16 / 9; /* Keeps correct video proportion */
}

.video-container video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

/* Close Button Styling */
.close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border-radius: 50%;
  padding: 5px;
  cursor: pointer;
}

.close-btn:hover {
  background: rgba(0, 0, 0, 1);
}

/* Option A: Disable modal transition animation to avoid potential freeze */
.modal.fade .modal-dialog {
  transition: none;
}

.img-link {
  display: block; /* Ensures the link behaves like a block */
  width: 100%; /* Makes sure it doesn’t shrink */
  text-align: center; /* Keeps the image centered if needed */
}

.img-post {
  width: 100%; /* Ensures the image takes up the full width */
  height: auto; /* Maintains aspect ratio */
  display: block; /* Prevents inline spacing issues */
}

  .img-post {
    width: 100%;
    height: auto;
    display: block;
}

.bg-darker-blue {
  background-color: #003366 !important; /* Darker Navy Blue */
}