.btnPrimary.light {
color: #000;
background: #FFF;
}
.heroCorso {
position: relative;
overflow: hidden;
}
.overlayHero{
position: absolute;
background-color: #081112;
opacity: 0.2;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.contHeroCorso {
text-align: center;
height: 80vh;
display: flex;
justify-content: center;
flex-direction: column;
gap: 24px;
margin: 0px;
z-index: 1;
position: relative;
}
.heroCorso .titleHero{
color: #FFF;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -2px;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}
.heroCorso .titleHero span{
background: var(--Gradient-Primary, linear-gradient(60deg, #00CCB2 0.19%, #84FFBE 100.03%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.topTitleHero{
color:var(--primary-600);
font-weight: 500;
font-size: 22px;
margin: 0px 0px 0px 0px;
text-align: left;
}
.heroCorso .btnContainer {
display: flex;
justify-content: left;
gap: 12px;
margin-top: 42px;
}
.btnPrimary {
border-radius: 999px;
border: 1px solid #FFF;
color: #fff;
display: flex;
padding: 16px 32px;
justify-content: center;
align-items: center;
gap: 10px;
transition: 0.2s all ease-in-out;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.54px;
text-decoration: none;
width: max-content;
}
.btnPrimary:hover {
color: #000;
background: #FFF;
box-shadow: 0px 0px 50px 0px #B0AAF8;
}
.heroForma{
background-position: center;
background-size: 80%;
background-repeat: no-repeat;
}
.fooHero {
position: relative;
width: 100%;
text-align: center;
}
.fooHero {
position: relative;
width: 100%;
text-align: center;
display: inline-block;
}
img.percheImg {
position: relative;
bottom: -5px;
z-index: 0;
}
.overlayHero {
background: linear-gradient(0deg, #091314 14.39%, rgba(9, 19, 20, 0.00) 100%);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 50%;
opacity: 0.9;
z-index: 2;
}
.secondHero {
position: relative;
margin-top: 64px;
}
.topTitleHero{
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0px;
}
.metaCorso{
display: flex;
align-items: center;
gap: 24px;
}
.singleMeta{
display: flex;
align-items: center;
gap: 12px;
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.excerptCorso{
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0px;
text-align: left;
width: 50%;
}
.circleHeroCorso {
width: 717.376px;
height: 780.057px;
transform: rotate(-49.878deg);
flex-shrink: 0;
position: absolute;
right: -160px;
bottom: -320px;
border-radius: 780.057px;
opacity: 0.25;
background: var(--Gradient-Primary, linear-gradient(60deg, #00CCB2 0.19%, #84FFBE 100.03%));
filter: blur(150px);
}
.shapeCorsoHero{
position: absolute;
right: 0;
bottom: 200px;
}
.woman2 {
position: absolute;
bottom: 0;
right: 130px;
z-index: 2;
}
.heroCorso{
overflow: hidden;
position: relative;
}
.firstCorso{
border-radius: 40px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: radial-gradient(164.41% 137.51% at 0% 98.19%, #081112 0%, #1A2223 100%);
backdrop-filter: blur(62.5px);
padding-top: 157px;
position: relative;
z-index: 2;
padding-bottom: 450px;
}
.bannerFirstCorso {
position: absolute;
left: 0;
right: 0;
top: -140px;
z-index: 2;
}
.contBannerFirstCorso{
display: flex;
width: 1110px;
padding: 24px;
justify-content: space-between;
align-items: center;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: #151F20;
}
.banner1{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.banner2{
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.titleBanner{
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0px;
}
.rowBanner{
display: flex;
align-items: center;
gap: 12px;
align-self: stretch;
color: #FFF;
leading-trim: both;
text-edge: cap;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.rowBanner img {
height: 24px;
}
.textBanner2{
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
background: var(--Gradient-Primary, linear-gradient(60deg, #00CCB2 0.19%, #84FFBE 100.03%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0px;
}
.secondoCorso{
display: flex;
justify-content: flex-end;
align-items: center;
gap: 100px;
align-self: stretch;
margin: 92px 0px;
}
.columnSecondoB2{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.titB2{
color: #FFF;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -0.48px;
margin: 0px;
}
.textB2 p{
color: #E5E5E5;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
}
.columnSecondoB2 ul{
padding: 0px 0px 0px 15px;
color: #E5E5E5;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
}
.buttonSB2{
display: flex;
align-items: flex-start;
gap: 12px;
}
.boxCard{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 32px;
align-self: stretch;
margin-top: 48px;
}
.cardRiv{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
flex: 1 0 0;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(25px);
padding: 32px;
height: 300px;
}
.titCardRiv{
color: #FFF;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; margin: 0px;
}
.textCardRiv{
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
}
.quartoCorso{
display: flex;
justify-content: center;
align-items: flex-start;
gap: 30px;
align-self: stretch;
margin-top: 92px;
}
.titB4{
color: #FFF;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -0.96px;
margin: 0px;
text-align: left;
width: 100%;
}
.leftQC p{
color: #E5E5E5;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
align-self: stretch;
}
.contQuartoCorso{
display: flex;
flex-direction: column;
align-items: center;
gap: 48px;
align-self: stretch;
}
.quartoCorso2{
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 12px;
flex: 1 0 0;
flex-wrap: wrap;
}
.cardQC{
display: flex;
width: 548px;
padding: 24px;
align-items: flex-start;
gap: 10px;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(22.5px);
}
.cqc{
display: flex;
align-items: center;
gap: 12px;
}
.lcqc{
display: flex;
width: 24px;
height: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 999px;
background: var(--Gradient-Primary, linear-gradient(60deg, #00CCB2 0.19%, #84FFBE 100.03%));
color: var(--Primary-950, #00221D);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.28px;
}
.rcqc{
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
letter-spacing: -0.36px;
}
.contShapeCS{
position: relative;
}
.SCS2{
position: absolute;
bottom: -500px;
left: 0;
}
.circleCS2{
position: absolute;
right: 0;
bottom: -300px;
}
.SCS3{
position: absolute;
bottom: -250px;
left: 0;
z-index: -1;
}
.cont4Cors{
position: relative;
overflow: hidden;
}
.contPratica{
overflow: hidden;
}
.clumnPratica{
display: flex;
align-items: center;
gap: 60px;
align-self: stretch;
}
.firstClnP{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
width: 50%;
}
.secondClnP{
display: flex;
align-items: flex-start;
gap: 36px;
align-self: stretch;
width: 50%;
position: relative;
}
.contSecondClnP{
display: flex;
align-items: flex-start;
gap: 36px;
align-self: stretch;
left: 0;
top: 0;
}
.tfcp{
color: #FFF;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -0.48px;
margin: 0px;
}
.pfcp p{
color: #E5E5E5;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
}
.cardSCP{
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
border-radius: 22.43px;
border: 2px solid #545454;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(28.036876678466797px);
overflow: hidden;
width: 370px;
}
.contPratica{
padding: 92px 0px;
}
.metaCardSCP{
display: flex;
padding: 36px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 27px;
color: #FFF;
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.titStrutturato{
color: #FFF;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -0.96px; 
margin: 0px;
}
.strutturato{
position: relative;
overflow: hidden;
}
.textStrutturato{
color: rgba(229, 229, 229, 0.75);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 32px auto;
width: 70%;
}
.fasiStrutt{
display: flex;
padding: 32px;
align-items: flex-start;
gap: 32px;
align-self: stretch;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(25px);
}
.fase{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
align-self: stretch;
}
.sepFase{
background: rgba(255, 255, 255, 0.15);
width: 2px;
height: 220px
}
.fasiStrutt .sepFase:last-child {
display: none;
}
.boxStudiaLeft .accordion .tab:last-child {
padding: 24px 0px 0px;
border-bottom: 0px;
}
.boxStudia{
display: flex;
flex-direction: row;
align-items: center;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(25px);
overflow: hidden;
margin-top: 32px;
}
.boxStudiaLeft{
display: flex;
padding: 48px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
align-self: stretch;
width: 100%;
}
.titleBoxStudia{
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0px;
}
.textBoxStudia{
color: rgba(255, 255, 255, 0.75);
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0px;
}
.boxStudiaLeft ul{
padding: 0px;
margin: 0;
list-style: none;
width: 100%;
}
.pointStudiaB{
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-top: 24px;
padding-top: 24px;
border-top: 1px solid rgba(255, 255, 255, 0.35);
width: 100%;
}
.boxStudiaRight{
width: 100%;
height: 550px;
}
.circleStrut {
border-radius: 882px;
opacity: 0.25;
background: #F18F01;
filter: blur(150px);
width: 882px;
height: 560px;
flex-shrink: 0;
position: absolute;
right: -350px;
top: 300px;
z-index: -1;
}
.circleStrut2 {
border-radius: 560px;
opacity: 0.25;
background: var(--Secondary-600, #6ED49E);
filter: blur(150px);
width: 560px;
height: 560px;
flex-shrink: 0;
position: absolute;
left: -280px;
bottom: 300px;
z-index: -1;
}
.blocco2Strutt{
position: relative;
}
.shape2strutt{
position: absolute;
}
.cont4Cors2{
position: relative;
}
.bloccoIscriviti{
position: relative;
}
.shape2strutt {
position: absolute;
right: 0;
top: -350px;
}
.viola{
color: #9C95F6
}
.orange{
color: #F3A12B;
}
.titleIscriviti{
color: #F9F9F9;
text-align: center;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -2px;
margin: 92px auto 24px;
width: 60%;
}
.metaIscriviti{
display: flex;
justify-content: center;
align-items: flex-end;
gap: 24px;
}
.metaIscriviti p{
margin: 0px;
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.rowMetaIscriviti{
display: flex;
align-items: center;
gap: 12px;
}
.contBoxIscriviti{
display: flex;
justify-content: center;
align-items: flex-end;
gap: 32px;
align-self: stretch;
margin-top: 48px;
}
.boxIscriviti{
display: flex;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 24px;
flex: 1 0 0;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(22.5px);
}
.BI1{
display: flex;
align-items: center;
gap: 32px;
align-self: stretch;
justify-content: space-between;
}
.comePa{
color: #FFF;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0px;
}
.bann{
display: flex;
padding: 8px;
justify-content: center;
align-items: flex-start;
gap: 10px;
color: #000;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0px;
}
.verde .bann{
border-radius: 10px;
background: var(--Gradient-Primary, linear-gradient(60deg, #00CCB2 0.19%, #84FFBE 100.03%));
}
.viol .bann{
border-radius: 10px;
background: var(--Quaternary-500, #8980F5);
color: #fff;
position: absolute;
right: 40px;
}
.priceIscri {
text-align: center;
font-size: 64px;
font-style: normal;
font-weight: 600;
line-height: 110.523%;
letter-spacing: -2px;
margin: 0px;
display: flex;
height: 124px;
flex-direction: row;
justify-content: center;
align-self: stretch;
color: #fff;
align-content: flex-end;
align-items: center;
}
.verde .priceIscri{
background: var(--Gradient-Primary, linear-gradient(60deg, #00CCB2 0.19%, #84FFBE 100.03%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.brochure{
color: #FFF;
text-align: center;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0px;
text-align: center;
width: 100%;
}
.priceIscri span{
color: #F6F6F6;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 110.523%;
letter-spacing: -0.48px;
}
.boxIscriviti .btnPrimary{
width: 100%;
}
.bloccoSezioniIscriviti{
margin: 92px 0px;
display: flex;
flex-direction: column;
align-items: center;
gap: 72px;
align-self: stretch;
}
.shapeIscri {
position: absolute;
right: 0;
z-index: -1;
bottom: -550px;
}
.blocco1SI, .blocco2SI, .blocco3SI{
display: flex;
height: 560px;
align-items: center;
gap: 50px;
align-self: stretch;
}
.rightSI {
width: 50%;
}
.rightSI img{
width: 100%;
}
.leftSI{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
width: 50%;
}
.textLeftSI p{
color: #E5E5E5;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
}
.titleLeftSI{
color: #FFF;
font-size: 38px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -0.48px;
margin: 0px;
}
.leftSI ul{
color: #E5E5E5;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
}
.buttonLeftSI{
display: flex;
align-items: flex-start;
gap: 12px;
}
.titleCoach{
color: #FFF;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -0.48px;
text-align: center;
}
.textCoach{
color: #E5E5E5;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.listCoach{
display: flex;
align-items: flex-start;
gap: 26px;
padding: 32px;
}
.cardCoach{
display: flex;
padding: 20px;
flex-direction: column;
align-items: center;
gap: 16px;
border-radius: 22.334px;
border: 2.233px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(25.125858306884766px);
}
.cardCoach img{
width: 220px;
height: 220px;
border-radius: 9999px;
border: 1.117px solid #000;
background: url(//ec2-3-77-22-117.eu-central-1.compute.amazonaws.com/wp-content/themes/professionai/assets/css/<path-to-image>), lightgray 50% / contain no-repeat, #FFF;
margin: 0 auto 24px;
}
.nameCoach{
color: #FFF;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 110.523%;
margin: 0px;
}
.occupazioneCoach{
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
background: var(--Gradient-Primary, linear-gradient(60deg, #00CCB2 0.19%, #84FFBE 100.03%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0px;
height: 40px;
}
.rowStudents.firstRow {
margin-bottom: 32px;
left: 0px;
}
.exStudentiSection{
margin: 92px 0px;
}
.contBannerCorsoSingolo {
position: relative;
width: 100%;
display: inline-block;
z-index: 3;
}
.faqHome {
padding: 180px 0px;
position: relative;
margin-top: 300px;
}
.bannerCorsoSingolo {
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: linear-gradient(74deg, rgba(255, 255, 255, 0.05) 1.87%, rgba(255, 255, 255, 0.01) 100.7%);
backdrop-filter: blur(125px);
overflow: hidden;
position: relative;
padding: 100px 150px;
width: 90%;
margin: 0 auto;
position: absolute;
top: -360px;
z-index: 2;
left: 5%;
}
.contBannerCS{
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 32px;
width: 50%;
}
.shapeBCS {
border-radius: 560px;
opacity: 0.25;
background: var(--Tertiary-500, #F18F01);
filter: blur(150px);
position: absolute;
width: 560px;
height: 560px;
flex-shrink: 0;
right: -150px;
bottom: -150px;
}
.titleBCS{
margin: 0px;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 110.523%; letter-spacing: -1.12px;
background: linear-gradient(180deg, #FFF 0%, #626262 325%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.textBCS{
margin: 0px;
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.manBanner{
position: absolute;
right: 150px;
bottom: 0;
}
.contactFooter{
position: relative;
}
.globeFCS {
position: absolute;
bottom: -370px !important;
z-index: -1;
left: 15%;
}
section.accordion.accordion--radio.accordionCorso {
margin: 0px;
background: transparent !important;
backdrop-filter: none !important;
}
section.accordion.accordion--radio.accordionCorso .tab {
padding: 24px 0px;
}
.imgProgetto{
height: 300px;
width: 100%;
background-position: center;
background-size: cover;
}
.bloccoCoach .slick-slider {
margin:0 -15px;
}
.bloccoCoach .slick-slide {
text-align:center;
margin-right:15px;
margin-left:15px;
}   @media only screen and (min-height : 700px) and (max-height : 800px) {
.contHeroCorso {
height: 95vh;
}
} @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: 850px) {
img.woman2 {
position: relative;
height: 450px;
margin: 0 auto;
display: block;
right: inherit;
}
.contHeroCorso {
text-align: center;
height: 40vh;
display: flex;
justify-content: center;
flex-direction: column;
gap: 24px;
margin: 130px 0px 0px;
z-index: 1;
position: relative;
}
.heroCorso .titleHero {
font-size: 36px;
letter-spacing: -1px;
width: 80%;
}
p.topTitleHero {
font-size: 18px;
}
.excerptCorso {
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0px;
text-align: left;
width: 100%;
line-height: 21px;
}
.metaCorso {
display: flex;
align-items: flex-start;
gap: 16px;
flex-direction: column;
}
img.shapeCorsoHero {
height: 250px;
right: -60px;
}
.contBannerFirstCorso {
display: flex;
width: 100%;
padding: 24px;
align-items: flex-start;
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: #151F20;
flex-direction: column;
}
.banner2 a {
width: 100%;
margin-top: 24px;
}
p.textBanner2 {
font-size: 17px;
width: 100%;
display: inline-block;
}
.firstCorso {
padding-top: 317px;
padding-bottom: 450px;
}
.circleCS2 {
position: absolute;
right: 0;
bottom: -300px;
z-index: -1;
}
p.titB2 {
font-size: 30px;
letter-spacing: 0;
width: 90%;
}
.textB2 p {
font-size: 16px;
}
.columnSecondoB2 {
gap: 24px;
}
.secondoCorso {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 100px;
align-self: stretch;
margin: 92px 0px;
flex-direction: column;
}
.columnSecondoB1 img {
width: 90%;
margin: 0 auto;
display: block;
}
.SCS2 {
position: absolute;
bottom: inherit;
left: 0;
height: 260px;
top: 10px;
z-index: -6;
}
.columnSecondoB2 ul li {
font-size: 16px;
}
.boxCard {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 32px;
align-self: stretch;
margin-top: 48px;
flex-direction: column;
}
.cardRiv {
gap: 24px;
}
p.titCardRiv {
font-size: 24px;
}
p.textCardRiv {
font-size: 16px;
}
p.titB4.center {
font-size: 33px;
letter-spacing: 0px;
}
.quartoCorso {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 16px;
align-self: stretch;
margin-top: 20px;
flex-direction: column;
}
.leftQC p {
font-size: 16px;
}
.cardQC {
width: 100%;
margin-bottom: 12px;
}
.quartoCorso2 {
display: inline-block;
align-items: flex-start;
align-content: flex-start;
gap: 12px;
flex: 1 0 0;
flex-direction: column !important;
}
img.SCS3 {
display: none;
}
p.tfcp {
font-size: 32px;
letter-spacing: 0px;
}
p.pfcp {
font-size: 16px;
}
.firstClnP {
gap: 24px;
}
.clumnPratica {
display: flex;
align-items: flex-start;
gap: 60px;
align-self: stretch;
flex-direction: column;
}
.firstClnP {
gap: 24px;
width: 100%;
}
.firstClnP p b {
font-weight: 650;
}
.firstClnP a {
width: 100%;
}
p.titStrutturato {
font-size: 32px;
}
p.textStrutturato {
font-size: 16px;
width: 100%;
}
.fasiStrutt {
display: flex;
padding: 32px;
align-items: flex-start;
gap: 24px;
align-self: stretch;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(25px);
flex-direction: column;
}
.sepFase {
height: 1px;
width: 100%;
}
.secondClnP {
display: inline-block;
width: 100%;
overflow: hidden;
}
.contSecondClnP {
width: 100%;
flex-direction: column;
}
.imgProgetto {
height: 250px;
}
.viol .bann {
border-radius: 10px;
background: var(--Quaternary-500, #8980F5);
color: #fff;
position: relative;
right: 0;
}
.listCoach {
padding: 0px;
}
.cardSCP {
width: 100%;
}
.cardSCP img {
height: 200px;
}
.metaCardSCP {
padding: 16px;
font-size: 20px;
}
.boxStudia {
display: flex;
flex-direction: column-reverse;
align-items: center;
border-radius: 20px;
border: 2px solid rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(25px);
overflow: hidden;
margin-top: 92px;
}
.boxStudiaRight {
width: 100%;
height: 330px;
background-size: cover;
}
.boxStudiaLeft {
padding: 24px;
}
.titleBoxStudia {
font-size: 20px;
}
p.textBoxStudia {
font-size: 15px;
}
img.shape2strutt {
display: none;
}
p.titleIscriviti {
font-size: 32px;
width: 100%;
letter-spacing: 0px;
}
.metaIscriviti {
display: flex;
justify-content: left;
align-items: flex-start;
gap: 24px;
flex-direction: column;
align-content: flex-start;
}
.rowMetaIscriviti {
display: flex;
gap: 12px;
flex-direction: row;
justify-content: center;
align-content: center;
}
.contBoxIscriviti {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 32px;
align-self: stretch;
margin-top: 48px;
flex-direction: column;
}
p.comePa {
font-size: 18px;
width: 50%;
}
p.bann {
font-size: 13px;
width: 50%;
}
p.priceIscri {
font-size: 48px;
line-height: 50px;
height: 90px;
}
p.brochure {
font-size: 18px;
}
.boxIscriviti {
width: 100%;
}
.blocco1SI, .blocco2SI, .blocco3SI {
display: flex;
height: auto;
align-items: center;
gap: 50px;
align-self: stretch;
flex-direction: column;
}
.rightSI {
width: 100% !important;
}
.leftSI {
width: 100%;
}
p.titleLeftSI {
font-size: 32px;
}
.textLeftSI p, .textLeftSI ul li {
font-size: 18px;
}
.bannerCorsoSingolo {
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: linear-gradient(74deg, rgba(255, 255, 255, 0.05) 1.87%, rgba(255, 255, 255, 0.01) 100.7%);
backdrop-filter: blur(125px);
overflow: hidden;
position: relative;
padding: 32px 32px;
width: 90%;
margin: 0 auto;
position: absolute;
top: -320px;
z-index: 2;
left: 5%;
}
img.iconBCS {
height: 48px;
}
p.titleBCS {
font-size: 32px;
width: 100%;
}
.contBannerCS {
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 32px;
width: 100%;
padding-bottom: 0px;
}
img.manBanner {
height: 290px;
right: 20%;
}
.firstCorso.fcC {
padding-top: 317px;
padding-bottom: 280px;
}
.faqHome {
margin-top: 600px;
}
.faqHome a {
width: 100% !important;
}
.cardCoach img{
width: 120px;
height: 120px;
}
.bloccoCoach .slick-slider {
margin: 0 10px;
}
.bloccoCoach .slick-slide {
margin-right: 7px;
margin-left: 7px;
}
.cardCoach {
padding: 16px;
}
.contenutoBanner {
flex-direction: column;
}
.nameCoach {
font-size: 14px;
height:30px
}
.quartoCorso {
margin-top: 22px !important;
}
.rightSI {
width: 90% !important;
position: relative;
}
.contPratica .blocco2SI {
margin: 0px 0px;
}
.rowMetaIscriviti2 {
display: inline-block !important;
width: 100%;
}
.rowMetaIscriviti2 p {
text-align: center !important;
font-size: 34px;
width: 100% !important;
display: inline-block !important;
margin: 0px !important;
}
.boxIscriviti {
padding: 16px;
}
#tipologie1, #tipologie2, #tipologie3 {
width: 100%;
margin: 0 auto;
}
#contBannerCorsoSingolo {
position: relative;
top: 60px;
left: 0;
}
.firstCorso.fcC {
padding-top: 317px;
padding-bottom: 30px;
}
div#contBannerCorsoSingolo {
padding-bottom: 200px;
}
.imgBannerAdvisor {
display: none;
}
.secondoCorso img {
MARGIN-TOP: 80px;
}
img.imgBannerAdvisor {
display: none;
}
.bannerCorsoSingolo {
border-radius: 20px;
border: 1px solid rgba(255, 255, 255, 0.15);
background: linear-gradient(74deg, rgba(255, 255, 255, 0.05) 1.87%, rgba(255, 255, 255, 0.01) 100.7%);
backdrop-filter: blur(125px);
overflow: hidden;
position: relative;
padding: 32px 32px;
width: 90%;
margin: 0 auto;
position: relative;
top: 0px; 
z-index: 2;
left: auto;
margin-top: 50px;
} 
.faqHome {
margin-top: 0px;
}
.shapeBCS {
z-index: -1;
}
.textBCS {
margin: 0px;
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
}