/* /Layout/Footer.razor.rz.scp.css */
.large-footer-container[b-j1jf0uk3pk] {
    width: 100%;
    max-width: 1240px;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
    background: linear-gradient(210.55deg, #EBF2F9 19.14%, #C6D7EB 154.68%);
    box-shadow: -16px -16px 40px rgba(255, 255, 255, 0.8), 16px 4px 64px rgba(18, 61, 101, 0.3), inset -8px -6px 80px rgba(255, 255, 255, 0.18);
    border-radius: 30px;
    margin: 150px auto;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.align-right[b-j1jf0uk3pk] {
    align-items: self-end;
}

.row[b-j1jf0uk3pk] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.column[b-j1jf0uk3pk] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.double-column[b-j1jf0uk3pk] {
    display: flex;
    flex-direction: column;
    flex-flow: wrap;
    flex: 2;
    justify-content: flex-end;
    gap: 10px;
}

.full-column[b-j1jf0uk3pk] {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 3;
}

.footer-title[b-j1jf0uk3pk] {
    width: auto;
    min-width: 177px;
    font-style: normal;
    letter-spacing: 0.02em;
    color: #2C2C2C;
    vertical-align: middle;
    line-height: 85%;
    font-size: xx-large;
    display: flex;
    align-items: center;
    margin: 30px 0px;
}

.title-text-small[b-j1jf0uk3pk] {
    font-family: 'gilroy-regular';
    font-weight: 400;
}

.link-icon-box[b-j1jf0uk3pk] {
    width: 50px;
    height: 50px;
    background: #F6FBFF;
    box-shadow: 4.16667px 1.66667px 13.3333px rgba(136, 165, 191, 0.78), inset 0px -0.833333px 0.833333px rgba(85, 102, 123, 0.4);
    border-radius: 8.33333px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .link-icon-box svg[b-j1jf0uk3pk] {
        width: 24px;
        height: 24px;
    }

.nav-links[b-j1jf0uk3pk] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
    gap: 18px;
    position: static;
    transform: none;
}

/* Navigation Links */
.nav-link-AU[b-j1jf0uk3pk],
.nav-link-Services[b-j1jf0uk3pk],
.nav-link-Blog[b-j1jf0uk3pk],
.nav-link-CU[b-j1jf0uk3pk], 
.nav-link-Privecy[b-j1jf0uk3pk],
.nav-link-Terms[b-j1jf0uk3pk] {
    font-family: 'gilroy-medium', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: medium;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    text-decoration: none;
    color: #2C2C2C;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
    padding-bottom: 4px;
    transition: color 0.3s ease, transform 0.3s ease;
}

    /* Hover effect */
    .nav-link-AU:hover[b-j1jf0uk3pk],
    .nav-link-Services:hover[b-j1jf0uk3pk],
    .nav-link-Blog:hover[b-j1jf0uk3pk],
    .nav-link-CU:hover[b-j1jf0uk3pk],
    .nav-link-Privecy:hover[b-j1jf0uk3pk],
    .nav-link-Terms:hover[b-j1jf0uk3pk] {
        color: #309EFC;
        transform: translateY(-2px);
    }

    /* Underline animation */
    .nav-link-AU[b-j1jf0uk3pk]::after,
    .nav-link-Services[b-j1jf0uk3pk]::after,
    .nav-link-Blog[b-j1jf0uk3pk]::after,
    .nav-link-CU[b-j1jf0uk3pk]::after,
    .nav-link-Privecy[b-j1jf0uk3pk]::after,
    .nav-link-Terms[b-j1jf0uk3pk]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, #0ED2E7, #309EFC);
        transition: width 0.3s ease;
    }

    .nav-link-AU:hover[b-j1jf0uk3pk]::after,
    .nav-link-Services:hover[b-j1jf0uk3pk]::after,
    .nav-link-Blog:hover[b-j1jf0uk3pk]::after,
    .nav-link-CU:hover[b-j1jf0uk3pk]::after,
    .nav-link-Privecy:hover[b-j1jf0uk3pk]::after,
    .nav-link-Terms:hover[b-j1jf0uk3pk]::after {
        width: 100%;
    }
/* /Layout/MainLayout.razor.rz.scp.css */
/* BG */
/* Container to hold all background elements without affecting layout */
.bg-container[b-v8q5m4zhkd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}

/* Noise & Texture */
.noise-texture[b-v8q5m4zhkd] {
    position: fixed;
    width: 100%;
    max-width: 500px;
    height: 500px;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    background: url(.png);
    opacity: 0.5;
    pointer-events: none;
}

/* Ellipse 843 */
.ellipse-pink-top-center[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
    top: 315px;
    background: rgba(240, 216, 251);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 844 */
.ellipse-blue-top-left[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: -50px;
    top: 6px;
    background: rgba(48, 158, 252, 0.3);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 846 */
.ellipse-pink-top-mid-left[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px - 150px);
    top: 1437px;
    background: rgba(240, 216, 251);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 848 */
.ellipse-pink-midtop-left[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px - 150px);
    top: 3027px;
    background: rgba(240, 216, 251);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 850 */
.ellipse-pink-mid-left[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px - 150px);
    top: 4769px;
    background: rgba(240, 216, 251);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 852 */
.ellipse-pink-mid-center[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
    top: 6175px;
    background: rgba(240, 216, 251);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 853 */
.ellipse-pink-btm-right[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px + 150px);
    top: 7925px;
    background: rgba(240, 216, 251);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 847 */
.ellipse-blue-midtop-right[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px + 150px);
    top: 2184px;
    background: rgba(48, 158, 252, 0.2);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 849 */
.ellipse-blue-mid-right[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px + 150px);
    top: 3774px;
    background: rgba(48, 158, 252, 0.2);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 854 */
.ellipse-blue-btm-left[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px - 150px);
    top: 7418px;
    background: rgba(48, 158, 252, 0.2);
    filter: blur(95px);
    pointer-events: none;
}

/* Ellipse 845 */
.ellipse-blue-top-right[b-v8q5m4zhkd] {
    position: fixed;
    width: 200px;
    height: 200px;
    right: -50px;
    top: 6px;
    background: rgba(48, 158, 252, 0.2);
    filter: blur(95px);
    pointer-events: none;
}

/* Scroll to Top Button - Always visible in bottom-right */
.scroll-to-top[b-v8q5m4zhkd] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    background: linear-gradient(210.55deg, #EBF2F9 19.14%, #C6D7EB 154.68%);
    box-shadow: -8px -8px 20px rgba(255, 255, 255, 0.8), 8px 8px 32px rgba(18, 61, 101, 0.3), inset -4px -4px 40px rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    z-index: 9999;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
    box-sizing: border-box;
}

    .scroll-to-top[b-v8q5m4zhkd]::before {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 12px solid #309EFC;
        transition: border-bottom-color 0.3s ease;
    }

/* Hover Effect - Desktop Only */
@media (hover: hover) and (pointer: fine) {
    .scroll-to-top:hover[b-v8q5m4zhkd] {
        transform: translateY(-5px);
        box-shadow: -8px -8px 20px rgba(255, 255, 255, 0.9), 8px 12px 40px rgba(18, 61, 101, 0.4), inset -4px -4px 40px rgba(255, 255, 255, 0.18);
    }

        .scroll-to-top:hover[b-v8q5m4zhkd]::before {
            border-bottom-color: #0ED2E7;
        }
}

/* Active/Touch State */
.scroll-to-top:active[b-v8q5m4zhkd] {
    transform: translateY(-2px);
}

    .scroll-to-top:active[b-v8q5m4zhkd]::before {
        border-bottom-color: #0ED2E7;
    }

/* Smooth scroll behavior */
html[b-v8q5m4zhkd] {
    scroll-behavior: smooth;
    width: 100%;
    overflow-x: hidden;
}

body[b-v8q5m4zhkd] {
    width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

/*
    Default Template Styles
*/
.page[b-v8q5m4zhkd] {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    box-sizing: border-box;
}

main[b-v8q5m4zhkd] {
    flex: 1;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}

*[b-v8q5m4zhkd] {
    box-sizing: border-box;
}

.sidebar[b-v8q5m4zhkd] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-v8q5m4zhkd] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-v8q5m4zhkd]  a, .top-row[b-v8q5m4zhkd]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-v8q5m4zhkd]  a:hover, .top-row[b-v8q5m4zhkd]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-v8q5m4zhkd]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

#blazor-error-ui[b-v8q5m4zhkd] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-v8q5m4zhkd] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Mobile First - Small screens */
@media (max-width: 640px) {
    .top-row[b-v8q5m4zhkd] {
        justify-content: space-between;
        padding: 0 1rem;
        width: 100%;
        box-sizing: border-box;
    }

        .top-row[b-v8q5m4zhkd]  a, .top-row[b-v8q5m4zhkd]  .btn-link {
            margin-left: 0;
        }

    /* Keep all ellipses within viewport */
    [class*="ellipse-"][b-v8q5m4zhkd] {
        max-width: calc(100vw - 40px);
    }

    /* Smaller ellipses on mobile */
    .ellipse-pink-top-center[b-v8q5m4zhkd],
    .ellipse-blue-top-left[b-v8q5m4zhkd],
    .ellipse-pink-top-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-midtop-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-center[b-v8q5m4zhkd],
    .ellipse-pink-btm-right[b-v8q5m4zhkd],
    .ellipse-blue-midtop-right[b-v8q5m4zhkd],
    .ellipse-blue-mid-right[b-v8q5m4zhkd],
    .ellipse-blue-btm-left[b-v8q5m4zhkd],
    .ellipse-blue-top-right[b-v8q5m4zhkd] {
        width: 150px;
        height: 150px;
        filter: blur(60px);
    }

    .ellipse-pink-top-center[b-v8q5m4zhkd] {
        left: calc(50% - 75px);
    }

    .ellipse-pink-top-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-midtop-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-left[b-v8q5m4zhkd],
    .ellipse-blue-btm-left[b-v8q5m4zhkd] {
        left: calc(50% - 75px - 100px);
    }

    .ellipse-pink-mid-center[b-v8q5m4zhkd] {
        left: calc(50% - 75px);
    }

    .ellipse-pink-btm-right[b-v8q5m4zhkd],
    .ellipse-blue-midtop-right[b-v8q5m4zhkd],
    .ellipse-blue-mid-right[b-v8q5m4zhkd] {
        left: calc(50% - 75px + 100px);
    }

    /* Ensure scroll button is visible */
    .scroll-to-top[b-v8q5m4zhkd] {
        right: 16px !important;
        bottom: 16px !important;
    }
}

/* Tablet screens */
@media (min-width: 641px) and (max-width: 1023px) {
    .sidebar[b-v8q5m4zhkd] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-v8q5m4zhkd] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding-left: 2rem;
        padding-right: 1.5rem;
    }

        .top-row.auth[b-v8q5m4zhkd]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    article[b-v8q5m4zhkd] {
        padding-left: 2rem;
        padding-right: 1.5rem;
    }

    .scroll-to-top[b-v8q5m4zhkd] {
        bottom: 24px;
        right: 24px;
        width: 52px;
        height: 52px;
    }

        .scroll-to-top[b-v8q5m4zhkd]::before {
            border-left: 9px solid transparent;
            border-right: 9px solid transparent;
            border-bottom: 13px solid #309EFC;
        }

    /* Medium ellipses on tablet */
    .ellipse-pink-top-center[b-v8q5m4zhkd],
    .ellipse-blue-top-left[b-v8q5m4zhkd],
    .ellipse-pink-top-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-midtop-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-center[b-v8q5m4zhkd],
    .ellipse-pink-btm-right[b-v8q5m4zhkd],
    .ellipse-blue-midtop-right[b-v8q5m4zhkd],
    .ellipse-blue-mid-right[b-v8q5m4zhkd],
    .ellipse-blue-btm-left[b-v8q5m4zhkd],
    .ellipse-blue-top-right[b-v8q5m4zhkd] {
        width: 250px;
        height: 250px;
        filter: blur(80px);
    }

    .ellipse-pink-top-center[b-v8q5m4zhkd] {
        left: calc(50% - 125px);
    }

    .ellipse-pink-top-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-midtop-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-left[b-v8q5m4zhkd],
    .ellipse-blue-btm-left[b-v8q5m4zhkd] {
        left: calc(50% - 125px - 200px);
    }

    .ellipse-pink-mid-center[b-v8q5m4zhkd] {
        left: calc(50% - 125px);
    }

    .ellipse-pink-btm-right[b-v8q5m4zhkd],
    .ellipse-blue-midtop-right[b-v8q5m4zhkd],
    .ellipse-blue-mid-right[b-v8q5m4zhkd] {
        left: calc(50% - 125px + 200px);
    }
}

/* Desktop screens */
@media (min-width: 1024px) {
    .sidebar[b-v8q5m4zhkd] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-v8q5m4zhkd] {
        position: sticky;
        top: 0;
        z-index: 1;
        padding-left: 2rem;
        padding-right: 1.5rem;
    }

        .top-row.auth[b-v8q5m4zhkd]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    article[b-v8q5m4zhkd] {
        padding-left: 2rem;
        padding-right: 1.5rem;
    }

    .scroll-to-top[b-v8q5m4zhkd] {
        bottom: 40px;
        right: 40px;
        width: 60px;
        height: 60px;
    }

        .scroll-to-top[b-v8q5m4zhkd]::before {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 14px solid #309EFC;
        }

    /* Full size ellipses on desktop */
    .ellipse-pink-top-center[b-v8q5m4zhkd],
    .ellipse-blue-top-left[b-v8q5m4zhkd],
    .ellipse-pink-top-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-midtop-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-center[b-v8q5m4zhkd],
    .ellipse-pink-btm-right[b-v8q5m4zhkd],
    .ellipse-blue-midtop-right[b-v8q5m4zhkd],
    .ellipse-blue-mid-right[b-v8q5m4zhkd],
    .ellipse-blue-btm-left[b-v8q5m4zhkd],
    .ellipse-blue-top-right[b-v8q5m4zhkd] {
        width: 300px;
        height: 300px;
        filter: blur(95px);
    }

    .ellipse-pink-top-center[b-v8q5m4zhkd] {
        left: calc(50% - 150px);
    }

    .ellipse-pink-top-mid-left[b-v8q5m4zhkd],
    .ellipse-pink-midtop-left[b-v8q5m4zhkd],
    .ellipse-pink-mid-left[b-v8q5m4zhkd],
    .ellipse-blue-btm-left[b-v8q5m4zhkd] {
        left: calc(50% - 150px - 300px);
    }

    .ellipse-pink-mid-center[b-v8q5m4zhkd] {
        left: calc(50% - 150px);
    }

    .ellipse-pink-btm-right[b-v8q5m4zhkd],
    .ellipse-blue-midtop-right[b-v8q5m4zhkd],
    .ellipse-blue-mid-right[b-v8q5m4zhkd] {
        left: calc(50% - 150px + 300px);
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-container[b-d13n4iuesv] {
    margin: 0px 40px;
    display: flex;
    justify-content: center;
}
/* Group 72 */
.nav-outter[b-d13n4iuesv] {
    width: 100%;
    min-height: 70px;
    margin: 30px auto 0;
    position: relative;
}

/* Group 94 */
.nav-inner[b-d13n4iuesv] {
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: inset -8px -6px 80px rgba(255, 255, 255, 0.18);
    filter: drop-shadow(-16px -16px 40px rgba(255, 255, 255, 0.8)) drop-shadow(16px 4px 64px rgba(18, 61, 101, 0.3));
}

/* Rectangle 7 */
.nav-inner-1[b-d13n4iuesv] {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    background: linear-gradient(210.55deg, #EBF2F9 19.14%, #C6D7EB 154.68%);
    box-shadow: inset 2px 2px 5px rgba(105, 141, 173, 0.4);
    border-radius: 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 15px 25px;
    gap: 15px;
}

/* Software Cake */
.sc-title-text[b-d13n4iuesv] {
    width: auto;
    min-width: 177px;
    font-style: normal;
    letter-spacing: 0.02em;
    color: #2C2C2C;
    vertical-align: middle;
    line-height: 85%;
    font-size: x-large;
    display: flex;
    align-items: center;
}

.title-text-small[b-d13n4iuesv] {
    font-family: 'gilroy-regular';
    font-weight: 400;
}


/* Frame 3757 */
.nav-links[b-d13n4iuesv] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding: 0px;
    gap: 18px;
    position: static;
    transform: none;
}

/* Navigation Links */
.nav-link-AU[b-d13n4iuesv],
.nav-link-Services[b-d13n4iuesv],
.nav-link-Blog[b-d13n4iuesv],
.nav-link-CU[b-d13n4iuesv] {
    font-family: 'gilroy-medium', Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: medium;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #2C2C2C;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
    transition: color 0.3s ease, transform 0.3s ease;
}

    /* Hover effect */
    .nav-link-AU:hover[b-d13n4iuesv],
    .nav-link-Services:hover[b-d13n4iuesv],
    .nav-link-Blog:hover[b-d13n4iuesv],
    .nav-link-CU:hover[b-d13n4iuesv] {
        color: #309EFC;
        transform: translateY(-2px);
    }

    /* Underline animation */
    .nav-link-AU[b-d13n4iuesv]::after,
    .nav-link-Services[b-d13n4iuesv]::after,
    .nav-link-Blog[b-d13n4iuesv]::after,
    .nav-link-CU[b-d13n4iuesv]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, #0ED2E7, #309EFC);
        transition: width 0.3s ease;
    }

    .nav-link-AU:hover[b-d13n4iuesv]::after,
    .nav-link-Services:hover[b-d13n4iuesv]::after,
    .nav-link-Blog:hover[b-d13n4iuesv]::after,
    .nav-link-CU:hover[b-d13n4iuesv]::after {
        width: 100%;
    }


/* Group 71 */
.nav-icons[b-d13n4iuesv] {
    position: static;
    width: 90px;
    height: 40px;
    transform: none;
}

/* body */
.nav-icons-box[b-d13n4iuesv] {
    width: 100%;
    height: 100%;
    background: #DEE8F2;
    box-shadow: inset 2px 2px 5px rgba(105, 141, 173, 0.4);
    border-radius: 62px;
    position: relative;
}

/* mask */
.nav-icons-box-shadow[b-d13n4iuesv] {
    width: 100%;
    height: 100%;
    background: #E3EDF7;
    box-shadow: inset -3px -3px 7px #FFFFFF, inset 3px 3px 0px #3A5165;
    border-radius: 62px;
    display: flex;
    position: relative;
}

/* Frame 3749 */
.nav-search[b-d13n4iuesv] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 50%;
    height: 100%;
    background: #F6FBFF;
    box-shadow: 5px 2px 16px rgba(136, 165, 191, 0.78), inset 0px -1px 1px rgba(85, 102, 123, 0.4);
    border-radius: 31px 0px 0px 31px;
    cursor: pointer;
}

/* Interface / Search_Magnifying_Glass */
.nav-search-icon[b-d13n4iuesv] {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,%3Csvg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 6.83333C1 10.055 3.61167 12.6667 6.83333 12.6667C10.055 12.6667 12.6667 10.055 12.6667 6.83333C12.6667 3.61167 10.055 1 6.83333 1C3.61167 1 1 3.61167 1 6.83333Z" fill="%23309EFC" fill-opacity="0.2"/%3E%3Cpath d="M11 11L16 16M6.83333 12.6667C3.61167 12.6667 1 10.055 1 6.83333C1 3.61167 3.61167 1 6.83333 1C10.055 1 12.6667 3.61167 12.6667 6.83333C12.6667 10.055 10.055 12.6667 6.83333 12.6667Z" stroke="%23309EFC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

    .nav-search-icon[b-d13n4iuesv]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 12px;
    }

/* Frame 3751 */
.nav-shop[b-d13n4iuesv] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 50%;
    height: 100%;
    background: #F6FBFF;
    box-shadow: 5px 2px 16px rgba(136, 165, 191, 0.78), inset 0px -1px 1px rgba(85, 102, 123, 0.4);
    border-radius: 0px 31px 31px 0px;
    cursor: pointer;
}

/* Interface / Shopping_Bag_01 */
.nav-shop-icon[b-d13n4iuesv] {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,%3Csvg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1 3.66683V11.6668C1 12.6003 1 13.0667 1.18166 13.4232C1.34144 13.7368 1.59623 13.9921 1.90983 14.1519C2.266 14.3333 2.73249 14.3333 3.66409 14.3333H13.3359C14.2675 14.3333 14.7333 14.3333 15.0895 14.1519C15.4031 13.9921 15.6587 13.7368 15.8185 13.4232C16 13.0671 16 12.6012 16 11.6696V3.66409C16 2.73249 16 2.266 15.8185 1.90983C15.6587 1.59623 15.4031 1.34144 15.0895 1.18166C14.733 1 14.2669 1 13.3335 1H3.66683C2.73341 1 2.26635 1 1.90983 1.18166C1.59623 1.34144 1.34144 1.59623 1.18166 1.90983C1 2.26635 1 2.73341 1 3.66683Z" fill="%23309EFC" fill-opacity="0.2"/%3E%3Cpath d="M6 4.33333C6 5.71405 7.11929 6.83333 8.5 6.83333C9.88071 6.83333 11 5.71405 11 4.33333M1 11.6668V3.66683C1 2.73341 1 2.26635 1.18166 1.90983C1.34144 1.59623 1.59623 1.34144 1.90983 1.18166C2.26635 1 2.73341 1 3.66683 1H13.3335C14.2669 1 14.733 1 15.0895 1.18166C15.4031 1.34144 15.6587 1.59623 15.8185 1.90983C16 2.266 16 2.73249 16 3.66409V11.6696C16 12.6012 16 13.0671 15.8185 13.4232C15.6587 13.7368 15.4031 13.9921 15.0895 14.1519C14.7333 14.3333 14.2675 14.3333 13.3359 14.3333H3.66409C2.73249 14.3333 2.266 14.3333 1.90983 14.1519C1.59623 13.9921 1.34144 13.7368 1.18166 13.4232C1 13.0667 1 12.6003 1 11.6668Z" stroke="%23309EFC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

    .nav-shop-icon[b-d13n4iuesv]::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 12px;
    }

/* Mobile Responsive Styles */
@media (max-width: 768px) {
    .nav-outter[b-d13n4iuesv] {
        width: 90%;
        margin-top: 20px;
    }

    .nav-inner-1[b-d13n4iuesv] {
        padding: 15px 20px;
        justify-content: center;
    }

    .sc-title-text[b-d13n4iuesv] {
        font-size: 20px;
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .nav-links[b-d13n4iuesv] {
        width: 100%;
        justify-content: center;
        gap: 12px;
    }

    .nav-link-AU[b-d13n4iuesv],
    .nav-link-Services[b-d13n4iuesv],
    .nav-link-Blog[b-d13n4iuesv],
    .nav-link-CU[b-d13n4iuesv] {
        font-size: 14px;
    }

    .nav-icons[b-d13n4iuesv] {
        width: 91px;
    }
}

@media (max-width: 480px) {
    .nav-inner-1[b-d13n4iuesv] {
        padding: 12px 15px;
    }

    .nav-links[b-d13n4iuesv] {
        gap: 8px;
        font-size: 13px;
    }

    .sc-title-text[b-d13n4iuesv] {
        font-size: 18px;
    }
}