/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-green-500: oklch(72.3% 0.219 149.579);
    --color-indigo-500: oklch(58.5% 0.233 277.117);
    --color-blue-600: oklch(54.7% 0.245 262.881);
    --color-purple-600: oklch(55.4% 0.224 284.961);
    --color-pink-600: oklch(65.3% 0.242 341.549);
    --color-gray-50: oklch(98.3% 0.002 247.858);
    --color-gray-100: oklch(96.6% 0.003 247.858);
    --color-gray-200: oklch(94.3% 0.005 247.858);
    --color-gray-300: oklch(91.6% 0.008 247.858);
    --color-gray-400: oklch(86.7% 0.012 247.858);
    --color-gray-500: oklch(78.8% 0.018 247.858);
    --color-gray-600: oklch(65.2% 0.024 247.858);
    --color-gray-700: oklch(48% 0.032 247.858);
    --color-gray-800: oklch(32.2% 0.036 247.858);
    --color-gray-900: oklch(21.6% 0.038 247.858);
  }
}
@layer base {
  *, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }
  ::before, ::after {
    --tw-content: '';
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }
  body {
    margin: 0;
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  button, select {
    text-transform: none;
  }
  button, [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  ol, ul, menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  dialog {
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  button, [role="button"] {
    cursor: pointer;
  }
  :disabled {
    cursor: default;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .container {
    width: 100%;
  }
  @media (min-width: 640px) {
    .container {
      max-width: 640px;
    }
  }
  @media (min-width: 768px) {
    .container {
      max-width: 768px;
    }
  }
  @media (min-width: 1024px) {
    .container {
      max-width: 1024px;
    }
  }
  @media (min-width: 1280px) {
    .container {
      max-width: 1280px;
    }
  }
  @media (min-width: 1536px) {
    .container {
      max-width: 1536px;
    }
  }
}

/* Custom Team Slider Styles */
.slider {
  position: relative;
}

#track {
  display: flex;
  transition: transform 0.7s ease-in-out;
}

.team-slide {
  flex-shrink: 0;
  width: 100%;
}

@media (min-width: 640px) {
  .team-slide {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .team-slide {
    width: 25%;
  }
}

.team-slide .group {
  position: relative;
  height: 391px;
  border-radius: 1.5rem;
  overflow: hidden;
}

.team-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.team-slide .absolute {
  position: absolute;
}

.team-slide .inset-x-0 {
  left: 0;
  right: 0;
}

.team-slide .-bottom-2 {
  bottom: -0.5rem;
}

.team-slide .bg-white {
  background-color: white;
}

.team-slide .translate-y-full {
  transform: translateY(100%);
}

.team-slide .group-hover\:translate-y-0:hover .translate-y-full {
  transform: translateY(0);
}

.team-slide .transition-transform {
  transition-property: transform;
}

.team-slide .duration-500 {
  transition-duration: 500ms;
}

.team-slide .ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.team-slide .rounded-b-3xl {
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.team-slide .p-5 {
  padding: 1.25rem;
}

.team-slide .m-3 {
  margin: 0.75rem;
}

.team-slide .text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.team-slide .text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.team-slide .font-bold {
  font-weight: 700;
}

.team-slide .text-\[3F3F3F\] {
  color: #3F3F3F;
}

.team-slide .text-\[737373\] {
  color: #737373;
}

/* Dots Navigation */
#dots {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1rem;
}

.dot {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background-color: #d1d5db;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.dot.active {
  background-color: #fbbf24;
}

.dot:hover {
  background-color: #f59e0b;
}

/* Animation Classes */
.animate-slide-up {
  animation: slideUp 0.8s ease-out;
}

.animate-move-up {
  animation: moveUp 1s ease-out;
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes moveUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Custom Font Classes */
.test-playfair {
  font-family: 'Playfair Display', serif;
}

.test-montserrat {
  font-family: 'Montserrat', sans-serif;
}

.test-monserrat {
  font-family: 'Montserrat', sans-serif;
}

/* Flip Card Styles */
.flip-card {
  background-color: transparent;
  width: 100%;
  height: 300px;
  perspective: 1000px;
}

.flip-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-inner {
  transform: rotateY(180deg);
}

.flip-front, .flip-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 1rem;
}

.flip-back {
  transform: rotateY(180deg);
}

/* Responsive Grid Adjustments */
@media (max-width: 640px) {
  .slider-card {
    width: 50% !important;
  }
}

@media (min-width: 640px) and (max-width: 1024px) {
  .slider-card {
    width: 25% !important;
  }
}

@media (min-width: 1024px) {
  .slider-card {
    width: 16.666% !important;
  }
}