/* helpers */
.big-text{
    font-size: 50px;
    font-weight: bolder;
}
.tw{
    color: #FAF9DF;
}

.tg{
    color: #327F24;
}

/* video */
.video {
    width: 100%;
    max-height: 500px;
}

/* About */
.cont_about-img{
    width: 100%;
    display: grid;
    place-items: center;
}
/* end about */

/* index story telling */
.img_cosa_aspettarsi_top{
    max-width: 250px;
    max-width: 250px;
}

.cont_img_valori{
    width: 100%;
    display: flex;
  align-items: center; /* Centra verticalmente */
  text-align: center;
  justify-content: center !important;
    /* background-image: url('../img/Kay/MANI-ROM-removebg-preview.png');
    background-size: cover; */
}

/* .cont_img-Second_block{
    width: 100%;
    height: 100%;
    background-image: url('../img/Kay/MANI-ROM-removebg-preview.png');
    background-size: cover;
} */
/* end index story telling */

/* gallery */
.gallery{
    width: 100% !important;
     height: 330px  !important;
     object-fit: cover !important;
}

.portfolio-wrap-cta{
    background-image: url('../img/Kay/cover-cta8.1.jpg');
    background-size: cover;
    height: 330px !important;
    color: #FAF9DF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: grid;
    place-items: center;
}

.portfolio-wrap-cta2{
    background-image: url('../img/Kay/carrd-gallery-text/Card-gallery-text2.jpg');
    background-size: cover;
    height: 330px !important;
    color: #FAF9DF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: grid;
    place-items: center;
}

.portfolio-wrap-cta3{
    background-image: url('../img/Kay/carrd-gallery-text/Card-gallery-text3.jpg');
    background-size: cover;
    height: 330px !important;
    color: #FAF9DF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: grid;
    place-items: center;
}

.portfolio-wrap-cta4{
    background-image: url('../img/Kay/carrd-gallery-text/Card-gallery-text4.jpg');
    background-size: cover;
    height: 330px !important;
    color: #FAF9DF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: grid;
    place-items: center;
}

.portfolio-wrap-cta5{
    background-image: url('../img/Kay/fuoco3-cta.jpg');
    background-size: cover;
    height: 330px !important;
    color: #FAF9DF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: grid;
    place-items: center;
}

.portfolio-wrap-cta6{
    background-image: url('../img/Kay/carrd-gallery-text/card-gallery-text5.jpg');
    background-size: cover;
    height: 330px !important;
    color: #FAF9DF;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: grid;
    place-items: center;
}



.container-text-spot{
    height: 100% !important;
    width: 60% !important;
    display: grid !important;
    place-items: center !important;
}

/* End Gallery */
/* Cta */
.border-cta{
    border-radius: 30px !important;
}



/* Service slider Flikity */

.main-carousel{
/*     border: 1px solid red;
 */    padding: 40px 0;
}
.carouse-external-cell{
    height: 380px;
    width: 380px;
    border-radius: 100%;
    display: grid;
    place-items: center;
    background-color: #783922;  /* 327F24 */
    margin-right: 50px;
}




.carousel-cell{
    height: 350px;
    width: 350px;
    /* background-image: url('../img/Kay/Gallery/Screenshot\ 2024-03-17\ alle\ 13.05.37-resize.png');
    background-size: cover;
    border-radius: 100%;
    line-height: 350px;    
    text-align: center;
    color: #FAF9DF;
    font-weight: bolder; */
}


.carousel-cell_content-1{
    width: 100%;
    height: 100%;
    background-image: url('../img/Kay/Gallery/Screenshot\ 2024-03-17\ alle\ 13.05.37-resize.png');
    background-size: cover;
    border-radius: 100%;
    line-height: 350px;    
    text-align: center;
    color: #FAF9DF;
    font-weight: bolder;
}



.carousel-cell_content-2{
    width: 100%;
    height: 100%; 
    background-image: url('../img/cerchi/Cerchi-UOD.jpg');
    background-size: cover;   
    border-radius: 100%;
    line-height: 350px;    
    text-align: center;
    color: #FAF9DF;
    font-weight: bolder;
}

.carousel-cell_content-3{
    width: 100%;
    height: 100%;
    background-image: url('../img/cerchi/cerchio-adolescenti.jpg');
    background-size: cover;
    border-radius: 100%;
    line-height: 350px;    
    text-align: center;
    color: #FAF9DF;
    font-weight: bolder;
}

.carousel-cell_content-4{
    width: 100%;
    height: 100%;
    background-image: url('../img/cerchi/cerchiNeo.jpg');
    background-size: cover;
    border-radius: 100%;
    line-height: 350px;    
    text-align: center;
    color: #FAF9DF;
    font-weight: bolder;
}

.carousel-cell_content-5{
    width: 100%;
    height: 100%;
    background-image: url('../img/cerchi/CerchiMare.jpg');
    background-size: cover;
    border-radius: 100%;
    line-height: 350px;    
    text-align: center;
    color: #FAF9DF;
    font-weight: bolder;
}

.carousel-cell_content-6{
    width: 100%;
    height: 100%;
    background-image: url('../img/cerchi/cerchi-7-nuova.jpg');
    background-size: cover;
    border-radius: 100%;
    line-height: 350px;    
    text-align: center;
    color: #FAF9DF;
    font-weight: bolder;
}

.carousel-cell_content-7{
    width: 100%;
    height: 100%;
    background-image: url('../img/cerchi/cerchio-individuale.jpg');
    background-size: cover; 
    border-radius: 100%;
    line-height: 350px;    
    text-align: center;
    color: #FAF9DF;
    font-weight: bolder;
}
/* END Service slider Flikity */

/* service home */
    .btn-service{
        font-family: "Raleway", sans-serif;
        font-weight: 600;
        font-size: 15px;
        letter-spacing: 1px;
        display: inline-block;
        padding: 8px 28px;
        border-radius: 25px;
        transition: 0.5s;
        margin-top: 10px;
        border: 2px solid #FFE5B3;
        background-color: #33201A;
        color: #FFE5B3;
        box-shadow: 0px 0px 10px 8px #33201A;

    }

    .btn-service:hover{
        color: #FFE5B3;
        background-color: #783922;
        border-color: #FFE5B3;
    }
/* end service home */

/* Service */


    .container_circle-service1{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .container_circle-service2{
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    

    .container_panel_blue{
        display: grid;
        place-items: center;
    }

    .features .content ul {
        list-style: none;
        padding: 0;
    }
    
    .features .content ul li {
        padding-bottom: 10px;
        padding-left: 28px;
        position: relative;
    }
    
    .features .content ul i {
        font-size: 24px;
        color: #783922;
        position: absolute;
        left: 0;
        top: -2px;
    }


    .grid{
        display: flex;
        max-width: 1350px;
        /* padding: 0 30px; */
        margin: 0 auto;
        justify-content: center;
    }

    .grid {
        width: 100%;
    }
    
    .col{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

   

    @media (max-width: 900px){

        .text_container-phone{
            display: flex;
            flex-direction: column;
            align-items: center !important;
            justify-content: center !important;
        }

        .container_circle-service1{
            flex-direction: column;
            align-items: center !important;
            justify-content: center !important;
        }

        .container_circle-service2{
            flex-direction: column;
            align-items: center !important;
            justify-content: center !important;
        }

        .dot1, .dot2, .dot3, .dot4, .dot5, .dot6, .dot7, .dot8{
            margin-right: 0em !important;
            margin-left: 0em !important;
        }
        
        .grid{
            flex-wrap: wrap;
        }
        
        .panel-blue_dots{
            display: grid !important;
            place-items: center !important;
            margin-bottom: -350px;
        }

        .panel-blue_dots2{
            display: grid !important;
            place-items: center !important;
            margin-bottom: 50px;
        }
        .dot{
            margin-right: 0px !important;
        }
        .dot_trasparent::before{
            height: 200px;
            width: 200px;
            background: transparent;
            border-radius: 100%;
            line-height: 200px;
            text-align: center;
            display:inline-block;
        }

        .container_panel_blue{
            padding-bottom: 110px;
            background-color: #783922;
            width: 80%;
            margin-left: 10%;
            border-radius: 15px;
            margin-bottom: 20px;
        }
    
    }

    .panel-blue{
        /* background: #1476c6; */
      
        background-color: #783922;
/*         background: transparent;
 */        padding: 60px;
        margin-bottom: 40px;
        width: 90%;
        border-radius: 15px;
        display: grid;
        place-items: center;
        
    }

   
    .panel-blue_text{
        display: flex;
        align-items: center;
    }

    .dot1{
        height: 350px;
        width: 350px;
/*         background: #e0e2db;
 */        background-image: url('../img/Kay/Gallery/Screenshot\ 2024-03-17\ alle\ 13.05.37-resize.png');
        background-size: cover;
        border: 8px solid #D89D2B; /* rgb(26, 70, 165) */
        border-radius: 100%;
        text-align: center;
        display:inline-block;
        color: #FAF9DF;
        transition: 2s  ;
        box-shadow: 0px 0px 10px 8px #33201A;
        margin-right: 5em;
    }

    .dot1:hover{
        border: 8px solid #FFE5B3; /* rgb(26, 70, 165) */
        transform: scale(1.3);
        /* transition:  1s ease-in-out; */
        /* transition-delay: 2s; */
    }

    .dot2{
        height: 350px;
        width: 350px;
/*         background: #e0e2db;
 */        background-image: url('../img/cerchi/Cerchi-UOD.jpg');
        background-size: cover;
        border: 8px solid #D89D2B; /* rgb(26, 70, 165) */
        border-radius: 100%;
        text-align: center;
        display:inline-block;
        color: #FAF9DF;
        transform: scale(1);
        transition: 1s ease-in-out;
        box-shadow: 0px 0px 10px 8px #33201A;
        margin-left: 5em;

    }

    .dot2:hover{
        border: 8px solid #FFE5B3; /* rgb(26, 70, 165) */
        transform: scale(1.3);
        /* transition:  1s ease-in-out; */
        /* transition-delay: 2s; */
    }


    .dot3{
        height: 350px;
        width: 350px;
/*         background: #e0e2db;
 */        background-image: url('../img/cerchi/cerchio-adolescenti.jpg');
        background-size: cover;
        border: 8px solid #D89D2B; /* rgb(26, 70, 165) */
        border-radius: 100%;
        line-height: 200px;
        text-align: center;
        display:inline-block;
        color: #FAF9DF;
        transform: scale(1);
        transition: 1s ease-in-out;
        box-shadow: 0px 0px 10px 8px #33201A;
        margin-right: 5em;
    }

    .dot3:hover{
        border: 8px solid #FFE5B3; /* rgb(26, 70, 165) */
        transform: scale(1.3);
        /* transition:  1s ease-in-out; */
        /* transition-delay: 2s; */
    }


    .dot4{
        height: 350px;
        width: 350px;
/*         background: #e0e2db;
 */        background-image: url('../img/cerchi/cerchiNeo.jpg');
        background-size: cover;
        border: 8px solid #D89D2B; /* rgb(26, 70, 165) */
        border-radius: 100%;
        text-align: center;
        display:inline-block;
        color: #FAF9DF;transform: scale(1);
        transition: 1s ease-in-out;
        box-shadow: 0px 0px 10px 8px #33201A;
        margin-left: 5em;
    }

    .dot4:hover{
        border: 8px solid #FFE5B3; /* rgb(26, 70, 165) */
        transform: scale(1.3);
        /* transition:  1s ease-in-out; */
        /* transition-delay: 2s; */
    }


    .dot5{
        height: 350px;
        width: 350px;
/*         background: #e0e2db;
 */        background-image: url('../img/cerchi//CerchiMare.jpg');
        background-size: cover;
        border: 8px solid #D89D2B; /* rgb(26, 70, 165) */
        border-radius: 100%;
        text-align: center;
        display:inline-block;
        color: #FAF9DF;
        transition: 1s  ease-in-out;
        box-shadow: 0px 0px 10px 8px #33201A;
        margin-right: 5em;
    }


    .dot5:hover{
        border: 8px solid #FFE5B3; /* rgb(26, 70, 165) */
        transform: scale(1.3);
        /* transition:  1s ease-in-out; */
        /* transition-delay: 2s; */
    }



    .dot6{
        height: 350px;
        width: 350px;
/*         background: #e0e2db;
 */        background-image: url('../img/cerchi/cerchi-7-nuova.jpg');
        background-size: cover;
        border: 8px solid #D89D2B; /* rgb(26, 70, 165) */
        border-radius: 100%;
        text-align: center;
        display:inline-block;
        color: #FAF9DF;
        transform: scale(1);
        transition: 1s ease-in-out;
        box-shadow: 0px 0px 10px 8px #33201A;
        margin-left: 5em;

    }

    .dot6:hover{
        border: 8px solid #FFE5B3; /* rgb(26, 70, 165) */
        transform: scale(1.3);
        /* transition:  1s ease-in-out; */
        /* transition-delay: 2s; */
    }


    .dot7{
        height: 350px;
        width: 350px;
/*         background: #e0e2db;
 */        background-image: url('../img/cerchi/cerchio-individuale.jpg');
        background-size: cover;
        border: 8px solid #D89D2B; /* rgb(26, 70, 165) */
        border-radius: 100%;
        text-align: center;
        display:inline-block;
        color: #FAF9DF;
        transform: scale(1);
        transition: 1s ease-in-out;
        box-shadow: 0px 0px 10px 8px #33201A;
        margin-right: 5em;
    }

    .dot7:hover{
        border: 8px solid #FFE5B3; /* rgb(26, 70, 165) */
        transform: scale(1.3);
        /* transition:  1s ease-in-out; */
        /* transition-delay: 2s; */
    }

    .dot8{
        height: 350px;
        width: 350px;
/*         background: #e0e2db;
 */        background-image: url('../img/cerchi/sessione-sessualità.jpg');
        background-size: cover;
        border: 8px solid #D89D2B; /* rgb(26, 70, 165) */
        border-radius: 100%;
        text-align: center;
        display:inline-block;
        color: #FAF9DF;
        transform: scale(1);
        transition: 1s ease-in-out;
        box-shadow: 0px 0px 10px 8px #33201A;
        margin-left: 5em;
    }

    .dot8:hover{
        border: 8px solid #FFE5B3; /* rgb(26, 70, 165) */
        transform: scale(1.3);
        /* transition:  1s ease-in-out; */
        /* transition-delay: 2s; */
    }


    .dot_trasparent-up{
        height: 350px;
        width: 350px;
        background: transparent;
        border-radius: 100%;
/*         border: 1px solid red;
 */        line-height: 200px;
        text-align: center;
        display:inline-block;
/*         border-top: 8px solid #D89D2B;
 */    }
    .dot_trasparent-down{
        height: 200px;
        width: 200px;
        background: transparent;
        border-radius: 100%;
/*         border: 1px solid red;
 */        line-height: 200px;
        text-align: center;
        display:inline-block;
/*         border-bottom: 8px solid #D89D2B;
 */    }

  

    /* .dot1{
        height: 250px;
        width: 250px;
        background: transparent;
        border-radius: 100%;
        line-height: 250px;
        text-align: center;
        display:inline-block;
        margin-right: 40px;
        margin-bottom: 40px;
    }
 */
    .p_service{
        margin-top: 2;
        color: #FFE5B3;
        font-weight: bolder;
    }

    /* .radius{
        border-radius: 100%;
        border: 8px solid #783922;
    } */



/* end Service */



/* Custom MAP */

.Container-map-container{
    width: 100%;
    display: grid;
    place-items: center;
}

.container_map{
    /* width: 100%; */
    height: 700px;
    display: grid;
    place-items: center;
}

#map{
    height: 680px;
    width: 580px;
    border-radius: 20px;
    border: 5px solid #783922;
}

/* .container_info_map{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */

@media (max-width: 768px){
    #map{
        height: 100%;
        width:  100%;
    }
}