/*Background banner*/
.banner-bg {
    background: linear-gradient(120deg, #ecf6ff 0%, #cee4f8 20%, #74b4e0 30%,  #a07983 60%, #c4665d 80%, #c95545 100%);
    background-size: 200% 200%;
    animation: gradient-animation 20s ease-in-out alternate infinite;
}

/*Quadratini Rosa*/
.lqd-tabs .group, .bg-\[\#F3E5F5\], .text-\[\#083D91\], .text-\[\#28027C\], .text-\[\#083D91\], .text-\[\#60027C\], .bg-\[\#262626\] {
    background-color: #fbbbc1 !important;
    color: black;
}

/*Background footer*/
.bg-black {
    --tw-bg-opacity: 1;
    background-color: #d9282f;
}

/*Testo Footer*/
.text-transparent {
    color: white;
}

/*Gradiente footer*/
.site-footer .absolute{
    background: transparent !important;
}

/*Sezione Who can Use it*/
.bg-\[\#CBA153\] { background-color: #e0ecf8; }
.hover\:shadow-\[\#cba15326\]:hover { --tw-shadow-color: #e0ecf8;}

.bg-\[\#AB7FE6\] { background-color: #dfe4f8; }
.hover\:shadow-\[\#ab7fe621\]:hover { --tw-shadow-color: #dfe4f8;}

.bg-\[\#57CBC6\] { background-color: #e8e0f8; }
.hover\:shadow-\[\#57cbc624\]:hover { --tw-shadow-color: #e8e0f8;}

.bg-\[\#7F8FE6\] { background-color: #f4e0f9; }
.hover\:shadow-\[\#7f8fe624\]:hover { --tw-shadow-color: #f4e0f9;}

.bg-\[\#6BAC65\] { background-color: #fae0ed; }
.hover\:shadow-\[\#6bac6524\]:hover { --tw-shadow-color: #fae0ed;}

.bg-\[\#EF793A\] { background-color: #fae0e3; }
.hover\:shadow-\[\#ef793a1f\]:hover { --tw-shadow-color: #fae0e3;}

.text-\[\#CBA153\], .text-\[\#AB7FE6\], .text-\[\#57CBC6\], .text-\[\#7F8FE6\], .text-\[\#6BAC65\], .text-\[\#EF793A\] {
    --tw-text-opacity: 1;
    color: /*#b391c3*/ black;
}

/*Icone Template built in*/
.to-\[\#d7d7d9\] {
    --tw-gradient-to: /*#b391c360*/ #fbbbc1 var(--tw-gradient-to-position);
}

.from-\[\#f0f0f2\] {
    --tw-gradient-from: /*#b391c360*/ #fbbbc1 var(--tw-gradient-from-position);
}

.\[\&_svg\]\:fill-\[\#7c7c7e\] svg {
    fill: black;
}

/*Mostra di più template built in*/
.bg-\[\#885EFE\] {
    color: black;
    background-color: /*#b391c360*/ #fbbbc1; 
}

/*Sezione come funziona*/
.bg-\[\#010101\] {
    background-image: none !important;
    background-color: #b391c3;
}

.text-\[\#A2B2C9\], .text-\[\#E5E6E6\] {
    --tw-text-opacity: 1;
    color: white;
}

.text-opacity-60 {
    --tw-text-opacity: 1;
}

/*Font*/
:root {
    --font-heading: "Barlow Condensed", sans-serif;
    --headings-text-transform: uppercase;
    --font-body: "Hind", sans-serif;
}

.text-\[14px\] {
    font-size: 16px;
}

h2 {
    font-weight: 600;
    font-size: 50px !important;
}
h6 {
    text-transform: none !important;
}

.text-\[64px\] {
    font-size: 50px; 
}

/*Colore menu attivo*/
.before\:bg-current:before {
    background-color: hsl(360 70% 50%);
}
.group\/header.lqd-is-sticky .group-\[\.lqd-is-sticky\]\/header\:bg-black {
    background-color: hsl(360 70% 50% / 10%);
}

/*Colori Backend*/
:root {
--primary: 360 70% 50%;
}

/*Topbar*/
.bg-\[\#343C57\] {
    background-color: #ffffff;  
}

/*Menu mobile*/
@media screen and (max-width: 440px) {
    .max-lg\:bg-\[\#343C57\] {
        --tw-bg-opacity: 1;
        background-color: #d9282f;
    }
}