body {
        font-family: "Montserrat", sans-serif;
        font-size:0.8rem;
        }
        .navbar-nav .nav-link {
        position: relative;
        }

        .bg-dasar {
        background-color: #ED7C2E;
        }

        .navbar-nav .nav-link::after {
        content: '';
        position: absolute;
        width: 100%;
        transform: scaleX(0);
        height: 2px;
        bottom: 0;
        left: 0;
        background-color: #ffffff;
        transform-origin: bottom right;
        transition: transform 0.25s ease-out;
        }
        .title-section{
            font-size: 1.5rem;
        }
        /* Full viewport section helper */
        .vh-section {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        }

        #isi-judul{
            font-size: 1rem;
        }

        .navbar-nav .nav-link:hover::after {
        transform: scaleX(1);
        transform-origin: bottom left;
        }

        /* perkenalan */

        #tentang_kami {
        height: 34rem;
        width: 100%;
        /* Anda bisa sesuaikan nilai ini */
        background-image: url('../img/tentang_kami.webp');
        background-size: cover;
        }

        /* visi misi */
        #visi_misi img {
        height: 10rem;
        width: 10rem;
        object-fit: cover;
        }

        .childVisi img {
        float: right;
        }

        .childMisi img {
        float: left;
        }

        .card-layanan {
        height: 15rem;
        width: 15rem;
        }

        .card-layanan img {
        height: 15rem;
        object-fit: cover;
        }

        #sertifikat {
        background-image: url('../img/sertifikat_bg.webp');
        background-size: cover;
        object-fit: cover;
        width: 100%;
        height: 20rem;

        }

        .sertifikat-item {
        transition: transform 0.2s ease-in-out;
        cursor: default;
        }

        .sertifikat-item:hover {
        transform: scale(1.05);
        cursor: default;
        }

        #galeri .galeri-item {
        width: 100%;
        height: 15rem;
        object-fit: cover;
        transition: transform 0.2s ease-in-out;
        /* border white */
        border: 3px solid white;
        }

        #galeri .galeri-item:hover {
        transform: scale(1.05);
        cursor: pointer;
        /* reset border */
        border: none;
        }

        #layanan_kami {
        display: flex;
        }

        #layanan_kami_hp {
        display: none;
        }

        /* Footer styles */
        .footer-top {
        background-color: #333333;
        color: #ffffff;
        padding: 60px 0;
        }

        .footer-top .contact-form {
        background: rgba(255, 255, 255, 0.04);
        padding: 24px;
        border-radius: 4px;
        }

        .footer-top .contact-form .form-control {
        background: rgba(255, 255, 255, 0.06);
        color: #ffffff;
        border: none;
        }

        .footer-top .contact-form .form-control::placeholder {
        color: #e8e8e8;
        }

        .footer-top .btn-orange {
        background-color: #ED7C2E;
        border: none;
        color: #fff;
        }

        .footer-contact {
        background-color: #ffffff;
        color: #333333;
        padding: 48px 0;
        }

        .footer-contact .logo {
        max-width: 220px;
        }

        .footer-bottom {
        background-color: #ED7C2E;
        color: #ffffff;
        padding: 10px 0;
        text-align: center;
        }

        #background {
        background-image: url('../img/background.webp');
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        }

        @media (max-width: 767px) {
        body {
        font-size: 0.6rem;
        }

        #isi-judul{
            font-size: 0.8rem;
        }

        #galeri .galeri-item {
        width: 100%;
        height: 7rem;
        object-fit: cover;
        transition: transform 0.2s ease-in-out;
        /* border white */
        border: 3px solid white;
        }

        #tentang_kami {
            margin-top: 2rem;
            align-items:normal;
        height: 20rem;
        width: 100%;
        /* Anda bisa sesuaikan nilai ini */
        background-image: url('../img/tentang_kami_hp.jpg');
        background-size: cover;
        }

        .judul {
        font-size: 0.9rem;
        }

        .card-layanan {
        height: 5rem;
        width: 80%;
        }

        .card-layanan img {
        height: 5rem;
        object-fit: cover;
        }

        #layanan_kami {
        display: none;
        }

        #layanan_kami_hp {
        display: flex;
        }

        .hidden-hp{
        display: none;
        }

        .carousel-control-next-icon,
        .carousel-control-prev-icon {
        display: inline-block;
        width: 1rem;
        height: 1rem;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: 100% 100%;
        }

        .footer-top {
        padding: 30px 0;
        }

        .footer-top .contact-form {
        margin-bottom: 20px;
        }

        .footer-contact .logo {
        max-width: 160px;
        margin: 0 auto 12px;
        display: block;
        }

        .logo-footer{
        display: none;
        }

        .vh-section {
        min-height: 50vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        }
        #layanan_kami_hp p{
            font-size: 1rem;
        }

        .title-section{
            font-size: 0.8rem;
        }
        }