@font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-regular.woff2) format('woff2'), url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-regular.woff) format('woff'); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 500;
src: url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-500.woff2) format('woff2'), url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-500.woff) format('woff'); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 600;
src: url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-600.woff2) format('woff2'), url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-600.woff) format('woff'); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-700.woff2) format('woff2'), url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-700.woff) format('woff'); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 800;
src: url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-800.woff2) format('woff2'), url(//www.sebelettricisti.it/wp-content/themes/seb/fonts/poppins-v20-latin-800.woff) format('woff'); }
:root{
--white: #fff;
--black: #000;
--transparent: transparent;
--dark-blue: #021f59;
--blue: #0479d9;
--grey: #222;
--yellow: #f2cb05;
--orange: #ff7a00;
--blue-selection: #0479d973;
--blue-lo: #044bd926;
--blue-mo: #021f5973;
--yellow-mo: #f2cb0573;
--font-normal: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
--font-extrabold: 800;
--font-3: clamp(1.5rem, 3vw, 2.3rem);
--font-intermediate: clamp(1.2rem, 1.8vw, 1.6rem);
--font-p: clamp(1rem, 1.2vw, 1.2rem);
--font-button: clamp(1rem, 1.3vw, 1.3rem);
--letter-spacing: 0.02rem;
--max-width: 100rem;
--padding: clamp(1rem, 1.5vw, 1.8rem);
--padding-medium: clamp(2rem, 3vw, 3.4rem);
--padding-big: clamp(3rem, 5vw, 4.6rem);
--margin: 2vw;
--gap-05: 0.5rem;
--gap-1: 1rem;
--gap-2: 2rem;
--gap-3: 3rem;
--gap-7: 7rem;
--spacer: clamp(8rem, 12vw, 12rem);
--padding-y-buttons: clamp(0.75rem, 1vw, 0.85rem);
--padding-x-buttons: clamp(1.8rem, 2.5vw, 2.7rem);
--border: 0.25rem;
--border-images: 0.5rem;
--border-radius: 0.5rem;
--border-radius-images: clamp(1rem, 1.5vw, 1.8rem);
--logo-height: clamp(3.2rem, 5.4vw, 4.6rem);
--mini-icons: 0.8rem;
--icons: 1.3rem;
--icons-medium: 3rem;
--icons-big: clamp(5rem, 30%, 7.5rem);
--icons-giant: clamp(6rem, 9vw, 8rem);
} body, html{ font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; box-sizing: border-box;margin: 0;padding: 0;}
*,*:before,*:after{ box-sizing: border-box; word-wrap: break-word;}
h1,h2,h3,h4,h5,h6, p, ol, ul{margin: 0;padding: 0;}
ol,ul{list-style-type: none;}
img{height: auto;}
a{text-decoration: none;}
hr{border:none; border-bottom: 1px solid var(--grey)}
figure{margin: 0; padding: 0;} ::selection{background-color: var(--blue-selection)!important;}
input{accent-color: var(--dark-blue)!important; color: var(--dark-blue)!important;}
input[type="checkbox"]{height: var(--icons)!important; width: var(--icons)!important;}
.text-big{font-size: clamp(4rem, 10.4vw, 9rem); font-weight: var(--font-extrabold); color: var(--red-mo);}
h1, .text-1{font-size: clamp(2.7rem, 7vw, 6rem); font-weight: var(--font-extrabold);}
h2, .text-2{font-size: clamp(1.8rem, 4vw, 3.5rem); font-weight: var(--font-extrabold);}
h3, .text-3{font-size: var(--font-3); font-weight: var(--font-extrabold);}
.text-intermediate{font-size: var(--font-intermediate); font-weight: var(--font-bold);}
h4, p, .text-4, li{font-size: var(--font-p); font-weight: var(--font-normal);}
body{font-family: 'Poppins', sans-serif;}
html{scroll-behavior: smooth;}
h1,h2,h3{margin: 0; padding: 0; letter-spacing: var(--letter-spacing); line-height: 1.4;}
h4, p, ol, ul{line-height: 1.5;}
p, label {
-webkit-text-size-adjust: none;
text-size-adjust: none;
max-width: 750px;
}
a{color: var(--blue);}
li{list-style-position: inside;} .button{font-size: var(--font-button)!important; font-weight: var(--font-semibold); background: var(--yellow)!important; color: var(--dark-blue)!important; padding: var(--padding-y-buttons) var(--padding-x-buttons)!important; border: none; border-radius: 0!important; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.button:hover{background: var(--dark-blue)!important; color: var(--yellow)!important;}
.button--outline{background: var(--transparent)!important; color: var(--dark-blue)!important; border: var(--border) solid var(--yellow); padding: calc(var(--padding-y-buttons) - var(--border)) calc(var(--padding-x-buttons) - var(--border))!important;}
.button--outline:hover{background: var(--transparent)!important; color: var(--dark-blue)!important; border-color: var(--dark-blue);}
.button.button-blue{background: var(--dark-blue)!important; color: var(--yellow)!important;}
.button.button-blue:hover{background: var(--yellow)!important; color: var(--dark-blue)!important;}
.button.arrow{position: relative; padding: var(--padding-y-buttons) calc(var(--padding-x-buttons) * 1.5) var(--padding-y-buttons) var(--padding-x-buttons)!important;}
.arrow:before{content: ' '; position: absolute; height: var(--icons); width: var(--icons); top: 50%; left: 83%; transform: translateY(-50%) rotate(-90deg); background-image: url(//www.sebelettricisti.it/wp-content/themes/seb/icons/chevron-down-outline.svg); background-size: cover; background-repeat: no-repeat; background-position: center center;}   .header-container{position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; padding: var(--padding) 0; transition: all 1s cubic-bezier(.215, .61, .355, 1);}
body:not(.home) .header-container{background: var(--white);}
.scroll-down .header-container{box-shadow: 0px 10px 10px var(--blue-lo); background: var(--white); padding: calc(var(--padding) / 1.1) 0;}
.header{display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: var(--max-width); gap: var(--gap-2);}
.navquick{display: flex; gap: var(--gap-2);}
.header-navigation{display: flex;}
.header__menu{margin-bottom: 0; display: flex; align-items: center; gap: var(--padding-medium);}
.header__menu li{margin-bottom: 0; list-style-type: none; font-weight: var(--font-normal); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.header__menu a{transition: all 1s cubic-bezier(.215, .61, .355, 1); color: var(--white);}
.scroll-down .header__menu a, body:not(.home) .header__menu a{color: var(--dark-blue);}
.header__menu li:hover{transform: scale(1.1);}
.header__logo img{height: var(--logo-height); transition: all 1s cubic-bezier(.215, .61, .355, 1); filter: invert(1);}
body:not(.home) .header__logo img{filter: invert(0);}
.scroll-down .header__logo img{height: calc(var(--logo-height) - (var(--logo-height) / 4)); filter: invert(0);}
.quick{display: flex; justify-content: flex-end;}
@media (max-width: 1100px) {
.header__menu a{color: var(--dark-blue);}
.scroll-down.menu-open .header-container{box-shadow: none;}
.header-navigation{position: absolute; top: 88px; left: 0; width: 100%; background: var(--white); height: 0; overflow: hidden; transition: all 0.8s cubic-bezier(.215, .61, .355, 1); justify-content: center;}
.home.menu-open .header-container{background: var(--white);}
.home.menu-open .header__logo img{filter: invert(0);}
.header__menu{flex-flow: column; gap: var(--padding-big); justify-content: center; height: 100%;}
.menu-open .header-navigation{padding: calc(var(--padding-big) * 3) 0; box-shadow: 0px 10px 10px var(--blue-lo);}
@media (max-width: 700px) and (orientation: landscape) {
.header__menu{gap: var(--padding-medium);}
.menu-open .header-navigation{padding: calc(var(--padding-big) * 2.2) 0;}
}
.menu-open{overflow: hidden;}
.scroll-down .header-navigation{top: 81px;}
.header__hamburger{display: none;}
.header__hamburger{display: flex; width: var(--icons-medium); aspect-ratio: 1 / 1; justify-content: center; align-items: flex-end; flex-flow: column; gap: calc(var(--padding) / 2); transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.header__hamburger span{height: var(--border); background: var(--white); display: block; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
body:not(.home) .header__hamburger span, .home.menu-open .header__hamburger span{background: var(--black);}
.header__hamburger span:nth-child(1){width: 100%;}
.header__hamburger span:nth-child(2){width: 80%;}
.header__hamburger span:nth-child(3){width: 60%;}
.scroll-down .header__hamburger span{background: var(--black);}
.menu-open .header__hamburger{transform: rotate(-180deg);}
.menu-open .header__hamburger span:nth-child(1){transform: translateY(6.5px) rotate(45deg);}
.menu-open .header__hamburger span:nth-child(2){transform: translateY(-6.5px) rotate(-45deg); width: 100%;}
.menu-open .header__hamburger span:nth-child(3){display: none;}
}
@media (max-width: 350px) {
.header__logo img{height: calc(var(--logo-height) - (var(--logo-height) / 4));}
.quick-mobile a{border: none;}
.quick-mobile img{height: 70%;}
.header__hamburger{width: calc(var(--icons-medium) / 1.5); gap: calc(var(--padding) / 2.5);}
.header__hamburger span{height: calc(var(--border) / 1.5);}
.menu-open .header__hamburger span:nth-child(1){transform: translateY(4.8px) rotate(45deg);}
.menu-open .header__hamburger span:nth-child(2){transform: translateY(-4.8px) rotate(-45deg);}
.header-navigation{top: 84px;}
}      .footer a:not(.orange){color: var(--white);}
.footer, .footer-bottom{background: var(--dark-blue);}
.footer-inner{padding: var(--padding-big) 0;}
.footer-column{justify-content: space-between; gap: var(--gap-3);}
.footer-column:nth-child(1) a{display: flex; align-items: center;}
.footer__logo img{height: var(--logo-height); filter: invert(1);}
.footer-icons-container, .footer-icons-container a{display: flex;}
@media (min-width: 782px) and (max-width: 1100px) {
.footer-icons-container{flex-flow: column;}
}
.footer-icons-container, .double-line{gap: var(--gap-3);}
.double-line div{gap: var(--gap-1);}
.footer-bottom .grid div{border-top: var(--border) solid var(--yellow);}
.footer-bottom div div{padding: var(--padding-big) 0; gap: var(--gap-3);}
@media (max-width: 781px) {
.footer-container{gap: calc(var(--gap-3) * 2);}
.footer-column:nth-child(1){align-items: center; text-align: center;}
.footer-bottom div div{text-align: center; flex-flow: column; gap: var(--gap-1);}
}  .grid{display: flex; flex-wrap: wrap; width: 100%; max-width: var(--max-width); margin: 0 auto; padding: 0 var(--padding-medium);}
.grid--small{max-width: 52rem;}
.grid--medium{max-width: 55rem;}
.grid--center{justify-content: center;}
.grid--full{max-width: 100%;}
.col-10{width: 10%;}
.col-15{width: 15%;}
.col-20{width: 20%;}
.col-25{width: 25%;}
.col-30{width: 30%;}
.col-33{width: 33.33%;}
.col-35{width: 35%;}
.col-40{width: 40%;}
.col-45{width: 45%;}
.col-50{width: 50%;}
.col-55{width: 55%;}
.col-65{width: 65%;}
.col-60{width: 60%;}
.col-66{width: 66.66%;}
.col-70{width: 70%;}
.col-75{width: 75%;}
.col-80{width: 80%;}
.col-90{width: 90%;}
.col-100{width: 100%;}
@media (max-width: 1100px) {
.grid{padding: 0 var(--padding);}
}
@media (max-width: 781px) {
[class*='col-']{width: 100%;}
.smart-25{width: 25%;}
.smart-30{width: 30%;}
.smart-33{width: 33.33%;}
.smart-50{width: 50%;}
}  .wp-block-spacer{height: var(--spacer);}
.spacer{height: var(--spacer); width: 100%;}
.gap-05{gap: var(--gap-05);}
.gap-1{gap: var(--gap-1);}
.gap-2{gap: var(--gap-2);}
.gap-3{gap: var(--gap-3);}
.gap-7{gap: var(--gap-7);}
.img-resp{width: 100%;}
.img-resp-75{width: 75%}
.video-resp{width: 100%; height: 100%; overflow: hidden;}
.video-resp--small{width: 100%; height: 70vh; overflow: hidden;}
.video-resp video{width: 100%; height: 100%; object-fit: cover;}
.overflow{overflow: hidden;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.icons{height: var(--icons); width: var(--icons);}
.icons-medium{height: var(--icons-medium); width: var(--icons-medium);}
.icons-big img{height: var(--icons-big); width: var(--icons-big);}
.icons-giant img{height: var(--icons-giant); width: var(--icons-giant); padding: var(--padding-big) 0;}
.text-white{color: var(--white);}
.dark-blue{color: var(--dark-blue);}
.blue{color: var(--blue);}
.grey{color: var(--grey);}
.yellow{color: var(--yellow);}
.orange{color: var(--orange);}
.start{display: flex; justify-content: flex-start;}
.v-center{display: flex; flex-flow: column; justify-content: center;}
.center{display: flex; justify-content: center; align-items: center; flex-flow: column;}
.font-normal{font-weight: var(--font-normal);}
.font-medium{font-weight: var(--font-medium);}
.font-semibold{font-weight: var(--font-semibold);}
.font-bold{font-weight: var(--font-bold);}
.font-extrabold{font-weight: var(--font-extrabold);}
.uppercase{text-transform: uppercase;}
.none{display: none;}
@media (max-width: 1100px) {
.smart-none{display: none;}
}
@media (min-width: 1101px) {
.desktop-none{display: none;}
}.seo-title{position: absolute; top: -1000px; visibility: hidden;}   .cover-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.cover-bg:after{content: ' '; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(2,31,89,0.8) 5%, rgba(2,31,89,0.5060399159663865) 75%, rgba(255,255,255,0) 100%); background-size: cover;}
.cover-grid{padding-top: calc(var(--spacer) / 1.3);}
.home .cover{background: #000; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; position: relative;}
@media (min-width: 350px) {
.home .cover{min-height: 100vh;}
}
.cover-content{max-width: var(--max-width); width: 100%; position: relative; z-index: 1; gap: var(--gap-2);}
.home .cover-content{padding-bottom: calc(var(--padding-big) * 1.2);}
.home .cover-content p{max-width: 700px;}
.home .cover-content h2{animation: glow 6s infinite linear; letter-spacing: 2px;}
.home .cover-content h3{text-shadow: 0 0 10px var(--blue), 0 0 20px var(--blue), 0 0 40px var(--blue), 0 0 80px var(--blue), 0 0 160px var(--blue); letter-spacing: 1px;}
@keyframes glow{
0%, 18%, 20%, 60.1%, 65%, 80.1%, 90%, 92.1%{
color: var(--dark-blue); text-shadow: none;
}
18.1%, 20.1%, 30%, 50%, 60%, 65.1%, 80%, 90.1%, 92%, 95%, 100%{
color: var(--white);
text-shadow: 0 0 10px var(--blue), 0 0 20px var(--blue), 0 0 40px var(--blue), 0 0 80px var(--blue), 0 0 160px var(--blue);
}
}
.chevron-down{animation: animate 2s infinite;}
@keyframes animate {
50%{
transform: translateY(100%);
}
}
.whatsapp{position: fixed; bottom: 4%; right: 3%; z-index: 9999; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.whatsapp:hover{transform: scale(1.1);}
.unmute{position: absolute; bottom: 4%; left: 3%; z-index: 2; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.unmute:hover{transform: scale(1.1);}
.grid .wp-block-group__inner-container{width: 100%;} .titles-text > div, .focus-text > div{display: flex; justify-content: center; flex-flow: column;}
.titles-text > div{align-items: center; gap: var(--gap-2); text-align: center;}
.focus-text > div{gap: var(--gap-3);}
.focus{position: relative;}
.focus figure{position: absolute; top: -10%; left: 8%; z-index: -1; width: var(--icons-big);}
.focus:nth-child(1) figure{top: -8%; left: 5.5%;}
.focus-text p{padding: 0 var(--padding-medium);}
.focus-text h4{padding-left: calc(var(--padding-big) * 1.4);}
@media (max-width: 781px) {
.focuses .wp-block-columns{gap: calc(var(--padding-medium) * 2.5);}
.focus figure, .focus:nth-child(1) figure{left: -3%; top: 0; transform: translateY(calc(var(--padding) * -1));}
.focus-text p{padding: 0;}
.focus-text h4{padding-left: var(--padding-big);}
} .wp-block-columns{margin-bottom: 0;}
.about-us .wp-block-columns{gap: 0;}
.about-us .wp-block-column{display: flex; align-self: center;}
.about-us{position: relative;}
.about-us:before{position: absolute; content: ''; background: var(--yellow); top: 0; left: 0; width: 70%; height: 100%; z-index: -1;}
@media (max-width: 781px) {
.about-us:before{width: 100%; height: 85%;}
}
.about-us .wp-block-column:nth-child(1){padding: var(--padding-big) 0;}
.about-us .wp-block-column:nth-child(2) .wp-block-group__inner-container{display: flex; justify-content: center; align-items: center;}
@media (min-width: 782px) {
.about-us figure{width: 90%;}
}
.about-us-content > div{display: flex; justify-content: center; flex-flow: column; gap: var(--gap-2); width: 100%;} .cards .wp-block-columns:not(:last-child){gap: 0;}
.card{color: var(--white); min-height: 315px; position: relative; display: flex; flex-flow: column; justify-content: flex-end; padding: var(--padding-medium);}
.card figure{position: absolute; z-index: -2; top: 0; left: 0; height: 100%; width: 100%;}
.card img{height: 100%; object-fit: cover;}
.card:before{content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(2,31,89,0.70) 20%, rgba(255,255,255,0) 100%);}
.card > div > div{display: flex; flex-flow: column; gap: var(--gap-2);}
.cards-content > div{display: flex; flex-flow: column; padding: var(--padding-medium) var(--padding-medium) var(--padding-medium) 0; gap: var(--gap-2);}
.card a{position: relative; transition: all 1s cubic-bezier(.215, .61, .355, 1); color: var(--white);}
.card a:after{content: ' '; position: absolute; height: var(--mini-icons); width: var(--mini-icons); top: 50%; left: 90px; transition: all 1s cubic-bezier(.215, .61, .355, 1); transform: translateY(-50%); background-image: url(//www.sebelettricisti.it/wp-content/themes/seb/icons/chevron-down-thick.svg); background-size: contain; background-repeat: no-repeat; background-position: center center;}
.card a:hover:after{transform: translateY(-50%) translateX(var(--gap-1));}
.cards-cta{margin-top: var(--padding-medium);}
.cards-cta .wp-block-column{display: flex; align-self: center;}
@media (max-width: 781px) {
.cards-content > div{padding: 0; margin-bottom: var(--padding-medium);}
} .cta .wp-block-column{display: flex; align-self: center;}
@media (min-width: 782px) {
.cta .wp-block-columns{gap: 0;}
}
.cta .wp-block-column:nth-child(2){padding: var(--padding-big) var(--padding-medium); background: var(--white); margin-left: calc(var(--padding-big) * -1); position: relative;}
.cta .wp-block-column:nth-child(2):after{content: ' '; position: absolute; height: var(--icons-giant); width: var(--icons-giant); top: 90%; left: 80%; background-image: url(//www.sebelettricisti.it/wp-content/themes/seb/icons/chevron-blue.svg); background-size: contain; background-repeat: no-repeat; background-position: center center;}
@media (max-width: 781px) {
.cta .wp-block-column:nth-child(2){padding: 0; margin-left: 0;}
.cta .wp-block-column:nth-child(2):after{display: none;}
}
.cta-content > div{display: flex; justify-content: center; flex-flow: column; gap: var(--gap-2);}
.wp-block-buttons{row-gap: var(--gap-1);} .cube, .cube-2{color: var(--white); background-color: var(--dark-blue); position: relative;}
.cube .wp-block-columns, .cube-2 .wp-block-columns{gap: 0;}
.cube-image figure{position: absolute; top: 0; right: 0; width: 50%; height: 100%!important;}
.cube-2-image figure{position: absolute; top: 0; left: 0; width: 50%; height: 100%!important;}
.cube-image img, .cube-2-image img{height: 100%!important; width: 100%;}
@media (max-width: 781px) {
.cube-image figure, .cube-2-image figure{position: relative; width: 100%; height: 100%;}
}
.cube .wp-block-column, .cube-2 .wp-block-column{display: flex; align-self: center;}
.cube .wp-block-column:nth-child(1){padding: var(--padding-big) calc(var(--padding-big) + var(--gap-1)) var(--padding-big) 0; z-index: 1;}
.cube-2 .wp-block-column:nth-child(2){padding: var(--padding-big) 0 var(--padding-big) calc(var(--padding-big) + var(--gap-1)); z-index: 1;}
@media (max-width: 781px) {
.cube .wp-block-column:nth-child(1), .cube-2 .wp-block-column:nth-child(2){padding: var(--padding-big) 0;}
.cube-2 .wp-block-columns{flex-flow: column-reverse;}
.cube .wp-block-column:nth-child(2), .cube-2 .wp-block-column:nth-child(1){padding-bottom: var(--padding-big);}
}
.cube-content > div, .checks > div{display: flex; justify-content: center; flex-flow: column; gap: var(--gap-2);}
.checks p{position: relative; padding-left: var(--gap-2); font-weight: var(--font-semibold);}
.checks p:before{content: ' '; position: absolute; left: 0; top: 0; width: var(--icons); height: var(--icons); background: url(//www.sebelettricisti.it/wp-content/themes/seb/icons/checkmark.svg); background-size: contain; background-repeat: no-repeat; background-position: center center;} .testimonial{position: relative; height: 100%;}
.testimonial > div{display: flex; flex-flow: column; align-items: center; height: 100%;}
.testimonial:before{content: '"'; position: absolute; left: 0; top: calc(var(--gap-3) * -1.5); font-size: 180px; color: var(--blue); font-style: italic; width: 100%;}
@media (max-width: 781px) {
.testimonials .wp-block-columns{gap: calc(var(--gap-3) * 2);}
}
.testimonial p:nth-child(1){background: var(--yellow-mo); padding: var(--padding-medium) var(--padding-medium) calc(var(--padding-medium) * 2.2) var(--padding-medium); height: 100%;}
.testimonial figure{width: var(--icons-big); aspect-ratio: 1/1; transform: translateY(-50%);}
.testimonial img{border-radius: 100%;}
.name{font-weight: var(--font-semibold); color: var(--dark-blue); text-align: center;} .method{background: var(--yellow);}
.method .wp-block-column{display: flex; align-self: center; padding: var(--padding-big) 0;}
.method .wp-block-column:nth-child(2){justify-content: center;}
.method-content > div{display: flex; justify-content: center; flex-flow: column; gap: var(--gap-2);}
.points-content > div{display: flex; justify-content: center; flex-flow: column; gap: calc(var(--gap-3) * 2);}
.point > div{display: flex; justify-content: center; flex-flow: column; gap: var(--gap-1);}
.point{position: relative; z-index: 1;}
.point > div p:nth-child(1){position: absolute; top: -70%; left: -6%; z-index: -1; opacity: 0.7;}
@media (max-width: 1100px) {
.point > div p:nth-child(1){top: -55%; left: -4%;}
}
@media (max-width: 850px) {
.point > div p:nth-child(1){top: -45%; left: -4%;}
}
@media (max-width: 781px) {
.point > div p:nth-child(1){left: 0;}
.point > div h4{padding-left: var(--gap-05);}
}
@media (max-width: 400px) {
.point > div p:nth-child(1){top: -40%;}
} .form .form-content {display: flex; justify-content: center; flex-flow: column; margin: 0 auto;}
.form .form-content > div{display: flex; justify-content: center; flex-flow: column; gap: var(--gap-2);}
.wpforms-container.wpforms-container-full{margin: 0;}
.wpforms-field-container{display: flex; flex-flow: column; gap: var(--gap-1);}
.wpforms-confirmation-container-full.wpforms-confirmation-scroll{background: transparent; border: none; padding: 0; margin: 0;}
.wpforms-field.wpforms-field-name .wpforms-field-large .wpforms-field-name-first.wpforms-field-required, .wpforms-field.wpforms-field-name .wpforms-field-large .wpforms-field-name-last.wpforms-field-required, .wpforms-field.wpforms-field-email .wpforms-field-large.wpforms-field-required, .wpforms-field-container .wpforms-field.wpforms-field-text .wpforms-field-large, .wpforms-field-container .wpforms-field.wpforms-field-textarea .wpforms-field-medium{background: var(--blue-lo); border-radius: 0!important; border: none!important;}
.wpforms-field.wpforms-field-textarea .wpforms-field-medium.wpforms-field-required{resize: none;}
::placeholder{font-size: var(--font-p); color: var(--dark-blue)!important;}
.wpforms-required-label, .wpforms-error{color: var(--blue)!important;}
div.wpforms-container-full .wpforms-form label.wpforms-error::before, div.wpforms-container-full .wpforms-form em.wpforms-error::before{background-color: var(--blue);}
input.wpforms-error, textarea.wpforms-error{color: var(--dark-blue)!important;}
input:focus{box-shadow: 0 0 0 1px var(--dark-blue)!important;}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:hover, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:hover, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:hover, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:hover, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:hover, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:hover{box-shadow: none;}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid:focus, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid:focus, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid:focus{box-shadow: 0 0 0 1px var(--dark-blue);}
div.wpforms-container-full input[type="checkbox"]:checked::after, div.wpforms-container-full input[type="checkbox"]:checked::before{border-color: var(--dark-blue)!important;}
.wpforms-container .wpforms-field-container .wpforms-field.wpforms-field-gdpr-checkbox{padding: var(--padding) 0;}
.wpforms-container-full .wpforms-form .wpforms-field-required .wpforms-field-label-inline{font-size: var(--font-p);}
.wpforms-container.wpforms-container-full .wpforms-validate.wpforms-form.wpforms-ajax-form .wpforms-submit-container .wpforms-submit{font-family: 'Poppins', sans-serif; font-size: var(--font-button); font-weight: var(--font-semibold); background: var(--yellow); color: var(--dark-blue); padding: var(--padding-y-buttons) var(--padding-x-buttons)!important; border-radius: 0; border: none; transition: all 0.3s cubic-bezier(.215, .61, .355, 1); height: auto!important; line-height: inherit!important; box-shadow: none;}
.wpforms-container.wpforms-container-full .wpforms-validate.wpforms-form.wpforms-ajax-form .wpforms-submit-container .wpforms-submit:hover{background: var(--dark-blue); color: var(--yellow);}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message){background: var(--blue-lo); border: none;}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full{color: var(--dark-blue); margin: 0 auto; padding: var(--padding-y-buttons) var(--padding-x-buttons)!important; overflow-wrap: break-word;}  .marker{width: 200px; height: var(--border);}
.marker-yellow{background: var(--yellow);}
.intro{text-align: center; padding: var(--padding-big) 0;}
.intro-blue{background: var(--dark-blue);} .service .wp-block-columns, .service-2 .wp-block-columns{position: relative;}
.service .wp-block-column, .service-2 .wp-block-column{display: flex; align-self: center;}
.service .wp-block-column:nth-child(1){background: var(--yellow); padding: var(--padding-big) calc(var(--padding-medium) * 3.5) var(--padding-big) var(--padding-medium);}
.service .wp-block-column:nth-child(2){position: absolute; aspect-ratio: 1 / 1; width: 35%; right: calc(var(--padding-big)); top: calc(var(--padding-big) * -1.5);}
.service figure, .service-2 figure{position: relative;}
.service figure:before{content: ' '; position: absolute; background: var(--blue); height: 100%; width: 100%; top: 1rem; left: 1rem; z-index: -1;}
.service-2 .wp-block-columns{justify-content: flex-end;}
.service-2 .wp-block-column:nth-child(1){position: absolute; aspect-ratio: 1 / 1; width: 35%; left: calc(var(--padding-big)); top: calc(var(--padding-big) * -1.5);}
.service-2 .wp-block-column:nth-child(2){background: var(--yellow); padding: var(--padding-big) calc((var(--padding-medium) * 3.5) - var(--padding-big)) var(--padding-big) calc(var(--padding-big) + var(--padding-medium));}
.service-2 figure:before{content: ' '; position: absolute; background: var(--blue); height: 100%; width: 100%; top: 1rem; left: -1rem; z-index: -1;}
@media (max-width: 781px) {
.service .wp-block-column:nth-child(2) figure, .service-2 .wp-block-column:nth-child(1) figure{width: calc(100% - 1rem)!important;}
.service-2 .wp-block-column:nth-child(1) > div > div{display: flex; justify-content: flex-end;}
.service .wp-block-columns, .service-2 .wp-block-columns{position: static;}
.service .wp-block-column, .service-2 .wp-block-column{position: static!important;}
.service .wp-block-column:nth-child(1), .service-2 .wp-block-column:nth-child(2){padding: var(--padding-big) var(--padding-medium);}
}  .marker-blue{background: var(--blue);}
.intro-yellow{background: var(--yellow);} .history .wp-block-columns, .history-2 .wp-block-columns{justify-content: center;}
.history-year > div{display: flex; flex-flow: column; align-items: flex-end; gap: var(--gap-2);}
.history-year p{line-height: 1;}
.history .wp-block-column{padding: 0 var(--padding-medium);}
.history-2{color: var(--white); position: relative;}
.history-2 figure{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -2;}
.history-2 img{width: 100%; height: 100%; object-fit: cover;}
.history-2:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); opacity: 0.65; z-index: -1;}
.history-2 .wp-block-column{padding: calc(var(--padding-big) * 2) var(--padding-medium);}
@media (max-width: 1100px) {
.history .wp-block-column{padding: 0 var(--padding);}
.history-2 .wp-block-column{padding: calc(var(--padding-big) * 2) var(--padding);}
}
@media (max-width: 781px) {
.history-year > div{align-items: normal;}
.history .wp-block-column:nth-child(1) p{order: 1;}
.history .wp-block-column{padding: 0;}
.history-2 .wp-block-column:nth-child(1){padding: calc(var(--padding-big) * 2) 0 0 0;}
.history-2 .wp-block-column:nth-child(2){padding: 0 0 calc(var(--padding-big) * 2) 0;}
} .logos-container > div{display: flex; flex-flow: column; gap: calc(var(--gap-3) * 1.5);}
.logos-container .wp-block-columns{gap: var(--gap-3);}
.logos .wp-block-column, .logos figure{display: flex; justify-content: center; align-items: center;}
.logos img, .logos figure{width: 70%;}
.logos .wp-block-button{margin: 0 auto;}
@media (max-width: 781px) {
.logos-container .wp-block-columns{gap: calc(var(--gap-3) * 1.5);}
.logos img, .logos figure{width: 50%;}
} .button-cta .grid > div{display: flex; justify-content: center;}  .contacts .wp-block-column{display: flex; align-self: center;}
.contact{position: relative;}
.contact figure{position: absolute; top: -10%; left: 0; z-index: -1; width: var(--icons-big);}
.contact:nth-child(1) figure{top: -30%;}
.contact-text > div{display: flex; justify-content: center; flex-flow: column; gap: var(--gap-3);}
.contact-text h2{padding-left: calc(var(--padding-medium) * 1.5);}
@media (max-width: 781px) {
.contacts .wp-block-column{justify-content: center;}
.contact figure{left: 50%; transform: translateX(calc(var(--padding-big) * -1.5));}
.contact-text h2{padding-left: calc(var(--padding-medium) * 2);}
.contact-text p{text-align: center;}
.contact-text{min-width: 200px;}
.contacts .wp-block-columns{gap: calc(var(--padding-medium) * 2.5);}
} .map .wp-block-column{display: flex; align-self: center;}
.map-text > div{display: flex; flex-flow: column; gap: var(--gap-2);}
.map-text img{height: var(--logo-height);}
.map-text p:nth-child(3){padding-right: var(--padding);}
.map-text p:nth-child(3) a{position: relative;}
.map-text p:nth-child(3) a:after{position: absolute; content: ' '; height: var(--icons); width: var(--icons); background: url(//www.sebelettricisti.it/wp-content/themes/seb/icons/open.svg) no-repeat center center; background-size: 100%; bottom: 5%; left: 105%;}
@media (max-width: 1051px) {
.map-text p:nth-child(3) a:after{left: 115%;}
}
@media (max-width: 781px) {
.map-text p:nth-child(3) a:after{left: 105%;}
}
.map-container figure{position: relative;}
.map-container figure:before{content: ' '; height: var(--icons-medium); width: var(--icons-medium); position: absolute; background: url(//www.sebelettricisti.it/wp-content/themes/seb/icons/location.svg) no-repeat center center; background-size: 100%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-95%);}  .service-intro{margin-top: 121px; padding-top: var(--padding-medium);}
@media (min-width: 782px) {
.service-intro .wp-block-columns{justify-content: center; gap: 0;}
}
.service-intro .wp-block-column:nth-child(2){padding: 0 var(--padding-medium) var(--padding-medium) var(--padding-medium); background: var(--white); margin-left: calc(var(--padding-big) * -1); position: relative; height: 100%;}
.service-intro .wp-block-column:nth-child(2):after{content: ' '; position: absolute; height: var(--icons-giant); width: var(--icons-giant); top: 150%; left: 60%; background-image: url(//www.sebelettricisti.it/wp-content/themes/seb/icons/chevron-blue.svg); background-size: contain; background-repeat: no-repeat; background-position: center center;}
@media (max-width: 781px) {
.service-intro{padding-top: 0;}
.service-intro .wp-block-column:nth-child(2){padding: 0; margin-left: 0;}
.service-intro .wp-block-column:nth-child(2):after{display: none;}
} .service-content-text{margin: 0 auto;}
.service-content-text > div{display: flex; justify-content: center; flex-flow: column; gap: var(--gap-2);}
.checks-blue p:before{background: url(//www.sebelettricisti.it/wp-content/themes/seb/icons/checkmark-blue.svg); background-size: contain; background-repeat: no-repeat; background-position: center center;} .service-mediatext .wp-block-column{display: flex; align-self: center;}
@media (min-width: 782px) {
.service-mediatext .wp-block-column:nth-child(2){padding: var(--padding-big) 0;}
}
.service-mediatext-text > div{display: flex; flex-flow: column; gap: var(--gap-2);} .service-bg{color: var(--white); position: relative;}
.service-bg figure{position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -2;}
.service-bg img{width: 100%; height: 100%; object-fit: cover;}
.service-bg:before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--dark-blue); opacity: 0.65;}
.service-bg-content {position: relative; padding: var(--padding-big) 0; margin: 0 auto;}
.service-bg-content > div{display: flex; flex-flow: column; gap: var(--gap-2);} .wp-block-gallery figure.wp-block-image:nth-child(1){width: 100%!important; aspect-ratio: 4/3;}
.wp-block-gallery figure.wp-block-image:nth-child(n + 2){display: none;}
.wp-block-gallery{transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
.wp-block-gallery:hover{opacity: 0.65;}
.article-cards{justify-content: space-between; row-gap: calc(var(--padding-medium) * 2.5);}
.article-image-content{display: flex; flex-flow: column; gap: var(--gap-2); height: 100%;}
.article-content{gap: var(--gap-2); flex-grow: 1; justify-content: space-between;} .service-cta .wp-block-column{display: flex; align-self: center;}  .privacy-policy-page ul{display: flex; flex-flow: column; gap: var(--gap-2); padding-left: var(--gap-2);}
.privacy-policy-page a{text-decoration: underline;}   .error404 .cover{padding: var(--padding-big) 0;}  .fade-up{opacity: 0; transform: translateY(5rem); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.fade-up.in-page{opacity: 1; transform: translateY(0);}
.fade-down{opacity: 0; transform: translateY(-5rem); transition: all 1s cubic-bezier(.215, .61, .355, 1);}
.fade-down.in-page{opacity: 1; transform: translateY(0);}
.scale{opacity: 0; transform: scale(0.6); transition: all 2s cubic-bezier(.215, .61, .355, 1);}
.scale.in-page{opacity: 1; transform: scale(1);}
@media (min-width: 782px) {
.delay-03{transition-delay: 0.3s;}
.delay-06{transition-delay: 0.6s;}
.delay-09{transition-delay: 0.9s;}
}