/* RESPONSIVE CAROUSEL  */

@media (max-width: 768px) {

    .carousel-item video,
    .carousel-item img {
        height: 80vh !important;
    }

    .carousel-caption {
        padding: 1.5rem !important;
    }

    .carousel-caption h2.main-title {
        font-size: 1.5rem !important;
    }

    .carousel-caption h6.small-title {
        font-size: 1rem !important;
    }

    .carousel-caption p.sub-title {
        font-size: 0.9rem !important;
    }
}


/* Mobile-specific  */
@media (max-width: 768px) {
    .custom-control {
        width: 30px !important;
        height: 30px !important;
        border-radius: 6px !important;
        top: 70% !important;
    }

    .carousel-control-prev {
        left: 5px !important;
    }

    .carousel-control-next {
        right: 5px !important;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 16px !important;
        height: 16px !important;
        background-size: 100% 100% !important;
    }
}




/* Responsive marquee*/
@media (max-width: 768px) {
  .marquee-content {
    font-size: 28px !important;
    padding-right: 50px !important;
  }

  .outline-text {
    -webkit-text-stroke: 0.8px #0397d6 !important;
  }
}

@media (max-width: 480px) {
  .marquee-content {
    font-size: 22px !important;
    padding-right: 30px !important;
  }

  .outline-text {
    -webkit-text-stroke: 0.6px #0397d6 !important;
  }
}