.header.active .header-nav {
    justify-content: flex-start;
}

.header.active .header-nav .header-action .btn-secondary .icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
}

.header.active .header-nav .header-action .btn-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
}

.hero-title > *, .hero-title h1 {
    font: 400 72px / normal Calibri;
}

.title-section > *, .title-section h1 {
    font: 400 33px / 40px Calibri;
}

.service-title > *, .service-title h1 {
    font: 300 32px / normal Calibri;
}


@media screen and (max-width: 1200px) {
    .hero-title > *, .hero-title h1 {
        font-size: 52px;
    }
}

@media screen and (max-width: 992px) {
    .header-btn span, .header-btn:after, .header-btn:before {
        width: 30px;
    }
}

@media screen and (max-width: 768px) {
    .hero-title > *, .hero-title h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 992px) {
}