.elementor-13459 .elementor-element.elementor-element-6e4a066{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b7296bf *//* Applica il reset solo alla pagina specifica */
.page-id-123 .elementor-nav-menu .current-menu-item a.elementor-item::after {
    display: none !important; /* Rimuove la linea di Elementor */
}

.page-id-123 .elementor-nav-menu .current-menu-item a.elementor-item {
    color: inherit !important; /* Mantiene il colore normale se cambia */
    border: none !important;
}/* End custom CSS */
/* Start custom CSS */.visualHeroV1 .loghi-container-compass {
      text-align: center;
      padding: 10px 20px;
      position: absolute
    }

    .visualHeroV1 .title-box {
      width: 100%;
      background-color: #009cd5;
      color: #fff;
      border-bottom-right-radius: 30px
    }

    .visualHeroV1 .title-visual {
      padding: 15px 20px 15px 40px;
      font-size: 24px;
      font-family: Titillium Web;
      font-weight: 600;
      line-height: 30px
    }

    .visualHeroV1 .img-loghi {
      width: 50%
    }

    @media only screen and (min-width:790px) {
      .visualHeroV1 .title-box {
        display: none
      }
    }

    @media only screen and (max-width:789px) {
      .visualHeroV1 .visual {
        display: none
      }

      .visualHeroV1 .loghi-container-compass,
      .visualHeroV1 .title-box {
        display: block
      }

      .visualHeroV1 .img-loghi {
        width: 70%
      }
    }

    .visualHeroV2 .loghi-container-compass {
      text-align: center;
      padding: 10px 20px;
      position: absolute
    }

    .visualHeroV2 .title-box {
      width: 100%;
      background-color: #239cd2;
      color: #fff
    }

    .visualHeroV2 .title-visual {
      padding: 15px 20px 15px 20px;
      font-size: 26px;
      font-family: Titillium Web;
      font-weight: 400;
      line-height: 38px;
      text-align: center;
    }

    .visualHeroV2 .img-loghi {
      width: 50%
    }

    @media only screen and (min-width:790px) {
      .visualHeroV2 .title-box {
        display: none
      }
    }

    @media only screen and (max-width:789px) {
      .visualHeroV2 .visual {
        display: none
      }

      .visualHeroV2 .loghi-container-compass,
      .visualHeroV2 .title-box {
        display: block
      }

      .visualHeroV2 .img-loghi {
        width: 70%
      }
    }

    .intro {
      padding-bottom: 15px
    }

    .intro .text {
      margin-bottom: 15px
    }

    .intro .quote {
      margin-left: 35px;
      margin-right: 15px;
      color: #0e7eb3
    }

    .intro .text-center {
      text-align: center
    }

    @media only screen and (max-width:789px) {
      .intro .quote {
        width: 90%;
        margin-left: 15px
      }
    }

    #two-box-container-compass {
      display: flex;
      flex-direction: row
    }

    #two-box-container-compass #box1,
    #two-box-container-compass #box2 {
      margin-top: 5px;
      margin-bottom: 5px;
      max-height: 50%;
      width: 45%;
      max-width: 45%;
      min-width: 44%;
      border-radius: 20px
    }

    #two-box-container-compass #box1 {
      background-color: #b8ddf2;
      margin-left: 5%
    }

    #two-box-container-compass #box2 {
      background-color: #069bd2;
      margin-right: 5%
    }

    #two-box-container-compass #box-content-1,
    #two-box-container-compass #box-content-2 {
      padding: 20px 20px 20px 10px;
      display: flex;
      flex-direction: row
    }

    #two-box-container-compass #title-box-1 {
      color: #0e7eb3
    }

    #two-box-container-compass #title-box-1,
    #two-box-container-compass #title-box-2 {
      margin-top: 15px;
      line-height: 30px
    }

    #two-box-container-compass #box-content-2 {
      color: #fff
    }

    #two-box-container-compass #img-number-box-1,
    #two-box-container-compass #img-number-box-2 {
      width: 80px;
      flex: 0 0 10%;
      padding-top: 17px;
      min-width: 60px
    }

    #two-box-container-compass #text-box-1,
    #two-box-container-compass #text-box-2 {
      margin-left: 10px
    }

    #two-box-container-compass .title {
      font-size: 30px
    }

    #two-box-container-compass #link-box-1 {
      text-decoration: none;
      color: #000
    }

    #two-box-container-compass #link-box-2 {
      text-decoration: none;
      color: #fff
    }

    #two-box-container-compass .space {
      min-width: 40px
    }

    @media only screen and (max-width:789px) {
      #two-box-container-compass {
        flex-direction: column
      }

      #two-box-container-compass #box1,
      #two-box-container-compass #box2 {
        min-width: 100%;
        margin-right: 5px;
        margin-left: 5px
      }
    }

    #centered-text {
      margin-top: 50px;
      text-align: center;
      color: #009bd2;
      font-size: 25px;
      line-height: 28px;
      font-weight: 500
    }

    #contact-text {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 80px;
      margin-bottom: 40px;
      margin-top: 10px
    }

    @media(max-width:375px) {
      #contact-text {
        flex-direction: column;
        line-height: 45px
      }
    }

    .footer #footer-title {
      color: #fff;
      text-align: center;
      display: flex;
      justify-content: center;
      font-size: 11px
    }

    .footer #footer-text {
      border: solid #ed1c24 1px;
      border-radius: 5px;
      padding: 18px 10px;
      margin-top: -11px;
      background-color: #f7f6f6;
      margin-bottom: 100px;
      font-size: 11px;
      line-height: 14px
    }

    *,
    *:before,
    *:after {
      box-sizing: border-box
    }

    .three-boxes {
      padding: 15px 20px
    }

    @media only screen and (min-width:790px) {
      .three-boxes {
        padding: 30px 40px
      }
    }

    .three-boxes .cards {
      display: grid;
      grid-template-columns: 1fr;
      gap: 28px;
      align-items: stretch;
      text-align: center
    }

    .three-boxes .cards .card {
      background: #1e97c9;
      color: #fff;
      padding: 28px;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      min-width: 0;
      overflow-wrap: anywhere;
      word-break: break-word
    }

    .three-boxes .cards .card .number {
      font-size: 40px;
      line-height: normal
    }

    .three-boxes .cards .card .title {
      font-size: 30px;
      line-height: 32px
    }

    .three-boxes .cards .card .description {
      font-size: 20px;
      line-height: 26px;
      margin: 0 0 40px
    }

    .three-boxes .cards .card .description-mini {
      font-size: 12px;
      line-height: 14px;
      margin: 0
    }

    .three-boxes .cards .card .description-mini a {
      color: inherit;
      text-decoration: underline
    }

    @media only screen and (min-width:790px) {
      .three-boxes .cards {
        grid-template-columns: repeat(3, minmax(0, 1fr))
      }

      .three-boxes .cards .card .number {
        font-size: 30px
      }

      .three-boxes .cards .card .title {
        font-size: 22px;
        line-height: 24px
      }

      .three-boxes .cards .card .description {
        font-size: 18px;
        line-height: 24px
      }

      .three-boxes .cards .card .description-mini {
        font-size: 12px;
        line-height: 14px
      }
    }

    @media only screen and (min-width:1024px) {
      .three-boxes .cards .card .number {
        font-size: 50px
      }

      .three-boxes .cards .card .title {
        font-size: 32px;
        line-height: 34px
      }

      .three-boxes .cards .card .description {
        font-size: 26px;
        line-height: 32px
      }

      .three-boxes .cards .card .description-mini {
        font-size: 20px;
        line-height: 26px
      }
    }

    @media only screen and (min-width:1400px) {
      .three-boxes .cards .card .number {
        font-size: 50px
      }

      .three-boxes .cards .card .title {
        font-size: 45px;
        line-height: 47px
      }

      .three-boxes .cards .card .description {
        font-size: 30px;
        line-height: 36px
      }

      .three-boxes .cards .card .description-mini {
        font-size: 22px;
        line-height: 24px
      }
    }

    .visualHeroV2 {
      margin: 0;
      font-family: Titillium Web;
      font-weight: 400;
      font-size: 16px
    }

    .container-compass {
      margin: 0 20px
    }

    @media only screen and (min-width:790px) {
      .container-compass {
        margin: 0 40px
      }
    }

    .container-compass.mt {
      margin-top: 15px
    }

    @media only screen and (min-width:790px) {
      .container-compass.mt {
        margin-top: 25px
      }
    }

    .container-compass.mb {
      margin-bottom: 15px
    }

    @media only screen and (min-width:790px) {
      .container-compass.mb {
        margin-bottom: 25px
      }
    }

    .container-compass.no-margin-x {
      margin-left: 0;
      margin-right: 0
    }

    @media only screen and (min-width:790px) {
      .container-compass.no-margin-x {
        margin-left: 0;
        margin-right: 0
      }
    }

    .container-compass.bg-blue {
      background-color: #b8ddf2
    }

    a {
      text-decoration: none;
      color: #000
    }

    a:hover {
      text-decoration: underline
    }/* End custom CSS */