@import url("animate.css");
@import url("fpslineicons.css");
@import url("settings.css");
@import url("swipebox.css");
@import url("text-rotater.css");
@import url("bootstrap.css");
@import url("bootstrap.min.css");
@import url("style.css");

/* Ensure sections using .txt-black display black text */
.txt-black,
.txt-black * {
  color: #000 !important;
}

/* Make process video image full width and responsive */
.process .video {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.process .video img {
  width: 100%;
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: cover;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .process .video {
    margin: 0 -15px;
    width: calc(100% + 30px);
  }

  .process .video img {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .process .video {
    margin: 0 -10px;
    width: calc(100% + 20px);
  }

  .process .video img {
    width: 100%;
  }
}