@keyframes slideDown {

    0%   { transform: translateY(-10%); opacity: 0; }

    100% { transform: translateY(0); opacity: 1; }

  }

  .animate-slideDown {

    animation: slideDown 0.4s ease-out;

  }



  /* Smooth underline for nav links  */

  .nav-link {

    position: relative;

    overflow: visible;

  }

  .nav-link::after {

    content: '';

    position: absolute;

    left: 12px;

    right: 12px;

    bottom: 6px;

    height: 2px;

    background: #65ac65;

    transform: scaleX(0);

    transform-origin: left;

    transition: transform 180ms ease-in-out, opacity 180ms;

    opacity: 0;

    border-radius: 4px;

  }

  .nav-link:hover::after,

  .nav-link:focus::after {

    transform: scaleX(1);

    opacity: 1;

  }



  /* small helper to make the dropdown chevron centered vertically */

  .group > button svg { margin-top: 1px; }



  /* ring animation */

      @keyframes ring {

        0% {

          transform: rotate(0);

        }

        10% {

          transform: rotate(15deg);

        }

        20% {

          transform: rotate(-15deg);

        }

        30% {

          transform: rotate(10deg);

        }

        40% {

          transform: rotate(-10deg);

        }

        50% {

          transform: rotate(5deg);

        }

        60% {

          transform: rotate(-5deg);

        }

        70% {

          transform: rotate(2deg);

        }

        80% {

          transform: rotate(-2deg);

        }

        100% {

          transform: rotate(0);

        }

      }



      .ring-call {

        animation: ring 1s ease-in-out infinite;

        transform-origin: center;

      }



  /* 3d animation */





  @keyframes zoom3d {

  0%, 100% {

    transform: scale(0.8) rotateX(0deg) rotateY(0deg);

  }

  50% {

    transform: scale(1.4) rotateX(15deg) rotateY(15deg);

  }

}

.animate-zoom3d {

  animation: zoom3d 4s infinite ease-in-out;

  display: inline-block;

}



/* index-swiper-js */

  .brandSwiper .swiper-wrapper {

  display: grid !important;

  grid-auto-flow: column;

  align-items: stretch;

}



.brandSwiper .swiper-slide {

  display: flex !important;

  flex-direction: column !important;

  height: auto !important;

}



.brandSwiper .swiper-slide article {

  display: flex;

  flex-direction: column;

  height: 100%;

}



.brandSwiper .swiper-slide article .p-5 {

  flex: 1;

  display: flex;

  flex-direction: column;

}



.brandSwiper .swiper-slide article .p-5 a {

  margin-top: auto;

}



/* Prevent image section from shrinking or breaking alignment */

.brandSwiper .swiper-slide article .relative {

  flex-shrink: 0;

}





    html, body { height: 100%; margin: 0; }

    body { overflow-x: hidden; }



    .full-below-header { min-height: calc(100vh - 0px); height: calc(100vh - 0px); }



    /* text fade-up */

    .txt-anim { transform: translateY(12px); opacity: 0; transition: transform .6s cubic-bezier(.2,.9,.2,1), opacity .55s ease; }

    .txt-anim.visible { transform: translateY(0); opacity: 1; }



    /* zoom animation */

    :root { --hero-zoom-duration: 5000ms; }

    .slide-bg {

      position: absolute; inset: 0;

      background-position: center; background-size: cover;

      animation-name: zoom;

      animation-duration: var(--hero-zoom-duration);

      animation-timing-function: cubic-bezier(.2,.9,.2,1);

      animation-fill-mode: forwards;

      animation-play-state: paused;

      transform-origin: center;

      will-change: transform;

      z-index: 0;

    }

    @keyframes zoom {

      from { transform: scale(1); }

      to   { transform: scale(1.04); }

    }

    .swiper-slide-active .slide-bg { animation-play-state: running; }

    .hero-autoplay-paused .slide-bg { animation-play-state: paused !important; }



    .slide-content { position: relative; z-index: 5; }

    .swiper-slide { overflow: hidden; position: relative; }



    

    .playpause { background: rgba(255,255,255,.95); backdrop-filter: blur(4px); }



    /* swiper controls */

    .swiper-button-next, .swiper-button-prev { color: white; opacity: .9; }

    .swiper-pagination-bullet { background: rgba(255,255,255,.6) !important; opacity: 1; }

    .swiper-pagination-bullet-active { background: white; }



    /* section dots tooltip */

    .section-dot { transition: transform .18s ease, background-color .18s ease; }

    .section-dot:hover { transform: scale(1.08); }

    .tooltip { transform-origin: right center; transition: transform .12s ease, opacity .12s ease; }

    .tooltip-hidden { transform: translateX(6px) scale(.95); opacity: 0; pointer-events: none; }

    .tooltip-visible { transform: translateX(0) scale(1); opacity: 1; }

    .brandSwiper h3{

      min-height: 64px;

    }

  



     .slide-card {

      transition: transform .28s ease, box-shadow .28s ease;

    }

    .slide-card:hover {

      transform: translateY(-8px);

      box-shadow: 0 25px 40px rgba(10, 10, 10, 0.12);

    }

    /* services page p text */
    .servies-text{
      font-size: 18px !important;
      color:#717171 !important;
    }