@font-face {
  font-family: "Druk-Bold-Trail";
  src: local("Druk-Bold-Trail"),
    url("fonts/Druk-Bold-Trail.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Druk-BoldItalic-Trial";
  src: local("Druk-BoldItalic-Trial"),
    url("fonts/Druk-BoldItalic-Trial.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: "Druk-Heavy";
  src: local("Druk-Heavy"), url("fonts/Druk-Heavy.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Druk-HeavyItalic";
  src: local("Druk-HeavyItalic"),
    url("fonts/Druk-HeavyItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: "Druk-MediumItalic-Trial";
  src: local("Druk-MediumItalic-Trial"),
    url("fonts/Druk-MediumItalic-Trial.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Druk-Medium-Trial";
  src: url("fonts/Druk-Medium-Trial.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Druk Super";
  src: local("Druk-Super-Trial"),
    url("fonts/Druk-Super-Trial.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Druk-SuperItalic-Trial";
  src: local("Druk-SuperItalic-Trial"),
    url("fonts/Druk-SuperItalic-Trial.otf") format("opentype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "EuclidFlex-BoldItalic";
  src: local("EuclidFlex-BoldItalic"),
    url("fonts/EuclidFlex-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "EuclidFlex-Bold";
  src: local("EuclidFlex-Bold"),
    url("fonts/EuclidFlex-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "EuclidFlex-SemiBoldItalic";
  src: local("EuclidFlex-SemiBoldItalic"),
    url("fonts/EuclidFlex-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "EuclidFlex-SemiBold";
  src: local("EuclidFlex-SemiBold"),
    url("fonts/EuclidFlex-SemiBold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "EuclidFlex-RegularItalic";
  src: local("EuclidFlex-RegularItalic"),
    url("fonts/EuclidFlex-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "EuclidFlex-Regular";
  src: local("EuclidFlex-Regular"),
    url("fonts/EuclidFlex-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "EuclidFlex-MediumItalic";
  src: local("EuclidFlex-MediumItalic"),
    url("fonts/EuclidFlex-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "EuclidFlex-Medium";
  src: local("EuclidFlex-Medium"),
    url("fonts/EuclidFlex-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "EuclidFlex-LightItalic";
  src: local("EuclidFlex-LightItalic"),
    url("fonts/EuclidFlex-LightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "EuclidFlex-Light";
  src: local("EuclidFlex-Light"),
    url("fonts/EuclidFlex-Light.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: "Photograph Signature";
  src: local("Photograph_Signature"),
    url("fonts/Photograph_Signature.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Impact";
  src: local("Impact.ttf"), url("fonts/Impact.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

:root {
  --fontDrukMediumItalic: "Druk-MediumItalic-Trial", sans-serif;
  --fontDrukMediumTrial: "Druk-Medium-Trial", sans-serif;
  --fontDrukHeavy: "Druk-Heavy-Trail", sans-serif;
  --fontDrukHeavyItalic: "Druk-HeavyItalic-Trail", sans-serif;
  --fontDrukBold: "Druk-Bold-Trail", sans-serif;
  --fontDrukBoldItalic: "Druk-BoldItalic-Trail", sans-serif;
  --fontDrukSuper: "Druk-Super-Trail", sans-serif;
  --fontDrukSuperItalic: "Druk-SuperItalic-Trail", sans-serif;
  --fontEuclidFlexRegular: "EuclidFlex-Regular", sans-serif;
  --fontEuclidFlexRegularItalic: "EuclidFlex-RegularItalic", sans-serif;
  --fontEuclidFlexMedium: "EuclidFlex-Medium", sans-serif;
  --fontEuclidFlexMediumItalic: "EuclidFlex-MediumItalic", sans-serif;
  --fontEuclidFlexLight: "EuclidFlex-Light", sans-serif;
  --fontEuclidFlexLightItalic: "EuclidFlex-LightItalic", sans-serif;
  --fontPhotographSignature: "Photograph Signature", sans-serif;
  --fontImpact: "Impact", sans-serif;
  --fontEuclidFlexBold: "EuclidFlex-Bold", sans-serif;
  --fontEuclidFlexBoldItalic: "EuclidFlex-BoldItalic", sans-serif;
  --fontEuclidFlexSemiBold: "EuclidFlex-SemiBold", sans-serif;
  --fontEuclidFlexSemiBoldItalic: "EuclidFlex-SemiBoldItalic", sans-serif;
}
/* Popup container */
.popup {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  justify-content: center;
  align-items: center;
}

/* Popup content */
.popup-content {
  background-color: white;

  border: 1px solid #888;

  max-width: 80%; /* Max width of the popup */
  max-height: 80%; /* Max height of the popup */
  overflow: auto; /* Enable scrolling if content exceeds popup dimensions */
  position: relative;
}

/* Close button */
.close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
#stickyButton {
  left: unset !important;
  right: -50px !important;
}
/* @media screen and (max-width: 768px) {
  #stickyButton {
    left: unset !important;
    right: -45px !important;
  }
} */