@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-display: swap;
    font-style: normal;
    font-weight: 300;
    src: url("webfonts/fa-light-300.eot");
    src: url("webfonts/fa-light-300.eot?#iefix") format("embedded-opentype"), 
         url("webfonts/fa-light-300.woff2") format("woff2"), 
         url("webfonts/fa-light-300.woff") format("woff"), 
         url("webfonts/fa-light-300.ttf") format("truetype"), 
         url("webfonts/fa-light-300.svg#fontawesome") format("svg");
}

.fal {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("webfonts/fa-regular-400.eot");
    src: url("webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
         url("webfonts/fa-regular-400.woff2") format("woff2"), 
         url("webfonts/fa-regular-400.woff") format("woff"), 
         url("webfonts/fa-regular-400.ttf") format("truetype"), 
         url("webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

/* Поддержка новых классов Font Awesome 6+ */
.fa-regular {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}

@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-display: swap;
    font-style: normal;
    font-weight: 900;
    src: url("webfonts/fa-solid-900.eot");
    src: url("webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
         url("webfonts/fa-solid-900.woff2") format("woff2"), 
         url("webfonts/fa-solid-900.woff") format("woff"), 
         url("webfonts/fa-solid-900.ttf") format("truetype"), 
         url("webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa, .fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

/* Поддержка новых классов Font Awesome 6+ */
.fa-solid {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    src: url("webfonts/fa-brands-400.eot");
    src: url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), 
         url("webfonts/fa-brands-400.woff2") format("woff2"), 
         url("webfonts/fa-brands-400.woff") format("woff"), 
         url("webfonts/fa-brands-400.ttf") format("truetype"), 
         url("webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
    font-family: 'Font Awesome 5 Brands';
}

/* Поддержка новых классов Font Awesome 6+ */
.fa-brands {
    font-family: 'Font Awesome 5 Brands';
}

/* Базовые стили для иконок */
.fa, .fas, .far, .fal, .fab,
.fa-solid, .fa-regular, .fa-light, .fa-brands {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}