@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css");

/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/* Lusail Font */
@font-face {
    font-family: "Lusail";
    src: url("web-fonts/Lusail/Lusail-Regular.otf") format("opentype"),
		 url("web-fonts/Lusail/Lusail-Regular.woff") format("woff"),
		 url("web-fonts/Lusail/Lusail-Regular.woff2") format("woff2"),
		 url("web-fonts/Lusail/Lusail-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail";
    src: url("web-fonts/Lusail/Lusail-Regular.otf") format("opentype"),
		 url("web-fonts/Lusail/Lusail-Regular.woff") format("woff"),
		 url("web-fonts/Lusail/Lusail-Regular.woff2") format("woff2"),
		 url("web-fonts/Lusail/Lusail-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail";
    src: url("web-fonts/Lusail/Lusail-Medium.otf") format("opentype"),
		 url("web-fonts/Lusail/Lusail-Medium.woff") format("woff"),
		 url("web-fonts/Lusail/Lusail-Medium.woff2") format("woff2"),
		 url("web-fonts/Lusail/Lusail-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail";
    src: url("web-fonts/Lusail/Lusail-Light.otf") format("opentype"),
		 url("web-fonts/Lusail/Lusail-Light.woff") format("woff"),
		 url("web-fonts/Lusail/Lusail-Light.woff2") format("woff2"),
		 url("web-fonts/Lusail/Lusail-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: "Lusail";
    src: url("web-fonts/Lusail/Lusail-Bold.otf") format("opentype"),
		 url("web-fonts/Lusail/Lusail-Bold.woff") format("woff"),
		 url("web-fonts/Lusail/Lusail-Bold.woff2") format("woff2"),
		 url("web-fonts/Lusail/Lusail-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: block;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}