.slick-dots {
            display: flex;
            justify-content: center;
            list-style-type: none;
            padding: 16px 0px;
        }
        .mnavbar li{
            margin: 0 0.25rem;;
        }

        li {
            margin: 8px 0.25rem;
        }
        .slick-dots li{
            margin:0px 10px;
        }

        .slick-dots li button {
            display: block;
            width: 1rem;
            height: 1rem;
            padding: 0;

            border: none;
            border-radius: 100%;
            background-color: orange;

            text-indent: -9999px;
        }

        li.slick-active button {
            background-color: red;
        }

        .space-3 {
            padding: 5px;
            box-shadow: 0px 9px 4px 2px #ffc107;
            border-bottom: 2px solid #ffc107;
        }

        .btn-dark:hover {
            background: #ebb75f;
            color: #000 !important;
        }

        .vid {
            margin: 0 auto;
            justify-content: center;
            display: flex;
            width: 83%;
            height: auto;
        }

        @media screen and (max-width: 1000px) {
            .vid {
                width: 100%;
            }
        }

        @media (max-width: 767px) {
            .vid {
                width: 100%;
            }
        }