@font-face {
    font-family: 'mta';
    src:  url('../../fonts/icons/mta.eot?dyohu3');
    src:  url('../../fonts/icons/mta.eot?dyohu3#iefix') format('embedded-opentype'),
      url('../../fonts/icons/mta.ttf?dyohu3') format('truetype'),
      url('../../fonts/icons/mta.woff?dyohu3') format('woff'),
      url('../../fonts/icons/mta.svg?dyohu3#mta') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mta' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before {
    content: "\e900" !important;
}
.icon-instagram:before {
    content: "\e901" !important;
}
.icon-linkedin:before {
    content: "\e902" !important;
}
.icon-tiktok:before {
    content: "\e903" !important;
}
.icon-youtube:before {
    content: "\e904" !important;
}




/* Styles for output */
.social-icons {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    justify-content: flex-start;
    align-items: center;
    margin-top: 2rem;
}
.social-icons [class^="icon-"] {
    font-size: 1.5rem;
}   
.social-icons a  {
    text-decoration: none !important;
    color: inherit;
    opacity: 0.4;
}
.social-icons a:hover {
    opacity: 1;
}