/* - table of content - start
==================================================================================================== */
/* --------------------------------------------------

Website Name  :     Devawy Saudi Store Portfolio. Main System

File          :     CSS
Version       :     1.0
Developed By  :     Devawy

/* - table of content - end
==================================================================================================== */

body {
  font-family: "Cairo", sans-serif;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.text-glow {
  text-shadow: 0 0 20px rgba(255, 251, 214, 0.4);
}

.bg-gradient-mesh {
  position: relative;
}

.glass {
  background: rgba(255, 255, 255, 0.03);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

@keyframes blobFloatSlow {
  0% {
    transform: translate(0, 0) scale(1);
  }

  50% {
    transform: translate(50px, 30px) scale(1.15);
  }

  100% {
    transform: translate(0, 0) scale(1);
  }
}

@keyframes blobFloatSlower {
  0% {
    transform: translate(0, 0) scale(1.2);
  }

  50% {
    transform: translate(-50px, -30px) scale(1);
  }

  100% {
    transform: translate(0, 0) scale(1.2);
  }
}

.animate-blob-slow {
  animation: blobFloatSlow 18s ease-in-out infinite;
}

.animate-blob-slower {
  animation: blobFloatSlower 22s ease-in-out infinite;
}

.nav-link.active span:first-child {
  color: #fffbd6;
}

.nav-link.active .nav-underline {
  display: block;
}

.service-section {
  scroll-margin-top: 7rem;
}

.sidebar-link {
  display: flex;
  width: 100%;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.sidebar-link:hover {
  padding-right: 2.5rem;
  background: rgba(255, 255, 255, 0.03);
}

#mobile-sidebar .overflow-y-auto::-webkit-scrollbar {
  width: 4px;
}

#mobile-sidebar .overflow-y-auto::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.02);
}

#mobile-sidebar .overflow-y-auto::-webkit-scrollbar-thumb {
  background: #fffbd6;
  border-radius: 10px;
}

#mobile-sidebar .overflow-y-auto {
  scrollbar-width: thin;
  scrollbar-color: #fffbd6 rgba(255, 255, 255, 0.02);
}

.glass-morph {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}

#works-slider {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

#works-slider::-webkit-scrollbar {
  display: none;
}

.work-card {
  perspective: 1000px;
}

.work-card-inner {
  transform-style: preserve-3d;
  will-change: transform;
}