@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* Geist */
@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url('../fonts/Geist/static/Geist-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Inter */

/* Inter – Black */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Inter/static/Inter_18pt-Black.ttf") format("truetype");
}

/* Inter – Black Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/Inter/static/Inter_18pt-BlackItalic.ttf") format("truetype");
}

/* Inter – ExtraBold */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Inter/static/Inter_18pt-ExtraBold.ttf") format("truetype");
}

/* Inter – ExtraBold Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/Inter/static/Inter_18pt-ExtraBoldItalic.ttf") format("truetype");
}

/* Inter – Bold */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Inter/static/Inter_18pt-Bold.ttf") format("truetype");
}

/* Inter – Bold Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/Inter/static/Inter_18pt-BoldItalic.ttf") format("truetype");
}

/* Inter – SemiBold */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Inter/static/Inter_18pt-SemiBold.ttf") format("truetype");
}

/* Inter – SemiBold Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/Inter/static/Inter_18pt-SemiBoldItalic.ttf") format("truetype");
}

/* Inter – Medium */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Inter/static/Inter_18pt-Medium.ttf") format("truetype");
}

/* Inter – Medium Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/Inter/static/Inter_18pt-MediumItalic.ttf") format("truetype");
}

/* Inter – Regular */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Inter/static/Inter_18pt-Regular.ttf") format("truetype");
}

/* Inter – Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/Inter/static/Inter_18pt-Italic.ttf") format("truetype");
}

/* Inter – ExtraLight */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/Inter/static/Inter_18pt-ExtraLight.ttf") format("truetype");
}

/* Inter – ExtraLight Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/Inter/static/Inter_18pt-ExtraLightItalic.ttf") format("truetype");
}

/* Inter – Light */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Inter/static/Inter_18pt-Light.ttf") format("truetype");
}

/* Inter – Light Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/Inter/static/Inter_18pt-LightItalic.ttf") format("truetype");
}

/* Inter – Thin */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Inter/static/Inter_18pt-Thin.ttf") format("truetype");
}

/* Inter – Thin Italic */
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/Inter/static/Inter_18pt-ThinItalic.ttf") format("truetype");
}

.content{
  height: 100%;
  padding-bottom: 40px;
  overflow: auto;
  /* Hide scrollbar for IE and Edge */
  -ms-overflow-style: none;
  /* Hide scrollbar for Firefox */
  scrollbar-width: none;
}

.dd-label{
  font-family: "Geist";
}

/* Hide scrollbar for Chrome, Safari and Opera */
.content::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 1024px) {
  .content{
    padding: 20px;
  } 
}

/* Navigation Index Page Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  line-height: 1.6;
  color: #333;
  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  min-height: 100vh;
}