@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --font-sans: var(--font-geist-sans);
  --font-mono: var(--font-geist-mono);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}

html {
  scroll-behavior: smooth;
}

html.lenis,
html.lenis body {
  scroll-behavior: auto !important;
  height: 100%;
}

body {
  background: var(--background);
  color: var(--foreground);
  /* font-family: Arial, Helvetica, sans-serif; */
  /* font-family: "Open Sans", sans-serif; */
  font-family: "Inter", "Roboto", "Open Sans", sans-serif;
}

.swiper-wrapper {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: #ffffff !important; /* Change this to your desired color */
}

.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease;
}

.accordion-content.open {
  max-height: 1000px; /* or a value that fits your content */
}

.cus_text {
  /* font-weight: 700; */
  font-family: "Montserrat", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased !important;
}

.cus_affiliation {
  background: #0f6939;
  background: linear-gradient(
    90deg,
    rgba(15, 105, 57, 0.1) 0%,
    rgba(233, 190, 190, 0.68) 100%
  );
}
.cus-news {
  background: #0f6939;
  background: linear-gradient(
    90deg,
    rgba(15, 105, 57, 0.1) 0%,
    rgba(255, 255, 255, 0.37) 100%
  );
}

.cus-count {
  background: #0f6939;
  background: linear-gradient(
    90deg,
    rgba(9, 107, 55, 0.767) 0%,
    rgba(219, 124, 124, 0.39) 100%
  );
}

.cus-videos {
  background: #0f6939;
  background: linear-gradient(
    90deg,
    rgba(15, 105, 57, 0.1) 0%,
    rgba(255, 255, 255, 0.37) 100%
  );
}

.cus-career {
  background: #0f6939;
}

.h-tag {
  background: #65bf8f;
  background: radial-gradient(
    circle,
    rgba(101, 191, 143, 0.47) 0%,
    rgba(16, 105, 57, 1) 0%,
    rgba(85, 149, 115, 1) 29%,
    rgba(119, 170, 143, 0.6) 44%,
    rgba(255, 255, 255, 1) 100%,
    rgba(48, 255, 145, 1) 100%
  );
}

.top-add {
  background: #0f6939;
}

.main-nav {
  background: #fff2f2;
  background: linear-gradient(
    132deg,
    rgba(255, 242, 242, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}

.admin-sidebar-menu:hover {
  background: #fff2f2;
  background: linear-gradient(
    132deg,
    rgba(255, 242, 242, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  transform: translateY(1px) scale(1);
  transition: all 500ms ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.what_do {
  background: #fff2f2;
  background: linear-gradient(
    132deg,
    rgba(255, 242, 242, 0.993) 0%,
    rgba(255, 255, 255, 0.13) 100%
  );
}

.btn-primary-cus {
  background: linear-gradient(
    132deg,
    rgba(13, 0, 158, 1) 0%,
    rgba(79, 79, 79, 1) 100%
  );
  color: white;
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 500;
  display: inline-block;
  transition: all 300ms ease-in-out;
  transform: translateY(0);
}

.btn-danger-cus {
  background: linear-gradient(
    132deg,
    rgb(216, 10, 3) 0%,
    rgb(179, 37, 37) 100%
  );
  color: white;
  padding: 0.5rem 1.25rem;
  border-radius: 0.375rem;
  font-weight: 500;
  display: inline-block;
  transition: all 300ms ease-in-out;
  transform: translateY(0);
}

.btn-primary-cus:hover {
  background: linear-gradient(
    132deg,
    rgba(13, 0, 158, 1) 0%,
    rgba(79, 79, 79, 0.77) 100%
  );
  transform: translateY(-1px) scale(1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.btn-danger-cus:hover {
  background: linear-gradient(
    132deg,
    rgb(221, 1, 1) 0%,
    rgba(243, 145, 145, 0.77) 100%
  );
  transform: translateY(-1px) scale(1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.admin-layout {
  background: #ffffff;
  background: linear-gradient(
    295deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(15, 105, 57, 0.07) 100%
  );
}

.banners {
  background: #0f6939;
  background: linear-gradient(
    295deg,
    rgba(15, 105, 57, 0.52) 0%,
    rgba(15, 105, 57, 0.07) 100%
  );
}

.glance {
  background: #0f6939;
  background: linear-gradient(
    295deg,
    rgba(15, 105, 57, 0.893) 0%,
    rgba(15, 105, 57, 0.936) 100%
  );
}
.swiper-smooth .swiper-wrapper {
  transition-timing-function: cubic-bezier(
    0.25,
    0.1,
    0.25,
    1
  ) !important; /* ease-in-out feel */
}

.swiper-smooth .swiper-slide {
  transition: transform 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.swiper-slide-content {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.swiper-slide-content:hover {
  transform: scale(1.03);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.splash-screen {
  background: #fff2f2;
  background: linear-gradient(
    132deg,
    rgba(255, 242, 242, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
}