.page-header-bg {
        top: 165px !important;
    }
    .list-unstyled span {
    color: #fff;
}
.why-life a {
    color: #fff !important;
}
.why-life a:hover {
    color: var(--insuz-base) !important;
}


@media(min-width: 1600px) and (max-width: 1700px) {

.page-header {
    padding: 292px 0 200px !important;
}
}

@media(min-width: 1700px) and (max-width: 1800px) {

.page-header {
    padding: 292px 0 220px !important;
}
}

@media(min-width: 1800px) and (max-width: 1900px) {

.page-header {
    padding: 292px 0 250px !important;
}
}

@media(min-width: 1900px) and (max-width: 2000px) {

.page-header {
    padding: 292px 0 280px !important;
}
}

@media(min-width: 2000px) and (max-width: 2100px) {

.page-header {
    padding: 340px 0 310px !important;
}
}


@media(min-width: 2100px) and (max-width: 2200px) {

.page-header {
    padding: 340px 0 310px !important;
}
}

@media(min-width: 2200px) and (max-width: 2300px) {

.page-header {
    padding: 390px 0 360px !important;
}
}

@media(min-width: 2300px) and (max-width: 2400px) {

.page-header {
    padding: 390px 0 360px !important;
}
}

@media(min-width: 2400px) and (max-width: 2500px) {

.page-header {
    padding: 390px 0 360px !important;
}
}

@media(min-width: 2500px) and (max-width: 2600px) {

.page-header {
    padding: 390px 0 360px !important;
}
}

@media(min-width: 2600px) and (max-width: 2700px) {

.page-header {
    padding: 390px 0 360px !important;
}
}

@media(min-width: 2700px) and (max-width: 2800px) {

.page-header {
    padding: 390px 0 360px !important;
}
}