.funcs-block {background-color: transparent; color: var(--zero); padding: 0; padding-top: 60px; position: relative; overflow: hidden;}
.funcs-block .bg {position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover; z-index: 1;}
.funcs-block .container {margin-bottom: 30px;}
.funcs-block .row {position: relative; z-index: 2;}
.funcs-block .row .gap {row-gap: 30px}
.funcs-block .d-flex.align-items-center {gap: 30px}
.funcs-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;}
.funcs-block .description {display: flex; flex-direction: column; gap: 15px; position: relative; text-align: center;}
.funcs-block .description * {margin: 0;}
.funcs-block .description:after {height: 3px; content: ''; width: 70px; background-color: var(--two);  display: block; margin: 15px auto 0 auto;}
.funcs-block .button {display: flex; padding: 15px 40px; background-color: transparent; color: var(--one);  border: solid 1px var(--one); width: fit-content; margin: auto;}
.funcs-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;}
.funcs-items .bg {position: absolute; left: 0; top: 0; height: 100%; width: 100%; object-fit: cover;}
.funcs-items .row {position: relative; z-index: 4;}
.funcs-items .single-func {text-align: center; background-color: var(--four-lighted); padding: 1rem; border-radius: 1rem; box-shadow: 0px 0px 2px #403f3f; height: 100%; display: flex; gap: 2rem; flex-direction: column;}
.funcs-items .single-func .image img,
.funcs-items .single-func .image svg {width: 100%; height: auto; margin-bottom: 30px;}
.funcs-items .single-func .image svg * {fill: var(--two);}
.funcs-items .single-func .name {font-size: 18px; line-height: 1.1; font-weight: normal; margin: 0; padding-top: 1rem; 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;} */
.funcs-items .single-func .details {color: var(--four-lighter); display: block; padding-top: 15px; font-weight: normal; font-size: 15px; text-align: left;}
.funcs-items .single-func .func-content {padding-left: 23px;}
.funcs-items .func-col .single-func {flex-direction: row; display: flex;}
.funcs-items .func-col .single-func .func-content {width: 60%;}
.funcs-items .func-col {display: flex; flex-direction: column; gap: 2rem;}
.funcs-row {margin-bottom: 2rem;}

@media (max-width: 1399.98px) {
	.funcs-items {padding: 30px;}
	.funcs-items .row {row-gap: 30px;}
	/* .funcs-items .single-func .name {font-size: 20px;} */
}

@media (max-width: 1199.98px) {
	/* .funcs-items .single-func .name {font-size: 18px;} */
}

@media (max-width: 991.98px) {
	/* .funcs-items .single-func .name {font-size: 18px;} */
}

@media (max-width: 767.98px) {
	.funcs-block .heading {text-align: center;}
	.funcs-block .description {text-align: center;}
	.funcs-block .d-flex {flex-direction: column;}
	.funcs-items .single-func .name {font-size: 24px;}
	.funcs-block .description:after {margin: auto;}
}

@media (max-width: 575.98px) {
	.funcs-items .row {row-gap: 15px;}
	.funcs-items .single-func .name {font-size: 20px;}
}

body.ks-rounding-light .funcs-block .button {border-radius: 8px;}
body.ks-rounding-strong .funcs-block .button {border-radius: 32px;}
body.ks-rounding-light .funcs-items {border-radius: 8px;}
body.ks-rounding-strong .funcs-items {border-radius: 32px;}