/* Chevron cascade: four bold chevrons that light up and slide forward in turn. Mobile optimised. */
.loader_box .loader75 {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 90px;
    padding: 0 14px;
}

.loader_box .loader75 span {
    display: block;
    width: 34px;
    height: 34px;
    border-right: 10px solid #036C91;
    border-bottom: 10px solid #036C91;
    border-radius: 6px;
    opacity: 0.3;
    transform: translateX(-10px) rotate(-45deg);
    animation: loader75-step 1.6s ease-in-out infinite;
}

.loader_box .loader75 span:nth-child(1) { border-color: #036C91; animation-delay: 0s; }
.loader_box .loader75 span:nth-child(2) { border-color: #49ABCB; animation-delay: 0.18s; }
.loader_box .loader75 span:nth-child(3) { border-color: #41AD49; animation-delay: 0.36s; }
.loader_box .loader75 span:nth-child(4) { border-color: #A5CE3A; animation-delay: 0.54s; }

@keyframes loader75-step {
    0%, 100% { opacity: 0.25; transform: translateX(-10px) rotate(-45deg); }
    40% { opacity: 1; transform: translateX(8px) rotate(-45deg); }
    70% { opacity: 0.25; transform: translateX(-10px) rotate(-45deg); }
}

@media (prefers-reduced-motion: reduce) {
    .loader_box .loader75 span {
        animation: none;
        opacity: 1;
        transform: rotate(-45deg);
    }
}