:root {
--Ocean: #0C1638;
}
@font-face {
font-family: "Aspekta Variable";
font-weight: 100 900;
font-display: swap;
font-style: normal;
src: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/font/AspektaVF.woff2) format("woff2");
}
@font-face {
font-family: "Span", serif;
font-weight: 401;
font-style: normal;
src: url(https://use.typekit.net/uci0ewb.css);
}
p{
font-weight: 401;
}
body{
margin:0;
padding: 0;
font-family: "Aspekta Variable";
}
.left{
text-align: left;
}
.right{
text-align: right;
}
.center{
text-align: center;
} header {
margin-top: 15px;
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 20;
}
header p{
margin: 0  ;
}
.contHeader{
display: flex;
justify-content: space-between;
align-items: center;
}
.logo{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 22px;
font-style: normal;
font-weight: 401;
line-height: 150%; letter-spacing: -0.66px;
text-decoration: none;
}
.centerText{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 14px;
font-style: normal;
font-weight: 401;
line-height: 150%; }
.logoCont, .textHeader, .iconHeader {
width: calc(100% / 3);
}
.textHeader {
text-align: center;
}
.iconHeader {
text-align: right;
display: flex;
justify-content: flex-end;
}    .button_container {
cursor: pointer;
position: relative;
transition: 0.3s all ease-in-out;
z-index: 100;
background-color: #FFFDF2;
border-radius: 40.8px;
width: 60px;
height: 60px;
flex-shrink: 0;
display: flex;
align-items: center;
align-content: center;
gap: 9px;
flex-direction: column;
justify-content: center;
}
.button_container span {
background: #0C1638 none repeat scroll 0 0;
border: medium none;
cursor: pointer;
height: 2px;
transition: 0.3s all ease-in-out;
width: 100%;
transition: 0.2s all ease-in-out;
width: 60%;
}
.button_container span:nth-of-type(2) {
top: 11px;
}
.button_container span:nth-of-type(3) {
top: 22px;
}
.button_container .bottombottom {
font-size: 10px;
font-weight: bold;
height: 0 !important;
letter-spacing: 1.6px;
text-transform: uppercase;
top: 33px !important;
}
.overlaymenu {
height: 100%;
left: 0;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
transition: 0.3s all ease-in-out;
z-index: 18 !important;
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/backmenu.jpg);
background-position: center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.overlaymenu nav {
text-align: center;
top: 200px;
position: relative;
display: block;
font-size: 30px;
}
.overlaymenu ul {
display: inline-block;
height: 100%;
list-style: outside none none;
margin: 0 auto;
padding: 0;
position: relative;
}
.overlaymenu ul li {
display: inline-block;
opacity: 0;
position: relative;
transition: 0.3s all ease-in-out;
width: 100%;
}
.overlaymenu.open ul li {
opacity: 1
}
.button_container.active .topp {
background: #0C1638 none repeat scroll 0 0;
transform: translateY(11px) translateX(0px) rotate(45deg);
}
.button_container.active .middle {
background: #0C1638 none repeat scroll 0 0;
opacity: 0;
}
.button_container.active .bottom {
background: #0C1638 none repeat scroll 0 0;
transform: translateY(-11px) translateX(0px) rotate(-45deg);
}
.button_container.active .bottombottom {
color: #0C1638;
}
.overlaymenu.open {
height: 100%;
opacity: 1;
visibility: visible;
z-index: 2
}
img.gifarchetipi {
height: 85px;
}
.contMenu{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
}
.fraseMenu{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 90%; letter-spacing: -0.24px;
margin: 0px
}
.contMenu ul {
display: flex;
align-items: center;
gap: 8px;
align-self: stretch;
width: 70%;
padding: 0px;
margin: 0px;
}
.contMenu ul li{
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 40px;
background: var(--Sand, #FFFDF2);
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 150%; }
.overlaymenu ul li a {
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 150%; text-decoration: none;
padding: 8px 40px;
width: max-content;
}
.contMenu2 {
position: absolute;
bottom: 2px;
}
.sf4 {
display: flex;
padding: 16px;
flex-direction: row;
align-items: flex-end;
gap: 28px;
align-self: stretch;
border-radius: 34px !important;
background: rgba(255, 253, 242, 0.50);
justify-content: center;
width: max-content;
margin: 0 auto;
}  .hero{
position: relative;
height: 750px;
overflow: hidden;
width: 100%;
}
.hero video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
}
.overlayHero {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(180deg, rgba(255, 253, 242, 0.00) 32.75%, #FFFDF2 97.44%);
bottom: 0;
}
.heroContent {
position: relative;
z-index: 1;
height: 750px;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
.heroText {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
gap: 32px;
}
.heroText p{
margin: 0px;
text-align: center;
}
p.titleHero{
font-family: "Span";
color: var(--Ocean, #0C1638);
text-align: center;
font-size: 72px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -2.16px;
} @keyframes changeFont {
0% {
font-family: "Aspekta Variable";
}
15% {
font-family: "Pixelify Sans", sans-serif;
}
30% {
font-family: 'Courier New', monospace;
}
45% {
font-family: "Barriecito", system-ui;
}
60% {
font-family: "Aspekta Variable";
}
80% {
font-family: "Festive", cursive;
}
100% {
font-family: "Aspekta Variable";
}
}
.unicita{
font-weight: 401;
animation: changeFont 5s infinite; background: linear-gradient(135deg, #69C7C4 0%, #202A4C 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.subTitleHero{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 120%; }
.ctaHero{
display: flex;
padding: 16px 56px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 40px;
border: 1px solid var(--Ocean, #0C1638);
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 90%; text-decoration: none;
transition: 0.2s all ease-in-out;
}
.ctaHero:hover, .ctaFooter:hover{
color: var(--Sand, #FFFDF2);
background: var(--Sand, #0C1638);
}
.secondo {
padding: 170px 0;
background: var(--Sand, #FFFDF2);
background-size: 100% 100%;
background-position: center;
text-align: center;
position: relative;
overflow: hidden;
}
.secondo .container {
position: relative;
z-index: 2;
}
.gradient1 {
mix-blend-mode: multiply;
position: absolute;
animation: gradiente-anim 30s ease infinite;
transform: scale(0.8);
}
@keyframes gradiente-anim {
0% {
top: -170px;
left: 150px;
}
25% {
top: 0px;
left: 100px;
}
50% {
top: -100px;
left: -100px;
}
100% {
top: -170px;
left: 150px;
}
}
.secondoText{
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
gap: 32px;
}
.secondoText p{
margin: 0px;
}
.titleSecondo{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 64px;
font-style: normal;
font-weight: 401;
line-height: 90%; letter-spacing: -0.64px;
}
.textSecondo p{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
line-height: 120%; }
.terzo {
padding: 200px 0;
background: linear-gradient(180deg, #8360A5 20.61%, #0C1638 100%);
text-align: center;
position: relative;
}
.overlayTerzo{
background: linear-gradient(180deg, #FFFDF2 32.75%, rgba(255, 253, 242, 0.00) 97.44%);
position: absolute;
top: 0;
left: 0;
right: 0;
height: 50%;
}
.c3{
position: relative;
z-index: 2;
}
.titleTerzo{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 64px;
font-style: normal;
font-weight: 401;
line-height: 90%; letter-spacing: -0.64px;
margin: 0px
}
.textTerzo{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: 120%; margin: 0px
}
.textTerzo2{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: 120%; margin: 0px
}
.terzoText, .terzoText2{
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
gap: 32px;
}
.titleTerzo2{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 48px;
font-style: normal;
font-weight: 401;
line-height: 90%; letter-spacing: -0.64px;
margin: 0px
}
.ctaLight {
display: flex;
padding: 16px 56px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 40px;
border: 1px solid var(--Sand, #FFFDF2);
background: var(--Sand, #FFFDF2);
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 90%;
text-decoration: none;
width: max-content;
margin: 0 auto;
}
img.poliArchetipi {
margin-bottom: -30px;
}
img.shape1 {
position: absolute;
right: 0;
top: 20%;
}
img.shape2 {
position: absolute;
top: 25%;
left: 12%;
}
img.shape3 {
position: absolute;
left: 0;
bottom: 30%;
}
img.shape4 {
position: absolute;
right: 16%;
bottom: 30%;
}
.ruotaArchetipi{
margin: 64px 0px 42px;
height: 884px;
width: 884px;
border-radius: 50%;
position: relative;
}
.quarto{
background: linear-gradient(182deg, #FFFDF2 1.54%, #F0DDDD 96.91%);
padding: 144px 0px;
}
.titleQuarto{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 40px;
font-style: normal;
font-weight: 401;
line-height: 140%; margin: 0px;
}
.quartoCont {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}
.loghiClienti{
display: flex;
width: 1127px;
justify-content: center;
align-items: center;
align-content: center;
gap: 24px;
flex-wrap: wrap;
}
img.cliente {
width: calc(90% / 4);
border-radius: 8px;
}
.primoContatti{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/contatti.png);
padding: 184px 90px;
background-position: center;
background-size: cover;
}
.contatti1 h1 {
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 90%;
letter-spacing: -2.16px;
margin: 0px;
}
.contatti1 p{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 140%; margin: 0px
}
.contatti1 {
display: flex;
flex-direction: column;
gap: 32px;
}
.contContattiPrimo{
display: flex;
justify-content: space-between;
align-items: center;
gap: 32px;
}
.contatti1 {
width: 55%;
}
.contatti2 {
width: 40%;
}
.contatti2 img {
width: 100%;
height: auto;
}
.sf3 {
gap: 16px !important;
}
.secondoContatti {
padding: 135px 0px;
}
.titleContatti{
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -1.68px;
margin: 0px;
}
.textContatti2{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 140%; margin-bottom: 0px;
margin-top: 40px;
}
.label{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 14px;
font-style: normal;
font-weight: 401;
line-height: normal;
letter-spacing: -0.28px;
margin: 0px
}
.field input, .field textarea {
border-radius: 8px;
border: 1px solid var(--Ocean, #0C1638);
background: #FFF;
color: #0C1638;
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: normal;
letter-spacing: -0.32px;
width: 100%;
}
.field textarea{
height: 75px;
}
p.field {
margin-top: 10px;
margin-bottom: 10px;
}
.contfieldsend input{
border-radius: 40px;
border: 1px solid var(--Ocean, #0C1638);
background: rgba(255, 253, 242, 0.00);
font-family: "Aspekta Variable";
font-size: 18px;
font-style: normal;
font-weight: 401;
line-height: 90%; color: var(--Ocean, #0C1638);
display: flex;
padding: 16px 56px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
}
.accettazionePrivacy {
font-size: 11px;
margin: 0px;
color: var(--Ocean, #0C1638);
}
.imgBlog {
width: 100%;
border-radius: 16px;
border: 1px solid #D2D2D2;
background-position: center;
background-size: cover;
height: 300px;
}
.accettazionePrivacy a {
color: var(--Ocean, #0C1638);
font-weight: 500;
}
span.wpcf7-spinner {
display: none;
}
.titleHeroPortfolio{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: Span;
font-size: 72px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -2.16px;
margin: 0px;
}
.heroPortfolio {
padding-top: 240px;
padding-bottom: 96px;
text-align: center;
}
ul.listProject {
padding: 0px;
margin: 0px;
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 32px;
}
.imgPortfolio img {
width: 100%;
border-radius: 16px;
border: 1px solid #D2D2D2;
}
.imgPortfolio {
display: flex;
flex-direction: column;
gap: 16px;
}
.titleProject{
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 90%; margin: 0px;
text-decoration: none;
}
li.singlePortfolioCard a{
text-decoration: none;
}
li.singlePortfolioCard {
width: 48.5%;
margin-bottom: 80px;
} 
.wrapPortfolio{
background: var(--Gradient---2, linear-gradient(135deg, #FFFDF2 0%, #F0DDDD 100%));
} 
.heroSingleProject {
height: 700px;
background-size: cover;
background-position: center;
position: relative;
}
.overlayHeroProject{
background: linear-gradient(180deg, #000 0.3%, rgba(28, 35, 31, 0.00) 76.79%);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;  
} 
.contentHP.heroBlogSingle .contentHeroProject {
padding: 0px 60px;
}
.contenutoBlog p {
font-size: 24px;
line-height: 150%;
color: var(--Ocean, #0C1638);
}
.contenutoBlog h1 {
font-size: 50px;
font-family: 'Span';
color: var(--Ocean, #0C1638);
}
.contenutoBlog h2 {
font-size: 40px;
font-family: 'Span';
color: var(--Ocean, #0C1638);
}
.contenutoBlog h3 {
font-size: 32px;
font-family: 'Span';
color: var(--Ocean, #0C1638);
}
.overlayHeroBlog {
background: linear-gradient(180deg, #000 0.3%, rgb(28 35 31 / 49%) 76.79%);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.contenutoBlog img{
width: 100%;
height: auto;
border-radius: 8px;
margin: 32px 0px;
}
.headerSingleProject .logo, .headerSingleProject .centerText{ 
color: #FFFDF2 !important;
}
.contentHeroProject {
display: flex; 
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.contentHeroProject p{
margin: 0px;
}
.contentHP {
position: relative;
z-index: 1;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.topHeader{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 120%; }
.titleProjectSingle{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: Span;
font-size: 72px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -2.16px;
}
.subTitleProjectSingle{
color: #FFFDF2;
text-align: center;
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 120%; }
.metaProject {
display: flex;
align-items: flex-start;
gap: 24px;
align-self: stretch;
margin-top: 64px;
}
.metabox {
display: flex;
padding: 16px 0px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
flex: 1 0 0;
border-radius: 16px;
background: rgba(255, 253, 242, 0.60);
width: 280px;
}
.labelBox{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 12px;
font-style: normal;
font-weight: 401;
line-height: 140%; text-transform: uppercase;
margin: 0px
}
.fieldBox{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: 140%; margin: 0px
}
.sezione{
padding: 122px 0px;
}
.sezione img{
width: 100%;
height: auto;
}
.titleSezione{
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -1.44px;
margin: 48px 0px 32px 0px
}
.textSezione p{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
line-height: 140%; }
.headline {
display: flex;
flex-direction: row;
align-items: center;
gap: 36px;
justify-content: center;
}
.overlayHeroMetodo {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(180deg, rgba(12, 22, 56, 0.00) 0%, #0C1638 100%);
bottom: 0;
}
.heroMetodoTitle{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: Span;
font-size: 72px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -2.16px;
margin: 0px
}
.heroMetodoTitle span{
background: var(--Gradient---1, linear-gradient(135deg, #FFFDF2 0%, #69C7C4 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.heroText.heroMetodoText {
width: 90%;
margin: 0 auto;
}
.heroMetodoSubTitle p{
color: var(--Pink, #F0DDDD);
text-align: center;
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 120%; margin: 0px
}
.primoM{
background: linear-gradient(180deg, #0C1638 0%, #0B2271 100%);
padding: 144px 0px;
position: relative;
}
.textSM {
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: 130%; }
.titleSM {
margin: 0px;
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: Span;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -0.64px;
}
.contSezioneMetodo{
margin-top: 90px;
}
.secondoM{
padding: 144px 0px;
position: relative;
}
.title2M{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: Span;
font-size: 72px;
font-style: normal;
font-weight: 600;
line-height: 80%; letter-spacing: -2.16px;
margin: 0px;
}
.text2M p{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 28px;
font-style: normal;
font-weight: 300;
line-height: 120%;
margin-bottom: 0px;
}
.video-background {
position: relative;
width: 100%;
overflow: hidden;
}
.video-background video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
}
.overlayHeroMetodo2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(180deg, rgba(28, 35, 31, 0.00) 0%, #0B226E 98.08%);
bottom: 0;
z-index: -1;
}
.terzoM{
background: linear-gradient(0deg, #0C1638 0%, #0C1638 100%);
padding: 172px 0px;
}
.title3M{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 48px;
font-style: normal;
font-weight: 401;
line-height: 90%; letter-spacing: -0.48px;
margin: 0px
}
.text3M p{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: 130%; }
.contTerzoM {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
}
.slide{
background-size: 100% 100%;
background-position: center;
text-align: center;
position: relative;
}
.slide1{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/secondo.png);
}
.slide2{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/back2.png);
}
.slide3{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/back3.png);
}
.slide4{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/back4.png);
}
.slide5{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/back5.png);
}
.slide6{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/back6.png);
}
.slide7{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/back7.png);
}
.contSlider {
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
text-align: left;
}
.row1{
display: flex;
align-items: center;
gap: 32px;
align-self: stretch;
}
.row1 p{
margin: 0px
}
.numberSlide{
display: flex;
width: 40px;
height: 40px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 48px;
background: var(--Ocean, #0C1638);
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 18px;
font-style: normal;
font-weight: 401;
line-height: 130%; }
.nomeSlide{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 24px;
font-style: normal;
font-weight: 401;
line-height: 90%; letter-spacing: -1.2px;
}
.titleSlide{
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 72px;
font-style: normal;
font-weight: 600;
line-height: 90%; margin: 0px
}
.textSlide p{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: 130%; }
.leftSlide {
display: flex;
flex-direction: column;
gap: 24px;
}
.slide7 p, .slide6 p{
color: var(--Sand, #FFFDF2);
}
.slide7 .numberSlide, .slide6 .numberSlide{
background: var(--Sand, #FFFDF2);
color: var(--Ocean, #0C1638);
}
.wrapAbout{
background: linear-gradient(180deg, #8360A5 20.61%, #0C1638 100%);
padding: 120px 0px;
}
.titleAbout{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: Span;
font-size: 72px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -2.16px;
margin-top: 330px;
margin-bottom: 0px
}
.videoAbout{
position: relative;
height: 500px;
}
.videoOverlay {
background: linear-gradient(180deg, rgba(12, 22, 56, 0.00) 0%, #8360A5 100%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.img1{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/about1.jpg);
border-radius: 16px;
background-position: center;
background-size: cover;
width: 100%;
height: 520px;
flex-shrink: 0;
}
.img2{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/about2.jpg);
border-radius: 16px;
background-position: center;
background-size: cover;
width: 100%;
height: 365px;
}
.img3{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/about3.jpg);
border-radius: 16px;
background-position: center;
background-size: cover;
width: 100%;
height: 454px;
}
.img4{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/img4.jpg);
border-radius: 16px;
background-position: center;
background-size: 105%;
width: 100%;
height: 386px;
}
.img5{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/img5.jpg);
border-radius: 16px;
background-position: center;
background-size: 105%;
width: 100%;
height: 302px;
}
.img6{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/img6.jpg);
border-radius: 16px;
background-position: center;
background-size: 105%;
width: 100%;
height: 283px;
align-self: stretch;
}
.img7{
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/img7.jpg);
border-radius: 16px;
background-position: center;
background-size: 105%;
width: 100%;
height: 288px;
align-self: stretch;
}
.column1About{
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 28px;
}
.column1About a, .column2About a {
display: flex;
padding: 16px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 16px;
border: 1px solid var(--Sand, #FFFDF2);
text-decoration: none;
color: var(--Sand, #FFFDF2);
font-family: "Aspekta Variable";
font-size: 32px;
font-style: normal;
font-weight: 401;
line-height: 90%;
flex-direction: row;
width: -webkit-fill-available;
}
.row1about{
display: flex;
align-items: flex-start;
gap: 25px;
align-self: stretch;
}
.column2About {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 29px;
position: relative;
top: -90px;
}
.row2about{
display: flex;
align-items: flex-end;
gap: 23px;
align-self: stretch;
}
.linksocial{
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
align-self: stretch;
}
.linksocial a{
display: flex;
padding: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
border-radius: 50%;
background: var(--Gradient---2, linear-gradient(135deg, #FFFDF2 0%, #F0DDDD 100%));
}
.titleSocial{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: Span;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 140%; }
.social{
margin-top: 80px;
text-align: center;
}
.achievements {
margin-top: 120px;
text-align: center;
}
.singleAchievement{
display: flex;
padding: 48px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
flex: 1 0 0;
border-radius: 32px;
background: var(--Sand, #FFFDF2);
}
.singleAchievement p{
margin: 0px;
}
.listAchievements {
display: flex;
padding: 48px;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 16px;
flex: 1 0 0;
}
.achievementDescription{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: Span;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 90%; }
.achievementTitle{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 18px;
font-style: normal;
font-weight: 401;
line-height: 130%; }
.achievementText{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 16px;
font-style: normal;
font-weight: 401;
line-height: 130%; }
.singleAchievement a {
display: flex;
padding: 16px 56px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 40px;
background: var(--Gradient---1, linear-gradient(135deg, #FFFDF2 0%, #69C7C4 100%));
color: #0C1638;
font-family: "Aspekta Variable";
font-size: 16px;
font-style: normal;
font-weight: 401;
line-height: 90%;
text-decoration: none;
width: max-content;
margin: 0 auto;
}
.titleAchievements{
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: Span;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 140%; margin: 0px
}
.overlayHeroProject.overlawebinar {
bottom: inherit;
height: 50%;
}
.titleWebinar {
color: var(--Sand, #FFFDF2);
font-family: Span;
font-size: 72px;
font-style: normal;
font-weight: 600;
line-height: 90%;
letter-spacing: -2.16px;
margin: 0px;
}
.textWebinar p{
color: var(--Sand, #FFFDF2);
font-family: "Aspekta Variable";
font-size: 18px;
font-style: normal;
font-weight: 401;
line-height: 140%; }
.contentHeroWebinar {
display: flex;
align-items: center;
gap: 60px;
flex-direction: row;
justify-content: space-around;
align-content: center;
}
img.webinar {
width: 100%;
height: auto;
}
.w2 {
width: 200%;
}
.heroWebinar{
height: 800px;
}
.videoCosmico{
padding: 160px 0px;
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/contatti.png);
background-position: center;
background-size: cover;
}
.contVideoCosmico{
display: flex;
justify-content: center;
align-items: center;
align-content: center;
gap: 32px;
flex-wrap: wrap;
}
.singleVideo {
width: 48%;
}
.singleVideo iframe {
height: 320px !important;
}
.webinar2{
padding: 122px;
}
.titleNot{
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -1.44px;
margin-bottom: 32px;
margin-top: 0px;
}
.textNot p{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: 140%; }
.videoNot{
margin-top: 48px;
}
.ruotaHalf {
height: 450px;
overflow: hidden;
position: relative;
width: 884px;
margin: 0 auto;
}
.overlayRuotaHalf{
background: linear-gradient(0deg, #0e1b59 0%, rgba(11, 21, 70, 0.00) 100%);
position: absolute;
top: 90%;
left: 0;
bottom: 0;
right: 0;  
}
img.girala {
margin: 40px auto 0px;
display: block;
text-align: center;
}
.textSezione.feature a {
border: 1px solid;
color: #000;
padding: 8px 24px;
border-radius: 64px;
text-decoration: none;
margin: 0 auto;
display: block;
width: max-content;
}
.hiddenLarge{
display: none !important;
}
.hiddenLG{
display: none;
}
video::-webkit-media-controls {
display: none;
}
.sezione  video::-webkit-media-controls {
display: block;
}
.clickAr{
margin-bottom: 100px !important;
margin-top: 16px !important;
}
.sezione video {
width: 100%;
height: auto;
}
.nextprev{
background: linear-gradient(135deg, #FFFDF2 0%, #F0DDDD 100%);
padding: 128px 0px;
}
.contnextprev {
display: flex;
gap: 32px;
justify-content: space-between;
align-items: center;
}
.thumbprogsing {
height: 200px;
width: 100%;
background-position: center;
background-size: cover;
position: relative;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.lineTop {
display: flex;
justify-content: center;
gap: 16px;
}
.lineTop p {
color: var(--Ocean, #0C1638);
text-align: right;
font-family: "Aspekta Variable";
font-size: 20px;
font-style: normal;
font-weight: 401;
line-height: 26px; }
.contprognext, .contprogprev {
width: 50%;
}
.titleEspl{
color: var(--Ocean, #0C1638);
text-align: center;
font-family: Span;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 90%; letter-spacing: -1.44px;
margin-top: 0px
}
.nextprev a{
color: #0C1638;
text-decoration: none;
}
.overlayNext{
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
p.titleNext {
color: var(--Sand, #FFFDF2);
text-align: center;
font-family: "Aspekta Variable";
font-size: 32px;
font-style: normal;
font-weight: 401;
line-height: 34px;
position: relative;
z-index: 2;
}
.subTitleHeroBlog.feature {
width: 70%;
margin: 0 auto;
font-size: 19px;
}  footer{
background: linear-gradient(135deg, #FFFDF2 0%, #69C7C4 100%);
padding: 96px 0px
}
.contFooter {
display: flex;
justify-content: space-around;
align-items: center;
align-self: stretch;
gap: 144px;
}
.footerOne{
display: flex;
width: 45%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
}
.footerOne p{
margin: 0px;
}
.titleFooter{
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 80%; letter-spacing: -0.56px;
}
.textFooter{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 16px;
font-style: normal;
font-weight: 401;
line-height: 120%; }
.ctaFooter{
display: flex;
padding: 16px 56px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 40px;
border: 1px solid #202A4C;
background: rgba(105, 199, 196, 0.00);
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 16px;
font-style: normal;
font-weight: 401;
line-height: 90%; text-decoration: none;
width: max-content;
transition: 0.2s all ease-in-out;
}
.footerTwo{
display: flex;
width: 55%;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.sf1 {
display: flex;
padding: 16px;
flex-direction: row;
align-items: center;
gap: 28px;
align-self: stretch;
border-radius: 24px;
background: rgba(255, 253, 242, 0.50);
}
.nameSf1{
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0px
}
.textSf1{
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 16px;
font-style: normal;
font-weight: 401;
line-height: 150%; margin: 0px
} 
.sf2 {
display: flex;
padding: 16px;
flex-direction: row;
align-items: flex-end;
gap: 28px;
align-self: stretch;
border-radius: 24px;
background: rgba(255, 253, 242, 0.50);
justify-content: space-around;
}
.telefono{
display: flex;
width: 100%;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 40px;
background: var(--Gradient---2, linear-gradient(135deg, #FFFDF2 0%, #F0DDDD 100%));
text-decoration: none;
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 18px;
font-style: normal;
font-weight: 401;
line-height: 120%; }
.copy{
background: var(--Sand, #FFFDF2);
display: flex;
padding: 16px 8px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
}
.copy p{
margin: 0px;
color: var(--Ocean, #0C1638);
text-align: center;
font-family: "Aspekta Variable";
font-size: 14px;
font-style: normal;
font-weight: 401;
line-height: 120%; }
a#back-to-top {
display: flex;
position: fixed;
right: 20px;
bottom: 20px;
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/contatti.png);
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
align-content: center;
flex-direction: row;
text-align: center;
text-decoration: none;
color: #0C1638;
border-radius: 50%;
font-size: 24px;
background-size: cover;
z-index: 5;
}   .no-scroll {
overflow: hidden; height: 100%;
position: fixed;
width: 100%;
}   @media only screen and (min-width : 1025px) and (max-width : 1198px) {
} @media (min-width: 768px) and (max-width: 1024px) {
} @media (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
} @media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){
} @media only screen and (min-width: 320px) and (max-width: 844px) {
.logoCont, .textHeader, .iconHeader {
width: 100%;
}
.blogCorrelati p.titleNext {
font-size: 16px;
}
.heroSingleProjectBlog{
height: 400px;
}
.contenutoBlog h1 {
font-size: 40px;
}
.contenutoBlog h2 {
font-size: 32px;
}
.contenutoBlog h3 {
font-size: 24px;
}
.wp-video {
width: 300px !important;
height: 300px !important;
max-width: none !important;
}
.centerText{
font-size: 12px;
}
.clickAr { 
display: none !important;
}
.contHeader {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
width: 100%;
align-content: flex-start;
}
.iconHeader {
text-align: right;
display: flex;
justify-content: flex-end;
position: fixed;
right: 20px;
top: 20px;
}
p.titleHero.feature {
font-size: 41px;
}
p.subTitleHero.feature {
font-size: 19px;
}
.heroContent {
height: 450px;
}
.hero {
height: 450px;
padding-top: 30px;
}
.secondo {
padding: 90px 0;
}
a.ctaHero.feature {
font-size: 16px;
}
.titleSecondo {
font-size: 32px;
}
img.gradient1 {
width: 100%;
}
@keyframes gradiente-anim {
0% {
top: 0px;
left: 150px;
}
25% {
top: 0px;
left: 50px;
}
50% {
top: 0px;
left: -100px;
}
100% {
top: 0px;
left: 150px;
}
}
.textSecondo.feature p {
font-size: 16px;
}
.terzo {
padding: 80px 0;
}
p.titleTerzo.feature {
font-size: 32px;
}
.ruotaArchetipi .ruota2 {
position: relative;
left: -470px;
}
.hiddenLG{
display: block;
}
.terzoText {
display: flex;
flex-direction: column;
align-items: center;
align-content: center;
gap: 32px;
width: 80%;
margin: 0 auto;
}
img.shape1 {
width: 110px;
}
img.shape2 {
position: absolute;
top: 30%;
left: -8%;
width: 100px;
}
img.shape3 {
position: absolute;
left: -80px;
bottom: 10%;
width: 140px;
}
.terzoText2 {
margin-top: 150px;
}
img.shape4 {
bottom: 41%;
width: 70px;
right: 5%;
}
.hiddenXS{
display: none
}
p.feature.textTerzo2 {
font-size: 16px;
}
a.ctaLight.feature {
font-size: 16px;
}
.loghiClienti {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
align-content: center;
gap: 12px;
flex-wrap: wrap;
}
img.cliente {
width: calc(90% / 2);
border-radius: 8px;
}
.quarto {
padding: 72px 0px;
}
p.titleQuarto.feature {
font-size: 23px;
}
.quartoCont {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}
.contFooter {
display: flex;
justify-content: center;
align-items: center;
align-self: stretch;
gap: 40px;
flex-direction: column;
}
.footerOne {
display: flex;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
}
.footerTwo {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.sf1 {
display: flex;
padding: 16px;
flex-direction: column;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 24px;
background: rgba(255, 253, 242, 0.50);
FONT-WEIGHT: 200;
}
.sf2 {
display: flex;
padding: 16px;
flex-direction: column;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 24px;
background: rgba(255, 253, 242, 0.50);
justify-content: space-around;
}
.telefono {
display: flex;
width: 90%;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 8px;
border-radius: 40px;
background: var(--Gradient---2, linear-gradient(135deg, #FFFDF2 0%, #F0DDDD 100%));
text-decoration: none;
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 18px;
font-style: normal;
font-weight: 401;
line-height: 120%;
flex-direction: row;
}
img.valentina {
height: 130px;
}
.nameSf1 {
color: var(--Ocean, #0C1638);
font-family: Span;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 150%;
margin: 0px;
text-align: center;
}
footer {
background: linear-gradient(135deg, #FFFDF2 0%, #69C7C4 100%);
padding: 56px 0px;
}
p.titleFooter {
font-size: 44px;
text-align: center;
width: 100%;
}
.footerOne.feature {
text-align: center;
}
a.ctaFooter {
margin: 0 auto;
}
p.titleTerzo2.feature {
font-size: 36px;
}
.contMenu ul {
display: flex;
align-items: center;
gap: 8px;
align-self: stretch;
width: 100%;
padding: 0px;
margin: 0px;
flex-direction: column;
}
.overlaymenu ul li a {
color: var(--Ocean, #0C1638);
font-family: "Aspekta Variable";
font-size: 17px;
font-style: normal;
font-weight: 401;
line-height: 150%;
text-decoration: none;
padding: 8px 40px;
width: 100%;
}
.cocoMenu{
width: 100%;
}
p.footerMenu {
font-size: 11px;
line-height: 90%;
padding: 0px 16px;
}
.menuresp .sf2.sf3.sf4 {
display: none;
}
.videoAbout {
position: relative;
height: auto;
}
.wrapAbout {
background: linear-gradient(180deg, #8360A5 20.61%, #0C1638 100%);
padding: 70px 0px;
}
.row2about {
margin-top: 32px;
}
.column1About.feature a, .column2About.feature a {
font-size: 24px;
}
.img7 {
background-size: cover;
height: 180px;
}
.img1, .img2, .img3, .img4, .img5, .img6 {
background-size: cover;
background-position: center;
}
.img1 {
background-image: url(//www.valentinapedrotti.it/wp-content/themes/valentinapedrotti/images/about1.jpg);
border-radius: 16px;
background-position: center;
background-size: cover;
width: 100%;
height: 340px;
flex-shrink: 0;
}
.img6 {
height: 190px;
background-size: 105%;
}
.listAchievements {
display: flex;
padding: 16px 0px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
flex: 1 0 0;
}
.singleAchievement {
display: flex;
padding: 18px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
flex: 1 0 0;
border-radius: 32px;
background: var(--Sand, #FFFDF2);
width: 60%;
margin: 0 auto;
}
.singleAchievement svg {
height: 54px;
width: 54px;
}
p.achievementDescription {
font-size: 24px;
}
p.achievementText {
font-size: 14px;
}
p.titleAchievements.feature, p.titleSocial {
font-size: 44px;
}
.linksocial {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
}
.linksocial a {
display: flex;
padding: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
border-radius: 50%;
background: var(--Gradient---2, linear-gradient(135deg, #FFFDF2 0%, #F0DDDD 100%));
}
.linksocial img {
height: 32px;
}
p.heroMetodoTitle.feature {
font-size: 40px;
margin-top: 200px;
}
.heroMetodoSubTitle.feature p {
font-size: 16px;
}
div#wheel-container {
width: 360px;
}
.hiddenLarge{
display: block !important;
}
p.titleSM.feature {
font-size: 40px;
}
p.textSM.feature {
font-size: 16px;
}
p.title2M.feature {
font-size: 40px;
}
.text2M.feature p {
font-size: 21px;
}
.secondoM.video-background {
padding: 72px 0px;
}
.ruotaHalf {
height: auto;
overflow: visible;
position: relative;
width: 100%;
margin: 0 auto;
}
.overlayRuotaHalf {
display: none;
}
.contHeader {
position: relative;
z-index: 2;
}
.logoCont.feature {
z-index: 3;
position: relative;
}
.terzoM {
padding: 72px 0px;
}
img.poliarchetipi2.feature {
height: 100px;
}
p.title3M.feature {
font-size: 32px;
}
.text3M.feature p {
font-size: 16px;
}
.contSlider {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
text-align: left;
}
img.imgFase {
height: 150px;
}
p.titleSlide {
font-size: 36px;
text-align: center;
width: 100%;
}
.row1 {
display: flex;
align-items: center;
gap: 32px;
align-self: stretch;
justify-content: center;
}
.textSlide p,.textslide p {
font-size: 16px;
text-align: center;
}
.headline img {
display: none;
}
p.titleHeroPortfolio.feature {
font-size: 56px;
}
li.singlePortfolioCard.feature {
width: 100%;
}
.heroPortfolio {
padding-top: 150px;
padding-bottom: 40px;
}
.contentHeroProject {
padding: 0px 24px;
text-align: center;
}
p.titleProjectSingle.feature {
font-size: 42px;
}
.metaProject {
display: flex;
align-items: center;
gap: 8px;
align-self: stretch;
margin-top: 64px;
flex-direction: column;
width: 100%;
}
p.subTitleProjectSingle.feature {
font-size: 16px;
}
.contentHeroProject {
display: flex;
width: auto;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
}
.metabox {
padding: 8px 0px;
gap: 0px;
}
.contenutoProgetto img {
width: 100%;
height: auto;
}
.contenutoProgetto p {
font-size: 16px;
}
p.titleSezione.feature {
font-size: 32px;
}
.sezione {
padding: 40px 0px;
}
p.titleWebinar.feature {
font-size: 48px;
}
.contentHeroWebinar {
display: flex;
align-items: flex-start;
gap: 24px;
flex-direction: column-reverse;
justify-content: space-around;
align-content: center;
}
.w2 {
width: auto;
}
.textWebinar p {
font-size: 16px;
line-height: 110%;
}
p.titleWebinar.feature {
}
img.webinar.feature {
width: 100px;
margin-top: 142px;
}
.videoCosmico {
padding: 0px;
}
.singleVideo {
width: 100%;
}
.contVideoCosmico {
display: flex;
justify-content: center;
align-items: center;
align-content: center;
gap: 0px;
flex-wrap: wrap;
}
.webinar2 {
padding: 72px 24px;
}
.textNot p {
font-size: 16px;
}
.singleVideo iframe {
height: auto;
width: 100%;
}
.primoContatti {
padding: 144px 14px 72px;
}
h1.feature {
font-size: 40px;
}
.contContattiPrimo {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
flex-direction: column-reverse;
}
.contatti1 {
width: 100%;
}
.contatti2 {
width: 100%;
}
img.valentina2 {
height: 230px;
width: auto;
}
.secondoContatti .titleContatti {
font-size: 40px;
}
p.textContatti2.feature {
margin-top: 16px;
}
.boxcontatti {
margin-top: 40px;
} 
p.titleSecondo.feature {
font-size: 32px;
}
p.titleAbout.feature {
font-size: 56px;
}
img.girala {
margin: 20px auto 0px;
display: block;
text-align: center;
}
.ruotaArchetipi{
margin: 20px 0px 20px;
height: 884px;
width: 884px;
border-radius: 50%;
position: relative;
}
.primoM {
background: linear-gradient(180deg, #0C1638 0%, #0B2271 100%);
padding: 50px 0px;
position: relative;
}
}