@font-face {
  font-family: "imprima";
  src: url("../font/imprima-regular-webfont.woff2") format("woff2"),
    url("../font/imprima-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: "imprima", system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
}

/* Toggler */
#check {
  display: none;
}

.icons {
  display: inline-flex;
}

#check:checked ~ #menu-icon {
  display: none;
}

.icons #close-icon {
  display: none;
}

#check:checked ~ #close-icon {
  display: block;
}

/* Toggler Ends */

.bg-primary {
  background: #091242 !important;
}

.btn-primary {
  background: #ffbe34;
  outline: #ffbe34;
}

.footer-input::placeholder {
  font-size: 0.8rem;
  color: grey;
}

/* .col-9 {
        display: flex;
        flex-direction: column;
        justify-content: center;
      } */

/* span:nth-child(1) {
        margin-bottom: -25px !important;
        display: block !important;
      } */

i {
  color: #ffbe34;
}

.smaller {
  font-size: x-small;
  vertical-align: center;
}

.card-texts {
  position: absolute;
  bottom: 0 !important;
}

.card-text {
  color: #ffbe34;
}

.splide__pagination {
  display: none;
}

@media screen and (min-width: 1025px) {
  .splide__arrows.splide__arrows--ltr {
    display: none;
  }
}

@media screen and (max-width: 620px) {
  .nav-underline {
    --bs-nav-underline-gap: 0;
    --bs-nav-underline-border-width: 0;
    --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
    gap: 0;
  }
}

.dropdown-menu {
  --bs-dropdown-min-width: auto;
  margin-top: 0 !important;
}

.dropdown-menu .dropdown-item {
  color: white;
}

.dropdown-menu .dropdown-item:hover {
  color: initial;
}

.project-link {
  opacity: 0;
  /* Start with opacity set to 0 */
  transition: opacity 0.2s ease-in;
  /* Transition the opacity property over 0.5 seconds with ease-in timing */
}

.projects:hover .project-link {
  opacity: 1;
  /* When .projects is hovered over, change opacity to 1 */
}

.link:hover {
  color: #ffbe34;
}

@media screen and (min-width: 576px) {
  .dropdown-menu {
    margin-left: -25%;
  }
}

@media screen and (max-width: 575px) {
  .dropdown {
    width: 100% !important;
    padding-inline-end: 0.5rem !important;
  }

  .navbar-collapse .dropdown-menu {
    background: none !important;
    text-align: center !important;
  }
}

.nav-button {
  font-variant: small-caps;
}

.dropdown-menu {
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.client-logo img {
  width: 100%;
  z-index: 99;
}

.client-logo .clientlogoinner:nth-child(1) {
  background-image: none;
  background-size: cover;
  display: grid;
  place-items: center;
  padding: 50px;
  padding-block: 70px;
  transition: background-image ease 3s;
}

.client-logo .clientlogoinner:nth-child(1):hover,
.client-logo .clientlogoinner:nth-child(1):focus {
  background-image: url(../Images/clientlogo1.jpg);
}

.client-logo .clientlogoinner:nth-child(2) {
  background-image: none;
  background-size: cover;
  display: grid;
  place-items: center;
  padding: 50px;
}

.client-logo .clientlogoinner:nth-child(2):hover,
.client-logo .clientlogoinner:nth-child(2):focus {
  background-image: url(../Images/clientlogo2.jpg);
}

.client-logo .clientlogoinner:nth-child(3) {
  background-image: none;
  background-size: cover;
  display: grid;
  place-items: center;
  padding: 50px;
}

.client-logo .clientlogoinner:nth-child(3):hover,
.client-logo .clientlogoinner:nth-child(3):focus {
  background-image: url(../Images/clientlogo3.jpg);
}

.client-logo .clientlogoinner:nth-child(4) {
  background-image: none;
  background-size: cover;
  display: grid;
  place-items: center;
  padding: 50px;
}

.client-logo .clientlogoinner:nth-child(4):hover,
.client-logo .clientlogoinner:nth-child(4):focus {
  background-image: url(../Images/clientlogo4.jpg);
}

.clientlogoinner .position-absolute {
  opacity: 0;
}

.clientlogoinner:hover .position-absolute,
.clientlogoinner:focus .position-absolute {
  opacity: 30%;
}