.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    display: inline-block;
    font-family: 'Bootstrap Icons' !important; /* Make sure to match the font-family name */
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bi-arrow-right::before { content: "\f138"; }
.bi-instagram::before { content: "\F437"; }
.bi-twitter::before { content: "\F5EF"; }
.bi-youtube::before { content: "\F62B"; }
.bi-facebook::before { content: "\F344"; }
.bi-telephone::before { content: "\F5C1"; }
.bi-calendar3::before { content: "\f214"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-left::before { content: "\f284"; }