/* /Components/Layout/Footer.razor.rz.scp.css */
#footer[b-na5eg44o6v] {
    padding: 15px;
    color: #f4f6fd;
    font-size: 14px;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 300px;
    z-index: 9999;
    background: #040b14;
}

    #footer .copyright[b-na5eg44o6v] {
        text-align: center;
    }

    #footer .credits[b-na5eg44o6v] {
        padding-top: 5px;
        text-align: center;
        font-size: 13px;
        color: #eaebf0;
    }

@media (max-width: 1199px) {
    #footer[b-na5eg44o6v] {
        position: sticky;
        width: auto;
        padding-right: 20px 15px;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */

#main[b-262lsevqw6] {
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
}

.background-container[b-262lsevqw6] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("assets/img/home_bg1.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -10;
    /* Stellt sicher, dass der Hintergrund hinter dem Inhalt liegt */
}

.content-container[b-262lsevqw6] {
    height: 100%;
    /* Erh�ht die H�he, um Scrollen zu erm�glichen */
    background-color: transparent;
}

#blazor-error-ui[b-262lsevqw6] {
    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-262lsevqw6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */


/*#region Header*/

#header[b-g34k9t24ty] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 250px;
    transition: all ease-in-out 0.5s;
    z-index: 1000;
    transition: all 0.5s;
    padding: 0 15px;
    background-color: DimGrey;
    opacity: 0.9;
}

    #header .circle-image[b-g34k9t24ty] {
        background-color: white;
        width: calc(100%-20px); /* Breite der Ellipse */
        height: 100px; /* H�he der Ellipse */
        border-radius: 50% / 50%; /* Elliptische Form */
        overflow: hidden;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Schatten */
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff; /* Hintergrundfarbe, um den Rand zu sehen */
        padding: 0 30px 0 0;
        margin: 20px;
    }

        #header .circle-image img[b-g34k9t24ty] {
            width: 100%;
            height: 100%;
            object-fit: contain; /* Damit das Bild den Kreis f�llt */
        }

    #header .profile h1[b-g34k9t24ty] {
        font-size: 24px;
        margin: 0;
        padding: 0;
        font-weight: 600;
        -moz-text-align-last: center;
        text-align-last: center;
        font-family: "Poppins", sans-serif;
    }

        #header .profile h1 a[b-g34k9t24ty],
        #header .profile h1 a:hover[b-g34k9t24ty] {
            color: #fff;
            text-decoration: none;
     
        }

    #header .profile .social-links a[b-g34k9t24ty] {
        font-size: 18px;
        display: inline-block;
        background: #212431;
        color: #fff;
        line-height: 1;
        padding: 8px 0;
        margin-right: 4px;
        border-radius: 50%;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s;
    }
        #header .profile .social-links a:hover[b-g34k9t24ty] {

                z-index: 0;
                box-shadow: 40px 0 100px #008cff, -40px 0 100px #e100ff;
                /*background: #149ddd;
                color: #fff;
                text-decoration: none;*/
            }


#header .footer[b-g34k9t24ty] {
    margin-top: auto;
    margin-bottom: 20px;
}

    #header .footer .social-links a[b-g34k9t24ty] {
        font-size: 18px;
        display: inline-block;
        background: black;
        line-height: 1;
        padding: 8px 0;
        margin-right: 4px;
        border-radius: 50%;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s;
        border: none;
        color: #f0f0f0;
        font-family: "Poppins", sans-serif;
        position: relative;
    }

        #header .footer .social-links a:hover[b-g34k9t24ty] {
            z-index: 0;
            box-shadow: 40px 0 100px #008cff, -40px 0 100px #e100ff;
            /*background: #149ddd;
                color: #fff;
                text-decoration: none;*/
        }

.container[b-g34k9t24ty],
.container-fluid[b-g34k9t24ty] {
    padding-left: 30px;
    padding-right: 30px;
}

/*#endregion*/

/*#region Desktop Navigation */

.nav-menu[b-g34k9t24ty] {
    padding: 50px 0 0 30px;
}

    .nav-menu *[b-g34k9t24ty] {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .nav-menu > ul > li[b-g34k9t24ty] {
        margin: 15px 0;
        position: center;
        white-space: pre;
    }

        .nav-menu > ul > li i[b-g34k9t24ty] {
            color: whitesmoke;
        }

        .nav-menu > ul > li span[b-g34k9t24ty] {
            font-size: larger;
            color: whitesmoke;
        }

    .nav-menu a[b-g34k9t24ty],
    .nav-menu a:focus[b-g34k9t24ty] {
        display: flex;
        align-items: center;
        color: #a8a9b4;
        padding: 12px 15px;
        margin-bottom: 8px;
        transition: 0.3s;
        font-size: 15px;
    }

        .nav-menu a i[b-g34k9t24ty],
        .nav-menu a:focus i[b-g34k9t24ty] {
            font-size: 24px;
            padding-right: 8px;
            color: #6f7180;
        }

        .nav-menu a:hover[b-g34k9t24ty],
        .nav-menu .active[b-g34k9t24ty],
        .nav-menu .active:focus[b-g34k9t24ty],
        .nav-menu li:hover > a[b-g34k9t24ty] {
            text-decoration: none;
            color: #fff;
        }

            .nav-menu a:hover i[b-g34k9t24ty],
            .nav-menu .active i[b-g34k9t24ty],
            .nav-menu .active:focus i[b-g34k9t24ty],
            .nav-menu li:hover > a i[b-g34k9t24ty] {
                color: #c6463b;
                text-shadow: 0 0 6px #fff
            }

/*#endregion*/

/*#region Mobile Navigation */

.mobile-nav-toggle[b-g34k9t24ty] {
    position: fixed;
    right: 15px;
    top: 15px;
    z-index: 9998;
    border: 0;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    background-color: #149ddd;
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border-radius: 50px;
    cursor: pointer;
}

.mobile-nav-active[b-g34k9t24ty] {
    overflow: hidden;
}

    .mobile-nav-active #header[b-g34k9t24ty] {
        left: 0;
    }

/*#endregion*/
/* /Components/Pages/About.razor.rz.scp.css */

.about .content h3[b-d3fonkwzau] {
    font-weight: 700;
    font-size: 28px;
    color: #173b6c;
}

.about h6[b-d3fonkwzau] {
    font-weight: 450;
    font-size: 20px;
    color: midnightblue;
    text-decoration: underline;
    text-underline-position: under;
}

.about p[b-d3fonkwzau] {
    font-size: 18px;
}

.e-block ul[b-d3fonkwzau] {
    padding: 0;
    margin: 20px, 0, 20px, 0;
}

    .e-block ul li[b-d3fonkwzau] {
        font-size: 18px;
        list-style-type: none;
        margin: 5px 0;
        position: relative;
        padding-left: 25px;
    }

        .e-block ul li[b-d3fonkwzau]::before {
            content: '•'; /* Unicode für disclosure-closed Symbol */
            color: midnightblue; /* Farbe des Symbols */
            position: absolute; /* Positionieren des Symbols */
            left: 0; /* Symbol linksbündig anordnen */
            margin-left: 0;
        }

@media (min-width: 576px) {
    [b-d3fonkwzau] .k-animation-container {
        width: 100%;
    }
}

@media (min-width: 992px) {
    [b-d3fonkwzau] .k-animation-container {
        width: 800px;
    }
}

@media (min-width: 1400px) {
    [b-d3fonkwzau] .k-animation-container {
        width: 800px;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */

.contact[b-y0h9xg1iz4] {
    padding-bottom: 130px;
}

    .contact .info[b-y0h9xg1iz4] {
        padding: 30px;
        background: #fff;
        width: 100%;
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
    }

        .contact .info i[b-y0h9xg1iz4] {
            font-size: 20px;
            color: #dff3fc;
            float: left;
            width: 44px;
            height: 44px;
            background: #149ddd;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            transition: 0.5s;
            border: 1px solid #149ddd;
            line-height: 0;
        }

    .contact .info i:hover .info i[b-y0h9xg1iz4] {
        color: #149ddd;
    }

        .contact .info h4[b-y0h9xg1iz4] {
            padding: 0 0 0 60px;
            font-size: 22px;
            font-weight: 600;
            margin-bottom: 5px;
            color: #050d18;
        }

        .contact .info p[b-y0h9xg1iz4] {
            padding: 0 0 10px 60px;
            margin-bottom: 20px;
            font-size: 14px;
            color: #173b6c;
        }

        .contact .info .email p[b-y0h9xg1iz4] {
            padding-top: 5px;
        }

        .contact .info .social-links[b-y0h9xg1iz4] {
            padding-left: 60px;
        }

            .contact .info .social-links a[b-y0h9xg1iz4] {
                font-size: 18px;
                display: inline-block;
                background: #333;
                color: #fff;
                line-height: 1;
                padding: 8px 0;
                border-radius: 50%;
                text-align: center;
                width: 36px;
                height: 36px;
                transition: 0.3s;
                margin-right: 10px;
            }

                .contact .info .social-links a:hover[b-y0h9xg1iz4] {
                    background: #149ddd;
                    color: #fff;
                }

        .contact .info .email:hover i[b-y0h9xg1iz4],
        .contact .info .address:hover i[b-y0h9xg1iz4],
        .contact .info .phone:hover i[b-y0h9xg1iz4] {
            background: #149ddd;
            color: #fff;
        }

    .contact .php-email-form[b-y0h9xg1iz4] {
        width: 100%;
        padding: 30px;
        background: #fff;
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
    }

        .contact .php-email-form .form-group[b-y0h9xg1iz4] {
            padding-bottom: 8px;
        }

        .contact .php-email-form .validate[b-y0h9xg1iz4] {
            display: none;
            color: red;
            margin: 0 0 15px 0;
            font-weight: 400;
            font-size: 13px;
        }

        .contact .php-email-form .error-message[b-y0h9xg1iz4] {
            display: none;
            color: #fff;
            background: #ed3c0d;
            text-align: left;
            padding: 15px;
            font-weight: 600;
        }

            .contact .php-email-form .error-message br + br[b-y0h9xg1iz4] {
                margin-top: 25px;
            }

        .contact .php-email-form .sent-message[b-y0h9xg1iz4] {
            display: none;
            color: #fff;
            background: #18d26e;
            text-align: center;
            padding: 15px;
            font-weight: 600;
        }

        .contact .php-email-form .loading[b-y0h9xg1iz4] {
            display: none;
            background: #fff;
            text-align: center;
            padding: 15px;
        }

            .contact .php-email-form .loading[b-y0h9xg1iz4]:before {
                content: "";
                display: inline-block;
                border-radius: 50%;
                width: 24px;
                height: 24px;
                margin: 0 10px -6px 0;
                border: 3px solid #18d26e;
                border-top-color: #eee;
                animation: animate-loading-b-y0h9xg1iz4 1s linear infinite;
            }

        .contact .php-email-form .form-group[b-y0h9xg1iz4] {
            margin-bottom: 15px;
        }

        .contact .php-email-form label[b-y0h9xg1iz4] {
            padding-bottom: 8px;
        }

        .contact .php-email-form input[b-y0h9xg1iz4],
        .contact .php-email-form textarea[b-y0h9xg1iz4] {
            border-radius: 0;
            box-shadow: none;
            font-size: 14px;
        }

        .contact .php-email-form input[b-y0h9xg1iz4] {
            height: 44px;
        }

        .contact .php-email-form textarea[b-y0h9xg1iz4] {
            padding: 10px 15px;
        }

        .contact .php-email-form button[type=submit][b-y0h9xg1iz4] {
            background: #149ddd;
            border: 0;
            padding: 10px 24px;
            color: #fff;
            transition: 0.4s;
            border-radius: 4px;
        }

            .contact .php-email-form button[type=submit]:hover[b-y0h9xg1iz4] {
                background: #37b3ed;
            }


    .contact .icon:hover i[b-y0h9xg1iz4] {
        background-color: #fff;
    }

@keyframes animate-loading-b-y0h9xg1iz4 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Datenschutz.razor.rz.scp.css */

ul[b-49pnrgpayg]{
    margin: 30px 20px;
}

 
.header[b-49pnrgpayg] {
    padding-bottom: 50px; /* Passe diesen Wert nach Bedarf an */
}

h2[b-49pnrgpayg] {
    color: midnightblue;
}
/* /Components/Pages/Disclaimer.razor.rz.scp.css */
h2[b-85lm9p0jg5] {
    color: midnightblue;
}
/* /Components/Pages/Home.razor.rz.scp.css */

/*#region Home Section*/
#home[b-6q01tk86pu] {
    height: 100%;
    justify-content: center;
    align-items: center;
}

    #home[b-6q01tk86pu]:before {
        content: "";
        background: rgba(5, 13, 24, 0.3);
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

.text-shadow[b-6q01tk86pu] {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.transparent-block[b-6q01tk86pu] {
    background: rgba(255,255,255,0.95);
    padding: 32px; /* Doppelt so hoch */
    width: 80%; /* Geht nach rechts und links weiter */
    border: ridge;
    border-radius: 50px; /* Runde Ecken */
    display: flex;
    justify-content: center;
    align-items: center;
}

.transparent-block p[b-6q01tk86pu] {
    width: 100%;
    text-align: center;
}

.e-block[b-6q01tk86pu] {
    margin: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
[b-6q01tk86pu] .e-card {
    width: 100%;
}

@media (min-width: 576px) {
    #home[b-6q01tk86pu] {
        justify-content: center;
        align-items: center;
    }
    .e-block[b-6q01tk86pu] {
        margin: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    [b-6q01tk86pu] .e-card {
        width: 100%;
    }
}

@media (min-width: 992px) {
    #home[b-6q01tk86pu] {
        justify-content: flex-end;
        align-items: flex-end;
    }
    .e-block[b-6q01tk86pu] {
        margin: 25px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }
    [b-6q01tk86pu] .e-card {
        width: 80%;
    }
}

@media (min-width: 1400px) {
    #home[b-6q01tk86pu] {
        justify-content: flex-end;
        align-items: flex-end;
    }
    .e-block[b-6q01tk86pu] {
        margin: 25px;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }
    [b-6q01tk86pu] .e-card {
        width: 70%;
    }
}

@media (min-width: 1024px) {
    #home[b-6q01tk86pu] {
        background-attachment: fixed;
    }
}

@media (max-width: 576px) {
    #home h1[b-6q01tk86pu] {
        margin: 0 0 20px 0;
        font-size: 50px;
    }

    .transparent-block[b-6q01tk86pu] {
        background: rgba(255,255,255,0.8);
    }
}

/* #endregion */
/* /Components/Pages/Impressum.razor.rz.scp.css */
.impressum .impressum-item[b-91voplym2d] {
    margin-bottom: 30px;
}

.impressum #impressum-flters[b-91voplym2d] {
    padding: 0;
    margin: 0 auto 35px auto;
    list-style: none;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    padding: 2px 15px;
}

    .impressum #impressum-flters li[b-91voplym2d] {
        cursor: pointer;
        display: inline-block;
        padding: 10px 15px 8px 15px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        color: #272829;
        margin-bottom: 5px;
        transition: all 0.3s ease-in-out;
    }

        .impressum #impressum-flters li:hover[b-91voplym2d],
        .impressum #impressum-flters li.filter-active[b-91voplym2d] {
            color: #149ddd;
        }

        .impressum #impressum-flters li:last-child[b-91voplym2d] {
            margin-right: 0;
        }

.impressum .impressum-wrap[b-91voplym2d] {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: white;
    display: flex;
    column-gap: 20px;
    align-items: center;
}

    .impressum .impressum-wrap[b-91voplym2d]::before {
        content: "";
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: all ease-in-out 0.3s;
        z-index: 2;
        opacity: 0;
    }

    .impressum .impressum-wrap .impressum-links[b-91voplym2d] {
        opacity: 0.4;
        left: 0;
        right: 0;
        bottom: -100px;
        z-index: 3;
        position: absolute;
        transition: all ease-in-out 0.3s;
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }

        .impressum .impressum-wrap .impressum-links a[b-91voplym2d] {
            color: #fff;
            font-size: 25px;
            text-align: center;
            background: #c6463b;
            transition: 0.3s;
            width: 100%;
            height: 100%;
            border-radius: 50px 50px;
            justify-content: center;
            align-content: center;
            opacity: 0.4;
        }

            .impressum .impressum-wrap .impressum-links a:hover[b-91voplym2d] {
                /*background: #c6463b;*/
                opacity: 1;
                /*border-radius: 50px 20px;*/
            }

            .impressum .impressum-wrap .impressum-links a + a[b-91voplym2d] {
                border-left: 1px solid #37b3ed;
                /*border-radius: 50px 20px;*/
            }

    .impressum .impressum-wrap:hover[b-91voplym2d]::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1;
    }

    .impressum .impressum-wrap:hover .impressum-links[b-91voplym2d] {
        opacity: 1;
        bottom: 0;
    }
/* /Components/Pages/News-E-Rechnungspflicht.razor.rz.scp.css */

.facturx h6[b-ju60vixfl5] {
    font-weight: 450;
    font-size: 20px;
    color: midnightblue;
    text-decoration: underline;
    text-underline-position: under;
}

img[b-ju60vixfl5] {
    width: 100%;
}
/* /Components/Pages/News-EReporting.razor.rz.scp.css */

.facturx h6[b-zm3gf4hffv] {
    font-weight: 450;
    font-size: 20px;
    color: midnightblue;
    text-decoration: underline;
    text-underline-position: under;
}

img[b-zm3gf4hffv] {
    width: 100%;
}
/* /Components/Pages/News-FacturX.razor.rz.scp.css */

.facturx h6[b-y973m3cr1u] {
    font-weight: 450;
    font-size: 20px;
    color: midnightblue;
    text-decoration: underline;
    text-underline-position: under;
}

img[b-y973m3cr1u] {
    width: 100%;
}
/* /Components/Pages/News-Wachstum.razor.rz.scp.css */

.facturx h6[b-0iiy2lw68t] {
    font-weight: 450;
    font-size: 20px;
    color: midnightblue;
    text-decoration: underline;
    text-underline-position: under;
}

img[b-0iiy2lw68t] {
    width: 100%;
}
/* /Components/Pages/Nutzungsbedingungen.razor.rz.scp.css */
h2[b-97cy9ho060] {
    color: midnightblue;
}
/* /Components/Pages/Partner.razor.rz.scp.css */
.partner .grid-item[b-wzuw81h82r] {
    margin: 50px;
}
.partner-wrap[b-wzuw81h82r] {
    text-align: center;
    width: fit-content;
}

.partner-wrap img[b-wzuw81h82r]{
    width: 200px;
    background-color: transparent;
}

.grid-item[b-wzuw81h82r] {
    text-align: left;
    align-content: center;
}
/* /Components/Pages/Portfolio.razor.rz.scp.css */
.portfolio .portfolio-item[b-ezs4o5f4xa] {
    margin-bottom: 30px;
    background-color: transparent;
}

.portfolio #portfolio-flters[b-ezs4o5f4xa] {
    padding: 0;
    margin: 0 auto 35px auto;
    list-style: none;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    padding: 2px 15px;
}

    .portfolio #portfolio-flters li[b-ezs4o5f4xa] {
        cursor: pointer;
        display: inline-block;
        padding: 10px 15px 8px 15px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        color: #272829;
        margin-bottom: 5px;
        transition: all 0.3s ease-in-out;
    }

        .portfolio #portfolio-flters li:hover[b-ezs4o5f4xa],
        .portfolio #portfolio-flters li.filter-active[b-ezs4o5f4xa] {
            color: #149ddd;
        }

        .portfolio #portfolio-flters li:last-child[b-ezs4o5f4xa] {
            margin-right: 0;
        }

.portfolio .portfolio-wrap[b-ezs4o5f4xa] {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: transparent;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 5px;
    justify-content:flex-start;
}

    .portfolio .portfolio-wrap[b-ezs4o5f4xa]::before {
        content: "";
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: all ease-in-out 0.3s;
        z-index: 2;
        opacity: 0;
    }

    .portfolio .portfolio-wrap .portfolio-icons[b-ezs4o5f4xa] {
        width: 75px;
        height: 75px;
    }

        .portfolio .portfolio-wrap .portfolio-icons img[b-ezs4o5f4xa] {
            height: 50%;
        }

        .portfolio .portfolio-wrap .portfolio-icons i[b-ezs4o5f4xa] {
            height: 50%;
            margin-left: 25px;
            font-size: x-large;
            color: black;
        }

    .portfolio .portfolio-wrap .portfolio-labels[b-ezs4o5f4xa] {
        display:flex;
        flex-direction:column;
    }

    .portfolio .portfolio-wrap .portfolio-links[b-ezs4o5f4xa] {
        opacity: 0.4;
        left: 0;
        right: 0;
        bottom: -100px;
        z-index: 3;
        position: absolute;
        transition: all ease-in-out 0.3s;
        display: flex;
        justify-content: center;
        text-align: center;
        width: 100%;
        height: 100%;
    }

        .portfolio .portfolio-wrap .portfolio-links a[b-ezs4o5f4xa] {
            color: #fff;
            font-size: 25px;
            text-align: center;
            background: #c6463b;
            transition: 0.3s;
            width: 100%;
            height: 100%;
            border-radius: 50px 50px;
            justify-content: center;
            align-content: center;
            opacity: 0.4;
        }

            .portfolio .portfolio-wrap .portfolio-links a:hover[b-ezs4o5f4xa] {
                /*background: #c6463b;*/
                opacity: 1;
                /*border-radius: 50px 20px;*/
            }

            .portfolio .portfolio-wrap .portfolio-links a + a[b-ezs4o5f4xa] {
                border-left: 1px solid #37b3ed;
                /*border-radius: 50px 20px;*/
            }

    .portfolio .portfolio-wrap:hover[b-ezs4o5f4xa]::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1;
    }

    .portfolio .portfolio-wrap:hover .portfolio-links[b-ezs4o5f4xa] {
        opacity: 1;
        bottom: 0;
    }

.portfolio-img[b-ezs4o5f4xa] {
    background-color: transparent;
}

.portfolio .icon[b-ezs4o5f4xa] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 24px;
    color: midnightblue;
    width: 75px;
}
/* /Components/Pages/PortfolioDetails.razor.rz.scp.css */

.portfoliodetail .portfoliodetail-item[b-e45ouiova8] {
    margin-bottom: 30px;
}

.portfoliodetail #portfoliodetail-flters[b-e45ouiova8] {
    padding: 0;
    margin: 0 auto 35px auto;
    list-style: none;
    text-align: center;
    background: #fff;
    border-radius: 50px;
    padding: 2px 15px;
}

    .portfoliodetail #portfoliodetail-flters li[b-e45ouiova8] {
        cursor: pointer;
        display: inline-block;
        padding: 10px 15px 8px 15px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        text-transform: uppercase;
        color: #272829;
        margin-bottom: 5px;
        transition: all 0.3s ease-in-out;
    }

        .portfoliodetail #portfoliodetail-flters li:hover[b-e45ouiova8],
        .portfoliodetail #portfoliodetail-flters li.filter-active[b-e45ouiova8] {
            color: #149ddd;
        }

        .portfoliodetail #portfoliodetail-flters li:last-child[b-e45ouiova8] {
            margin-right: 0;
        }

.portfoliodetail .portfoliodetail-wrap[b-e45ouiova8] {
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-color: white;
    display: flex;
    column-gap: 20px;
    align-items: center;
}

    .portfoliodetail .portfoliodetail-wrap[b-e45ouiova8]::before {
        content: "";
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: all ease-in-out 0.3s;
        z-index: 2;
        opacity: 0;
    }

    .portfoliodetail .portfoliodetail-wrap .portfolio-links[b-e45ouiova8] {
        opacity: 1;
        left: 0;
        right: 0;
        bottom: -60px;
        z-index: 3;
        position: absolute;
        transition: all ease-in-out 0.3s;
        display: flex;
        justify-content: center;
    }

        .portfoliodetail .portfoliodetail-wrap .portfoliodetail-links a[b-e45ouiova8] {
            color: #fff;
            font-size: 28px;
            text-align: center;
            background: rgba(20, 157, 221, 0.75);
            transition: 0.3s;
            width: 50%;
        }

            .portfoliodetail .portfoliodetail-wrap .portfoliodetail-links a:hover[b-e45ouiova8] {
                background: rgba(20, 157, 221, 0.95);
            }

            .portfoliodetail .portfoliodetail-wrap .portfoliodetail-links a + a[b-e45ouiova8] {
                border-left: 1px solid #37b3ed;
            }

    .portfoliodetail .portfoliodetail-wrap:hover[b-e45ouiova8]::before {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1;
    }

    .portfoliodetail .portfoliodetail-wrap:hover .portfoliodetail-links[b-e45ouiova8] {
        opacity: 1;
        bottom: 0;
    }

    .portfoliodetails-links .portfoliodetails-list[b-e45ouiova8] {

        display: block;
        list-style-type: circle;
        padding-left: 50px;
        margin: 0 0;
    }

.portfoliodetails-links .portfoliodetails-list li[b-e45ouiova8] {
   
    margin: 1em 0;
}

/* /Components/Pages/Resume.razor.rz.scp.css */
.resume .resume-title[b-ot7kfn2629] {
    font-size: 26px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #050d18;
}
    
.resume .resume-item[b-ot7kfn2629] {
    padding: 0 0 20px 20px;
    margin-top: -2px;
    margin-left: 20px;
    border-left: 2px solid #1f5297;
    position: relative;
}

    .resume .resume-item h4[b-ot7kfn2629] {
        line-height: 18px;
        font-size: 18px;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        color: midnightblue;
        margin-bottom: 10px;
        
    }

    .resume .resume-item p[b-ot7kfn2629] {
        margin: 0 40px 0 0;
    }

    .resume .resume-item:last-child[b-ot7kfn2629] {
        padding-bottom: 10px;
    }

    .resume .resume-item[b-ot7kfn2629]::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50px;
        left: -9px;
        top: 0;
        background: #fff;
        border: 2px solid #1f5297;
        opacity: 1;
    }

.resume .section-title h2[b-ot7kfn2629]{
    margin: 50px 0;
}
/* /Components/Pages/Services.razor.rz.scp.css */

.services .icon-box[b-486th96std] {
    margin-bottom: 40px;
    margin-top: 50px;
}

.services .icon[b-486th96std] {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    background: #149ddd;
    border-radius: 50%;
    transition: 0.5s;
    border: 1px solid #149ddd;
}

    .services .icon i[b-486th96std] {
        color: #fff;
        font-size: 24px;
        line-height: 0;
    }

.services .icon-box:hover .icon[b-486th96std] {
    background: #fff;
}

    .services .icon-box:hover .icon i[b-486th96std] {
        color: #149ddd;
    }

.services .title[b-486th96std] {
    margin-left: 80px;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
}

    .services .title a[b-486th96std] {
        color: #343a40;
    }

        .services .title a:hover[b-486th96std] {
            color: #149ddd;
        }

.services .description[b-486th96std] {
    margin-left: 80px;
    line-height: 24px;
    font-size: 14px;
}
/* /Components/Pages/Skills.razor.rz.scp.css */

.skills .progress[b-m83bjpydz9] {
    height: 60px;
    display: block;
    background: none;
    border-radius: 0;
}

    .skills .progress .skill[b-m83bjpydz9] {
        padding: 0;
        margin: 0 0 6px 0;
        text-transform: uppercase;
        display: block;
        font-weight: 600;
        font-family: "Poppins", sans-serif;
        color: #050d18;
    }

        .skills .progress .skill .val[b-m83bjpydz9] {
            float: right;
            font-style: normal;
        }

.skills .progress-bar-wrap[b-m83bjpydz9] {
    background: #dce8f8;
    height: 10px;
}

.skills .progress-bar[b-m83bjpydz9] {
    width: 1px;
    height: 10px;
    transition: 0.9s;
    background-color: #149ddd;
}