.icon-elements {
    text-align: center;
    position: relative;
	margin: 80px auto;
}
.icon-elements p {
	max-width: 358px;
    margin: auto auto auto auto;
}
.icon-elements a {
	margin-top: 35px;
}
.icon-elements h4 {
	max-width: 268px;
	margin: auto;
	min-height: 73px;
	margin: 46px auto 10px auto;
}
.icon-elements .theme-btn {
	min-width: 193px;
}
.icon-elements h4, .icon-elements .theme-btn {
	text-transform: uppercase;
}

[data-bs-theme=dark] .icon-elements img {
    filter: brightness(0) invert(1);
}

@media(min-width:992px){
	.item-with-arrow::after {
		background: url('../Images/icon-arrow.svg') no-repeat center center;
		content: "";
		right: -18px;
		position: absolute;
		top: 50%;
		z-index: 9;
		width: 35px;
		height: 27px;
		transform: translateY(-50%);
	}
	[data-bs-theme=dark] .item-with-arrow::after {
		background: url('../Images/icon-arrow-white.svg') no-repeat center center;
		content: "";
	}
	.col:last-child .item-with-arrow::after {
		content: none;
	}
}

@media(max-width: 767.90px){
	.icon-elements-row {
		flex-direction: column;
	}
	.item-with-arrow::after {
		background: url('../Images/icon-arrow.svg') no-repeat center center;
		content: "";
		right: inherit;
		left: calc(50% - 5%);
		position: absolute;
		top: inherit;
		bottom: -110px;
		z-index: 9;
		width: 35px;
		height: 27px;
		transform: translateX(-50%);
		rotate: 90deg;
	}
}

@media (max-width: 576.9px){
	.icon-elements {
    		margin-bottom: 80px;
	}
}