.default-section-title-container {
    max-width: 550px;
}

.services-card,
.branch-card {
    transition: .3s;
}

.services-card:hover {
    box-shadow: 0px 7px 29px 0px #00000040;
}

.section-title::before {
    background-color: var(--primary-color);
}

.branch-card:hover {
    background-color: var(--white-color) !important;
    box-shadow: 0px 7px 29px 0px #00000040;

}

.team-section {
    background-image: url("../assets/images/hero-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.team-section::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    background-color: rgb(2 32 103 / 70%);
}