body {
	background: #ececf2;
	background-image: linear-gradient(to bottom right, #efeff4, #ececf2);
}

	.txt-lg {
		font-size: 1.8em;
	}

	.txt-sml {
		font-size: 0.8em;
	}

.bgr-grd {
	background-image: linear-gradient(to bottom right, rgba(0 0 0 / 6%), rgba(255 255 255 / 42%));
	border-radius: 17px;
}

.bx-shd-xs {
    border-radius: 12px;
	box-shadow: 2px 2px 0 0px rgb(0 0 0 / 29%), inset 2px 2px 3px 0px rgb(255 255 255 / 67%), inset -1px -1px 0 0px rgb(255 255 255 / 30%);
}

.bx-shd-s {
	border-radius: 7px;
	box-shadow: 3px 3px 3px 0px rgb(0 0 0 / 23%), inset 2px 3px 2px 0px rgb(255 255 255);
}

.bx-shd-m {
	border-radius: 12px;
	box-shadow: 3px 3px 4px 1px rgb(0 0 0 / 20%), inset 3px 4px 3px 0 rgb(255 255 255 / 60%);
}


	.links.bx-shd-m {
		box-shadow: 3px 3px 1px 0px rgb(0 0 0 / 9%), inset 2px 3px 2px 0px rgb(255 255 255), 8px 9px 8px 0px rgb(0 0 0 / 19%);
	}

.bx-shd-m-lg {
	box-shadow: 6px 1px 8px 3px rgb(0 0 0 / 21%), inset 5px 2px 2px 0 rgb(255 255 255 / 90%);
}

	.cta-container .txt-block .frames ul.bx-shd-m-lg,
	.accent-container ul.bx-shd-m-lg {
		box-shadow: 3px 3px 5px 1px rgb(0 0 0 / 21%), inset 4px 3px 2px 0 rgb(255 255 255 / 100%);
	}

.bx-shd-m-lg-soft {
	box-shadow: 5px 1px 11px 7px rgb(0 0 0 / 21%), inset 5px 7px 6px 1px rgb(255 255 255 / 85%);
}

.bx-shd-lg {
	border-radius: 20px;
	box-shadow: 7px 7px 5px 0 rgb(0 0 0 / 29%), -6px -7px 9px 0 rgb(255 255 255 / 33%), inset 2px 3px 5px 3px rgb(0 0 0 / 4%);
	border: 3px solid #dbdee7;
}

.bx-shd-inv {
	border-radius: 20px;
	box-shadow: inset 3px 4px 5px 0 rgb(0 0 0 / 33%), inset -3px -4px 3px 0 rgb(255 255 255 / 80%);
	box-shadow: -2px -2px 10px 0 rgb(255 255 255 / 34%), inset 3px 4px 16px 0 rgb(0 0 0 / 33%), inset -1px -2px 1px 0 rgb(255 255 255 / 99%);
	background: #c5cded;
	background-image: linear-gradient(to bottom right, rgba(0 0 0 / 1%), rgba(236 236 242 / 80%));
}

	.bx-shd-inv-s {
		border-radius: 9px;
		box-shadow: inset 4px 5px 4px 0 rgb(0 0 0 / 17%), inset -4px -4px 1px 0 rgb(255 255 255 / 52%);
		background: #c5cded;
		background-image: linear-gradient(to bottom right, rgba(0 0 0 / 1%), rgba(236 236 242 / 90%));
	}

		.cta-container .frames .bx-shd-inv-s,
		.accent-container .bx-shd-inv-s {
			box-shadow: inset 2px 1px 3px 0px rgb(0 0 0 / 25%), 3px 2px 0px 0px rgb(255 255 255 / 90%);
			background: none;
		}

		.cta-container .img-container.bx-shd-inv,
		.cta-container .img-container .bx-shd-inv {
			box-shadow: inset 3px 4px 5px 0 rgb(0 0 0 / 33%), inset -3px -4px 3px 0 rgb(255 255 255 / 80%);
		}

		.clients-gallery-primary .img-container.bx-shd-inv {
			box-shadow: inset 1px 2px 3px 0 rgb(0 0 0 / 26%), inset -2px 0px 0px 0 rgb(255 255 255 / 85%);
		}

		footer .bx-shd-inv-s {
			box-shadow: inset 3px 4px 2px 0 rgb(0 0 0 / 17%), inset -3px -3px 1px 0 rgb(255 255 255 / 0%);
		}

	.bx-shd-inv-lght {
		border-radius: 20px;
		box-shadow: inset 5px 6px 4px 0 rgb(0 0 0 / 20%), inset -4px -4px 1px 0 rgb(255 255 255 / 49%);
		box-shadow: -2px -2px 10px 0 rgb(255 255 255 / 34%), inset 3px 4px 16px 0 rgb(0 0 0 / 33%), inset -1px -2px 1px 0 rgb(255 255 255 / 99%);
		background: #c5cded;
		background-image: linear-gradient(to bottom right, rgba(0 0 0 / 1%), rgba(236 236 242 / 79%));
	}

.arch-box-small {
	border-radius: 19px 19px 0 0;
}

.bx-shd-inv-to-right,
.bx-shd-inv-to-left {
	border-radius: 20px;
	box-shadow: inset 4px 6px 4px 0 rgb(0 0 0 / 19%), inset -3px -4px 2px 0 rgb(255 255 255 / 52%);
	box-shadow: -3px -4px 2px 0 rgb(255 255 255 / 17%), inset 4px 6px 14px 0 rgb(0 0 0 / 29%), inset -2px -2px 2px 0 rgb(255 255 255 / 99%);
	background: #c5cded;
	background-image: linear-gradient(to bottom right, rgba(0 0 0 / 1%), rgba(236 236 242 / 90%));
}

	.bx-shd-inv-to-left {
		background-image: linear-gradient(to bottom left, rgba(0 0 0 / 3%), rgba(236 236 242 / 80%));
	}

.bx-shd-inv-to-right-inner,
.bx-shd-inv-to-left-inner {
	background-image: linear-gradient(to right, rgba(236 236 242 / 0%), rgba(236 236 242 / 100%), rgba(236 236 242 / 100%));
}

	.bx-shd-inv-to-left-inner {
		background-image: linear-gradient(to left, rgba(236 236 242 / 0%), rgba(236 236 242 / 100%), rgba(236 236 242 / 100%));
	}

	.skills-container .bx-shd-inv-to-right-inner {
		padding: 1.5em 1.5em;
	}

.bx-shd-inv-to-right-sm,
.bx-shd-inv-to-left-sm {
	border-radius: 11px;
	box-shadow: inset 0px 4px 4px 0 rgb(0 0 0 / 18%), inset -2px -4px 2px 0 rgb(255 255 255 / 70%);
	background: #e6e6ee;
	background-image: linear-gradient(to bottom right, rgba(0 0 0 / 3%), rgba(236 236 242 / 80%));
}

.bx-shd-inv-to-right-inner-sm,
.bx-shd-inv-to-left-inner-sm {
	    padding: 0.5em;
		background-image: linear-gradient(to left, rgba(236 236 242 / 0%), rgba(231 231 237 / 100%));
}

	.clients .bx-shd-inv-to-right-inner-sm,
	.clients .bx-shd-inv-to-left-inner-sm {
		padding: 0.5em 0 0.5em 0.5em;
		background-image: linear-gradient(to left, rgba(236 236 242 / 0%), rgba(238 238 243 / 100%));
	}

		.graphicdesign .clients .bx-shd-inv-to-right-inner-sm,
		.graphicdesign .clients .bx-shd-inv-to-left-inner-sm {
				background-image: linear-gradient(to left, rgba(236 236 242 / 0%), rgba(230 230 237 / 100%));
		}

.bx-shd-brdr {
	border: 2px solid #29470e14;
	border-radius: 20px;
	box-shadow: inset 3px 2px 0px 2px rgb(255 255 255 / 49%);
}

.bx-shd-dots {
	border-radius: 50%;
	box-shadow: 2px 2px 0 0px rgb(0 0 0 / 29%), inset 2px 2px 3px 0px rgb(255 255 255 / 67%), inset -1px -1px 0 0px rgb(255 255 255 / 30%);
}

.dot,
.line {
	border-radius: 50%;
	box-shadow: inset 1px 1px 2px 0 rgb(0 0 0 / 42%), inset -2px -1px 0px 0px rgb(255 255 255 / 91%);
	box-shadow: inset 1px 1px 2px 0 rgb(0 0 0 / 58%), inset -2px -1px 0px 0px rgb(255 255 255 / 91%);
}

	.line {
		border-radius: 20px;
	}

		.line-secondary {
			border-radius: 0 0 20px 20px;
		}

	.slogan-container .dot {
		margin: 0;
		box-shadow: inset 1px 2px 1px 1px rgb(0 0 0 / 34%), inset -2px -1px 0px 0px rgb(255 255 255 / 100%);
		box-shadow: inset 1px 2px 1px 0 rgb(0 0 0 / 32%), inset -2px -1px 0px 0 rgb(255 255 255 / 100%);
	}

.separator {
	background: #ececf2;
    background: -webkit-linear-gradient(left, #eeeef3, #f9f9fb, #ececf2);
    background: -o-linear-gradient(right, #eeeef3, #f9f9fb, #ececf2);
    background: -moz-linear-gradient(right, #eeeef3, #f9f9fb, #ececf2);
    background: linear-gradient(to right, #eeeef3, #f9f9fb, #ececf2);
}

	footer .separator {
		background: #ececf2;
		background: -webkit-linear-gradient(left, #e1e2eb, #ececf2, #e1e2eb);
		background: -o-linear-gradient(right, #e1e2eb, #ececf2, #e1e2eb);
		background: -moz-linear-gradient(right, #e1e2eb, #ececf2, #e1e2eb);
		background: linear-gradient(to right, #e1e2eb, #ececf2, #e1e2eb);
	}

	.separator.listing {
		background: #ececf2;
		background: -webkit-linear-gradient(left, #9b9b9d, #ececf2);
		background: -o-linear-gradient(right, #9b9b9d, #ececf2);
		background: -moz-linear-gradient(right, #9b9b9d, #ececf2);
		background: linear-gradient(to right, #9b9b9d, #ececf2);
	}

	.separator.rainbow {
		background: cyan;
		background: -webkit-linear-gradient(left, green, yellow, orange, violet, violet, blue, cyan, #9eebf1, #e1e2eb);
		background: -o-linear-gradient(right, green, yellow, orange, violet, violet, blue, cyan, #9eebf1, #e1e2eb);
		background: -moz-linear-gradient(right, green, yellow, orange, violet, violet, blue, cyan, #9eebf1, #e1e2eb);
		background: linear-gradient(to right, green, yellow, orange, violet, violet, blue, cyan, #9eebf1, #e1e2eb);
	}

		.separator.rainbow.top {
			background: cyan;
			background: -webkit-linear-gradient(left, green, yellow, orange, violet, violet, #9652f5, blue, cyan, green);
			background: -o-linear-gradient(right, green, yellow, orange, violet, violet, #9652f5, blue, cyan, green);
			background: -moz-linear-gradient(right, green, yellow, orange, violet, violet, #9652f5, blue, cyan, green);
			background: linear-gradient(to right, green, yellow, orange, violet, violet, #9652f5, blue, cyan, green);
		}
header {
	background: #ececf2;
	background-image: linear-gradient(to right, #f6f6f8, #f0f0f5);
	background: -webkit-linear-gradient(right, #f6f6f8, #f0f0f5);
	background: -o-linear-gradient(right, #f6f6f8, #f0f0f5);
	background: -moz-linear-gradient(right, #f6f6f8, #f0f0f5);
	background: linear-gradient(to right, #f6f6f8, #f0f0f5);
	box-shadow: 0 4px 10px 2px rgb(0 0 0 / 11%);
}

	.links .menu a:hover,
	.links .menu a.current,
	.links .menu a.current:hover {
		box-shadow: 2px 3px 3px 0 rgb(0 0 0 / 18%), -3px -2px 2px 0 rgb(255 255 255 / 57%);
		border-radius: 9px;
	}

	.links .menu a.current,
	.links .menu a:active {
		box-shadow: inset 2px 3px 3px 0 rgb(0 0 0 / 18%), inset -3px -2px 2px 0 rgb(255 255 255 / 57%);
	}

.bar1,
.bar2,
.bar3 {
	box-shadow: inset 3px 1.5px 1px 0 rgb(0 0 0 / 33%);
	border-radius: 2px;
	background: #d4d4d7
}

	.icon:hover .bar1,
	.icon:hover .bar2,
	.icon:hover .bar3 {
		box-shadow: inset 3px 1.5px 1px 0 rgb(0 0 0 / 50%);
	}

	.change .bar1,
	.change .bar2,
	.change .bar3 {
		background: rgba(255,255,255,0.4);
	}


.submenu-container {
	background: #ededf2;
	background-image: linear-gradient(to bottom, #424d606b, #ffffff21);
	box-shadow: 0 4px 6px 0 rgb(0 0 0 / 10%);
}

.btn-container a,
.submenu-container .submenu-item a {
	background: #ffffffc9;
	border-radius: 7px;
	box-shadow: 2px 2px 4px 2px rgb(0 0 0 / 20%), inset 3px 2px 2px 0px rgb(255 255 255 / 89%);
}

	.submenu-container .submenu-item a {
		box-shadow: 2px 2px 3px 1px rgb(0 0 0 / 15%), inset 3px 3px 2px 0px rgb(255 255 255 / 99%);
	}

	.btns-container a {
		border-radius: 19px;
		background: linear-gradient(163deg, rgb(255 255 255 / 90%), #798bac36);
		box-shadow: 9px 9px 18px #6b6e73ab, -10px -10px 20px #ffffff;
		box-shadow: 4px 4px 9px 2px #6b6e73ab, -4px -3px 11px 6px #ffffff;
		box-shadow: 2px 2px 0 0px rgb(0 0 0 / 30%), inset 2px 2px 0px 0px rgb(255 255 255 / 86%), inset -1px -1px 0 0px rgb(255 255 255 / 20%);
		box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 30%), inset 2px 2px 0px 0px rgb(255 255 255 / 86%), inset -1px -1px 0 0px rgb(255 255 255 / 20%);
	}

		.btn-container a.primary {
				background: #f4f4f8;
				background: #95abd44f;
				background: #95abd42b;
				background: linear-gradient(172deg, rgb(255 255 255 / 100%), #798bacab);
				background: linear-gradient(172deg, rgb(233 250 236 / 99%), #abc9ff);
		}

		.submenu-container .submenu-item a:hover,
		.btn-container a:hover {
			box-shadow: 2px 2px 0 0px rgb(0 0 0 / 30%), inset 2px 2px 0px 0px rgb(255 255 255 / 86%), inset -1px -1px 0 0px rgb(255 255 255 / 20%);
		}

			.btn-container a:hover {
				box-shadow: 4px 3px 2px 0px rgb(0 0 0 / 18%), inset 4px 3px 1px 0px rgb(255 255 255 / 76%);
			}

	.submenu-container .submenu-item a:active,
	.btn-container a:active {
		box-shadow: inset 2px 2px 2px 0 rgb(0 0 0 / 19%), inset -1px -1px 0 0 rgb(255 255 255 / 52%);
	}

.box-img:active {
	box-shadow: inset 3px 4px 2px 0 rgb(0 0 0 / 19%), inset -3px -4px 2px 0 rgb(255 255 255 / 52%);
}

.clients-gallery-primary .col {
	box-shadow: 4px 4px 6px 0 rgb(0 0 0 / 27%), -4px -5px 6px 0 rgb(255 255 255 / 85%);
	box-shadow: 4px 4px 6px 0 rgb(0 0 0 / 27%), -3px -3px 7px 0 rgb(255 255 255 / 85%);
}

.clients-gallery-primary .col img {
	box-shadow: 0 6px 1px -2px rgb(255 253 253 / 0%), 0 -1px 4px 1px rgb(0 0 0 / 23%);
}

.slogan-container {
	box-shadow: 0 2px 1px 2px rgb(255 255 255 / 80%), 0 -2px 0px 0px rgb(255 255 255 / 80%);
	box-shadow: 0 7px 0px -4px rgb(255 255 255 / 93%), 0 -2px 0px 0px rgb(255 255 255 / 84%);
	box-shadow: 0 7px 2px -1px rgb(255 255 255 / 100%), 0 -2px 0px 0px rgb(255 255 255 / 100%);
	box-shadow: 0 6px 2px -1px rgb(255 255 255 / 100%), 0 -2px 0px 0px rgb(255 255 255 / 100%);
	box-shadow: 0 6px 1px -2px rgb(255 255 255 / 100%), 0 -2px 0px 0px rgb(255 255 255 / 100%);
}

.slogan-list {
	background: #140a3c0d;
	box-shadow: inset 0 9px 23px -12px #262f3e, inset 0 -7px 8px -8px #29354aa3;
	box-shadow: inset 0 16px 26px -12px #262f3e, inset 0 -9px 5px -8px #29354aa3;
}

.recommendations .quote span {
	text-shadow: 2px 2px 0px rgb(0 0 0 / 31%);
}

.errorpage p {
	background-color: #a6a6ae;
	text-shadow: 3px 3px 1px rgb(255 255 255 / 60%);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}

	.errorpage p.number {
		text-shadow: -3px -3px 1px rgb(255 255 255 / 35%);
	}

#a2apage_dropdown {
	box-shadow: 0px 2px 1px 0px rgb(0 0 0 / 11%), inset -2px 3px 2px 0px rgb(255 255 255), -7px 7px 6px 0px rgb(0 0 0 / 19%);
	background: #a8a8a8;
}

.a2a_menu a.a2a_i:active,
.a2a_menu a.a2a_i:focus,
.a2a_menu a.a2a_i:hover,
.a2a_menu a.a2a_more:active,
.a2a_menu a.a2a_more:focus,
.a2a_menu a.a2a_more:hover {
	background: #a8a8a8 !important;
	box-shadow: 0px 2px 1px 0px rgb(0 0 0 / 11%), inset -2px 3px 2px 0px rgb(255 255 255), -7px 7px 6px 0px rgb(0 0 0 / 19%);
}

#a2apage_show_more_less {
	background-color: #ececf2 !important;
}

#a2apage_find_container input,
#a2apage_find_container input[type=text] {
	box-shadow: 0px 2px 1px 0px rgb(0 0 0 / 11%), inset -2px 3px 2px 0px rgb(0 0 0), -7px 7px 6px 0px rgb(0 0 0 / 19%);
}

#btn-to-top span,
.accordion span,
.btn-top span,
.accent-arrow {
	background-color: #6e6e6e;
	text-shadow: -2px 2px 3px rgba(255,255,255,0.5);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}

	.accordion span {
		text-shadow: 1px 2px 3px rgba(255, 255, 255, 0.75);
	}

	.btn-top span {
		text-shadow: -1px 2px 1px rgba(255, 255, 255, 0.5);
	}

		#btn-to-top span:hover {
			background-color: #3c3c3c;
		}

		.accordion.active span {
			text-shadow: -1px 2px 3px rgba(255, 255, 255, 0.75);
		}

footer {
	background: #798bac14;
    box-shadow: inset 4px 6px 13px 0 rgb(0 0 0 / 13%);
}

#CybotCookiebotDialog,
#CookiebotWidget #CookiebotWidget-widgetContent {
	background-color: #f3f3f6 !important;
	box-shadow: 5px 9px 11px 9px rgb(0 0 0 / 40%), inset 3px 4px 2px 0 rgb(255 255 255 / 90%) !important;
}


#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
	background-color: #999 !important;
}

	#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
		background-color: #798bac !important;
	}

	#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
		fill: #798bac !important;
	}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget,
#CookiebotWidget #CookiebotWidget-widgetContent {
	background-color: #f4f4f8 !important;
    box-shadow: 3px 3px 2px 0px rgb(0 0 0 / 14%), inset 3px 2px 1px 0px rgb(255 255 255 / 100%) !important;
}

#CookiebotWidget .CookiebotWidget-logo svg circle {
	fill: #798bac !important;
}


@media only screen and (min-width: 1280px) {

.arch-box-mdm, .cta-elements .img-container .arch-box-mdm {
	border-radius: 6em 6em 0 0;
}

}