.lebar-sidebar {
            width: 30%;
        }

        .konten-apa {
            width: 100%
        }

        .table-kurikulum {
            font-family: arial, sans-serif;
            width: 100%;
            table-layout: fixed;
            width: 100%;
        }

        /* table untuk dosen */

        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }

        td,
        th {
            border: 1px solid #dddddd;
            text-align: left;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #dddddd;
        }

        /* end tabel untuk dosen */
        .table-kurikulum td,
        .table-kurikulum th {
            border: 3px solid white;
            padding: 8px;
            background-color: #084999;
            color: white;
            border-radius: 12px;
            word-break: break-all;
        }

        .table-kurikulum td {
            padding-left: 20px;
            padding-right: 20px;
        }

        .table-kurikulum th {
            text-align: center;
            border-radius: 12px;
        }

        .table-kurikulum tr:nth-child(even) {
            background-color: white;
        }

        .fakultas-card1 .right {
            position: relative;
        }

        .fakultas-card1 .right:before {
            content: "";
            background-color: #d2252b;
            position: absolute;
            width: 0%;
            height: 100%;
            top: 0px;
            right: 0px;
            transition: 150ms ease-in;
        }

        .fakultas-card1:hover .right:before {
            width: 100%;
        }

        .fakultas-card1 .right .button-cont {
            transform: translateY(100px);
            transition: 200ms ease-in-out;
            transition-delay: 300ms;
        }

        .fakultas-card1 .right .name {
            transition: 150ms ease-in;
            transition-delay: 200ms;
            transform: translateY(20px);
        }

        .fakultas-card1:hover .left .image {
            opacity: 1;
        }
        
        .slider-image, .slide-container {
            height: calc(1280px/2);
        }

        .slide-container {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        @media  screen and (max-width: 1280px) {
            .slider-image, .slide-container {
                height: 50vw;
            }
        }

        @media  screen and (max-width: 425px) {
            .lebar-sidebar {
                width: 100%;
            }

            .table-kurikulum {
                overflow-x: scroll;
            }

            .table-kurikulum th {
                width: 90vw;
            }
            .video-container {
                width: 80vw;
                max-width: 100%; /* Bisa disesuaikan */
            }
            
            .video-container iframe {
                width: 100rem;
                height: auto;
                aspect-ratio: 16 / 9;
            }
        }
    

        html {
            font-family: "Montserrat", Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            line-height: 1.5;
        }
        
        body {
            font-display: swap;
        }

        .red-dot {
            position: absolute;
            right: 5px;
            /* top: 5px; */
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background-color: red;
        }

        .tombol-tawk-to {
            background-color: #135cb2;
            padding: 5px;
            border-radius: 12px;
            color: white;
            position: fixed;
            z-index: 99;
        }

        .mx-auto-twa {
            margin-left: 58%;
        }

        .sub-menu-prodii:hover .dropdown-submenuu {
            display: block;
            width: 200px;
        }

        .submenu-kiri {
            left: auto;
            right: 100%;
            /* Menempatkan submenu sebelah kiri */
        }

        .scroll-burger {
            overflow-y: auto;
            max-height: calc(100vh - 3.5rem);
        }

        .bg-lazy {
            background-image: none;
            background-color: #b7b7b7;
        }

        .youtube-button {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100%;

            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

        .placeholder-style {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;

            max-width: calc(213px * 2);
            max-height: calc(155px * 2);
            margin: 0 auto;
        }

        @media  only screen and (max-width: 600px) {
            .placeholder-style {
                max-width: 213px;
                max-height: 155px;
            }
        }