/* /Components/Account.razor.rz.scp.css */

.nav__item[b-cjmk2c4av9]{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.nav__item .user-name[b-cjmk2c4av9]{
    text-transform: capitalize;
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    background-color: #2B2A29;
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    line-height: 2.4rem;
    border-radius: 50%;
}

.nav__item:hover .user-name[b-cjmk2c4av9]{
    background-color: var(--green);
}

.nav__item[b-cjmk2c4av9]  a{
    transition: all linear 0.3s;
    color:var(--black);
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 1.6rem;
    font-weight: 400;
}

.nav__item[b-cjmk2c4av9]  a.active {
    color: var(--green);
}

.nav__item[b-cjmk2c4av9]  a:hover {
    color: var(--green);
    font-weight: 700;
}

/* submenus */
.submenu-container[b-cjmk2c4av9] {
    display: none; 
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -4rem;
    padding-right: 4rem;
    /* margin-top: -2rem; 
    padding-top: 7rem; */
    margin-top: 2rem; 
    padding-top: 3rem;
    cursor: pointer;
}

.submenu ul[b-cjmk2c4av9]{
    display: flex;
    padding: 1.5rem;
    background: white;
    z-index: 10;
    border-radius: .5rem;
    flex-direction: column;
    align-items: flex-end;
    border: .1rem solid var(--gray);
    right: -5rem;
    gap: 1rem;
}

.submenu ul[b-cjmk2c4av9]::after {
    position: absolute;
    bottom: 100%;
    right: 5rem;
    width: 2.3rem;
    height: 2.3rem;
    border-top: .1rem solid var(--gray);
    border-right: 0;
    border-bottom: 0;
    border-left: .1rem solid var(--gray);
    margin-left: -1rem;
    margin-bottom: -1.1rem;
    content: "";
    transform: rotate(45deg);
    background-color: white;
}

.submenu ul li[b-cjmk2c4av9]{
    width: 100%;
}

.submenu a[b-cjmk2c4av9]{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    white-space: nowrap;
}

.submenu ul a[b-cjmk2c4av9]{
    gap: 1rem;
}

.submenu ul a p[b-cjmk2c4av9]{
    font-size: 1.2rem;
}


.submenu:hover .submenu-container[b-cjmk2c4av9] {
    display: block; 
} 

.submenu-container[b-cjmk2c4av9]  .header-nav__submenu-link {
    width: fit-content;
    display: inline-block;
    white-space: nowrap;
}

.submenu-container[b-cjmk2c4av9]  .header-nav__submenu-link.active{
    color: var(--green);
}

/* =====MEDIA QUERIES ===== */
@media (max-width: 1280px) {
    .nav__item[b-cjmk2c4av9]  a{
        font-size: 1.2rem;
    }
}

@media (max-width: 576px) {
    li.nav__item[b-cjmk2c4av9] {
        padding-right: 2.5rem;
    } 
}
/* /Components/ApplyInfoForm.razor.rz.scp.css */

.form-content[b-jndd2hqxra]{
    display:flex;
    flex-direction: column;
    gap: .5rem;
}

/* Styling for the label */
.form-content label[b-jndd2hqxra] {
    display: block;
    color: #4F4F4F;
}

 /* Styling for the textarea with form-text class */
 [b-jndd2hqxra] .form-text {
        width: 100%;
        min-height: 15rem;
        padding: 1.5rem;
        border: .1rem solid var(--gray);
        border-radius: .5rem;
        font-size: 1.4rem;
        color: var(--black);
        resize: vertical;
        box-sizing: border-box;
        transition: border-color 0.3s ease;
    }

/* Focus and valid states for textarea */
[b-jndd2hqxra] .form-text:focus {
          outline: none;
          border-color: var(--green);
      }

 /*::deep  .form-text.valid {
            border-color: #28a745;
        }*/
.standard-button[b-jndd2hqxra] {
    margin-top: 2rem;
    align-self: end;
}

/* Responsive design for smaller screens */
@media (max-width: 480px) {
    [b-jndd2hqxra] .form-content textarea.form-text {
            min-height: 120px;
        }

    .form-content button[b-jndd2hqxra] {
        width: 100%;
        padding: 12px;
    }
}
/* /Components/Banner.razor.rz.scp.css */
.hidden[b-j9no4u1wu9] {
    display: none;
}

.banner[b-j9no4u1wu9] {
    color: var(--white);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.banner .container[b-j9no4u1wu9] {
    height: 100%;
}

.banner-content[b-j9no4u1wu9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    gap: 5rem;
}

.banner-content h1[b-j9no4u1wu9]  p{
    font-size: 6.4rem;
    line-height: 7.6rem;
}

@media (max-width: 1024px) {
    .banner-content h1[b-j9no4u1wu9]  p{
        font-size: 3.2rem;
        line-height: 4rem;
    }
}

.banner-content .top-title[b-j9no4u1wu9] {
    text-transform: uppercase;
    font-weight: 400;
}

.banner-content h3[b-j9no4u1wu9] {
    font-weight: 300;
}

.banner-content .button[b-j9no4u1wu9] {
    margin-top: 1.6rem;
    padding: 1rem;
    width: 25.6rem;
    transition: all .4s;
    font-size: 1.8rem;
    line-height: 2.484rem;
    text-align: center;
    border-width: 0.1rem;
    border-style: solid;
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .banner-content .button[b-j9no4u1wu9] {
        max-width: 25.6rem;
        width: 100%;
    }
}

/*FULLSCREEN*/
.banner-type-fullimage[b-j9no4u1wu9] {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 70rem;
}

@media (max-width: 1440px) {
    .banner[b-j9no4u1wu9] {
        height: 50rem;
    }
}
@media (max-width: 1024px) {
    .banner[b-j9no4u1wu9] {
        height: 40rem;
    }
}
@media (max-width: 768px) {
    .banner[b-j9no4u1wu9] {
        height: 35rem;
    }
}



/*TYPE BOXED*/
.banner-type-boxed[b-j9no4u1wu9] {
    height: auto;
    min-height: 60rem;
    background-color: var(--light-grey2);
}


.banner-type-boxed .container[b-j9no4u1wu9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 100%;
    min-height: 60rem;
}

.banner-type-boxed .banner-content[b-j9no4u1wu9] {
    color: var(--light-black);
    display: flex;
    flex-direction: column;
    background: var(--white);
    max-width: calc(50% + 8rem - 2.4rem);
    height: fit-content;
    padding: 6.4rem 8rem;
    z-index: 0;
    margin: 8rem 2.4rem;
}

@media (max-width: 768px) {
    .banner-type-boxed .banner-content[b-j9no4u1wu9] {
        padding: 3.2rem 4rem;
        margin: 2.4rem;
    }

}

    .banner-type-boxed .banner-content h1[b-j9no4u1wu9] {
        margin-top: 0;
        width: fit-content;
        font-weight: 400;
        text-transform: uppercase;
        border-bottom: 0.1rem solid var(--light-black);
    }


/*ALIGNMENT LEFT*/
.banner-type-boxed.banner-alignment-left .banner-content[b-j9no4u1wu9] {
    left: -2.4rem;
}

@media (max-width: 1024px) {
    .banner-type-boxed.banner-alignment-left .banner-content[b-j9no4u1wu9] {
        left: 0;
        max-width: 100%;
    }
}

.banner-img__left[b-j9no4u1wu9] {
    height: 100%;
    width: calc(50% + 8rem);
    object-fit: cover;
    position: absolute;
    left: 0;
}

@media (max-width: 1024px) {
    .banner-img__left[b-j9no4u1wu9] {
        width: 100%
    }
}


/*ALIGNMENT RIGHT*/

.banner-type-boxed.banner-alignment-right .banner-content[b-j9no4u1wu9] {
    left: calc(50% - 8rem);
}

@media (max-width: 1024px) {
    .banner-type-boxed.banner-alignment-right .banner-content[b-j9no4u1wu9] {
        left: 0;
        max-width: 100%;
    }
}

.banner-img__right[b-j9no4u1wu9] {
    height: 100%;
    width: calc(50% + 8rem);
    object-fit: cover;
    position: absolute;
    right: 0;
}

@media (max-width: 1024px) {
    .banner-img__right[b-j9no4u1wu9] {
        width: 100%
    }
}

/*DOUBLE IMG*/

.banner-type-boxed.banner-double[b-j9no4u1wu9]{
    height: 55.6rem;
}

.banner-double .banner-img__left[b-j9no4u1wu9],
.banner-double .banner-img__right[b-j9no4u1wu9] {
    width: 50%;
}

@media (max-width: 1024px) {
    .banner-double .banner-img__left[b-j9no4u1wu9],
    .banner-double .banner-img__right[b-j9no4u1wu9] {
        width: 100%;
    }
}


/*LIST*/

[b-j9no4u1wu9] h3 {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

[b-j9no4u1wu9] h3 ul {
    border-left: 0.2rem solid var(--violet);
    padding-left: 1.6rem;
    margin: 0 2.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

[b-j9no4u1wu9] h3 li {
    list-style: none;
    font-size: 1.8rem;
    font-weight: 400;
}
/* /Components/Browser.razor.rz.scp.css */
.disabled-slider-label[b-g5vtcq4miu] {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    color: #bfbfbf;
    margin-bottom: 0.8rem;
    margin-left: 0.2rem;
    letter-spacing: 0.02em;
    opacity: 0.7;
    user-select: none;
}
.configurator-section[b-g5vtcq4miu] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 7rem;
    min-height: calc(100vh - 55rem);
}

.configurator-section__nav[b-g5vtcq4miu] {
    background-color: var(--black);
    width: 100%;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .configurator-section__nav > div[b-g5vtcq4miu] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        max-width: 86rem;
        gap: 3rem;
    }

.configurator-section__nav-item[b-g5vtcq4miu] {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

    .configurator-section__nav-item span:first-child[b-g5vtcq4miu] {
        background-color: #7E7E7E;
        border-radius: 50%;
        height: 3.5rem;
        width: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .configurator-section__nav-item span:last-child[b-g5vtcq4miu] {
        color: #7E7E7E;
    }

.active.configurator-section__nav-item span:first-child[b-g5vtcq4miu] {
    background-color: white;
}

.active.configurator-section__nav-item span:last-child[b-g5vtcq4miu] {
    color: white;
}

.configurator-section__content[b-g5vtcq4miu] {
    display: flex;
    /* grid-template-columns: 1fr 2fr; */
    gap: 2.4rem;
}

.configurator-section__inner-box[b-g5vtcq4miu] {
    border: .1rem var(--gray) solid;
    border-radius: 1.5rem;
    padding: 1.6rem 1.6rem 4rem 1.6rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    width: 100%;
}

    .configurator-section__inner-box.results[b-g5vtcq4miu] {
        background-color: var(--gray-light);
        overflow-y:auto;
    }

        .configurator-section__inner-box.results > div.configurator-grid[b-g5vtcq4miu] {
            display: grid;
            grid-template-columns: repeat(2,1fr);
            row-gap: 2.4rem;
            column-gap: 1.6rem;
            padding: 0 2.3rem;
            @media (max-width: 1300px) {
                display: flex;
                row-gap: 2.4rem;
                flex-direction: column;[b-g5vtcq4miu]
            }
        }

.configurator-grid__span[b-g5vtcq4miu] {
    background: green;
    display: block;
    padding: 1rem 2.5rem;
    text-transform: uppercase;
    color: white;
    background-color: var(--green);
    border-radius: 1rem;
    /*transform: scaleX(1.2);
    transform-origin: center;*/
    font-size: 2rem;
    font-weight: 700;
}
.configurator-grid__summary[b-g5vtcq4miu]{
    display: block;
    padding: 1rem 2.5rem;
    text-transform: uppercase;
    color: white;
    background-color: #333;
    border-radius: 1rem;
    /*transform: scaleX(1.2);
    transform-origin: center;*/
    font-size: 2rem;
    font-weight: 700;
}

.configurator-grid__flex-right[b-g5vtcq4miu] {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    align-items: flex-end;
}

.configurator-grid__results-container[b-g5vtcq4miu] {
    display: flex;
    gap: 2.4rem;
    align-items: stretch;
}

.configurator-grid__result-card[b-g5vtcq4miu] {
    box-shadow: 0px 0px 4px 0px #00000040;
    display: flex;
    gap: 2rem;
    align-items: flex-end;
    padding: 0 2rem;
    border-radius: .6rem;
    border: .1rem transparent solid;
    background-color: white;
    transition: all .3s ease;
}
.configurator-grid__result-card-right[b-g5vtcq4miu] {
    padding: 1rem 0rem;
}
.configurator-grid__result-card-left[b-g5vtcq4miu] {
    display: flex;
}
.custom-height[b-g5vtcq4miu]{
    overflow-y: auto;
    max-height: calc(100vh - 170px) !important;
}

    .configurator-grid__result-card img[b-g5vtcq4miu] {
        width: 4.2rem;
        height: 7.6rem;
        object-fit: cover;
    }

    .configurator-grid__result-card a[b-g5vtcq4miu] {
        height: 100%;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: center;
        justify-content: flex-end;
    }
    .configurator-grid__result-card:hover[b-g5vtcq4miu], .configurator-grid__result-card.active[b-g5vtcq4miu] {
        border: .1rem solid var(--green);
        box-shadow: none;
    }

        .configurator-grid__result-card:hover p[b-g5vtcq4miu], .configurator-grid__result-card.active p[b-g5vtcq4miu] {
            color: var(--green);
        }

.configurator-section__summary-container[b-g5vtcq4miu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    height: fit-content;
}

.configurator-section__inner-box.summary[b-g5vtcq4miu] {
    flex: 1;
}

.configurator-grid__action-panel[b-g5vtcq4miu] {
    justify-content: flex-start;
    gap: 1rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.config-button[b-g5vtcq4miu] {
    color: var(--green);
    border: .1rem solid var(--green);
    border-radius: 10rem;
    padding: .8rem 3.4rem;
    width: fit-content;
    min-width: 13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    transition: all .3s ease;
    flex: 0 0 auto;
}

    .config-button.green[b-g5vtcq4miu] {
        color: white;
        background-color: var(--green);
    }

    .config-button:hover[b-g5vtcq4miu] {
        color: white;
        background-color: var(--green);
    }

    .config-button.green:hover[b-g5vtcq4miu] {
        background-color: white;
        color: var(--green);
    }

/* reset button — keep styling consistent with other config buttons */
.reset-button-container[b-g5vtcq4miu] {
    display: flex;
    align-items: center;
    justify-content: center; /* center the content horizontally */
    width: 100%;
}

 .reset-button[b-g5vtcq4miu] {
    color: var(--green);
    border: .1rem solid var(--green);
    border-radius: 10rem;
    padding: .8rem 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    transition: all .2s ease;
    background: transparent;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    width: 200px; /* slightly wider */
}

.reset-button:hover[b-g5vtcq4miu] {
    color: white;
    background-color: var(--green);
}

.reset-button:disabled[b-g5vtcq4miu],
.reset-button[disabled][b-g5vtcq4miu] {
    opacity: 0.45;
    cursor: default;
    pointer-events: none;
    border-color: #dcdcdc;
    color: #bfbfbf;
    background: transparent;
}

/* helper to force full width without the max-width constraint */
.reset-button.full-width[b-g5vtcq4miu] {
    max-width: none;
}

.custom-contact-button[b-g5vtcq4miu] {
    padding: 1.4rem 3.4rem;
    background-color: var(--green);
    color: white;
    border-radius: 10rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    top: 0rem;
    right: 3rem;
    z-index: 3;
}

    .custom-contact-button[b-g5vtcq4miu]::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 4.7rem;
        height: 2rem;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='20' viewBox='0 0 47 20' fill='none'%3E%3Cpath d='M0.35791 0L46.5 0L38.3579 20L26.5 20L0.35791 0Z' fill='%235C9834'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .custom-contact-button span[b-g5vtcq4miu] {
        background-color: var(--black);
        border: .1rem var(--black) solid;
        color: white;
        padding: .4rem 1rem;
        border-radius: 10rem;
        font-family: 'Montserrat', sans-serif;
    }

        .custom-contact-button span:hover[b-g5vtcq4miu] {
            background-color: white;
            color: var(--black);
        }

/* final summary styles */
.summary-bg[b-g5vtcq4miu] {
    background: linear-gradient(180deg, rgba(204, 204, 204, 0.10) 0%, rgba(92, 152, 52, 0.20) 100%);
    gap: 4rem;
}

.configurator-section__final-summary[b-g5vtcq4miu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 7.6rem;
}

.final-summary__inner-box[b-g5vtcq4miu] {
    display: flex;
    gap: 3.6rem;
    flex-direction: column;
    padding: 2.4rem 4.4rem 4.4rem;
    background-color: white;
    width: 100%;
    border-radius: 1.5rem;
}

    .final-summary__inner-box > div[b-g5vtcq4miu] {
        display: flex;
    }

.final-summary__action-panel[b-g5vtcq4miu] {
    margin-top: 4rem;
    justify-content: space-between;
}

    .final-summary__action-panel > div[b-g5vtcq4miu] {
        display: flex;
        gap: 1.4rem;
    }

.final-summary__inner-box > div > span[b-g5vtcq4miu] {
    margin: 0 5rem;
    width: .1rem;
    background-color: var(--gray);
}

/* filter/selector section */
.space-between[b-g5vtcq4miu] {
    justify-content: space-between;
    max-width: 30rem;
}

.filter-options[b-g5vtcq4miu]{
    padding: 0 2.3rem;
}

.configurator-section__filter-group[b-g5vtcq4miu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2.6rem;
}

    .configurator-section__filter-group.slider[b-g5vtcq4miu] {
        gap: 2.6rem;
        margin-bottom: 4rem;
    }

    .configurator-section__filter-group .info-button[b-g5vtcq4miu] {
        width: fit-content;
        display: flex;
        gap: .5rem;
        font-family: 'Montserrat', sans-serif;
    }

    .configurator-section__filter-group ul[b-g5vtcq4miu] {
        display: flex;
        flex-wrap: wrap;
        gap: 1.2rem;
    }

.configurator-section__filter-input[b-g5vtcq4miu] {
    width: fit-content;
    color: #7E7E7E;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

    .configurator-section__filter-input:hover[b-g5vtcq4miu] {
        color: var(--green);
    }

    .configurator-section__filter-input input[type="checkbox"][b-g5vtcq4miu]  {
        display: none;
    }

[b-g5vtcq4miu] .configurator-section__filter-inputcheckbox {
    display: none;
}
.configurator-section__filter-input input[type="checkbox"] + label[b-g5vtcq4miu] {
    display: inline-block;
    border: .1rem solid #7E7E7E;
    border-radius: 2rem;
    padding: .3rem 2rem;
    margin: 0 .1rem;
    text-transform: capitalize;
    transition: all .3s ease;
    cursor: pointer;
}

    .configurator-section__filter-input:hover input[type="checkbox"] + label[b-g5vtcq4miu] {
        border-color: var(--green);
    }

    .configurator-section__filter-input input[type="checkbox"]:checked + label[b-g5vtcq4miu] {
        color: var(--green);
        border-color: var(--green);
        font-weight: 600;
    }

    /* when the checkbox input is disabled, make its label look faded and not clickable */
    .configurator-section__filter-input input[type="checkbox"]:disabled + label[b-g5vtcq4miu],
    .configurator-section__filter-input input[type="checkbox"]:disabled ~ span[b-g5vtcq4miu],
    [b-g5vtcq4miu] .configurator-section__filter-inputcheckbox:disabled + label,
    [b-g5vtcq4miu] .configurator-section__filter-inputcheckbox:disabled ~ span {
        opacity: 0.5;
        cursor: default;
        pointer-events: none;
        user-select: none;
        color: #bfbfbf; /* muted color */
        border-color: #dcdcdc; /* muted border */
    }

    /* "form" field custom label */
    .configurator-section__filter-input.form-custom[b-g5vtcq4miu] {
        display: flex;
        gap: 2rem;
        align-items: center;
    }

        .configurator-section__filter-input.form-custom input[type="checkbox"] + label[b-g5vtcq4miu] {
            height: 2.8rem;
            width: 2.8rem;
            padding: 0;
            border-radius: 50%;
        }

            .configurator-section__filter-input.form-custom input[type="checkbox"] + label[b-g5vtcq4miu]::before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                width: 4rem;
                height: 4rem;
                border-radius: 50%;
                transform: translate(-50%, -50%);
                background-color: var(--gray-light);
                z-index: -1;
            }

        .configurator-section__filter-input.form-custom.elliptical input[type="checkbox"] + label[b-g5vtcq4miu] {
            width: 1.8rem;
        }

        .configurator-section__filter-input.form-custom input[type="checkbox"]:checked ~ span[b-g5vtcq4miu] {
            color: var(--green);
            border-color: var(--green);
            font-weight: 600;
        }

/* custom select */
[b-g5vtcq4miu] .configurator-section__filter-selector {
    appearance: none;
    background-image: url('/icons/configurator/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 1.2rem top 50%;
    background-size: 1.3rem 7rem;
    cursor: pointer;
    z-index: 1;
    border-radius: .5rem;
    padding: .7rem 1.5rem;
    border: .1rem var(--gray) solid;
    width: 100%;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    color: var(--green);
    font-weight: 600;
}

    [b-g5vtcq4miu] .configurator-section__filter-selector::-ms-expand {
        display: none;
    }

    [b-g5vtcq4miu] .configurator-section__filter-selector:focus {
        border: .1rem solid var(--green);
    }

/* radio buttons */
.configurator-section__filter-input input[type="radio"][b-g5vtcq4miu] {
    display: none;
}

.configurator-section__filter-input.radio[b-g5vtcq4miu] {
    display: flex;
    gap: 2rem;
    align-items: center;
}

    .configurator-section__filter-input.radio label[b-g5vtcq4miu] {
        height: 1.8rem;
        width: 1.8rem;
        border-radius: .3rem;
        border: .1rem solid var(--gray);
        cursor: pointer;
    }

        .configurator-section__filter-input.radio label:hover[b-g5vtcq4miu] {
            border-color: var(--green);
        }

.configurator-section__filter-input input[type="radio"]:checked + label[b-g5vtcq4miu]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--green);
    border-radius: .3rem;
}


.range-container[b-g5vtcq4miu] {
    position: relative;
    width: 300px;
    height: 50px;
    margin: 0 auto;
}

.range-slider[b-g5vtcq4miu] {
    position: absolute;
    width: 100%;
    pointer-events: none;
}


.configurator-section__filter-input label.disabled[b-g5vtcq4miu] {
    color: #bfbfbf;
    opacity: 0.7;
    cursor: not-allowed;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    user-select: none;
    margin-left: 0.2rem;
    letter-spacing: 0.02em;
    border: 0.1rem solid #dcdcdc;
    border-radius: 2rem;
    padding: 0.3rem 2rem;
    background: #fff;
}

    .range-slider input[type="range"][b-g5vtcq4miu] {
        width: 100%;
        pointer-events: auto;
        position: absolute;
        height: 0;
        background: transparent;
    }

        .range-slider input[type="range"][b-g5vtcq4miu]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            background: #007bff;
            cursor: pointer;
            border-radius: 50%;
        }

        .range-slider input[type="range"][b-g5vtcq4miu]::-moz-range-thumb {
            width: 20px;
            height: 20px;
            background: #007bff;
            cursor: pointer;
            border-radius: 50%;
        }

        span.filter-family[b-g5vtcq4miu]
        {
            display:block;
            padding:1rem 2.5rem;
            text-transform: uppercase;
            color:white;
            background-color: #333;
            border-radius:1rem;
            margin-bottom: 1.6rem;
            /*transform: scaleX(1.2);
            transform-origin: center;*/
            font-size: 2rem;
            font-weight: 700;
        }

        span.filter-family:not(:first-of-type)[b-g5vtcq4miu]{
            margin-top: 3rem;
        }


        section.filter-content[b-g5vtcq4miu]
        {
            display:flex;
            flex-direction:column;
        }

        .result-info[b-g5vtcq4miu]{
            display: flex;
            gap: 0.5rem;
            flex-direction: column;
        }

.no-results p[b-g5vtcq4miu]{
    text-align: center;
}
/* /Components/ContactForm.razor.rz.scp.css */

.contact__title[b-rtyqcfoud5] {
    grid-area: title;
    text-align: center;
    /* margin-bottom: 9.2rem; */
    font-weight: 700;
}

.contact__list[b-rtyqcfoud5] {
    grid-area: list;
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

.div-form[b-rtyqcfoud5] {
    width: 100%;
}

.contact__list-item[b-rtyqcfoud5] {
    display: grid;
    width: 59.2rem;
    grid-template-columns: repeat(2, 29.6rem);
    align-items: center;
    height: 27rem;
}

@media (max-width: 1280px) {
    .contact__list-item[b-rtyqcfoud5] {
        display: flex;
        justify-content: space-between;
        width: 100%;
        background-color: var(--gray-light);
        border-top-right-radius: 30rem;
        border-bottom-right-radius: 30rem;
    }
}

@media (max-width: 576px) {
    .contact__list-item[b-rtyqcfoud5] {
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
    }
}

.contact__list-item > div[b-rtyqcfoud5] {
    padding: 2.7rem 2.7rem 0 2.7rem;
    background-color: var(--gray-light);
    height: 100%;
    width: 29.6rem;
    display: flex;
    flex-direction: column;
}


.contact__list-item div > h5[b-rtyqcfoud5] {
    font-weight: 700;
}

.contact__list-item div > h6[b-rtyqcfoud5] {
    color: var(--green);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2rem;
    margin-top: 0.3rem;
}

.contact__list-item div .address[b-rtyqcfoud5] {
    line-height: 2.4rem;
    margin-top: 1.4rem;
    margin-bottom: 0.4rem;
}

.contact__list-item div > p[b-rtyqcfoud5] {
    line-height: 2.4rem;
    margin-top: 0.2rem;
    display: flex;
    gap: 1.2rem;
}

.contact__list-item div p > a[b-rtyqcfoud5] {
    font-weight: 500;
}

.contact__list-item > img[b-rtyqcfoud5] {
    height: 100%;
    width: 29.6rem;
    object-fit: cover;
    border-top-right-radius: 30rem;
    border-bottom-right-radius: 30rem;
}

@media (max-width: 768px) {
    .contact__list-item > img[b-rtyqcfoud5] {
        width: 16rem;
    }
}

@media (max-width: 576px) {
    .contact__list-item > img[b-rtyqcfoud5] {
        display: none;
    }
}

[b-rtyqcfoud5] .contact__form {
    display: grid;
    row-gap: 1.8rem;
    column-gap: 5.2rem;
    grid-template-columns: repeat(2, calc(50% - 2.6rem));
    grid-template-areas:
        'name surname'
        'company position'
        'region country'
        'email phone'
        'message message'
        'submit submit';
}

@media (max-width: 768px) {
    [b-rtyqcfoud5] .contact__form {
        column-gap: 2.4rem;
        grid-template-columns: repeat(2, calc(50% - 1.2rem));
    }
}

@media (max-width: 576px) {
    [b-rtyqcfoud5] .contact__form {
        column-gap: 2rem;
        grid-template-columns: 100%;
        grid-template-areas:
            'name'
            'surname'
            'company'
            'position'
            'region'
            'country'
            'email'
            'phone'
            'message'
            'submit';
    }
}

.contact__form label[b-rtyqcfoud5] {
    font-size: 1.6rem;
    color: var(--black);
    font-weight: 400;
    line-height: 2.4rem;
}

[b-rtyqcfoud5] .contact__form input {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 4rem;
    padding: 1rem;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

[b-rtyqcfoud5] .contact__form textarea {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 10.9rem;
    padding: 1rem;
    border-radius: .5rem;
}

[b-rtyqcfoud5] .contact__form select, [b-rtyqcfoud5] .contact__form select {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 4rem;
    padding: 1rem;
    border-radius: .5rem;
}

/* custom select */
[b-rtyqcfoud5] .contact__form select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 5rem;
    cursor: pointer;
    background-image: url('/icons/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 1.5rem top 50%;
    background-size: 26px 26px;
    cursor: pointer;
}
/* end custom select arrow*/

.contact__form button[b-rtyqcfoud5] {
    font-weight: 500;
}

.contact__form small[b-rtyqcfoud5] {
    font-size: 1.2rem;
    line-height: 2rem;
    color: var(--black);
}

.contact__form-name[b-rtyqcfoud5] {
    grid-area: name;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-surname[b-rtyqcfoud5] {
    grid-area: surname;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-company[b-rtyqcfoud5] {
    grid-area: company;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-position[b-rtyqcfoud5] {
    grid-area: position;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-region[b-rtyqcfoud5] {
    grid-area: region;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-country[b-rtyqcfoud5] {
    grid-area: country;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-email[b-rtyqcfoud5] {
    grid-area: email;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-phone[b-rtyqcfoud5] {
    grid-area: phone;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-message[b-rtyqcfoud5] {
    grid-area: message;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-submit[b-rtyqcfoud5] {
    grid-area: submit;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
}

[b-rtyqcfoud5] .contact__form-submit-title{
    cursor: pointer;
}

.contact__form-submit-list[b-rtyqcfoud5]{
    list-style: unset;
    margin-left: 2rem;
}

.contact__form-submit-title[b-rtyqcfoud5]{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

[b-rtyqcfoud5] .contact__form-submit-data{
    display: none;
}

.standard-button[b-rtyqcfoud5]{
    margin-left: auto;
}

[b-rtyqcfoud5] .contact__form-submit-title, [b-rtyqcfoud5] .contact__form-submit-data h6, [b-rtyqcfoud5] .contact__form-submit-list li{
    font-size: 1.2rem;
    line-height: 2rem;
    color: var(--black);
}

    .contact__form-submit small[b-rtyqcfoud5] {
        width: 100%;
    }

    .contact__form-submit a[b-rtyqcfoud5] {
        font-weight: 700;
        text-decoration: underline;
    }

    @media (max-width: 576px) {
        .contact__form-submit[b-rtyqcfoud5]{
            gap: 2rem;
        }

        .contact__form button[b-rtyqcfoud5] {
            font-weight: 500;
            margin: 0 auto;
            width: 100%;
            max-width: 40rem;
        }
    }
/* /Components/DualSlider.razor.rz.scp.css */
.range-slider[b-xym8nel0jp] {
    position: relative;
    width: 100%;
    /*height: 50px;*/
    height: 15px;
}

.max-value[b-xym8nel0jp] {
    bottom: -2rem;
    position: absolute;
    right: 0;
    font-size: 1.4rem;
    color: var(--green);
}

.min-value[b-xym8nel0jp] {
    bottom: -2rem;
    position: absolute;
    left: 0;
    font-size: 1.4rem;
    color: var(--green);
}

.thumb[b-xym8nel0jp] {
    position: absolute;
    width: 100%;
    pointer-events: none;
    -webkit-appearance: none;
    background: transparent;
}

    .thumb[b-xym8nel0jp]::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 15px;
        height: 15px;
        border: 1px solid #5c9834;
        background: white;
        border-radius: 50%;
        cursor: pointer;
        pointer-events: all;
        position: relative;
        z-index: 3;
    }

    .thumb[b-xym8nel0jp]::-moz-range-thumb {
        width: 15px;
        height: 15px;
        border: 1px solid #5c9834;
        background: white;
        border-radius: 50%;
        cursor: pointer;
        pointer-events: all;
        z-index: 3;
    }

.slider-track[b-xym8nel0jp] {
    position: absolute;
    height: 6px;
    background: var(--green);
    border-radius: 3px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

    .slider-track.inactive[b-xym8nel0jp] {
        background: var(--gray);
        z-index: 1;
        width: 100%;
    }

.slider-label[b-xym8nel0jp] {
    position: absolute;
    top: -22px;
    background: var(--green);
    color: white;
    padding: 2px 6px;
    min-width: 30px;
    border-radius: 50px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}
/* /Components/Footer.razor.rz.scp.css */
footer[b-xlgeqtrey7] {
    background-color: var(--black);
    color: white;
    min-height: 45rem;
    width: 100%;
}

.footer-logo-custom[b-xlgeqtrey7]{
    position: absolute;
    right: 8rem;
    top: -3rem;
}

.footer-logo-custom img[b-xlgeqtrey7] {
    width: 100%;
    height: auto;
}

.footer__content[b-xlgeqtrey7] {
    padding-top: 6rem;
    padding-bottom: 5rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.footer-content-flex[b-xlgeqtrey7] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 6rem;
    padding-bottom: 5rem;
    border-bottom: .1rem solid white;
}

.footer-content-flex>div[b-xlgeqtrey7] {
    width: fit-content;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.footer-content-flex>div:last-child[b-xlgeqtrey7] {
    padding-right: 20rem;
}

.footer-content-flex .location[b-xlgeqtrey7] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

/* bottom links */
.footer-links[b-xlgeqtrey7]{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
}

.footer-links> div[b-xlgeqtrey7]{
    display: flex;
    align-items: center;
}

.footer-links> div:first-child[b-xlgeqtrey7]{
    gap: 7rem;
}

.footer-links> div:last-child[b-xlgeqtrey7]{
    gap: 3rem;
}
.footer-links img[b-xlgeqtrey7]{
    padding-left: 3rem;
    border-left: .1rem white solid;
}

/* complaints bar */
/* .complaints {
    background-color: var(--green);
    height: 6.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.complaints a {
    border: white .1rem solid;
} */
/* =====MEDIA QUERIES ===== */
@media (max-width: 1024px) {
    .footer-content-flex[b-xlgeqtrey7] {
        flex-direction: column;
    }
    .footer-logo-custom[b-xlgeqtrey7]{
        width: 15rem;
    }
    .footer-content-flex>div:last-child[b-xlgeqtrey7] {
        padding-right: 0rem;
    }
    .footer-links[b-xlgeqtrey7]{
        flex-direction: column;
        align-items: start;
    }
}

@media (max-width: 768px) {
    .footer-links[b-xlgeqtrey7]{
        gap: 1rem;
    }
    .footer-links> div:first-child[b-xlgeqtrey7], .footer-links> div:last-child[b-xlgeqtrey7]{
        gap: 1rem;
        flex-direction: column;
        align-items: start;
    }
    .footer-links img[b-xlgeqtrey7]{
        padding-left: 0;
        border-left: none;
        max-width: 3rem;
    }
}


@media (max-width: 576px) {
    .footer-content-flex[b-xlgeqtrey7] {
        gap: 4rem;
    }

    .footer-logo-custom[b-xlgeqtrey7]{
        display: none;
    }
    /* .footer-links{
        gap: 1rem;
    }
    .footer-links> div:first-child, .footer-links> div:last-child{
        gap: 1rem;
        flex-direction: column;
        align-items: start;
    }
    .footer-links img{
        padding-left: 0;
        border-left: none;
        max-width: 3rem;
    } */
}
/* /Components/HomeClientSlider.razor.rz.scp.css */
.home-client-slider__inner[b-41fhbb7p00]{
    padding-top: 4rem;
    padding-bottom: 4rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5rem; 
    width: 100%;
    overflow: hidden;
}

/* moving part of slider */
.home-client-slider__wrapper[b-41fhbb7p00] {
    position: relative;
    display: flex;
    overflow: hidden;
    transform: translateX(0px);
    user-select: none;
    cursor: -webkit-grab; 
    cursor: grab;
}

.home-client-slider__content[b-41fhbb7p00], .home-client-slider__content.clone[b-41fhbb7p00]{
    width: 100%;
    display: flex;
    transition: transform 1s ease-in-out;
}

.home-client-slider__content li[b-41fhbb7p00], .home-client-slider__content.clone li[b-41fhbb7p00] {
    list-style: none;
    width: fit-content;
}

.home-client-slider__content li img[b-41fhbb7p00], .home-client-slider__content.clone li img[b-41fhbb7p00]{
    width: 25rem;
    height: 25rem;
    object-fit: scale-down;
    object-position: center center;
    padding: 0 2rem;
    display: block;
}

/* slider bullets -not displayed for now */
.home__client-bullets[b-41fhbb7p00] {
    display: none;
    /* display: flex; */
    flex-wrap: wrap;
    bottom: 0;
    gap: 1rem;
    justify-content: center;
    z-index: 10;
}

.home__client-bullet[b-41fhbb7p00] {
    height: 1rem;
    padding: .5rem;
    background-color:var(--green);
    opacity: .6;
    margin: 0 .5rem;
    cursor: pointer;
    transition: width 0.3s ease-in-out;
    border-radius: .4rem;
    display: block;
}
.home__client-bullet.active[b-41fhbb7p00] {
    opacity: 1;
    padding: .5rem 1.8rem; 
}

/* =====MEDIA QUERIES ===== */
@media (max-width: 1024px) {
    .home-client-slider__inner[b-41fhbb7p00]{
        padding-bottom: 0;
    }
}

@media (max-width: 576px) {

    .home-client-slider__inner[b-41fhbb7p00]{
        gap: 1rem;
    }

    .home-client-slider__inner h2[b-41fhbb7p00]{
        font-size: 2rem;
    }

    .home__client-bullets[b-41fhbb7p00] {
        display: none;
    }

    .home-client-slider__content li img[b-41fhbb7p00], .home-client-slider__content.clone li img[b-41fhbb7p00]{
        width: 12.5rem;
        height: 12.5rem;
    }
}
/* /Components/HomeHeaderSlider.razor.rz.scp.css */
.home__header-slide-container.custom[b-0boyj2ikxu] {
    padding-left: 0;
    padding-right: 0;
}

.inner[b-0boyj2ikxu]{
    width: 100%;
    overflow: hidden;
    height: 70rem;
}

.home__header-slider[b-0boyj2ikxu] {
    height: 100%;
    position: absolute; 
    width: 100%;
    top: 0;
    opacity: 0; 
    left: 100%; 
    transition: left 1s ease-in-out, opacity 0s;  
    z-index: -3;
}

.home__header-slider.slide-in[b-0boyj2ikxu] {
    top: 0;
    left: 0;
    opacity: 1;
    position: relative;
    z-index: 1;
}

.home__header-slider.slide-out-left[b-0boyj2ikxu] {
    left: -100%;
    opacity: 0;
}

.home__header-slider.slide-out-right[b-0boyj2ikxu] {
    left: 100%;
    opacity: 0;
}

.home__header-slider.opaque[b-0boyj2ikxu] {
    opacity: 1;
}

.slide-inner[b-0boyj2ikxu]{
    height: 100%;
}

.home__header-slider-content[b-0boyj2ikxu] {
    width: 100%;
    z-index: 9; 
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.home__header-slider-text[b-0boyj2ikxu]{
    max-width: 98.7rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    justify-content: center;
    color: white;
}

.home__header-slider-text[b-0boyj2ikxu]  a {
    line-height: 1;
    padding: 1.2rem 2.2rem;
    border-radius: 10rem;
    transition: all .3s ease-in-out;
    background-color: var(--green);
    border: .1rem solid var(--green);
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    min-width: 25.6rem;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    box-shadow: 0px 4px 4px 0px #00000040;
}

.home__header-slider-text[b-0boyj2ikxu]  a:hover{
    color: var(--green);
    background-color: white;
}

/* .home__header-slider-text ::deep p{
    margin-top: 1.5rem;
} */

.home__header-slider-img[b-0boyj2ikxu] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all .6s ease-in-out;
}

/* slider bullets */
.home__header-bullets[b-0boyj2ikxu] {
    display: flex;
    bottom: 5rem;
    gap: 1rem;
    justify-content: center;
    z-index: 10;
}

.home__header-bullet[b-0boyj2ikxu] {
    height: 1rem;
    padding: .5rem;
    background-color: white;
    opacity: .6;
    margin: 0 .5rem;
    cursor: pointer;
    transition: width 0.2s ease-in-out;
    border-radius: .4rem;
    display: block;
    cursor: pointer;
}
.home__header-bullet.active[b-0boyj2ikxu] {
    opacity: 1;
    padding: .5rem 1.8rem; 
}


/* =====MEDIA QUERIES===== */
@media (max-width: 1440px) {
    .inner[b-0boyj2ikxu]{
        height: 50rem;
    }
}

@media (max-width: 1024px) {
    .inner[b-0boyj2ikxu]{
        height: 40rem;
    }
}

@media (max-width: 768px) {

    .home__header-slider-text[b-0boyj2ikxu]  h1{
        font-size: 3.2rem;
        line-height: 4rem;
    }

    .home__header-slider-text[b-0boyj2ikxu]  a {
        width: fit-content;
        padding: .9rem 1.2rem;
        min-width: 22rem;
    }
    
    .home__header-slider-text[b-0boyj2ikxu]{
        gap: 3rem;
        margin: 0;
    }
    .inner[b-0boyj2ikxu]{
        height: 38rem;
    }
    .home__header-slider[b-0boyj2ikxu] {
        height: 100%;
    }

    /* slider bullets */
    .home__header-bullets[b-0boyj2ikxu] {
        gap: .5rem;
    }

    .home__header-bullet[b-0boyj2ikxu] {
        height: .5rem;
        padding: .3rem;
    }
    .home__header-bullet.active[b-0boyj2ikxu] {
        padding: .3rem 1rem; 
    }

    .standard-button[b-0boyj2ikxu] {
        font-weight: 600;
        font-size: 1.6rem;
    }
    
}

/*Clases for slider fix*/
.slide-out-right[b-0boyj2ikxu]{
    right: 100%;
}
.slide-in-right[b-0boyj2ikxu]{
    right: 0%;
}
/* /Components/HomeProductSlider.razor.rz.scp.css */
.home-product-slider__inner[b-evt14ntq72]{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    width: 100%;
    padding-top: 10rem;
    padding-bottom: 3rem;
}

.home-product-slider__slide-container[b-evt14ntq72] {
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.08);
    border-radius: 3.5rem;
    width: 100%;
    cursor: -webkit-grab; 
    cursor: grab;
    overflow: hidden;
}

/* moving part of slider */
.home-product-slider__content[b-evt14ntq72]{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    position: absolute;
    gap: 12rem; 
    width: 100%;
    top: 0;
    opacity: 0; 
    z-index: 10;
    transition: opacity 2s ease;
}


.home-product-slider__content.slide-in[b-evt14ntq72] {
    right: 0;
    opacity: 1;
    position: relative;
}
/* end moving part of slider */

.home-product-slider__content>div[b-evt14ntq72]{
    flex: 1;
    width: 100%;
}

.home-product-slider__text[b-evt14ntq72]{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.5rem;
    padding: 8rem 0 8rem 10rem; 
}

.home-product-slider__text h4[b-evt14ntq72]{
    text-transform: uppercase;
}

.text-container[b-evt14ntq72]{
    max-width: 54rem;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: start;
    gap: 2.5rem;
    padding-bottom: 5rem;
} 

.text-container[b-evt14ntq72]  a{
    padding: 1.1rem 2.2rem;
    border-radius: 10rem;
    transition: all .3s ease-in-out;
    background-color: var(--green);
    border: .1rem solid var(--green);
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
    width: fit-content;
    min-width: 24rem;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
}

.text-container[b-evt14ntq72]  a:hover{
    color: var(--green);
    background-color: white;
}

.text-container.wide[b-evt14ntq72]{
    max-width: 61rem;
}

.home-product-slider__img[b-evt14ntq72]{
    display: flex;
    justify-content: center;
    z-index: 10;
    align-self: center;
    height: 100%;
    padding: 8rem 5rem 8rem 0; 
}

.home-product-slider__img img[b-evt14ntq72]{
    width: auto;
    height: 100%
}

/* fixed layer */
.home-product-slider__fixed-layer-container[b-evt14ntq72]{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    padding: 0 5rem 0 10rem;
    display: flex;
    gap: 12rem;
}

.home-product-slider__fixed-layer-container>div[b-evt14ntq72]{
    flex: 1;
    width: 100%;
    height: 100%;
}


.fixed-image-space[b-evt14ntq72]{
    display: flex;
    align-items: center;
}

/* buttons next and prev */
.home-product-slider__buttons[b-evt14ntq72] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.home-product-slider__buttons button[b-evt14ntq72]{
    z-index: 10;
    background-color: transparent;
    transition: all .5s ease-in-out;
    padding: 3rem;
}

.home-product-slider__buttons button:hover[b-evt14ntq72]{
    transform: scale(1.2);
}

/* grey circle */
.home-product-slider__buttons[b-evt14ntq72]::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65%; 
    aspect-ratio: 1; 
    background-color: #E6F5EC;
    border-radius: 50%;
}

/* end buttons */

.fixed-text-space[b-evt14ntq72]{
    display: flex;
    align-items: flex-end;
}

.fixed-text-space a[b-evt14ntq72]{
    z-index: 10;
}

/* end fixed layer */

/* ====MEDIA QUERIES==== */
@media (max-width: 1024px) {

    .home-product-slider__content[b-evt14ntq72]{
        gap: 5rem;
    }

    .home-product-slider__text[b-evt14ntq72]{
        padding: 5rem 0 5rem 5rem;
    }

    .home-product-slider__text[b-evt14ntq72]  a{
        padding: .7rem 2.6rem;
        font-size: 1.4rem;
        font-weight: 500;
        min-width: 22rem;
    }

    .home-product-slider__img[b-evt14ntq72] {
        padding: 5rem 5rem 5rem 0;
    }

    .home-product-slider__img img[b-evt14ntq72]{
        max-height: 50rem;
    }

    .home-product-slider__fixed-layer-container[b-evt14ntq72] {
        gap: 5rem;
        padding: 0 5rem;
    }

    .home-product-slider__buttons[b-evt14ntq72]::before {
        width: 80%; 
    }

    .home-product-slider__buttons button[b-evt14ntq72]{
        padding: 2rem;
    }

    .home-section__next-button[b-evt14ntq72] {
        left: 3rem;
    }

    .home-section__prev-button[b-evt14ntq72] {
        right: 3rem;
    }
}

@media (max-width: 768px) {
  
    .home-product-slider__inner[b-evt14ntq72]{
        gap: 2.5rem;
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .home-product-slider__content[b-evt14ntq72]{
        flex-direction: column-reverse;
        gap: 3rem;
        top: 0;
        transform: translateY(0);
    }

    .home-product-slider__text[b-evt14ntq72]{
        padding: 0 2.5rem 3rem 2.5rem;
        gap: 2rem;
    }

    .text-container[b-evt14ntq72] {
        padding-bottom: 0;
    }

    .text-container[b-evt14ntq72]  a{
        display: block; 
        margin: 0 auto;
    }

    .home-product-slider__img[b-evt14ntq72]{
        padding: 2.5rem 2.5rem 0 2.5rem;
    }

    .home-product-slider__img img[b-evt14ntq72]{
        max-height: 38rem; 
    }

     /* fixed elements */
     .home-product-slider__fixed-layer-container[b-evt14ntq72] {
        flex-direction: column-reverse;
        gap: 3rem;
        padding: 2.5rem;
    }

    .fixed-text-space[b-evt14ntq72]{
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .fixed-image-space[b-evt14ntq72]{
        max-height: 38rem; 
    }

    .home-product-slider__buttons[b-evt14ntq72]{
        width: 64%;
        margin: 0 auto;
    }

    .home-product-slider__buttons[b-evt14ntq72]::before {
        width: 70%; 
    }

    .home-section__next-button[b-evt14ntq72]{
        right: 1rem;
        left: unset;
    }

    .home-section__prev-button[b-evt14ntq72]{
        left: 1rem;
        right: unset;
    }

    .home-section__next-button svg[b-evt14ntq72], .home-section__prev-button svg[b-evt14ntq72] {
        width: 1.3rem;
        height: auto;
    }
    /* end fixed elements */
}


@media (max-width: 576px) {

    .home-product-slider__inner[b-evt14ntq72]{
        padding-bottom: 1rem;
    }

    .home-product-slider__inner h2[b-evt14ntq72], .home-product-slider__inner h4[b-evt14ntq72]{
        font-size: 2rem;
    }
    
    .home-product-slider__content[b-evt14ntq72]{
        gap: 1.5rem;
    }

    .home-product-slider__text[b-evt14ntq72] {
        gap: 1.5rem;
    }

    .home-product-slider__text .text-container[b-evt14ntq72]{
        gap: 1.3rem;
    }

    .home-product-slider__text[b-evt14ntq72]  a {
        padding: .5rem 2rem;
    }

    .home-product-slider__img img[b-evt14ntq72]{
        max-height: 24rem; 
    }

    .fixed-image-space[b-evt14ntq72]{
        max-height: 24rem; 
    }

    .home-product-slider__buttons[b-evt14ntq72]{
        width: 100%;
    }

    .home-product-slider__buttons[b-evt14ntq72]::before {
        width: 60%;
    }

}
/* /Components/HomeTechnologiesSlider.razor.rz.scp.css */
.container-wide[b-cfln8512s7]{
    background-color: var(--gray-light);
    padding-top: 2rem;
}

.home-technologies-slider__inner[b-cfln8512s7]{
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: 7;
    cursor: grab;
    min-height: fit-content;
}

.home-technologies-slide[b-cfln8512s7]{
    display: flex;
    align-items: stretch;
    height: 100%; 
    position: absolute; 
    bottom: 0;
    margin: 0 5rem;
}

.slide-in.home-technologies-slide[b-cfln8512s7]{
    position: relative;
    margin: 0;
}

.home-technologies-slider__text[b-cfln8512s7]{
    padding: 5rem 0 12rem 0;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    flex: 1;
    text-align: center;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    height: fit-content;
}

.slide-in .home-technologies-slider__text[b-cfln8512s7]{
    opacity: 1;
    z-index: 10;
    margin: 0;
}

/* buttons and h3 */
.home-technologies-slider__text .subtitle-nav[b-cfln8512s7]{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3rem;
}

.home-technologies-slider__text h3[b-cfln8512s7], .home-technologies-slider__text h2[b-cfln8512s7]{
    line-height: 1;
}

.home-technologies-slider__text .subtitle-nav button[b-cfln8512s7]{
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    transition: all .3s ease;
    z-index: 10;
}

.home-technologies-slider__text .subtitle-nav button:hover[b-cfln8512s7]{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)
}

.home-technologies-slider__text h2[b-cfln8512s7]{
    font-size: 4rem;
    text-transform: uppercase;
}

.home-technologies-slider__text[b-cfln8512s7]  p{
    margin-bottom: 2rem;
}

.home-technologies-slider__text[b-cfln8512s7]  p:last-child{
    margin-bottom: 0;
}

/* image */
.home-technologies-slider__img[b-cfln8512s7]{
    flex: 1;
    /* align-self: flex-end;  */
    overflow: hidden;
    /* height: 100%; 
    max-height: 66rem; */
}

.home-technologies-slider__img img[b-cfln8512s7]{
    max-width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    left: 0;
    transition: opacity 1s ease-in-out, left 1.5s ease-in-out;
}

.home-technologies-slider__img img.med-screen[b-cfln8512s7]{
    display: none;
}

.home-technologies-slider__img.mobile[b-cfln8512s7]{
    display: none;
}
/* image slide styles */

.slide-in .home-technologies-slider__img img[b-cfln8512s7]{
    left: 0;
    opacity: 1;
}

.slide-out-left .home-technologies-slider__img img[b-cfln8512s7]{
    left: 100%;
    opacity: 0;
}

.slide-out-right .home-technologies-slider__img img[b-cfln8512s7]{
    left: -100%;
    opacity: 0;
}

/* bullets */

.home-section__bullets[b-cfln8512s7] {
    position: absolute;
    display: flex;
    bottom: 6rem;
    gap: 1rem;
    justify-content: center;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%); 
    transition: transform .3s ease-in-out;
    height: fit-content;
}

.home-section__bullet[b-cfln8512s7] {
    height: 1rem;
    padding: .5rem;
    background-color: var(--green);
    opacity: .6;
    margin: 0 .5rem;
    cursor: pointer;
    transition: width 0.2s ease-in-out;
    border-radius: .4rem;
    display: block;
    cursor: pointer;
}
.home-section__bullet.active[b-cfln8512s7] {
    opacity: 1;
    padding: .5rem 1.8rem; 
}


/* =====MEDIA QUERIES ===== */
/* @media (max-width: 1400px) {
    .home-technologies-slider__inner{
        min-height: fit-content;
    }
} */

@media (max-width: 1024px) {
    .container-wide[b-cfln8512s7]{
        padding-bottom: 5rem;
    }

    .home-technologies-slider__inner[b-cfln8512s7]{
        margin-top: 5rem;
    }

    .home-technologies-slide[b-cfln8512s7]{
        flex-direction: column;
        margin: 0 2.5rem;
        top: 0;
    }

    .home-technologies-slider__img.desktop[b-cfln8512s7]{
        display: none;
    }

    .home-technologies-slider__img.mobile[b-cfln8512s7]{
        display: unset;
    }

    .home-technologies-slider__img[b-cfln8512s7]{
        max-height: 46rem;
        align-self: center;
    }

    .home-technologies-slider__img img[b-cfln8512s7]{
        max-height: 46rem;
    }

    .home-technologies-slider__img img.desktop[b-cfln8512s7]{
        display: none;
    }

    .home-technologies-slider__img img.med-screen[b-cfln8512s7]{
        display: block;
        object-fit: contain;
    }

    .home-technologies-slider__text[b-cfln8512s7]{
        max-width: 66rem;
        padding: 0;
    }

    .subtitle-nav[b-cfln8512s7]{
        margin-top: 5rem;
    }

    .home-section__bullets[b-cfln8512s7]{
        top: 64.5rem;
    }
}


@media (max-width: 576px) {
    .container-wide[b-cfln8512s7]{
        padding-bottom: 2.5rem;
    }

    .home-technologies-slider__inner[b-cfln8512s7]{
        margin-top: 2.5rem;
    }

    .home-technologies-slider__text .subtitle-nav[b-cfln8512s7]{
        margin-top: 3rem;
    }

    .subtitle-nav svg[b-cfln8512s7]{
        padding: .5rem;
    }
    
    .home-technologies-slider__text[b-cfln8512s7]{
        gap: 2.5rem;
    }

    .home-technologies-slider__img[b-cfln8512s7]{
        max-height: 25rem;
    }

    .home-technologies-slider__img[b-cfln8512s7], .home-technologies-slider__img img[b-cfln8512s7]{
        max-height: 25rem;
    }

    .home-technologies-slider__text h2[b-cfln8512s7], .home-technologies-slider__text h3[b-cfln8512s7]{
        font-size: 2rem;
    }

    .home-section__bullets[b-cfln8512s7]{
        top: 36.5rem;
    }

}


/* commented - if pointer events disabled, buttons dont work  */
/* @media (min-width: 576px) {
    .home-technologies-slide{
        user-select: none;
        pointer-events: none;
    }
} */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-xl0r0ihv2b] {
    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-xl0r0ihv2b] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

main[b-xl0r0ihv2b] {
    min-height: calc(100vh - 55rem);
}
/* /Components/Layout/UserAreaLayout.razor.rz.scp.css */
main[b-dt08hvdrin] {
    min-height: calc(100vh - 55rem);
}

.user-area-flex[b-dt08hvdrin]{
    display: flex;
}

.admin-content[b-dt08hvdrin]{
    width: 100%;
}

.admin-content-filter[b-dt08hvdrin]{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -3;
    background: transparent;
    transition: all .3s ease;
}

.client-area[b-dt08hvdrin] {
    background: white;
    width: fit-content;
    min-width: 40rem;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #C1C1C1;
    padding: 10rem 7rem;
    gap: 3rem;
}

ul.client-area-menu[b-dt08hvdrin]{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

ul.client-area-menu[b-dt08hvdrin]  a {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

ul.client-area-menu[b-dt08hvdrin]  a.active, ul.client-area-menu[b-dt08hvdrin]  a:hover{
    color: var(--green);
}

ul.client-area-menu__authorised[b-dt08hvdrin]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-left: 2rem;
}

.horizontal-line span[b-dt08hvdrin]{
    display: block;          
    width: 100%;                
    border-bottom: 1px solid #C1C1C1;
}

@media (max-width: 1280px) {
    .client-area[b-dt08hvdrin]{
        min-width: 25rem;
        padding: 10rem 2.5rem;
    }
}

@media (max-width: 1024px) {
    .client-area[b-dt08hvdrin]{
        min-width: 0;
    }
}


@media (max-width: 768px) {

    main[b-dt08hvdrin] {
        min-height: calc(100vh - 85rem);
    }

    .admin-content-filter.active[b-dt08hvdrin]{
        background: rgba(232, 232, 232, 0.70);
        backdrop-filter: blur(7.5px);
        z-index: 3;
    }

    .user-area-flex[b-dt08hvdrin]{
        flex-direction: column;
    }

    .client-area[b-dt08hvdrin]{
        width: 100%;
        padding: 0;
        background-color: var(--gray-light);
        gap: 0;
        z-index: 4;
    }

    .client-area h4[b-dt08hvdrin]{
        padding: 1rem 2rem;
        font-size: 2rem;
    }

    ul.client-area-menu[b-dt08hvdrin]{
        gap: 1.5rem;
        background-color: white;
        padding: 1rem 2rem;
        border-top: .1rem var(--green) solid;
        border-bottom: .1rem var(--green) solid;
    }

    ul.client-area-menu[b-dt08hvdrin]  a{
        font-size: 1.6rem;
    }

    ul.client-area-menu[b-dt08hvdrin]  a.active::after, ul.client-area-menu.mobile-closed[b-dt08hvdrin]  a.active:hover::after{
        content: url("/icons/small_arrow_green.svg");
        transition: all 1s ease;
        rotate: -90deg;
    }

    ul.client-area-menu.mobile-closed[b-dt08hvdrin]  a.active::after{
        content: url("/icons/small_arrow_green.svg");
        rotate: -0deg;
    }

    ul.client-area-menu.mobile-closed li[b-dt08hvdrin] {
        display: none; 
    }

    ul.client-area-menu li.show[b-dt08hvdrin] {
        display: unset;
    }

    .horizontal-line[b-dt08hvdrin]{
        display: none;
    }
}
/* /Components/MainMenu.razor.rz.scp.css */
.nav__item.temp-hidden[b-ubdj0wch1q]{
    display: none;
}

/* filter for when menu open in mobile */
.filter[b-ubdj0wch1q]{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -3;
    background: transparent;
    transition: all .5s ease;
}

.filter.active[b-ubdj0wch1q]{
    background: rgba(232, 232, 232, 0.70);
    backdrop-filter: blur(7.5px);
    z-index: 11;
}

/* top banner */
.notice-banner[b-ubdj0wch1q]{
    min-height: 7rem;
    width: 100%;
    background-color: var(--green);
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 14;
}

.notice-banner__inner[b-ubdj0wch1q]{
    margin: 0 auto;
    width: fit-content;
}

.notice-banner h5[b-ubdj0wch1q] {
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-transform: uppercase;
}

.notice-banner h5[b-ubdj0wch1q]  a{
    text-decoration: underline;
    font-weight: 700;
}

@media (max-width: 576px) {
    .notice-banner h5[b-ubdj0wch1q]{
        font-size: 1.2rem;
        line-height: 1.6rem;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
}

.notice-banner a[b-ubdj0wch1q] {
    font-weight: 700;
    text-decoration: underline;
}

/* menu */
header[b-ubdj0wch1q]{
    margin-bottom: 8rem;
    transition: all 0.5s ease;
}

.nav__container[b-ubdj0wch1q] {
    width: 100%;
    height: 8rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: white;
    z-index: 11;
    display: flex;
    align-items: center;
}

/* .nav__inner {
    width: 100%;
    margin: 0 auto;
}  */

.nav__content[b-ubdj0wch1q] {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav__logo[b-ubdj0wch1q] {
    width: 19.4rem;
    height: auto;
    display: block;
}

.nav__logo img[b-ubdj0wch1q] {
    width: 100%;
    height: 100%;
}

.nav__list-container[b-ubdj0wch1q] {
    display: flex;
    gap: 4rem;
    align-items: center;
}

/* ul */
.nav__list[b-ubdj0wch1q] {
    display: flex;
    gap: 4rem;
    align-items: center;
    transition: right 0.5s ease;
}

/* ul li */
.nav__item[b-ubdj0wch1q]{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.nav__item.mobile[b-ubdj0wch1q]{
    display: none;
}

.nav__item[b-ubdj0wch1q]  a, .nav__item button[b-ubdj0wch1q]{
    transition: all linear 0.3s;
    color:var(--black);
    width: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 1.6rem;
    font-weight: 400;
}

.nav__item[b-ubdj0wch1q]  a.active {
    color: var(--green);
}

.nav__item[b-ubdj0wch1q]  a:hover, .nav__item button:hover[b-ubdj0wch1q] {
    color: var(--green);
    font-weight: 700;
}

.menu-toggle[b-ubdj0wch1q] {
    display: none;
}

/* submenus */
.submenu-container[b-ubdj0wch1q] {
    display: none; 
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -4rem;
    padding-right: 4rem;
    /* margin-top: -2rem; 
    padding-top: 7rem; */
    margin-top: 2rem; 
    padding-top: 3rem;
    cursor: pointer;
}

.submenu.user-settings .submenu-container[b-ubdj0wch1q]{
    top: -1rem;
    padding-top: 4rem;
}

.submenu ul[b-ubdj0wch1q]{
    display: flex;
    padding: 2.5rem 3rem;
    background: white;
    z-index: 10;
    border-radius: .5rem;
    flex-direction: column;
    align-items: flex-end;
    border: .1rem solid var(--gray);
    gap: 2rem;
}

.submenu ul[b-ubdj0wch1q]::after {
    position: absolute;
    bottom: 100%;
    right: 2rem;
    width: 2.3rem;
    height: 2.3rem;
    border-top: .1rem solid var(--gray);
    border-right: 0;
    border-bottom: 0;
    border-left: .1rem solid var(--gray);
    margin-left: -1rem;
    margin-bottom: -1.1rem;
    content: "";
    transform: rotate(45deg);
    background-color: white;
}

/* language drop down */
div.pipe[b-ubdj0wch1q]{
    width: .1rem;  
    height: 3rem;         
    background-color:#343434;
}

.submenu.user-settings ul[b-ubdj0wch1q]{
    padding: 1.5rem;
    right: -4rem;
    gap: 1rem;
}

.submenu.user-settings ul[b-ubdj0wch1q]::after {
    right: 5rem;
}

.submenu.user-settings ul li[b-ubdj0wch1q]{
    width: 100%;
}

.submenu.user-settings a[b-ubdj0wch1q]{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
}

.submenu.user-settings ul a[b-ubdj0wch1q]{
    gap: 1rem;
}

.submenu.user-settings ul a p[b-ubdj0wch1q]{
    font-size: 1.2rem;
}
/* end language drop down */

.submenu:hover .submenu-container[b-ubdj0wch1q] {
    display: block; 
} 

.submenu-container[b-ubdj0wch1q]  .header-nav__submenu-link {
    width: fit-content;
    display: inline-block;
    white-space: nowrap;
}

.submenu-container[b-ubdj0wch1q]  .header-nav__submenu-link.active{
    color: var(--green);
}

/* =====MEDIA QUERIES ===== */
@media (max-width: 1460px) {
    .nav__list-container[b-ubdj0wch1q], .nav__list[b-ubdj0wch1q] {
        gap: 3rem;
    }

    .nav__item[b-ubdj0wch1q]  a, .nav__item button[b-ubdj0wch1q]{
        font-size: 1.4rem;
    }
}

@media (max-width: 1280px) {
    .nav__logo[b-ubdj0wch1q] {
        width: 15rem;
        height: auto;
        display: block;
    }
    
    .nav__list-container[b-ubdj0wch1q], .nav__list[b-ubdj0wch1q] {
        gap: 2rem;
    }

    .nav__item[b-ubdj0wch1q]  a{
        font-size: 1.2rem;
    }
}

/* break to burger menu */
@media (max-width: 1024px) {
    /* menu burger button*/
    .menu-toggle[b-ubdj0wch1q] {
        cursor: pointer;
        display: flex;
        flex-direction: column;
        display: flex;
        transition: all 0.5s ease;
    }

    .bar[b-ubdj0wch1q] {
        background-color: #343434;
        height: .3rem;
        width: 2.5rem;
        margin: .2rem 0;
        transition: transform 0.3s ease, opacity 0.3s ease;
    }

    .menu-toggle.active .bar:nth-child(1)[b-ubdj0wch1q] {
        transform: rotate(-45deg) translate(-.5rem, .5rem);
    }

    .menu-toggle.active .bar:nth-child(2)[b-ubdj0wch1q] {
        opacity: 0;
    }

    .menu-toggle.active .bar:nth-child(3)[b-ubdj0wch1q] {
        transform: rotate(45deg) translate(-.5rem, -.5rem);
    }
    /*end menu burger button*/

    .nav__list[b-ubdj0wch1q] {
        position: fixed; 
        height: calc(100vh);
        top: 6rem; 
        right: calc(-100vw - 6rem);
        flex-direction: column;
        background-color: white;
        width: 36rem;
        text-align: center;
    }

    .nav__list.show[b-ubdj0wch1q] {
        top: 5rem !important;
        position: absolute;
        right: -2.5rem;
        height: calc(100vh - 8rem);
        overflow-y: auto;
        box-shadow: 0 .6rem 1.8rem 0 rgb(0 0 0 / 3%);
    }

    li.nav__item[b-ubdj0wch1q] {
        /* border-bottom: .1rem solid rgba(52, 52, 52, 0.1); */
        padding-bottom: 2rem;
        width: 100%;
        padding-right: 2.5rem;
    }

    .nav__item.mobile[b-ubdj0wch1q]{
        display: flex;
    }

    .nav__item.desktop[b-ubdj0wch1q]{
        display: none;
    }

    .nav__item[b-ubdj0wch1q]  a {
        justify-content: end;
        font-size: 1.6rem;
        gap: 1rem;
        line-height: 1;
        align-items: center;
    }

    .nav__item:last-child[b-ubdj0wch1q] {
        padding-bottom: 5rem;
    } 
    .nav__item:first-child[b-ubdj0wch1q] {
        padding-top: 2.4rem;
    }

    /* submenu styles */
    .nav__item.submenu:not(:last-of-type) a[b-ubdj0wch1q]::before {
        content: url("/icons/small_arrow.svg");
        display: block;
    } 

    .nav__item.submenu:not(:last-of-type) a:hover[b-ubdj0wch1q]::before {
        content: url("/icons/small_arrow_green.svg");
    } 
    
    .submenu .submenu-container[b-ubdj0wch1q]{
        position: relative;
        width: 100%;
        padding-top: 0;
        margin-top: 0;
        padding-right: 2rem;
    }
    
    .submenu ul[b-ubdj0wch1q]{
        padding: 0 1.7rem 0 0;
        margin-top: 2rem;
        border: none;
        border-radius: 0;
        border-right: .2rem var(--green) solid;
    }

    .submenu ul[b-ubdj0wch1q]::after {
        display: none
    }

    .nav__item.submenu >ul a[b-ubdj0wch1q] {
        white-space: wrap;
        text-align: end;
    }
    
}

@media (max-width: 576px) {
    header[b-ubdj0wch1q]{
        margin-bottom: 6.4rem;
    }
    .nav__container[b-ubdj0wch1q]{
        height: 6.4rem;
    }
    .nav__list-container[b-ubdj0wch1q] {
        gap: 1.5rem;
    }
    .nav__logo img[b-ubdj0wch1q]{
        max-width: 11rem;
        height: auto;
    }
    .nav__list[b-ubdj0wch1q]{
        top: 6.4rem;  
        height: calc(100vh - 6.3rem);
    }
    .nav__list.show[b-ubdj0wch1q] { 
        /* max-height: calc(100vh - 6.4rem); */
        height: calc(100vh - 6.3rem);
        top: 4.4rem !important;
    }
    /* .nav__item a {
        justify-content: end;
    } */
}
/* /Components/NewsItemCard.razor.rz.scp.css */
.news-item[b-kr2yikh057]{
    height: 100%;
}

.news-item a[b-kr2yikh057]{
    background-color: var(--gray-light);
    border-radius: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 2.5rem; 
    border: .2rem var(--gray-light) solid;
    height: 100%;
}

.news-item__image[b-kr2yikh057]{
    background-color: white;
}

.news-item__image img[b-kr2yikh057]{
    width: 100%;
    aspect-ratio: 289/245;
    object-fit: cover;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
    display: block;
}

.news-item__text[b-kr2yikh057]{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding:0 3.2rem;
    line-height: 1.5;
    height: 100%;
}

.news-item__text small[b-kr2yikh057] {
    font-size: 1.2rem;
}


.news-item__link[b-kr2yikh057]{
    display: flex;
    align-items: center;
    color: var(--green);
    justify-content: end;
    align-items: end;
    padding: 2rem;
    gap: 1rem;
    height: 100%;
}

.news-item__link p[b-kr2yikh057] {
    line-height: 1.8rem;
}

.news-item__link:hover[b-kr2yikh057]{
    text-decoration: underline;
}

/* horizontal card style changes */
.horizontal.news-item a[b-kr2yikh057]{
    flex-direction: row;
    gap: 0;
}

.horizontal .news-item__image[b-kr2yikh057]{
    width: 43%;
} 

.horizontal .news-item__image img[b-kr2yikh057]{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 0;
    border-bottom-left-radius: 1.5rem;
}

.horizontal .news-item__text[b-kr2yikh057] {
    flex: 1;
    padding: 2rem 3.2rem;
    gap: 1.5rem;
}

.horizontal .news-item__link a[b-kr2yikh057] {
    padding: 0 2rem;
}

/* ====MEDIA QUERIES==== */
@media (max-width: 1024px) {
    .horizontal .news-item__text[b-kr2yikh057] {
        flex: 1;
        padding: 2rem 3.2rem;
        gap: 2rem;
    }

    .horizontal .news-item__text h5 + p[b-kr2yikh057] {
        padding: .7rem 0;
    }

    .news-item__text h5[b-kr2yikh057]{
        font-size: 1.6rem;
        gap: .5rem;
    }

    .news-item__link a[b-kr2yikh057] {
        padding: 0 2rem;
    } 
}

@media (max-width: 768px) {
    
    .news-item a[b-kr2yikh057], .horizontal.news-item a[b-kr2yikh057]{
        gap: 1.5rem;
    }

    .news-item__image[b-kr2yikh057]{
        width: 100%;
    } 

    .news-item__image img[b-kr2yikh057]{
        width: 100%;
        height: unset;
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
        border-bottom-left-radius: 0;
    }

    .news-item__text[b-kr2yikh057]{
        flex: unset;
        padding: 0 1.5rem;
        gap: 0;
    }

    .news-item__text h5[b-kr2yikh057]{
        font-size: 1.6rem;
    }

    .horizontal .news-item__text h5 + p[b-kr2yikh057], .news-item__text h5 + p[b-kr2yikh057] {
        padding: .1rem 0;
    }

    .news-item__text small[b-kr2yikh057] {
        color: #565555;
    }

    .news-item__link a[b-kr2yikh057], .horizontal .news-item__link a[b-kr2yikh057]{
        padding: 0 2rem 1rem 2rem;
        gap: .5rem;
    }

}


@media (max-width: 576px) {

    .news-item a[b-kr2yikh057]{
        max-width: 40rem;
        margin: 0 auto;
    }

    .news-item a[b-kr2yikh057], .horizontal.news-item a[b-kr2yikh057]{
        flex-direction: column;
        gap: 1.5rem;
    }

    .horizontal.news-item a[b-kr2yikh057]{
        flex-direction: column;
        gap: 1.5rem;
    }

    .horizontal .news-item__image[b-kr2yikh057]{
        width: 100%;
    }

    .horizontal .news-item__text[b-kr2yikh057]{
        flex: unset;
        padding: 0 1.5rem;
        gap: 0;
    }

    .horizontal .news-item__image img[b-kr2yikh057]{
        width: 100%;
        height: unset;
        border-top-left-radius: 1.5rem;
        border-top-right-radius: 1.5rem;
        border-bottom-left-radius: 0;
    }
}
/* /Components/Pages/AboutUs.razor.rz.scp.css */
.about-us__banner[b-n20kpdz4wd] {
    background-image: url("/img/group/the-group-banner.png");
}

.about-us__banner .container[b-n20kpdz4wd] {
    position: relative;
    height: 100%;
}

.about-us__content[b-n20kpdz4wd]{
    display: flex;
    flex-direction: column;
}

/* strategic section (cards) */
.strategic-section__inner[b-n20kpdz4wd]{
    display: flex;
    flex-direction: column;
    gap: 7rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.strategic-section__content[b-n20kpdz4wd]{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.strategic-section__cards-container[b-n20kpdz4wd]{
    display: flex;
    gap: 1.5rem;
    align-items: stretch;
    justify-content: center;
    width: 100%;
}

.strategic-section__cards-container li[b-n20kpdz4wd]{
    width: 100%;
    box-shadow: 0px 0px 9.3px 0px #0000003D;
    border-radius: 1rem;
    border: .1rem solid transparent;
    display: flex;
    gap: 1.4rem;
    align-items: center;
    padding: 3rem 2rem;
    width: 29.2rem;
    min-height: 15rem;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.strategic-section__cards-container li:hover[b-n20kpdz4wd], .strategic-section__cards-container li.selected[b-n20kpdz4wd]{
    box-shadow: 0px 0px 12px 1px var(--green) inset;
    border: .1rem solid var(--green);
}

.strategic-section__cards-container li.selected[b-n20kpdz4wd]{
    cursor: default;
}

.strategic-section__cards-text[b-n20kpdz4wd] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

.strategic-section__cards-container li:hover h5[b-n20kpdz4wd], .strategic-section__cards-container li.selected h5[b-n20kpdz4wd]{
    color: var(--green);
}

.strategic-section__img img[b-n20kpdz4wd]{
    width: 6rem;
    height: auto;
}

/* strategic section changing content  */
.strategic-section__texts-container li[b-n20kpdz4wd]{
    top: 0;
    position: absolute;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    display: flex;
    gap: 4.5rem;
    align-items: center;
    justify-content: center;
    padding: 7.5rem;
    box-shadow: 0px 0px 9.3px 0px #0000003D;
    border-radius: 1rem;
}

.strategic-section__texts-container li.show[b-n20kpdz4wd]{
    position: relative;
    opacity: 1;
}

.strategic-section__texts[b-n20kpdz4wd]{
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
    flex: 1;
}

.strategic-section__texts-img[b-n20kpdz4wd]{
    width: 8.3rem;
}

.strategic-section__texts-img img[b-n20kpdz4wd]{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* video section */
.video-section__inner[b-n20kpdz4wd]{
    padding-top: 7rem;
    padding-bottom: 11rem;
    display: flex;
    flex-direction: column;
    gap: 6rem;
    justify-content: center;
    align-items: center;
}

.video-section__content[b-n20kpdz4wd]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    justify-content: center;
    align-items: center;
}

.video-section__content p[b-n20kpdz4wd] {
    font-size: 2rem;
    text-align: center;
    line-height: 2.8rem;
}

.video-section__content[b-n20kpdz4wd]  video {
    width: 100%;
}

.mobile[b-n20kpdz4wd]{
    display: none;
}


/* =====MEDIA QUERIES===== */
@media (max-width: 1400px) {
    .strategic-section__cards-container[b-n20kpdz4wd]{
        flex-wrap: wrap; 
    }
    
}

@media (max-width: 1024px) {
    .strategic-section__inner[b-n20kpdz4wd]{
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 5rem;
    }

    .video-section__inner[b-n20kpdz4wd]{
        padding-top: 5rem;
        gap: 5rem;
    }
}

@media (max-width: 768px) {
    .strategic-section__inner[b-n20kpdz4wd]{
        padding-top: 2.5rem;
        padding-bottom: 5rem;
        gap: 4rem;
    }

    .strategic-section__texts-container li[b-n20kpdz4wd]{
        padding: 4.5rem;
    }

    .strategic-section__texts h3[b-n20kpdz4wd] {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .video-section__inner[b-n20kpdz4wd]{
        padding-top: 0;
        gap: 2.5rem;
        padding-bottom: 7rem;
    }

    .video-section__content p[b-n20kpdz4wd]{
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

@media (max-width: 576px) {
    .mobile[b-n20kpdz4wd]{
        display: unset;
    }

    .desktop[b-n20kpdz4wd]{
        display: none;
    }

    .strategic-section__inner[b-n20kpdz4wd]{
        gap: 2rem;
        padding-bottom: 3rem;
    }

    .strategic-section__texts-img[b-n20kpdz4wd]{
        display: flex;
        align-items: center;
        width: 100%;
        gap: 2rem;
    }

    .strategic-section__texts-img img[b-n20kpdz4wd]{
        max-width: 6rem;
        max-height: 6rem;
    }

    .strategic-section__texts-img h3[b-n20kpdz4wd]{
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .strategic-section__texts-container[b-n20kpdz4wd]{
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .strategic-section__cards-container[b-n20kpdz4wd] {
        display: none;
    }

    .strategic-section__texts-container li[b-n20kpdz4wd]{
        position: relative;
        opacity: 1;
        flex-direction: column;
        padding: 2.5rem;
        gap: 2.8rem;
    }

    .strategic-section__texts[b-n20kpdz4wd]{
        gap: 1.5rem;
    }

    .video-section__inner[b-n20kpdz4wd]{
        padding-bottom: 5rem;
    }
}
/* /Components/Pages/Account/Create.razor.rz.scp.css */


.login__bg[b-tihrrbcf0i]{
    min-height: calc(100vh - 55rem); 
    background-color: var(--gray-light);
    display: flex;
    justify-content: center;
    align-items: center; 
}

.inner[b-tihrrbcf0i] {
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.login__box[b-tihrrbcf0i]{
    background-color: white;
    padding: 7rem 11rem;
    box-shadow: 0px 0px 4px 0px #00000040;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    border-radius: .5rem;
    width: 100%;
    max-width: 93rem;
}

.login__header-div[b-tihrrbcf0i]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.login__box[b-tihrrbcf0i]  form{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-direction: column;
    gap: 2rem;
}

.grid-2-col[b-tihrrbcf0i] {
    grid-column: span 2;  
}

.form-row[b-tihrrbcf0i]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.form-row label[b-tihrrbcf0i] {
    color: #4F4F4F;
}

.form-row:last-child p[b-tihrrbcf0i]{
    text-align: center;
    font-size: 1.2rem;
}

.form-row:last-child p[b-tihrrbcf0i]  a{
    text-decoration: underline;
    font-weight: 700;
}

.form-row:last-child[b-tihrrbcf0i] >  a{
    text-align: center;
    font-size: 1.4rem;
    color: var(--green);
    font-weight: 700;
}

.form-row:last-child >a:hover[b-tihrrbcf0i]{
    text-decoration: underline;
}

.form-check-row[b-tihrrbcf0i]{
    display: flex;
    gap: 1rem;
}

.form-check-row[b-tihrrbcf0i]  a{
    text-decoration: underline;
    font-weight: 700;
}

.form-check-row:first-child[b-tihrrbcf0i]{
    padding: .5rem 0;
}

.form-check-row:last-child[b-tihrrbcf0i]{
    padding-bottom: 1rem;
}

.form-row[b-tihrrbcf0i]  input:not([type="checkbox"]), .form-row[b-tihrrbcf0i]  select{
    padding: 1.3rem;
    border-radius: .5rem;
    outline: none;
    border: .1rem solid #828282;
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

.form-row[b-tihrrbcf0i]  input:not([type="checkbox"]):focus, .form-row[b-tihrrbcf0i]  select:focus{
    border: .2rem solid #828282;
}

/* custom select */
.form-row[b-tihrrbcf0i]  select{
    appearance: none;  
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 5rem;  
    cursor: pointer;
    background-image: url('/icons/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 1.5rem top 50%;
    background-size: 26px 26px;
    cursor: pointer;
}
/* end custom select arrow*/

.form-row[b-tihrrbcf0i]  input:not([type="checkbox"])::placeholder{
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: #828282;
}

.form-row button.togglePassword[b-tihrrbcf0i]{
    position: absolute;
    right: 2rem; 
    top: 4.36rem;
    transform: translateY(-50%);
}

.form-row button.togglePassword img.hide-password-img[b-tihrrbcf0i]{
    display: none;
}

.form-row button.togglePassword img.show-password-img[b-tihrrbcf0i]{
    display: block;
}

/* custom check */
.custom-checkbox[b-tihrrbcf0i] {
    opacity: 0; 
    position: absolute; 
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer; 
    z-index: 1; 
} 

.custom-label[b-tihrrbcf0i] {
    display: inline-block;
    position: relative;
    padding-left: 2.5rem; 
    cursor: pointer;
    font-size: 1.2rem;
}

.custom-label[b-tihrrbcf0i]::before {
    content: ""; 
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: .1rem solid #828282;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 1.2rem;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.custom-checkbox:checked + .custom-label[b-tihrrbcf0i]::before {
    content: "\2714"; 
    background-color: #828282;
    color: #fff; 
}

/* end custom check */

.standard-button[b-tihrrbcf0i] {
    width: 100%;
    height: 4.8rem;
    max-width: 35rem;
    align-self: center;
    margin: 0 auto;
}


@media (max-width: 768px) {
    .inner[b-tihrrbcf0i] {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    
    .login__box[b-tihrrbcf0i]{
        padding: 5rem;
    }

    .login__box[b-tihrrbcf0i]  form{
        grid-template-columns: 1fr;
    }
    
    .grid-2-col[b-tihrrbcf0i] {
        grid-column: span 1;  
    }
}

@media (max-width: 576px) {

    .inner[b-tihrrbcf0i]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    
    .login__heading-img[b-tihrrbcf0i]{
        width: 100%;
        max-width: 24rem;
    }

    .login__heading-img img[b-tihrrbcf0i]{
        width: 100%;
    }

    .login__header-div[b-tihrrbcf0i]{
        gap: 2rem;
    }

    .login__box[b-tihrrbcf0i]{
        gap: 1.5rem;
        padding: 2.5rem;
    }

    .login__box form[b-tihrrbcf0i]{
        gap: 1.5rem;
    }
 
}

/* /Components/Pages/Account/Edit.razor.rz.scp.css */
.container[b-swnbxz1t5f] {
    display: block;
}

.admin__box[b-swnbxz1t5f]{
    gap: 3rem;
}


.edit__header-div[b-swnbxz1t5f]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.admin__box[b-swnbxz1t5f]  form{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-direction: column;
    gap: 2rem;
}

.grid-3-col[b-swnbxz1t5f] {
    grid-column: span 3;  
}

.form-row[b-swnbxz1t5f]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.form-row label[b-swnbxz1t5f] {
    color: #4F4F4F;
}

.form-row[b-swnbxz1t5f]  input:not([type="checkbox"]), .form-row[b-swnbxz1t5f]  select{
    padding: 1.2rem;
    border-radius: .5rem;
    outline: none;
    border: .1rem solid #828282;
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
    background-color: white;
    width: 100%;
}

.form-row[b-swnbxz1t5f]  input:not([type="checkbox"]):focus, .form-row[b-swnbxz1t5f]  select:focus{
    border: .2rem solid #828282;
}

/* custom select */
.form-row[b-swnbxz1t5f]  select{
    appearance: none;  
    -webkit-appearance: none;
    -moz-appearance: none; 
    cursor: pointer;
    background-image: url('/icons/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 1.5rem top 50%;
    background-size: 26px 26px;
}
/* end custom select arrow*/

.form-row[b-swnbxz1t5f]  input:not([type="checkbox"])::placeholder{
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: #828282;
}

.form-row button.togglePassword[b-swnbxz1t5f]{
    position: absolute;
    right: 2rem; 
    top: 4.36rem;
    transform: translateY(-50%);
}

.form-row button.togglePassword img.hide-password-img[b-swnbxz1t5f]{
    display: none;
}

.form-row button.togglePassword img.show-password-img[b-swnbxz1t5f]{
    display: block;
}

.standard-button[b-swnbxz1t5f]{
    align-self: flex-end;
}


/* =====MEDIA QUERIES===== */
@media (max-width: 1024px) {
    .admin__box[b-swnbxz1t5f]  form{
        grid-template-columns: repeat(2, 1fr);
    }

    .grid-3-col[b-swnbxz1t5f] {
        grid-column: span 2;  
    }
}

@media (max-width: 768px) {
    .admin-inner[b-swnbxz1t5f]{
        margin-top: 1rem;
        margin-bottom: 3rem;
    }

    .admin__title[b-swnbxz1t5f]{
        display: none;
    }
    
    .admin__box[b-swnbxz1t5f]{
        padding: 1rem 0;
        gap: 4rem;
    }

    .admin__box[b-swnbxz1t5f]  form{
        grid-template-columns: 1fr;
    }
    .grid-3-col[b-swnbxz1t5f] {
        grid-column: span 1;  
    }
}

@media (max-width: 576px) {
    .admin-inner[b-swnbxz1t5f]{
        margin-bottom: 1rem;
    }
}

/* /Components/Pages/Account/Forgot.razor.rz.scp.css */
.forgot__bg[b-i2wej46g3n]{
    min-height: calc(100vh - 55rem); 
    background-color: var(--gray-light);
    display: flex;
    justify-content: center;
    align-items: center; 
}

.inner[b-i2wej46g3n] {
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.forgot__box[b-i2wej46g3n]{
    background-color: white;
    padding: 7rem 10rem;
    box-shadow: 0px 0px 4px 0px #00000040;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    border-radius: .5rem;
    width: 100%;
    max-width: 58rem;
}

.forgot__header-div[b-i2wej46g3n]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.forgot__header-div >div:last-child[b-i2wej46g3n]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.forgot__box[b-i2wej46g3n]  form{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.form-row[b-i2wej46g3n]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.form-row:last-child p[b-i2wej46g3n]{
    text-align: center;
    font-size: 1.2rem;
}

.form-row:last-child >a[b-i2wej46g3n]{
    text-align: center;
    font-size: 1.4rem;
}

.form-row:last-child >a:hover[b-i2wej46g3n]{
    text-decoration: underline;
}

.form-row[b-i2wej46g3n]  input:not([type="checkbox"]){
    padding: 1.3rem;
    border-radius: .5rem;
    outline: none;
    border: .1rem solid #828282;
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

.form-row[b-i2wej46g3n]  input:not([type="checkbox"]):focus{
    border: .2rem solid #828282;
}

.form-row[b-i2wej46g3n]  input:not([type="checkbox"])::placeholder{
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: #828282;
}

.standard-button[b-i2wej46g3n]{
    width: 100%;
    margin-top: 2rem;
    height: 4.8rem;
}

@media (max-width: 768px) {
    .forgot__box[b-i2wej46g3n]{
        padding: 5rem;
    }

    .inner[b-i2wej46g3n]{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media (max-width: 576px) {

    .inner[b-i2wej46g3n]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    
    .forgot__heading-img[b-i2wej46g3n]{
        width: 100%;
        max-width: 24rem;
    }

    .forgot__heading-img img[b-i2wej46g3n]{
        width: 100%;
    }

    .forgot__header-div[b-i2wej46g3n]{
        gap: 2rem;
    }

    .forgot__box[b-i2wej46g3n]{
        gap: 1.5rem;
        padding: 2.5rem;
    }

    .forgot__box[b-i2wej46g3n]  form{
        gap: 1.5rem;
    }

    .standard-button[b-i2wej46g3n]{
        margin-top: 1rem;
    }
 
}
/* /Components/Pages/Account/Login.razor.rz.scp.css */
.login__bg[b-01pggsmx9d]{
    min-height: calc(100vh - 55rem); 
    background-color: var(--gray-light);
    display: flex;
    justify-content: center;
    align-items: center; 
}

.inner[b-01pggsmx9d] {
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.login__box[b-01pggsmx9d]{
    background-color: white;
    padding: 7rem 11rem;
    box-shadow: 0px 0px 4px 0px #00000040;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    border-radius: .5rem;
    width: 100%;
    max-width: 58rem;
}

.login__header-div[b-01pggsmx9d]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.login__box[b-01pggsmx9d]  form{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.form-row[b-01pggsmx9d]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.form-row label[b-01pggsmx9d] {
    color: #4F4F4F;
}

.form-row:last-child p[b-01pggsmx9d]{
    text-align: center;
    font-size: 1.2rem;
}

.form-row:last-child p[b-01pggsmx9d]  a{
    text-decoration: underline;
    font-weight: 700;
}

.form-row:last-child[b-01pggsmx9d] >  a{
    text-align: center;
    font-size: 1.4rem;
    color: var(--green);
    font-weight: 700;
}

.form-row:last-child >a:hover[b-01pggsmx9d]{
    text-decoration: underline;
}

.form-check-row[b-01pggsmx9d]{
    display: flex;
    gap: 1rem;
}

.form-check-row[b-01pggsmx9d]  a{
    text-decoration: underline;
    font-weight: 700;
}

.form-check-row:first-child[b-01pggsmx9d]{
    padding: .5rem 0;
}

.form-check-row:last-child[b-01pggsmx9d]{
    padding-bottom: 1rem;
}

.form-row[b-01pggsmx9d]  input:not([type="checkbox"]){
    padding: 1.3rem;
    border-radius: .5rem;
    outline: none;
    border: .1rem solid #828282;
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

.form-row[b-01pggsmx9d]  input:not([type="checkbox"]):focus{
    border: .2rem solid #828282;
}

.form-row[b-01pggsmx9d]  input:not([type="checkbox"])::placeholder{
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: #828282;
}

.form-row button.togglePassword[b-01pggsmx9d]{
    position: absolute;
    right: 2rem; 
    top: 4.36rem;
    transform: translateY(-50%);
}

.form-row button.togglePassword img.hide-password-img[b-01pggsmx9d]{
    display: none;
}

.form-row button.togglePassword img.show-password-img[b-01pggsmx9d]{
    display: block;
}

/* custom check */
.custom-checkbox[b-01pggsmx9d] {
    opacity: 0; 
    position: absolute; 
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer; 
    z-index: 1; 
} 

.custom-label[b-01pggsmx9d] {
    display: inline-block;
    position: relative;
    padding-left: 2.5rem; 
    cursor: pointer;
    font-size: 1.2rem;
}

.custom-label[b-01pggsmx9d]::before {
    content: ""; 
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: .1rem solid #828282;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 1.2rem;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.custom-checkbox:checked + .custom-label[b-01pggsmx9d]::before {
    content: "\2714"; 
    background-color: #828282;
    color: #fff; 
}

/* end custom check */

.standard-button[b-01pggsmx9d]{
    width: 100%;
    height: 4.8rem;
}

.login__divider[b-01pggsmx9d]{
    border-bottom: .1rem solid #828282;
    padding-top: 2.5rem;
    margin-bottom: 1.5rem;
}

.login__divider p[b-01pggsmx9d]{
    position: absolute;
    bottom: 0;
    transform: translate(50%, 50%);
    right: 50%;
    background-color: white;
    width: 5rem;
    text-align: center;
    color: #4F4F4F;
}

.login__access-section[b-01pggsmx9d]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.login__access-section> a[b-01pggsmx9d]{
    width: 100%;
    border: .1rem solid #333333;
    border-radius: 10rem;
    display: flex;
    justify-content: center;
    padding: 1.5rem;
    gap: 1rem;
}

@media (max-width: 768px) {
    .login__box[b-01pggsmx9d]{
        padding: 5rem;
    }

    .inner[b-01pggsmx9d]{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

@media (max-width: 576px) {

    .inner[b-01pggsmx9d]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    
    .login__heading-img[b-01pggsmx9d]{
        width: 100%;
        max-width: 24rem;
    }

    .login__heading-img img[b-01pggsmx9d]{
        width: 100%;
    }

    .login__header-div[b-01pggsmx9d]{
        gap: 2rem;
    }

    .login__box[b-01pggsmx9d]{
        gap: 1.5rem;
        padding: 2.5rem;
    }

    .login__box form[b-01pggsmx9d]{
        gap: 1.5rem;
    }
 
}
/* /Components/Pages/Account/Reset.razor.rz.scp.css */
.reset__bg[b-olalcpaho5]{
    min-height: calc(100vh - 55rem); 
    background-color: var(--gray-light);
    display: flex;
    justify-content: center;
    align-items: center; 
}

.inner[b-olalcpaho5] {
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.reset__box[b-olalcpaho5]{
    background-color: white;
    padding: 7rem 11rem;
    box-shadow: 0px 0px 4px 0px #00000040;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    border-radius: .5rem;
    width: 100%;
    max-width: 58rem;
}

.reset__header-div[b-olalcpaho5]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.reset__box[b-olalcpaho5]  form{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.form-row[b-olalcpaho5]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.form-row[b-olalcpaho5]  input:not([type="checkbox"]){
    padding: 1.3rem;
    border-radius: .5rem;
    outline: none;
    border: .1rem solid #828282;
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

.form-row[b-olalcpaho5]  input:not([type="checkbox"]):focus{
    border: .2rem solid #828282;
}

.form-row[b-olalcpaho5]  input:not([type="checkbox"])::placeholder{
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: #828282;
}

.form-row button.togglePassword[b-olalcpaho5]{
    position: absolute;
    right: 2rem; 
    top: 4.36rem;
    transform: translateY(-50%);
}

.form-row button.togglePassword img.hide-password-img[b-olalcpaho5]{
    display: none;
}

.form-row button.togglePassword img.show-password-img[b-olalcpaho5]{
    display: block;
}

/* custom check */
.custom-checkbox[b-olalcpaho5] {
    opacity: 0; 
    position: absolute; 
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer; 
    z-index: 1; 
} 

.custom-label[b-olalcpaho5] {
    display: inline-block;
    position: relative;
    padding-left: 2.5rem; 
    cursor: pointer;
    font-size: 1.2rem;
}

.custom-label[b-olalcpaho5]::before {
    content: ""; 
    position: absolute;
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: .1rem solid #828282;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    line-height: 1.2rem;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.custom-checkbox:checked + .custom-label[b-olalcpaho5]::before {
    content: "\2714"; 
    background-color: #828282;
    color: #fff; 
}

/* end custom check */

.standard-button[b-olalcpaho5]{
    width: 100%;
    height: 4.8rem;
    margin-top: 2rem;
}

.reset__divider[b-olalcpaho5]{
    border-bottom: .1rem solid #828282;
    padding: 2.5rem 0;
    margin-bottom: 1.5rem;
}

.reset__divider p[b-olalcpaho5]{
    position: absolute;
    bottom: 0;
    transform: translate(50%, 50%);
    right: 50%;
    background-color: white;
    width: 5rem;
    text-align: center;
    color: #4F4F4F;
}

.reset__access-section[b-olalcpaho5]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.reset__access-section> div[b-olalcpaho5]{
    width: 100%;
    border: .1rem solid #333333;
    border-radius: 10rem;
    display: flex;
    justify-content: center;
    padding: 1.5rem;
    gap: 1rem;
}

@media (max-width: 768px) {
    .inner[b-olalcpaho5]{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .reset__box[b-olalcpaho5]{
        padding: 5rem;
    }
}

@media (max-width: 576px) {

    .inner[b-olalcpaho5]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    
    .reset__heading-img[b-olalcpaho5]{
        width: 100%;
        max-width: 24rem;
    }

    .reset__heading-img img[b-olalcpaho5]{
        width: 100%;
    }

    .reset__header-div[b-olalcpaho5]{
        gap: 2rem;
    }

    .reset__box[b-olalcpaho5]{
        gap: 1.5rem;
        padding: 2.5rem;
    }

    .reset__box[b-olalcpaho5]  form{
        gap: 1.5rem;
    }

    .standard-button[b-olalcpaho5]{
        margin-top: 1rem;
    }
 
}
/* /Components/Pages/Account/Validate.razor.rz.scp.css */
.validate__bg[b-jj4g77murf]{
    min-height: calc(100vh - 55rem); 
    background-color: var(--gray-light);
    display: flex;
    justify-content: center;
    align-items: center; 
}

.inner[b-jj4g77murf] {
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

.validate__box[b-jj4g77murf]{
    background-color: white;
    padding: 7rem 11rem;
    box-shadow: 0px 0px 4px 0px #00000040;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    border-radius: .5rem;
    width: 100%;
    max-width: 58rem;
}

.validate__header-div[b-jj4g77murf]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.form-row[b-jj4g77murf]{
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.form-row[b-jj4g77murf]  input:not([type="checkbox"]){
    padding: 1.3rem;
    border-radius: .5rem;
    outline: none;
    border: .1rem solid #828282;
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

.form-row a[b-jj4g77murf]{
    color: var(--green);
}

.form-row a:hover[b-jj4g77murf]{
    text-decoration: underline;
}


@media (max-width: 768px) {
    .inner[b-jj4g77murf]{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .validate__box[b-jj4g77murf]{
        padding: 5rem;
    }
}

@media (max-width: 576px) {

    .inner[b-jj4g77murf]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }
    
    .validate__heading-img[b-jj4g77murf]{
        width: 100%;
        max-width: 24rem;
    }

    .validate__heading-img img[b-jj4g77murf]{
        width: 100%;
    }

    .validate__header-div[b-jj4g77murf]{
        gap: 2rem;
    }

    .validate__box[b-jj4g77murf]{
        gap: 1.5rem;
        padding: 2.5rem;
    }

    .validate__box[b-jj4g77murf]  form{
        gap: 1.5rem;
    }

    .standard-button[b-jj4g77murf]{
        margin-top: 1rem;
    }
 
}
/* /Components/Pages/ApplyInfo.razor.rz.scp.css */
/* Styling for the section container */
.admin__box[b-gz4qtr4kwb] {  
    gap: 3rem;
}

h4[b-gz4qtr4kwb] {
    font-weight: 600;
    color: var(--black);
}

h5[b-gz4qtr4kwb] {
    text-transform: capitalize;
}

.project-detail__header[b-gz4qtr4kwb] {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

    .project-detail__header a[b-gz4qtr4kwb] {
        font-size: 1.6rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

        .project-detail__header a:hover[b-gz4qtr4kwb] {
            text-decoration: underline;
        }
/* /Components/Pages/Catalogue.razor.rz.scp.css */
.temporary-delete[b-54dlsrbpmq]{
    display: none;
}

.catalogue__bg[b-54dlsrbpmq]{
    min-height: calc(100vh - 55rem); 
    background: linear-gradient(180deg, rgba(204, 204, 204, 0.10) 0%, rgba(92, 152, 52, 0.20) 100%);
    display: flex;
    justify-content: center;
    align-items: center; 
}

.inner[b-54dlsrbpmq] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 1;
    padding-top: 10rem;
    padding-bottom: 10rem;

}

.catalogue__flex[b-54dlsrbpmq]{
    display: flex;
    width: 100%;
    gap: 3.5rem;
    align-items: flex-start;
    justify-content: center;
}

.catalogue__flex >div[b-54dlsrbpmq]{
    flex: 1;
    background-color: white;
    border-radius: 3rem;
    display: flex;
    padding: 5.5rem;
}

/* left hand box */
.catalogue__config-section[b-54dlsrbpmq]{
    gap: 3rem;
}

.catalogue__config-section-text[b-54dlsrbpmq]{
    width: 65%;
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.catalogue__config-section-text p[b-54dlsrbpmq] {
    padding-bottom: 1.6rem;
}

.catalogue__config-section-text > div[b-54dlsrbpmq] {
    display: flex;
    flex-direction: column;
    gap: 5rem;
    height: 100%;
}

.catalogue__config-section-text p:last-child[b-54dlsrbpmq] {
    padding-bottom: 0;
}

.catalogue__config-section-img[b-54dlsrbpmq]{
    width: 35%;
}

.catalogue__config-section-img img[b-54dlsrbpmq]{
    height: 100%;
    width: 100%;
    object-fit: scale-down; 
    transform: scale(1.9);
}

/* right hand  box */
.catalogue__pdfs-section[b-54dlsrbpmq]{
    flex: 1;
    flex-direction: column;
    gap: 3rem;
    background-color: white;
    border-radius: 3rem;
    display: flex;
    padding: 10rem 17rem 10rem 10rem;
    max-width: 140rem;
    justify-content: space-between;
}

.catalogue__pdf-container[b-54dlsrbpmq]{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
}

.catalogue__pdf-container li[b-54dlsrbpmq] {
    height: fit-content;
    width: 100%;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.catalogue__pdf-container a[b-54dlsrbpmq] {
    display: flex;
    flex-direction: column;
    transition: all .3s ease-in-out;
}

.catalogue__pdf-container a:hover >div:first-child img[b-54dlsrbpmq] {
    transform: scale(1.1);
}

.catalogue__pdf-container a img[b-54dlsrbpmq]{
    width: 100%;
    display: block;
    transition: all .3s ease-in-out;
}

.catalogue__pdf-container a >div[b-54dlsrbpmq]{
    overflow: hidden;
}

.catalogue__pdf-container a> div:first-child[b-54dlsrbpmq]{
    border-radius: 1rem;
    margin-right: 3rem;
}

.catalogue__pdf-container a> div:last-child[b-54dlsrbpmq]{
    bottom: 1rem;
    margin-bottom: -1rem;
    z-index: 10;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    display: flex;
    padding: 1.7rem 1.2rem;
    gap: 1.5rem;
    align-items: flex-start;
}

.catalogue__pdf-container a> div:last-child .image[b-54dlsrbpmq]{
    min-width: 2.5rem;
    padding-top: .5rem;
}

.catalogue__pdf-container a> div:last-child span[b-54dlsrbpmq]{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: white;
    gap: .3rem;
}

.catalogue__pdf-container a> div:last-child span h5[b-54dlsrbpmq]{
    font-size: 1.8rem;
    font-weight: 700;
}

.catalogue__pdf-container .extruded a> div:last-child[b-54dlsrbpmq]{
    background-color: #299926;
}

.catalogue__pdf-container .injected a> div:last-child[b-54dlsrbpmq]{
    background-color:  #9E1058;
}
.catalogue__pdf-container .laminated a> div:last-child[b-54dlsrbpmq]{
    background-color: #F36F23;
}
.catalogue__pdf-container .sustainable a> div:last-child[b-54dlsrbpmq]{
    background-color: #2FBDFC;
}



/* =====MEDIA QUERIES===== */
@media (max-width: 1024px) {
    .catalogue__flex[b-54dlsrbpmq]{
        flex-direction: column;
    }

    .catalogue__flex > div[b-54dlsrbpmq]{
        max-width: 70rem;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .catalogue__config-section h3[b-54dlsrbpmq], .catalogue__pdfs-section h3[b-54dlsrbpmq]{
        font-size: 2rem;
        line-height: 1.5;
    }

    .catalogue__config-section-text > div[b-54dlsrbpmq] {
        gap: 3rem;
    }
}

@media (max-width: 576px) {
    .inner[b-54dlsrbpmq]{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .catalogue__flex >div[b-54dlsrbpmq]{
        padding: 2.5rem;
        width: 100%;
        max-width: 40rem;
    }

    .catalogue__config-section[b-54dlsrbpmq]{
        gap: 1rem;
    }

    .catalogue__pdf-container[b-54dlsrbpmq]{
        grid-template-columns:1fr;
        row-gap: 1rem;
    }

    .catalogue__config-section[b-54dlsrbpmq]{
        flex-direction: column;
        gap: 0;
    }

    .catalogue__config-section-img[b-54dlsrbpmq]{
        /* display: none; */
        width: 75%;
        margin: 0 auto;
    }

    .catalogue__config-section-img img[b-54dlsrbpmq]{
        /* transform: scale(1.3); */
        transform: unset;
    }

    .catalogue__config-section-text[b-54dlsrbpmq]{
        width: 100%;
        gap: 2rem;
    }
    
    .standard-button[b-54dlsrbpmq]{
        min-width: unset;
    }
}







/* /Components/Pages/Certifications.razor.rz.scp.css */
.certifications__banner[b-3q5985vom5] {
    background-image: url("/img/certifications/certifications-banner.png");
    /* background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 70rem; */
}

.certifications__banner .container[b-3q5985vom5] {
    position: relative;
    height: 100%;
}

/* main content */
.inner[b-3q5985vom5]{
    padding-top: 7rem;
    padding-bottom: 12rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.upper[b-3q5985vom5] {
    text-transform: uppercase;
}

.certifications-section__h2[b-3q5985vom5]{
    font-size: 4.6rem;
    text-align: center;
    margin: 0 auto;
}

/* certifications list  */

.certifications-section__list[b-3q5985vom5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8rem;
}

.certifications-section__list >div[b-3q5985vom5]{
    display: flex;
    flex-direction: column;
    gap: 4.5rem;
    align-items: center;
    justify-content: center;
}

.certifications-section__card-container[b-3q5985vom5]{
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 8rem;
}

.certifications-section__card-container a[b-3q5985vom5]{
    display: flex;
    align-items: stretch;
}


/* card classes */
.certifications-section__card[b-3q5985vom5]{
    border-radius: 35px;
    border: 0.5px solid var(--Green, #5C9834);
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    width: fit-content;
    padding: 4.5rem 2.5rem 3rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    width: 24.1rem;
}

.certifications-section__card:hover[b-3q5985vom5]{
    border-radius: 35px;
    border: 0.5px solid var(--Green, #5C9834);
    background: #FFF;
    box-shadow: 0px 0px 10px 0px #5C9834;
}

/* .ecovadis .certifications-section__card{
    padding: 4.5rem 3.5rem 3rem;
} */

.certifications-section__card h5[b-3q5985vom5]{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-transform: uppercase;
}

.certifications-section__card p[b-3q5985vom5], .certifications-section__card span[b-3q5985vom5]{
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--green);
}

.certifications-section__card p:hover[b-3q5985vom5], .certifications-section__card span:hover[b-3q5985vom5]{
    text-decoration: underline;
}

.certifications-section__card img[b-3q5985vom5]{
    width: 100%;;
}

/* =====MEDIA QUERIES===== */

@media (max-width: 1586px) {
    .certifications-section__card-container.ecovadis[b-3q5985vom5] {
        flex-wrap: wrap;
        max-width: 102.4rem;
    }
}

@media (max-width: 1300px) {
    .certifications-section__card-container.iscc[b-3q5985vom5], .certifications-section__card-container.environment[b-3q5985vom5] {
        flex-wrap: wrap;
        max-width: 80rem;
    }
}

@media (max-width: 1024px) {
    .inner[b-3q5985vom5] {
        padding-top: 5rem;
        padding-bottom: 7rem;
        gap: 5rem;
    }
    .certifications-section__list-aenor .certifications-section__card-container[b-3q5985vom5] {
        flex-wrap: wrap;
    }

    .certifications-section__card-container[b-3q5985vom5] {
        gap: 5rem;
    }
}


@media (max-width: 768px) {
    .inner[b-3q5985vom5] {
        padding-top: 2.5rem;
        padding-bottom: 5rem;
        gap: 5rem;
    }

    .certifications-section__list[b-3q5985vom5]{
        gap: 5rem;
    }

    .certifications-section__h2[b-3q5985vom5]{
        font-size: 2rem;
    }

    .certifications-section__list h3[b-3q5985vom5]{
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .certifications-section__list >div[b-3q5985vom5]{
        gap: 2.5rem;
    }
    
    .certifications-section__card-container[b-3q5985vom5] {
        gap: 2.5rem;
    }
}


@media (max-width: 576px) {

    .certifications-section__card-container[b-3q5985vom5]{
        flex-direction: column;
        width: 100%;
    }

    .certifications-section__list[b-3q5985vom5]{
        gap: 4rem;
    }

    .certifications-section__list >div[b-3q5985vom5]{
        gap: 2rem;
        width: 100%;
    }

    .certifications-section__card-container a[b-3q5985vom5]{
        width: 100%;
        max-width: 32rem;
        margin: 0 auto;
    }

    .certifications-section__card[b-3q5985vom5]{
        width: 100%;
        height: 100%;
        padding: 3rem 2rem;
    }

    .certifications-section__card img[b-3q5985vom5]{
        max-width: 12.5rem;
    }
}
/* /Components/Pages/Configurator/Configurator.razor.rz.scp.css */
.mobile-message-container[b-8zzqif60re], .tablet-message-container[b-8zzqif60re] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #343434;
    z-index: 10;
    display: none;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 2.6rem;
}

    .mobile-message-container img[b-8zzqif60re], .tablet-message-container img[b-8zzqif60re], .mobile-message-container[b-8zzqif60re]  a, .tablet-message-container[b-8zzqif60re]  a {
        top: 5vh;
    }

    .mobile-message-container p[b-8zzqif60re], .tablet-message-container p[b-8zzqif60re] {
        max-width: calc(100vw - 10rem);
        color: white;
        font-weight: 500;
        text-align: center;
        top: 5vh;
    }


@media (max-width: 600px) {
    .mobile-message-container[b-8zzqif60re] {
        display: flex;
    }
}

@media screen and (orientation: landscape) and (max-width: 680px) {
    .mobile-message-container[b-8zzqif60re] {
        display: flex;
    }
}

@media screen and (orientation: portrait) and (max-width: 834px) and (min-width: 601px) {
    .tablet-message-container[b-8zzqif60re] {
        display: flex;
    }
}

.configurator-section[b-8zzqif60re] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 7rem;
    min-height: calc(100vh - 55rem);
}

.configurator-section__nav[b-8zzqif60re]{
    background-color: var(--black);
    width: 100%;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.configurator-section__nav > div[b-8zzqif60re]{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 86rem;
    gap: 3rem;
}

.configurator-section__nav-item[b-8zzqif60re]{
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.configurator-section__nav-item span:first-child[b-8zzqif60re]{
    background-color: #7E7E7E;
    border-radius: 50%;
    height: 3.5rem;
    width: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.configurator-section__nav-item span:last-child[b-8zzqif60re]{
    color: #7E7E7E;
}

.active.configurator-section__nav-item span:first-child[b-8zzqif60re]{
    background-color: white;
}

.active.configurator-section__nav-item span:last-of-type[b-8zzqif60re] {
    color: white;
}

.configurator-section__content[b-8zzqif60re]{
    display: grid;
    gap: 2.4rem;
    grid-template-columns: repeat(3, 1fr);
}

.configurator-section__inner-box[b-8zzqif60re]{
    border: .1rem var(--gray) solid;
    border-radius: 1.5rem;
    padding: 2.2rem 4.4rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    width: 100%;
}

.configurator-section__inner-box.results[b-8zzqif60re]{
    background-color: var(--gray-light);
    min-height: 74rem;
}

.configurator-section__inner-box.results > div[b-8zzqif60re]{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 2.4rem;
    column-gap: 1.6rem;
}

.configurator-grid__h5[b-8zzqif60re]{
    font-weight: 700;
    border-bottom: var(--green) .1rem solid;
    padding-bottom: 1rem;
    text-transform: uppercase;
}

.configurator-grid__flex-right[b-8zzqif60re]{
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    align-items: flex-end;
}

.configurator-grid__results-container[b-8zzqif60re]{
    display: flex;
    gap: 2.4rem;
    align-items: stretch;
}

.configurator-grid__result-card[b-8zzqif60re]{
    box-shadow: 0px 0px 4px 0px #00000040;
    display: flex;
    gap: 2rem;
    align-items: flex-end;
    padding: 0 2rem;
    border-radius: .6rem;
    border: .1rem transparent solid;
    background-color: white;
    transition: all .3s ease;
}

.configurator-grid__result-card img[b-8zzqif60re]{
    width: 4.2rem;
    height: 7.6rem;
    object-fit: cover;
}

.configurator-grid__result-card p[b-8zzqif60re]{
    padding: 2rem 0;
}

.configurator-grid__result-card:hover[b-8zzqif60re]{
    border: .1rem solid var(--green);
    box-shadow: none;
}
.configurator-grid__result-card:hover p[b-8zzqif60re] {
    color: var(--green);
}

.configurator-section__summary-container[b-8zzqif60re]{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    min-height: 74rem;
}

.configurator-section__inner-box.summary[b-8zzqif60re]{
    flex: 1;
}

.configurator-grid__action-panel[b-8zzqif60re]{
    width: calc(50% - 1.2rem);
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.config-button[b-8zzqif60re]{
    color: var(--green);
    border: .1rem solid var(--green);
    border-radius: 10rem;
    padding: .8rem 3.4rem;
    width: fit-content;
    min-width: 15rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    transition: all .3s ease;
}

.config-button.green[b-8zzqif60re]{
    color: white;
    background-color: var(--green);
}

.config-button:hover[b-8zzqif60re]{
    color: white;
    background-color: var(--green);
}

.config-button.green:hover[b-8zzqif60re]{
    background-color: white;
    color: var(--green);
}

.custom-contact-button[b-8zzqif60re]{
    padding: 1.4rem 3.4rem;
    background-color: var(--green);
    color: white;
    border-radius: 10rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    top: 0rem;
    right: 3rem;
    z-index: 3;
}

.custom-contact-button[b-8zzqif60re]::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4.7rem;
    height: 2rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='20' viewBox='0 0 47 20' fill='none'%3E%3Cpath d='M0.35791 0L46.5 0L38.3579 20L26.5 20L0.35791 0Z' fill='%235C9834'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.custom-contact-button span[b-8zzqif60re]{
    background-color: var(--black);
    border: .1rem var(--black) solid;
    color: white;
    padding: .4rem 1rem;
    border-radius: 10rem;
    font-family: 'Montserrat', sans-serif;
}

.custom-contact-button span:hover[b-8zzqif60re]{
    background-color: white;
    color: var(--black);
}

/* final summary styles */
.summary-bg[b-8zzqif60re]{
    background: linear-gradient(180deg, rgba(204, 204, 204, 0.10) 0%, rgba(92, 152, 52, 0.20) 100%);
    gap: 4rem;
}
.configurator-section__final-summary[b-8zzqif60re]{
    width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 7.6rem;
}

.final-summary__inner-box[b-8zzqif60re]{
    display: flex;
    gap: 3.6rem;
    flex-direction: column;
    padding: 2.4rem 4.4rem 4.4rem;
    background-color: white;
    width: 100%;
    border-radius: 1.5rem;
}

.final-summary__inner-box>div[b-8zzqif60re]{
    display: flex;
}

.final-summary__action-panel[b-8zzqif60re]{
    margin-top: 4rem;
    justify-content: space-between;
}

.final-summary__action-panel>div[b-8zzqif60re]{
    display: flex;
    gap: 1.4rem;
}

.final-summary__inner-box > div >span[b-8zzqif60re]{
    margin: 0 5rem;
    width: .1rem;
    background-color: var(--gray);
}

/* filter/selector section */
.space-between[b-8zzqif60re]{
    justify-content: space-between;
    max-width: 30rem;
}

.configurator-section__filter-group[b-8zzqif60re] {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.configurator-section__filter-group .info-button[b-8zzqif60re]{
    width: fit-content;
    display: flex;
    gap: .5rem;
    font-family: 'Montserrat', sans-serif;
}

.configurator-section__filter-group ul[b-8zzqif60re]{
    display: flex;
    flex-wrap: wrap;
    gap: 1.3rem;
}

.configurator-section__filter-input[b-8zzqif60re] {
    width: fit-content;
    color: #7E7E7E;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

.configurator-section__filter-input:hover[b-8zzqif60re]{
    color: var(--green);
}

.configurator-section__filter-input input[type="checkbox"][b-8zzqif60re] {
    display: none;  
}

.configurator-section__filter-input input[type="checkbox"] + label[b-8zzqif60re] {
    display: inline-block;
    border: .1rem solid #7E7E7E;
    border-radius: 2rem;
    padding: .3rem 2rem;
    margin: 0 .1rem;
    text-transform: capitalize;
    transition: all .3s ease;
    cursor: pointer;
}

.configurator-section__filter-input:hover input[type="checkbox"] + label[b-8zzqif60re] {
    border-color: var(--green);
}

.configurator-section__filter-input input[type="checkbox"]:checked + label[b-8zzqif60re] {
    color: var(--green);
    border-color: var(--green);
    font-weight: 600;
}

/* "form" field custom label */
.configurator-section__filter-input.form-custom[b-8zzqif60re]{
    display: flex;
    gap: 2rem;
    align-items: center;
}

.configurator-section__filter-input.form-custom input[type="checkbox"] + label[b-8zzqif60re] {
    height: 2.8rem;
    width: 2.8rem;
    padding: 0;
    border-radius: 50%;
} 

.configurator-section__filter-input.form-custom input[type="checkbox"] + label[b-8zzqif60re]::before{
    content: ""; 
    position: absolute;
    top: 50%;
    left: 50%;
    width: 4rem; 
    height: 4rem; 
    border-radius: 50%; 
    transform: translate(-50%, -50%);
    background-color:var(--gray-light); 
    z-index: -1;
} 

.configurator-section__filter-input.form-custom.elliptical input[type="checkbox"] + label[b-8zzqif60re]{
    width: 1.8rem; 
} 

.configurator-section__filter-input.form-custom input[type="checkbox"]:checked ~ span[b-8zzqif60re] {
    color: var(--green);
    border-color: var(--green);
    font-weight: 600;
}

/* custom select */
.configurator-section__filter-select select[b-8zzqif60re] {
    appearance: none;
    background-image: url('/icons/configurator/select-arrow.svg'); 
    background-repeat: no-repeat;
    background-position: right 1.2rem top 50%;
    background-size: 1.3rem 7rem;
    cursor: pointer;
    z-index: 1;
    border-radius: .5rem;
    padding: .7rem 1.5rem;
    border: .1rem var(--gray) solid; 
    width: 100%;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    color: var(--green);
    font-weight: 600;
}

.configurator-section__filter-select select[b-8zzqif60re]::-ms-expand {
    display: none;
}

.configurator-section__filter-select select:focus[b-8zzqif60re] {
    border: .1rem solid var(--green);
}

/* radio buttons */
.configurator-section__filter-input input[type="radio"][b-8zzqif60re] {
    display: none;
}

.configurator-section__filter-input.radio[b-8zzqif60re]{
    display: flex;
    gap: 2rem;
    align-items: center;
}

.configurator-section__filter-input.radio label[b-8zzqif60re]{
    height: 1.8rem;
    width: 1.8rem;
    border-radius: .3rem;
    border: .1rem solid var(--gray);
    cursor: pointer;
}

.configurator-section__filter-input.radio label:hover[b-8zzqif60re]{
    border-color: var(--green);
}

.configurator-section__filter-input input[type="radio"]:checked + label[b-8zzqif60re]::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.2rem;
    height: 1.2rem;
    background-color: var(--green); 
    border-radius: .3rem;
}

/*==MEDIA QUERIES==*/

@media (max-width: 1024px) {
    .custom-contact-button[b-8zzqif60re] {
       display:none;
    }
}

/* /Components/Pages/Configurator/Landing.razor.rz.scp.css */
.configurator__bg[b-6w4b6slla5]{
    min-height: calc(100vh - 55rem); 
    background: linear-gradient(180deg, rgba(204, 204, 204, 0.10) 0%, rgba(92, 152, 52, 0.20) 100%);
    display: flex;
    justify-content: center;
    align-items: center; 
}

.inner[b-6w4b6slla5] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 1;
    /* padding-top: 10rem; */
    padding-bottom: 10rem;

}

.configurator__flex[b-6w4b6slla5]{
    display: flex;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
}

.configurator__flex-left[b-6w4b6slla5]{
    width: 44.5%;
}

.configurator__flex-left img[b-6w4b6slla5]{
    width: 100%;
}

.configurator__flex-right[b-6w4b6slla5]{
    width: 55.5%;
    /* max-width: 84rem; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6.5rem;
}

.configurator__titles[b-6w4b6slla5]{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

.configurator__links-section[b-6w4b6slla5]{
    display: flex;
    justify-content: start;
    gap: 2rem;
    align-items: stretch;
    width: 100%;
}

.configurator__links-section a[b-6w4b6slla5]{
    display: flex;
    flex: 1;
    max-width: 26rem;
    flex-direction: column;
    gap: 2.5rem;
    justify-content: space-between;
    background-color: white;
    padding: 3.6rem 2.5rem 0;
    border-radius: 3rem;
    box-shadow: 0px 0px 10px 0px #0000001A;
    transition: all .3s ease-in-out;
}

.configurator__links-section a img[b-6w4b6slla5]{
    width: 100%;
}

.configurator__links-section a:not(:first-child) img[b-6w4b6slla5]{
    max-width: 11.4rem;
    margin: 0 auto;
}

.configurator__links-section a h5[b-6w4b6slla5]{
    text-align: center;
}

.configurator__links-section a:hover[b-6w4b6slla5]{
    box-shadow: 0px 0px 10px 0px var(--green);
}

.configurator__links-section a:hover h5[b-6w4b6slla5]{
    color: var(--green);
}

@media (max-width: 1024px) {
    .inner[b-6w4b6slla5] {
        padding-top: 5rem; 
        padding-bottom: 5;
    }

    .configurator__flex[b-6w4b6slla5]{
        flex-direction: column-reverse;
        align-items: center;
        gap: 5rem;
    }

    .configurator__flex-right[b-6w4b6slla5]{
        width: 100%;
    }

    .configurator__links-section[b-6w4b6slla5]{
        justify-content: center;
    }

    .configurator__titles h4[b-6w4b6slla5]{
        font-size: 2rem;
    }

    .configurator__flex-left[b-6w4b6slla5]{
        display: none;
    }
}

@media (max-width: 576px) {
    .configurator__flex[b-6w4b6slla5]{
        gap: 5rem;
    }

    .configurator__links-section[b-6w4b6slla5]{
        flex-direction: column;
        align-items: center;
    }

    .configurator__links-section a[b-6w4b6slla5]{
        min-height: 26rem;
        min-width: 26rem;
    }
}
/* /Components/Pages/Configurator/Summary.razor.rz.scp.css */
.mobile-message-container[b-wco4zed1hk], .tablet-message-container[b-wco4zed1hk] {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #343434;
    z-index: 10;
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 2.6rem;
}

    .mobile-message-container img[b-wco4zed1hk], .tablet-message-container img[b-wco4zed1hk], .mobile-message-container[b-wco4zed1hk]  a, .tablet-message-container[b-wco4zed1hk]  a {
        top: 5vh;
    }

    .mobile-message-container p[b-wco4zed1hk], .tablet-message-container p[b-wco4zed1hk] {
        max-width: calc(100vw - 10rem);
        color: white;
        font-weight: 500;
        text-align: center;
        top: 5vh;
    }


@media (max-width: 600px) {
    .mobile-message-container[b-wco4zed1hk] {
        display: flex;
    }
}

@media screen and (orientation: landscape) and (max-width: 680px) {
    .mobile-message-container[b-wco4zed1hk] {
        display: flex;
    }
}

@media screen and (orientation: portrait) and (max-width: 834px) and (min-width: 600px) {
    .tablet-message-container[b-wco4zed1hk] {
        display: flex;
    }
}

/*breadcrumb*/
.breadcrumb-container[b-wco4zed1hk] {
    background-color: var(--black);
    justify-content: center;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    margin-bottom: 3.6rem;
}

.breadcrumb[b-wco4zed1hk] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 86rem;
    gap: 3rem;
    width: 100%;
}

/*custom contact button*/
.custom-contact-button[b-wco4zed1hk]{
    padding: 1.4rem 3.4rem;
    background-color: var(--green);
    color: white;
    border-radius: 10rem;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    top: 0rem;
    right: 3rem;
    z-index: 3;
}

.custom-contact-button[b-wco4zed1hk]::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 4.7rem;
    height: 2rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='47' height='20' viewBox='0 0 47 20' fill='none'%3E%3Cpath d='M0.35791 0L46.5 0L38.3579 20L26.5 20L0.35791 0Z' fill='%235C9834'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.custom-contact-button span[b-wco4zed1hk]{
    background-color: var(--black);
    border: .1rem var(--black) solid;
    color: white;
    padding: .4rem 1rem;
    border-radius: 10rem;
    font-family: 'Montserrat', sans-serif;
}

.custom-contact-button span:hover[b-wco4zed1hk]{
    background-color: white;
    color: var(--black);
}
/*end custom contact button*/

.configurator-section__nav-item[b-wco4zed1hk] {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    max-width: 26.2rem;
}

    .configurator-section__nav-item:last-of-type[b-wco4zed1hk]{
        width: fit-content;
    }

    .configurator-section__nav-item span:first-child[b-wco4zed1hk] {
        background-color:white;
        border-radius: 50%;
        height: 3.5rem;
        width: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .configurator-section__nav-item span:nth-child(2)[b-wco4zed1hk] {
        color: white;
    }

.arrow-line[b-wco4zed1hk] {
    position: relative;
    height: .12rem; 
    background-color:white; 
    width: 100%; 
    flex:1;
}

    .arrow-line[b-wco4zed1hk]::after {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        width: .8rem;
        height: .8rem;
        border-top: .12rem solid white;
        border-right: .12rem solid white;
    }
/*end breadcrumb*/
.configurator-section__final-summary[b-wco4zed1hk]{
    margin: 0 auto 5.4rem;
    flex-direction: column;
    /*display: grid;
    gap: 2.4rem;
    grid-template-columns: repeat(3, 1fr);*/
}


/* Final Summary Inner Box */
.final-summary__inner-box[b-wco4zed1hk] {
    /*background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;*/
    width: 100%
}

/* Heading */
.configurator-grid__h5[b-wco4zed1hk] {
    font-size: 2rem;
    font-weight: 700;
    padding: 1rem 2.5rem;
    font-weight: bold;
    color: #333;
    margin: 0 0 3.5rem;
    display: block;
    padding: 1rem 2.5rem;
    text-transform: uppercase;
    color: white;
    background-color: #333;
    border-radius: 1rem;
}



/* Action Panel */
.final-summary__action-panel[b-wco4zed1hk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 7rem;
    gap: 1rem;
}

    .final-summary__action-panel > div[b-wco4zed1hk] {
        display: flex;
        gap: .6rem;
        flex-wrap: wrap;
    }

    .final-summary__action-panel > div.align-right[b-wco4zed1hk]{
        margin-left: auto;
    }


/* Config Buttons */
.config-button[b-wco4zed1hk] {
    color: var(--green);
    font-weight: 600;
    font-size: 1.6rem;
    border: .1rem solid var(--green);
    border-radius: 10rem;
    padding: .8rem 3.4rem;
    width: fit-content;
    min-width: 13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .8rem;
    transition: all .3s ease;
    flex: 0 0 auto;
}

    .config-button.green[b-wco4zed1hk] {
        color: white;
        background-color: var(--green);
    }

    .config-button:hover[b-wco4zed1hk] {
        color: white;
        background-color: var(--green);
    }

    .config-button.green:hover[b-wco4zed1hk] {
        background-color: white;
        color: var(--green);
    }

    .config-button svg[b-wco4zed1hk] {
        fill: #fff;
        width: 18px;
        height: 18px;
    }

    .config-button p[b-wco4zed1hk] {
        margin: 0;
        font-weight: 600;
    }

/*Styles for project detail view only*/
.project-detail__header[b-wco4zed1hk]{
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin: 2rem 0 2.9rem;
}

    .project-detail__header a[b-wco4zed1hk]{
        font-size: 1.6rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .project-detail__header a:hover[b-wco4zed1hk]{
        text-decoration: underline;
    }

.project-detail__header-content[b-wco4zed1hk] {
    background-color: var(--gray-light);
    padding: .8rem 2rem;
}

.project-detail__title-row[b-wco4zed1hk] {
    display: flex;
    align-items: end;
    gap: 3rem;
    border-bottom: .1rem solid var(--gray);
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}

    .project-detail__title-row h5[b-wco4zed1hk] {
        font-weight: 700;
        text-transform: uppercase;
    }
/* Responsive Adjustments */

@media (max-width: 1024px) {
    .custom-contact-button[b-wco4zed1hk] {
        top: 8rem;
        right: 0rem;
    }
}

@media (max-width: 600px) {
    .final-summary__inner-box[b-wco4zed1hk] {
        padding: 15px;
    }

    .configurator-grid__summary-box[b-wco4zed1hk] {
        grid-template-columns: 1fr;
    }

    .configurator-grid__summary-box-img img[b-wco4zed1hk] {
        height: 80px;
    }

    .configurator-section__nav-item[b-wco4zed1hk]{
        font-size: 1.4rem;
    }

    .configurator-section__nav-item span:first-child[b-wco4zed1hk] {
        height: 2rem;
        width: 2rem;
    }

    .final-summary__action-panel[b-wco4zed1hk] {
        flex-direction: column;
        align-items: stretch;
        margin-top: 2rem;
    }

        .final-summary__action-panel > div[b-wco4zed1hk] {
            justify-content: center;
        }

    .config-button[b-wco4zed1hk] {
        padding: .8rem 2rem;
        width: 100%;
        height: 3.6rem;
    }

    .project-detail__title-row[b-wco4zed1hk]{
        flex-direction: column;
        gap: 0;
        align-items: start;
    }
}

.decorations-title[b-wco4zed1hk] {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 1.2rem 0 1rem;
    color: black;
    background-color:white;
    border: 1px solid var(--green);
    padding: 1rem 2.5rem;
    border-radius: 1rem;
}

.decorations[b-wco4zed1hk] {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

/* Public decorations: green accent */
.decoration-data[b-wco4zed1hk] {
    background-color: rgba(92,152,52,0.08);
    color: var(--green);
    border: .1rem solid rgba(92,152,52,0.18);
    padding: .6rem 1rem;
    border-radius: .6rem;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
}



.field-title[b-wco4zed1hk] {
    font-size: 1.4rem;
    font-weight: 600; color: var(--black);
    
    margin: 0 0 .4rem 0;
    padding: .4rem .6rem;
}

.field-title-internal[b-wco4zed1hk] {
    font-size: 1.4rem;
    font-weight: 600;
   color: gray;
    margin: 0 0 .4rem 0;
    padding: .4rem .6rem;
}

.field-value[b-wco4zed1hk] {
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--gray-dark, #666);
    margin: 0 0 .4rem 0;
    padding: .4rem .6rem;
    text-align: right;
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact__banner[b-hl02z0tdl9] {
    background-image: url("/img/contact/contact-banner.png");
}

.contact__banner .container[b-hl02z0tdl9] {
    position: relative;
    height: 100%;
}

.contact__banner-title[b-hl02z0tdl9] {
    color: var(--white);
    font-weight: 700;
    border-bottom: 0.1rem solid var(--white);
    padding-bottom: 2rem;
    position: absolute;
    left: 5rem;
    bottom: 7rem;
}


.contact .container[b-hl02z0tdl9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
        /*"title title"*/ 
        "list form";
    gap: 7rem;
    margin: 7rem auto;
}

@media (max-width: 1280px) {
    .contact .container[b-hl02z0tdl9] {
        grid-template-columns: repeat(1, 100%);
        grid-template-areas:
            /* 'title' */
            'list'
            'form';
    }
}

@media (max-width: 768px) {
    .contact .container[b-hl02z0tdl9] {
        gap: 2rem;
        margin: 5rem auto;
    }
}

@media (max-width: 576px) {
    .contact .container[b-hl02z0tdl9] {
        margin: 2.5rem auto;
    }
}

.contact__title[b-hl02z0tdl9] {
    grid-area: title;
    text-align: center;
    /* margin-bottom: 9.2rem; */
    font-weight: 700;
}

.contact__list[b-hl02z0tdl9] {
    grid-area: list;
    display: flex;
    flex-direction: column;
    gap: 1.7rem;
}

[b-hl02z0tdl9] .div-form {
    grid-area: form;
}


.contact__list-item[b-hl02z0tdl9] {
    display: grid;
    width: 59.2rem;
    grid-template-columns: repeat(2, 29.6rem);
    align-items: center;
    height: 27rem;
}

    @media (max-width: 1280px) {
        .contact__list-item[b-hl02z0tdl9] {
            display: flex;
            justify-content: space-between;
            width: 100%;
            background-color: var(--gray-light);
            border-top-right-radius: 30rem;
            border-bottom-right-radius: 30rem;
        }
    }

    @media (max-width: 576px) {
        .contact__list-item[b-hl02z0tdl9] {
            border-top-right-radius: unset;
            border-bottom-right-radius: unset;
        }
    }

    .contact__list-item > div[b-hl02z0tdl9] {
        padding: 2.7rem 2.7rem 0 2.7rem;
        background-color: var(--gray-light);
        height: 100%;
        width: 29.6rem;
        display: flex;
        flex-direction: column;
    }


    .contact__list-item div > h5[b-hl02z0tdl9] {
        font-weight: 700;
    }
    
    .contact__list-item div > h6[b-hl02z0tdl9] {
        color: var(--green);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2rem;
        margin-top: 0.3rem;
    }

    .contact__list-item div .address[b-hl02z0tdl9] {
        line-height: 2.4rem;
        margin-top: 1.4rem;
        margin-bottom: 0.4rem;
    }

    .contact__list-item div > p[b-hl02z0tdl9] {
        line-height: 2.4rem;
        margin-top: 0.2rem;     
        display: flex;
        gap: 1.2rem;
    }

    .contact__list-item div p > a[b-hl02z0tdl9]  {
        font-weight: 500;
    }

    .contact__list-item > img[b-hl02z0tdl9] {
        height: 100%;
        width: 29.6rem;
        object-fit: cover;
        border-top-right-radius: 30rem;
        border-bottom-right-radius: 30rem;
    }

    @media (max-width: 768px) {
        .contact__list-item > img[b-hl02z0tdl9] {
            width: 16rem;
        }
    }

    @media (max-width: 576px) {
        .contact__list-item > img[b-hl02z0tdl9] {
            display: none;
        }
    }

[b-hl02z0tdl9] .contact__form {
    display: grid;
    row-gap: 1.8rem;
    column-gap: 5.2rem;
    grid-template-columns: repeat(2, calc(50% - 2.6rem));
    grid-template-areas:
        'name surname'
        'company position'
        'region country'
        'email phone'
        'message message'
        'submit submit';
}

    @media (max-width: 768px) {
        [b-hl02z0tdl9] .contact__form {
            column-gap: 2.4rem;
            grid-template-columns: repeat(2, calc(50% - 1.2rem));
        }
    }

    @media (max-width: 576px) {
        [b-hl02z0tdl9] .contact__form {
            column-gap: 2rem;
            grid-template-columns: 100%;
            grid-template-areas:
            'name'
            'surname'
            'company'
            'position'
            'region'
            'country'
            'email'
            'phone'
            'message'
            'submit';
        }
    }

.contact__form label[b-hl02z0tdl9] {
     font-size: 1.6rem;
     color: var(--black);
     font-weight: 400;
     line-height: 2.4rem;
 }

[b-hl02z0tdl9] .contact__form input {
     outline: none;
     border: 0.1rem solid var(--gray);
     height: 4rem;
     padding: 1rem;
     border-radius: .5rem;
     font-family: 'Montserrat', sans-serif;
     color: var(--black);
 }

[b-hl02z0tdl9] .contact__form textarea {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 10.9rem;
    padding: 1rem;
    border-radius: .5rem;
}

[b-hl02z0tdl9] .contact__form select, [b-hl02z0tdl9] .contact__form select {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 4rem;
    padding: 1rem;
    border-radius: .5rem;
}

/* custom select */
[b-hl02z0tdl9] .contact__form select{
    appearance: none;  
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 5rem;  
    cursor: pointer;
    background-image: url('/icons/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 1.5rem top 50%;
    background-size: 26px 26px;
    cursor: pointer;
}
/* end custom select arrow*/

.contact__form button[b-hl02z0tdl9] {
    font-weight: 500;
}

    @media (max-width: 576px) {
        .contact__form button[b-hl02z0tdl9] {
            margin: 0 auto;
        }
    }

.contact__form small[b-hl02z0tdl9] {
    font-size: 1.2rem;
    line-height: 2rem;
    color: var(--black);
}

.contact__form-name[b-hl02z0tdl9] {
    grid-area: name;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-surname[b-hl02z0tdl9] {
    grid-area: surname;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-company[b-hl02z0tdl9] {
    grid-area: company;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-position[b-hl02z0tdl9] {
    grid-area: position;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-region[b-hl02z0tdl9] {
    grid-area: region;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-country[b-hl02z0tdl9] {
    grid-area: country;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-email[b-hl02z0tdl9] {
    grid-area: email;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-phone[b-hl02z0tdl9] {
    grid-area: phone;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-message[b-hl02z0tdl9] {
    grid-area: message;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-submit[b-hl02z0tdl9] {
    margin: 3rem 0;
    grid-area: submit;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.4rem;
}

.contact__form-submit small[b-hl02z0tdl9] {
    width: 100%;
}

.contact__form-submit a[b-hl02z0tdl9]{
    font-weight: 700;
    text-decoration: underline;
}
/* /Components/Pages/Cookies.razor.rz.scp.css */
.inner[b-vupiabl0sk]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.cookies-section__h1[b-vupiabl0sk]{
    font-weight: 700;
    font-size: 4.6rem;
    text-align: center;
    margin: 0 auto;
}

.cookies-section__text-block[b-vupiabl0sk]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.cookies-section__text-block .subtitle[b-vupiabl0sk]{
    color: grey;
    font-weight: bold;
}

.cookies-section__text-block ul[b-vupiabl0sk]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: disc;
    padding-left: 2rem;
}

.cookies-section__text-block ol[b-vupiabl0sk]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 2rem;
}

.cookies-section__text-block a[b-vupiabl0sk]{
    color: var(--green);
}

.cookies-section__text-block a:hover[b-vupiabl0sk]{
    text-decoration: underline;
}

/* drop downs */
.cookies-section__drowpdown-container[b-vupiabl0sk]{
    display: flex;
    flex-direction: column;
}

.cookies-section__drowpdown-container .cookies-section__drowpdown-button[b-vupiabl0sk]{
    display: flex;
    justify-content: space-between;
    background-color: var(--gray-light);
    padding: 1rem 2rem;
    width: 100%;
}

.cookies-section__drowpdown-container .cookies-section__drowpdown-button>div[b-vupiabl0sk]{
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    align-items: center;
}

.cookies-section__drowpdown-container .cookies-section__drowpdown-button h6[b-vupiabl0sk]{
    font-size: 1.8rem;
    font-weight: bold;
}

.cookies-section__drowpdown-container .dropdown svg[b-vupiabl0sk]{
    width: 2rem;
    transition: all .3s ease-in-out;
}

.cookies-section__drowpdown-content[b-vupiabl0sk]{
    display: none;
}


/* open dropdown styles */

.dropdown.down .cookies-section__drowpdown-content[b-vupiabl0sk]{
    display: block;
}
.cookies-section__drowpdown-container .dropdown.down svg[b-vupiabl0sk]{
    transform: rotate(180deg);
}

.cookies-section__drowpdown-content[b-vupiabl0sk]{
    background-color: var(--gray-light);
}

.cookies-section__drowpdown-container .dropdown.down .cookies-section__drowpdown-button[b-vupiabl0sk]{
    background-color: #ece9e9;
}

/* Cookies used section */
.cookies-section__drowpdown-content .cookie-section__cookies-used[b-vupiabl0sk]{
    justify-content: flex-start;
    gap: 5rem;
    width: 100%;
}

.cookies-section__drowpdown-content .cookie-use[b-vupiabl0sk], .cookies-section__drowpdown-content .cookie-share[b-vupiabl0sk]{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem 3rem;
}

.cookie-section__table-container[b-vupiabl0sk]{
    width: 100%;
    overflow-x: auto;
}

.cookies-section__drowpdown-content table[b-vupiabl0sk] {
    width: 100%;
    border-collapse: collapse;
    padding-top: 1rem;
}

.cookies-section__drowpdown-content th[b-vupiabl0sk], .cookies-section__drowpdown-content td[b-vupiabl0sk] {
    border: .1rem solid var(--gray);
    text-align: left;
    white-space: nowrap;
}
  
.cookies-section__drowpdown-content th[b-vupiabl0sk]{
    width: 100%;
    padding: 2rem;
}

.cookies-section__drowpdown-content td[b-vupiabl0sk] {
    padding: 2rem 1rem;
    width: 33%;
}

.cookies-section__drowpdown-content tr:last-child[b-vupiabl0sk]{
    background-color: white;
}


/* table */
.cookies-section__table[b-vupiabl0sk]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.cookies-section__table div[b-vupiabl0sk]{
    background-color: var(--gray-light);
    padding: 1rem;
}

.cookies-section__table div h6[b-vupiabl0sk]{
    font-size: 1.6rem;
    font-weight: 400;
}
/* end cookies used section */

/* set preferences section */
.preferences .cookies-section__drowpdown-content[b-vupiabl0sk]{
    padding: 2rem;
}

/* custom checkbox toggle switch */
.toggle-switch[b-vupiabl0sk] {
    display: inline-block;
    width: 4rem;
    height: 2rem;
    position: relative;
    background-color: #F56E28;
    border-radius: 1.2rem; 
    cursor: pointer;
}

.toggle-switch input[type="checkbox"][b-vupiabl0sk] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch .slider[b-vupiabl0sk] {
    position: absolute;
    top: .15rem;
    right: .2rem;
    width: 1.6rem;
    bottom: .2rem;
    background-color: white;
    border-radius: 50%;
    transition: 0.4s;
    transform: translateX(-2rem);
    z-index: 10;
}

.toggle-switch input:checked + .slider[b-vupiabl0sk] {
    transform: translateX(0); 
}

.toggle-switch input:checked ~ .background[b-vupiabl0sk] {
    background-color: var(--green); 
}

.background[b-vupiabl0sk] {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.2rem;
}


@media (max-width: 576px) {
    .inner[b-vupiabl0sk]{
        padding-top: 3rem;
        padding-bottom: 3rem;
        gap: 2rem;
    }

    .cookies-section__h1[b-vupiabl0sk]{
        font-size: 3.6rem;
    }

    .cookies-section__text-block[b-vupiabl0sk] {
        gap: 1rem;
    }
}
/* /Components/Pages/Documents.razor.rz.scp.css */
.admin__box[b-8ml20i34n6]{
    padding: 4.5rem 20rem 4.5rem 5.5rem;
}

.documents__content-group[b-8ml20i34n6]{
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.documents__content-group > div[b-8ml20i34n6]{
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
}

.documents__content-group ul[b-8ml20i34n6]{
    display: flex;
    flex-direction: column;
}

.documents__content-group ul li[b-8ml20i34n6]{
    padding: 1.5rem 0;
    border-bottom: 1px solid #C7C7C7
}

.documents__content-group ul li:first-child[b-8ml20i34n6]{
    border-top: 1px solid #C7C7C7
}

.documents__content-group ul li a[b-8ml20i34n6]{
    text-transform: uppercase;
}

.documents__content-group ul li a:hover[b-8ml20i34n6]{
    color: var(--green);
}

/* =====MEDIA QUERIES===== */
@media (max-width: 1280px) {
    .admin__box[b-8ml20i34n6]{
        padding: 4.5rem;
    }
}

@media (max-width: 768px) {

    .documents__content-group[b-8ml20i34n6]{
        gap: 1.5rem;
    }
    
    .documents__content-group > div[b-8ml20i34n6]{
        gap: 1.6rem;
    }

    .documents__content-group ul li:last-child[b-8ml20i34n6]{
        border-bottom: none;
    }

    .admin__box[b-8ml20i34n6] {
        padding: 2rem 0;
    }

    .admin__title[b-8ml20i34n6]{
        font-size: 2rem;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
h1.error-text[b-taz2c4aep7]{
    color: red
}

.error-section.container-wide[b-taz2c4aep7]{
    padding: 5rem 0;
}

.container[b-taz2c4aep7]{
    flex-direction: column;
    gap: 3rem
}
/* /Components/Pages/Ethics.razor.rz.scp.css */
/* banner */
.ethics__banner[b-33x8824mnp] {
    background-image: url("/img/ethics/ethics-banner.png");
    /* background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 70rem; */
}

.ethics__banner .container[b-33x8824mnp] {
    position: relative;
    height: 100%;
}

/* main content */
.inner[b-33x8824mnp]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.ethics-section__h2[b-33x8824mnp]{
    text-align: center;
    margin: 0 auto;
}

.ethics-section__intro[b-33x8824mnp]{
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.ethics-section__intro-text[b-33x8824mnp]  p{
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    text-align: center;
}

.ethics-section__intro-text[b-33x8824mnp]  p:last-child{
    margin-bottom: 0;
}

.ethics-section__main-img img[b-33x8824mnp]{
    width: 100%;
}

.mobile[b-33x8824mnp]{
    display: none;
}

/* grid */

.ethics-section__grid[b-33x8824mnp]{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7rem;
    padding-top: 5rem;
}

.ethics-section__text-card[b-33x8824mnp]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: fit-content;
}

.ethics-section__text-card-content[b-33x8824mnp]{
    padding-bottom: 2rem;
}

.ethics-section__text-card-content[b-33x8824mnp]::after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 5rem;
    border-bottom:.3rem solid var(--green);
}

.ethics-section__text-card-subtitle[b-33x8824mnp]{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: fit-content;
    gap: 2rem;
}

.ethics-section__text-card-subtitle h5[b-33x8824mnp]{
    width: fit-content;
}

.ethics-section__text-card-text[b-33x8824mnp]{
    overflow: hidden;
    transition: all 1s ease-in-out;
    max-height: 0;
}

.ethics-section__text-card-text[b-33x8824mnp]  p{
    padding-top: 1.5rem;
}

.ethics-section__text-card.down .ethics-section__text-card-text[b-33x8824mnp]{
    max-height: 40rem;
}

/* temp */
.ethics-section__text-card-button[b-33x8824mnp]{
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    transition: all 1s ease-in-out;
}

.down .ethics-section__text-card-button[b-33x8824mnp]{
    transform: rotate(180deg);
}

.ethics-section__text-card-button svg[b-33x8824mnp]{
    transition: all .2s ease-in-out;
    width: 2.8rem;
    height: 2.8rem;
}

.ethics-section__text-card-button:hover svg[b-33x8824mnp]{
    transform: scale(1.2);
}

/* pdf section  */

.ethics-section__pdfs[b-33x8824mnp]{
    background-color: #F7FAF7;
    padding: 7rem 0;
}

.ethics-section__pdfs .container[b-33x8824mnp]{
    display: flex;
    justify-content:space-evenly;
    align-items: center;
    gap: 10rem;
}

.ethics-section__pdfs a[b-33x8824mnp] {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
    font-size: 1.8rem;
}

.ethics-section__pdfs a span[b-33x8824mnp] {
    text-align: center;
}


.ethics-section__pdfs a img[b-33x8824mnp] {
    width: 100%;
    max-width: 5.2rem;
    transition: all .3s ease-in-out;
}

.ethics-section__pdfs a:hover img[b-33x8824mnp] {
    transform: scale(1.05);
}

/* =====MEDIA QUERIES===== */
@media (max-width: 1024px) {
    .inner[b-33x8824mnp] {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 5rem;
    }

    .ethics-section__grid[b-33x8824mnp] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ethics-section__pdfs .container[b-33x8824mnp]{
        gap: 5rem;
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .inner[b-33x8824mnp] {
        padding-top: 2.5rem;
        padding-bottom: 5rem;
        gap: 5rem;
    }

    .ethics-section__intro[b-33x8824mnp]{
        gap: 3rem;
    }

    .ethics-section__grid[b-33x8824mnp] {
        padding-top: 2.5rem;
        gap: 5rem;
    }

    .ethics-section__pdfs[b-33x8824mnp]{
        padding: 5rem 0;
    }

    .ethics-section__pdfs .container[b-33x8824mnp]{
        gap: 2.5rem;
    }

    .ethics-section__pdfs a[b-33x8824mnp]{
        font-size: 1.6rem;
    }

    .mobile[b-33x8824mnp]{
        display: block;
    }

    .desktop[b-33x8824mnp]{
        display: none;
    }
}

@media (max-width: 576px) {

    .ethics-section__grid[b-33x8824mnp] {
        padding-top: 0;
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
    }

    .ethics-section__intro-text[b-33x8824mnp]  p{
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .ethics-section__text-card-content[b-33x8824mnp]{
        padding-bottom: 1.5rem;
    }

    .ethics-section__text-card[b-33x8824mnp]{
        padding-left: 1.5rem;
    }

    .ethics-section__pdfs[b-33x8824mnp]{
        padding: 3rem 0;
    }

    .ethics-section__pdfs a[b-33x8824mnp]{
        gap: 2rem;
        font-size: 1.2rem;
    }
}
/* /Components/Pages/Favorites.razor.rz.scp.css */

.projects__content-group[b-pwkokinlus] {
    display: flex;
    flex-direction: column;
    gap: 2.7rem;
}

    .projects__content-group div[b-pwkokinlus]{
        max-width: 1000rem;
    }
 
    .projects__content-group h4[b-pwkokinlus] {
        font-weight: 600;
    }

.favorites__content-group[b-pwkokinlus]{
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.favorites__content-group > div[b-pwkokinlus]{
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
}

.favorites__content-group ul[b-pwkokinlus]{
    display: flex;
    flex-direction: column;
}

.favorites__content-group ul li[b-pwkokinlus]{
    padding: 1.5rem 0;
    border-bottom: 1px solid #C7C7C7
}

.favorites__content-group ul li:first-child[b-pwkokinlus]{
    border-top: 1px solid #C7C7C7
}

.favorites__content-group ul li a[b-pwkokinlus]{
    text-transform: uppercase;
}

.favorites__content-group ul li a:hover[b-pwkokinlus]{
    color: var(--green);
}

/* =====MEDIA QUERIES===== */
@media (max-width: 1280px) {
    .admin__box[b-pwkokinlus]{
        padding: 4.5rem;
    }
}

@media (max-width: 768px) {

    .favorites__content-group[b-pwkokinlus]{
        gap: 1.5rem;
    }
    
    .favorites__content-group > div[b-pwkokinlus]{
        gap: 1.6rem;
    }

    .favorites__content-group ul li:last-child[b-pwkokinlus]{
        border-bottom: none;
    }

    .admin__box[b-pwkokinlus] {
        padding: 2rem 0;
    }

    .admin__title[b-pwkokinlus]{
        font-size: 2rem;
    }
}
/* /Components/Pages/Forms.razor.rz.scp.css */
.forms__content-group[b-ps87b44c3j]{
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
}

.forms__title-row[b-ps87b44c3j]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.forms__title-row.padded[b-ps87b44c3j]{
    padding-bottom: 4rem;
}

.forms__title-row p[b-ps87b44c3j] {
    position: absolute;
    bottom: 0;
}

.forms__title-row .standard-button[b-ps87b44c3j], .forms__detail-title-row .standard-button[b-ps87b44c3j]  {
    padding: .7rem 2.2rem;
}


/* table styles */
.forms_documents-table-container[b-ps87b44c3j]{
    width: 100%;
}

.forms_documents-table[b-ps87b44c3j] {
    width: 100%;
    border-collapse: collapse;
}

.forms_documents-table th[b-ps87b44c3j], .forms_documents-table td[b-ps87b44c3j] {
    border-bottom: .1rem solid var(--gray-light);
    padding: 1rem;
    text-align: left;
}

.forms_documents-table thead[b-ps87b44c3j] {
    background-color: var(--green-light);
    font-size: 1.4rem;
}

.forms_documents-table tbody[b-ps87b44c3j] {
    font-size: 1.2rem;
}

.forms_document-actions[b-ps87b44c3j]{
    background-color: var(--black);
    height: 2.2rem;
    width: 2.2rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.forms_document-actions svg[b-ps87b44c3j]{
    display: block;
}

.forms_document-actions:hover[b-ps87b44c3j]{
    background-color: var(--green);
}

.forms_document-actions-dropdown[b-ps87b44c3j]{
    display: none;
    position: absolute;
    padding-top: 5rem;
    top: -2.5rem;
    right: 0;
}

.forms_document-actions-links[b-ps87b44c3j]{
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    padding: 2rem 4rem 2rem 2rem;
    border: .1rem solid var(--green);
    border-radius: .5rem;
    background-color: white;
    z-index: 5;
    min-width: 18rem;
}

.forms_document-actions-links a[b-ps87b44c3j]{
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 1.2rem;
    font-family: 'Montserrat', sans-serif
}

.forms_document-actions-links a:hover[b-ps87b44c3j]{
    color: var(--green);
}

/* ==form detail view === */
.forms__detail-title-row[b-ps87b44c3j]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.forms__detail-title-row .admin__title[b-ps87b44c3j]{
    display: flex;
    align-items: center;
    gap: 2rem;
}

.forms__detail-title-row .admin__title a[b-ps87b44c3j]{
    height: 3.2rem;
}

.forms__detail-title-row .admin__title a:hover[b-ps87b44c3j]{
    color: var(--green);
}

.forms_form-container[b-ps87b44c3j] {
    display: grid;
    /* row-gap: 1.6rem; */
    column-gap: 7.6rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
        'name phone'
        'surname country'
        'email code'
        'company job'
        'training target'
        'training reason'
        'training reason'
        'specialty reason'
        'specialty reason'
        'notes notes'
} 

/* .forms_form-container {
    column-gap: 7.6rem;
    column-count: 2;
}

.forms_form-container > div {
    break-inside: avoid; 
    margin-bottom: 1.6rem; 
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
} */

.forms_form-container h5[b-ps87b44c3j] {
    font-size: 1.6rem;
    color: #7E7E7E;
    font-weight: 400;
    line-height: 2.4rem;
}

.forms_form-container p[b-ps87b44c3j] {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: fit-content;
    padding: .7rem 1rem;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
    font-weight: 500;
    flex: 1;
}
 
.jobs__form-name[b-ps87b44c3j] {
    grid-area: name;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-surname[b-ps87b44c3j] {
    grid-area: surname;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-email[b-ps87b44c3j] {
    grid-area: email;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-training[b-ps87b44c3j] {
    grid-area: training;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-specialty[b-ps87b44c3j] {
    grid-area: specialty;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-reason[b-ps87b44c3j] {
    grid-area: reason;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-phone[b-ps87b44c3j] {
    grid-area: phone;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-country[b-ps87b44c3j] {
    grid-area: country;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-code[b-ps87b44c3j] {
    grid-area: code;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-target[b-ps87b44c3j] {
    grid-area: target;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-company[b-ps87b44c3j] {
    grid-area: company;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-notes[b-ps87b44c3j] {
    grid-area: notes;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-job[b-ps87b44c3j] {
    grid-area: job;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
} 


/* =====MEDIA QUERIES===== */
@media (max-width: 1280px) {
 
    .forms_documents-table th[b-ps87b44c3j], .forms_documents-table td[b-ps87b44c3j] {
        max-width: 18rem; 
        overflow: hidden;
    } 

    .forms_documents-table th.actions[b-ps87b44c3j], .forms_documents-table td.actions[b-ps87b44c3j]{
        max-width: unset;
        overflow: unset;
    }

    .forms_documents-table th.country[b-ps87b44c3j], .forms_documents-table td.country[b-ps87b44c3j]{
        display: none;
    }

    .forms_form-container[b-ps87b44c3j]{
        column-gap: 4.6rem;
    }
}

@media (max-width: 1024px) {
    .forms_documents-table th.company[b-ps87b44c3j], .forms_documents-table td.company[b-ps87b44c3j], .forms_documents-table th.surname[b-ps87b44c3j], .forms_documents-table td.surname[b-ps87b44c3j], .forms_documents-table th.name[b-ps87b44c3j], .forms_documents-table td.name[b-ps87b44c3j]{
        display: none;
    }

    .forms_form-container p[b-ps87b44c3j]{
        font-size: 1.6rem;
    }

    .forms_form-container[b-ps87b44c3j]{
        column-gap: 2.6rem;
    }
}

@media (max-width: 768px) {

    .admin-inner[b-ps87b44c3j]{
        margin-top: 1rem;
        margin-bottom: 3rem;
    }

    .forms__content-group[b-ps87b44c3j]{
        gap: 1rem;
    }

    .forms__title-row[b-ps87b44c3j]{
        flex-direction: column-reverse;
        gap: 2rem;
        padding-bottom: 1rem;
    }

    .forms__title-row.padded[b-ps87b44c3j]{
        padding-bottom: 1rem;
    }

    .forms__title-row .admin__title[b-ps87b44c3j]{
        display: none;
    }

    .forms__title-row p[b-ps87b44c3j] {
        position: relative;
        bottom: unset;
    }

    .forms__title-row .standard-button[b-ps87b44c3j]{
        width: 100%;
        max-width: 40rem;
    }

    /* form detail view styles */
    .forms_form-container[b-ps87b44c3j] {
        grid-template-columns: 100%;
        grid-template-areas:
            'name'
            'surname'
            'phone'
            'country'
            'email'
            'code'
            'company'
            'job'
            'target'
            'training'
            'specialty'
            'reason'
            'notes';
        max-width: calc(100vw - 5rem);
    }

    .forms_form-container>div[b-ps87b44c3j]{
        gap: .6rem;
    }

    .forms_form-container h5[b-ps87b44c3j]{
        font-size: 1.4rem;
    }

    .forms_form-container p[b-ps87b44c3j]{
        padding: .5rem 1rem;
    }

    .forms__detail-title-row[b-ps87b44c3j]{
        flex-direction: column;
        gap: 2rem;
        padding-bottom: 1rem;
    }

    .forms__detail-title-row .admin__title[b-ps87b44c3j]{
        font-size: 2rem;
        gap: 1rem;
    }

    .forms__detail-title-row .standard-button[b-ps87b44c3j]{
        width: 100%;
        max-width: 40rem;
    }

}

@media (max-width: 576px) {
    .forms__detail-title-row .admin__title[b-ps87b44c3j]{
        align-self: flex-start;
    }

    .forms_documents-table th[b-ps87b44c3j], .forms_documents-table td[b-ps87b44c3j] {
        border-bottom: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* home header slider imgs - see component HomeHeaderSlider */


.home-parallax-section .inner[b-n170t6ifsn] {
    display: flex;
    flex-direction: column;
    gap: 7rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.home-section__parallax-all-content[b-n170t6ifsn]{
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-section__parallax-row[b-n170t6ifsn]{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    width: 100%;
}

.home-section__parallax-row> div[b-n170t6ifsn]{
    flex: 1;
    width: 100%;
    display: flex;
    min-height: .1rem;
}

.home-section__parallax-row> div.empty[b-n170t6ifsn]{
    padding-top: 66rem;
    min-width: 2rem;
}

.home-section__info-text[b-n170t6ifsn]{
    flex-direction: column;
    gap: 3.5rem;
    justify-content: space-between;
}

[b-n170t6ifsn] .home-section__info-text .weight-500 p {
    font-weight: 500;
}

.custom-underline[b-n170t6ifsn]::after, .home-section__info-text[b-n170t6ifsn]  .large::after{
    content: ''; 
    position: absolute;
    left: 50%;
    transform: translateX(-50%); 
    bottom: 0; 
    width: 100%;
    border-bottom:.3rem solid var(--green);
}

.home-parallax__subtitle[b-n170t6ifsn]{
    width: fit-content;
    margin: 0 auto;
}

.home-parallax__custom-text[b-n170t6ifsn]{
    font-size: 4rem;
    color: white;
    font-weight: 600;
    max-width: 48rem;
    line-height: 5.6rem;
}

.home-parallax__custom-text[b-n170t6ifsn]  span{
    font-size:15.7rem;
}

.rounded-image-window[b-n170t6ifsn] {
    position: absolute;
    height: 66rem; 
    overflow: hidden;
    width: 48%; 
}

.normal[b-n170t6ifsn] {
    right: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 50rem; 
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50rem;
}

.reverse[b-n170t6ifsn] {
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 50rem; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 50rem;
}

.fixed[b-n170t6ifsn]{
    right: 0;
}

.parallax-image[b-n170t6ifsn] {  
    position: absolute; 
    top: -50%; 
    left: 0;
    width: 100%;
    min-width: 100rem;
    height: auto;
    object-fit: cover;
    transition: transform .5s ease-in-out;
}

.p-section-1 .parallax-image[b-n170t6ifsn] {  
    transform: translateY(15rem) scale(1.5);
}

.p-section-2 .parallax-image[b-n170t6ifsn] {  
    transform: translateY(6rem);
}

.parallax-fixed-image[b-n170t6ifsn] {   
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.home-section__clickable-imgs[b-n170t6ifsn]{
    display: flex;
    gap: 3rem;
}

.home-section__icon-imgs[b-n170t6ifsn] {
    overflow: hidden;
    display: flex;
    gap: 2rem;
    align-items: stretch;
}

.home-section__icon-imgs li[b-n170t6ifsn]{
    bottom: -15rem;
    flex: 1;  
    max-width: 16rem;
}

/* "comprometidos socialmente" cards */
.home-section__icon-imgs li > div[b-n170t6ifsn]{
    background-color: #F5F5F5;
    display: flex;
    justify-content: flex-start;
    align-items:center;
    flex-direction: column;
    padding: 2rem 1rem;
    border-radius: 2rem;
    gap: 1rem;
    height: 100%;
}

.home-section__icon-imgs li > div img[b-n170t6ifsn]{
    width: 3.2rem;
    height: auto;
}

.home-section__icon-imgs li > div p[b-n170t6ifsn]{
    font-size: 1.4rem;
    color: var(--green);
    font-weight: 600;
    width: 100%;
    max-width: 10rem;
    text-align: center;
    border-bottom: .1rem solid var(--green);
    padding-bottom: .5rem;
}

.home-section__icon-imgs li > div h5[b-n170t6ifsn]{
    color: var(--green);
    font-weight: 700;
    text-align: center;
    font-size: 1.4rem;
}
/*end "comprometidos socialmente" cards */

.home-section__icon-imgs li.in-view[b-n170t6ifsn] {
    bottom: 0;
    transition: bottom 1s ease-in-out;
}

.home-section__clickable-imgs a[b-n170t6ifsn]{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 3rem;
    flex: 1;
}

.home-section__clickable-imgs a>div[b-n170t6ifsn]{
    overflow: hidden;
    border-radius: 50%;
    transition: border .3s ease-in-out;
    border:.2rem solid transparent;
}

.home-section__clickable-imgs img[b-n170t6ifsn], .home-section__icon-imgs img[b-n170t6ifsn]{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease-in-out;
}

.home-section__clickable-imgs a:hover[b-n170t6ifsn] {
    color: var(--green);
}

.home-section__clickable-imgs a:hover>div[b-n170t6ifsn]{
    border:.2rem solid var(--green);
}

.home-section__clickable-imgs a:hover img[b-n170t6ifsn]{
    transform: scale(1.3);
}

/* form section */
.contact-inner[b-n170t6ifsn] {
    max-width: 74rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    align-items: center;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.contact__form[b-n170t6ifsn] {
    display: grid;
    row-gap: 1.8rem;
    column-gap: 5.2rem;
    grid-template-columns: repeat(2, calc(50% - 2.6rem));
    grid-template-areas:
        'name surname'
        'company position'
        'region country'
        'email phone'
        'message message'
        'submit submit';
}

@media (max-width: 768px) {
    .contact__form[b-n170t6ifsn] {
        column-gap: 2.4rem;
        grid-template-columns: repeat(2, calc(50% - 1.2rem));
    }
}
@media (max-width: 576px) {
    .contact__form[b-n170t6ifsn] {
        display: flex;
        flex-direction: column;
    }
}

.contact__form label[b-n170t6ifsn] {
    font-size: 1.6rem;
    color: var(--black);
    font-weight: 400;
    line-height: 2.4rem;
}
.contact__form input[b-n170t6ifsn] {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 4rem;
    padding: 1rem;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

.contact__form textarea[b-n170t6ifsn] {
   outline: none;
   border: 0.1rem solid var(--gray);
   height: 10.9rem;
   padding: 1rem;
   border-radius: .5rem;
   font-family: 'Montserrat', sans-serif;
   color: var(--black);
}

[b-n170t6ifsn] .contact__form select {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 4rem;
    padding: 1rem;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

/* custom select */
[b-n170t6ifsn] .contact__form select{
    appearance: none;  
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 5rem;  
    cursor: pointer;
    background-image: url('/icons/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 1.5rem top 50%;
    background-size: 26px 26px;
    cursor: pointer;
}
/* end custom select arrow*/

.contact__form button[b-n170t6ifsn] {
    font-weight: 500;
}

.contact__form small[b-n170t6ifsn] {
    font-size: 1.2rem;
    line-height: 2rem;
    color: var(--black);
}

.contact__form-name[b-n170t6ifsn] {
    grid-area: name;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-surname[b-n170t6ifsn] {
    grid-area: surname;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-company[b-n170t6ifsn] {
    grid-area: company;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-position[b-n170t6ifsn] {
    grid-area: position;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-region[b-n170t6ifsn] {
    grid-area: region;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-country[b-n170t6ifsn] {
    grid-area: country;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-email[b-n170t6ifsn] {
    grid-area: email;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-phone[b-n170t6ifsn] {
    grid-area: phone;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-message[b-n170t6ifsn] {
    grid-area: message;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.contact__form-submit[b-n170t6ifsn] {
    margin: 3rem 0;
    grid-area: submit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.7rem;
}

@media (max-width: 576px) {
    .contact__form-submit[b-n170t6ifsn] {
        flex-direction: column;
        margin: 1rem 0 3rem 0
    }
}

.contact__form-submit[b-n170t6ifsn]  a{
    font-weight: 700;
    text-decoration: underline;
}

/* end form */

/* complaints bar */
.complaints[b-n170t6ifsn] {
    background-color: var(--green);
    height: 6.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.complaints a[b-n170t6ifsn] {
    border: white .1rem solid;
}

.home-parallax__custom-number[b-n170t6ifsn] {
    font-size: 15rem;
    color: white;
    font-weight: 600;
    max-width: 48rem;
    line-height: 1;
}

.parallax-claim[b-n170t6ifsn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* =====MEDIA QUERIES===== */

@media (max-width: 1024px) {
    /* parallax sections */
    .home-parallax-section .inner[b-n170t6ifsn]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .home-parallax-section.p-section-1 .inner[b-n170t6ifsn] {
        padding-top: 2.5rem;
    }

    .home-parallax-section.p-section-2 .inner[b-n170t6ifsn] {
        padding-top: 0;
        gap: 3.5rem;
    }

    .rounded-image-window[b-n170t6ifsn]{
        height: 42rem;
    }

    .p-section-1 .parallax-image[b-n170t6ifsn] {  
        transform: translateY(-1.3rem) scale(1);
    }

    .p-section-2 .parallax-image[b-n170t6ifsn] {  
        transform: translateY(4rem);
        min-width: 75rem;
    }

    .parallax-text[b-n170t6ifsn]{
        height: 42rem;
        display: flex;
        align-items: center;
    } 
    
    .home-parallax__custom-text[b-n170t6ifsn]{
        max-width: 80%;
        font-size: 2rem;
        line-height: 1.5;
    }  
    
    .home-parallax__custom-text[b-n170t6ifsn]  span{
        display: block;
        font-size:7.6rem;
    } 

    .home-parallax-section h5[b-n170t6ifsn]{
        font-size: 1.2rem;
    }

    .p-section-2 .home-section__info-text p[b-n170t6ifsn]{
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .p-section-2 .home-section__info-text h5[b-n170t6ifsn]{
        font-size: 1.4rem;
    }

    .p-section-2 .home-section__info-text[b-n170t6ifsn] {
        gap: 1.5rem;
    }

    .p-section-2 .home-section__info-text .weight-500[b-n170t6ifsn] {
        font-weight: 400;
        padding-bottom: 1.5rem;
    }
    
    .home-section__parallax-row[b-n170t6ifsn] {
        gap: 1.5rem;
    }

    .home-section__parallax-row> div.empty[b-n170t6ifsn]{
        padding-top: 42rem;
        min-width: 2rem;
    }

    .home-section__clickable-imgs[b-n170t6ifsn]{
        gap: 1.6rem;
    }

    .home-section__clickable-imgs a[b-n170t6ifsn] {
        gap: 2.5rem;
    }
}

@media (max-width: 768px) {
    .home-parallax-section .inner[b-n170t6ifsn] {
        padding-bottom: 3rem;
    }

    .home-parallax-section.p-section-1 .inner[b-n170t6ifsn] {
        padding-top: 2.5rem;
    }

    .home-parallax-section.p-section-2 .inner[b-n170t6ifsn] {
        padding-top: 3rem;
        gap: 2.5rem;
    }

    .home-section__parallax-all-content[b-n170t6ifsn]{
        flex-direction: column;
        gap: 3rem;
    } 

    .home-section__parallax-row[b-n170t6ifsn]{
        gap: 3rem;
    }
    .home-section__parallax-row[b-n170t6ifsn]{
        flex-direction: column;
    }

    .home-section__clickable-imgs[b-n170t6ifsn]{
        flex-direction: column;
        gap: 3.5rem;
    }

    .home-section__clickable-imgs a[b-n170t6ifsn]{
        gap: 1.6rem;
    }

    .p-section-1 .rounded-image-window[b-n170t6ifsn] {
        display: none;  
    }

    .p-section-2 .rounded-image-window[b-n170t6ifsn] {
        position: absolute;
        top: 0;
        height: 34rem; 
        overflow: hidden;
        width: calc(100vw - 2.5rem); 
    }

    .p-section-2 .parallax-image[b-n170t6ifsn]{
        min-width: 50rem;
        transform: translateY(-30rem);
    }

    .home-section__parallax-row> div[b-n170t6ifsn]{
        flex: auto;
    }

    /* .home-parallax-section h2,  */
    .home-parallax-section h3[b-n170t6ifsn]{
        font-size: 2rem;
    }

    .home-section__info-text h2.markets[b-n170t6ifsn]{
        font-size: 2rem;
    }
    
    .home-parallax-section h5[b-n170t6ifsn]{
        font-size: 1.6rem;
    }

    .parallax-text[b-n170t6ifsn]{
        height: 34rem;
        display: flex;
        align-items: center;
    }

    .home-parallax__custom-text[b-n170t6ifsn]{
        max-width: 100%;
        font-size: 2rem;
    }  

    .home-section__parallax-row> div.empty[b-n170t6ifsn]{
        display: none;
    }

    .p-section-1 .home-section__info-text[b-n170t6ifsn]{
        gap: 4rem;
    }

    .p-section-2 .home-section__info-text[b-n170t6ifsn]{
        gap: 2.5rem;
    }

    .home-section__info-text a[b-n170t6ifsn] {
        align-self: center;
    }
    
    .home-section__icon-imgs[b-n170t6ifsn]{
        width: 100%;
        align-self: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .home-section__icon-imgs li.mobile-static[b-n170t6ifsn] {
        bottom: 0;
        transition: bottom 1s ease-in-out;
        min-width: 10rem;
    }

    /* Contact form */
    .contact-inner[b-n170t6ifsn] {
        padding-top: 3rem;
        padding-bottom: 6rem;
    }

    .contact-inner label[b-n170t6ifsn]{
        font-size: 1.4rem;
    }
    .home-parallax__custom-number[b-n170t6ifsn] {
        font-size: 7.6rem;
    }
}


@media (max-width: 576px) {

    .home-parallax-section.p-section-1 .inner[b-n170t6ifsn] {
        padding-top: 1rem;
    }

    .p-section-2 .rounded-image-window[b-n170t6ifsn] {
        height: 22rem;  
    }

    .home-section__parallax-row[b-n170t6ifsn] {
        gap: 2rem;
    }

    .parallax-text[b-n170t6ifsn]{
        height: 22rem;
        width: 96% !important;
    }

    .p-section-2 .home-section__info-text[b-n170t6ifsn]{
        gap: 1.5rem;
    }

    .p-section-1 .home-section__info-text[b-n170t6ifsn]{
        gap: 2rem;
    }

    .home-section__clickable-imgs img[b-n170t6ifsn]{
        max-width: 14rem;
        max-height: 14rem;
    }

    .home-section__icon-imgs li[b-n170t6ifsn] {
        max-width: 13rem;
    }

    .home-section__icon-imgs li > div[b-n170t6ifsn] {
        padding: 1rem 1rem;
        gap: .5rem;
    }

    .home-section__clickable-imgs[b-n170t6ifsn] {
        gap: 2.5rem;
    }

    .home-section__clickable-imgs a[b-n170t6ifsn]{
        gap: 1rem;
    }

    .contact-inner[b-n170t6ifsn]{
        gap: 2rem;
    }

    .contact__form-submit[b-n170t6ifsn]{
        margin: 0;
    }
}

/* /Components/Pages/Jobs.razor.rz.scp.css */
.jobs__banner[b-vtc6kezwrv] {
    background-image: url("/img/jobs/jobs-banner.png");
}

.jobs__banner .container[b-vtc6kezwrv] {
    position: relative;
    height: 100%;
}

.jobs__banner-title[b-vtc6kezwrv] {
    color: var(--white);
    font-weight: 700;
    border-bottom: 0.1rem solid var(--white);
    padding-bottom: 2rem;
    position: absolute;
    left: 5rem;
    bottom: 7rem;
}

.jobs .container[b-vtc6kezwrv] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: auto;
    grid-template-areas:
        "title"
        "form";
    gap: 6.6rem;
    margin: 4rem auto 7rem;
}

    @media (max-width: 768px) {
        .jobs .container[b-vtc6kezwrv] {
            gap: 2rem;
            margin: 4rem auto;
        }
    }

.jobs__title[b-vtc6kezwrv] {
    grid-area: title;
    text-align: center;
    font-weight: 700;
}

[b-vtc6kezwrv] .jobs__form {
    display: grid;
    row-gap: 1.6rem;
    column-gap: 7.8rem;
    grid-template-columns: repeat(2, calc(50% - 3.9rem));
    grid-template-rows: auto;
    grid-template-areas:
        'name phone'
        'surname country'
        'email code'
        'training company' 
        'training reason'
        'specialty reason'
        'specialty reason'
        'notes notes'
        'cv submit' 
        'text text'; 
}

@media (max-width: 768px) {
    [b-vtc6kezwrv] .jobs__form {
        grid-template-columns: 100%;
        grid-template-areas:
            'name'
            'surname'
            'phone'
            'country'
            'email'
            'code'
            'company'
            'training'
            'specialty'
            'reason'
            'notes'
            'cv'
            'submit'
            'text';
        max-width: calc(100vw - 5rem);
    }
}

.jobs__form label[b-vtc6kezwrv], .cv-label[b-vtc6kezwrv] {
    font-size: 1.6rem;
    color: var(--black);
    font-weight: 400;
    line-height: 2.4rem;
}

[b-vtc6kezwrv] .jobs__form input, [b-vtc6kezwrv] .jobs__form select {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 4rem;
    padding: 1rem;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

/* custom upload file text */
.file-custom-text[b-vtc6kezwrv]{
    padding: .5rem 4.5rem .5rem .5rem;
    background-color: white;
    display: flex;
    gap: 1rem;
    align-items: center;
    width: 100%;
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 4rem;
    padding: 1rem;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
    color: var(--black);
}

.file-custom-text label[b-vtc6kezwrv]{
    border: .1rem solid var(--black);
    background-color: var(--gray-light);
    font-size: 1.2rem;
    font-weight: 600;
    border-radius: .3rem;
    padding: .3rem .5rem;
    line-height: 1;
}

/* custom select */
[b-vtc6kezwrv] .jobs__form select{
    appearance: none;  
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 5rem;  
    cursor: pointer;
    background-image: url('/icons/select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 1.5rem top 50%;
    background-size: 26px 26px;
    cursor: pointer;
}
/* end custom select arrow*/

[b-vtc6kezwrv] .jobs__form option {
    width: 72rem;
}

[b-vtc6kezwrv] .jobs__form textarea {
    outline: none;
    border: 0.1rem solid var(--gray);
    padding: 1rem;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
}

[b-vtc6kezwrv] .jobs__form-reason textarea {
    height: 15rem; /*to be changed to 34.5 when captha rdy*/
}

[b-vtc6kezwrv] .jobs__form textarea.notes {
    height: 9.5rem; /*to be changed to 34.5 when captha rdy*/
}

    @media (max-width: 768px) {
        [b-vtc6kezwrv] .jobs__form textarea.notes{
            height: 15rem;
        }
    }

.jobs__form button[b-vtc6kezwrv] {
    font-weight: 500;
}

    @media (max-width: 576px) {
        .jobs__form button[b-vtc6kezwrv] {
            margin: 0 auto;
            width: 100%;
            /* max-width: 40rem; */
        }
    }

.jobs__form small[b-vtc6kezwrv] {
    font-size: 1.2rem;
    line-height: 2rem;
    color: var(--black);
}

.jobs__form-name[b-vtc6kezwrv] {
    grid-area: name;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-surname[b-vtc6kezwrv] {
    grid-area: surname;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-email[b-vtc6kezwrv] {
    grid-area: email;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-training[b-vtc6kezwrv] {
    grid-area: training;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-specialty[b-vtc6kezwrv] {
    grid-area: specialty;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-reason[b-vtc6kezwrv] {
    grid-area: reason;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-phone[b-vtc6kezwrv] {
    grid-area: phone;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-country[b-vtc6kezwrv] {
    grid-area: country;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-code[b-vtc6kezwrv] {
    grid-area: code;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-company[b-vtc6kezwrv] {
    grid-area: company;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-notes[b-vtc6kezwrv] {
    grid-area: notes;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-cv[b-vtc6kezwrv] {
    grid-area: cv;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-submit[b-vtc6kezwrv] {
    grid-area: submit;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    align-items: flex-end;
    margin-top: 1.3rem;
}

.jobs__form-submit small[b-vtc6kezwrv] {
    width: 100%;
}

.jobs__form-submit a[b-vtc6kezwrv] {
    font-weight: 700;
    text-decoration: underline;
}

.jobs__form-text[b-vtc6kezwrv] {
    grid-area: text;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 2.2rem;
}

.jobs__form-text p[b-vtc6kezwrv] {
    font-size: 1.4rem;
}

    .jobs__form-text a[b-vtc6kezwrv]{
        font-weight: 700;
    }
/* /Components/Pages/Legal.razor.rz.scp.css */
.inner[b-pyaf0lmdrh]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.legal-section__h1[b-pyaf0lmdrh]{
    font-weight: 700;
    font-size: 4.6rem; 
    text-align: center;
    margin: 0 auto;
}

.legal-section__text-block[b-pyaf0lmdrh], [b-pyaf0lmdrh] .legal-section__text-block ul, [b-pyaf0lmdrh] .legal-section__text-block li{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.legal-section__text-block a[b-pyaf0lmdrh]{
    color: var(--green);
}

.legal-section__text-block a:hover[b-pyaf0lmdrh]{
    text-decoration: underline;
}


@media (max-width: 576px) {
    .inner[b-pyaf0lmdrh]{
        padding-top: 3rem;
        padding-bottom: 3rem;
        gap: 2rem;
    }

    .legal-section__h1[b-pyaf0lmdrh]{
        font-size: 3.6rem; 
    }

    .legal-section__text-block[b-pyaf0lmdrh] {
        gap: 1rem;
    }
}
/* /Components/Pages/Markets.razor.rz.scp.css */
.markets__banner[b-65ejjibfts] {
    background-image: url("/img/markets/markets-banner.png");
}

.markets__banner .container[b-65ejjibfts] {
    position: relative;
    height: 100%;
}

.markets-section__content[b-65ejjibfts]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
}

.markets-section__content h2[b-65ejjibfts]{
    margin-bottom: 5rem;
}

.markets-section__row[b-65ejjibfts]{
    display: flex;
    align-items: center;
}

.right .markets-section__row[b-65ejjibfts]{
    flex-direction: row-reverse;
}

.markets-section__rounded-window[b-65ejjibfts]{
    position: absolute;
    height: 50rem; 
    overflow: hidden;
    width: 45%; 
    background-color: var(--gray-light);
    top: 50%;
    transform: translateY(-50%);
}

.right .markets-section__rounded-window[b-65ejjibfts] {
    right: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 50rem; 
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50rem;
    margin-left: 8rem;
}

.left .markets-section__rounded-window[b-65ejjibfts] {
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 50rem; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 50rem;
    margin-right: 8rem;
}

.markets-section__img-container[b-65ejjibfts]{
    width:100%;
    height: 63rem;
    overflow: hidden;
    z-index: 10;
}

.markets-section__img-container img[b-65ejjibfts]{
    height: auto;
    width: 100%;
    max-width: 63rem;
    position: absolute;
    bottom: -100%;
    transition: bottom 1.5s ease-in-out;
}

.right .markets-section__img-container img[b-65ejjibfts] {
    right: 0;
}

.left .markets-section__img-container img[b-65ejjibfts] {
    left: 0;
} 

.markets-section__img-container img.in-view[b-65ejjibfts] {
    bottom: 50%;
    transform: translateY(50%); 
}

.markets-section__row div[b-65ejjibfts]{
    flex: 1;
}

.markets-section__text[b-65ejjibfts]{
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    min-height: 50rem;
    padding: 10rem 0;
    align-self: flex-start;
}

.markets-section__text[b-65ejjibfts]  p{
    margin-bottom: 1.6rem;
}

.markets-section__text[b-65ejjibfts]  p:last-child{
    margin-bottom: 0;
}


/* =====MEDIA QUERIES===== */

@media (max-width: 1024px) {

    .markets-section__content[b-65ejjibfts]{
        gap: 5rem;
    }

    .markets-section__text[b-65ejjibfts]{
        padding: 5rem 0;
    }

    .markets-section__img-container[b-65ejjibfts]{
        height: 52rem;
    }
}

@media (max-width: 768px) {
    .markets-section__content[b-65ejjibfts]{
        padding-top: 2.5rem;
        padding-bottom: 5rem;
    }

    .markets-section__content h2[b-65ejjibfts]{
        margin-bottom: 4rem;
    }

    .markets-section__text[b-65ejjibfts]{
        padding: 0;
        min-height: 0;
        gap: 1.5rem;
    }
  
    .markets-section__text h3[b-65ejjibfts]{
        font-size: 3rem;
    }
    
    .markets-section__rounded-window[b-65ejjibfts]{
        width: 95%; 
        transform: none; 
        height: 40rem;
        top: 2.5rem;
    }

    .left .markets-section__row[b-65ejjibfts]{
        flex-direction: column;
    }

    .right .markets-section__row[b-65ejjibfts]{
        flex-direction: column;
    }

    .markets-section__img-container[b-65ejjibfts]{
        min-height: 45rem;
        height: 100%;
        width: 45rem;
    }

    .markets-section__img-container img[b-65ejjibfts]{
        height: 100%;
        width: auto;
    }
}


@media (max-width: 576px) {

    .markets-section__content[b-65ejjibfts]{
        gap: 3rem;
    }

    .markets-section__text h3[b-65ejjibfts]{
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .markets-section__rounded-window[b-65ejjibfts]{ 
        height: 20rem;
        top: 4rem;
    }

    .markets-section__img-container[b-65ejjibfts] {
        min-height: 28rem;
        height: 100%;
        width: 28rem;
    }

    .markets-section__img-container img[b-65ejjibfts]{
        min-height: 28rem;
        height: 100%;
    }

    .left .markets-section__img-container[b-65ejjibfts] {
        margin-right: 2rem;
    }

    .right .markets-section__img-container[b-65ejjibfts] {
        margin-left: 2rem;
    }
}
/* /Components/Pages/News.razor.rz.scp.css */
.news__banner[b-gw5v5fw74k] {
    background-image: url("/img/news/news-banner.png");
}

.news__banner .container[b-gw5v5fw74k] {
    position: relative;
    height: 100%;
}

section.news__content[b-gw5v5fw74k] {
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
    justify-content: center;
}

.news__content >.container[b-gw5v5fw74k] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 3.5rem;
}

.custom-button[b-gw5v5fw74k]{
    padding: 1.1rem 3.2rem;
    border-radius: 10rem;
    transition: all .3s ease-in-out;
    color: var(--green);
    background-color: white;
    border: .1rem solid var(--green);
    font-size: 1.6rem;
    width: fit-content;
    margin: 0 auto;
}

.custom-button:hover[b-gw5v5fw74k]{
    color: white;
    background-color: var(--green);
}

/* ===NEWS DETAIL STYLES=== */
.news-detail[b-gw5v5fw74k]{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.breadcrumb[b-gw5v5fw74k]{
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.breadcrumb a[b-gw5v5fw74k] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #343434;

}

.detail-inner[b-gw5v5fw74k]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
}

.other-news-inner[b-gw5v5fw74k]{
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.other-news-inner ul.container[b-gw5v5fw74k]{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    gap: 3.5rem;
}
  
/* section.news-detail:last-child .inner {
    gap: 8.3rem;
} */

.news-detail__article[b-gw5v5fw74k]{
    display: flex;
    flex-direction: column;
    gap: 4.5rem;
}

.news-detail__article-flex[b-gw5v5fw74k]{
    display: flex;
    gap: 2.5rem;
}

.news-detail__article-flex>div[b-gw5v5fw74k],.news-detail__article-flex>figure[b-gw5v5fw74k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.news-detail__article > p span[b-gw5v5fw74k] {
    color: #565555;
}

.newsdetail__img-container[b-gw5v5fw74k], .newsdetail__video-container[b-gw5v5fw74k] {
    width: 100%;
}

.newsdetail__img-container img[b-gw5v5fw74k], .newsdetail__secondary-img-container img[b-gw5v5fw74k]{
    width: 100%;
}

.newsdetail__secondary-img-container[b-gw5v5fw74k]{
    display: flex;
    gap: 3rem;
    justify-content: center;
    max-width: 50%;
    margin: 0 auto;
}

.newsdetail__video-container video[b-gw5v5fw74k]{
    width: 100%;
}

.secondary-img[b-gw5v5fw74k]{
    max-width: 60rem;
    margin: 0 auto;
}

.news-detail__article-content[b-gw5v5fw74k]{
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

[b-gw5v5fw74k] .newsdetail__text p {
    margin-bottom: 2rem;
}

[b-gw5v5fw74k] .newsdetail__text ul{
    list-style-type: disc;
}

[b-gw5v5fw74k] .newsdetail__text li{
    margin-bottom: 1rem;
    margin-left: 2rem;
}

[b-gw5v5fw74k] .newsdetail__text ol {
    margin-left: 2rem;
}

[b-gw5v5fw74k] .newsdetail__text p:last-child {
    margin-bottom: 0;
}

[b-gw5v5fw74k] .news-detail__article a {
    color: var(--green);
}

[b-gw5v5fw74k] .news-detail__article a:hover{
    text-decoration: underline;
}

/* =====MEDIA QUERIES ===== */

@media (max-width: 1024px) {
    .news__content >.container[b-gw5v5fw74k] {
        grid-template-columns: 1fr 1fr;
    }

    .news__banner-title[b-gw5v5fw74k] {
        font-size: 3.2rem;
        padding-bottom: 1rem;
    }

    .other-news-inner ul.container[b-gw5v5fw74k]{
        grid-template-columns: 1fr; 
    }

    .news-detail__article-flex[b-gw5v5fw74k]{
        display: flex;
        flex-direction: column;
    }
    
    .news-detail__article-flex>div[b-gw5v5fw74k],.news-detail__article-flex>figure[b-gw5v5fw74k] {
        flex: unset;
        gap: 2rem;
    }

    .newsdetail__secondary-img-container[b-gw5v5fw74k]{
        max-width: unset;
        margin: unset;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    section.news__content[b-gw5v5fw74k] {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        gap: 2.5rem;
    }

    .news__content >.container[b-gw5v5fw74k] {
        gap: 2.5rem;
    }

    .custom-button[b-gw5v5fw74k]{
        padding: .6rem 6.5rem;
    }

    /* other news */
    .news-detail[b-gw5v5fw74k]{
        gap: 5rem;
    }

    .other-news-inner[b-gw5v5fw74k]{
        gap: 5rem;
    }
}

@media (max-width: 576px) {

    .detail-inner[b-gw5v5fw74k]{
        gap: 2rem;
    }

    .detail-inner h2[b-gw5v5fw74k]{
        font-size: 2rem;
        line-height: 2.8rem;
    }
    .news__content >.container[b-gw5v5fw74k] {
        grid-template-columns: 1fr;
    }

    .other-news-inner[b-gw5v5fw74k]{
        gap: 3rem;
    }

    .other-news-inner ul.container[b-gw5v5fw74k] {
        gap: 2rem;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.inner[b-cak0yecy5y]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.privacy-section__h1[b-cak0yecy5y]{
    font-weight: 700;
    font-size: 4.6rem; 
    text-align: center;
    margin: 0 auto;
}

.privacy-section__text-block[b-cak0yecy5y]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.privacy-section__text-block[b-cak0yecy5y]  ul{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: disc;
    padding-left: 2rem;
}

.privacy-section__text-block[b-cak0yecy5y]  ol{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 2rem;
}

.privacy-section__text-block a[b-cak0yecy5y]{
    color: var(--green);
}

.privacy-section__text-block a:hover[b-cak0yecy5y]{
    text-decoration: underline;
}


@media (max-width: 576px) {
    .inner[b-cak0yecy5y]{
        padding-top: 3rem;
        padding-bottom: 3rem;
        gap: 2rem;
    }

    .privacy-section__h1[b-cak0yecy5y]{
        font-size: 3.2rem; 
    }

    .privacy-section__text-block[b-cak0yecy5y] {
        gap: 1rem;
    }
}
/* /Components/Pages/Responsibility.razor.rz.scp.css */
.responsibility__banner[b-vc5ugkq7nk] {
    background-image: url("/img/responsibility/responsibility-banner.png");
}

.responsibility__banner .container[b-vc5ugkq7nk] {
    position: relative;
    height: 100%;
}

.responsibility-section__content[b-vc5ugkq7nk]{
    padding-top: 7rem;
    display: flex;
    flex-direction: column;
}

.responsibility-section__row[b-vc5ugkq7nk]{
    padding-top: 7rem;
    padding-bottom: 5rem;
}

.responsibility-section__text-wrapper[b-vc5ugkq7nk]{
    display: flex;
    align-items: center;
    gap: 5rem;
}

.responsibility-section__text-wrapper .space[b-vc5ugkq7nk]{
    flex: 1;
    width: 100%;
    max-height: 50rem;
    height: 25vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.responsibility-section__text-wrapper .space img[b-vc5ugkq7nk]{
    width: 85%;
    height: auto;
}

.responsibility-section__text[b-vc5ugkq7nk]{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-self: center;
    align-items: flex-start;
    justify-content: center;
}

.responsibility-section__text[b-vc5ugkq7nk]  ul{
    list-style-type: disc;
    margin-left: 2rem;
}

.responsibility-section__text[b-vc5ugkq7nk]  h3 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
}

.responsibility-section__text[b-vc5ugkq7nk]  a {
    border-radius: 10rem;
    transition: all .3s ease-in-out;
    background-color: var(--green);
    border: .1rem solid var(--green);
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
    width: fit-content;
    min-width: 24rem;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    padding: 1.1rem 2rem;
}

.responsibility-section__text[b-vc5ugkq7nk]  a:hover{
    color: var(--green);
    background-color: white;
}

.responsibility-section__img[b-vc5ugkq7nk]{
    position: absolute;
    width: calc(50% - 5rem);
    top: 50%;
    transform: translateY(-50%);
}

.responsibility-section__img.left[b-vc5ugkq7nk]{
    left: 0;
}

.responsibility-section__img.right[b-vc5ugkq7nk]{
    right: 0;
}

.responsibility-section__img img[b-vc5ugkq7nk]{
    width: 100%;
    height: auto;
}

/* contribution list */
.contribution-list.container-wide[b-vc5ugkq7nk] {
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 10rem;
} 

.slider-wrapper[b-vc5ugkq7nk]{
    overflow: hidden;
    position: relative;
    transform: translate(0px);
    user-select: none;
    width: fit-content;
    margin-left: 1rem;
    margin-right: 2rem;
}


.responsibility-section__list[b-vc5ugkq7nk]{
    display: flex;
    gap: 5rem;
    width: fit-content;
    transition: transform 1s ease-in-out;
    cursor: -webkit-grab; 
    cursor: grab;
}

.responsibility-section__list li[b-vc5ugkq7nk]{
    display: flex;
    flex-direction: column;
    gap: 5rem;
    align-items: center;
}

/* year styles */
.responsibility-section__year[b-vc5ugkq7nk] {
    height: fit-content;
    width: 22.5rem;
}

/* colors */
.color1[b-vc5ugkq7nk]{
    color: #0B4024;
}

.color2[b-vc5ugkq7nk]{
    color: #036532;
}

.color3[b-vc5ugkq7nk]{
    color: #07833F;
}

.color4[b-vc5ugkq7nk]{
    color: #20A58F;
}

.color5[b-vc5ugkq7nk]{
    color: #007676;
}

.color6[b-vc5ugkq7nk]{
    color: #01615F;
}

.color7[b-vc5ugkq7nk]{
    color:#1B3D6B;
}

.color8[b-vc5ugkq7nk]{
    color: #2B61A7;
}

.color9[b-vc5ugkq7nk]{
    color: #8ABD34;
}

.color10[b-vc5ugkq7nk]{
    color: #BCDF81;
}

.color11[b-vc5ugkq7nk]{
    color: #5C9834;
}
/* end colors */

.mobile[b-vc5ugkq7nk]{
    display: none;
}

.responsibility-section__year h4[b-vc5ugkq7nk]{
    font-size: 3.2rem;
    font-weight: bold;
}

.responsibility-section__year svg[b-vc5ugkq7nk]{
    display: block;
}

/* continuation shadow line */
.responsibility-section__list li:not(:last-child) .responsibility-section__year[b-vc5ugkq7nk]::after {
    content: '';
    position: absolute;
    left: 18rem;
    width: 100%;
    margin-top: 1rem;
    height: 2rem;
    transform: translateY(-50%);
    z-index: -1;
    background-color: transparent; 
    box-shadow: 0px -9px 10px -5px #0000001A;
}   

.semi-opaque[b-vc5ugkq7nk]{
    opacity: .6;
}

.responsibility-section__year-outer[b-vc5ugkq7nk]{
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
    width: 14.3rem;
    height: 14.3rem;
    border-radius: 50%;
    box-shadow: 0px 4px 4px 0px #00000040;
    background: linear-gradient(135deg, #FFFFFF 14.65%, #E6E6E6 85.36%);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease-in-out;
    z-index: 10; 
}

.responsibility-section__year-inner[b-vc5ugkq7nk]{
    width: 10.9rem;
    height: 10.9rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #E6E6E6 0%, #FFFFFF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* info box */
.responsibility-section__contribution[b-vc5ugkq7nk]{
    width: 26rem;
    height: fit-content;
    min-height: 5rem;
    background-color: var(--gray-light);
    border-radius: 1rem;
    display: flex;
    transition: all .3s ease-in-out;
}

.contribution-content[b-vc5ugkq7nk]{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding: 4rem 2.5rem; 
}

.contribution-content[b-vc5ugkq7nk]  ul{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    list-style: disc;
    padding-left: 2rem;
}

.contribution-content .contribution-content__images[b-vc5ugkq7nk]{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    align-items: center;
}

.contribution-content .contribution-content__images img[b-vc5ugkq7nk]{
    height: 7rem;
    width: auto;
}
/* buttons */
.slider__button-container[b-vc5ugkq7nk] {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    top: 12.4rem;
    margin: 0 1rem;
}

.slider__button-container button[b-vc5ugkq7nk] {
    background-color: var(--gray-light);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid var(--green-light);
    transition: all .3s ease-in-out;
}

.slider__button-container button:hover[b-vc5ugkq7nk] {
    box-shadow: 0px 0px 28px 0px #0000001A;
}

.slider__button-container button:first-child svg[b-vc5ugkq7nk] {
    transform: rotate(180deg);
}


.slider__button-container  button.disable[b-vc5ugkq7nk] {
    opacity: 0;
}

/* =====MEDIA QUERIES===== */
@media (max-width: 1024px) {
    .responsibility-section__content[b-vc5ugkq7nk]{
        padding-top: 5rem;
    }

    .contribution-list.container-wide[b-vc5ugkq7nk]{
        padding-top: 5rem;
        gap: 5rem;
    }
    
    /* to align with global container padding */
    .responsibility-section__img[b-vc5ugkq7nk]{
        width: calc(50% - 2.5rem);
    }

    /* "nuestro compromiso" section vertical stacking classes*/
    .responsibility-section__row:first-of-type[b-vc5ugkq7nk]{
        padding-bottom: 0;
    }

    .responsibility-section__row[b-vc5ugkq7nk]{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .responsibility-section__row:nth-of-type(odd) .responsibility-section__text-wrapper[b-vc5ugkq7nk]{
        flex-direction: column;
    }

    .responsibility-section__row:nth-of-type(even) .responsibility-section__text-wrapper[b-vc5ugkq7nk]{
        flex-direction: column-reverse;
    }

    .responsibility-section__text[b-vc5ugkq7nk]{
        width: 100%;
    }

    .responsibility-section__text-wrapper .space[b-vc5ugkq7nk]{
        min-height: 50vw;
    }

    .responsibility-section__img[b-vc5ugkq7nk]{
        width: 90%;
        top: 5rem;
        transform: none;
    }

    /* end "nuestro compromiso" section vertical stacking classes*/

    .responsibility-section__text[b-vc5ugkq7nk]  a{
        padding: .7rem 2.6rem;
        font-size: 1.4rem;
        font-weight: 500;
        width: 100%;
    }

    .slider__button-container[b-vc5ugkq7nk]{
        margin: 0;
    }
}


@media (max-width: 768px) {

    .responsibility-section__content[b-vc5ugkq7nk]{
        padding-top: 2.5rem; 
    }
    
    .responsibility-section__row[b-vc5ugkq7nk]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .responsibility-section__text-wrapper[b-vc5ugkq7nk]{
        gap: 2.5rem;
    }

    .responsibility-section__text[b-vc5ugkq7nk]{
        gap:2.6rem;
    }

    .responsibility-section__img[b-vc5ugkq7nk]{
        top: 2.5rem;
    }

    /* contribution list */

    .contribution-list.container-wide[b-vc5ugkq7nk]{
        gap: 2.5rem;
    }

    .responsibility-section__contribution[b-vc5ugkq7nk]{
        position: relative;
        opacity: 1;
        top: 0;
        left: 0;
        border-radius: 1rem;
    }

    .responsibility-section__contribution svg[b-vc5ugkq7nk]{
        display: none;
    }

    .responsibility-section__contribution[b-vc5ugkq7nk]::after{
        content: none;
    }

    .contribution-content .contribution-content__images[b-vc5ugkq7nk]{
        gap: 1rem;
    }

    .contribution-content .contribution-content__images[b-vc5ugkq7nk]{
        width: 100%;
        max-width: 5.6rem;
        height: auto;
    }
}


@media (max-width: 576px) {

    .contribution-list.container-wide[b-vc5ugkq7nk]{
        padding-top: 2rem;
    }

    .responsibility-section__row[b-vc5ugkq7nk]{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .responsibility-section__text[b-vc5ugkq7nk]{
        gap: 1.5rem;
    }

    .responsibility-section__text[b-vc5ugkq7nk]  h3 {
        font-size: 1.6rem;
    }

    .responsibility-section__text[b-vc5ugkq7nk]  a{
        padding: .7rem 1rem;
        font-size: 1.2rem;
    }

    .responsibility-section__img[b-vc5ugkq7nk]{
        top: 2rem;
    }

    .slider-wrapper[b-vc5ugkq7nk]{
        margin: 0;
        padding: 0;
    }
    
    .responsibility-section__list[b-vc5ugkq7nk]{
        flex-direction: column;
        gap: 2.5rem;
    }

    .responsibility-section__list >li[b-vc5ugkq7nk]{
        background-color: var(--gray-light);
        border-radius: 1rem;
        gap: 2rem;
        padding: 4rem 2.5rem;
    }

    .responsibility-section__contribution[b-vc5ugkq7nk]{
        background-color: transparent;
        width: 100%;
    }

    .responsibility-section__year[b-vc5ugkq7nk]{
        width: 100%;
    }

    .responsibility-section__year h4[b-vc5ugkq7nk] {
        padding-left: 2.5rem;
    }

    .responsibility-section__year svg[b-vc5ugkq7nk]{
        display: none;
    }

    .contribution-content[b-vc5ugkq7nk] {
        padding: 0;
    }

    .responsibility-section__year-outer[b-vc5ugkq7nk]{
        all:unset
    }

    .responsibility-section__year-inner[b-vc5ugkq7nk]{
        all: unset;
    }

    .responsibility-section__list li:not(:last-child) .responsibility-section__year[b-vc5ugkq7nk]::after {
        all: unset;
    }   

    .slider__button-container button[b-vc5ugkq7nk]{
        display: none;
    }
}
/* /Components/Pages/SIGPolicy.razor.rz.scp.css */
.management__banner[b-eg7ji7rf81] {
    background-image: url("/img/sig-policy/sig-banner.png");
}

.management__banner .container[b-eg7ji7rf81] {
    position: relative;
    height: 100%;
}

.management-section__content[b-eg7ji7rf81]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

/* .management-section__content>div{
    padding-top: 7rem;
    padding-bottom: 7rem;
} */

.management-section__flex[b-eg7ji7rf81]{
    display: flex;
    min-height: 31vw;
}

.management-section__flex> div[b-eg7ji7rf81]{
    flex: 1;
}

.management-section__flex> div:first-child[b-eg7ji7rf81]{
    height: 31vw;
    max-height: 59.2rem;
}

.management-section__titles-block[b-eg7ji7rf81]{
    position: absolute;
    z-index: 10;
    height: 50%;
    width: 65%;
    top: 50%;
    transform: translateY(-50%);
}

.management-section__policy-boxes[b-eg7ji7rf81]{
    position: absolute;
    width: 45%;
    z-index: 10;
}

.management-section__policies[b-eg7ji7rf81]{
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    opacity: 0;
    transition: opacity 1s ease;
    height: 0;
}

.management-section__policies.show[b-eg7ji7rf81]{
    opacity: 1;
    position: relative;
    height: auto;
}

.number-section.management-section__policy-title[b-eg7ji7rf81]{
    position: absolute;
    display: flex;
    gap: 2rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity 1s ease;
}

.number-section.management-section__policy-title.show[b-eg7ji7rf81]{
    opacity: 1;
}

.management-section__policy-title[b-eg7ji7rf81]{
    display: flex;
    gap: 2rem;
    align-items: center; 
}

.management-section__policy-title>div[b-eg7ji7rf81]{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.management-section__policy-title img[b-eg7ji7rf81]{
    width: 13.5rem;
    height: auto;
    max-height: 13.5rem;
    object-fit: scale-down;
}

.management-section__policy-title h4[b-eg7ji7rf81]{
    font-size: 9.6rem;
    font-weight: 700;
    line-height: 1;
}

.management-section__policy-title h3[b-eg7ji7rf81]{
    font-size: 3rem;
    font-weight: 700;
    color: var(--black);
    text-transform: uppercase;
}

.management-section__policy-text[b-eg7ji7rf81] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    overflow: hidden;
}

.management-section__policy-text h5[b-eg7ji7rf81]{
    font-size: 1.6rem;
    margin-top: 3rem;
}

.management-section__policy-text[b-eg7ji7rf81]  li{
    margin-left: 2rem;
    list-style-type: disc;
}


/* title colors */
.policy-1 h4[b-eg7ji7rf81]{
    color:#104E76;
}

.policy-2 h4[b-eg7ji7rf81]{
    color: #08759D;
}

.policy-3 h4[b-eg7ji7rf81]{
    color: #2BA0A4;
}

.policy-4 h4[b-eg7ji7rf81]{
    color: #4DB69B;
}

.policy-5 h4[b-eg7ji7rf81]{
   color: #74C896;
}

.policy-6 h4[b-eg7ji7rf81]{
    color: #98DA91;
}

.policy-7 h4[b-eg7ji7rf81]{
    color:#A5CF96;
}

.policy-8 h4[b-eg7ji7rf81]{
    color:#83B55D;
}

.policy-9 h4[b-eg7ji7rf81]{
    color:#5C9834;
}

.policy-10 h4[b-eg7ji7rf81]{
    color:#427123;
}
/* ====MEDIA QUERIES==== */

@media (max-width: 1600px) {
    .management-section__policy-title h3[b-eg7ji7rf81]{
        font-size: 2rem;
        line-height: 1.2;
    }

    .management-section__titles-block .management-section__policy-title h4[b-eg7ji7rf81]{
        font-size: 6.6rem;
    }
}

@media (max-width: 1280px) {
    .management-section__titles-block .management-section__policy-title img[b-eg7ji7rf81]{
        width: 10rem;
    }

    .management-section__titles-block .management-section__policy-title h3[b-eg7ji7rf81]{
        font-size: 1.6rem;
        line-height: 1.2;
    }
}

@media (max-width: 1024px) {

    .management-section__flex[b-eg7ji7rf81] {
        flex-direction: column;
        gap: 7rem;
    }

    .management-section__policy-boxes[b-eg7ji7rf81]{
        width: calc(100% - 5rem);
        max-width: 90rem;
        transform: unset;
    }

    .management-section__flex> div:first-child[b-eg7ji7rf81]{
        width: 100%;
        max-width: 90rem;
        aspect-ratio: 900/617;
    }

    .number-section.management-section__policy-title[b-eg7ji7rf81]{
        width: 100%;
        justify-content: center;
    }

    .management-section__titles-block .management-section__policy-title img[b-eg7ji7rf81]{
        width: 13.5rem;
    }

    .management-section__titles-block .management-section__policy-title h4[b-eg7ji7rf81]{
        font-size: 9.6rem;
    }

    .management-section__titles-block .management-section__policy-title h3[b-eg7ji7rf81]{
        font-size: 3rem;
    }
}

@media (max-width: 768px) {
    .management-section__content[b-eg7ji7rf81]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        gap: 2.5rem;
    }

    .management-section__flex[b-eg7ji7rf81] {
        gap: 4rem;
    }

    .management-section__policies[b-eg7ji7rf81]{
        gap: 2rem;
    }

    .management-section__titles-block .management-section__policy-title img[b-eg7ji7rf81]{
        width: 10rem;
    }

    .management-section__titles-block .management-section__policy-title h4[b-eg7ji7rf81]{
        font-size: 6.6rem;
    }

    .management-section__titles-block .management-section__policy-title h3[b-eg7ji7rf81]{
        font-size: 2rem;
    }
}

@media (max-width: 576px) {

    .management-section__policy-boxes[b-eg7ji7rf81]{
        display: none;
    }

    .management-section__flex > div:first-child[b-eg7ji7rf81]{
        display: none;
    }

    .management-section__list[b-eg7ji7rf81]{
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .management-section__policies[b-eg7ji7rf81]{
        gap: 1rem;
        position: relative;
        opacity: 1;
        box-shadow: 0px 0px 28px 0px #0000001A;
        padding: 3rem;
    }

    .management-section__policy-title[b-eg7ji7rf81]{
        gap: 1rem;
    }

    .management-section__policy-title img[b-eg7ji7rf81]{
        width: 100%;
        max-width: 6rem;
    }

    .management-section__policy-title h4[b-eg7ji7rf81]{
        font-size: 4.6rem;
    }

    .management-section__policy-title h3[b-eg7ji7rf81]{
        font-size: 2rem;
        line-height: 2.8rem;
    }
}
/* /Components/Pages/Users.razor.rz.scp.css */
body[b-2eg63w0q5i] {
}
/* /Components/PolicySVG.razor.rz.scp.css */
svg[b-xzs31qiu2d]{
    width: 100%;
    height: auto;
}

path[b-xzs31qiu2d]{
    filter: url(#shadow);
}

.policy-box:hover path.clickable[b-xzs31qiu2d]{
    filter: url(#hover)  url(#inset-shadow);
}

.policy-box:hover text[b-xzs31qiu2d]{
    filter: url(#small-shadow);
} 

path.clickable[b-xzs31qiu2d], .policy-box[b-xzs31qiu2d]{
    cursor: pointer;
}

text.year[b-xzs31qiu2d]{
    font-size: 6.4rem;
    font-weight: 700;
}

text.title[b-xzs31qiu2d]{
    font-size: 1.8rem;
    font-weight: 400;
    white-space: pre-line;
}


@media (max-width: 576px) {
    svg[b-xzs31qiu2d] {
        display: none;
    }
}
/* /Components/ProjectGrid.razor.rz.scp.css */
/* Project Grid Container */
.project-grid[b-7j3oh2x4um] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    width: 100%;
    margin: 0 auto;
}

/* Individual Project Card */
.project[b-7j3oh2x4um] {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-content: stretch;
    gap: 1.5rem;
}

/* Project Image */
.project-image img[b-7j3oh2x4um] {
    width: 135px;
    height: 135px;
    object-fit: cover;
    display: block;
    border: 1px solid #C1C1C1;
    border-radius: 1rem;
}

/* Project Info */
.project-info[b-7j3oh2x4um] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
}

    .project-info h5[b-7j3oh2x4um] {
        font-size: 2rem;
        font-weight: 600;
        transition: color .3s ease-in-out;
    }

    .project:hover .project-info h5[b-7j3oh2x4um]{
        color: var(--green);
    }

    .project-info p:first-of-type[b-7j3oh2x4um] {
        color: #7E7E7E;
    }

/* Buttons Container */
.buttons[b-7j3oh2x4um] {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
}

/* Project Options Button */
.project-options-button[b-7j3oh2x4um] {
    background: #fff;
    color: var(--green);
    padding: 0.5rem 3rem;
    border-radius: 10rem;
    cursor: pointer;
    font-size: 1.6rem;
    align-items: center;
    transition: all 0.3s ease;
    text-decoration: none;
    border: 1px solid var(--green);
    font-family: 'Montserrat', sans-serif;
}

    .project-options-button:hover[b-7j3oh2x4um] {
        background: #5C9834;
        color: #fff;
    }

    a.project-options-button[b-7j3oh2x4um]{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
    }
    /* Project Options Dropdown */
    .project-options[b-7j3oh2x4um] {
        padding: 3.4rem 2rem 2.4rem;
        position: absolute;
        top: calc(100% + 1rem);
        left: -46%;
        background: #fff;
        border-radius: 4px;
        border: .10px solid #C1C1C1;
        z-index: 1000;
        min-width: 200px;
    }
        .project-options[b-7j3oh2x4um]::after { /*triangle point*/
            position: absolute;
            bottom: 100%;
            right: 2rem;
            width: 2rem;
            height: 2rem;
            border-top: .1rem solid var(--gray);
            border-right: 0;
            border-bottom: 0;
            border-left: .1rem solid var(--gray);
            margin-left: -1rem;
            margin-bottom: -.9rem;
            content: "";
            transform: rotate(45deg);
            background-color: white;
        }

.buttons:hover .project-options[b-7j3oh2x4um] {
    display: block;
}

.project-options ul[b-7j3oh2x4um] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 1.5rem;
}

.project-options li a[b-7j3oh2x4um],
.project-options li button[b-7j3oh2x4um] {
    color: var(--black);
    text-decoration: none;
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

        .project-options li a:hover[b-7j3oh2x4um],
        .project-options li button:hover[b-7j3oh2x4um] {
            color: var(--green);
        }

        /* Delete Button */
       /* .project-options li button.delete {
            color: #fff;
            background: #dc3545;
            border-radius: 4px;
            padding: 8px;
        }

            .project-options li button.delete:hover {
                background: #c82333;
                color: #fff;
            }*/

    /* Responsive Adjustments */
    @media (max-width: 1400px) {
        .project-grid[b-7j3oh2x4um] {
            grid-template-columns: 1fr;
            gap: 5rem;
        }
    }

    @media (max-width: 600px) {
        .project-grid[b-7j3oh2x4um] {
            grid-template-columns: 1fr;
            gap: 3rem;
        }

        .project-image img[b-7j3oh2x4um] {
            height: 120px;
            width: 120px;
        }

        .project-info[b-7j3oh2x4um] {
            padding: 10px;
        }

        .project[b-7j3oh2x4um] {
            align-items: center;
        }

        .buttons[b-7j3oh2x4um] {
            flex-wrap: wrap;
        }
    }
/* /Components/SaveProject.razor.rz.scp.css */
.page-container[b-vdo98037s8] {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #f0f0f0;
}

.open-button[b-vdo98037s8] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
}

    .open-button:hover[b-vdo98037s8] {
        opacity: 0.9;
    }

.dialog-backdrop[b-vdo98037s8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.dialog[b-vdo98037s8] {
    background: white;
    border-radius: 1.5rem;
    padding: 6rem 4rem 4rem;
    width: 100%;
    max-width: 75rem;
    position: relative;
}

.form-container[b-vdo98037s8] {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
}

.dialog h4[b-vdo98037s8] {
    margin-top: 0;
    font-size: 3.2rem;
    font-weight: 700;
}

.dialog p[b-vdo98037s8]{
    font-size: 2rem;
    font-weight: 600;
}

.dialog p.success-action[b-vdo98037s8]{
    margin-bottom: 3rem;
}

.dialog label[b-vdo98037s8] {
    display: block;
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
}

[b-vdo98037s8] input.project-name, [b-vdo98037s8] textarea.project-notes {
    width: 100%;
    padding: 1rem;
    margin-bottom: 1.2rem;
    border: .1rem solid var(--gray);
    border-radius: .5rem;
    box-sizing: border-box;
}

[b-vdo98037s8] input.project-name:focus, [b-vdo98037s8] textarea.project-notes:focus{
    outline: none;
    border: .1rem solid var(--green);
}

[b-vdo98037s8] textarea.project-notes {
    resize: vertical;
    height: 12rem;
    margin-bottom: 3rem;
}

.button-container[b-vdo98037s8] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
}

    p.error[b-vdo98037s8] {
        color: red;
    }

    .close-button[b-vdo98037s8] {
        position: absolute;
        top: 1rem;
        right: 2rem;
        background: none;
        border: none;
        font-size: 3.6rem;
        cursor: pointer;
        color: var(--black);
        line-height: 1;
    }

        .close-button:hover[b-vdo98037s8] {
            color: #f44336;
        }


    /* Config Buttons */
    .config-button[b-vdo98037s8] {
        color: var(--green);
        border: .1rem solid var(--green);
        border-radius: 10rem;
        padding: .8rem 3.4rem;
        width: fit-content;
        min-width: 13rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: .8rem;
        transition: all .3s ease;
        flex: 0 0 auto;
    }

    .button-container .config-button[b-vdo98037s8] {
        width: 100%;
        flex: 1;
        max-width: 30.5rem;
        padding: 1.2rem 3.2rem;
        font-size: 1.6rem;
        font-weight: 600;
    }

    .config-button.fit-content[b-vdo98037s8] {
        width: fit-content;
        flex: unset;
    }

    .config-button.green[b-vdo98037s8] {
        color: white;
        background-color: var(--green);
    }

    .config-button:hover[b-vdo98037s8] {
        color: white;
        background-color: var(--green);
    }

    .config-button.green:hover[b-vdo98037s8] {
        background-color: white;
        color: var(--green);
    }

    .config-button svg[b-vdo98037s8] {
        fill: #fff;
        width: 1.8rem;
    }

    .config-button p[b-vdo98037s8] {
        margin: 0;
        font-weight: 600;
        font-size: 1.6rem;
    }

/*===responsive====*/
@media (max-width: 576px) {
    .button-container[b-vdo98037s8] {
        flex-direction: column;
        align-items: center;
    }

    .config-button.fit-content[b-vdo98037s8] {
        width: 100%;
        flex: unset;
    }
}
/* /Components/Search.razor.rz.scp.css */

.search-container[b-cci0oly3mg] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

@media (max-width: 1024px) {
    .search-container[b-cci0oly3mg] {
        height: 2.8rem;
        margin-right: 0;
    }
}

.search-inner[b-cci0oly3mg] {
    width: 0;
    opacity: 0;
    transition: width 0.5s ease, opacity 0.5s ease, top 0.5s ease;
    box-sizing: border-box;
    outline: none;
    background: transparent;
    color: var(--black);
    line-height: 2.7rem;
    font-size: 1.5rem;
    font-weight: 300;
}

    .search-inner.visible[b-cci0oly3mg] {
        opacity: 1;
        z-index: 10;
        width: 100%;
        position: fixed;
        left: 0;
        padding: 0 5rem;
        max-width: 162rem;
        margin: 0 auto;
        display: flex;
        align-items: center;    
        left: 50%;
        transform: translateX(-50%); 
    }

    @media (max-width: 1024px){
        .search-inner.visible[b-cci0oly3mg] {
            padding: 0 2.5rem;
        }
    }

    @media (max-width: 576px){
        .search-inner.visible[b-cci0oly3mg] {
            left: unset;
            transform: unset;
        }
    }

.search-inner.visible .search-flex[b-cci0oly3mg]{
    display: flex;
    align-items: center;
    gap: 3rem;
    width: 100%;
    background-color: white;
    margin-left: 19.4rem;
}

@media (max-width: 1280px) {
    .search-inner.visible .search-flex[b-cci0oly3mg]{
        margin-left: 15rem;
    }
}

    @media (max-width: 576px) {
        .search-inner.visible .search-flex[b-cci0oly3mg]{
            margin-left: 0;
        }
    }

.search-inner.visible .search-form[b-cci0oly3mg]{
    align-items: center;
    background-color: white;
    display: block;
    width: 100%;
    display: flex;
    gap: 2rem;
}

@media (max-width: 576px) {
    .search-inner.visible[b-cci0oly3mg] {
        width: 100%;
        position: fixed;
        top: calc(7.2rem);
        left: 0;
        padding: 0.8rem 2.5rem;
        background: var(--white);
    }
} 

.search-inner .search__btn[b-cci0oly3mg] {
    position: absolute; 
    top: 0.75rem;
    left: 4rem;
    outline: 0;
    border-radius: 50%;
    background: var(--green-light);
    height: 2.7rem;
    width: 2.7rem;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    opacity: 1;
    background: transparent;
}

.search-inner.visible .search__btn[b-cci0oly3mg] {
    display: flex;
}

    @media (max-width: 576px) {
        .search-inner.visible .search__btn[b-cci0oly3mg] {
            position: absolute;
            left: 1rem;
        }
    }

.search-inner .search__btn .search__btn-img[b-cci0oly3mg] {
    width: 1.4rem;
    height: 1.4rem;
}

.search-inner .search-input[b-cci0oly3mg] {
    width: 100%;
    transition: width 0.5s ease, opacity 0.5s ease;
    box-sizing: border-box;
    outline: none;
    background: transparent;
    color: var(--black);
    line-height: 2.7rem;
    font-size: 1.5rem;
    font-weight: 300;
    padding: 0.6rem 1.6rem 0.6rem 4rem;
    border-radius: 5rem;
    border: 0.1rem solid var(--black);
    display: none;
    margin-left: 3rem;
}

@media (max-width: 1080px) {
    .search-inner .search-input[b-cci0oly3mg] {
        font-size: 1.2rem;
    }
}

@media (max-width: 576px) {
    .search-inner .search-input[b-cci0oly3mg] {
        margin-left: 0;
    }
} 


.search-inner.visible .search-input[b-cci0oly3mg] {
    display: block;
}

.search-inner .search-input[b-cci0oly3mg]::placeholder {
    color: var(--black);
    font-family: 'Montserrat', sans-serif;
}

.search-icon[b-cci0oly3mg], .close-icon[b-cci0oly3mg] {
    z-index: 3;
    cursor: pointer;

}

.close-icon[b-cci0oly3mg] {
    right: 0; 
    display: none;
    background-color: white;
    font-size: 1.8rem;
    color: var(--black);
    font-family: 'Montserrat', sans-serif;
}

.close-icon.show.desktop[b-cci0oly3mg] {
    display: block;
    z-index: 10;
}


@media (max-width: 576px) {
    .close-icon[b-cci0oly3mg] {
        position: absolute;
        width: 1.4rem;
        height: 1.4rem;
        top: 1.5rem;
        right: 0; 
    }

    .close-icon.show.mobile[b-cci0oly3mg] {
        display: block;
        right: 4rem;
    }

    .close-icon.show.desktop[b-cci0oly3mg] {
        display: none;
    }
}

.search-icon.hide[b-cci0oly3mg] {
    opacity: 0;
}

@media (max-width: 576px) {
    .search-icon.hide[b-cci0oly3mg] {
        opacity: 1;
    }
}
/* /Components/SummaryBox.razor.rz.scp.css */
.configurator-grid__summary-box[b-m6bczl0mfc]{
    display: flex;
    gap: 2rem;
    width: 100%;
    height: 100%;
    flex-direction: column;
    padding: 0 2.3rem;
}

/*when viewed on summarypage*/
.configurator-grid__summary-box-result[b-m6bczl0mfc] {
    display: flex;
    gap: 4.3rem;
    flex-direction: row;
    width: 100%;
    padding:0 2.7rem;
}

    .configurator-grid__summary-box-result .configurator-grid__summary[b-m6bczl0mfc] {
        display: flex;
        gap: 2.4rem;
        width: 100%;
    }

    .configurator-grid__summary-box-result .configurator-grid__summary:not(:last-of-type)[b-m6bczl0mfc] {
         border-right: .1rem var(--gray) solid;
         padding-right: 4.3rem;
    }
/*end when viewed as summary page*/


.configurator-grid__summary-box-img-container[b-m6bczl0mfc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.configurator-grid__summary-box-img[b-m6bczl0mfc]{
    width: 7.4rem;
    height: 7.4rem;
    border-radius: 1rem;
    border: .1rem solid var(--gray);
}

.configurator-grid__summary-box-img img[b-m6bczl0mfc]{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    padding: 1rem 1rem 0;
}

.configurator-grid__summary-box-details[b-m6bczl0mfc]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

/* Table styles */

.configurator-grid__summary-box table[b-m6bczl0mfc] {
    width: 100%;
    border-collapse: collapse;
    border: none;
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: left;
  }

.configurator-grid__summary-box th[b-m6bczl0mfc]{
    width: 40%;
}

.configurator-grid__summary-box th[b-m6bczl0mfc], .configurator-grid__summary-box td[b-m6bczl0mfc] {
    padding: 0 2rem .6rem 0;
}


/* =====MEDIA QUERIES===== */
@media (max-width: 1280px) {
    /*when viewed on summarypage*/
    .configurator-grid__summary-box-result .configurator-grid__summary[b-m6bczl0mfc] {
        flex-direction: column;
    }

        .configurator-grid__summary-box-result .configurator-grid__summary:not(:last-of-type)[b-m6bczl0mfc] {
            padding-right: 2rem;
        }
}

@media (max-width: 1024px) {
    /*when viewed on summarypage*/
    .configurator-grid__summary-box-result .configurator-grid__summary:not(:last-of-type)[b-m6bczl0mfc] {
        padding-right: 0;
    }

    .configurator-grid__summary-box-result[b-m6bczl0mfc]  {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .configurator-grid__summary-box-result[b-m6bczl0mfc] {
        flex-direction: column;
        gap: 3rem;
    }
        .configurator-grid__summary-box-result .configurator-grid__summary:not(:last-of-type)[b-m6bczl0mfc] {
            border-right: none;
            border-bottom: .1rem var(--gray) solid;
            padding-bottom: 3rem;
        }

    .configurator-grid__summary-box th[b-m6bczl0mfc] {
        width: 33%;
    }
}

@media (max-width: 576px) {
    .configurator-grid__summary-box th[b-m6bczl0mfc] {
        width: 45%;
    }
}
/* /Components/Timeline.razor.rz.scp.css */
.inner[b-8s07qvsxvh] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12rem;
    padding-bottom: 3rem;
}


.timeline-swiper__wrapper[b-8s07qvsxvh]{
    overflow: hidden;
    margin-right: 6rem;
    padding: 0 3rem;
}

ul.timeline-swiper__content[b-8s07qvsxvh] {
    display: flex;
    width: fit-content;
    cursor: -webkit-grab; 
    cursor: grab;
}

li.timeline-swiper__item[b-8s07qvsxvh] {
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 7rem;
    padding: 0 10rem 0 0;
}

li.timeline-swiper__item.reverse[b-8s07qvsxvh] {
    flex-direction: column-reverse;
}

.timeline-swiper__item[b-8s07qvsxvh]::before {
    content: "";
    position: absolute;
    top: 50%; 
    transform: translateY(-50%);
    background-image: url('/img/timeline/dashed-line.png');
    background-repeat: repeat;
    border-top: 1px dashed transparent;  
    left: 18rem;
    right: -9rem;
} 

.timeline-swiper__img[b-8s07qvsxvh] {
    position: relative;
    bottom: -7rem;
}

.reverse .timeline-swiper__img[b-8s07qvsxvh] {
    bottom: 7rem;
}

.timeline-swiper__img svg[b-8s07qvsxvh] {
    width: 18rem;
    display: block;
    margin: 0 auto;
}

.timeline-swiper__item.reverse .timeline-swiper__img svg[b-8s07qvsxvh]{
    rotate: 180deg;
}

.timeline-swiper__img img[b-8s07qvsxvh] {
    position: absolute;
    width: 14rem;
    aspect-ratio: 1;
    object-fit: cover;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    border-radius: 50%;
}

.timeline-swiper__item.reverse .timeline-swiper__img img[b-8s07qvsxvh]{
    bottom: 2rem;
    top: unset;
}

.mobile[b-8s07qvsxvh] {
    display: none;
}

.timeline-swiper__text[b-8s07qvsxvh] {
    flex: 1;
    text-align: center;
    width: 28rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.timeline-swiper__text h5[b-8s07qvsxvh]{
    font-size: 3.8rem;
    font-weight: 600;
    line-height: 6.4rem;
    background-color: white;

}

.color-1[b-8s07qvsxvh] {
    color:  #104E76;
}

.color-2[b-8s07qvsxvh] {
    color: #08759D;
}

.color-3[b-8s07qvsxvh] {
    color: #2BA0A4;
}

.color-4[b-8s07qvsxvh] {
    color: #4DB69B;
}

.color-5[b-8s07qvsxvh] {
    color: #74C896;
}

.color-6[b-8s07qvsxvh] {
    color: #98DA91;
}

.color-7[b-8s07qvsxvh] {
    color: #A5CF96;
}

.color-8[b-8s07qvsxvh] {
    color: #83B55D;
}

.color-9[b-8s07qvsxvh] {
    color: #5C9834;
}

/* buttons */
.timeline-slider__button[b-8s07qvsxvh] {
    position: absolute;
    background-color: var(--green-light);
    width: 5.4rem;
    height: 5.4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border: .1rem solid var(--green-light);
    transition: all .3s ease-in-out;
    top: calc(50% + 4.85rem); 
}

#timeline-slider-prev-btn[b-8s07qvsxvh]{
    left: 2.5rem;
}

#timeline-slider-next-btn[b-8s07qvsxvh]{
    right: 2.5rem;
}

#timeline-slider-prev-btn svg[b-8s07qvsxvh] {
    transform: rotate(180deg);
}

.timeline-slider__button:hover[b-8s07qvsxvh] {
    box-shadow: 0px 0px 28px 0px #0000001A;
}


.timeline-slider__button.disable[b-8s07qvsxvh] {
    opacity: 0;
}

/* ====MEDIA QUERIES==== */
@media (max-width: 1024px) {
    /* buttons */
    .inner[b-8s07qvsxvh] {
        gap: 7rem;
        padding-bottom: 3rem;
    }

    .timeline-slider__button[b-8s07qvsxvh]{
        top: calc(50% + 3.85rem);
    }
}

@media (max-width: 768px) {
    .inner[b-8s07qvsxvh] {
        gap: 2.5rem;
    }

    .timeline-swiper__text h5[b-8s07qvsxvh]{
        font-size: 2rem;
    }

    .timeline-swiper__wrapper[b-8s07qvsxvh]{
        margin: 0 auto;
        max-width: calc(100vw - 5rem);
    }

    /* buttons */
    .timeline-slider__button[b-8s07qvsxvh]{
        top: calc(50% + 1.15rem);
    }

}

@media (max-width: 576px) {
    .inner[b-8s07qvsxvh] {
        gap: 0;
    }
    .video-section__inner[b-8s07qvsxvh]{
        padding-top: 2.5rem;
    }

    .timeline-swiper__wrapper[b-8s07qvsxvh]{
        width: 100%;
        padding: 4rem 0;
        pointer-events: none;
    }

    .timeline-swiper__wrapper[b-8s07qvsxvh]::before {
        box-shadow: none;
    }

    /* buttons */
    .timeline-slider__button-container[b-8s07qvsxvh] {
        top: calc(50% + 1.85rem); 
    }

    /* De donde vinimos section */
    ul.timeline-swiper__content[b-8s07qvsxvh]{
        flex-direction: column;
        width: 100%;
        gap: 4.5rem;
    }

    li.timeline-swiper__item.reverse[b-8s07qvsxvh]{
        flex-direction: column;
    }

    li.timeline-swiper__item[b-8s07qvsxvh]{
        padding: 0;
        gap: 0;
        width: 100%;
    }

    .timeline-swiper__text[b-8s07qvsxvh]{
        width: 100%;
        gap: 2rem;
        justify-content: space-between;
        display: grid;
        grid-template-columns: 9rem 1fr;
        align-items: center;
    }

    .timeline-swiper__text>div[b-8s07qvsxvh]{
        display: flex;
        gap: 2rem;
        justify-content: space-between;
        align-items: center;
    }

    .timeline-swiper__text h5[b-8s07qvsxvh]{
        font-size: 3.8rem;
    }

    .mobile[b-8s07qvsxvh] {
        display: block;
        width: 100%;
    }

    .desktop[b-8s07qvsxvh] {
        display: none;
    }

    .timeline-swiper__img[b-8s07qvsxvh] {
        width: fit-content;
        margin: 0 auto;
    }

    .timeline-swiper__img[b-8s07qvsxvh], .reverse .timeline-swiper__img[b-8s07qvsxvh]{
        bottom: unset;
    }

    .timeline-swiper__img svg[b-8s07qvsxvh] {
        margin: 0;
    }

    .timeline-swiper__item.reverse .timeline-swiper__img svg[b-8s07qvsxvh]{
        rotate: 0deg;
    }

    .timeline-swiper__img img[b-8s07qvsxvh] {
        width: 10rem;
        top: 50%;
        left: 6.66rem;
        transform: translateY(-50%);
    }

    .timeline-swiper__item.reverse .timeline-swiper__img img[b-8s07qvsxvh] {
        top: 50%;
        bottom: unset;
    }

    /* dashed line remove*/
    .timeline-swiper__item[b-8s07qvsxvh]::before {
        content: none;
        border-top: none; 
        background-image: none; 
    }

    

      .timeline-swiper__content[b-8s07qvsxvh]::before{
        content: "";
        position: absolute;
        left: 3rem; 
        top: 11rem;
        bottom: 25rem;
        width: .5rem; 
        background-image: linear-gradient(to bottom, var(--gray) 50%, transparent 50%);
        background-size: 100% 4rem; 
        z-index: 0; 
      } 

}


/* /Components/UserGrid.razor.rz.scp.css */
.users[b-ajdiuz9c9v] {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.list[b-ajdiuz9c9v] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .list th[b-ajdiuz9c9v], .list td[b-ajdiuz9c9v] {
        padding: 12px 15px;
        text-align: left;
        border-bottom: 1px solid #e0e0e0;
    }

    .list th[b-ajdiuz9c9v] {
        background-color: #f8f9fa;
        font-weight: 600;
        color: #333;
        text-transform: uppercase;
        font-size: 14px;
    }

    .list td[b-ajdiuz9c9v] {
        color: #555;
        font-size: 14px;
    }

.user-entry:hover[b-ajdiuz9c9v] {
    background-color: #f1f3f5;
}

.list a[b-ajdiuz9c9v] {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
}

    .list a:hover[b-ajdiuz9c9v] {
        text-decoration: underline;
        color: #0056b3;
    }

.paginator[b-ajdiuz9c9v] {
    display:flex;
    gap:1rem;
    justify-content:center;
    padding: 10px 0;
}

    .paginator a[b-ajdiuz9c9v] {
        display: inline-block;
        padding: 8px 16px;
        background-color: #007bff;
        color: #fff;
        border-radius: 4px;
        text-decoration: none;
        font-size: 14px;
    }

        .paginator a:hover[b-ajdiuz9c9v] {
            background-color: #0056b3;
        }

        p.counter[b-ajdiuz9c9v]
        {
            padding:10px;
        }

@media (max-width: 768px) {
    .list th[b-ajdiuz9c9v], .list td[b-ajdiuz9c9v] {
        padding: 10px;
        font-size: 12px;
    }

    .users[b-ajdiuz9c9v] {
        padding: 10px;
    }
}
/* /Components/VerifyMail.razor.rz.scp.css */
body[b-nqa46cqj8s] {
}