/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/
.welcome {
    font-family: 'Caveat', cursive;
    font-size: 4.00rem;
}

p.mb-3.footer-custom {
    text-align: justify !important;
}

.testimonial.testimonial-box .testimonial-item {
    height: 450px;
}

@media (max-width: 991.98px) {
    /* Pastikan semua container dropdown bisa meluap keluar */
    #mainMenu,
    #mainMenu .container,
    #mainMenu nav {
        overflow: visible !important;
        position: relative !important;
        z-index: 10 !important;
    }

    /* Pastikan dropdown di atas semua layer lain */
    #mainMenu .dropdown-menu {
        position: relative !important;
        z-index: 10 !important;
        background: transparent !important;
    }

    /* Teks sub menu putih */
    #mainMenu .dropdown-menu li a {
        color: #fff !important;
        font-size: 15px;
        padding: 8px 10px;
        display: block;
    }

  



}