.team-bg>.container {
	position: relative;
	z-index: 2;
}

.owl-carousel .owl-wrapper-outer {
	z-index: 0;
}

@keyframes floatWobble {
	0% {
		transform: translateY(0) scale(1);
	}

	25% {
		transform: translateY(-12px) scale(1.01);
	}

	50% {
		transform: translateY(-24px) scale(0.99);
	}

	75% {
		transform: translateY(-12px) scale(1.01);
	}

	100% {
		transform: translateY(0) scale(1);
	}
}

@keyframes floatAndRotate {
	0% {
		transform: translateY(0px) rotate(0deg);
	}

	50% {
		transform: translateY(-50px) rotate(180deg);
	}

	100% {
		transform: translateY(0px) rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	50% {
		transform: rotate(180deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.section-title {
	letter-spacing: 1px;
	font-weight: 600;
	color: #2d2d2d;
}

.decorate-about {
	position: absolute;
	top: 362px;
	left: -240px;
	width: 600px;
	height: 100%;
	z-index: 1;
}

.decorate-about img {
	display: block;
	width: 100%;
	height: auto;
	transform-origin: center center;
	animation: floatAndRotate 30s ease-in-out infinite;
}

@media (width<=1600px) {
	.decorate-about {
		width: 420px;
		top: 480px;
		opacity: 0.8;
	}
}

.about-btn .btn-mod.btn-w:hover {
	color: #fff;
	background: var(--color-primary-1-b)
}

.alt-features-title {
	margin: 20px 0;
}

.alt-features-icon {
	background: #ff9d9017;
	width: 86px;
	height: 86px;
	border-radius: 50%;
	font-size: initial;
	padding: 14px;
}

.owl-prev, .owl-next {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 45px;
	height: 42px;
	padding: 11px;
	box-sizing: content-box;
	font-size: 3.5em;
	text-align: center;
	color: var(--color-dark-1);
	opacity: .8;
	z-index: 6;
	transition: var(--transition-default);
}

.owl-prev svg.nav-prev {
	transform: rotate(90deg);
	fill: #fff;
	width: 80px;
	height: 80px;
	position: absolute;
	left: -5px;
	top: -8px;
}

.owl-next svg.nav-next {
	transform: rotate(-90deg);
	fill: #fff;
	width: 80px;
	height: 80px;
	position: absolute;
	top: -8px;
	right: -6px;
}

svg.arrow {
	transform: rotate(-90deg);
	width: 40px;
	height: 40px;
}

#portfolio svg.arrow, #news svg.arrow {
	fill: var(--color-primary-2);
}

.underline .link-strong {
	color: var(--color-primary-2)
}

.item-carousel .owl-item {
	padding: 0 20px;
}

.services-tabs>li>a:before {
	display: none;
}

.services-tabs>li a.active {
	opacity: 1;
	background-color: #000;
	color: #fff;
}

.services-tabs>li>a {
	position: relative;
	display: inline-block;
	padding: 10px 20px;
	text-decoration: none;
	opacity: .7;
	transition: var(--transition-default);
	border-radius: 50px;
	border: 1px solid #000;
	margin-bottom: 5px;
}

.services-tabs {
	font-size: 1.5rem;
}

#services {
	background-image:
		url('../../../img/shape/bg-01.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: local;
}

.decorate-news {
	position: absolute;
	top: 7px;
	right: 0;
}

.post-prev-container{
	width: 100%;
}

.post-prev-title, .post-prev-text, .post-prev-info {
	padding: 15px 20px 0 20px;
	text-align: start;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.features-item {
	padding: 0
}

.fa-calendar {
	color: var(--color-primary-1);
}

.fa-tag {
	color: var(--color-primary-1);
}

.fa-eye {
	color: var(--color-primary-1);
}

.post-prev-info ul {
	padding: 0;
}

.post-prev-info ul li {
	text-decoration: none;
	list-style-type: none;
}

.features-item .post-prev-img {
	height: 240px;
	overflow: hidden;
	position: relative;
}

.features-item .post-prev-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.decorate-portfolio {
	position: fixed;
	bottom: 30px;
	right: 17px;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	animation: floatWobble 4s linear infinite;
	will-change: transform;
	z-index: 99;
}

.img-1, .img-2 {
	grid-column: 1;
	grid-row: 1;
	width: 140px;
}

.img-2 {
	transform: translate(-30px, -20px);
	z-index: 2;
	animation: rotate 10s ease-in-out infinite;
	width: 180px;
	position: relative;
	top: -20px;
	left: -20px;
}

.btn-mod.btn-w {
	border: 1px solid var(--color-primary-1);
	color: #fff;
	background: var(--color-primary-1);
}

.btn-mod.btn-w:hover, .btn-mod.btn-w:focus {
	border: 1px solid var(--color-primary-1);
	color: #fff;
	background: var(--color-primary-1-b);
}


.btn-mod.btn-w.btn-hover-anim:before {
	background: var(--color-primary-1);
}

.btn-mod.btn-w.btn-hover-anim:hover {
	border-color: var(--color-primary-1);
	color: #fff;
}

.about-class.alt-features-item.box-shadow {
	height: auto;
}

.gap-right {
	position: absolute !important;
	left: 330px !important;
	top: 52px !important;
}

.light-content .team-1-item {
	background: #ffffff;
	color: #000000
}

.decorate-team {
	width: 700px;
	position: absolute;
	z-index: 2;
	bottom: -178px;
	left: -116px;
}

.decorate-team-2 {
	width: 500px;
	position: absolute;
	left: -98px;
	top: 300px;
	transform: rotate(-240deg);

}

@media (min-width: 2000px) {
	.decorate-team {
		width: 900px;
	}

	.decorate-team-2 {
		width: 500px;
	}
}

@media(width<=1150px) {
	.gap-right {
		left: 285px !important;
	}

	.section-descr {
		font-size: 1em;
	}
}

@media(width<=991px) {
	.gap-right {
		left: 50% !important;
	}
}

@media (width<=768px) {
	.about-class.alt-features-item.box-shadow {
		height: auto;
	}

	.decorate-news img {
		right: -89px;
		max-width: 80%;
	}
}




.team-1-role {
	position: relative;
	padding-left: 0;
}

.team-1-role::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 6px;
	border-radius: 50%;
	background-color: var(--color-primary-1);
	vertical-align: middle;
}

.masonry a {
	color: #000;
}

.team-1-item:hover .team-1-title {
	color: var(--color-primary-1);
	transition: all 0.3s ease-in-out;
}

.team-1-item a:focus {
	outline: 4px dotted #2196F3 !important;
	outline-offset: 2px !important;
}

.light-content .team-1-item a:focus,
.team-1-item a:focus:not(.focus-visible),
.team-1-item a.focus-visible:focus {
	outline: 4px dotted #2196F3 !important;
	outline-offset: 2px !important;
	-moz-outline: 4px dotted #2196F3 !important;
}

.team-1-item a:focus .team-1-title {
	border: 4px dotted #2196F3 !important;
	border-radius: 8px;
}

.team-1-item a:focus .team-1-image {
	transform: scale(1.05);
	transition: transform 0.3s ease-in-out;
	border: 4px dotted #2196F3 !important;
	border-radius: 8px;
}

.team-bg {
	position: relative;
	width: 100%;
	height: 80%;
	--c: #09f;
	background-color: #000000;

	background-image:
		radial-gradient(4px 100px at 0px 235px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 235px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 117.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 252px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 252px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 126px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 150px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 150px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 75px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 253px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 253px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 126.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 204px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 204px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 102px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 134px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 134px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 67px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 179px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 179px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 89.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 299px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 299px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 149.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 215px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 215px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 107.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 281px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 281px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 140.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 158px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 158px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 79px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 0px 210px, var(--c), transparent),
		radial-gradient(4px 100px at 300px 210px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 150px 105px, var(--c) 100%, transparent 150%),

		radial-gradient(4px 100px at 300px 235px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 235px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 117.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 252px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 252px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 126px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 150px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 150px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 75px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 253px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 253px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 126.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 204px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 204px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 102px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 134px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 134px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 67px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 179px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 179px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 89.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 299px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 299px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 149.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 215px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 215px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 107.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 281px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 281px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 140.5px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 158px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 158px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 79px, var(--c) 100%, transparent 150%),
		radial-gradient(4px 100px at 300px 210px, var(--c), transparent),
		radial-gradient(4px 100px at 600px 210px, var(--c), transparent),
		radial-gradient(1.5px 1.5px at 450px 105px, var(--c) 100%, transparent 150%);

	background-size:
		300px 235px, 300px 235px, 300px 235px,
		300px 252px, 300px 252px, 300px 252px,
		300px 150px, 300px 150px, 300px 150px,
		300px 253px, 300px 253px, 300px 253px,
		300px 204px, 300px 204px, 300px 204px,
		300px 134px, 300px 134px, 300px 134px,
		300px 179px, 300px 179px, 300px 179px,
		300px 299px, 300px 299px, 300px 299px,
		300px 215px, 300px 215px, 300px 215px,
		300px 281px, 300px 281px, 300px 281px,
		300px 158px, 300px 158px, 300px 158px,
		300px 210px, 300px 210px, 300px 210px,

		300px 235px, 300px 235px, 300px 235px,
		300px 252px, 300px 252px, 300px 252px,
		300px 150px, 300px 150px, 300px 150px,
		300px 253px, 300px 253px, 300px 253px,
		300px 204px, 300px 204px, 300px 204px,
		300px 134px, 300px 134px, 300px 134px,
		300px 179px, 300px 179px, 300px 179px,
		300px 299px, 300px 299px, 300px 299px,
		300px 215px, 300px 215px, 300px 215px,
		300px 281px, 300px 281px, 300px 281px,
		300px 158px, 300px 158px, 300px 158px,
		300px 210px, 300px 210px, 300px 210px;

	background-repeat: repeat-y;
	animation: waterfallFlow 20s linear infinite;
}

.team-bg::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	backdrop-filter: blur(1em) brightness(6);
	background-image: radial-gradient(circle at 50% 50%,
			transparent 0,
			transparent 2px,
			hsla(0, 0%, 4%, 0.8) 2px);
	background-size: 8px 8px;
}

@keyframes waterfallFlow {
	0% {
		background-position:
			0px 220px, 3px 220px, 151.5px 337.5px,
			25px 24px, 28px 24px, 176.5px 150px,
			50px 16px, 53px 16px, 201.5px 91px,
			75px 224px, 78px 224px, 226.5px 350.5px,
			100px 19px, 103px 19px, 251.5px 121px,
			125px 120px, 128px 120px, 276.5px 187px,
			150px 31px, 153px 31px, 301.5px 120.5px,
			175px 235px, 178px 235px, 326.5px 384.5px,
			200px 121px, 203px 121px, 351.5px 228.5px,
			225px 224px, 228px 224px, 376.5px 364.5px,
			250px 26px, 253px 26px, 401.5px 105px,
			275px 75px, 278px 75px, 426.5px 180px,
			300px 220px, 303px 220px, 451.5px 337.5px,
			325px 24px, 328px 24px, 476.5px 150px,
			350px 16px, 353px 16px, 501.5px 91px,
			375px 224px, 378px 224px, 526.5px 350.5px,
			400px 19px, 403px 19px, 551.5px 121px,
			425px 120px, 428px 120px, 576.5px 187px,
			450px 31px, 453px 31px, 601.5px 120.5px,
			475px 235px, 478px 235px, 626.5px 384.5px,
			500px 121px, 503px 121px, 651.5px 228.5px,
			525px 224px, 528px 224px, 676.5px 364.5px,
			550px 26px, 553px 26px, 701.5px 105px,
			575px 75px, 578px 75px, 726.5px 180px,
			600px 220px, 603px 220px, 751.5px 337.5px,
			625px 24px, 628px 24px, 776.5px 150px,
			650px 16px, 653px 16px, 801.5px 91px,
			675px 224px, 678px 224px, 826.5px 350.5px,
			700px 19px, 703px 19px, 851.5px 121px,
			725px 120px, 728px 120px, 876.5px 187px,
			750px 31px, 753px 31px, 901.5px 120.5px,
			775px 235px, 778px 235px, 926.5px 384.5px,
			800px 121px, 803px 121px, 951.5px 228.5px,
			825px 224px, 828px 224px, 976.5px 364.5px,
			850px 26px, 853px 26px, 1001.5px 105px,
			875px 75px, 878px 75px, 1026.5px 180px,
			900px 220px, 903px 220px, 1051.5px 337.5px,
			925px 24px, 928px 24px, 1076.5px 150px,
			950px 16px, 953px 16px, 1101.5px 91px,
			975px 224px, 978px 224px, 1126.5px 350.5px,
			1000px 19px, 1003px 19px, 1151.5px 121px,
			1025px 120px, 1028px 120px, 1176.5px 187px,
			1050px 31px, 1053px 31px, 1201.5px 120.5px,
			1075px 235px, 1078px 235px, 1226.5px 384.5px,
			1100px 121px, 1103px 121px, 1251.5px 228.5px,
			1125px 224px, 1128px 224px, 1276.5px 364.5px,
			1150px 26px, 1153px 26px, 1301.5px 105px,
			1175px 75px, 1178px 75px, 1326.5px 180px;
	}

	100% {
		background-position:
			0px 2220px, 3px 2220px, 151.5px 2337.5px,
			25px 2024px, 28px 2024px, 176.5px 2150px,
			50px 2016px, 53px 2016px, 201.5px 2091px,
			75px 2224px, 78px 2224px, 226.5px 2350.5px,
			100px 2019px, 103px 2019px, 251.5px 2121px,
			125px 2120px, 128px 2120px, 276.5px 2187px,
			150px 2031px, 153px 2031px, 301.5px 2120.5px,
			175px 2235px, 178px 2235px, 326.5px 2384.5px,
			200px 2121px, 203px 2121px, 351.5px 2228.5px,
			225px 2224px, 228px 2224px, 376.5px 2364.5px,
			250px 2026px, 253px 2026px, 401.5px 2105px,
			275px 2075px, 278px 2075px, 426.5px 2180px,
			300px 2220px, 303px 2220px, 451.5px 2337.5px,
			325px 2024px, 328px 2024px, 476.5px 2150px,
			350px 2016px, 353px 2016px, 501.5px 2091px,
			375px 2224px, 378px 2224px, 526.5px 2350.5px,
			400px 2019px, 403px 2019px, 551.5px 2121px,
			425px 2120px, 428px 2120px, 576.5px 2187px,
			450px 2031px, 453px 2031px, 601.5px 2120.5px,
			475px 2235px, 478px 2235px, 626.5px 2384.5px,
			500px 2121px, 503px 2121px, 651.5px 2228.5px,
			525px 2224px, 528px 2224px, 676.5px 2364.5px,
			550px 2026px, 553px 2026px, 701.5px 2105px,
			575px 2075px, 578px 2075px, 726.5px 2180px,
			600px 2220px, 603px 2220px, 751.5px 2337.5px,
			625px 2024px, 628px 2024px, 776.5px 2150px,
			650px 2016px, 653px 2016px, 801.5px 2091px,
			675px 2224px, 678px 2224px, 826.5px 2350.5px,
			700px 2019px, 703px 2019px, 851.5px 2121px,
			725px 2120px, 728px 2120px, 876.5px 2187px,
			750px 2031px, 753px 2031px, 901.5px 2120.5px,
			775px 2235px, 778px 2235px, 926.5px 2384.5px,
			800px 2121px, 803px 2121px, 951.5px 2228.5px,
			825px 2224px, 828px 2224px, 976.5px 2364.5px,
			850px 2026px, 853px 2026px, 1001.5px 2105px,
			875px 2075px, 878px 2075px, 1026.5px 2180px,
			900px 2220px, 903px 2220px, 1051.5px 2337.5px,
			925px 2024px, 928px 2024px, 1076.5px 2150px,
			950px 2016px, 953px 2016px, 1101.5px 2091px,
			975px 2224px, 978px 2224px, 1126.5px 2350.5px,
			1000px 2019px, 1003px 2019px, 1151.5px 2121px,
			1025px 2120px, 1028px 2120px, 1176.5px 2187px,
			1050px 2031px, 1053px 2031px, 1201.5px 2120.5px,
			1075px 2235px, 1078px 2235px, 1226.5px 2384.5px,
			1100px 2121px, 1103px 2121px, 1251.5px 2228.5px,
			1125px 2224px, 1128px 2224px, 1276.5px 2364.5px,
			1150px 2026px, 1153px 2026px, 1301.5px 2105px,
			1175px 2075px, 1178px 2075px, 1326.5px 2180px;
	}
}

@media (max-width: 768px) {
	.team-bg {
		background-size:
			200px 160px, 200px 160px, 200px 160px,
			200px 170px, 200px 170px, 200px 170px,
			200px 100px, 200px 100px, 200px 100px,
			200px 172px, 200px 172px, 200px 172px,
			200px 140px, 200px 140px, 200px 140px,
			200px 90px, 200px 90px, 200px 90px,
			200px 120px, 200px 120px, 200px 120px,
			200px 200px, 200px 200px, 200px 200px,
			200px 145px, 200px 145px, 200px 145px,
			200px 190px, 200px 190px, 200px 190px,
			200px 105px, 200px 105px, 200px 105px,
			200px 142px, 200px 142px, 200px 142px;
	}
}

@media(width<=992px) {
	#services ul.nav {
		display: flex;
		gap: 10px;

	}

	.services-tabs {
		padding: 0;
	}

	.team-1-column-sticky {
		position: relative;
		height: 40vh;
	}

	.works-grid.work-grid-gut-lg .work-item {
		padding: 0 0 0 70px;
	}

	.works-grid.work-grid-gut-lg {
		margin-top: 80px;
	}
}

.hs-title-12 {
	font-size: 4em;
}

@media (width <=1200px) {
	.hs-title-12 {
		font-size: 3.5em;
	}
}

@media(width<=768px) {
	.hs-title-12 {
		font-size: 3em;
	}
}

@media(width<=576px) {
	.hs-title-12 {
		font-size: 2.5em;
	}

	.btn-mod.btn-large {
		padding: 13px 25px;
	}

	.section-title {
		font-size: 2.6em;
	}
}

.nav-tabs a {
	color: #000;
}