.why-us-block {background-color: var(--zero); color: var(--four); padding: 100px 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: 500; margin: 0; padding: 0; text-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); text-align: center;}
.why-us-block .description {display: flex; color: var(--four-light) flex-direction: column; gap: 15px; position: relative; text-align: center;     flex-direction: column;}
.why-us-block .description * {margin: 0;}
.why-us-block .description:after {height: 3px; content: ''; width: 70px; background-color: var(--two); border-radius: 2px; display: block; margin: 15px auto 0 auto;}
.why-us-block .button {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one); border-radius: 5px; 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(-50%); position: relative; z-index: 3;}
.points-bg {padding: 60px; background-color: var(--zero); color: var(--three); border-radius: 10px; 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;}
.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: 54px; line-height: 1.1; font-weight: 700; margin: 0; padding: 0; color: var(--three); position: relative; margin-bottom: 10px;}
.points-bg .single-point .name:after {height: 3px; content: ''; width: 70px; background-color: var(--two); border-radius: 2px; display: block; margin: auto; margin-top: 15px; top: 100%; display: table; left: 0; right: 0;}
.points-bg .single-point .details {color: var(--four); display: block; padding-top: 15px; font-weight: 600; font-size: 18px;}



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

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

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

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