/* /Pages/AboutUs.razor.rz.scp.css */


#landing h1[b-76v88ugc7y] {
    font-weight: 600 !important;
    font-size: 60px;
}

#landing p[b-76v88ugc7y] {
    font-weight: 500 !important;
}

.offset.row[b-76v88ugc7y] {
    justify-content: space-evenly;
    width: 100%;
    margin-top: calc(-100px - 5vh);
    margin-bottom: 70px;
}



.block[b-76v88ugc7y] {
    background-color: white;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
    height: 200px;
    /*    max-width: 30%;*/
    max-width: 30%;
    width: 385px;
    flex: 1;
    border-radius: 20px;
    text-align: center;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.212));
    box-sizing: border-box;
    padding: 40px;
    gap: 36px;
}

    .block p[b-76v88ugc7y] {
        font-weight: 500;
        text-transform: uppercase;
        margin: 0;
    }

    .block h2[b-76v88ugc7y] {
        margin: 0;
        font-size: 60px;
        font-weight: 600;
    }

#landing[b-76v88ugc7y] {
    display: flex;
    justify-content: center;
    padding-bottom: 130px;
    /*    height: calc(90vh - 100px ) !important;*/
    align-items: center;

    min-height: 750px;
}

    #landing .container[b-76v88ugc7y] {
        max-width: 729px;
        display: flex;
        justify-self: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }


.container p[b-76v88ugc7y],
.container h1[b-76v88ugc7y],
.container p[b-76v88ugc7y],
.container h5[b-76v88ugc7y] {
    padding-left: 15vw;
    padding-right: 15vw;
}

section[b-76v88ugc7y] {
    position: relative;
}

#numbers[b-76v88ugc7y] {
    background-color: #F8CE46;
    text-align: center;
}

    #numbers h1[b-76v88ugc7y] {
        font-size: 3em;
        margin-top: 0;
    }

#story[b-76v88ugc7y] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

    #story div[b-76v88ugc7y] {
        width: 45%;
    }

.img[b-76v88ugc7y] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

    .img img[b-76v88ugc7y] {
        height: 55vh;
        width: auto;
        max-width: 80%;
        border-radius: 20px;
        filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.212));
        object-fit: cover;
    }

a.button[b-76v88ugc7y] {
    margin: auto;
    margin-top: 50px;

    
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 40px;
    border-radius: 20px;
    border: 1px black solid;
    text-decoration: none;
    color: black;
    transition: background-color .3s ease;
}
a.button:hover[b-76v88ugc7y] {
    border-color: white;
    background-color: white;
}

    a.button img[b-76v88ugc7y] {
        height: 1em;
    }

    
    .button.white[b-76v88ugc7y] {
        border: 1px #fff solid !important;
        color: #fff !important;
    }

    a.button.white:hover[b-76v88ugc7y] {
        border: 1px #000 solid !important;
        color: #000 !important;
        background-color: white!important;
    }

#story b:not(.green)[b-76v88ugc7y] {
    font-weight: 500;
    line-height: 170%;
}

#story b.green[b-76v88ugc7y] {
    font-size: 3em;
}

#landing h1[b-76v88ugc7y] {
    font-size: 3em;
    font-weight: 400;
}


#landing button[b-76v88ugc7y] {
    color: black;
    border: none;
    background-color: #4BE3AB;
    padding: 15px 35px;
    border-radius: 40px;
    font-size: 1em;
    font-weight: 500;
    transition: background-color .3s ease;
}

    #landing button:hover[b-76v88ugc7y] {
        background-color: #43CB99;
    }

    #landing .container p.title[b-76v88ugc7y] {
        margin-bottom: 0!important;
    }
    #landing .container p.content[b-76v88ugc7y] {
        margin-bottom: 30px;
    }

.testo p[b-76v88ugc7y] {
    line-height: 160%;
}


#story .testo[b-76v88ugc7y] {
    display: flex;
    flex-direction: column;

    margin-left: 110px;
    margin-top: 110px;
}

    #story .testo span[b-76v88ugc7y] {
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 20px;
    }



@media only screen and (max-width: 956px) {

    #story .testo[b-76v88ugc7y] {
        margin-left: 0;
        margin-top: 0;
    }
    #landing button[b-76v88ugc7y] {
        margin-bottom: 130px;
    }

    /*  PER CAROUSEL
    transform: translateX(0);
    transform: translateX(-33%);
    transform: translateX(-66%);*/

    h1[b-76v88ugc7y] {
        font-size: 2.3em !important;
        font-weight: 600;
    }

    .container p[b-76v88ugc7y],
    .container h1[b-76v88ugc7y] {
        padding: 0 !important;
    }

    section[b-76v88ugc7y] {
        /*        padding: 20px 0px 120px 0px !important;*/
        padding: 5vh 20px !important;
        box-sizing: border-box;
        width: 100vw;
        height: auto !important;
    }

    #landing .container[b-76v88ugc7y] {
        width: 100%;
    }

    #landing h1[b-76v88ugc7y] {
        margin-bottom: 0;

    }

    #landing h1[b-76v88ugc7y], #landing p[b-76v88ugc7y] {
        width: 100%;
        padding: 20px 0;
        font-weight: 600;
        line-height: 150%;

        padding: 20px calc(calc(1124px / 12) / 2) !important;
    }

    .sprites[b-76v88ugc7y] {
        z-index: -1;
    }

    #landing button[b-76v88ugc7y] {
        font-size: 1.2em;
        padding: 20px;
        box-sizing: border-box;
        transition: background-color .3s ease;

    }


        #landing button:hover[b-76v88ugc7y] {
            background-color: #43CB99;
        }

    .sprites:nth-of-type(1)[b-76v88ugc7y] {
        left: 0;
        bottom: 0;
        top: auto;
        max-width: 150px;
        transform: rotate(10deg) translate(-40%, 10%);
    }

    .sprites:nth-of-type(2)[b-76v88ugc7y] {
        right: 0 !important;
        bottom: 0;
        top: auto;
        max-width: 250px;
        transform: rotate(0deg) translate(40%, 15%);
    }

    .row.offset[b-76v88ugc7y] {
        margin-top: 0 !important;
        width: 300vw;
    }


        .row.offset .block[b-76v88ugc7y] {
            max-width: 30% !important;
        }


    #story[b-76v88ugc7y] {
        flex-direction: column;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        padding: 20px !important;
    }

        #story .img[b-76v88ugc7y] {
            width: 100%;
            box-sizing: border-box;
            position: relative;
        }

            #story .img img[b-76v88ugc7y] {
                max-width: 100%;
                box-sizing: border-box;
                border-radius: 20px;
                overflow: hidden;

                max-height: 120vw;;
            }

        #story .testo[b-76v88ugc7y] {
            width: 100%;
        }
}

@media only screen and (min-width: 864px) {
    .transformOnlyMobile[b-76v88ugc7y] {
        transform: none !important;
        transition: transform .3s ease;
    }
}


.carouselControls[b-76v88ugc7y] {
    align-items: center;
    justify-content: center;
    gap: 20px;

    margin-bottom: 35px;
}

.carouselControls .circle[b-76v88ugc7y] {
    background: white;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    padding: 5px;
    border-radius: 15px;
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}
    .carouselControls .circle img[b-76v88ugc7y] {
width: 100%;
object-fit: contain;
object-position: center center;
    }

    .carouselControls .circle .mirrored[b-76v88ugc7y] {
        transform: scaleX(-1);
    }


    /**/
.block[b-76v88ugc7y] {
    flex: 1;
    max-width: 30% !important;
}

.row.offset[b-76v88ugc7y] {
    gap: 60px;
    justify-content: space-between !important;
}

#numbers[b-76v88ugc7y] {
    padding-bottom: 90px !important;
}


/*PER CENTRARE I PRIMI 2 BOXES*/
/*
.block:nth-child(1) h2,
.block:nth-child(2) h2 {
  padding-left: .7em!important;
}
*/
.container p[b-76v88ugc7y],
.container h1[b-76v88ugc7y],
.container p[b-76v88ugc7y],
.container h5[b-76v88ugc7y] {
    padding-left: calc(calc(1124px / 12) / 2) !important;
    padding-right: calc(calc(1124px / 12) / 2) !important;
}

#landing h1[b-76v88ugc7y] {
    line-height: 115% !important;
}

#landing h1[b-76v88ugc7y], #landing p[b-76v88ugc7y] {
    margin: 0;
}

#landing .container[b-76v88ugc7y] {
    gap: 30px;
}

#landing .sprites[b-76v88ugc7y] {
    z-index: -1 !important;
    /*right: calc(50vw + 390px)!important;*/
    transform: translate(50%, -50%) !important;
    right: calc(100vw - calc(calc(100vw - 1124px) / 2)) !important;
}

    #landing .sprites:last-of-type[b-76v88ugc7y] {
        right: auto !important;
        left: calc(100vw - calc(calc(100vw - 1124px) / 2)) !important;
        /*left: calc(50vw + 390px)!important;*/
        /*        transform: translate(-50%, -50%) !important;*/
        transform: translate(25%, -50%) !important;
    }


@media only screen and (max-width: 956px) {
    #landing button[b-76v88ugc7y] {
        margin-bottom: 130px;

    }
    #landing .sprites[b-76v88ugc7y] {
        transform: none!important;
        bottom: 130px;
    }
        #landing .sprites:first-of-type[b-76v88ugc7y] {
            transform: rotate(8deg) !important;
            bottom: 60px;
            height: 274px !important;
            width: auto !important;
            left: -80px;
            max-width: none;
            max-height: none;
        }

        #landing .sprites:last-of-type[b-76v88ugc7y] {
            transform: rotate(7deg) !important;
            bottom: 10px;
            height: 314px !important;
            width: auto !important;
            right: -50px !important;
            max-width: none;
            max-height: none;
            left: auto !important;
        }
}


@media only screen and (max-height: 860px) and (min-width: 864px) {
    #landing[b-76v88ugc7y] {
        max-height: 100vh !important;
        min-height: 85vh !important;
        height: fit-content!important;
    }

        #landing .sprites:last-of-type[b-76v88ugc7y] {
            transform: translate(25%, -50%) !important;
            right: 0 !important;
            left: auto !important;
        }
        #landing .sprites:first-of-type[b-76v88ugc7y] {
            right: auto !important;
            left: 0 !important;
            transform: translate(-25%, -50%) !important;
        }


    .row.offset[b-76v88ugc7y] {
        margin-top: -80px!important;
    }
    .row.offset .block[b-76v88ugc7y] {
        padding: 20px;
    }


    #landing .container p[b-76v88ugc7y] {
        margin-bottom: auto!important;
    }


    #story div[b-76v88ugc7y] {
        margin-top: 110px;
    }

}


/* LOGHI */

#brands[b-76v88ugc7y] {
    max-width: 100vw;
    position: relative;
}

#brands img[b-76v88ugc7y] {
    filter: grayscale(1);
    flex: 1;
}

#brands[b-76v88ugc7y] {
    position: relative;
}

.brands[b-76v88ugc7y] {
    
    overflow: hidden;
}

.brands .row[b-76v88ugc7y] {
display: flex;
align-items: center;

gap: 20px;

animation: customMarquee-b-76v88ugc7y 200s linear infinite;
}

.brands img[b-76v88ugc7y] {
    flex: 1;
    height: 60px;
    min-width: calc(calc(100% - 100px) / 6);
    max-width: calc(calc(100% - 100px) / 6);

    object-fit: contain;
}

@media only screen and (max-width: 956px) {

    #brands[b-76v88ugc7y] {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

        #brands p[b-76v88ugc7y] {
            padding-left: 20px;
            font-weight: bold;
        }
        
    .brands .row[b-76v88ugc7y] {
        animation: customMarquee-b-76v88ugc7y 80s linear infinite;
    }

    .brands .row[b-76v88ugc7y] {
        animation: customMarqueeResponsive-b-76v88ugc7y 60s linear infinite;
    }

    .brands img[b-76v88ugc7y] {
        min-width: calc(calc(100% - 100px) / 3)!important    ;
        max-width: calc(calc(100% - 100px) / 3)!important;
    }
}

@keyframes customMarquee-b-76v88ugc7y {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-390%);
    }
}
@keyframes customMarqueeResponsive-b-76v88ugc7y {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-600%);
    }
}
/* /Pages/Account/OrderDetails.razor.rz.scp.css */
#priceLabel[b-kpjkzq6mdi] {
    text-wrap: nowrap;
}

#orderDetailsPopup .content .row[b-kpjkzq6mdi] {
    /* flex-direction: column;
    align-items: flex-start; */
    gap: 1em;
}

/* #orderDetailsPopup .btn.empty {
    margin: 0;
} */

p.fading[b-kpjkzq6mdi] {
    font-size: 16px!important;
    margin-bottom: 0!important;
}

p:not(.fading)[b-kpjkzq6mdi] {
    margin-bottom: 10px;
}

.popup .side .head[b-kpjkzq6mdi] {
    padding-bottom: 0;
    border-bottom: 0;
}

.popup .modal .side:not(.main)[b-kpjkzq6mdi] {
    align-items: flex-end;
}

.content[b-kpjkzq6mdi] {
    border-bottom: 1px solid #ddd;
}


.btn[b-kpjkzq6mdi] {
    margin: 0;
}

#orderDetailsPopup .scrollable[b-kpjkzq6mdi] {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.fading[b-kpjkzq6mdi] {
    color: #bfbfbf;
}

@media only screen and (max-width: 956px) {
    .row.mwrap[b-kpjkzq6mdi] {
        flex-wrap: wrap;
    }
}
/* /Pages/Account/PromoCodeDetails.razor.rz.scp.css */
.fading[b-ef0q9il0fu] {
    color: #bfbfbf;
    margin-bottom: 0!important;
}

.content p:not(.fading)[b-ef0q9il0fu] {
    margin-top: 0!important;
}
/* /Pages/Account/TranslationDetails.razor.rz.scp.css */
.head h3[b-g3mnioin7r] {
    font-size: 21px!important;
    font-weight: 500!important;
}
h5[b-g3mnioin7r] {
    font-size: 48px!important;
    font-weight: 500!important;
    margin-bottom: 18px!important;
}

a[b-g3mnioin7r] {
    color: #4BE3AB;
}


p.fading[b-g3mnioin7r] {
    font-size: 16px!important;
    margin-bottom: 0!important;
}

p:not(.fading)[b-g3mnioin7r] {
    margin-bottom: 10px;
}

.popup .side .head[b-g3mnioin7r] {
    padding-bottom: 0;
    border-bottom: 0;
}

.popup .modal .side:not(.main)[b-g3mnioin7r] {
    align-items: flex-end;
}

.content[b-g3mnioin7r] {
    border-bottom: 1px solid #ddd;
}


.btn[b-g3mnioin7r] {
    margin: 0;
}

.content p img[b-g3mnioin7r] {
    height: .75em;
    margin: 0 .5em
}
/* /Pages/Account/WellerDetails.razor.rz.scp.css */
.content[b-dqsz42nicv] {
    border-bottom: 1px solid #ddd;
}

[b-dqsz42nicv] .preview {
    flex-grow: unset!important;
    border-bottom: 1px solid #ddd;
    padding: 1em 0;
}

[b-dqsz42nicv] .preview > h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-right: 40px;
    box-sizing: border-box;

    margin: 0;
}

[b-dqsz42nicv] .preview > h3::before {
    width: 30px;
    height: 30px;
    background-image: url(/img/circle_arrow.png);
    transform: rotate(-90deg);
    display: block;
    content: '';
    order: 1;
    
    transition: transform 0.3s ease;
}

[b-dqsz42nicv] .preview.open > h3::before {
    transform: rotate(90deg);
}

.fading[b-dqsz42nicv] {
    color: #bfbfbf;
    margin-bottom: 0!important;
}

.content p:not(.fading)[b-dqsz42nicv] {
    margin-top: 0!important;
}
/* /Pages/Checkout.razor.rz.scp.css */
/*@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
*[b-erim2vcbja] {
    font-family: 'Inter', sans-serif;
}

h1[b-erim2vcbja], h2[b-erim2vcbja], h3[b-erim2vcbja], h4[b-erim2vcbja], h5[b-erim2vcbja], b[b-erim2vcbja], span[b-erim2vcbja] {
    /*    font-weight: 400 !important;*/
}

#checkoutContainer[b-erim2vcbja] {
    display: flex;
    padding: 40px;
    gap: 40px;
    margin: 0;
    width: 100vw;
    min-height: 100vh;
    position: relative;
    box-sizing: border-box;
    background-color: #f6f6f6;

    padding-left: calc(calc(100vw - 1124px) / 2) !important;
    padding-right: calc(calc(100vw - 1124px) / 2) !important;
}

    .backWrapper[b-erim2vcbja] {
        padding-left: calc(calc(100vw - 1124px) / 2) !important;
        padding-right: calc(calc(100vw - 1124px) / 2) !important;
    }

    #checkoutContainer section[b-erim2vcbja] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #info[b-erim2vcbja] {
        /*    background-color: #f6f6f6;*/
        /*    width: 60%;*/
        padding: 0;
        position: relative;
        min-height: 100vh;
        /*    padding-left: 20px !important;*/
        box-sizing: border-box;
        /*    margin-top: 50px;*/
        padding-bottom: 90px;
    }

nav[b-erim2vcbja] {
    z-index: 9999;
    width: 100vw;
    box-sizing: border-box;
    background: white;
    /*    position: fixed;*/
    top: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    /*    padding-left: 10%;
    padding-right: 10%;*/
    /*    padding-top: 35px;
    padding-bottom: 35px;*/
    padding: 35px calc(calc(100vw - 1124px) / 2) !important;
    border-bottom: 2px solid #f1f1f1;
}


.label[b-erim2vcbja] {
    display: flex;
    flex-direction: column;
    /*    width: 80%;*/
    /*    margin-top: 20px;*/
    line-height: 200%;
}

#login[b-erim2vcbja] {
    margin-top: 0;
    background: white;
    display: flex;
    text-align: center;
    padding: 9px 10px;
    width: calc(80% - 80px);
    border-radius: 40px;
    align-items: center;
    margin-top: 0;
    font-weight: bold;
    margin-bottom: 20px;
}

    #login img[b-erim2vcbja] {
        margin-right: 10px;
    }

a[b-erim2vcbja] {
    text-decoration: none;
}

    a:hover[b-erim2vcbja] {
        opacity: 1;
    }

.green[b-erim2vcbja] {
    margin-left: .3em;
    margin-right: .3em;
    color: #4BE3AB;
}

.textarea[b-erim2vcbja] {
    height: 250px;
}

#recap[b-erim2vcbja] {
    
    position: sticky;
    top: 0;

    
    padding: 24px 0 !important;
    /*    padding: 0 !important;*/
    background-color: #f6f6f6;
    font-weight: bold;
    /*    position: fixed;*/
    /**/
    height: fit-content;
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 20px 25px;
    min-width: 411px;
    width: 40%;
    max-width: 500px;
}

    #recap .header[b-erim2vcbja] {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
        /*        width: 60%;*/
        /*        margin-left: 50px;*/
        width: 100%;
        text-align: left;
        box-sizing: border-box;
        border-bottom: solid 1px #cacaca;
        margin-bottom: 20px;
        padding: 0 20px 20px 20px;
        text-transform: uppercase;
        font-weight: 500 !important;
    }


.between[b-erim2vcbja] {
    display: flex;
    justify-content: space-between;
    /*    margin-top: 20px;*/
}

.between > small[b-erim2vcbja] {
    font-weight: 500!important;
}

.between .col[b-erim2vcbja] {
    display: flex;
    flex-direction: column;
}

.between .col small[b-erim2vcbja] {
    font-weight: normal;
}

#recapInfo[b-erim2vcbja] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    /*    margin-bottom: 40px;*/
    /*    width: 60%;*/
    /*    margin-left: 50px;*/

    padding: 0 !important;
}

    #recapInfo span[b-erim2vcbja] {
        padding-left: 24px;
        padding-right: 24px;
    }

    #recapInfo b[b-erim2vcbja] {
        color: #cacaca;
        text-align: right;
        max-width: 40%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.lingua[b-erim2vcbja] {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px #cacaca solid;
    background-color: white;
    border-radius: 12.5px;
    height: 25px;
    width: auto;
    max-width: 90px;
    font-size: .8em;
    font-weight: bold;
    /*    margin-top: 20px;*/
    padding: 0 6px 0 12px;
}

.remove[b-erim2vcbja] {
    color: black;
    background-color: #4BE3AB;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-left: 20px;
}

.totale[b-erim2vcbja] {
    padding-top: 20px;
    margin-top: 70px;
    border-top: 1px solid #cacaca;
    font-size: 21px;
}

    .totale b[b-erim2vcbja] {
        color: black !important;
    }


.cvv[b-erim2vcbja] {
    width: 5em;
}

.accordion-item[b-erim2vcbja] {
    transition: all .3s ease;
    /*    max-height: calc(4.1em + 70px);*/
    overflow: hidden;
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
    /*    .accordion-item label {
        display: none;
    }*/

    .accordion-item.active[b-erim2vcbja] {
        /*        max-height: 100%;*/
    }

    .accordion-item:not(.active) *:not(h4):not(.editBtn):not(.previewText):not(.accordionBTN)[b-erim2vcbja] {
        display: none;
    }

    .accordion-item.active .previewText[b-erim2vcbja] {
        display: none;
    }


.editBtn[b-erim2vcbja] {
    color: #4BE3AB;
    opacity: .6;
    transition: all .3s ease;
    cursor: pointer;
}

    .editBtn:hover[b-erim2vcbja] {
        opacity: 1;
    }

.accordion-item.active .editBtn[b-erim2vcbja] {
    display: none;
}

.title[b-erim2vcbja] {
    display: flex;
    justify-content: space-between;
    align-content: center;
    margin-bottom: 0;
}

.editBtn[b-erim2vcbja] {
    font-size: .7em;
}

.radioLabel[b-erim2vcbja] {
    flex-direction: row !important;
    /* max-width: 15%; */
    cursor: pointer;
    font-weight: bold;
}

    .radioLabel:hover input[b-erim2vcbja] {
        margin-right: 1.7em;
    }

    .radioLabel input[b-erim2vcbja] {
        transition: all .3s ease;
        margin-right: 1em;
    }

        .radioLabel input:checked[b-erim2vcbja] {
            margin: auto 1em auto 0;
        }


.form button[type="button"][b-erim2vcbja], .form button[type="submit"][b-erim2vcbja]  {
    margin-top: 1em;
    box-sizing: border-box;
    font-weight: bold;
    background-color: #4BE3AB;
    color: black;
    border: none !important;

    width: 100%;
    padding: 1em;
    border-radius: 3em;
}

.form button[type="submit"][b-erim2vcbja] {
    height: 60px;
    border-radius: 30px;  
    font-size: 21px; 

    line-height: 0;
}
.form button:disabled[b-erim2vcbja] {
    background-color: #f6f6f6;
    cursor: not-allowed;
} 

@media only screen and (max-width: 956px) {
    #checkoutContainer[b-erim2vcbja] {
        padding: 20px !important;
        flex-direction: column !important;
        gap: 20px !important;
    }
    .backWrapper[b-erim2vcbja] {
        padding: 20px !important;
    }

    #info[b-erim2vcbja] {
        padding-top: 0 !important;
        padding-left: 0 !important;
        width: 100% !important;
        padding-bottom: 0 !important;
        height: fit-content !important;
        min-height: unset !important;
    }


    nav[b-erim2vcbja] {
        /*            position: fixed !important;*/
        z-index: 9999999 !important;
        width: 100% !important;
        box-sizing: border-box !important;
        top: 0;
        height: 3.5em !important;
        padding: 1em !important;
    }

    #recap[b-erim2vcbja] {
        /*        padding-top: 4.5em !important;*/
        position: relative !important;
        width: 100% !important;
        height: fit-content !important;
        box-sizing: border-box !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 0 !important;
    }

    #recapInfo span[b-erim2vcbja] {
        /*            box-sizing: border-box !important;*/
        /*            width: 90% !important;*/
        margin: 0 !important;
        /*            height: fit-content;*/
        font-weight: 600 !important;
    }

        #recapInfo span:not(.between):not(.row)[b-erim2vcbja] {
            margin-top: 1em;
            text-align: right;
        }

    #recap .lingua[b-erim2vcbja] {
        font-size: .7em !important;
        text-overflow: ellipsis !important;
        white-space: nowrap;
        width: fit-content !important;
        gap: 1em;
        max-width: fit-content !important;
        margin: 0 !important;
        padding: 0 12px;
        box-sizing: border-box;
    }


    #recapInfo span.totale[b-erim2vcbja] {
        margin-top: 0 !important;
    }

    #recapInfo .row[b-erim2vcbja] {
        padding-top: 1em;
        flex-wrap: wrap !important;
        gap: 1em;
        row-gap: .5em;
    }

    #login[b-erim2vcbja] {
        width: 100%;
        box-sizing: border-box;
    }

    .inputs:not(.smaller)[b-erim2vcbja] {
        flex-direction: column;
    }
}

#recapInfo span:nth-of-type(7)[b-erim2vcbja] {
    text-align: right;
    margin-top: 10px;
}

#recapInfo span.totale[b-erim2vcbja] {
    margin-top: 0 !important;
}

#recap .lingua[b-erim2vcbja] {
    padding: 0 12px;
}

#recap .lingua .remove[b-erim2vcbja] {
    margin: 0 !important;
    /*NASCONDE X*/
    display: none;
}


.accordion-item[b-erim2vcbja] {
    border-radius: 10px;
}

.between p[b-erim2vcbja] {
    margin: 0;
}

.accordion-item .col[b-erim2vcbja] {
    display: flex;
    flex-direction: column;
}

.accordion-item .inputs label[b-erim2vcbja] {
    width: 100%;
}

.accordion-item .inputs label.smaller[b-erim2vcbja] {
    width: fit-content !important;
}

select[name="AnnoScadenza"][b-erim2vcbja] {
    width: 5em !important;
}

select[name="MeseScadenza"][b-erim2vcbja] {
    width: 7em !important;
}

.row.wrap[b-erim2vcbja] {
    flex-wrap: wrap;
    margin-bottom: 10px;
    gap: 10px;
}


.checkbox[b-erim2vcbja] {
    display: flex;
    align-items: flex-start;
    width: auto !important;
    gap: 10px;
}

.checkbox[b-erim2vcbja]  input {
    min-width: 20px !important;
    max-width: 20px !important;
    width: 20px !important;
    height: 20px !important;
}

.termini-col p a[b-erim2vcbja] {
    text-decoration: underline !important;
    opacity: .8!important;
}


.checklabel span[b-erim2vcbja] {
    font-size: .9em;
}

.PM_credit_card[b-erim2vcbja]{ 
  position: relative;
  width: fit-content!important;
  padding-right: 4em;

  
  display: flex;
  align-items: center;
}
.PM_credit_card[b-erim2vcbja]::after {
  content: '';
 
    background-image: url("icons/stripe.svg");

    width: 5em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    margin-left: 1em;
}

.goback[b-erim2vcbja] {
    order: 3;
    margin-top: 20px;
}

.form *[b-erim2vcbja] {
    font-weight: 500!important;
}
/* /Pages/Contact.razor.rz.scp.css */
#landing[b-65so86309h] {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    position: relative;
    max-height: none!important;
    height: auto!important;
}

    #landing .content[b-65so86309h] {
        flex-direction: column;
        justify-content: flex-start;
        width: 70%;
    }

        #landing .content p.call[b-65so86309h] {
            margin-bottom: 70px;
        }

        #landing .content h1[b-65so86309h] {
            font-size: 3em;
            margin-bottom: 10px;
        }

        #landing .content h3[b-65so86309h] {
            margin-top: 75px;
            font-size: 21px !important;
            font-weight: 600 !important;
            margin-bottom: 60px;
        }

[b-65so86309h] form p {
    margin-top: 15px;
    font-weight: 500;
}

[b-65so86309h] .inputs {
    display: flex;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    gap: 25px;
}

[b-65so86309h] input, [b-65so86309h] textarea {
    border-radius: 10px;
    padding: 10px 15px;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    border: solid 1px #cccccc;
    position: relative;
}



[b-65so86309h] input:hover, [b-65so86309h] textarea:hover {
    border-color: #BFBFBF;
}
[b-65so86309h] input:not(.modified):not(.valid), [b-65so86309h] textarea:not(.modified):not(.valid) {
    border-color: #f00;
}
[b-65so86309h] input.modified.valid, [b-65so86309h] textarea.modified.valid {
    border-color: #4BE3AB;
}

input:focus[b-65so86309h] {
    border-color: #BFBFBF;
}

[b-65so86309h] textarea {
    height: 250px;
}



[b-65so86309h] button {
    border: none;
    background-color: #4BE3AB;
    display: block;
    box-sizing: border-box;
    height: 60px;
    min-width: 120px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 30px;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 130px;
    margin-top: 60px;
    transition: all .3s ease;
    cursor: pointer !important;
}


    [b-65so86309h] button:hover {
        background-color: #43cb99;
    }

:: deep nav[b-65so86309h] {
    border-bottom: 1px solid #d6d6d6;
}

[b-65so86309h] #CV {
    display: none;
}

[b-65so86309h] #sfoglia {
    pointer-events: none;
}

[b-65so86309h] .inputIcon {
    transform: translate(-150%, 40%);
    background-color: #F6F6F6;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 10px;
    cursor: pointer;
}

[b-65so86309h] .listInput {
    border-radius: 10px;
    padding: 10px 15px;
    min-height: 50px;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    border: solid 1px #cccccc;
    position: relative;
    display: flex;
    align-items: center;
}

    [b-65so86309h] .listInput .view {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        gap: 0.25em;
        padding: 0 0;

        min-height: 1em;
        cursor: pointer;
    }

        [b-65so86309h] .listInput .view .selectIcon {
            position: absolute;
            /*            top: 50%;*/
            right: 5px;
            /*            transform: translateY(75%);*/

            padding: 0.5em;
            border-radius: 50% 50%;
            box-sizing: border-box;
            background: #F6F6F6;
            width: 30px;
            height: 30px;
            /*            border: solid 1px green;*/
        }

        [b-65so86309h] .listInput .view .lan {
            border-radius: 1em;
            padding: 0.5em 1em;
            box-sizing: border-box;
            background-color: #4BE3AB;
        }

            [b-65so86309h] .listInput .view .lan img {
                height: 0.5em;
                width: auto;
                margin-left: 0.5em;
            }

    [b-65so86309h] .listInput .list {
        position: absolute;
        width: 100%;
        top: 100%;
        margin-top: 0.25em;
        padding-top: 1em;
        box-sizing: border-box;
        left: 0;
        display: flex;
        flex-direction: column;
        z-index: 2;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 10px;
        transition: all 0.3s ease;
        max-height: 0;
        overflow: hidden;
        z-index: 99;
        box-shadow: rgba(0,0,0,0.4) 0px 10px 10px 0px;
    }

    [b-65so86309h] .listInput .list {
        max-height: 10em;
        overflow: auto;
    }

        [b-65so86309h] .listInput .list span {
            padding: 0.5em 1em;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            border-top: 1px solid #ccc;
            transition: all 0.3s ease;
            cursor: pointer;
        }

            [b-65so86309h] .listInput .list span:first-of-type {
                border-top: none;
            }

            [b-65so86309h] .listInput .list span:hover {
                background-color: #ccc;
            }

@media only screen and (max-width: 956px) {

    section[b-65so86309h] {
        width: 100%;
        padding: 20px !important;
        box-sizing: border-box;
    }

    #landing .landingimage[b-65so86309h] {
        position: absolute;
        z-index: -1;
        right: -12%;
        width: 50%;
        transform: none;
    }

    #landing h1[b-65so86309h] {
        font-size: 2em !important;
        font-weight: bold;
        padding-right: 20%;
    }

    #landing .call[b-65so86309h] {
        padding-right: 20%;
    }

    #landing[b-65so86309h] {
        padding: 20px 0;
    }

        #landing .content[b-65so86309h] {
            width: 100%;
        }

        #landing h3[b-65so86309h] {
            font-size: .9em !important;
            font-weight: bold !important;
        }

    [b-65so86309h] form {
        position: relative;
    }

    [b-65so86309h] .inputs {
        flex-direction: column;
        width: 100%;
    }

        [b-65so86309h] .inputs input {
            margin: 0 0 15px 0 !important;
            width: 100%;
        }

    [b-65so86309h] input, [b-65so86309h] textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 10px;
    }

    [b-65so86309h] .inputIcon {
        right: 5px !important;
        width: 10px !important;
        height: 10px;
        z-index: 3 !important;
        transform: none;
        margin-top: 5px;
        position: absolute;
    }

    [b-65so86309h] form p {
        font-weight: bold;
    }
}

/*CHECKBOX*/
label.checklabel[b-65so86309h] {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 25px;
    width: 80px;
}

.checkbox[b-65so86309h] {
    display: flex;
    align-items: center;
    width: auto !important;
}

    .checkbox[b-65so86309h]  input {
        min-width: 20px !important;
        max-width: 20px !important;
        width: 20px !important;
        height: 20px !important;
    }

@media only screen and (max-height: 860px) and (min-width: 864px) {
    .landingimage[b-65so86309h] {
        max-width: 300px !important;
    }
}
/* /Pages/FAQCustomer.razor.rz.scp.css */
li[b-m8a3r444bi] {
    font-weight: bold;
}
/* /Pages/FAQWeller.razor.rz.scp.css */
li[b-dffsq5d25t] {
    font-weight: bold;
}
/* /Pages/HowItWorks.razor.rz.scp.css */

#landing[b-wssj7qtegi] {
    display: flex;
    justify-content: center;
    padding-bottom: 130px;
/*    height: calc(90vh - 100px ) !important;*/
    align-items: center;
    min-height: 750px;

    overflow-x: hidden;
}

#landing h1[b-wssj7qtegi] { margin: 0; }
#landing p.content[b-wssj7qtegi] { margin-top: 0; }

    #landing .container[b-wssj7qtegi] {
        max-width: 729px;
        display: flex;
        justify-self: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        gap: 30px;
    }

    #landing h1[b-wssj7qtegi] {
        font-weight: 600 !important;
        font-size: 60px;
    }

    #landing h5[b-wssj7qtegi] {
        text-transform: uppercase;
    }

#story[b-wssj7qtegi] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    /* align-items: center; */
}

.offset.row[b-wssj7qtegi] {
    justify-content: space-evenly;
    width: 100%;
    margin-top: calc(-130px - 5vh);
    flex-wrap: wrap;
    align-items: stretch;
}

.block[b-wssj7qtegi] {
    width: 45%;
    box-sizing: border-box;
    /* height: 300px; */
    /* padding: 18px; */
    /* border-radius: 20px; */
    /* background-color: white; */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-evenly; */
    /* margin-bottom: 20px; */

    border-radius: 30px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    padding: 40px;
    margin: 20px;
    margin-bottom: 60px;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
}


    .block h2[b-wssj7qtegi] {
        /* line-height: 140%; */
    }

    .block p[b-wssj7qtegi] {
        color: black;
        line-height: 160%;
    }


    .block img[b-wssj7qtegi] {
        width: 45px;
        height: 45px;
        margin-bottom: 20px;
    }

#numbers[b-wssj7qtegi] {
    background-color: #4249eb;
    /* overflow-x: hidden; */
}

#references[b-wssj7qtegi] {
    border-top: 1px solid #d8d8d8;
}


#landing h1[b-wssj7qtegi] {
    font-size: 3em;
    font-weight: 400;
}

#landing button[b-wssj7qtegi] {
    border: none;
    color: black;
    background-color: #4BE3AB;
    padding: 15px 35px;
    border-radius: 40px;
    font-size: 1em;
    font-weight: 500;
    transition: background-color .3s ease;
}
    #landing button:hover[b-wssj7qtegi] {
        background-color: #43CB99;
    }

/*.container p,
.container h1,
.container p,
.container h5 {
    padding-left: 15vw;
    padding-right: 15vw;
}*/

.container p[b-wssj7qtegi],
.container h1[b-wssj7qtegi],
.container p[b-wssj7qtegi],
.container h5[b-wssj7qtegi] {
    padding-left: calc(calc(1124px / 12) / 2) !important;
    padding-right: calc(calc(1124px / 12) / 2) !important;
}



#landing .container p.content[b-wssj7qtegi] {
    margin-bottom: 30px!important;
}
#landing .container p.title[b-wssj7qtegi] {
    margin-bottom: 0!important;
}

.testo p[b-wssj7qtegi] {
    line-height: 160%;
}

.testo span[b-wssj7qtegi] {
    text-transform: uppercase;
    font-weight: 600;
}


#story .testo[b-wssj7qtegi] {
    width: 100%;
    margin-left: 110px;
    margin-top: 110px;
}


@media only screen and (max-width: 956px) {
    h1[b-wssj7qtegi] {
        font-size: 2.3em !important;
        font-weight: 600;
    }

    section[b-wssj7qtegi] {
/*        padding: 20px 0px 100px 0px !important;*/
        padding: 20px 0px 0px 0px !important;
        box-sizing: border-box;
        width: 100vw;
        height: auto !important;
    }

    #landing .container[b-wssj7qtegi] {
        width: 100%;
    }

    #landing h1[b-wssj7qtegi] {
        margin-bottom: 0;
    }

    #landing h1[b-wssj7qtegi], #landing p[b-wssj7qtegi] {
        width: 100%;
        padding: 20px calc(calc(1124px / 12) / 2) !important;
        font-weight: 600;
        line-height: 150%;
        box-sizing: border-box;
    }

    .sprites[b-wssj7qtegi] {
        z-index: -1;
    }

    #landing button[b-wssj7qtegi] {
        font-size: 1.2em;
        padding: 20px;
        box-sizing: border-box;
        transition: background-color .3s ease;
    }
        #landing button:hover[b-wssj7qtegi] {
            background-color: #43CB99;
        }

    .sprites:nth-of-type(1)[b-wssj7qtegi] {
        left: 0;
        bottom: 0;
        top: auto;
        max-width: 150px;
        transform: rotate(10deg) translate(-50%, 0%);
    }z

    .sprites:nth-of-type(2)[b-wssj7qtegi] {
        right: 0 !important;
        bottom: 0;
        top: auto;
        max-width: 250px;
        transform: rotate(25deg) translate(50%, -10%);
    }

    .row.offset[b-wssj7qtegi] {
        margin-top: 0 !important;
        width: 100%;
        display: flex;
        flex-direction: row;
        box-sizing: border-box;
        overflow: hidden;
        flex-wrap: nowrap;
    }

    #numbers .row:not(.transformOnlyMobile):not(.carouselControls)[b-wssj7qtegi] {
        flex-direction: column !important;
    }
    .row.offset.transformOnlyMobile[b-wssj7qtegi] {
        margin-top: 0 !important;
        width: 400vw;
        gap: 0;
    }
        .row.offset.transformOnlyMobile .block[b-wssj7qtegi] {
            margin-left: 5vw!important;
            margin-right: 5vw!important;
        }

        #numbers .row .block[b-wssj7qtegi] {
            width: 90vw;
            max-width: 90vw;
            min-width: 90vw;
        }

    #story[b-wssj7qtegi] {
        box-sizing: border-box;
        padding: 20px !important;
    }

        #story .testo[b-wssj7qtegi] {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
/*            margin-left: 110px;
            margin-top: 110px;*/
        }

        #story .img[b-wssj7qtegi] {
            display: none;
        }
    /*
    #references {
    }

        #references .slider {
            box-sizing: border-box;
            padding: 10px;
            display: flex;
        }

        #references .comment {
            max-width: 90%;
            width: 100%;
            margin: 0;
            flex-direction: column;
            max-height: 1000%;
            font-size: .7em;
            font-weight: bold;
            line-height: 280%;
            position: relative;
        }

            #references .comment img {
                margin-bottom: 20px;
            }

            #references .comment.active {
                left: 20px;
            }

            #references .comment.prev {
                left: -100%;
            }

            #references .comment.next {
                left: 100%;
            }
            */
}



/**/

.row.offset[b-wssj7qtegi] {
    margin-top: -210px !important;
}


/*CAROUSEL*/

@media only screen and (min-width: 864px) {
    .transformOnlyMobile[b-wssj7qtegi] {
        transform: none !important;
        transition: transform .3s ease;
    }
}


.carouselControls[b-wssj7qtegi] {
    flex-direction: row!important;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-bottom: 35px;
}

    .carouselControls .circle[b-wssj7qtegi] {
        background: white;
        width: 30px;
        height: 30px;
        box-sizing: border-box;
        padding: 5px;
        border-radius: 15px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .carouselControls .circle img[b-wssj7qtegi] {
            width: 100%;
            object-fit: contain;
            object-position: center center;
        }

        .carouselControls .circle .mirrored[b-wssj7qtegi] {
            transform: scaleX(-1);
        }


/**/
.block[b-wssj7qtegi] {
    flex: 1;
    /*    max-width: 30%;*/
    min-width: 40%;
    /* max-width: calc(calc(1124px / 2) - 30px); */
    margin: 0;
}

.row.offset[b-wssj7qtegi] {
    gap: 60px;
    justify-content: space-between !important;
}

#numbers[b-wssj7qtegi] {
    padding-bottom: 90px !important;
}

/*LANDING SPRITES*/

@media only screen and (max-width: 956px) {
    #landing button[b-wssj7qtegi] {
        margin-bottom: 130px;
    }

    #landing .sprites[b-wssj7qtegi] {
        transform: none !important;
        bottom: 130px;
    }

        #landing .sprites:first-of-type[b-wssj7qtegi] {
            transform: rotate(0deg) !important;
            bottom: 40px;
            height: 138px !important;
            width: auto !important;
            left: -80px;
            max-width: none;
            max-height: none;
        }

        #landing .sprites:last-of-type[b-wssj7qtegi] {
            transform: rotate(28deg) translateY(30px) !important;
            bottom: 0px;
            height: 314px !important;
            width: auto !important;
            right: -130px !important;
            max-width: none;
            max-height: none;
            left: auto !important;
        }
}


@media only screen and (max-height: 860px) and (min-width: 864px) {
    #landing[b-wssj7qtegi] {
        max-height: 100vh !important;
        min-height: 85vh !important;
    }

        #landing .container[b-wssj7qtegi] {
            height: 100%!important;
        }

    .block h2[b-wssj7qtegi] {
        margin: 10px 0;
    }


            #landing .sprites:last-of-type[b-wssj7qtegi] {
                transform: translate(25%, -50%) !important;
                right: 0 !important;
                left: auto !important;
            }

            #landing .sprites:first-of-type[b-wssj7qtegi] {
                right: auto !important;
                left: 0 !important;
                transform: translate(-25%, -50%) !important;
            }


    .row.offset[b-wssj7qtegi] {
        margin-top: -80px !important;
        gap: 20px !important;
    }

        .row.offset .block[b-wssj7qtegi] {
            padding: 30px;
            margin: 0!important;
        }


    #landing .container p[b-wssj7qtegi] {
        margin-bottom: auto !important;
    }


    #story div[b-wssj7qtegi] {
        margin-top: 110px;
    }
}
/* /Pages/Index.razor.rz.scp.css */
#landing[b-z3ujkmbzku] {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    background-image: url("img/bg.svg");
    background-size: cover;
    height: fit-content;
    z-index: 1; 
    max-height: calc(100vh - 215px) !important;
    min-height: calc(100vh - 215px) !important;
    height: calc(100vh - 215px) !important;
}

    #landing > .col > div > h2[b-z3ujkmbzku],
    #landing > .col > div > p[b-z3ujkmbzku] {
        text-align: center;
    }

    #landing > .col > div > p[b-z3ujkmbzku] {
        margin-bottom: 3em;
    }

    #landing h1[b-z3ujkmbzku] {
        text-align: center;
/*        font-weight: 500;
        font-size: 4.5em;*/
        width: 100%;

        margin-top: auto;
    }

    
    #landing > .col > .column[b-z3ujkmbzku] {
        margin-bottom: auto;
        width: 100%;
        align-items: center;
    }

/* #landing #swapLang:hover {
    transform: translateX(-50%), rotate(180);
} */


input[b-z3ujkmbzku] {
    cursor: pointer;
}

#landing .bottomText[b-z3ujkmbzku] {
    z-index: -1;
    width: 100%;
    text-align: center;
    /* margin-top: 1vh; */
    /* line-height: 1.6em; */
    line-height: 20px;
    font-weight: 500!important;

    z-index: -1;
    margin-top: 3em;
/*    line-height: 250%;*/
}

    #landing .bottomText span[b-z3ujkmbzku] {
        font-weight: 700;
        line-height: 20px;
    }

    #landing .bottomText a[b-z3ujkmbzku] {
        color: #4BE3AB;
        opacity: .8;
        z-index: -1;
    }

@media only screen and (max-height: 860px) and (min-width: 864px) {
    #landing .bottomText[b-z3ujkmbzku], #landing .bottomText span[b-z3ujkmbzku] {
        line-height: 110% !important;

    }

        #landing .bottomText span[b-z3ujkmbzku] {
            display: inline-block;
            margin-bottom: 10px;
        }
}

    @media only screen and (max-width: 956px) {
        #landing h1[b-z3ujkmbzku] {
            font-size: 2em;
        }

        #landing[b-z3ujkmbzku] {
            padding: 20px !important;
        }
    }

    /**/
    #howItWorks[b-z3ujkmbzku] {
        background-color: #4249eb;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    p.title[b-z3ujkmbzku] {
        text-transform: uppercase;
    }

    #howItWorks p.title[b-z3ujkmbzku] {
        color: #fff;
        font-size: .8em;
    }

    a.button[b-z3ujkmbzku] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 160px;
        height: 40px;
        border-radius: 20px;
        border: 1px black solid;
        text-decoration: none;
        color: black;
        transition: background-color .3s ease;
    }

    .button.white[b-z3ujkmbzku] {
        border: 1px #fff solid !important;
        color: #fff !important;
    }

    a.button.white:hover[b-z3ujkmbzku] {
        border: 1px #000 solid !important;
        color: #000 !important;
        background-color: white!important;
    }

        #howItWorks > .title + .row[b-z3ujkmbzku] {
            gap: 20px;
        }

    #howItWorks .tile[b-z3ujkmbzku] {
        flex: 1;
        aspect-ratio: 1/1;
        /* max-height: 340px; */
        /* height: auto; */
        /* width: auto; */
        gap: 30px;
        border-radius: 30px;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        padding: 40px;
        /* margin: 20px; */
        margin-bottom: 60px;
    }

@media only screen and (max-height: 860px) and (min-width: 864px) {

    #howItWorks .tile[b-z3ujkmbzku] {
        padding: 30px;
        gap: 10px!important;
    }
        #howItWorks .tile h2[b-z3ujkmbzku] {
            height: 100px!important;
        }
}


        #howItWorks .tile h2[b-z3ujkmbzku] {
            /* line-height: 140%; */
/*            font-size: 28px;*/
            margin: 0;
/*            min-height: 2.4em;*/
        }

        #howItWorks .tile p[b-z3ujkmbzku] {
            color: black;
            line-height: 170%;
            font-weight: 500;
            /*        font-size: .9em;*/
        }


        #howItWorks .tile img[b-z3ujkmbzku] {
            width: 45px;
            height: 45px;
            margin-bottom: 20px;
        }

    #howItWorks > .row[b-z3ujkmbzku] {
        align-items: stretch;
    }
    /**/
    #whyChoose[b-z3ujkmbzku] {
        background-color: black;
        color: white;
        display: flex;
        justify-content: space-between;
    }

        #whyChoose .column:nth-of-type(1)[b-z3ujkmbzku] {
            width: 70%;
            z-index: 1;
        }

        #whyChoose .column:nth-of-type(2)[b-z3ujkmbzku] {
            width: 30%;
            z-index: 0;
        }

            #whyChoose .column:nth-of-type(2) img[b-z3ujkmbzku] {
                transform: translateX(-33%);
                width: 150%;
            }

        #whyChoose h2[b-z3ujkmbzku] {
            font-size: 3em;
            font-weight: normal;
            /* line-height: 140%; */
            margin-top: 0;
        }

        #whyChoose p.title[b-z3ujkmbzku] {
            margin-top: 100px;
            /*        margin-bottom: 70px !important;*/
        }

    @media only screen and (max-width: 956px) {
        #whyChoose .column[b-z3ujkmbzku] {
            width: auto !important;
            max-width: 100vw;
            align-items: center;
        }

        #howItWorks[b-z3ujkmbzku] {
            width: 100%;
            position: relative;
            box-sizing: border-box;
        }

        #whyChoose h1[b-z3ujkmbzku] {
            display: flex;
            font-size: 2em;
            width: 100%;
            align-items: flex-start;
            gap: 0.5em;
        }

        #whyChoose .column:nth-of-type(2)[b-z3ujkmbzku] {
            flex-direction: row;
        }

        #whyChoose .column:nth-child(2) img[b-z3ujkmbzku] {
            width: 50%;
        }


        #howItWorks .tile[b-z3ujkmbzku] {
            aspect-ratio: auto !important;
        }
    }

    #whyChoose .column:nth-of-type(2) p[b-z3ujkmbzku] {
        /* width: 100vw;
    transform: translateX(-65%);
    text-align: right; */
    }

    #whyChoose .button[b-z3ujkmbzku] {
        border: 1px #fff solid;
        color: #fff;
        margin-bottom: 110px;
    }



    /**/

    #mission[b-z3ujkmbzku] {
        display: flex;
        background-color: #4BE3AB;
        background-image: url("img/mission.svg");
        background-size: cover;
        background-position: center;
        /*    min-height: 52vw;*/
        min-height: 42vw;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    @media only screen and (max-width: 956px) {
        /*#mission h2,*/
        /*    #mission p {
        color: white;
    }*/
    }

    #mission p.title[b-z3ujkmbzku] {
        color: black;
        margin-bottom: 80px;
        margin-top: 130px;
        font-weight: 600;
    }

    #mission a[b-z3ujkmbzku] {
        /* margin-right: 0; */
        margin-top: 120px;
    }

        #mission a.button:hover[b-z3ujkmbzku] {
            border-color: white;
            background-color: white;
        }

    #mission h2[b-z3ujkmbzku] {
        font-size: 3.5em;
    }

    #mission p[b-z3ujkmbzku] {
        font-weight: 500;
        max-width: 729px;
    }
    /**/
    #brands[b-z3ujkmbzku] {
        max-width: 100vw;
        position: relative;
    }

    #brands img[b-z3ujkmbzku] {
        filter: grayscale(1);
        flex: 1;
    }
/*
        #brands img {
            width: 100%;
        }*/




    @media only screen and (max-width: 956px) {
        #howItWorks .row[b-z3ujkmbzku] {
            flex-direction: column;
            width: 100%
        }


        #whyChoose[b-z3ujkmbzku] {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .title[b-z3ujkmbzku] {
            font-weight: bold;
        }

        #brands[b-z3ujkmbzku] {
            padding-left: 0;
            padding-right: 0;
            width: 100%;
        }

            #brands p[b-z3ujkmbzku] {
                padding-left: 20px;
                font-weight: bold;
            }


        #howItWorks[b-z3ujkmbzku] {
            padding: 5vh 20px !important;
            width: 100%;
        }

            #howItWorks .row .tile[b-z3ujkmbzku] {
                max-width: 100% !important;
                max-height: 100% !important;
            }

        #landing[b-z3ujkmbzku] {
            height: fit-content !important;
            max-height: none !important;
        }

        #mission p.title[b-z3ujkmbzku],
        #whyChoose p.title[b-z3ujkmbzku] {
            margin-top: 60px;
        }
    }

    @keyframes marquee-b-z3ujkmbzku {
        from {
            transform: translateX(0);
        }

        to {
            transform: translateX(calc(-100% + 100vw));
        }
    }




    #landing > .col[b-z3ujkmbzku] {

        padding-bottom: 10vh;
        box-sizing: border-box;
        width: 100%;
        margin: auto 0;
        gap: 25px;
        display: flex;
        flex-direction: column;
        align-items: center; 
    }

    #landing > .col > h1[b-z3ujkmbzku] {
       /* margin-top: auto;*/
        margin-bottom: 0;
    }

    #landing > .col > .p.content[b-z3ujkmbzku] {
        margin-top: 0;
        margin-bottom: 10px!important;
        text-align: center;
    }

    /*CAROSELLO HOVER #whychoose*/
    .hoverSelect[b-z3ujkmbzku] {
        position: relative;
        transition: all .3s ease;
        font-size: 3em;
        cursor: pointer;
        /* font-size: 72px !important; */
        z-index: 3;
        margin: 0 0 50px 0;
    }

        .hoverSelect:hover[b-z3ujkmbzku],
        .hoverSelect.active[b-z3ujkmbzku] {
            padding-left: 55px;
        }

        .hoverSelect[b-z3ujkmbzku]::before {
            content: '';
            width: 35px;
            height: 35px;
            position: absolute;
            top: calc(50% - 17.5px);
            left: 0px;
            background-image: url("icons/big-arrow.svg");
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            transition: all .3s ease;
            opacity: 0;
            transform: translateX(-100%);
        }

        .hoverSelect.active[b-z3ujkmbzku]::before,
        .hoverSelect:hover[b-z3ujkmbzku]::before {
            opacity: 1;
            transform: translateX(0);
        }

    #whyChoose .column[b-z3ujkmbzku] {
        position: relative;
        width: 100% !important;
    }

    #spritesCarousel[b-z3ujkmbzku] {
        position: absolute;
        left: 60%;
        max-width: 40%;
        min-width: 40%;
        height: 100%;
        overflow: hidden;
        display: flex;
    }

        #spritesCarousel img[b-z3ujkmbzku] {
            height: auto;
            width: 100%;
            object-fit: contain;
            /*        max-height: 90% !important;*/
        }

    .fadeInOut img[b-z3ujkmbzku] {
        width: 100% !important;
        height: 100% !important;
    }

    #whyChoose[b-z3ujkmbzku] {
        /*    min-height: 850px !important;*/
        align-items: stretch;
        padding-top: 160px;
        padding-bottom: 160px;

        overflow-x: hidden;
    }

        #whyChoose .column[b-z3ujkmbzku] {
            justify-content: flex-start !important;
            gap: 10px;
            min-height: 700px;
        }

        #whyChoose .title[b-z3ujkmbzku] {
            margin-top: 30px !important;
            margin-bottom: auto !important;
        }

        @media only screen and (max-height: 860px) and (min-width: 864px) {

            #landing[b-z3ujkmbzku] {
                min-height: calc(100vh - 195px) !important;
                max-height: calc(100vh - 195px) !important;
            }

            #whyChoose .title[b-z3ujkmbzku] {
                margin-top: 30px !important;
                margin-bottom: auto !important;
            }

            #howItWorks[b-z3ujkmbzku] {
/*                margin-bottom: 50px;*/
            }

            #whyChoose[b-z3ujkmbzku], #howItWorks[b-z3ujkmbzku], #mission[b-z3ujkmbzku] {
                padding-top: 20px!important;
                padding-bottom: 20px!important;
                min-height: 85vh!important;
                justify-content: space-evenly!important;
                gap: 20px;
            }

                #whyChoose .title[b-z3ujkmbzku], #howItWorks .title[b-z3ujkmbzku], #mission .title[b-z3ujkmbzku] {
                    margin-top: auto !important;
                    margin-bottom: auto!important;
                }
                #whyChoose .button[b-z3ujkmbzku], #howItWorks .button[b-z3ujkmbzku], #mission .button[b-z3ujkmbzku] {
                    margin-bottom: auto !important;
                    margin-top: auto !important;
                }

            #howItWorks .tile[b-z3ujkmbzku] {
                margin-bottom: 0;
            }
        }

        #whyChoose .button[b-z3ujkmbzku] {
            margin-bottom: auto !important;
            margin-top: auto !important;
        }

    /*CAROUSEL TRANSLATIONS*/
    .fadeInOut[b-z3ujkmbzku] {
        transition: all .3s ease;
        opacity: 0;
        position: absolute;
        box-sizing: border-box;
        background-color: black;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        text-align: center;
        height: 750px !important;
        width: 100%;
        height: 100%;
        max-height: 100%;
        gap: 20px;
    }
    /*FOR*/
    /*
@for $i from 1 to 4 {
.hoverSelect:nth-of-type(#{$i}):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(#{$i}),
.hoverSelect:nth-of-type(#{$i}).active ~ #spritesCarousel > .fadeInOut:nth-of-type(#{$i}) {
  opacity: 1!important;
}
.hoverSelect:nth-of-type(#{$i}):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(#{$i}) {
  z-index: 2;
}
}
*/
    .hoverSelect:nth-of-type(1):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(1)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(1).active ~ #spritesCarousel > .fadeInOut:nth-of-type(1)[b-z3ujkmbzku] {
        opacity: 1 !important;
    }

    .hoverSelect:nth-of-type(2):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(2)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(2).active ~ #spritesCarousel > .fadeInOut:nth-of-type(2)[b-z3ujkmbzku] {
        opacity: 1 !important;
    }

    .hoverSelect:nth-of-type(3):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(3)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(3).active ~ #spritesCarousel > .fadeInOut:nth-of-type(3)[b-z3ujkmbzku] {
        opacity: 1 !important;
    }

    .hoverSelect:nth-of-type(4):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(4)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(4).active ~ #spritesCarousel > .fadeInOut:nth-of-type(4)[b-z3ujkmbzku] {
        opacity: 1 !important;
    }

    .hoverSelect:nth-of-type(5):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(5)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(5).active ~ #spritesCarousel > .fadeInOut:nth-of-type(5)[b-z3ujkmbzku] {
        opacity: 1 !important;
    }

    .hoverSelect:nth-of-type(1):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(1)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(2):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(2)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(2):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(3)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(2):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(4)[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(3):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(5)[b-z3ujkmbzku] {
        z-index: 2;
    }

    /**/
    .hoverSelect small[b-z3ujkmbzku],
    .hoverSelect small[b-z3ujkmbzku] {
        opacity: 0 !important;
        transform: translateY(100%);
        transition: all .3s ease;
    }

    .hoverSelect:nth-of-type(1):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(1) small[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(1).active ~ #spritesCarousel > .fadeInOut:nth-of-type(1) small[b-z3ujkmbzku] {
        opacity: 1 !important;
        transform: translateY(0);
    }

    .hoverSelect:nth-of-type(2):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(2) small[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(2).active ~ #spritesCarousel > .fadeInOut:nth-of-type(2) small[b-z3ujkmbzku] {
        opacity: 1 !important;
        transform: translateY(0);
    }

    .hoverSelect:nth-of-type(3):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(3) small[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(3).active ~ #spritesCarousel > .fadeInOut:nth-of-type(3) small[b-z3ujkmbzku] {
        opacity: 1 !important;
        transform: translateY(0);
    }

    .hoverSelect:nth-of-type(4):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(4) small[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(4).active ~ #spritesCarousel > .fadeInOut:nth-of-type(4) small[b-z3ujkmbzku] {
        opacity: 1 !important;
        transform: translateY(0);
    }

    .hoverSelect:nth-of-type(5):hover ~ #spritesCarousel > .fadeInOut:nth-of-type(5) small[b-z3ujkmbzku],
    .hoverSelect:nth-of-type(5).active ~ #spritesCarousel > .fadeInOut:nth-of-type(5) small[b-z3ujkmbzku] {
        opacity: 1 !important;
        transform: translateY(0);
    }

@media only screen and (min-width: 956px) {
    .onlymobile[b-z3ujkmbzku] {
        display: none !important;
    }
    
}

    @media only screen and (max-width: 956px) {
        .onlydesktop[b-z3ujkmbzku] {
            display: none !important;
        }

        #whyChoose[b-z3ujkmbzku] {
            padding: 50px 0 !important;
        }
    }


    /*CAROUSEL*/

    @media only screen and (min-width: 864px) {
        .transformOnlyMobile[b-z3ujkmbzku] {
            transform: none !important;
        }
    }


    .carouselControls[b-z3ujkmbzku] {
        flex-direction: row !important;
        align-items: center;
        justify-content: center;
        gap: 20px;
        margin-bottom: 35px;
    }

        .carouselControls .circle[b-z3ujkmbzku] {
            background: white;
            width: 30px;
            height: 30px;
            box-sizing: border-box;
            padding: 5px;
            border-radius: 15px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .carouselControls .circle img[b-z3ujkmbzku] {
                width: 100%;
                object-fit: contain;
                object-position: center center;
            }

            .carouselControls .circle .mirrored[b-z3ujkmbzku] {
                transform: scaleX(-1);
            }

    .transformOnlyMobile[b-z3ujkmbzku] {
        width: fit-content;
        gap: 0;
        position: relative;
        padding: 0;
        align-items: stretch;
        transition: transform .3s ease;
    }

        .transformOnlyMobile .block[b-z3ujkmbzku] {
            /*        width: calc(100vw - 100px);*/
            position: relative;
            width: 100vw;
            box-sizing: border-box;
            padding: 0 50px;
            overflow: hidden;
        }


            .transformOnlyMobile .block img[b-z3ujkmbzku] {
                width: 100%;
                height: auto;
                /*        transform: translateX(-10%);*/
            }

    .offsettedimg[b-z3ujkmbzku] {
        object-fit: cover;
        z-index: 0 !important;
        position: absolute;
        width: 50vw;
        z-index: 0;
    }

        .offsettedimg.offsetleft[b-z3ujkmbzku] {
            object-position: left center;
            transform: rotate(15deg);
            top: 49px;
            left: -36px;
            width: 200px;
        }

        .offsettedimg.offsetright[b-z3ujkmbzku] {
            object-position: right center;
            /* transform: rotate(-15deg); */
            bottom: 15vh;
            right: -10vw;
        }

    #mission[b-z3ujkmbzku] {
        overflow: hidden;
    }

        #mission *[b-z3ujkmbzku] {
            z-index: 1;
        }






    @media only screen and (max-height: 860px) and (min-width: 864px) {
        #landing .bottomText[b-z3ujkmbzku] {
            margin-top: auto !important;
        }

            #landing .bottomText[b-z3ujkmbzku], #landing .bottomText span[b-z3ujkmbzku] {
                line-height: 0px;
            }

        .hoverSelect[b-z3ujkmbzku] {
            font-size: 40px!important;
        }

        #landing > h1[b-z3ujkmbzku] {
            margin-bottom: auto;
            margin-top: 0;
        }
    }

    #brands[b-z3ujkmbzku] {
        position: relative;
    }

    .brands[b-z3ujkmbzku] {
        
        overflow: hidden;
    }

.brands .row[b-z3ujkmbzku] {
    display: flex;
    align-items: center;

    gap: 20px;

    animation: customMarquee-b-z3ujkmbzku 200s linear infinite;
}

@media only screen and (max-width: 956px) {
    .brands .row[b-z3ujkmbzku] {
        animation: customMarquee-b-z3ujkmbzku 80s linear infinite;
    }
}

@keyframes customMarquee-b-z3ujkmbzku {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-390%);
    }
}
@keyframes customMarqueeResponsive-b-z3ujkmbzku {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-600%);
    }
}

    .brands img[b-z3ujkmbzku] {
        flex: 1;
        height: 60px;
        min-width: calc(calc(100% - 100px) / 6);
        max-width: calc(calc(100% - 100px) / 6);

        object-fit: contain;
    }

    @media only screen and (max-width: 956px) {
        .brands .row[b-z3ujkmbzku] {
            animation: customMarqueeResponsive-b-z3ujkmbzku 60s linear infinite;
        }

        .brands img[b-z3ujkmbzku] {
            min-width: calc(calc(100% - 100px) / 3)!important    ;
            max-width: calc(calc(100% - 100px) / 3)!important;
        }



        #landing.active[b-z3ujkmbzku] {
            z-index: 103;
        }
    }


    /*Z-INDEX NAV n QUOTATION*/

@media only screen and (max-width: 956px) {
    #landing.active NavMenu[b-z3ujkmbzku] {
        z-index: 100;
    }
    #landing.active SendTranslation[b-z3ujkmbzku] {
        z-index: 200;
    }
}
/* /Pages/OrderPage.razor.rz.scp.css */

#orderPage[b-oxoit33db1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 355px;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    padding: 76px 0;
    min-height: 70vh;
}



#orderPage > .content[b-oxoit33db1] {
    text-align: center;
}

#orderPage #orderCard[b-oxoit33db1] {
    margin-bottom: 20px;
    border: solid 1px #ddd;
    box-sizing: border-box;
    border-radius: 20px;

    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#orderPage #orderCard section[b-oxoit33db1] {
    box-sizing: border-box;
    padding: 30px 20px;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 13px;
    width: 100%;
}


#orderPage #orderCard section:last-of-type[b-oxoit33db1] {
    border-bottom: 0;
}

#orderPage #orderCard section .between[b-oxoit33db1] {
    justify-content: space-between;
}


#orderPage h1[b-oxoit33db1],
#orderPage #orderCard section h4[b-oxoit33db1],
#orderPage #orderCard section .title[b-oxoit33db1],
#orderPage .content[b-oxoit33db1] {
    margin: 0;
}

#orderPage #orderCard section .between .light[b-oxoit33db1] {
    color: #bfbfbf;
}

#orderPage .goforward[b-oxoit33db1] {
    margin-top: 20px;
}



@media only screen and (max-width: 956px){
    #landing[b-oxoit33db1] {
        padding: 0;
    }
    #orderPage[b-oxoit33db1] {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        min-height: 60vh;
    }
    
    #orderPage h1[b-oxoit33db1] {
        margin-bottom: 30px;
    }
    
    #orderPage #orderCard[b-oxoit33db1] {
        margin-top: 10px;
    }
}
/* /Pages/Profile.razor.rz.scp.css */
main[b-59une97yoe] {
    box-sizing: border-box;
    position: relative;
    background-color: #f5f5f5;
    width: 100%;
    height: calc(100% - 100px);
    height: -webkit-fill-available;
    padding: 5px 10% 30px 10%;
    display: flex;
}

@media only screen and (max-width: 956px) {
    main[b-59une97yoe] {
        flex-direction: column !important;
        align-items: center;
        overflow-x: hidden;
        padding-bottom: 4em;
        overflow-y: scroll;
        position: relative;
        padding: 0 !important;
        height: fit-content !important;
        max-height: none !important;
        scroll-snap-type: y mandatory;
        gap: 0;
    }
}
/* /Pages/Quotation.razor.rz.scp.css */

section[b-jx2f114a2p] {
    background-color: #f6f6f6;
}

    section:first-of-type[b-jx2f114a2p] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

.row[b-jx2f114a2p] {
    max-width: fit-content;
    margin: auto;
    /*    width: 100%;*/
    position: relative;
    justify-content: space-evenly;
    gap: 1em;
    min-height: 460px;
    align-items: stretch;
/*    max-height: 640px;*/
}

.block[b-jx2f114a2p] {
    /*    width: 30%;*/
    border-radius: 30px;
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.187));
    display: flex;
    background-color: white;
    padding: 20px 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    flex: 1;
/*    height: 100%;*/
    /**/

    width: fit-content !important;
    position: relative;
/*    margin: auto;*/
    min-height: -webkit-fill-available;

}

.block .col[b-jx2f114a2p] {
    padding: 0 20px;
    box-sizing: border-box;
}


.prezzo[b-jx2f114a2p] {
    width: 100%;
    border-top: 1px solid #cacaca;
    padding-top: 20px;
    text-align: center;
    margin-top: auto;
    height: 20%;
    padding: 20px 20px 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* height: 40%;
    min-height: 40%;
    max-height: 40%; */
    margin-top: auto;

    min-height: 220px;
}

    .prezzo span[b-jx2f114a2p] {
        color: #cacaca;
        line-height: 2em;
    }

.block h5[b-jx2f114a2p] {
    color: #cacaca;
    margin-bottom: 0px;
}

.block h3[b-jx2f114a2p] {
    font-size: 1.6em;
    margin-bottom: 10px;
}

/*.block h5,
.block h3,
.block p {
    margin-left: 50px;
}*/

.block p[b-jx2f114a2p] {
    margin-top: 0px;
}

.prezzo b[b-jx2f114a2p] {
    font-size: 1.5em;
}

.prezzo p[b-jx2f114a2p] {
    font-size: 12px !important;
    color: #cacaca;
}

.block b[b-jx2f114a2p] {
    font-weight: 400;
    line-height: 150%;
}

.features p[b-jx2f114a2p] {
    margin-bottom: 0;
}

.features[b-jx2f114a2p] {
    color: #cacaca;
    margin-top: 20px;
    margin-bottom: 20px;
    gap: 1em;
}

section .prezzo button[b-jx2f114a2p] {
    padding: 20px 20px;
    border-radius: calc(40px + 2em);
    font-size: 1em;
    border: none;
    background-color: #4BE3AB;
    color: black;
    margin-top: auto;
    /* margin-left: 20px;
    margin-right: 20px; */
    cursor: pointer;

    font-weight: 600;

    width: 100%;
}

#collabora[b-jx2f114a2p] {
    text-align: center;
    color: white;
    min-height: 300px;
    background-color: #4249eb;
}

    #collabora h3[b-jx2f114a2p] {
        font-size: 3em;
        margin-bottom: 0;
    }

/* #collabora .sprites {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
}
#collabora .sprites:last-of-type {
    right: 50px;
    left: auto;
} */

a.button[b-jx2f114a2p] {
    border-radius: 20px;
    border-color: white;
    color: white;
    max-width: 10em;
    padding: 4px 0px;
    margin: auto;
    margin-top: 50px;
    display: flex;
    align-items: center;
}

    a.button img[b-jx2f114a2p] {
        margin-left: 1em;
    }

.titles[b-jx2f114a2p] {
    text-align: center;
}

p.titles[b-jx2f114a2p] {
    font-weight: 500!important;
}

h4.titles[b-jx2f114a2p] {
    font-size: 1.5em;
}

.navSearch[b-jx2f114a2p] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: solid 1px #d8d8d8;
    width: 100vw;
}

.languageCont[b-jx2f114a2p] {
    border: solid 1px #DDDDDD;
    border-radius: 20px;
    height: 30px;
    /* width: 45vw; */
    display: flex;
    align-items: center;
    padding: 5px;
    justify-content: space-evenly;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .languageCont div:not(#searchIcon)[b-jx2f114a2p] {
        /* margin-right: 10px; */
        padding-right: 25px;
        padding-left: 25px;
        border-right: solid 1px #D8D8D8;
        text-align: center;
    }

#searchIcon[b-jx2f114a2p] {
    border-radius: 50%;
    background-color: #4BE3AB;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 5px;
    height: 21px;
    width: 21px;
}

    #searchIcon img[b-jx2f114a2p] {
        width: 80%;
        height: 80%;
    }

#prevMenu[b-jx2f114a2p] {
    padding-top: 40px;
    padding-bottom: 10px;
    background-color: white;
    border-radius: 10px;
    position: absolute;
    /* display: none; */
    display: flex;
    flex-direction: column;
    top: 60px;
    left: 0;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
}

#prevMenuBtn[b-jx2f114a2p] {
    cursor: pointer;
}

#prevMenu *[b-jx2f114a2p] {
    min-width: 280px;
    padding-left: 20px;
    margin-bottom: 20px;
    font-weight: 400;
}


@media only screen and (max-width: 956px) {
    section:not(#collabora)[b-jx2f114a2p] {
        padding-left: 30px;
        padding-right: 30px;
        box-sizing: border-box;
        width: 100%;
        height: auto !important;
        max-height: none !important;
    }

        section:not(#collabora) .row[b-jx2f114a2p] {
            flex-direction: column;
            height: auto !important;
            max-height: none!important;
        }

            section:not(#collabora) .row .block[b-jx2f114a2p] {
                max-height: 75vh !important;
                min-height: fit-content !important;
                width: 100% !important;
                margin-bottom: 40px;
            }

            section:not(#collabora) .row .block[b-jx2f114a2p] {
            }

                section:not(#collabora) .row .block h2[b-jx2f114a2p],
                section:not(#collabora) .row .block p[b-jx2f114a2p] {
                    margin: auto;
                }

    .block[b-jx2f114a2p] {
        width: 100%;
        padding: 20px 0;
        box-sizing: border-box;
    }



        .block .features[b-jx2f114a2p], .block h3[b-jx2f114a2p], .block h5[b-jx2f114a2p], .block button[b-jx2f114a2p] {
            width: 100%;
            font-weight: bold;
        }

    .prezzo b[b-jx2f114a2p] {
        font-weight: bold;
    }

    .sprites:nth-of-type(1)[b-jx2f114a2p] {
        left: 0;
        bottom: 0;
        transform: translateX(-60%) translateY(-11%) rotate(25deg);
    }

    .sprites:nth-of-type(2)[b-jx2f114a2p] {
        right: 0;
        bottom: 0;
        transform: translateX(55%) translateY(-15%) rotate(-5deg);
    }


    .languageCont[b-jx2f114a2p] {
        flex-wrap: wrap;
        padding: 5px;
        gap: 5px;
        box-sizing: border-box;
        row-gap: 10px;
    }

        .languageCont > div:not(#searchIcon):not(#navFile)[b-jx2f114a2p] {
            min-width: 50%;
            flex: 1;
        }

    .navSearch[b-jx2f114a2p] {
        box-sizing: border-box;
        padding: 0 5px;
    }


    /**/
    .languageCont[b-jx2f114a2p] {
        height: fit-content !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

        .languageCont > div[b-jx2f114a2p] {
            width: fit-content !important;
            min-width: fit-content !important;
        }

    #searchIcon[b-jx2f114a2p] {
        aspect-ratio: 1/1 !important;
    }


    /*SEARCHBAR IN QUOTATION MOBILE*/
    .languageCont[b-jx2f114a2p] {
        padding: 10px 20px !important;
        justify-content: flex-start !important;
        row-gap: 5px !important;
        border-radius: 40px !important;
        width: 100%;
        box-sizing: border-box !important;
        margin-left: 20px;
        margin-right: 20px;
    }

        .languageCont div[b-jx2f114a2p] {
            order: 1;
            text-align: left !important;
            border: none !important;
            padding: 0 !important;
            flex: auto !important;
            width: fit-content !important;
            /*padding-right: 1em!important;*/
            position: relative;
            font-weight: 500 !important;
        }

    #navFile[b-jx2f114a2p] {
        order: 0;
        color: transparent !important;
        text-align: left;
        width: 100% !important;
    }

        #navFile[b-jx2f114a2p]::after {
            content: 'File';
            color: black;
            position: absolute;
            left: 0;
        }

    .languageCont div:not(#navFile)[b-jx2f114a2p] {
        max-width: fit-content !important;
        margin-right: 20px;
        font-size: 12px !important;
    }

    #navTransl[b-jx2f114a2p]::after,
    #navLang[b-jx2f114a2p]::after {
        content: "•";
        position: absolute;
        right: -15px;
    }

    /*BOXES MOBILE*/
    section > .row > .block[b-jx2f114a2p] {
        text-align: left !important;
    }

        section > .row > .block h3[b-jx2f114a2p] {
            margin: 10px 0 !important;
        }

        section > .row > .block .green[b-jx2f114a2p] {
            font-weight: 600;
            margin-right: auto;
        }

        section > .row > .block .features[b-jx2f114a2p] {
            margin-bottom: 20px;
        }

            section > .row > .block .features p[b-jx2f114a2p] {
                margin-bottom: 5px !important
            }

}




.green[b-jx2f114a2p] {
    font-size: .75em;
}

/**/
.block select[b-jx2f114a2p] {
    border: rgba(0,0,0,0.25) solid;
    padding: 0.5em;
    border-radius: 0.5em;
    box-sizing: border-box;
}


#navFile[b-jx2f114a2p] {
    border: none !important;
}
/* /Pages/ThankYou.razor.rz.scp.css */
/* #landing {
    display: flex;
    align-items: center;
    flex-direction: column;
    background-image: url("img/bg.svg");
    background-size: cover;
    min-height: 80vh;
    z-index: 3;
}

    #landing h1 {
        text-align: center;
        font-weight: 500;
        font-size: 4.5em;
        width: 100%;
    }

    #landing .bottomText {
        z-index: -1;
        width: 100%;
        text-align: center;
        margin-top: 1vh;
        line-height: 1.6em;
        z-index: -1;
    }

        #landing .bottomText span {
            font-weight: 600;
        }

        #landing .bottomText a {
            color: #4BE3AB;
            opacity: .8;
            z-index: -1;
        }

#main {
    text-align: center;
}

.action-button {
    background-color: #4BE3AB;
    color: white;
    border-radius: 10px;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 15px;
}

.link {
    text-decoration: none;
    color: black;
    opacity: .5;
    cursor: pointer;
} */


#landing[b-5anlg4u341] {
    font-family: "Epilogue", sans-serif;
    width: 100vw;
    height: 100vh;
    /* position: fixed; */
    top: 0;
    left: 0;
    /*    background-image: url("../img/bg.svg");*/
    background-color: white;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    /*    flex-direction: column;*/
    z-index: 99;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    padding: 20vh 170px;
    text-align: center;
}

    #landing > div.row[b-5anlg4u341] {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
    }

    #landing .col[b-5anlg4u341] {
        align-items: flex-start;
    }

    #landing h5[b-5anlg4u341] {
        font-size: 54px;
        font-weight: 500;
        font-family: 'Epilogue', sans-serif !important;
        margin-top: 0;
        margin-bottom: 30px;
        letter-spacing: -.75px;

        text-align: left;
    }

    #landing img[b-5anlg4u341] {
        /* transform: rotate(-12deg); */
        width: 27.5vw;
        height: auto;
        max-width: 404px;
    }

    #landing small[b-5anlg4u341] {
        font-family: Inter;
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 23px;
        display: inline-block;
    }

@media only screen and (max-width: 956px) {
    #landing[b-5anlg4u341] {
        flex-direction: column;
        padding: 46px 10px 30px 10px;
        align-items: center;
    }

    #landing > .row[b-5anlg4u341] {
        flex-direction: column;
    }

        #landing div[b-5anlg4u341],
        #landing h5[b-5anlg4u341],
        #landing small[b-5anlg4u341],
        #landing .goback[b-5anlg4u341] {
            width: 100%;
            text-align: left;
        }

        #landing img[b-5anlg4u341] {
            /*width: 473.92px;*/
            width: 110vw;
            transform: translateX(27.5vw);
            max-width: none;
            height: auto;
        }
}


/* /Pages/WellerPage.razor.rz.scp.css */
#landing[b-5hx330en2q] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    gap: 60px;
    height: auto !important;
    max-height: none !important;
}

    #landing .content[b-5hx330en2q] {
        flex-direction: column;
        justify-content: flex-start;
        width: 70%;
    }

        #landing .content p.call[b-5hx330en2q] {
            margin-bottom: 70px;
        }

        #landing .content h1[b-5hx330en2q] {
            font-size: 3em;
            margin-bottom: 10px;
        }

        #landing .content h3[b-5hx330en2q] {
            margin-top: 75px;
            font-size: 21px !important;
            font-weight: 600 !important;
            margin-bottom: 60px;
        }

form p[b-5hx330en2q] {
    margin-top: 15px;
    font-weight: 500;
}

.inputs[b-5hx330en2q] {
    display: flex;
    position: relative;
    width: 100%;
    gap: 25px;
    justify-content: space-between;
}

[b-5hx330en2q] input, [b-5hx330en2q] textarea {
    border-radius: 10px;
    padding: 10px 15px;
    height: 50px;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    border: solid 1px #cccccc;
    position: relative;

    font-size: 16px;
    transition: all .3s ease;
}

    [b-5hx330en2q] input:hover, [b-5hx330en2q] textarea:hover {
        border-color: #BFBFBF;
    }
    [b-5hx330en2q] input:not(.modified):not(.valid), [b-5hx330en2q] textarea:not(.modified):not(.valid), [b-5hx330en2q] input#TermsAndConditions.modified:not(.valid):after {
        border-color: #f00;
    }
    [b-5hx330en2q] input.modified.valid, [b-5hx330en2q] textarea.modified.valid, [b-5hx330en2q] input#TermsAndConditions.modified.valid:after {
        border-color: #4BE3AB;
    }

    input#TermsAndConditions[b-5hx330en2q]:after {
        content: '';
        width: 20px;
        height: 20px;
        border: solid red 1px;
        display: block;
        box-sizing: border-box;
        border-radius: 3px;
    }

input:focus[b-5hx330en2q] {
    border-color: #BFBFBF;
}

[b-5hx330en2q] textarea {
    height: 250px;
}
/*
.inputs ::deep input {
    width: 43%;
}*/

/*    .inputs ::deep input[name="Cognome"] {
        margin-left: 10px;
    }*/


button[b-5hx330en2q] {
    border: none;
    background-color: #4BE3AB;
    display: block;
    box-sizing: border-box;
    height: 60px;
    width: 120px;
    border-radius: 30px;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 130px;
    margin-top: 60px;
    transition: background-color .3s ease;
    cursor: pointer;
}

    button:hover[b-5hx330en2q] {
        background-color: #43CB99;
    }

nav[b-5hx330en2q] {
    border-bottom: 1px solid #d6d6d6;
}

[b-5hx330en2q] #CV {
    display: none;
}

[b-5hx330en2q] #sfoglia {
    pointer-events: none;
}

.inputIcon[b-5hx330en2q] {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #F6F6F6;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    padding: 10px;
    cursor: pointer;
}

.listInput[b-5hx330en2q] {
    border-radius: 10px;
    padding: 10px 15px;
    box-sizing: border-box;
    min-height: 50px;
    width: 100%;
    outline: none;
    border: solid 1px #cccccc;
    position: relative;
    display: flex;
    align-items: center;
}

    .listInput .view[b-5hx330en2q] {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        gap: 0.25em;
        padding: 0 0;

        min-height: 1em;
        cursor: pointer;
    }

        .listInput .view .selectIcon[b-5hx330en2q] {
            position: absolute;
            /*            top: 50%;*/
            right: 0;
            /*            transform: translateY(75%);*/

            padding: 0.5em;
            border-radius: 50% 50%;
            box-sizing: border-box;
            background: #F6F6F6;
            width: 30px;
            height: 30px;
            cursor: pointer;
            /*            border: solid 1px green;*/
        }

        .listInput .view .lan[b-5hx330en2q] {
            padding-left: 1em;
            box-sizing: border-box;
            height: 30px;
            background-color: #4BE3AB;
            padding-right: 1em;
            display: flex;
            align-items: center;
            border-radius: 15px;
            font-size: 14px;
            transition: all .3s ease;
        }

            .listInput .view .lan.hover:hover[b-5hx330en2q] {
                border: black solid 1px;
                background-color: transparent;
            }

            .listInput .view .lan img[b-5hx330en2q] {
                cursor: pointer;
                height: 0.5em;
                width: auto;
                margin-left: 0.5em;
            }

.listInput .list[b-5hx330en2q] {
    position: absolute;
    width: 100%;
    top: 100%;
    margin-top: 0.25em;
    padding-top: 1em;
    box-sizing: border-box;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 2;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 10px;
    transition: all 0.3s ease;
    max-height: 0;
    overflow: hidden;
    z-index: 99;
    box-shadow: rgba(0,0,0,0.4) 0px 10px 10px 0px;
}

.listInput .list[b-5hx330en2q] {
    max-height: 10em;
    overflow: auto;
}

.listInput .list span[b-5hx330en2q] {
    padding: 0.5em 1em;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    border-top: 1px solid #ccc;
    transition: all 0.3s ease;
    cursor: pointer;
}

.listInput .list span:first-of-type[b-5hx330en2q] {
    border-top: none;
}

.listInput .list span:hover[b-5hx330en2q] {
    background-color: #ccc;
}

form .wrapper[b-5hx330en2q] {
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 956px) {
    section[b-5hx330en2q] {
        width: 100%;
        padding: 20px !important;
        box-sizing: border-box;
    }

    #landing .landingimage[b-5hx330en2q] {
        display: none;
        position: absolute;
        z-index: -1;
        right: 0%;
        width: 50%;
    }

    #landing h1[b-5hx330en2q] {
        font-size: 2em !important;
        font-weight: bold;
        padding-right: 20%;
    }

    #landing[b-5hx330en2q] {
        padding: 20px 0;
    }

        #landing .content[b-5hx330en2q] {
            width: 100%;
        }

        #landing h3[b-5hx330en2q] {
            font-size: .9em !important;
            font-weight: bold !important;
        }

    form[b-5hx330en2q] {
        position: relative;
    }

    .inputs[b-5hx330en2q] {
        flex-direction: column;
        width: 100%;
    }

        .inputs[b-5hx330en2q]  input {
            margin: 0 0 15px 0 !important;
            width: 100%;
        }

    [b-5hx330en2q] input, [b-5hx330en2q] textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 20px 10px;
    }

    .inputIcon[b-5hx330en2q] {
        /*        right: 5px !important;*/
        width: 10px !important;
        height: 10px;
        z-index: 3 !important;
        /*        transform: none;*/
        /*        margin-top: 5px;*/
    }

    form p[b-5hx330en2q] {
        font-weight: bold;
    }
}

/*CHECKBOX*/
label.checklabel[b-5hx330en2q] {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 25px;
    width: 80px;
}

.checkbox[b-5hx330en2q] {
    display: flex;
    align-items: center;
    width: auto !important;
}

    .checkbox[b-5hx330en2q]  input {
        min-width: 20px !important;
        max-width: 20px !important;
        width: 20px !important;
        height: 20px !important;
    }

    @media only screen and (max-height: 860px) and (min-width: 864px) {
        .landingimage[b-5hx330en2q] {
            max-width: 300px !important;
        }
    }
/* /Shared/Account/AccountLayout.razor.rz.scp.css */
.account-layout[b-e4wz26nso7] {
  width: 100vw;
  /* min-height: calc(100vh - 100px); */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0.9em;
}

.account-layout[b-e4wz26nso7]  > main {
  width: 100vw;
  padding-left: calc(calc(100vw - 1124px) / 2);
  padding-right: calc(calc(100vw - 1124px) / 2);
}

.account-layout[b-e4wz26nso7]  > .side.main {
  background-color: white;
}

[b-e4wz26nso7] h4 {
  margin: 5px 0;
}

[b-e4wz26nso7] .side {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 100%;
}

[b-e4wz26nso7] .btn {
  background-color: white;
  /* box-sizing: border-box; */
  text-align: left;
  display: flex;
  padding: 0.25em;
  border: solid 1px #d8d8d8;
  margin-bottom: 15px;
  position: relative;
  height: 3em;
  border-radius: 1.5em;
  justify-content: center;


  transition: all .3s ease;
  cursor: pointer;
}

[b-e4wz26nso7] .side.menu .btn {
  justify-content: flex-start !important;
  cursor: pointer;

  margin-left: 0;
}

[b-e4wz26nso7] .btn.danger {
  background-color: #E34B4B;
  border-color: #E34B4B;
  color: white;
}

[b-e4wz26nso7] .btn.danger:hover {
  background-color: #D13B3B;
}

[b-e4wz26nso7] .btn.empty:hover,
[b-e4wz26nso7] .btn:not(.danger):not(.green):hover {
  background-color: transparent;
  border-color: black;
  color: black;
}

[b-e4wz26nso7] .btn.green {
  color: black;
  background-color: #47dea4;
  display: flex;
  justify-content: center;
}

[b-e4wz26nso7] .btn.green:hover {
  background-color: #43cb99;
}

@media only screen and (max-width: 956px) {
  /*TABLE*/
  [b-e4wz26nso7] .table .row {
    padding: 0.5em !important;
  }

  /*    ::deep .table .td.small {
        display: none;
    }*/

  [b-e4wz26nso7] .row > .td:first-child.small {
    display: none !important;
  }

  [b-e4wz26nso7] .table .row {
    width: 100%;
    padding: 0.5em !important;
    justify-content: space-evenly !important;
    align-items: baseline !important;
  }

  [b-e4wz26nso7] .table .scrollable .row {
    max-width: 100%;
    flex-wrap: wrap;
    position: relative;
  }

  [b-e4wz26nso7] .table .scrollable {
    min-height: 10vh;
  }

  /*TEMPLATE*/
  [b-e4wz26nso7] .table .row:not(:has(.td:nth-of-type(0))) .td:nth-of-type(6) {
    /*background-color: red;*/
  }

  /*TABELLA CUSTOMERS*/
  [b-e4wz26nso7]
    .table
    .row:has(.td:nth-of-type(5)):not(:has(.td:nth-of-type(8)))
    .td:nth-of-type(3),
  [b-e4wz26nso7]
    .table
    .row:has(.td:nth-of-type(5)):not(:has(.td:nth-of-type(8)))
    .td:nth-of-type(4) {
    /*background: purple;*/
    display: none !important;
  }

  /*TABELLA TRANSLATIONS*/
  [b-e4wz26nso7]
    .table
    .row:has(.td:nth-of-type(5)):has(.td:nth-of-type(8))
    .td:nth-of-type(3),
  [b-e4wz26nso7]
    .table
    .row:has(.td:nth-of-type(5)):has(.td:nth-of-type(8))
    .td:nth-of-type(4),
  [b-e4wz26nso7]
    .table
    .row:has(.td:nth-of-type(5)):has(.td:nth-of-type(8))
    .td:nth-of-type(7) {
    /*background: aqua;*/
    display: none !important;
  }

  /* ::deep .table
  .row:has(.td:nth-of-type(5)):has(.td:nth-of-type(8)) .status {
    flex: none!important;
  } */

  [b-e4wz26nso7] .table .td {
    margin-top: auto;
    margin-bottom: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 1px;
  }

  [b-e4wz26nso7] .table .td:not(.small):not(.bigger) {
    flex: 1 !important;
  }

  [b-e4wz26nso7] .table .td.small {
    flex: 0.5 !important;
  }

  [b-e4wz26nso7] .table .td.small:last-of-type {
    overflow: visible !important;
  }

  [b-e4wz26nso7] .table .td.bigger {
    flex: none !important;
    width: 100%;
    margin-bottom: 1em;
  }


  [b-e4wz26nso7] .td .green {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
  }

  /*NEW LAYOUT PROFILE*/
  .account-layout[b-e4wz26nso7] {
    width: 100vw !important;
    overflow-y: auto !important;
  }

  main[b-e4wz26nso7] {
    overflow-y: scroll;
    position: relative;
    padding: 0 !important;
    height: fit-content !important;
    max-height: none !important;
    scroll-snap-type: y mandatory;
  }

  [b-e4wz26nso7] .side {
    padding-left: 20px !important;
    padding-right: 20px !important;
    scroll-snap-align: start;
  }

  *[b-e4wz26nso7] {
    /*white .1 opacity over bg*/
    --menu-line: #dcdcdc;
  }

  [b-e4wz26nso7] .side.menu {
    background-color: transparent !important;
    padding-top: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    outline: solid 1px var(--menu-line);
    outline-offset: 10px;
  }

  [b-e4wz26nso7] .side.main {
    min-height: calc(100vh - 66px) !important;
    height: calc(100vh - 66px) !important;
    width: 100vw !important;
    box-sizing: border-box;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    position: sticky !important;
    top: 0;
  }

  [b-e4wz26nso7] .side.main::-webkit-scrollbar {
    display: none !important;
  }

  [b-e4wz26nso7] .side.main .header {
    background-color: #f5f5f5;
    width: 100% !important;
    box-sizing: border-box;
    position: sticky !important;
    top: 0;
    left: 0;
    z-index: 99;
  }

  [b-e4wz26nso7] .header h3 {
    margin-bottom: 10px;
    margin-top: 5px;
  }
  /*BETTER V ADD*/
  [b-e4wz26nso7] .side.main {
    overflow-y: hidden !important;
    height: -webkit-fill-available !important;
    justify-content: stretch !important;
    display: flex !important;
    flex-direction: column;
  }

  [b-e4wz26nso7] .side.main .mainRow {
    width: 100%;
    overflow-y: hidden;
  }

  [b-e4wz26nso7] .side.main .mainRow .onetable {
    display: flex;
    flex-direction: column;
  }

  [b-e4wz26nso7] .mainTable {
    margin: 0 !important;
    /*        margin-top: auto !important;*/
    max-height: 80% !important;
    height: 100%;
  }

  [b-e4wz26nso7] .mainRow h5 {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
  }
  /*SNAP MENU PROFILE*/
  [b-e4wz26nso7] .form button,
  [b-e4wz26nso7] .side.menu button {
    box-shadow: none !important;
  }

  [b-e4wz26nso7] .side.menu::after {
    /*PIN*/
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    height: 10px;
    width: 25px;
    bottom: 0;
    border-radius: 5px;
    /*background: var(--menu-line);*/
    transform: translateX(-50%) translateY(15px);
    box-sizing: border-box;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--menu-line);
  }
  /*Admin Combinations Page profilo*/
  [b-e4wz26nso7] .editTable {
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    justify-content: flex-start;
    gap: 0;
    width: 100% !important;
    box-sizing: border-box;
    overflow-y: hidden;
  }
  /*
.editTable::before {
//INNER SHADOW FOR TOPIC TABLE
position: fixed;
display: block;
z-index: 99;
right: 0;
bottom: 0;
width: 100%;
content: '';
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(255,255,255,.1) 80%, rgba(255,255,255,1) 100%);

pointer-events: none;
}
*/
  [b-e4wz26nso7] .editTable .col {
    flex: 1;
    border-right: 1px solid #ebebeb !important;
    scroll-snap-align: start !important;
    box-sizing: border-box;
    max-width: 95%;
    min-width: 95%;
    padding: 0 10% 0 20px !important;
    overflow-y: auto;
  }

  [b-e4wz26nso7] .editTable h4 {
    padding: 5px 0 15px 0 !important;
    margin: 0 !important;
    position: sticky;
    top: 0;
    background-color: #f5f5f5;
    z-index: 2;
  }

  [b-e4wz26nso7] ::-webkit-scrollbar {
    display: none;
  }

  [b-e4wz26nso7] .editTable .list {
    overflow-x: hidden !important;
    max-height: none !important;
  }
  /*PAGINA MODIFICA LIST FORM*/
  [b-e4wz26nso7] .form {
    overflow-y: auto !important;
  }
}

[b-e4wz26nso7] .header {
  width: 100%;
}

[b-e4wz26nso7] .editTable {
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
}

[b-e4wz26nso7] .editTable .row {
  flex: 1;
  min-width: 50%;
}

[b-e4wz26nso7] .editTable .row.flex-end {
  justify-content: flex-end;
  align-items: flex-end;
  gap: 10px;
}

[b-e4wz26nso7] .editTable .row > div,
[b-e4wz26nso7] .editTable .row > div input {
  width: 100%;
}

[b-e4wz26nso7] .table .scrollable {
  max-height: calc( 100vh - 350px );
}

[b-e4wz26nso7] main {
  gap: 50px;
}

[b-e4wz26nso7] .form {
    overflow-y: auto;
}

[b-e4wz26nso7] .navHeader {
  box-sizing: border-box;
  padding: 10px 10px 10px 0;
  display: flex;
  gap: 20px;
  align-items: center;

  width: 100%;
}

[b-e4wz26nso7] .navHeader button {
  transition: background-color 0.3s ease;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}

[b-e4wz26nso7] .navHeader button.active {
  background-color: #47DEA4;
}

[b-e4wz26nso7] #searchbar {
  width: 100%;
  margin-bottom: 1em;
}

/* POPUP to PAGES */
.account-layout[b-e4wz26nso7] {
  flex-direction: row;
  background-color: #f5f5f5;
  align-items: stretch;
}

.account-layout[b-e4wz26nso7]  > .side {
  align-items: flex-start!important;
  box-sizing: border-box;

  height: 100%;

  padding-top: 30px;
  padding-bottom: 30px;
}

.account-layout[b-e4wz26nso7]  > .side.main {
  flex: 2.1;
  padding-left: calc(calc(100vw - 1124px) / 2);
  /* padding-top: 30px; */

  position: relative;


  overflow-x: hidden!important;
}


.account-layout[b-e4wz26nso7]  > .side.main > div {
  width: 100%;
}

.account-layout[b-e4wz26nso7]  > .side:not(.main) {
  flex: 1;
  /* background-color: #fefefe; */
  padding-left: 31px;
  padding-right: calc(calc(100vw - 1124px) / 2);
  padding-top: calc(30px + 21px + 40px - 5px); /*main padding + back button height + header margin-top - different font offset */

  height: auto!important;
}

.account-layout[b-e4wz26nso7]  > .side:not(.main) h1,
.account-layout[b-e4wz26nso7]  > .side:not(.main) h2,
.account-layout[b-e4wz26nso7]  > .side:not(.main) h3,
.account-layout[b-e4wz26nso7]  > .side:not(.main) h4,
.account-layout[b-e4wz26nso7]  > .side:not(.main) h5 {
  margin-top: 0!important;
  font-size: 48px!important;
}


@media only screen and (max-width: 956px) {
  /* .account-layout {
    flex-direction: column!important;
  } */


}


@media only screen and (max-width: 1124px) {
  /* .account-layout ::deep > .side.main {
    padding-left: 50px!important;
  }
  .account-layout ::deep > .side:not(.main) {
    padding-right: 50px!important;
  } */
  .account-layout[b-e4wz26nso7]  > .side:not(.main) h5 {
    font-size: 40px!important;
  }


  .account-layout[b-e4wz26nso7] {
    flex-direction: column-reverse!important;
  }

  .account-layout > .side:not(.main)[b-e4wz26nso7] {
    padding-top: 20px!important;
  }

  .account-layout > .side[b-e4wz26nso7] {
    padding-left: 20px!important;
    padding-right: 20px!important;
  }
}




/* STATUS label mobile traduttore */
@media only screen and (max-width: 956px) {
  [b-e4wz26nso7] .traduzioni .td {
    order: 2;
  }
  
  [b-e4wz26nso7] .traduzioni .row .td:first-of-type {
    order: 0!important;
    width: 50% !important;
  }
  
  [b-e4wz26nso7] .traduzioni .table .row:has(.td:nth-of-type(5)):not(:has(.td:nth-of-type(8))) .td.status,
  [b-e4wz26nso7] .traduzioni .table .row:has(.td:nth-of-type(5)):has(.td:nth-of-type(8)) .status {
    display: flex!important;
    order: 1!important;
    width: 50%!important;
    justify-content: flex-end!important;
  }
}
/* /Shared/Account/MainAccount.razor.rz.scp.css */
.side.main[b-h3bxt7gk89] {
  /* width: 100%; */
  justify-content: space-between;
  display: block;
  /* overflow-y: auto;
    overflow-x: hidden; */
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  flex-grow: 1;
  width: auto;
  overflow: hidden;
  box-sizing: border-box;
}

.side.main[b-h3bxt7gk89]::-webkit-scrollbar {
  display: none !important;
}

[b-h3bxt7gk89] .side.main .btn {
  box-shadow: none !important;
}

[b-h3bxt7gk89] .mainTable {
  margin-top: 30px;
  height: 40%;
  flex-grow: 1;
  width: 100%;
}

[b-h3bxt7gk89] .side > .header p {
  font-weight: 500;
  font-size: 16px;
}

[b-h3bxt7gk89] .header {
  border-bottom: 1px solid #d8d8d8;
}

[b-h3bxt7gk89] .fading {
  color: #bfbfbf;
}

[b-h3bxt7gk89] .editTable .row {
  border-bottom: 1px solid #d8d8d8;
  width: 50%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  box-sizing: border-box;
}

[b-h3bxt7gk89] .editTable .fading {
  font-size: 0.8em;
}

[b-h3bxt7gk89] .right {
  text-align: right;
}

[b-h3bxt7gk89] .editTable .row .editPreview,
[b-h3bxt7gk89] .editTable .row.active .edit,
[b-h3bxt7gk89] .editTable .row .green.click:not(.save),
[b-h3bxt7gk89] .editTable .row.active .green.click.save {
  display: block;
}

[b-h3bxt7gk89] .editTable .row.active .editPreview,
[b-h3bxt7gk89] .editTable .row .edit,
[b-h3bxt7gk89] .editTable .row.active .green.click:not(.save),
[b-h3bxt7gk89] .editTable .row .green.click.save {
  display: none;
}

[b-h3bxt7gk89] .editTable img {
  height: 65px;
}

[b-h3bxt7gk89] .table {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: solid 1px #DDDDDD!important;
  background-color: white;
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
}

[b-h3bxt7gk89] .table .row {
  width: 100%;
  display: flex;
  border-bottom: solid 1px #d8d8d8;
  padding: 15px 30px;
  box-sizing: border-box;
  position: relative;
  align-items: center;
  gap: 10px;
}

[b-h3bxt7gk89] .table .td {
  flex: 1;
  width: 100%;
  content: "";
  align-items: flex-end;

  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

[b-h3bxt7gk89] .table .head .td {
  color: #d8d8d8;
  font-size: 0.8em;
  cursor: pointer;
  transition: color 0.3s ease;
}

[b-h3bxt7gk89] .table .head .td:hover {
  color: black;
}

[b-h3bxt7gk89] .table .td.huge {
  flex: 3;
}

[b-h3bxt7gk89] .table .td.bigger {
  flex: 1.5;
}

[b-h3bxt7gk89] .table .td.small {
  flex: 0.5;
  overflow: visible !important;

  height: auto;
  min-height: 1px;
}

[b-h3bxt7gk89] .table .td img {
  /*        height: 1em;
        width: auto;*/
  max-width: 1em;
}

[b-h3bxt7gk89] #customers .table .td img {
  max-width: 40px !important;
}

[b-h3bxt7gk89] .table .td.small img {
  /*Kebab menu*/
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  box-sizing: border-box;
  /*    padding: 5px;*/
}

[b-h3bxt7gk89] .table .row.letto {
  background-color: #f5f5f5;
}

[b-h3bxt7gk89] .table .icon {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
  position: relative;
}

[b-h3bxt7gk89] .icon.hover {
  background-color: transparent;
  transition: background-color 0.3s ease;
}

[b-h3bxt7gk89] .td.small .icon.hover {
  margin-left: auto !important;
  padding: 5px;
  box-sizing: border-box;
}

[b-h3bxt7gk89] .icon.hover:hover,
[b-h3bxt7gk89] .icon.active {
  background-color: #47dea4;
}

[b-h3bxt7gk89] .kebab-menu {
  position: absolute;
  background-color: white;
  box-sizing: border-box;
  padding: 10px 0;
  border-radius: 10px;
  top: 150%;
  /*    right: -100%;*/
  right: 0;
  z-index: 2;
  box-shadow: #00000040 0 1em 30px;
  display: none;
}

[b-h3bxt7gk89] .td .icon.active .kebab-menu {
  display: block;
}

[b-h3bxt7gk89] .kebab-menu div {
  padding: 0.5em 20px;
  width: fit-content;
  white-space: nowrap;
  width: 100%;
  transition: background-color 0.3s ease;
  box-sizing: border-box;
}

[b-h3bxt7gk89] .kebab-menu div:hover {
  background-color: #f5f5f5;
}

[b-h3bxt7gk89] .scrollable {
  overflow: scroll;
  height: 100%;
  /* border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8; */
  border-top: 0;
  border-bottom: 0;
  position: relative;
}

[b-h3bxt7gk89] .scrollable::-webkit-scrollbar {
  display: none;
}

[b-h3bxt7gk89] .row.foot {
  color: #d8d8d8;
  font-size: 0.8em;
  display: flex;
  align-items: center;
  padding: 10px;
  border: none;
}

[b-h3bxt7gk89] .row.foot span {
  margin: 0 1em;
}

[b-h3bxt7gk89] .row.editPreview {
  justify-content: space-between;
}

[b-h3bxt7gk89] .mainRow {
  width: 100%;
  max-height: 87%;
  position: relative;
  height: auto;
  overflow: hidden;
  flex: 1;
}

[b-h3bxt7gk89] .mainRow .onetable {
  height: 100%;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

[b-h3bxt7gk89] .popup {
  position: fixed;
  width: 100vw;
  height: 100vh;
  box-sizing: border-box;
  background-color: #000000ac;
  justify-content: center;
  align-items: center;
  z-index: 999;
  top: 0;
  left: 0;
  display: flex;
}

[b-h3bxt7gk89] .popup .modal {
  background-color: white;
  border-radius: 20px;
  width: 70%;
  height: 80%;
  position: relative;
  overflow: hidden;
  display: flex;
}

@media only screen and (max-width: 956px) {
  [b-h3bxt7gk89] .popup .modal {
    width: 90%;
  }

  [b-h3bxt7gk89] .popup .modal {
    flex-direction: column;
  }

  [b-h3bxt7gk89] .popup .modal .btn {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }

  [b-h3bxt7gk89] .popup .modal .content p {
    align-items: flex-end !important;
  }
}

[b-h3bxt7gk89] .close {
  width: 30px;
  height: 30px;
  border-radius: 15px;
  border: none;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 5%;
  right: 15%;
  z-index: 2;
  cursor: pointer;
}

[b-h3bxt7gk89] .close img {
  width: 80%;
}

[b-h3bxt7gk89] .popup .side.main {
  width: 100%;
  justify-content: space-between;
  display: block;
}

[b-h3bxt7gk89] .popup .side {
  display: flex;
  flex-direction: column;
}

[b-h3bxt7gk89] .popup .side:not(.main) {
  box-sizing: border-box;
  padding: 30px;
  text-align: left;
}

[b-h3bxt7gk89] .popup .side .head,
[b-h3bxt7gk89] .popup .side .content,
[b-h3bxt7gk89] .popup .side .preview {
  box-sizing: border-box;
  padding: 10px 30px;
  width: 100%;
}

[b-h3bxt7gk89] .popup .side .head,
[b-h3bxt7gk89] .popup .side .content {
  border-bottom: 1px #f5f5f5 solid;
}

/*::deep .content p:not(.fading) {
    margin-bottom: 2em;
}*/

[b-h3bxt7gk89] .content img {
  height: 1em;
  transform: translateY(50%);
  margin: 0 0.5em;
}

[b-h3bxt7gk89] .content p:last-of-type {
  display: flex;
}

/*    ::deep .content p:last-of-type:before {
        content: '"';
        display: block;
        font-size: 4em;
        margin-right: .25em;
    }*/

[b-h3bxt7gk89] .popup h3 {
  margin: 0;
}

[b-h3bxt7gk89] .popup .side:not(.main) h5 {
  font-size: 54px;
  margin: 0;
  text-wrap: nowrap;
  text-align: right;
}

[b-h3bxt7gk89] .popup .btn {
  transition: all 0.3s ease;
  margin-bottom: 10px;
}


[b-h3bxt7gk89] .popup .btn.danger {
  text-align: center;
  background-color: transparent;
  border: solid 1px red;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

[b-h3bxt7gk89] .popup .btn.danger:hover {
  background-color: #47dea4;
  color: white;
  border-color: #47dea4;
}

[b-h3bxt7gk89] .popup .btn.empty {
  text-align: center;
  background-color: transparent;
  border: solid 1px black;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

[b-h3bxt7gk89] .popup .btn.empty:hover {
  background-color: #47dea4;
  color: white;
  border-color: #47dea4;
}

[b-h3bxt7gk89] .popup .btn:hover {
  background-color: transparent;
  border: solid 1px black;
}

[b-h3bxt7gk89] .popup .side:not(.main) h5,
[b-h3bxt7gk89] .popup .side:not(.main) p {
  align-self: flex-start;
  margin: 0;
}

[b-h3bxt7gk89] .popup .side:not(.main) p {
  margin-bottom: 40px;
}

[b-h3bxt7gk89] .side.main .header {
  border-bottom: 1px solid #d8d8d8;
}

[b-h3bxt7gk89] .click {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.3s ease;
}

[b-h3bxt7gk89] .click:hover {
  opacity: 1;
}

[b-h3bxt7gk89] .notification {
  font-size: 0.6rem;
  display: inline-block;
  background-color: #47dea4;
  padding: 0.5em 1em;
  box-sizing: border-box;
  border-radius: 1em;
  box-shadow: #00000031 0 5px 10px;
  color: black;
}

[b-h3bxt7gk89] .status {
  padding: 0.5em 1em;
  box-sizing: border-box;
  /* border-radius: 1em;
  box-shadow: #00000031 0 5px 10px; */
  text-align: center;
}

[b-h3bxt7gk89] .green {
  color: #47dea4;
  margin-bottom: 0;
}

@media only screen and (max-width: 956px) {
  [b-h3bxt7gk89] .side.main .header {
    border-bottom: none;
  }

  [b-h3bxt7gk89] .side.main {
    height: inherit !important;
    display: flex !important;
  }

  [b-h3bxt7gk89] .editTable {
    /*        flex-direction: column-reverse;*/
    position: relative;
  }

  [b-h3bxt7gk89] .input {
    width: 100%;
  }

  [b-h3bxt7gk89] input {
    /*max-width: 30% !important;*/
  }

  [b-h3bxt7gk89] .list {
    overflow-y: hidden;
  }

  [b-h3bxt7gk89] .editTable .row {
    width: 100%;
  }

  [b-h3bxt7gk89] .mainTable {
    /*        height: initial !important;*/
  }

  [b-h3bxt7gk89] .mainRow {
    height: initial !important;
  }

  [b-h3bxt7gk89] .header .row {
    justify-content: space-between !important;
  }

  [b-h3bxt7gk89] .form {
    padding-bottom: 3em;
  }

  [b-h3bxt7gk89] .edit .btn {
    border: solid 1px #4be3ab;
  }
}

[b-h3bxt7gk89] .header .row {
  gap: 1em;
}

[b-h3bxt7gk89] .header .row .green {
  margin: 0 !important;
}

[b-h3bxt7gk89] input {
  padding: 5px;
  box-sizing: border-box;
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.25);
}

[b-h3bxt7gk89] .edit select {
  border: rgba(0, 0, 0, 0.25) solid;
  padding: 0.5em;
  border-radius: 0.5em;
  box-sizing: border-box;
  width: 100%;
}

[b-h3bxt7gk89] .btn {
  /*    margin-top: 1em;*/
  margin: 0;
  text-align: center;
  display: inline-block !important;
}

/***/
@media only screen and (min-width: 864px) {
  [b-h3bxt7gk89] .side.main {
    max-height: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    overflow-y: auto;
  }

  [b-h3bxt7gk89] .form {
    height: 85%;
    width: 100%;
    padding-bottom: 50px;
    box-sizing: border-box;
  }
}

/**/
[b-h3bxt7gk89] .popup .modal {
  justify-content: space-between !important;
}

[b-h3bxt7gk89] .popup .modal .side {
  height: fit-content !important;
  height: 100%;
}

@media only screen and (max-width: 956px) {
  [b-h3bxt7gk89] .popup .modal .side.main {
    overflow-y: auto;
    height: 100% !important;
    justify-content: flex-start !important;
    box-sizing: border-box;
    padding-bottom: 50px;
  }

  [b-h3bxt7gk89] .popup .modal .side.main .table {
    height: auto !important;
  }
}

[b-h3bxt7gk89] .popup .modal .side {
  height: 100% !important;
  justify-content: flex-start !important;
}

[b-h3bxt7gk89] .popup .modal .side .head .h3 {
  font-weight: 500;
  font-size: 21px;
}

[b-h3bxt7gk89] .popup .modal .side > .head {
  padding-top: 40px !important;
  padding-bottom: 20px !important;
}

[b-h3bxt7gk89] .popup .modal .side.main .content {
  padding-bottom: 100px;
  /* height: 100%; */
  overflow-y: auto;
}

[b-h3bxt7gk89] .popup .modal .side.main .table {
  height: auto !important;
}

/*+ Button*/
[b-h3bxt7gk89] .btn.circle {
  width: 35px;
  height: 35px;
  border-radius: 17.5px;
  box-sizing: border-box;
  padding: 0 !important;
  aspect-ratio: 1/1;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
[b-h3bxt7gk89] .btn.circle img {
  max-width: 20px !important;
}

/*ACCORDION*/
[b-h3bxt7gk89] .modal .preview h3 {
  cursor: pointer;
}

/*Layout*/
.table .row.wrap[b-h3bxt7gk89] {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;

  position: relative;
}

.table .row.wrap .huge[b-h3bxt7gk89] {
  width: 100%;
}
.table .row.wrap .huge textarea[b-h3bxt7gk89] {
  resize: vertical;
  width: 100%;
}

[b-h3bxt7gk89] .popup .modal .side:not(.main) {
  align-items: flex-end;
}


/* /Shared/Account/Main/Components/AssignPromoCodes.razor.rz.scp.css */
.editTable[b-eka5jhlpd7] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;

    position: relative;
}

.editTable .row.active[b-eka5jhlpd7] {
  gap: 10px;
  justify-content: flex-start!important;
  align-items: center;
}

.editTable .col[b-eka5jhlpd7] {
    flex-direction: column!important;
    align-items: flex-start;
    gap: 10px;

    flex: 1;
    max-width: calc(50% - 10px);
    min-width: calc(50% - 10px);

    position: relative;
}

.editTable .col input[b-eka5jhlpd7] {
  width: 100%;
}

.row.buttons[b-eka5jhlpd7] {
    min-width: 100%;
    max-width: 100%;
    justify-content: flex-end!important;
    gap: 10px;
  }
  
  .row.buttons button[b-eka5jhlpd7] {
    max-width: calc(25% - 10px);
  }

  #IsActive[b-eka5jhlpd7] {
    border: solid 1px;
    height: 24px;
    display: flex;
    box-sizing: border-box;
    padding: 2px;
    align-items: center;
    width: 46px;
    border-radius: 12px;
    position: relative;
  
    cursor: pointer;
  
    transition: background .3s ease;
  }

  #IsActive[b-eka5jhlpd7]  input {
    display: none;
  }
  
  #IsActive .dot[b-eka5jhlpd7] {
    height: 20px;
    width: 20px;
    content: '';
    border-radius: 10px;
    background-color: red;
    transition: all .3s ease;
  }
  
  #IsActive input:checked ~ .dot[b-eka5jhlpd7] {
    background-color: green;
    margin-left: auto;
  }
  
  #IsActive:hover[b-eka5jhlpd7] {
    background: #FFF;
  }

  @media only screen and (max-width: 956px) {

    .editTable .col[b-eka5jhlpd7] {
        max-width: 100%!important;
        min-width: 100%!important;
        position: relative!important;
    }
    .editTable .col span[b-eka5jhlpd7] {
        display: inline-block;
        width: 100%;
        position: relative;
    }
    
  }
  .editTable .col span[b-eka5jhlpd7]  input,
  .editTable .col span[b-eka5jhlpd7]  select {
      width: 100%;
  }
/* /Shared/Account/Main/Components/CreatePromoCodes.razor.rz.scp.css */
.editTable[b-4kkgwiv20x] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;

    position: relative;
}

.editTable .col[b-4kkgwiv20x] {
    flex-direction: column!important;
    align-items: flex-start;
    gap: 10px;

    flex: 1;
    max-width: calc(50% - 10px);
    min-width: calc(50% - 10px);

    position: relative;
}

.editTable .col input[b-4kkgwiv20x] {
  width: 100%;
}

.row.buttons[b-4kkgwiv20x] {
  min-width: 100%;
  max-width: 100%;
  justify-content: flex-end!important;
  gap: 10px;
}

.row.buttons button[b-4kkgwiv20x] {
  max-width: calc(25% - 10px);
}

form select[b-4kkgwiv20x] {
  border: rgba(0,0,0,0.25) solid;
  padding: 0.5em;
  border-radius: 0.5em;
  box-sizing: border-box;
  width: 100%;
}

form .editTable .table .row[b-4kkgwiv20x] {
  padding: 5px !important;
  gap: 10px;
}

form .editTable .table .row .btn[b-4kkgwiv20x] {
  width: 80px;
  box-sizing: border-box;
  height: 35px;
}
form .editTable .table .row .td:last-of-type[b-4kkgwiv20x] {
  flex: auto;
  max-width: fit-content !important;
}

@media only screen and (max-width: 956px) {

  .editTable .col[b-4kkgwiv20x] {
      max-width: 100%!important;
      min-width: 100%!important;
      position: relative!important;
  }
  .editTable .col span[b-4kkgwiv20x] {
      display: inline-block;
      width: 100%;
      position: relative;
  }
  
}
.editTable .col span[b-4kkgwiv20x]  input {
    width: 100%;
}
/* /Shared/Account/Main/Components/Orders.razor.rz.scp.css */
.new[b-y7s4hvh0ru] {
    color: #47dea4;
}

.paid[b-y7s4hvh0ru] {
    /* color: yellow; */
    color: black;
}

.inprogress[b-y7s4hvh0ru] {
    color: darkorange;
}

.done[b-y7s4hvh0ru] {
    color: blue;
}

.inreview[b-y7s4hvh0ru] {
    color: blueviolet;
}

.completed[b-y7s4hvh0ru] {
    color: black;
}
/* /Shared/Account/Main/Components/SearchBar.razor.rz.scp.css */
h4[b-hvd4xh9pnr] {
    margin: 18px 0 24px 0;
    margin-top: 14px;
    margin-bottom: 20px;

    text-transform: uppercase;
    font-size: 14px!important;
    font-weight: 500!important;
    font-family: "Inter"!important;
}

#searchbar[b-hvd4xh9pnr] {
    display: flex;
    justify-content: flex-start;
    align-items: center;

    box-sizing: border-box;
    padding: 7px;
    height: 50px;
    border-radius: 25px;

    background-color: white;

    width: 100%;

    position: relative;

    border: 1px solid #DDDDDD;

}   

#searchbar .lens[b-hvd4xh9pnr] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #4BE3AB;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}
#searchbar .lens img[b-hvd4xh9pnr] {
    width: 18px;
    height: 18px;
}
#searchbar .lens:hover[b-hvd4xh9pnr] {
    background-color: #47DEA4;
}

#searchbar input[b-hvd4xh9pnr] {
    border: none;
    outline: none;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}

#searchbar input[b-hvd4xh9pnr]::placeholder {
    color: #BFBFBF;
    font-weight: 500;
}

#searchbar .filter[b-hvd4xh9pnr] {
    position: absolute;
    right: 7px;
    top: 7px;
    background: #f6f6f6;
    box-sizing: border-box;
    padding: 8px 11px 8px 14px;
    height: 36px;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;

    gap: 18px;
}

#filterBy[b-hvd4xh9pnr] {
    opacity: 0;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}

#filterBy option[b-hvd4xh9pnr], #searchbar .filter span b[b-hvd4xh9pnr] {
    text-transform: capitalize;
}
/* /Shared/Account/Main/Components/Summary.razor.rz.scp.css */
/*sommario*/
.sommario[b-wd1cweo00a] {
  position: relative;
  width: 100%;
}

.sommario > h4[b-wd1cweo00a] {
  text-transform: uppercase;
  font-size: 14px!important;
  font-weight: 500!important;
  margin-top: 14px;
  margin-bottom: 20px;
  font-family: "Inter"!important;
}

.cards[b-wd1cweo00a] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}

@media only screen and (max-width: 956px) {
  .cards[b-wd1cweo00a] {
    gap: 10px;
    overflow-x: scroll;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
  }

  .card[b-wd1cweo00a] {
    min-width: 100%;
    scroll-snap-align: center;
  }
}

.card[b-wd1cweo00a] {
  background-color: white;
  border-radius: 15px;
  width: 30%;
  display: flex;
  position: relative;
  box-sizing: border-box;
  padding: 15px;
  justify-content: space-between;
  align-items: center;
  box-shadow: #00000031 0 10px 20px;
}

.card .icon[b-wd1cweo00a] {
  width: 3em;
  height: 3em;
  border-radius: 1.5em;
  background-color: #f5f5f5;
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fading[b-wd1cweo00a] {
  color: #bfbfbf;
}

.card .text[b-wd1cweo00a] {
  width: 70%;
}

.card .text *[b-wd1cweo00a] {
  margin: 0;
  line-height: 175%;
}

.card .text h5[b-wd1cweo00a] {
  margin-bottom: 5px;
  font-weight: 400;
}
/* /Shared/Account/Main/Components/Translations.razor.rz.scp.css */
.NewTransaltion[b-bf5xgs2mzs] {
    color: #47dea4 ! important;
}

.Assigned[b-bf5xgs2mzs] {
    color: yellow ! important;
}

.TranslationInProgress[b-bf5xgs2mzs] {
    color: darkorange ! important;
}

.TranslationDone[b-bf5xgs2mzs] {
    color: blue ! important;
}

.ReviewRequested[b-bf5xgs2mzs] {
    color: mediumpurple ! important;
}

.TranslationInReview[b-bf5xgs2mzs] {
    color: blueviolet ! important;
}

.Closed[b-bf5xgs2mzs] {
    color: black ! important;
}
/* /Shared/Account/Main/Components/WellerInvoicingDetails.razor.rz.scp.css */
input[b-s7tjhzf2s2], select[b-s7tjhzf2s2] {
    width: 90%;
}

.preview > .row[b-s7tjhzf2s2] {
    gap: 10px;
}

.preview > .row .btn[b-s7tjhzf2s2] {
    margin: 0!important;
}

input[b-s7tjhzf2s2], select[b-s7tjhzf2s2] {
    width: 100%!important;
}
/* /Shared/Account/Main/Components/WellerLanguagesDetails.razor.rz.scp.css */
.rig[b-6afptamoes] {
    flex-direction: row;
    display: flex;
}

.show[b-6afptamoes] {
    display: block;
}

.edit[b-6afptamoes] {
    display: none;
}

.small .btn[b-6afptamoes] {
    padding: 0.5em 1em;
    box-sizing: border-box;
    font-size: 0.9em;
    border: none;
}

#editDetails[b-6afptamoes] {
    border-radius: 20px;
    border: solid 1px #d8d8d8;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    padding-left: 1em;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

    #editDetails h5[b-6afptamoes] {
        font-size: 1.25em;
    }

    #editDetails input[b-6afptamoes] {
        background: transparent;
        border: none;
        border-bottom: 1px solid #d8d8d8;
    }

    #editDetails select[b-6afptamoes] {
        padding: 10px;
        box-sizing: border-box;
    }

    #editDetails .row[b-6afptamoes] {
        padding-left: 1em;
        gap: 1em;
        align-items: flex-start;
        position: relative;
        margin-bottom: 1.5em;
        flex-wrap: wrap;
    }

        #editDetails .row label[b-6afptamoes] {
            min-width: 20%;
        }

@media only screen and (max-width: 956px) {
    #editDetails .row[b-6afptamoes] {
        flex-wrap: wrap;
        padding: 0!important;
    }
    #editDetails .row label[b-6afptamoes] {
        flex: none!important;
    }
    #editDetails .row label[b-6afptamoes] {
        width: 100%!important;
    }

    .listInput[b-6afptamoes] {
        width: 100%!important;
        box-sizing: border-box!important;
        position: relative!important;
        padding-right: 40px;
        gap: 10px!important;
    }
    
    .listInput span.lan[b-6afptamoes] {
        max-width: 100%!important;
        text-overflow: ellipsis!important;
        word-break: break-all!important;
    }
}


#editDetails .row:last-of-type[b-6afptamoes] {
    margin-top: 2em;
    justify-content: flex-end;
}

#editDetails label[b-6afptamoes] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.75em;
}

#editDetails label[b-6afptamoes], #editDetails .td[b-6afptamoes] {
    flex: 1;
}


#editDetails button[b-6afptamoes] {
    text-align: center;
    justify-content: center;
}

    #editDetails button.green[b-6afptamoes] {
        border: none;
    }

.listInput[b-6afptamoes] {
    border-radius: 10px;
    padding: 10px 15px;
    min-height: 2em;
    width: 80%;
    outline: none;
    border: solid 1px #cccccc;
    position: relative;
    display: flex;
    align-items: center;
}

    .listInput .view[b-6afptamoes] {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        gap: 0.25em;
        padding: 0 0;
    }

        .listInput .view .selectIcon[b-6afptamoes] {
            position: absolute;
            top: 50%;
            right: 5px;
            transform: translateY(-50%);
            cursor: pointer;
        }

        .listInput .view .lan[b-6afptamoes] {
            border-radius: 1em;
            padding: 0.5em 1em;
            box-sizing: border-box;
            background-color: #4BE3AB;
        }

            .listInput .view .lan.hover:hover[b-6afptamoes] {
                border: black solid 1px;
                background-color: transparent;
            }

            .listInput .view .lan img[b-6afptamoes] {
                cursor: pointer;
                height: 0.5em;
                width: auto;
                margin-left: 0.5em;
            }

    .listInput .list[b-6afptamoes] {
        position: absolute;
        width: 100%;
        top: 100%;
        margin-top: 0.25em;
        padding-top: 1em;
        box-sizing: border-box;
        left: 0;
        display: flex;
        flex-direction: column;
        z-index: 2;
        background-color: white;
        border: 1px solid #ccc;
        border-radius: 10px;
        transition: all 0.3s ease;
        max-height: 0;
        overflow: hidden;
    }

    .listInput .list[b-6afptamoes] {
        max-height: 10em;
        overflow: auto;
    }

        .listInput .list span[b-6afptamoes] {
            padding: 0.5em 1em;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            border-top: 1px solid #ccc;
            transition: all 0.3s ease;
            cursor: pointer;
        }

            .listInput .list span:first-of-type[b-6afptamoes] {
                border-top: none;
            }

            .listInput .list span:hover[b-6afptamoes] {
                background-color: #ccc;
            }


.row[b-6afptamoes] {
    display: flex;
    width: 100%;
    column-gap: 1em;
    row-gap: .5em;
}

    .row.wrap[b-6afptamoes] {
        flex-wrap: wrap;
    }

.right_al[b-6afptamoes] {
    text-align: right;
}

.error[b-6afptamoes] {
    color: red;
}


@media only screen and (max-width: 956px) {
    .head .btn[b-6afptamoes] {
        margin: 0 !important;
        width: fit-content !important;
    }
}


.small > .btn.green.circle[b-6afptamoes] {
    margin-left: auto;
}

.preview[b-6afptamoes] {
    min-width: 100%;
    max-width: 100%;

    max-height: 100%;

    flex-grow: 1;

    overflow-y: scroll;
    overflow-x: scroll;

    padding: 20px 0;
}


/*  */
.table[b-6afptamoes] {
    box-sizing: border-box;
    border: none!important;
    padding: 0!important;
    gap: 0!important;
    width: auto!important;
    max-width: none!important;
    margin-top: 1em;

    min-width: fit-content!important;
}

.table .row[b-6afptamoes] {
    padding: 0 17px!important;
    position: relative!important;
    height: 60px!important;
    align-items: center!important;
    gap: 0!important;
}

.table .row:nth-of-type(odd):not(.head)[b-6afptamoes] {
    background-color: #f5f5f5;
}

.table .head[b-6afptamoes] {
    border-bottom: solid 1px #d8d8d8;
    background-color: white;
}

.table .row .td:last-of-type[b-6afptamoes] {
    border-right: none!important;
}

.table .row .td[b-6afptamoes] {
    flex: 1!important;
    overflow: scroll;
    padding-bottom: 0!important;
    display: flex!important;
    align-items: center!important;
    min-width: 150px!important;
    /* border-right: 1px solid #ddd; */
    /* border-bottom: 1px solid #ddd; */
    height: 100%;
    box-sizing: border-box;
}

.table .row.head .td[b-6afptamoes] {

}

.table .row:not(.head) .td[b-6afptamoes] {
    padding: 5px;
}

.table .row .td.bigger[b-6afptamoes] {
    flex: 3!important;
    min-width: 450px!important;
}

.side.main[b-6afptamoes] {
    overflow-x: hidden;
}

.table .row .td *[b-6afptamoes] {
    margin: 0;
    padding: 0!important;
}

.table .icon[b-6afptamoes] {
    cursor: pointer;
}

.table .rig[b-6afptamoes] {
    gap: 5px;
}

.td[b-6afptamoes]::-webkit-scrollbar {
    display: none;
}
/* /Shared/Account/Main/ConfigurationMain.razor.rz.scp.css */
@media only screen and (max-width: 956px) {

    .header .row[b-g7e5dg6o3u] {
        justify-content: space-between;
    }
}
/* /Shared/Account/Main/DashboardMain.razor.rz.scp.css */
.title[b-l4bqgvvpws] {
  width: 100%;
  border-bottom: 1px solid #d8d8d8;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
  box-sizing: border-box;
  position: relative;
  max-height: 11em;
}

.title small[b-l4bqgvvpws] {
  font-size: 14px;
  color: #BFBFBF;
  margin-top: 10px;
  display: inline-block;
}

.title h1[b-l4bqgvvpws] {
  font-size: 28px !important;
}

.title p[b-l4bqgvvpws] {
  font-weight: 500;
}

.title h1[b-l4bqgvvpws],
.title p[b-l4bqgvvpws] {
  margin: 0;
  /* padding-left: 20px; */
}

.title img[b-l4bqgvvpws] {
  height: 50px;
  width: 50px;
  object-fit: cover;
  width: auto;
  border-radius: 50%;
}

.traduzioni[b-l4bqgvvpws] {
  width: 100%;
  position: relative;
  padding: 23px 0 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;

  height: 50%;
  flex-grow: 1;
}

.traduzioni h4[b-l4bqgvvpws] {
  text-transform: uppercase;
  font-size: 14px!important;
  font-weight: 500!important;
  margin: 0 0 20px 0;
  font-family: "Inter"!important;
}

@media only screen and (max-width: 956px) {
  .side.main[b-l4bqgvvpws] {
    height: inherit !important;
  }

  .title[b-l4bqgvvpws] {
    align-items: flex-start !important;
  }
}

.title #azienda-code[b-l4bqgvvpws] {
  color: #4be3ab;
  cursor: pointer;
}

/* /Shared/Account/Main/LanguagesTopicsMain.razor.rz.scp.css */
@media only screen and (max-width: 956px) {

    .scrollable[b-sposqfnegh] {
        overflow-x: hidden;
    }

    .row[b-sposqfnegh] {
        flex-wrap: wrap;
        justify-content: flex-start !important;
        row-gap: 1em;
    }

    .td[b-sposqfnegh],
    .th[b-sposqfnegh] {
        max-width: 30%;
        text-align: center;
    }

        .td.small[b-sposqfnegh] {
            /*        max-width: 100%;
        min-width: 100%;
        width: 100%;
        display: flex;
        justify-content: center;*/
            min-height: 100%;
            height: 100%;
            display: flex;
            justify-content: flex-end;
            margin-left: auto;
        }

            .td.small button[b-sposqfnegh] {
                margin: 0 !important;
                width: fit-content;
                padding: 2px 10px;
                font-size: 10px;
                box-sizing: border-box;
            }

    .row.head[b-sposqfnegh] {
        padding: .5em !important;
        gap: 10px;
    }

    .scrollable > .row[b-sposqfnegh] {
        padding: 0.5em !important;
        padding-top: 1em !important;
        box-sizing: border-box !important;
        /*        flex-direction: column;*/
        align-items: stretch;
        text-align: left;
        /*        height: 7em;*/
        /*        min-height: 8em;*/
        min-height: 2em;
        max-height: 13em;
        justify-content: flex-start;
        /*        flex-direction: column;*/

        row-gap: 0;
    }

    .row.head .td:nth-of-type(3)[b-sposqfnegh] {
        margin-left: auto;
        width: auto !important;
    }

    .scrollable > .row .td[b-sposqfnegh] {
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .scrollable > .row .td:nth-of-type(1)
        .scrollable > .row .td:nth-of-type(2)[b-sposqfnegh] {
            width: 45%;
            max-width: 45%;
            min-width: 45%;
        }

        .scrollable > .row .td:nth-of-type(3)[b-sposqfnegh] {
            width: 100%;
            max-width: 100%;
            /*                min-width: 100%;*/
            text-align: right;
            justify-content: flex-end;
            font-size: .8em;
        }


    /**/
    .table .row[b-sposqfnegh] {
        justify-content: flex-start !important;
        text-align: left !important;
        flex-wrap: wrap !important;
    }

        .table .row .td[b-sposqfnegh] {
            justify-content: flex-start !important;
            text-align: left !important;
        }

            .table .row .td:nth-of-type(1)[b-sposqfnegh] {
                min-width: 30%
            }

            .table .row .td:nth-of-type(2)[b-sposqfnegh] {
                min-width: 30%;
                /*                margin-right: 40%;*/
            }

            .table .row .td:nth-of-type(3)[b-sposqfnegh] {
                margin-left: 0 !important;
                max-width: 50%;
            }

            .table .row .td.small[b-sposqfnegh] {
                margin-left: auto !important;
                flex: none !important;
                margin-right: 0 !important;
                max-width: fit-content !important;
            }
}
/* /Shared/Account/Main/PromoCodesMain.razor.rz.scp.css */
/* /Shared/Account/Main/RatesMain.razor.rz.scp.css */
.editTable[b-bcaulzgif9] {
    display: flex;
    flex-direction: row;
    width: 100%;

    height: auto;
    overflow-y: auto;

}

    .editTable .col[b-bcaulzgif9] {
        padding: 10px;
        box-sizing: border-box;
        flex: 1;
        border-right: 1px solid #f5f5f5;
    }

        .editTable .col h4[b-bcaulzgif9] {
            border-bottom: 1px solid #f5f5f5;
        }

.list[b-bcaulzgif9] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    /* max-height: 77%; */
    overflow-y: scroll;
    padding: 10px;
    box-sizing: border-box;
}

    .list span[b-bcaulzgif9] {
        padding: 1em;
        box-sizing: border-box;
        border-radius: 10px;
        cursor: pointer;
        margin-bottom: 1em;
        transition: all .3s ease;
        border: 1px solid black;
    }

        .list span:hover[b-bcaulzgif9] {
            border: 1px solid #47dea4;
        }

        .list span.active:hover[b-bcaulzgif9] {
            background-color: transparent;
            color: #47dea4;
        }

            .list span.active:hover svg path[b-bcaulzgif9] {
                stroke: #47dea4
            }


        .list span.active[b-bcaulzgif9] {
            color: white;
            background-color: #47dea4;
            border: 1px solid #47dea4;
        }

.input[b-bcaulzgif9] {
    background-color: white;
    border-radius: 1em;
    padding: 10px;
    box-sizing: border-box;
    width: fit-content;
    margin-right: 100%;
    white-space: nowrap;
    margin-bottom: 1em;
}

/*    .input input {
        border: none;
        outline: none !important;
        background-color: transparent;
        padding: 0;
        text-align: right;
        width: 3em;
        font-size: 1.5em;
    }*/

        .input input[b-bcaulzgif9]::-webkit-outer-spin-button,
        .input input[b-bcaulzgif9]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        .input input[type=number][b-bcaulzgif9] {
            -moz-appearance: textfield;
        }

.btn[b-bcaulzgif9] {
    margin: 0;
    height: auto;
    width: auto;
    padding: 1em;
}

.lan[b-bcaulzgif9] {
    display: flex;
    justify-content: space-between;
}

    .lan:not(.active) svg path[b-bcaulzgif9] {
        display: none;
    }

    .lan svg path[b-bcaulzgif9] {
        stroke: white;
    }


[b-bcaulzgif9] .input input {
    /*MOLTEPLICI*/
    border: none;
    border-bottom: 1px solid black;
    outline: none;
}

[b-bcaulzgif9] input:focus {
    outline: none;
}
/* /Shared/Account/Main/TopicsConfigurationMain.razor.rz.scp.css */
.editTable[b-wtfxw943uk] {
    display: flex;
    flex-direction: row;
    width: 100%;

    height: auto;
    overflow-y: auto;

}

    .editTable .col[b-wtfxw943uk] {
        padding: 10px;
        box-sizing: border-box;
        flex: 1;
        border-right: 1px solid #f5f5f5;
    }

        .editTable .col h4[b-wtfxw943uk] {
            border-bottom: 1px solid #f5f5f5;
        }

.list[b-wtfxw943uk] {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    /* max-height: 77%; */
    overflow-y: scroll;
    padding: 10px;
    box-sizing: border-box;
}

    .list span[b-wtfxw943uk] {
        padding: 1em;
        box-sizing: border-box;
        border-radius: 10px;
        cursor: pointer;
        margin-bottom: 1em;
        transition: all .3s ease;
        border: 1px solid black;
    }

        .list span:hover[b-wtfxw943uk] {
            border: 1px solid #47dea4;
        }

        .list span.active:hover[b-wtfxw943uk] {
            background-color: transparent;
            color: #47dea4;
        }

            .list span.active:hover svg path[b-wtfxw943uk] {
                stroke: #47dea4
            }


        .list span.active[b-wtfxw943uk] {
            color: white;
            background-color: #47dea4;
            border: 1px solid #47dea4;
        }

.input[b-wtfxw943uk] {
    background-color: white;
    border-radius: 1em;
    padding: 10px;
    box-sizing: border-box;
    width: fit-content;
    margin-right: 100%;
    white-space: nowrap;
    margin-bottom: 1em;
}

/*    .input input {
        border: none;
        outline: none !important;
        background-color: transparent;
        padding: 0;
        text-align: right;
        width: 3em;
        font-size: 1.5em;
    }*/

        .input input[b-wtfxw943uk]::-webkit-outer-spin-button,
        .input input[b-wtfxw943uk]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        /* Firefox */
        .input input[type=number][b-wtfxw943uk] {
            -moz-appearance: textfield;
        }

.btn[b-wtfxw943uk] {
    margin: 0;
    height: auto;
    width: auto;
    padding: 1em;
}



    [b-wtfxw943uk] .input input {
        /*MOLTEPLICI*/
        border: none;
        border-bottom: 1px solid black;
        outline: none;
    }

    [b-wtfxw943uk] input:focus {
        outline: none;
    }

/* /Shared/Account/Main/TranslationsMain.razor.rz.scp.css */

/* /Shared/Account/Main/WellersRequestsMain.razor.rz.scp.css */
.New[b-onryg4pc9n] {
    background-color: #47dea4;
}

.Accepted[b-onryg4pc9n] {
    background-color: blue;
    color: white;
}

.Refused[b-onryg4pc9n] {
    background-color: black;
    color: white;
}
/* /Shared/Account/NavAccountMenu.razor.rz.scp.css */
.side.menu[b-g5ewq0c1h3] {
  flex-grow: 0;
}

.side.menu .btn[b-g5ewq0c1h3] {
    box-shadow: none !important;
    color: black!important;
    height: fit-content!important;
}
.btn:visited[b-g5ewq0c1h3] {
    color: inherit;
}

.btn:hover .icon[b-g5ewq0c1h3] {
  background-color: #47dea4;
}

.btn .icon[b-g5ewq0c1h3] {
  background-color: #f6f6f6;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
  height: 33px;
  width: 33px;
  margin-right: 5px;
  border-radius: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.3s ease;
}

.btn .icon img[b-g5ewq0c1h3] {
  height: auto;
  width: 60%;
}

.btn.active .icon[b-g5ewq0c1h3] {
  background-color: #47dea4;
}

.btn.bottom[b-g5ewq0c1h3] {
  margin-top: auto;
  margin-bottom: 0;
}

@media only screen and (max-width: 956px) {
  .side.menu[b-g5ewq0c1h3] {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    column-gap: 1em;
    row-gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
    height: fit-content !important;
  }

  .side.menu .btn[b-g5ewq0c1h3] {
    justify-content: flex-start !important;
    gap: 5px;
  }

  .btn[b-g5ewq0c1h3] {
    max-width: 45%;
    min-width: 30%;
    margin: 0 !important;

    font-size: 0.8em;
  }

  .icon[b-g5ewq0c1h3] {
    box-sizing: border-box;
  }
}
/* /Shared/Footer.razor.rz.scp.css */

#footer[b-vqppzid4wt] {
    padding-top: 30px;
    /*    width: 70vw;*/
    /*    padding-left: 15vw;
    padding-right: 15vw;*/
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #EBEBEB;
    background-image: url("img/bg.svg");
}

footer[b-vqppzid4wt] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
}

    footer .links[b-vqppzid4wt] {
        display: flex;
        font-weight: bold;
    }

        #footer a[b-vqppzid4wt] {
            margin-right: 15px;
            color: black!important;
            /* font-weight: bold; */
        }

            #footer a:-webkit-any-link[b-vqppzid4wt],
            #footer a:visited[b-vqppzid4wt] {
                color: black !important;
            }

#footer span[b-vqppzid4wt] {
    display: flex;
    margin-top: 40px;
}

    #footer span a[b-vqppzid4wt] {
        opacity: .4;
        margin-right: 15px;
    }


#footer h1[b-vqppzid4wt] {
    font-weight: 600;
    font-size: 3em;
}

footer .links .lan[b-vqppzid4wt] {
    opacity: .4;
    transition: all .3s ease;
}

    footer .links .lan.active[b-vqppzid4wt],
    footer .links .lan:hover[b-vqppzid4wt] {
        opacity: 1;
        border-bottom: #4BE3AB solid 3px;
        cursor: pointer;
    }

@media only screen and (max-width: 956px) {
    footer[b-vqppzid4wt] {
        flex-direction: column;
        align-items: flex-start;
        font-weight: bold;
        margin-top: 0;
    }

        footer .links[b-vqppzid4wt] {
            flex-wrap: wrap;
            margin-top: 20px;
        }

            footer .links a[b-vqppzid4wt] {
                margin-bottom: 1em;
                width: 100%;
            }

        footer span[b-vqppzid4wt] {
            flex-direction: column;
        }

    #footer span[b-vqppzid4wt] {
        font-size: .8em;
    }
}


footer .logo[b-vqppzid4wt] {
    cursor: pointer;
}


#footer h1[b-vqppzid4wt] {
    cursor: pointer;
}
#footer h1 img[b-vqppzid4wt] {
    height: 40px ;
}
@media only screen and (max-width: 956px) {
    #footer h1 img[b-vqppzid4wt] {
        height: 30px;
    }
}
#footer h1:hover img[b-vqppzid4wt] {
    animation: hovered-b-vqppzid4wt 450ms ease-in-out forwards;
}

@keyframes hovered-b-vqppzid4wt {
    0% {
        transform: translateX(0);
    }
    50% {
        
        transform: translateX(100%);
        opacity: 0;
    }
    51% {
        
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
/* /Shared/HomeLayout.razor.rz.scp.css */
/********TEXTS********/
/*::deep .h1, ::deep .h2, ::deep .h3, ::deep .h4 {
    font-family: 'Epilogue', sans-serif !important;
    font-weight: 600 !important;
}

::deep .h1 {
    font-size: 54px !important;
    line-height: 54px !important;
    letter-spacing: -0.75px !important;
}

::deep .h2 {
    font-size: 48px !important;
    line-height: 48px !important;
    letter-spacing: -1px !important;
}

::deep .h3 {
    font-size: 28px !important;
    line-height: 28px !important;
    letter-spacing: -1px !important;
}

::deep .h4 {
    font-size: 21px !important;
    line-height: 21px !important;
    letter-spacing: -1px !important;
}

::deep .p.content {
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;

    font-size: 16px !important;
    line-height: 20px !important;
}

::deep p.title {
    font-size: 14px !important;
    text-transform: uppercase !important;
}

@media only screen and (max-height: 860px) and (min-width: 864px) {
    ::deep .h1 {
        font-size: 40px !important;
        line-height: 40px !important;
        letter-spacing: -1px !important;
    }

    ::deep .h2 {
        font-size: 32px !important;
        line-height: 32px !important;
        letter-spacing: -1px !important;
    }

    ::deep .h3 {
        font-size: 24px !important;
        line-height: 24px !important;
        letter-spacing: -1px !important;
    }
}
@media only screen and (max-width: 720px) {
    ::deep .h1 {
        font-size: 40px !important;
        line-height: 40px !important;
        letter-spacing: -1px !important;
    }

    ::deep .h2 {
        font-size: 32px !important;
        line-height: 32px !important;
        letter-spacing: -1px !important;
    }

    ::deep .h3 {
        font-size: 24px !important;
        line-height: 24px !important;
        letter-spacing: -1px !important;
    }
}*/
/* /Shared/LanguageSelector.razor.rz.scp.css */
/* /Shared/LoadingOverlay.razor.rz.scp.css */
main[b-nrgon8tc5w] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 100;
    margin: 0;
    padding: 0;
    /* color: white; */
}

    main[b-nrgon8tc5w]::after {
        background-image: url("/img/bg.svg");
        display: block;
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.1;
        background-size: cover;
    }

    main h1[b-nrgon8tc5w] {
        animation: breath-b-nrgon8tc5w 2s ease infinite;
        font-family: "Epilogue", sans-serif;
        font-weight: 500;
        margin: 10vh 0 1em 0;
        letter-spacing: 110%;
    }

    main small[b-nrgon8tc5w] {
        font-weight: 600;
        font-size: .8em;
        line-height: 200%;
        letter-spacing: 110%;
    }

    main .logo[b-nrgon8tc5w] {
        width: 25vw;
        height: auto;
        margin-bottom: 40px;
    }

@keyframes breath-b-nrgon8tc5w {
    0% {
        opacity: 1;
    }

    25% {
        opacity: 0.5;
    }

    50%, 100% {
        opacity: 1;
    }
}



/*LOADING RESTYLE*/

/*LOADING (GLOBAL)*/

div.loadingUI[b-nrgon8tc5w] {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

    div.loadingUI .loading_content[b-nrgon8tc5w] {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        width: 294px;
        gap: 10px;
    }

        div.loadingUI .loading_content img[b-nrgon8tc5w] {
            height: 40px;
            width: 100%;
            max-width: 40px;
            object-position: left center;
            object-fit: cover;
            overflow: hidden;
            animation: slide-in-b-nrgon8tc5w 500ms ease 50ms forwards;
        }

@keyframes slide-in-b-nrgon8tc5w {
    from {
        max-width: 40px;
    }

    to {
        max-width: 294px;
    }
}

div.loadingUI .progress[b-nrgon8tc5w] {
    content: '';
    width: 100%;
    max-width: 0px;
    overflow: hidden;
    transition: max-width 250ms ease;
    height: 5px;
    background-color: #ddd;
    animation: slide-in-b-nrgon8tc5w 500ms ease 500ms forwards;
    position: relative;
}

    div.loadingUI .progress #loadingProgress[b-nrgon8tc5w] {
        background: black;
        position: absolute;
        max-width: 0;
        width: 100%;
        overflow: hidden;
        left: 0;
        top: 0;
        transition: max-width 250ms ease;
        bottom: 0;
        animation: loadingAnimation-b-nrgon8tc5w 1400ms linear 150ms forwards infinite;
    }


@keyframes loadingAnimation-b-nrgon8tc5w {
    from {
        max-width: 0;
        margin-left: 0;
    }

    20% {
        max-width: 25%;
    }

    40% {
        margin-left: 50%;
        max-width: 50%;
    }

    60%, 99% {
        max-width: 0;
        margin-left: 100%;
    }

    to {
        margin-left: 0;
    }
}
/* /Shared/LoginDisplay.razor.rz.scp.css */
:not(p).lightText[b-7o5pbq946h] {
    color:black ;
    opacity: 1;
    transition: all .3s ease;
    /*    margin-top: 20px;*/
    padding-left: 20px;
    box-sizing: border-box;
}

    .lightText:last-of-type:not(.btn)[b-7o5pbq946h] {
        margin-top: 10px;
        margin-bottom: 10px;
    }

.lightText:hover[b-7o5pbq946h] {
    opacity: .5;
}

.btn-link[b-7o5pbq946h] {
    background-color: transparent;
    text-align: left;
    color: red;
    margin-left: 0;
    border: none;
    font-size: 1em;
    cursor: pointer;
    width: 100%;
    margin-top: 10px;
}

@media only screen and (max-width: 956px) {
    .btn-link[b-7o5pbq946h] {
        width: calc(100% - 40px) !important;
        margin-left: 20px;
    }
}

.separator[b-7o5pbq946h] {
    border-top: 1px solid #00000060;
    padding: 20px 0 0 20px;
}
/* /Shared/Modal.razor.rz.scp.css */
.overlay[b-9yv2rd4vg2] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0, .5);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.modal[b-9yv2rd4vg2] {
    width: 80%;
    max-width: 650px;
    box-sizing: border-box;
    background: rgba(255,255,255);
    padding: 0;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 355px !important;
    cursor: default !important;
    border-radius: 30px !important;
}

@media only screen and (max-width: 956px) {
    .modal[b-9yv2rd4vg2] {
        width: 100%!important;
    }

    .overlay[b-9yv2rd4vg2] {
        padding: 10px!important;
        box-sizing: border-box;
    }
}

    .modal .head[b-9yv2rd4vg2],
    .modal .main[b-9yv2rd4vg2] {
        padding: 23.5px 18px !important;
    }

    .modal .head[b-9yv2rd4vg2] {
        box-sizing: border-box;
        width: 100%;
        background: white !important;
        border-bottom: 1px solid #ddd;
        font-weight: 500 !important;
        font-family: Inter !important;
        font-size: 16px !important;
        text-transform: uppercase;
    }

    .modal .main[b-9yv2rd4vg2] {
        box-sizing: border-box;
        width: 100%;
    }


        .modal .main p[b-9yv2rd4vg2] {
            margin: 0 !important;
        }
        .modal .main a[b-9yv2rd4vg2] {
            text-decoration: underline !important;
            color: black !important;
            cursor: pointer;
        }

    .modal .controls[b-9yv2rd4vg2] {
        padding: 20px;
        box-sizing: border-box;
        width: 100%;
        display: flex;
        gap: 1em;
/*        justify-content: flex-end;*/
        justify-content: stretch !important;
    }

        .modal .controls button[b-9yv2rd4vg2] {
            border: none;
            border-radius: 30px;
            box-sizing: border-box;
            padding: .5em 2em;
/*            font-weight: semibold;*/
            opacity: .85;
            transition: opacity .3s ease;
            cursor: pointer;

            flex: 1;
            background-color: #4BE3AB !important;
            color: black !important;
            height: 60px !important;
            font-size: 21px !important;
        }


            .modal .controls button:hover[b-9yv2rd4vg2] {
                opacity: 1;
            }

.succ[b-9yv2rd4vg2] {
    background-color: #4BE3AB;
}

.rej[b-9yv2rd4vg2] {
    background-color: #E34B4B;
}

.conf[b-9yv2rd4vg2] {
    /*    background-color: #4249eb;*/
    background-color: #4BE3AB;
    color: white;
}
/* /Shared/NavMenu.razor.rz.scp.css */
nav[b-haw68v7wsx] {
  width: 100vw;
  padding-left: calc(calc(100vw - 1124px) / 2);
  padding-right: calc(calc(100vw - 1124px) / 2);
  box-sizing: border-box;
  /* height: 6vh; */
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  z-index: 100;

  border-bottom: solid 1px #ddd;

  background-color: white;
}

&.sticky[b-haw68v7wsx] {
  position: sticky;
  top: 0;
  background: white;
  box-shadow: 0px 0px 0px 10px rgba(0, 0, 0, 0.5);
}

[b-haw68v7wsx] input {
  background-color: transparent !important;
}

@media only screen and (max-width: 1124px) {
  nav[b-haw68v7wsx] {
    padding-left: 50px;
    padding-right: 50px;
  }
}

nav .row[b-haw68v7wsx] {
  width: auto !important;
}

/*STICKY*/
nav[b-haw68v7wsx] {
  /*        position: sticky!important;
        top: 0;*/
  transition: all 0.3s ease;
  /*    top: -100px !important;*/
  top: 0;
  /*    position: sticky !important;*/
}

nav.sticky[b-haw68v7wsx] {
  position: sticky;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  background: white;
}

@media only screen and (max-width: 956px) {
  nav[b-haw68v7wsx] {
    /*            align-items: flex-start;*/
    padding: 2em 1em;
    box-sizing: border-box;
    min-height: 0 !important;
  }

  nav .row[b-haw68v7wsx] {
    flex-direction: column;
    align-items: flex-end;
    /*            gap: 1em;*/
  }

  nav .cta[b-haw68v7wsx] {
    width: fit-content;
  }

  nav .navMenu[b-haw68v7wsx] {
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    background: white;
  }

  img#prevMenuBtn[b-haw68v7wsx] {
    width: 34px !important;
  }
}

nav.active[b-haw68v7wsx] {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
}

nav a[b-haw68v7wsx] {
  color: black;
  font-weight: 500;
}

nav .cta[b-haw68v7wsx] {
  background-color: #4be3ab;
  width: 180px;
  margin-left: 10px;
  border-radius: 1.25em;
  /* height: 2.5em; */
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.123);
  cursor: pointer;
}

.navSearch[b-haw68v7wsx] {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: solid 1px #d8d8d8;
  width: 100vw;
}

.languageCont[b-haw68v7wsx] {
  border: solid 1px #dddddd;
  border-radius: 20px;
  height: 30px;
  /* width: 45vw; */
  display: flex;
  align-items: center;
  padding: 5px;
  justify-content: space-evenly;
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
}

.languageCont div:not(#searchIcon)[b-haw68v7wsx] {
  /* margin-right: 10px; */
  padding-right: 25px;
  padding-left: 25px;
  border-right: solid 1px #d8d8d8;
  text-align: center;
}

#searchIcon[b-haw68v7wsx] {
  border-radius: 50%;
  background-color: #4be3ab;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 5px;
  height: 21px;
  width: 21px;
}

#searchIcon img[b-haw68v7wsx] {
  width: 80%;
  height: 80%;
}

#prevMenu[b-haw68v7wsx] {
  padding-top: 40px;
  padding-bottom: 10px;
  background-color: white;
  border-radius: 10px;
  position: absolute;
  /* display: none; */
  display: flex;
  flex-direction: column;
  top: 28px;
  right: 0;
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);


  font-size: 16px;
}

#prevMenuBtn[b-haw68v7wsx] {
  cursor: pointer;
}

#prevMenu a[b-haw68v7wsx],
#prevMenu button[b-haw68v7wsx] {
  min-width: 200px;
  padding-left: 20px;
  margin-bottom: 20px;
  font-weight: 400;
}

.logo[b-haw68v7wsx] {
  cursor: pointer;
}

.m-fadeIn[b-haw68v7wsx] {
  visibility: visible;
  opacity: 1;
  animation: fadein-b-haw68v7wsx 500ms;
}

@keyframes fadein-b-haw68v7wsx {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.m-fadeOut[b-haw68v7wsx] {
  animation: fadeout-b-haw68v7wsx 500ms;
}

@keyframes fadeout-b-haw68v7wsx {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media only screen and (max-width: 956px) {
  nav[b-haw68v7wsx] {
    width: 100vw;
    box-sizing: border-box;
    padding: 20px 10px;
    gap: 10px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 0.75em;
  }

  .logo[b-haw68v7wsx] {
    /* max-height: 20px;
    width: auto;
    max-width: 45vw; */
    object-fit: contain;
    object-position: left center;
  }

  nav .cta[b-haw68v7wsx] {
    padding: 0 10px;
    box-sizing: border-box;
  }

  .navMenu img[b-haw68v7wsx] {
    height: 24px;
    width: 24px;
  }

  .navMenu img.menu[b-haw68v7wsx] {
    object-fit: scale-down;
  }


  .navMenu .aos-init.aos-animate[b-haw68v7wsx] {
    position: absolute;
  }

  #prevMenu[b-haw68v7wsx] {
    top: 5px !important;
    /*        right: 53vw;*/
    /*            right: -28vw;
            top: 32px;
            left: auto;*/
    /*        right: -26px;*/
  }

  button.nav-link.btn.btn-link.lightText[b-haw68v7wsx] {
    width: 100%;
  }
}

/*.navbar-toggler {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand {
    font-size: 1.1rem;
}

.oi {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type {
        padding-top: 1rem;
    }

    .nav-item:last-of-type {
        padding-bottom: 1rem;
    }

    .nav-item ::deep a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item ::deep a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item ::deep a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler {
        display: none;
    }

    .collapse {*/
/* Never collapse the sidebar for wide screens */
/*display: block;
    }
}*/

/**/

/*NAV*/
/*
nav {
  position: sticky!important;
  top: 0!important;
  background-color: white!important;
}
*/
nav .cta[b-haw68v7wsx] {
  transition: all 0.3s ease;
  cursor: pointer;
}

nav .cta:hover[b-haw68v7wsx] {
  background-color: #43cb99 !important;
}

#prevMenu[b-haw68v7wsx] {
  border-radius: 30px !important;
}

#prevMenu .lightText[b-haw68v7wsx] {
  color: black !important;
  opacity: 1 !important;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

#prevMenu .lightText:hover[b-haw68v7wsx] {
  opacity: 0.6 !important;
}

.navMenu img:last-of-type[b-haw68v7wsx] {
  transition: all 0.3s linear;
  border-radius: 15px;
}

.navMenu img:last-of-type:hover[b-haw68v7wsx] {
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2) !important;
}

.navMenu[b-haw68v7wsx] {
  box-sizing: border-box;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-evenly !important;
  gap: 0 !important;
  max-width: 80px;
  background: white;
}

.navMenu img[b-haw68v7wsx] {
  width: 34px !important;
  height: 34px !important;
  object-fit: contain;
  object-position: center center;
  margin: 0 !important;
}

#prevMenuBtn[b-haw68v7wsx] {
  padding: 7px;
  box-sizing: border-box;
}
/* /Shared/NewsletterSection.razor.rz.scp.css */
@media only screen and (max-width: 956px) {
    #newsletter[b-swglswhu6u] {
        flex-direction: column!important;
        gap: 31px!important;
    }

    #newsletter a[b-swglswhu6u] {
        margin: 0 auto 0 0!important;
    }


    .column[b-swglswhu6u] {
        flex-direction: column-reverse!important;
    }
}

.column[b-swglswhu6u] {
    align-items: flex-end;
    gap: 1em;
}

label[for="privacy"][b-swglswhu6u] {
    display: flex;
    flex-direction: row-reverse;
    gap: .5em;
    align-items: center;
    margin: 0;
}
label[for="privacy"][b-swglswhu6u]  a {
    color: white;
    cursor: pointer;
    text-decoration: underline;
}
label[for="privacy"].error[b-swglswhu6u],
label[for="privacy"].error[b-swglswhu6u]  a {
    color: red;
}
/* /Shared/SelectCulture.razor.rz.scp.css */
.links[b-2kjduqlxt6] {
    margin-top: 20px;
    display: flex;
}

    .links a[b-2kjduqlxt6] {
        margin-right: 15px;
        color: black;
        /* font-weight: bold; */
    }

span[b-2kjduqlxt6] {
    display: flex;
    margin-top: 60px;
}

    span a[b-2kjduqlxt6] {
        opacity: .4;
        margin-right: 15px;
    }

.links .lan[b-2kjduqlxt6] {
    opacity: .4;
    transition: all .3s ease;
}

    .links .lan.active[b-2kjduqlxt6],
    .links .lan:hover[b-2kjduqlxt6] {
        opacity: 1;
        border-bottom: #4BE3AB solid 3px;
        cursor: pointer;
    }
/* /Shared/SendTranslation.razor.rz.scp.css */
#sendTranslation[b-s77ytpnqfv] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 956px;
  height: fit-content;

  position: relative;
  overflow: visible;
  gap: 10px;
}

.links[b-s77ytpnqfv] {
  display: flex;
  gap: 15px;

  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 16px;

  color: #bfbfbf;

  transition: all 0.3s ease;
}

.links span[b-s77ytpnqfv] {
  display: flex;
  flex-direction: column;
  align-items: center;

  transition: all 0.3s ease;

  cursor: pointer;
}

.links span.active[b-s77ytpnqfv] {
  color: black;
}

.links span[b-s77ytpnqfv]::after {
  content: "";
  background-color: #4be3ab;
  height: 3px;
  width: 20px;
  display: block;

  opacity: 0;
  transition: all 0.3s ease;
}

.links span.active[b-s77ytpnqfv]::after {
  opacity: 1;
}

.bar[b-s77ytpnqfv] {
  width: 100%;
  background-color: white;
  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  box-sizing: border-box;
  border-radius: 40px;
  display: flex;
  align-items: center;
  position: relative;
}

.mobileBlock[b-s77ytpnqfv] {
  display: flex;
  justify-content: stretch;
  align-items: center;
  height: 100%;
  z-index: 1;
}

.mobileBlock:first-of-type[b-s77ytpnqfv] {
  position: relative;
}

.langBox[b-s77ytpnqfv] {
  box-sizing: border-box;
  padding: 10px 30px;
  height: 60px;
  border-radius: 30px;

  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;

  transition: all 0.3s ease;

  cursor: pointer;
}

.langBox.active[b-s77ytpnqfv],
.langBox:hover[b-s77ytpnqfv] {
  background-color: #f6f6f6;
}

.langBox.active input[b-s77ytpnqfv],
.langBox:hover input[b-s77ytpnqfv] {
  color: black;
}

.langBox p[b-s77ytpnqfv] {
  margin: 0;
  color: #4be3ab;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
}

.langBox input[b-s77ytpnqfv] {
  box-sizing: border-box;
  padding: 0;

  border: none !important;
  outline: none !important;

  font-weight: 500;
  font-size: 16px;

  background-color: transparent;
  color: black;
  pointer-events: none;

  transition: all 0.3s ease;
  width: 100%;
}

#swapLang[b-s77ytpnqfv] {
  min-width: 60px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  box-sizing: border-box;
  background: white;
  border: solid #ddd 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;

  transition: all 0.3s ease;
}

#swapLang:hover[b-s77ytpnqfv] {
  background-color: #f6f6f6;
}

.searchBox[b-s77ytpnqfv] {
}

.langBox.arrowed[b-s77ytpnqfv]::after {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  position: absolute;
  right: 15px;

  border-left: 2px solid rgba(0, 0, 0, 0.25);
  border-bottom: 2px solid rgba(0, 0, 0, 0.25);

  transform: rotate(-45deg);
}

#uploadTesto[b-s77ytpnqfv] {
  color: black;
  background-color: transparent;
  height: 60px;
  box-sizing: border-box;
  padding: 0 30px;
  border-radius: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  align-items: center;
  gap: 5px;

  border: solid 1px #ddd;

  margin-left: 15px;
  margin-right: 15px;
  transition: all 0.3s ease;

  position: relative;
}

#uploadTesto:hover[b-s77ytpnqfv] {
  background-color: #f6f6f6;
}

#uploadTesto .moved[b-s77ytpnqfv] {
  display: flex;
  justify-content: center;
  font-weight: 600;
  text-wrap: nowrap;
  gap: 10px;
  color: black;
}
#sendTranslation.active #uploadTesto .moved .file-info[b-s77ytpnqfv] {
  flex-direction: column;
  display: flex;
  align-items: flex-start;
} 

#sendTranslation.active #uploadTesto .moved .file-info small[b-s77ytpnqfv] {
  opacity: .35;
  font-size: 10px;

}
#sendTranslation.active #uploadTesto .moved .file-info b[b-s77ytpnqfv] {
  opacity: 1;
  font-size: 16px;

}

#uploadTesto .moved img[b-s77ytpnqfv] {
  height: 16px;
  width: auto;
}

#search[b-s77ytpnqfv] {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: none;
  background-color: #4be3ab;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-right: 10px;
}
#search:hover[b-s77ytpnqfv] {
  background-color: #43cb99;
}

.lower[b-s77ytpnqfv] {
  width: 956px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;

  margin-top: 10px;

  transition: all 0.3s ease;
}

.lower .langMenu[b-s77ytpnqfv] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  width: 100%;
  height: 286px;
  background-color: white;
  border-radius: 30px;
  padding: 30px 0 5px 0;

  position: relative;

  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

.lower .langMenu textarea[b-s77ytpnqfv] {
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
  resize: none;
  border: none;

  height: 100%;
}

.lower .langMenu textarea:focus[b-s77ytpnqfv] {
  border: none;
  outline: none;
}

.lower .langMenu textarea[b-s77ytpnqfv]::placeholder {
  color: #bfbfbf;
  font-size: 16px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
}

.lower .langMenu .text-info[b-s77ytpnqfv] {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 2px 0;
  box-sizing: border-box;
  border-top: solid 1px #ddd;

  opacity: 0.25;

  margin-bottom: 0;
}

@media only screen and (min-width: 956px) {
  #swapLang[b-s77ytpnqfv]::before {
    box-sizing: border-box;
    content: "";
    display: block;
    height: 80px;
    width: 1px;
    position: absolute;
    background-color: #ddd;
    z-index: -1;
  }

  .langBox[b-s77ytpnqfv] {
    margin-left: 10px;
    margin-right: 10px;
  }

  .langBox.bordered[b-s77ytpnqfv]::before,
  #uploadTesto[b-s77ytpnqfv]::before {
    content: "";
    position: absolute;
    z-index: -1;
    height: 80px;
    display: block;
    border-left: 1px solid #ddd;

    left: -15px;
    right: -15px;
  }
}

#mobileButton[b-s77ytpnqfv] {
  display: none;
  z-index: 1;
}

.underlay[b-s77ytpnqfv] {
  z-index: 2;
}

#mobileButton.back[b-s77ytpnqfv] {
  z-index: 3;
}

@media only screen and (max-width: 956px) {
  #sendTranslation[b-s77ytpnqfv] {
    max-width: 100%;
  }

  .mobileBlock:nth-of-type(1)[b-s77ytpnqfv] {
    width: 100%;
    justify-content: space-between;
  }

  .mobileBlock:nth-of-type(1)[b-s77ytpnqfv]::before {
    content: "";
    height: 80px;
    width: 1px;
    background-color: #ddd;
    position: absolute;
    left: calc(50% + 45px);
  }

  #sendTranslation:not(.active) .mobileBlock:nth-of-type(2)[b-s77ytpnqfv] {
    display: none;
  }

  .mobileBlock .langBox[b-s77ytpnqfv] {
    order: 1;
  }

  #swapLang[b-s77ytpnqfv] {
    order: 0;
    margin-left: 15px;
  }

  /*ACTIVE*/

  #sendTranslation.active[b-s77ytpnqfv] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: auto;
    background-color: #f6f6f6;
    z-index: 101;

    overflow: auto;
    overscroll-behavior: contain;

    padding: 20px 0 0 0;
  }

  #sendTranslation.active .links span[b-s77ytpnqfv]::after {
    margin-top: 20px;
  }

  #sendTranslation.active .bar[b-s77ytpnqfv],
  #sendTranslation.active .mobileBlock[b-s77ytpnqfv] {
    flex-direction: column;
  }

  #sendTranslation.active .bar[b-s77ytpnqfv] {
    background-color: transparent;
    box-shadow: none;
    gap: 20px;
    height: 100%;

    padding: 0 10px;
  }
  #sendTranslation:not(.active) .bar[b-s77ytpnqfv] {
    justify-content: space-between;
  } 

  #sendTranslation.active .mobileBlock[b-s77ytpnqfv] {
    background-color: white;
    width: 100%;
    border-radius: 30px;
    padding: 10px;
    box-sizing: border-box;
    gap: 10px;
    height: fit-content;

    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);

    max-height: 30vh;
    overflow: hidden;
  }

  #sendTranslation.active .langBox[b-s77ytpnqfv] {
    width: 100%;
    border: solid 1px #ddd;
  }

  #sendTranslation.active .langBox[b-s77ytpnqfv]::after {
    width: 10px;
    height: 10px;
    content: "";
    display: block;
    position: absolute;
    right: 20px;

    border-left: 2px solid rgba(0, 0, 0, 0.25);
    border-bottom: 2px solid rgba(0, 0, 0, 0.25);

    transform: rotate(-45deg);
  }

  #sendTranslation.active #uploadTesto[b-s77ytpnqfv] {
    order: 2;
    width: 100%;
  }

  #sendTranslation.active #uploadTesto .moved[b-s77ytpnqfv],
  #sendTranslation.active #uploadTesto .moved .file-info[b-s77ytpnqfv] {
    justify-content: space-between;
    width: 100%;
    display: flex;
  }
  #sendTranslation.active #uploadTesto .moved[b-s77ytpnqfv] {
    align-items: center;
  }
  #sendTranslation.active #uploadTesto .moved .file-info[b-s77ytpnqfv] {
    flex-direction: column;
    align-items: flex-start;
  }

  #sendTranslation.active #swapLang[b-s77ytpnqfv] {
    order: 2;
    margin-left: 0;
  }
  #sendTranslation.active .mobileBlock:nth-of-type(1)[b-s77ytpnqfv]::before {
    display: none;
  }

  #sendTranslation.active #mobileButton[b-s77ytpnqfv] {
    display: flex;
    border: solid 1px #f6f6f6;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 20px;
    background-size: calc(100% - 20px);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url("icons/close.svg");
    background-color: white;
    position: absolute;
    left: 20px;
    top: 20px;

    color: black;

    z-index: 1;
  }

  #sendTranslation.active #mobileButton.back[b-s77ytpnqfv] {
    background-image: url("icons/arrow.svg");
    transform: rotate(180deg);

    z-index: 3;
  }

  #sendTranslation.active .searchBox[b-s77ytpnqfv] {
    position: absolute;
    background-color: white;
    bottom: -1px;
    left: 0px;
    right: 0px;
    height: 100px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 20px 10px;
  }

  #sendTranslation.active #search[b-s77ytpnqfv] {
    width: 100%;
    margin-right: 0;
  }

  #sendTranslation.active .lower[b-s77ytpnqfv] {
    position: relative !important;
    width: 100%;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    order: 1;
    margin: 0;

    overflow: hidden;
  }

  #sendTranslation .searchBox .mobile[b-s77ytpnqfv] {
    text-wrap: nowrap;
  }
  #sendTranslation:not(.active) .searchBox .mobile[b-s77ytpnqfv] {
    display: none!important;
  }
  #sendTranslation.active #search[b-s77ytpnqfv] {
    justify-content: space-between;
    align-items: center;
    padding: 30px;
  }

  #sendTranslation.active .lower[b-s77ytpnqfv]  .aos-init.aos-animate {
    height: 100% !important;
  }

  #sendTranslation.active .lower .langMenu[b-s77ytpnqfv] {
    border: solid 1px #ddd;
    box-shadow: none;
    padding: 15px 0;

    height: 100%;
  }

  #sendTranslation.active .lower .langMenu textarea[b-s77ytpnqfv] {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    resize: none;
    border: none;

    background-color: transparent;

    height: 100%;
  }
}

@media only screen and (max-width: 320px) {
  .bar[b-s77ytpnqfv] {
    flex-direction: column;
  }

  .mobileBlock[b-s77ytpnqfv] {
    flex-direction: column;
  }

  #swapLang[b-s77ytpnqfv] {
    order: 1;
    margin-left: 0;
  }

  #sendTranslation:not(.active) .mobileBlock:nth-of-type(1)[b-s77ytpnqfv]::before {
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-35px);
  }

  .searchBox[b-s77ytpnqfv] {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
  }

  #search[b-s77ytpnqfv] {
    width: 100% !important;
    margin: 10px 0 0 0;
  }
}

/* MENUS */
.fadeMenus[b-s77ytpnqfv] {
  width: 100%;
  max-height: 268px;
  height: fit-content;
  position: absolute;
  top: calc(100% - 16px);
}

[b-s77ytpnqfv] .langMenu {
  background-color: white;
  border-radius: 30px;

  box-sizing: border-box;
  padding: 20px 0 14px 0;

  max-height: 268px;
  height: 268px;
  display: flex;
  flex-direction: column;

  overflow: hidden;
  position: relative !important;

  box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1);
}

[b-s77ytpnqfv] .langMenu .test {
  min-height: 100% !important;
  max-height: 100% !important;
  overflow: hidden;

  position: relative;
  display: flex;
  flex-direction: column;
}

[b-s77ytpnqfv] .langMenu .searchbar {
  width: 100%;

  box-sizing: border-box;
  padding: 0 30px;

  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;

  justify-content: space-between;
  padding-bottom: 20px;
}

[b-s77ytpnqfv] .langMenu .searchbar input,
[b-s77ytpnqfv] .langMenu .searchbar input:focus {
  border: none;
  outline: none;
}

[b-s77ytpnqfv] .langMenu .lingua {
  box-sizing: border-box;
  padding: 18px 30px;

  display: flex;
  flex-direction: column;
  gap: 18px;

  overflow-y: auto;
  

  min-height: 100%;
  padding-bottom: 4em;
}

[b-s77ytpnqfv] .langMenu .lingua .lang {
  cursor: pointer;

  transition: all 0.3s ease;
}

[b-s77ytpnqfv] .langMenu .lingua .lang.selected,
[b-s77ytpnqfv] .langMenu .lingua .lang:hover {
  color: #4be3ab;
}

[b-s77ytpnqfv] .doneBtn {
  position: absolute;
  bottom: 10px;
  right: 10px;

  z-index: 99;
}

[b-s77ytpnqfv] .doneBtn button {
  font-weight: 500;
  background-color: #4be3ab;
  color: black;
  cursor: pointer;
  border: none;
  box-sizing: border-box;

  transition: all 0.3s ease;

  padding: 10px 30px;
  border-radius: 20px;
}

[b-s77ytpnqfv] .onlyMobile {
  display: none;
}

/* TO LANGUAGE SPEICIFIC*/
[b-s77ytpnqfv] #toLanguageMenu {
  flex-direction: row !important;

  padding: 0;
}

[b-s77ytpnqfv] #toLanguageMenu .test {
  flex: 1;
  background: #f6f6f6;
  padding-top: 20px;
  padding-bottom: 20px;
}

[b-s77ytpnqfv] #toLanguageMenu .test input {
  background: transparent;
}

[b-s77ytpnqfv] #toLanguageMenu .side.smaller {
  flex: 0.6;

  padding: 20px 40px 0 40px;
  box-sizing: border-box;
}

[b-s77ytpnqfv] #toLanguageMenu .side.smaller h5 {
  margin: 0 0 32px 0;
}

[b-s77ytpnqfv] #toLanguageMenu .side.smaller .lang {
  height: 30px;
  box-sizing: border-box;
  padding: 5px 5px 5px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 15px;
  width: fit-content;
  font-weight: 500 !important;

  gap: 10px;

  transition: 0.3s ease all;
}

[b-s77ytpnqfv] #toLanguageMenu .side.smaller .lang i {
  color: transparent;
  background-image: url("icons/close.svg");
  background-size: calc(100% - 10px);
  background-color: #4be3ab;
  width: 20px;
  height: 20px;
  border-radius: 10px;

  cursor: pointer;

  display: flex;

  background-repeat: no-repeat;
  background-position: center center;

  opacity: 0;

  transition: 0.3s ease all;
}
[b-s77ytpnqfv] #toLanguageMenu .side.smaller .lang:hover {
  background-color: #f6f6f6;
}
[b-s77ytpnqfv] #toLanguageMenu .side.smaller .lang:hover i {
  opacity: 1;
}
@media only screen and (max-width: 956px) {
  [b-s77ytpnqfv] #toLanguageMenu .side.smaller .lang {
    background-color: #f6f6f6;
  }
  [b-s77ytpnqfv] #toLanguageMenu .side.smaller .lang i {
    opacity: 1;
  }
}


/* MENUS RESPONSIVE */
@media only screen and (max-width: 956px) {
    
    #sendTranslation:not(.active)[b-s77ytpnqfv]  .fadeMenus {
        display: none;
    }

    #sendTranslation.active[b-s77ytpnqfv]  .fadeMenus {
        top: auto!important;
        bottom: 0;
        justify-content: flex-end;
        height: 100vh;
        z-index: 9999;

    }

    #sendTranslation.active[b-s77ytpnqfv]  .underlay.active {
        position: absolute;
        top: 0; bottom: 0; left: 0; right: 0;
        background-color: rgba(0,0,0,.5);
    }

   #sendTranslation.active[b-s77ytpnqfv]  .fadeMenus,
   #sendTranslation.active[b-s77ytpnqfv]  .fadeMenus .langMenu {
      max-height: calc(100vh - 80px)!important;
      height: auto!important;
   }

    #sendTranslation.active[b-s77ytpnqfv]  .fadeMenus .langMenu {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        
        min-height: calc(100vh - 80px);

        padding-bottom: 100px;
        box-sizing: border-box;
    }

   #sendTranslation.active[b-s77ytpnqfv]  .doneBtn.onlyMobile {
        display: flex;
    }
    
   #sendTranslation.active[b-s77ytpnqfv]  .doneBtn {
        width: 100%;
        border-top: 1px solid #ddd;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: white;

        left: 0;
        bottom: 0px;

        box-sizing: border-box;
        padding: 0 10px;
    }

    
    #sendTranslation.active[b-s77ytpnqfv]  .doneBtn button {
        width: 100%;
        height: 60px;
        border-radius: 30px!important;
    }

    #sendTranslation.active[b-s77ytpnqfv]  #toLanguageMenu {
        flex-direction: column!important;
    }



    #sendTranslation.active[b-s77ytpnqfv]  #toLanguageMenu .side.smaller {
        overflow-y: auto;
        min-height: 120px;
    }




    #sendTranslation.active[b-s77ytpnqfv]  #toLanguageMenu .test {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        position: relative;
    }
    #sendTranslation.active[b-s77ytpnqfv]  #toLanguageMenu .lingua {
       
    }
}
.exts[b-s77ytpnqfv] {
  width: 100%;
  text-align: center;
  display: inline-block;
}
.exts.open[b-s77ytpnqfv] {
  display: none;
}
.exts u[b-s77ytpnqfv] {
  cursor: pointer;
}

@media only screen and (max-width: 956px) {
  #sendTranslation.active[b-s77ytpnqfv]  .exts.closed {
    display: none;
  }
  #sendTranslation.active[b-s77ytpnqfv]  .exts.open {
    display: inline-block;
  }


  #sendTranslation.active .barWrapper[b-s77ytpnqfv] {
      position: absolute;
      left: 0;
      top: 80px;
      bottom: 0;
      right: 0;
    }
}
#sendTranslation:not(.active)[b-s77ytpnqfv]  .exts.open {
  display: none;
}
#sendTranslation:not(.active)[b-s77ytpnqfv]  .exts.closed {
  display: inline-block;
}


/* /Shared/TermsAndConditionsLayout.razor.rz.scp.css */
#privacymain[b-fhc395996m] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    width: 100vw;
    min-height: 100vh;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
}

    #privacymain .url[b-fhc395996m] {
        text-align: center;
    }

[b-fhc395996m] h3 {
    text-align: center;
    margin: 1rem 0 0 0;
    font-size: 1.2rem;
    font-family: 'Epilogue', sans-serif;
}

[b-fhc395996m] h1,
[b-fhc395996m] h2 {
    font-family: 'Epilogue', sans-serif;
    margin: 2rem 0 .5rem 0;
    font-size: 1.2rem!important;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    padding-left: 2rem;
    box-sizing: border-box;
}

[b-fhc395996m] h2 {
    text-decoration: underline;
}

[b-fhc395996m] ol {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: #000;
    margin: 0 0 1.5rem;
    padding: 0;
    counter-reset: item;
}

    [b-fhc395996m] ol > li {
        margin: 0 0 1rem 0;
        padding: 0 0 0 2em;
        text-indent: -2em;
        list-style-type: none;
        counter-increment: item;
        box-sizing: border-box;
    }

        [b-fhc395996m] ol > li:before {
            display: inline-block;
            width: 1.5em;
            padding-right: 0.5em;
            font-weight: 400;
            text-align: right;
            content: counter(item) ".";
            box-sizing: border-box;
        }

        [b-fhc395996m] ol > li.bold:before {
            font-weight: 600;
        }
/* make ol > li list's bullet bold mantaining the main content of li of weight 400 */

[b-fhc395996m] a {
    font-size: 1.2rem;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    opacity: 0.7;
    color: #4be3ab;
}

    [b-fhc395996m] a:hover {
        opacity: 1;
    }
/* /Shared/TopicSelector.razor.rz.scp.css */

.topic[b-vynva03miv] {
    cursor: pointer;
    border-radius: 1em;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 5px;
}

    .topic:hover[b-vynva03miv] {
        background-color: #4BE3AB;
    }