:root {
    --white: #ffffff;
    --black: #151515;
    --grey: #535353;

    --primary: #2953C4;
    --secondary-one: #6984CF;
    --secondary-two: #232C45;
}


/* Navbar */
.navbar-marketing .navbar-nav {
    padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}

.navbar-logo {
    padding: 8px 0;
}

.cart-container {
    font-size: 32px;
    position: relative;
}

.cart-label {
    position: absolute;
    left: 38%;
    bottom: 16%;
}

.navbar-marketing .navbar-nav .nav-item {
    margin-right: 0;
}

.navbar-custom-link {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: var(--grey);
    text-decoration: none;
    transition: all 200ms ease;
    margin-right: 48px;
}

.navbar-custom-link:hover {
    color: var(--primary);
    text-decoration: none;
}

.navbar-form-custom {
    max-width: 407px;
    margin-left: 10%;
}

.navbar-form-custom > input,
.navbar-form-custom button {
    border-radius: 8px;
}

.navbar-form-custom > input {
    border-right: 0;
}

.navbar-form-custom button {
    border-color: #e3e6ec;
    border-left: 0;
    padding: 4px 8px !important;
}

.navbar-form-custom .fas {
    font-size: 20px;
    color: var(--secondary-two);
}

.navbar-separator {
    border: 1px solid var(--secondary-one);
    opacity: .25;
    margin: 0;
}

.navbar-buttom.navbar-custom-link {
    margin-right: 0;
}

.navbar-buttom-container {
    margin: 8px 0;
}

.navbar-user-container::after {
    content: unset;
}

.navbar-user-container {
    font-size: 32px;
    margin-right: 48px;
}

.navbar .dropdown-menu.navbar-user-dropdown {
    top: 70% !important;
    right: 10% !important;
}
/* End Navbar */

/* Footer */

.footer {
    padding-bottom: 24px;
    background: var(--white);
}

.footer-separator {
    opacity: .25;
    border: 1px solid var(--secondary-one);
}

.footer-separator.top {
    margin-top: 0;
    margin-bottom: 48px;
}

.footer-separator.bottom {
    margin: 24px 0;
}

.footer-logo {
    max-width: 100%;
    height: auto;
    margin-bottom: 32px;
}

.footer-social-container {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.footer-social-container .fab {
    margin-right: 16px;
    color: var(--secondary-two);
    font-size: 20px;
}

.footer-social-container .fab:last-child {
    margin-right: 0;
}

.footer-link-title {
    margin-bottom: 32px;
}

.footer-link {
    font-family: 'Work Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: var(--grey);
    transition: all 200ms ease;
    margin-bottom: 24px;
    text-decoration: none;
    width: fit-content;
}

.footer-link:last-child {
    margin-bottom: 0;
}

.footer-link:hover {
    color: var(--primary);
}

.produk-footer-container {
    padding: 32px;
}
/* End Footer */


@media only screen and (max-width: 992px) {

    #layoutDefault,
    #layoutDefault_footer {
        overflow-x: hidden !important;
    }

}

@media only screen and (max-width: 768.98px) {

    /* Navbar */
    .navbar {
        padding-top: 8px ;
        padding-bottom: 8px ;
        border-bottom: 1px solid var(--secondary-two);
    }

    .navbar-form-custom {
        max-width: 100%;
        margin-left: 0;
    }

    .navbar-produk-show .navbar-form-custom {
        width: 60%;
    }
    /* End Navbar */

    /* Footer */
    .produk-footer-container {
        padding: 0;
    }
    /* End Footer */

}