html,
body {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    color: #3e3e3e;
}

.mission .inner {
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    justify-content: center;
    gap: 50px;
}

.mission .inner .left .text-animation,
.journey .inner .left .text-animation{
    justify-content: flex-start;
}


.mission .inner .left .text .section-description{
    max-width: 558px;
}



.mission .inner .left .button-white {
    align-self: flex-start;
    display: inline-flex;
    margin: 0;
    margin-top: 50px;
    padding: 24px 48px;
    transition: all 0.3s ease-in-out;
}

.mission .inner .left .button-white:hover {
    transform: scale(1.08);
}
.mission .right img {
    object-fit: cover;
    border-radius: 10px;
    max-width: 659px;
    max-height: 405px;
}


.offer .inner{
    margin-bottom: 100px;
}

.offer .inner .text .heading-subtext .section-subtitle{
    margin: 0;
}



.journey .inner{
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 100px;
}

.journey .inner .left{
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
}


.journey .inner .left .text .section-description{
    max-width: 477px !important;
}

.journey .inner .left .bottom img{
    object-fit: cover;
    border-radius: 10px;
    align-self: stretch;
    margin-bottom: 100px;

}

.journey .inner .right{
    display: flex;
    justify-content: flex-start;
    
}

.journey .inner .right .timeline-items{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 120px;
    gap: 25px
    
}

.journey .inner .right .timeline-items .timeline-item{
    display: flex;
    gap: 25px;
    justify-content: center;
}

.journey .inner .right .timeline-items .timeline-item .timeline-year{
    font-size: 37px;
    font-weight:600;
    margin: 0;
    background: linear-gradient(90deg, #169ff2 0%, #5c0dce 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
}

.journey .inner .right .timeline-items .timeline-item .timeline-description{
    font-size: 18px;
    font-weight: 400;
    max-width: 639px;
    color: #3E3E3E;
    margin: 0;
    text-align: start;
   
}






.get-started .inner .button-container .text h2{
    font-size: 18px;
    font-weight: 200;
    max-width: 611px;
    color: white;
    text-align: left;
    margin: 0;
}


.team .inner {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 50px;
    box-sizing: border-box;
    width: 100%;
}

.team .inner .team-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: 1312px;
    margin-top: 50px;
}

.team .inner .team-group h1{
    font-size: 22px;
    color: #868686;
    font-weight: 400;
}

.team .inner .team-group .separator{
    width: 100%;
        height: 1px;
        background-color: black;
        align-self: center;
        opacity: 0.15;
    margin-bottom: 25px;
}

.team .inner .team-group .separator.separator-end{
    margin-top: 75px;
}

.team .inner .team-group .person-cards{
    margin-top: 25px;
    display: flex;
    flex-direction: row;
    gap: 50px;
    max-width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    row-gap: 100px;
}

.team .inner .team-group .person-cards .person-card{
    display: flex;
    flex-direction: column;
    
    max-width: 290px;
}

.team .inner .team-group .person-cards .person-card img{
    max-height: 281px;
}

.team .inner .team-group .person-cards .person-card .person-name {
    font-size: 20px;
    margin: 0;
    font-weight: 600;
    color: #3E3E3E;
    padding: 0;
    margin-top: 15px;
}

.team .inner .team-group .person-cards .person-card  .person-function{
    font-size: 18px;
    font-weight: 200;
    color: #868686;
    margin: 0;
    padding: 0;
}

.team .inner .team-group .person-cards .person-card .linkedin-link
{
    margin-top: 15px;
    margin-bottom: 30px;
}

.team .inner .team-group .person-cards .person-card .linkedin-link.no-link .linkedin-icon {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.team .inner .team-group .person-cards .person-card .description-container{
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: flex-start;
}


.team .inner .team-group .person-cards .person-card .person-description {
    font-size: 17px;
    font-weight: 400;
    color: #3E3E3E;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
}
.team .inner .team-group .person-cards .person-card .person-description.expanded {
    max-height: none;
    overflow: visible;
    display: block;
        -webkit-line-clamp: unset;
        -webkit-box-orient: unset;
}

.team .inner .team-group .person-cards .person-card .read-more{
    font-size: 18px;
    background-color: transparent;
    border: none;
    color: #169ff2;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
    text-align: left;
    margin: 0;
    padding: 0;
}

.team .inner .team-group .person-cards .person-card .read-more:hover{
    text-decoration: underline;
}

.team .inner .team-members{
    margin-top: 100px;
}

.get-started .inner .button-container{
    padding-top: 48px;
    padding-bottom: 48px;
}
.get-started .inner .button-container button{
    padding-left: 24px;
    padding-right: 24px;
}
.get-started .inner .button-container .text h1 {
    margin: 0;
}

.news-wrapper .news .cards{
    margin-bottom: 50px;
}

@media (max-width: 1024px){


    .mission .inner {
            margin-top: 50px;
        }

    .mission .inner, .journey .inner{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-left: 15px;
        padding-right: 15px;
    }
                .mission .inner .left,
                .mission .inner .right, .journey .inner .left, .journey .inner .right {
                    
                    width: 100%;
                }

    .mission .inner .left .text{
        justify-content: center;
        align-items: center;
    }

         .mission .inner .left .text .section-title,
         .mission .inner .left .text .section-subtitle,
         .mission .inner .left .text .section-description,
         .journey .inner .left .text .section-title,
         .journey .inner .left .text .section-subtitle,
         .journey .inner .left .text .section-description {
             text-align: left;
             align-self: flex-start;
         }

    .mission .inner .left .text .section-description{
        max-width: fit-content !important;
    }



        .mission .inner .left .buttons{
            display: flex;
            justify-content: center;
        }

    .mission .right img,
        .journey .inner .left .bottom img {
            width: 100%;
            max-width: 100%;
            height: auto;
            max-height: none;
    
        }

        .team .inner .team-group .person-cards {
            flex-wrap: wrap;
        }

    .journey .inner .left .bottom img{
        margin-bottom: 0;
    }

    .journey .inner {
        gap: 10px;
    }

    .journey .inner .right .timeline-items{
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 0px;
    }

    .journey .inner .right .timeline-items .timeline-item .timeline-description{
        max-width: 100%;
        align-self: center;
    }

    


    .team .inner{
        margin-top: 100px;
    }

        .team .inner .team-group .person-cards{
            gap: 10px;
        }


}

.news-wrapper{
    background: url(../assets/images/newsBg.png);
        background-size: cover;
}

.news-wrapper .section-subtitle{
    margin-bottom: 0;
}

.news-wrapper .section-title{
    margin-top: 25px;
}

.news-wrapper .news .button-wrapper {
    display: none;
}



@media (max-width: 732px) {

   
    .offer .inner {
        margin-bottom: 50px !important;
    }

    .mission .inner .left .buttons{
        align-self: center;
        display: flex;
        justify-content: flex-start;
    }

    .mission .inner .left .section-subtitle,
    .journey .inner .section-subtitle{
        margin-bottom: 0;
    }

    .mission .inner .left .heading-subtext{
        gap: 15px;
    }

    .mission .inner .left .button-white{
        margin-top: 25px;
        padding: 12px 24px !important;
    }
    

    .mission .right img, 
    .journey .inner .left .bottom img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: none;
        
    }

        



    .journey .inner {
        gap: 10px;
        margin-left: 5px;
        margin-right: 5px;
    }

    .journey .inner .left{
        gap: 10px;
    }

        .journey .inner .left .bottom img{
            margin-bottom: 0px;

        }
    .journey .inner .right .timeline-items{
        margin-top: 25px;
    }
    .journey .inner .right .timeline-items .timeline-item{
        gap: 10px;
    }

   
                .team .inner .team-group .person-cards {
                    gap: 50px;
                    justify-content: center;
                    align-items: center;
                }

    .team .inner{
        margin-top: 25px;
        gap: 25px;
    }

    .team .inner .team-group{
        margin-top: 0;
    }

        .team .inner .team-group .separator.separator-end{
            margin-top: 100px;
            margin-bottom: 0px;

        }

                .get-started .inner .button-container .text {
                    margin: 0 !important;
                }

        .get-started .inner .button-container .text h2{
            text-align: center;
        }

        .news-wrapper .news .swiper-pagination {
            margin-bottom: 25px;
        }
    
}