@tailwind base;
@tailwind components;
@tailwind utilities;

.logoSize {
  width: 80px;
  height: 80px;
  object-fit: contain;
}
.bgCover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),
    url("../image/bg.JPG");
  background-position: center;
  background-size: cover;
  height: 100vh;
}
.bgCover1 {
  background-image: linear-gradient(
      rgba(9, 81, 205, 0.9),
      rgba(19, 102, 211, 0.9)
    ),
    url("../image/bg-1.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.hight {
  height: 250px;
  object-fit: cover;
}
.hightCoursor {
  height: 750px;
  object-fit: contain;
}
.navbar {
  transition: background-color 0.3s ease;
  background-color: transparent;
}

.nav-scrolled {
  background-color: rgba(13, 109, 253, 1);
}
.scroll-offset {
  scroll-margin-top: 100px;
}
.nav-link.active {
  position: relative;
  color: #f8e75e !important;
}

.nav-link.active::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #f8e75e;
  transition: width 0.3s ease;
}