.alert.error span,.alert.success span,html{font-size:14px}.otp-input,footer{text-align:center}html{position:relative;min-height:100%}@media (min-width:768px){html{font-size:16px}}.btn-link.nav-link:focus,.btn:active:focus,.btn:focus,.form-check-input:focus,.form-control:focus{box-shadow:0 0 0 .1rem #fff,0 0 0 .25rem #258cfb}body{margin-bottom:60px;font-family:Arial,sans-serif}.checked{color:orange}#sidebar{background-color:#f8f9fa;border-right:1px solid #ddd;position:sticky;position:sticky;top:0;height:100%}#sidebar .nav-link{color:#495057;padding:10px 15px;font-size:16px;font-weight:500;text-align:left;border-radius:4px}#sidebar .nav-link.active,#sidebar .nav-link:hover{background-color:#007bff;color:#fff}footer{margin-top:auto}.table-container{max-height:calc(100vh - 200px);overflow-y:auto;margin-bottom:80px}.dropdown-menu1{z-index:1050;max-height:200px;overflow-y:auto}.isDisabled{color:currentColor;cursor:not-allowed;opacity:.5;text-decoration:none;pointer-events:none}.circle-icon{width:30px;height:30px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;font-size:16px;margin-right:10px}.circle-icon.success{background-color:#fff;color:#4caf50}.circle-icon.error{background-color:#dc3545;color:#fff}.alert span{flex-grow:1}.otp-input{width:3rem;font-size:1.25rem;padding:.375rem .75rem;box-sizing:border-box}.otp-input:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.otp-input.is-invalid{border-color:#dc3545}.clear-btn:hover{background-color:#c82333!important}.dropzone{min-height:200px;border:2px dashed #ced4da;border-radius:.375rem;padding:1rem;background:#f8f9fa}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #ced4da;border-radius:.375rem;height:2.5rem;padding:.375rem .75rem;display:flex;align-items:center;font-size:1rem;transition:border-color .2s,box-shadow .2s}.select2-container--default .select2-selection__placeholder{color:#6c757d}.select2-container{width:100%!important}form input,form select,form textarea{color:#000!important}.view-modal{display:block;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4);z-index:1060!important;box-shadow:2px 2px 4px 1px #524d4d!important}.modal-dialog{top:15%}.modal-header{padding:16px}.modal-footer,.modal-header{height:50px}.modal-footer{padding-right:8px}.modal-body,.modal-footer{background-color:#f0f0f0}.modal-body-container{height:100%!important}.expand{opacity:.5}.expand:hover{opacity:1}.modal-fullscreen{width:99vw}::ng-deep .modal-fullscreen{width:99vw}.view-modal tbody tr td{padding:0}
/* Parallax background container */
.bg-scroll-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    overflow: hidden;
}

.bg-scroll-image {
    position: absolute;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    opacity: 0;
    transition: opacity 1.5s;
    animation: bgScrollFade 24s infinite;
}

    .bg-scroll-image.img1 {
        animation-delay: 0s;
    }

    .bg-scroll-image.img2 {
        animation-delay: 8s;
    }

    .bg-scroll-image.img3 {
        animation-delay: 16s;
    }

@keyframes bgScrollFade {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    33% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

/* Overlay for readability */
.main-content-overlay {
    background: rgba(255,255,255,0.85);
    min-height: 100vh;
}
/* Common Parallax Section Style */
.parallax-section {
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    height: 125vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}

/* Different parallax backgrounds */
.parallax-service-request {
    background-image: url('/assets/images/ezist/servicerequest.png');
}

.parallax-account-create {
    background-image: url('/assets/images/ezist/servicerequest.png');
}

.parallax-ezist-connect {
    background-image: url('/assets/images/ezist/EzistConnect.png');
}

/* Overlay for readability */
.overlay {
    background: rgba(0, 0, 0, 0.5);
    padding: 50px;
    border-radius: 12px;
}
.step-carousel {
    display: inline-block;
    height: 1.5em; /* match line height */
    overflow: hidden;
    vertical-align: bottom;
    margin-left: 8px;
    color: #4f46e5; /* Indigo */
}

    .step-carousel span {
        display: block;
        animation: slideSteps 15s infinite;
    }

@keyframes slideSteps {
    0%, 16% {
        transform: translateY(0);
    }

    20%, 36% {
        transform: translateY(-1.5em);
    }

    40%, 56% {
        transform: translateY(-3em);
    }

    60%, 76% {
        transform: translateY(-4.5em);
    }

    80%, 96% {
        transform: translateY(-6em);
    }

    100% {
        transform: translateY(0);
    }
}
/* Parallax Hero Images */
.hero-bg {
    background-image: url('assets/images/ezist/lawnmowing.png');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.hero-overlay {
    background: rgba(0, 0, 0, 0.5);
}