﻿
﻿ /* Hero Section Cards - File and Track Inquiry */
.hero .col-md-4 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.hero .col-md-4:first-child {
    animation: slideFromLeft 0.6s ease-out forwards;
}

.hero .col-md-4:last-child {
    animation: slideFromRight 0.6s ease-out forwards;
}
/* Keyframes for File (left to center) and Track (right to center) */
@keyframes slideFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hero .col-md-4:first-child,
    .hero .col-md-4:last-child {
        animation: none;
        opacity: 1;
        transform: translateX(0);
    }
}



















/* Navbar Links - Underline on Hover and Active Color */
.navmenu .nav-item a {
    position: relative;
    color: white; /* Default color, matching typical navbar styles */
    text-decoration: none; /* Remove default underline */
    padding-bottom: 5px; /* Space for underline */
    transition: color 0.2s ease; /* Smooth color change */
}

    .navmenu .nav-item a::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 50%;
        background-color: #007bff; /* Bootstrap primary blue, matching Hero animations */
        transition: width 0.3s ease, left 0.3s ease; /* Smooth underline animation */
        transform-origin: center;
    }

    .navmenu .nav-item a:hover::after {
        width: 100%;
        left: 0; /* Expand underline from center to full width */
    }

    .navmenu .nav-item a:hover {
        color: white; /* Text color on hover matches underline */
        background-color: transparent;
    }

    .navmenu .nav-item a.active {
        color: white; /* Active text color matches underline */
        background-color: transparent;
    }

        .navmenu .nav-item a.active::after {
            width: 100%;
            left: 0; /* Active link has full underline */
        }
/* Hero Section Cards - File and Track Inquiry (Preserved) */
.hero .col-md-4 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .hero .col-md-4:first-child {
        animation: slideFromLeft 0.6s ease-out forwards;
    }

    .hero .col-md-4:last-child {
        animation: slideFromRight 0.6s ease-out forwards;
    }
/* Keyframes for File (left to center) and Track (right to center) */
@keyframes slideFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hero .col-md-4:first-child,
    .hero .col-md-4:last-child {
        animation: none;
        opacity: 1;
        transform: translateX(0);
    }

    .navmenu .nav-item a::after {
        transition: none; /* Disable underline animation */
    }
}
















/* Hero Section - Welcome Message Animation */
.hero .col-lg-8 h2 {
    opacity: 0;
    transform: translateY(20px); /* Start slightly below */
    animation: slideUpFadeIn 0.7s ease-out 0.2s forwards; /* 0.7s duration, 0.2s delay */
}
/* Keyframe for Welcome Message (fade in and slide up) */
@keyframes slideUpFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Accessibility: Disable animation for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hero .col-lg-8 h2 {
        animation: none;
        opacity: 1;
        transform: translateY(0);
    }
}


















/* FAQ Section - Scroll-Triggered Animations */
#faq .accordion-item {
    opacity: 0; /* Start invisible */
    transform: translateY(30px); /* Start 30px below */
    transition: opacity 0.7s ease-out, transform 0.7s ease-out; /* Smooth animation */
}

    #faq .accordion-item.is-visible {
        opacity: 1; /* Fade in */
        transform: translateY(0); /* Slide to final position */
    }
    /* Stagger animations for each item */
    #faq .accordion-item:nth-child(1) {
        transition-delay: 0.1s;
    }

    #faq .accordion-item:nth-child(2) {
        transition-delay: 0.2s;
    }

    #faq .accordion-item:nth-child(3) {
        transition-delay: 0.3s;
    }

    #faq .accordion-item:nth-child(4) {
        transition-delay: 0.4s;
    }

    #faq .accordion-item:nth-child(5) {
        transition-delay: 0.5s;
    }

    #faq .accordion-item:nth-child(6) {
        transition-delay: 0.6s;
    }
    #faq .accordion-item:nth-child(7) {
        transition-delay: 0.7s;
    }
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    #faq .accordion-item {
        opacity: 1;
        transform: translateY(0);
        transition: none;
    }
}


























/* Footer Scroll-Triggered Animations */
.footer-container .footer-icons,
.footer-container .more-link,
.footer-container .dcFooterList,
.footer-container .footer-access,
.scroll-top {
    opacity: 0; /* Start invisible */
    transform: translateY(30px); /* Start 30px below */
    transition: opacity 0.5s ease-out, transform 0.5s ease-out; /* Smooth animation */
}

    .footer-container .footer-icons.is-visible,
    .footer-container .more-link.is-visible,
    .footer-container .dcFooterList.is-visible,
    .footer-container .footer-access.is-visible,
    .scroll-top.is-visible {
        opacity: 1; /* Fade in */
        transform: translateY(0); /* Slide to final position */
    }
    /* Stagger animations */
    .footer-container .footer-icons:nth-child(1) {
        transition-delay: 0.1s;
    }

    .footer-container .footer-icons:nth-child(2) {
        transition-delay: 0.2s;
    }

    .footer-container .footer-icons:nth-child(3) {
        transition-delay: 0.3s;
    }

    .footer-container .footer-icons:nth-child(4) {
        transition-delay: 0.4s;
    }

    .footer-container .footer-icons:nth-child(5) {
        transition-delay: 0.5s;
    }

    .footer-container .footer-icons:nth-child(6) {
        transition-delay: 0.6s;
    }

    .footer-container .footer-icons:nth-child(7) {
        transition-delay: 0.7s;
    }

    .footer-container .footer-icons:nth-child(8) {
        transition-delay: 0.8s;
    }

.footer-container .more-link {
    transition-delay: 0.9s;
}

.footer-container .dcFooterList:nth-child(1) {
    transition-delay: 1.0s;
}

.footer-container .dcFooterList:nth-child(2) {
    transition-delay: 1.1s;
}

.footer-container .dcFooterList:nth-child(3) {
    transition-delay: 1.2s;
}

.footer-container .dcFooterList:nth-child(4) {
    transition-delay: 1.3s;
}

.footer-container .footer-access {
    transition-delay: 1.4s;
}

.scroll-top {
    transition-delay: 1.5s;
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .footer-container .footer-icons,
    .footer-container .more-link,
    .footer-container .dcFooterList,
    .footer-container .footer-access,
    .scroll-top {
        opacity: 1;
        transform: translateY(0);
        transition: none;
    }
}

















/* Navbar - Logo and Nav Items Animations */
.navmenu .logo img {
    opacity: 0; /* Start invisible */
    transform: scale(0.9); /* Start slightly smaller */
    animation: fadeInScale 0.5s ease-out forwards; /* Logo animation */
}

.navmenu .nav-item {
    opacity: 0; /* Start invisible */
    transform: translateY(15px); /* Start below */
    animation: fadeInSlideUp 0.4s ease-out forwards; /* Nav item animation */
}
    /* Stagger nav items */
    .navmenu .nav-item:nth-child(1) {
        animation-delay: 0.2s;
    }

    .navmenu .nav-item:nth-child(2) {
        animation-delay: 0.4s;
    }

    .navmenu .nav-item:nth-child(3) {
        animation-delay: 0.6s;
    }

    .navmenu .nav-item:nth-child(4) {
        animation-delay: 0.8s;
    }
/* Keyframes for logo (fade-in and scale) */
@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* Keyframes for nav items (fade-in and slide-up) */
@keyframes fadeInSlideUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Preserve existing navbar hover and active styles */
.navmenu .nav-item a {
    position: relative;
    color: white; /* Default color */
    text-decoration: none; /* No default underline */
    padding-bottom: 5px; /* Space for underline */
    transition: color 0.2s ease; /* Smooth color change */
}

    .navmenu .nav-item a::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 50%;
        background-color: #007bff; /* Blue underline */
        transition: width 0.3s ease, left 0.3s ease;
        transform-origin: center;
    }

    .navmenu .nav-item a:hover::after,
    .navmenu .nav-item a.active::after {
        width: 100%;
        left: 0;
    }

    .navmenu .nav-item a:hover,
    .navmenu .nav-item a.active {
        color: white; /* Blue on hover/active */
    }
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .navmenu .logo img,
    .navmenu .nav-item {
        animation: none;
        opacity: 1;
        transform: none;
    }

        .navmenu .nav-item a::after {
            transition: none; /* Disable underline transition */
        }
}

















/* Inquiry Process - Page Load Animations */
.inquery-section-heading,
.inquery-section-container .inquery-section-step,
.inquery-section-container .arrow-mobilelayout {
    opacity: 0; /* Start invisible */
    transform: translateY(15px); /* Start 15px below */
    animation: fadeInSlideUp 0.5s ease-out forwards; /* Fade-in and slide-up */
}
/* Stagger animations */
.inquery-section-heading {
    animation-delay: 0.2s;
}

.inquery-section-container .inquery-section-step:nth-child(1) {
    animation-delay: 0.4s;
}

.inquery-section-container .inquery-section-step:nth-child(3) {
    animation-delay: 0.6s;
}

.inquery-section-container .inquery-section-step:nth-child(5) {
    animation-delay: 0.8s;
}

.inquery-section-container .inquery-section-step:nth-child(7) {
    animation-delay: 1s;
}

.inquery-section-container .inquery-section-step:nth-child(9) {
    animation-delay: 1.2s;
}

.inquery-section-container .arrow-mobilelayout:nth-child(2) {
    animation-delay: 0.5s;
}

.inquery-section-container .arrow-mobilelayout:nth-child(4) {
    animation-delay: 0.7s;
}

.inquery-section-container .arrow-mobilelayout:nth-child(6) {
    animation-delay: 0.9s;
}

.inquery-section-container .arrow-mobilelayout:nth-child(8) {
    animation-delay: 1s;
}
/* Keyframe for fade-in and slide-up */
@keyframes fadeInSlideUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .inquery-section-heading,
    .inquery-section-container .inquery-section-step,
    .inquery-section-container .arrow-mobilelayout {
        animation: none;
        opacity: 1;
        transform: translateY(0);
    }
}

﻿ /* Hero Section Cards - File and Track Inquiry */
.hero .col-md-4 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.hero .col-md-4:first-child {
    animation: slideFromLeft 0.6s ease-out forwards;
}

.hero .col-md-4:last-child {
    animation: slideFromRight 0.6s ease-out forwards;
}
/* Keyframes for File (left to center) and Track (right to center) */
@keyframes slideFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hero .col-md-4:first-child,
    .hero .col-md-4:last-child {
        animation: none;
        opacity: 1;
        transform: translateX(0);
    }
}



















/* Navbar Links - Underline on Hover and Active Color */
.navmenu .nav-item a {
    position: relative;
    color: white; /* Default color, matching typical navbar styles */
    text-decoration: none; /* Remove default underline */
    padding-bottom: 5px; /* Space for underline */
    transition: color 0.2s ease; /* Smooth color change */
}

    .navmenu .nav-item a::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 50%;
        background-color: #007bff; /* Bootstrap primary blue, matching Hero animations */
        transition: width 0.3s ease, left 0.3s ease; /* Smooth underline animation */
        transform-origin: center;
    }

    .navmenu .nav-item a:hover::after {
        width: 100%;
        left: 0; /* Expand underline from center to full width */
    }

    .navmenu .nav-item a:hover {
        color: white; /* Text color on hover matches underline */
        background-color: transparent;
    }

    .navmenu .nav-item a.active {
        color: white; /* Active text color matches underline */
        background-color: transparent;
    }

        .navmenu .nav-item a.active::after {
            width: 100%;
            left: 0; /* Active link has full underline */
        }
/* Hero Section Cards - File and Track Inquiry (Preserved) */
.hero .col-md-5 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

    .hero .col-md-5:first-child {
        animation: slideFromLeft 0.6s ease-out forwards;
    }

    .hero .col-md-5:last-child {
        animation: slideFromRight 0.6s ease-out forwards;
    }
/* Keyframes for File (left to center) and Track (right to center) */
@keyframes slideFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideFromRight {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hero .col-md-5:first-child,
    .hero .col-md-5:last-child {
        animation: none;
        opacity: 1;
        transform: translateX(0);
    }

    .navmenu .nav-item a::after {
        transition: none; /* Disable underline animation */
    }
}
















/* Hero Section - Welcome Message Animation */
.hero .col-lg-8 h2 {
    opacity: 0;
    transform: translateY(20px); /* Start slightly below */
    animation: slideUpFadeIn 0.7s ease-out 0.2s forwards; /* 0.7s duration, 0.2s delay */
}
/* Keyframe for Welcome Message (fade in and slide up) */
@keyframes slideUpFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Accessibility: Disable animation for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .hero .col-lg-8 h2 {
        animation: none;
        opacity: 1;
        transform: translateY(0);
    }
}


















/* FAQ Section - Scroll-Triggered Animations */
#faq .accordion-item {
    opacity: 0; /* Start invisible */
    transform: translateY(30px); /* Start 30px below */
    transition: opacity 0.7s ease-out, transform 0.7s ease-out; /* Smooth animation */
}

    #faq .accordion-item.is-visible {
        opacity: 1; /* Fade in */
        transform: translateY(0); /* Slide to final position */
    }
    /* Stagger animations for each item */
    #faq .accordion-item:nth-child(1) {
        transition-delay: 0.1s;
    }

    #faq .accordion-item:nth-child(2) {
        transition-delay: 0.2s;
    }

    #faq .accordion-item:nth-child(3) {
        transition-delay: 0.3s;
    }

    #faq .accordion-item:nth-child(4) {
        transition-delay: 0.4s;
    }

    #faq .accordion-item:nth-child(5) {
        transition-delay: 0.5s;
    }

    #faq .accordion-item:nth-child(6) {
        transition-delay: 0.6s;
    }
    #faq .accordion-item:nth-child(7) {
        transition-delay: 0.7s;
    }
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    #faq .accordion-item {
        opacity: 1;
        transform: translateY(0);
        transition: none;
    }
}


























/* Footer Scroll-Triggered Animations */
.footer-container .footer-icons,
.footer-container .more-link,
.footer-container .dcFooterList,
.footer-container .footer-access,
.scroll-top {
    opacity: 0; /* Start invisible */
    transform: translateY(30px); /* Start 30px below */
    transition: opacity 0.5s ease-out, transform 0.5s ease-out; /* Smooth animation */
}

    .footer-container .footer-icons.is-visible,
    .footer-container .more-link.is-visible,
    .footer-container .dcFooterList.is-visible,
    .footer-container .footer-access.is-visible,
    .scroll-top.is-visible {
        opacity: 1; /* Fade in */
        transform: translateY(0); /* Slide to final position */
    }
    /* Stagger animations */
    .footer-container .footer-icons:nth-child(1) {
        transition-delay: 0.1s;
    }

    .footer-container .footer-icons:nth-child(2) {
        transition-delay: 0.2s;
    }

    .footer-container .footer-icons:nth-child(3) {
        transition-delay: 0.3s;
    }

    .footer-container .footer-icons:nth-child(4) {
        transition-delay: 0.4s;
    }

    .footer-container .footer-icons:nth-child(5) {
        transition-delay: 0.5s;
    }

    .footer-container .footer-icons:nth-child(6) {
        transition-delay: 0.6s;
    }

    .footer-container .footer-icons:nth-child(7) {
        transition-delay: 0.7s;
    }

    .footer-container .footer-icons:nth-child(8) {
        transition-delay: 0.8s;
    }

.footer-container .more-link {
    transition-delay: 0.9s;
}

.footer-container .dcFooterList:nth-child(1) {
    transition-delay: 1.0s;
}

.footer-container .dcFooterList:nth-child(2) {
    transition-delay: 1.1s;
}

.footer-container .dcFooterList:nth-child(3) {
    transition-delay: 1.2s;
}

.footer-container .dcFooterList:nth-child(4) {
    transition-delay: 1.3s;
}

.footer-container .footer-access {
    transition-delay: 1.2s;
}

.scroll-top {
    transition-delay: 1.5s;
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .footer-container .footer-icons,
    .footer-container .more-link,
    .footer-container .dcFooterList,
    .footer-container .footer-access,
    .scroll-top {
        opacity: 1;
        transform: translateY(0);
        transition: none;
    }
}

















/* Navbar - Logo and Nav Items Animations */
.navmenu .logo img {
    opacity: 0; /* Start invisible */
    transform: scale(0.9); /* Start slightly smaller */
    animation: fadeInScale 0.5s ease-out forwards; /* Logo animation */
}

.navmenu .nav-item {
    opacity: 0; /* Start invisible */
    transform: translateY(15px); /* Start below */
    animation: fadeInSlideUp 0.4s ease-out forwards; /* Nav item animation */
}
    /* Stagger nav items */
    .navmenu .nav-item:nth-child(1) {
        animation-delay: 0.2s;
    }

    .navmenu .nav-item:nth-child(2) {
        animation-delay: 0.4s;
    }

    .navmenu .nav-item:nth-child(3) {
        animation-delay: 0.6s;
    }

    .navmenu .nav-item:nth-child(4) {
        animation-delay: 0.8s;
    }
/* Keyframes for logo (fade-in and scale) */
@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
/* Keyframes for nav items (fade-in and slide-up) */
@keyframes fadeInSlideUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Preserve existing navbar hover and active styles */
.navmenu .nav-item a {
    position: relative;
    color: white; /* Default color */
    text-decoration: none; /* No default underline */
    padding-bottom: 5px; /* Space for underline */
    transition: color 0.2s ease; /* Smooth color change */
}

    .navmenu .nav-item a::after {
        content: '';
        position: absolute;
        width: 0;
        height: 2px;
        bottom: 0;
        left: 50%;
        background-color: #007bff; /* Blue underline */
        transition: width 0.3s ease, left 0.3s ease;
        transform-origin: center;
    }

    .navmenu .nav-item a:hover::after,
    .navmenu .nav-item a.active::after {
        width: 100%;
        left: 0;
    }

    .navmenu .nav-item a:hover,
    .navmenu .nav-item a.active {
        color: white; /* Blue on hover/active */
    }
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .navmenu .logo img,
    .navmenu .nav-item {
        animation: none;
        opacity: 1;
        transform: none;
    }

        .navmenu .nav-item a::after {
            transition: none; /* Disable underline transition */
        }
}

















/* Inquiry Process - Page Load Animations */
.inquery-section-heading,
.inquery-section-container .inquery-section-step,
.inquery-section-container .arrow-mobilelayout {
    opacity: 0; /* Start invisible */
    transform: translateY(15px); /* Start 15px below */
    animation: fadeInSlideUp 0.5s ease-out forwards; /* Fade-in and slide-up */
}
/* Stagger animations */
.inquery-section-heading {
    animation-delay: 0.2s;
}

.inquery-section-container .inquery-section-step:nth-child(1) {
    animation-delay: 0.4s;
}

.inquery-section-container .inquery-section-step:nth-child(3) {
    animation-delay: 0.6s;
}

.inquery-section-container .inquery-section-step:nth-child(5) {
    animation-delay: 0.8s;
}

.inquery-section-container .arrow-mobilelayout:nth-child(2) {
    animation-delay: 0.5s;
}

.inquery-section-container .arrow-mobilelayout:nth-child(4) {
    animation-delay: 0.7s;
}
/* Keyframe for fade-in and slide-up */
@keyframes fadeInSlideUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .inquery-section-heading,
    .inquery-section-container .inquery-section-step,
    .inquery-section-container .arrow-mobilelayout {
        animation: none;
        opacity: 1;
        transform: translateY(0);
    }
}



































.animated-list p {
            opacity: 0;
            transform: translateY(20px); /* Optional: slide up effect */
            animation: fadeIn 0.5s ease-in-out forwards;
        }
        
        /* Define the animation */
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        /* Apply delays to each paragraph */
        .animated-list p:nth-child(1) {
            animation-delay: 0.2s;
        }
        
        .animated-list p:nth-child(2) {
            animation-delay: 0.4s;
        }
        
        .animated-list p:nth-child(3) {
            animation-delay: 0.6s;
        }
        
        .animated-list p:nth-child(4) {
            animation-delay: 0.8s;
        }
        
        /* Add more for additional paragraphs as needed */
        .animated-list p:nth-child(5) {
            animation-delay: 1s;
        }








/* New and updated Inquiry Process - Page Load Animations */
.inquery-section-heading,
.inquery-section-container .inquery-section-step, .inquery-section-step-new,
.inquery-section-container .arrow-mobilelayout {
    opacity: 0; /* Start invisible */
    transform: translateY(15px); /* Start 15px below */
    animation: fadeInSlideUp 0.5s ease-out forwards; /* Fade-in and slide-up */
}
/* Stagger animations */
.inquery-section-heading {
    animation-delay: 0.2s;
}

.inquery-section-container .inquery-section-step-new:nth-child(1) {
    animation-delay: 0.4s;
}

.inquery-section-container .inquery-section-step-new:nth-child(2) {
    animation-delay: 0.5s;
}

.inquery-section-container .inquery-section-step-new:nth-child(3) {
    animation-delay: 0.6s;
}

.inquery-section-container .inquery-section-step-new:nth-child(4) {
    animation-delay: 0.7s;
}

.inquery-section-container .inquery-section-step-new:nth-child(5) {
    animation-delay: 0.8s;
}

.inquery-section-container .inquery-section-step-new:nth-child(6) {
    animation-delay: 0.9s;
}

.inquery-section-container .inquery-section-step-new:nth-child(7) {
    animation-delay: 1.0s;
}

.inquery-section-container .inquery-section-step-new:nth-child(9) {
    animation-delay: 1.2s;
}






.inquery-section-container .arrow-mobilelayout:nth-child(2) {
    animation-delay: 0.5s;
}

.inquery-section-container .arrow-mobilelayout:nth-child(4) {
    animation-delay: 0.7s;
}
/* Keyframe for fade-in and slide-up */
@keyframes fadeInSlideUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
/* Accessibility: Disable animations for reduced motion */
@media (prefers-reduced-motion: reduce) {
    .inquery-section-heading,
    .inquery-section-container .inquery-section-step, .inquery-section-step-new,
    .inquery-section-container .arrow-mobilelayout {
        animation: none;
        opacity: 1;
        transform: translateY(0);
    }
}

