.motto2 {
            display: flex;
            justify-content: center;
            font-weight: 100;

        }

        .fasilitas2 {
            display: flex;
            font-weight: 100;
            justify-content: center;
            align-items: center;

        }

        .sosial-media {
            display: flex;
            justify-content: flex-start;

        }

        .sosial-media-item {
            margin-left: 30px;
            display: inline-flex;


        }

        .swiper-container .swiper-pagination-bullets {
            /* bottom: 30px; */
        }

        .swiper-pagination-bullet {
            width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 16px));
            height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 16px));
            background-color: #ffffff;
        }

        .bahasa-item {
            margin-right: 30px;
            display: inline-flex;

        }

        .bahasa {
            display: flex;
            justify-content: flex-end;

        }

        section.motto {
            min-height: 600px;
            background-size: cover;
        }

        section.fasilitas {
            /* height: 600px; */
            background-size: cover;
            background-color: #F7F7F7;
            display: flex;

        }

        section.produk {
            /* background-image: url("asset/image/bg-produk.png"); */
            /* display: flex; */
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;

        }

        section.kabar {
            height: 800px;
            background-position: center;
            background-repeat: no-repeat;

        }

        section.penghargaan {
            /* height: 511px; */
            display: flex;
            background-size: cover;
            background-color: #F7F7F7;

        }



        section.cta {
            height: 300px;
            background-size: cover;
            background-image: url("asset/image/bg-produk.png");
            height: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .bgProduk {

            /* The image used */
            background-image: url("asset/image/bg-cover-about.png");

            /* Full height */
            height: 100%;

            /* Center and scale the image nicely */
            background-position: center;
            background-repeat: no-repeat;
        }

        .blur {
            backdrop-filter: blur(5px);
        }

        .logo {
            width: 200px;
        }

        .topp {
            top: 0;
        }

        .cardProdukFlex {
            display: flex;
            justify-content: center;
            margin-bottom: 3%;
        }

        .cardProduk {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            transition: 0.3s;
            max-width: 306px;
            max-height: 435.13px;
            border-radius: 5px;
            margin-inline-end: 1%;
        }

        .cardProduk:hover {
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        }

        img.cardProdukImg {
            border-radius: 5px 5px 0 0;
        }

        .containerProduk {
            padding: 2px 16px;
        }

        .cardKabarFlex {
            display: flex;
            justify-content: center;
            margin-bottom: 11%;
        }

        .containerKabar {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }

        .cardKabar {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
            transition: 0.3s;
            max-width: 340px;
            max-height: 380px;
            border-radius: 20px;
            margin-inline-end: 1%;
        }

        .cardKabar:hover {
            box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
        }

        img.cardKabarImg {
            border-radius: 5px 5px 0 0;
        }

        .button {
            background-color: red;
            border: none;
            color: white;
            padding: 8px 16px;
            text-align: center;
            font-size: 16px;
            transition: 0.3s;
            border-radius: 6px;
            display: inline-block;
            text-decoration: none;
            cursor: pointer;
        }


        .penghargaanFlex {
            display: flex;
            align-items: flex-start;
        }

        .titlePenghargaan {
            margin-bottom: 4%;
            margin-top: 2%;
        }

        .kontenPenghargaan {
            max-height: 248px;
            width: 100%;
            background-color: #ffffff;
        }

        .bg-header {
            background-color: black;
            opacity: 80%;
        }