.vh-75 {
    height: 75vh !important;
}
.vh-50 {
    height: 50vh !important;
}
.text-11{
        line-height: 0.9em;
}
#customID {
	/*background-image: image-set(url("../img/soluzioni/soluzioni-cover-mobile.jpg") 1x, url("../img/soluzioni/soluzioni-cover.jpg") 2x) !important;*/
    background-image: url("../img/soluzioni/soluzioni-cover.jpg")!important;
}
#custom-chisiamo {
    background-image: url("../img/chi-siamo/chi-siamo-cover.jpg")!important;
}
#custom-team {
    background-image: url("../img/team/team-cover.jpg")!important;
}
#custom-vantaggi {
	/*background-image: image-set(url("../img/soluzioni/soluzioni-cover-mobile.jpg") 1x, url("../img/soluzioni/soluzioni-cover.jpg") 2x) !important;*/
    background-image: url("../img/xibyl-vantaggi.jpg")!important;
}
#custom-sistema {
	/*background-image: image-set(url("../img/soluzioni/soluzioni-cover-mobile.jpg") 1x, url("../img/soluzioni/soluzioni-cover.jpg") 2x) !important;*/
    background-image: url("../img/sistema-xibyl.jpg")!important;
}
ul.list-icons li{
    color: #373737;
        
}
/*SCROLL*/
/*
.section-1 {
  background: red;
  height: 100vh;
}

.section-3 {
  background: green;
  height: 100vh;
}
*/

.section-test__content {
  /*height: 100vh;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.section-test__scroll-content {
  position: relative;
  overflow: hidden;
  width: 1500px;
  height: 80vh;
}

.section-test .scroll-content-item {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.section-test .scroll-content-item__image {
  position: relative;
  transition: opacity 0.3s ease-in;
}

.section-test .scroll-content-item__text {
/*
  max-width: 325px;
  width: 300px;
*/
  opacity: 0;
/*  transform: translateY(30%);*/
}
@media (max-width: 991px){
    
    body {
        font-size: 15px;
    }
    html #header .header-logo .img-logo {
        width: 350px;
        height: auto;
    }
    
    .section-test__scroll-content {
      position: relative;
      overflow: hidden;
      width: 650px;
      height: 100vh;
    }
    .section-test .scroll-content-item {
        height: 70%;
    }
    .magical-scroll-container p{
        line-height: 1.3em!important;
    }
    h1 {
        font-size: 54px;
        line-height: 65px;
        margin: 0 0 32px 0;
    }
    h2 {
        font-size: 45px;
        line-height: 50px;
        margin: 0 0 32px 0;
    }
    h4 {
        font-size: 30px;
        font-weight: 600;
        line-height: 30px;
        margin: 0 0 14px 0;
    }
    p {
        color: #373737;
        line-height: 1.3em;
        margin: 0 0 20px;
    }
}
@media (max-width: 551px){
   html,body{
    overflow-x: hidden;
    }
    html #header .header-logo .img-logo {
        width: 220px;
        height: auto;
    }
    #customID {
        background-image: url("../img/soluzioni/soluzioni-cover-mobile.jpg")!important;
            background-size: cover !important;
    }
    #custom-chisiamo {
        background-image: url("../img/chi-siamo/chi-siamo-cover-mobile.jpg")!important;
        background-size: cover !important;
    }
    #custom-team {
        background-image: url("../img/team/team-cover-mobile.jpg")!important;
        background-size: cover !important;
    }
    .text-11 {
        font-size: 3em !important;
        line-height: 37px!important;
    }
    section.section {
        margin: 10px 0;
        padding: 10px 0;
    }
    .max-w-90 {
        max-width: 100%;
    }
    .section-test__scroll-content {
      position: relative;
      overflow: hidden;
      width: 350px;
      height: 100vh;
    }
    h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin: 0 0 14px 0;
}
    .parallax {
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat!important;
    background-attachment: fixed;
    background-size: contain!important;
    position: relative;
    clear: both;
}
}

.social-icons li:hover.social-icons-linkedin a {
	background: transparent !important;
	color: #124980 !important;
}

section.section.section-overlay-opacity-gradient:before {
    background: radial-gradient(#124980, #040F1A);
	opacity: 100;
}

section.section-big {
    padding: 200px 0;
}

.process-connecting-line .process-step-circle {
    width: 70px;
    height: 70px;
}

#header .dropdown-item {
    font-size: 20px !important;
	text-transform: none!important;
}

@media (min-width: 992px) {
    #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
        padding: 1.5rem;
		font-weight: 500;
    }
        
}