body {
            background-color: #F5F5FD;
            font-family: 'EB Garamond', serif;
            padding-top: 100px;
        }

        html {
            scroll-behavior: smooth;
        }

        h1, h2, h3 {
            font-family: 'EB Garamond', serif;
        }

        h3 {
            font-size: 2.3rem;
        }

        h3 {
            color: #3d0a49;
        }

        p {
          font-size: 1.6rem;
        }
        
        .bold {
            font-weight: bold;
        }

        .cursiva {
            font-style: italic;
        }

        .btn-outline-viola {
            color: #3D0A49;
            border: 2px solid #3D0A49;
            border-radius: 25px;
            padding: 0.5rem 1.5rem;
            transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
        }
        
        .btn-outline-viola:hover {
            color: #ffffff;
            border: 2px solid #ffffff;
            background-color: #2DBCD5;
            border-radius: 25px;
            padding: 0.5rem 1.5rem;
        }

        .navbar {
            background-color: #ffffff;
        }  

        .navbar-chi-sono {
            background-color: #F5F5FD !important;
        }

        .font-messages {
            font-size: 1.7rem;
        }

        .navbar-section-container {
            padding-right: -5px;
            margin-right: 45px;
/*             padding: 0 0.5rem; */
        }

        .navbar-brand {
            color: #e0daf7;
            font-weight: bold;
            flex: 1;
            display: flex;
            align-items: center;
        }

        .navbar-brand img {
            max-height: 90%;
            margin: 0;
            margin-right: 15px;
        }

        .navbar-images {
            display: flex;
            align-items: center;
            gap: 10px;
            margin: 0 auto;
            justify-content: left;
            height: 104px;
        }

        .navbar-images .logo {
            width: auto;
        }

        .navbar-images .logoTexto {
            width: auto;
        }

        .navbar-nav .nav-link {
            color: #3d0a49;
            font-weight: 500;
            font-size: 1.3rem;
            margin-left: 59px;
        }

        .navbar-nav .nav-link:hover {
            color: #027fe9;
        }

        .dropdown-menu {
            background-color: #5a2a47;
        }

        .dropdown-menu .dropdown-item {
            color: #e0daf7;
        }

        .dropdown-menu .dropdown-item:hover {
            background-color: #027fe9;
            color: #fff;
        }

        /* PROFILE SECTION */

        .profile-container {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .profile-message-container {
            margin-bottom: 96px;
            height: auto !important;
            background-color: #6D426E;
            color: white;
            margin-right: 44px;
        }

        .profile-title {
            font-size: 1.5rem;
        }

        .profile-image {
            max-width: 100%;
            margin-left: 25%;
            border-radius: 25px;
        }

        .profile-message-title {
            margin-left: 103px;
            margin-top: 383px;
            font-size: 3.1rem;
            color: #3d0a49;
        }

        .overlay {
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            background-color: #3d0a49;
            color: #ffffff;
            display: flex;
            align-items: left;
            justify-content: center;
            padding: 20px;
            text-align: justify;
            flex-direction: column;
        }
      
        .profile-message {
            width: 40%;
            height: auto;
            top: unset !important;
            margin-right: 252px;
            margin-top: 412px;
        }

        
        .paint7 {
            width: 50%;
        }

        .link-custom {
            color: #3d0a49;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .link-custom:hover {
            color: #2DBCD5;
        }

        /* SOCIAL MEDIA SECTION */

        .social-media-section {
            margin-top: 25px;
            padding: 0px 350px;
        }

        .social-media-section a {
            color: #3d0a49;
            text-decoration: none;
        }

        
        .social-media-section i {
            font-size: 1.7rem;
        }

        /* CHI SONO SECTION */
        .background-chi-sono-tilte-1 {
            background-image: url('../paint7.png');
            background-repeat: no-repeat;
            background-size: 28%;
            width: 100%;
            height: 100%;
            background-position: top right;
            right: 0;
            opacity: 60%;
            /* background-position: top right; */
        }

        .chi-sono-title-new {
            margin-left: 104px;
            margin-top: 100px;
        }

        .background-chi-sono-tilte-2    {
            background-image: url('../paint32.png');
            background-repeat: no-repeat;
            background-size: 36%;
            width: 100%;
            height: 100%;
            background-position: left;
            right: 0;
            opacity: 38%;
            /* background-position: top right; */
        }

        
        .background-chi-sono-tilte-5    {
            background-image: url('../paintServizi01.png');
            background-repeat: no-repeat;
            background-size: 52%;
            width: 100%;
            height: 100%;
            background-position: left;
            right: 0;
            opacity: 22%;
        }

          .background-chi-sono-tilte-3 {
            background-image: url('../paint5Complete.png');
            background-repeat: no-repeat;
            background-size: 33%;
            width: 100%;
            height: 100%;
            background-position: right;
            right: 0;
            opacity: 36%;
            /* background-position: top right; */
        }

        .background-chi-sono-tilte-4 {
            background-image: url('../paint-30.png');
            background-repeat: no-repeat;
            background-size: 25%;
            width: 100%;
            height: 100%;
            background-position: left;
            right: 0;
            opacity: 60%;
            /* background-position: top right; */
        }

        .paint7-background {
            /* position: absolute; */
            top: 0;
            right: 0;
            width: 60vw;   /* Aumenta para que se vea más grande */
            height: 100%;  /* O ajusta según necesites */
            background-image: url('../paint7.png');
            background-repeat: no-repeat;
            background-position: top right;
            background-size: contain; /* O "cover", según el efecto que busques */
            z-index: 1;
            pointer-events: none; /* Para que no interfiera con clics */
            opacity: 0.4; /* Opcional, para que no tape contenido */
        }
    
        .frase-section h3  {
            font-size: 2.5rem;
        }

        .chi-sono-image {
            max-width: 100%;
            margin-left: 25%;
            border-radius: 25px;
        }

        .frase-section {
            background-color: white;
        }

        .texto-generico {
            line-height: 3.2rem;
            padding: 0 4.6rem;
        }

        .frase-container {
            padding-top: 6.5rem;
            padding-bottom: 8rem;
        }

        .paint4 {
            width: 51%;
            opacity: 0;
            transition: opacity 2.5s ease-in-out;
        }

        .paint4.visible {
            opacity: 1;
            animation: fadeCycle 2s ease-in-out infinite;
        }        
    
        
        .fade-in {
            width: 51%;
            opacity: 0;
            animation: fadeCycle2 8s ease-in-out infinite;
        }

                
        .fade-in-2 {
            width: 51%;
            opacity: 0;
            animation: fadeCycle 7s ease-in-out infinite;
        }

        .fade-in-3 {
            width: 51%;
            opacity: 0;
            animation: fadeCycle 8s ease-in-out infinite;
            animation-delay: 3s;
        }
        
        @keyframes fadeCycle {
            0%, 100% {
                opacity: 0;
            }
            50% {
                opacity: 1;
            }
        }

        @keyframes fadeCycle2 {
            0%, 100% {
                opacity: 0;
            }
            50% {
                opacity: 0.6;
            }
        }

        .fade-in.visible {
            opacity: 1;
        }      

        .paint5 {
            width: 60%;
        }

        .paint-4-div {
            margin-top: -155px;
        }

        .paint-5-div {
            margin-bottom: -186px;
        }

        .paint-21-div {
            margin-bottom: 253px;
        }

        .paint21 {
            width: 48%;
        }


        /* APROCHE */
        .background-office {
            background-image: url(paintPurple.jpg);
            background-size: cover;
            background-position: center;
            background-position-y: 100px;
            background-attachment: fixed;
            height: 350px;
        }

        .text-chi-sono {
            color: white;
            padding: 0px 25%;
        }

        .div-chi-sono {
            padding-left: 75px;
        }

        /* CHI SONO  */

        .chi-sono-container {
            margin-bottom: 113px;
            height: auto !important;
            background-color: white;
            color:#3d0a49;
            z-index: 2;
        }

        .chi-sono-container .position-absolute {
            z-index: 1;
        }

        .chi-sono-message-text {

        }

        .div-paint8 {
            width: 20%;
        }


        .paint8 {
            width: 100%;
            border-radius: 25px;
        }

        /* SERVIZI */
        .service-section {
            font-size: 2.1rem;
            background-color: white;
        }

        .service-container {
            padding-bottom: 6rem;
        }

        .service-section-movil {
            font-size: 2.1rem;
            background-color: white;
        }

        .right-section-service {
            background-color: #F5F5FD;
            padding: 2rem 1rem;
            min-height: 485px;
        }

        .paint2, .paint1 {
            width: 95%;
        }

        .image-service {
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .lista-servizi {
                min-width: 20%;
                display: flex !important;
                margin: 0;
                flex-direction: column;
                background-color: transparent;
                padding-inline-start: 0px !important;
                border-left: 4px solid !important;
                color: #3d0a49;
                height: 100%;
                font-size: 1.3rem;
                padding-left: 1rem;
                margin-left: 3rem;
        }

        .lista-servizi li {
            border-bottom: 0;
            transition: 0.3s;
            flex: 1;
            display: flex;
            align-items: center;
            padding: 5%;
            justify-content: flex-start;
            position: relative;
            cursor: pointer;
        }

        .lista-servizi li::before {
            content: '';
            position: absolute;
            left: -0.77rem;
            top: 50%;
            transform: translateY(-50%);
            font-size: 1rem;
            color: #c294b0;
            transition: 0.3s;
            opacity: 0;
        }

        .lista-servizi li:hover::before,
        .lista-servizi li.active::before {
            content: '•';
            color: #c294b0;
            font-size: 3.5rem;
            opacity: 1;
        }
        .lista-servizi li.active {
            color: #c294b0;
        }
        .lista-servizi li:hover {
            color: #c294b0;
        }
        

        .container-lista-aree-intervento {
            padding-bottom: 11rem;
            padding-top: 3rem;
        }

        .servizio {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            transition: opacity 3.5s ease, visibility 3.5s ease;
            opacity: 1;
            visibility: visible;
        }

        .servizio.hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            height: 0;
            overflow: hidden;
        }

        .servizi-container {
            position: relative;
        }

        /* FOOTER */
        .texto-logo-footer {
            height: 116px;
            max-width: 100%;        
        }
        
        .section-footer-chi-sono {
            background-color: white!important;
        }

        .logo-fiore-footer {
            max-width: 74%;
        }

        /* AREE DI INTERVENTO */
        .section-aree-di-intervento li {
            font-size: 1.6rem;
        }      

        .section-aree-di-intervento ul {
            line-height: 2.5rem;
        }
        
        .paintIntervento01 {
            margin-top: 504px;
            width: 50%;
        }

        .paintServizi01 {
            width: 50%;
            margin-top: -288px;
        }

        .paintIntervento02 {
            width: 48%;
        }

        .div-iniziamo-percorso {
            background-color: #6D426E;
            padding: 70px 52px;
        }

        .container-iniziamo-percorso {
            margin-top: -92px;
        }

        .section-iniziamo-percorso h4 {
            color: white;
            font-size: 2.1rem;
        }

        .prenota-text {
            font-size: 1.4rem;
        }

        .prenota-un-incontro-button {
            background-color: white;
            border-radius: 13px;
        }

        .section-office {
            padding-top: 225px;
            background-color: white;
        }

        .section-office-contatti {
            padding-top: 40px;
            background-color: white;
        }

        .studioVeronica {
            max-width: 121%;
            object-fit: cover;
            height: 459px;
            border-radius: 25px;
            margin-left: 44px;
        }

        .terapia-presencial-text {
            margin-bottom: 16px;
        }

        .container-dove-ricevo {
            padding-bottom: 65px;
        }

        .row-section-iniziamo {
            width: 67vw;
        }

        .studio-text {
            color: #5a2a47;
        }

        .footer-info {
            color: #3d0a49;
            font-size: 1.5rem;
        }

        .info {
            padding-left: 10px;
        }

        .map-iframe {
            height: 320px;
        }

        .introduction-container {
            padding-top: 100px;
        }

        .navbar-toggler {
            background-color: #6D426E;
        }

        /* CHI-SONO PAGINA SECTION */
        .chi-sono-pagina-title, .formazione-percorso-title, .container-approccio {
            background-color: white;
        }

        .chi-sono-pagina-image {
            max-width: 95%;
            border-radius: 25px;
        }

        .container-approccio {
            max-width: 100%!important;
        }

        .chi-sono-pagina ul, li {
            font-size: 1.4rem;
        }

        .paint12-chi-sono {
            width: 17%;
        }

        .paint7-chi-sono {
            width: 24%;
        }

        .paint33-chi-sono {
            margin-right: 27vw;
            width: 255px;
        }

        .paint23-chi-sono {
            margin-right: 70vw;
            width: 195px;
        }

        .paint31-chi-sono {
            margin-right: 55vw;
            width: 255px;
        }

        .sostegno-genitorialita-ul-section ul, li {
            font-size: 1.6rem;
        }

        /* FOOTER */
        .div-fiore-logo-footer p{
            font-size: 1.1rem;
        }

        .div-social {
            padding-left: 73px;
        }

        .div-informazioni {
            padding-left: 37px;
        }

        .div-social-footer p {
            font-size: 1.3rem;
        }

        .social-title {
            color: #2DBCD5;
                font-size: 2.1rem;
        }

        .contattaci-title {
            font-size: 2.1rem;
            color: #2DBCD5;
        }

        .div-contattami {
            padding-right: 50px;
        }

        .btn-outline-blue {
            font-size: 2.1rem;
            color: #2DBCD5;
            border: 2px solid#2DBCD5;
            border-radius: 25px;
            padding: 0.1rem 1.5rem;
            transition: color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
        }
        
        .btn-outline-blue:hover {
            color: #ffffff;
            border: 2px solid #ffffff;
            background-color: #2DBCD5;
            border-radius: 25px;
            padding: 0.1rem 1.5rem;
        }

        .informativa-privacy {
            padding-left: 22px;
        }

        /* CONTATTI */

        .contatti-section p {
            font-size: 1.4rem;
        }

        form label {
            font-size: 1.2rem;
        }

        @media (min-width: 1400px) {
            .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
                max-width: 1080px;
            }

            .container-footer {
                max-width: 1300px!important;
            }
        }               
      
        @media (max-width: 767px) {
            .sostegno-genitorialita-ul-section ul, li {
                font-size: 1.1rem;
            }

            p {
            font-size: 1.6rem;
            }            

            .prenota-text {
                font-size: 1rem;
            }

            .profile-container {
                padding-top: 100px;
                padding-bottom: 0px;
            }

            .navbar-nav .nav-link {
                margin-left: 0px;
            }
            .navbar-brand img {
                max-height: 58%;
            }

            /* PROFILE SECTION */
            .profile-message-text {
                font-size: 1rem;
            }

            .col-profile-section-text {
                padding-left: 0px;
            }

            .row-profile-section {
                height: 480px;
            }

            .profile-image {
                max-width: 307%;
                margin-left: 15%;
                border-radius: 25px;
            }

            .profile-message-container {
                margin-bottom: 0px;
                width: 100%!important;
                margin-right: 0px;
            }

            .font-messages {
                font-size: 1rem;
            }

            .profile-message {
                width: 50%;
                margin-top: 645px;
                top: unset !important;
                margin-right: 13%;
            }

            .profile-message-title {
                margin-top: 87px;
            }

            .background-office {
                height: 250px;
            }

            .text-chi-sono {
                padding: 0px 10%;
            }

            .social-media-section {
                margin-top: 25px;
                padding: 0px 0px;
            }

            .paint7 {
                width: 56%;
            }

            .introduction-container {
               padding-top: 96px;
            }

            .texto-generico {
                padding: 0 1rem;
                line-height: 2rem;
            }

            .frase-container {
                padding-top: 3rem;
                padding-bottom: 3rem;
            }

            .frase-section h3  {
                font-size: 1.6rem;
            }

            .frase-section p {
                font-size: 1.2rem;
            }

            .chi-sono-image {
                max-width: 100%;
                margin-left: 0%;
                border-radius: 25px;
            }

            .chi-sono-message-text {
                line-height: 2rem;
            }

            .chi-sono-message-titolo {
                font-size: 1.5rem;
            }

            .chi-sono-container {
                margin-right: 0px;
            }

            .col-profile-section-text {
                padding-bottom: 17px;
                margin-top: -45px;
            }

            .paint4 {
                width: 27%;
                opacity: 0;
                transition: opacity 2.5s ease-in-out;
            }

            .paint-4-div {
                margin-top: -107px;
            }

            .paint4.visible {
                opacity: 1;
            }                                   

            .paint5 {
                width: 73%;
            }

            .section-aree-di-intervento ul {
                line-height: 1.8rem;
            }

            .section-aree-di-intervento li {
                font-size: 1.2rem;
            }

            .section-iniziamo-percorso h4 {
                font-size: 1rem;
            }

            .prenota-un-incontro-button p {
                font-size: 1rem;
            }

            .div-iniziamo-percorso {
                padding: 13px 17px;
            }

            .container-iniziamo-percorso {
                margin-top: -57px;
            }

            .row-section-iniziamo {
                width: 80vw;
            }

            .section-office {
                padding-top: 155px;
            }

            .studioVeronica {
                max-width: 100%;
                height: 305px;
                margin-left: 0px;
            }

            .frame-google {
                margin-top: -28px;
            }

            .texto-logo-footer {
                height: auto;
            }

            .div-texto-logo-footer {
                padding-right: 4rem;
                padding-left: 4rem;
            }

            .div-fiore-logo-footer {
                padding-right: 7rem;
                padding-left: 7rem;
            }

            .logo-fiore-footer {
                height: auto;
            }

            .footer-info {
                font-size: 1.2rem;
                text-align: center;
            }

            .map-iframe {
                height: 180px;
            }

            
            .div-piu-informazione {
                padding-bottom: 100px;
            }

            .paint-5-div {
                margin-bottom: -98px;
            }

            .paintIntervento02 {
                width: 74%;
            }                    

            .paintIntervento01 {
                width: 65%;
                margin-top: 674px;
            }

            .paint8 {
                width: 36%;
                border-radius: 25px;
            }
        }