/* IMAGE 2 */
.image-with-text-1 {
   position: relative;
}

.image-with-text-1 span {
   position: absolute;
   color: #fff;
   text-shadow: 1px 1px 5px #000;
   font-size: clamp(0px, 5.5vw, 32px);
   line-height: 1.2;
   font-weight: bold;
   text-align: center;
   display: block;
   width: 100%;
   max-width: 37%;
   padding: 0 2%;
   letter-spacing: -0.02em;
   top: 67%;
}

.image-with-text-1 span:first-child {
   left: 0;
}

.image-with-text-1 span:last-child {
   right: 0;
}
/* IMAGE 2 */

/* IMAGE 3 */
.image-with-text-2 {
   position: relative;
}

.image-with-text-2 .inner-top {
   padding: 0 3%;
   position: absolute;
   width: 100%;
   top: 0;
}

.image-with-text-2 .inner-top h1 {
   color: #fff;
   text-shadow: 1px 1px 5px #000;
   font-size: clamp(0px, 4.5vw, 30px);
   line-height: 1.2;
   font-weight: bold;
   text-align: center;
   padding: 2.5% 0;
   margin: 0;
}

.image-with-text-2 .inner-bot-flex {
   padding: 0 3%;
   position: absolute;
   width: 100%;
   top: 80%;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
   justify-content: center;
   column-gap: 1%;
}

.image-with-text-2 .inner-bot-flex span {
   width: 25%;
   padding: 0;
   margin: 0;
   text-align: center;
   color: #fff;
   font-size: clamp(0px, 2.6vw, 17px);
   line-height: 1;
}
/* IMAGE 3 */

/* infograf */
.infograf {
   position: relative;
}

.infograf .info-text div {
   position: absolute;
   font-size: clamp(0px, 6vw, 38px);
   font-weight: 900;
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
}

.infograf .info-text div.green {
   top: 10%;
   left: 9%;
   color: #52bf48;
   width: 18%;
   height: 12%;
}

.infograf .info-text div.blue {
   top: 68%;
   left: 41%;
   color: #3158a5;
   width: 18%;
   height: 12%;
}

.infograf .info-text div.red {
   top: 74%;
   left: 73%;
   color: #f65158;
   width: 18%;
   height: 12%;
}

.infograf .info-text div.white {
   top: 11%;
   left: 42%;
   color: #fff;
   font-size: clamp(0px, 6vw, 40px);
   width: 58%;
   height: 23%;
}
/* infograf */

/* IMAGE 4 */
.prod-1 {
   position: relative;
   overflow: hidden;
}

.prod-1 .prod {
   position: absolute;
   width: 24%;
   bottom: -17%;
   right: -2%;
   border-radius: 0;
   transform: rotate3d(163, -39, 27, 77deg);
   -webkit-filter: brightness(95%) drop-shadow(1px 2px 5px #888);
   filter: brightness(95%) drop-shadow(1px 2px 5px #888);
}
/* IMAGE 4 */