body {
  overflow-x: hidden;
}

nav {
  border-radius: 0px;
}
nav a:hover {
  border-bottom: 3px solid #e16a01;
}

h1 {
  color: #e16a01;
}

.primary {
  color: #e16a01;
  border-bottom: 2px solid #e16a01;
}

@media (max-width: 768px) {
  .vr {
    display: none;
  }
}

.primary:hover {
  color: #026dbe;
  border-bottom: 2px solid #026dbe;
}

.coa-btn {
  background-color: #e16a01;
  color: white;
}

.coa-btn:hover {
  color: #e16a01;
  background-color: #ffa353;
  border-color: #e16a01;
}

.secondary-btn {
  background-color: rgb(205, 205, 205);
  color: #e16a01;
  border-color: #e16a01;
}

.secondary-btn:hover {
  color: white;
  background-color: #ffa353;
}

.glass-dark {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(58, 63, 73, 0.348);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.125);
}

.glass-light {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(119, 124, 134, 0.55);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.125);
}
.clientsAndPartners {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(255, 255, 255, 0.659);
  /* border: 1px solid rgba(255, 255, 255, 0.125); */
}

@keyframes slideInFromtop {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideInFrombottom {
  0% {
    transform: translateY(200%);
  }
  100% {
    transform: translateY(0);
  }
}

.flip-card {
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: rgba(119, 124, 134, 0.55);
  color: black;
  border-radius: 20px;
}

/* Style the back side */
.flip-card-back {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.55);
  color: black;
  transform: rotateY(180deg);
}

img {
  border-radius: 20px;
}

#scrolly-video {
  position: absolute;
}

.footer {
  border-radius: 0px;
}

hr {
  height: 1px;
  background-color: #ffffff;
  border: none;
}