/* =========================================================
   ARCRAFT INFOTECH — SERVICES PAGE
   Premium Green / White Corporate Design
========================================================= */
:root {
    --svc-primary: #3fae4a;
    --svc-primary-dark: #278a35;
    --svc-primary-deep: #176b28;
    --svc-primary-light: #eaf7ec;
    --svc-primary-soft: rgba(63, 174, 74, 0.10);

    --svc-white: #ffffff;
    --svc-black: #101412;
    --svc-heading: #142019;
    --svc-text: #66716a;
    --svc-muted: #8a948e;

    --svc-border: #e5ebe6;
    --svc-bg: #f7faf8;
    --svc-bg-dark: #0d1711;

    --svc-radius-sm: 12px;
    --svc-radius-md: 20px;
    --svc-radius-lg: 30px;
    --svc-radius-xl: 40px;

    --svc-shadow:
        0 20px 60px rgba(20, 40, 25, 0.08);

    --svc-shadow-hover:
        0 30px 80px rgba(20, 40, 25, 0.14);

    --svc-transition:
        0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
/* =========================================================
   BASE
========================================================= */
.container {
    position: relative;
}
/* =========================================================
   GLOBAL SECTION SPACING
========================================================= */
/* =========================================================
   REVEAL ANIMATION
========================================================= */
[data-svc-reveal] {
    opacity: 0;
    transform: translateY(35px);
    transition:
        opacity 0.8s ease,
        transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
    transition-delay: var(--delay, 0s);
}
/* =========================================================
   01. HERO
========================================================= */

/* =========================================================
   HERO BUTTON
========================================================= */
/* =========================================================
   HERO VISUAL
========================================================= */

/* =========================================================
   SECTION LABELS
========================================================= */
/* =========================================================
   02. INTRO / PROBLEMS
========================================================= */
/* =========================================================
   03. SERVICES
========================================================= */
/* =========================================================
   04. SOLUTIONS
========================================================= */
/* =========================================================
   05. TECHNOLOGY
========================================================= */
/* =========================================================
   06. WHY ARCRAFT
========================================================= */
/* =========================================================
   07. PROCESS
========================================================= */
/* =========================================================
   08. AI SECTION
========================================================= */
/* =========================================================
   09. INDUSTRIES
========================================================= */
/* =========================================================
   10. FAQ
========================================================= */
/* =========================================================
   11. CTA
========================================================= */
/* =========================================================
   SCROLL TO TOP
========================================================= */
.arcraft-progress-parent {
    position: fixed;

    right: 25px;
    bottom: 25px;

    z-index: 999;

    width: 50px;
    height: 50px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;

    border: 1px solid var(--svc-border);
    border-radius: 50%;

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

    cursor: pointer;

    transition: var(--svc-transition);
}
.arcraft-progress-parent:hover {
    background: var(--svc-primary);
    border-color: var(--svc-primary);
}
.arcraft-progress-parent svg {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    transform: rotate(-90deg);
}
.arcraft-progress-parent path {
    fill: none;
    stroke: var(--svc-primary);
    stroke-width: 4;

    transition:
        stroke 0.3s ease;
}
.arcraft-progress-parent:hover path {
    stroke: #fff;
}
/* =========================================================
   RESPONSIVE — LARGE TABLET
========================================================= */
/* =========================================================
   RESPONSIVE — TABLET
========================================================= */
/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */
@media (max-width: 767px) {.arcraft-progress-parent {
        right: 15px;
        bottom: 15px;

        width: 44px;
        height: 44px;
    }
}
/* =========================================================
   SMALL MOBILE
========================================================= */
/* =========================================================
   REDUCED MOTION
========================================================= */
@media (prefers-reduced-motion: reduce) {*,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
[data-svc-reveal] {
        opacity: 1;
        transform: none;
    }
}