.social-icons{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:18px;
    margin-top:15px;
    flex-wrap:nowrap;
}

.social-icons a{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ccc;
    text-decoration:none;
    border:none;
    background:none;
    border-radius:50%;
    transition:.3s ease;
}

.social-icons a i{
    font-size:20px !important;
    line-height:1;
}

.social-icons a svg{
    width:20px;
    height:20px;
    display:block;
    fill:currentColor;
}

.social-icons a:hover{
    color:#CE6723;
}

@media (max-width:768px){
    .social-icons{
        gap:14px;
        flex-wrap:nowrap;
    }

    .social-icons a{
        width:30px;
        height:30px;
    }

    .social-icons a i{
        font-size:18px !important;
    }

    .social-icons a svg{
        width:18px;
        height:18px;
    }
}