/*----------------------------------------------------------------- */
/* PAGES
/*----------------------------------------------------------------- */

/* HOME
----------------------------------------- */
.page-template-page-home
{
	background: radial-gradient(at top center, rgba(var(--color__purple-gradient-1), 1) 0%, rgba(var(--color__purple-gradient-2), 1) 75%);
}

/* --- INTRO --- */
.hp-intro
{
	position: relative;

	margin-bottom: 65px;
	padding: 270px 0 40px;
}

.hp-intro::before,
.hp-intro::after
{
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;

	content: '';
	-webkit-transform: skewY(6deg);
	        transform: skewY(6deg);
}

.hp-intro::before
{
	top: -15%;

	background: radial-gradient(at bottom center, rgba(var(--color__dark-gradient-4), 1) 0%, rgba(var(--color__purple-gradient-1), 1) 0%, rgba(var(--color__dark-gradient-5), 1) 100%);
	box-shadow: 1px 6px 10px 0 rgb(var(--color__dark-gradient-6));
}

.hp-intro::after
{
	bottom: -7px;

	height: 7px;

	background-color: rgba(var(--color__black), 0.07);
}

.hp-intro .container_layout
{
	position: relative;
	z-index: 1;

	display: flex;
	justify-content: center;
}

.hp-intro__title
{
	line-height: 1;

	margin: 0;

	text-align: center;
}

.hp-intro__title span
{
	font-family: var(--font-family__extra);
	font-size: clamp(9.6rem, 13.6vw, 13.6rem);
	font-weight: var(--font-weight__normal);
	line-height: 0.45em;

	display: block;

	max-width: 400px;
	padding-top: 10px;

	letter-spacing: 1.5px;

	color: rgb(var(--color__pink));
	text-shadow: 3px 3px 0 rgb(var(--color__dark-shadow-3));

	margin-inline: auto;
}
.hp-intro__graphic-displays
{
	position: absolute;
	top: -30px;
	right: 50%;

	max-width: 420px;

	-webkit-transform: translateX(58%);
	        transform: translateX(58%);
}
.hp-intro__graphic-person
{
	position: absolute;
	top: 40px;
	right: 50%;

	max-width: 390px;

	-webkit-transform: translateX(46%);
	        transform: translateX(46%);
}
.hp-intro__graphic-cables
{
	position: absolute;
	top: -56px;
	right: 50%;

	display: block;

	max-width: 181px;

	-webkit-transform: translateX(-116%);
	        transform: translateX(-116%);
}

@media (max-width: 760px)
{
	.hp-intro__title
	{
		margin-inline: -20px;
	}
}

@media (min-width: 961px)
{
	.hp-intro
	{
		margin-bottom: 115px;
		padding: 250px 0 105px;
	}
	.hp-intro .container_layout
	{
		justify-content: flex-end;
	}
	.hp-intro__graphic-displays
	{
		top: 0;
		right: 40.5%;

		max-width: none;

		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	.hp-intro__graphic-cables
	{
		top: -4px;
		right: 50%;

		max-width: none;
		height: 350px;

		-webkit-transform: translateX(-224%);
		        transform: translateX(-224%);
	}
	.hp-intro__graphic-person
	{
		top: 24.5%;
		right: 50%;

		max-width: none;

		-webkit-transform: translateX(-4%);
		        transform: translateX(-4%);
	}
}

/* --- FEATURES --- */
.hp-features,
.hp-services,
.services
{
	margin-bottom: 60px;

	padding-inline: 12px;
}
.hp-features__img,
.hp-services__img,
.services__img
{
	margin-bottom: 12px;
}
.services__img img
{
	margin-inline: auto;
}
.hp-features__items,
.hp-services__items,
.services__items
{
	gap: 40px;
}
.services__items
{
	text-align: center;
}
.hp-features__item p,
.hp-services__item p,
.services__item p
{
	line-height: 3rem;
}
.hp-services__link,
.services__link
{
	font-family: var(--font-family__heading);

	position: relative;

	padding-right: 23px;

	text-decoration: none;
	letter-spacing: 0.4px;

	color: rgb(var(--color--white));
	text-shadow: 4px 4px 35px rgb(var(--color__dark-shadow-4)), -36px 15px 157px rgba(var(--color__dark-shadow-2), 0.08);
}
.hp-services__link::before,
.services__link::before
{
	position: absolute;
	top: 0;
	right: 0;

	width: 14px;
	height: 21px;

	content: '';
	transition: transform var(--transition-duration__default);

	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'14\' height=\'21\' viewBox=\'0 0 14 21\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3e%3cdefs%3e%3cfilter x=\'-21.5%25\' y=\'-15.8%25\' width=\'138.9%25\' height=\'131.5%25\' filterUnits=\'objectBoundingBox\' id=\'a\'%3e%3cfeMorphology radius=\'.5\' operator=\'dilate\' in=\'SourceAlpha\' result=\'shadowSpreadOuter1\'/%3e%3cfeOffset dy=\'.5\' in=\'shadowSpreadOuter1\' result=\'shadowOffsetOuter1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0\' in=\'shadowOffsetOuter1\' result=\'shadowMatrixOuter1\'/%3e%3cfeMorphology radius=\'.5\' operator=\'dilate\' in=\'SourceAlpha\' result=\'shadowSpreadOuter2\'/%3e%3cfeOffset dy=\'-.5\' in=\'shadowSpreadOuter2\' result=\'shadowOffsetOuter2\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\' in=\'shadowOffsetOuter2\' result=\'shadowMatrixOuter2\'/%3e%3cfeMerge%3e%3cfeMergeNode in=\'shadowMatrixOuter1\'/%3e%3cfeMergeNode in=\'shadowMatrixOuter2\'/%3e%3c/feMerge%3e%3c/filter%3e%3cfilter x=\'-34%25\' y=\'-23.1%25\' width=\'163.9%25\' height=\'146.2%25\' filterUnits=\'objectBoundingBox\' id=\'d\'%3e%3cfeGaussianBlur stdDeviation=\'1.5\' in=\'SourceAlpha\' result=\'shadowBlurInner1\'/%3e%3cfeOffset dy=\'1\' in=\'shadowBlurInner1\' result=\'shadowOffsetInner1\'/%3e%3cfeComposite in=\'shadowOffsetInner1\' in2=\'SourceAlpha\' operator=\'arithmetic\' k2=\'-1\' k3=\'1\' result=\'shadowInnerInner1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\' in=\'shadowInnerInner1\'/%3e%3c/filter%3e%3cradialGradient cx=\'50%25\' cy=\'100%25\' fx=\'50%25\' fy=\'100%25\' r=\'224.987262%25\' gradientTransform=\'matrix(0 -.58823 1 0 -.5 1.2941175)\' id=\'c\'%3e%3cstop stop-opacity=\'0\' offset=\'0%25\'/%3e%3cstop stop-opacity=\'.42859484\' offset=\'100%25\'/%3e%3c/radialGradient%3e%3cpath d=\'m90 15.092227 6.6582625 6.8204363-6.6522463 5.8408059L91.8858279 30l7.4360677-6.5290169c.8300294-.7287828.9121064-1.9924501.1833239-2.8224798a1.99991861 1.99991861 0 0 0-.0717763-.0775189L92.0424788 13 90 15.092227Z\' id=\'b\'/%3e%3c/defs%3e%3cg transform=\'translate(-87.75 -11)\' fill=\'none\' fill-rule=\'evenodd\'%3e%3cuse fill=\'%23000\' filter=\'url(%23a)\' xlink:href=\'%23b\'/%3e%3cuse fill=\'%23D1B8EE\' xlink:href=\'%23b\'/%3e%3cuse fill-opacity=\'.76\' fill=\'url(%23c)\' style=\'mix-blend-mode:normal\' xlink:href=\'%23b\'/%3e%3cuse fill=\'%23000\' filter=\'url(%23d)\' xlink:href=\'%23b\'/%3e%3c/g%3e%3c/svg%3e');
	background-repeat: no-repeat;
}
.hp-services__link:hover::before,
.services__link:hover::before
{
	-webkit-transform: translateX(5px);
	        transform: translateX(5px);
}

@media (min-width: 600px)
{
	.hp-features__items,
	.hp-services__items,
	.services__items
	{
		margin: 0 0 -40px -40px;

		gap: 0;
	}
	.hp-features__item,
	.hp-services__item,
	.services__item
	{
		flex: 0 0 auto;

		width: 50%;

		border: 20px solid transparent;
		border-width: 0 0 40px 40px;
	}
}

@media (min-width: 761px)
{
	.hp-features,
	.hp-services,
	.services
	{
		padding-inline: 0;
	}
	.hp-features,
	.hp-services
	{
		margin-bottom: 140px;
	}
}

@media (min-width: 961px)
{
	.hp-features__item,
	.hp-services__item
	{
		width: 33.333%;
	}
	.services__item
	{
		width: 50%;
	}
	.hp-features__items,
	.hp-services__items
	{
		margin: 0 0 -20px -100px;
	}
	.services__items
	{
		margin: 0 0 -100px -200px;
	}
	.hp-features__item,
	.hp-services__item
	{
		border: 10px solid transparent;
		border-width: 0 0 20px 100px;
	}
	.services__item
	{
		border: 10px solid transparent;
		border-width: 0 0 100px 200px;
	}
}

/* --- REFERENCES --- */
.hp-references
{
	padding-inline: 12px;
}

/* --- QUOTES --- */
.hp-quotes .title-h2
{
	margin-bottom: 38px;

	text-align: center;
}
.hp-quotes__items
{
	gap: 36px;
}
.hp-quotes__item-header
{
	flex-wrap: nowrap;

	margin-bottom: 40px;

	gap: 23px;
}
.hp-quotes__img
{
	position: relative;

	margin-bottom: 0;
	padding-left: 8px;
}
.hp-quotes__img img
{
	position: relative;
	z-index: 1;

	overflow: hidden;

	width: 85px;
	height: 85px;

	border-radius: 50%;
}
.hp-quotes__img::before
{
	position: absolute;
	top: 0;
	left: 0;

	display: block;

	width: 100px;
	height: 100px;

	content: '';

	background-size: cover;
}
.hp-quotes__title
{
	font-size: clamp(2.4rem, 3.2vw, 3.2rem);

	margin-bottom: 0;
}
.hp-quotes__title a
{
	text-decoration: none;

	color: rgb(var(--color__white));
}
.hp-quotes__item-body
{
	line-height: 1.666em;
}

@media (min-width: 961px)
{
	.hp-quotes .title-h2
	{
		margin-bottom: 100px;
	}
	.hp-quotes__items
	{
		gap: 0;
	}
	.hp-quotes__item
	{
		flex: 0 0 auto;

		width: 50%;

		border: 10px solid transparent;
		border-width: 0 0 20px 100px;
	}
	.hp-quotes__item-header
	{
		margin-bottom: 67px;

		gap: 45px;
	}
	.hp-quotes__title
	{
		margin-bottom: 6px;
	}
	.hp-quotes__img img
	{
		width: 100px;
		height: 100px;
	}
	.hp-quotes__img::before
	{
		width: 116px;
		height: 116px;
	}
}

/* SERVICES
----------------------------------------- */
.service-webdesign__info
{
	margin-bottom: 30px;
	padding-bottom: 30px;

	border-bottom: 1px solid rgba(var(--color__white), 0.07);
}
.service-webdesign__items
{
	margin-bottom: 20px;
}
.service-webdesign__item
{
	font-size: var(--font-size__small);
	line-height: 2.4rem;

	position: relative;

	margin-bottom: 20px;
	padding: 20px 20px 20px 46px;

	border: 1px solid rgba(var(--color__grey-light), 0.1);
	border-radius: 8px;
	background: rgba(var(--color__dark-shadow-1), 0.45);
	box-shadow: 0 9px 15px 0 rgba(var(--color__purple-gradient-2), 0.37);
}
.service-webdesign__item .title-h4
{
	margin-bottom: 4px;

	color: rgb(var(--color__white));
}
.service-webdesign__item > :last-child
{
	margin-bottom: 0;
}
.service-webdesign__item .bg_sunset
{
	font-family: var(--font-family__heading-striped);
	font-size: clamp(2.6rem, 4vw, 4rem);

	position: absolute;
	top: 17px;
	left: -10px;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 44px;
	height: 44px;

	color: rgb(var(--color__pink));
}
.service-webdesign__item .bg_sunset span
{
	position: relative;
}
.service-webdesign__item .bg_sunset::before
{
	position: absolute;

	content: '';
	transform: rotate(-90deg);

	background-size: cover;

	inset: 0;
} 

@media (min-width: 961px)
{
	.service-webdesign__info
	{
		margin-bottom: 65px;
		margin-bottom: 65px;
	}
	.service-webdesign__items
	{
		display: grid;

		gap: 68px 30px;
		grid-template-columns: repeat(2, 1fr);
	}
	.service-webdesign__item
	{
		margin-bottom: 0;
		padding: 35px 15px 36px 80px;
	}
	.service-webdesign__item .bg_sunset
	{
		top: 50%;
		left: -23px;

		width: 80px;
		height: 80px;
		margin-top: -40px;
	}
}

/* --- SERVICES AGENCIES --- */
.service-agencies
{
	overflow: hidden;
}
.service-agencies__info
{
	margin-bottom: 100px;
}
.service-agencies__info h2
{
	font-family: var(--font-family__heading);
	font-size: var(--font-size__h2);
	line-height: 1.27em;

	margin-bottom: 16px;

	text-shadow: 4px 4px 0 rgb(var(--color__dark-shadow-1));
}
.service-agencies__coop
{
	margin-bottom: 60px;

	text-align: center;
}
.service-agencies__coop h3
{
	font-family: var(--font-family__heading);
	font-size: var(--font-size__h4);
	font-weight: var(--font-weight__normal);
	line-height: 1.27em;

	margin-bottom: 21px;

	letter-spacing: 1.2px;

	text-shadow: 4px 4px 0 rgb(var(--color__dark-shadow-1));
}
.service-agencies__coop-items
{
	margin-top: 48px;
}
.service-agencies__coop-item
{
	font-size: var(--font-size__small);
	line-height: 2.4rem;

	width: 100%;
	max-width: 600px;
	margin-bottom: 30px;
	padding: 20px 30px;

	border: 1px solid rgba(var(--color__grey-light), 0.1);
	background: rgba(var(--color__dark-shadow-1), 0.45);

	margin-inline: auto;
}
.service-agencies__coop-item .bg_sunset
{
	font-family: var(--font-family__heading-striped);
	font-size: var(--font-size__h5);

	display: flex;
	align-items: center;
	justify-content: center;

	width: 52px;
	height: 52px;
	margin-top: -40px;
	margin-bottom: 17px;

	color: rgb(var(--color__pink));

	margin-inline: auto;
}
.service-agencies__coop-item .bg_sunset::before
{
	position: absolute;

	content: '';
	transform: rotate(-90deg);

	background-size: cover;

	inset: 0;
}
.service-agencies__coop-item .bg_sunset span
{
	position: relative;
}
.service-agencies__contact
{
	position: relative;

	margin-top: -23px;
	padding: 36px 0;

	background: rgba(var(--color__pink));
}
.service-agencies__contact a
{
	color: rgb(var(--color__white));
}
.service-agencies__contact a:hover
{
	text-decoration: solid underline transparent;
}
.service-agencies__contact h3
{
	font-size: var(--font-size__small);
	font-weight: var(--font-weight__medium);

	margin: 0;
}
.service-agencies__contact .bg_sunset
{
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 53px;
	height: 53px;
}
.service-agencies__contact .bg_sunset::before
{
	position: absolute;

	content: '';

	background-size: cover;

	inset: 0;
}
.service-agencies__contact .bg_sunset svg
{
	position: relative;
}
.service-agencies__contact-email .row,
.service-agencies__contact-phone .row
{
	gap: 5px;
}

@media (max-width: 750px)
{
	.service-agencies__contact .row.row_justify-center
	{
		gap: 10px;
	}

	.service-agencies__contact-email,
	.service-agencies__contact-phone
	{
		flex: 0 0 100%;
	}
	.service-agencies__contact-email .row,
	.service-agencies__contact-phone .row
	{
		justify-content: center;
	}
}

@media (min-width: 600px)
{
	.service-agencies__coop
	{
		margin-bottom: 0;
	}
	.service-agencies__coop-item
	{
		position: relative;
		z-index: 1;

		margin-top: -20px;
		margin-bottom: 0;
		padding: 40px 30px 50px;

		border: none;
		background: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'588\' height=\'167\' viewBox=\'0 0 588 167\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3e%3cdefs%3e%3cfilter x=\'-2.5%25\' y=\'-46.3%25\' width=\'105.1%25\' height=\'207.4%25\' filterUnits=\'objectBoundingBox\' id=\'a\'%3e%3cfeOffset dy=\'2\' in=\'SourceAlpha\' result=\'shadowOffsetOuter1\'/%3e%3cfeGaussianBlur stdDeviation=\'4.5\' in=\'shadowOffsetOuter1\' result=\'shadowBlurOuter1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0.964705882 0 0 0 0 0.22745098 0 0 0 0 0.454901961 0 0 0 0.600095949 0\' in=\'shadowBlurOuter1\'/%3e%3c/filter%3e%3cpath id=\'b\' d=\'m0 129 285.901961 26L570 128l-284.098039 22.926635z\'/%3e%3c/defs%3e%3cg fill=\'none\' fill-rule=\'evenodd\'%3e%3cpath d=\'M570.414368 1.09174963c2.341633-.16171774 4.527132.64100844 6.167653 2.0695722 1.640521 1.42856376 2.736063 3.4829651 2.897781 5.82459765.013461.19492043.020198.39024705.020198.58563177V121.667397c0 2.204079-.842485 4.225284-2.233905 5.743348-1.39142 1.518065-3.331776 2.532988-5.527519 2.724503L292.372062 154.50192 16.25300458 130.141825c-2.19393601-.193556-4.13218715-1.209105-5.52195429-2.72688C9.34128314 125.89717 8.5 123.87717 8.5 121.674712V9.59092668c0-2.34721019.9513949-4.47221019 2.48959236-6.01040764C12.52778981 2.04232158 14.65278981 1.09092668 17 1.09092668a8.49999975 8.49999975 0 0 1 .60472967.02153893L288.880444 20.4613158a7.499993 7.499993 0 0 0 1.050319.0011828Z\' stroke-opacity=\'.10081813\' stroke=\'%23F1F0FF\' fill=\'%2314042A\' opacity=\'.44692557\'/%3e%3cg transform=\'translate(9 1)\'%3e%3cuse fill=\'%23000\' filter=\'url(%23a)\' xlink:href=\'%23b\'/%3e%3cuse fill=\'%23F63A74\' xlink:href=\'%23b\'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e');
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;

		filter: drop-shadow(0 8px 10px rgb(var(--color__purple-dark)));
	}
	.service-agencies__coop-item:first-child
	{
		background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'572\' height=\'139\' viewBox=\'0 0 572 139\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cg fill=\'none\' fill-rule=\'evenodd\'%3e%3cpath d=\'M563 .5c2.34721 0 4.47221.9513949 6.010408 2.48959236C570.548605 4.52778981 571.5 6.65278981 571.5 9v91.7008882c0 2.1918078-.833411 4.2038778-2.212327 5.7197178-1.378916 1.515839-3.303338 2.535448-5.48536 2.742332l-277.013974 26.26456a8.5000248 8.5000248 0 0 1-1.575186.002739L8.22712788 110.140209c-2.18837202-.199808-4.12015399-1.217268-5.50484295-2.734145C1.33759596 105.889187.5 103.872894.5 101.675419V9c0-2.34721019.9513949-4.47221019 2.48959236-6.01040764C4.52778981 1.45139491 6.65278981.5 9 .5Z\' stroke-opacity=\'.10081813\' stroke=\'%23F1F0FF\' fill=\'%2314042A\' opacity=\'.44692557\'/%3e%3cpath fill=\'%23F63A74\' d=\'m1 113 285.901961 26L571 113l-284.098039 21.926635z\'/%3e%3c/g%3e%3c/svg%3e');
	}
	.service-agencies__coop-item .bg_sunset
	{
		margin-top: -28px;
	}
	.service-agencies__contact::before
	{
		position: absolute;
		top: -91px;
		left: 50%;

		display: block;

		width: 1920px;
		height: 91px;
		margin-left: -960px;

		content: '';

		background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'1920\' height=\'193\' viewBox=\'0 0 1920 193\' xmlns=\'http://www.w3.org/2000/svg\'%3e%3cpath d=\'m0 0 960.831299 90L1920 0v193H0z\' fill=\'%23F63A74\' fill-rule=\'evenodd\'/%3e%3c/svg%3e ');
		background-repeat: no-repeat;
		background-size: cover;
	}
}
@media (min-width: 751px)
{
	.service-agencies__contact-email
	{
		padding-right: 30px;
	}
	.service-agencies__contact-phone
	{
		padding-left: 30px;
	}
	.service-agencies__contact-email .row,
	.service-agencies__contact-phone .row
	{
		gap: 20px;
	}
	.service-agencies__contact::after
	{
		position: absolute;
		top: -5px;
		bottom: 15px;
		left: calc(50% + 1px);

		display: block;

		width: 1px;

		content: '';

		opacity: 0.17;
		background: rgb(var(--color__white));
	}
}
/* --- SERVICES AGENCIES --- */
.service-content__info
{
	font-size: var(--font-size__small);
	line-height: 2.8rem;

	margin-bottom: 30px;

	border-bottom: 1px solid rgba(var(--color__white), 0.07);
}
.service-content__info p
{
	margin-bottom: 30px;
}
.service-content__btn
{
	text-align: center;
}
.service-content__title
{
	font-family: var(--font-family__heading);

	margin-bottom: 20px;

	text-align: center;
}
.service-content__items
{
	text-align: center;
}
.service-content__item
{
	line-height: 3rem;

	max-width: 595px;
	margin: 0 auto 40px;
}
.service-content__item img
{
	margin-bottom: 20px;

	margin-inline: auto;
}
.service-content__link
{
	font-family: var(--font-family__heading);

	position: relative;

	padding-right: 23px;

	text-decoration: none;
	letter-spacing: 0.4px;

	color: rgb(var(--color--white));
	text-shadow: 4px 4px 35px rgb(var(--color__dark-shadow-4)), -36px 15px 157px rgba(var(--color__dark-shadow-2), 0.08);
}
.service-content__item p
{
	margin-bottom: 28px;
}

.service-content__link::before
{
	position: absolute;
	top: 0;
	right: 0;

	width: 14px;
	height: 21px;

	content: '';
	transition: transform var(--transition-duration__default);

	background-image: url('data:image/svg+xml;charset=UTF-8,%3csvg width=\'14\' height=\'21\' viewBox=\'0 0 14 21\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'%3e%3cdefs%3e%3cfilter x=\'-21.5%25\' y=\'-15.8%25\' width=\'138.9%25\' height=\'131.5%25\' filterUnits=\'objectBoundingBox\' id=\'a\'%3e%3cfeMorphology radius=\'.5\' operator=\'dilate\' in=\'SourceAlpha\' result=\'shadowSpreadOuter1\'/%3e%3cfeOffset dy=\'.5\' in=\'shadowSpreadOuter1\' result=\'shadowOffsetOuter1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0\' in=\'shadowOffsetOuter1\' result=\'shadowMatrixOuter1\'/%3e%3cfeMorphology radius=\'.5\' operator=\'dilate\' in=\'SourceAlpha\' result=\'shadowSpreadOuter2\'/%3e%3cfeOffset dy=\'-.5\' in=\'shadowSpreadOuter2\' result=\'shadowOffsetOuter2\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\' in=\'shadowOffsetOuter2\' result=\'shadowMatrixOuter2\'/%3e%3cfeMerge%3e%3cfeMergeNode in=\'shadowMatrixOuter1\'/%3e%3cfeMergeNode in=\'shadowMatrixOuter2\'/%3e%3c/feMerge%3e%3c/filter%3e%3cfilter x=\'-34%25\' y=\'-23.1%25\' width=\'163.9%25\' height=\'146.2%25\' filterUnits=\'objectBoundingBox\' id=\'d\'%3e%3cfeGaussianBlur stdDeviation=\'1.5\' in=\'SourceAlpha\' result=\'shadowBlurInner1\'/%3e%3cfeOffset dy=\'1\' in=\'shadowBlurInner1\' result=\'shadowOffsetInner1\'/%3e%3cfeComposite in=\'shadowOffsetInner1\' in2=\'SourceAlpha\' operator=\'arithmetic\' k2=\'-1\' k3=\'1\' result=\'shadowInnerInner1\'/%3e%3cfeColorMatrix values=\'0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0\' in=\'shadowInnerInner1\'/%3e%3c/filter%3e%3cradialGradient cx=\'50%25\' cy=\'100%25\' fx=\'50%25\' fy=\'100%25\' r=\'224.987262%25\' gradientTransform=\'matrix(0 -.58823 1 0 -.5 1.2941175)\' id=\'c\'%3e%3cstop stop-opacity=\'0\' offset=\'0%25\'/%3e%3cstop stop-opacity=\'.42859484\' offset=\'100%25\'/%3e%3c/radialGradient%3e%3cpath d=\'m90 15.092227 6.6582625 6.8204363-6.6522463 5.8408059L91.8858279 30l7.4360677-6.5290169c.8300294-.7287828.9121064-1.9924501.1833239-2.8224798a1.99991861 1.99991861 0 0 0-.0717763-.0775189L92.0424788 13 90 15.092227Z\' id=\'b\'/%3e%3c/defs%3e%3cg transform=\'translate(-87.75 -11)\' fill=\'none\' fill-rule=\'evenodd\'%3e%3cuse fill=\'%23000\' filter=\'url(%23a)\' xlink:href=\'%23b\'/%3e%3cuse fill=\'%23D1B8EE\' xlink:href=\'%23b\'/%3e%3cuse fill-opacity=\'.76\' fill=\'url(%23c)\' style=\'mix-blend-mode:normal\' xlink:href=\'%23b\'/%3e%3cuse fill=\'%23000\' filter=\'url(%23d)\' xlink:href=\'%23b\'/%3e%3c/g%3e%3c/svg%3e');
	background-repeat: no-repeat;
}
.service-content__link:hover::before
{
	-webkit-transform: translateX(5px);
	        transform: translateX(5px);
}

@media (min-width: 961px)
{
	.service-content__info
	{
		margin-bottom: 90px;
	}
	.service-content__title
	{
		margin-bottom: 90px;
	}
	.service-content__item
	{
		margin: 0 auto 80px;
	}
}
/* --- SERVICES ANALYSIS --- */
.service-analysis__intro,
.service-analysis__research
{
	margin-bottom: 68px;

	text-align: center;
}
.service-analysis__intro
{
	border-bottom: 1px solid rgba(var(--color__white), 0.07);
}
.service-analysis__intro .title-h4,
.service-analysis__research .title-h4
{
	margin-bottom: 40px;
}
.service-analysis__img
{
	margin: 0 auto 15px;
}
.service-analysis__btn
{
	margin: 48px 0 24px;
}
.service-analysis__intro-item,
.service-analysis__research-item
{
	line-height: 3rem;

	position: relative;

	margin-bottom: 20px;
	padding: 24px;

	border: 1px solid rgba(var(--color__grey-light), 0.1);
	border-radius: 8px;
	background: rgba(var(--color__dark-shadow-1), 0.45);
	box-shadow: 0 9px 15px 0 rgb(var(--color__purple-gradient-2));
}
.service-analysis__intro-item p,
.service-analysis__research-item p
{
	position: relative;
	z-index: 1;
}
.service-analysis__intro-item > :last-child,
.service-analysis__research-item > :last-child
{
	margin-bottom: 0;
}
@media (min-width: 480px)
{
	.service-analysis__intro-item,
	.service-analysis__research-item
	{
		padding: 24px 60px;
	}
	.service-analysis__intro-item::before,
	.service-analysis__research-item::before
	{
		position: absolute;

		content: '';
		pointer-events: none;

		background-image: url(https://res.cloudinary.com/laita/image/upload/f_auto,q_auto:eco/v1668006913/webpunk.cz/webpunk-sroub.png), url(https://res.cloudinary.com/laita/image/upload/f_auto,q_auto:eco/v1668006913/webpunk.cz/webpunk-sroub.png);
		background-repeat: no-repeat;
		background-position: 0 center, 100% center;
		background-size: 12px 12px;

		inset: 24px;
	}
}
@media (min-width: 761px)
{
	.service-analysis__intro-item,
	.service-analysis__research-item
	{
		margin-bottom: 40px;
		padding: 24px 120px;
	}
}

/* ABOUT
----------------------------------------- */

/* --- INFO --- */
.about__info
{
	font-size: 1.4rem;
	line-height: 2.4rem;

	margin-bottom: 20px;
}
.about__info-text
{
	position: relative;
	z-index: 1;

	flex: 0 0 auto;
}
.about__info-video
{
	position: relative;
}
.about__info-play
{
	position: absolute;
	top: 50%;
	left: 50%;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 78px;
	height: 78px;

	transition: border-color var(--transition-duration__default);
	transform: translate(-50%, -50%);

	border: 4px solid rgb(var(--color__white));
	border-radius: 50%;
}
.about__info-play .icon
{
	margin-left: 6px;
}
.about__info-video:hover .about__info-play
{
	border-color: rgb(var(--color__pink));
}
@media (min-width: 761px)
{
	.about__info
	{
		font-size: var(--font-size__small);
		line-height: 2.8rem;
	}
	.about__info-wrapper
	{
		display: flex;
		align-items: center;

		gap: 20px;
	}
	.about__info-video
	{
		margin-left: -60px;
	}
	.about__info-text
	{
		width: 52%;
	}
}
/* --- PEOPLE --- */
.about__people
{
	font-size: var(--font-size__small);
	line-height: 2.8rem;
}
.about__people-items
{
	display: grid;

	margin-bottom: 70px;

	gap: 40px 20px;
	grid-template-columns: repeat(1, 1fr);
}
.about__people-title
{
	font-family: var(--font-family__extra);
	font-size: clamp(9.6rem, 13.6vw, 13.6rem);
	font-weight: var(--font-weight__normal);
	line-height: 6rem;

	position: relative;

	margin-bottom: 4px;

	letter-spacing: 1.5px;

	color: rgb(var(--color__pink));
	text-shadow: 3px 3px 0 rgb(var(--color__dark-shadow-3));
}
.about__people-note
{
	font-size: var(--font-size__h3-blog);
	font-weight: var(--font-weight__medium);

	display: block;

	margin-bottom: 10px;

	letter-spacing: -0.4px;
}
.about__people-item > :last-child
{
	margin-bottom: 0;
}
.about__people-item img
{
	overflow: hidden;

	width: 100%;
	height: auto;

	border-radius: 8px;
}

@media (min-width: 551px)
{
	.about__people-items
	{
		justify-content: center;

		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 761px)
{
	.about__people-items
	{
		margin-bottom: 170px;

		grid-template-columns: repeat(3, 1fr);
	}
	.about__people-title
	{
		margin-bottom: 30px;
	}
	.about__people-note
	{
		margin-bottom: 20px;
	}
}

@media (min-width: 1161px)
{
	.about__people-items
	{
		gap: 60px;
		margin-inline: -30px;
	}
}


/* CONTACT
----------------------------------------- */
.contact__data
{
	margin-bottom: 20px;
}
.contact__main
{
	margin-bottom: 70px;
}
.contact__main .row
{
	gap: 50px;
}
.contact__main a
{
	position: relative;

	display: flex;
	align-items: center;

	padding: 9px 13px;

	color: rgba(var(--color__purple));

	gap: 30px;
}
.contact__main a::before
{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;

	width: 52px;
	height: 52px;

	content: '';
	transform: rotate(-90deg);

	background-size: cover;
}
.contact__separator
{
	height: 1px;
	margin-bottom: 50px;

	background: rgba(var(--color__white), 0.07);
}
.contact__data-items
{
	gap: 40px;
}
.contact__data-item
{
	line-height: 1.2em;

	color: rgba(var(--color__white), 0.85);
}
.contact__data-item .bg_sunset
{
	position: relative;
}
.contact__data-item .bg_sunset::before
{
	position: absolute;
	z-index: -1;
	top: -6px;
	left: -20px;

	width: 52px;
	height: 52px;

	content: '';
	transform: rotate(-90deg);

	background-size: cover;
}