/* Media query for screens 600px and below */
@media screen and (max-width: 600px) {
    
    .navbar {
            background-color: var(--primary-color) !important;
    }

    .navbar ul li a {
        text-align: left;
    }

    .navbar ul li:not(:last-child) a {
        border-bottom: 1px solid rgb(255 255 255 / 50%);
    }
    
    #letChat {
        position: fixed;
        bottom: 1%;
        right: 1%;
    }
    
    .video-header h1 {
        font-size: 4rem;
        line-height: .85;
    }

    .subtitle {
        padding-left: 0rem;
    }

    h2, h3 {
        line-height: 3.5rem;
        margin-bottom: 2rem;
    }

    h3.text-center {
            text-align: left!important;
        }
    
    footer {
        padding: 2rem;
    }

    .footer-bottom {
        font-size: .8rem;
    }

    }

    .sample-slider .swiper-pagination-bullet{
        background-color: yellow;
    }