/* _content/portal_boorplatform/Pages/Index.razor.rz.scp.css */
/* Modern Hero Section */
.hero-container[b-mkiflt9em2] {
    position: relative;
    overflow: hidden;
}

.hero-section[b-mkiflt9em2] {
    background: linear-gradient(135deg, #f6f9fc 0%, #eaf0f9 100%);
    min-height: 80vh;
    display: flex;
    align-items: center;
    position: relative;
}

.hero-image-container[b-mkiflt9em2] {
    position: relative;
    perspective: 1000px;
}

.hero-image[b-mkiflt9em2] {
    width: 100%;
    max-width: 350px;
    border-radius: 24px;
    transform: rotateY(-10deg) rotateX(5deg);
    transition: transform 0.5s ease;
}

    .hero-image:hover[b-mkiflt9em2] {
        transform: rotateY(0deg) rotateX(0deg);
    }

.text-gradient[b-mkiflt9em2] {
    background: linear-gradient(90deg, #041433, #69F0AE);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Feature Tag */
.feature-tag[b-mkiflt9em2] {
    position: absolute;
    padding: 8px 16px;
    background-color: #69F0AE;
    border-radius: 16px;
    color: #041433;
    font-weight: 500;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 12px rgba(105, 240, 174, 0.3);
}

/* Feature Cards */
.feature-card[b-mkiflt9em2] {
    border-radius: 16px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .feature-card:hover[b-mkiflt9em2] {
        transform: translateY(-5px);
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    }

/* Pricing Cards */
.pricing-card[b-mkiflt9em2] {
    border-radius: 16px;
    transition: transform 0.3s ease;
    position: relative;
}

    .pricing-card:hover[b-mkiflt9em2] {
        transform: translateY(-8px);
    }

.border-secondary[b-mkiflt9em2] {
    border: 2px solid #69F0AE;
}

/* Store Badges */
.store-badge[b-mkiflt9em2] {
    transition: transform 0.3s ease;
    border-radius: 8px;
}

    .store-badge:hover[b-mkiflt9em2] {
        transform: scale(1.05);
    }

/* Animation classes for AOS */
[data-aos][b-mkiflt9em2] {
    opacity: 0;
    transition-property: opacity, transform;
}

    [data-aos].aos-animate[b-mkiflt9em2] {
        opacity: 1;
    }
/* _content/portal_boorplatform/Pages/Login.razor.rz.scp.css */
body[b-2o9p91addf], html[b-2o9p91addf] {
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f0f0f0;
}

.container[b-2o9p91addf] {
    text-align: center;
}

.construction-worker[b-2o9p91addf] {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}

.hat[b-2o9p91addf] {
    width: 50px;
    height: 20px;
    background-color: orange;
    border-radius: 50% 50% 0 0;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    animation: bob-b-2o9p91addf 1s infinite;
}

.body[b-2o9p91addf] {
    width: 40px;
    height: 60px;
    background-color: #555;
    position: relative;
    margin: 20px auto 0;
    border-radius: 10px;
}

.shovel[b-2o9p91addf] {
    width: 10px;
    height: 50px;
    background-color: #888;
    position: absolute;
    top: 30px;
    left: 80%;
    transform: rotate(45deg);
    transform-origin: bottom;
    animation: dig-b-2o9p91addf 1s infinite ease-in-out;
}

.message h1[b-2o9p91addf] {
    font-size: 24px;
    color: #333;
    margin: 0;
    animation: fadeIn-b-2o9p91addf 2s ease-in-out infinite alternate;
}

.message p[b-2o9p91addf] {
    font-size: 18px;
    color: #555;
    margin: 10px 0 0;
    animation: fadeIn-b-2o9p91addf 2s ease-in-out infinite alternate;
    animation-delay: 1s;
}

@keyframes bob-b-2o9p91addf {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }

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

@keyframes dig-b-2o9p91addf {
    0%, 100% {
        transform: rotate(45deg);
    }

    50% {
        transform: rotate(35deg);
    }
}

@keyframes fadeIn-b-2o9p91addf {
    0% {
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}
/* _content/portal_boorplatform/Pages/Register.razor.rz.scp.css */
.timeline[b-k1slm4ujn1] {
    display: flex;
    flex-flow:wrap;
    justify-content: space-around;
    align-items: center;
    margin: 20px 0;
}

.timeline-item[b-k1slm4ujn1] {
    text-align: center;
    position: relative;
    padding: 10px;
    flex: 1;
}

    .timeline-item .icon[b-k1slm4ujn1] {
        font-size: 24px;
        margin-bottom: 5px;
    }

.timeline-line[b-k1slm4ujn1] {
    height: 3px;
    background-color: #ddd;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0;
}


.timeline-item:not(:last-child)[b-k1slm4ujn1]::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #ddd;
    z-index: -1;
}
/* _content/portal_boorplatform/Pages/UserPages/Dashboard.razor.rz.scp.css */
.rotate[b-94h3tc7w0f] {
    animation: spin-b-94h3tc7w0f 4s linear infinite; /* Adjust '2s' to the desired duration */
}

@keyframes spin-b-94h3tc7w0f {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.flip-vertical[b-94h3tc7w0f] {
    animation: vertical-flip-b-94h3tc7w0f 0.5s forwards linear;
}

@keyframes vertical-flip-b-94h3tc7w0f {
    0%, 100% {
        transform: scaleY(1);
    }

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

/* _content/portal_boorplatform/Shared/MainLayout.razor.rz.scp.css */
/* Adjusts the .page class to use flexbox for layout */
.page[b-h5mpxaiuy6] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

    /* Allows the main content to grow and take up available space */
    .page main[b-h5mpxaiuy6] {
        flex-grow: 1;
    }