/* HEADER */

.aboutus-header {
    position: relative;
    background-image: url('/content/media/2023/12/bg-eng.png');
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 150vh;
}

.aboutus-header h1 {
    padding-top: 150px;
}

/* SECTION1 */


section.about-p1 {
    height: inherit;
}

.cont-anim-entry {
    width: 100%;
    height: 100%;
}

div.title-entry {
    width: 100%;
    height: 100%;
    opacity: 0;
}



div.cont-textAnim {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 3dvw;
}

div.cont-textAnim p {
    width: 80%;
    columns: 2;
}

/* SECTION2 */


.about-p2 {
    height: 120vh;
    padding-left: 15px;
    padding-right: 5dvw;
}

.parent-cap {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(10, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.cap1 {
    grid-area: 1 / 1 / 6 / 5;
    opacity: 0;
}
.cap2 {
    grid-area: 6 / 4 / 11 / 7;
    opacity: 0;

}
.cap3 {
    grid-area: 3 / 7 / 8 / 9;
    opacity: 0;

}

.cap1 > img, .cap2 > img, .cap3 > img {
    width: 100%;
}

.cont-anim-popup{
    width: 100%;
    position: relative;
    height: 100%;
}

/* SECTION3 */


.about-p3 {
    height: inherit;
    display: flex;
    justify-content: center;
}


/* SECTION4 */
.about-p4 {
    height: 100vh;
    padding: var(--padding15);
}

.cont-full-img-p4 {
    width: 100%;
    height: 80vh;
    background-image: url('../../../images/BG/bg-p4-aboutus.webp');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cont-full-img-p4 h2 {
    font-size: var(--size3);
    color: #fff;
    font-weight: 600;
    text-align: center;
}

/* SECTION5 */

.ceo-img {
    width: 30%;
    box-shadow: -10px 10px 0px #002255;
}



.cont-ispiration {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.parent-ispiration {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 100px;
    grid-row-gap: 50px;
}

.isp1 { grid-area: 1 / 1 / 2 / 2; }
.isp2 { grid-area: 1 / 2 / 2 / 3; }
.isp3 { grid-area: 1 / 3 / 2 / 4; }
.isp4 { grid-area: 2 / 1 / 3 / 2; }
.isp5 { grid-area: 2 / 2 / 3 / 3; }
.isp6 { grid-area: 2 / 3 / 3 / 4; }

.isp1,.isp2,.isp3,.isp4,.isp5, .isp6 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

/* .isp1 h3,.isp2 h3,.isp3 h3,.isp4 h3,.isp5 h3, .isp6 h3 {
    font-size: var(--sizeH3-big);
    font-weight: 500;
    width: 100%;
    margin-bottom: 1dvw;
} */


/* .isp1 p,.isp2 p,.isp3 p,.isp4 p,.isp5 p, .isp6 p {
    font-size: var(--sizeP);
} */


/* SEZION6 */

#business {

    background:-webkit-radial-gradient(circle farthest-side at 33% -50%, #1458b8 -10%, #002255 100%);
    background:-o-radial-gradient(circle farthest-side at 33% -50%, #1458b8 -10%, #002255 100%);
    background:-moz-radial-gradient(circle farthest-side at 33% -50%, #1458b8 -10%, #002255 100%);
    background:radial-gradient(circle farthest-side at 33% -50%, #1458b8 -10%, #002255 100%);
}

.cont-numb {
    width: 100%;
    /* padding: 5dvw; */
}

.parent-numb {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(9, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

.numb1 {
    grid-area: 2 / 1 / 5 / 2;
}
.numb1 p {
    font-size: 16dvw;
    font-weight: 800;
    text-align: end;

}

.numb2 {
    grid-area: 1 / 4 / 3 / 5;

}

.numb2 p {
    font-size: 12dvw;
    font-weight: 800;
}

.numb3 {
    grid-area: 5 / 2 / 10 / 5;
}

.numb3 p {
    font-size: 31dvw;
    font-weight: 800;
    text-align: center;

}

.numb1 h3, .numb2 h3,.numb3 h3 {

    font-size: 2dvw;
    text-transform: capitalize;
    font-weight: 500;

}

.numb1 p, .numb2 p,.numb3 p {

    background: #004ba6;
    background: linear-gradient(to bottom, #004ba6 0%, #004ba6 56%, #012154 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    line-height: 80%;

}
/*
.cont-thought p {
    color: #fff;
    width: 40%;
    margin-top: 3dvw;
    font-size: var(--sizeP);
}*/

.cont-worker {
    position: relative;
    width: 100%;
    height: 100vh;
    background-image: url('../../../images/pictures/engineering-3.webp');
    background-position: bottom;
    background-size: cover;
}

.cont-worker::after {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    right: 0;
    height: 20px;
    background-color: #002255;

}

/* SECTION8 */

.about-p8 {
    margin-top: 10dvh;
    height: 50vh;
    display: flex;
    justify-content: center;
}

/* COMMODORIANO */

.commodoriano {
    padding: 15px;
    padding-top: 5vh;
    background-color: #f2f2f2;
    height: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;

}

.cont-commodoriano-text {
    height: 40vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}

.cont-commodoriano-text h2 {
    font-size: var(--sizeH3-big);
    font-weight: 300;
    color: #002255;
}

.cont-commodoriano-text p {
    font-weight: 300;
}

.cont-commodoriano-text > .cont-CTA {
    justify-content: flex-start;
}

.cont-commodoriano-text > .cont-CTA>a{
    margin: 0;
}

.cont-img-commodoriano {
    width: 50%;
    height: 100%;
    background-color: #1458B8;

}

.cont-img-commodoriano img {
    height: 25vw;
    position: absolute;
    top: -3vh;
    right: 10%;
}

.rotate1 {
    transform: rotate(5deg);

}



/*
*
 */
section#inspired {
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80vh
}

.pw p{
    color: white;
}

@media (min-width:996px) {
    .capture3 {
        margin-top: 300px;
    }
}