.job-form {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: height 0.5s ease, opacity 0.5s ease;
  }

  .job-form.visible {
    
    padding-top: 4rem;
    opacity: 1;
    height: auto;
        transition: height 0.5s ease, opacity 0.5s ease;
  }


.jobsPage .component-container {
  padding: 0;
}


.jobsPage .main-bottom{
  display: block;
  padding: 0px 30px;
  max-width: 1360px;
  margin: 120px auto 60px;
}


.jobsPage .blog__navigation{
  margin: 120px 0 120px;
}



.jobsPage {
  
.main-content{
display: flex;
flex-direction: column;
padding: 4rem 0;
max-width: 1360px;
margin: 0 auto;
gap: 0;
}



.prelisting-content{
  text-align: center;
  max-width: 767px;
  margin: 0 auto;
  padding: 4rem 2rem;


  & h2{

  }

  & p{
  }

}



  .com-content-category-blog__children.cat-children {
    display: none;
  }


  .category-desc {
    position: relative;
		background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;


    & img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      position: absolute;
      top: 0;
      left: 0;
    }


    .inner-category-description{
		position: relative;
		display: flex;
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
		margin-bottom: 0px;
		padding: 8rem 2rem;
    z-index: 10;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;


& > h1{
	font-size: 3.4rem;
	line-height: 1.2;
	margin: 0;
	padding: 0 1rem;
	text-transform: uppercase;
	color: #fff;
  background-color: var(--secondary-color);


	
@media (max-width: 979px) {
	font-size: 1.6rem;
	letter-spacing: -1px;
}

}


& > h2 {
	font-size: 1.1rem;
	line-height: 1.2;
	order: -1;
	letter-spacing: 0;
	margin: 0 0 3rem;
	padding-bottom: 10px;
	color: #fff;
	border-bottom: 3px solid #fff;
	max-width: max-content;
	text-transform: uppercase;
  font-family: var(--body-font);


@media (max-width: 979px) {
font-size: 0.9rem;
text-wrap: balance;
}

}

& p.riassunto {
	font-size: 1.6rem;
	color: var(--lsecondary-color);
	line-height: 1.4;
	font-weight: 600;
  font-family: var(--body-font-family);
	margin: 16px 0 16px;
	max-width: 979px;
	text-wrap: balance;
  color: #fff;

	@media (max-width: 979px) {
		font-size: 1.1rem;
	}
}

    }

  }


  .regular-blog-items {

    display: grid;
    grid-template-columns: repeat(2, minmax(240px,1fr));
    padding: 0px;
    max-width: 1279px;
    margin: 0 auto;
    padding: 0 2rem;
    gap: 2rem;

    @media (max-width: 600px) {
      grid-template-columns: repeat(1, minmax(260px,1fr));
    }

    .blog-item {
    border: 1px solid #e0e0e0;
    padding: 1rem;


      & div.image-container {
        position: relative;



        & figure {
          margin: 0;
          padding: 0;

          & a {

            & img {}
          }
        }



        .info-article {
          display: flex;
          top: 0px;
          left: 0px;
          z-index: 100;
          gap: 0px;
          margin: 0;
          background-color: #efefef;
          border-radius: 0px;
          width: 100%;

          & dt,
          & dd.createdby
          {
            display: none;
          }

          & dd {
            margin: 0px;
            font-size: 0.8rem;
            line-height: 1.2;
            padding: 5px 10px;
            display: flex;
            align-items: center;

            & span.icon-folder-open,
            & span.icon-calendar {
              display: none;
            }

          }

          & dd.category-name {
            background-color: var(--primary-color);

            &:hover {
              background-color: color-mix(in srgb, var(--primary-color), #000 30%);
              transition: background-color 0.2s linear;
            }

            & a {
              font-size: 0.8rem;
              line-height: 1.2;
              color: #fff;

            }
          }


          & dd.published {
            background-color: var(--secondary-color);
            color: #fff;
          }

          & dd.hits {
            padding: 5px 10px;
            background-color: #efefef;
            margin: 0 0 0 auto;
            line-height: 1;

            & span{
              margin-right: 3px;
            }
          }

        }






      }

      & div.item-content {

        .page-header{

          margin: 0 0 1rem;

          & h3{
            font-size: 1.1rem;
            line-height: 1.2;
            font-weight: 700;
            font-family: var(--body-font);
            margin: 0;
            text-transform: uppercase;


            & a{
              display: block;
              margin: 0px;
              color: var(--primary-color);
            }
          }
        }

          & > ul{
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem 1rem;
            margin: 0 0 1rem;

            @media (max-width: 979px) {
              font-size: 0.8rem;
            }

          }

        .riassunto{
          font-size: 0.9rem;
          margin: 0 0 20px;
          color: var(--grey-600);

          & p{
            margin: 0;
            font-weight: 500;
            letter-spacing: -0.3px;
          }
        }

        & p.readmore {
          margin: 0;
      }


        .buttons-ul {
          display: flex;
          flex-wrap: wrap;
          gap: 15px;
          margin: 0;
          padding: 0;
          align-items: center;

          & li:first-of-type{
            order: 1;
          }

          & a{
            padding: 10px 48px 10px 10px;
          }

          .mainBtn:after, .btn-primary:after{
            font-size: 1.4rem;
          }

          .mainBtn i{
            font-size: 1.2rem;
          }
        }


        .social-links {
          display: flex;
          gap: 5px;
          margin: 0 0 20px;
          padding: 0;
          justify-content: flex-end;
          align-items: center;
          isolation: isolate;
          position: relative;

          &:before{
            content: "";
            width: calc(100% - 160px);
            height: 1px;
            background-color: var(--secondary-color);
            z-index: -1;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
          }

          & li:first-of-type{
            margin: 0 auto 0 0;
            background-color: #fff;
            padding: 0px 10px 0px 0px;
            & span{
              text-transform: uppercase;
              font-size: 0.8rem;
              color: var(--secondary-color);
            }
          }

          & li {
            margin: 0;
            padding: 0;
            position: relative;

            & a {
              background-color: var(--primary-color);
              color: #fff;
              width: 26px;
              height: 26px;
              border-radius: 100%;
              display: flex;
              justify-content: center;
              align-items: center;
              position: relative;
              isolation: isolate;

              & span {
                position: absolute;
                background-color: var(--primary-color);
                color: #fff;
                bottom: 100%;
                right: 0%;
                transform: translateY(-5px);
                white-space: nowrap;
                font-size: 0.8rem;
                font-weight: 600;
                letter-spacing: -0.5px;
                padding: 0px 5px;
                margin: 0;
                border-radius: 2px;
                pointer-events: none;
                opacity: 1;
              }
            }

            & p {
              position: absolute;
              background-color: var(--secondary-color);
              color: #fff;
              top: 50%;
              right: 100%;
              transform: translate(10px, -50%);
              white-space: nowrap;
              font-size: 0.8rem;
              font-weight: 600;
              letter-spacing: -0.5px;
              padding: 0px 15px 0px 10px;
              margin: 0;
              border-radius: 2px;
              pointer-events: none;
              opacity: 0;
              display: block;
              z-index: -1;
            }

            &:hover p {
              opacity: 1;
              pointer-events: all;
              transition: opacity 0.3s ease-in-out;
            }

            & a:has(.fa-telegram),
            & a:has(.fa-whatsapp) {
              font-size: 1rem;
            }


            &:hover {
              position: relative;
              z-index: 1;
            }

          }
        }


      }

    }
  }












  .candidatura-spontanea{
    position: relative;
    background-color: #e0e0e0;
    color: #fff;
    text-align: center;
    padding: 6rem 2rem;
    margin: 120px 0 0;



        &:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.02;
            background-size: 10px 10px;
            background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, var(--primary-color) 0, var(--primary-color) 50%);
        }


        .inner{
          position: relative;
          z-index: 1;
        }


        .job-form{
          max-width: 979px;
          margin: 0 auto;
        }


    & h2{
      background-color: #000;
      padding: 0.5rem 1rem;
      max-width: max-content;
      margin: 0 auto 2rem;
    }

    & p{
      max-width: 767px;
      text-wrap: balance;
      margin: 0 auto 2rem;
      color: var(--body-color);

      & strong{
        display: block;
        clear: both;
        color: #000;
      }
    }

    & span.mainBtn{

    padding: 12px 12px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    color: #fff;
    letter-spacing: 0;
    position: relative;
    font-size: 0.9rem;
    line-height: 1;
    font-weight: 700;
    overflow: hidden;
    background: var(--secondary-color);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    &:after{
      display: none;
    }


    &:hover{
      background-color: var(--dsecondary-color);
    }

    
    }

    .mod-menu.nav{
      & li{
        & a{
    padding: 12px 12px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: max-content;
    color: #fff;
    letter-spacing: 0;
    position: relative;
    font-size: 0.9rem;
    line-height: 1;
    font-weight: 700;
    overflow: hidden;
    background: var(--secondary-color);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;


    &:hover{
      background-color: var(--dsecondary-color);
    }

        }
      }
    } 
    
  }








}









































body.view-article .news-page {


  .job-form{
    background-color: #e0e0e0;
    padding: 4rem 2rem;
    opacity: 1!important;
    height: auto!important;

    & > h2{
            background-color: var(--secondary-color);
            color: #fff;
            padding: 0.5rem 1rem;
            max-width: max-content;
            margin: 0 auto 2rem;
            font-size: 1.2rem;
            text-align: center;
    }

    & p{
            max-width: 767px;
            text-wrap: balance;
            margin: 0 auto 4rem;
            text-align: center;

  }


  .rsform-block.rsform-block-cvupload p.formDescription{
    color: var(--body-color);
  }


}


	& section.hero-news {
		width: 100%;
		position: relative;
		display: flex;
    align-items: center;
		padding: 5rem 0;
    isolation: isolate;

    .inner-content{
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 0px 30px;
      max-width: 1360px;
      margin: 0 auto;
      gap: 80px;
      width: 100%;


      .info-article{
          display: flex;
          align-items: center;
          flex-wrap: wrap;

          @media (max-width: 979px) {
            flex-direction: column;
            gap: 1.6rem;
            align-items: flex-start;
          }







          .tools-article{
            flex: 1 1 auto;
            display: flex;
            align-items: center;
            gap: 40px;

            @media (max-width: 979px) {
              flex-wrap: wrap;
              gap: 1rem;
              align-items: flex-start;
            }

          & dt{display: none;}
          & dd.createdby{display: none;}

          .categories{
            display: flex;
            justify-content: center;
            text-align: center;
            flex-wrap: wrap;
            gap: 0 10px;
            & p{
              margin: 0;
            }

            .parent-category{
              position: relative;
            }
            .parent-category:after{
              font-family: "FontAwesome";
              content: '\f105';
              margin-left: 10px;
            }
          }

          & > *{
            flex: 0 1 auto;
            display: flex;
            position: relative;
            text-align: center;
            gap: 15px;
            font-weight: 600;
            font-size: 0.9rem;
            align-items: center;
            color: var(--grey-700);


        @media (max-width: 979px) {
          flex-direction: column;
          align-items: flex-start;
          justify-content: flex-start;
          gap: 0;
          }


            .title{
              order: -1;
              margin: 0;
              padding: 0;
              background-color: var(--grey-500);
              color: #fff;
              white-space: nowrap;
              font-size: 0.8rem;
              font-weight: 600;
              letter-spacing: -0.5px;
              padding: 2px 10px;
              margin: 0;
              border-radius: 2px 0px 0px 2px;
              pointer-events: none;
              display: block;
              position: relative;
              letter-spacing: 0;
              text-transform: uppercase;

              &:after{
                  content: '';
                  position: absolute;
                  display: block;
                  right: -9px;
                  top: 0;
                  bottom: 0;
                  width: 10px;
                  height: 100%;
                  background: var(--grey-500);
                  -webkit-clip-path: polygon(0% 0%, 100% 50%, 0 100%);
                  clip-path: polygon(0% 0%, 100% 50%, 0 100%);

                              @media (max-width: 979px) {
             
                    display: none;
                  }
              
              }
            }

            &:hover p{
              opacity: 1;
              pointer-events: all;
              transition: opacity 0.3s ease-in-out;
            }


          }

          .parent-category-name{

          }
        
      }



      .social-links {
        display: flex;
        flex: 0 0 300px;
        gap: 5px;
        margin: 0px;
        padding: 0;
        justify-content: flex-end;
        align-items: center;
        isolation: isolate;
        position: relative;
        flex-wrap: wrap;

        @media (max-width: 979px) {
          flex: 1 1 auto;
          order: -1;
          justify-content: flex-start;
          }

        & li:first-of-type{
          margin: 0 10px 0 0;
          font-weight: 700;
          padding: 0px 0px 0px 0px;

          @media (max-width: 979px) {
            flex: 1 1 100%;
          }

          & span{
            text-transform: uppercase;
            font-size: 0.8rem;
            color: var(--secondary-color);
          }
        }

        & li {
          margin: 0;
          padding: 0;
          position: relative;

          & a {
            background-color: var(--primary-color);
            color: #fff;
            width: 26px;
            height: 26px;
            border-radius: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            isolation: isolate;

            & span {
              position: absolute;
              background-color: var(--primary-color);
              color: #fff;
              bottom: 100%;
              right: 0%;
              transform: translateY(-5px);
              white-space: nowrap;
              font-size: 0.8rem;
              font-weight: 600;
              letter-spacing: -0.5px;
              padding: 0px 5px;
              margin: 0;
              border-radius: 2px;
              pointer-events: none;
              opacity: 1;
            }
          }

          & p {
            position: absolute;
            background-color: var(--secondary-color);
            color: #fff;
            top: 50%;
            right: 100%;
            transform: translate(10px, -50%);
            white-space: nowrap;
            font-size: 0.8rem;
            font-weight: 600;
            letter-spacing: -0.5px;
            padding: 0px 15px 0px 10px;
            margin: 0;
            border-radius: 2px;
            pointer-events: none;
            opacity: 0;
            display: block;
            z-index: -1;

            @media (max-width: 979px) {
              right: auto;
              transform: translateY(-50%);
              top: auto;
              bottom: 100%;
              left: 0;
              text-align: center;
            }

          }

          &:hover p {
            opacity: 1;
            pointer-events: all;
            transition: opacity 0.3s ease-in-out;
          }

          & a:has(.fa-telegram),
          & a:has(.fa-whatsapp) {
            font-size: 1rem;
          }


          &:hover {
            position: relative;
            z-index: 1;
          }

        }
      }









      }




		& img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: right center;
      z-index: -3;
      opacity: 0.5;
		}

		&:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url(../../../../../images/template/waves_overlay.svg);
      transition: opacity 0.5s ease;
      background-position: center right;
      background-size: cover;
      opacity: 0.5;
      z-index: -2;
		}


		&:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgb(255, 255, 255);
      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
      opacity: 1;
      z-index: -1;
		}




		& h2 {
			font-weight: 300;
			text-transform: uppercase;
			font-size: 1.6rem;
			line-height: 1;
			color: #fff;

      & a{
        color: #fff;
      }
		}

  }

	}


	& section.content-news {
    display: flex;
    justify-content: center;
    padding: 0 2rem;
    max-width: 1360px;
    margin: 0 auto;
    gap: 60px;
    

  @media (max-width: 1279px) {
    flex-direction: column;
   }

   &:has(.blog-aside){
      
    .main-content{
      flex: 1 1 auto;
      max-width: 900px;

      @media (max-width: 1279px) {
        width: 100%;
        max-width: none;
       }
    }
  
    @media (max-width: 1279px) {
      .inner-container{
        flex: 0 1 auto;
        max-width: none;
      }
     }
  
    .blog-aside{
      flex: 1 1 auto;
      padding: 30px 0;
      display: flex;
      flex-direction: column;
      gap: 60px;
      max-width: 340px;


      .youtubevideo{
        .videoTitle{
          font-size: 1rem;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 1px;
          margin-bottom: 25px;
          padding-bottom: 20px;
          border-bottom: 1px solid #e0e0e0;
          display: block;
        }

        .nrf-widget.tf-video.youtube{
          box-shadow: 0px 0px 30px -20px #000;
        }
        .tf-video-embed-wrapper .tf-video-embed-overlay{
          background-size: contain;
          background-repeat: no-repeat;
        }
      }


      .content-links{
        & h2{
          font-size: 1rem;
          text-align: center;
          text-transform: uppercase;
          letter-spacing: 1px;
          margin-bottom: 25px;
          padding-bottom: 20px;
          border-bottom: 1px solid #e0e0e0;
          display: block;
        }
        & ul{
          display: flex;
          flex-direction: column;
          gap: 14px;
          & li{
            flex: 1 1 100%;
            & a{
              width: 100%;
              max-width: none;
            }
          }
        }
      }


    }
  
    }





    .main-content{

      .page-title-header{
        margin-bottom: 2rem;
      }
      
    & h1{
      font-size: clamp(1.2rem, 5vw, 2.4rem);
      line-height: 1.2;
      margin: 0;
      color: var(--secondary-color);
      font-family: var(--body-font);
    }

      & ul.job-info{
    display: flex;
    gap: 1rem;
    margin: 0;

        @media (max-width: 979px) {
          flex-direction: column;
          gap: 0.5rem;
          font-size: 0.8rem;
        }

  }








.job-description{
  margin: 0 0 3rem;
  & h3{
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 700;
    margin: 3rem 0 0.5rem;
    font-family: var(--body-font);
    border-left: 5px solid var(--secondary-color);
    padding: 0.25rem 0 0.25rem 1rem;
  }

  & p{
    margin: 0;
  }

  & p + p {
    margin-top: 1rem;
  }

  & p + ul {
    margin-top: 1rem;
  }

  & ul + p {
    margin-top: 1rem;
  }

  & ul + ul {
    margin-top: 1rem;
  }

  & ul{
    margin-left: 20px;
    padding: 0;

    & li{
      list-style-type: disc;
    }
  }
}










      & > h2{
        font-size: 1.6rem;
        color: var(--primary-color);
        line-height: 1.6;
        font-weight: 700;
        margin: 16px 0 16px;
      }

      & p.riassunto{
        font-size: 1.2rem;
        margin: 0 0 30px;
        line-height: 2;
        font-weight: 700;
      }

      & figure{
        margin-bottom: 30px;
      }

      .gallerianews{
        margin: 4rem 0 5rem;
        box-shadow: 0px 0px 30px -15px #000;
        padding: 10px;
        width: 100%;

        @media (max-width: 979px) {
          order: -1;
          flex: 1 1 auto;
          margin: 2rem 0 2rem;
        }

        .swiper:not(.swiper.swiper-initialized)
        {
          display: none !important;
        }
      }


      .swiper.swiper-initialized{
        margin-bottom: 10px;
        padding-bottom: 0px;

        .swiper-slide{
          display: flex;
          align-items: center;
          max-height: 500px;
          overflow: hidden;
          & a{
            height: 100%;
            display: block;
            & img{
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center;
            }
          }
        }


        .swiper-button-next,
        .swiper-button-prev
        {
          background-color: var(--primary-color);
          @media (max-width: 979px) {
            padding: 0px 1rem;
          }

          &:hover{
            opacity: 0.9;
          }

          &:after{
            color: #fff;
            @media (max-width: 979px) {
              font-size: 1.4rem;
            }
          }
        }

      }



      .swiper.swiper-initialized.tf-slideshow-thumbs-wrapper{
        margin: 0px auto 0px;
        max-width: 100%;
        padding: 0px;
        isolation: isolate;
        position: relative;
        z-index: 100;

        .swiper-wrapper{
          position: relative;
          z-index: 2;
        }
      

        .swiper-slide{
          display: flex;
          align-items: center;
          max-height: 100px;
          width: 100px!important;
          overflow: hidden;
          opacity: 1;
          filter: grayscale(100%);
          padding: 0px;
          background-color: #fff;

          @media (max-width: 979px) {
            width: 50px!important;
            height: auto !important;
          }

            & img{
              width: 100%;
              height: 100%;
              object-fit: cover;
              object-position: center;
          }
        }

        .swiper-slide-thumb-active{
          position: relative;
          transition: all 300ms ease;
          filter: grayscale(0%);
          opacity: 1;
        }



        .swiper-button-next,
        .swiper-button-prev
        {
          top: 50%!important;
          bottom: auto!important;
          transform: translateY(-50%);
          background-color: #fff!important;
          width: 40px;
          height: 40px;
          opacity: 0.7;

          &:hover{
            opacity: 1;
          }

          &:after{
            color: var(--primary-color)!important;
          }
        }

        .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
          opacity: 0;
          cursor: auto;
          pointer-events: none;
      }


      }

    }


	}








  @media (max-width: 979px) {

  
    & section.hero-news {
        .inner-content {
            & h1 {
                font-size: 1.6rem;
                line-height: 1.5;
                color: var(--primary-color);
            }
        }
    }

    & section.content-news {
       .main-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-top: 0;

        & div.image-separator{
          margin: 2rem 0;
        }

        & ul + h3, & p + h3 {
          margin-top: 3rem;
      }

      & ul, & ol {
        margin: 0px 0px 2rem 20px;
    }

          & > h2.sottotitolo_header {
            line-height: 1.5;
            font-size: 1.2rem;
            text-wrap: unset;
            color: var(--secondary-color);
          }

          & p.riassunto {
            font-size: 1.2rem;
            line-height: 1.5;
            text-wrap: unset;
        }

        .com-content-article__body{
          font-size: 1rem;
          line-height: 1.6;

          & h2 {
            font-size: 1.2rem;
            line-height: 1.3;
          }

          & h3, 
          & h4,
          & h5
          {
          font-size: 1.1rem;
          }

          & > p {
            margin-top: 0;
            font-size: 1rem;
            line-height: 1.6;
            font-weight: 500;
        }

        }

      }
   }

}









}




































body.view-article .servizi-page {
	& section.hero-news {
		width: 100%;
		height: 200px;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0px 0px 0 30px;
    isolation: isolate;

		& img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: right center;
      z-index: -3;
		}

		&:after {
			background-color: var(--primary-color);
			opacity: 1;
			mix-blend-mode: multiply;
			mix-blend-mode: hard-light;
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			width: 100%;
			height: 100%;
      z-index: -2;
		}


		&:before {
			background: url(../../../../../images/template/waves_overlay.svg);
      background-position: center right;
      background-size: contain;
      background-repeat: no-repeat;
      opacity: 0.2;
			position: absolute;
			top: 0;
			left: 0;
			content: "";
			width: 100%;
			height: 100%;
      z-index: -1;
		}



    

		&>*:not(img) {
			position: relative;
			z-index: 1;
			color: #fff;
		}


		& h2 {
			font-weight: 300;
			text-transform: uppercase;
			font-size: 1.6rem;
			line-height: 1;
			color: #fff;

      & a{
        color: #fff;
      }
		}

		& ol {
			list-style: none;
			padding: 0;
			background: rgb(0 0 0 / 0.3);
			border-radius: 20px 0 0 20px;

			& a {
				color: var(--primary-color);
			}

			.breadcrumb-item+.breadcrumb-item::before {
				color: #fff;
			}

			& li.float-start {
				margin-right: 5px;
			}

			& li.breadcrumb-item.active {
				color: rgba(255, 255, 255, 1);
			}

		}

	}


	& section.maindetails-news {

    .main-content{
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 0px 30px;
      max-width: 1360px;
      margin: 0 auto;
      gap: 60px;
      
      
      @media (max-width: 1279px) {
       flex-direction: column;
      }
      
        &:has(.blog-aside){
      
        .inner-container{
          flex: 0 1 auto;
          max-width: 900px;
        }
      
        @media (max-width: 1279px) {
          .inner-container{
            flex: 0 1 auto;
            max-width: none;
          }
         }
      
        .blog-aside{
          flex: 1 1 auto;
          padding: 0px;
          display: flex;
          flex-direction: column;
          gap: 60px;
        }
      
        }
      

      
      
      }
	}
}






.com-content-article__body {

  font-size: 1.2rem;
  line-height: 2;

  & h2{
    font-size: 1.8rem;
    color: var(--secondary-color);
    line-height: 1.4;
    font-weight: 800;
    margin: 16px 0 16px;
  }

  & h3{
    font-size: 1.3rem;
    line-height: 1;
    font-weight: 600;
    margin: 20px 0px 10px;
    background-color: var(--primary-color);
    color: #fff;
    max-width: max-content;
    padding: 10px 15px;
  }

  & h4{
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 700;
    margin: 20px 0;
    color: var(--secondary-color);
    padding-left: 15px;
    position: relative;

    &:before {
      content: "";
      width: 4px;
      height: 100%;
      background-color: var(--grey-500);
      position: absolute;
      left: 0;
      top: 0;
  }
  }

  & h5{
    font-size: 1.3rem;
    line-height: 1.4;
    font-weight: 700;
    margin: 20px 0 10px;
  }

  & h6{
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 700;
    margin: 20px 0 10px;
  }

  & p{
    margin: 10px 0px 30px;
  }

  & > p{
    margin-top: 0;
    font-size: 1.2rem;
    line-height: 2;
    font-weight: 500;
  }

  & ul,
  & ol{
    margin: 10px 0px 60px 20px;

    & li{
      list-style-type: square;

      & ul,
      & ol
      {
        & li{
      list-style-type: circle;
        }
      }
    }

    & li:has(ul),
    & li:has(ol)
    {
      list-style-type: none;
    }

    & li::marker {
      color: var(--secondary-color);
    }
  }

  & a{
    color: var(--primary-color);
    text-decoration: none;
  }

  & a:hover{
    color: var(--secondary-color);
    text-decoration: underline;
  }

  & img{
    max-width: 100%;
    height: auto;
  }


   & blockquote{
    margin: 20px 0px;

    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 600;
    background-color: #efefef;
    padding: 20px;
    position: relative;
    isolation: isolate;

    &:before {
      content: '“';
      z-index: -1;
      color: #fff;
      font-size: 8rem;
      line-height: 0;
      position: absolute;
      bottom: 20px;
      right: 20px;
      opacity: 1;
      font-family: 'Times New Roman', Times, serif;
    }


    & p {
      
      position: relative;
      font-style: italic;
      display: inline;
      margin: 0;
      quotes: "“" "”" "‘" "’";
      text-indent: -.5em;
      letter-spacing: -.47px;

      &:before {
        content: open-quote;
        }
    
        &:after {
        content: close-quote;
        }
  }

  & h6{
    margin: 10px 0 0px;
    font-size: 0.9rem;
    color: var(--grey-600);
    font-weight: 500;
  }



  }


  

}








	.scuole-section {
		display: flex;
		flex-direction: column;
		position: relative;
		margin: 0px auto;
		align-items: center;
		justify-content: center;
		padding: 10rem 2rem;
		background-color: #000;
		gap: 30px;
		isolation: isolate;
		background: linear-gradient(45deg,
				rgb(0, 0, 0, 1) 0%,
				rgb(0, 0, 0, 0.8) 20%,
				rgb(0, 0, 0, 0.85) 40%,
				rgb(0, 0, 0, 0.9) 60%,
				rgb(0, 0, 0, 0.8) 80%,
				rgb(0, 0, 0, 1) 100%);

		&:after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0.02;
			background-size: 10px 10px;
			background-image: repeating-linear-gradient(45deg, #fff 0, #fff 1px, var(--primary-color) 0, var(--primary-color) 50%);
			z-index: -1;
		}


		@media (max-width: 979px) {
			padding: 3rem 2rem;
		}






		.inner {
			width: 100%;
			padding: 0px;
			display: flex;
			align-items: center;
			justify-content: center;
			max-width: 1279px;
			gap: 60px;
			position: relative;
			z-index: 10;

			@media (max-width: 979px) {
				flex-direction: column;
				gap: 30px;
			}

			.heroBgPic {
				flex: 1 1 50%;

				@media (max-width: 979px) {
					flex: 1 1 300px;
					height: 300px;
				}
			}


			.title {
				flex: 0 1 470px;
				order: 1;
				padding: 40px 0px;

				@media (max-width: 979px) {
					flex: 1 1 auto;
					padding: 0px;
				}


				& h2 {
					font-size: 2.4rem;
					line-height: 1;
					letter-spacing: -1px;
					margin: 0;
					color: var(--secondary-color);
					text-transform: uppercase;
          font-weight: 500;

					@media (max-width: 979px) {
						text-align: center;
						font-size: 1.8rem;
						line-height: 1.1;
					}



					& span {
						color: var(--primary-color);
						display: block;
						clear: both;
					}


				}

				& h3 {
					font-size: 1.1rem;
					color: var(--primary-color);
					line-height: 1.2;
					margin: 10px 0;
					text-wrap: balance;
					text-transform: uppercase;

					@media (max-width: 979px) {
						text-align: center;
						margin-inline: auto;
					}
				}

				& p {
					font-size: 0.9rem;
					margin: 10px 0 30px;
          color: #fff;

					@media (max-width: 979px) {
						text-align: center;
						margin-inline: auto;
					}
				}

				& ul {
					display: flex;
					flex-wrap: wrap;
					gap: 30px;



					@media (max-width: 979px) {
						justify-content: center;
						gap: 10px;
					}

					@media (max-width: 500px) {
						flex-direction: column;

						& li {
							& a {
								width: 100%;
								max-width: none;
								align-items: flex-start;
							}
						}
					}


				}

			}

			& picture img {
				height: 100%;
				object-fit: cover;
				object-position: center;
				width: 100%;
			}


			.swiper {
				flex: 0 1 730px;
				padding: 0;

				@media (max-width: 979px) {
					flex: 1 1 auto;
					height: 300px;
				}

				.swiper-wrapper {
					align-items: center;


					.swiper-slide {
						display: flex;
						line-height: 0;
						height: 100%;
						overflow: hidden;

						& a {
							display: flex;
							line-height: 0;
							width: 100%;
							height: 100%;

							& img {
								height: 100%;
								object-fit: cover;
								object-position: center;
								width: 100%;
							}
						}
					}
				}


				.swiper-pagination,
				.swiper-scrollbar {
					display: none;
				}

				.swiper-button-prev,
				.swiper-button-next {
					width: 80px;
					height: 80px;
					background-color: #fff;
					display: flex;
					justify-content: center;
					align-items: center;
					position: absolute;
					top: 50% !important;
					bottom: auto !important;
					transform: translateY(-50%);

					@media (max-width: 768px) {
						width: 50px;
						height: 50px;

						&:after {
							font-size: 1.4rem;
						}

					}

				}

			}


		}


	}