@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

.form_style {
    font-size: 1vw;
    font-weight: 400;
    font-family: 'Montserrat';
}

input[type=text] {
    border: 1px solid #ededed;
}
input, textarea {
    border-radius: 0px !important;
    resize: none;
}

@media (min-width: 3440px) {
    .new {
        padding-top:5vw !important;
    }
    .newsImg {
        max-height: 45vh !important;
    }
    .select {
        background-size:3vw !important;
    }
    .content p {
        font-size: 5vh !important;
        line-height: 11vh !important;
    }
    .newsContainer, .careersContainer {
        padding-top:6vw;
    }
    .sendButton{
        font-size:43px !important;
    }
    

.ceoContainer img {
    width: 70% !important;
}
    
    .teamMember img {
    width: 100% !important;
    height: 100% !important;
    bottom: -50px !important;
}

.careersBrochureContainer {
    height: 140vh !important;
}
.fleetCard {
    margin-bottom: 10vw !important;
}
.impactContainer .divWrap {
    height: 120vh !important;
}
}

@media (min-width: 4000px){
        .sendButton{
        font-size:43px !important;
    }
    
    
.ceoContainer img {
    width: 50% !important;
}
.teamMember img {
    height: 100% !important;
    bottom: -50px !important;
}
.careersBrochureContainer {
    height: 190vh !important;
}    
.fleetCard {
    margin-bottom: 12vw !important;
} 
.fleetImg img {
    width: 80% !important;
}
.item {
    height: auto !important;
}


.latestNewsTitle {
    font-size: 2vw !important;
}

.impactContainer .divWrap {
    height: 200vh !important;
}
.newsChildContainer {
    padding-bottom: 14vh !important;
}

.teamContainer {
    height: 110vh !important;
}
.responsiveImgOverview1{
    height: 200vh !important;
}

.responsiveImgOverview2{
    height: 150vh !important;
}
.contactDiv {
    height: 170vh !important;
}
}

@media (min-width: 480px) {

    .sendButton{
        font-size:22px;
    }
    
html, body{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif !important;
}
a {
    all: unset;
    cursor: pointer;
}




.responsiveImg {
    height: 100vh;
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.primaryNavigation {
    height: 13vh;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 11vw;
    padding-right: 11vw;
}
.logo {
    height: 50%;
    width: 20%;
    background-image: url('../img/AblAviationLogo-4.webp');
    background-size: contain;
    background-repeat: no-repeat;
}
.navLinks {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    font-weight: 700;
}
.navLinks li {
    color: #061D47;
    font-size: 1vw;
    display: flex;
    align-items: center;
    border-bottom: 4px solid white;
}
.navLinks li:hover {
    color: #87219B;
    border-bottom: 4px solid #A72BBE;
}
.navLinks li.is-active {
    border-bottom: 4px solid #A72BBE;
}
.navLinks .icon{
    display: none;
}
.navLinks a {
    height: 13vh;
    display: flex;
    align-items: center;
}
li.dropdown {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.dropdown a {
    display: flex;
    border-bottom: 4px solid transparent;
}
.dropdownContent {
    top: 9.8vh;
    margin-left: 5vh;
    display: none;
    position: absolute;
    background-color: #87219B;
    min-width: 5vw;
    max-height: 3vw;
    z-index: 1;
    clip-path: polygon(0 100%, 0 19%, 32% 19%, 32% 0, 50% 19%, 100% 19%, 100% 100%);
    font-size: 0.8vw;
    padding-top: 7.5vh;
    padding-bottom: 3vh;
    padding-left: 3vh;
    padding-right: 3vh;
}
.dropdownContent a {
    min-width: 5vw;
    font-weight: 500;
    color: white;
    text-decoration: none;
    margin-bottom: 1vh;
}
.dropdownContent a:hover {
    color: #061D47;
}
.dropdown:hover .dropdownContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
} 
.investorLogin {
    background-color: #87219B;
    display: flex;
    justify-content: center;
    width: 10vw;
    height: auto;
    padding: 0.5vw;
    font-size: 1vw;
    color: white;
    position: absolute;
    top: 13vh;
    right: 11vw;
    z-index: 3;
}
/* Carousel Container Start*/
.carousel {
    background-image: url('../img/header.webp');
    box-shadow: inset 9120px 0 0 0 rgba(0, 0, 0, 0.3);
    height: 90vh;
    background-position: bottom;
    background-size: cover;
    padding-top: 5vw;
    padding-bottom: 5vw;
    display: flex;
    position: relative;
}
.carouselSlider {
    display: flex;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    width: 60vw;
}
.carouselSliderItem {
    width: calc(100vw/6);
    /*height: calc(100vh/2.9)*/;
    background-color: #061d47a5;
    padding: 1vw;
    display: flex;
    flex-direction: column;
}
.carouselSliderItem img {
    width: 100%;
}
.carouselSliderItem p {
    padding: 0 1vw;
    font-size: 1.1vw;
    /*line-height: 1.2vw;*/
    line-height: 1.3vw;
    color: white;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
	/*-webkit-line-clamp: 3;*/
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.carouselSliderItem .learnMore {
    padding: 0 1vw;
    color: white;
    font-weight: 600;
    font-size: 1.2vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1vw;
}
.splide__track {
}
.carouselSocials {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap:50px;
    top: 50%;
    bottom: 50%;
    transform: translate(-50%, -50%);
    right: 10vw;
}
.carouselSocials i, .carouselSocials li{
    list-style-type: none;
    font-size: 2vw;
    color: white;
}
.circle {
    position: absolute;
    bottom: -1.05vw;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    height: 2vw;
    width: 10vw;
    background-image: url('../img/circle.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
    display: flex;
    justify-content: center;
    font-size: 2vw;
    color: #87219B;
    cursor: pointer;
}
.circlePurple {
    display:flex;
    position: absolute;
    bottom: -1.05vw;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    height: 2vw;
    width: 10vw;
    background-image: url('../img/circle1.webp');
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
    justify-content: center;
    font-size: 2vw;
    color: white;
    cursor: pointer;
}
.carouselTitle {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 3vw;
    font-weight: 700;
    text-align: center;
}
.carouselTitle span {
    width: 60%;
}
/* Carousel Container End*/

.container {
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10vw 0;
    background-image: url('../img/Layer31.webp');
    background-repeat: no-repeat;
    background-size: 55%;
    background-position-x: 100%;
}
.containerLeftDiv {
    height: 100%;
    width: 50%;
    color: #87219B;
    padding-left: 11vw;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    gap: 2vw;
}
.containerRightDiv {
    height: 100%;
    width: 50%;
    padding-right: 11vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.container .leftDiv {
    width: 60%;
}

.carrersPage .leftDiv {
    background-image: url('../img/ABL%20Team.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px;
}
.container .leftDiv img {
    width: 100%;
    object-fit: contain;
}

.carrersPage .leftDiv img {
    display:none;
}

.container .rightDiv {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding-right: 11vw;
}
.divider {
    padding-top: 2vh;
    border-bottom: 6px solid #87219B;
    width: 15%;
}
h1 {
    font-size: 3vw;
    font-weight: 900;
    margin: 0;
    color: #87219B;
}
h2 {
    font-size: 1.6vw;
    font-weight: 500;
    margin: 0;
    letter-spacing: 3px;
    color: #061D47;
}
h3 {
    font-size: 1.8vw;
    font-weight: 900;
    margin: 0;
    color: #061D47;
}
p {
    font-size: 1.2vw;
    line-height: 1.8vw;
    color: #061D47;
    font-weight: 500;
}


.containerLeftDiv .title {
    display: flex;
    flex-direction: column;
}
.infosDiv {
    display: flex;
    justify-content: center;
    height: 100%;
    margin-top: 0%;
    gap: 30px;
}
.infos {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 15px;
}
.infos .img {
    width: 300px;
    /*margin-bottom: 20%;*/
}
.infos p {
    font-size: 1vw;
    line-height: normal;
    width: auto;
}

/* Numbers Statistics Container Start*/

.numbersInfoContainer {
    background-color: #87219B;
    height: auto;
    display: flex;
    justify-content: space-evenly;
    padding:4vw 10vw;
}
.numberInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1vw;
}
.numberInfo .stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1vw;
}
.numberInfo h1 {
    color: white;
    font-size: 4vw;
    display: flex;
}
.numberInfo p {
    width: 100%;
    color: white;
    text-align: center;
    margin: 0;
}
.numberInfo img {
    width: 35%;
}

/* Numbers Statistics Container End*/


/* CEO Container Div Start */


.ceoSlider {
    width: auto;
    height: auto;
    display: flex;
}

.ceoContainer {
    height: auto;
    display: flex;
    background: rgb(135,33,155);
    background: linear-gradient(45deg, rgba(135,33,155,1) 0%, rgba(6,29,71,1) 50%);
    padding: 0vw 11vw;
}
.ceoContainer .leftDiv {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 50px;
    width: 50%;
}
.ceoContainer .rightDiv {
    min-width: 50%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.ceoContainer h2{
    color: white;
    letter-spacing: normal;
}
.ceoContainer p {
    color: white;
    /*text-indent: 11vh;*/
    position: relative;
}
.ceoContainer div::before {
    position: absolute;
    left: -8%;
    font-size: 5vw;
    /*content: "\201C";*/
}
.ceoContainer div::after {
    transform: rotate(180deg);
    bottom: 8%;;
    right:8%;
    position: absolute;
    font-size: 5vw;
    /*content: "\201C";*/
}
.ceoContainer img {
    margin-left: auto;
    object-fit:cover;
    width: 90%;
}
.sliderNavigation {
    display: flex;
    color: white;
    gap: 15px;
}


/* CEO Container Div End */

/* Team Container Div Start */

.teamContainer {
    height: auto;
    display: flex;
    background: rgb(135,33,155);
    background: linear-gradient(45deg, rgba(135,33,155,1) 0%, rgba(6,29,71,1) 50%);
}
.teamContainer .leftDiv {
    display: flex;
    flex-direction: column;
    padding-top: 3vw;
    padding-left: 11vw;
    gap: 40px;
    max-width: 50%;
}
.teamContainer .rightDiv {
    display: flex;
    min-width: 50%;
}
.teamContainer h2{
    font-size: 1.8vw;
    color: white;
    letter-spacing: normal;
}
.teamContainer .divider {
    border-bottom: 5px solid white;
}
.teamContainer p {
    color: white;
}
.teamContainer img {
    object-fit:cover;
    width: 100%;
}

/* Team Container Div End */



/*News Container Div Start*/

.newsContainer {
    width: auto;
    max-height: auto;
    /*padding-top: 6vw;*/
    padding-bottom: 2vw;
    padding-left: 11vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.newsContainer .divider {
    width: 40%;
}
.newsChildContainer {
    display: flex;
    padding-top: 2vh;
    gap:3vw;
}
.newsSummary {
    height: 100%;
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4vw;
}
.newsSummary p {
    line-height: 1.9vw;
    width: 100%;
}
.newsSlider {
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.items {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1vw;
}
.item {
    height: auto;
    min-width: 20vw;
    background-color: #061D47;
    display: flex;
    flex-direction: column;
    margin-left: 1vw;
}
.teamMemberCardPosition {
    font-size:3vh;
}
.newsInfos {
    display: flex;
    flex-direction: column;
    padding: 2vw 2vw;
    height: 60%;
    width: 100%;
    justify-content: space-evenly;
    gap:1vw;
    text-align: left;
}
.newsImg {
    object-fit: cover;
    max-height: 30vh;
    width: 100%;
}
.newsGridDiv .newsImg {
    object-fit: contain;
    min-height: auto;
    width: 100%;
}
.newsTitle {
    color: white;
    font-size: 1vw;
    line-height: 2vw;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3; 
    -webkit-box-orient: vertical;
    width: 70%;
}
.newsInfos li {
    font-size: 1.3vw;
}
.newsDate {
    font-size: 0.8vw;
    color: white;
    display: flex;
    gap: 1vw;
}
.newsType {
    font-size: 0.8vw;
    color: white;
    display: flex;
    gap: 1vw;
}

#submitButton {
    cursor: pointer; /* Change the cursor to a pointer */
    font-weight: 500;
    border:none;

}

/*News Container Div End*/

/*Newsletter Container Div Start*/

.newsletterContainer {
    height: 25vh;
    padding:5vh 11vw;
    background-color: #87219B;
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}
.newsletterContainer h3 {
    color: white;
    font-weight: 400;
    width: 30%;
}
.newsletterContainer input {
    width: 50%;
    padding:2vh 2vw;
        padding-right: 20vw;
    color:#1D2545;
    font-size: 1.1vw;
    font-weight: 300;
    -webkit-border-radius: 0;
}
.buttonSubscribe {
    background-color: #061D47;
    width: 10vw;
    height: auto;
    padding: 2vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 1.5vw;
}

/* Newsletter Container Div End */
/*Footer Container Div Start*/


.footer {
    max-height: 50vh;
    background-color: #061D47;
    padding: 5vw 11vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 5vh;
}
.footer .logo {
    width: 10vw;
    height: 5vw;
    background-image: url('../img/ABL.webp');
}
.footerLinks {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footerLinks ul {
    color: white;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.footerLinks li:nth-child(1){
    font-weight: 600;
    font-size: 1.2vw;
}
.footerLinks li {
    list-style-type: none;
    font-size: 1vw;
}
.footerCopyrights {
    display: flex;
    align-items: center;
    gap: 50px;
}
.copyrightText {
    color: white;
    font-size: 1.2vw;
}
.copyrightDivider {
    width: 25%;
    background-color: white;
    height: 2px;
}
.footerSocials {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}
.footerSocials li, .footerSocials i{
    color: white;
    font-size: 2vw;
}


/*Footer Container Div End*/




/* Pagination Buttons for Sliders Start*/
.splide__pagination {
    all: unset;
    position: absolute;
    bottom: -2rem;
    right: 50%;
    left: 50%;
    transform: translateX(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.splide__pagination__page{
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: white;
    border: double 6px rgba(255, 255, 255, 0);
    background-clip: padding-box;
    box-shadow: inset 0 0 2px #000000;
}
.splide__pagination__page.is-active {
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: white;
    border: double 6px rgb(255, 255, 255);
    background-clip: padding-box;
    box-shadow: none;
}
.splide__pagination__page:hover {
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: white;
    border: double 6px rgb(255, 255, 255);
    background-clip: padding-box;
    box-shadow: none;
}
.ceoSlider .splide__pagination {
    all: unset;
    position: absolute;
    left: 11%;
    bottom: 4rem;
    display: flex;
    gap: 12px;
}
.newsSlider .splide__pagination {
    all: unset;
    position: absolute;
    bottom: 0rem;
    left: -25%;
    right: 50%;
    display: flex;
    gap: 12px;
}
.newsSlider .splide__pagination__page{
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #87219B;
    border: double 6px rgba(255, 255, 255, 0);
    background-clip: padding-box;
    box-shadow: inset 0 0 2px #000000;
}
.newsSlider .splide__pagination__page.is-active {
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #87219B;
    border: double 6px #87219B;
    background-clip: padding-box;
    box-shadow: none;
}
.newsSlider .splide__pagination__page:hover {
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #87219B;
    border: double 6px #87219B;
    background-clip: padding-box;
    box-shadow: none;
}


.teamGridDiv .splide__pagination {
    all: unset;
    position: absolute;
    bottom: 0;
    right: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    gap: 12px;
}
.teamGridDiv .splide__pagination__page{
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #87219B;
    border: double 6px rgba(255, 255, 255, 0);
    background-clip: padding-box;
    box-shadow: inset 0 0 2px #000000;
}
.teamGridDiv .splide__pagination__page.is-active {
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #87219B;
    border: double 6px #87219B;
    background-clip: padding-box;
    box-shadow: none;
}
.teamGridDiv .splide__pagination__page:hover {
    all: unset;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #87219B;
    border: double 6px #87219B;
    background-clip: padding-box;
    box-shadow: none;
}
/* Pagination Buttons for Sliders End*/

/* Team Members Div Start*/
/* Team Members Div Start*/

.teamMemberContainer {
    width: auto;
    padding: 5vh 11vw;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.teamMemberInfos {
    display: flex;
    height: auto;
    width: 100%;
}
.teamMemberImg {
    width: 45vw;
    height: 45vw;
    object-fit: contain;
}
.teamMemberInfo {
    width: auto;
    height: 100%;
    padding-top: 10%;
}
.teamMemberName {
    font-size: 5vw;
    font-weight: 800;
    width: 100%;
    color: #87219B;
}
.teamMemberPosition {
    font-size: 3vw;
    font-weight: 500;
    color: #87219B;
}
.teamMemberContainer .divider {
    height: 1vw;
    width: 11vw;
    border-bottom: 1vw solid #061D47;
}
.teamMemberEmail {
    font-size: 1.8vw;
    display: flex;
    align-items: center;
    gap: 1vw;
    margin-top: 3vw;
    margin-bottom: 1vw;
}
.teamMemberLinkedin {
    font-size: 1.8vw;
    display: flex;
    align-items: center;
    gap: 1vw;
}
.teamContactIcon {
    width: 8%;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}
.teamMemberBio {
    width: 100%;
    margin-top: 5vw;
}
.teamMemberBio p {
    width: 100%;
    font-size: 22px;
    line-height: 30px;
}

/* Team Members Div End*/


/* Team Div Start */
.teamDiv {
    height: auto;
    background-color: white;
    width: auto;
    padding-top: 10vh;
    padding-left: 11vw;
    padding-right: 11vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.teamCategories {
    width: 80%;
    height: 15vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.6vw;
}
.teamCategories a {
    color: #87219B;
    font-weight: 500;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 1vw;
    border-bottom: 7px solid #ffffff;
}
.teamCategories a:hover {
    border-bottom: 7px solid #061D47;
    font-weight: 600;
}
.teamGridContainer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2vw;
    padding: 10vh 11vw;
}
.teamMember {
    height: 65vmin;
    width: 14vmax;
    border: 8px solid #87219B;
    display: flex;
    flex-direction: column;
    margin-bottom: 1vw;
    position: relative;
}
.teamMember img {
    height: 50vmin;
    width: 16.5vmax;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -20%);
    object-fit: contain;
}
.teamMemberCard {
    z-index: 1;
    margin-top: auto;
    height: 20vh;
    width: 100%;
    border: 2px solid #87219B;
    border-bottom: 3px solid #87219B;
    background-color: #87219B;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    color: white;
}

@media only screen and (max-width:1921px) { 
    .assetsPage {
        padding-top:5vw;
    }
    .newsSummary p {
        margin-bottom:50px;
    }
    .newsContainer {
        padding-top: 6vw;
    }
    .teamContainer .leftDiv {
        padding-top:5vw;
    }
    .infos .img {
        width:100px;
    }
    .newsGridDiv {
        gap:0px !important;
        justify-content: space-between;
    }
    .newsGridDiv .newsImg {
        object-fit: contain;
    }

    .teamMember {
        height:50vmin;
        width: 16.5vmax;
    }
    .teamMember img {
        width: auto;
    }
    .teamGridContainer {
        gap: 4vw;
    }
    .ceoContainer p {
        color: white;
        /*text-indent: 50px;*/
        position: relative;
    }
    .ceoContainer p span {
        display:inline-block;
    }
	.teamMemberCard {
	    height: 12vh;
	}
	.teamMemberCardPosition {
	    font-size: 1.5vh;
	}
	.select::after {
	    padding:1em;
	}
}

.teamMemberCardName {
    font-size: 1.5vw;
    font-weight: 700;
}
.teamGridDiv {
    width: 100%;
    height: 70vh;
}
.teamSliderGrid {
    display: flex;
    height: 100%;
}
.teamGridDiv .teamItem {
    margin-top: 5vw;
    display: flex;
    width: 100%;
}
/* Team Div End*/


/*Overview Div Start*/

.overviewDiv {
    width: auto;
    padding: 5vh 11vw;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.responsiveImgOverview1 {
    height: 100vh;
    width: 80vw;
    background-image: url('../img/Overview1.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.responsiveImgOverview2 {
    height: 100vh;
    width: 80vw;
    background-image: url('../img/overview2.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


/*Overview Div End*/



/* Fleet Div Start*/


.fleetDiv {
    height: auto;
    width: 100%;
    background-color: white;
    width: auto;
    padding: 10vh 11vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fleetDiv p {
    font-size: 1.1vw;
    letter-spacing: normal;
    text-align: center;
}
.fleetGridContainer {
    margin-top: 5vw;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2vw;
}
.fleetCard {
    width: 24vw;
    max-height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 7vw;
}
.fleetImg {
    max-height: 25vh;
    background-color: #F8F8F8;
    padding: 1vw;
}
.fleetImg img {
    object-fit: cover;
    width: 100%;
}
.fleetInfos {
    min-height: auto;
    background: rgb(154,20,193);
    background: linear-gradient(68deg, rgba(154,20,193,1) 0%, rgba(56,25,111,1) 100%);
    padding: 2vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fleetTitle {
    height: auto;
    width: 80%;
    font-size: 2.6vw;
    letter-spacing: 0.1vw;
    line-height: 2.2vw;
    font-weight: 700;
    color: white;
    text-align: left;
}
.fleetDescription {
    width: 100%;
    height: 56%;
}
.fleetDescription p {
    text-align: left;
    color: white;
    font-size: 0.8vw;
    font-weight: 400;
}

/* Fleet Div End*/


/* Partners Div Start */

.partnersContainer {
    margin-top: 5vw;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
}
.partnersCategoriesDiv {
    width: 100%;
    display: flex;
    margin-top: 3vw;
    gap: 5vw;
    justify-content: space-between;
    align-items: center;
}
.partnersCategorie {
    width: 25%;
    background-color: #061D47;
    padding: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4vw;
    color: white;
}
.partnersCategorie:hover{
    background-color: #87219B;
}
.partnersGrid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5vw;
    margin-top: 3vw;
}
.partners {
    width: 100%;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.partners img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



/* Partners Div End*/

/* Insights&News Div End*/
.filteringNews {
    padding-top: 3vw;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 3vw;
    font-size: 1.4vw;
    font-weight: 700;
    color: #061D47;
}
.filterSearch {
    background-color: #EFF2FF;
    width: calc(100vw/8);
    height: 8vh;
    padding: 0 1rem;
    font-size: 1.4vw;
    color: #061D47;
}
.insightsDiv {
    height: auto;
    width: 100%;
    background-color: white;
    width: auto;
    padding: 10vh 11vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.latestNews {
    width: 100%;
    /*max-height: 60vh;*/
    background-color: #F8F8F8;
    display: flex;
    margin-top: 2vw;
}
.latestNewsInfo {
    width: 30%;
    height: auto;
    background-color: white;
    border-top: 1vw solid #F8F8F8;
    border-bottom: 1vw solid #F8F8F8;
    border-left: 1vw solid #F8F8F8;
    display: flex;
    flex-direction: column;
    gap: 10%;
    padding: 3vw;
    color: #87219B;
    font-size: 1.2vw;
    font-weight: 500;
}
.latestNewsInfo li {
    font-size: 1.5vw;
}
.latestNewsDate {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 1.5vw;
}
.latestNewsCategory {
    text-align: left;
    display: flex;
    align-items: center;
    gap:1.5vw;
}
.latestNewsTitle {
    text-align: left;
    font-size: 2vw;
    font-weight: 700;
}
.latestNewsImg {
    width: 65%;
    height: auto;
    background-color: #87219B;
    border: 1vw solid #F8F8F8;
}
.latestNewsImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.newsGridDiv {
    margin-top: 3vw;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap:15px !important;
    justify-content: flex-start;
}
.newsGridDiv .item {
    flex-basis: 32%;
    margin: 1% 0;
}
/* Insights&News Div End*/


/* Investor Div Start*/



.investorsDiv {
    height: auto;
    width: 100%;
    background-color: white;
    width: auto;
    padding: 10vh 11vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.investorDivLogin {
    width: 100%;
    height: auto;
    padding: 4vw 11vw;
    background-color: #061D47;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5vw;
    margin-bottom: 5vw;
}
.investorDivLogin h2 {
    color: white;
    font-size: 2vw;
}
.investorLoginButton {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.6vw;
    width: auto;
    height: auto;
    background-color: white;
    font-size: 1.2vw;
    color: #061D47;
    margin-right: 15%;
}
.responsiveImgInvestors {
    height: 170vh;
    width: 100%;
    background-image: url('../img/Investors.webp');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/*Investor Div End*/



/*Careers Div Start*/

.careersDiv {
    height: auto;
    width: 100%;
    background-color: white;
    width: auto;
    padding: 0vh 11vw;
    padding-top: 10vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 5vw;
}
.careersContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.careersContainer .container {
    all: unset;
    display: flex;
    width: 100%;
    height: auto;
}
.careersContainer .leftDiv img {
    object-fit: cover;
    padding-top: 10%;
}
.careersContainer .rightDiv {
    padding-bottom: 5vw;
    padding-left: 11vw;
    padding-right: 5vw;
}
.careersBrochureContainer {
    display: flex;
    height: 120vh;
    background: rgb(154,20,193);
    background: linear-gradient(41deg, rgba(154,20,193,1) 0%, rgba(56,25,111,1) 29%, rgba(56,25,111,1) 100%);
}
.careersBrochureContainer .leftDiv {
    display: flex;
    flex-direction: column;
    padding:5vw 11vw;
    gap: 35px;
    width: 60%;
}
.careersBrochureContainer h1 {
    font-weight: 700;
    color: #A72BBE;
}
.careersBrochureContainer h2 {
    color: white;
}
.careersBrochureContainer p {
    width: 100%;
    font-size: 1.1vw;
    color: white;
}
.careersBrochureContainer .rightDiv {
    padding-top: 0vw;
    padding-right: 13vw;
    width: 40%;
    height: 100%;
}
.careersBrochureContainer img {
    object-fit: contain;
    width: 110%;
    height: 100%;
    transform: rotate(5deg);
}


/*Careers Div End*/

.assetsContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.assetsDiv {
    height: auto;
    width: 100%;
    background-color: white;
    width: auto;
    padding: 0vh 11vw;
    padding-top: 10vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 5vw;
}


/* Buttons Start*/

.buttonPrimary {
    width: calc(100vw/7);
    height: 8vh;
    background-color: white;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3vw;
    font-weight: 600;
    border:none;
}
.purple {
    background-color: #87219B;
    transition: all 0.5s;
}
.purple:hover {
    background-color: #A72BBE;
}
.pink {
    background-color: #A72BBE;
    transition: all 0.5s;
}
.pink:hover {
    background-color: white;
    color: #A72BBE;
}
.twoButtons {
    width: 100%;
    display: flex;
    gap: 15%;
}
.select {
    /* Reset Select */
    appearance: none;
    outline: 0;
    border: 0;
    box-shadow: none;
    /* Personalize */
    flex: 1;
    padding: 10px;
    color: #fff;
    background-color: #87219B !important;
    cursor: pointer;
    font-size: 1.3vw;
    font-weight: 600;
    font-family: 'Montserrat';
    padding:20px;
    background: transparent;
        background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 50%;
  }
  /* Remove IE arrow */
  select::-ms-expand {
    display: none;
  }
  /* Custom Select wrapper */
  .select {
    position: relative;
    display: flex;
    width: calc(100vw/7);
    height: 8vh;
    color: white;
    font-weight: 600;
    overflow: hidden;
  }
  /* Arrow */
  .select::after {
    /*content: '\25BC';*/
    position: absolute;
    top: -0.3rem;
    right: 0;
    padding: 25px;
    transition: .25s all ease;
    pointer-events: none;
  }
  /* Transition */
  .select:hover::after {
    color: #061D47;
  }


  

/* Buttons End*/

/*Careers Popup Start*/

.careersPopup {
    width: 100vw;
    height: 100vh;
    background-color: #00000032;
    z-index: 5;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
}
.careersPopupContainer {
    position: relative;
    z-index: 6;
    width: 50vw;
    height: 80vh;
    background-color: white;
    overflow-y: auto;
    border-radius: 5px;
}
.careersPopupContainer form {
    display: flex;
    flex-direction: column;
    gap: 2vh;
    padding: 5vh;
}
.careersPopupContainer label {
    font-weight: 500;
    color: #2d2d2d;
}
.careersPopupContainer input {
    border-radius: 3px;
    border: 2px solid #87219B;
    padding: 1vw;
    color: #787878;
}
.careersPopupContainer .uploadBtn {
    display: flex;
    gap: 1vw;
    color:white;
    width: calc(100vw/8);
    padding: 1vw;
    font-size: 1vw;
    background-color: #061D47;
}
.careersPopupContainer .close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #A72BBE;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2vw;
    height: 2vw;
    color: white;
}
/*Careers Popup End */



/*Impact Div Start*/
.impactContainer {
    height: auto;
    background-color: white;
    width: auto;
    padding-top: 10vh;
    display: flex;
    flex-direction: column;
    margin-bottom: 5vw;
}
.impactDiv {
    height: auto;
    width: 100%;
    background-color: white;
    width: auto;
    padding: 0vh 11vw;
    padding-top: 10vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 5vw;
}
.impactContainer .divWrap {
    display: flex;
    width: 100%;
    height: 100vh;
}
.divWrap .firstDiv {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.divWrap .secondDiv {
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.secondDiv img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.firstDiv img {
    object-fit: cover;
    object-position: left;
    width: 100%;
    height: 100%;
}
.divWrap .leftText {
    padding-left: 11vw;
    padding-right: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1vw;
}
.divWrap .rightText {
    padding-right: 11vw;
    padding-left: 5vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pictosDiv {
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.pictosItem {
    width: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: .5vw;
    margin-bottom: 4vw;
}
.pictosImg {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto;
}
.pictosImg img {
    object-fit: contain;
    width: 32%;
    height: auto;
}
.pictosText {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    width: 100%;
    gap: 0.3vw;
    color: #87219B;
}
.pictosNumber {
    font-size: 3vw;
    font-weight: 900;
}
.pictosInfo {
    font-size: 1.1vw;
    font-weight: 800;
    line-height: 1.3vw;
}


/*Impact Div End*/


/*Assets Management Div Start*/

.responsiveImgAssets {
    height: 150vh;
    width: 100%;
    background-image: url('../img/assetsManagement.webp');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.responsiveImgAssetsJapanese {
    height: 200vh;
    width: 100%;
    background-image: url('../img/assetsManagement-jp.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

/*Assets Management Div End*/


/*Events Div Start*/

.eventsContainer {
    height: auto;
    background-color: white;
    width: auto;
    padding-top: 10vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 5vw;
    padding-left: 11vw;
    padding-right: 11vw;
}
.eventsContainer .title {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.eventsFlexDiv {
    width: 75vw;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}
.eventsItem {
    width: 100%;
    border: 15px solid #EFF2FF;
    color: white;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1vw 0vw;
}
.eventsInfos {
    width: 50vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 2vw 2vw;
    gap: 20px;
}
.eventsTitle {
    color: #87219B;
    border-right: 5px solid #87219B;
    font-size: 1.2vw;
    line-height: 1.4vw;
    font-weight: 700;
    flex-basis: 33.33333%;
    height: 15vh;
    display: flex;
    align-items: center;
}

.eventsInfos li {
    font-size: 2vw;
    color: #87219B;
}
.eventsDate {
    flex-basis: 30%;
    color: #000000;
    display: flex;
    font-size: 0.8vw;
    font-weight: 600;
    gap: 1vw;
    align-items: center;
}
.eventsLocation {
    flex-basis: 30%;
    color: #000000;
    display: flex;
    font-size: 0.8vw;
    font-weight: 600;
    gap: 1vw;
    align-items:center;
}
.eventsSpeakers {
    width: 40vw;
    display: flex;
    justify-content: space-evenly;
    flex-wrap:wrap;
    gap:20px;
}
.eventsSpeakerWrap {
    width: 15%;
    display: flex;
    flex-direction: column;
    border: 5px solid #87219B;
    position: relative;
}
.eventsSpeakerImg {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}
.eventsSpeakerImg img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.eventsSpeakerName{
    position: absolute;
    padding-top: 0.1vw;
    bottom: 0;
    left: -0.3rem;
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
    background-color: #87219B;
    border: 5px solid #87219B;
    color: white;
    font-size: 0.6vw;
}

/*Events Div End*/



/* Contact Div Start*/


.contactContainer {
    height: auto;
    background-color: white;
    width: auto;
    padding-top: 10vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contactDiv {
    display: flex;
    height: 100vh;
    width: 100%;
    margin-top: 5vw;
}
.contactDivLeft {
    background: rgb(49,25,95);
    background: linear-gradient(41deg, rgba(49,25,95,1) 0%, rgba(42,26,88,1) 100%);
    width: 39vw;
    height: auto;
    padding-left: 11vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contactDivRight {
    background-color: #A72BBE;
    width: 29%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 11vw;
    padding-left: 10vw;
}
.contactDivRight form {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1vw;
}
.contactDivRight input {
    height: 3vw;
    width: 89%;
    color: #bebebe;
    font-weight: 500;
    padding-left: 3vw;
}
.contactDivRight textarea {
    width: 89%;
    height: 18vh;
    color: #bebebe;
    font-weight: 500;
    padding-left: 3vw;
    padding-top: 1vw;
}
.contactDivRight form .sendButton {
    height: 3vw;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #061D47;
    color: white;
    font-weight: 500;
    border: none;
}
.stayInTouch {
    font-size: 1.6vw;
    color: white;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}
.locationDiv {
    margin-top: 2vw;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw;
}
.locationInfo {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    color: white;
}
.locationName {
    font-size: 1.8vw;
    font-weight: 700;
}
.locationAdress {
    width: 65%;
    font-size: 1vw;
}


/*Contact Div End*/

}
/* Responsive Start */

@media (max-width: 480px) {


    html, body{
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: 'Montserrat', sans-serif !important;
    }
    a {
        all: unset;
        cursor: pointer;
    }
    
    .mobileNavigation {
        position: relative;
        display: flex;
        flex-direction: column;
    }
    
    .mobileNavigation .logo {
        position: relative !important;
    }
    
    .form_style {
        font-size: 3vw;
    }
    
    .contactDivRight form .sendButton {
        border: none;
    }
    
    
    .responsiveImgOverview1{
        height: 85vh;
        width: 100vw;
        background-image: url('../img/AboutUs2.webp');
        background-position: center;
        background-size: 80%;
        background-repeat: no-repeat;
    }
    .responsiveImgOverview2 {
        height: 75vh;
        width: 100vw;
        background-image: url('../img/AboutUs1.webp');
        background-position: center;
        background-size: 80%;
        background-repeat: no-repeat;
    }
    .responsiveImgAssets{
        height: 60vh;
        width: 100vw;
        background-image: url('../img/Assets1.webp');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .responsiveImgAssetsJapanese{
        height: 57vh;
        width: 100vw;
        background-image: url('../img/japaneseAssetsResp.webp');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .responsiveImgInvestors{
        height: 50vh;
        width: 100vw;
        background-image: url('../img/Investors1.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    
    .primaryNavigation {
        height: 13vh;
        width: 78%;
        font-weight: 700;
        display: flex;
        flex-direction: row;
        align-items: center;
        transition: 0.3s all;
        z-index: 5;
        padding-left: 11vw;
        padding-right: 11vw;
    }
    .logo {
        height: 40%;
        width: 40%;
        background-image: url('../img/AblAviationLogo-4.webp');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .navLinks {
        display: flex;
        justify-content: flex-end;
        list-style-type: none;
        font-weight: 700;
        width: 100%;
    }
    .navLinks li {
        display: none;
    }
    .navLinks .icon {
        font-size: 8vw;
        color: #87219B;
    }
    .navLinks li:hover {
        color: #87219B;
    }
    .mobileNavigation {
        position: fixed;
        width: 78%;
        height: 100%;
        background-color: #061D47;
        z-index: 10;
        padding-left: 11vw;
        padding-right: 11vw;
        display: flex;
        justify-content: center;
    }
    .mobileNavigation .logo {
        position: absolute;
        margin-top: 2vh;
        height: 10vh;
        width: 30%;
        background-image: url('../img/ABL.png');
        background-position: left;
        background-size: contain;
    }
    .mobileNavigation .investorLogin {
        display: none;
    }
    .mobileNavigation .navLinks {
        width: 100%;
        height: 65%;
        display: flex;
        flex-direction: column;
        gap: 2vw;
    }
    .mobileNavigation .navLinks li {
        display: flex;
        color: white;
        font-size: 5vw;
    }
    .mobileNavigation .icon {
        right: 11vw;
        top: 5vw;
        position: absolute;
        font-size: 10vw;
    }
    .dropdown {
        display: flex;
        flex-direction: column;
    }
    .dropdownContent {
        display: none;
        flex-direction: column;
        height: 30vw;
        gap: 2vw;
    }
    .dropdownContent a {
        font-size: 4vw;
        font-weight: 500;
        color: white;
        text-decoration: none;
        margin-bottom: 1vh;
    }
    .dropdownContent a:hover {
        color: #061D47;
    }
    .dropdown:hover .dropdownContent {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .investorLogin {
        background-color: #87219B;
        display: flex;
        justify-content: center;
        width: 20vw;
        height: auto;
        padding: 2vw;
        font-size: 2vw;
        color: white;
        position: absolute;
        top: 13vh;
        right: 11vw;
        z-index: 3;
    }
    /* Carousel Container Start*/
    .carousel {
        background-image: url('../img/carousel.webp');
        box-shadow: inset 2000px 0 0 0 rgba(0, 0, 0, 0.3);
        height: 50vh;
        background-position: center;
        background-size: cover;
        padding-top: 5vw;
        padding-bottom: 10vw;
        display: flex;
        position: relative;
    }
    .carouselSlider {
        display: flex;
        margin-top: auto;
        margin-left: auto;
        margin-right: auto;
        width: 60vw;
        height: auto;
    }

    .carouselSliderItem {
        width: 58vw;
        height: auto;
        background-color: #061d47a5;
        padding: 1vw;
        display: flex;
        flex-direction: column;
    }
    .carouselSliderItem img {
        width: 100%;
        object-fit: cover;
    }
    .carouselSliderItem p {
        width: 90%;
        padding: 0 2vw;
        font-size: 3vw;
        line-height: 3vw;
        color: white;
        text-align: left;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
                line-clamp: 3; 
        -webkit-box-orient: vertical;
    }
    .carouselSliderItem .learnMore {
        padding: 1vw 2vw;
        color: white;
        font-weight: 600;
        font-size: 3vw;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1vw;
    }
    .carouselSocials {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap:50px;
        top: 50%;
        bottom: 50%;
        transform: translate(-50%, -50%);
        right: 10vw;
    }
    .carouselSocials li {
        list-style-type: none;
        font-size: 4vw;
        color: white;
    }
    .carouselTitle {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 3vw;
        font-weight: 700;
        text-align: center;
    }
    .carouselTitle span {
        width: 70%;
        font-size: 4vw;
    }
    /* Carousel Container End*/
    
    .container {
        height: auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 10vw 0;
    }
    .containerLeftDiv {
        height: 100%;
        color: #87219B;
        padding-left: 11vw;
        padding-right: 11vw;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        gap: 2vw;
    }
    .containerRightDiv {
        margin-top: 10vw;
        height: 100%;
        background-color: white;
        padding-right: 11vw;
        padding-left: 11vw;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    
    .container .leftDiv {
        width: 80%;
    }
    .container .leftDiv img {
        width: 100%;
        object-fit: contain;
    }
    .container .rightDiv {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-right: 11vw;
        padding-left: 11vw;
    }
    .divider {
        padding-top: 2vh;
        border-bottom: 6px solid #87219B;
        width: 15%;
    }
    h1 {
        font-size: 6vw;
        font-weight: 900;
        margin: 0;
        color: #87219B;
    }
    h2 {
        font-size: 3.2vw;
        font-weight: 500;
        margin: 0;
        letter-spacing: 3px;
        color: #061D47;
    }
    h3 {
        font-size: 3.6vw;
        font-weight: 900;
        margin: 0;
        color: #061D47;
    }
    p {
        width: 90%;
        font-size: 2.4vw;
        color: #061D47;
        font-weight: 500;
    }
    .buttonPrimary {
        width: 30vw;
        height: 5vh;
        background-color: white;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.7vw;
        font-weight: 600;
        border:none;
    }
    .purple {
        background-color: #87219B;
    }
    .purple:hover {
        background-color: white;
        color: #87219B;
    }
    .containerLeftDiv .title {
        display: flex;
        flex-direction: column;
    }
    .infosDiv {
        display: flex;
        justify-content: center;
        height: 100%;
        margin-top: 0%;
        gap: 15px;
    }
    .infos {
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .infos .img {
        width: 50%;
        margin-bottom: 20%;
    }
    .infos p {
        font-size: 2.8vw;
        width: auto;
    }
    
    /* Numbers Statistics Container Start*/
    
    .numbersInfoContainer {
        background-color: #87219B;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding:4vw 10vw;
    }
    .numberInfo {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    .numberInfo .stat {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .numberInfo h1 {
        color: white;
        font-size: 9vw;
        display: flex;
    }
    .numberInfo p {
        width: 100%;
        color: white;
        text-align: center;
        margin: 0;
		font-size: 3vw;
    }
    .numberInfo img {
        width: 15%;
        margin-bottom: 20px;
    }
    
    /* Numbers Statistics Container End*/
    
    
    /* CEO Container Div Start */
    .ceoSlider {
        width: auto;
        height: auto;
        display: flex;
    }
    .ceoContainer {
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        background: rgb(135,33,155);
        background: linear-gradient(45deg, rgba(135,33,155,1) 0%, rgba(6,29,71,1) 50%);
        justify-content: space-between;
    }
    .ceoContainer .leftDiv {
        height: auto;
        display: flex;
        flex-direction: column;
        padding-bottom: 25vw;
        padding-right:11vw;
        padding-left: 11vw;
        gap: 10px;
        text-align: center;
    }
    .ceoContainer .rightDiv {
        height: 40vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ceoContainer h2{
        color: white;
        letter-spacing: normal;
    }
    .ceoContainer p {
        color: white;
    }
    .ceoContainer p::before {
        position: absolute;
        font-size: 5vw;
        /*content: "\201C";*/
    }
    .ceoContainer p::after {
        position: absolute;
        font-size: 5vw;
        /*content: "\201C";*/
    }
    .ceoContainer img {
        object-fit:contain;
        height: 35vh;
        width: 100%;
    }
    .sliderNavigation {
        display: flex;
        color: white;
        gap: 15px;
    }
    
    
    /* CEO Container Div End */
    
    /* Team Container Div Start */
    
    .teamContainer {
        height: auto;
        display: flex;
        flex-direction: column;
        background: rgb(135,33,155);
        background: linear-gradient(45deg, rgba(135,33,155,1) 0%, rgba(6,29,71,1) 50%);
    }
    .teamContainer .leftDiv {
        display: flex;
        flex-direction: column;
        padding:9vw 11vw;
        gap: 10px;
    }
    .teamContainer .rightDiv {
        display: flex;
        min-width: 50%;
    }
    .teamContainer h2{
        color: white;
        letter-spacing: normal;
    }
    .teamContainer .divider {
        border-bottom: 5px solid white;
    }
    .teamContainer p {
        color: white;
    }
    .teamContainer img {
        object-fit:cover;
        width: 100%;
    }
    
    /* Team Container Div End */
    
    
    
    /*News Container Div Start*/
    
    .newsContainer {
        width: auto;
        padding:11vw 11vw;
        display: flex;
        flex-direction: column;
    }
    .newsContainer .divider {
        width: 40%;
    }
    .newsChildContainer {
        display: flex;
        flex-direction: column;
    }
    .newsSummary {
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 4vw;
    }
    .newsSummary p {
        width: 100%;
    }
    .newsSlider {
        height: auto;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .item {
        height: 40vh;
        background-color: #061D47;
        display: flex;
        flex-direction: column;
    }
    .newsImg {
        height: 40vh;
        width: 100%;
    }
    .newsInfos {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 4vw 4vw;
        height: 100%;
        width: 100%;
        gap: 3vw;
        text-align: left;
    }
    .newsTitle {
        color: white;
        font-size: 3vw;
        white-space: normal;
        width: 70%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
                line-clamp: 3; 
        -webkit-box-orient: vertical;
    }
    .newsInfos li {
        font-size: 5vw;
    }
    .newsDate {
        font-size: 2vw;
        color: white;
        display: flex;
        align-items: center;
        gap: 2vw;
    }
    .newsType {
        font-size: 2vw;
        color: white;
        display: flex;
        align-items: center;
        gap: 2vw;
    }
    
    
    /*News Container Div End*/
    
    /*Newsletter Container Div Start*/
    
    .newsletterContainer {
        height: 20vh;
        padding:5vh 11vw;
        background-color: #87219B;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        position: relative;
    }
    .newsletterContainer h3 {
        color: white;
        font-weight: 400;
    }
    .newsletterContainer input {
        width: 80%;
        color:#1D2545;
        font-size: 3vw;
        font-weight: 300;
        -webkit-border-radius: 0;
    }
    .newsletterContainer .buttonSubscribe {
        background-color: #061D47;
        height: 1vh;
        padding: 2vh;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 4vw;
    }
    
    /* Newsletter Container Div End */
    /*Footer Container Div Start*/
    
    
    .footer {
        height: auto;
        background-color: #061D47;
        padding: 5vw 11vw;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 5vh;
    }
    .footer .logo {
        width: 20vw;
        height: 15vw;
        background-image: url('../img/ABL.webp');
    }
    .footerLinks {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .footerLinks ul {
        color: white;
        display: flex;
        flex-direction: column;
        padding: 0;
    }
    .footerLinks li:nth-child(1){
        font-weight: 600;
        font-size: 5vw;
    }
    .footerLinks li {
        list-style-type: none;
        font-size: 4vw;
    }
    .footerCopyrights {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .copyrightText {
        color: white;
        font-size: 3vw;
    }
    .copyrightDivider {
        width: 50%;
        background-color: white;
        height: 2px;
    }
    .footerSocials {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5vw;
    }
    .footerSocials li {
        color: white;
        font-size: 5vw;
    }
    
    
    /*Footer Container Div End*/
    
    
    /*Overview Div Start*/
    
    .overviewDiv {
        display: flex;
        flex-direction: column;
        height: auto;
        width: auto;
        padding-top: 5vw;
    }
    .overviewDiv p {
        width: 80%;
        font-size: 3vw;
    }
    
    /*Overview Div End*/
    
    
    
    
    
    /* Pagination Buttons for Sliders Start*/
    .splide__pagination {
        all: unset;
        position: absolute;
        bottom: -2rem;
        right: 50%;
        left: 50%;
        transform: translateX(-50%, -50%);
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }
    .splide__pagination__page{
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: white;
        border: double 6px rgba(255, 255, 255, 0);
        background-clip: padding-box;
        box-shadow: inset 0 0 2px #000000;
    }
    .splide__pagination__page.is-active {
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: white;
        border: double 6px rgb(255, 255, 255);
        background-clip: padding-box;
        box-shadow: none;
    }
    .splide__pagination__page:hover {
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: white;
        border: double 6px rgb(255, 255, 255);
        background-clip: padding-box;
        box-shadow: none;
    }
    .newsSlider .splide__pagination {
        all: unset;
        position: absolute;
        bottom: -2rem;
        right: 30%;
        display: flex;
        gap: 12px;
    }
    .newsSlider .splide__pagination__page{
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #87219B;
        border: double 6px rgba(255, 255, 255, 0);
        background-clip: padding-box;
        box-shadow: inset 0 0 2px #000000;
    }
    .newsSlider .splide__pagination__page.is-active {
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #87219B;
        border: double 6px #87219B;
        background-clip: padding-box;
        box-shadow: none;
    }
    .newsSlider .splide__pagination__page:hover {
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #87219B;
        border: double 6px #87219B;
        background-clip: padding-box;
        box-shadow: none;
    }
    .teamGridDiv .splide__pagination {
        all: unset;
        position: absolute;
        bottom: 0;
        right: 50%;
        left: 50%;
        display: flex;
        justify-content: center;
        gap: 12px;
    }
    .teamGridDiv .splide__pagination__page{
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #87219B;
        border: double 6px rgba(255, 255, 255, 0);
        background-clip: padding-box;
        box-shadow: inset 0 0 2px #000000;
    }
    .teamGridDiv .splide__pagination__page.is-active {
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #87219B;
        border: double 6px #87219B;
        background-clip: padding-box;
        box-shadow: none;
    }
    .teamGridDiv .splide__pagination__page:hover {
        all: unset;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background-color: #87219B;
        border: double 6px #87219B;
        background-clip: padding-box;
        box-shadow: none;
    }
    .ceoSlider .splide__pagination {
        all: unset;
        position: absolute;
        left: 11vw;
        bottom: 10%;
        display: flex;
        gap: 12px;
    }
    
    /* Pagination Buttons for Sliders End*/
    
    /* Team Members Div Start*/
    
    .teamMemberContainer {
        width: auto;
        padding: 5vh 11vw;
        background-color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .teamMemberInfos {
        display: flex;
        height: auto;
        width: 100%;
    }
    .teamMemberImg {
        width: 50vw;
        height: 50vw;
        object-fit: cover;
    }
    .teamMemberInfo {
        width: auto;
        height: 100%;
        padding-top: 10%;
    }
    .teamMemberName {
        font-size: 8vw;
        font-weight: 800;
        width: 100%;
        color: #87219B;
    }
    .teamMemberPosition {
        font-size: 3vw;
        font-weight: 500;
        color: #87219B;
    }
    .teamMemberContainer .divider {
        height: 1vw;
        width: 11vw;
        border-bottom: 1vw solid #061D47;
    }
    .teamMemberEmail {
        font-size: 1.8vw;
        display: flex;
        align-items: center;
        gap: 1vw;
        margin-top: 3vw;
        margin-bottom: 1vw;
    }
    .teamMemberLinkedin {
        font-size: 1.8vw;
        display: flex;
        align-items: center;
        gap: 1vw;
    }
    .teamContactIcon {
        width: 10%;
        object-fit: contain;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .teamMemberBio {
        width: 100%;
        margin-top: 5vw;
    }
    .teamMemberBio p {
        width: 100%;
        font-size: 22px;
        line-height: 30px;
    }
    .teamGridDiv {
        width: 100%;
    }
    .teamSliderGrid {
        width: 100%;
        display: flex;
    }
    .teamGridDiv .teamItem {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    /* Team Members Div End*/
    
    /* Team Div Start */
    .teamDiv {
        height: auto;
        background-color: white;
        width: auto;
        padding-top: 10vh;
        padding-left: 11vw;
        padding-right: 11vw;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .teamCategories {
        width: 100%;
        height: 10vh;
        margin-top: 5vh;
        height: auto;
        display: flex;
        font-size: 3vw;
    }
    .teamCategories a {
        color: #87219B;
        font-weight: 500;
        height: 100%;
        display: flex;
        border-bottom: 7px solid #ffffff;
        padding-bottom: 3vw;
    }
    .teamCategories a:hover {
        border-bottom: 4px solid #061D47;
        font-weight: 600;
    }
    .teamGridContainer {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2vw;
        padding-top: 5vh;
        padding-left: 11vw;
        padding-right: 11vw;
    }
    .teamMember {
        height: 40vh;
        width: 60vw;
        border: 10px solid #87219B;
        display: flex;
        flex-direction: column;
        margin-top: 20vw;
        margin-bottom: 15vw;
        position: relative;
    }
    .teamMember img {
        height: 45vh;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -20%);
        object-fit: cover;
    }
    .teamMemberCard {
        bottom: -1px;
        left: -1px;
        position: absolute;
        z-index: 2;
        margin-top: auto;
        height: 10vh;
        width: 100%;
        background-color: #87219B;
        border: 1px solid #87219B;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        color: white;
    }
    .teamMemberCardName {
        font-size: 5vw;
        font-weight: 700;
    }
    
    /* Team Div End*/
    
    
    /* Fleet Div Start*/
    
    
    .fleetDiv {
        height: auto;
        width: 100%;
        background-color: white;
        width: auto;
        padding: 10vh 11vw;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .fleetDiv p {
        font-size: 3vw;
        letter-spacing: normal;
        text-align: justify;
    }
    .fleetGridContainer {
        margin-top: 5vw;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5vw;
    }
    .fleetCard {
        width: 70vw;
        max-height: 60vh;
        display: flex;
        flex-direction: column;
    }
    .fleetImg {
        max-height: 30vh;
        background-color: #F8F8F8;
        padding: 1vw;
    }
    .fleetImg img {
        object-fit: cover;
        width: 100%;
    }
    .fleetInfos {
        height: 70%;
        background: rgb(154,20,193);
        background: linear-gradient(68deg, rgba(154,20,193,1) 0%, rgba(56,25,111,1) 100%);
        padding: 1.5vw 2vw;
    }
    .fleetTitle {
        height: auto;
        width: 100%;
        font-size: 5vw;
        font-weight: 700;
        color: white;
        text-align: left;
    }
    .fleetDescription {
        width: 100%;
    }
    .fleetDescription p {
        text-align: left;
        color: white;
        font-weight: 400;
    }
    
    /* Fleet Div End*/
    
    
    /* Partners Div Start */
    
    .partnersContainer {
        margin-top: 5vw;
        padding-left: 11vw;
        padding-right: 11vw;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    .partnersCategoriesDiv {
        width: 100%;
        margin-top: 3vw;
        gap: 2vw;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .partnersCategorie {
        width: 90%;
        height: 5vw;
        background-color: #061D47;
        padding: 2vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.5vw;
        color: white;
    }
    .partnersCategorie:hover{
        background-color: #87219B;
    }
    .partnersGrid {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 5vw;
        margin-top: 3vw;
        height:550px;
        overflow-y:scroll;
    }
    .partners {
        width: 100%;
        height: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .partners img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    
    
    /* Partners Div End*/
    
    /* Insights&News Div End*/
    .filteringNews {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
    .insightsDiv {
        height: auto;
        width: 100%;
        background-color: white;
        width: auto;
        padding: 10vh 11vw;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .latestNews {
        width: 100%;
        height: auto    ;
        background-color: #F8F8F8;
        display: flex;
        flex-direction: column-reverse;
        margin-top: 2vw;
    }
    .latestNewsInfo {
        width: 100%;
        height: auto;
        background-color: white;
        border-top: 1vw solid #F8F8F8;
        border-bottom: 1vw solid #F8F8F8;
        border-left: 1vw solid #F8F8F8;
        display: flex;
        flex-direction: column;
        gap:3vw;
        padding: 3vw;
        color: #87219B;
        font-size: 2vw;
        font-weight: 500;
    }
    .latestNewsInfo li {
        font-size: 5vw;
    }
    .latestNewsDate {
        text-align: left;
        display: flex;
        align-items: center;
        font-size: 3vw;
        gap: 1.5vw;
    }
    .latestNewsCategory {
        text-align: left;
        display: flex;
        align-items: center;
        font-size: 3vw;
        gap:1.5vw;
    }
    .latestNewsTitle {
        width: 80%;
        text-align: left;
        font-size: 4vw;
        font-weight: 700;
    }
    .latestNewsImg {
        width: 100%;
        height: auto;
        border: 1vw solid #F8F8F8;
    }
    .latestNewsImg img {
        height: 100%;
        width: 100%;
        object-fit: contain;
    }
    .newsGridDiv {
        margin-top: 3vw;
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        gap:25px;
    }
    .newsGridDiv .item {
        flex-basis: 100%;
        margin: 5% 0;
    }

    /* Insights&News Div End*/
    
    
    .investorsDiv {
        height: auto;
        width: 100%;
        background-color: white;
        width: auto;
        padding-top: 10vh;
        padding-left: 11vw;
        padding-right: 11vw;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .investorDivLogin {
        width: 100%;
        height: auto;
        padding: 4vw 11vw;
        background-color: #061D47;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .investorDivLogin h2 {
        color: white;
        font-size: 2vw;
    }
    .investorLoginButton {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 1.5vw;
        width: auto;
        height: auto;
        background-color: white;
        font-size: 2vw;
        color: #061D47;
    }
    
    /*Investor Div End*/
    
    
    
    /*Careers Div Start*/
    
    .careersDiv {
        height: auto;
        width: 100%;
        background-color: white;
        width: auto;
        padding: 0vh 11vw;
        padding-top: 10vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 5vw;
    }
    .careersContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .careersContainer .container {
        all: unset;
        display: flex;
        flex-direction: column;
        height: auto;
        width: 100%;
    }
    .careersContainer .container p {
        font-size: 3vw;
    }
    .careersContainer .leftDiv {
        width: 100%;
        height: 40vh;
    }
	#languageSelector{
		text-align:center !important;
		padding-right: 5%;
        background-color: #87219B !important;
	}
    .careersContainer .leftDiv img {
        object-fit: cover;
        padding-top: 10%;
    }
    .careersContainer .rightDiv {
        padding-bottom: 5vw;
        padding-top: 5vw;
        padding-left: 11vw;
        padding-right: 5vw;
    }
    .careersBrochureContainer {
        display: flex;
        flex-direction: column-reverse;
        height: 120vh;
        background: rgb(154,20,193);
        background: linear-gradient(41deg, rgba(154,20,193,1) 0%, rgba(56,25,111,1) 29%, rgba(56,25,111,1) 100%);
    }
    .careersBrochureContainer .leftDiv {
        display: flex;
        flex-direction: column;
        padding:5vw 11vw;
        gap: 30px;
    }
    .careersBrochureContainer h1 {
        font-weight: 700;
        color: #A72BBE;
    }
    .careersBrochureContainer h2 {
        color: white;
    }
    .careersBrochureContainer p {
        width: 100%;
        font-size: 3vw;
        color: white;
    }
    .careersBrochureContainer .rightDiv {
        width: 100%;
        height: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 260px;
    }
    .circle, .circlePurple {
        display:none;
    }
    .careersBrochureContainer img {
        object-fit: contain;
        width: 40%;
        height: 100%;
        transform: rotate(10deg);
    }
    
    
    /*Careers Div End*/
    
    .assetsContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .assetsDiv {
        height: auto;
        width: 100%;
        background-color: white;
        width: auto;
        padding: 0vh 11vw;
        padding-top: 10vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 5vw;
    }
    
    
    /* Buttons Start*/
    
    .buttonPrimary {
        width: 30vw;
        height: 5vh;
        background-color: white;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.8vw;
        font-weight: 600;
        border:none;
    }
    .purple {
        background-color: #87219B;
        transition: all 0.5s;
    }
    .purple:hover {
        background-color: #A72BBE;
    }
    .pink {
        background-color: #A72BBE;
        transition: all 0.5s;
    }
    .pink:hover {
        background-color: white;
        color: #A72BBE;
    }
    .twoButtons {
        width: 100%;
        display: flex;
        gap: 15%;
    }
    
    
    /* Buttons End*/
    
    /*Careers Popup Start*/
    
    .careersPopup {
        width: 100vw;
        height: 100vh;
        background-color: #00000032;
        z-index: 5;
        display: none;
        justify-content: center;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
    }
    .careersPopupContainer {
        position: relative;
        z-index: 6;
        width: 80vw;
        height: 80vh;
        background-color: white;
        overflow-y: auto;
        border-radius: 5px;
    }
    .careersPopupContainer form {
        display: flex;
        flex-direction: column;
        gap: 2vh;
        padding: 3vh;
    }
    .careersPopupContainer label {
        font-weight: 500;
        color: #2d2d2d;
    }
    .careersPopupContainer input {
        border-radius: 3px;
        border: 2px solid #87219B;
        height: 4vh;
        padding-left: 1vw;
        color: #787878;
    }
    .careersPopupContainer .uploadBtn {
        background-color: #061D47;
        border-radius: 0px;
        gap: 2vw;
        width: 40%;
        padding: 3vw;
        font-size: 5vw;
        color: white;
    }
    .careersPopupContainer .close {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #A72BBE;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 5vw;
        width: 10vw;
        height: 10vw;
        color: white;
    }
    /*Careers Popup End */
    
    
    
    /*Impact Div Start*/
    .impactContainer {
        height: auto;
        background-color: white;
        width: auto;
        display: flex;
        flex-direction: column;
    }
    .impactDiv {
        height: auto;
        width: auto;
        background-color: white;
        padding: 0vh 11vw;
        padding-top: 5vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 10vw;
    }
    .impactContainer .divWrap {
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 60vh;
    }
    .impactContainer .divWrap:nth-child(3){
        flex-direction: column-reverse;
        margin-bottom: 10vw;
    }
    .divWrap .firstDiv {
        width: 100%;
        height: 80%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .divWrap .secondDiv {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .secondDiv img {
        object-fit: cover;
        width: 100vw;
        height: auto;
    }
    .firstDiv img {
        object-fit: cover;
        width: auto;
        height: 100%;
    }
    .divWrap .leftText {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 11vw;
        padding-right: 11vw;
        padding-bottom: 15vw;
        gap: 1vw;
    }
    .divWrap .rightText {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 11vw;
        padding-right: 11vw;
        padding-top: 15vw;
    }
    .pictosDiv {
        margin-bottom: 1vh;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .pictosItem {
        width: -webkit-fill-available;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: .5vw;
    }
    .pictosImg {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: auto;
    }
    .pictosImg img {
        object-fit: contain;
        width: 32%;
        height: auto;
    }
    .pictosText {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: auto;
        width: 100%;
        gap: 1vw;
        color: #87219B;
    }
    .pictosNumber {
        font-size: 7vw;
        font-weight: 900;
    }
    .pictosInfo {
        font-size: 3vw;
        font-weight: 800;
    }
    
    
    /*Impact Div End*/
    
    
    /*Assets Management Div Start*/
    
    
    /*Assets Management Div End*/
    
    
    /*Events Div Start*/
    
    .eventsContainer {
        height: auto;
        background-color: white;
        width: auto;
        padding-top: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 5vw;
        padding-left: 11vw;
        padding-right: 11vw;
    }
    .eventsContainer .title {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .eventsFlexDiv {
        width: 75vw;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5vw;
    }
    .eventsItem {
        width: 100%;
        border: 5px solid #EFF2FF;
        color: white;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1vw 0vw;
    }
    .eventsInfos {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        padding: 2vw 0vw;
    }
    .eventsTitle {
        color: #87219B;
        border-right: 3px solid #87219B;
        padding-right: 1vw;
        font-size: 3vw;
        font-weight: 700;
        width: 40%;
        min-height: 7vh;
        display: flex;
        align-items: center;
    }
    .eventsInfos li {
        font-size: 5vw;
        color: #87219B;
    }
    .eventsDate {
        color: #000000;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-items: center;
        font-size: 2vw;
        font-weight: 600;
        gap: 1vw;
    }
    .eventsLocation {
        color: #000000;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-size: 2vw;
        font-weight: 600;
        gap: 1vw;
    }
    .eventsSpeakers {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }
    .eventsSpeakerWrap {
        width: 20%;
        display: flex;
        flex-direction: column;
        border: 5px solid #87219B;
        position: relative;
    }
    .eventsSpeakerImg {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
    }
    .eventsSpeakerImg img {
        object-fit: cover;
        width: 105%;
        height: 100%;
    }
    .eventsSpeakerName{
        position: absolute;
        padding-top: 0.1vw;
        bottom: 0;
        left: -1px;
        width: 100%;
        height: 20%;
        display: flex;
        background-color: #87219B;
        border: 2px solid #87219B;
        color: white;
        font-size: 2vw;
        text-align: center;
    }
    
    /*Events Div End*/
    
    
    
    /* Contact Div Start*/
    
    
    .contactContainer {
        height: auto;
        background-color: white;
        width: auto;
        padding-top: 10vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .contactDiv {
        display: flex;
        flex-direction: column;
        height: auto;
        width: 100%;
        margin-top: 5vw;
    }
    .contactDivLeft {
        background: rgb(49,25,95);
        background: linear-gradient(41deg, rgba(49,25,95,1) 0%, rgba(42,26,88,1) 100%);
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 11vw;
        padding-bottom: 11vw;
    }
    .contactDivRight {
        background-color: #A72BBE;
        width: 100%;
        height: 70vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .contactDivRight form {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1vw;
    }
    .contactDivRight input {
        height: 10vw;
        width: 89%;
        color: #bebebe;
        font-weight: 500;
        padding-left: 3vw;
    }
    .contactDivRight textarea {
        width: 89%;
        height: 18vh;
        color: #bebebe;
        font-weight: 500;
        padding-left: 3vw;
        padding-top: 1vw;
    }
    .contactDivRight form .sendButton {
        height: 10vw;
        width: 93%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #061D47;
        color: white;
        font-weight: 500;
    }
    .stayInTouch {
        font-size: 4vw;
        color: white;
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }
    .locationDiv {
        margin-top: 2vw;
        width: 80%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 4vw;
    }
    .locationInfo {
        display: flex;
        flex-direction: column;
        gap: 1vw;
        color: white;
    }
    .locationName {
        font-size: 4vw;
        font-weight: 700;
    }
    .locationAdress {
        width: 90%;
        font-size: 3vw;
    }
    
    .select {
        /* Reset Select */
        appearance: auto;
        outline: 0;
        border: 0;
        box-shadow: none;
        /* Personalize */
        flex: 1;
        font-size: 2.8vw;
        font-weight: 600;
        text-align: center;
            padding-left: 0%;

        color: #fff;
        background-color: #87219B !important;
        background-image: none;
        cursor: pointer;
      }
      /* Remove IE arrow */
      .select::-ms-expand {
        display: none;
      }
      /* Custom Select wrapper */
      .select {
        position: relative;
        display: flex;
        width: 30vw;
        height: 5vh;
        color: white;
        font-weight: 600;
        overflow: hidden;
      }
      /* Arrow */
      .select::after {
        content: '\25BC';
        position: absolute;
        top: 0.5rem;
        right: 0;
        padding: 1em;
        transition: .25s all ease;
        pointer-events: none;
      }
      /* Transition */
      .select:hover::after {
        color: #061D47;
      }
      .filteringNews {
        padding-top: 3vw;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 3vw;
        font-size: 2.4vw;
        font-weight: 700;
        color: #061D47;
    }
        .filterSearch {
        background-color: #EFF2FF;
        width:30vw;
        height: 5vh;
        padding: 0 1rem;
        font-size: 2.4vw;
        color: #061D47;
        }
    
    /*Contact Div End*/
}


.hidden {
	opacity: 0;
	filter: blur(5px);
	transform: translateY(20%);
	transition: all 0.7s 250ms;
}
.show {
	opacity: 1;
	transform: translateY(0);
	filter: blur(0);
}

.fadeInHide {
    opacity: 0;
    filter: blur(5px);
    transition: all 0.7s 400ms;
}
.fadeInShow {
    opacity: 1;
    filter: blur(0);
}


@media only screen and (max-width:479px) { 
	.newsletterContainer {
	    height: auto;
	}
	.careersBrochureContainer {
	   padding-top: 150px; 
	}
	
	.eventsInfos {
        flex-direction: column;
        justify-content: flex-start;
    }
    .eventsTitle {
        border:none;
        width:100%;
        justify-content:center;
        min-height:4vh;
    }
    
    .newsletterContainer form {
        width: 100%;
    }
    
    .teamMemberBio p {
        font-size:15px;
    }
    .contactDivRight input {
        border-radius: 0px;
    }
    
    .eventDetails {
        display: flex;
        gap: 30px;
        padding: 10px;
        align-items: flex-start;
    }
    .eventDetails div {
        width: 50%;
    }
    
    .new, .content h1, .content p {
        width: auto !important;
    }
    
    .careersPopupContainer .uploadBtn {
    font-size: 3vw;
}
    
}



body > div.impactContainer > div:nth-child(3) > div.firstDiv > img {
    width: 100% !important;
}
.stayInTouch {
    width: 80%;
}

/* Responsive End */

.eventsDate li, .eventsLocation li {
    min-width:40px;
    display:flex;
    justify-content: center;
}


.textSplide span {
    font-weight:bolder;
}
.truncate2lines {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.truncate3lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3; /* Number of lines to show */
}

.selectPopup {
    border-radius: 3px;
    border: 2px solid #87219B;
    padding: 1vw;
    color: #787878;
}