/* Custom styles moved from index.html */

/* Global transitions - updated */
a,
button,
.btn,
.card,
.contact-item,
.testimonial-card,
.accordion-item,
.bg-yellow,
.bg-green,
.bg-teal,
.bg-orange {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Button hover effects - enhanced */
.btn:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.btn-primary:hover {
  background-color: #52489c !important;
}

.btn-outline-dark:hover {
  background-color: #4062bb !important;
  border-color: #4062bb !important;
  transform: translateY(-4px) scale(1.03);
}

/* Card hover effects - enhanced */
.card:hover,
.contact-item:hover {
  transform: translateY(-10px) translateX(3px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

/* Service item hover - enhanced */
#services .d-flex {
  position: relative;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#services .d-flex:hover {
  transform: translateX(8px);
}

#services .d-flex:hover .icon svg {
  transform: scale(1.25) rotate(8deg);
  filter: drop-shadow(0 5px 8px rgba(64, 98, 187, 0.4));
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    filter 0.5s ease;
}

#services .d-flex:hover h5 {
  color: #4062bb;
  transform: translateX(5px);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#services .text-md-start h5,
#services .text-md-start p {
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#services .d-flex:hover p {
  color: #333;
  transform: translateX(3px);
}

/* Work process hover - enhanced */
#our-process .col-lg-3>div {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    box-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#our-process .col-lg-3>div:hover {
  transform: translateY(-12px) scale(1.03);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

#our-process .col-lg-3>div:hover h1 {
  transform: scale(1.15);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Technology cards hover - enhanced */
#technology .bg-white {
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
    box-shadow 0.6s ease;
}

#technology .bg-white:hover {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  transform: translateY(-10px) scale(1.02);
}

#technology .bg-white:hover svg {
  transform: scale(1.08) translateY(-5px);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Benefits hover - enhanced */
#benefits .d-flex {
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
    box-shadow 0.5s ease;
}

#benefits .d-flex:hover {
  transform: translateY(-7px) translateX(3px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

#benefits .d-flex:hover .rounded-circle {
  transform: scale(1.15) rotate(5deg);
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Testimonial card hover - enhanced */
.testimonial-card {
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1),
    box-shadow 0.5s ease;
}

.testimonial-card:hover {
  transform: translateY(-7px) scale(1.01);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}

/* FAQ accordion hover - enhanced */
.accordion-item {
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
    border-color 0.4s ease, box-shadow 0.4s ease;
}

.accordion-item:hover {
  border-color: #4062bb !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transform: translateX(5px);
}

/* Link hover in footer - enhanced */
footer .text-white {
  transition: color 0.3s ease, transform 0.3s ease;
}

footer .text-white:hover {
  color: #4062bb !important;
  text-decoration: underline !important;
  transform: translateX(3px);
}

/* Navigation hover effect - enhanced */
.navbar-nav .nav-link {
  position: relative;
  transition: color 0.4s ease;
}

.navbar-nav .nav-link:after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #4062bb;
  transition: width 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.navbar-nav .nav-link:hover:after {
  width: 100%;
}

.navbar-nav .nav-link:hover {
  transform: translateX(3px);
  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Logo hover effects - enhanced */
.logo-text span {
  position: relative;
  display: inline-block;
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    color 0.3s ease;
}

.logo-text:hover span {
  transform: scale(1.07);
}

.logo-text span::after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  bottom: -3px;
  left: 0;
  background-color: #4062bb;
  transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.logo-text:hover span::after {
  width: 100%;
}

.logo-text:hover span span {
  color: #333333;
}

/* Animations for content on scroll - enhanced */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

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

/* Apply animations to sections - enhanced */
.animated-fadeInUp {
  animation: fadeInUp 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.animated-fadeInLeft {
  animation: fadeInLeft 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

.animated-fadeInRight {
  animation: fadeInRight 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* Service icon transition - enhanced */
.icon svg {
  transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    filter 0.5s ease;
}

.icon svg:hover {
  transform: scale(1.2) rotate(5deg);
  filter: drop-shadow(0 5px 8px rgba(75, 161, 167, 0.4));
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Phone number hover effect - enhanced */
a[href^="tel"] {
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275),
    text-shadow 0.4s ease;
}

a[href^="tel"]:hover {
  text-shadow: 0 0 12px rgba(64, 98, 187, 0.5);
  transform: scale(1.05);
}

/* Smooth transition for opacity animation - enhanced */
.opacity-0 {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.7s cubic-bezier(0.165, 0.84, 0.44, 1),
    transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* Ripple effect for buttons */
.btn {
  position: relative;
  overflow: hidden;
}

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  width: 100px;
  height: 100px;
  margin-top: -50px;
  margin-left: -50px;
  animation: ripple 0.6s;
  opacity: 0;
}

@keyframes ripple {
  0% {
    transform: scale(0);
    opacity: 0.5;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}

/* Navbar transition effect */
.navbar {
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
}

.navbar.shadow-sm {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

/* Service list item hover */
#technology ul li,
#service-comparison ul li {
  transition: transform 0.2s ease, padding-left 0.2s ease;
}

#technology ul li:hover,
#service-comparison ul li:hover {
  transform: translateX(5px);
  color: #4062bb;
}

/* Phone number hover effect */
a[href^="tel"] {
  transition: transform 0.3s ease, text-shadow 0.3s ease;
}

a[href^="tel"]:hover {
  text-shadow: 0 0 10px rgba(64, 98, 187, 0.4);
  transform: scale(1.03);
}

/* Smooth transition for opacity animation */
.opacity-0 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}