/* header background color */
      
      .header-wrapper {
    background: white;
}   
   .header__topper {
   background: #5c0de7 !important;
   color: #3B1F00 !important;
   }

   .header .list-social__link {
     padding: 0.8rem 0.9rem;
   }

   .header .list-social__item .svg-wrapper {
     /* width: 2.8rem;
     height: 2.8rem; */
     display: inline-flex;
     align-items: center;
     justify-content: center;
   }

   /* .header .list-social__item .svg-wrapper > svg,
   .header .list-social__item .icon {
     width: 100%;
     height: 100%;
   } */

   /* .header .list-social__link:hover .svg-wrapper,
   .header .list-social__link:hover .icon {
     transform: scale(1.06);
   } */

   /* ===========================
   Top Header Social Icons
=========================== */

.topbar-social {
    display: flex;
    align-items: center;
    gap: 12px;
}

.topbar-social__link {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: all .35s ease;
}

.topbar-social__icon {
    width: 24px;
    height: 24px;
}

/* Facebook */
.topbar-social__link.facebook:hover {
    background: #1877F2;
    color: #fff;
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 8px 18px rgba(24,119,242,.35);
}

/* Instagram */
.topbar-social__link.instagram:hover {
    background: linear-gradient(
        45deg,
        #F58529,
        #DD2A7B,
        #8134AF,
        #515BD4
    );
    color: #fff;
    transform: translateY(-3px) scale(1.1);
    box-shadow: 0 8px 18px rgba(221,42,123,.35);
}

/* Mobile */
@media (max-width:768px){

    .topbar-social{
        gap:8px;
    }

    .topbar-social__link{
        width:36px;
        height:36px;
    }

    .topbar-social__icon{
        width:20px;
        height:20px;
    }

}