.section-gap {
    padding-top: 50px;
    padding-bottom: 50px;
}

.home-header.sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(2, 20, 13, 0.82);
    border-bottom: 1px solid rgba(151, 231, 121, 0.10);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 8px 35px rgba(0, 0, 0, 0.18), inset 0 -1px 0 rgba(255, 255, 255, 0.025);
    transition: background 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.home-header.sticky-header::before {
    content: "";
    position: absolute;
    top: -100px;
    left: 12%;
    width: 350px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(81, 210, 107, 0.14), transparent 70%);
    filter: blur(20px);
    pointer-events: none;
    animation: aggwanHeaderGlow 7s ease-in-out infinite;
}

@keyframes aggwanHeaderGlow {
    0%, 100% {
        transform: translateX(0);
        opacity: .5;
    }

    50% {
        transform: translateX(80px);
        opacity: 1;
    }
}

.home-header .header-navigation {
    position: relative;
    min-height: 82px;
    background: transparent;
}

.home-header .header-navigation .container-fluid {
    min-height: 82px;
    padding-left: 45px;
    padding-right: 45px;
}

.home-header .site-logo {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
}

.home-header .site-logo img {
    display: block;
    max-height: 48px;
    width: auto;
    transition: transform .4s ease, filter .4s ease;
}

.home-header .site-logo:hover img {
    transform: scale(1.04);
    filter: drop-shadow(0 0 12px rgba(161, 238, 100, .20));
}

.home-header .header-left {
    position: relative;
    z-index: 10;
}

.home-header .header-left::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    right: -15px;
    top: 8px;
    border-radius: 50%;
    background: #baff58;
    box-shadow: 0 0 8px #baff58, 0 0 18px rgba(186, 255, 88, .5);
    animation: headerDotPulse 3s ease-in-out infinite;
}

@keyframes headerDotPulse {
    0%, 100% {
        opacity: .35;
        transform: scale(.7);
    }

    50% {
        opacity: 1;
        transform: scale(1.25);
    }
}

.home-header .site-nav-menu {
    display: flex;
    align-items: center;
    height: 82px;
}

.home-header .primary-menu {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-header .primary-menu>li {
    position: relative;
    margin: 0;
    padding: 0;
}

.home-header .primary-menu>li>a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    color: #eaf5ed !important;
    font-family: "Karla", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .15px;
    text-decoration: none;
    border-radius: 10px;
    transition: color .3s ease, background .3s ease, transform .3s ease;
}

.home-header .primary-menu>li>a::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    width: 0;
    height: 2px;
    border-radius: 10px;
    background: linear-gradient(90deg, #55d477, #c8ff3d);
    box-shadow: 0 0 10px rgba(150, 240, 90, .45);
    transform: translateX(-50%);
    transition: width .35s ease;
}

.home-header .primary-menu>li>a:hover {
    color: #c8ff3d !important;
    background: rgba(116, 210, 110, .075);
    transform: translateY(-1px);
}

.home-header .primary-menu>li>a:hover::before {
    width: 55%;
}

.home-header .primary-menu>li.current>a {
    color: #c8ff3d !important;
    background: linear-gradient(135deg, rgba(91, 204, 108, .12), rgba(200, 255, 61, .045));
    box-shadow: inset 0 0 20px rgba(110, 220, 100, .025);
}

.home-header .primary-menu>li.current>a::before {
    width: 55%;
}

.home-header .primary-menu>li>a[href="services.html"]::after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 12px;
    margin-left: 8px;
    color: #9fbd9f;
    transition: transform .3s ease, color .3s ease;
}

.home-header .primary-menu>li:hover>a[href="services.html"]::after {
    color: #c8ff3d;
    transform: rotate(180deg);
}

.home-header .primary-menu>li>.submenu {
    position: absolute;
    top: calc(100%+15px);
    left: 50%;
    width: 330px;
    margin: 0;
    padding: 12px;
    list-style: none;
    background: linear-gradient(145deg, rgba(5, 39, 25, .98), rgba(2, 24, 15, .98));
    border: 1px solid rgba(145, 231, 120, .14);
    border-radius: 14px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .45), 0 0 35px rgba(71, 192, 96, .07);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 12px) scale(.96);
    transform-origin: top center;
    transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
}

.home-header .primary-menu>li>.submenu::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    width: 76%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #8ee46e, transparent);
    box-shadow: 0 0 15px rgba(142, 228, 110, .4);
}

@media (min-width:992px) {
    .home-header .primary-menu>li:hover>.submenu {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0) scale(1);
    }
}

.home-header .primary-menu .submenu li {
    position: relative;
    margin: 0;
}

.home-header .primary-menu .submenu li a {
    position: relative;
    display: block;
    padding: 11px 14px 11px 18px;
    color: rgba(235, 246, 237, .78);
    font-family: "Karla", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
    border-radius: 9px;
    text-decoration: none;
    transition: color .25s ease, background .25s ease, padding-left .25s ease;
}

.currentSubmenu {
    background-color: #c5f24d;
    color: #fff;
}

.currentSubmenu a {
    color: #04160f !important;
}

.home-header .primary-menu .submenu li a::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 50%;
    width: 3px;
    height: 0;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 0 8px rgba(200, 255, 61, .6);
    transform: translateY(-50%);
    transition: height .25s ease;
}

.home-header .primary-menu .submenu li a:hover {
    color: #04160f !important;
    padding-left: 24px;
    background: rgba(120, 215, 105, .08);
}

.home-header .primary-menu .submenu li a:hover::before, .currentSubmenu a:hover::before {
    height: 18px;
}

.mobile-menu-toggle {
    display: none;
}

.nav-toggle {
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(200, 255, 61, .20);
    border-radius: 10px;
    background: rgba(255, 255, 255, .05);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    position: relative;
    z-index: 100001;
    transition: background .3s ease, border-color .3s ease, transform .3s ease;
}

.nav-toggle span {
    display: block;
    width: 21px;
    height: 2px;
    border-radius: 5px;
    background: #c8ff3d;
    box-shadow: 0 0 8px rgba(200, 255, 61, .35);
    transition: transform .3s ease, opacity .3s ease;
}

.nav-toggle.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.nav-toggle.active span:nth-child(2) {
    opacity: 0;
}

.nav-toggle.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

.home-header .nav-close {
    display: none;
}

@media (max-width:991px) {
    .home-header.sticky-header {
        background: rgba(2, 20, 13, .96);
    }

    .home-header .header-navigation {
        min-height: 72px;
    }

    .home-header .header-navigation .container-fluid {
        min-height: 72px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .home-header .site-logo img {
        max-height: 43px;
    }

    .mobile-menu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 100001;
    }

    .nav-toggle {
        display: flex;
    }

    .home-header .site-nav-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 320px;
        max-width: 88vw;
        height: 100vh;
        padding: 90px 25px 30px;
        overflow-y: auto;
        display: block;
        background: linear-gradient(145deg, #052d1d, #02170e);
        border-left: 1px solid rgba(151, 231, 121, .14);
        box-shadow: -20px 0 60px rgba(0, 0, 0, .45);
        transform: translateX(105%);
        visibility: hidden;
        transition: transform .45s cubic-bezier(.77, 0, .18, 1), visibility .45s ease;
        z-index: 100000;
    }

    .home-header .site-nav-menu.active {
        transform: translateX(0);
        visibility: visible;
    }

    .home-header .nav-close {
        position: absolute;
        top: 25px;
        right: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        border: 1px solid rgba(151, 231, 121, .15);
        border-radius: 50%;
        background: rgba(255, 255, 255, .04);
        color: #ffffff;
        font-size: 18px;
        cursor: pointer;
        z-index: 100002;
        transition: color .3s ease, transform .3s ease, background .3s ease;
    }

    .home-header .nav-close:hover {
        color: #c8ff3d;
        background: rgba(200, 255, 61, .08);
        transform: rotate(90deg);
    }

    .home-header .primary-menu {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .home-header .primary-menu>li {
        width: 100%;
        margin-bottom: 5px;
    }

    .home-header .primary-menu>li>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 50px;
        padding: 0 16px;
        color: #eaf5ed !important;
        font-size: 16px;
        border-radius: 10px;
        text-decoration: none;
        transition: color .3s ease, background .3s ease, transform .3s ease;
    }

    .home-header .primary-menu>li>a:hover {
        color: #c8ff3d !important;
        background: rgba(116, 210, 110, .075);
        transform: translateX(4px);
    }

    .home-header .primary-menu>li.current>a {
        color: #c8ff3d !important;
        background: linear-gradient(135deg, rgba(91, 204, 108, .12), rgba(200, 255, 61, .045));
    }

    .services-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        margin-left: auto;
        border-radius: 6px;
        transition: transform .3s ease, background .3s ease;
    }

    .has-submenu.open>.services-link .services-arrow {
        transform: rotate(180deg);
    }

    .home-header .primary-menu>li>.submenu {
        position: static;
        width: 100%;
        margin: 4px 0 5px;
        padding: 5px;
        list-style: none;
        border-radius: 10px;
        background: rgba(0, 0, 0, .16);
        border: 1px solid rgba(151, 231, 121, .08);
        box-shadow: none;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .home-header .primary-menu>li.has-submenu.open>.submenu {
        display: block;
    }

    .home-header .primary-menu .submenu li a {
        display: block;
        padding: 10px 10px 10px 20px;
        color: rgba(235, 246, 237, .78) !important;
        font-size: 13px;
        line-height: 1.4;
        border-radius: 8px;
        text-decoration: none;
    }

    .home-header .primary-menu .submenu li a:hover {
        color: #c8ff3d !important;
        background: rgba(120, 215, 105, .08);
        padding-left: 24px;
    }

    .home-header .primary-menu>li>a[href="services.html"]::after {
        display: none;
    }

    .home-header .header-left::after {
        display: none;
    }
}

@media (max-width:575px) {
    .home-header .header-navigation .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-header .site-logo img {
        max-height: 39px;
    }

    .home-header .site-nav-menu {
        width: 290px;
        max-width: 88vw;
        padding: 80px 18px 25px;
    }

    .nav-toggle {
        width: 42px;
        height: 42px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-header *, .home-header::before {
        animation: none !important;
        transition: none !important;
    }
}

.agents-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 5%;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    background: radial-gradient(circle at 50% 50%, rgba(38, 117, 65, 0.30), transparent 42%), radial-gradient(circle at 15% 50%, rgba(48, 130, 68, 0.13), transparent 35%), radial-gradient(circle at 85% 50%, rgba(48, 130, 68, 0.13), transparent 35%), #061d15;
}

.agents-section::before {
    content: "";
    position: absolute;
    width: 900px;
    height: 900px;
    background: radial-gradient(circle, rgba(75, 180, 70, 0.08), transparent 65%);
    filter: blur(20px);
    pointer-events: none;
}

.mh-70vh {
    min-height: 70vh;
}

.mb-0 {
    margin-bottom: 0px;
}

.agents-heading {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 1000px;
    text-align: center;
    margin-bottom: 80px;
}

.heading-label {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 3px;
    color: #bfff35;
    text-transform: uppercase;
}

.agents-heading h2 {
    margin: 0;
    font-size: clamp(42px, 5vw, 72px);
    line-height: 1.02;
    letter-spacing: -3px;
    font-weight: 700;
    color: #f2f5ef;
}

.agents-heading h2 span {
    color: #bfff35;
    font-style: italic;
    font-weight: 500;
}

.agents-heading p {
    max-width: 600px;
    margin: 24px auto 0;
    font-size: 15px;
    line-height: 1.7;
    color: #91a69b;
}

.agents-container {
    width: 100%;
    max-width: 1200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 70px;
    position: relative;
    z-index: 5;
}

.agent {
    width: 300px;
    height: 300px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.orbit {
    position: absolute;
    width: 330px;
    height: 270px;
    border: 1px solid rgba(145, 190, 160, 0.20);
    border-radius: 50%;
    transform: rotate(-8deg);
    animation: orbitRotate 12s linear infinite;
}

.orbit:nth-child(2) {
    width: 350px;
    height: 290px;
    transform: rotate(20deg);
    border-color: rgba(145, 190, 160, 0.13);
    animation-duration: 16s;
    animation-direction: reverse;
}

.orbit:nth-child(3) {
    width: 310px;
    height: 320px;
    transform: rotate(65deg);
    border-color: rgba(145, 190, 160, 0.11);
    animation-duration: 20s;
}

@keyframes orbitRotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.orbit-dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #caff36;
    box-shadow: 0 0 8px #caff36, 0 0 18px rgba(202, 255, 54, 0.7);
    top: 50%;
    left: -3px;
    animation: dotPulse 2s ease-in-out infinite;
}

@keyframes dotPulse {
    0%, 100% {
        opacity: .4;
        transform: scale(.8);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }
}

.agent-card {
    width: 240px;
    height: 260px;
    border-radius: 50%;
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 35px 28px;
    background: radial-gradient(circle at 50% 30%, #123c29 0%, #08291d 55%, #041b14 100%);
    border: 1px solid rgba(150, 200, 165, 0.12);
    box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.35), 0 0 40px rgba(0, 0, 0, 0.15);
    transition: transform .5s ease, box-shadow .5s ease;
}

.agent-card:hover {
    transform: scale(1.05);
    box-shadow: inset 0 0 45px rgba(0, 0, 0, .4), 0 0 35px rgba(85, 190, 80, .15);
}

.agent-icon {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    margin-bottom: 12px;
    background: #bfff2f;
    box-shadow: 0 0 12px rgba(190, 255, 50, .5), 0 0 30px rgba(190, 255, 50, .18);
}

.agent:nth-child(2) .agent-icon, .agent:nth-child(3) .agent-icon {
    background: #9bb2a4;
    box-shadow: 0 0 10px rgba(150, 190, 165, .2);
}

.agent-label {
    font-size: 8px;
    letter-spacing: 2px;
    color: #80978b;
    margin-bottom: 10px;
}

.agent-title {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #f2f4ef;
}

.agent-description {
    font-size: 11px;
    line-height: 1.65;
    color: #9baea4;
    max-width: 190px;
}

.agent-status {
    margin-top: 10px;
    font-size: 8px;
    letter-spacing: 2px;
    color: #caff36;
}

.agent:nth-child(2) .agent-status, .agent:nth-child(3) .agent-status {
    color: #72867d;
}

.connection {
    position: absolute;
    height: 1px;
    width: 170px;
    background: linear-gradient(90deg, transparent, rgba(113, 190, 100, .45), transparent);
    z-index: 1;
}

.connection.one {
    left: 32%;
    top: 71%;
}

.connection.two {
    right: 32%;
    top: 71%;
}

.connection::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #caff36;
    box-shadow: 0 0 10px #caff36, 0 0 20px rgba(202, 255, 54, .6);
    top: -2px;
    left: 0;
    animation: travel 3s linear infinite;
}

.connection.two::after {
    animation-delay: 1.5s;
}

@keyframes travel {
    0% {
        left: 0;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

.particle {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #bfff2f;
    box-shadow: 0 0 10px #bfff2f;
    animation: floatParticle 4s ease-in-out infinite;
}

.particle.p1 {
    left: 35%;
    top: 69%;
}

.particle.p2 {
    left: 37%;
    top: 75%;
    animation-delay: 1s;
}

.particle.p3 {
    left: 64%;
    top: 68%;
    animation-delay: 2s;
}

@keyframes floatParticle {
    0%, 100% {
        transform: translateY(0);
        opacity: .4;
    }

    50% {
        transform: translateY(-15px);
        opacity: 1;
    }
}

@media (max-width:1000px) {
    .agents-container {
        gap: 20px;
    }

    .agent {
        transform: scale(.85);
    }

    .connection {
        width: 100px;
    }
}

@media (max-width:750px) {
    .agents-section {
        padding: 80px 20px;
    }

    .agents-container {
        flex-direction: column;
        gap: 80px;
    }

    .connection {
        display: none;
    }

    .agent {
        transform: scale(1);
    }

    .particle {
        display: none;
    }
}

.home-feature-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 8% 50%, rgba(90, 214, 115, 0.08), transparent 32%), radial-gradient(circle at 92% 30%, rgba(190, 255, 75, 0.07), transparent 30%), linear-gradient(135deg, #f5fbf7 0%, #eef8f1 50%, #f7fbf5 100%);
}

.home-feature-section::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    left: -220px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(70, 190, 105, 0.15), rgba(100, 220, 120, 0.05) 45%, transparent 70%);
    filter: blur(20px);
    pointer-events: none;
    animation: featureAmbientGlow 8s ease-in-out infinite;
}

@keyframes featureAmbientGlow {
    0%, 100% {
        transform: translateY(-50%) scale(.85);
        opacity: .45;
    }

    50% {
        transform: translateY(-50%) scale(1.2);
        opacity: 1;
    }
}

.home-feature-section::after {
    content: "";
    position: absolute;
    width: 450px;
    height: 450px;
    right: -200px;
    top: -100px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(195, 255, 65, 0.12), transparent 68%);
    filter: blur(25px);
    pointer-events: none;
    animation: featureRightGlow 10s ease-in-out infinite;
}

@keyframes featureRightGlow {
    0%, 100% {
        transform: scale(.8);
        opacity: .3;
    }

    50% {
        transform: scale(1.25);
        opacity: .9;
    }
}

.home-feature-section .container {
    position: relative;
    z-index: 5;
}

.home-feature-section .tile-gallery-one {
    position: relative;
    min-height: 520px;
    perspective: 1000px;
}

.home-feature-section .tile-gallery-one .img-one {
    position: relative;
    z-index: 2;
    width: 78%;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 25px 60px rgba(18, 67, 43, 0.18), 0 0 0 1px rgba(79, 160, 100, 0.08);
    transform: rotate(-3deg) translateY(10px);
    animation: featureImageFloat 6s ease-in-out infinite;
    transition: transform .6s cubic-bezier(.2, .8, .2, 1), box-shadow .6s ease;
}

.home-feature-section .tile-gallery-one .img-one img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 1s cubic-bezier(.2, .8, .2, 1), filter .6s ease;
}

.home-feature-section .tile-gallery-one:hover .img-one {
    transform: rotate(0deg) translateY(-5px) scale(1.025);
    box-shadow: 0 35px 80px rgba(18, 67, 43, 0.24), 0 0 35px rgba(82, 201, 105, 0.14);
}

.home-feature-section .tile-gallery-one:hover .img-one img {
    transform: scale(1.08);
    filter: saturate(1.08) brightness(1.03);
}

@keyframes featureImageFloat {
    0%, 100% {
        transform: rotate(-3deg) translateY(10px);
    }

    50% {
        transform: rotate(-1deg) translateY(-8px);
    }
}

.home-feature-section .tile-gallery-one .img-two {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 62%;
    z-index: 4;
    overflow: hidden;
    border-radius: 18px;
    box-shadow: 0 25px 60px rgba(17, 62, 39, 0.20), 0 0 0 8px rgba(255, 255, 255, .55);
    transform: rotate(4deg);
    animation: featureImageTwoFloat 7s ease-in-out infinite;
    transition: transform .6s cubic-bezier(.2, .8, .2, 1), box-shadow .6s ease;
}

.home-feature-section .tile-gallery-one .img-two img {
    display: block;
    width: 100%;
    transition: transform 1s cubic-bezier(.2, .8, .2, 1);
}

.home-feature-section .tile-gallery-one:hover .img-two {
    transform: rotate(0deg) translateY(-10px) scale(1.04);
    box-shadow: 0 35px 80px rgba(17, 62, 39, 0.27), 0 0 35px rgba(82, 201, 105, 0.15);
}

.home-feature-section .tile-gallery-one:hover .img-two img {
    transform: scale(1.08);
}

@keyframes featureImageTwoFloat {
    0%, 100% {
        transform: rotate(4deg) translateY(0);
    }

    50% {
        transform: rotate(2deg) translateY(-15px);
    }
}

.home-feature-section .tile-gallery-one .img-one::after, .home-feature-section .tile-gallery-one .img-two::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .28), transparent);
    transform: skewX(-20deg);
    pointer-events: none;
    animation: featureImageShine 7s ease-in-out infinite;
}

.home-feature-section .tile-gallery-one .img-two::after {
    animation-delay: 2.5s;
}

@keyframes featureImageShine {
    0% {
        left: -120%;
    }

    25% {
        left: 140%;
    }

    100% {
        left: 140%;
    }
}

.home-feature-section .tile-gallery-one::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    left: -30px;
    bottom: 35px;
    border: 10px solid rgba(68, 180, 99, 0.10);
    border-radius: 50%;
    z-index: 1;
    animation: featureRingRotate 15s linear infinite;
}

.home-feature-section .tile-gallery-one::after {
    content: "";
    position: absolute;
    width: 65px;
    height: 65px;
    right: 5%;
    top: 5%;
    border: 7px solid rgba(181, 235, 71, 0.13);
    border-radius: 50%;
    z-index: 1;
    animation: featureRingPulse 4s ease-in-out infinite;
}

@keyframes featureRingRotate {
    from {
        transform: rotate(0deg) scale(1);
    }

    to {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes featureRingPulse {
    0%, 100% {
        transform: scale(.75);
        opacity: .35;
    }

    50% {
        transform: scale(1.15);
        opacity: 1;
    }
}

.home-feature-section .feature-text-block {
    position: relative;
    padding: 35px 35px 35px 45px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .75), rgba(255, 255, 255, .40));
    border: 1px solid rgba(65, 150, 91, 0.10);
    box-shadow: 0 20px 60px rgba(27, 81, 49, 0.07);
    backdrop-filter: blur(10px);
    transition: transform .5s ease, box-shadow .5s ease;
}

.home-feature-section .feature-text-block:hover {
    transform: translateY(-8px);
    box-shadow: 0 30px 70px rgba(27, 81, 49, 0.13), 0 0 35px rgba(91, 202, 111, 0.08);
}

.home-feature-section .title-tag {
    position: relative;
    display: inline-block;
    color: #3b9c58;
    letter-spacing: 2px;
    font-weight: 700;
}

.home-feature-section .title-tag::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 35px;
    height: 2px;
    border-radius: 5px;
    background: linear-gradient(90deg, #66cf72, #c8ff3d);
    box-shadow: 0 0 8px rgba(100, 210, 100, .35);
    animation: featureTagLine 3s ease-in-out infinite;
}

@keyframes featureTagLine {
    0%, 100% {
        width: 25px;
    }

    50% {
        width: 70px;
    }
}

.home-feature-section .section-title .title {
    color: #123d29;
    transition: color .4s ease;
}

.home-feature-section .feature-text-block:hover .section-title .title {
    color: #0b6b43;
}

.home-feature-section .big-text {
    color: #379558;
    font-weight: 700;
    position: relative;
    padding-left: 15px;
}

.home-feature-section .big-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 3px;
    height: 22px;
    border-radius: 5px;
    background: linear-gradient(180deg, #c8ff3d, #55d47a);
    box-shadow: 0 0 10px rgba(100, 220, 100, .35);
    animation: featureAccentPulse 2s ease-in-out infinite;
}

@keyframes featureAccentPulse {
    0%, 100% {
        opacity: .4;
        transform: scaleY(.65);
    }

    50% {
        opacity: 1;
        transform: scaleY(1);
    }
}

.home-feature-section .feature-text-block>p:not(.big-text) {
    color: #53665b;
    line-height: 1.85;
}

.home-feature-section .main-btn {
    position: relative;
    overflow: hidden;
    border: none;
    background: linear-gradient(135deg, #167d58, #319f61);
    color: #fff;
    box-shadow: 0 10px 25px rgba(38, 143, 82, 0.20);
    transition: transform .35s ease, box-shadow .35s ease;
}

.home-feature-section .main-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .30), transparent);
    transform: skewX(-20deg);
    animation: featureButtonShine 4s ease-in-out infinite;
}

@keyframes featureButtonShine {
    0% {
        left: -120%;
    }

    35%, 100% {
        left: 140%;
    }
}

.home-feature-section .main-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(38, 143, 82, 0.30), 0 0 25px rgba(95, 210, 106, 0.15);
}

.home-feature-section .row::before, .home-feature-section .row::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #9be75d;
    box-shadow: 0 0 8px #9be75d, 0 0 20px rgba(120, 220, 90, .5);
    pointer-events: none;
    z-index: 3;
}

.home-feature-section .row::before {
    left: 3%;
    top: 20%;
    animation: featureParticleOne 7s ease-in-out infinite;
}

.home-feature-section .row::after {
    right: 5%;
    bottom: 15%;
    animation: featureParticleTwo 9s ease-in-out infinite;
}

@keyframes featureParticleOne {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .25;
    }

    50% {
        transform: translate(35px, -45px) scale(1.4);
        opacity: 1;
    }
}

@keyframes featureParticleTwo {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .25;
    }

    50% {
        transform: translate(-40px, 35px) scale(1.5);
        opacity: 1;
    }
}

@media (max-width:991px) {
    .home-feature-section .tile-gallery-one {
        min-height: 500px;
        margin-bottom: 30px;
    }

    .home-feature-section .feature-text-block {
        padding: 30px;
    }
}

@media (max-width:767px) {
    .home-feature-section .tile-gallery-one {
        min-height: 430px;
    }

    .home-feature-section .tile-gallery-one .img-one {
        width: 82%;
    }

    .home-feature-section .tile-gallery-one .img-two {
        width: 65%;
    }

    .home-feature-section .feature-text-block {
        padding: 25px;
    }
}

@media (max-width:575px) {
    .home-feature-section .tile-gallery-one {
        min-height: 340px;
    }

    .home-feature-section .tile-gallery-one .img-one {
        width: 85%;
    }

    .home-feature-section .tile-gallery-one .img-two {
        width: 68%;
        bottom: 10px;
    }

    .home-feature-section .feature-text-block {
        padding: 22px;
    }

    .home-feature-section .tile-gallery-one::before {
        width: 70px;
        height: 70px;
        border-width: 6px;
    }

    .home-feature-section .tile-gallery-one::after {
        width: 45px;
        height: 45px;
        border-width: 5px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-feature-section *, .home-feature-section::before, .home-feature-section::after {
        animation: none !important;
        transition: none !important;
    }
}

.home-feature-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #ffffff;
    background: radial-gradient(circle at 8% 45%, rgba(63, 190, 105, 0.16), transparent 30%), radial-gradient(circle at 92% 25%, rgba(195, 255, 61, 0.10), transparent 28%), radial-gradient(circle at 50% 110%, rgba(35, 130, 76, 0.25), transparent 45%), linear-gradient(135deg, #02150e 0%, #05251a 38%, #07301f 65%, #021810 100%);
}

.home-feature-section::before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    left: -300px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(72, 210, 108, 0.20), rgba(72, 210, 108, 0.07) 40%, transparent 70%);
    filter: blur(25px);
    z-index: -3;
    pointer-events: none;
    animation: homeFeatureGreenGlow 8s ease-in-out infinite;
}

@keyframes homeFeatureGreenGlow {
    0%, 100% {
        opacity: 0.35;
        transform: translateY(-50%) scale(0.85);
    }

    50% {
        opacity: 1;
        transform: translateY(-50%) scale(1.20);
    }
}

.home-feature-section::after {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    right: -280px;
    top: -150px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(196, 255, 61, 0.14), rgba(196, 255, 61, 0.04) 45%, transparent 70%);
    filter: blur(30px);
    z-index: -3;
    pointer-events: none;
    animation: homeFeatureLimeGlow 10s ease-in-out infinite;
}

@keyframes homeFeatureLimeGlow {
    0%, 100% {
        opacity: 0.30;
        transform: scale(0.80);
    }

    50% {
        opacity: 1;
        transform: scale(1.20);
    }
}

.home-feature-section .container {
    position: relative;
    z-index: 5;
}

.home-feature-section .container::before {
    content: "";
    position: absolute;
    left: -100px;
    right: -100px;
    top: -100px;
    bottom: -100px;
    z-index: -2;
    background-image: linear-gradient(rgba(145, 235, 130, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(145, 235, 130, 0.035) 1px, transparent 1px);
    background-size: 55px 55px;
    opacity: 0.7;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(ellipse at center, black 20%, transparent 75%);
    mask-image: radial-gradient(ellipse at center, black 20%, transparent 75%);
    animation: homeFeatureGridMove 20s linear infinite;
}

@keyframes homeFeatureGridMove {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(55px, 55px);
    }
}

.home-feature-section .tile-gallery-one {
    position: relative;
    min-height: 520px;
    perspective: 1200px;
}

.home-feature-section .tile-gallery-one .img-one {
    position: relative;
    z-index: 2;
    width: 78%;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(170, 255, 120, 0.16);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35), 0 0 35px rgba(75, 210, 100, 0.08);
    transform: rotate(-3deg) translateY(10px);
    animation: homeFeatureImageOneFloat 6s ease-in-out infinite;
    transition: transform 0.6s cubic-bezier(.2, .8, .2, 1), box-shadow 0.6s ease, border-color 0.6s ease;
}

.home-feature-section .tile-gallery-one .img-one img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
    transition: transform 1s cubic-bezier(.2, .8, .2, 1), filter 0.6s ease;
}

@keyframes homeFeatureImageOneFloat {
    0%, 100% {
        transform: rotate(-3deg) translateY(10px);
    }

    50% {
        transform: rotate(-1deg) translateY(-8px);
    }
}

.home-feature-section .tile-gallery-one:hover .img-one {
    transform: rotate(0deg) translateY(-8px) scale(1.025);
    border-color: rgba(190, 255, 90, 0.32);
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.45), 0 0 45px rgba(93, 220, 100, 0.16);
}

.home-feature-section .tile-gallery-one:hover .img-one img {
    transform: scale(1.08);
    filter: saturate(1.08) brightness(1.05);
}

.home-feature-section .tile-gallery-one .img-two {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 62%;
    z-index: 4;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(170, 255, 120, 0.20);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.40), 0 0 0 7px rgba(255, 255, 255, 0.05), 0 0 35px rgba(75, 210, 100, 0.08);
    transform: rotate(4deg);
    animation: homeFeatureImageTwoFloat 7s ease-in-out infinite;
    transition: transform 0.6s cubic-bezier(.2, .8, .2, 1), box-shadow 0.6s ease, border-color 0.6s ease;
}

.home-feature-section .tile-gallery-one .img-two img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit;
    transition: transform 1s cubic-bezier(.2, .8, .2, 1), filter 0.6s ease;
}

@keyframes homeFeatureImageTwoFloat {
    0%, 100% {
        transform: rotate(4deg) translateY(0);
    }

    50% {
        transform: rotate(2deg) translateY(-15px);
    }
}

.home-feature-section .tile-gallery-one:hover .img-two {
    transform: rotate(0deg) translateY(-12px) scale(1.04);
    border-color: rgba(200, 255, 80, 0.35);
    box-shadow: 0 35px 80px rgba(0, 0, 0, 0.50), 0 0 50px rgba(93, 220, 100, 0.18);
}

.home-feature-section .tile-gallery-one:hover .img-two img {
    transform: scale(1.08);
    filter: saturate(1.08) brightness(1.05);
}

.home-feature-section .tile-gallery-one .img-one::after, .home-feature-section .tile-gallery-one .img-two::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.03) 30%, rgba(255, 255, 255, 0.30) 50%, rgba(255, 255, 255, 0.03) 70%, transparent 100%);
    transform: skewX(-20deg);
    pointer-events: none;
    animation: homeFeatureImageShine 7s ease-in-out infinite;
}

.home-feature-section .tile-gallery-one .img-two::after {
    animation-delay: 2.5s;
}

@keyframes homeFeatureImageShine {
    0% {
        left: -130%;
    }

    25%, 100% {
        left: 140%;
    }
}

.home-feature-section .tile-gallery-one::before {
    content: "";
    position: absolute;
    width: 115px;
    height: 115px;
    left: -35px;
    bottom: 35px;
    border: 9px solid rgba(154, 235, 111, 0.12);
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 30px rgba(100, 220, 100, 0.06);
    animation: homeFeatureRingRotate 15s linear infinite;
}

@keyframes homeFeatureRingRotate {
    from {
        transform: rotate(0deg) scale(1);
    }

    to {
        transform: rotate(360deg) scale(1);
    }
}

.home-feature-section .tile-gallery-one::after {
    content: "";
    position: absolute;
    width: 68px;
    height: 68px;
    right: 4%;
    top: 5%;
    border: 7px solid rgba(200, 255, 61, 0.14);
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 25px rgba(200, 255, 61, 0.06);
    animation: homeFeatureRingPulse 4s ease-in-out infinite;
}

@keyframes homeFeatureRingPulse {
    0%, 100% {
        opacity: 0.35;
        transform: scale(0.75);
    }

    50% {
        opacity: 1;
        transform: scale(1.15);
    }
}

.home-feature-section .feature-text-block {
    position: relative;
    padding: 38px 38px 38px 45px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(8, 46, 29, 0.82), rgba(4, 29, 19, 0.65));
    border: 1px solid rgba(151, 231, 121, 0.13);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    transition: transform 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
}

.home-feature-section .feature-text-block::before {
    content: "";
    position: absolute;
    left: 10%;
    right: 10%;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(183, 255, 100, 0.45), transparent);
    opacity: 0.5;
    animation: homeFeatureCardLine 4s ease-in-out infinite;
}

@keyframes homeFeatureCardLine {
    0%, 100% {
        opacity: 0.25;
        transform: scaleX(.5);
    }

    50% {
        opacity: 1;
        transform: scaleX(1);
    }
}

.home-feature-section .feature-text-block:hover {
    transform: translateY(-8px);
    border-color: rgba(180, 255, 80, 0.25);
    box-shadow: 0 35px 85px rgba(0, 0, 0, 0.42), 0 0 40px rgba(100, 220, 100, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.home-feature-section .section-title {
    position: relative;
}

.home-feature-section .section-title .title-tag {
    display: inline-block;
    color: #9ee878;
    letter-spacing: 2px;
    font-weight: 700;
    text-shadow: 0 0 15px rgba(157, 232, 120, 0.15);
}

.home-feature-section .section-title .title-tag::after {
    content: "";
    display: block;
    width: 35px;
    height: 2px;
    margin-top: 7px;
    border-radius: 10px;
    background: linear-gradient(90deg, #66cf72, #c8ff3d);
    box-shadow: 0 0 10px rgba(100, 220, 100, 0.35);
    animation: homeFeatureTagLine 3s ease-in-out infinite;
}

@keyframes homeFeatureTagLine {
    0%, 100% {
        width: 25px;
    }

    50% {
        width: 75px;
    }
}

.home-feature-section .section-title .title {
    color: #f1f8f2;
    text-shadow: 0 0 25px rgba(100, 220, 110, 0.05);
    transition: color 0.4s ease, text-shadow 0.4s ease;
}

.home-feature-section .feature-text-block:hover .section-title .title {
    color: #ffffff;
    text-shadow: 0 0 25px rgba(155, 240, 110, 0.10);
}

.home-feature-section .big-text {
    position: relative;
    padding-left: 16px;
    color: #c8ff3d;
    font-weight: 700;
    text-shadow: 0 0 15px rgba(200, 255, 61, 0.10);
}

.home-feature-section .big-text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 3px;
    height: 22px;
    border-radius: 10px;
    background: linear-gradient(180deg, #c8ff3d, #55d47a);
    box-shadow: 0 0 12px rgba(100, 220, 100, 0.35);
    animation: homeFeatureAccentPulse 2s ease-in-out infinite;
}

@keyframes homeFeatureAccentPulse {
    0%, 100% {
        opacity: 0.4;
        transform: scaleY(.65);
    }

    50% {
        opacity: 1;
        transform: scaleY(1);
    }
}

.home-feature-section .feature-text-block>p:not(.big-text) {
    color: rgba(218, 232, 222, 0.72);
    line-height: 1.85;
    transition: color 0.4s ease;
}

.home-feature-section .feature-text-block:hover>p:not(.big-text) {
    color: rgba(230, 240, 232, 0.86);
}

.home-feature-section .feature-btn {
    position: relative;
}

.home-feature-section .main-btn {
    position: relative;
    overflow: hidden;
    border: none;
    color: #ffffff;
    background: linear-gradient(135deg, #087c55, #31a862);
    box-shadow: 0 10px 30px rgba(37, 170, 91, 0.20), 0 0 20px rgba(100, 220, 100, 0.05);
    transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease;
}

.home-feature-section .main-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.30), transparent);
    transform: skewX(-20deg);
    animation: homeFeatureButtonShine 4s ease-in-out infinite;
}

@keyframes homeFeatureButtonShine {
    0% {
        left: -120%;
    }

    35%, 100% {
        left: 140%;
    }
}

.home-feature-section .main-btn:hover {
    transform: translateY(-4px);
    color: #ffffff;
    background: linear-gradient(135deg, #0a9464, #3cba6c);
    box-shadow: 0 15px 40px rgba(37, 170, 91, 0.32), 0 0 30px rgba(140, 240, 90, 0.16);
}

.home-feature-section .row {
    position: relative;
}

.home-feature-section .row::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: 3%;
    top: 20%;
    border-radius: 50%;
    background: #9be75d;
    box-shadow: 0 0 8px #9be75d, 0 0 20px rgba(120, 220, 90, 0.5);
    z-index: 3;
    pointer-events: none;
    animation: homeFeatureParticleOne 7s ease-in-out infinite;
}

@keyframes homeFeatureParticleOne {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .25;
    }

    50% {
        transform: translate(35px, -45px) scale(1.4);
        opacity: 1;
    }
}

.home-feature-section .row::after {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    right: 5%;
    bottom: 15%;
    border-radius: 50%;
    background: #baff58;
    box-shadow: 0 0 8px #baff58, 0 0 20px rgba(120, 220, 90, 0.5);
    z-index: 3;
    pointer-events: none;
    animation: homeFeatureParticleTwo 9s ease-in-out infinite;
}

@keyframes homeFeatureParticleTwo {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .25;
    }

    50% {
        transform: translate(-40px, 35px) scale(1.5);
        opacity: 1;
    }
}

.home-feature-section .tile-gallery-one .img-one::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 15px;
    right: 15px;
    border-radius: 50%;
    background: #c8ff3d;
    box-shadow: 0 0 10px #c8ff3d, 0 0 25px rgba(200, 255, 61, 0.45);
    z-index: 5;
    animation: homeFeatureDotPulse 3s ease-in-out infinite;
}

@keyframes homeFeatureDotPulse {
    0%, 100% {
        opacity: .35;
        transform: scale(.7);
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }
}

@media (max-width:991px) {
    .home-feature-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .home-feature-section .tile-gallery-one {
        min-height: 500px;
        margin-bottom: 35px;
    }

    .home-feature-section .feature-text-block {
        padding: 32px;
    }
}

@media (max-width:767px) {
    .home-feature-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .home-feature-section .tile-gallery-one {
        min-height: 430px;
    }

    .home-feature-section .tile-gallery-one .img-one {
        width: 82%;
    }

    .home-feature-section .tile-gallery-one .img-two {
        width: 65%;
        bottom: 15px;
    }

    .home-feature-section .feature-text-block {
        padding: 28px;
        border-radius: 18px;
        background: linear-gradient(135deg, rgba(8, 46, 29, 0.90), rgba(4, 29, 19, 0.80));
    }
}

@media (max-width:575px) {
    .home-feature-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .home-feature-section .tile-gallery-one {
        min-height: 350px;
    }

    .home-feature-section .tile-gallery-one .img-one {
        width: 85%;
        border-radius: 15px;
    }

    .home-feature-section .tile-gallery-one .img-two {
        width: 68%;
        bottom: 8px;
        border-radius: 15px;
    }

    .home-feature-section .feature-text-block {
        padding: 23px;
        border-radius: 16px;
    }

    .home-feature-section .tile-gallery-one::before {
        width: 70px;
        height: 70px;
        left: -15px;
        border-width: 6px;
    }

    .home-feature-section .tile-gallery-one::after {
        width: 45px;
        height: 45px;
        border-width: 5px;
    }

    .home-feature-section::before {
        width: 400px;
        height: 400px;
        left: -250px;
    }

    .home-feature-section::after {
        width: 350px;
        height: 350px;
        right: -200px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-feature-section *, .home-feature-section::before, .home-feature-section::after {
        animation: none !important;
        transition: none !important;
    }
}

.continuesSuccess {
    text-align: left;
    margin-left: 20px;
    color: #98aaa0;
    font-size: 13px;
    line-height: 1.75;
}

.home-service-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 45%, rgba(62, 145, 76, 0.18) 0%, rgba(25, 85, 48, 0.10) 28%, transparent 60%), linear-gradient(135deg, #061c15 0%, #08291c 42%, #0b3323 65%, #061d15 100%);
    color: #ffffff;
}

.home-service-section::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 700px;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(111, 207, 82, 0.08) 0%, rgba(70, 150, 75, 0.04) 35%, transparent 70%);
    filter: blur(20px);
    pointer-events: none;
    animation: agwHomeBackgroundGlow 8s ease-in-out infinite;
}

@keyframes agwHomeBackgroundGlow {
    0%, 100% {
        opacity: 0.55;
        transform: translate(-50%, -50%) scale(0.95);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.08);
    }
}

.home-service-section .section-title {
    position: relative;
    z-index: 5;
    max-width: 850px;
    margin-left: auto;
    margin-right: auto;
}

.home-service-section .section-title .title-tag {
    display: inline-block;
    color: #c8ff3d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
    position: relative;
}

.home-service-section .section-title .title-tag::before, .home-service-section .section-title .title-tag::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 35px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(200, 255, 61, 0.7));
}

.home-service-section .section-title .title-tag::before {
    right: calc(100%+15px);
}

.home-service-section .section-title .title-tag::after {
    left: calc(100%+15px);
    transform: rotate(180deg);
}

.home-service-section .section-title>p {
    color: #9caf9f;
    font-size: 15px;
    line-height: 1.8;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.home-service-section .service-items {
    position: relative;
    z-index: 5;
    align-items: stretch;
}

.home-service-section .service-item {
    position: relative;
    height: 100%;
    min-height: 310px;
    padding: 42px 28px 35px;
    border-radius: 22px;
    overflow: hidden;
    background: radial-gradient(circle at 50% 20%, rgba(44, 119, 69, 0.22), transparent 55%), linear-gradient(145deg, rgba(18, 62, 42, 0.96), rgba(5, 29, 20, 0.98));
    border: 1px solid rgba(151, 204, 165, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 30px rgba(0, 0, 0, 0.10), 0 15px 40px rgba(0, 0, 0, 0.18);
    translate: 0 0;
    animation: agwHomeCardFloat 6s ease-in-out infinite;
    transition: box-shadow 0.5s ease, border-color 0.5s ease, background 0.5s ease, translate 0.5s ease;
}

.home-service-section .service-items>div:nth-child(1) .service-item {
    animation-delay: 0s;
}

.home-service-section .service-items>div:nth-child(2) .service-item {
    animation-delay: -1.5s;
}

.home-service-section .service-items>div:nth-child(3) .service-item {
    animation-delay: -3s;
}

.home-service-section .service-items>div:nth-child(4) .service-item {
    animation-delay: -4.5s;
}

@keyframes agwHomeCardFloat {
    0%, 100% {
        translate: 0 0;
    }

    50% {
        translate: 0 -12px;
    }
}

.home-service-section .service-item::before {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(192, 255, 57, 0.13) 0%, rgba(73, 160, 77, 0.08) 30%, transparent 70%);
    filter: blur(18px);
    opacity: 0.35;
    pointer-events: none;
    animation: agwHomeCardGlow 5s ease-in-out infinite;
}

@keyframes agwHomeCardGlow {
    0%, 100% {
        opacity: 0.20;
        transform: translate(-50%, -50%) scale(0.85);
    }

    50% {
        opacity: 0.65;
        transform: translate(-50%, -50%) scale(1.12);
    }
}

.home-service-section .service-item::after {
    content: "";
    position: absolute;
    top: -80%;
    left: -100%;
    width: 45%;
    height: 260%;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.02) 25%, rgba(200, 255, 80, 0.10) 48%, rgba(255, 255, 255, 0.05) 52%, transparent 75%);
    transform: rotate(22deg);
    pointer-events: none;
    animation: agwHomeLightSweep 8s ease-in-out infinite;
}

@keyframes agwHomeLightSweep {
    0% {
        left: -100%;
        opacity: 0;
    }

    10% {
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        left: 160%;
        opacity: 0;
    }

    100% {
        left: 160%;
        opacity: 0;
    }
}

.home-service-section .service-item>div:first-child {
    position: relative;
    z-index: 3;
    width: 80px;
    height: 80px;
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(183, 255, 54, 0.13), rgba(36, 110, 61, 0.10) 50%, transparent 70%);
    animation: agwHomeIconFloat 4s ease-in-out infinite;
}

.home-service-section .service-item img {
    position: relative;
    z-index: 4;
    max-width: 100px;
    height: auto;
    transition: transform 0.5s ease, filter 0.5s ease;
    animation: agwHomeIconPulse 4s ease-in-out infinite;
}

.home-service-section .service-items>div:nth-child(1) img {
    animation-delay: 0s;
}

.home-service-section .service-items>div:nth-child(2) img {
    animation-delay: 0.7s;
}

.home-service-section .service-items>div:nth-child(3) img {
    animation-delay: 1.4s;
}

.home-service-section .service-items>div:nth-child(4) img {
    animation-delay: 2.1s;
}

@keyframes agwHomeIconFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes agwHomeIconPulse {
    0%, 100% {
        filter: drop-shadow(0 0 0 rgba(200, 255, 61, 0));
        transform: scale(1);
    }

    50% {
        filter: drop-shadow(0 0 10px rgba(200, 255, 61, 0.30));
        transform: scale(1.06);
    }
}

.home-service-section .service-item .title {
    position: relative;
    z-index: 4;
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 700;
}

.home-service-section .service-item .title a {
    color: #f2f5ef;
    text-decoration: none;
    transition: color 0.35s ease, letter-spacing 0.35s ease;
}

.home-service-section .service-item p {
    position: relative;
    z-index: 4;
    color: #98aaa0;
    font-size: 13px;
    line-height: 1.75;
    margin-bottom: 0;
    transition: color 0.35s ease;
}

.home-service-section .service-item:hover {
    translate: 0 -18px;
    border-color: rgba(200, 255, 61, 0.25);
    background: radial-gradient(circle at 50% 20%, rgba(68, 150, 76, 0.30), transparent 55%), linear-gradient(145deg, rgba(21, 72, 47, 0.98), rgba(5, 29, 20, 1));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 25px 60px rgba(0, 0, 0, 0.30), 0 0 40px rgba(117, 210, 73, 0.10);
    z-index: 20;
}

.home-service-section .service-item:hover .title a {
    color: #c8ff3d;
    letter-spacing: 0.3px;
}

.home-service-section .service-item:hover p {
    color: #c0cec6;
}

.home-service-section .service-item:hover img {
    transform: scale(1.12) rotate(-3deg);
    filter: drop-shadow(0 0 14px rgba(200, 255, 61, 0.40));
}

.home-service-section .service-item .title::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c8ff3d;
    box-shadow: 0 0 7px #c8ff3d, 0 0 15px rgba(200, 255, 61, 0.55);
    left: -15px;
    top: 50%;
    opacity: 0.65;
    animation: agwHomeDotPulse 2.5s ease-in-out infinite;
}

@keyframes agwHomeDotPulse {
    0%, 100% {
        opacity: 0.3;
        transform: scale(0.7);
    }

    50% {
        opacity: 1;
        transform: scale(1.25);
    }
}

.home-service-section .service-items>div:nth-child(1) .service-item {
    --agw-accent: #c8ff3d;
}

.home-service-section .service-items>div:nth-child(2) .service-item {
    --agw-accent: #63e6a2;
}

.home-service-section .service-items>div:nth-child(3) .service-item {
    --agw-accent: #5ee7d0;
}

.home-service-section .service-items>div:nth-child(4) .service-item {
    --agw-accent: #b3e86c;
}

.home-service-section .service-items>div {
    position: relative;
}

.home-service-section .service-items>div::before {
    content: "";
    position: absolute;
    width: 150px;
    height: 55px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-25deg);
    border: 1px solid rgba(150, 210, 165, 0.08);
    border-radius: 50%;
    pointer-events: none;
    animation: agwHomeOrbitOne 12s linear infinite;
}

.home-service-section .service-items>div::after {
    content: "";
    position: absolute;
    width: 175px;
    height: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(30deg);
    border: 1px solid rgba(150, 210, 165, 0.055);
    border-radius: 50%;
    pointer-events: none;
    animation: agwHomeOrbitTwo 16s linear infinite reverse;
}

@keyframes agwHomeOrbitOne {
    from {
        transform: translate(-50%, -50%) rotate(-25deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(335deg);
    }
}

@keyframes agwHomeOrbitTwo {
    from {
        transform: translate(-50%, -50%) rotate(30deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(-330deg);
    }
}

.home-service-section.service-with-shape::before {
    background: radial-gradient(circle at 50% 45%, rgba(74, 166, 76, 0.25), transparent 45%), radial-gradient(circle at 15% 60%, rgba(40, 130, 75, 0.12), transparent 40%), radial-gradient(circle at 85% 40%, rgba(40, 130, 75, 0.12), transparent 40%), linear-gradient(135deg, #041b14, #0a3020 45%, #0d3925 65%, #051b14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 20px 70px rgba(0, 0, 0, 0.18);
}

@media (max-width:991px) {
    .home-service-section .service-item {
        min-height: 300px;
        padding: 35px 22px;
    }

    .home-service-section .section-title>p {
        font-size: 14px;
        padding: 0 20px;
    }
}

@media (max-width:767px) {
    .home-service-section {
        overflow: hidden;
    }

    .home-service-section .service-item {
        min-height: 280px;
        margin-left: auto;
        margin-right: auto;
        max-width: 360px;
        padding: 32px 24px;
    }

    .home-service-section .section-title .title-tag {
        font-size: 9px;
        letter-spacing: 2px;
    }

    .home-service-section .section-title>p {
        font-size: 13px;
        line-height: 1.7;
    }

    @keyframes agwHomeCardFloat {
        0%, 100% {
            translate: 0 0;
        }

        50% {
            translate: 0 -6px;
        }
    }
}

@media (max-width:575px) {
    .home-service-section .service-item {
        border-radius: 18px;
        min-height: 270px;
    }

    .home-service-section .service-item>div:first-child {
        width: 70px;
        height: 70px;
        margin-bottom: 18px;
    }

    .home-service-section .service-item img {
        max-width: 50px;
    }

    .home-service-section .service-item .title {
        font-size: 18px;
    }

    .home-service-section .service-item p {
        font-size: 12px;
    }

    .home-service-section .service-items>div::before, .home-service-section .service-items>div::after {
        opacity: 0.4;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-service-section *, .home-service-section::before, .home-service-section .service-item, .home-service-section .service-item::before, .home-service-section .service-item::after, .home-service-section .service-items>div::before, .home-service-section .service-items>div::after {
        animation: none !important;
        transition: none !important;
    }
}

.home-counter-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 50%, rgba(87, 178, 91, 0.13) 0%, rgba(20, 82, 48, 0.08) 30%, transparent 65%), linear-gradient(135deg, #041a13 0%, #07271a 42%, #0a3321 65%, #041b14 100%);
}

.home-counter-section::before {
    content: "";
    position: absolute;
    width: 650px;
    height: 650px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle, rgba(174, 255, 74, 0.10) 0%, rgba(70, 170, 85, 0.06) 30%, transparent 70%);
    filter: blur(25px);
    pointer-events: none;
    animation: homeCounterMainGlow 9s ease-in-out infinite;
}

@keyframes homeCounterMainGlow {
    0%, 100% {
        opacity: 0.45;
        transform: translate(-50%, -50%) scale(0.9);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.12);
    }
}

.home-counter-section::after {
    content: "";
    position: absolute;
    width: 900px;
    height: 2px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-12deg);
    background: linear-gradient(90deg, transparent, rgba(191, 255, 81, 0.08), rgba(191, 255, 81, 0.22), rgba(191, 255, 81, 0.08), transparent);
    filter: blur(2px);
    pointer-events: none;
    animation: homeCounterLightMove 7s ease-in-out infinite;
}

@keyframes homeCounterLightMove {
    0%, 100% {
        opacity: 0.25;
        transform: translate(-50%, -50%) rotate(-12deg) scaleX(0.7);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(-12deg) scaleX(1.15);
    }
}

.home-counter-section .container {
    position: relative;
    z-index: 5;
}

.home-counter-section .row {
    position: relative;
}

.home-counter-section .counter-box {
    position: relative;
    min-height: 275px;
    padding: 38px 25px;
    text-align: center;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid rgba(181, 230, 191, 0.13);
    background: radial-gradient(circle at 50% 20%, rgba(57, 145, 77, 0.16), transparent 55%), linear-gradient(145deg, rgba(16, 59, 40, 0.90), rgba(4, 27, 19, 0.96));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), inset 0 0 35px rgba(0, 0, 0, 0.12), 0 15px 40px rgba(0, 0, 0, 0.20);
    transition: transform 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
    animation: homeCounterFloat 6s ease-in-out infinite;
}

.home-counter-section .col-lg-3:nth-child(1) .counter-box {
    animation-delay: 0s;
}

.home-counter-section .col-lg-3:nth-child(2) .counter-box {
    animation-delay: -1.5s;
}

.home-counter-section .col-lg-3:nth-child(3) .counter-box {
    animation-delay: -3s;
}

.home-counter-section .col-lg-3:nth-child(4) .counter-box {
    animation-delay: -4.5s;
}

@keyframes homeCounterFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}

.home-counter-section .counter-box::before {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    left: 50%;
    top: 38%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(184, 255, 67, 0.12), rgba(66, 160, 82, 0.05) 35%, transparent 70%);
    filter: blur(15px);
    opacity: 0.5;
    pointer-events: none;
    animation: homeCounterCardGlow 5s ease-in-out infinite;
}

@keyframes homeCounterCardGlow {
    0%, 100% {
        opacity: 0.25;
        transform: translate(-50%, -50%) scale(0.85);
    }

    50% {
        opacity: 0.75;
        transform: translate(-50%, -50%) scale(1.1);
    }
}

.home-counter-section .counter-box::after {
    content: "";
    position: absolute;
    width: 190px;
    height: 75px;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%) rotate(-25deg);
    border: 1px solid rgba(178, 235, 153, 0.10);
    border-radius: 50%;
    pointer-events: none;
    animation: homeCounterOrbit 12s linear infinite;
}

@keyframes homeCounterOrbit {
    from {
        transform: translate(-50%, -50%) rotate(-25deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(335deg);
    }
}

.home-counter-section .counter-box .icon {
    position: relative;
    z-index: 5;
    width: 78px;
    height: 78px;
    margin-bottom: 20px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle, rgba(196, 255, 70, 0.22), rgba(32, 111, 63, 0.35) 55%, rgba(10, 54, 33, 0.9) 100%) !important;
    border: 1px solid rgba(190, 255, 102, 0.20);
    box-shadow: 0 0 0 7px rgba(123, 220, 86, 0.035), 0 0 25px rgba(125, 224, 89, 0.12);
    animation: homeCounterIconFloat 4s ease-in-out infinite;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
}

.home-counter-section .counter-box .icon img {
    position: relative;
    max-width: 52px;
    padding: 10px;
    z-index: 5;
    filter: drop-shadow(0 0 7px rgba(205, 255, 97, 0.22));
    animation: homeCounterIconPulse 4s ease-in-out infinite;
}

@keyframes homeCounterIconFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

@keyframes homeCounterIconPulse {
    0%, 100% {
        transform: scale(1);
        filter: drop-shadow(0 0 5px rgba(205, 255, 97, 0.12));
    }

    50% {
        transform: scale(1.08);
        filter: drop-shadow(0 0 14px rgba(205, 255, 97, 0.38));
    }
}

.home-counter-section .counter-box .counter {
    position: relative;
    z-index: 5;
    display: block;
    font-size: 58px;
    line-height: 1;
    color: #f4ffe8;
    text-shadow: 0 0 10px rgba(192, 255, 83, 0.10), 0 0 25px rgba(105, 214, 81, 0.08);
    transition: color 0.4s ease, text-shadow 0.4s ease;
    animation: homeCounterNumberGlow 4s ease-in-out infinite;
}

@keyframes homeCounterNumberGlow {
    0%, 100% {
        text-shadow: 0 0 8px rgba(192, 255, 83, 0.05);
    }

    50% {
        text-shadow: 0 0 10px rgba(192, 255, 83, 0.18), 0 0 30px rgba(105, 214, 81, 0.10);
    }
}

.home-counter-section .counter-box .title {
    position: relative;
    z-index: 5;
    color: #a9bdb0;
    font-size: 15px;
    line-height: 1.5;
    margin-top: 15px;
    letter-spacing: 0;
    transition: color 0.4s ease;
}

.home-counter-section .counter-box:hover {
    transform: translateY(-15px) scale(1.02);
    border-color: rgba(190, 255, 89, 0.28);
    background: radial-gradient(circle at 50% 15%, rgba(76, 166, 82, 0.23), transparent 55%), linear-gradient(145deg, rgba(20, 73, 47, 0.96), rgba(4, 27, 19, 1));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 25px 55px rgba(0, 0, 0, 0.30), 0 0 35px rgba(108, 214, 76, 0.10);
}

.home-counter-section .counter-box:hover .icon {
    transform: scale(1.1);
    box-shadow: 0 0 0 9px rgba(123, 220, 86, 0.05), 0 0 35px rgba(125, 224, 89, 0.25);
}

.home-counter-section .counter-box:hover .counter {
    color: #caff52;
    text-shadow: 0 0 10px rgba(200, 255, 61, 0.25), 0 0 30px rgba(117, 214, 77, 0.15);
}

.home-counter-section .counter-box:hover .title {
    color: #d2dfd7;
}

.home-counter-section .counter-box .counter::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c8ff3d;
    box-shadow: 0 0 8px #c8ff3d, 0 0 18px rgba(200, 255, 61, 0.5);
    left: calc(50% - 3px);
    top: -20px;
    opacity: 0.35;
    animation: homeCounterDot 2.5s ease-in-out infinite;
}

@keyframes homeCounterDot {
    0%, 100% {
        opacity: 0.25;
        transform: scale(0.7);
    }

    50% {
        opacity: 1;
        transform: scale(1.25);
    }
}

.home-counter-section .col-lg-3:nth-child(1) .counter-box {
    --counter-accent: #62e69a;
}

.home-counter-section .col-lg-3:nth-child(2) .counter-box {
    --counter-accent: #c8ff3d;
}

.home-counter-section .col-lg-3:nth-child(3) .counter-box {
    --counter-accent: #61e5d0;
}

.home-counter-section .col-lg-3:nth-child(4) .counter-box {
    --counter-accent: #b3ed69;
}

@media (max-width:1199px) {
    .home-counter-section .counter-box {
        min-height: 260px;
        padding: 32px 20px;
    }

    .home-counter-section .counter-box .counter {
        font-size: 50px;
    }
}

@media (max-width:991px) {
    .home-counter-section .counter-box {
        margin-top: 30px;
        min-height: 255px;
    }

    .home-counter-section .counter-box .counter {
        font-size: 48px;
    }
}

@media (max-width:767px) {
    .home-counter-section {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .home-counter-section .counter-box {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
        min-height: 250px;
    }
}

@media (max-width:575px) {
    .home-counter-section .counter-box {
        border-radius: 18px;
        min-height: 235px;
        padding: 30px 20px;
    }

    .home-counter-section .counter-box .icon {
        width: 70px;
        height: 70px;
    }

    .home-counter-section .counter-box .counter {
        font-size: 44px;
    }

    .home-counter-section .counter-box .title {
        font-size: 14px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-counter-section *, .home-counter-section::before, .home-counter-section::after {
        animation: none !important;
        transition: none !important;
    }
}

.home-experience-section {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 50% 50%, rgba(76, 170, 85, 0.10), transparent 55%), linear-gradient(135deg, #041a13 0%, #07281b 45%, #0a3321 70%, #041b14 100%);
}

.home-experience-section::before {
    content: "";
    position: absolute;
    width: 750px;
    height: 750px;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(166, 255, 76, 0.09) 0%, rgba(66, 165, 81, 0.05) 35%, transparent 70%);
    filter: blur(25px);
    pointer-events: none;
    animation: homeExperienceGlow 10s ease-in-out infinite;
}

@keyframes homeExperienceGlow {
    0%, 100% {
        opacity: 0.4;
        transform: translate(-50%, -50%) scale(0.9);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.12);
    }
}

.home-experience-section .section-title {
    position: relative;
    z-index: 5;
}

.home-experience-section .section-title .title-tag {
    color: #c8ff3d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

.home-experience-section .section-title .title-tag::after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 1px;
    margin-left: 15px;
    vertical-align: middle;
    background: linear-gradient(90deg, #c8ff3d, transparent);
    animation: homeExperienceLine 2s ease-in-out infinite;
}

@keyframes homeExperienceLine {
    0%, 100% {
        width: 25px;
        opacity: 0.5;
    }

    50% {
        width: 50px;
        opacity: 1;
    }
}

.home-experience-section .section-title .title {
    color: #f1f7f1;
    max-width: 700px;
    margin-top: 12px;
}

.home-experience-section .row.justify-content-center {
    position: relative;
    z-index: 5;
}

.home-experience-section .feature-box {
    position: relative;
    height: 470px;
    overflow: hidden;
    border-radius: 24px;
    background: #071e15;
    border: 1px solid rgba(181, 235, 194, 0.13);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transform: translateY(0) scale(1);
    transition: transform 0.6s cubic-bezier(.2, .8, .2, 1), box-shadow 0.6s ease, border-color 0.6s ease;
    animation: homeFeatureFloat 7s ease-in-out infinite;
}

.home-experience-section .col-lg-4:nth-child(1) .feature-box {
    animation-delay: 0s;
}

.home-experience-section .col-lg-4:nth-child(2) .feature-box {
    animation-delay: -2s;
}

.home-experience-section .col-lg-4:nth-child(3) .feature-box {
    animation-delay: -4s;
}

@keyframes homeFeatureFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

.home-experience-section .feature-box>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.02);
    transition: transform 1.2s cubic-bezier(.2, .8, .2, 1), filter 0.8s ease;
    filter: brightness(0.72) saturate(0.75);
}

.home-experience-section .feature-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(3, 19, 13, 0.08) 0%, rgba(3, 23, 15, 0.15) 25%, rgba(3, 20, 14, 0.70) 62%, rgba(2, 15, 10, 0.98) 100%);
    pointer-events: none;
}

.home-experience-section .feature-box::after {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    left: 50%;
    top: 35%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(182, 255, 69, 0.12), transparent 70%);
    filter: blur(20px);
    z-index: 2;
    pointer-events: none;
    animation: homeFeatureGlow 5s ease-in-out infinite;
}

@keyframes homeFeatureGlow {
    0%, 100% {
        opacity: 0.2;
        transform: translate(-50%, -50%) scale(0.8);
    }

    50% {
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(1.15);
    }
}

.home-experience-section .feature-overlay {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    align-items: flex-end;
    padding: 32px;
    background: linear-gradient(180deg, transparent 30%, rgba(3, 20, 14, 0.15) 45%, rgba(3, 20, 14, 0.92) 85%, rgba(3, 15, 10, 0.99) 100%);
    transition: background 0.6s ease;
}

.home-experience-section .feature-overlay .content {
    position: relative;
    width: 100%;
    transform: translateY(8px);
    transition: transform 0.6s cubic-bezier(.2, .8, .2, 1);
}

.home-experience-section .feature-overlay .title {
    position: relative;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.25;
    margin-bottom: 12px;
    padding-left: 18px;
    transition: color 0.4s ease;
}

.home-experience-section .feature-overlay .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 3px;
    height: 80%;
    border-radius: 5px;
    background: linear-gradient(180deg, #c8ff3d, #4fd67b);
    box-shadow: 0 0 10px rgba(200, 255, 61, 0.4);
    transform: scaleY(0.5);
    transform-origin: bottom;
    transition: transform 0.5s ease;
}

.home-experience-section .feature-overlay p {
    color: rgba(225, 237, 229, 0.72);
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 18px;
    opacity: 0;
    transform: translateY(15px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.home-experience-section .feature-overlay a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #c8ff3d;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-decoration: none;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.5s ease, transform 0.5s ease, color 0.3s ease;
}

.home-experience-section .feature-overlay a::after {
    content: "→";
    margin-left: 8px;
    font-size: 17px;
    transition: transform 0.3s ease;
}

.home-experience-section .feature-overlay a:hover {
    color: #ffffff;
}

.home-experience-section .feature-overlay a:hover::after {
    transform: translateX(5px);
}

.home-experience-section .feature-overlay i {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 70px;
    color: rgba(200, 255, 61, 0.07);
    line-height: 1;
    transform: translateY(5px) rotate(-8deg);
    transition: color 0.5s ease, transform 0.6s ease;
}

.home-experience-section .feature-box:hover {
    transform: translateY(-15px) scale(1.015);
    border-color: rgba(200, 255, 61, 0.28);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.40), 0 0 40px rgba(106, 209, 83, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.home-experience-section .feature-box:hover>img {
    transform: scale(1.10);
    filter: brightness(0.65) saturate(0.95);
}

.home-experience-section .feature-box:hover .feature-overlay {
    background: linear-gradient(180deg, rgba(3, 20, 14, 0.04) 20%, rgba(3, 20, 14, 0.25) 40%, rgba(3, 20, 14, 0.95) 82%, rgba(2, 15, 10, 1) 100%);
}

.home-experience-section .feature-box:hover .content {
    transform: translateY(0);
}

.home-experience-section .feature-box:hover .title {
    color: #c8ff3d;
}

.home-experience-section .feature-box:hover .title::before {
    transform: scaleY(1);
}

.home-experience-section .feature-box:hover p {
    opacity: 1;
    transform: translateY(0);
}

.home-experience-section .feature-box:hover a {
    opacity: 1;
    transform: translateY(0);
}

.home-experience-section .feature-box:hover i {
    color: rgba(200, 255, 61, 0.13);
    transform: translateY(-5px) rotate(0deg) scale(1.05);
}

.home-experience-section .feature-box .content::before {
    content: "";
    position: absolute;
    width: 120px;
    height: 1px;
    left: -20px;
    top: -15px;
    background: linear-gradient(90deg, transparent, #c8ff3d, transparent);
    opacity: 0;
    animation: homeFeatureScan 5s ease-in-out infinite;
}

@keyframes homeFeatureScan {
    0%, 100% {
        left: -30px;
        opacity: 0;
    }

    15% {
        opacity: 0.8;
    }

    45% {
        left: 100%;
        opacity: 0;
    }

    100% {
        left: 100%;
        opacity: 0;
    }
}

.home-experience-section .col-lg-4:nth-child(1) .feature-box {
    --feature-accent: #c8ff3d;
}

.home-experience-section .col-lg-4:nth-child(2) .feature-box {
    --feature-accent: #5ee7c4;
}

.home-experience-section .col-lg-4:nth-child(3) .feature-box {
    --feature-accent: #75e68a;
}

@media (max-width:991px) {
    .home-experience-section .feature-box {
        height: 430px;
    }

    .home-experience-section .feature-overlay {
        padding: 27px;
    }

    .home-experience-section .feature-overlay .title {
        font-size: 20px;
    }

    .home-experience-section .feature-overlay p {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    .home-experience-section {
        overflow: hidden;
    }

    .home-experience-section .feature-box {
        max-width: 420px;
        height: 420px;
        margin-left: auto;
        margin-right: auto;
    }

    .home-experience-section .feature-overlay p {
        opacity: 1;
        transform: translateY(0);
    }

    .home-experience-section .feature-overlay a {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width:575px) {
    .home-experience-section .feature-box {
        height: 400px;
        border-radius: 20px;
    }

    .home-experience-section .feature-overlay {
        padding: 24px;
    }

    .home-experience-section .feature-overlay .title {
        font-size: 19px;
    }

    .home-experience-section .feature-overlay p {
        font-size: 12px;
        line-height: 1.65;
    }

    .home-experience-section .feature-overlay i {
        font-size: 55px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-experience-section *, .home-experience-section::before, .home-experience-section::after {
        animation: none !important;
        transition: none !important;
    }
}

.home-footer-area1 {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 15% 20%, rgba(101, 203, 100, 0.09), transparent 32%), radial-gradient(circle at 85% 80%, rgba(188, 255, 65, 0.06), transparent 30%), linear-gradient(135deg, #03170f 0%, #06251a 45%, #082d1d 70%, #031810 100%);
    color: #aebeb4;
}

.home-footer-area1::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 70%;
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(200, 255, 61, 0.12), #7cdb72, rgba(200, 255, 61, 0.12), transparent);
    box-shadow: 0 0 12px rgba(130, 220, 100, 0.25), 0 0 30px rgba(130, 220, 100, 0.10);
    animation: footerTopGlow 5s ease-in-out infinite;
}

@keyframes footerTopGlow {
    0%, 100% {
        opacity: 0.35;
        width: 45%;
    }

    50% {
        opacity: 1;
        width: 75%;
    }
}

.home-footer-area1::after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    left: 50%;
    bottom: -420px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(132, 222, 89, 0.10), rgba(40, 130, 70, 0.04) 40%, transparent 70%);
    filter: blur(25px);
    pointer-events: none;
    animation: footerAmbientGlow 9s ease-in-out infinite;
}

@keyframes footerAmbientGlow {
    0%, 100% {
        opacity: 0.4;
        transform: translateX(-50%) scale(0.85);
    }

    50% {
        opacity: 1;
        transform: translateX(-50%) scale(1.15);
    }
}

.home-footer-area1 .container {
    position: relative;
    z-index: 5;
}

.home-footer-area1 .footer-widgets {
    position: relative;
    z-index: 5;
    margin-top: 50px;
}

.home-footer-area1 .widget {
    position: relative;
    transition: transform 0.4s ease;
}

.home-footer-area1 .widget:hover {
    transform: translateY(-4px);
}

.home-footer-area1 .about-widget .logo {
    display: inline-block;
    position: relative;
    margin-bottom: 18px;
}

.home-footer-area1 .about-widget .logo::after {
    content: "";
    position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(192, 255, 61, 0.12), transparent 70%);
    filter: blur(12px);
    z-index: -1;
    animation: footerLogoGlow 4s ease-in-out infinite;
}

@keyframes footerLogoGlow {
    0%, 100% {
        opacity: 0.3;
        transform: translate(-50%, -50%) scale(0.8);
    }

    50% {
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(1.15);
    }
}

.home-footer-area1 .about-widget p {
    color: rgba(218, 230, 221, 0.67);
    font-size: 14px;
    line-height: 1.8;
    transition: color 0.3s ease;
}

.home-footer-area1 .about-widget p:first-of-type {
    color: #c8ff3d;
    font-size: 17px !important;
    letter-spacing: 0.2px;
    text-shadow: 0 0 15px rgba(200, 255, 61, 0.08);
}

.home-footer-area1 .about-widget:hover p:first-of-type {
    text-shadow: 0 0 20px rgba(200, 255, 61, 0.18);
}

.home-footer-area1 .widget-title {
    position: relative;
    color: #eef7ef;
    font-size: 18px;
    margin-bottom: 22px;
    padding-left: 14px;
}

.home-footer-area1 .widget-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 3px;
    height: 20px;
    border-radius: 4px;
    background: linear-gradient(180deg, #c8ff3d, #4fd67b);
    box-shadow: 0 0 10px rgba(200, 255, 61, 0.35);
    transform-origin: top;
    animation: footerTitlePulse 3s ease-in-out infinite;
}

@keyframes footerTitlePulse {
    0%, 100% {
        opacity: 0.5;
        transform: scaleY(0.7);
    }

    50% {
        opacity: 1;
        transform: scaleY(1);
    }
}

.home-footer-area1 .footer-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-footer-area1 .footer-list li {
    position: relative;
    margin-bottom: 10px;
    transform: translateX(0);
    transition: transform 0.3s ease;
}

.home-footer-area1 .footer-list li:hover {
    transform: translateX(6px);
}

.home-footer-area1 .footer-list li a {
    position: relative;
    display: inline-flex;
    align-items: center;
    color: rgba(215, 229, 219, 0.68);
    font-size: 13px;
    line-height: 1.6;
    text-decoration: none;
    transition: color 0.3s ease;
}

.home-footer-area1 .footer-list li a i {
    color: #6fd27a;
    margin-right: 8px;
    font-size: 11px;
    transition: color 0.3s ease, transform 0.3s ease, text-shadow 0.3s ease;
}

.home-footer-area1 .footer-list li a:hover {
    color: #c8ff3d;
}

.home-footer-area1 .footer-list li a:hover i {
    color: #c8ff3d;
    transform: translateX(3px);
    text-shadow: 0 0 8px rgba(200, 255, 61, 0.45);
}

.home-footer-area1 .footer-list li a::after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: -2px;
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, #c8ff3d, transparent);
    transition: width 0.4s ease;
}

.home-footer-area1 .footer-list li a:hover::after {
    width: 80px;
}

.home-footer-area1 .footer-copyright {
    position: relative;
    z-index: 5;
    margin-top: 50px;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid rgba(188, 224, 196, 0.08);
}

.home-footer-area1 .footer-copyright::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 80px;
    height: 1px;
    background: linear-gradient(90deg, #c8ff3d, transparent);
    box-shadow: 0 0 10px rgba(200, 255, 61, 0.25);
    animation: footerCopyrightLine 5s ease-in-out infinite;
}

@keyframes footerCopyrightLine {
    0%, 100% {
        left: 0;
        opacity: 0.5;
    }

    50% {
        left: calc(100% - 80px);
        opacity: 1;
    }
}

.home-footer-area1 .footer-copyright p {
    color: rgba(215, 229, 219, 0.48);
    font-size: 12px;
    margin: 0;
}

.home-footer-area1 .footer-copyright a {
    color: #a8e77c;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

.home-footer-area1 .footer-copyright a:hover {
    color: #c8ff3d;
    text-shadow: 0 0 12px rgba(200, 255, 61, 0.35);
}

.home-footer-area1 .footer-widgets::before, .home-footer-area1 .footer-widgets::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #c8ff3d;
    box-shadow: 0 0 8px #c8ff3d, 0 0 20px rgba(200, 255, 61, 0.45);
    opacity: 0.35;
    pointer-events: none;
}

.home-footer-area1 .footer-widgets::before {
    left: 7%;
    top: 30%;
    animation: footerParticleOne 7s ease-in-out infinite;
}

.home-footer-area1 .footer-widgets::after {
    right: 10%;
    top: 65%;
    animation: footerParticleTwo 9s ease-in-out infinite;
}

@keyframes footerParticleOne {
    0%, 100% {
        transform: translate(0, 0) scale(0.6);
        opacity: 0.2;
    }

    50% {
        transform: translate(25px, -35px) scale(1.2);
        opacity: 0.9;
    }
}

@keyframes footerParticleTwo {
    0%, 100% {
        transform: translate(0, 0) scale(0.6);
        opacity: 0.2;
    }

    50% {
        transform: translate(-30px, 25px) scale(1.3);
        opacity: 0.8;
    }
}

@media (max-width:991px) {
    .home-footer-area1 .widget {
        margin-bottom: 35px;
    }

    .home-footer-area1 .footer-copyright {
        margin-top: 20px;
    }
}

@media (max-width:767px) {
    .home-footer-area1 {
        text-align: left;
    }

    .home-footer-area1 .about-widget {
        margin-bottom: 25px;
    }

    .home-footer-area1 .footer-list li a {
        font-size: 13px;
    }
}

@media (max-width:575px) {
    .home-footer-area1 {
        padding-top: 60px;
    }

    .home-footer-area1 .widget-title {
        font-size: 17px;
    }

    .home-footer-area1 .about-widget p {
        font-size: 13px;
    }

    .home-footer-area1 .footer-copyright {
        margin-top: 15px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-footer-area1 *, .home-footer-area1::before, .home-footer-area1::after {
        animation: none !important;
        transition: none !important;
    }
}

.home-footer-area {
    --footer-bg-1: #02150e;
    --footer-bg-2: #062a1b;
    --footer-green: #54df87;
    --footer-lime: #c8ff3d;
    --footer-text: #dce9df;
    --footer-muted: rgba(220, 233, 223, 0.62);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: var(--footer-text);
    background: radial-gradient(circle at 12% 20%, rgba(57, 194, 105, 0.13), transparent 27%), radial-gradient(circle at 88% 75%, rgba(200, 255, 61, 0.08), transparent 30%), radial-gradient(circle at 50% 120%, rgba(26, 132, 78, 0.32), transparent 50%), linear-gradient(135deg, #01110b 0%, #031b11 35%, #05291a 65%, #01140d 100%);
    border-top: 1px solid rgba(160, 240, 140, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.015), 0 -20px 70px rgba(0, 0, 0, 0.12);
}

.home-footer-area::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -30%;
    width: 28%;
    height: 2px;
    z-index: 20;
    background: linear-gradient(90deg, transparent, var(--footer-green), var(--footer-lime), var(--footer-green), transparent);
    box-shadow: 0 0 8px var(--footer-green), 0 0 22px rgba(200, 255, 61, 0.55);
    animation: footerNeonSweep 6s linear infinite;
}

@keyframes footerNeonSweep {
    0% {
        left: -30%;
    }

    100% {
        left: 110%;
    }
}

.home-footer-area::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -3;
    opacity: 0.12;
    background-image: linear-gradient(rgba(150, 235, 150, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(150, 235, 150, 0.08) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse at center, #000 0%, transparent 75%);
    animation: footerGridMove 20s linear infinite;
}

@keyframes footerGridMove {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 60px 60px;
    }
}

.home-footer-area .footer-container {
    position: relative;
    max-width: 1320px;
    padding-top: 78px;
    padding-bottom: 28px;
}

.home-footer-area .footer-container::before {
    content: "";
    position: absolute;
    width: 700px;
    height: 400px;
    left: 35%;
    bottom: -300px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(143, 255, 82, 0.13), rgba(54, 180, 91, 0.05) 35%, transparent 70%);
    filter: blur(25px);
    z-index: -2;
    animation: footerAmbientGlow 8s ease-in-out infinite;
}

@keyframes footerAmbientGlow {
    0%, 100% {
        opacity: 0.45;
        transform: translateX(-50%) scale(0.9);
    }

    50% {
        opacity: 1;
        transform: translateX(-50%) scale(1.1);
    }
}

.home-footer-area .footer-widgets {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.55fr) minmax(170px, 0.7fr);
    column-gap: 75px;
    align-items: start;
}

.home-footer-area .footer-column {
    min-width: 0;
}

.home-footer-area .footer-about {
    padding-right: 35px;
}

.home-footer-area .footer-services {
    padding-left: 10px;
}

.home-footer-area .footer-pages {
    padding-left: 15px;
}

.home-footer-area .widget {
    position: relative;
    transition: transform 0.45s cubic-bezier(.2, .8, .2, 1);
}

.home-footer-area .widget:hover {
    transform: translateY(-3px);
}

.home-footer-area .footer-logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none;
}

.home-footer-area .footer-logo::before {
    content: "";
    position: absolute;
    width: 240px;
    height: 120px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(190, 255, 80, 0.16), transparent 70%);
    filter: blur(20px);
    z-index: -1;
    animation: footerLogoGlow 4s ease-in-out infinite;
}

.home-footer-area .footer-logo img {
    display: block;
    width: auto;
    max-width: 350px;
    height: auto;
    object-fit: contain;
}

@keyframes footerLogoGlow {
    0%, 100% {
        opacity: .35;
        transform: translate(-50%, -50%) scale(.85);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.08);
    }
}

.home-footer-area .about-widget h3 {
    margin: 0 0 15px;
    color: var(--footer-lime);
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.1px;
    text-shadow: 0 0 16px rgba(200, 255, 61, 0.10);
}

.home-footer-area .about-widget h3 span {
    color: rgba(200, 255, 61, 0.5);
    margin: 0 3px;
}

.home-footer-area .about-widget p {
    max-width: 480px;
    margin: 0 0 13px;
    color: rgba(220, 233, 223, 0.60);
    font-size: 14px;
    line-height: 1.85;
    letter-spacing: 0.1px;
}

.home-footer-area .about-widget p:last-child {
    margin-bottom: 0;
}

.home-footer-area .widget-title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 28px;
    margin: 0 0 25px;
    padding-left: 17px;
    color: #f0f8f2;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.home-footer-area .widget-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 23px;
    transform: translateY(-50%);
    border-radius: 20px;
    background: linear-gradient(180deg, var(--footer-lime), var(--footer-green));
    box-shadow: 0 0 8px rgba(200, 255, 61, 0.55), 0 0 20px rgba(90, 220, 110, 0.2);
    animation: titleBarGlow 2.5s ease-in-out infinite;
}

@keyframes titleBarGlow {
    0%, 100% {
        opacity: .55;
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 10px rgba(200, 255, 61, 0.8), 0 0 25px rgba(90, 220, 110, 0.35);
    }
}

.home-footer-area .footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-footer-area .footer-list li {
    position: relative;
    margin: 0 0 13px;
    padding: 0;
}

.home-footer-area .footer-list li:last-child {
    margin-bottom: 0;
}

.home-footer-area .footer-list li a {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: fit-content;
    max-width: 100%;
    color: rgba(220, 233, 223, 0.62);
    font-size: 14px;
    line-height: 1.55;
    text-decoration: none;
    transition: color .3s ease, transform .3s ease, text-shadow .3s ease;
}

.home-footer-area .footer-list li a i {
    flex: 0 0 12px;
    margin-top: 4px;
    color: #61d982;
    font-size: 12px;
    transition: transform .3s ease, color .3s ease, text-shadow .3s ease;
}

.home-footer-area .footer-list li a:hover {
    color: var(--footer-lime);
    transform: translateX(6px);
    text-shadow: 0 0 15px rgba(200, 255, 61, 0.14);
}

.home-footer-area .footer-list li a:hover i {
    color: var(--footer-lime);
    transform: translateX(3px) scale(1.15);
    text-shadow: 0 0 8px var(--footer-lime), 0 0 18px rgba(200, 255, 61, 0.5);
}

.home-footer-area .footer-list li a::after {
    content: "";
    position: absolute;
    left: 22px;
    bottom: -4px;
    width: 0;
    height: 1px;
    background: linear-gradient(90deg, var(--footer-lime), transparent);
    box-shadow: 0 0 7px rgba(200, 255, 61, 0.45);
    transition: width .4s ease;
}

.home-footer-area .footer-list li a:hover::after {
    width: 95px;
}

.home-footer-area .footer-copyright {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 65px;
    padding-top: 24px;
    border-top: 1px solid rgba(160, 220, 170, 0.10);
}

.home-footer-area .footer-copyright::before {
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 110px;
    height: 2px;
    background: linear-gradient(90deg, var(--footer-lime), var(--footer-green), transparent);
    box-shadow: 0 0 8px rgba(200, 255, 61, 0.5), 0 0 18px rgba(100, 220, 100, 0.2);
    animation: copyrightBeam 6s ease-in-out infinite;
}

@keyframes copyrightBeam {
    0% {
        left: 0;
    }

    50% {
        left: calc(100% - 110px);
    }

    100% {
        left: 0;
    }
}

.home-footer-area .footer-copyright p {
    margin: 0;
    color: rgba(213, 229, 218, 0.43);
    font-size: 12px;
    line-height: 1.5;
}

.home-footer-area .footer-copyright a {
    color: #9ee46e;
    text-decoration: none;
    transition: color .3s ease, text-shadow .3s ease;
}

.home-footer-area .footer-copyright a:hover {
    color: var(--footer-lime);
    text-shadow: 0 0 12px rgba(200, 255, 61, 0.45);
}

.home-footer-area .footer-status {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(220, 233, 223, 0.35);
    font-size: 11px;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.home-footer-area .status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--footer-lime);
    box-shadow: 0 0 6px var(--footer-lime), 0 0 14px rgba(200, 255, 61, 0.55);
    animation: statusPulse 2s ease-in-out infinite;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: .45;
        transform: scale(.8);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.home-footer-orbit {
    position: absolute;
    border: 1px solid rgba(137, 236, 122, 0.10);
    border-radius: 50%;
    pointer-events: none;
    z-index: -1;
}

.home-footer-orbit-one {
    width: 620px;
    height: 220px;
    right: -180px;
    top: 100px;
    transform: rotate(-25deg);
    box-shadow: 0 0 35px rgba(87, 212, 105, 0.025);
    animation: orbitOne 18s linear infinite;
}

.home-footer-orbit-two {
    width: 430px;
    height: 155px;
    right: -70px;
    top: 135px;
    border-color: rgba(200, 255, 61, 0.07);
    transform: rotate(25deg);
    animation: orbitTwo 13s linear infinite reverse;
}

@keyframes orbitOne {
    from {
        transform: rotate(-25deg) rotate(0deg);
    }

    to {
        transform: rotate(-25deg) rotate(360deg);
    }
}

@keyframes orbitTwo {
    from {
        transform: rotate(25deg) rotate(0deg);
    }

    to {
        transform: rotate(25deg) rotate(360deg);
    }
}

.home-footer-orbit-one::before {
    content: "";
    position: absolute;
    left: 70px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--footer-lime);
    box-shadow: 0 0 8px var(--footer-lime), 0 0 20px #82e85c, 0 0 40px rgba(200, 255, 61, 0.65);
}

.home-footer-orbit-two::before {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #62e7a0;
    box-shadow: 0 0 8px #62e7a0, 0 0 22px rgba(98, 231, 160, 0.7);
}

.home-footer-particle {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #baff62;
    box-shadow: 0 0 6px #baff62, 0 0 16px rgba(186, 255, 98, 0.75), 0 0 30px rgba(97, 220, 108, 0.35);
    pointer-events: none;
    z-index: -1;
}

.particle-1 {
    left: 8%;
    top: 25%;
    animation: particle1 8s ease-in-out infinite;
}

.particle-2 {
    left: 20%;
    top: 68%;
    animation: particle2 11s ease-in-out infinite;
}

.particle-3 {
    left: 36%;
    top: 20%;
    animation: particle3 9s ease-in-out infinite;
}

.particle-4 {
    left: 48%;
    top: 72%;
    animation: particle4 12s ease-in-out infinite;
}

.particle-5 {
    right: 34%;
    top: 27%;
    animation: particle5 10s ease-in-out infinite;
}

.particle-6 {
    right: 19%;
    top: 70%;
    animation: particle6 8s ease-in-out infinite;
}

.particle-7 {
    right: 8%;
    top: 25%;
    animation: particle7 13s ease-in-out infinite;
}

.particle-8 {
    right: 45%;
    top: 15%;
    animation: particle8 7s ease-in-out infinite;
}

@keyframes particle1 {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .15;
    }

    50% {
        transform: translate(40px, -60px) scale(1.4);
        opacity: 1;
    }
}

@keyframes particle2 {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .15;
    }

    50% {
        transform: translate(-30px, -70px) scale(1.3);
        opacity: .9;
    }
}

@keyframes particle3 {
    0%, 100% {
        transform: translate(0, 0) scale(.4);
        opacity: .15;
    }

    50% {
        transform: translate(50px, 40px) scale(1.4);
        opacity: 1;
    }
}

@keyframes particle4 {
    0%, 100% {
        transform: translate(0, 0) scale(.4);
        opacity: .15;
    }

    50% {
        transform: translate(-45px, -50px) scale(1.4);
        opacity: .9;
    }
}

@keyframes particle5 {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .15;
    }

    50% {
        transform: translate(35px, 60px) scale(1.4);
        opacity: 1;
    }
}

@keyframes particle6 {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .15;
    }

    50% {
        transform: translate(-40px, -45px) scale(1.3);
        opacity: 1;
    }
}

@keyframes particle7 {
    0%, 100% {
        transform: translate(0, 0) scale(.4);
        opacity: .15;
    }

    50% {
        transform: translate(-50px, 50px) scale(1.4);
        opacity: .9;
    }
}

@keyframes particle8 {
    0%, 100% {
        transform: translate(0, 0) scale(.5);
        opacity: .15;
    }

    50% {
        transform: translate(30px, 70px) scale(1.3);
        opacity: 1;
    }
}

@media (max-width:1100px) {
    .home-footer-area .footer-widgets {
        grid-template-columns: 1.2fr 1.5fr .7fr;
        column-gap: 40px;
    }

    .home-footer-area .footer-about {
        padding-right: 10px;
    }

    .home-footer-area .footer-logo img {
        max-width: 300px;
    }
}

@media (max-width:991px) {
    .home-footer-area .footer-container {
        padding-top: 65px;
    }

    .home-footer-area .footer-widgets {
        grid-template-columns: 1fr 1fr;
        row-gap: 55px;
        column-gap: 50px;
    }

    .home-footer-area .footer-about {
        grid-column: 1 / -1;
        max-width: 700px;
    }

    .home-footer-area .footer-services, .home-footer-area .footer-pages {
        padding-left: 0;
    }

    .home-footer-area .footer-copyright {
        margin-top: 55px;
    }
}

@media (max-width:767px) {
    .home-footer-area {
        overflow: hidden;
    }

    .home-footer-area .footer-container {
        padding-top: 55px;
        padding-bottom: 25px;
    }

    .home-footer-area .footer-widgets {
        grid-template-columns: 1fr;
        row-gap: 42px;
    }

    .home-footer-area .footer-about {
        grid-column: auto;
    }

    .home-footer-area .footer-about, .home-footer-area .footer-services, .home-footer-area .footer-pages {
        padding: 0;
    }

    .home-footer-area .footer-logo {
        margin-bottom: 18px;
    }

    .home-footer-area .footer-logo img {
        max-width: 280px;
    }

    .home-footer-area .about-widget p {
        max-width: 100%;
    }

    .home-footer-area .widget-title {
        margin-bottom: 20px;
    }

    .home-footer-area .footer-copyright {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        margin-top: 45px;
    }

    .home-footer-orbit-one {
        width: 400px;
        height: 145px;
        right: -220px;
        top: 170px;
    }

    .home-footer-orbit-two {
        width: 300px;
        height: 110px;
        right: -160px;
        top: 200px;
    }

    .home-footer-particle {
        opacity: .5;
    }
}

@media (max-width:480px) {
    .home-footer-area .footer-container {
        padding-left: 22px;
        padding-right: 22px;
    }

    .home-footer-area .footer-logo img {
        max-width: 245px;
    }

    .home-footer-area .about-widget h3 {
        font-size: 16px;
    }

    .home-footer-area .about-widget p, .home-footer-area .footer-list li a {
        font-size: 13px;
    }

    .home-footer-area .footer-list li {
        margin-bottom: 12px;
    }

    .home-footer-area .footer-status {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .home-footer-area *, .home-footer-area::before, .home-footer-area::after {
        animation: none !important;
        transition: none !important;
    }
}

.aggwan-faq-section {
    position: relative;
    padding: 110px 0;
    overflow: hidden;
    background: radial-gradient(circle at 85% 50%, rgba(78, 214, 110, 0.12), transparent 32%), radial-gradient(circle at 10% 20%, rgba(180, 255, 80, 0.06), transparent 30%), linear-gradient(135deg, #02130d 0%, #05291b 48%, #02170f 100%);
    color: #fff;
}

.faq-bg-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(70px);
    z-index: 0;
}

.faq-glow-one {
    width: 350px;
    height: 350px;
    right: -100px;
    top: 10%;
    background: rgba(72, 220, 105, 0.13);
    animation: faqGlowFloat 7s ease-in-out infinite;
}

.faq-glow-two {
    width: 280px;
    height: 280px;
    left: -120px;
    bottom: -100px;
    background: rgba(190, 255, 70, 0.07);
    animation: faqGlowFloat 9s ease-in-out infinite reverse;
}

@keyframes faqGlowFloat {
    0%, 100% {
        transform: translate(0, 0) scale(.9);
        opacity: .5;
    }

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

.aggwan-faq-heading {
    position: relative;
    z-index: 2;
    max-width: 750px;
    margin-bottom: 50px;
    animation: faqHeadingReveal 1s ease forwards;
}

.aggwan-faq-heading .title-tag {
    display: inline-block;
    margin-bottom: 12px;
    color: #a8ef70;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 4px;
    text-transform: uppercase;
}

.aggwan-faq-heading .title {
    margin: 0 0 18px;
    color: #fff;
    font-size: 52px;
    line-height: 1.15;
    font-weight: 700;
}

.aggwan-faq-heading .title span {
    color: #c8ff3d;
    text-shadow: 0 0 15px rgba(200, 255, 61, .18);
}

.aggwan-faq-heading p {
    max-width: 680px;
    margin: 0;
    color: rgba(225, 240, 228, .68);
    font-size: 17px;
    line-height: 1.8;
}

@keyframes faqHeadingReveal {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.aggwan-faq-accordion {
    position: relative;
    z-index: 5;
}

.faq-card {
    position: relative;
    margin-bottom: 13px;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(7, 42, 28, 0.72);
    border: 1px solid rgba(130, 220, 120, 0.13);
    box-shadow: 0 12px 35px rgba(0, 0, 0, .18);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: transform .4s ease, border-color .4s ease, box-shadow .4s ease, background .4s ease;
    animation: faqCardReveal .7s ease both;
}

.faq-card:nth-child(1) {
    animation-delay: .15s;
}

.faq-card:nth-child(2) {
    animation-delay: .25s;
}

.faq-card:nth-child(3) {
    animation-delay: .35s;
}

.faq-card:nth-child(4) {
    animation-delay: .45s;
}

.faq-card:nth-child(5) {
    animation-delay: .55s;
}

.faq-card:nth-child(6) {
    animation-delay: .65s;
}

@keyframes faqCardReveal {
    from {
        opacity: 0;
        transform: translateX(-35px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.faq-card:hover {
    transform: translateX(7px);
    border-color: rgba(170, 255, 90, .32);
    background: rgba(10, 55, 36, .82);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .25), 0 0 25px rgba(80, 220, 100, .08);
}

.faq-card .card-header {
    padding: 0;
    border: 0;
    background: transparent;
}

.faq-card .card-header a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 21px 22px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.faq-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 50%;
    color: #c8ff3d;
    background: rgba(170, 255, 80, .08);
    border: 1px solid rgba(170, 255, 80, .16);
    box-shadow: 0 0 15px rgba(150, 255, 80, .05);
    transition: transform .4s ease, background .4s ease, box-shadow .4s ease;
}

.faq-card:hover .faq-icon {
    transform: rotate(12deg) scale(1.08);
    background: rgba(170, 255, 80, .14);
    box-shadow: 0 0 20px rgba(150, 255, 80, .15);
}

.faq-question {
    flex: 1;
    line-height: 1.4;
}

.faq-arrow {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px;
    border-radius: 50%;
    color: #c8ff3d;
    border: 1px solid rgba(200, 255, 61, .2);
    transition: transform .4s ease, background .4s ease;
}

.faq-card .card-header a:not(.collapsed) .faq-arrow {
    transform: rotate(45deg);
    background: rgba(200, 255, 61, .1);
}

.faq-card .card-body {
    padding: 0 25px 24px 80px;
    color: rgba(225, 240, 228, .67);
    font-size: 15px;
    line-height: 1.75;
    border-top: 1px solid rgba(140, 220, 120, .08);
}

.faq-card .card-body p {
    margin: 17px 0 0;
}

.faq-animation-area {
    position: relative;
    width: 460px;
    height: 460px;
    max-width: 100%;
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-orbit {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    border: 1px solid rgba(150, 245, 100, .15);
    transform: translate(-50%, -50%);
}

.faq-orbit-one {
    width: 220px;
    height: 220px;
    animation: faqOrbitRotate 16s linear infinite;
}

.faq-orbit-two {
    width: 320px;
    height: 320px;
    border-color: rgba(100, 220, 120, .10);
    animation: faqOrbitRotateReverse 23s linear infinite;
}

.faq-orbit-three {
    width: 420px;
    height: 420px;
    border: 1px dashed rgba(150, 255, 100, .10);
    animation: faqOrbitRotate 30s linear infinite;
}

@keyframes faqOrbitRotate {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes faqOrbitRotateReverse {
    from {
        transform: translate(-50%, -50%) rotate(360deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}

.faq-dots-ring {
    position: absolute;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    border: 2px dotted rgba(190, 255, 80, .18);
    animation: faqDotsSpin 18s linear infinite;
}

@keyframes faqDotsSpin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

.faq-center {
    position: relative;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(90, 210, 110, .25), rgba(3, 39, 25, .95) 65%);
    border: 1px solid rgba(190, 255, 80, .3);
    box-shadow: 0 0 30px rgba(80, 220, 100, .18), inset 0 0 25px rgba(100, 230, 100, .08);
    z-index: 5;
    animation: faqCenterPulse 3s ease-in-out infinite;
}

.faq-center span {
    position: relative;
    z-index: 2;
    color: #c8ff3d;
    font-size: 62px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 0 15px rgba(200, 255, 61, .5), 0 0 35px rgba(100, 220, 100, .25);
}

.faq-center-glow {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(170, 255, 80, .08);
    filter: blur(20px);
    animation: faqCenterGlow 2.5s ease-in-out infinite;
}

@keyframes faqCenterPulse {
    0%, 100% {
        transform: scale(.95);
        box-shadow: 0 0 25px rgba(80, 220, 100, .15), inset 0 0 25px rgba(100, 230, 100, .08);
    }

    50% {
        transform: scale(1.05);
        box-shadow: 0 0 45px rgba(100, 240, 100, .25), inset 0 0 35px rgba(150, 255, 100, .12);
    }
}

@keyframes faqCenterGlow {
    0%, 100% {
        opacity: .3;
        transform: scale(.8);
    }

    50% {
        opacity: .8;
        transform: scale(1.25);
    }
}

.faq-floating-icon {
    position: absolute;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #baff68;
    background: rgba(5, 48, 30, .85);
    border: 1px solid rgba(170, 255, 90, .22);
    box-shadow: 0 0 20px rgba(90, 220, 100, .10);
    backdrop-filter: blur(10px);
    z-index: 4;
    font-size: 19px;
}

.faq-icon-one {
    top: 48px;
    left: 190px;
    animation: faqFloatOne 4s ease-in-out infinite;
}

.faq-icon-two {
    top: 175px;
    right: 15px;
    animation: faqFloatTwo 5s ease-in-out infinite;
}

.faq-icon-three {
    bottom: 50px;
    right: 115px;
    animation: faqFloatThree 4.5s ease-in-out infinite;
}

.faq-icon-four {
    bottom: 90px;
    left: 65px;
    animation: faqFloatTwo 5.5s ease-in-out infinite reverse;
}

.faq-icon-five {
    top: 155px;
    left: 15px;
    animation: faqFloatOne 6s ease-in-out infinite reverse;
}

@keyframes faqFloatOne {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }

    50% {
        transform: translateY(-15px) rotate(8deg);
    }
}

@keyframes faqFloatTwo {
    0%, 100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(10px, -12px);
    }
}

@keyframes faqFloatThree {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(12px) scale(1.08);
    }
}

.faq-particle {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c8ff3d;
    box-shadow: 0 0 10px rgba(200, 255, 61, .7);
}

.particle-one {
    top: 110px;
    right: 90px;
    animation: faqParticle 3s ease-in-out infinite;
}

.particle-two {
    bottom: 120px;
    left: 120px;
    animation: faqParticle 4s ease-in-out infinite .5s;
}

.particle-three {
    top: 240px;
    left: 80px;
    animation: faqParticle 3.5s ease-in-out infinite 1s;
}

.particle-four {
    bottom: 70px;
    right: 200px;
    animation: faqParticle 4.5s ease-in-out infinite 1.5s;
}

@keyframes faqParticle {
    0%, 100% {
        opacity: .2;
        transform: scale(.6);
    }

    50% {
        opacity: 1;
        transform: scale(1.5);
    }
}

@media (max-width:1199px) {
    .faq-animation-area {
        width: 400px;
        height: 400px;
    }

    .faq-orbit-three {
        width: 370px;
        height: 370px;
    }

    .faq-orbit-two {
        width: 290px;
        height: 290px;
    }

    .faq-icon-one {
        left: 160px;
    }
}

@media (max-width:991px) {
    .aggwan-faq-section {
        padding: 80px 0;
    }

    .aggwan-faq-heading {
        margin-bottom: 40px;
    }

    .aggwan-faq-heading .title {
        font-size: 44px;
    }

    .faq-animation-area {
        margin-top: 70px;
    }
}

@media (max-width:575px) {
    .aggwan-faq-section {
        padding: 65px 0;
    }

    .aggwan-faq-heading {
        text-align: center;
    }

    .aggwan-faq-heading .title {
        font-size: 34px;
    }

    .aggwan-faq-heading p {
        font-size: 15px;
    }

    .faq-card .card-header a {
        padding: 16px;
        font-size: 14px;
    }

    .faq-icon {
        width: 36px;
        height: 36px;
        min-width: 36px;
        margin-right: 10px;
    }

    .faq-card .card-body {
        padding: 0 18px 20px 62px;
        font-size: 14px;
    }

    .faq-animation-area {
        width: 330px;
        height: 330px;
        margin-top: 50px;
    }

    .faq-orbit-one {
        width: 170px;
        height: 170px;
    }

    .faq-orbit-two {
        width: 240px;
        height: 240px;
    }

    .faq-orbit-three {
        width: 310px;
        height: 310px;
    }

    .faq-dots-ring {
        width: 210px;
        height: 210px;
    }

    .faq-center {
        width: 90px;
        height: 90px;
    }

    .faq-center span {
        font-size: 48px;
    }

    .faq-floating-icon {
        width: 42px;
        height: 42px;
        font-size: 15px;
    }

    .faq-icon-one {
        top: 30px;
        left: 135px;
    }

    .faq-icon-two {
        top: 125px;
        right: 0;
    }

    .faq-icon-three {
        bottom: 30px;
        right: 80px;
    }

    .faq-icon-four {
        bottom: 55px;
        left: 35px;
    }

    .faq-icon-five {
        top: 115px;
        left: 0;
    }

    .faq-arrow {
        width: 26px;
        height: 26px;
        min-width: 26px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .aggwan-faq-section *, .aggwan-faq-section::before, .aggwan-faq-section::after {
        animation: none !important;
        transition: none !important;
    }
}

.agg-contact-info-section, .agg-contact-form-section {
    position: relative;
    overflow: hidden;
    color: #fff;
}

.agg-contact-info-section::before, .agg-contact-form-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    background: rgba(0, 151, 142, .14);
    filter: blur(80px);
    left: -180px;
    top: -220px;
    animation: aggContactGlow 9s ease-in-out infinite alternate;
    pointer-events: none;
}

.agg-contact-info-section::after, .agg-contact-form-section::after {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(0, 151, 142, .10);
    filter: blur(80px);
    right: -180px;
    bottom: -200px;
    animation: aggContactGlowReverse 11s ease-in-out infinite alternate;
    pointer-events: none;
}

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

    100% {
        transform: translate(130px, 100px) scale(1.3);
    }
}

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

    100% {
        transform: translate(-100px, -80px) scale(1.25);
    }
}

.agg-contact-info-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    position: relative;
    z-index: 2;
}

.agg-contact-info-item {
    position: relative;
    padding: 32px 20px;
    min-height: 180px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .025));
    border: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    overflow: hidden;
    transition: all .45s cubic-bezier(.2, .8, .2, 1);
}

.agg-contact-info-item:hover {
    transform: translateY(-10px);
    border-color: rgba(37, 200, 189, .5);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .25), 0 0 30px rgba(0, 151, 142, .18);
}

.agg-contact-info-item>i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    margin-bottom: 16px;
    color: #fff;
    font-size: 22px;
    background: linear-gradient(135deg, #00978e, #0e7e72);
    box-shadow: 0 0 0 7px rgba(0, 151, 142, .08), 0 8px 25px rgba(0, 151, 142, .25);
    animation: aggIconFloat 4s ease-in-out infinite;
}

.agg-contact-info-item:nth-child(2)>i {
    animation-delay: .7s;
}

.agg-contact-info-item:nth-child(3)>i {
    animation-delay: 1.4s;
}

.agg-contact-info-item:nth-child(4)>i {
    animation-delay: 2.1s;
}

@keyframes aggIconFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

.agg-contact-title {
    color: #fff !important;
    font-size: 18px;
    margin-bottom: 8px;
}

.agg-contact-info-item p {
    color: rgba(255, 255, 255, .7);
    font-size: 15px;
    margin: 0;
}

.agg-contact-map {
    position: relative;
    padding: 10px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(0, 151, 142, .35), rgba(255, 255, 255, .04));
    box-shadow: 0 25px 60px rgba(0, 0, 0, .3), 0 0 35px rgba(0, 151, 142, .15);
    animation: aggMapFloat 6s ease-in-out infinite;
    z-index: 2;
}

.agg-contact-map iframe {
    display: block;
    width: 100%;
    height: 430px;
    border-radius: 16px;
}

@keyframes aggMapFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

.agg-contact-heading {
    position: relative;
    z-index: 2;
}

.agg-contact-heading span {
    color: #25c8bd;
    font-weight: 700;
    letter-spacing: 2px;
}

.agg-contact-heading-title {
    color: #fff !important;
}

.agg-contact-form-area {
    position: relative;
    z-index: 2;
    padding: 35px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025));
    border: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, .18);
}

.agg-input-group {
    position: relative;
}

.agg-input-group input, .agg-input-group textarea {
    width: 100%;
    color: #fff !important;
    background: rgba(255, 255, 255, .055) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    border-radius: 10px;
    outline: none;
    padding: 16px 55px 16px 18px;
    transition: all .35s ease;
}

.agg-input-group input {
    height: 58px;
}

.agg-input-group textarea {
    min-height: 150px;
    resize: vertical;
}

.agg-input-group input::placeholder, .agg-input-group textarea::placeholder {
    color: rgba(255, 255, 255, .48);
}

.agg-input-group input:focus, .agg-input-group textarea:focus {
    border-color: #00978e !important;
    box-shadow: 0 0 0 3px rgba(0, 151, 142, .1), 0 0 25px rgba(0, 151, 142, .12);
    transform: translateY(-2px);
}

.agg-input-icon {
    position: absolute;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    color: #20bdb3;
    font-size: 18px;
    pointer-events: none;
}

.agg-textarea-group .agg-input-icon {
    top: 25px;
    transform: none;
}

.agg-margin-top {
    margin-top: 20px;
}

.agg-submit-btn {
    position: relative;
    overflow: hidden;
    border: 0;
    color: #fff;
    padding: 15px 32px;
    border-radius: 8px;
    background: linear-gradient(135deg, #00978e, #0e7e72);
    box-shadow: 0 10px 30px rgba(0, 151, 142, .25);
    transition: all .35s ease;
}

.agg-submit-btn:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 40px rgba(0, 151, 142, .4);
}

.agg-contact-image {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .3);
    animation: aggImageFloat 6s ease-in-out infinite;
    z-index: 2;
}

.agg-contact-image img {
    width: 100%;
    display: block;
    transition: transform 1s ease;
}

.agg-contact-image:hover img {
    transform: scale(1.06);
}

@keyframes aggImageFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-8px);
    }
}

@media (max-width:991px) {
    .agg-contact-info-items {
        margin-bottom: 30px;
    }

    .agg-contact-map iframe {
        height: 380px;
    }
}

@media (max-width:575px) {
    .agg-contact-info-items {
        grid-template-columns: 1fr;
    }

    .agg-contact-info-item {
        min-height: 160px;
    }

    .agg-contact-map iframe {
        height: 320px;
    }

    .agg-contact-form-area {
        padding: 20px 15px;
    }
}

.agg-contact-visual {
    position: relative;
    width: 100%;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1200px;
    z-index: 2;
}

.agg-3d-scene {
    position: relative;
    width: 520px;
    height: 500px;
    transform-style: preserve-3d;
    animation: aggSceneFloat 6s ease-in-out infinite;
}

@keyframes aggSceneFloat {
    0%, 100% {
        transform: rotateX(2deg) rotateY(-3deg) translateY(0);
    }

    50% {
        transform: rotateX(-2deg) rotateY(3deg) translateY(-12px);
    }
}

.agg-orb-glow {
    position: absolute;
    width: 260px;
    height: 260px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 220, 205, .32) 0%, rgba(0, 151, 142, .18) 35%, transparent 72%);
    filter: blur(15px);
    animation: aggGlowPulse 4s ease-in-out infinite;
}

@keyframes aggGlowPulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(.85);
        opacity: .65;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.15);
        opacity: 1;
    }
}

.agg-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 330px;
    height: 330px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid rgba(0, 210, 195, .35);
    transform-style: preserve-3d;
    pointer-events: none;
}

.agg-ring-one {
    animation: aggRingRotateOne 12s linear infinite;
}

.agg-ring-two {
    width: 400px;
    height: 220px;
    border-color: rgba(0, 151, 142, .30);
    animation: aggRingRotateTwo 15s linear infinite;
}

.agg-ring-three {
    width: 240px;
    height: 400px;
    border-color: rgba(37, 200, 189, .22);
    animation: aggRingRotateThree 18s linear infinite;
}

@keyframes aggRingRotateOne {
    from {
        transform: translate(-50%, -50%) rotateX(65deg) rotateZ(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotateX(65deg) rotateZ(360deg);
    }
}

@keyframes aggRingRotateTwo {
    from {
        transform: translate(-50%, -50%) rotateY(65deg) rotateZ(360deg);
    }

    to {
        transform: translate(-50%, -50%) rotateY(65deg) rotateZ(0deg);
    }
}

@keyframes aggRingRotateThree {
    from {
        transform: translate(-50%, -50%) rotateX(65deg) rotateY(20deg) rotateZ(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotateX(65deg) rotateY(20deg) rotateZ(360deg);
    }
}

.agg-contact-hub {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 145px;
    height: 145px;
    transform: translate(-50%, -50%) translateZ(70px);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 30% 25%, rgba(37, 200, 189, .35), rgba(3, 63, 59, .95) 65%);
    border: 1px solid rgba(70, 230, 216, .45);
    box-shadow: 0 0 25px rgba(0, 151, 142, .35), 0 0 70px rgba(0, 151, 142, .18), inset 0 0 30px rgba(0, 220, 205, .12);
    z-index: 10;
}

.agg-contact-hub span {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
    letter-spacing: .5px;
}

.agg-hub-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #00b9ad, #087b73);
    color: #fff;
    font-size: 22px;
    box-shadow: 0 0 20px rgba(0, 200, 185, .4);
    animation: aggHubIcon 3s ease-in-out infinite;
}

@keyframes aggHubIcon {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

.agg-hub-pulse {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(0, 220, 205, .5);
    animation: aggHubPulse 3s ease-out infinite;
    pointer-events: none;
}

@keyframes aggHubPulse {
    0% {
        transform: scale(.9);
        opacity: .8;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.agg-float-card {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 190px;
    padding: 14px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(15, 96, 91, .85), rgba(4, 47, 44, .85));
    border: 1px solid rgba(74, 226, 213, .22);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .25), 0 0 20px rgba(0, 151, 142, .12);
    z-index: 20;
    transition: .4s ease;
}

.agg-float-card:hover {
    transform: translateY(-8px) scale(1.04);
    border-color: rgba(50, 225, 211, .55);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .3), 0 0 30px rgba(0, 200, 185, .25);
}

.agg-card-icon {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: linear-gradient(135deg, #009f95, #075f59);
    color: #fff;
    font-size: 17px;
    box-shadow: 0 5px 18px rgba(0, 151, 142, .25);
}

.agg-float-card small {
    display: block;
    color: rgba(255, 255, 255, .5);
    font-size: 11px;
    margin-bottom: 3px;
}

.agg-float-card strong {
    display: block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.agg-card-phone {
    left: 0;
    top: 65px;
    animation: aggCardPhone 5s ease-in-out infinite;
}

.agg-card-email {
    right: 0;
    top: 65px;
    animation: aggCardEmail 5.5s ease-in-out infinite;
}

.agg-card-india {
    left: 0;
    bottom: 65px;
    animation: aggCardIndia 6s ease-in-out infinite;
}

.agg-card-usa {
    right: 0;
    bottom: 65px;
    animation: aggCardUSA 6.5s ease-in-out infinite;
}

@keyframes aggCardPhone {
    0%, 100% {
        transform: translateY(0) translateZ(30px);
    }

    50% {
        transform: translateY(-12px) translateZ(60px);
    }
}

@keyframes aggCardEmail {
    0%, 100% {
        transform: translateY(0) translateZ(50px);
    }

    50% {
        transform: translateY(12px) translateZ(75px);
    }
}

@keyframes aggCardIndia {
    0%, 100% {
        transform: translateY(0) translateZ(40px);
    }

    50% {
        transform: translateY(-10px) translateZ(70px);
    }
}

@keyframes aggCardUSA {
    0%, 100% {
        transform: translateY(0) translateZ(30px);
    }

    50% {
        transform: translateY(10px) translateZ(65px);
    }
}

.agg-connect-line {
    position: absolute;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 220, 205, .7), transparent);
    transform-origin: left center;
    opacity: .5;
    z-index: 3;
}

.agg-line-one {
    width: 150px;
    left: 145px;
    top: 150px;
    transform: rotate(18deg);
    animation: aggLineGlow 2.5s ease-in-out infinite;
}

.agg-line-two {
    width: 150px;
    right: 145px;
    top: 150px;
    transform: rotate(-18deg);
    animation: aggLineGlow 3s ease-in-out infinite .5s;
}

.agg-line-three {
    width: 150px;
    left: 145px;
    bottom: 150px;
    transform: rotate(-18deg);
    animation: aggLineGlow 2.8s ease-in-out infinite 1s;
}

.agg-line-four {
    width: 150px;
    right: 145px;
    bottom: 150px;
    transform: rotate(18deg);
    animation: aggLineGlow 3.2s ease-in-out infinite 1.5s;
}

@keyframes aggLineGlow {
    0%, 100% {
        opacity: .15;
    }

    50% {
        opacity: .8;
        box-shadow: 0 0 12px rgba(0, 220, 205, .5);
    }
}

.agg-particle {
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #26d5c8;
    box-shadow: 0 0 8px #26d5c8, 0 0 18px rgba(38, 213, 200, .6);
    z-index: 5;
}

.agg-particle-one {
    left: 90px;
    top: 180px;
    animation: aggParticleOne 5s linear infinite;
}

.agg-particle-two {
    right: 90px;
    top: 160px;
    animation: aggParticleTwo 6s linear infinite;
}

.agg-particle-three {
    left: 120px;
    bottom: 100px;
    animation: aggParticleThree 5.5s linear infinite;
}

.agg-particle-four {
    right: 80px;
    bottom: 110px;
    animation: aggParticleFour 7s linear infinite;
}

.agg-particle-five {
    left: 250px;
    top: 35px;
    animation: aggParticleFive 4.5s linear infinite;
}

.agg-particle-six {
    right: 190px;
    bottom: 40px;
    animation: aggParticleSix 6.5s linear infinite;
}

@keyframes aggParticleOne {
    0%, 100% {
        transform: translate(0, 0);
        opacity: .2;
    }

    50% {
        transform: translate(35px, -35px);
        opacity: 1;
    }
}

@keyframes aggParticleTwo {
    0%, 100% {
        transform: translate(0, 0);
        opacity: .2;
    }

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

@keyframes aggParticleThree {
    0%, 100% {
        transform: translate(0);
        opacity: .3;
    }

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

@keyframes aggParticleFour {
    0%, 100% {
        transform: translate(0);
        opacity: .2;
    }

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

@keyframes aggParticleFive {
    0%, 100% {
        transform: translateY(0);
        opacity: .3;
    }

    50% {
        transform: translateY(35px);
        opacity: 1;
    }
}

@keyframes aggParticleSix {
    0%, 100% {
        transform: translateY(0);
        opacity: .2;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }
}

@media (max-width:991px) {
    .agg-contact-visual {
        min-height: 470px;
    }

    .agg-3d-scene {
        transform: scale(.9);
    }
}

@media (max-width:575px) {
    .agg-contact-visual {
        min-height: 430px;
        overflow: hidden;
    }

    .agg-3d-scene {
        transform: scale(.68);
    }
}

@media (prefers-reduced-motion:reduce) {
    .agg-3d-scene, .agg-orb-glow, .agg-ring, .agg-hub-icon, .agg-hub-pulse, .agg-float-card, .agg-connect-line, .agg-particle {
        animation: none !important;
    }
}

@media (prefers-reduced-motion:reduce) {
    .agg-contact-info-section *, .agg-contact-form-section *, .agg-contact-info-item, .agg-contact-map, .agg-contact-image {
        animation: none !important;
        transition: none !important;
    }
}

.aggwan-clients-section {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
    color: #ffffff;
}

.aggwan-clients-heading {
    position: relative;
    z-index: 10;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
    text-align: center;
}

.aggwan-clients-tag {
    display: inline-block;
    margin-bottom: 12px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    line-height: 1.5;
    text-transform: uppercase;
    opacity: 0.85;
}

.aggwan-clients-title {
    margin: 0;
    color: #ffffff !important;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.5px;
}

.aggwan-clients-description {
    max-width: 650px;
    margin: 18px auto 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 16px;
    line-height: 1.7;
}

.aggwan-clients-grid {
    position: relative;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 25px;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    perspective: 1200px;
}

.aggwan-client-card {
    position: relative;
    height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.075);
    border: 1px solid rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transform-style: preserve-3d;
    opacity: 0;
    animation: aggwanClientEntrance 0.9s cubic-bezier(.2, .8, .2, 1) forwards, aggwanClientFloat 5s ease-in-out 1.2s infinite;
    transition: transform 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease, background 0.5s ease;
}

.aggwan-client-card:nth-child(1) {
    animation-delay: 0.10s, 1.20s;
}

.aggwan-client-card:nth-child(2) {
    animation-delay: 0.25s, 1.45s;
}

.aggwan-client-card:nth-child(3) {
    animation-delay: 0.40s, 1.70s;
}

.aggwan-client-card:nth-child(4) {
    animation-delay: 0.55s, 1.95s;
}

.aggwan-client-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12%;
    width: 76%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.45), transparent);
    opacity: 0.6;
    pointer-events: none;
}

.aggwan-client-card::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -80px;
    width: 180px;
    height: 130px;
    transform: translateX(-50%);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.045);
    filter: blur(30px);
    pointer-events: none;
}

.aggwan-client-card:hover {
    transform: translateY(-12px) rotateX(3deg) rotateY(-3deg) scale(1.025);
    background: rgba(255, 255, 255, 0.11);
    border-color: rgba(255, 255, 255, 0.38);
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.18), 0 0 35px rgba(255, 255, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

@keyframes aggwanClientEntrance {
    0% {
        opacity: 0;
        transform: translateY(55px) rotateX(18deg) scale(0.90);
    }

    60% {
        opacity: 1;
    }

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

@keyframes aggwanClientFloat {
    0%, 100% {
        transform: translateY(0) rotateX(0) rotateY(0);
    }

    50% {
        transform: translateY(-7px) rotateX(1deg) rotateY(-1deg);
    }
}

.aggwan-client-logo {
    position: relative;
    z-index: 5;
    width: 78%;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateZ(35px);
    transition: transform 0.5s ease;
}

.aggwan-client-logo img {
    display: block;
    max-width: 100%;
    max-height: 95px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: drop-shadow(0 6px 15px rgba(0, 0, 0, 0.12));
    transition: transform 0.5s ease, filter 0.5s ease;
}

.aggwan-client-card:hover .aggwan-client-logo {
    transform: translateZ(55px) scale(1.04);
}

.aggwan-client-card:hover .aggwan-client-logo img {
    filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.18));
}

.aggwan-client-glow {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 160px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.025) 45%, transparent 72%);
    filter: blur(20px);
    opacity: 0.45;
    animation: aggwanClientGlow 4s ease-in-out infinite;
    pointer-events: none;
}

@keyframes aggwanClientGlow {
    0%, 100% {
        transform: translate(-50%, -50%) scale(0.80);
        opacity: 0.25;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.25);
        opacity: 0.65;
    }
}

.aggwan-client-card:nth-child(1) .aggwan-client-glow {
    animation-delay: 0s;
}

.aggwan-client-card:nth-child(2) .aggwan-client-glow {
    animation-delay: 1s;
}

.aggwan-client-card:nth-child(3) .aggwan-client-glow {
    animation-delay: 2s;
}

.aggwan-client-card:nth-child(4) .aggwan-client-glow {
    animation-delay: 3s;
}

.aggwan-client-shine {
    position: absolute;
    z-index: 6;
    top: -100%;
    left: -90%;
    width: 42%;
    height: 300%;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.05) 35%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.05) 65%, transparent 100%);
    transform: rotate(25deg);
    pointer-events: none;
    animation: aggwanClientShine 6s ease-in-out infinite;
}

@keyframes aggwanClientShine {
    0% {
        left: -90%;
    }

    42% {
        left: 150%;
    }

    100% {
        left: 150%;
    }
}

.aggwan-client-card:nth-child(1) .aggwan-client-shine {
    animation-delay: 0s;
}

.aggwan-client-card:nth-child(2) .aggwan-client-shine {
    animation-delay: 1.5s;
}

.aggwan-client-card:nth-child(3) .aggwan-client-shine {
    animation-delay: 3s;
}

.aggwan-client-card:nth-child(4) .aggwan-client-shine {
    animation-delay: 4.5s;
}

.aggwan-client-orb-one {
    position: absolute;
    z-index: 1;
    width: 300px;
    height: 300px;
    left: -150px;
    top: 25%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.035);
    filter: blur(70px);
    pointer-events: none;
    animation: aggwanOrbOne 12s ease-in-out infinite;
}

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

    50% {
        transform: translate(130px, -70px) scale(1.25);
    }
}

.aggwan-client-orb-two {
    position: absolute;
    z-index: 1;
    width: 250px;
    height: 250px;
    right: -120px;
    bottom: 10%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.045);
    filter: blur(70px);
    pointer-events: none;
    animation: aggwanOrbTwo 14s ease-in-out infinite;
}

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

    50% {
        transform: translate(-100px, -80px) scale(1.20);
    }
}

.aggwan-client-ring {
    position: absolute;
    z-index: 1;
    width: 500px;
    height: 500px;
    right: -300px;
    top: 50%;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 35px rgba(255, 255, 255, 0.018), 0 0 0 70px rgba(255, 255, 255, 0.012);
    transform: translateY(-50%);
    pointer-events: none;
    animation: aggwanClientRing 25s linear infinite;
}

@keyframes aggwanClientRing {
    from {
        transform: translateY(-50%) rotate(0deg);
    }

    to {
        transform: translateY(-50%) rotate(360deg);
    }
}

.aggwan-client-ring::before {
    content: "";
    position: absolute;
    width: 280px;
    height: 280px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px dashed rgba(255, 255, 255, 0.08);
    animation: aggwanInnerRing 18s linear infinite reverse;
}

@keyframes aggwanInnerRing {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.aggwan-clients-section::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 18%;
    left: 18%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.35);
    box-shadow: 180px 80px rgba(255, 255, 255, 0.15), 420px 20px rgba(255, 255, 255, 0.18), 650px 170px rgba(255, 255, 255, 0.12), 820px 50px rgba(255, 255, 255, 0.15);
    animation: aggwanParticles 8s ease-in-out infinite;
    pointer-events: none;
    z-index: 2;
}

@keyframes aggwanParticles {
    0%, 100% {
        opacity: 0.25;
        transform: translateY(0);
    }

    50% {
        opacity: 0.7;
        transform: translateY(-15px);
    }
}

@media (max-width:991px) {
    .aggwan-clients-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .aggwan-clients-heading {
        margin-bottom: 45px;
    }

    .aggwan-clients-title {
        font-size: 36px;
    }

    .aggwan-clients-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 720px;
        gap: 22px;
    }

    .aggwan-client-card {
        height: 180px;
    }
}

@media (max-width:575px) {
    .aggwan-clients-section {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .aggwan-clients-heading {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 35px;
    }

    .aggwan-clients-tag {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .aggwan-clients-title {
        font-size: 29px;
    }

    .aggwan-clients-description {
        font-size: 14px;
        line-height: 1.6;
    }

    .aggwan-clients-grid {
        grid-template-columns: 1fr;
        gap: 18px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .aggwan-client-card {
        height: 160px;
        border-radius: 16px;
    }

    .aggwan-client-logo {
        width: 75%;
        height: 100px;
    }

    .aggwan-client-logo img {
        max-height: 80px;
    }

    .aggwan-client-ring {
        width: 350px;
        height: 350px;
        right: -250px;
    }

    .aggwan-client-ring::before {
        width: 200px;
        height: 200px;
    }

    .aggwan-client-orb-one {
        width: 220px;
        height: 220px;
        left: -130px;
    }

    .aggwan-client-orb-two {
        width: 200px;
        height: 200px;
        right: -120px;
    }
}

@media (max-width:380px) {
    .aggwan-clients-title {
        font-size: 26px;
    }

    .aggwan-client-card {
        height: 145px;
    }

    .aggwan-client-logo img {
        max-height: 70px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .aggwan-client-card, .aggwan-client-glow, .aggwan-client-shine, .aggwan-client-orb-one, .aggwan-client-orb-two, .aggwan-client-ring, .aggwan-client-ring::before, .aggwan-clients-section::before {
        animation: none !important;
    }
}

.service-item-eight {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(14, 126, 114, 0.12);
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.service-item-eight:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 55px rgba(14, 126, 114, 0.24);
}

.service-item-eight .service-img {
    position: relative;
    height: 360px;
    overflow: hidden;
}

.service-item-eight .service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1), filter 0.6s ease;
}

.service-item-eight .service-img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(7, 94, 84, 0.05) 20%, rgba(7, 94, 84, 0.65) 100%);
    transition: all 0.5s ease;
    z-index: 1;
}

.service-item-eight:hover .service-img img {
    transform: scale(1.12);
    filter: brightness(0.82) saturate(1.1);
}

.service-item-eight::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -90px;
    top: -90px;
    border-radius: 50%;
    background: rgba(197, 242, 77, 0.18);
    filter: blur(20px);
    transition: all 0.6s ease;
    z-index: 1;
    pointer-events: none;
}

.service-item-eight:hover::after {
    width: 250px;
    height: 250px;
}

.service-item-eight .services-overlay {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: auto;
    min-height: 145px;
    padding: 28px 30px 25px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(7, 94, 84, 0.96), rgba(14, 126, 114, 0.94));
    border: 1px solid rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transform: translateY(calc(100% - 82px));
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), background 0.4s ease;
    z-index: 3;
}

.service-item-eight:hover .services-overlay {
    transform: translateY(0);
    background: linear-gradient(135deg, rgba(7, 94, 84, 0.98), rgba(0, 168, 150, 0.96));
}

.service-item-eight .services-overlay .icon {
    position: absolute;
    top: -30px;
    left: 28px;
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: #ffffff;
    color: #0e7e72;
    font-size: 25px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.18);
    transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 5;
}

.service-item-eight:hover .services-overlay .icon {
    transform: translateY(-5px) rotate(-5deg) scale(1.08);
    background: #c5f24d;
    color: #075e54;
    border-radius: 50%;
}

.service-item-eight .services-overlay .title {
    position: relative;
    padding-left: 0px;
    margin: 0px;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 700;
    z-index: 2;
    margin-top: 10px;
}

.service-item-eight .services-overlay .title a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.service-item-eight .services-overlay .title a:hover {
    color: #c5f24d;
}

.service-item-eight .services-overlay p {
    margin: 15px 0 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
    line-height: 1.7;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.45s ease 0.12s, transform 0.5s ease 0.12s;
}

.service-item-eight:hover .services-overlay p {
    opacity: 1;
    transform: translateY(0);
}

.service-item-eight .services-overlay::before {
    content: "";
    position: absolute;
    left: 30px;
    bottom: 18px;
    width: 0;
    height: 2px;
    transition: width 0.6s ease;
}

.service-item-eight:hover .services-overlay::before {
    width: 55px;
}

.service-item-eight .service-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.20), transparent);
    transform: skewX(-20deg);
    z-index: 2;
}

.service-item-eight:hover .service-img::before {
    left: 140%;
    transition: left 0.9s ease;
}

@media (max-width:1199px) {
    .service-item-eight .service-img {
        height: 320px;
    }

    .service-item-eight .services-overlay {
        left: 12px;
        right: 12px;
        bottom: 12px;
        padding: 25px 22px;
    }

    .service-item-eight .services-overlay .icon {
        left: 22px;
    }

    .service-item-eight .services-overlay .title {
        padding-left: 68px;
        font-size: 18px;
    }
}

@media (max-width:767px) {
    .service-item-eight {
        border-radius: 14px;
    }

    .service-item-eight .service-img {
        height: 300px;
    }

    .service-item-eight .services-overlay {
        min-height: 140px;
        transform: translateY(0);
        padding: 24px 20px 20px;
    }

    .service-item-eight .services-overlay p {
        opacity: 1;
        transform: translateY(0);
    }

    .service-item-eight .services-overlay .icon {
        width: 56px;
        height: 56px;
        font-size: 22px;
    }

    .service-item-eight .services-overlay .title {
        font-size: 17px;
    }
}

@media (prefers-reduced-motion:reduce) {
    .service-item-eight, .service-item-eight *, .service-item-eight::after, .service-item-eight::before {
        transition: none !important;
        animation: none !important;
    }

    .service-item-eight:hover {
        transform: none;
    }
}

.ag-tech-section {
    position: relative;
    padding: 110px 0;
    overflow: hidden;
    background: radial-gradient(circle at 50% 50%, rgba(38, 117, 65, 0.22), transparent 45%), radial-gradient(circle at 10% 50%, rgba(48, 130, 68, 0.10), transparent 35%), radial-gradient(circle at 90% 50%, rgba(48, 130, 68, 0.10), transparent 35%), #061d15;
}

.ag-tech-grid {
    position: absolute;
    inset: 0;
    opacity: 0.22;
    background-image: linear-gradient(rgba(72, 180, 70, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(72, 180, 70, 0.07) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse at center, black 0%, transparent 75%);
    pointer-events: none;
}

.ag-tech-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    pointer-events: none;
    animation: techGlowMove 8s ease-in-out infinite alternate;
}

.ag-tech-glow-1 {
    width: 350px;
    height: 350px;
    left: -150px;
    top: 20%;
    background: rgba(72, 180, 70, 0.13);
}

.ag-tech-glow-2 {
    width: 400px;
    height: 400px;
    right: -180px;
    bottom: 10%;
    background: rgba(197, 242, 77, 0.07);
    animation-delay: 2s;
}

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

    100% {
        transform: translate(40px, -25px) scale(1.15);
    }
}

.ag-tech-heading {
    position: relative;
    max-width: 800px;
    margin: 0 auto 60px;
    text-align: center;
    z-index: 2;
}

.ag-tech-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: #c5f24d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.ag-tech-pulse {
    position: relative;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #c5f24d;
    box-shadow: 0 0 10px #c5f24d;
}

.ag-tech-pulse::after {
    content: "";
    position: absolute;
    inset: -6px;
    border: 1px solid #c5f24d;
    border-radius: 50%;
    animation: techPulse 2s infinite;
}

@keyframes techPulse {
    0% {
        transform: scale(.6);
        opacity: 1;
    }

    100% {
        transform: scale(1.7);
        opacity: 0;
    }
}

.ag-tech-heading h2 {
    margin: 0;
    color: #ffffff;
    font-size: 44px;
    line-height: 1.2;
    font-weight: 700;
}

.ag-tech-heading h2 span {
    display: block;
    color: #48b446;
}

.ag-tech-heading p {
    max-width: 650px;
    margin: 18px auto 0;
    color: #91aaa1;
    font-size: 16px;
    line-height: 1.8;
}

.ag-tech-flow {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 20px 0 35px;
    z-index: 2;
}

.ag-tech-flow::before, .ag-tech-flow::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 180px;
    z-index: 3;
    pointer-events: none;
}

.ag-tech-flow::before {
    left: 0;
    background: linear-gradient(90deg, #061d15, transparent);
}

.ag-tech-flow::after {
    right: 0;
    background: linear-gradient(270deg, #061d15, transparent);
}

.ag-tech-track {
    display: flex;
    align-items: stretch;
    width: max-content;
    gap: 22px;
    animation: technologyFlow 35s linear infinite;
}

.ag-tech-flow:hover .ag-tech-track {
    animation-play-state: paused;
}

@keyframes technologyFlow {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 11px));
    }
}

.ag-tech-card {
    position: relative;
    width: 145px;
    min-width: 145px;
    height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(72, 180, 70, 0.18);
    border-radius: 18px;
    backdrop-filter: blur(12px);
    transition: transform .45s ease, border-color .45s ease, background .45s ease, box-shadow .45s ease;
    overflow: hidden;
}

.ag-tech-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 15%;
    width: 70%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #48b446, transparent);
    transform: scaleX(0);
    transition: transform .45s ease;
}

.ag-tech-card:hover::before {
    transform: scaleX(1);
}

.ag-tech-card:hover {
    transform: translateY(-12px) scale(1.04);
    background: linear-gradient(145deg, rgba(72, 180, 70, 0.15), rgba(255, 255, 255, 0.045));
    border-color: rgba(197, 242, 77, 0.50);
    box-shadow: 0 20px 45px rgba(0, 0, 0, .30), 0 0 25px rgba(72, 180, 70, .12);
}

.ag-tech-icon {
    position: relative;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: transform .45s ease, background .45s ease;
}

.ag-tech-card:hover .ag-tech-icon {
    background: rgba(197, 242, 77, 0.12);
    transform: rotate(-5deg) scale(1.08);
}

.ag-tech-icon img {
    width: 45px;
    height: 45px;
    object-fit: contain;
    transition: transform .45s ease, filter .45s ease;
}

.ag-tech-card:hover .ag-tech-icon img {
    transform: scale(1.12);
    filter: drop-shadow(0 0 10px rgba(197, 242, 77, .30));
}

.ag-tech-card span {
    color: #d8e9e2;
    font-size: 14px;
    font-weight: 600;
    transition: color .35s ease;
}

.ag-tech-card:hover span {
    color: #c5f24d;
}

.ag-tech-status {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 25px;
    color: #718d83;
    font-size: 13px;
    letter-spacing: .4px;
}

.ag-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #48b446;
    box-shadow: 0 0 12px rgba(72, 180, 70, .8);
    animation: statusBlink 1.8s ease-in-out infinite;
}

@keyframes statusBlink {
    0%, 100% {
        opacity: .35;
    }

    50% {
        opacity: 1;
    }
}

@media (max-width:991px) {
    .ag-tech-section {
        padding: 85px 0;
    }

    .ag-tech-heading h2 {
        font-size: 38px;
    }
}

@media (max-width:767px) {
    .ag-tech-section {
        padding: 70px 0;
    }

    .ag-tech-heading {
        margin-bottom: 40px;
    }

    .ag-tech-heading h2 {
        font-size: 32px;
    }

    .ag-tech-heading p {
        font-size: 14px;
    }

    .ag-tech-flow::before, .ag-tech-flow::after {
        width: 70px;
    }

    .ag-tech-card {
        width: 125px;
        min-width: 125px;
        height: 135px;
    }

    .ag-tech-icon {
        width: 58px;
        height: 58px;
    }

    .ag-tech-icon img {
        width: 38px;
        height: 38px;
    }
}

.app-dev-section {
    position: relative;
    overflow: hidden;
    padding: 110px 0;
    background: radial-gradient(circle at 15% 50%, rgba(38, 117, 65, 0.16), transparent 38%), radial-gradient(circle at 85% 50%, rgba(48, 130, 68, 0.12), transparent 38%), #061d15;
}

.app-dev-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(90px);
    animation: appGlowMove 8s ease-in-out infinite alternate;
}

.app-dev-glow-one {
    width: 450px;
    height: 450px;
    left: -220px;
    top: 5%;
    background: rgba(72, 180, 70, 0.12);
}

.app-dev-glow-two {
    width: 400px;
    height: 400px;
    right: -200px;
    bottom: 0;
    background: rgba(197, 242, 77, 0.07);
    animation-delay: 2s;
}

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

    100% {
        transform: translate(40px, -30px) scale(1.15);
    }
}

.app-dev-image {
    position: relative;
    padding: 18px;
    z-index: 2;
    perspective: 1000px;
    opacity: 0;
    animation: appImageEntrance 1.2s cubic-bezier(.22, 1, .36, 1) forwards;
}

@keyframes appImageEntrance {
    0% {
        opacity: 0;
        transform: translateX(-80px) scale(.92);
    }

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

.app-dev-image-ring {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    border-radius: 30px;
    border: 1px solid rgba(72, 180, 70, 0.35);
    transform: rotate(-5deg);
    animation: appRingFloat 6s ease-in-out infinite, appRingGlow 3s ease-in-out infinite alternate;
    z-index: -1;
}

.app-dev-image-ring::before, .app-dev-image-ring::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c5f24d;
    box-shadow: 0 0 15px rgba(197, 242, 77, 0.8), 0 0 30px rgba(72, 180, 70, 0.4);
}

.app-dev-image-ring::before {
    top: -6px;
    left: 25%;
}

.app-dev-image-ring::after {
    right: 20%;
    bottom: -6px;
}

@keyframes appRingFloat {
    0%, 100% {
        transform: rotate(-5deg) translateY(0);
    }

    50% {
        transform: rotate(-2deg) translateY(-10px);
    }
}

@keyframes appRingGlow {
    0% {
        opacity: .45;
    }

    100% {
        opacity: 1;
    }
}

.app-dev-image .img-one {
    position: relative;
    overflow: hidden;
    padding: 8px;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(72, 180, 70, 0.20), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(72, 180, 70, 0.30);
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.45);
    transition: transform .7s cubic-bezier(.22, 1, .36, 1), box-shadow .7s ease, border-color .5s ease;
}

.app-dev-image .img-one:hover {
    transform: translateY(-12px) rotateY(-3deg);
    border-color: rgba(197, 242, 77, 0.65);
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.55), 0 0 35px rgba(72, 180, 70, 0.15);
}

.app-dev-image .img-one img {
    display: block;
    width: 100%;
    height: 480px;
    object-fit: contain;
    padding: 20px;
    border-radius: 17px;
    background: rgba(6, 29, 21, 0.75);
    animation: appImageFloat 5s ease-in-out infinite;
    transition: transform 1s cubic-bezier(.22, 1, .36, 1), filter .6s ease;
}

@keyframes appImageFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

.app-dev-image .img-one:hover img {
    transform: scale(1.05);
    filter: brightness(1.08) drop-shadow(0 0 15px rgba(72, 180, 70, 0.25));
}

.app-dev-image .img-one::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(197, 242, 77, 0.16), transparent);
    transform: skewX(-20deg);
    pointer-events: none;
}

.app-dev-image .img-one:hover::after {
    animation: appImageSweep 1s ease forwards;
}

@keyframes appImageSweep {
    from {
        left: -120%;
    }

    to {
        left: 140%;
    }
}

.app-dev-floating-card {
    position: absolute;
    right: -20px;
    bottom: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    background: rgba(6, 29, 21, 0.90);
    border: 1px solid rgba(72, 180, 70, 0.30);
    border-radius: 12px;
    backdrop-filter: blur(14px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.40);
    animation: appFloatingCard 4s ease-in-out infinite;
    z-index: 5;
}

.app-dev-floating-card strong {
    display: block;
    color: #ffffff;
    font-size: 13px;
}

.app-dev-floating-card small {
    display: block;
    margin-top: 2px;
    color: #91aaa1;
    font-size: 11px;
}

@keyframes appFloatingCard {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.app-dev-status-dot {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    border-radius: 50%;
    background: #c5f24d;
    box-shadow: 0 0 12px rgba(197, 242, 77, 0.8);
    animation: appStatusPulse 1.8s ease-in-out infinite;
}

@keyframes appStatusPulse {
    0%, 100% {
        opacity: .4;
        transform: scale(.85);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

.app-dev-content {
    position: relative;
    padding: 42px 45px;
    margin-left: 20px;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(72, 180, 70, 0.18);
    border-radius: 20px;
    backdrop-filter: blur(15px);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    opacity: 0;
    animation: appContentEntrance 1.2s .25s cubic-bezier(.22, 1, .36, 1) forwards;
    transition: transform .5s ease, border-color .5s ease, box-shadow .5s ease;
}

@keyframes appContentEntrance {
    0% {
        opacity: 0;
        transform: translateX(80px);
    }

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

.app-dev-content:hover {
    transform: translateY(-6px);
    border-color: rgba(72, 180, 70, 0.42);
    box-shadow: 0 30px 75px rgba(0, 0, 0, 0.32), 0 0 30px rgba(72, 180, 70, 0.08);
}

.app-dev-content::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 0;
    width: 3px;
    background: linear-gradient(to bottom, #c5f24d, #48b446, transparent);
    border-radius: 0 5px 5px 0;
    transform-origin: top;
    animation: appLineGrow 1.5s .6s ease forwards;
    transform: scaleY(0);
}

@keyframes appLineGrow {
    to {
        transform: scaleY(1);
    }
}

.app-dev-content .title-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #c5f24d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.5;
    text-transform: uppercase;
}

.app-dev-content .title-tag::before {
    content: "";
    width: 28px;
    height: 2px;
    background: #c5f24d;
    border-radius: 5px;
    transition: width .4s ease;
}

.app-dev-content:hover .title-tag::before {
    width: 48px;
}

.app-dev-content .title {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 38px !important;
    font-weight: 700;
    line-height: 1.2;
}

.app-dev-content .title::after {
    content: "";
    display: block;
    width: 65px;
    height: 4px;
    margin-top: 20px;
    border-radius: 5px;
    background: linear-gradient(90deg, #c5f24d, #48b446);
    transition: width .5s ease;
}

.app-dev-content:hover .title::after {
    width: 110px;
}

.app-dev-content .text-color-2 {
    margin-bottom: 18px;
    color: #91aaa1 !important;
    font-size: 15px;
    line-height: 1.9;
    transition: color .4s ease, transform .4s ease;
}

.app-dev-content:hover .text-color-2 {
    color: #a8bbb4 !important;
}

.app-dev-tech-line {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 25px;
}

.app-dev-tech-line span {
    display: block;
    height: 4px;
    border-radius: 10px;
    background: #48b446;
    animation: appTechPulse 2s ease-in-out infinite;
}

.app-dev-tech-line span:nth-child(1) {
    width: 45px;
}

.app-dev-tech-line span:nth-child(2) {
    width: 25px;
    animation-delay: .25s;
}

.app-dev-tech-line span:nth-child(3) {
    width: 12px;
    background: #c5f24d;
    animation-delay: .5s;
}

@keyframes appTechPulse {
    0%, 100% {
        opacity: .35;
        transform: scaleX(.8);
    }

    50% {
        opacity: 1;
        transform: scaleX(1.15);
    }
}

@media (max-width:991px) {
    .app-dev-section {
        padding: 80px 0;
    }

    .app-dev-image {
        max-width: 650px;
        margin: 0 auto 55px;
    }

    .app-dev-content {
        margin-left: 0;
    }
}

@media (max-width:767px) {
    .app-dev-section {
        padding: 65px 0;
    }

    .app-dev-image .img-one img {
        height: 380px;
    }

    .app-dev-content {
        padding: 32px 25px;
    }

    .app-dev-content .title {
        font-size: 32px !important;
    }

    .app-dev-floating-card {
        right: 5px;
        bottom: 25px;
    }
}

@media (max-width:480px) {
    .app-dev-image .img-one img {
        height: 300px;
    }

    .app-dev-content {
        padding: 28px 20px;
    }

    .app-dev-content .title {
        font-size: 29px !important;
    }

    .app-dev-floating-card {
        position: relative;
        right: auto;
        bottom: auto;
        margin: -30px 15px 0;
        width: calc(100% - 30px);
    }
}

.app-dev-flow-line {
    position: absolute;
    left: 41.5%;
    top: 50%;
    width: 80px;
    height: 2px;
    transform: translateY(-50%);
    background: linear-gradient(90deg, rgba(72, 180, 70, 0.15), #48b446, #c5f24d, rgba(72, 180, 70, 0.15));
    z-index: 10;
    box-shadow: 0 0 10px rgba(72, 180, 70, 0.35);
    animation: flowLinePulse 2.5s ease-in-out infinite;
}

.app-dev-flow-line::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -10px;
    width: 25px;
    height: 6px;
    border-radius: 50%;
    background: #c5f24d;
    filter: blur(2px);
    box-shadow: 0 0 12px #c5f24d, 0 0 25px rgba(72, 180, 70, 0.8);
    animation: flowEnergy 2s linear infinite;
}

.app-dev-flow-line::after {
    content: "";
    position: absolute;
    right: -2px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-top: 2px solid #c5f24d;
    border-right: 2px solid #c5f24d;
    transform: translateY(-50%) rotate(45deg);
    filter: drop-shadow(0 0 5px #c5f24d);
}

.flow-dot {
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #48b446;
    transform: translateY(-50%);
    box-shadow: 0 0 10px rgba(72, 180, 70, 0.8);
    animation: flowDotPulse 2s ease-in-out infinite;
}

.flow-dot:nth-child(1) {
    left: 20%;
}

.flow-dot:nth-child(2) {
    left: 50%;
    animation-delay: .35s;
}

.flow-dot:nth-child(3) {
    left: 80%;
    animation-delay: .7s;
}

@keyframes flowEnergy {
    0% {
        left: -15px;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        left: calc(100% - 10px);
        opacity: 0;
    }
}

@keyframes flowLinePulse {
    0%, 100% {
        opacity: .55;
    }

    50% {
        opacity: 1;
    }
}

@keyframes flowDotPulse {
    0%, 100% {
        transform: translateY(-50%) scale(.7);
        opacity: .35;
    }

    50% {
        transform: translateY(-50%) scale(1.4);
        opacity: 1;
    }
}

@media (max-width:991px) {
    .app-dev-flow-line {
        position: relative;
        left: auto;
        top: auto;
        width: 2px;
        height: 55px;
        margin: -25px auto 30px;
        transform: none;
        background: linear-gradient(to bottom, rgba(72, 180, 70, 0.1), #48b446, #c5f24d, rgba(72, 180, 70, 0.1));
    }

    .app-dev-flow-line::before {
        width: 6px;
        height: 18px;
        top: -15px;
        left: -2px;
        animation: flowEnergyVertical 2s linear infinite;
    }

    .app-dev-flow-line::after {
        right: auto;
        top: auto;
        left: 50%;
        bottom: -2px;
        transform: translateX(-50%) rotate(135deg);
    }

    .flow-dot {
        left: 50% !important;
    }

    .flow-dot:nth-child(1) {
        top: 20%;
    }

    .flow-dot:nth-child(2) {
        top: 50%;
    }

    .flow-dot:nth-child(3) {
        top: 80%;
    }

    @keyframes flowEnergyVertical {
        0% {
            top: -15px;
            opacity: 0;
        }

        15% {
            opacity: 1;
        }

        85% {
            opacity: 1;
        }

        100% {
            top: calc(100% - 10px);
            opacity: 0;
        }
    }
}

@media (prefers-reduced-motion:reduce) {
    .app-dev-section *, .app-dev-section {
        animation: none !important;
        transition: none !important;
    }
}

.hiring-flow-section {
    position: relative;
    padding: 110px 0 130px;
    overflow: hidden;
    background: radial-gradient(circle at 50% 45%, rgba(72, 180, 70, 0.16), transparent 30%), radial-gradient(circle at 10% 50%, rgba(72, 180, 70, 0.08), transparent 30%), radial-gradient(circle at 90% 50%, rgba(72, 180, 70, 0.08), transparent 30%);
}

.hiring-flow-header {
    max-width: 760px;
    margin: 0 auto 70px;
    text-align: center;
    position: relative;
    z-index: 5;
}

.hiring-flow-tag {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #c5f24d;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.hiring-flow-tag::before, .hiring-flow-tag::after {
    content: "";
    width: 25px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #48b446);
}

.hiring-flow-tag::after {
    background: linear-gradient(90deg, #48b446, transparent);
}

.hiring-flow-title {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 48px;
    line-height: 1.15;
    font-weight: 700;
}

.hiring-flow-intro {
    max-width: 680px;
    margin: auto;
    color: #91aaa1;
    font-size: 16px;
    line-height: 1.8;
}

.hiring-flow {
    position: relative;
    width: 1200px;
    max-width: 100%;
    height: 840px;
    margin: 0 auto;
}

.hiring-connectors {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1;
    pointer-events: none;
}

.flow-path {
    fill: none;
    stroke: rgba(72, 180, 70, 0.35);
    stroke-width: 2;
    stroke-dasharray: 8 8;
    filter: drop-shadow(0 0 5px rgba(72, 180, 70, 0.35));
    animation: flowPathMove 3s linear infinite;
}

@keyframes flowPathMove {
    to {
        stroke-dashoffset: -80;
    }
}

.flow-particle {
    fill: #c5f24d;
    filter: drop-shadow(0 0 6px #c5f24d) drop-shadow(0 0 14px #48b446);
}

.p1 {
    offset-path: path("M170 145 C300 145,350 245,470 310");
    animation: particleMove1 3s linear infinite;
}

.p2 {
    offset-path: path("M600 145 C600 210,600 245,600 285");
    animation: particleMove2 3s linear infinite 0.4s;
}

.p3 {
    offset-path: path("M1030 145 C900 145,850 245,730 310");
    animation: particleMove3 3s linear infinite 0.8s;
}

.p4 {
    offset-path: path("M170 610 C300 610,350 510,470 445");
    animation: particleMove4 3s linear infinite 1.2s;
}

.p5 {
    offset-path: path("M600 610 C600 550,600 515,600 475");
    animation: particleMove5 3s linear infinite 1.6s;
}

.p6 {
    offset-path: path("M1030 610 C900 610,850 510,730 445");
    animation: particleMove6 3s linear infinite 2s;
}

@keyframes particleMove1 {
    0% {
        offset-distance: 0%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        offset-distance: 100%;
        opacity: 0;
    }
}

@keyframes particleMove2 {
    0% {
        offset-distance: 0%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        offset-distance: 100%;
        opacity: 0;
    }
}

@keyframes particleMove3 {
    0% {
        offset-distance: 0%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        offset-distance: 100%;
        opacity: 0;
    }
}

@keyframes particleMove4 {
    0% {
        offset-distance: 0%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        offset-distance: 100%;
        opacity: 0;
    }
}

@keyframes particleMove5 {
    0% {
        offset-distance: 0%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        offset-distance: 100%;
        opacity: 0;
    }
}

@keyframes particleMove6 {
    0% {
        offset-distance: 0%;
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    85% {
        opacity: 1;
    }

    100% {
        offset-distance: 100%;
        opacity: 0;
    }
}

.hiring-step {
    position: absolute;
    width: 285px;
    min-height: 145px;
    padding: 20px 22px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(18, 65, 43, 0.90), rgba(5, 30, 21, 0.88));
    border: 1px solid rgba(72, 180, 70, 0.25);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.28), inset 0 1px rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(15px);
    z-index: 5;
    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

.hiring-step-1 {
    top: 45px;
    left: 15px;
}

.hiring-step-2 {
    top: 45px;
    left: 458px;
}

.hiring-step-3 {
    top: 45px;
    right: 15px;
}

.hiring-step-4 {
    bottom: 45px;
    left: 15px;
}

.hiring-step-5 {
    bottom: 45px;
    left: 458px;
}

.hiring-step-6 {
    bottom: 45px;
    right: 15px;
}

.step-number {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #061d15;
    background: linear-gradient(135deg, #c5f24d, #48b446);
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 0 0 5px rgba(72, 180, 70, 0.08), 0 0 20px rgba(72, 180, 70, 0.35);
    position: relative;
}

.step-number::after {
    content: "";
    position: absolute;
    inset: -7px;
    border: 1px solid rgba(197, 242, 77, 0.25);
    border-radius: 50%;
    animation: stepPulse 2.2s ease-in-out infinite;
}

@keyframes stepPulse {
    0%, 100% {
        transform: scale(0.95);
        opacity: 0.3;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}

.step-content h3 {
    margin: 2px 0 7px;
    color: #ffffff;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
}

.step-content p {
    margin: 0;
    color: #91aaa1;
    font-size: 13px;
    line-height: 1.65;
}

.hiring-step:hover {
    transform: translateY(-8px);
    border-color: rgba(197, 242, 77, 0.65);
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.35), 0 0 35px rgba(72, 180, 70, 0.12);
}

.hiring-step:hover .step-number {
    box-shadow: 0 0 0 7px rgba(72, 180, 70, 0.08), 0 0 30px rgba(197, 242, 77, 0.5);
}

.hiring-flow-center {
    position: absolute;
    width: 390px;
    height: 390px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
}

.hiring-image-glow {
    position: absolute;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(72, 180, 70, 0.28), rgba(72, 180, 70, 0.08) 45%, transparent 70%);
    filter: blur(15px);
    animation: imageGlow 4s ease-in-out infinite;
}

@keyframes imageGlow {
    0%, 100% {
        transform: scale(0.95);
        opacity: 0.7;
    }

    50% {
        transform: scale(1.08);
        opacity: 1;
    }
}

.hiring-image-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid rgba(72, 180, 70, 0.25);
    pointer-events: none;
}

.ring-one {
    width: 400px;
    height: 400px;
    border-top-color: #c5f24d;
    border-bottom-color: transparent;
    animation: rotateRing 12s linear infinite;
}

.ring-two {
    width: 450px;
    height: 450px;
    border-right-color: rgba(72, 180, 70, 0.7);
    border-left-color: transparent;
    animation: rotateRingReverse 16s linear infinite;
}

@keyframes rotateRing {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes rotateRingReverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.hiring-image-card {
    position: relative;
    width: 100%;
    height: 320px;
    padding: 12px;
    border-radius: 28px;
    background: linear-gradient(145deg, rgba(24, 74, 48, 0.95), rgba(4, 27, 19, 0.96));
    border: 1px solid rgba(197, 242, 77, 0.35);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5), 0 0 50px rgba(72, 180, 70, 0.18);
    overflow: hidden;
    animation: imageFloat 5s ease-in-out infinite;
}

@keyframes imageFloat {
    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.hiring-image-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    border-radius: 20px;
    background: rgba(4, 27, 19, 0.6);
}

.image-scan-line {
    position: absolute;
    left: 0;
    right: 0;
    top: -20%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #c5f24d, #48b446, transparent);
    box-shadow: 0 0 12px #c5f24d, 0 0 30px rgba(72, 180, 70, 0.7);
    z-index: 5;
    animation: scanImage 4s linear infinite;
}

@keyframes scanImage {
    0% {
        top: -10%;
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        top: 110%;
        opacity: 0;
    }
}

.image-status {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 13px;
    border-radius: 50px;
    background: rgba(5, 29, 21, 0.88);
    border: 1px solid rgba(72, 180, 70, 0.3);
    color: #ffffff;
    font-size: 11px;
    white-space: nowrap;
    backdrop-filter: blur(10px);
}

.image-status span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c5f24d;
    box-shadow: 0 0 8px #c5f24d;
    animation: statusPulse 1.5s infinite;
}

@keyframes statusPulse {
    0%, 100% {
        opacity: 0.4;
        transform: scale(0.8);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

@media (max-width:1199px) {
    .hiring-flow {
        transform: scale(0.9);
        transform-origin: top center;
        width: 1200px;
        margin-bottom: -75px;
    }
}

@media (max-width:991px) {
    .hiring-flow-section {
        padding: 80px 0;
    }

    .hiring-flow-title {
        font-size: 38px;
    }

    .hiring-flow {
        width: 100%;
        height: auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        transform: none;
        margin-bottom: 0;
    }

    .hiring-connectors {
        display: none;
    }

    .hiring-flow-center {
        position: relative;
        width: 100%;
        height: 420px;
        left: auto;
        top: auto;
        transform: none;
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .hiring-step {
        position: relative;
        inset: auto;
        width: 100%;
    }

    .hiring-step-1 {
        grid-column: 1;
        grid-row: 1;
    }

    .hiring-step-2 {
        grid-column: 2;
        grid-row: 1;
    }

    .hiring-step-3 {
        grid-column: 1;
        grid-row: 3;
    }

    .hiring-step-4 {
        grid-column: 2;
        grid-row: 3;
    }

    .hiring-step-5 {
        grid-column: 1;
        grid-row: 4;
    }

    .hiring-step-6 {
        grid-column: 2;
        grid-row: 4;
    }

    .ring-one {
        width: 350px;
        height: 350px;
    }

    .ring-two {
        width: 390px;
        height: 390px;
    }
}

@media (max-width:575px) {
    .hiring-flow-section {
        padding: 65px 15px;
    }

    .hiring-flow-header {
        margin-bottom: 45px;
    }

    .hiring-flow-title {
        font-size: 32px;
    }

    .hiring-flow-intro {
        font-size: 14px;
    }

    .hiring-flow {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .hiring-flow-center {
        order: -1;
        height: 320px;
        margin-bottom: 15px;
    }

    .hiring-image-card {
        width: 260px;
        height: 260px;
    }

    .hiring-image-glow {
        width: 280px;
        height: 280px;
    }

    .ring-one {
        width: 290px;
        height: 290px;
    }

    .ring-two {
        width: 315px;
        height: 315px;
    }

    .hiring-step {
        min-height: auto;
        padding: 18px;
    }

    .step-number {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .step-content h3 {
        font-size: 16px;
    }

    .step-content p {
        font-size: 13px;
    }
}


/* =========================
   AI PRELOADER
========================= */

#preloader {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    /* Dark green background */
    background: #031c14 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
}

.ai-loader {
    position: relative;
    width: 280px;
    height: 4px;
}

/* =========================
   MAIN AI FLOW LINE
========================= */

.ai-loader-line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    transform: translateY(-50%);
    /* Normal light green line */
    background: #bfff35;
    border-radius: 10px;
    overflow: hidden;
}

/* Moving light on the line */
.ai-loader-line::after {
    content: "";
    position: absolute;
    top: 0;
    left: -30%;
    width: 30%;
    height: 100%;
    background: #bfff35;
    animation: aiLineFlow 1.8s ease-in-out infinite;
}

/* =========================
   AI MOVING DOT
========================= */

.ai-loader-dot {
    position: absolute;
    top: 50%;
    left: 0;
    width: 9px;
    height: 9px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #bfff35;
    box-shadow:
        0 0 5px #bfff35,
        0 0 12px #bfff35,
        0 0 25px rgba(144, 255, 190, 0.8);
    animation: aiFlow 1.8s ease-in-out infinite;
}

/* =========================
   DOT FLOW
========================= */

@keyframes aiFlow {
    0% {
        left: 0%;
        opacity: 0.4;
    }

    10% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 0.4;
    }
}

/* =========================
   LINE FLOW
========================= */

@keyframes aiLineFlow {

    0% {
        left: -30%;
    }

    100% {
        left: 100%;
    }
}

/* =========================
   BACK TO TOP
========================= */

.back-to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: none;
    z-index: 999999;
}

/* Button */
.back-to-top a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    color: #90ffbe;
    background: #031c14;
    border: 1px solid rgba(144, 255, 190, 0.6);
    border-radius: 50%;
    font-size: 19px;
    text-decoration: none;
    overflow: hidden;
    box-shadow:
        0 0 8px rgba(144, 255, 190, 0.25),
        0 0 20px rgba(144, 255, 190, 0.08);
    transition: all 0.3s ease;
}

/* Glowing background sweep */
.back-to-top a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #90ffbe;
    border-radius: 50%;
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s ease;
}

/* Arrow */
.back-to-top i {
    position: relative;
    z-index: 2;
    animation: arrowUp 1.5s ease-in-out infinite;
}

/* Hover */
.back-to-top a:hover {
    color: #031c14;
    border-color: #90ffbe;
    box-shadow:
        0 0 10px #90ffbe,
        0 0 25px rgba(144, 255, 190, 0.5),
        0 0 45px rgba(144, 255, 190, 0.2);
    transform: translateY(-4px);
}

.back-to-top a:hover::before {
    transform: scale(1);
    opacity: 1;
}

/* =========================
   ARROW ANIMATION
========================= */

@keyframes arrowUp {

    0% {
        transform: translateY(3px);
        opacity: 0.6;
    }

    50% {
        transform: translateY(-4px);
        opacity: 1;
    }

    100% {
        transform: translateY(3px);
        opacity: 0.6;
    }
}