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

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

.nav__item .user-name[b-6zbmb4zeaj]{
    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-6zbmb4zeaj]{
    background-color: var(--green);
}

.nav__item[b-6zbmb4zeaj]  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-6zbmb4zeaj]  a.active {
    color: var(--green);
}

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

/* submenus */
.submenu-container[b-6zbmb4zeaj] {
    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-6zbmb4zeaj]{
    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-6zbmb4zeaj]::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-6zbmb4zeaj]{
    width: 100%;
}

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

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

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


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

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

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

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

@media (max-width: 576px) {
    li.nav__item[b-6zbmb4zeaj] {
        padding-right: 2.5rem;
    } 
}
/* _content/CTL/Components/Banner.razor.rz.scp.css */
.hidden[b-avo9n70mms] {
    display: none;
}

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

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

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

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

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

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

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

.banner-content .button[b-avo9n70mms] {
    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-avo9n70mms] {
        max-width: 25.6rem;
        width: 100%;
    }
}

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

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



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


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

.banner-type-boxed .banner-content[b-avo9n70mms] {
    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-avo9n70mms] {
        padding: 3.2rem 4rem;
        margin: 2.4rem;
    }

}

    .banner-type-boxed .banner-content h1[b-avo9n70mms] {
        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-avo9n70mms] {
    left: -2.4rem;
}

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

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

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


/*ALIGNMENT RIGHT*/

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

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

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

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

/*DOUBLE IMG*/

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

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

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


/*LIST*/

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

[b-avo9n70mms] 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-avo9n70mms] h3 li {
    list-style: none;
    font-size: 1.8rem;
    font-weight: 400;
}
/* _content/CTL/Components/ConfigSummaryBox.razor.rz.scp.css */
.configurator-grid__summary-box[b-uxb5cni4ps]{
    display: flex;
    gap: 2rem;
    width: 100%;
    height: 100%;
}

.configurator-grid__summary-box-img-container[b-uxb5cni4ps]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.configurator-grid__summary-box-img[b-uxb5cni4ps]{
    width: 7.4rem;
    height: 7.4rem;
    border-radius: 1rem;
    border: .1rem solid var(--gray);
}

.configurator-grid__summary-box-img img[b-uxb5cni4ps]{
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    padding: 1rem 1rem 0;
}

.configurator-grid__summary-box-details[b-uxb5cni4ps]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex: 1;
}

/* Table styles */

.configurator-grid__summary-box table[b-uxb5cni4ps] {
    width: 100%;
    border-collapse: collapse;
    border: none;
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: left;
  }

  .configurator-grid__summary-box th[b-uxb5cni4ps], .configurator-grid__summary-box td[b-uxb5cni4ps]{
    padding: 0 2rem .6rem 0;
  }

 
/* _content/CTL/Components/ContactForm.razor.rz.scp.css */

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

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

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

.contact__list-item[b-obtgb5es03] {
    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-obtgb5es03] {
        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-obtgb5es03] {
        border-top-right-radius: unset;
        border-bottom-right-radius: unset;
    }
}

.contact__list-item > div[b-obtgb5es03] {
    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-obtgb5es03] {
    font-weight: 700;
}

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

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

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

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

.contact__list-item > img[b-obtgb5es03] {
    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-obtgb5es03] {
        width: 16rem;
    }
}

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

[b-obtgb5es03] .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-obtgb5es03] .contact__form {
        column-gap: 2.4rem;
        grid-template-columns: repeat(2, calc(50% - 1.2rem));
    }
}

@media (max-width: 576px) {
    [b-obtgb5es03] .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-obtgb5es03] {
    font-size: 1.6rem;
    color: var(--black);
    font-weight: 400;
    line-height: 2.4rem;
}

[b-obtgb5es03] .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-obtgb5es03] .contact__form textarea {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 10.9rem;
    padding: 1rem;
    border-radius: .5rem;
}

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

/* custom select */
[b-obtgb5es03] .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-obtgb5es03] {
    font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

        .contact__form button[b-obtgb5es03] {
            font-weight: 500;
            margin: 0 auto;
            width: 100%;
            max-width: 40rem;
        }
    }
/* _content/CTL/Components/Footer.razor.rz.scp.css */
footer[b-5puzrei5v7] {
    background-color: var(--black);
    color: white;
    min-height: 45rem;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.footer-links> div:last-child[b-5puzrei5v7]{
    gap: 3rem;
}
.footer-links img[b-5puzrei5v7]{
    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-5puzrei5v7] {
        flex-direction: column;
    }
    .footer-logo-custom[b-5puzrei5v7]{
        width: 15rem;
    }
    .footer-content-flex>div:last-child[b-5puzrei5v7] {
        padding-right: 0rem;
    }
    .footer-links[b-5puzrei5v7]{
        flex-direction: column;
        align-items: start;
    }
}

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


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

    .footer-logo-custom[b-5puzrei5v7]{
        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;
    } */
}
/* _content/CTL/Components/HomeClientSlider.razor.rz.scp.css */
.home-client-slider__inner[b-rrvug1p3tg]{
    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-rrvug1p3tg] {
    position: relative;
    display: flex;
    overflow: hidden;
    transform: translateX(0px);
    user-select: none;
    cursor: -webkit-grab; 
    cursor: grab;
}

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

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

.home-client-slider__content li img[b-rrvug1p3tg], .home-client-slider__content.clone li img[b-rrvug1p3tg]{
    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-rrvug1p3tg] {
    display: none;
    /* display: flex; */
    flex-wrap: wrap;
    bottom: 0;
    gap: 1rem;
    justify-content: center;
    z-index: 10;
}

.home__client-bullet[b-rrvug1p3tg] {
    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-rrvug1p3tg] {
    opacity: 1;
    padding: .5rem 1.8rem; 
}

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

@media (max-width: 576px) {

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

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

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

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

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

.home__header-slider[b-moqgguzye4] {
    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-moqgguzye4] {
    top: 0;
    left: 0;
    opacity: 1;
    position: relative;
    z-index: 1;
}

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

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

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

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

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

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

.home__header-slider-text[b-moqgguzye4]  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-moqgguzye4]  a:hover{
    color: var(--green);
    background-color: white;
}

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

.home__header-slider-img[b-moqgguzye4] {
    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-moqgguzye4] {
    display: flex;
    bottom: 5rem;
    gap: 1rem;
    justify-content: center;
    z-index: 10;
}

.home__header-bullet[b-moqgguzye4] {
    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-moqgguzye4] {
    opacity: 1;
    padding: .5rem 1.8rem; 
}


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

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

@media (max-width: 768px) {

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

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

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

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

    .standard-button[b-moqgguzye4] {
        font-weight: 600;
        font-size: 1.6rem;
    }
    
}
/* _content/CTL/Components/HomeProductSlider.razor.rz.scp.css */
.home-product-slider__inner[b-75xy5r18b7]{
    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-75xy5r18b7] {
    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-75xy5r18b7]{
    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-75xy5r18b7] {
    right: 0;
    opacity: 1;
    position: relative;
}
/* end moving part of slider */

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

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

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

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

.text-container[b-75xy5r18b7]  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-75xy5r18b7]  a:hover{
    color: var(--green);
    background-color: white;
}

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

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

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

/* fixed layer */
.home-product-slider__fixed-layer-container[b-75xy5r18b7]{
    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-75xy5r18b7]{
    flex: 1;
    width: 100%;
    height: 100%;
}


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

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

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

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

/* grey circle */
.home-product-slider__buttons[b-75xy5r18b7]::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-75xy5r18b7]{
    display: flex;
    align-items: flex-end;
}

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

/* end fixed layer */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


@media (max-width: 576px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

.home-technologies-slider__text[b-coubqe9ymv]{
    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-coubqe9ymv]{
    opacity: 1;
    z-index: 10;
    margin: 0;
}

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

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

.home-technologies-slider__text .subtitle-nav button[b-coubqe9ymv]{
    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-coubqe9ymv]{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2)
}

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

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

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

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

.home-technologies-slider__img img[b-coubqe9ymv]{
    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-coubqe9ymv]{
    display: none;
}

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

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

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

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

/* bullets */

.home-section__bullets[b-coubqe9ymv] {
    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-coubqe9ymv] {
    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-coubqe9ymv] {
    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-coubqe9ymv]{
        padding-bottom: 5rem;
    }

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

}


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

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

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

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

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

.client-area[b-w648ray79i] {
    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-w648ray79i]{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
}

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

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

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

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

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

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


@media (max-width: 768px) {

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

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

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

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

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

    ul.client-area-menu[b-w648ray79i]{
        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-w648ray79i]  a{
        font-size: 1.6rem;
    }

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

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

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

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

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

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

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

/* top banner */
.notice-banner[b-am6b8id86a]{
    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-am6b8id86a]{
    margin: 0 auto;
    width: fit-content;
}

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

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

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

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

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

.nav__container[b-am6b8id86a] {
    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-am6b8id86a] {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

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

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

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

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

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

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

.nav__item[b-am6b8id86a]  a, .nav__item button[b-am6b8id86a]{
    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-am6b8id86a]  a.active {
    color: var(--green);
}

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

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

/* submenus */
.submenu-container[b-am6b8id86a] {
    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-am6b8id86a]{
    top: -1rem;
    padding-top: 4rem;
}

.submenu ul[b-am6b8id86a]{
    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-am6b8id86a]::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-am6b8id86a]{
    width: .1rem;  
    height: 3rem;         
    background-color:#343434;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .bar[b-am6b8id86a] {
        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-am6b8id86a] {
        transform: rotate(-45deg) translate(-.5rem, .5rem);
    }

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

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

    .nav__list[b-am6b8id86a] {
        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-am6b8id86a] {
        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-am6b8id86a] {
        /* border-bottom: .1rem solid rgba(52, 52, 52, 0.1); */
        padding-bottom: 2rem;
        width: 100%;
        padding-right: 2.5rem;
    }

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

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

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

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

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

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

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

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

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

.news-item a[b-4noxsz5duz]{
    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-4noxsz5duz]{
    background-color: white;
}

.news-item__image img[b-4noxsz5duz]{
    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-4noxsz5duz]{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding:0 3.2rem;
    line-height: 1.5;
    height: 100%;
}

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


.news-item__link[b-4noxsz5duz]{
    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-4noxsz5duz] {
    line-height: 1.8rem;
}

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

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

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

.horizontal .news-item__image img[b-4noxsz5duz]{
    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-4noxsz5duz] {
    flex: 1;
    padding: 2rem 3.2rem;
    gap: 1.5rem;
}

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

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

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

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

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

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

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

    .news-item__image img[b-4noxsz5duz]{
        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-4noxsz5duz]{
        flex: unset;
        padding: 0 1.5rem;
        gap: 0;
    }

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

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

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

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

}


@media (max-width: 576px) {

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

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

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

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

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

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

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

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

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

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

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

.strategic-section__cards-container li[b-w8h9u83dwa]{
    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-w8h9u83dwa], .strategic-section__cards-container li.selected[b-w8h9u83dwa]{
    box-shadow: 0px 0px 12px 1px var(--green) inset;
    border: .1rem solid var(--green);
}

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

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

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

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

/* strategic section changing content  */
.strategic-section__texts-container li[b-w8h9u83dwa]{
    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-w8h9u83dwa]{
    position: relative;
    opacity: 1;
}

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

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

.login__box[b-u0jrop9kqw]{
    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-u0jrop9kqw]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-row[b-u0jrop9kqw]  input:not([type="checkbox"]), .form-row[b-u0jrop9kqw]  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-u0jrop9kqw]  input:not([type="checkbox"]):focus, .form-row[b-u0jrop9kqw]  select:focus{
    border: .2rem solid #828282;
}

/* custom select */
.form-row[b-u0jrop9kqw]  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-u0jrop9kqw]  input:not([type="checkbox"])::placeholder{
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: #828282;
}

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

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

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

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

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

.custom-label[b-u0jrop9kqw]::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-u0jrop9kqw]::before {
    content: "\2714"; 
    background-color: #828282;
    color: #fff; 
}

/* end custom check */

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


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

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

@media (max-width: 576px) {

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

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

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

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

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

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

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


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

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

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

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

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

.form-row[b-z2ks07ldbw]  input:not([type="checkbox"]), .form-row[b-z2ks07ldbw]  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-z2ks07ldbw]  input:not([type="checkbox"]):focus, .form-row[b-z2ks07ldbw]  select:focus{
    border: .2rem solid #828282;
}

/* custom select */
.form-row[b-z2ks07ldbw]  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-z2ks07ldbw]  input:not([type="checkbox"])::placeholder{
    font-size: 1.2rem;
    font-family: 'Montserrat', sans-serif;
    color: #828282;
}

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

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

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

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


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

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

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

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

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

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

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

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

.forgot__box[b-zow8pn1rra]{
    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-zow8pn1rra]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

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

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

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

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

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

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

.form-row[b-zow8pn1rra]  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-zow8pn1rra]  input:not([type="checkbox"]):focus{
    border: .2rem solid #828282;
}

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

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

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

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

@media (max-width: 576px) {

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

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

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

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

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

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

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

.login__box[b-zgvxj2z9bv]{
    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-zgvxj2z9bv]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

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

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

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

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

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

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

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

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

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

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

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

.form-row[b-zgvxj2z9bv]  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-zgvxj2z9bv]  input:not([type="checkbox"]):focus{
    border: .2rem solid #828282;
}

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

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

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

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

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

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

.custom-label[b-zgvxj2z9bv]::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-zgvxj2z9bv]::before {
    content: "\2714"; 
    background-color: #828282;
    color: #fff; 
}

/* end custom check */

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

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

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

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

.login__access-section> a[b-zgvxj2z9bv]{
    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-zgvxj2z9bv]{
        padding: 5rem;
    }

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

@media (max-width: 576px) {

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

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

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

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

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

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

.reset__box[b-y6edhsuxxx]{
    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-y6edhsuxxx]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

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

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

.form-row[b-y6edhsuxxx]  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-y6edhsuxxx]  input:not([type="checkbox"]):focus{
    border: .2rem solid #828282;
}

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

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

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

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

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

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

.custom-label[b-y6edhsuxxx]::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-y6edhsuxxx]::before {
    content: "\2714"; 
    background-color: #828282;
    color: #fff; 
}

/* end custom check */

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

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

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

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

.reset__access-section> div[b-y6edhsuxxx]{
    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-y6edhsuxxx]{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

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

@media (max-width: 576px) {

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

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

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

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

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

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

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

.validate__box[b-td8mg8be9a]{
    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-td8mg8be9a]{
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

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

.form-row[b-td8mg8be9a]  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-td8mg8be9a]{
    color: var(--green);
}

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


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

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

@media (max-width: 576px) {

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

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

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

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

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

    .standard-button[b-td8mg8be9a]{
        margin-top: 1rem;
    }
 
}
/* _content/CTL/Components/Pages/Catalogue.razor.rz.scp.css */
.temporary-delete[b-obfymw6bn4]{
    display: none;
}

.catalogue__bg[b-obfymw6bn4]{
    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-obfymw6bn4] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 1;
    padding-top: 10rem;
    padding-bottom: 10rem;

}

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

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

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

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

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

.catalogue__config-section-text > div[b-obfymw6bn4] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    justify-content: space-between;
    height: 100%;
}

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

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

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

/* right hand  box */
.catalogue__pdfs-section[b-obfymw6bn4]{
    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-obfymw6bn4]{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    max-width: 112rem;
}

.catalogue__pdf-container li[b-obfymw6bn4] {
    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-obfymw6bn4] {
    display: flex;
    flex-direction: column;
    transition: all .3s ease-in-out;
}

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

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

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

.catalogue__pdf-container a> div:first-child[b-obfymw6bn4]{
    border-radius: 1rem;
}

.catalogue__pdf-container a> div:last-child[b-obfymw6bn4]{
    bottom: 1rem;
    margin-bottom: -2rem;
    margin-right: 3rem;
    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;
    min-width: 19.4rem;
}

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

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

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

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

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



/* =====MEDIA QUERIES===== */
@media (max-width: 1280px) {
    .catalogue__flex > div[b-obfymw6bn4]{
        padding: 4.5rem;
    } 

    .catalogue__pdf-container[b-obfymw6bn4]{
        gap: 2rem;
    }
}

@media (max-width: 1024px) {
    .catalogue__flex[b-obfymw6bn4]{
        flex-direction: column;
    }

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

    .catalogue__pdf-container[b-obfymw6bn4]{
        grid-template-columns: repeat(2, 1fr);
    }

}

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

    .catalogue__pdf-container[b-obfymw6bn4]{
        margin: 0 auto;
        gap: 2rem;
    }

    .catalogue__pdfs-section[b-obfymw6bn4]{
        padding: 4.5rem;
    }
}

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

    .catalogue__flex >div[b-obfymw6bn4]{
        width: 100%;
        padding: 2.5rem;
        gap: 2rem;
    }

    .catalogue__config-section[b-obfymw6bn4]{
        flex-direction: column;
    }

    .catalogue__pdf-container a> div:last-child[b-obfymw6bn4]{
        min-width: 0;
    }

    .catalogue__config-section-img[b-obfymw6bn4]{
        display: none;
    }

    .catalogue__config-section-img img[b-obfymw6bn4]{
        transform: scale(1.3);
    }

    .catalogue__config-section-text[b-obfymw6bn4]{
        width: 100%;
    }

    .catalogue__pdf-container[b-obfymw6bn4]{
        grid-template-columns:1fr;
    }
    
    .standard-button[b-obfymw6bn4]{
        min-width: unset;
    }
}

/* _content/CTL/Components/Pages/Certifications.razor.rz.scp.css */
.certifications__banner[b-28isri58n3] {
    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-28isri58n3] {
    position: relative;
    height: 100%;
}

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

.upper[b-28isri58n3] {
    text-transform: uppercase;
}

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

/* certifications list  */

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

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

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

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


/* card classes */
.certifications-section__card[b-28isri58n3]{
    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-28isri58n3]{
    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-28isri58n3]{
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-transform: uppercase;
}

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

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

.certifications-section__card img[b-28isri58n3]{
    width: 100%;;
}

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

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

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

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

    .certifications-section__card-container[b-28isri58n3] {
        gap: 5rem;
    }
}


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

    .certifications-section__list[b-28isri58n3]{
        gap: 5rem;
    }

    .certifications-section__h2[b-28isri58n3]{
        font-size: 2rem;
    }

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

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


@media (max-width: 576px) {

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

    .certifications-section__list[b-28isri58n3]{
        gap: 4rem;
    }

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

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

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

    .certifications-section__card img[b-28isri58n3]{
        max-width: 12.5rem;
    }
}
/* _content/CTL/Components/Pages/Configurator/Configurator.razor.rz.scp.css */
.configurator-section[b-ffdx8916w5]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding-bottom: 7rem;
    min-height: calc(100vh - 55rem);
}

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

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

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

.configurator-section__nav-item span:first-child[b-ffdx8916w5]{
    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-ffdx8916w5]{
    color: #7E7E7E;
}

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

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

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

.configurator-section__inner-box[b-ffdx8916w5]{
    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-ffdx8916w5]{
    background-color: var(--gray-light);
    min-height: 74rem;
}

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

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

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

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

.configurator-grid__result-card[b-ffdx8916w5]{
    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-ffdx8916w5]{
    width: 4.2rem;
    height: 7.6rem;
    object-fit: cover;
}

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

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

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

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

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

.config-button[b-ffdx8916w5]{
    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-ffdx8916w5]{
    color: white;
    background-color: var(--green);
}

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

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

.custom-contact-button[b-ffdx8916w5]{
    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-ffdx8916w5]::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 button[b-ffdx8916w5]{
    background-color: var(--black);
    border: .1rem var(--black) solid;
    color: white;
    padding: .6rem 1rem;
    border-radius: 10rem;
    font-family: 'Montserrat', sans-serif;
}

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

/* final summary styles */
.summary-bg[b-ffdx8916w5]{
    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-ffdx8916w5]{
    width: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 7.6rem;
}

.final-summary__inner-box[b-ffdx8916w5]{
    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-ffdx8916w5]{
    display: flex;
}

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

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

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

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

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

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

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

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

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

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

.configurator-section__filter-input input[type="checkbox"] + label[b-ffdx8916w5] {
    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-ffdx8916w5] {
    border-color: var(--green);
}

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

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

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

.configurator-section__filter-input.form-custom input[type="checkbox"] + label[b-ffdx8916w5]::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-ffdx8916w5]{
    width: 1.8rem; 
} 

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

/* custom select */
.configurator-section__filter-select select[b-ffdx8916w5] {
    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-ffdx8916w5]::-ms-expand {
    display: none;
}

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

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

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

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

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

.configurator-section__filter-input input[type="radio"]:checked + label[b-ffdx8916w5]::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;
}
/* _content/CTL/Components/Pages/Configurator/ConfiguratorLanding.razor.rz.scp.css */
.configurator__bg[b-bcs7ab5spx]{
    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-bcs7ab5spx] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex: 1;
    /* padding-top: 10rem; */
    padding-bottom: 10rem;

}

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

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

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

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

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

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

.configurator__links-section a[b-bcs7ab5spx]{
    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-bcs7ab5spx]{
    width: 100%;
}

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

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

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

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

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

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

    .configurator__flex-right[b-bcs7ab5spx]{
        width: 100%;
    }

    .configurator__links-section[b-bcs7ab5spx]{
        justify-content: center;
    }

    .configurator__titles h4[b-bcs7ab5spx]{
        font-size: 2rem;
    }

    .configurator__flex-left[b-bcs7ab5spx]{
        display: none;
    }
}

@media (max-width: 576px) {
    .configurator__flex[b-bcs7ab5spx]{
        gap: 5rem;
    }

    .configurator__links-section[b-bcs7ab5spx]{
        flex-direction: column;
        align-items: center;
    }

    .configurator__links-section a[b-bcs7ab5spx]{
        min-height: 26rem;
        min-width: 26rem;
    }
}
/* _content/CTL/Components/Pages/Contact.razor.rz.scp.css */
.contact__banner[b-smmuznk1cb] {
    background-image: url("/img/contact/contact-banner.png");
}

.contact__banner .container[b-smmuznk1cb] {
    position: relative;
    height: 100%;
}

.contact__banner-title[b-smmuznk1cb] {
    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-smmuznk1cb] {
    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-smmuznk1cb] {
        grid-template-columns: repeat(1, 100%);
        grid-template-areas:
            /* 'title' */
            'form'
            'list';
    }
}

@media (max-width: 768px) {
    .contact .container[b-smmuznk1cb] {
        gap: 2rem;
        margin: 5rem auto;
    }
}

@media (max-width: 576px) {
    .contact .container[b-smmuznk1cb] {
        margin: 2.5rem auto;
    }
}

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

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


.contact__list-item[b-smmuznk1cb] {
    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-smmuznk1cb] {
            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-smmuznk1cb] {
            border-top-right-radius: unset;
            border-bottom-right-radius: unset;
        }
    }

    .contact__list-item > div[b-smmuznk1cb] {
        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-smmuznk1cb] {
        font-weight: 700;
    }
    
    .contact__list-item div > h6[b-smmuznk1cb] {
        color: var(--green);
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2rem;
        margin-top: 0.3rem;
    }

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

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

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

    .contact__list-item > img[b-smmuznk1cb] {
        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-smmuznk1cb] {
            width: 16rem;
        }
    }

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

[b-smmuznk1cb] .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-smmuznk1cb] .contact__form {
            column-gap: 2.4rem;
            grid-template-columns: repeat(2, calc(50% - 1.2rem));
        }
    }

    @media (max-width: 576px) {
        [b-smmuznk1cb] .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-smmuznk1cb] {
     font-size: 1.6rem;
     color: var(--black);
     font-weight: 400;
     line-height: 2.4rem;
 }

[b-smmuznk1cb] .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-smmuznk1cb] .contact__form textarea {
    outline: none;
    border: 0.1rem solid var(--gray);
    height: 10.9rem;
    padding: 1rem;
    border-radius: .5rem;
}

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

/* custom select */
[b-smmuznk1cb] .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-smmuznk1cb] {
    font-weight: 500;
}

    @media (max-width: 576px) {
        .contact__form button[b-smmuznk1cb] {
            margin: 0 auto;
        }
    }

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

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

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

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

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

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

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

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

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

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

.contact__form-submit[b-smmuznk1cb] {
    margin: 3rem 0;
    grid-area: submit;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.4rem;
}

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

.contact__form-submit a[b-smmuznk1cb]{
    font-weight: 700;
    text-decoration: underline;
}
/* _content/CTL/Components/Pages/Cookies.razor.rz.scp.css */
.inner[b-lttt5rjjs7]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.cookies-section__h1[b-lttt5rjjs7]{
    font-weight: 700;
    font-size: 4.6rem;
    text-align: center;
    margin: 0 auto;
}

.cookies-section__text-block[b-lttt5rjjs7]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.cookies-section__text-block .subtitle[b-lttt5rjjs7]{
    color: grey;
    font-weight: bold;
}

.cookies-section__text-block ul[b-lttt5rjjs7]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: disc;
    padding-left: 2rem;
}

.cookies-section__text-block ol[b-lttt5rjjs7]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 2rem;
}

.cookies-section__text-block a[b-lttt5rjjs7]{
    color: var(--green);
}

.cookies-section__text-block a:hover[b-lttt5rjjs7]{
    text-decoration: underline;
}

/* drop downs */
.cookies-section__drowpdown-container[b-lttt5rjjs7]{
    display: flex;
    flex-direction: column;
}

.cookies-section__drowpdown-container .cookies-section__drowpdown-button[b-lttt5rjjs7]{
    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-lttt5rjjs7]{
    display: flex;
    justify-content: center;
    gap: 1.5rem;
    align-items: center;
}

.cookies-section__drowpdown-container .cookies-section__drowpdown-button h6[b-lttt5rjjs7]{
    font-size: 1.8rem;
    font-weight: bold;
}

.cookies-section__drowpdown-container .dropdown svg[b-lttt5rjjs7]{
    width: 2rem;
    transition: all .3s ease-in-out;
}

.cookies-section__drowpdown-content[b-lttt5rjjs7]{
    display: none;
}


/* open dropdown styles */

.dropdown.down .cookies-section__drowpdown-content[b-lttt5rjjs7]{
    display: block;
}
.cookies-section__drowpdown-container .dropdown.down svg[b-lttt5rjjs7]{
    transform: rotate(180deg);
}

.cookies-section__drowpdown-content[b-lttt5rjjs7]{
    background-color: var(--gray-light);
}

.cookies-section__drowpdown-container .dropdown.down .cookies-section__drowpdown-button[b-lttt5rjjs7]{
    background-color: #ece9e9;
}

/* Cookies used section */
.cookies-section__drowpdown-content .cookie-section__cookies-used[b-lttt5rjjs7]{
    justify-content: flex-start;
    gap: 5rem;
    width: 100%;
}

.cookies-section__drowpdown-content .cookie-use[b-lttt5rjjs7], .cookies-section__drowpdown-content .cookie-share[b-lttt5rjjs7]{
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem 3rem;
}

.cookie-section__table-container[b-lttt5rjjs7]{
    width: 100%;
    overflow-x: auto;
}

.cookies-section__drowpdown-content table[b-lttt5rjjs7] {
    width: 100%;
    border-collapse: collapse;
    padding-top: 1rem;
}

.cookies-section__drowpdown-content th[b-lttt5rjjs7], .cookies-section__drowpdown-content td[b-lttt5rjjs7] {
    border: .1rem solid var(--gray);
    text-align: left;
    white-space: nowrap;
}
  
.cookies-section__drowpdown-content th[b-lttt5rjjs7]{
    width: 100%;
    padding: 2rem;
}

.cookies-section__drowpdown-content td[b-lttt5rjjs7] {
    padding: 2rem 1rem;
    width: 33%;
}

.cookies-section__drowpdown-content tr:last-child[b-lttt5rjjs7]{
    background-color: white;
}


/* table */
.cookies-section__table[b-lttt5rjjs7]{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.cookies-section__table div[b-lttt5rjjs7]{
    background-color: var(--gray-light);
    padding: 1rem;
}

.cookies-section__table div h6[b-lttt5rjjs7]{
    font-size: 1.6rem;
    font-weight: 400;
}
/* end cookies used section */

/* set preferences section */
.preferences .cookies-section__drowpdown-content[b-lttt5rjjs7]{
    padding: 2rem;
}

/* custom checkbox toggle switch */
.toggle-switch[b-lttt5rjjs7] {
    display: inline-block;
    width: 4rem;
    height: 2rem;
    position: relative;
    background-color: #F56E28;
    border-radius: 1.2rem; 
    cursor: pointer;
}

.toggle-switch input[type="checkbox"][b-lttt5rjjs7] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-switch .slider[b-lttt5rjjs7] {
    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-lttt5rjjs7] {
    transform: translateX(0); 
}

.toggle-switch input:checked ~ .background[b-lttt5rjjs7] {
    background-color: var(--green); 
}

.background[b-lttt5rjjs7] {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 1.2rem;
}


@media (max-width: 576px) {
    .inner[b-lttt5rjjs7]{
        padding-top: 3rem;
        padding-bottom: 3rem;
        gap: 2rem;
    }

    .cookies-section__h1[b-lttt5rjjs7]{
        font-size: 3.6rem;
    }

    .cookies-section__text-block[b-lttt5rjjs7] {
        gap: 1rem;
    }
}
/* _content/CTL/Components/Pages/Documents.razor.rz.scp.css */
.admin__box[b-f8ft3n1d76]{
    padding: 4.5rem 20rem 4.5rem 5.5rem;
}

.documents__content-group[b-f8ft3n1d76]{
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.documents__content-group > div[b-f8ft3n1d76]{
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
}

.documents__content-group ul[b-f8ft3n1d76]{
    display: flex;
    flex-direction: column;
}

.documents__content-group ul li[b-f8ft3n1d76]{
    padding: 1.5rem 0;
    border-bottom: 1px solid #C7C7C7
}

.documents__content-group ul li:first-child[b-f8ft3n1d76]{
    border-top: 1px solid #C7C7C7
}

.documents__content-group ul li a[b-f8ft3n1d76]{
    text-transform: uppercase;
}

.documents__content-group ul li a:hover[b-f8ft3n1d76]{
    color: var(--green);
}

/* =====MEDIA QUERIES===== */
@media (max-width: 1280px) {
    .admin__box[b-f8ft3n1d76]{
        padding: 4.5rem;
    }
}

@media (max-width: 768px) {

    .documents__content-group[b-f8ft3n1d76]{
        gap: 1.5rem;
    }
    
    .documents__content-group > div[b-f8ft3n1d76]{
        gap: 1.6rem;
    }

    .documents__content-group ul li:last-child[b-f8ft3n1d76]{
        border-bottom: none;
    }

    .admin__box[b-f8ft3n1d76] {
        padding: 2rem 0;
    }

    .admin__title[b-f8ft3n1d76]{
        font-size: 2rem;
    }
}
/* _content/CTL/Components/Pages/Ethics.razor.rz.scp.css */
/* banner */
.ethics__banner[b-prks9md9xc] {
    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-prks9md9xc] {
    position: relative;
    height: 100%;
}

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

.ethics-section__h2[b-prks9md9xc]{
    text-align: center;
    margin: 0 auto;
}

.ethics-section__intro[b-prks9md9xc]{
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.ethics-section__intro-text[b-prks9md9xc]  p{
    margin-bottom: 1.6rem;
    font-size: 1.8rem;
    text-align: center;
}

.ethics-section__intro-text[b-prks9md9xc]  p:last-child{
    margin-bottom: 0;
}

.ethics-section__main-img img[b-prks9md9xc]{
    width: 100%;
}

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

/* grid */

.ethics-section__grid[b-prks9md9xc]{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7rem;
    padding-top: 5rem;
}

.ethics-section__text-card[b-prks9md9xc]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: fit-content;
}

.ethics-section__text-card-content[b-prks9md9xc]{
    padding-bottom: 2rem;
}

.ethics-section__text-card-content[b-prks9md9xc]::after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 5rem;
    border-bottom:.3rem solid var(--green);
}

.ethics-section__text-card-subtitle[b-prks9md9xc]{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: fit-content;
    gap: 2rem;
}

.ethics-section__text-card-subtitle h5[b-prks9md9xc]{
    width: fit-content;
}

.ethics-section__text-card-text[b-prks9md9xc]{
    overflow: hidden;
    transition: all 1s ease-in-out;
    max-height: 0;
}

.ethics-section__text-card-text[b-prks9md9xc]  p{
    padding-top: 1.5rem;
}

.ethics-section__text-card.down .ethics-section__text-card-text[b-prks9md9xc]{
    max-height: 40rem;
}

/* temp */
.ethics-section__text-card-button[b-prks9md9xc]{
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    transition: all 1s ease-in-out;
}

.down .ethics-section__text-card-button[b-prks9md9xc]{
    transform: rotate(180deg);
}

.ethics-section__text-card-button svg[b-prks9md9xc]{
    transition: all .2s ease-in-out;
    width: 2.8rem;
    height: 2.8rem;
}

.ethics-section__text-card-button:hover svg[b-prks9md9xc]{
    transform: scale(1.2);
}

/* pdf section  */

.ethics-section__pdfs[b-prks9md9xc]{
    background-color: #F7FAF7;
    padding: 7rem 0;
}

.ethics-section__pdfs .container[b-prks9md9xc]{
    display: flex;
    justify-content:space-evenly;
    align-items: center;
    gap: 10rem;
}

.ethics-section__pdfs a[b-prks9md9xc] {
    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-prks9md9xc] {
    text-align: center;
}


.ethics-section__pdfs a img[b-prks9md9xc] {
    width: 100%;
    max-width: 5.2rem;
    transition: all .3s ease-in-out;
}

.ethics-section__pdfs a:hover img[b-prks9md9xc] {
    transform: scale(1.05);
}

/* =====MEDIA QUERIES===== */
@media (max-width: 1024px) {
    .inner[b-prks9md9xc] {
        padding-top: 5rem;
        padding-bottom: 5rem;
        gap: 5rem;
    }

    .ethics-section__grid[b-prks9md9xc] {
        grid-template-columns: repeat(2, 1fr);
    }

    .ethics-section__pdfs .container[b-prks9md9xc]{
        gap: 5rem;
        justify-content: center;
    }
}

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

    .ethics-section__intro[b-prks9md9xc]{
        gap: 3rem;
    }

    .ethics-section__grid[b-prks9md9xc] {
        padding-top: 2.5rem;
        gap: 5rem;
    }

    .ethics-section__pdfs[b-prks9md9xc]{
        padding: 5rem 0;
    }

    .ethics-section__pdfs .container[b-prks9md9xc]{
        gap: 2.5rem;
    }

    .ethics-section__pdfs a[b-prks9md9xc]{
        font-size: 1.6rem;
    }

    .mobile[b-prks9md9xc]{
        display: block;
    }

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

@media (max-width: 576px) {

    .ethics-section__grid[b-prks9md9xc] {
        padding-top: 0;
        grid-template-columns: repeat(1, 1fr);
        gap: 2.5rem;
    }

    .ethics-section__intro-text[b-prks9md9xc]  p{
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .ethics-section__text-card-content[b-prks9md9xc]{
        padding-bottom: 1.5rem;
    }

    .ethics-section__text-card[b-prks9md9xc]{
        padding-left: 1.5rem;
    }

    .ethics-section__pdfs[b-prks9md9xc]{
        padding: 3rem 0;
    }

    .ethics-section__pdfs a[b-prks9md9xc]{
        gap: 2rem;
        font-size: 1.2rem;
    }
}
/* _content/CTL/Components/Pages/Forms.razor.rz.scp.css */
.forms__content-group[b-sfvwdxia0y]{
    display: flex;
    flex-direction: column;
    gap: 2.6rem;
}

.forms__title-row[b-sfvwdxia0y]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.forms__title-row.padded[b-sfvwdxia0y]{
    padding-bottom: 4rem;
}

.forms__title-row p[b-sfvwdxia0y] {
    position: absolute;
    bottom: 0;
}

.forms__title-row .standard-button[b-sfvwdxia0y], .forms__detail-title-row .standard-button[b-sfvwdxia0y]  {
    padding: .7rem 2.2rem;
}


/* table styles */
.forms_documents-table-container[b-sfvwdxia0y]{
    width: 100%;
}

.forms_documents-table[b-sfvwdxia0y] {
    width: 100%;
    border-collapse: collapse;
}

.forms_documents-table th[b-sfvwdxia0y], .forms_documents-table td[b-sfvwdxia0y] {
    border-bottom: .1rem solid var(--gray-light);
    padding: 1rem;
    text-align: left;
}

.forms_documents-table thead[b-sfvwdxia0y] {
    background-color: var(--green-light);
    font-size: 1.4rem;
}

.forms_documents-table tbody[b-sfvwdxia0y] {
    font-size: 1.2rem;
}

.forms_document-actions[b-sfvwdxia0y]{
    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-sfvwdxia0y]{
    display: block;
}

.forms_document-actions:hover[b-sfvwdxia0y]{
    background-color: var(--green);
}

.forms_document-actions-dropdown[b-sfvwdxia0y]{
    display: none;
    position: absolute;
    padding-top: 5rem;
    top: -2.5rem;
    right: 0;
}

.forms_document-actions-links[b-sfvwdxia0y]{
    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-sfvwdxia0y]{
    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-sfvwdxia0y]{
    color: var(--green);
}

/* ==form detail view === */
.forms__detail-title-row[b-sfvwdxia0y]{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.forms__detail-title-row .admin__title[b-sfvwdxia0y]{
    display: flex;
    align-items: center;
    gap: 2rem;
}

.forms__detail-title-row .admin__title a[b-sfvwdxia0y]{
    height: 3.2rem;
}

.forms__detail-title-row .admin__title a:hover[b-sfvwdxia0y]{
    color: var(--green);
}

.forms_form-container[b-sfvwdxia0y] {
    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-sfvwdxia0y] {
    font-size: 1.6rem;
    color: #7E7E7E;
    font-weight: 400;
    line-height: 2.4rem;
}

.forms_form-container p[b-sfvwdxia0y] {
    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-sfvwdxia0y] {
    grid-area: name;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-surname[b-sfvwdxia0y] {
    grid-area: surname;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-email[b-sfvwdxia0y] {
    grid-area: email;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-training[b-sfvwdxia0y] {
    grid-area: training;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-specialty[b-sfvwdxia0y] {
    grid-area: specialty;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-reason[b-sfvwdxia0y] {
    grid-area: reason;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-phone[b-sfvwdxia0y] {
    grid-area: phone;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-country[b-sfvwdxia0y] {
    grid-area: country;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-code[b-sfvwdxia0y] {
    grid-area: code;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-target[b-sfvwdxia0y] {
    grid-area: target;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-company[b-sfvwdxia0y] {
    grid-area: company;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-notes[b-sfvwdxia0y] {
    grid-area: notes;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-bottom: 1.6rem;
}

.jobs__form-job[b-sfvwdxia0y] {
    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-sfvwdxia0y], .forms_documents-table td[b-sfvwdxia0y] {
        max-width: 18rem; 
        overflow: hidden;
    } 

    .forms_documents-table th.actions[b-sfvwdxia0y], .forms_documents-table td.actions[b-sfvwdxia0y]{
        max-width: unset;
        overflow: unset;
    }

    .forms_documents-table th.country[b-sfvwdxia0y], .forms_documents-table td.country[b-sfvwdxia0y]{
        display: none;
    }

    .forms_form-container[b-sfvwdxia0y]{
        column-gap: 4.6rem;
    }
}

@media (max-width: 1024px) {
    .forms_documents-table th.company[b-sfvwdxia0y], .forms_documents-table td.company[b-sfvwdxia0y], .forms_documents-table th.surname[b-sfvwdxia0y], .forms_documents-table td.surname[b-sfvwdxia0y], .forms_documents-table th.name[b-sfvwdxia0y], .forms_documents-table td.name[b-sfvwdxia0y]{
        display: none;
    }

    .forms_form-container p[b-sfvwdxia0y]{
        font-size: 1.6rem;
    }

    .forms_form-container[b-sfvwdxia0y]{
        column-gap: 2.6rem;
    }
}

@media (max-width: 768px) {

    .admin-inner[b-sfvwdxia0y]{
        margin-top: 1rem;
        margin-bottom: 3rem;
    }

    .forms__content-group[b-sfvwdxia0y]{
        gap: 1rem;
    }

    .forms__title-row[b-sfvwdxia0y]{
        flex-direction: column-reverse;
        gap: 2rem;
        padding-bottom: 1rem;
    }

    .forms__title-row.padded[b-sfvwdxia0y]{
        padding-bottom: 1rem;
    }

    .forms__title-row .admin__title[b-sfvwdxia0y]{
        display: none;
    }

    .forms__title-row p[b-sfvwdxia0y] {
        position: relative;
        bottom: unset;
    }

    .forms__title-row .standard-button[b-sfvwdxia0y]{
        width: 100%;
        max-width: 40rem;
    }

    /* form detail view styles */
    .forms_form-container[b-sfvwdxia0y] {
        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-sfvwdxia0y]{
        gap: .6rem;
    }

    .forms_form-container h5[b-sfvwdxia0y]{
        font-size: 1.4rem;
    }

    .forms_form-container p[b-sfvwdxia0y]{
        padding: .5rem 1rem;
    }

    .forms__detail-title-row[b-sfvwdxia0y]{
        flex-direction: column;
        gap: 2rem;
        padding-bottom: 1rem;
    }

    .forms__detail-title-row .admin__title[b-sfvwdxia0y]{
        font-size: 2rem;
        gap: 1rem;
    }

    .forms__detail-title-row .standard-button[b-sfvwdxia0y]{
        width: 100%;
        max-width: 40rem;
    }

}

@media (max-width: 576px) {
    .forms__detail-title-row .admin__title[b-sfvwdxia0y]{
        align-self: flex-start;
    }

    .forms_documents-table th[b-sfvwdxia0y], .forms_documents-table td[b-sfvwdxia0y] {
        border-bottom: none;
    }
}
/* _content/CTL/Components/Pages/Home.razor.rz.scp.css */
/* home header slider imgs - see component HomeHeaderSlider */


.home-parallax-section .inner[b-3hlgb81agx] {
    display: flex;
    flex-direction: column;
    gap: 7rem;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.home-section__parallax-all-content[b-3hlgb81agx]{
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-section__parallax-row[b-3hlgb81agx]{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5rem;
    width: 100%;
}

.home-section__parallax-row> div[b-3hlgb81agx]{
    flex: 1;
    width: 100%;
    display: flex;
    min-height: .1rem;
}

.home-section__parallax-row> div.empty[b-3hlgb81agx]{
    padding-top: 66rem;
    min-width: 2rem;
}

.home-section__info-text[b-3hlgb81agx]{
    flex-direction: column;
    gap: 3.5rem;
    justify-content: space-between;
}

[b-3hlgb81agx] .home-section__info-text .weight-500 p {
    font-weight: 500;
}

.custom-underline[b-3hlgb81agx]::after, .home-section__info-text[b-3hlgb81agx]  .large::after{
    content: ''; 
    position: absolute;
    left: 50%;
    transform: translateX(-50%); 
    bottom: 0; 
    width: 100%;
    border-bottom:.3rem solid var(--green);
}

.home-parallax__subtitle[b-3hlgb81agx]{
    width: fit-content;
    margin: 0 auto;
}

.home-parallax__custom-text[b-3hlgb81agx]{
    font-size: 4rem;
    color: white;
    font-weight: 600;
    max-width: 48rem;
    line-height: 5.6rem;
}

.home-parallax__custom-text[b-3hlgb81agx]  span{
    font-size:15.7rem;
}

.rounded-image-window[b-3hlgb81agx] {
    position: absolute;
    height: 66rem; 
    overflow: hidden;
    width: 48%; 
}

.normal[b-3hlgb81agx] {
    right: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 50rem; 
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 50rem;
}

.reverse[b-3hlgb81agx] {
    left: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 50rem; 
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 50rem;
}

.fixed[b-3hlgb81agx]{
    right: 0;
}

.parallax-image[b-3hlgb81agx] {  
    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-3hlgb81agx] {  
    transform: translateY(15rem) scale(1.5);
}

.p-section-2 .parallax-image[b-3hlgb81agx] {  
    transform: translateY(6rem);
}

.parallax-fixed-image[b-3hlgb81agx] {   
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
}

.home-section__clickable-imgs[b-3hlgb81agx]{
    display: flex;
    gap: 3rem;
}

.home-section__icon-imgs[b-3hlgb81agx] {
    overflow: hidden;
    display: flex;
    gap: 2rem;
    align-items: stretch;
}

.home-section__icon-imgs li[b-3hlgb81agx]{
    bottom: -15rem;
    flex: 1;  
    max-width: 16rem;
}

/* "comprometidos socialmente" cards */
.home-section__icon-imgs li > div[b-3hlgb81agx]{
    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-3hlgb81agx]{
    width: 3.2rem;
    height: auto;
}

.home-section__icon-imgs li > div p[b-3hlgb81agx]{
    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-3hlgb81agx]{
    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-3hlgb81agx] {
    bottom: 0;
    transition: bottom 1s ease-in-out;
}

.home-section__clickable-imgs a[b-3hlgb81agx]{
    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-3hlgb81agx]{
    overflow: hidden;
    border-radius: 50%;
    transition: border .3s ease-in-out;
    border:.2rem solid transparent;
}

.home-section__clickable-imgs img[b-3hlgb81agx], .home-section__icon-imgs img[b-3hlgb81agx]{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .3s ease-in-out;
}

.home-section__clickable-imgs a:hover[b-3hlgb81agx] {
    color: var(--green);
}

.home-section__clickable-imgs a:hover>div[b-3hlgb81agx]{
    border:.2rem solid var(--green);
}

.home-section__clickable-imgs a:hover img[b-3hlgb81agx]{
    transform: scale(1.3);
}

/* form section */
.contact-inner[b-3hlgb81agx] {
    max-width: 74rem;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    align-items: center;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.contact__form[b-3hlgb81agx] {
    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-3hlgb81agx] {
        column-gap: 2.4rem;
        grid-template-columns: repeat(2, calc(50% - 1.2rem));
    }
}
@media (max-width: 576px) {
    .contact__form[b-3hlgb81agx] {
        display: flex;
        flex-direction: column;
    }
}

.contact__form label[b-3hlgb81agx] {
    font-size: 1.6rem;
    color: var(--black);
    font-weight: 400;
    line-height: 2.4rem;
}
.contact__form input[b-3hlgb81agx] {
    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-3hlgb81agx] {
   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-3hlgb81agx] .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-3hlgb81agx] .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-3hlgb81agx] {
    font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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

.contact__form-submit[b-3hlgb81agx] {
    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-3hlgb81agx] {
        flex-direction: column;
        margin: 1rem 0 3rem 0
    }
}

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

/* end form */

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

.complaints a[b-3hlgb81agx] {
    border: white .1rem solid;
}

.home-parallax__custom-number[b-3hlgb81agx] {
    font-size: 15rem;
    color: white;
    font-weight: 600;
    max-width: 48rem;
    line-height: 1;
}

.parallax-claim[b-3hlgb81agx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

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

@media (max-width: 1024px) {
    /* parallax sections */
    .home-parallax-section .inner[b-3hlgb81agx]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .home-parallax-section.p-section-1 .inner[b-3hlgb81agx] {
        padding-top: 2.5rem;
    }

    .home-parallax-section.p-section-2 .inner[b-3hlgb81agx] {
        padding-top: 0;
        gap: 3.5rem;
    }

    .rounded-image-window[b-3hlgb81agx]{
        height: 42rem;
    }

    .p-section-1 .parallax-image[b-3hlgb81agx] {  
        transform: translateY(-1.3rem) scale(1);
    }

    .p-section-2 .parallax-image[b-3hlgb81agx] {  
        transform: translateY(4rem);
        min-width: 75rem;
    }

    .parallax-text[b-3hlgb81agx]{
        height: 42rem;
        display: flex;
        align-items: center;
    } 
    
    .home-parallax__custom-text[b-3hlgb81agx]{
        max-width: 80%;
        font-size: 2rem;
        line-height: 1.5;
    }  
    
    .home-parallax__custom-text[b-3hlgb81agx]  span{
        display: block;
        font-size:7.6rem;
    } 

    .home-parallax-section h5[b-3hlgb81agx]{
        font-size: 1.2rem;
    }

    .p-section-2 .home-section__info-text p[b-3hlgb81agx]{
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .p-section-2 .home-section__info-text h5[b-3hlgb81agx]{
        font-size: 1.4rem;
    }

    .p-section-2 .home-section__info-text[b-3hlgb81agx] {
        gap: 1.5rem;
    }

    .p-section-2 .home-section__info-text .weight-500[b-3hlgb81agx] {
        font-weight: 400;
        padding-bottom: 1.5rem;
    }
    
    .home-section__parallax-row[b-3hlgb81agx] {
        gap: 1.5rem;
    }

    .home-section__parallax-row> div.empty[b-3hlgb81agx]{
        padding-top: 42rem;
        min-width: 2rem;
    }

    .home-section__clickable-imgs[b-3hlgb81agx]{
        gap: 1.6rem;
    }

    .home-section__clickable-imgs a[b-3hlgb81agx] {
        gap: 2.5rem;
    }
}

@media (max-width: 768px) {
    .home-parallax-section .inner[b-3hlgb81agx] {
        padding-bottom: 3rem;
    }

    .home-parallax-section.p-section-1 .inner[b-3hlgb81agx] {
        padding-top: 2.5rem;
    }

    .home-parallax-section.p-section-2 .inner[b-3hlgb81agx] {
        padding-top: 3rem;
        gap: 2.5rem;
    }

    .home-section__parallax-all-content[b-3hlgb81agx]{
        flex-direction: column;
        gap: 3rem;
    } 

    .home-section__parallax-row[b-3hlgb81agx]{
        gap: 3rem;
    }
    .home-section__parallax-row[b-3hlgb81agx]{
        flex-direction: column;
    }

    .home-section__clickable-imgs[b-3hlgb81agx]{
        flex-direction: column;
        gap: 3.5rem;
    }

    .home-section__clickable-imgs a[b-3hlgb81agx]{
        gap: 1.6rem;
    }

    .p-section-1 .rounded-image-window[b-3hlgb81agx] {
        display: none;  
    }

    .p-section-2 .rounded-image-window[b-3hlgb81agx] {
        position: absolute;
        top: 0;
        height: 34rem; 
        overflow: hidden;
        width: calc(100vw - 2.5rem); 
    }

    .p-section-2 .parallax-image[b-3hlgb81agx]{
        min-width: 50rem;
        transform: translateY(-30rem);
    }

    .home-section__parallax-row> div[b-3hlgb81agx]{
        flex: auto;
    }

    /* .home-parallax-section h2,  */
    .home-parallax-section h3[b-3hlgb81agx]{
        font-size: 2rem;
    }

    .home-section__info-text h2.markets[b-3hlgb81agx]{
        font-size: 2rem;
    }
    
    .home-parallax-section h5[b-3hlgb81agx]{
        font-size: 1.6rem;
    }

    .parallax-text[b-3hlgb81agx]{
        height: 34rem;
        display: flex;
        align-items: center;
    }

    .home-parallax__custom-text[b-3hlgb81agx]{
        max-width: 100%;
        font-size: 2rem;
    }  

    .home-section__parallax-row> div.empty[b-3hlgb81agx]{
        display: none;
    }

    .p-section-1 .home-section__info-text[b-3hlgb81agx]{
        gap: 4rem;
    }

    .p-section-2 .home-section__info-text[b-3hlgb81agx]{
        gap: 2.5rem;
    }

    .home-section__info-text a[b-3hlgb81agx] {
        align-self: center;
    }
    
    .home-section__icon-imgs[b-3hlgb81agx]{
        width: 100%;
        align-self: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .home-section__icon-imgs li.mobile-static[b-3hlgb81agx] {
        bottom: 0;
        transition: bottom 1s ease-in-out;
        min-width: 10rem;
    }

    /* Contact form */
    .contact-inner[b-3hlgb81agx] {
        padding-top: 3rem;
        padding-bottom: 6rem;
    }

    .contact-inner label[b-3hlgb81agx]{
        font-size: 1.4rem;
    }
    .home-parallax__custom-number[b-3hlgb81agx] {
        font-size: 7.6rem;
    }
}


@media (max-width: 576px) {

    .home-parallax-section.p-section-1 .inner[b-3hlgb81agx] {
        padding-top: 1rem;
    }

    .p-section-2 .rounded-image-window[b-3hlgb81agx] {
        height: 22rem;  
    }

    .home-section__parallax-row[b-3hlgb81agx] {
        gap: 2rem;
    }

    .parallax-text[b-3hlgb81agx]{
        height: 22rem;
        width: 96% !important;
    }

    .p-section-2 .home-section__info-text[b-3hlgb81agx]{
        gap: 1.5rem;
    }

    .p-section-1 .home-section__info-text[b-3hlgb81agx]{
        gap: 2rem;
    }

    .home-section__clickable-imgs img[b-3hlgb81agx]{
        max-width: 14rem;
        max-height: 14rem;
    }

    .home-section__icon-imgs li[b-3hlgb81agx] {
        max-width: 13rem;
    }

    .home-section__icon-imgs li > div[b-3hlgb81agx] {
        padding: 1rem 1rem;
        gap: .5rem;
    }

    .home-section__clickable-imgs[b-3hlgb81agx] {
        gap: 2.5rem;
    }

    .home-section__clickable-imgs a[b-3hlgb81agx]{
        gap: 1rem;
    }

    .contact-inner[b-3hlgb81agx]{
        gap: 2rem;
    }

    .contact__form-submit[b-3hlgb81agx]{
        margin: 0;
    }
}

/* _content/CTL/Components/Pages/Jobs.razor.rz.scp.css */
.jobs__banner[b-tqitwk8av6] {
    background-image: url("/img/jobs/jobs-banner.png");
}

.jobs__banner .container[b-tqitwk8av6] {
    position: relative;
    height: 100%;
}

.jobs__banner-title[b-tqitwk8av6] {
    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-tqitwk8av6] {
    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-tqitwk8av6] {
            gap: 2rem;
            margin: 4rem auto;
        }
    }

.jobs__title[b-tqitwk8av6] {
    grid-area: title;
    text-align: center;
    font-weight: 700;
}

[b-tqitwk8av6] .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-tqitwk8av6] .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-tqitwk8av6], .cv-label[b-tqitwk8av6] {
    font-size: 1.6rem;
    color: var(--black);
    font-weight: 400;
    line-height: 2.4rem;
}

[b-tqitwk8av6] .jobs__form input, [b-tqitwk8av6] .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-tqitwk8av6]{
    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-tqitwk8av6]{
    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-tqitwk8av6] .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-tqitwk8av6] .jobs__form option {
    width: 72rem;
}

[b-tqitwk8av6] .jobs__form textarea {
    outline: none;
    border: 0.1rem solid var(--gray);
    padding: 1rem;
    border-radius: .5rem;
    font-family: 'Montserrat', sans-serif;
}

[b-tqitwk8av6] .jobs__form-reason textarea {
    height: 15rem; /*to be changed to 34.5 when captha rdy*/
}

[b-tqitwk8av6] .jobs__form textarea.notes {
    height: 9.5rem; /*to be changed to 34.5 when captha rdy*/
}

    @media (max-width: 768px) {
        [b-tqitwk8av6] .jobs__form textarea.notes{
            height: 15rem;
        }
    }

.jobs__form button[b-tqitwk8av6] {
    font-weight: 500;
}

    @media (max-width: 576px) {
        .jobs__form button[b-tqitwk8av6] {
            margin: 0 auto;
            width: 100%;
            /* max-width: 40rem; */
        }
    }

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

.jobs__form-name[b-tqitwk8av6] {
    grid-area: name;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-surname[b-tqitwk8av6] {
    grid-area: surname;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-email[b-tqitwk8av6] {
    grid-area: email;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-training[b-tqitwk8av6] {
    grid-area: training;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-specialty[b-tqitwk8av6] {
    grid-area: specialty;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-reason[b-tqitwk8av6] {
    grid-area: reason;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-phone[b-tqitwk8av6] {
    grid-area: phone;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-country[b-tqitwk8av6] {
    grid-area: country;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-code[b-tqitwk8av6] {
    grid-area: code;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-company[b-tqitwk8av6] {
    grid-area: company;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-notes[b-tqitwk8av6] {
    grid-area: notes;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-cv[b-tqitwk8av6] {
    grid-area: cv;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.jobs__form-submit[b-tqitwk8av6] {
    grid-area: submit;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    align-items: flex-end;
    margin-top: 1.3rem;
}

.jobs__form-submit small[b-tqitwk8av6] {
    width: 100%;
}

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

.jobs__form-text[b-tqitwk8av6] {
    grid-area: text;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    margin-top: 2.2rem;
}

.jobs__form-text p[b-tqitwk8av6] {
    font-size: 1.4rem;
}

    .jobs__form-text a[b-tqitwk8av6]{
        font-weight: 700;
    }
/* _content/CTL/Components/Pages/Legal.razor.rz.scp.css */
.inner[b-hvy1bqqqhj]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.legal-section__h1[b-hvy1bqqqhj]{
    font-weight: 700;
    font-size: 4.6rem; 
    text-align: center;
    margin: 0 auto;
}

.legal-section__text-block[b-hvy1bqqqhj], [b-hvy1bqqqhj] .legal-section__text-block ul, [b-hvy1bqqqhj] .legal-section__text-block li{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.legal-section__text-block a[b-hvy1bqqqhj]{
    color: var(--green);
}

.legal-section__text-block a:hover[b-hvy1bqqqhj]{
    text-decoration: underline;
}


@media (max-width: 576px) {
    .inner[b-hvy1bqqqhj]{
        padding-top: 3rem;
        padding-bottom: 3rem;
        gap: 2rem;
    }

    .legal-section__h1[b-hvy1bqqqhj]{
        font-size: 3.6rem; 
    }

    .legal-section__text-block[b-hvy1bqqqhj] {
        gap: 1rem;
    }
}
/* _content/CTL/Components/Pages/Markets.razor.rz.scp.css */
.markets__banner[b-ju3hepyr94] {
    background-image: url("/img/markets/markets-banner.png");
}

.markets__banner .container[b-ju3hepyr94] {
    position: relative;
    height: 100%;
}

.markets-section__content[b-ju3hepyr94]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
}

.markets-section__content h2[b-ju3hepyr94]{
    margin-bottom: 5rem;
}

.markets-section__row[b-ju3hepyr94]{
    display: flex;
    align-items: center;
}

.right .markets-section__row[b-ju3hepyr94]{
    flex-direction: row-reverse;
}

.markets-section__rounded-window[b-ju3hepyr94]{
    position: absolute;
    height: 50rem; 
    overflow: hidden;
    width: 45%; 
    background-color: var(--gray-light);
    top: 50%;
    transform: translateY(-50%);
}

.right .markets-section__rounded-window[b-ju3hepyr94] {
    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-ju3hepyr94] {
    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-ju3hepyr94]{
    width:100%;
    height: 63rem;
    overflow: hidden;
    z-index: 10;
}

.markets-section__img-container img[b-ju3hepyr94]{
    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-ju3hepyr94] {
    right: 0;
}

.left .markets-section__img-container img[b-ju3hepyr94] {
    left: 0;
} 

.markets-section__img-container img.in-view[b-ju3hepyr94] {
    bottom: 50%;
    transform: translateY(50%); 
}

.markets-section__row div[b-ju3hepyr94]{
    flex: 1;
}

.markets-section__text[b-ju3hepyr94]{
    display: flex;
    flex-direction: column;
    gap: 3.5rem;
    min-height: 50rem;
    padding: 10rem 0;
    align-self: flex-start;
}

.markets-section__text[b-ju3hepyr94]  p{
    margin-bottom: 1.6rem;
}

.markets-section__text[b-ju3hepyr94]  p:last-child{
    margin-bottom: 0;
}


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

@media (max-width: 1024px) {

    .markets-section__content[b-ju3hepyr94]{
        gap: 5rem;
    }

    .markets-section__text[b-ju3hepyr94]{
        padding: 5rem 0;
    }

    .markets-section__img-container[b-ju3hepyr94]{
        height: 52rem;
    }
}

@media (max-width: 768px) {
    .markets-section__content[b-ju3hepyr94]{
        padding-top: 2.5rem;
        padding-bottom: 5rem;
    }

    .markets-section__content h2[b-ju3hepyr94]{
        margin-bottom: 4rem;
    }

    .markets-section__text[b-ju3hepyr94]{
        padding: 0;
        min-height: 0;
        gap: 1.5rem;
    }
  
    .markets-section__text h3[b-ju3hepyr94]{
        font-size: 3rem;
    }
    
    .markets-section__rounded-window[b-ju3hepyr94]{
        width: 95%; 
        transform: none; 
        height: 40rem;
        top: 2.5rem;
    }

    .left .markets-section__row[b-ju3hepyr94]{
        flex-direction: column;
    }

    .right .markets-section__row[b-ju3hepyr94]{
        flex-direction: column;
    }

    .markets-section__img-container[b-ju3hepyr94]{
        min-height: 45rem;
        height: 100%;
        width: 45rem;
    }

    .markets-section__img-container img[b-ju3hepyr94]{
        height: 100%;
        width: auto;
    }
}


@media (max-width: 576px) {

    .markets-section__content[b-ju3hepyr94]{
        gap: 3rem;
    }

    .markets-section__text h3[b-ju3hepyr94]{
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .markets-section__rounded-window[b-ju3hepyr94]{ 
        height: 20rem;
        top: 4rem;
    }

    .markets-section__img-container[b-ju3hepyr94] {
        min-height: 28rem;
        height: 100%;
        width: 28rem;
    }

    .markets-section__img-container img[b-ju3hepyr94]{
        min-height: 28rem;
        height: 100%;
    }

    .left .markets-section__img-container[b-ju3hepyr94] {
        margin-right: 2rem;
    }

    .right .markets-section__img-container[b-ju3hepyr94] {
        margin-left: 2rem;
    }
}
/* _content/CTL/Components/Pages/News.razor.rz.scp.css */
.news__banner[b-wo1ao0uqgy] {
    background-image: url("/img/news/news-banner.png");
}

.news__banner .container[b-wo1ao0uqgy] {
    position: relative;
    height: 100%;
}

section.news__content[b-wo1ao0uqgy] {
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
    justify-content: center;
}

.news__content >.container[b-wo1ao0uqgy] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 3.5rem;
}

.custom-button[b-wo1ao0uqgy]{
    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-wo1ao0uqgy]{
    color: white;
    background-color: var(--green);
}

/* ===NEWS DETAIL STYLES=== */
.news-detail[b-wo1ao0uqgy]{
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.breadcrumb[b-wo1ao0uqgy]{
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.breadcrumb a[b-wo1ao0uqgy] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #343434;

}

.detail-inner[b-wo1ao0uqgy]{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3rem;
}

.other-news-inner[b-wo1ao0uqgy]{
    display: flex;
    flex-direction: column;
    gap: 7rem;
}

.other-news-inner ul.container[b-wo1ao0uqgy]{
    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-wo1ao0uqgy]{
    display: flex;
    flex-direction: column;
    gap: 4.5rem;
}

.news-detail__article-flex[b-wo1ao0uqgy]{
    display: flex;
    gap: 2.5rem;
}

.news-detail__article-flex>div[b-wo1ao0uqgy],.news-detail__article-flex>figure[b-wo1ao0uqgy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.news-detail__article > p span[b-wo1ao0uqgy] {
    color: #565555;
}

.newsdetail__img-container[b-wo1ao0uqgy], .newsdetail__video-container[b-wo1ao0uqgy] {
    width: 100%;
}

.newsdetail__img-container img[b-wo1ao0uqgy], .newsdetail__secondary-img-container img[b-wo1ao0uqgy]{
    width: 100%;
}

.newsdetail__secondary-img-container[b-wo1ao0uqgy]{
    display: flex;
    gap: 3rem;
    justify-content: center;
    max-width: 50%;
    margin: 0 auto;
}

.newsdetail__video-container video[b-wo1ao0uqgy]{
    width: 100%;
}

.secondary-img[b-wo1ao0uqgy]{
    max-width: 60rem;
    margin: 0 auto;
}

.news-detail__article-content[b-wo1ao0uqgy]{
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

[b-wo1ao0uqgy] .newsdetail__text p {
    margin-bottom: 2rem;
}

[b-wo1ao0uqgy] .newsdetail__text ul{
    list-style-type: disc;
}

[b-wo1ao0uqgy] .newsdetail__text li{
    margin-bottom: 1rem;
    margin-left: 2rem;
}

[b-wo1ao0uqgy] .newsdetail__text ol {
    margin-left: 2rem;
}

[b-wo1ao0uqgy] .newsdetail__text p:last-child {
    margin-bottom: 0;
}

[b-wo1ao0uqgy] .news-detail__article a {
    color: var(--green);
}

[b-wo1ao0uqgy] .news-detail__article a:hover{
    text-decoration: underline;
}

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

@media (max-width: 1024px) {
    .news__content >.container[b-wo1ao0uqgy] {
        grid-template-columns: 1fr 1fr;
    }

    .news__banner-title[b-wo1ao0uqgy] {
        font-size: 3.2rem;
        padding-bottom: 1rem;
    }

    .other-news-inner ul.container[b-wo1ao0uqgy]{
        grid-template-columns: 1fr; 
    }

    .news-detail__article-flex[b-wo1ao0uqgy]{
        display: flex;
        flex-direction: column;
    }
    
    .news-detail__article-flex>div[b-wo1ao0uqgy],.news-detail__article-flex>figure[b-wo1ao0uqgy] {
        flex: unset;
        gap: 2rem;
    }

    .newsdetail__secondary-img-container[b-wo1ao0uqgy]{
        max-width: unset;
        margin: unset;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    section.news__content[b-wo1ao0uqgy] {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        gap: 2.5rem;
    }

    .news__content >.container[b-wo1ao0uqgy] {
        gap: 2.5rem;
    }

    .custom-button[b-wo1ao0uqgy]{
        padding: .6rem 6.5rem;
    }

    /* other news */
    .news-detail[b-wo1ao0uqgy]{
        gap: 5rem;
    }

    .other-news-inner[b-wo1ao0uqgy]{
        gap: 5rem;
    }
}

@media (max-width: 576px) {

    .detail-inner[b-wo1ao0uqgy]{
        gap: 2rem;
    }

    .detail-inner h2[b-wo1ao0uqgy]{
        font-size: 2rem;
        line-height: 2.8rem;
    }
    .news__content >.container[b-wo1ao0uqgy] {
        grid-template-columns: 1fr;
    }

    .other-news-inner[b-wo1ao0uqgy]{
        gap: 3rem;
    }

    .other-news-inner ul.container[b-wo1ao0uqgy] {
        gap: 2rem;
    }
}
/* _content/CTL/Components/Pages/Privacy.razor.rz.scp.css */
.inner[b-128ttfnywk]{
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.privacy-section__h1[b-128ttfnywk]{
    font-weight: 700;
    font-size: 4.6rem; 
    text-align: center;
    margin: 0 auto;
}

.privacy-section__text-block[b-128ttfnywk]{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.privacy-section__text-block[b-128ttfnywk]  ul{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    list-style: disc;
    padding-left: 2rem;
}

.privacy-section__text-block[b-128ttfnywk]  ol{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 2rem;
}

.privacy-section__text-block a[b-128ttfnywk]{
    color: var(--green);
}

.privacy-section__text-block a:hover[b-128ttfnywk]{
    text-decoration: underline;
}


@media (max-width: 576px) {
    .inner[b-128ttfnywk]{
        padding-top: 3rem;
        padding-bottom: 3rem;
        gap: 2rem;
    }

    .privacy-section__h1[b-128ttfnywk]{
        font-size: 3.2rem; 
    }

    .privacy-section__text-block[b-128ttfnywk] {
        gap: 1rem;
    }
}
/* _content/CTL/Components/Pages/Responsibility.razor.rz.scp.css */
.responsibility__banner[b-vpk00x5uyb] {
    background-image: url("/img/responsibility/responsibility-banner.png");
}

.responsibility__banner .container[b-vpk00x5uyb] {
    position: relative;
    height: 100%;
}

.responsibility-section__content[b-vpk00x5uyb]{
    padding-top: 7rem;
    display: flex;
    flex-direction: column;
}

.responsibility-section__row[b-vpk00x5uyb]{
    padding-top: 7rem;
    padding-bottom: 5rem;
}

.responsibility-section__text-wrapper[b-vpk00x5uyb]{
    display: flex;
    align-items: center;
    gap: 5rem;
}

.responsibility-section__text-wrapper .space[b-vpk00x5uyb]{
    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-vpk00x5uyb]{
    width: 85%;
    height: auto;
}

.responsibility-section__text[b-vpk00x5uyb]{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-self: center;
    align-items: flex-start;
    justify-content: center;
}

.responsibility-section__text[b-vpk00x5uyb]  ul{
    list-style-type: disc;
    margin-left: 2rem;
}

.responsibility-section__text[b-vpk00x5uyb]  h3 {
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 700;
}

.responsibility-section__text[b-vpk00x5uyb]  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-vpk00x5uyb]  a:hover{
    color: var(--green);
    background-color: white;
}

.responsibility-section__img[b-vpk00x5uyb]{
    position: absolute;
    width: calc(50% - 5rem);
    top: 50%;
    transform: translateY(-50%);
}

.responsibility-section__img.left[b-vpk00x5uyb]{
    left: 0;
}

.responsibility-section__img.right[b-vpk00x5uyb]{
    right: 0;
}

.responsibility-section__img img[b-vpk00x5uyb]{
    width: 100%;
    height: auto;
}

/* contribution list */
.contribution-list.container-wide[b-vpk00x5uyb] {
    padding-top: 7rem;
    padding-bottom: 7rem;
    display: flex;
    flex-direction: column;
    gap: 10rem;
} 

.slider-wrapper[b-vpk00x5uyb]{
    overflow: hidden;
    position: relative;
    transform: translate(0px);
    user-select: none;
    width: fit-content;
    margin-left: 1rem;
    margin-right: 2rem;
}


.responsibility-section__list[b-vpk00x5uyb]{
    display: flex;
    gap: 5rem;
    width: fit-content;
    transition: transform 1s ease-in-out;
    cursor: -webkit-grab; 
    cursor: grab;
}

.responsibility-section__list li[b-vpk00x5uyb]{
    display: flex;
    flex-direction: column;
    gap: 5rem;
    align-items: center;
}

/* year styles */
.responsibility-section__year[b-vpk00x5uyb] {
    height: fit-content;
    width: 22.5rem;
}

/* colors */
.color1[b-vpk00x5uyb]{
    color: #0B4024;
}

.color2[b-vpk00x5uyb]{
    color: #036532;
}

.color3[b-vpk00x5uyb]{
    color: #07833F;
}

.color4[b-vpk00x5uyb]{
    color: #20A58F;
}

.color5[b-vpk00x5uyb]{
    color: #007676;
}

.color6[b-vpk00x5uyb]{
    color: #01615F;
}

.color7[b-vpk00x5uyb]{
    color:#1B3D6B;
}

.color8[b-vpk00x5uyb]{
    color: #2B61A7;
}

.color9[b-vpk00x5uyb]{
    color: #8ABD34;
}

.color10[b-vpk00x5uyb]{
    color: #BCDF81;
}

.color11[b-vpk00x5uyb]{
    color: #5C9834;
}
/* end colors */

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

.responsibility-section__year h4[b-vpk00x5uyb]{
    font-size: 3.2rem;
    font-weight: bold;
}

.responsibility-section__year svg[b-vpk00x5uyb]{
    display: block;
}

/* continuation shadow line */
.responsibility-section__list li:not(:last-child) .responsibility-section__year[b-vpk00x5uyb]::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-vpk00x5uyb]{
    opacity: .6;
}

.responsibility-section__year-outer[b-vpk00x5uyb]{
    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-vpk00x5uyb]{
    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-vpk00x5uyb]{
    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-vpk00x5uyb]{
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    padding: 4rem 2.5rem; 
}

.contribution-content[b-vpk00x5uyb]  ul{
    display: flex;
    flex-direction: column;
    gap: 2rem;
    list-style: disc;
    padding-left: 2rem;
}

.contribution-content .contribution-content__images[b-vpk00x5uyb]{
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    align-items: center;
}

.contribution-content .contribution-content__images img[b-vpk00x5uyb]{
    height: 7rem;
    width: auto;
}
/* buttons */
.slider__button-container[b-vpk00x5uyb] {
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
    right: 0;
    top: 12.4rem;
    margin: 0 1rem;
}

.slider__button-container button[b-vpk00x5uyb] {
    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-vpk00x5uyb] {
    box-shadow: 0px 0px 28px 0px #0000001A;
}

.slider__button-container button:first-child svg[b-vpk00x5uyb] {
    transform: rotate(180deg);
}


.slider__button-container  button.disable[b-vpk00x5uyb] {
    opacity: 0;
}

/* =====MEDIA QUERIES===== */
@media (max-width: 1024px) {
    .responsibility-section__content[b-vpk00x5uyb]{
        padding-top: 5rem;
    }

    .contribution-list.container-wide[b-vpk00x5uyb]{
        padding-top: 5rem;
        gap: 5rem;
    }
    
    /* to align with global container padding */
    .responsibility-section__img[b-vpk00x5uyb]{
        width: calc(50% - 2.5rem);
    }

    /* "nuestro compromiso" section vertical stacking classes*/
    .responsibility-section__row:first-of-type[b-vpk00x5uyb]{
        padding-bottom: 0;
    }

    .responsibility-section__row[b-vpk00x5uyb]{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .responsibility-section__row:nth-of-type(odd) .responsibility-section__text-wrapper[b-vpk00x5uyb]{
        flex-direction: column;
    }

    .responsibility-section__row:nth-of-type(even) .responsibility-section__text-wrapper[b-vpk00x5uyb]{
        flex-direction: column-reverse;
    }

    .responsibility-section__text[b-vpk00x5uyb]{
        width: 100%;
    }

    .responsibility-section__text-wrapper .space[b-vpk00x5uyb]{
        min-height: 50vw;
    }

    .responsibility-section__img[b-vpk00x5uyb]{
        width: 90%;
        top: 5rem;
        transform: none;
    }

    /* end "nuestro compromiso" section vertical stacking classes*/

    .responsibility-section__text[b-vpk00x5uyb]  a{
        padding: .7rem 2.6rem;
        font-size: 1.4rem;
        font-weight: 500;
        width: 100%;
    }

    .slider__button-container[b-vpk00x5uyb]{
        margin: 0;
    }
}


@media (max-width: 768px) {

    .responsibility-section__content[b-vpk00x5uyb]{
        padding-top: 2.5rem; 
    }
    
    .responsibility-section__row[b-vpk00x5uyb]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .responsibility-section__text-wrapper[b-vpk00x5uyb]{
        gap: 2.5rem;
    }

    .responsibility-section__text[b-vpk00x5uyb]{
        gap:2.6rem;
    }

    .responsibility-section__img[b-vpk00x5uyb]{
        top: 2.5rem;
    }

    /* contribution list */

    .contribution-list.container-wide[b-vpk00x5uyb]{
        gap: 2.5rem;
    }

    .responsibility-section__contribution[b-vpk00x5uyb]{
        position: relative;
        opacity: 1;
        top: 0;
        left: 0;
        border-radius: 1rem;
    }

    .responsibility-section__contribution svg[b-vpk00x5uyb]{
        display: none;
    }

    .responsibility-section__contribution[b-vpk00x5uyb]::after{
        content: none;
    }

    .contribution-content .contribution-content__images[b-vpk00x5uyb]{
        gap: 1rem;
    }

    .contribution-content .contribution-content__images[b-vpk00x5uyb]{
        width: 100%;
        max-width: 5.6rem;
        height: auto;
    }
}


@media (max-width: 576px) {

    .contribution-list.container-wide[b-vpk00x5uyb]{
        padding-top: 2rem;
    }

    .responsibility-section__row[b-vpk00x5uyb]{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .responsibility-section__text[b-vpk00x5uyb]{
        gap: 1.5rem;
    }

    .responsibility-section__text[b-vpk00x5uyb]  h3 {
        font-size: 1.6rem;
    }

    .responsibility-section__text[b-vpk00x5uyb]  a{
        padding: .7rem 1rem;
        font-size: 1.2rem;
    }

    .responsibility-section__img[b-vpk00x5uyb]{
        top: 2rem;
    }

    .slider-wrapper[b-vpk00x5uyb]{
        margin: 0;
        padding: 0;
    }
    
    .responsibility-section__list[b-vpk00x5uyb]{
        flex-direction: column;
        gap: 2.5rem;
    }

    .responsibility-section__list >li[b-vpk00x5uyb]{
        background-color: var(--gray-light);
        border-radius: 1rem;
        gap: 2rem;
        padding: 4rem 2.5rem;
    }

    .responsibility-section__contribution[b-vpk00x5uyb]{
        background-color: transparent;
        width: 100%;
    }

    .responsibility-section__year[b-vpk00x5uyb]{
        width: 100%;
    }

    .responsibility-section__year h4[b-vpk00x5uyb] {
        padding-left: 2.5rem;
    }

    .responsibility-section__year svg[b-vpk00x5uyb]{
        display: none;
    }

    .contribution-content[b-vpk00x5uyb] {
        padding: 0;
    }

    .responsibility-section__year-outer[b-vpk00x5uyb]{
        all:unset
    }

    .responsibility-section__year-inner[b-vpk00x5uyb]{
        all: unset;
    }

    .responsibility-section__list li:not(:last-child) .responsibility-section__year[b-vpk00x5uyb]::after {
        all: unset;
    }   

    .slider__button-container button[b-vpk00x5uyb]{
        display: none;
    }
}
/* _content/CTL/Components/Pages/SIGPolicy.razor.rz.scp.css */
.management__banner[b-k11pf8iqsj] {
    background-image: url("/img/sig-policy/sig-banner.png");
}

.management__banner .container[b-k11pf8iqsj] {
    position: relative;
    height: 100%;
}

.management-section__content[b-k11pf8iqsj]{
    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-k11pf8iqsj]{
    display: flex;
    min-height: 31vw;
}

.management-section__flex> div[b-k11pf8iqsj]{
    flex: 1;
}

.management-section__flex> div:first-child[b-k11pf8iqsj]{
    height: 31vw;
    max-height: 59.2rem;
}

.management-section__titles-block[b-k11pf8iqsj]{
    position: absolute;
    z-index: 10;
    height: 50%;
    width: 65%;
    top: 50%;
    transform: translateY(-50%);
}

.management-section__policy-boxes[b-k11pf8iqsj]{
    position: absolute;
    width: 45%;
    z-index: 10;
}

.management-section__policies[b-k11pf8iqsj]{
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    opacity: 0;
    transition: opacity 1s ease;
    height: 0;
}

.management-section__policies.show[b-k11pf8iqsj]{
    opacity: 1;
    position: relative;
    height: auto;
}

.number-section.management-section__policy-title[b-k11pf8iqsj]{
    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-k11pf8iqsj]{
    opacity: 1;
}

.management-section__policy-title[b-k11pf8iqsj]{
    display: flex;
    gap: 2rem;
    align-items: center; 
}

.management-section__policy-title>div[b-k11pf8iqsj]{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.management-section__policy-title img[b-k11pf8iqsj]{
    width: 13.5rem;
    height: auto;
    max-height: 13.5rem;
    object-fit: scale-down;
}

.management-section__policy-title h4[b-k11pf8iqsj]{
    font-size: 9.6rem;
    font-weight: 700;
    line-height: 1;
}

.management-section__policy-title h3[b-k11pf8iqsj]{
    font-size: 3rem;
    font-weight: 700;
    color: var(--black);
    text-transform: uppercase;
}

.management-section__policy-text[b-k11pf8iqsj] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    overflow: hidden;
}

.management-section__policy-text h5[b-k11pf8iqsj]{
    font-size: 1.6rem;
    margin-top: 3rem;
}

.management-section__policy-text[b-k11pf8iqsj]  li{
    margin-left: 2rem;
    list-style-type: disc;
}


/* title colors */
.policy-1 h4[b-k11pf8iqsj]{
    color:#104E76;
}

.policy-2 h4[b-k11pf8iqsj]{
    color: #08759D;
}

.policy-3 h4[b-k11pf8iqsj]{
    color: #2BA0A4;
}

.policy-4 h4[b-k11pf8iqsj]{
    color: #4DB69B;
}

.policy-5 h4[b-k11pf8iqsj]{
   color: #74C896;
}

.policy-6 h4[b-k11pf8iqsj]{
    color: #98DA91;
}

.policy-7 h4[b-k11pf8iqsj]{
    color:#A5CF96;
}

.policy-8 h4[b-k11pf8iqsj]{
    color:#83B55D;
}

.policy-9 h4[b-k11pf8iqsj]{
    color:#5C9834;
}

.policy-10 h4[b-k11pf8iqsj]{
    color:#427123;
}
/* ====MEDIA QUERIES==== */

@media (max-width: 1600px) {
    .management-section__policy-title h3[b-k11pf8iqsj]{
        font-size: 2rem;
        line-height: 1.2;
    }

    .management-section__titles-block .management-section__policy-title h4[b-k11pf8iqsj]{
        font-size: 6.6rem;
    }
}

@media (max-width: 1280px) {
    .management-section__titles-block .management-section__policy-title img[b-k11pf8iqsj]{
        width: 10rem;
    }

    .management-section__titles-block .management-section__policy-title h3[b-k11pf8iqsj]{
        font-size: 1.6rem;
        line-height: 1.2;
    }
}

@media (max-width: 1024px) {

    .management-section__flex[b-k11pf8iqsj] {
        flex-direction: column;
        gap: 7rem;
    }

    .management-section__policy-boxes[b-k11pf8iqsj]{
        width: calc(100% - 5rem);
        max-width: 90rem;
        transform: unset;
    }

    .management-section__flex> div:first-child[b-k11pf8iqsj]{
        width: 100%;
        max-width: 90rem;
        aspect-ratio: 900/617;
    }

    .number-section.management-section__policy-title[b-k11pf8iqsj]{
        width: 100%;
        justify-content: center;
    }

    .management-section__titles-block .management-section__policy-title img[b-k11pf8iqsj]{
        width: 13.5rem;
    }

    .management-section__titles-block .management-section__policy-title h4[b-k11pf8iqsj]{
        font-size: 9.6rem;
    }

    .management-section__titles-block .management-section__policy-title h3[b-k11pf8iqsj]{
        font-size: 3rem;
    }
}

@media (max-width: 768px) {
    .management-section__content[b-k11pf8iqsj]{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
        gap: 2.5rem;
    }

    .management-section__flex[b-k11pf8iqsj] {
        gap: 4rem;
    }

    .management-section__policies[b-k11pf8iqsj]{
        gap: 2rem;
    }

    .management-section__titles-block .management-section__policy-title img[b-k11pf8iqsj]{
        width: 10rem;
    }

    .management-section__titles-block .management-section__policy-title h4[b-k11pf8iqsj]{
        font-size: 6.6rem;
    }

    .management-section__titles-block .management-section__policy-title h3[b-k11pf8iqsj]{
        font-size: 2rem;
    }
}

@media (max-width: 576px) {

    .management-section__policy-boxes[b-k11pf8iqsj]{
        display: none;
    }

    .management-section__flex > div:first-child[b-k11pf8iqsj]{
        display: none;
    }

    .management-section__list[b-k11pf8iqsj]{
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    .management-section__policies[b-k11pf8iqsj]{
        gap: 1rem;
        position: relative;
        opacity: 1;
        box-shadow: 0px 0px 28px 0px #0000001A;
        padding: 3rem;
    }

    .management-section__policy-title[b-k11pf8iqsj]{
        gap: 1rem;
    }

    .management-section__policy-title img[b-k11pf8iqsj]{
        width: 100%;
        max-width: 6rem;
    }

    .management-section__policy-title h4[b-k11pf8iqsj]{
        font-size: 4.6rem;
    }

    .management-section__policy-title h3[b-k11pf8iqsj]{
        font-size: 2rem;
        line-height: 2.8rem;
    }
}
/* _content/CTL/Components/PolicySVG.razor.rz.scp.css */
svg[b-v2piyotq7o]{
    width: 100%;
    height: auto;
}

path[b-v2piyotq7o]{
    filter: url(#shadow);
}

.policy-box:hover path.clickable[b-v2piyotq7o]{
    filter: url(#hover)  url(#inset-shadow);
}

.policy-box:hover text[b-v2piyotq7o]{
    filter: url(#small-shadow);
} 

path.clickable[b-v2piyotq7o], .policy-box[b-v2piyotq7o]{
    cursor: pointer;
}

text.year[b-v2piyotq7o]{
    font-size: 6.4rem;
    font-weight: 700;
}

text.title[b-v2piyotq7o]{
    font-size: 1.8rem;
    font-weight: 400;
    white-space: pre-line;
}


@media (max-width: 576px) {
    svg[b-v2piyotq7o] {
        display: none;
    }
}
/* _content/CTL/Components/Search.razor.rz.scp.css */

.search-container[b-6q8bgy34v9] {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

@media (max-width: 1024px) {
    .search-container[b-6q8bgy34v9] {
        height: 2.8rem;
        margin-right: 0;
    }
}

.search-inner[b-6q8bgy34v9] {
    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-6q8bgy34v9] {
        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-6q8bgy34v9] {
            padding: 0 2.5rem;
        }
    }

    @media (max-width: 576px){
        .search-inner.visible[b-6q8bgy34v9] {
            left: unset;
            transform: unset;
        }
    }

.search-inner.visible .search-flex[b-6q8bgy34v9]{
    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-6q8bgy34v9]{
        margin-left: 15rem;
    }
}

    @media (max-width: 576px) {
        .search-inner.visible .search-flex[b-6q8bgy34v9]{
            margin-left: 0;
        }
    }

.search-inner.visible .search-form[b-6q8bgy34v9]{
    align-items: center;
    background-color: white;
    display: block;
    width: 100%;
    display: flex;
    gap: 2rem;
}

@media (max-width: 576px) {
    .search-inner.visible[b-6q8bgy34v9] {
        width: 100%;
        position: fixed;
        top: calc(7.2rem);
        left: 0;
        padding: 0.8rem 2.5rem;
        background: var(--white);
    }
} 

.search-inner .search__btn[b-6q8bgy34v9] {
    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-6q8bgy34v9] {
    display: flex;
}

    @media (max-width: 576px) {
        .search-inner.visible .search__btn[b-6q8bgy34v9] {
            position: absolute;
            left: 1rem;
        }
    }

.search-inner .search__btn .search__btn-img[b-6q8bgy34v9] {
    width: 1.4rem;
    height: 1.4rem;
}

.search-inner .search-input[b-6q8bgy34v9] {
    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-6q8bgy34v9] {
        font-size: 1.2rem;
    }
}

@media (max-width: 576px) {
    .search-inner .search-input[b-6q8bgy34v9] {
        margin-left: 0;
    }
} 


.search-inner.visible .search-input[b-6q8bgy34v9] {
    display: block;
}

.search-inner .search-input[b-6q8bgy34v9]::placeholder {
    color: var(--black);
    font-family: 'Montserrat', sans-serif;
}

.search-icon[b-6q8bgy34v9], .close-icon[b-6q8bgy34v9] {
    z-index: 3;
    cursor: pointer;

}

.close-icon[b-6q8bgy34v9] {
    right: 0; 
    display: none;
    background-color: white;
    font-size: 1.8rem;
    color: var(--black);
    font-family: 'Montserrat', sans-serif;
}

.close-icon.show.desktop[b-6q8bgy34v9] {
    display: block;
    z-index: 10;
}


@media (max-width: 576px) {
    .close-icon[b-6q8bgy34v9] {
        position: absolute;
        width: 1.4rem;
        height: 1.4rem;
        top: 1.5rem;
        right: 0; 
    }

    .close-icon.show.mobile[b-6q8bgy34v9] {
        display: block;
        right: 4rem;
    }

    .close-icon.show.desktop[b-6q8bgy34v9] {
        display: none;
    }
}

.search-icon.hide[b-6q8bgy34v9] {
    opacity: 0;
}

@media (max-width: 576px) {
    .search-icon.hide[b-6q8bgy34v9] {
        opacity: 1;
    }
}
/* _content/CTL/Components/Timeline.razor.rz.scp.css */
.inner[b-1vrrsxinum] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12rem;
    padding-bottom: 3rem;
}


.timeline-swiper__wrapper[b-1vrrsxinum]{
    overflow: hidden;
    margin-right: 6rem;
    padding: 0 3rem;
}

ul.timeline-swiper__content[b-1vrrsxinum] {
    display: flex;
    width: fit-content;
    cursor: -webkit-grab; 
    cursor: grab;
}

li.timeline-swiper__item[b-1vrrsxinum] {
    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-1vrrsxinum] {
    flex-direction: column-reverse;
}

.timeline-swiper__item[b-1vrrsxinum]::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-1vrrsxinum] {
    position: relative;
    bottom: -7rem;
}

.reverse .timeline-swiper__img[b-1vrrsxinum] {
    bottom: 7rem;
}

.timeline-swiper__img svg[b-1vrrsxinum] {
    width: 18rem;
    display: block;
    margin: 0 auto;
}

.timeline-swiper__item.reverse .timeline-swiper__img svg[b-1vrrsxinum]{
    rotate: 180deg;
}

.timeline-swiper__img img[b-1vrrsxinum] {
    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-1vrrsxinum]{
    bottom: 2rem;
    top: unset;
}

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

.timeline-swiper__text[b-1vrrsxinum] {
    flex: 1;
    text-align: center;
    width: 28rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.timeline-swiper__text h5[b-1vrrsxinum]{
    font-size: 3.8rem;
    font-weight: 600;
    line-height: 6.4rem;
    background-color: white;

}

.color-1[b-1vrrsxinum] {
    color:  #104E76;
}

.color-2[b-1vrrsxinum] {
    color: #08759D;
}

.color-3[b-1vrrsxinum] {
    color: #2BA0A4;
}

.color-4[b-1vrrsxinum] {
    color: #4DB69B;
}

.color-5[b-1vrrsxinum] {
    color: #74C896;
}

.color-6[b-1vrrsxinum] {
    color: #98DA91;
}

.color-7[b-1vrrsxinum] {
    color: #A5CF96;
}

.color-8[b-1vrrsxinum] {
    color: #83B55D;
}

.color-9[b-1vrrsxinum] {
    color: #5C9834;
}

/* buttons */
.timeline-slider__button[b-1vrrsxinum] {
    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-1vrrsxinum]{
    left: 2.5rem;
}

#timeline-slider-next-btn[b-1vrrsxinum]{
    right: 2.5rem;
}

#timeline-slider-prev-btn svg[b-1vrrsxinum] {
    transform: rotate(180deg);
}

.timeline-slider__button:hover[b-1vrrsxinum] {
    box-shadow: 0px 0px 28px 0px #0000001A;
}


.timeline-slider__button.disable[b-1vrrsxinum] {
    opacity: 0;
}

/* ====MEDIA QUERIES==== */
@media (max-width: 1024px) {
    /* buttons */
    .inner[b-1vrrsxinum] {
        gap: 7rem;
        padding-bottom: 3rem;
    }

    .timeline-slider__button[b-1vrrsxinum]{
        top: calc(50% + 3.85rem);
    }
}

@media (max-width: 768px) {
    .inner[b-1vrrsxinum] {
        gap: 2.5rem;
    }

    .timeline-swiper__text h5[b-1vrrsxinum]{
        font-size: 2rem;
    }

    .timeline-swiper__wrapper[b-1vrrsxinum]{
        margin: 0 auto;
        max-width: calc(100vw - 5rem);
    }

    /* buttons */
    .timeline-slider__button[b-1vrrsxinum]{
        top: calc(50% + 1.15rem);
    }

}

@media (max-width: 576px) {
    .inner[b-1vrrsxinum] {
        gap: 0;
    }
    .video-section__inner[b-1vrrsxinum]{
        padding-top: 2.5rem;
    }

    .timeline-swiper__wrapper[b-1vrrsxinum]{
        width: 100%;
        padding: 4rem 0;
        pointer-events: none;
    }

    .timeline-swiper__wrapper[b-1vrrsxinum]::before {
        box-shadow: none;
    }

    /* buttons */
    .timeline-slider__button-container[b-1vrrsxinum] {
        top: calc(50% + 1.85rem); 
    }

    /* De donde vinimos section */
    ul.timeline-swiper__content[b-1vrrsxinum]{
        flex-direction: column;
        width: 100%;
        gap: 4.5rem;
    }

    li.timeline-swiper__item.reverse[b-1vrrsxinum]{
        flex-direction: column;
    }

    li.timeline-swiper__item[b-1vrrsxinum]{
        padding: 0;
        gap: 0;
        width: 100%;
    }

    .timeline-swiper__text[b-1vrrsxinum]{
        width: 100%;
        gap: 2rem;
        justify-content: space-between;
        display: grid;
        grid-template-columns: 9rem 1fr;
        align-items: center;
    }

    .timeline-swiper__text>div[b-1vrrsxinum]{
        display: flex;
        gap: 2rem;
        justify-content: space-between;
        align-items: center;
    }

    .timeline-swiper__text h5[b-1vrrsxinum]{
        font-size: 3.8rem;
    }

    .mobile[b-1vrrsxinum] {
        display: block;
        width: 100%;
    }

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

    .timeline-swiper__img[b-1vrrsxinum] {
        width: fit-content;
        margin: 0 auto;
    }

    .timeline-swiper__img[b-1vrrsxinum], .reverse .timeline-swiper__img[b-1vrrsxinum]{
        bottom: unset;
    }

    .timeline-swiper__img svg[b-1vrrsxinum] {
        margin: 0;
    }

    .timeline-swiper__item.reverse .timeline-swiper__img svg[b-1vrrsxinum]{
        rotate: 0deg;
    }

    .timeline-swiper__img img[b-1vrrsxinum] {
        width: 10rem;
        top: 50%;
        left: 6.66rem;
        transform: translateY(-50%);
    }

    .timeline-swiper__item.reverse .timeline-swiper__img img[b-1vrrsxinum] {
        top: 50%;
        bottom: unset;
    }

    /* dashed line remove*/
    .timeline-swiper__item[b-1vrrsxinum]::before {
        content: none;
        border-top: none; 
        background-image: none; 
    }

    

      .timeline-swiper__content[b-1vrrsxinum]::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; 
      } 

}


/* _content/CTL/Components/VerifyMail.razor.rz.scp.css */
body[b-mfnxcruxm3] {
}