#divIntro{
    height: auto;
    background-color:#055d75;
    color:white;
    padding:1%;
}
#intro {
    text-align: center;
    margin-left:20%;
    margin-right:20%;
}
.col-4 {
    display: flex;
    justify-content: center;
    & .card {
        width: 22rem;
    }
}
.card{
    border:transparent;
}

#cardServicesTitle, #servicesTitle{
    text-align:center;
    color: #055d75;
    padding:1%;
}
#ourServicesContainer{
    padding:2%;
}
#jobsTitle {
    text-align:center;
    color: white;
}
#jobContainer{
    background-color:#055d75;
    color:white;
    padding:2%;
}

#management-section{
    padding:3% 20% 3% 20%;
}
#development-section{
    background-color:#055d75;
    color:white;
    padding:3% 20% 3% 20%;
}
#outsourcing-section{
    padding:3% 20% 3% 20%;
}

/* Optional: Adding responsiveness for small screens */
@media (max-width: 576px) {
    .col-4 {
        width:100%;
    }
}

/* Responsive Design for Small Screens (Mobile Devices) */
@media (max-width: 1464px) {

}

/* Responsive Design for Larger Screens (Desktop and beyond) */
@media (min-width: 1465px) {

}