@import url("bootstrap-icons.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* Lusail Plus Font */
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/LusailRegular.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/LusailRegular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/LusailMedium.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/LusailMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/LusailLight.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/LusailLight.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/LusailBold.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/LusailBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus Bold";
    src: url("web-fonts/LusailPlus/OTF/LusailBold.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/LusailBold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/LusailExtrabold.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/LusailExtrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/LusailBlack.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/LusailBlack.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: block;
}

/* Lusail Plus Font 
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/Lusail+ Regular.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/Lusail+ Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/Lusail+ Medium.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/Lusail+ Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/Lusail+ Light.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/Lusail+ Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/Lusail+ Bold.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/Lusail+ Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus Bold";
    src: url("web-fonts/LusailPlus/OTF/Lusail+ Bold.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/Lusail+ Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/Lusail+ Extrabold.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/Lusail+ Extrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail Plus";
    src: url("web-fonts/LusailPlus/OTF/Lusail+ Black.otf") format("opentype"),
         url("web-fonts/LusailPlus/TTF/Lusail+ Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: block;
}
*/