@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");


    .header-7-1 .main {
        padding: 2.5rem 2rem 4rem;
    }

    .header-7-1 .navbar {
        padding: 2rem;
    }

    .header-7-1 .navbar-light .navbar-nav{
        width: 100%;
    }

    .header-7-1 .navbar-light .navbar-nav .nav-link {
        font: 400 0.875rem/1.25rem Poppins, sans-serif;
        color: #16005c;
        transition: 0.3s;
    }

    .header-7-1 .navbar-light .navbar-nav .nav-link.active,
    .header-7-1 .navbar-light .navbar-nav .nav-link:hover {
        font: 600 0.875rem/1.25rem Poppins, sans-serif;
        color: #c99622;
        transition: 0.3s;
    }


    .header-7-1 .nav-dropdown {
        background-color: #ffffff;
        padding: 0.625rem;
        border-radius: 0.5rem;
        border: none;
        width: 138px;
        --tw-shadow: 0 0px 20px 0 rgba(156, 156, 156, 0.1),
            0 0px 20px 0 rgba(156, 156, 156, 0.1);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(167, 167, 167, 0)),
            var(--tw-ring-shadow, 0 0 rgba(167, 167, 167, 0)), var(--tw-shadow);
    }

    .header-7-1 .dropdown-item a,
    .header-7-1 .dropdown-item {
        font: 500 0.75rem/1rem Poppins, sans-serif;
        color: #000;
        background-color: #ffffff;
        transition: 0.2s;
    }

    .header-7-1 .dropdown-item:focus a,
    .header-7-1 .dropdown-item:hover a,
    .header-7-1 .dropdown-item:hover {
        transition: 0.2s;
        background-color: #dbedff;
        border-radius: 0.5rem;
    }

    @media (min-width: 256px) 
    {
        .header-7-1 {
            background-image: url("http://api.elements.buildwithangga.com/storage/files/2/assets/Header/Header7/Header-7-2.png");
        }
    }

    @media (min-width: 576px) 
    {
        .header-7-1 {
            background-image: url("http://api.elements.buildwithangga.com/storage/files/2/assets/Header/Header7/Header-7-2.png");
        }

        .header-7-1 .title-font {
            font: 600 2rem/1.25 "Poppins", sans-serif;
        }

        .header-7-1 .dropdown-header .dropdown-header-hover:hover .dropdown-header-icon-arrow {
            display: block;
        }
    }

    @media (min-width: 768px) 
    {
        .header-7-1 {
            background-image: url("http://api.elements.buildwithangga.com/storage/files/2/assets/Header/Header7/Header-7-2.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

        .header-7-1 .main {
            padding: 2.5rem 4rem 4rem;
        }

        .header-7-1 .navbar {
            padding: 2rem 4rem;
        }
    }

    @media (min-width: 992px) {

        .header-7-1 .main {
            padding: 2.5rem 7rem 4rem 9rem;
        }


        .header-7-1 .navbar {
            padding: 2rem 6rem;
        }
    }

    @media (min-width: 1200px) {}

    @media all and (min-width: 992px) {
        .header-7-1 .nav-item .dropdown-menu {
            display: none;
        }

        .header-7-1 .nav-item:hover .dropdown-menu {
            display: block;
        }

        .header-7-1 .nav-item .dropdown-menu {
            margin-top: 0;
        }
    }