.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--secondary) !important;
  border-color: var(--secondary) !important;
  color: #fff;
}

.btn-primary
{
    border-color: var(--primary) !important;
}

.page-header {
    margin: 0;
}

.office-image {
    margin-top: 10%;
}

@media (max-width: 1199px) {
    .hero-mobile {
        background-image: url('../img/slides/working(cut)_office.jpg') !important;
        background-size: cover !important;
        background-position: center !important;
    }

    .hero-mobile::before {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 0;
    }

    .hero-mobile .container {
        position: relative;
        z-index: 1;
    }
}