/************************** Benefits Subpages ***************************/

#Sustainability,
#Passenger_Experiance,
#CostEfficiancy {
    margin-top: 90px;
}

.container .text-center>.lead {
    padding: 0 5%;
}

#Sustainability .contact_info,
#Passenger_Experiance .contact_info,
#CostEfficiancy .contact_info {
    padding: 20px 0;
    font-size: 18px;
}

/* #Sustainability .card.h-100,
#Passenger_Experiance .card.h-100,
#CostEfficiancy .card.h-100 {
    justify-content: space-evenly;
} */

#Sustainability .card.h-100 .card-body,
#Passenger_Experiance .card.h-100 .card-body,
#CostEfficiancy .card.h-100 .card-body {
    flex: inherit;
}

#Sustainability .card-text,
#Passenger_Experiance .card-text,
#CostEfficiancy .card-text {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

#Sustainability .card-header,
#Passenger_Experiance .card-header,
#CostEfficiancy .card-header {
    box-shadow: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

#Sustainability .card-body,
#Passenger_Experiance .card-body,
#CostEfficiancy .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 576px) {
    #Sustainability .container .col-sm.text-center {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 991px) {
    #Passenger_Experiance .container .col-sm.text-center {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px) {
    #CostEfficiancy .container .col-sm.text-center {
        margin-bottom: 30px;
    }
}


/************************** Use Case Subpages ***************************/
#breadcrumbs{
    margin-top: 90px;
}
.portfolio-details .container .row.gy-4:not(:last-of-type){
    margin-bottom: 50px;
}