.why-us-block {background-color: transparent; color: var(--zero); padding-bottom: 20px; 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 {}
.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: normal; 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;}
.points-bg {padding: 60px; 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;}
.points-bg .single-point {text-align: center; display: grid; grid-template-columns: 30px 1fr;}
.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: 22px; line-height: 1.1; font-weight: normal; margin: 0; padding: 0; color: var(--three); position: relative; margin-bottom: 10px; text-align: left;}
/* .points-bg .single-point .name:after {height: 3px; content: ''; width: 70px; background-color: var(--two);  display: block; margin: auto; margin-top: 15px; top: 100%; display: table; left: 0; right: 0;} */
.points-bg .single-point .details {color: var(--four-lighter); display: block; padding-top: 15px; font-weight: normal; font-size: 18px; text-align: left;}
.points-bg .single-point .point-content {padding-left: 23px;}

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

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

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

@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;}
}

@media (max-width: 575.98px) {
	.points-bg .row {row-gap: 15px;}
	.points-bg .single-point .name {font-size: 20px;}
}

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;}