/*=============================================
=            CSS Index            =
=============================================

    -> Default styles
    -> Header
    -> Footer


/*=====  End of CSS Index  ======*/

/*=============================================
=            Theme default CSS            =
=============================================*/
/*-- Google Font --*/
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,500,600,700|Montserrat:400,600,700");

/* JosefinSans */
@font-face {
  font-family: "JosefinSans-Bold";
  src: url("../../assets/fonts/Josefin_Sans/JosefinSans-Bold.ttf");
}

@font-face {
  font-family: "JosefinSans-Regular";
  src: url("../../assets/fonts/Josefin_Sans/JosefinSans-Regular.ttf");
}

@font-face {
  font-family: "JosefinSans-Medium";
  src: url("../../assets/fonts/Josefin_Sans/JosefinSans-Medium.ttf");
}

@font-face {
  font-family: "JosefinSans-Light";
  src: url("../../assets/fonts/Josefin_Sans/JosefinSans-Light.ttf");
}
/* JosefinSans */

/* Ubuntu */
@font-face {
  font-family: "Ubuntu-Bold";
  src: url("../../assets/fonts/Ubuntu/Ubuntu-Bold.ttf");
}

@font-face {
  font-family: "Ubuntu-Regular";
  src: url("../../assets/fonts/Ubuntu/Ubuntu-Regular.ttf");
}

@font-face {
  font-family: "Ubuntu-Medium";
  src: url("../../assets/fonts/Ubuntu/Ubuntu-Medium.ttf");
}

@font-face {
  font-family: "Ubuntu-Light";
  src: url("../../assets/fonts/Ubuntu/Ubuntu-Light.ttf");
}
/* Ubuntu */

/* Nunito-Sans */
@font-face {
  font-family: "Nunito-Sans-Bold";
  src: url("../../assets/fonts/Nunito_Sans/NunitoSans-Bold.ttf");
}

@font-face {
  font-family: "Nunito-Sans-Regular";
  src: url("../../assets/fonts/Nunito_Sans/NunitoSans-Regular.ttf");
}

@font-face {
  font-family: "Nunito-Sans-SemiBold";
  src: url("../../assets/fonts/Nunito_Sans/NunitoSans-SemiBold.ttf");
}

@font-face {
  font-family: "Nunito-Sans-Light";
  src: url("../../assets/fonts/Nunito_Sans/NunitoSans-Light.ttf");
}
/* Nunito-Sans */

/* Work-Sans */
@font-face {
  font-family: "Work-Sans-Bold";
  src: url("../../assets/fonts/Work_Sans/WorkSans-Bold.ttf");
}

@font-face {
  font-family: "Work-Sans-Regular";
  src: url("../../assets/fonts/Work_Sans/WorkSans-Regular.ttf");
}

@font-face {
  font-family: "Work-Sans-SemiBold";
  src: url("../../assets/fonts/Work_Sans/WorkSans-SemiBold.ttf");
}

@font-face {
  font-family: "Work-Sans-Light";
  src: url("../../assets/fonts/Work_Sans/WorkSans-Light.ttf");
}
/* Work-Sans */

/* Quicksand */
@font-face {
  font-family: "Quicksand-Bold";
  src: url("../../assets/fonts/Quicksand/Quicksand-Bold.ttf");
}

@font-face {
  font-family: "Quicksand-SemiBold";
  src: url("../../assets/fonts/Quicksand/Quicksand-SemiBold.ttf");
}

@font-face {
  font-family: "Quicksand-Medium";
  src: url("../../assets/fonts/Quicksand/Quicksand-Medium.ttf");
}

@font-face {
  font-family: "Quicksand-Regular";
  src: url("../../assets/fonts/Quicksand/Quicksand-Regular.ttf");
}
/* Quicksand */

/* Inter */
@font-face {
  font-family: "Inter-Bold";
  src: url("../../assets/fonts/Inter/Inter-Bold.ttf");
}

@font-face {
  font-family: "Inter-SemiBold";
  src: url("../../assets/fonts/Inter/Inter-SemiBold.ttf");
}

@font-face {
  font-family: "Inter-Medium";
  src: url("../../assets/fonts/Inter/Inter-Medium.ttf");
}

@font-face {
  font-family: "Inter-Regular";
  src: url("../../assets/fonts/Inter/Inter-Regular.ttf");
}
/* Inter */

/* Overpass */
@font-face {
  font-family: "Overpass-Bold";
  src: url("../../assets/fonts/Overpass/Overpass-Bold.ttf");
}

@font-face {
  font-family: "Overpass-SemiBold";
  src: url("../../assets/fonts/Overpass/Overpass-SemiBold.ttf");
}

@font-face {
  font-family: "Overpass-Medium";
  src: url("../../assets/fonts/Overpass/Overpass-Medium.ttf");
}

@font-face {
  font-family: "Overpass-Regular";
  src: url("../../assets/fonts/Overpass/Overpass-Regular.ttf");
}
/* Overpass */

/* Manrope */
@font-face {
  font-family: "Manrope-Bold";
  src: url("../../assets/fonts/Manrope/Manrope-Bold.ttf");
}

@font-face {
  font-family: "Manrope-SemiBold";
  src: url("../../assets/fonts/Manrope/Manrope-SemiBold.ttf");
}

@font-face {
  font-family: "Manrope-Regular";
  src: url("../../assets/fonts/Manrope/Manrope-Regular.ttf");
}

@font-face {
  font-family: "Manrope-Medium";
  src: url("../../assets/fonts/Manrope/Manrope-Medium.ttf");
}

@font-face {
  font-family: "Manrope-Light";
  src: url("../../assets/fonts/Manrope/Manrope-Light.ttf");
}
/* Manrope */

/* Montserrat */
@font-face {
  font-family: "Montserrat-ExtraBold";
  src: url("../../assets/fonts/Montserrat/Montserrat-ExtraBold.ttf");
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url("../../assets/fonts/Montserrat/Montserrat-Bold.ttf");
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("../../assets/fonts/Montserrat/Montserrat-SemiBold.ttf");
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("../../assets/fonts/Montserrat/Montserrat-Regular.ttf");
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("../../assets/fonts/Montserrat/Montserrat-Medium.ttf");
}

@font-face {
  font-family: "Montserrat-Light";
  src: url("../../assets/fonts/Montserrat/Montserrat-Light.ttf");
}
/* Montserrat */

/* Urbanist */
@font-face {
  font-family: "Urbanist-Bold";
  src: url("../../assets/fonts/Urbanist/Urbanist-Bold.ttf");
}

@font-face {
  font-family: "Urbanist-SemiBold";
  src: url("../../assets/fonts/Urbanist/Urbanist-SemiBold.ttf");
}

@font-face {
  font-family: "Urbanist-Regular";
  src: url("../../assets/fonts/Urbanist/Urbanist-Regular.ttf");
}

@font-face {
  font-family: "Urbanist-Medium";
  src: url("../../assets/fonts/Urbanist/Urbanist-Medium.ttf");
}

@font-face {
  font-family: "Urbanist-Light";
  src: url("../../assets/fonts/Urbanist/Urbanist-Light.ttf");
}
/* Urbanist */

/* Playfair Display */
@font-face {
  font-family: "PlayfairDisplay-Bold";
  src: url("../../assets/fonts/Playfair_Display/PlayfairDisplay-Bold.ttf");
}

@font-face {
  font-family: "PlayfairDisplay-SemiBold";
  src: url("../../assets/fonts/Playfair_Display/PlayfairDisplay-SemiBold.ttf");
}

@font-face {
  font-family: "PlayfairDisplay-Regular";
  src: url("../../assets/fonts/Playfair_Display/PlayfairDisplay-Regular.ttf");
}

@font-face {
  font-family: "PlayfairDisplay-Medium";
  src: url("../../assets/fonts/Playfair_Display/PlayfairDisplay-Medium.ttf");
}

@font-face {
  font-family: "PlayfairDisplay-Italic";
  src: url("../../assets/fonts/Playfair_Display/PlayfairDisplay-Italic.ttf");
}
/* Playfair Display */

/* Libre Baskerville */
@font-face {
  font-family: "LibreBaskerville-Bold";
  src: url("../../assets/fonts/Libre_Baskerville/LibreBaskerville-Bold.ttf");
}

@font-face {
  font-family: "LibreBaskerville-Regular";
  src: url("../../assets/fonts/Libre_Baskerville/LibreBaskerville-Regular.ttf");
}
/* Libre Baskerville */

/* Black Ops One */
@font-face {
  font-family: "BlackOpsOne-Regular";
  src: url("../../assets/fonts/Black_Ops_One/BlackOpsOne-Regular.ttf");
}
/* Black Ops One */

/* Fira Code */
@font-face {
  font-family: "FiraCode-Bold";
  src: url("../../assets/fonts/Fira_Code/FiraCode-Bold.ttf");
}

@font-face {
  font-family: "FiraCode-SemiBold";
  src: url("../../assets/fonts/Fira_Code/FiraCode-SemiBold.ttf");
}

@font-face {
  font-family: "FiraCode-Medium";
  src: url("../../assets/fonts/Fira_Code/FiraCode-Medium.ttf");
}

@font-face {
  font-family: "FiraCode-Regular";
  src: url("../../assets/fonts/Fira_Code/FiraCode-Regular.ttf");
}
/* Fira Code */

/* Fredoka */
@font-face {
  font-family: "Fredoka-Bold";
  src: url("../../assets/fonts/Fredoka/Fredoka-Bold.ttf");
}

@font-face {
  font-family: "Fredoka-SemiBold";
  src: url("../../assets/fonts/Fredoka/Fredoka-SemiBold.ttf");
}

@font-face {
  font-family: "Fredoka-Medium";
  src: url("../../assets/fonts/Fredoka/Fredoka-Medium.ttf");
}

@font-face {
  font-family: "Fredoka-Regular";
  src: url("../../assets/fonts/Fredoka/Fredoka-Regular.ttf");
}
/* Fredoka */

/* Girassol */
@font-face {
  font-family: "Girassol-Regular";
  src: url("../../assets/fonts/Girassol/Girassol-Regular.ttf");
}
/* Girassol */

/* Orelega One */
@font-face {
  font-family: "OrelegaOne-Regular";
  src: url("../../assets/fonts/Orelega_One/OrelegaOne-Regular.ttf");
}
/* Orelega One */

/* Plus Jakarta Sans */
@font-face {
  font-family: "PlusJakartaSans-Bold";
  src: url("../../assets/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Bold.ttf");
}

@font-face {
  font-family: "PlusJakartaSans-SemiBold";
  src: url("../../assets/fonts/Plus_Jakarta_Sans/PlusJakartaSans-SemiBold.ttf");
}

@font-face {
  font-family: "PlusJakartaSans-Medium";
  src: url("../../assets/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Medium.ttf");
}

@font-face {
  font-family: "PlusJakartaSans-Regular";
  src: url("../../assets/fonts/Plus_Jakarta_Sans/PlusJakartaSans-Regular.ttf");
}
/* Plus Jakarta Sans */

/* Sedgwick Ave Display */
@font-face {
  font-family: "SedgwickAveDisplay-Regular";
  src: url("../../assets/fonts/Sedgwick_Ave_Display/SedgwickAveDisplay-Regular.ttf");
}
/* Sedgwick Ave Display */

/* Special Elite */
@font-face {
  font-family: "SpecialElite-Regular";
  src: url("../../assets/fonts/Special_Elite/SpecialElite-Regular.ttf");
}
/* Special Elite */

/* Yeseva One */
@font-face {
  font-family: "YesevaOne-Regular";
  src: url("../../assets/fonts/Yeseva_One/YesevaOne-Regular.ttf");
}
/* Yeseva One */

/* Tilt Neon */
@font-face {
  font-family: "TiltNeon-Regular";
  src: url("../../assets/fonts/Tilt_Neon/TiltNeon-Regular.ttf");
}
/* Tilt Neon */

/* Permanent Marker */
@font-face {
  font-family: "PermanentMarker-Regular";
  src: url("../../assets/fonts/Permanent_Marker/PermanentMarker-Regular.ttf");
}
/* Permanent Marker */

:root {
  --font-josefin-bold: "JosefinSans-Bold", sans-serif;
  --font-josefin-regular: "JosefinSans-Regular", sans-serif;
  --font-josefin-medium: "JosefinSans-Medium", sans-serif;
  --font-josefin-light: "JosefinSans-Light", sans-serif;

  --font-ubuntu-bold: "Ubuntu-Bold", sans-serif;
  --font-ubuntu-regular: "Ubuntu-Regular", sans-serif;
  --font-ubuntu-medium: "Ubuntu-Medium", sans-serif;
  --font-ubuntu-light: "Ubuntu-Light", sans-serif;

  --font-nunito-sans-bold: "Nunito-Sans-Bold", sans-serif;
  --font-nunito-sans-regular: "Nunito-Sans-Regular", sans-serif;
  --font-nunito-sans-semibold: "Nunito-Sans-SemiBold", sans-serif;
  --font-nunito-sans-light: "Nunito-Sans-Light", sans-serif;

  --font-work-sans-bold: "Work-Sans-Bold", sans-serif;
  --font-work-sans-semibold: "Work-Sans-SemiBold", sans-serif;
  --font-work-sans-medium: "Work-Sans-Medium", sans-serif;
  --font-work-sans-regular: "Work-Sans-Regular", sans-serif;

  --font-quicksand-bold: "Quicksand-Bold", sans-serif;
  --font-quicksand-semibold: "Quicksand-SemiBold", sans-serif;
  --font-quicksand-medium: "Quicksand-Medium", sans-serif;
  --font-quicksand-regular: "Quicksand-Regular", sans-serif;

  --font-inter-bold: "Inter-Bold", sans-serif;
  --font-inter-semibold: "Inter-SemiBold", sans-serif;
  --font-inter-medium: "Inter-Medium", sans-serif;
  --font-inter-regular: "Inter-Regular", sans-serif;

  --font-overpass-bold: "Overpass-Bold", sans-serif;
  --font-overpass-semibold: "Overpass-SemiBold", sans-serif;
  --font-overpass-medium: "Overpass-Medium", sans-serif;
  --font-overpass-regular: "Overpass-Regular", sans-serif;

  --font-manrope-bold: "Manrope-Bold", sans-serif;
  --font-manrope-semibold: "Manrope-SemiBold", sans-serif;
  --font-manrope-regular: "Manrope-Regular", sans-serif;
  --font-manrope-medium: "Manrope-Medium", sans-serif;
  --font-manrope-light: "Manrope-Light", sans-serif;

  --font-montserrat-extrabold: "Montserrat-ExtraBold", sans-serif;
  --font-montserrat-bold: "Montserrat-Bold", sans-serif;
  --font-montserrat-semibold: "Montserrat-SemiBold", sans-serif;
  --font-montserrat-regular: "Montserrat-Regular", sans-serif;
  --font-montserrat-medium: "Montserrat-Medium", sans-serif;
  --font-montserrat-light: "Montserrat-Light", sans-serif;

  --font-urbanist-bold: "Urbanist-Bold", sans-serif;
  --font-urbanist-semibold: "Urbanist-SemiBold", sans-serif;
  --font-urbanist-regular: "Urbanist-Regular", sans-serif;
  --font-urbanist-medium: "Urbanist-Medium", sans-serif;
  --font-urbanist-light: "Urbanist-Light", sans-serif;

  --font-playfair-display-bold: "PlayfairDisplay-Bold", sans-serif;
  --font-playfair-display-semibold: "PlayfairDisplay-SemiBold", sans-serif;
  --font-playfair-display-regular: "PlayfairDisplay-Regular", sans-serif;
  --font-playfair-display-medium: "PlayfairDisplay-Medium", sans-serif;
  --font-playfair-display-italic: "PlayfairDisplay-Italic", sans-serif;

  --font-baskerville-bold: "LibreBaskerville-Bold", sans-serif;
  --font-baskerville-regular: "LibreBaskerville-Regular", sans-serif;

  --font-blackopsone-regular: "BlackOpsOne-Regular", sans-serif;

  --font-fira-code-bold: "FiraCode-Bold", sans-serif;
  --font-fira-code-semibold: "FiraCode-SemiBold", sans-serif;
  --font-fira-code-medium: "FiraCode-Medium", sans-serif;
  --font-fira-code-regular: "FiraCode-Regular", sans-serif;

  --font-fredoka-bold: "Fredoka-Bold", sans-serif;
  --font-fredoka-semibold: "Fredoka-SemiBold", sans-serif;
  --font-fredoka-medium: "Fredoka-Medium", sans-serif;
  --font-fredoka-regular: "Fredoka-Regular", sans-serif;

  --font-girassol-regular: "Girassol-Regular", sans-serif;

  --font-orelega-one-regular: "OrelegaOne-Regular", sans-serif;

  --font-plusjakartasans-bold: "PlusJakartaSans-Bold", sans-serif;
  --font-plusjakartasans-semibold: "PlusJakartaSans-SemiBold", sans-serif;
  --font-plusjakartasans-medium: "PlusJakartaSans-Medium", sans-serif;
  --font-plusjakartasans-regular: "PlusJakartaSans-Regular", sans-serif;

  --font-sedgwick-ave-display-regular: "SedgwickAveDisplay-Regular", sans-serif;

  --font-special-elite-regular: "SpecialElite-Regular", sans-serif;

  --font-yeseva-one-regular: "YesevaOne-Regular", sans-serif;

  --font-tilt-neon-regular: "TiltNeon-Regular", sans-serif;

  --font-permanent-marker-regular: "PermanentMarker-Regular", sans-serif;
}

/* JOSEFIN SANS */
.josefin-bold {
  font-family: var(--font-josefin-bold);
}

.josefin-regular {
  font-family: var(--font-josefin-regular);
}

.josefin-medium {
  font-family: var(--font-josefin-medium);
}

.josefin-light {
  font-family: var(--font-josefin-light);
}
/* JOSEFIN SANS */

/* UBUNTU */
.ubuntu-bold {
  font-family: var(--font-ubuntu-bold) !important;
}

.ubuntu-regular {
  font-family: var(--font-ubuntu-regular) !important;
}

.ubuntu-medium {
  font-family: var(--font-ubuntu-medium) !important;
}

.ubuntu-light {
  font-family: var(--font-ubuntu-light) !important;
}
/* UBUNTU */

/* NUNITO SANS */
.nunito-sans-bold {
  font-family: var(--font-nunito-sans-bold);
}

.nunito-sans-regular {
  font-family: var(--font-nunito-sans-regular);
}

.nunito-sans-medium {
  font-family: var(--font-nunito-sans-semibold);
}

.nunito-sans-light {
  font-family: var(--font-nunito-sans-light);
}
/* NUNITO SANS */

/* Work-Sans */
.work-sans-bold {
  font-family: var(--font-work-sans-bold);
}

.work-sans-semibold {
  font-family: var(--font-work-sans-semibold);
}

.work-sans-medium {
  font-family: var(--font-work-sans-medium);
}

.work-sans-regular {
  font-family: var(--font-work-sans-regular);
}
/* Work-Sans */

/* Quicksand */
.quicksand-bold {
  font-family: var(--font-quicksand-bold);
}

.quicksand-semibold {
  font-family: var(--font-quicksand-semibold);
}

.quicksand-medium {
  font-family: var(--font-quicksand-medium);
}

.quicksand-regular {
  font-family: var(--font-quicksand-regular);
}
/* Quicksand */

/* Inter */
.inter-bold {
  font-family: var(--font-inter-bold);
}

.inter-semibold {
  font-family: var(--font-inter-semibold);
}

.inter-medium {
  font-family: var(--font-inter-medium);
}

.inter-regular {
  font-family: var(--font-inter-regular);
}
/* Inter */

/* Overpass */
.overpass-bold {
  font-family: var(--font-overpass-bold);
}

.overpass-semibold {
  font-family: var(--font-overpass-semibold);
}

.overpass-medium {
  font-family: var(--font-overpass-medium);
}

.overpass-regular {
  font-family: var(--font-overpass-regular);
}
/* Overpass */

/* Manrope */
.manrope-bold {
  font-family: var(--font-manrope-bold);
}

.manrope-semibold {
  font-family: var(--font-manrope-semibold);
}

.manrope-regular {
  font-family: var(--font-manrope-regular);
}

.manrope-medium {
  font-family: var(--font-manrope-medium);
}

.manrope-light {
  font-family: var(--font-manrope-light);
}
/* Manrope */

/* Montserrat */
.montserrat-extrabold {
  font-family: var(--font-montserrat-extrabold);
}

.montserrat-bold {
  font-family: var(--font-montserrat-bold);
}

.montserrat-semibold {
  font-family: var(--font-montserrat-semibold);
}

.montserrat-regular {
  font-family: var(--font-montserrat-regular);
}

.montserrat-medium {
  font-family: var(--font-montserrat-semibold);
}

.montserrat-light {
  font-family: var(--font-montserrat-light);
}
/* Montserrat */

/* Urbanist */
.urbanist-bold {
  font-family: var(--font-urbanist-bold);
}

.urbanist-semibold {
  font-family: var(--font-urbanist-semibold);
}

.urbanist-medium {
  font-family: var(--font-urbanist-medium);
}

.urbanist-regular {
  font-family: var(--font-urbanist-regular);
}
/* Urbanist */

/* Playfair Display */
.playfair-display-bold {
  font-family: var(--font-playfair-display-bold);
}

.playfair-display-semibold {
  font-family: var(--font-playfair-display-semibold);
}

.playfair-display-medium {
  font-family: var(--font-playfair-display-medium);
}

.playfair-display-regular {
  font-family: var(--font-playfair-display-regular);
}

.playfair-display-italic {
  font-family: var(--font-playfair-display-italic);
}
/* Playfair Display */

/* Baskerville */
.baskerville-bold {
  font-family: var(--font-baskerville-bold);
}

.baskerville-regular {
  font-family: var(--font-baskerville-regular);
}
/* Baskerville */

/* Black Ops One */
.blackopsone-regular {
  font-family: var(--font-blackopsone-regular);
}
/* Black Ops One */

/* Fira Code */
.fira-code-bold {
  font-family: var(--font-fira-code-bold);
}

.fira-code-semibold {
  font-family: var(--font-fira-code-semibold);
}

.fira-code-medium {
  font-family: var(--font-fira-code-medium);
}

.fira-code-regular {
  font-family: var(--font-fira-code-regular);
}
/* Fira Code */

/* Fredoka */
.fredoka-bold {
  font-family: var(--font-fredoka-bold);
}

.fredoka-semibold {
  font-family: var(--font-fredoka-semibold);
}

.fredoka-medium {
  font-family: var(--font-fredoka-medium);
}

.fredoka-regular {
  font-family: var(--font-fredoka-regular);
}
/* Fredoka */

/* Girassol */
.girassol-regular {
  font-family: var(--font-girassol-regular);
}
/* Girassol */

/* Orelega One */
.orelega-one-regular {
  font-family: var(--font-orelega-one-regular);
}
/* Orelega One */

/* Plus Jakarta Sans */
.plusjakartasans-bold {
  font-family: var(--font-plusjakartasans-bold);
}

.plusjakartasans-semibold {
  font-family: var(--font-plusjakartasans-semibold);
}

.plusjakartasans-medium {
  font-family: var(--font-plusjakartasans-medium);
}

.plusjakartasans-regular {
  font-family: var(--font-plusjakartasans-regular);
}
/* Plus Jakarta Sans */

/* Sedgwick Ave Display */
.sedgwick-ave-display-regular {
  font-family: var(--font-sedgwick-ave-display-regular);
}
/* Sedgwick Ave Display */

/* Special Elite */
.special-elite-regular {
  font-family: var(--font-special-elite-regular);
}
/* Special Elite */

/* Yeseva One */
.yeseva-one-regular {
  font-family: var(--font-yeseva-one-regular);
}
/* Yeseva One */

/* Tilt Neon */
.tilt-neon-regular {
  font-family: var(--font-tilt-neon-regular);
}
/* Tilt Neon */

/* Permanent Marker */
.permanent-marker-regular {
  font-family: var(--font-permanent-marker-regular);
}
/* Permanent Marker */

body {
  /* font-family: var(--font-josefin-regular); */
  font-size: 15px;
  line-height: 20px;
}

h1 {
  font-size: 36px;
  line-height: 42px;
}

h2 {
  font-size: 30px;
  line-height: 36px;
}

h3 {
  font-size: 24px;
  line-height: 30px;
}

h4 {
  font-size: 18px;
  line-height: 24px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-400 {
  font-weight: 400;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-700 {
  font-weight: 700;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-30 {
  font-size: 30px !important;
}

/* REM - Start */
.custom-fs {
  font-size: var(--fs) !important;
}

.fs-05rem {
  font-size: 0.5rem !important;
}

.fs-06rem {
  font-size: 0.6rem !important;
}

.fs-07rem {
  font-size: 0.7rem !important;
}

.fs-08rem {
  font-size: 0.8rem !important;
}

.fs-09rem {
  font-size: 0.9rem !important;
}

.fs-1rem {
  font-size: 1rem !important;
}

.fs-1-15rem {
  font-size: 1.15rem !important;
}

.fs-1-25rem {
  font-size: 1.25rem !important;
}

.fs-1-5rem {
  font-size: 1.5rem !important;
}

.fs-1-75rem {
  font-size: 1.75rem !important;
}

.fs-2rem {
  font-size: 2rem !important;
}

.fs-2-5rem {
  font-size: 2.5rem !important;
}

.fs-3rem {
  font-size: 3rem !important;
}

.fs-3-5rem {
  font-size: 3.5rem !important;
}
/* REM - End */

/* MOBILE PHONE SCREEN */
@media (max-width: 480px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .mobile-mb-2 {
    margin-bottom: 0.5rem !important;
  }

  .mobile-mb-4 {
    margin-bottom: 1.5rem !important;
  }

  .fs-1-25rem {
    font-size: 1rem !important;
  }

  .fs-2rem {
    font-size: 1.25rem !important;
  }

  .fs-2-5rem {
    font-size: 1.5rem !important;
  }
}

@media screen and (max-width: 375px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .mobile-mb-2 {
    margin-bottom: 0.5rem !important;
  }

  .mobile-mb-4 {
    margin-bottom: 1.5rem !important;
  }

  .fs-2rem {
    font-size: 1.25rem !important;
  }

  .fs-2-5rem {
    font-size: 1.5rem !important;
  }
}

@media (max-width: 360px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }

  .mobile-mb-2 {
    margin-bottom: 0.5rem !important;
  }

  .mobile-mb-4 {
    margin-bottom: 1.5rem !important;
  }
}

@media (max-width: 320px) {
  .desktop {
    display: none;
  }

  .mobile {
    display: block;
  }
}