/* header */
    header{
        width: 100%;
        background: var(--primary);
        padding: 10px 32px;
        display: flex;
        justify-content: space-between;
    }

    /* contact header */
        .box_contact_header{
            display: flex;
            align-items: center;
            gap: 8px;
            a{
                color: var(--white);
            }
        }

        .box_contact_header a:not(:last-child){
            border-right: 2px solid var(--white);
            padding-right: 8px;
        }
    /* contact header */

    /* box_social */
        .box_social{
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .social{
            width: 25px; height: 25px;
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: var(--white);
            i{
                color: var(--primary);
            }
        }

        .social:hover{
            transform: translateY(-3px);
            background: var(--third);
            i{
                color: var(--white);
            }
        }
    /* box_social */
/* header */