.why-us-block { padding: 100px 0 0; position: relative; overflow: hidden;}
.why-us-block .bg {position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; z-index: 1;}
.why-us-block .container {margin-bottom: 30px;}
.why-us-block .row {position: relative; z-index: 2;}
.why-us-block .row .gap {row-gap: 30px}
.why-us-block .d-flex.align-items-center {gap: 30px}
.why-us-block .heading {font-size: 40px; line-height: 1.1; font-weight: 700; margin: 0; padding: 0; text-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); text-align: center;}
.why-us-block .description {display: flex; flex-direction: column; gap: 15px; position: relative; text-align: center;}
.why-us-block .description * {margin: 0;}
.why-us-block .description:after {height: 3px; content: ''; width: 70px; background-color: var(--two);  display: block; margin: 15px auto 0 auto;}
.why-us-block .button {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one);  border: solid 1px var(--one); width: fit-content; margin: auto;}
.why-us-block .button:hover {border: solid 1px var(--two); color: var(--two); background-color: transparent; cursor: pointer;}
.overlayed {transform: translateY(0%); position: relative; z-index: 3; margin-top: 50px;}
.points-bg {padding: 60px; background-color: var(--zero); color: var(--three);  filter: drop-shadow(0px 5px 20px rgba(0, 0, 0, 0.1)); }
.points-bg .bg {position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover;}
.points-bg .row {position: relative; z-index: 4; row-gap: 50px;}
.points-bg .single-point {text-align: center;}
.points-bg .single-point .icon img,
.points-bg .single-point .icon svg {width: 100%; max-width: 100px; max-height: 100px; height: auto; margin-bottom: 30px;}
.points-bg .single-point .icon svg * {fill: var(--two);}
.points-bg .single-point .name {font-size: 19px; line-height: 1.1; font-weight: 600; margin: 0; padding: 0; color: var(--four); position: relative; height: 67px; display: flex; justify-content: center; align-items: center;}
.points-bg .single-point .name:after {height: 3px; content: ''; width: 70px; background-color: var(--two);  display: block; margin: auto; display: table;bottom: -5px; left: 0; right: 0; position: absolute}
.points-bg .single-point .details {color: var(--four); display: block; padding-top: 20px; font-size: 14px;}

.points-bg .details ul li{list-style: disc;text-align: left;}

.zakres-uslug .points-bg{background: none; padding-top: 0;}
.zakres-uslug .single-point {padding: 0 60px;}
.zakres-uslug .single-point .icon img, 
.zakres-uslug .single-point .icon svg {
	max-width: 50px;
	max-height: 50px;
	margin-bottom: 10px;
}


@media (max-width: 1399.98px) {
	.points-bg {padding: 30px;}
	.points-bg .row {row-gap: 30px;}
	.points-bg .single-point .name {font-size: 22px;}
	.zakres-uslug .single-point {padding: 0 30px;}
}

@media (max-width: 1199.98px) {
	.points-bg .single-point .name {font-size: 22px;}
}

@media (max-width: 991.98px) {
	.points-bg .single-point .name {font-size: 22px;}
	.zakres-uslug .single-point {padding: 0 15px;}
}

@media (max-width: 767.98px) {
	.why-us-block .heading {text-align: center;}
	.why-us-block .description {text-align: center;}
	.why-us-block .d-flex {flex-direction: column;}
	.points-bg .single-point .name {font-size: 24px;}
	.why-us-block .description:after {margin: auto;}
	.zakres-uslug .single-point {padding: 0;}
}

@media (max-width: 575.98px) {
	.points-bg .row {row-gap: 15px;}
	.points-bg .single-point .name {font-size: 20px;}
	.zakres-uslug .points-bg{padding:0;}
	.why-us-block .heading {font-size: 33px;}
}

body.ks-rounding-light .why-us-block .button {border-radius: 8px;}
body.ks-rounding-strong .why-us-block .button {border-radius: 32px;}
body.ks-rounding-light .points-bg {border-radius: 8px;}
body.ks-rounding-strong .points-bg {border-radius: 32px;}