/* ==========================================================================
   PUBLIC WEBSITE - STYLE UTAMA
   ========================================================================== */


/* ==========================================================================
   ROOT / VARIABLE
   ========================================================================== */

:root {

    --primary-color: #0d6efd;
    --secondary-color: #0b5ed7;

    --text-color: #333;
    --muted-color: #6c757d;

    --light-bg: #f8f9fa;

    --border-color: #e5e5e5;

}


/* ==========================================================================
   GENERAL
   ========================================================================== */

html {

    scroll-behavior: smooth;

}


body {

    margin: 0;
    padding: 0;

    font-family:
        "Segoe UI",
        Arial,
        sans-serif;

    color: var(--text-color);

    background: #fff;

    line-height: 1.6;

}


/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

#main-content {

    min-height: 500px;

}


/* ==========================================================================
   BUTTON
   ========================================================================== */

.btn {

    border-radius: 6px;

}


/* ==========================================================================
   CARD
   ========================================================================== */

.card {

    border: 1px solid var(--border-color);

    border-radius: 10px;

}


.card-header {

    background: #fff;

}


/* ==========================================================================
   RESPONSIVE UMUM
   ========================================================================== */

@media (max-width: 991.98px) {

    #main-content {

        min-height: 400px;

    }

}


@media (max-width: 575.98px) {

    #main-content {

        min-height: 400px;

    }

}