/* 

.driverSectionParentContainer{
    margin: 15px;
}
.driverServiceHeading{
    font-weight: 600;
    margin-bottom: 20px;
}
.driverServiceContainer{
    display: flex;
    justify-content: space-around;
    font-size: 14px;
    margin-bottom: 40px;
}
.driverService{
    width: 300px;
    height: 100px;
    padding: 10px;
    border-radius: 10px;
}
.driverService:nth-child(1){
    background-color: rgba(245, 235, 255, 1);
    border: 1px solid rgba(182, 128, 233, 1);
    margin-right: 10px;
}
.driverService:nth-child(2){
    background-color: rgba(233, 255, 253, 1);
    border: 1px solid rgba(79, 194, 180, 1);
    margin-right: 10px;
}
.driverService:nth-child(3){
    background-color: rgba(255, 250, 232, 1);
    border: 1px solid rgba(194, 138, 0, 1);
    margin-right: 10px;
}
.driverService:nth-child(4){
    background-color: rgba(236, 246, 255, 1);
    border: 1px solid rgba(66, 151, 243, 1);
}
.driverService div:first-child{
    display: flex;
    justify-content: end;
}
.driverService div:nth-child(2) p{
    font-size: 12px;
    font-weight: 600;
    margin: 10px 0;
} */



.driverSectionParentContainer {
    margin: 15px
}

.driverServiceHeading {
    font-size: 24px;
    font-weight: 600;
    margin: 25px 0 24px
}

.driverServiceContainer {
    display: flex;
    justify-content: space-around;
    font-size: 14px;
    margin-bottom: 40px
}

.driverService {
    width: 300px;
    padding: 14px 14px 0 14px;
    border-radius: 10px
}

.driverService:nth-child(1) {
    background-color: rgba(245, 235, 255, 1);
    border: 1px solid rgba(182, 128, 233, 1);
    margin-right: 10px
}

.driverService:nth-child(2) {
    background-color: rgba(233, 255, 253, 1);
    border: 1px solid rgba(79, 194, 180, 1);
    margin-right: 10px
}

.driverService:nth-child(3) {
    background-color: rgba(255, 250, 232, 1);
    border: 1px solid rgba(194, 138, 0, 1);
    margin-right: 10px
}

.driverService:nth-child(4) {
    background-color: rgba(236, 246, 255, 1);
    border: 1px solid rgba(66, 151, 243, 1)
}

.driverService div:first-child {
    display: flex;
    justify-content: end
}

.driverService div:nth-child(2) p {
    font-size: 12px;
    font-weight: 600;
    margin: 14px 0;
    color: black;
}

@media (min-width: 769px) {
    .driverSectionParentContainer {
        margin: 0;
        padding: 40px 100px;
    }

    .driverServiceHeading {
        text-align: center;
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .driverServiceContainer {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 40px;
        margin: 0 auto 40px auto;
    }

    .driverService {
        width: auto;
        margin-right: 0;
    }

    .driverService:nth-child(1),
    .driverService:nth-child(2),
    .driverService:nth-child(3) {
        margin-right: 0;
    }
}