@font-face {
  font-family: "pp-editorial";
  src: url("../fonts/ppeditorialnewultralightItalic.woff2") format("woff2"),
    url("../fonts/ppeditorialnewultralightItalic.woff") format("woff"),
    url("../fonts/ppeditorialnewultralightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: "satoshi";
  src: url("../fonts/Satoshi-Variable.ttf") format("truetype");
  /* url("../fonts/neuemontreallight.woff") format("woff"),
    url("../fonts/neuemontreallight.otf") format("opentype"); */

  font-style: normal;
}

body {
  font-family: "satoshi", sans-serif;
}

.btn-shadow {
  box-shadow: 0px 0px 1px 2px #4873d4 inset;
  box-shadow: 0px -3px 4px 0px #173a88 inset;
  box-shadow: 0px 4px 4px 0px #4873d433;
}
.hero-bg {
  background-image: url(../assets/slash.svg);
  background-size: cover;
  background-position: top;
}
.over-bg {
  background-image: url(../assets/raybg.svg);
  background-size: cover;
  background-position: center;
}
.shadowy-box {
  border: 1px solid transparent;
  background-image: linear-gradient(215.43deg, #191a1c 7.56%, #010409 91.9%),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 92.92%,
      #055ab3 98.77%,
      #01cdfc 100%
    ),
    linear-gradient(31.73deg, rgba(0, 0, 0, 0) 66.95%, #d4d4d4 94%);

  background-origin: border-box;

  background-clip: padding-box, border-box, border-box;
}

html {
  scroll-behavior: smooth;
}
.gradient-text {
  background: linear-gradient(
    135deg,
    #ffffff 30%,
    rgba(255, 255, 255, 0.5) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.card-border {
  border-width: 0.8px 0.8px 0px 0.8px;
  border-style: solid;

  border-color: #d6ebfd30;
}
.contact-bg {
  background-image: url(../assets/cont.png);
  background-size: cover;
  background-position: center;
  backdrop-filter: blur(4px);
}
.input-class {
  background: linear-gradient(
    91.34deg,
    rgba(253, 253, 253, 0.05) 5%,
    rgba(240, 240, 228, 0.1) 100%
  );
  border: 1px solid #ffffff0d;
  backdrop-filter: blur(25px);
  border-radius: 16px;
  padding: 16px 17px 16px 17px;
  color: #fff;
}

.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
/* Remove scrollbar-hide or adjust to show when overflowing */
.overflow-y-auto::-webkit-scrollbar {
  width: 8px;
}
.overflow-y-auto::-webkit-scrollbar-track {
  background: #010308; /* Match modal background */
}
.overflow-y-auto::-webkit-scrollbar-thumb {
  background-color: #4a5568; /* Subtle gray thumb */
  border-radius: 4px;
}
.overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background-color: #718096; /* Lighter on hover */
}

/* Firefox and IE */
.overflow-y-auto {
  scrollbar-width: thin;
  scrollbar-color: #4a5568 #010308;
}