{"id":7,"date":"2025-07-21T15:12:10","date_gmt":"2025-07-21T15:12:10","guid":{"rendered":"http:\/\/ebgi.eu\/?page_id=7"},"modified":"2025-11-15T12:28:35","modified_gmt":"2025-11-15T12:28:35","slug":"home-page","status":"publish","type":"page","link":"https:\/\/ebgi.eu\/","title":{"rendered":"<font style=\"vertical-align: inherit;\"><font style=\"vertical-align: inherit;\">CASA<\/font><\/font>"},"content":{"rendered":"\n<!-- BLOCCO HEADER CON GRADIENTE E TESTI -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@600&family=Outfit:wght@400;600&display=swap');\n\n.hero-section {\n  position: relative;\n  width: 100%;\n  min-height: 100vh;\nbackground: linear-gradient(to right, rgba(17, 37, 78, 1) 0%, rgba(17, 37, 78, 0.8) 30%, rgba(17, 37, 78, 0.3) 70%, rgba(17, 37, 78, 0) 100%),\n              url('http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/07\/foto-homepage.jpg') no-repeat center center;\n  background-size: cover;\n  background-attachment: fixed;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  padding: 120px 40px 60px 40px;\n  box-sizing: border-box;\n  gap: 40px;\n}\n\n.hero-left {\n  max-width: 960px;\n  width: 100%;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.hero-title {\n  font-family: 'DM Sans', sans-serif;\n  font-size: 90px;\n  font-weight: 600;\n  margin: 0 0 20px 0;\n  color: white !important;\n  line-height: 1.1;\n}\n\n.hero-subtitle {\n  font-family: 'Outfit', sans-serif;\n  font-size: 20px;\n  font-weight: 600;\n  margin: 0 0 20px 0;\n  color: white;\n  line-height: 1.4;\n}\n\n.hero-text {\n  font-family: 'Outfit', sans-serif;\n  font-size: 18px;\n  font-weight: 400;\n  margin: 0 0 30px 0;\n  color: #fff;\n  line-height: 1.6;\n}\n\n.hero-button {\n   display: inline-block;\n      background-color: #7cb518;\n      color: white;\n      padding: 10px 24px;\n      text-decoration: none;\n      border-radius: 4px;\n      font-weight: bold;\n      width: fit-content;\n}\n   \n.hero-button:hover {\n   background-color: #659214; \/* colore leggermente pi\u00f9 scuro al passaggio *\/\n  color: white; \/* mantiene il testo bianco *\/\n   }\n\n\/* Tablet *\/\n@media (max-width: 991px) {\n  .hero-section {\n    flex-direction: column;\n    padding: 100px 20px 40px 20px;\n    background-attachment: scroll;\n    text-align: center;\n  }\n\n  .hero-left {\n    padding: 0;\n  }\n\n  .hero-title {\n    font-size: 60px;\n  }\n\n  .hero-subtitle {\n    font-size: 18px;\n  }\n\n  .hero-text {\n    font-size: 16px;\n  }\n\n  .hero-button {\n    font-size: 15px;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 576px) {\n  .hero-title {\n    font-size: 42px;\n  }\n\n  .hero-subtitle {\n    font-size: 16px;\n  }\n\n  .hero-text {\n    font-size: 14px;\n  }\n\n  .hero-button {\n    padding: 12px 20px;\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<div class=\"hero-section\">\n  <div class=\"hero-left\">\n    <h1 class=\"hero-title\">FUTURE IS GREEN<\/h1>\n    <p class=\"hero-subtitle\">\n      \u00c8 il nostro manifesto, che sintetizza la volont\u00e0 di progettare opere efficienti,<br>\n      sicure, rispettose dell\u2019essere umano e dell\u2019ambiente.\n    <\/p>\n    <p class=\"hero-text\">\n      Offriamo soluzioni integrate per valorizzare i manufatti esistenti,<br>\n      gestendo e ottimizzando costi e risultati.\n    <\/p>\n    <a href=\"http:\/\/ebgi.eu\/index.php\/servizi\/\" class=\"hero-button\">Scopri le Nostre Soluzioni<\/a>\n  <\/div>\n<\/div>\n\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400&display=swap');\n\n.features-block {\n  width: 100%;\n  max-width: 1921px;\n  height: 381px;\n  background-color: #CED2DB;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  margin: 0 auto;\n  padding: 20px;\n  box-sizing: border-box;\n  flex-wrap: wrap;\n  font-family: 'Outfit', sans-serif; \/* \u2705 Outfit per tutta la sezione *\/\n}\n\n.feature {\n  flex: 1 1 20%;\n  max-width: 300px;\n  text-align: center;\n  padding: 10px;\n}\n\n.feature img {\n  width: 80px;\n  height: 80px;\n  margin-bottom: 15px;\n}\n\n.feature p {\n  font-size: 16px;           \/* \u2705 16px *\/\n  font-weight: 400;          \/* \u2705 Regular *\/\n  color: #11254E;\n  margin: 0;\n}\n\n\/* Tablet *\/\n@media (max-width: 1024px) {\n  .features-block {\n    height: auto;\n    gap: 30px;\n  }\n  .feature {\n    flex: 1 1 40%;\n    max-width: 45%;\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .feature {\n    flex: 1 1 100%;\n    max-width: 100%;\n  }\n\n  .feature img {\n    width: 60px;\n    height: 60px;\n  }\n\n  .feature p {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n<div class=\"features-block\">\n  <div class=\"feature\">\n    <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-272-1.png\" alt=\"Icona 1\">\n    <p>Management strategico nell\u2019ingegnerizzazione del processo costruttivo<\/p>\n  <\/div>\n  <div class=\"feature\">\n    <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/SVGRepo_iconCarrier.png\" alt=\"Icona 2\">\n    <p>Ingegneria avanzata con gestione tecnico-finanziaria<\/p>\n  <\/div>\n  <div class=\"feature\">\n    <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-276.png\" alt=\"Icona 3\">\n    <p>Riqualificazione di immobili residenziali, commerciali e industriali<\/p>\n  <\/div>\n  <div class=\"feature\">\n    <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-278.png\" alt=\"Icona 4\">\n    <p>Soluzioni tecnologiche innovative, sostenibili e certificate<\/p>\n  <\/div>\n<\/div>\n\n\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;700&family=Outfit:wght@400;600;700&display=swap');\n\n.sezione-bg {\n    background-image: url('http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/07\/BACK_01.png');\n    background-size: cover;\n    background-position: center;\n    width: 100%;\n    max-width: 1920px;\n    min-height: 600px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 40px 20px;\n    box-sizing: border-box;\n}\n\n.titolo-sezione {\n    font-family: 'DM Sans', sans-serif;\n    font-size: 14pt;\n    font-weight: 700;\n    color: #11254E;\n    text-align: center;\n    margin: 0 0 20px 0;\n}\n\n.testo-sezione {\n    font-family: 'Outfit', sans-serif;\n    font-weight: 400;\n    font-size: 16px;\n    color: #5D5D5D;\n    text-align: center;\n    max-width: 900px;\n    margin: 0 0 60px 0;\n}\n\n.icone-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-gap: 40px;\n    max-width: 1000px;\n    width: 100%;\n    justify-items: center;\n}\n\n.icona-colonna {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    color: #11254E;\n}\n\n.icona-colonna img {\n    width: 80px;\n    height: 80px;\n    margin-bottom: 15px;\n    transition: transform 0.3s ease;\n}\n\n.icona-colonna img:hover {\n    transform: scale(1.15);\n}\n\n.icona-colonna p {\n    font-family: 'Outfit', sans-serif;\n    font-weight: 600; \/* SemiBold *\/\n    font-size: 20px;\n    color: #11254E;\n    margin: 0;\n}\n\n@media (max-width: 1024px) {\n    .icone-grid {\n        grid-template-columns: repeat(3, 1fr);\n        grid-gap: 30px;\n    }\n}\n\n@media (max-width: 600px) {\n    .icone-grid {\n        grid-template-columns: 1fr;\n        grid-gap: 20px;\n    }\n    .icona-colonna img {\n        width: 60px;\n        height: 60px;\n        margin-bottom: 15px;\n    }\n    .icona-colonna p {\n        font-size: 18px;\n    }\n}\n<\/style>\n\n<div class=\"sezione-bg\">\n    <h2 class=\"titolo-sezione\">SOLUZIONI<\/h2>\n    <p class=\"testo-sezione\">\n        Il Gruppo E.B.G.I. si distingue per il focus nello sviluppo del concept originario alla base del progetto\n        che sar\u00e0 successivamente realizzato in partnership con primari General Contractors di settore,\n        operando sia nel settore pubblico che in quello privato attraverso i propri associati ed i partner specializzati.\n    <\/p>\n    <div class=\"icone-grid\">\n        <div class=\"icona-colonna\"> \n            <a href=\"http:\/\/ebgi.eu\/index.php\/servizi\/#riqualificazione\" style=\"text-decoration: none; color: inherit;\">\n                <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-375.png\" alt=\"Icona 1\">\n                <p>RIQUALIFICAZIONE<br>PATRIMONIO<br>IMMOBILIARE<\/p>\n            <\/a>\n        <\/div>\n        <div class=\"icona-colonna\">\n            <a href=\"http:\/\/ebgi.eu\/index.php\/servizi\/#sviluppo-asset\" style=\"text-decoration: none; color: inherit;\">\n                <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-374.png\" alt=\"Icona 2\">\n                <p>SVILUPPO<br>E PROMOZIONE<br>ASSET DEI CLIENTI<\/p>\n            <\/a>\n        <\/div>\n        <div class=\"icona-colonna\">\n            <a href=\"http:\/\/ebgi.eu\/index.php\/servizi\/#cte-urbane\" style=\"text-decoration: none; color: inherit;\">\n                <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-373.png\" alt=\"Icona 3\">\n                <p>C.T.E.U. CONSULENZA<br>TRASFORMAZIONE<br>ENERGETICA URBANA<\/p>\n            <\/a>\n        <\/div>\n        <div class=\"icona-colonna\">\n            <a href=\"http:\/\/ebgi.eu\/index.php\/servizi\/#rinnovabili\" style=\"text-decoration: none; color: inherit;\">\n                <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-372.png\" alt=\"Icona 4\">\n                <p>RINNOVABILI<br>ZERO CO\u2082<\/p>\n            <\/a>\n        <\/div>\n        <div class=\"icona-colonna\">\n            <a href=\"http:\/\/ebgi.eu\/index.php\/servizi\/#management\" style=\"text-decoration: none; color: inherit;\">\n                <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-376.png\" alt=\"Icona 5\">\n                <p>MANAGEMENT<br>E SICUREZZA<\/p>\n            <\/a>\n        <\/div>\n        <div class=\"icona-colonna\">\n            <a href=\"http:\/\/ebgi.eu\/index.php\/servizi\/#certificazione\" style=\"text-decoration: none; color: inherit;\">\n                <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Raggruppa-371.png\" alt=\"Icona 6\">\n                <p>CERTIFICAZIONE<br>ED ASSEVERAZIONE<\/p>\n            <\/a>\n        <\/div> \n    <\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<style>\n\/* SEZIONE GENERALE CON SFONDO IMMAGINE *\/\n.sostenibilita-section {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 60px 20px;\n  text-align: center;\n  font-family: 'Arial', sans-serif;\n  background-image: url('http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-8.png\/1920x800'); \/* Cambia con il link della tua immagine *\/\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-attachment: fixed; \/* Rende lo sfondo fisso *\/\n  border-radius: 10px;\n}\n\n\/* TESTO *\/\n.sostenibilita-label {\n  color: #85B145;\n  font-size: 14px;\n  font-weight: bold;\n  text-transform: uppercase;\n  margin-bottom: 10px;\n}\n\n.sostenibilita-title {\n  font-size: 36px;\n  color: #11254E;\n  margin-bottom: 40px;\n}\n\n\/* IMMAGINE *\/\n.sostenibilita-image img {\n  width: 100%;\n  max-width: 900px;\n  height: auto;\n  margin: 0 auto;\n  display: block;\n  border-radius: 6px;\n  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n}\n\n\/* DESCRIZIONE *\/\n.sostenibilita-description {\n  font-size: 18px;\n  color: #11254E;\n  margin-top: 40px;\n}\n\n\/* BOTTONE *\/\n.sostenibilita-button {\n   display: inline-block;\n      background-color: #7cb518;\n      color: white;\n      padding: 10px 24px;\n      text-decoration: none;\n      border-radius: 4px;\n      font-weight: bold;\n      width: fit-content;\n}\n.sostenibilita-button:hover {\n   background-color: #659214; \/* colore leggermente pi\u00f9 scuro al passaggio *\/\n  color: white; \/* mantiene il testo bianco *\/\n   }\n\n<\/style>\n\n<section class=\"sostenibilita-section\">\n  <div class=\"sostenibilita-label\">Sostenibilit\u00e0<\/div>\n  <h2 class=\"sostenibilita-title\">Costruire un Futuro per Tutti<\/h2>\n\n  <div class=\"sostenibilita-image\">\n    <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Image_fx-2.png\" alt=\"Edificio sostenibile\">\n  <\/div>\n\n  <p class=\"sostenibilita-description\">\n    Sostenibilit\u00e0: scopri perch\u00e8 \u00e8 importante e come raggiungerla\n  <\/p>\n\n  <a href=\"http:\/\/ebgi.eu\/index.php\/sostenibilita\/\" class=\"sostenibilita-button\">Scopri di pi\u00f9<\/a>\n<\/section>\n\n\n\n<style>\n  body {\n    margin: 0;\n    background-color: #CED2DB;\n    font-family: Arial, sans-serif;\n  }\n\n  h2.progetti-titolo {\n    text-align: center;\n    margin-top: 40px;\n    color: #11254E;\n    font-size: 32px;\n  }\n\n  \/* Layout principale *\/\n  .layout-progetti {\n    width: 1000px;\n    margin: 40px auto;\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-start;\n    gap: 25px;\n  }\n\n  \/* ----- CARD BASE ----- *\/\n  .card {\n    position: relative;\n    cursor: pointer;\n    overflow: hidden;\n    border-radius: 4px;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n\n  \/* Animazione al hover *\/\n  .card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 28px rgba(0,0,0,0.18);\n  }\n\n  \/* Colonna sinistra *\/\n  .colonna-sinistra {\n    width: 480px;\n    height: 550px;\n  }\n\n  .colonna-sinistra img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.25s ease;\n  }\n\n  \/* Destra *\/\n  .colonna-destra {\n    width: 480px;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .riga-superiore {\n    display: flex;\n    justify-content: space-between;\n    gap: 25px;\n  }\n\n  .riga-superiore .card {\n    width: 227px;\n    height: 260px;\n  }\n\n  .card-grande {\n    width: 100%;\n    height: 250px;\n    margin-top: 25px;\n  }\n\n  \/* Animazione immagine *\/\n  img.project-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.35s ease;\n  }\n\n  .card:hover img.project-img {\n    transform: scale(1.05);\n  }\n\n  \/* Etichetta *\/\n  .progetti-etichetta {\n    position: absolute;\n    bottom: 15px;\n    left: 15px;\n    background-color: #8CC63F;\n    color: white;\n    font-weight: bold;\n    padding: 8px 16px;\n    font-size: 13px;\n    border-radius: 2px;\n    z-index: 2;\n  }\n\n  \/* Link invisibile *\/\n  .card a {\n    position: absolute;\n    inset: 0;\n    z-index: 3;\n    text-indent: -9999px;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 1024px) {\n    .layout-progetti {\n      flex-direction: column;\n      align-items: center;\n      width: 90%;\n    }\n    .colonna-sinistra, .colonna-destra {\n      width: 100%;\n      height: auto;\n    }\n    .riga-superiore {\n      flex-direction: column;\n    }\n    .riga-superiore .card, .card-grande {\n      width: 100%;\n      height: auto;\n      aspect-ratio: 4\/3;\n    }\n  }\n<\/style>\n\n<h2 class=\"progetti-titolo\">Progetti<\/h2>\n\n<div class=\"layout-progetti\">\n\n  <!-- Sinistra -->\n  <div class=\"colonna-sinistra card\">\n    <img decoding=\"async\" class=\"project-img\"\n      src=\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-Paterno-CT_01.jpg\"\n      alt=\"Biometano Patern\u00f2\">\n    <div class=\"progetti-etichetta\">Biometano Patern\u00f2<\/div>\n    <a href=\"#\" aria-label=\"Vai al progetto Biometano Patern\u00f2\"><\/a>\n  <\/div>\n\n  <!-- Destra -->\n  <div class=\"colonna-destra\">\n\n    <div class=\"riga-superiore\">\n      <div class=\"card\">\n        <img decoding=\"async\" class=\"project-img\"\n          src=\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/hotel-villa.jpg\"\n          alt=\"Hotel Villa Sant\u2019Andrea\">\n        <div class=\"progetti-etichetta\">Hotel Villa Sant\u2019Andrea<\/div>\n        <a href=\"#\" aria-label=\"Vai al progetto Hotel Villa Sant\u2019Andrea\"><\/a>\n      <\/div>\n\n      <div class=\"card\">\n        <img decoding=\"async\" class=\"project-img\"\n          src=\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/valenti-fiumara.jpg\"\n          alt=\"Superbonus Valenti\u2013Fiumara\">\n        <div class=\"progetti-etichetta\">Superbonus Valenti\u2013Fiumara<\/div>\n        <a href=\"#\" aria-label=\"Vai al progetto Superbonus Valenti\u2013Fiumara\"><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"card card-grande\">\n      <img decoding=\"async\" class=\"project-img\"\n        src=\"https:\/\/ebgi.eu\/wp-content\/uploads\/2025\/11\/Impianto-di-produzione-di-biometano-ZOOTECNICHE_01.jpg\"\n        alt=\"Zootecniche Mazara del Vallo\">\n      <div class=\"progetti-etichetta\">Zootecniche Mazara del Vallo<\/div>\n      <a href=\"#\" aria-label=\"Vai al progetto Zootecniche Mazara del Vallo\"><\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n\n<!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Testimonianze<\/title>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;600&#038;family=Outfit:wght@700&#038;display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    body {\n      font-family: 'DM Sans', sans-serif;\n      background-color: #fff;\n    }\n\n    .testimonial-section {\n      max-width: 1920px;\n      height: 785px;\n      margin: 0 auto;\n      display: flex;\n      flex-wrap: nowrap;\n    }\n\n    .left-column {\n      width: 50%;\n      background-color: #11254E;\n      color: white;\n      padding: 100px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .label {\n      font-family: 'Outfit', sans-serif;\n      font-size: 18px;\n      color: #9EC53B;\n      font-weight: bold;\n      margin-bottom: 20px;\n      letter-spacing: 1.2px;\n    }\n\n    .title {\n      font-size: 48px;\n      font-weight: 600;\n      margin-bottom: 40px;\n      line-height: 1.1;\n    }\n\n    .quote {\n      font-size: 20px;\n      line-height: 1.6;\n      position: relative;\n      margin-bottom: 40px;\n      max-width: 500px;\n    }\n\n    .quote::before {\n      content: '\u275d';\n      color: #9EC53B;\n      font-size: 40px;\n      position: absolute;\n      left: -40px;\n      top: -10px;\n    }\n\n    .profile {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n    }\n\n    .profile img {\n      width: 60px;\n      height: 60px;\n      border-radius: 50%;\n      object-fit: cover;\n      flex-shrink: 0;\n    }\n\n    .profile-info {\n      display: flex;\n      flex-direction: column;\n    }\n\n    .profile-info .name {\n      font-weight: bold;\n      font-size: 18px;\n    }\n\n    .profile-info .role {\n      font-size: 14px;\n      color: #ccc;\n    }\n\n    .slider-dots {\n      margin-top: 30px;\n      display: flex;\n      gap: 10px;\n    }\n\n    .dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: #ffffff80;\n      cursor: pointer;\n      transition: background-color 0.3s;\n    }\n\n    .dot.active {\n      background: #9EC53B;\n    }\n\n    .right-column {\n      width: 50%;\n      background-image: url('http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-9.png');\n      background-size: cover;\n      background-position: center;\n    }\n\n    \/* ----- RESPONSIVE ----- *\/\n\n    @media (max-width: 1200px) {\n      .testimonial-section {\n        height: auto;\n      }\n      .left-column {\n        padding: 60px 40px;\n        width: 55%;\n      }\n      .right-column {\n        width: 45%;\n      }\n      .quote {\n        max-width: 100%;\n        font-size: 18px;\n      }\n      .title {\n        font-size: 36px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .testimonial-section {\n        flex-direction: column;\n        height: auto;\n      }\n      .left-column,\n      .right-column {\n        width: 100%;\n        padding: 40px 20px;\n      }\n      .right-column {\n        height: 300px;\n      }\n      .title {\n        font-size: 28px;\n        margin-bottom: 30px;\n      }\n      .label {\n        font-size: 16px;\n        margin-bottom: 15px;\n      }\n      .quote {\n        font-size: 16px;\n        margin-bottom: 30px;\n        position: static;\n        padding-left: 20px;\n      }\n      .quote::before {\n        left: 0;\n        top: 0;\n        font-size: 30px;\n        position: relative;\n        margin-right: 5px;\n        color: #9EC53B;\n        display: inline-block;\n      }\n      .profile img {\n        width: 50px;\n        height: 50px;\n      }\n      .profile-info .name {\n        font-size: 16px;\n      }\n      .profile-info .role {\n        font-size: 12px;\n      }\n      .slider-dots {\n        justify-content: center;\n        margin-top: 20px;\n      }\n      .dot {\n        width: 12px;\n        height: 12px;\n      }\n    }\n.testimonial-section {\n  display: none !important;\n}\n  <\/style>\n<\/head>\n<body>\n\n  <section class=\"testimonial-section\">\n    <!-- Left Column -->\n    <div class=\"left-column\">\n      <div class=\"label\">TESTIMONIALS<\/div>\n      <div class=\"title\">Dicono di noi&#8230;<\/div>\n      <div class=\"quote\">\n        Integer consectetur arcu a purus dignissim elementum. Aenean quis urna non eros suscipit pretium cursus non ipsum. Nam ultrices laoreet semper.\n      <\/div>\n      <div class=\"profile\">\n        <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-10.png\" alt=\"Foto utente\" \/>\n        <div class=\"profile-info\">\n          <div class=\"name\">Peter Parker<\/div>\n          <div class=\"role\">Expert<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"slider-dots\">\n        <div class=\"dot\"><\/div>\n        <div class=\"dot active\"><\/div>\n        <div class=\"dot\"><\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right Column -->\n    <div class=\"right-column\"><\/div>\n  <\/section>\n\n<\/body> \n<\/html>\n\n\n\n<!-- <!DOCTYPE html>\n<html lang=\"it\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\n  <title>Team Flip Cards Completo<\/title>\n  <style>\n    body {\n      margin: 0;\n      font-family: Arial, sans-serif;\n      background: #f9f9f9;\n    }\n\n    .team-section {\n      max-width: 900px;\n      margin: 60px auto;\n      padding: 0 40px 60px;\n    }\n\n    .team-header {\n      display: flex;\n      justify-content: space-between;\n      flex-wrap: wrap;\n      margin-bottom: 50px;\n    }\n\n    .team-header h2 {\n      color: #11254E;\n      font-size: 32px;\n      flex: 1 1 300px;\n      margin: 0;\n    }\n\n    .team-header p {\n      flex: 1 1 600px;\n      font-size: 15px;\n      line-height: 1.5;\n      color: #333;\n    }\n\n    .team-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 30px;\n      justify-items: center;\n    }\n\n    .team-card {\n      perspective: 1000px;\n      width: 280px;\n    }\n\n    .card-inner {\n      position: relative;\n      width: 100%;\n      height: 380px;\n      transition: transform 0.7s;\n      transform-style: preserve-3d;\n      cursor: pointer;\n    }\n\n    .team-card:hover .card-inner,\n    .team-card:focus-within .card-inner {\n      transform: rotateY(180deg);\n    }\n\n    .card-front,\n    .card-back {\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      backface-visibility: hidden;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n      overflow: hidden;\n      border-radius: 0;\n      background: white;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .card-front {\n      z-index: 2;\n    }\n\n    .card-front img {\n      width: 100%;\n      height: 280px;\n      object-fit: cover;\n      flex-shrink: 0;\n      border-radius: 0;\n      border: none;\n    }\n\n    .team-info {\n      background-color: #0D1B45;\n      padding: 12px 20px;\n      width: 100%;\n      text-align: left;\n      font-size: 14px;\n      color: white;\n      box-sizing: border-box;\n      flex-grow: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      border-radius: 0;\n    }\n\n    .team-info h4,\n    .team-info span {\n      margin: 0;\n    }\n\n    .team-info h4 {\n      font-weight: 600;\n      margin-bottom: 6px;\n    }\n\n    .team-info span {\n      font-size: 12px;\n      color: #00DC82;\n      text-transform: uppercase;\n    }\n\n    .card-back {\n      background-color: #11254E;\n      color: white;\n      transform: rotateY(180deg);\n      padding: 20px;\n      box-sizing: border-box;\n      border-radius: 0;\n      justify-content: center;\n      align-items: center;\n      font-size: 14px;\n      text-align: center;\n      flex-direction: column;\n    }\n\n    .card-back p {\n      margin-bottom: 20px;\n      line-height: 1.4;\n    }\n\n    .social-icons {\n      display: flex;\n      gap: 15px;\n      justify-content: center;\n    }\n\n    .social-icons a {\n      display: inline-block;\n      width: 28px;\n      height: 28px;\n      background-color: #00DC82;\n      border-radius: 50%;\n      text-align: center;\n      line-height: 28px;\n      color: white;\n      font-size: 16px;\n      text-decoration: none;\n      transition: background-color 0.3s ease;\n    }\n\n    .social-icons a:hover {\n      background-color: #9EC53B;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 992px) {\n      .team-grid {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 576px) {\n      .team-section {\n        padding: 40px 20px 60px;\n      }\n      .team-grid {\n        grid-template-columns: 1fr;\n      }\n\n      .team-header {\n        flex-direction: column;\n        gap: 20px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<section class=\"team-section\">\n  <div class=\"team-header\">\n    <h2>Team<\/h2>\n    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit nullam suscipit luctus, eleifend viverra pellentesque nunc rutrum mattis ad consequat molestie.<\/p>\n  <\/div>\n\n  <div class=\"team-grid\">\n\n    <div class=\"team-card\" tabindex=\"0\">\n      <div class=\"card-inner\">\n        <div class=\"card-front\">\n          <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-45.png\" alt=\"Giuseppe Pernice\" \/>\n          <div class=\"team-info\">\n            <h4>Giuseppe Pernice<\/h4>\n            <span>Ingegnere<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"card-back\">\n          <p>Esperto ingegnere con oltre 10 anni di esperienza in progettazione strutturale.<\/p>\n          <div class=\"social-icons\">\n            <a href=\"#\" aria-label=\"LinkedIn\">&#xf08c;<\/a>\n            <a href=\"#\" aria-label=\"Twitter\">&#xf099;<\/a>\n            <a href=\"#\" aria-label=\"Facebook\">&#xf09a;<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"team-card\" tabindex=\"0\">\n      <div class=\"card-inner\">\n        <div class=\"card-front\">\n          <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-45.png\" alt=\"Pasquale De Domenico\" \/>\n          <div class=\"team-info\">\n            <h4>Pasquale De Domenico<\/h4>\n            <span>Ingegnere<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"card-back\">\n          <p>Specialista in infrastrutture civili e sostenibilit\u00e0 ambientale.<\/p>\n          <div class=\"social-icons\">\n            <a href=\"#\" aria-label=\"LinkedIn\">&#xf08c;<\/a>\n            <a href=\"#\" aria-label=\"Twitter\">&#xf099;<\/a>\n            <a href=\"#\" aria-label=\"Facebook\">&#xf09a;<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"team-card\" tabindex=\"0\">\n      <div class=\"card-inner\">\n        <div class=\"card-front\">\n          <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-45.png\" alt=\"Roberto Manganaro\" \/>\n          <div class=\"team-info\">\n            <h4>Roberto Manganaro<\/h4>\n            <span>Ingegnere<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"card-back\">\n          <p>Responsabile progetti con un occhio attento al dettaglio e alle norme di sicurezza.<\/p>\n          <div class=\"social-icons\">\n            <a href=\"#\" aria-label=\"LinkedIn\">&#xf08c;<\/a>\n            <a href=\"#\" aria-label=\"Twitter\">&#xf099;<\/a>\n            <a href=\"#\" aria-label=\"Facebook\">&#xf09a;<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"team-card\" tabindex=\"0\">\n      <div class=\"card-inner\">\n        <div class=\"card-front\">\n          <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-45.png\" alt=\"Maria Grazia Magazz\u00f9\" \/>\n          <div class=\"team-info\">\n            <h4>Maria Grazia Magazz\u00f9<\/h4>\n            <span>Architetto<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"card-back\">\n          <p>Architetto creativa con esperienza in design urbano e sostenibilit\u00e0.<\/p>\n          <div class=\"social-icons\">\n            <a href=\"#\" aria-label=\"LinkedIn\">&#xf08c;<\/a>\n            <a href=\"#\" aria-label=\"Twitter\">&#xf099;<\/a>\n            <a href=\"#\" aria-label=\"Facebook\">&#xf09a;<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"team-card\" tabindex=\"0\">\n      <div class=\"card-inner\">\n        <div class=\"card-front\">\n          <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-45.png\" alt=\"Francesco Crea\" \/>\n          <div class=\"team-info\">\n            <h4>Francesco Crea<\/h4>\n            <span>Ingegnere<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"card-back\">\n          <p>Ingegnere con forte esperienza in gestione progetti complessi.<\/p>\n          <div class=\"social-icons\">\n            <a href=\"#\" aria-label=\"LinkedIn\">&#xf08c;<\/a>\n            <a href=\"#\" aria-label=\"Twitter\">&#xf099;<\/a>\n            <a href=\"#\" aria-label=\"Facebook\">&#xf09a;<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"team-card\" tabindex=\"0\">\n      <div class=\"card-inner\">\n        <div class=\"card-front\">\n          <img decoding=\"async\" src=\"http:\/\/ebgi.eu\/wp-content\/uploads\/2025\/08\/Gruppo-di-maschere-45.png\" alt=\"Nicola De Francesco\" \/>\n          <div class=\"team-info\">\n            <h4>Nicola De Francesco<\/h4>\n            <span>Ingegnere<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"card-back\">\n          <p>Esperto in sistemi di controllo e automazione industriale.<\/p>\n          <div class=\"social-icons\">\n            <a href=\"#\" aria-label=\"LinkedIn\">&#xf08c;<\/a>\n            <a href=\"#\" aria-label=\"Twitter\">&#xf099;<\/a>\n            <a href=\"#\" aria-label=\"Facebook\">&#xf09a;<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body> <\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>FUTURE IS GREEN \u00c8 il nostro manifesto, che sintetizza la volont\u00e0 di progettare opere efficienti, sicure, rispettose dell\u2019essere umano e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin2463","author_link":"https:\/\/ebgi.eu\/author\/admin2463\/"},"uagb_comment_info":0,"uagb_excerpt":"FUTURE IS GREEN \u00c8 il nostro manifesto, che sintetizza la volont\u00e0 di progettare opere efficienti, sicure, rispettose dell\u2019essere umano e [&hellip;]","_links":{"self":[{"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":190,"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":1349,"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/1349"}],"wp:attachment":[{"href":"https:\/\/ebgi.eu\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}