/* _content/SRSOwnWebsite/Components/Layout/Footer.razor.rz.scp.css */
.footer-content[b-x59z0vn5v8] {
    width: 100%;
    display: flex;
    flex-direction: row;
    /*gap: 2rem;*/
}

    .footer-content .footer-left[b-x59z0vn5v8],
    .footer-content .footer-middle[b-x59z0vn5v8],
    .footer-content .footer-right[b-x59z0vn5v8] {
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 1.3rem;
        padding: 4rem 0 4rem 4rem;
    }

    .footer-content .footer-brand[b-x59z0vn5v8] {
        display: flex;
        align-items: center;
    }

    .footer-content div a img[b-x59z0vn5v8] {
        width: 60%;
        padding-left: 8rem;
    }

        .footer-content .footer-left h3[b-x59z0vn5v8],
        .footer-content .footer-middle h3[b-x59z0vn5v8],
        .footer-content .footer-right h3[b-x59z0vn5v8] {
            padding-bottom: 2rem;
        }

        .footer-content .footer-left a[b-x59z0vn5v8],
        .footer-content .footer-middle a[b-x59z0vn5v8],
        .footer-content .footer-right a[b-x59z0vn5v8] {
            color: white;
            text-decoration: none;
        }

            .footer-content .footer-left a:hover[b-x59z0vn5v8],
            .footer-content .footer-middle a:hover[b-x59z0vn5v8],
            .footer-content .footer-right a:hover[b-x59z0vn5v8] {
                text-decoration: underline;
            }

        .footer-content .footer-left p[b-x59z0vn5v8],
        .footer-content .footer-middle p[b-x59z0vn5v8],
        .footer-content .footer-right p[b-x59z0vn5v8] {
            margin-bottom: 0;
        }


/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1700px) {
    .footer-content div a img[b-x59z0vn5v8] {
        /*width: 70%;*/
        padding-left: 6rem;
    }

    .footer-content .footer-left[b-x59z0vn5v8],
    .footer-content .footer-middle[b-x59z0vn5v8],
    .footer-content .footer-right[b-x59z0vn5v8] {
        gap: 1rem;
        padding: 3rem;
    }

        .footer-content .footer-left h3[b-x59z0vn5v8],
        .footer-content .footer-middle h3[b-x59z0vn5v8],
        .footer-content .footer-right h3[b-x59z0vn5v8] {
            font-size: 1.8rem;
        }

    p[b-x59z0vn5v8] {
        font-size: 1rem;
    }
}

@media (max-width: 1400px) {
    .footer-content div a img[b-x59z0vn5v8] {
        /*width: 70%;*/
        padding-left: 4rem;
    }

    .footer-content .footer-left[b-x59z0vn5v8],
    .footer-content .footer-middle[b-x59z0vn5v8],
    .footer-content .footer-right[b-x59z0vn5v8] {
        padding: 3rem 1rem;
    }

    .footer-content .footer-left h3[b-x59z0vn5v8],
    .footer-content .footer-middle h3[b-x59z0vn5v8],
    .footer-content .footer-right h3[b-x59z0vn5v8] {
        font-size: 1.5rem;
    }
}

@media (max-width: 1200px) {
    .footer-content div a img[b-x59z0vn5v8] {
        width: 70%;
        padding-left: 4rem;
    }

    .footer-content .footer-left h3[b-x59z0vn5v8],
    .footer-content .footer-middle h3[b-x59z0vn5v8],
    .footer-content .footer-right h3[b-x59z0vn5v8] {
        font-size: 1.5rem;
    }
}

@media (max-width: 992px) {
    .footer-content div a img[b-x59z0vn5v8] {
        width: 80%;
        padding-left: 3rem;
    }

        .footer-content .footer-left h3[b-x59z0vn5v8],
        .footer-content .footer-middle h3[b-x59z0vn5v8],
        .footer-content .footer-right h3[b-x59z0vn5v8] {
            font-size: 1.4rem;
        }
}


@media (max-width: 768px) {
    .footer-content .footer-brand[b-x59z0vn5v8] {
        justify-content: center;
        padding-top: 3rem;
        text-align: center;
    }

    .footer-content div a img[b-x59z0vn5v8] {
        width: 40%;
        padding-left: 0;
    }

        .footer-content .footer-left[b-x59z0vn5v8],
        .footer-content .footer-middle[b-x59z0vn5v8],
        .footer-content .footer-right[b-x59z0vn5v8] {
            padding: 3rem;
            text-align: center;
        }
}
/* _content/SRSOwnWebsite/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-qmcosimi8p] {
    position: relative;
    /*column-gap: 10rem;*/
}

/* Navigation menu */

.topnav[b-qmcosimi8p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 8%;
    position: fixed;
    top: 0;
    padding: 0 4rem;
    z-index: 999;
    /*background-color: transparent;*/
    background-color: white;
    backdrop-filter: blur(1rem);
    border-bottom: 1px solid #eee;
    transition: all 0.5s ease;
}

    .topnav.sticky[b-qmcosimi8p] {
        /*background-color: rgba(250, 250, 250, 0.9);*/
        background-color: white;
        backdrop-filter: blur(1rem);
        border-bottom: 1px solid #eee;
        transition: all 0.5s ease;
        /*height: 8%;*/
    }


main[b-qmcosimi8p] {
    flex: 1;
}

.footer[b-qmcosimi8p] {
    width: 100%;
    height: 50vh;
    background-color: var(--secondary-blue-14);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
}



@media (max-width: 640.98px) {
}

@media (min-width: 641px) {
    .page[b-qmcosimi8p] {
        /*flex-direction: row;*/
    }
}

#blazor-error-ui[b-qmcosimi8p] {
    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-qmcosimi8p] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }


/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1700px) {
    .topnav[b-qmcosimi8p] {
        padding: 0 2rem;
        height: auto;
    }

    .footer[b-qmcosimi8p] {
        height: auto;
    }
}

@media (max-width: 1400px) {
    .topnav[b-qmcosimi8p] {
        padding: 0;
    }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
    .topnav[b-qmcosimi8p] {
        background-color: transparent;
        backdrop-filter: none;
        border: none;
    }
}

@media (max-width: 768px) {
    .topnav[b-qmcosimi8p] {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        /*height: auto;*/
        z-index: 1000;
        transition: all 0.5s ease;
    }

        .topnav.sticky[b-qmcosimi8p] {
            background-color: transparent;
            backdrop-filter: none;
            border-bottom: none;
            transition: none;           
        }


    .footer[b-qmcosimi8p] {
        height: auto;
    }
}


/* _content/SRSOwnWebsite/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-tyrhg5p53k] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    z-index: 2;
}

.navbar-toggler:checked[b-tyrhg5p53k] {
    background-color: rgba(255, 255, 255, 0.5);
}

.navbar-brand[b-tyrhg5p53k] {
    display: flex;
    align-items: center;
    padding-left: 20px;
    margin-right: 0;
}

    .navbar-brand img[b-tyrhg5p53k] {
        max-height: 60px;
        height: auto;
        width: auto;
    }

.logo-white[b-tyrhg5p53k] {
    display: none;
}

.logo-dark[b-tyrhg5p53k] {
    display: block;
}

    .hide[b-tyrhg5p53k] {
        display: none;
    }

    .nav-item[b-tyrhg5p53k] {
        font-size: 0.8rem;
        padding-bottom: 0.5rem;
        padding: 0;
        text-decoration: none;
        display: flex;
        flex-wrap: nowrap;
        border: none;
        outline: none;
    }

        .nav-item[b-tyrhg5p53k]  .nav-link {
            background: none;
            border: none;
            border-radius: 4px;
            display: flex;
            align-items: center;
            width: 100%;
            height: auto;
            text-transform: uppercase;
            position: relative;
            color: var(--primary-blue);
        }

            .nav-item[b-tyrhg5p53k]  .nav-link::after {
                content: "";
                display: inline-block;
                width: 85%;
                height: 2px;
                border: none;
                background-color: var(--primary-blue);
                position: absolute;
                bottom: 0;
                left: 1rem;
                z-index: 5;
                transform: scaleX(0);
                transform-origin: left;
                transition: transform 0.5s, height 0.5s;
            }

        .nav-item[b-tyrhg5p53k]  .nav-link:hover::after {
            transform: scaleX(1);
        }
        .nav-item[b-tyrhg5p53k]  .nav-link:hover {
            text-decoration: none;
            /*color: white;*/
        }

.navbar-toggler[b-tyrhg5p53k] {
    display: none;
}

.nav-scrollable[b-tyrhg5p53k] {
    opacity: 0;
    visibility: hidden;
    height: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1rem;
    transform: none;
    position: relative;
}

.language-selector[b-tyrhg5p53k] {
    height: auto;
    display: flex;
    align-items: center;
}

@media (min-width: 641px) {
    nav[b-tyrhg5p53k] {
        display: flex;
        flex-direction: row;
        justify-content: center;
        overflow: hidden;
        flex-wrap: wrap;
        width: 100%;
        padding: 0;
    }

    .nav-scrollable[b-tyrhg5p53k] {
        display: flex;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
        padding: 1rem;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}


/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1700px) {
    .nav-scrollable[b-tyrhg5p53k] {
        padding: 0.5rem 1rem;
    }

    .nav-item[b-tyrhg5p53k]  .nav-link {
        padding: 0.5rem 1rem;
    }

        .nav-item[b-tyrhg5p53k]  .nav-link::after {
            width: 85%;
        }
}

@media (max-width: 1400px) {
    .nav-scrollable[b-tyrhg5p53k] {
        padding: 0.2rem 1rem;
    }

    .nav-item[b-tyrhg5p53k]  .nav-link {
        padding: 0.5rem;

    }

        .nav-item[b-tyrhg5p53k]  .nav-link::after {
            width: 90%;
            left: 0.5rem;
        }
}

@media (max-width: 1200px) {
    .nav-item[b-tyrhg5p53k]  .nav-link {
        padding: 0.5rem;
    }

        .nav-item[b-tyrhg5p53k]  .nav-link::after {
            width: 90%;
            left: 0.5rem;
        }
}


@media (max-width: 992px) {
    .navbar-toggler[b-tyrhg5p53k] {
        display: block;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem var(--secondary-blue-5);
        opacity: 0.3;
        border: 1px solid var(--secondary-blue-5);
    }

    .nav-scrollable[b-tyrhg5p53k] {
        position: fixed;
        opacity: 0;
        visibility: visible;
        height: 0;
        width: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        transition: all 0.1s ease;
    }

        .nav-scrollable.menu-open[b-tyrhg5p53k] {
            opacity: 1;
            visibility: visible;
            height: 100vh;
            max-height: 100vh;
            padding: 3rem 0;
            text-align: center;
            background-color: var(--primary-black);
            display: flex;
            flex-direction: column;
            justify-content: start;
            align-items: center;
            gap: 4rem;
            overflow-y: scroll;
        }


    nav[b-tyrhg5p53k] {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
        gap: 1.5rem;
        overflow: visible;
    }

    .navbar-brand[b-tyrhg5p53k] {
        padding-left: 0;
    }

        .navbar-brand img[b-tyrhg5p53k] {
            max-height: 4rem;
        }

    .nav-item[b-tyrhg5p53k] {
        font-size: 1.1rem;
    }

        .nav-item[b-tyrhg5p53k]  .nav-link {
            color: white;
        }

            .nav-item[b-tyrhg5p53k]  .nav-link::after {
                background-color: white;
                width: 100%;
                left: 0;
            }

        .nav-item[b-tyrhg5p53k]  a {
            transition: 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        }

        .logo-white[b-tyrhg5p53k] {
            display: block;
        }

    .logo-dark[b-tyrhg5p53k] {
        display: none;
    }
}


@media (max-width: 576px) {
    .navbar-brand img[b-tyrhg5p53k] {
        max-height: 3.5rem;
    }

    .nav-scrollable.menu-open[b-tyrhg5p53k] {
        padding: 3rem 0 0;
        gap: 3rem;
    }

    nav[b-tyrhg5p53k] {
        gap: 0.5rem;
    }

    .nav-item[b-tyrhg5p53k] {
        font-size: 0.9rem;
    }

        .nav-item .nav-link[b-tyrhg5p53k] {
            padding: 0;
        }
}

@media (max-width: 300px) {
    .nav-scrollable.menu-open[b-tyrhg5p53k] {
        height: auto;
        max-height: max-content;
        padding: 3rem 0;
    }
}
/* _content/SRSOwnWebsite/Components/Pages/About.razor.rz.scp.css */
/* ---------------------------------- Hero section ---------------------------------- */

.hero-section-about[b-5dqy179rgy] {
    min-height: clamp(25vh, 40vh, 60vh);
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('./images/people-are-working-project.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

/* ---------------------------------- About section ---------------------------------- */

.section-about[b-5dqy179rgy],
.section-awards[b-5dqy179rgy],
.section-competition[b-5dqy179rgy] {
    width: 100%;
    height: auto;
}

.section-about .about[b-5dqy179rgy] {
    width: 100%;
    height: auto;
    padding: 4rem 10rem;
    display: flex;
    justify-content: center;
}

    .section-about .about .right[b-5dqy179rgy] {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/two-businessmen.jpg');
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
        flex: 1;
    }

.profile[b-5dqy179rgy] {
    padding: 2rem 0 4rem 0;
}

    .profile h2[b-5dqy179rgy] {
        font-weight: bold;
        text-align: center;
    }

.slogan[b-5dqy179rgy] {
    background-color: var(--secondary-blue-5);
    height: 7rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .slogan h3[b-5dqy179rgy] {
        color: white;
        animation: fadeInUp 2s ease;
    }

/* ---------------------------------- Awards section ---------------------------------- */

.section-awards .awards[b-5dqy179rgy] {
    width: 100%;
    height: auto;
    padding: 4rem 8rem;
    display: flex;
    justify-content: center;
    background-color: #f0f0f0;
}

.section-awards .awards[b-5dqy179rgy] {
    padding: 4rem 8rem 4rem 0;
}

    .section-awards .awards .award-left img[b-5dqy179rgy] {
        width: 100%;
    }

.section-about .about .left[b-5dqy179rgy],
.section-competition .competition .left[b-5dqy179rgy] {
    height: auto;
    padding: 4rem;
    display: flex;
    flex-direction: column;
}

    .section-about .about .left p:first-child[b-5dqy179rgy],
    .section-awards .awards .right p:first-child[b-5dqy179rgy],
    .section-competition .competition .left p:first-child[b-5dqy179rgy] {
        font-size: 2rem;
        color: var(--secondary-blue-5);
    }

.section-awards .awards .award-left[b-5dqy179rgy] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 4rem;
}

.section-awards .awards .right p:first-child[b-5dqy179rgy] {
    text-align: center;
}

.timeline[b-5dqy179rgy] {
    display: grid;
    grid-template-columns: 1fr 1fr; /* két oszlop */
    gap: 2rem;
    position: relative;
}

    .timeline[b-5dqy179rgy]::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 4px;
        background-color: var(--secondary-blue-5);
        transform: translateX(-50%);
    }

.timeline-item[b-5dqy179rgy] {
    position: relative;
    padding: 1rem;
}

    .timeline-item[b-5dqy179rgy]::before {
        content: '';
        position: absolute;
        top: 1rem;
        width: 12px;
        height: 12px;
        background-color: var(--secondary-blue-5);
        border-radius: 50%;
    }

    .timeline-item.left[b-5dqy179rgy] {
        text-align: right;
    }

    .timeline-item.right[b-5dqy179rgy] {
        text-align: left;
    }

    .timeline-item.left[b-5dqy179rgy]::before {
        right: -6px;
    }

    .timeline-item.right[b-5dqy179rgy]::before {
        left: -6px;
    }





/* ---------------------------------- Competition section ---------------------------------- */

.section-competition .competition[b-5dqy179rgy] {
    width: 100%;
    height: auto;
    padding-left: 10rem;
    display: flex;
    justify-content: center;
}

    .section-competition .competition .left[b-5dqy179rgy] {
        display: flex;
        justify-content: center;
    }

        .section-competition .competition .left .box[b-5dqy179rgy] {
            width: 110%;
            height: 60px;
            display: flex;
            align-items: center;
        }

            .section-competition .competition .left .box a[b-5dqy179rgy] {
                color: var(--primary-blue);
                text-decoration: none;
                transition: all 0.2s ease;
            }

                .section-competition .competition .left .box a:hover[b-5dqy179rgy] {
                    transform: scale(1.04);
                    color: var(--primary-red);
                }

    .section-competition .competition .right[b-5dqy179rgy] {
        background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url('./images/6547811.jpg');
        background-size: 50%;
        background-position: center;
        background-repeat: no-repeat;
        flex: 1;
    }


/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1700px) {
    .section-about .about[b-5dqy179rgy],
    .section-awards .awards[b-5dqy179rgy] {
        padding: 4rem 5rem;
    }

        .section-about .about .right[b-5dqy179rgy] {
            background-size: 80%;
            min-height: 400px;
        }

        .section-about .about .left[b-5dqy179rgy], 
        .section-competition .competition .left[b-5dqy179rgy] {
            padding: 3rem;
        }

        .section-awards .awards .award-left[b-5dqy179rgy] {
            padding-left: 0;
        }

    .section-competition .competition[b-5dqy179rgy] {
        padding: 1rem;
    }

        .section-competition .competition .right[b-5dqy179rgy] {
            background-size: 60%;
            min-height: 400px;
        }
}


@media (max-width: 1400px) {
    .section-about .about[b-5dqy179rgy],
    .section-awards .awards[b-5dqy179rgy] {
        padding: 4rem 2rem;
    }

    .section-competition .competition[b-5dqy179rgy] {
        padding-left: 6rem;
    }

    p[b-5dqy179rgy] {
        font-size: 1rem;
    }
}


@media (max-width: 1200px) {
        .section-about .about .right[b-5dqy179rgy] {
            background-size: 80%;
        }
        .section-awards .awards .award-left[b-5dqy179rgy] {
            padding: 1rem;
        }

    .section-competition .competition[b-5dqy179rgy] {
        /*flex-direction: column;*/
        align-items: center;
        padding-left: 0;
        height: auto;
    }

        .section-competition .competition .right[b-5dqy179rgy] {
            height: auto;
            background-size: 65%;
        }
}


@media (max-width: 992px) {
    .hero-section-about[b-5dqy179rgy] {
        height: 25vh;
    }

    .section-about .about[b-5dqy179rgy],
    .section-awards .awards[b-5dqy179rgy] {
        flex-direction: column;
        padding: 2rem;
        justify-content: center;
        align-items: center;
    }

        .section-awards .awards .award-left[b-5dqy179rgy] {
            padding: 2rem 1rem;
        }

            .section-awards .awards .award-left img[b-5dqy179rgy] {
                width: 100%;
            }

        .section-about .about .right[b-5dqy179rgy] {
            background-size: 80%;
            width: 100%;

        }

        .section-about .about .left[b-5dqy179rgy],
        .section-competition .competition .left[b-5dqy179rgy] {
            padding: 2rem;
            width: 100%;
            text-align: center;
        }

            .section-about .about .left p:first-child[b-5dqy179rgy],
            .section-awards .awards .right p:first-child[b-5dqy179rgy],
            .section-competition .competition .left p:first-child[b-5dqy179rgy] {
                font-size: 1.6rem;
            }

            .section-competition .competition .left .box[b-5dqy179rgy] {
                width: 100%;
                height: auto;
            }

                .section-competition .competition .left[b-5dqy179rgy],
                .section-competition .competition .left .box[b-5dqy179rgy],
                .section-competition .competition .left .box a[b-5dqy179rgy] {
                    text-align: center;
                    justify-content: center;
                }

    .section-competition .competition .right[b-5dqy179rgy] {
        width: 100%;
        background-size: 55%;

    }
}

@media (max-width: 768px) {
    .hero-section-about[b-5dqy179rgy] {
        height: auto;
    }

    .section-about .about[b-5dqy179rgy],
    .section-awards .awards[b-5dqy179rgy] {
        padding: 1rem;
        text-align: center;
    }

        .section-about .about .right[b-5dqy179rgy] {
            background-size: 80%;
            min-height: 200px;
        }

        .section-awards .awards .award-left[b-5dqy179rgy] {
            align-items: center;
            padding: 2rem 1rem;
        }

        .section-awards .awards .award-left img[b-5dqy179rgy] {
            width: 50%;
        }

        .section-about .about .left p:first-child[b-5dqy179rgy],
        .section-awards .awards .right p:first-child[b-5dqy179rgy],
        .section-competition .competition .left p:first-child[b-5dqy179rgy] {
            font-size: 1.4rem;
        }

    .section-competition .competition[b-5dqy179rgy] {
        padding: 2rem 0;
    }

        .section-competition .competition .left[b-5dqy179rgy],
        .section-competition .competition .left .box[b-5dqy179rgy],
        .section-competition .competition .left .box a[b-5dqy179rgy] {
            text-align: center;
            justify-content: center;
        }

        .section-competition .competition .right[b-5dqy179rgy] {
            background-size: 60%;
            min-height: 200px;
        }

    .slogan[b-5dqy179rgy] {
        height: auto;
        padding: 1rem;
    }

        .slogan h3[b-5dqy179rgy] {
            font-size: 1.2rem;
        }
}


@media (max-width: 576px) {
    .hero-title[b-5dqy179rgy] {
        padding: 0 0.5rem;
    }

    .section-about .about[b-5dqy179rgy] {
        padding: 0;
    }

        .section-about .about .left[b-5dqy179rgy],
        .section-competition .competition .left[b-5dqy179rgy] {
            padding: 4rem 1rem;
        }

    .slogan[b-5dqy179rgy] {
        height: 10rem;
    }

    .section-awards .awards[b-5dqy179rgy] {
        padding: 4rem 1rem;
    }

        .section-awards .awards .award-left[b-5dqy179rgy] {
            padding: 0;
        }

        .section-awards .awards .right p:first-child[b-5dqy179rgy] {
            padding-top: 3rem;
        }

        .timeline[b-5dqy179rgy] {
            grid-template-columns: 1fr; /* egy oszlop */
        }

            .timeline[b-5dqy179rgy]::before {
                left: 0.5rem; 
                transform: none;
            }

        .timeline-item[b-5dqy179rgy] {
            text-align: left;
            padding: 1rem 0 1rem 3rem;
        }

            .timeline-item[b-5dqy179rgy]::before {
                left: 1rem;
                right: auto;
            }

            .timeline-item.left[b-5dqy179rgy] {
                text-align: left;
            }

                .timeline-item.left[b-5dqy179rgy]::before {
                    right: 1rem;
                }

            .timeline-item.right[b-5dqy179rgy]::before {
                left: 1rem;
            }


    .section-competition .competition[b-5dqy179rgy] {
        width: 100%;
        height: auto;
        padding-left: 0;
    }

        .section-competition .competition .right[b-5dqy179rgy] {
            background-size: 65%;
        }
}
/* _content/SRSOwnWebsite/Components/Pages/Career.razor.rz.scp.css */
/* ---------------------------------- Hero section ---------------------------------- */

.hero-section-career[b-qdchy4a3w7] {
    height: 40vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('./images/25544.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}


/* ---------------------------------- Career section ---------------------------------- */

.section-career[b-qdchy4a3w7] {
    width: 100%;
    /*height: 70vh;*/
    background-color: #f0f0f0;
}

.career-row-content[b-qdchy4a3w7] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6rem;
}

.career-left[b-qdchy4a3w7] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/Copilot_20251011_185231_3_1.png');
    background-size: 50% 100%;
    background-position: left;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6rem 4rem;
    gap: 0.5rem;
}

    .career-left h1[b-qdchy4a3w7],
    .career-form h2[b-qdchy4a3w7] {
        color: var(--secondary-blue-5);
        padding-bottom: 2rem;
    }

    .career-left p[b-qdchy4a3w7] {
        font-size: 1.2rem;
    }

.careerform[b-qdchy4a3w7] {
    width: 100%;
    padding: 3rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.career-button[b-qdchy4a3w7] {
    padding: 4rem 0;
}

    .career-button .career-btn[b-qdchy4a3w7] {
        background-color: var(--secondary-blue-5);
        color: white;
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        border: 1px solid var(--secondary-blue-5);
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        white-space: nowrap;
    }

        .career-button .career-btn:hover[b-qdchy4a3w7] {
            background-color: var(--primary-blue);
        }


.section-career .careerform .career-form div > label > span[b-qdchy4a3w7] {
    color: red;
}

.message[b-qdchy4a3w7] {
    font-size: 1.3rem;
    font-weight: bold;
    color: red;
}


/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1700px) {
}

@media (max-width: 1400px) {
    .career-row-content[b-qdchy4a3w7] {
        padding: 2rem;
    }

    .career-left[b-qdchy4a3w7] {
        padding: 2rem;
    }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
    .hero-section-career[b-qdchy4a3w7] {
        height: 25vh;
    }

    .career-row-content[b-qdchy4a3w7] {
        flex-direction: column;
    }

    .career-left h1[b-qdchy4a3w7],
    .career-form h2[b-qdchy4a3w7] {
        color: var(--secondary-blue-5);
        padding-bottom: 2rem;
        text-align: center;
    }

    .career-left[b-qdchy4a3w7] {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .career-left[b-qdchy4a3w7],
    .career-right[b-qdchy4a3w7] {
        width: 100%;
    }

    .career-button[b-qdchy4a3w7] {
        display: flex;
        justify-content: center;
        padding: 2rem 0;
    }

    .message[b-qdchy4a3w7] {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .hero-section-career[b-qdchy4a3w7] {
        height: 40vh;
    }
    .career-row-content[b-qdchy4a3w7] {
        padding: 0;
    }

    .career-left[b-qdchy4a3w7] {
        padding: 2rem;
    }
}
/* _content/SRSOwnWebsite/Components/Pages/EdiSystem.razor.rz.scp.css */
/* ---------------------------------- Hero section ---------------------------------- */

.hero-section-edi[b-dkb4gddjge] {
    height: 40vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('./images/6909184-comarch.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

/* ---------------------------------- About EDI section ---------------------------------- */


.section-edi[b-dkb4gddjge] {
    width: 100%;
    height: auto;
}

.section-edi .edi[b-dkb4gddjge] {
    width: 100%;
    height: 60vh;
    padding: 6rem 10rem 4rem;
    display: flex;
    justify-content: center;
}

    .section-edi .edi .left[b-dkb4gddjge] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-right: 4rem;
    }

        .section-edi .edi .left p:first-child[b-dkb4gddjge] {
            font-size: 2rem;
            color: var(--secondary-blue-5);
        }

    .section-edi .edi .right[b-dkb4gddjge] {
        background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('./images/1000014970.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 90%;
    }

.profile[b-dkb4gddjge] {
    padding: 2rem 0 4rem 0;
}

    .profile h2[b-dkb4gddjge] {
        font-weight: bold;
        text-align: center;
    }

.slogan[b-dkb4gddjge] {
    background-color: var(--secondary-blue-5);
    height: 8rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .slogan h4[b-dkb4gddjge] {
        color: white;
        animation: fadeInUp 2s ease;
    }

.service-1[b-dkb4gddjge] {
    padding: 2rem;
    background-color: var(--secondary-blue-14);
}

    .service-1 .left-1[b-dkb4gddjge] {
        padding-left: 5rem;
        padding-bottom: 3rem;
    }

    .service-1 .right-1[b-dkb4gddjge] {
        padding-right: 5rem;
        padding-bottom: 3rem;
    }

    .presentation[b-dkb4gddjge] {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 1rem;
    }

.presentation-title[b-dkb4gddjge] {
    text-align: center;
    font-size: 2rem;
    padding: 4rem;
    color: white;
}

.card-grid[b-dkb4gddjge] {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 oszlop */
    grid-template-rows: repeat(2, auto); /* 2 sor */
    gap: 30px;
}

.card[b-dkb4gddjge] {
    display: flex;
    justify-content: center;
    height: 21.5vh;
    padding: 25px 24px;
    border-radius: 8px;
    text-align: left;
    color: white;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

    .card h2[b-dkb4gddjge] {
        font-size: 1.3rem;
        margin-bottom: 12px;
        color: white;
        font-weight: bold;
    }

    .card p[b-dkb4gddjge] {
        font-size: 0.95rem;
        line-height: 1.5;
    }


.section-services .service-2[b-dkb4gddjge],
.section-services .service-3[b-dkb4gddjge], 
.section-services .service-4[b-dkb4gddjge], 
.section-services .service-5[b-dkb4gddjge] {
    width: 100%;
    height: 45vh;
    padding: 3rem 0;
    display: flex;
    justify-content: center;
}

.section-services .service-2[b-dkb4gddjge] {
    height: auto;
}

.section-services .service-2[b-dkb4gddjge],
.section-services .service-4[b-dkb4gddjge] {
    background-color: #f0f0f0;
}


.section-services .service-2 .left-2[b-dkb4gddjge],
.section-services .service-3 .right-3[b-dkb4gddjge],
.section-services .service-4 .left-4[b-dkb4gddjge],
.section-services .service-5 .right-5[b-dkb4gddjge] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 8rem;
}

.service-2 .left-2 p:first-child[b-dkb4gddjge],
.service-3 .right-3 p:first-child[b-dkb4gddjge],
.service-4 .left-4 p:first-child[b-dkb4gddjge],
.service-5 .right-5 p:first-child[b-dkb4gddjge] {
    font-size: 2rem;
    color: var(--secondary-blue-5);
}

.service-2 .right-2[b-dkb4gddjge] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/1000014936.jpg');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}


.service-3 .left-3[b-dkb4gddjge] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/1000014971.jpg');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.service-4 .right-4[b-dkb4gddjge] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/edi-integrations-partners_v2.webp');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

.service-5 .left-5[b-dkb4gddjge] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/6909184-comarch.jpg');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
}

/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1700px) {
    .section-edi .edi[b-dkb4gddjge] {
        padding: 6rem 8rem 4rem;
        height: auto;
    }

        .section-edi .edi .right[b-dkb4gddjge] {
            height: auto;
        }

    .card-grid[b-dkb4gddjge] {
        gap: 24px;
    }

    .section-services .service-2[b-dkb4gddjge],
    .section-services .service-3[b-dkb4gddjge],
    .section-services .service-4[b-dkb4gddjge],
    .section-services .service-5[b-dkb4gddjge] {
        height: auto;
    }

    .service-1 .left-1[b-dkb4gddjge] {
        padding-left: 2rem;
    }

    .service-1 .right-1[b-dkb4gddjge] {
        padding-right: 2rem;
    }

    .card[b-dkb4gddjge] {
        height: auto;
    }

    .slogan[b-dkb4gddjge] {
        height: auto;
        padding: 1rem;
    }
}

@media (max-width: 1400px) {
    .section-edi .edi[b-dkb4gddjge] {
        padding: 5rem 3rem;
    }

    .section-services .service-2 .left-2[b-dkb4gddjge],
    .section-services .service-3 .right-3[b-dkb4gddjge],
    .section-services .service-4 .left-4[b-dkb4gddjge],
    .section-services .service-5 .right-5[b-dkb4gddjge] {
        padding: 0 4rem;
    }

    .presentation-title[b-dkb4gddjge] {
        font-size: 1.8rem;
        padding: 3rem;
    }

    .service-1 .left-1[b-dkb4gddjge] {
        padding-left: 1rem;
    }

    .service-1 .right-1[b-dkb4gddjge] {
        padding-right: 1rem;
    }
}

@media (max-width: 1200px) {
    .section-edi .edi[b-dkb4gddjge] {
        flex-direction: column;
        align-items: center;
        padding: 4rem 4rem 2rem;
        height: auto;
        text-align: center;
    }

        .section-edi .edi .left[b-dkb4gddjge] {
            padding-right: 0;
            padding-bottom: 2rem;
        }

        .section-edi .edi .right[b-dkb4gddjge] {
            width: 100%;
            height: 300px;
        }

    .section-services .service-2[b-dkb4gddjge],
    .section-services .service-3[b-dkb4gddjge],
    .section-services .service-4[b-dkb4gddjge],
    .section-services .service-5[b-dkb4gddjge] {
        flex-direction: column;
        align-items: center;
        height: auto;
        padding: 2rem 1rem;
    }

        .section-services .service-2 .left-2[b-dkb4gddjge],
        .section-services .service-3 .right-3[b-dkb4gddjge],
        .section-services .service-4 .left-4[b-dkb4gddjge],
        .section-services .service-5 .right-5[b-dkb4gddjge] {
            padding: 1rem;
            text-align: center;
        }

    .card-grid[b-dkb4gddjge] {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 20px;
    }

    .card[b-dkb4gddjge] {
        height: auto;
        padding: 20px;
    }

        .card h2[b-dkb4gddjge] {
            font-size: 1.2rem;
        }

        .card p[b-dkb4gddjge] {
            font-size: 0.9rem;
        }
}

@media (max-width: 992px) {
    .hero-section-edi[b-dkb4gddjge] {
        height: 25vh;
    }

    .section-edi .edi[b-dkb4gddjge] {
        padding: 3rem 2rem;
    }

    .section-services .service-2 .left-2[b-dkb4gddjge],
    .section-services .service-3 .right-3[b-dkb4gddjge],
    .section-services .service-4 .left-4[b-dkb4gddjge],
    .section-services .service-5 .right-5[b-dkb4gddjge] {
        width: 100%;
        padding: 2rem;
        text-align: center;
    }

        .section-services .service-2 .right-2[b-dkb4gddjge],
        .section-services .service-3 .left-3[b-dkb4gddjge],
        .section-services .service-4 .right-4[b-dkb4gddjge],
        .section-services .service-5 .left-5[b-dkb4gddjge] {
            height: 30vh;
            width: 100%;
        }

        .section-edi .edi .left p:first-child[b-dkb4gddjge],
        .service-2 .left-2 p:first-child[b-dkb4gddjge],
        .service-3 .right-3 p:first-child[b-dkb4gddjge],
        .service-4 .left-4 p:first-child[b-dkb4gddjge],
        .service-5 .right-5 p:first-child[b-dkb4gddjge] {
            font-size: 1.6rem;
        }

    .presentation-title[b-dkb4gddjge] {
        font-size: 1.6rem;
        padding: 2rem;
    }

    .card-grid[b-dkb4gddjge] {
        gap: 16px;
    }

    .card[b-dkb4gddjge] {
        padding: 16px;
    }

    ul[b-dkb4gddjge] {
        list-style: none;
        padding: 0;
        text-align: center;
        line-height: 2rem;
    }

        ul li[b-dkb4gddjge] {
            position: relative;
            padding-left: 1.2rem;
        }

            ul li[b-dkb4gddjge]::before {
                content: "•";
                position: absolute;
                top: -2%;
                transform: translateX(-200%);
                font-size: 2rem;
            }
}

@media (max-width: 768px) {
    .hero-section-edi[b-dkb4gddjge] {
        height: 40vh;
    }

    .section-edi .edi[b-dkb4gddjge] {
        padding: 2rem 1rem;
    }

        .section-edi .edi .left p:first-child[b-dkb4gddjge],
        .service-2 .left-2 p:first-child[b-dkb4gddjge],
        .service-3 .right-3 p:first-child[b-dkb4gddjge],
        .service-4 .left-4 p:first-child[b-dkb4gddjge],
        .service-5 .right-5 p:first-child[b-dkb4gddjge] {
            font-size: 1.4rem;
        }

    .service-1 .left-1[b-dkb4gddjge] {
        padding: 1rem 4rem;
    }

    .service-1 .right-1[b-dkb4gddjge] {
        padding: 1rem 4rem;
    }

    .presentation-title[b-dkb4gddjge] {
        font-size: 1.4rem;
        padding: 1.5rem;
    }

    .card h2[b-dkb4gddjge] {
        font-size: 1.1rem;
    }

    .card p[b-dkb4gddjge] {
        font-size: 0.85rem;
    }

    .slogan[b-dkb4gddjge] {
        height: auto;
        padding: 1rem;
    }

        .slogan h4[b-dkb4gddjge] {
            font-size: 1.2rem;
        }
}

@media (max-width: 576px) {
    .section-edi .edi[b-dkb4gddjge] {
        padding: 1rem;
    }

        .section-edi .edi .right[b-dkb4gddjge] {
            height: 200px;
        }

    .presentation-title[b-dkb4gddjge] {
        font-size: 1.2rem;
        padding: 1rem;
    }

    .card[b-dkb4gddjge] {
        padding: 1rem;
    }

        .card h2[b-dkb4gddjge] {
            font-size: 1rem;
        }

        .card p[b-dkb4gddjge] {
            font-size: 0.8rem;
        }

    .section-services .service-2 .right-2[b-dkb4gddjge],
    .service-3 .left-3[b-dkb4gddjge],
    .service-4 .right-4[b-dkb4gddjge],
    .service-5 .left-5[b-dkb4gddjge] {
        background-size: contain;
    }

    .service-1 .left-1[b-dkb4gddjge] {
        padding: 1rem 2rem;
    }

    .service-1 .right-1[b-dkb4gddjge] {
        padding: 1rem 2rem;
    }
}
/* _content/SRSOwnWebsite/Components/Pages/EShelfLabel.razor.rz.scp.css */
/* ---------------------------------- Hero section ---------------------------------- */

.hero-section-eshelf[b-18nx4j0lw8] {
    height: 40vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('./images/esl-ipari-vonalkodolvasas-768x588.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

/* ---------------------------------- Cards section ---------------------------------- */

.section-promo-cards[b-18nx4j0lw8] {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem;
}

.section-section-promo-cards .promo-cardrow[b-18nx4j0lw8] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-promo-cards .promo-cardrow .col-md-4[b-18nx4j0lw8] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-promo-cards .promo-card[b-18nx4j0lw8] {
    opacity: 1;
    margin: 0;
    padding: 1rem;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    border: none;
    transition: all 0.3s ease;
}

    .section-promo-cards .promo-card .promo-card-content[b-18nx4j0lw8] {
        width: 100%;
        height: 240px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 0 4rem;
        z-index: 1;
        transition: transform 0.3s ease;
    }

        .section-promo-cards .promo-card .promo-card-content:hover[b-18nx4j0lw8] {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
            transform: scale(1.04);
        }

    .section-promo-cards .promo-card .promo-card-content[b-18nx4j0lw8] {
        background-color: var(--secondary-blue-5);
    }

        .section-promo-cards .promo-card .promo-card-content h2[b-18nx4j0lw8] {
            font-size: 1.5vw 1rem;
            color: white;
        }

/* ---------------------------------- Services section ---------------------------------- */

.section-services[b-18nx4j0lw8] {
    width: 100%;
    height: auto;
}

    .section-services .service-1[b-18nx4j0lw8] {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        padding: 3rem 0;
        background-color: #f0f0f0;
    }

.catalog-btn[b-18nx4j0lw8] {
    width: 15.5vw;
    max-width: 100%;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    border: 1px solid white;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    background-color: var(--secondary-blue-5);
    transition: all 0.3s ease;
    color: white;
    /*white-space: nowrap;*/
}

    .catalog-btn:hover[b-18nx4j0lw8] {
        background-color: var(--primary-blue);
    }

.service-2[b-18nx4j0lw8] {
    padding: 0 4rem 6rem;
    background-color: var(--secondary-blue-14);
}

.presentation-title[b-18nx4j0lw8] {
    text-align: center;
    font-size: 2rem;
    padding: 4rem;
    color: white;
    transition: all 0.3s ease;
}

.cardrow[b-18nx4j0lw8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

    .cardrow .card[b-18nx4j0lw8] {
        flex: 0 1 350px;
        display: flex;
        justify-content: center;
        /*width: 21%;*/
        height: auto;
        padding: 26px 25px;
        border-radius: 8px;
        text-align: left;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: white;
    }

        .cardrow .card:first-child[b-18nx4j0lw8] {
            animation-delay: 0.2s;
        }

        .cardrow .card:nth-child(2)[b-18nx4j0lw8] {
            animation-delay: 0.5s;
        }

        .cardrow .card:nth-child(3)[b-18nx4j0lw8] {
            animation-delay: 0.8s;
        }

        .cardrow .card:nth-child(4)[b-18nx4j0lw8] {
            animation-delay: 1.1s;
        }

        .cardrow .card h2[b-18nx4j0lw8] {
            font-size: 1.3rem;
            margin-bottom: 12px;
            color: white;
            font-weight: bold;
        }

        .cardrow .card p[b-18nx4j0lw8] {
            font-size: 0.95rem;
            line-height: 1.5;
        }


.section-services .service-3[b-18nx4j0lw8] {
    width: 100%;
    height: auto;
    padding: 3rem 0;
}

.section-services .service-4[b-18nx4j0lw8] {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    background-color: #f0f0f0;
}

.section-services .service-5[b-18nx4j0lw8] {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 8rem;
    padding-top: 2rem;
}

    .section-services .service-1 .left-1[b-18nx4j0lw8],
    .section-services .service-4 .right-4[b-18nx4j0lw8],
    .section-services .service-5 .left-5[b-18nx4j0lw8] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 3rem 8rem;
    }

.section-services .service-3 .left-3[b-18nx4j0lw8] {
    padding: 3rem 2rem 3rem 8rem;
}

        .section-services .service-1 .left-1 p:first-child[b-18nx4j0lw8],
        .section-services .service-3 .left-3 p:first-child[b-18nx4j0lw8],
        .section-services .service-4 .right-4 p:first-child[b-18nx4j0lw8],
        .section-services .service-5 .left-5 p:first-child[b-18nx4j0lw8] {
            font-size: 2rem;
            color: var(--secondary-blue-5);
        }

        .section-services .service-4 .left-4 p:first-child[b-18nx4j0lw8] {
            color: white;
        }

        .section-services .service-3 .left-3 div[b-18nx4j0lw8] {
            padding-left: 0;
        }

        .section-services .service-3 .left-3 > div > div.col-md-5 > h5[b-18nx4j0lw8] {
            padding-left: 1rem;
        }

    .section-services .service-1 .right-1[b-18nx4j0lw8],
    .section-services .service-3 .right-3[b-18nx4j0lw8],
    .section-services .service-4 .left-4[b-18nx4j0lw8],
    .section-services .service-5 .right-5[b-18nx4j0lw8] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 8rem;
    }

.section-services .service-1 .right-1[b-18nx4j0lw8] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/demotags001-2048x1329.jpeg');
    background-size: 60%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 4rem 0;
}

.section-services .service-3 .right-3[b-18nx4j0lw8] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/esl-patika-03.jpg');
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
}

.section-services .service-4 .left-4[b-18nx4j0lw8] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/esl-patika-01-678x381.jpg');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 3rem;
}

.section-services .service-5 .right-5[b-18nx4j0lw8] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('./images/ipari-443x381.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;
}




.video-gallery[b-18nx4j0lw8] {
    padding: 2rem;
    text-align: center;
}

.video-grid[b-18nx4j0lw8] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 1rem;
}

    .video-grid video[b-18nx4j0lw8] {
        flex: 0 1 300px; /* fix szélesség, de törhető */
        max-width: 300px;
        height: auto;
        border-radius: 8px;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        transition: transform 0.2s ease;
    }

        .video-grid video:hover[b-18nx4j0lw8] {
            transform: scale(1.03);
        }

/* Modális nézet */
.modal[b-18nx4j0lw8] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

    .modal video[b-18nx4j0lw8] {
        max-width: 90%;
        max-height: 80vh;
        border-radius: 8px;
    }

.close-btn[b-18nx4j0lw8] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: transparent;
    border: none;
    font-size: 2rem;
    color: white;
    cursor: pointer;
    z-index: 10001;
    /*white-space: nowrap;*/
}

    .close-btn:hover[b-18nx4j0lw8] {
        color: #ffdddd;
    }




/* ---------------------------------- Media queries ---------------------------------- */


@media (max-width: 1700px) {
    /*    .cardrow .card {
        height: auto;
    }*/

    .section-promo-cards .promo-card[b-18nx4j0lw8] {
        width: 360px;
    }

    .catalog-btn[b-18nx4j0lw8] {
        width: 60%;
        text-align: center;
    }

    .section-services .service-3 .left-3[b-18nx4j0lw8] {
        padding: 3rem;
    }

    .section-services .service-1 .left-1[b-18nx4j0lw8],
    .section-services .service-4 .right-4[b-18nx4j0lw8],
    .section-services .service-5 .left-5[b-18nx4j0lw8] {
        padding: 3rem;
    }

    .section-services .service-3 .right-3[b-18nx4j0lw8] {
        background-size: 70%;
    }

    .section-services .service-4 .left-4[b-18nx4j0lw8] {
        background-size: 90%;
    }

    .section-services .service-5 .right-5[b-18nx4j0lw8] {
        height: 60vh;
    }
}

@media (max-width: 1200px) {
    .section-promo-cards .promo-card[b-18nx4j0lw8] {
        width: 310px;
    }

}

@media (max-width: 992px) {
    .hero-section-eshelf[b-18nx4j0lw8] {
        height: 25vh;
    }

    .section-promo-cards[b-18nx4j0lw8] {
        padding: 2rem 1rem;
    }

    .section-promo-cards .promo-card[b-18nx4j0lw8] {
        width: 270px;
    }

        .section-promo-cards .promo-card .promo-card-content[b-18nx4j0lw8] {
            height: 190px;
        }


        .section-promo-cards .promo-card .promo-card-content h2[b-18nx4j0lw8] {
            font-size: 1.3rem;
        }

}

@media (max-width: 768px) {
    .hero-section-eshelf[b-18nx4j0lw8] {
        height: 40vh;
    }

    .video-grid video[b-18nx4j0lw8] {
        flex: 1 1 100%;
    }

/*    .section-promo-cards .promo-card {
        width: 400px;
    }*/

        .section-promo-cards .promo-card .promo-card-content[b-18nx4j0lw8] {
            height: 200px;
        }

        .section-promo-cards .promo-card .promo-card-content h2[b-18nx4j0lw8] {
            font-size: 1.3rem;
        }
}

@media (max-width: 576px) {
    .cardrow[b-18nx4j0lw8] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2rem;
    }

        .cardrow .card[b-18nx4j0lw8] {
            width: 100%;
        }

    .catalog-btn[b-18nx4j0lw8] {
        width: 100%;
        text-align: center;
    }

    .presentation-title[b-18nx4j0lw8] {
        padding: 4rem 0;
    }

    .section-services .service-1 .left-1[b-18nx4j0lw8],
    .section-services .service-4 .right-4[b-18nx4j0lw8],
    .section-services .service-5 .left-5[b-18nx4j0lw8] {
        padding: 2rem;
    }

    .section-services .service-1 .right-1[b-18nx4j0lw8] {
        background-size: 80%;
        padding: 4rem 0;
        height: 30vh;
    }

    .service-2[b-18nx4j0lw8] {
        padding: 0 1rem 6rem;
    }

    .section-services .service-3 .left-3[b-18nx4j0lw8] {
        padding: 1rem 2rem;
    }

    .section-services .service-3 .right-3[b-18nx4j0lw8] {
        background-size: 80%;
        height: 40vh;
    }

    .section-services .service-4 .left-4[b-18nx4j0lw8] {
        background-size: 80%;
        height: 30vh;
    }

    .section-services .service-5[b-18nx4j0lw8] {
         padding-right: 0; 
    }
}
/* _content/SRSOwnWebsite/Components/Pages/Home.razor.rz.scp.css */
/* ---------------------------------- Hero section ---------------------------------- */


.hero-section[b-wx8t2umsjs] {
    position: relative;
    height: 100vh;
/*    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('../images/25544.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    overflow: hidden;
}

.hero-video[b-wx8t2umsjs] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    color: red;
}

.hero-content[b-wx8t2umsjs] {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5.5rem;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.5);
}

.hero-title[b-wx8t2umsjs] {
    font-size: 3.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    z-index: 1;
}

.hero-subtitle[b-wx8t2umsjs] {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    z-index: 1;
}

.hero-buttons[b-wx8t2umsjs] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    z-index: 1;
}

.primary-btn[b-wx8t2umsjs],
.secondary-btn[b-wx8t2umsjs] {
    padding: 0.75rem 1.5rem;
    font-size: 1.1rem;
    border: 1px solid white;
    border-radius: 6px;
    cursor: pointer;
    text-decoration: none;
    transition: background-color 0.3s ease;
    z-index: 1;
    white-space: nowrap;
}

.primary-btn[b-wx8t2umsjs] {
/*    background-color: transparent;
    color: white;*/
    background-color: white;
    color: var(--primary-blue);
}

    .primary-btn:hover[b-wx8t2umsjs] {
        background-color: var(--secondary-blue-5);
        color: white
    }

.secondary-btn[b-wx8t2umsjs] {
/*    background-color: transparent;
    color: white;*/
    background-color: white;
    color: var(--primary-blue);
}

    .secondary-btn:hover[b-wx8t2umsjs] {
        background-color: var(--secondary-blue-5);
        color: white
    }

.slogan[b-wx8t2umsjs] {
    background-color: var(--secondary-blue-5);
    height: 6rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

    .slogan h3[b-wx8t2umsjs] {
        animation: fadeInUp 2s ease;
    }



/* ---------------------------------- Cards section ---------------------------------- */

.section-cards[b-wx8t2umsjs] {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    overflow: hidden;
    gap: 6rem;
}

.card-title h1[b-wx8t2umsjs] {
    padding: 8rem 0 0 0;
}

.section-cards .cardrow[b-wx8t2umsjs] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 2.5rem;
    padding: 2rem 3rem 0 3rem;
}

    .section-cards .cardrow .col-md-3[b-wx8t2umsjs] {
        width: 384px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

.section-cards .card[b-wx8t2umsjs] {
    width: 100%;
    min-width: 384px;
    height: 600px;
    display: flex;
    justify-content: end;
    align-items: center;
    color: white;
    border: none;
    transition: transform 0.3s ease;
}

@keyframes slideDown-b-wx8t2umsjs {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.section-cards .card .card-content-top[b-wx8t2umsjs] {
    width: 100%;
    height: 400px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    transition: .5s;
    transform: translateY(140px);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
}

.section-cards .card:hover .card-content-top[b-wx8t2umsjs] {
    transform: translateY(0);
}

.section-cards .cardrow > div:nth-child(1) .card .card-content-top[b-wx8t2umsjs] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('./images/srs-pos-k.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-cards .cardrow > div:nth-child(2) .card .card-content-top[b-wx8t2umsjs] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('./images/esl-ipari-vonalkodolvasas-768x588.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-cards .cardrow > div:nth-child(3) .card .card-content-top[b-wx8t2umsjs] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('./images/6909184-comarch.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-cards .cardrow > div:nth-child(4) .card .card-content-top[b-wx8t2umsjs] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url('./images/vecteezy_4828221.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-cards .card .card-content-bottom[b-wx8t2umsjs] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('./images/101112.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 2rem;
    z-index: 1;
    transition: .5s;
    transform: translateY(-140px);
}

.section-cards .card:hover .card-content-bottom[b-wx8t2umsjs] {
    transform: translateY(0px);
}

.card-content-bottom h2[b-wx8t2umsjs] {
    font-size: 1.4vw;
}


/* ---------------------------------- About section ---------------------------------- */

.section-about[b-wx8t2umsjs] {
    width: 100%;
    height: 60vh;
    background-color: #f0f0f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .section-about .about[b-wx8t2umsjs] {
        justify-content: center;
        align-items: center;
        text-align: center;
    }

.about-title h1[b-wx8t2umsjs] {
    padding: 3rem 0 5rem 0;
}

.section-about .about div:first-child[b-wx8t2umsjs] {
    text-align: start;
    padding: 0 0 0 5rem;
}

.section-about .about .col-md-6 p:nth-child(1)[b-wx8t2umsjs] {
    font-size: 1.3rem;
}

.section-about .about .col-md-6 p:nth-child(2)[b-wx8t2umsjs] {
    line-height: 1.8rem;
}

.section-about .about-button[b-wx8t2umsjs] {
    padding: 4rem 0;
}

    .section-about .about-button .about-btn[b-wx8t2umsjs] {
        background-color: var(--secondary-blue-5);
        color: white;
        padding: 0.75rem 1.5rem;
        font-size: 1.2rem;
        border: 1px solid var(--secondary-blue-5);
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        text-decoration: none;
        white-space: nowrap;
    }

        .section-about .about-button .about-btn:hover[b-wx8t2umsjs] {
            background-color: var(--primary-blue);
        }



/* ---------------------------------- Services section ---------------------------------- */

.section-services[b-wx8t2umsjs] {
    width: 100%;
    height: auto;
}

    .section-services .service-1[b-wx8t2umsjs] {
        width: 100%;
        height: 60vh;
        padding-top: 4rem;
        display: flex;
        justify-content: end;
    }

        .section-services .service-1 .left-1[b-wx8t2umsjs] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 8rem;
        }

        .section-services .service-1 .right-1[b-wx8t2umsjs] {
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/srs-pos-k.jpg');
            background-size: 100% 100%;
            background-position: bottom;
            background-repeat: no-repeat;
            overflow: hidden;
        }

    .section-services .service-2[b-wx8t2umsjs],
    .section-services .service-4[b-wx8t2umsjs] {
        width: 100%;
        height: 50vh;
        padding: 5rem 8rem 4rem 0;
        background-color: var(--primary-black);
        color: white;
    }

        .section-services .service-2 .left-2[b-wx8t2umsjs],
        .section-services .service-4 .left-4[b-wx8t2umsjs] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 3rem 0 8rem;
        }

        .section-services .service-2 .right-2[b-wx8t2umsjs] {
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/esl-ipari-vonalkodolvasas-768x588.jpg');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }

    .section-services .service-3[b-wx8t2umsjs] {
        width: 100%;
        height: 60vh;
        padding: 0;
    }

        .section-services .service-3 .left-3[b-wx8t2umsjs] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 8rem;
        }

        .section-services .service-3 .right-3[b-wx8t2umsjs] {
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/6909184-comarch.jpg');
            background-size: cover;
            background-position: top;
            background-repeat: no-repeat;
        }

    .section-services .service-4 .right-4[b-wx8t2umsjs] {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/vecteezy_4828221.jpg');
        background-size: 70%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .section-services .service-1 .left-1 p[b-wx8t2umsjs],
    .section-services .service-2 .left-2 p[b-wx8t2umsjs],
    .section-services .service-3 .left-3 p[b-wx8t2umsjs],
    .section-services .service-4 .left-4 p[b-wx8t2umsjs] {
        transition: color 1s;
    }

        .section-services .service-1 .left-1 p:first-child[b-wx8t2umsjs],
        .section-services .service-2 .left-2 p:first-child[b-wx8t2umsjs],
        .section-services .service-3 .left-3 p:first-child[b-wx8t2umsjs],
        .section-services .service-4 .left-4 p:first-child[b-wx8t2umsjs] {
            font-size: 2vw;
        }

        .section-services .service-1 .left-1 p:first-child[b-wx8t2umsjs],
        .section-services .service-3 .left-3 p:first-child[b-wx8t2umsjs] {
            color: var(--secondary-blue-5);
        }

    .section-services .service-2 .left-2[b-wx8t2umsjs],
    .section-services .service-4 .left-4[b-wx8t2umsjs] {
        color: white;
    }

    .section-services .service-1 .left-1 > p:nth-child(2)[b-wx8t2umsjs],
    .section-services .service-2 .left-2 > p:nth-child(2)[b-wx8t2umsjs],
    .section-services .service-3 .left-3 > p:nth-child(2)[b-wx8t2umsjs],
    .section-services .service-4 .left-4 > p:nth-child(2)[b-wx8t2umsjs] {
        animation-delay: 0.5s;
    }

    .section-services .service-1 .left-1 > p:nth-child(3)[b-wx8t2umsjs],
    .section-services .service-2 .left-2 > p:nth-child(3)[b-wx8t2umsjs],
    .section-services .service-3 .left-3 > p:nth-child(3)[b-wx8t2umsjs],
    .section-services .service-4 .left-4 > p:nth-child(3)[b-wx8t2umsjs] {
        animation-delay: 0.8s;
    }

    .section-services .service-2 .left-2 > p:nth-child(4)[b-wx8t2umsjs],
    .section-services .service-3 .left-3 > p:nth-child(4)[b-wx8t2umsjs],
    .section-services .service-4 .left-4 > p:nth-child(4)[b-wx8t2umsjs],
    .section-services .service-4 .left-4 > p:nth-child(5)[b-wx8t2umsjs] {
        animation-delay: 1.1s;
    }

    .section-services .service-2 .left-2 > ul[b-wx8t2umsjs] {
        animation-delay: 1.3s;
    }

    .section-services .service-4 .left-4 > ul[b-wx8t2umsjs] {
        animation-delay: 1.3s;
    }

    .section-services .service-button[b-wx8t2umsjs] {
        margin-top: 3rem;
    }

        .section-services .service-button .service-btn[b-wx8t2umsjs] {
            background-color: var(--secondary-blue-5);
            color: white;
            padding: 0.75rem 1.5rem;
            font-size: 1.2rem;
            border: 1px solid var(--secondary-blue-5);
            border-radius: 6px;
            cursor: pointer;
            transition: background-color 0.3s ease;
            text-decoration: none;
            white-space: nowrap;
        }

    .section-services .service-button .service-btn:hover[b-wx8t2umsjs] {
        background-color: var(--primary-blue);
        color: white;
    }


/* ---------------------------------- Contact section ---------------------------------- */

.section-contact[b-wx8t2umsjs] {
    width: 100%;
    height: 100vh;
}

.contact-title h1[b-wx8t2umsjs] {
    animation-delay: 1s;
}

.contact-left[b-wx8t2umsjs] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/Copilot_20251011_185231_3_1.png');
    background-size: 50% 100%;
    background-position: left;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--secondary-blue-14);
    height: 100vh;
    padding: 11rem;
    color: white;

}

    .contact-left p[b-wx8t2umsjs] {
        font-size: 1.7rem;
    }

    .contact-right[b-wx8t2umsjs] {
        height: 100vh;
        padding: 9rem;
        border-bottom: 1px solid var(--secondary-black);
    }

.contactform[b-wx8t2umsjs] {
    padding: 3rem;
}

.contact-button[b-wx8t2umsjs] {
    padding: 4rem 0;
}

    .contact-button .contact-btn[b-wx8t2umsjs] {
        background-color: var(--secondary-blue-5);
        color: white;
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        border: 1px solid var(--secondary-blue-5);
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        white-space: nowrap;
    }

        .contact-button .contact-btn:hover[b-wx8t2umsjs] {
            background-color: var(--primary-blue);
        }


.section-contact .contactform .contact-form div > label > span[b-wx8t2umsjs] {
    color: red;
}

.message[b-wx8t2umsjs] {
    font-size: 1.3rem;
    font-weight: bold;
    color: red;
}


/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1900px) {
    .section-cards[b-wx8t2umsjs] {
        gap: 1rem;
        height: auto;
    }

    .card-title h1[b-wx8t2umsjs] {
        padding-top: 5rem;
    }

    .section-cards .cardrow[b-wx8t2umsjs] {
        gap: 2rem;
        padding: 1rem;
    }

        .section-cards .cardrow .col-md-3[b-wx8t2umsjs],
        .section-cards .card[b-wx8t2umsjs] {
            width: 320px;
            min-width: 320px;
        }

    .card-content-bottom h2[b-wx8t2umsjs] {
        font-size: 1.7vw;
    }

    .section-about[b-wx8t2umsjs] {
        height: auto;
        padding: 4rem 0;
    }

    .about-title h1[b-wx8t2umsjs] {
        padding: 4rem 0;
    }

        .section-about .about div:first-child[b-wx8t2umsjs] {
            width: 70%;
        }

        .section-about .about-button .about-btn[b-wx8t2umsjs],
        .section-services .service-button .service-btn[b-wx8t2umsjs] {
            font-size: 1.1vw;
        }

    .section-services .service-1[b-wx8t2umsjs],
    .section-services .service-2[b-wx8t2umsjs],
    .section-services .service-3[b-wx8t2umsjs],
    .section-services .service-4[b-wx8t2umsjs] {
        height: auto;
    }

    .section-services .service-1[b-wx8t2umsjs],
    .section-services .service-3[b-wx8t2umsjs] {
        padding: 3rem 0 0;
    }

    .section-services .service-2[b-wx8t2umsjs],
    .section-services .service-4[b-wx8t2umsjs] {
        padding: 7rem 0;
    }

        .section-services .service-1 .left-1[b-wx8t2umsjs],
        .section-services .service-3 .left-3[b-wx8t2umsjs] {
            padding: 4rem 6rem;
        }

    .section-services .service-2 .left-2[b-wx8t2umsjs],
    .section-services .service-4 .left-4[b-wx8t2umsjs] {
        padding: 0 6rem 0 6rem;
    }

            .section-services .service-1 .left-1 p:first-child[b-wx8t2umsjs],
            .section-services .service-2 .left-2 p:first-child[b-wx8t2umsjs],
            .section-services .service-3 .left-3 p:first-child[b-wx8t2umsjs],
            .section-services .service-4 .left-4 p:first-child[b-wx8t2umsjs] {
                font-size: 2.2vw;
            }

    .section-services .service-1 .right-1[b-wx8t2umsjs] {
        background-size: 100% 90%;
    }

    h1[b-wx8t2umsjs] {
        font-size: 2.2rem;
    }

    p[b-wx8t2umsjs],
    .section-services .service-2 .left-2 > ul > li[b-wx8t2umsjs],
    .section-services .service-4 .left-4 > ul > li[b-wx8t2umsjs] {
        font-size: 1rem;
    }

    .section-services .service-4 .right-4[b-wx8t2umsjs] {
        background-size: 80%;
    }

    .section-contact[b-wx8t2umsjs] {
        height: auto;
    }

    .contact-left[b-wx8t2umsjs],
    .contact-right[b-wx8t2umsjs] {
        height: auto;
        padding: 5rem;
    }

        .contact-left p[b-wx8t2umsjs] {
            font-size: 1.4rem;
        }

    .contactform[b-wx8t2umsjs] {
        padding: 0 1rem;
    }

}

@media (max-width: 1400px) {
        .section-cards .cardrow .col-md-3[b-wx8t2umsjs],
        .section-cards .card[b-wx8t2umsjs] {
            width: 280px;
            min-width: 280px;
        }

    .card-content-bottom h2[b-wx8t2umsjs] {
        font-size: 1.8vw;
    }

    .section-about .about-button .about-btn[b-wx8t2umsjs],
    .section-services .service-button .service-btn[b-wx8t2umsjs] {
        font-size: 1.4vw;
    }

    .section-services .service-1 .left-1[b-wx8t2umsjs],
    .section-services .service-3 .left-3[b-wx8t2umsjs] {
        padding: 4rem;
    }

        .section-services .service-2 .left-2[b-wx8t2umsjs],
        .section-services .service-4 .left-4[b-wx8t2umsjs] {
            padding: 0 4rem;
        }

            .section-services .service-1 .left-1 p:first-child[b-wx8t2umsjs],
            .section-services .service-2 .left-2 p:first-child[b-wx8t2umsjs],
            .section-services .service-3 .left-3 p:first-child[b-wx8t2umsjs],
            .section-services .service-4 .left-4 p:first-child[b-wx8t2umsjs] {
                font-size: 2.4vw;
            }

    .section-services .service-2 .right-2[b-wx8t2umsjs] {
        background-size: 80%;
    }

    .section-services .service-4 .right-4[b-wx8t2umsjs] {
        background-size: 90%;
    }

    h1[b-wx8t2umsjs] {
        font-size: 2.1rem;
    }

    .contact-left[b-wx8t2umsjs],
    .contact-right[b-wx8t2umsjs] {
        height: auto;
        padding: 3rem;
    }

        .contact-left p[b-wx8t2umsjs] {
            font-size: 1.3rem;
        }
}


@media (max-width: 1200px) {
    .section-cards .cardrow[b-wx8t2umsjs] {
        gap: 1rem;
        padding: 1rem;
    }

    .section-cards .cardrow .col-md-3[b-wx8t2umsjs],
    .section-cards .card[b-wx8t2umsjs] {
        width: 250px;
        min-width: 250px;
    }

    .card-content-bottom h2[b-wx8t2umsjs] {
        font-size: 2vw;
    }

    .section-about .about div:first-child[b-wx8t2umsjs] {
        width: 85%;
    }

    .section-about .about-button .about-btn[b-wx8t2umsjs],
    .section-services .service-button .service-btn[b-wx8t2umsjs] {
        font-size: 1.6vw;
    }

        .section-services .service-1 .left-1 p:first-child[b-wx8t2umsjs],
        .section-services .service-2 .left-2 p:first-child[b-wx8t2umsjs],
        .section-services .service-3 .left-3 p:first-child[b-wx8t2umsjs],
        .section-services .service-4 .left-4 p:first-child[b-wx8t2umsjs] {
            font-size: 2.6vw;
        }

    .section-services .service-1 .right-1[b-wx8t2umsjs] {
        background-size: cover;
    }

    h1[b-wx8t2umsjs] {
        font-size: 2rem;
    }

    .contact-left[b-wx8t2umsjs],
    .contact-right[b-wx8t2umsjs] {
        padding: 3rem;
    }

        .contact-left p[b-wx8t2umsjs] {
            font-size: 1.3rem;
        }
}

@media (max-width: 992px) {
    .section-cards .cardrow[b-wx8t2umsjs] {
        gap: 0;
        padding: 1rem;
        flex-direction: column;
    }

        .section-cards .cardrow .col-md-3[b-wx8t2umsjs],
        .section-cards .card[b-wx8t2umsjs] {
            width: 384px;
            min-width: 384px;
            height: 450px;
        }

            .section-cards .card .card-content-top[b-wx8t2umsjs] {
                transform: translateY(90px);
                padding: 0;
            }

            .section-cards .card:hover .card-content-top[b-wx8t2umsjs] {
                transform: translateY(15px);
            }

    .card-content-bottom h2[b-wx8t2umsjs] {
        font-size: 1.7rem;
    }

    .about-title h1[b-wx8t2umsjs] {
        padding: 3rem 0;
    }

    .section-about .about-button[b-wx8t2umsjs] {
        padding: 3rem 0 4rem;
    }

    .section-about .about-button .about-btn[b-wx8t2umsjs],
    .section-services .service-button .service-btn[b-wx8t2umsjs] {
        font-size: 1.9vw;
    }

    .section-services .service-1[b-wx8t2umsjs],
    .section-services .service-2[b-wx8t2umsjs],
    .section-services .service-3[b-wx8t2umsjs],
    .section-services .service-4[b-wx8t2umsjs] {
        flex-direction: column;
        gap: 2rem;
    }

    .section-services .service-1 .left-1 p:first-child[b-wx8t2umsjs],
    .section-services .service-2 .left-2 p:first-child[b-wx8t2umsjs],
    .section-services .service-3 .left-3 p:first-child[b-wx8t2umsjs],
    .section-services .service-4 .left-4 p:first-child[b-wx8t2umsjs] {
        font-size: 1.7rem;
    }

    .section-services .service-1 .left-1[b-wx8t2umsjs],
    .section-services .service-3 .left-3[b-wx8t2umsjs] {
        padding: 3rem;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .section-services .service-2[b-wx8t2umsjs],
    .section-services .service-4[b-wx8t2umsjs] {
        padding: 4rem 0;
    }

        .section-services .service-2 .left-2[b-wx8t2umsjs],
        .section-services .service-4 .left-4[b-wx8t2umsjs] {
            padding: 0 3rem;
            width: 100%;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

    .section-services .service-1 .right-1[b-wx8t2umsjs],
    .section-services .service-2 .right-2[b-wx8t2umsjs],
    .section-services .service-3 .right-3[b-wx8t2umsjs],
    .section-services .service-4 .right-4[b-wx8t2umsjs] {
        height: 35vh;
        width: 100%;
        background-size: cover;
    }

    .section-services .service-2 .right-2[b-wx8t2umsjs] {
        background-size: 80%;
    }

    .section-services .service-4 .right-4[b-wx8t2umsjs] {
        background-size: 90%;
    }

    .section-contact[b-wx8t2umsjs] {
        height: auto;
        flex-direction: column;
    }

    .contact-title[b-wx8t2umsjs] {
        padding-top: 2rem;
    }

    .contact-left[b-wx8t2umsjs] {
        width: 100%;
        height: auto;
        padding: 4rem;
    }

        .contact-left p[b-wx8t2umsjs] {
            font-size: 1.4rem;
        }

    .contact-right[b-wx8t2umsjs] {
        width: 100%;
        height: auto;
        padding: 0;
    }

    .contactform[b-wx8t2umsjs] {
        padding: 3rem;
    }

    .contact-button[b-wx8t2umsjs] {
        display: flex;
        justify-content: center;
        padding: 2rem 0;
    }

    .message[b-wx8t2umsjs] {
        text-align: center;
    }

    ul[b-wx8t2umsjs] {
        list-style: none;
        padding: 0;
        text-align: center;
        line-height: 2rem;
    }

        ul li[b-wx8t2umsjs] {
            position: relative;
            padding-left: 1.2rem;
        }

            ul li[b-wx8t2umsjs]::before {
                content: "•";
                position: absolute;
                top: -10%;
                transform: translateX(-200%);
                font-size: 2rem;
            }
}

@media (max-width: 768px) {
    .hero-content[b-wx8t2umsjs] {
        align-items: center;
        padding-left: 0;
    }

    .hero-title[b-wx8t2umsjs] {
        text-align: center;
    }

    .hero-subtitle[b-wx8t2umsjs] {
        padding: 0 1rem;
    }

    .section-cards[b-wx8t2umsjs] {
        height: auto;
        gap: 0;
    }

    .card-title h1[b-wx8t2umsjs] {
        padding: 6rem 2rem 0;
    }

    .section-about .about-button .about-btn[b-wx8t2umsjs],
    .section-services .service-button .service-btn[b-wx8t2umsjs] {
        font-size: 1rem;
        white-space: nowrap;
        padding: 1rem 0.5rem;
    }

    .section-about .about-button .about-btn[b-wx8t2umsjs] {
        font-size: 0.8rem;
    }

    .section-about .about div:first-child[b-wx8t2umsjs] {
        text-align: center;
        padding: 0 2rem;
    }

    .section-services[b-wx8t2umsjs] {
        height: auto;
    }

        .section-services .service-1[b-wx8t2umsjs],
        .section-services .service-2[b-wx8t2umsjs],
        .section-services .service-3[b-wx8t2umsjs],
        .section-services .service-4[b-wx8t2umsjs] {
            height: auto;
            padding-top: 0;
        }

        .section-services .service-2[b-wx8t2umsjs],
        .section-services .service-4[b-wx8t2umsjs] {
            height: auto;
            padding: 0;
        }

            .section-services .service-1 .left-1[b-wx8t2umsjs],
            .section-services .service-2 .left-2[b-wx8t2umsjs],
            .section-services .service-3 .left-3[b-wx8t2umsjs],
            .section-services .service-4 .left-4[b-wx8t2umsjs] {
                padding: 3rem;
                text-align: left;
            }

            .section-services .service-1 .right-1[b-wx8t2umsjs],
            .section-services .service-2 .right-2[b-wx8t2umsjs],
            .section-services .service-3 .right-3[b-wx8t2umsjs],
            .section-services .service-4 .right-4[b-wx8t2umsjs] {
                height: 30vh;
            }

            .section-services .service-2 .right-2[b-wx8t2umsjs],
            .section-services .service-4 .right-4[b-wx8t2umsjs] {
                background-size: cover;
            }

    .section-contact[b-wx8t2umsjs] {
        height: auto;
    }

    .contact-title[b-wx8t2umsjs] {
        padding-top: 2rem;
    }

    .contact-left[b-wx8t2umsjs] {
        height: auto;
        padding: 4rem;
    }

        .contact-left p[b-wx8t2umsjs] {
            font-size: 1.4rem;
        }

    .contact-right[b-wx8t2umsjs] {
        height: auto;
        padding: 0;
    }

    .contactform[b-wx8t2umsjs] {
        padding: 3rem;
    }

    .contact-button[b-wx8t2umsjs] {
        padding: 2rem 0;
    }
}


@media (max-width: 576px) {
    .hero-content[b-wx8t2umsjs] {
        text-align: center;
    }

    .hero-title[b-wx8t2umsjs] {
        font-size: 3rem;
    }

    .hero-buttons[b-wx8t2umsjs] {
        justify-content: center;
        flex-direction: column;
    }

    .section-about .about div:first-child[b-wx8t2umsjs] {
        padding: 0 1rem;
    }

    .section-cards .cardrow .col-md-3 .card[b-wx8t2umsjs] {
        padding: 0 2rem;
    }

    .section-services .service-1 .left-1[b-wx8t2umsjs],
    .section-services .service-2 .left-2[b-wx8t2umsjs],
    .section-services .service-3 .left-3[b-wx8t2umsjs],
    .section-services .service-4 .left-4[b-wx8t2umsjs] {
        padding: 2rem 1rem;
        text-align: center;
    }

    .contact-left[b-wx8t2umsjs] {
        padding: 2rem 0;
    }

        .contact-left p[b-wx8t2umsjs] {
            font-size: 1.2rem;
            padding: 0 2rem;
            text-align: center;
        }

    .contactform[b-wx8t2umsjs] {
        padding: 3rem 1rem;
    }

    .contact-button[b-wx8t2umsjs] {
        display: flex;
        justify-content: center;
    }
}
/* _content/SRSOwnWebsite/Components/Pages/RequestQuotation.razor.rz.scp.css */
/* ---------------------------------- Hero section ---------------------------------- */

.hero-section-quotation[b-25vrun1nma] {
    height: 40vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('./images/25544.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

/* ---------------------------------- Quotation section ---------------------------------- */

.section-contact[b-25vrun1nma] {
    width: 100%;
    background-color: #f0f0f0;
}

.contact-row-content[b-25vrun1nma] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6rem;
}

.contact-left[b-25vrun1nma] {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/Copilot_20251011_185231_3_1.png');
    background-size: 50% 100%;
    background-position: left;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6rem;
    gap: 0.5rem;
    /*align-items: center;*/
    /*font-size: 1.3rem;*/
}

    .contact-left h1[b-25vrun1nma] {
        color: var(--secondary-blue-5);
        /*font-weight: bold;*/
        padding-bottom: 2rem;
    }

    .contact-left p[b-25vrun1nma] {
        font-size: 1.2rem;
    }

.contactform[b-25vrun1nma] {
    width: 100%;
    padding: 3rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.contact-button[b-25vrun1nma] {
    padding: 4rem 0;
}

    .contact-button .contact-btn[b-25vrun1nma] {
        background-color: var(--secondary-blue-5);
        color: white;
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        border: 1px solid var(--secondary-blue-5);
        border-radius: 6px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        white-space: nowrap;
    }

        .contact-button .contact-btn:hover[b-25vrun1nma] {
            background-color: var(--primary-blue);
        }


.section-contact .contactform .contact-form div > label > span[b-25vrun1nma] {
    color: red;
}

.message[b-25vrun1nma] {
    font-size: 1.3rem;
    font-weight: bold;
    color: red;
}


/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1700px) {
}

@media (max-width: 1400px) {
    .contact-row-content[b-25vrun1nma] {
        padding: 2rem;
    }

    .contact-left[b-25vrun1nma] {
        padding: 2rem;
    }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
    .hero-section-quotation[b-25vrun1nma] {
        height: 25vh;
    }

    .message[b-25vrun1nma] {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .hero-section-quotation[b-25vrun1nma] {
        height: 40vh;
    }

    .contact-row-content[b-25vrun1nma] {
        padding: 0;
    }

    .contact-left[b-25vrun1nma] {
        padding: 2rem;
    }
}
/* _content/SRSOwnWebsite/Components/Pages/ServiceSupport.razor.rz.scp.css */
/* ---------------------------------- Hero section ---------------------------------- */

.hero-section-support[b-392eu8qgpf] {
    height: 40vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('./images/vecteezy_4828221.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}

/* ---------------------------------- Cards section ---------------------------------- */

.section-cards[b-392eu8qgpf] {
    height: auto;
}

    .section-cards .cardrow[b-392eu8qgpf] {
        padding: 2rem 0 7rem 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .section-cards .cardrow .col-md-6[b-392eu8qgpf] {
            display: flex;
            justify-content: center;
            align-items: center;
            /*padding: 2rem;*/
        }

    .section-cards .card[b-392eu8qgpf] {
        position: relative;
        opacity: 1;
        margin: 0;
        padding: 1rem;
        width: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        border: none;
    }

        .section-cards .card .card-content[b-392eu8qgpf] {
            width: 100%;
            height: 240px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 0 4rem;
            z-index: 1;
            transition: transform 0.3s ease;
            background-color: var(--secondary-blue-5);
        }

            .section-cards .card .card-content:hover[b-392eu8qgpf]{
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
                transform: scale(1.04);
            }

        .section-cards .card .card-content h2[b-392eu8qgpf] {
            font-size: 1.5vw;
            /*padding: 2rem;*/
        }


.profile[b-392eu8qgpf] {
    padding: 2rem 0 4rem 0;
}

    .profile h2[b-392eu8qgpf] {
        font-weight: bold;
        text-align: center;
    }

.slogan[b-392eu8qgpf] {
    background-color: var(--secondary-blue-5);
    height: 8rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
}


/* ---------------------------------- Services section ---------------------------------- */

.section-services[b-392eu8qgpf] {
    width: 100%;
    height: auto;
}

.section-services .service-1[b-392eu8qgpf],
.section-services .service-2[b-392eu8qgpf] {
    width: 100%;
    height: auto;
    padding-top: 3rem;
    display: flex;
    justify-content: center;
}

    .section-services .service-1 .left-1[b-392eu8qgpf],
    .section-services .service-2 .right-2[b-392eu8qgpf] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 3rem 8rem;
    }

        .section-services .service-1 .left-1 p:first-child[b-392eu8qgpf],
        .section-services .service-2 .right-2 p:first-child[b-392eu8qgpf] {
            font-size: 2rem;
            color: var(--secondary-blue-5);
        }

    .section-services .service-1 .right-1[b-392eu8qgpf],
    .section-services .service-2 .left-2[b-392eu8qgpf] {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 8rem;
    }

    .section-services .service-1 .right-1[b-392eu8qgpf] {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/Bild1.jpg');
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .section-services .service-2 .left-2[b-392eu8qgpf] {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/Bild2.jpg');
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
    }


/* ---------------------------------- Media queries ---------------------------------- */


@media (max-width: 1700px) {
    .section-cards .card[b-392eu8qgpf] {
        width: 400px;
    }

    .section-services .service-1 .left-1[b-392eu8qgpf],
    .section-services .service-2 .right-2[b-392eu8qgpf],
    .section-services .service-1 .right-1[b-392eu8qgpf],
    .section-services .service-2 .left-2[b-392eu8qgpf] {
        padding: 2rem 4rem;
    }

    .section-services .service-1 .right-1[b-392eu8qgpf] {
        background-size: 90%;
    }

    .section-services .service-2 .left-2[b-392eu8qgpf] {
        background-size: 90%;
    }
}


@media (max-width: 1400px) {


    .section-cards .card .card-content h2[b-392eu8qgpf] {
        font-size: 1.9vw;
    }
}


@media (max-width: 1200px) {
    .section-cards .card[b-392eu8qgpf] {
        width: 310px;
    }

    .section-services .service-1 .left-1[b-392eu8qgpf],
    .section-services .service-2 .right-2[b-392eu8qgpf],
    .section-services .service-1 .right-1[b-392eu8qgpf],
    .section-services .service-2 .left-2[b-392eu8qgpf] {
        padding: 2rem;
    }

    .section-cards .card .card-content[b-392eu8qgpf] {
        padding: 0 2rem;
    }

        .section-cards .card .card-content h2[b-392eu8qgpf] {
            font-size: 1.6rem;
        }
}


@media (max-width: 992px) {
    .hero-section-support[b-392eu8qgpf] {
        height: 25vh;
    }

    .section-cards[b-392eu8qgpf] {
        height: auto;
    }

    .section-cards .cardrow .col-md-6[b-392eu8qgpf] {
        width: 50%;
    }

        .section-cards .card[b-392eu8qgpf] {
            width: 300px;
        }

            .section-cards .card .card-content[b-392eu8qgpf] {
                height: 190px;
            }

            .section-cards .card .card-content h2[b-392eu8qgpf] {
                font-size: 1.3rem;
            }

    .section-services .service-1[b-392eu8qgpf],
    .section-services .service-2[b-392eu8qgpf] {
        flex-direction: column;
        align-items: center;
    }

        .section-services .service-1 .left-1[b-392eu8qgpf],
        .section-services .service-2 .right-2[b-392eu8qgpf],
        .section-services .service-1 .right-1[b-392eu8qgpf],
        .section-services .service-2 .left-2[b-392eu8qgpf] {
            padding: 2rem 0;
            text-align: center;
            width: 80%;
        }

        .section-services .service-1 .right-1[b-392eu8qgpf],
        .section-services .service-2 .left-2[b-392eu8qgpf] {
            height: 40vh;
        }

    ul[b-392eu8qgpf] {
        list-style: none;
        padding: 0;
        text-align: center;
        line-height: 2rem;
    }

        ul li[b-392eu8qgpf] {
            position: relative;
            padding-left: 1.2rem;
        }

            ul li[b-392eu8qgpf]::before {
                content: "•";
                position: absolute;
                top: -10%;
                transform: translateX(-200%);
                font-size: 2rem;
            }
}


@media (max-width: 768px) {
    .hero-section-support[b-392eu8qgpf] {
        height: 40vh;
    }

    .section-cards .card[b-392eu8qgpf] {
        width: 300px;
    }

        .section-cards .card .card-content h2[b-392eu8qgpf] {
            font-size: 2.5vw;
        }

        .section-cards .card .card-content[b-392eu8qgpf] {
            height: 200px;
        }

    .slogan[b-392eu8qgpf] {
        height: auto;
        padding: 1rem;
        font-size: 1rem;
    }
}


@media (max-width: 576px) {
    .section-cards .cardrow[b-392eu8qgpf] {
        flex-direction: column;
        padding: 0;
    }

    .section-cards[b-392eu8qgpf] {
        height: auto;
        padding: 2rem 1rem;
    }

        .section-cards .card[b-392eu8qgpf] {
            width: 300px;
            padding: 1rem;
        }

            .section-cards .card .card-content[b-392eu8qgpf] {
                height: 170px;
            }

            .section-cards .card .card-content h2[b-392eu8qgpf] {
                font-size: 4vw;
            }

    .section-services .service-1 .left-1 p:first-child[b-392eu8qgpf],
    .section-services .service-2 .right-2 p:first-child[b-392eu8qgpf] {
        font-size: 1.5rem;
    }

    .section-services .service-1 .right-1[b-392eu8qgpf],
    .section-services .service-2 .left-2[b-392eu8qgpf] {
        background-size: 100%;
        height: 30vh;
    }
}
/* _content/SRSOwnWebsite/Components/Pages/SRSCashRegister.razor.rz.scp.css */
/* ---------------------------------- Hero section ---------------------------------- */

.hero-section-cash[b-ihpapjq228] {
    height: 40vh;
    background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('./images/25544.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
}


/* ---------------------------------- Experience section ---------------------------------- */

.experience-section[b-ihpapjq228] {
    height: 45vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.experience-row-1[b-ihpapjq228] {
    display: flex;
    justify-content: center;
    padding: 5rem 3rem;
}

    .experience-row-1 div:first-child[b-ihpapjq228] {
        display: flex;
        align-items: center;
        width: 33.33333333%;
    }

    .experience-row-1 div:first-child h2[b-ihpapjq228] {
        font-size: 1.5rem;
        font-weight: bold;
        color: var(--secondary-blue-5);
    }

    .experience-row-1 div:nth-child(2) h2[b-ihpapjq228] {
        font-size: 1.5rem;
        font-weight: bold;
    }

    .experience-row-1 div:nth-child(2)[b-ihpapjq228] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .separator[b-ihpapjq228] {
        display: flex;
        justify-content: center;
        width: 20px;
        height: 140px;
        margin-top: 1rem;
        background-color: var(--secondary-blue-5);
    }

.experience-row-1 div:nth-child(3)[b-ihpapjq228] {
    width: 33.33333333%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 6rem;
}

    .experience-row-1 div:nth-child(3) p[b-ihpapjq228] {
        margin-bottom: 0;
        padding: 1rem;
        text-align: justify;
    }

.experience-row-2[b-ihpapjq228] {
    text-align: center;
}

    .experience-row-2 h2[b-ihpapjq228] {
        font-weight: bold;
    }


/* ---------------------------------- Cards section ---------------------------------- */

.section-cards[b-ihpapjq228] {
    height: auto;
}

.section-cards .cardrow[b-ihpapjq228] {
    /*padding: 2rem 0 7rem 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

    .section-cards .cardrow .col-md-4[b-ihpapjq228] {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .section-cards .card[b-ihpapjq228] {
        position: relative;
        opacity: 1;
        margin: 0;
        padding: 1rem;
        width: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        border: none;
    }

        .section-cards .card .card-content[b-ihpapjq228] {
            width: 100%;
            height: 240px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 0 4rem;
            z-index: 1;
            transition: transform 0.3s ease;
            background-color: var(--secondary-blue-5);
        }

        .section-cards .card .card-content:hover[b-ihpapjq228] {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
            transform: scale(1.04);
        }

        .section-cards .card .card-content h3[b-ihpapjq228] {
            font-size: 1.4vw;
        }

/* ---------------------------------- Services section ---------------------------------- */

.section-services[b-ihpapjq228] {
    width: 100%;
    height: auto;
}

    .section-services .service-1[b-ihpapjq228],
    .section-services .service-2[b-ihpapjq228],
    .section-services .service-3[b-ihpapjq228] {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        padding-top: 3rem;
    }

    .section-services .service-2[b-ihpapjq228] {
        padding: 3rem 0;
    }

    .section-services .service-1[b-ihpapjq228], 
    .section-services .service-3[b-ihpapjq228] {
        background-color: #f0f0f0;
    }

    .section-services .service-3[b-ihpapjq228] {
        padding: 3rem 0;
    }

    .section-services .service-4[b-ihpapjq228] {
        width: 100%;
        height: auto;
        display: flex;
        justify-content: center;
        padding-top: 3rem;
    }

        .section-services .service-5[b-ihpapjq228] {
            width: 100%;
            height: auto;
            display: flex;
            justify-content: center;
        }

        .section-services .service-1 .left-1[b-ihpapjq228],
        .section-services .service-2 .right-2[b-ihpapjq228],
        .section-services .service-3 .left-3[b-ihpapjq228],
        .section-services .service-4 .right-4[b-ihpapjq228],
        .section-services .service-5 .left-5[b-ihpapjq228] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 3rem 8rem;
        }

            .section-services .service-1 .left-1 p:first-child[b-ihpapjq228],
            .section-services .service-2 .right-2 p:first-child[b-ihpapjq228],
            .section-services .service-3 .left-3 p:first-child[b-ihpapjq228], 
            .section-services .service-4 .right-4 p:first-child[b-ihpapjq228],
            .section-services .service-5 .left-5 p:first-child[b-ihpapjq228] {
                font-size: 2rem;
                color: var(--secondary-blue-5);
            }

        .section-services .service-1 .right-1[b-ihpapjq228],
        .section-services .service-2 .left-2[b-ihpapjq228],
        .section-services .service-3 .right-3[b-ihpapjq228],
        .section-services .service-4 .left-4[b-ihpapjq228],
        .section-services .service-5 .right-5[b-ihpapjq228] {
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 0 8rem;
        }

        .section-services .service-1 .right-1[b-ihpapjq228] {
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/retail-solutions.png');
            background-size: 55%;
            background-position: center;
            background-repeat: no-repeat;
        }

    .section-services .service-2 .left-2[b-ihpapjq228] {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/srs-pos-k.jpg');
        background-size: 70%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .section-services .service-3 .right-3[b-ihpapjq228] {
        background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), url('./images/cropped-view-sales-manager-using-calculator.jpg');
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
    }

        .section-services .service-4 .left-4[b-ihpapjq228] {
            background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/Picture1.jpg');
            background-size: 70%;
            background-position: center;
            background-repeat: no-repeat;
        }

    .section-services .service-5 .right-5[b-ihpapjq228] {
        background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('./images/standard-quality-control-concept-m.jpg');
        background-size: 80%;
        background-position: center;
        background-repeat: no-repeat;
    }

/* ---------------------------------- Advantages section ---------------------------------- */

.section-advantages[b-ihpapjq228] {
    height: auto;
    text-align: center;
    padding: 2rem 8rem;
}

.section-advantages[b-ihpapjq228] {
    background-color: #f0f0f0;
}


    .section-advantages h3[b-ihpapjq228],
    .section-contact h3[b-ihpapjq228] {
        padding: 2rem;
    }


.advantage-content[b-ihpapjq228] {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

    .advantage-content .card[b-ihpapjq228] {
        width: 70%;
        display: flex;
        align-items: center;
        padding: 0.5rem 2rem;
        background: rgba(255, 255, 255, 0.8);
        border-radius: 16px;
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5px);
        border: 1px solid rgba(255, 255, 255, 0.3);
    }

        .advantage-content .card h3[b-ihpapjq228] {
            font-size: 1.2rem;
            color: var(--secondary-blue-5);
            font-weight: bold;
        }

        .advantage-content .card p[b-ihpapjq228] {
            font-size: 0.95rem;
        }

.advantage-container .advantage-content:first-child .card[b-ihpapjq228] {
    animation-delay: 0.3s;
}

.advantage-container .advantage-content:nth-child(2) .card[b-ihpapjq228] {
    animation-delay: 0.5s;
}

.advantage-container .advantage-content:nth-child(3) .card[b-ihpapjq228] {
    animation-delay: 0.8s;
}


/* ---------------------------------- Contact section ---------------------------------- */

.section-contact[b-ihpapjq228] {
    height: auto;
    text-align: center;
}

    .section-contact .primary-btn[b-ihpapjq228] {
        background-color: var(--secondary-blue-5);
        color: white;
        font-size: 1.2rem;
        cursor: pointer;
        padding: 0.75rem 1.5rem;
        border: 1px solid var(--secondary-blue-5);
        border-radius: 6px;
        transition: background-color 0.3s;
        text-decoration: none;
        white-space: nowrap;
    }

    .section-contact .cta-wrapper[b-ihpapjq228] {
        position: relative;
        display: inline-block;
        margin-top: 40px;
        margin-bottom: 5rem;
    }

        .section-contact .primary-btn:hover[b-ihpapjq228] {
            background-color: var(--primary-blue);
        }

.section-contact .cta-wrapper .cta-underline[b-ihpapjq228] {
    position: absolute;
    bottom: -32px;
    left: 32%;
    transform: scaleX(0) translateY(-2px);
    width: 36%;
    height: 8px;
    background-color: var(--secondary-red-3);
    border-radius: 70% 70% 0 0 / 140% 140% 0 0;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: left;
}

/* ---------------------------------- Media queries ---------------------------------- */

@media (min-width: 2000px) {
    .section-services .service-1 .right-1[b-ihpapjq228] {
        background-size: 44%;
    }
}


@media (max-width: 1700px) {
    .experience-section[b-ihpapjq228] {
        height: auto;
    }

    .experience-row-1[b-ihpapjq228] {
        padding: 5rem 0rem;
    }

        .experience-row-1 div:nth-child(3)[b-ihpapjq228] {
            padding-left: 3rem;
        }

    .section-cards[b-ihpapjq228] {
        height: auto;
    }

    .section-cards .card[b-ihpapjq228] {
        width: 360px;
    }

        .section-cards .card .card-content h3[b-ihpapjq228] {
            font-size: 1.6vw;
        }

    .advantage-content .card[b-ihpapjq228] {
        width: 80%;
    }

    .section-services .service-1 .left-1[b-ihpapjq228],
    .section-services .service-2 .right-2[b-ihpapjq228],
    .section-services .service-3 .left-3[b-ihpapjq228],
    .section-services .service-4 .right-4[b-ihpapjq228],
    .section-services .service-5 .left-5[b-ihpapjq228] {
        padding: 2rem 4rem;
    }

    .section-services .service-3 .right-3[b-ihpapjq228] {
        background-size: cover;
        width: 42%;
    }

    .section-services .service-5 .right-5[b-ihpapjq228] {
        background-size: 90%;
    }
}


@media (max-width: 1400px) {
    .experience-row-1[b-ihpapjq228] {
        padding: 5rem 2rem;
    }

    .experience-row-1 div:first-child[b-ihpapjq228] {
        width: 40%;
        padding-right: 2rem;
    }

    .experience-row-1 div:nth-child(3)[b-ihpapjq228] {
        width: 40%;
    }

    .separator[b-ihpapjq228] {
        height: 140px;
    }

    .section-cards .card .card-content h3[b-ihpapjq228] {
        font-size: 1.9vw;
    }

    .section-advantages[b-ihpapjq228] {
        padding: 2rem 4rem;
    }

    .advantage-content .card[b-ihpapjq228] {
        width: 90%;
        height: 21.5vh;
        padding: 0.5rem 1.6rem;
    }

    .section-services .service-1 .left-1[b-ihpapjq228],
    .section-services .service-2 .right-2[b-ihpapjq228],
    .section-services .service-3 .left-3[b-ihpapjq228],
    .section-services .service-4 .right-4[b-ihpapjq228],
    .section-services .service-5 .left-5[b-ihpapjq228] {
        padding: 2rem 3rem;
    }

    .section-services .service-1 .right-1[b-ihpapjq228] {
        background-size: 70%;
    }

    .section-services .service-2 .left-2[b-ihpapjq228] {
        background-size: 80%;
    }
}


@media (max-width: 1200px) {
    .experience-row-1[b-ihpapjq228] {
        padding: 4rem 2rem;
    }

        .experience-row-1 div:first-child[b-ihpapjq228] {
            width: 43%;
            padding-right: 2rem;
        }

        .experience-row-1 div:nth-child(3)[b-ihpapjq228] {
            width: 43%;
            text-align: center;
        }

    .separator[b-ihpapjq228] {
        height: 180px;
    }

    .section-cards .card[b-ihpapjq228] {
        width: 310px;
    }

        .section-cards .card .card-content h3[b-ihpapjq228] {
            font-size: 1.6rem;
        }

    .section-services .service-1 .left-1[b-ihpapjq228],
    .section-services .service-2 .right-2[b-ihpapjq228],
    .section-services .service-3 .left-3[b-ihpapjq228],
    .section-services .service-4 .right-4[b-ihpapjq228],
    .section-services .service-5 .left-5[b-ihpapjq228] {
        padding: 2rem;
    }

    .section-services .service-1 .left-1 p:first-child[b-ihpapjq228],
    .section-services .service-2 .right-2 p:first-child[b-ihpapjq228],
    .section-services .service-3 .left-3 p:first-child[b-ihpapjq228],
    .section-services .service-4 .right-4 p:first-child[b-ihpapjq228],
    .section-services .service-5 .left-5 p:first-child[b-ihpapjq228] {
        font-size: 1.8rem;
    }

    .section-advantages[b-ihpapjq228] {
        padding: 2rem 1rem;
    }

    .advantage-content .card[b-ihpapjq228] {
        width: 90%;
        height: 21.5vh;
        padding: 0.5rem 1rem;
    }

    .advantage-content .card[b-ihpapjq228] {
        width: 90%;
    }

    .section-services .service-1 .right-1[b-ihpapjq228] {
        background-size: 80%;
    }

    .section-services .service-2 .left-2[b-ihpapjq228] {
        background-size: 90%;
    }
}


@media (max-width: 992px) {
    .hero-section-cash[b-ihpapjq228] {
        height: 25vh;
    }

    .experience-row-1[b-ihpapjq228] {
        align-items: center;
        padding: 3rem 1rem;
    }

    .separator[b-ihpapjq228] {
        height: 210px;
        margin-top: 0;
    }

    .experience-row-1 div:first-child[b-ihpapjq228] {
        width: 48%;
        padding-left: 4rem;
    }

    .experience-row-1 div:nth-child(3)[b-ihpapjq228] {
        width: 48%;
        text-align: center;
    }

    .section-cards[b-ihpapjq228] {
        height: auto;
        padding: 2rem 1rem;
    }

        .section-cards .cardrow[b-ihpapjq228] {
            gap: 0;
        }

        .section-cards .card[b-ihpapjq228] {
            width: 270px;
        }

            .section-cards .card .card-content[b-ihpapjq228] {
                height: 190px;
                padding: 0 2rem;
            }

                .section-cards .card .card-content h3[b-ihpapjq228] {
                    font-size: 1.3rem;
                }

            .section-services .service-1[b-ihpapjq228],
            .section-services .service-2[b-ihpapjq228],
            .section-services .service-3[b-ihpapjq228],
            .section-services .service-4[b-ihpapjq228],
            .section-services .service-5[b-ihpapjq228] {
                flex-direction: column;
                align-items: center;
                padding: 2rem 1rem;
            }

    .section-services .service-5[b-ihpapjq228] {
        padding-top: 0;
    }

        .section-services .service-1 .left-1[b-ihpapjq228],
        .section-services .service-2 .right-2[b-ihpapjq228],
        .section-services .service-3 .left-3[b-ihpapjq228],
        .section-services .service-4 .right-4[b-ihpapjq228],
        .section-services .service-5 .left-5[b-ihpapjq228] {
            width: 80%;
            padding: 2rem 0;
            text-align: center;
            /*align-self: center;*/
        }

            .section-services .service-5 .left-5[b-ihpapjq228] {
                padding-top: 0;
            }

            .section-services .service-1 .right-1[b-ihpapjq228],
            .section-services .service-2 .left-2[b-ihpapjq228],
            .section-services .service-3 .right-3[b-ihpapjq228],
            .section-services .service-4 .left-4[b-ihpapjq228],
            .section-services .service-5 .right-5[b-ihpapjq228] {
                height: 30vh;
                width: 70%;
            }

    .section-services .service-1 .right-1[b-ihpapjq228] {
        background-size: 70%;
    }

    ul[b-ihpapjq228] {
        list-style: none;
        padding: 0;
        text-align: center;
        /*align-self: center;*/
        line-height: 2rem;
    }

        ul li[b-ihpapjq228] {
            position: relative;
            padding-left: 1.2rem;
        }

            ul li[b-ihpapjq228]::before {
                content: "•";
                position: absolute;
                top: -5%;
                transform: translateX(-200%);
                font-size: 2rem;
            }

    .section-advantages h3[b-ihpapjq228] {
        padding: 1.5rem;
    }

        .advantage-content .card[b-ihpapjq228] {
            width: 90%;
            height: 22vh;
            padding: 0.5rem 1rem;
        }

        .section-contact .cta-wrapper .cta-underline[b-ihpapjq228] {
            left: 25%;
            width: 50%;
        }
}


@media (max-width: 768px) {
    .hero-section-cash[b-ihpapjq228] {
        height: 40vh;
    }

    .experience-section[b-ihpapjq228] {
        height: auto;
    }

    .experience-row-1[b-ihpapjq228] {
        flex-direction: column;
        padding: 4rem 2rem;
    }

        .experience-row-1 div:first-child[b-ihpapjq228] {
            text-align: center;
            width: 80%;
            padding: 1rem 0;
        }

        .experience-row-1 div:nth-child(3)[b-ihpapjq228] {
            padding: 1rem 0;
            width: 80%;
        }

    .separator[b-ihpapjq228] {
        width: 80%;
        height: 10px;
    }

    .section-cards[b-ihpapjq228] {
        flex-direction: row;
    }

    .section-cards .card[b-ihpapjq228] {
        width: 400px;
    }

        .section-cards .card .card-content h3[b-ihpapjq228] {
            font-size: 1.3rem;
        }

    .section-services .service-1 .left-1 p:first-child[b-ihpapjq228],
    .section-services .service-2 .right-2 p:first-child[b-ihpapjq228],
    .section-services .service-3 .left-3 p:first-child[b-ihpapjq228],
    .section-services .service-4 .right-4 p:first-child[b-ihpapjq228],
    .section-services .service-5 .left-5 p:first-child[b-ihpapjq228] {
        font-size: 1.5rem;
    }

    .advantage-content .card[b-ihpapjq228] {
        width: 60%;
        height: auto;
        padding: 0.5rem 1rem;
    }

    .advantage-content .card h3[b-ihpapjq228] {
        font-size: 1rem;
    }

    .advantage-content .card p[b-ihpapjq228] {
        font-size: 0.9rem;
    }

    .section-contact .primary-btn[b-ihpapjq228] {
        font-size: 1rem;
        padding: 0.5rem 1rem;
    }
}

@media (max-width: 576px) {
    .experience-section[b-ihpapjq228] {
        height: auto;
    }

    .experience-row-1[b-ihpapjq228] {
        padding: 4rem 2rem;
    }

        .experience-row-1 div:first-child[b-ihpapjq228] {
            text-align: center;
            width: 90%;
            padding: 1rem 0;           
        }

        .experience-row-1 div:nth-child(3)[b-ihpapjq228] {
            padding: 1rem 0;
            width: 90%;
        }

    .separator[b-ihpapjq228] {
        width: 90%;
        height: 10px;
    }

    .section-cards[b-ihpapjq228] {
        height: auto;
    }

        .section-cards .card[b-ihpapjq228] {
            width: 300px;
        }

            .section-cards .card .card-content[b-ihpapjq228] {
                height: 170px;
                padding: 0 2rem;
            }

        .section-cards .card .card-content h3[b-ihpapjq228] {
            font-size: 1.3rem;
        }

    .section-services .service-1 .left-1[b-ihpapjq228],
    .section-services .service-2 .right-2[b-ihpapjq228],
    .section-services .service-3 .left-3[b-ihpapjq228],
    .section-services .service-4 .right-4[b-ihpapjq228],
    .section-services .service-5 .left-5[b-ihpapjq228] {
        padding: 2rem 0;
    }

    .section-services .service-1 .right-1[b-ihpapjq228] {
        background-size: 100%;
        height: 30vh;
    }

    .section-services .service-2 .left-2[b-ihpapjq228] {
        background-size: 100%;
        height: 30vh;
    }

    .section-services .service-3 .right-3[b-ihpapjq228] {
        background-size: 100%;
        height: 40vh;
    }

    .section-services .service-4[b-ihpapjq228] {
        height: auto;
    }

        .section-services .service-4 .left-4[b-ihpapjq228] {
            background-size: 100%;
            height: 40vh;
        }

    .section-services .service-5[b-ihpapjq228] {
        height: auto;
    }

        .section-services .service-5 .right-5[b-ihpapjq228] {
            background-size: 100%;
            height: 25vh;
        }

    .section-advantages[b-ihpapjq228] {
        padding: 2rem 4rem;
    }

    .advantage-content .card[b-ihpapjq228][b-ihpapjq228] {
        width: 100%;
    }
}
/* _content/SRSOwnWebsite/Components/Pages/_PartnerLogosComponent.razor.rz.scp.css */
.section-partners[b-o5kago8mbu] {
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.partners-title[b-o5kago8mbu] {
    padding-bottom: 4rem;
}

@keyframes slide-b-o5kago8mbu {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.section-partners .partner-logos[b-o5kago8mbu] {
    display: flex;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.logos-track[b-o5kago8mbu] {
    display: flex;
    width: max-content;
    animation: slide-b-o5kago8mbu 200s linear infinite;
}

    .section-partners .partner-logos .logos-slide[b-o5kago8mbu] {
        display: flex;
        gap: 3rem;
        margin-left: auto;
        margin-right: auto;
    }

.partner-logos:hover .logos-track[b-o5kago8mbu] {
    animation-play-state: paused;
}

.section-partners .partner-logos .logos-slide img[b-o5kago8mbu] {
    width: 140px;
    height: 140px;
    object-fit: contain;
}

/* ---------------------------------- Media queries ---------------------------------- */

@media (max-width: 1700px) {
    .section-partners[b-o5kago8mbu] {
        height: auto;
        padding: 2rem 0;
    }

    h1[b-o5kago8mbu] {
        font-size: 2rem;
    }
}

@media (max-width: 1400px) {
    h1[b-o5kago8mbu] {
        font-size: 2rem;
    }
}

@media (max-width: 1200px) {
    h1[b-o5kago8mbu] {
        font-size: 2rem;
    }
}

@media (max-width: 992px) {
    .section-partners[b-o5kago8mbu] {
        height: auto;
    }
}

@media (max-width: 768px) {

}


@media (max-width: 576px) {
    .partners-title[b-o5kago8mbu] {
        padding-bottom: 2rem;
    }

    .logos-track[b-o5kago8mbu] {
        animation: slide-b-o5kago8mbu 180s linear infinite;
    }

        .section-partners .partner-logos .logos-slide img[b-o5kago8mbu] {
            width: 110px;
            height: 110px;
        }
}