/* ### START HEADER ### */
    .header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 40px 0;
        border-bottom: 1px solid var(--color-gray-light);
        align-items: center;
    }

    .header .logo img {
        width: 149px;
    }

    .header .header-right {
        width: 100%;
        display: flex;
        gap: 40px;
        justify-content: flex-end;
        align-items: center;
    }

    .header .social-icons {
        display: flex;
        gap: 10px;
        align-items: center;
    } 

    .header .social-icons a {
        transition: all 0.2s linear;
    }

    .header .social-icons a:hover {
        transform: translateY(-8px);
    }

    /* .header .phone {
        padding: 15px 35px;
        border: 2px solid var(--color-accent);
        border-radius: 10px;
        color: var(--color-white);
        text-decoration: none;
    } */

    .header .login-btn {
        padding: 15px 100px;
        color: var(--color-black);
        background-color: var(--color-accent);
        border-radius: 10px;
        font-weight: 400;
        text-decoration: none;
    }

    .header .icon-menu {
        width: 32px;
        height: 32px;
        display: none;
    }

    @media (max-width: 768px) {
        .header {
            border: none;
            /* align-self: center; */
        }
        .header .header-right {
            display: none;
        }

        .header .icon-menu {
            display: block;
        }

        .header .logo img {
            width: 121px;
        }
    }
/* ### END HEADER ###  */