/************************/
/* Damian's Stylesheet */
/**********************/
.background-image-video .container {
	mix-blend-mode: multiply;
}

.page-header .wp-block-columns {
	align-items: center !important;
}

/**
 DETAILS COMPONENT
*/
.responsive-threat-graphic {
	display: none;
}

svg.multiline-svg {
	display: block;
	max-width: 1140px;
	margin: 0 auto;
}

.editor-styles-wrapper .responsive-threat-graphic {
	display: block !important;
	padding-top: 60px;
}

@media only screen and (max-width: 799px) {
	.responsive-threat-graphic {
		display: block;
	}

	svg.multiline-svg {
		display: none;
	}
}

/* svg.multiline-svg .item:not(is--active) {
  opacity: .3
}

svg.multiline-svg .item:hover,
svg.multiline-svg .item.is--active {
  opacity: 1
} */

#onetrust-banner-sdk {
	border-radius: 24px;
}

.c-details {
	max-width: 220px;
	position: relative;
	transition: all 150ms ease-in-out;
	text-align: center;
	width: auto;
	margin: 0 auto 10px;
	display: flex;
	align-items: center;
	border-radius: 19px;
	background: linear-gradient(
		122.26deg,
		#fe8a34 -16.68%,
		#e9e6e2 108.35%,
		#98531f 108.36%
	);
	box-shadow: 0 6px 16px 0 rgba(31, 31, 31, 0.08);
}

.c-details[open] {
	box-shadow: 0 6px 16px 0 rgba(31, 31, 31, 0.15);
}

.c-details > * {
	position: relative;
	z-index: 5;
}

.c-details::after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	display: block;
	width: auto;
	height: auto;
	border: 0px solid transparent;
	border-radius: 18px;
	background: #fff;
	z-index: 1;
}

.c-details summary,
.c-details ul {
	list-style: none;
}

.c-details ul {
	margin: 0;
}

.c-details summary::marker,
.c-details summary::-webkit-details-marker,
.c-details ul li::before {
	display: none;
}

.c-details summary {
	padding: 10px 25px;
	font-size: 18px;
	color: #1f1f1f;
	line-height: 25px;
}

.c-details ul {
	padding: 10px 25px;
	border-top: 1px solid #ededed;
}

.c-details ul li {
	margin: 0;
	padding: 10px 0;
	color: #737171;
	font-size: 16px;
	line-height: 22px;
}

/**
 ABOUT US
*/
.aboutus-info > .wp-block-group__inner-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.aboutus-columns {
	max-width: 1300px;
}

.aboutus-stats {
	justify-content: flex-end;
}

.aboutus-stats > div {
	padding: 40px 20px;
	border-radius: 10px;
}

.about-flashpoint .button-cta a {
	height: 52px;
	line-height: 52px;
	font-size: 16px;
	font-weight: 400;
}

.aboutus-trustedby .has-primary-white-background-color {
	background: transparent !important;
}

.wp-block-group.display-flex {
	display: flex;
}

.icons-aboutus.icon-feature-columns {
	padding: 50px 0;
}

.icons-aboutus .icon-feature-columns .icon-feature {
	padding: 17px 19px;
}

.aboutus-investors.gradient-border-purple {
	background: linear-gradient(
		180deg,
		rgba(208, 208, 208, 1) 40%,
		rgba(31, 114, 104, 1) 100%
	);
}

.partners-globalprogram.services-solutions-grid .services-solutions-grid-item {
	width: calc(33% - 10px);
}

.partners-logoslider {
	filter: grayscale(100%);
}

.partners-testimonials .wp-block-columns {
	gap: 20px;
}

.partners-testimonials .revised-quote::before {
	background: white;
}

.partners-testimonials .revised-quote h2 {
	font-size: clamp(20px, 2.5vw, 22px) !important;
}

.partners-nextsteps {
	background: url("../img/partners-nextsteps.png") center top no-repeat;
}

.partners-nextsteps .button-cta {
	text-align: center;
}

.contact-buttons a {
	font-weight: 400 !important;
}

.contact-buttons {
	gap: 15px;
}

.contact-buttons .button-black a {
	background-color: black;
}

.contact-buttons .button-black a:hover {
	background-color: rgb(85, 85, 85);
}

.contact-buttons .button-purple a {
	color: #535fca;
	box-shadow: inset 0 0 0 1px #535fca;
}

.contact-buttons .button-purple a:hover {
	color: white;
	background-color: #353f99;
}

.contactus-form {
	justify-content: center;
}

.contactus-form-wrapper {
	padding: 10px;
	max-width: 800px;
	box-shadow: 0 6px 16px 0 rgb(31, 31, 31, 0.08);
}

.contactus-form-wrapper .block.pardot-form {
	max-width: initial;
	background: transparent;
}

.transforming-image-block .read {
	max-width: fit-content;
	text-decoration: none;
}

.tabs-container .details ul {
	padding-bottom: 20px;
}

.tabs-container .details ul li::before {
	color: #1f7268;
	width: 5px;
	height: 5px;
	background: #1f7268;
}

.tabs-container .details p:not(:only-child):first-child {
	color: #1f1f1f;
	font-size: 18px;
}

.tabs-container .details p,
.tabs-container .details p:only-child .tabs-container .details ul,
.tabs-container .details ul li {
	font-size: 16px;
	color: #737171;
}

.tabs-container .wp-block-button .wp-block-button__link {
	font-size: 16px;
	font-weight: 500;
	padding: 12px 26px;
}

.block.tabs-block .tabs > div .tab-content .details {
	padding-bottom: 0;
}

.has-right-fading-code-background {
	background-image: url("../img/right-fading--bg.png");
	background-position: right 300px;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
}

.has-left-fading-code-background {
	background-image: url("../img/left-fading--bg.png");
	background-position: bottom left;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
}

@media only screen and (max-width: 999px) {
	.has-right-fading-code-background,
	.has-left-fading-code-background {
		background-image: none;
	}

	.tabs-container .wp-block-button {
		margin: 0 auto;
	}
}

.has-right-fading-code-background .tabs-block,
.has-left-fading-code-background .tabs-block {
	padding-bottom: 60px;
}

.routing-boxes-small.lines .routing-small-box {
	position: relative;
	z-index: 10;
}

.routing-boxes-small.lines .routing-small-box:not(:last-of-type)::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 0;
	width: 26px;
	height: 1px;
	background-color: #e9e6e2;
	transform: translateX(calc(100% + 3px));
}

.mobile-menu ul li.tap > ul.sub-menu > li a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.header-scroll nav ul.menu .menu-item-has-children.menu-item-34 .mega-menu {
	width: auto !important;
}

.home-header-video video {
	top: 50%;
	left: 50%;
	max-width: 1920px;
	transform: translate(-50%, -50%);
}

.home-header-video::after {
	top: 50%;
	left: 50%;
	max-width: 1500px;
	transform: translate(-50%, -50%);
	background: linear-gradient(
		90deg,
		rgba(255, 255, 255, 1) 30%,
		rgba(255, 255, 255, 0) 70%,
		rgba(255, 255, 255, 0) 80%,
		rgba(255, 255, 255, 1) 100%
	);
}

.background-image-video.full-cover img.bg,
.background-image-video img.bg {
	transform: scale(0.92);
	transform-origin: center right;
}

/*
	Accordion component
*/
.c-accordion {
	padding: 0 30px 20px 30px;
	border-radius: 4px;
	position: relative;
	text-align: left;
	width: 100%;
	max-width: 100% !important;
}

.c-accordion::before {
	content: "";
	position: absolute;
	z-index: 0;
	background-color: transparent;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border-radius: 4px;
	top: 1px;
	left: 1px;
}

.c-accordion[open] {
	padding: 0 30px 30px 30px;
	margin-bottom: 20px;
	background: linear-gradient(286.61deg, rgba(34, 46, 148, 0.5) -8.62%, rgba(92, 106, 224, 0.2) 108.16%);
}

.c-accordion[open]::before {
	background-color: white;
}

.c-accordion > summary {
	padding-top: 30px;
	padding-right: 30px;
	position: relative;
	font-size: 28px;
	line-height: 33.5px;
	color: #101828;
	list-style: none;
}

.c-accordion > summary  + * {
	position: relative;
	margin-top: 20px;
	max-width: unset !important;
}

.c-accordion > summary::after {
	position: absolute;
	font-size: 45px;
	color: #535FCA;
	right: 0;
}

.c-accordion[open] > summary::after {
	content: "-";
	padding-right: 5px;
}

.c-accordion > summary::after {
	content: "+"
}

.c-accordion > summary::-webkit-details-marker {
	display: none;
}

.c-accordion p {
	padding-bottom: 0;
	color: #101828
}

.c-accordion + .c-accordion {
	margin-top: 0;
}

.c-faq {
	padding-block: 130px;
	border-bottom: 1px solid #afafaf;
}

.c-faq .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.c-faq h2,
.c-faq h3 {
	margin-bottom: 40px;
}

@media only screen and (min-width: 1366px) {
	.home-header-video {
		margin: -120px 0 -60px;
	}

	.home-header-video video {
		max-width: 1500px;
	}

	.home-header-video + .wp-block-group {
		z-index: 2;
	}
}

@media only screen and (max-width: 799px) {
	.background-image-video.home-header-video {
		justify-content: flex-end;
		flex-wrap: wrap;
	}

	.background-image-video.home-header-video .container {
		mix-blend-mode: unset;
	}

	.home-header-video video {
		top: unset;
		left: unset;
		min-width: 185vw;
		margin: -150px -6vw -100px 0;
		transform: unset;
		z-index: -1;
	}

	.background-image-video-fade-left::after {
		/* top: 50%;
    left: 50%;
    max-width: 1920px;
    transform: translate(-50%, -50%);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%); */
		display: none;
	}
}

@media only screen and (max-width: 600px) {
	.home-header-video video {
		margin-top: -100px;
	}
}

@media only screen and (max-width: 940px) {
	.routing-boxes-small.lines .routing-small-box::before {
		display: none;
	}
}

@media only screen and (max-width: 699px) {
	.careers-stats-container .wp-block-columns {
		flex-flow: wrap !important;
	}
}

/* .routing-boxes-small.lines::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

} */

.block.latest-insights .blog-cards .card .read span,
main .blog-cards .card .read span,
.transforming-image-block .read span {
	transition: all.25s ease;
}

.block.latest-insights .blog-cards .card .read:hover span,
main .blog-cards .card .read:hover span,
.transforming-image-block .read:hover span {
	padding-left: 5px;
}

.icon-email-before a::before {
	transition: margin 0.25s ease;
}

.icon-email-before a:hover::before {
	margin-left: 5px;
}

.banner.small .banner-content .banner-cta img,
.small.block.banner-bar .banner-content .banner-cta img {
	transition: margin 0.25s ease;
}

.banner.small .banner-content .banner-cta:hover img,
.small.block.banner-bar .banner-content .banner-cta:hover img {
	margin-left: 11px;
}

@media (max-width: 500px) {
	.c-circle .block header {
		line-height: 18px !important;
	}
}

/** COMPONENTS */
.max-width-650 {
	max-width: 650px;
}
.max-width-600 {
	max-width: 600px;
}

.why-diagram .list-item {
	min-width: 130px;
	padding-left: 15px;
	padding-right: 15px;
}

.transforming-image-block .transforming-row {
	height: 40vw;
	max-height: 615px;
	min-height: 550px;
}

@media (max-width: 699px) {
	.transforming-image-block .transforming-row {
		height: unset;
		max-height: unset;
	}
}


/* NEW RESOURCES TEMPLATE */
.single-report .main-content .resource__header .wp-block-group:first-of-type.resource__header-content {
	background: transparent !important;
	border: none !important;
	color: white !important;
}

.single-report .main-content .resource__header .wp-block-group:first-of-type.resource__header-content .wp-block-columns .wp-block-column:first-of-type h2,
.single-report .main-content .resource__header .wp-block-group:first-of-type.resource__header-content .wp-block-columns .wp-block-column:first-of-type h3,
.single-report .main-content .resource__header .wp-block-group:first-of-type.resource__header-content .wp-block-columns .wp-block-column:first-of-type p,
.single-report .main-content .resource__header .wp-block-group:first-of-type.resource__header-content .wp-block-columns .wp-block-column:first-of-type ul,
.single-report .main-content .resource__header .wp-block-group:first-of-type.resource__header-content .wp-block-columns .wp-block-column:first-of-type ul li{
	color: white !important;
}

.single-report .main-content .resource__header .wp-block-group:first-of-type.resource__header-content .wp-block-columns .resource__form-wrapper {
	padding-inline: 30px !important;
	padding-block: 30px !important;
	border-radius: 10px;
	background-color: white;
}

.single-report .resource__header {
	z-index: 0;
}

.single-report .resource__details {
	position: relative;
	z-index: 5;
}

.single-report .resource__details .wp-block-columns {
	gap: 100px !important;
}

.single-report .resource__details .resource__block-img figure {
	margin-top: -180px !important;
}

@media (max-width: 999px) {
	.single-report .resource__details .wp-block-columns {
		gap: 50px !important;
	}
	.single-report .resource__details .resource__block-img figure {
		margin-top: 0 !important;
	}
}

.sidebar__nopadding {
	padding: 0 !important;
	overflow: hidden !important;
}

.links-container.sidebar__nopadding .background-image-video {
	padding: unset;
}

.links-container.sidebar__nopadding .container {
	width: 100%;
}


body.post-type-post-widget .editor-styles-wrapper .background-image-video.full-cover img.bg, 
body.post-type-post-widget .editor-styles-wrapper .background-image-video img.bg
.links-container.sidebar__nopadding .background-image-video.full-cover img.bg, 
.links-container.sidebar__nopadding .background-image-video img.bg {
	width: 100%;
	transform: unset;
	transform-origin: center;
}

body.post-type-post-widget .editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
	max-width: 400px !important;
}

body.post-type-post-widget .editor-styles-wrapper .background-image-video {
	padding: 0 !important;
}
/* 
body.post-type-post-widget .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .wp-block {
	min-height: 200px;
} */

body.post-type-post-widget .editor-styles-wrapper .background-image-video .container,
.links-container.sidebar__nopadding .background-image-video .container {
	mix-blend-mode: unset;
}


/*
	MENU
*/

nav.menu-container .text-icon {
	display: flex;
	align-items: center;
}

nav.menu-container .text-icon .icon-container {
	padding-bottom: 0 !important;
	margin-right: 10px !important;
}

nav.menu-container a:has(.text-icon) {
	display: block !important;
	margin-bottom: 10px !important;
	margin-top: -12px !important;
}





@-webkit-keyframes do--stroke-284 {
	0% {
		stroke-dasharray: 240px;
		stroke-dashoffset: 240px;
	}
	to {
		stroke-dasharray: 240px;
		stroke-dashoffset: 480px;
	}
}
@keyframes do--stroke-284 {
	0% {
		stroke-dasharray: 240px;
		stroke-dashoffset: 240px;
	}
	to {
		stroke-dasharray: 240px;
		stroke-dashoffset: 480px;
	}
}
@-webkit-keyframes do--stroke-182 {
	0% {
		stroke-dasharray: 140px;
		stroke-dashoffset: 140px;
	}
	to {
		stroke-dasharray: 140px;
		stroke-dashoffset: 280px;
	}
}
@keyframes do--stroke-182 {
	0% {
		stroke-dasharray: 140px;
		stroke-dashoffset: 140px;
	}
	to {
		stroke-dasharray: 140px;
		stroke-dashoffset: 280px;
	}
}
@-webkit-keyframes do--stroke-230 {
	0% {
		stroke-dasharray: 75px;
		stroke-dashoffset: 75px;
	}
	to {
		stroke-dasharray: 75px;
		stroke-dashoffset: 150px;
	}
}
@keyframes do--stroke-230 {
	0% {
		stroke-dasharray: 75px;
		stroke-dashoffset: 75px;
	}
	to {
		stroke-dasharray: 75px;
		stroke-dashoffset: 150px;
	}
}
@-webkit-keyframes do--stroke-217 {
	0% {
		stroke-dasharray: 230px;
		stroke-dashoffset: 230px;
	}
	to {
		stroke-dasharray: 230px;
		stroke-dashoffset: 460px;
	}
}
@keyframes do--stroke-217 {
	0% {
		stroke-dasharray: 230px;
		stroke-dashoffset: 230px;
	}
	to {
		stroke-dasharray: 230px;
		stroke-dashoffset: 460px;
	}
}
@-webkit-keyframes do--stroke-113 {
	0% {
		stroke-dasharray: 70px;
		stroke-dashoffset: 70px;
	}
	to {
		stroke-dasharray: 70px;
		stroke-dashoffset: 140px;
	}
}
@keyframes do--stroke-113 {
	0% {
		stroke-dasharray: 70px;
		stroke-dashoffset: 70px;
	}
	to {
		stroke-dasharray: 70px;
		stroke-dashoffset: 140px;
	}
}
@-webkit-keyframes do--stroke-15 {
	0% {
		stroke-dasharray: 260px;
		stroke-dashoffset: 260px;
	}
	to {
		stroke-dasharray: 260px;
		stroke-dashoffset: 520px;
	}
}
@keyframes do--stroke-15 {
	0% {
		stroke-dasharray: 260px;
		stroke-dashoffset: 260px;
	}
	to {
		stroke-dasharray: 260px;
		stroke-dashoffset: 520px;
	}
}
@-webkit-keyframes do--stroke-24 {
	0% {
		stroke-dasharray: 410px;
		stroke-dashoffset: 410px;
	}
	to {
		stroke-dasharray: 410px;
		stroke-dashoffset: 820px;
	}
}
@keyframes do--stroke-24 {
	0% {
		stroke-dasharray: 410px;
		stroke-dashoffset: 410px;
	}
	to {
		stroke-dasharray: 410px;
		stroke-dashoffset: 820px;
	}
}
@-webkit-keyframes do--stroke-13 {
	0% {
		stroke-dasharray: 700px;
		stroke-dashoffset: 700px;
	}
	to {
		stroke-dasharray: 700px;
		stroke-dashoffset: 1400px;
	}
}
@keyframes do--stroke-13 {
	0% {
		stroke-dasharray: 700px;
		stroke-dashoffset: 700px;
	}
	to {
		stroke-dasharray: 700px;
		stroke-dashoffset: 1400px;
	}
}
@-webkit-keyframes do--stroke-74 {
	0% {
		stroke-dasharray: 700px;
		stroke-dashoffset: 700px;
	}
	to {
		stroke-dasharray: 700px;
		stroke-dashoffset: 1400px;
	}
}
@keyframes do--stroke-74 {
	0% {
		stroke-dasharray: 700px;
		stroke-dashoffset: 700px;
	}
	to {
		stroke-dasharray: 700px;
		stroke-dashoffset: 1400px;
	}
}
@-webkit-keyframes do--stroke-280 {
	0% {
		stroke-dasharray: 520px;
		stroke-dashoffset: 520px;
	}
	to {
		stroke-dasharray: 520px;
		stroke-dashoffset: 1040px;
	}
}
@keyframes do--stroke-280 {
	0% {
		stroke-dasharray: 520px;
		stroke-dashoffset: 520px;
	}
	to {
		stroke-dasharray: 520px;
		stroke-dashoffset: 1040px;
	}
}
@-webkit-keyframes do--stroke-200 {
	0% {
		stroke-dasharray: 330px;
		stroke-dashoffset: 330px;
	}
	to {
		stroke-dasharray: 330px;
		stroke-dashoffset: 660px;
	}
}
@keyframes do--stroke-200 {
	0% {
		stroke-dasharray: 330px;
		stroke-dashoffset: 330px;
	}
	to {
		stroke-dasharray: 330px;
		stroke-dashoffset: 660px;
	}
}
@-webkit-keyframes do--stroke-39 {
	0% {
		stroke-dasharray: 1530px;
		stroke-dashoffset: 1530px;
	}
	to {
		stroke-dasharray: 1530px;
		stroke-dashoffset: 3060px;
	}
}
@keyframes do--stroke-39 {
	0% {
		stroke-dasharray: 1530px;
		stroke-dashoffset: 1530px;
	}
	to {
		stroke-dasharray: 1530px;
		stroke-dashoffset: 3060px;
	}
}
@-webkit-keyframes do--stroke-254 {
	0% {
		stroke-dasharray: 220px;
		stroke-dashoffset: 220px;
	}
	to {
		stroke-dasharray: 220px;
		stroke-dashoffset: 440px;
	}
}
@keyframes do--stroke-254 {
	0% {
		stroke-dasharray: 220px;
		stroke-dashoffset: 220px;
	}
	to {
		stroke-dasharray: 220px;
		stroke-dashoffset: 440px;
	}
}
@-webkit-keyframes do--stroke-210 {
	0% {
		stroke-dasharray: 140px;
		stroke-dashoffset: 140px;
	}
	to {
		stroke-dasharray: 140px;
		stroke-dashoffset: 280px;
	}
}
@keyframes do--stroke-210 {
	0% {
		stroke-dasharray: 140px;
		stroke-dashoffset: 140px;
	}
	to {
		stroke-dasharray: 140px;
		stroke-dashoffset: 280px;
	}
}
@-webkit-keyframes do--stroke-143 {
	0% {
		stroke-dasharray: 155px;
		stroke-dashoffset: 155px;
	}
	to {
		stroke-dasharray: 155px;
		stroke-dashoffset: 310px;
	}
}
@keyframes do--stroke-143 {
	0% {
		stroke-dasharray: 155px;
		stroke-dashoffset: 155px;
	}
	to {
		stroke-dasharray: 155px;
		stroke-dashoffset: 310px;
	}
}
@-webkit-keyframes do--stroke-27 {
	0% {
		stroke-dasharray: 270px;
		stroke-dashoffset: 270px;
	}
	to {
		stroke-dasharray: 270px;
		stroke-dashoffset: 540px;
	}
}
@keyframes do--stroke-27 {
	0% {
		stroke-dasharray: 270px;
		stroke-dashoffset: 270px;
	}
	to {
		stroke-dasharray: 270px;
		stroke-dashoffset: 540px;
	}
}
@-webkit-keyframes do--stroke-146 {
	0% {
		stroke-dasharray: 325px;
		stroke-dashoffset: 325px;
	}
	to {
		stroke-dasharray: 325px;
		stroke-dashoffset: 650px;
	}
}
@keyframes do--stroke-146 {
	0% {
		stroke-dasharray: 325px;
		stroke-dashoffset: 325px;
	}
	to {
		stroke-dasharray: 325px;
		stroke-dashoffset: 650px;
	}
}
@-webkit-keyframes do--stroke-289 {
	0% {
		stroke-dasharray: 430px;
		stroke-dashoffset: 430px;
	}
	to {
		stroke-dasharray: 430px;
		stroke-dashoffset: 860px;
	}
}
@keyframes do--stroke-289 {
	0% {
		stroke-dasharray: 430px;
		stroke-dashoffset: 430px;
	}
	to {
		stroke-dasharray: 430px;
		stroke-dashoffset: 860px;
	}
}
@-webkit-keyframes do--stroke-186 {
	0% {
		stroke-dasharray: 460px;
		stroke-dashoffset: 460px;
	}
	to {
		stroke-dasharray: 460px;
		stroke-dashoffset: 920px;
	}
}
@keyframes do--stroke-186 {
	0% {
		stroke-dasharray: 460px;
		stroke-dashoffset: 460px;
	}
	to {
		stroke-dasharray: 460px;
		stroke-dashoffset: 920px;
	}
}
@-webkit-keyframes do--stroke-153 {
	0% {
		stroke-dasharray: 710px;
		stroke-dashoffset: 710px;
	}
	to {
		stroke-dasharray: 710px;
		stroke-dashoffset: 1420px;
	}
}
@keyframes do--stroke-153 {
	0% {
		stroke-dasharray: 710px;
		stroke-dashoffset: 710px;
	}
	to {
		stroke-dasharray: 710px;
		stroke-dashoffset: 1420px;
	}
}
@-webkit-keyframes do--stroke-125 {
	0% {
		stroke-dasharray: 625px;
		stroke-dashoffset: 625px;
	}
	to {
		stroke-dasharray: 625px;
		stroke-dashoffset: 1250px;
	}
}
@keyframes do--stroke-125 {
	0% {
		stroke-dasharray: 625px;
		stroke-dashoffset: 625px;
	}
	to {
		stroke-dasharray: 625px;
		stroke-dashoffset: 1250px;
	}
}
@-webkit-keyframes do--stroke-46 {
	0% {
		stroke-dasharray: 800px;
		stroke-dashoffset: 800px;
	}
	to {
		stroke-dasharray: 800px;
		stroke-dashoffset: 1600px;
	}
}
@keyframes do--stroke-46 {
	0% {
		stroke-dasharray: 800px;
		stroke-dashoffset: 800px;
	}
	to {
		stroke-dasharray: 800px;
		stroke-dashoffset: 1600px;
	}
}
@-webkit-keyframes do--stroke-124 {
	0% {
		stroke-dasharray: 670px;
		stroke-dashoffset: 670px;
	}
	to {
		stroke-dasharray: 670px;
		stroke-dashoffset: 1340px;
	}
}
@keyframes do--stroke-124 {
	0% {
		stroke-dasharray: 670px;
		stroke-dashoffset: 670px;
	}
	to {
		stroke-dasharray: 670px;
		stroke-dashoffset: 1340px;
	}
}
@-webkit-keyframes do--stroke-168 {
	0% {
		stroke-dasharray: 315px;
		stroke-dashoffset: 315px;
	}
	to {
		stroke-dasharray: 315px;
		stroke-dashoffset: 630px;
	}
}
@keyframes do--stroke-168 {
	0% {
		stroke-dasharray: 315px;
		stroke-dashoffset: 315px;
	}
	to {
		stroke-dasharray: 315px;
		stroke-dashoffset: 630px;
	}
}
@-webkit-keyframes do--stroke-157 {
	0% {
		stroke-dasharray: 200px;
		stroke-dashoffset: 200px;
	}
	to {
		stroke-dasharray: 200px;
		stroke-dashoffset: 400px;
	}
}
@keyframes do--stroke-157 {
	0% {
		stroke-dasharray: 200px;
		stroke-dashoffset: 200px;
	}
	to {
		stroke-dasharray: 200px;
		stroke-dashoffset: 400px;
	}
}
@-webkit-keyframes do--stroke-89 {
	0% {
		stroke-dasharray: 130px;
		stroke-dashoffset: 130px;
	}
	to {
		stroke-dasharray: 130px;
		stroke-dashoffset: 260px;
	}
}
@keyframes do--stroke-89 {
	0% {
		stroke-dasharray: 130px;
		stroke-dashoffset: 130px;
	}
	to {
		stroke-dasharray: 130px;
		stroke-dashoffset: 260px;
	}
}
@-webkit-keyframes do--stroke-76 {
	0% {
		stroke-dasharray: 600px;
		stroke-dashoffset: 600px;
	}
	to {
		stroke-dasharray: 600px;
		stroke-dashoffset: 1200px;
	}
}
@keyframes do--stroke-76 {
	0% {
		stroke-dasharray: 600px;
		stroke-dashoffset: 600px;
	}
	to {
		stroke-dasharray: 600px;
		stroke-dashoffset: 1200px;
	}
}
@-webkit-keyframes do--stroke-103 {
	0% {
		stroke-dasharray: 505px;
		stroke-dashoffset: 505px;
	}
	to {
		stroke-dasharray: 505px;
		stroke-dashoffset: 1010px;
	}
}
@-webkit-keyframes do--stroke-267 {
	0% {
		stroke-dasharray: 185px;
		stroke-dashoffset: 185px;
	}
	to {
		stroke-dasharray: 185px;
		stroke-dashoffset: 370px;
	}
}
@keyframes do--stroke-267 {
	0% {
		stroke-dasharray: 185px;
		stroke-dashoffset: 185px;
	}
	to {
		stroke-dasharray: 185px;
		stroke-dashoffset: 370px;
	}
}
@keyframes do--stroke-103 {
	0% {
		stroke-dasharray: 345px;
		stroke-dashoffset: 345px;
	}
	to {
		stroke-dasharray: 345px;
		stroke-dashoffset: 690px;
	}
}
@-webkit-keyframes do--stroke-123 {
	0% {
		stroke-dasharray: 620px;
		stroke-dashoffset: 620px;
	}
	to {
		stroke-dasharray: 620px;
		stroke-dashoffset: 1240px;
	}
}
@keyframes do--stroke-123 {
	0% {
		stroke-dasharray: 620px;
		stroke-dashoffset: 620px;
	}
	to {
		stroke-dasharray: 620px;
		stroke-dashoffset: 1240px;
	}
}
@-webkit-keyframes do--stroke-231 {
	0% {
		stroke-dasharray: 410px;
		stroke-dashoffset: 410px;
	}
	to {
		stroke-dasharray: 410px;
		stroke-dashoffset: 820px;
	}
}
@keyframes do--stroke-231 {
	0% {
		stroke-dasharray: 410px;
		stroke-dashoffset: 410px;
	}
	to {
		stroke-dasharray: 410px;
		stroke-dashoffset: 820px;
	}
}
@-webkit-keyframes do--stroke-293 {
	0% {
		stroke-dasharray: 645px;
		stroke-dashoffset: 645px;
	}
	to {
		stroke-dasharray: 645px;
		stroke-dashoffset: 1290px;
	}
}
@keyframes do--stroke-293 {
	0% {
		stroke-dasharray: 645px;
		stroke-dashoffset: 645px;
	}
	to {
		stroke-dasharray: 645px;
		stroke-dashoffset: 1290px;
	}
}
#item-1--lines .line-1,
#item-1--lines .line-2,
#item-1--lines .line-3 {
	stroke-dasharray: 240px;
	stroke-dashoffset: 240px;
	-webkit-animation: none;
	animation: none;
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
#item-1--lines .line-1.is--active,
#item-1--lines .line-2.is--active,
#item-1--lines .line-3.is--active {
	-webkit-animation: do--stroke-284 0.5s 0s linear forwards;
	animation: do--stroke-284 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-1--lines .line-2,
#item-1--lines .line-3 {
	stroke-dasharray: 140px;
	stroke-dashoffset: 140px;
}
#item-1--lines .line-2.is--active,
#item-1--lines .line-3.is--active {
	-webkit-animation: do--stroke-182 0.5s 0s linear forwards;
	animation: do--stroke-182 0.5s 0s linear forwards;
}
#item-1--lines .line-3 {
	stroke-dasharray: 75px;
	stroke-dashoffset: 75px;
}
#item-1--lines .line-3.is--active {
	-webkit-animation: do--stroke-230 0.5s 0s linear forwards;
	animation: do--stroke-230 0.5s 0s linear forwards;
}
#item-1--lines .line-4,
#item-1--lines .line-5,
#item-1--lines .line-6,
#item-1--lines .line-7,
#item-1--lines .line-8,
#item-1--lines .line-9 {
	stroke-dasharray: 230px;
	stroke-dashoffset: 230px;
	-webkit-animation: none;
	animation: none;
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
#item-1--lines .line-4.is--active,
#item-1--lines .line-5.is--active,
#item-1--lines .line-6.is--active {
	-webkit-animation: do--stroke-217 0.5s 0s linear forwards;
	animation: do--stroke-217 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-1--lines .line-5,
#item-1--lines .line-6,
#item-1--lines .line-7,
#item-1--lines .line-8,
#item-1--lines .line-9 {
	stroke-dasharray: 70px;
	stroke-dashoffset: 70px;
}
#item-1--lines .line-5.is--active,
#item-1--lines .line-6.is--active {
	-webkit-animation: do--stroke-113 0.5s 0s linear forwards;
	animation: do--stroke-113 0.5s 0s linear forwards;
}
#item-1--lines .line-6,
#item-1--lines .line-7,
#item-1--lines .line-8,
#item-1--lines .line-9 {
	stroke-dasharray: 260px;
	stroke-dashoffset: 260px;
}
#item-1--lines .line-6.is--active {
	-webkit-animation: do--stroke-15 0.5s 0s linear forwards;
	animation: do--stroke-15 0.5s 0s linear forwards;
}
#item-1--lines .line-7,
#item-1--lines .line-8,
#item-1--lines .line-9 {
	stroke-dasharray: 410px;
	stroke-dashoffset: 410px;
}
#item-1--lines .line-7.is--active,
#item-1--lines .line-8.is--active,
#item-1--lines .line-9.is--active {
	-webkit-animation: do--stroke-24 0.5s 0s linear forwards;
	animation: do--stroke-24 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-1--lines .line-8,
#item-1--lines .line-9 {
	stroke-dasharray: 700px;
	stroke-dashoffset: 700px;
}
#item-1--lines .line-8.is--active,
#item-1--lines .line-9.is--active {
	-webkit-animation: do--stroke-13 0.5s 0s linear forwards;
	animation: do--stroke-13 0.5s 0s linear forwards;
}
#item-1--lines .line-9.is--active {
	-webkit-animation: do--stroke-74 0.5s 0s linear forwards;
	animation: do--stroke-74 0.5s 0s linear forwards;
}
#item-1--lines .line-10,
#item-1--lines .line-11,
#item-2--lines .line-1,
#item-2--lines .line-2,
#item-2--lines .line-3,
#item-2--lines .line-4 {
	stroke-dasharray: 520px;
	stroke-dashoffset: 520px;
	-webkit-animation: none;
	animation: none;
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
#item-1--lines .line-10.is--active,
#item-1--lines .line-11.is--active,
#item-2--lines .line-1.is--active {
	-webkit-animation: do--stroke-280 0.5s 0s linear forwards;
	animation: do--stroke-280 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-1--lines .line-11,
#item-2--lines .line-1,
#item-2--lines .line-2,
#item-2--lines .line-3,
#item-2--lines .line-4 {
	stroke-dasharray: 330px;
	stroke-dashoffset: 330px;
}
#item-1--lines .line-11.is--active,
#item-2--lines .line-1.is--active {
	-webkit-animation: do--stroke-200 0.5s 0s linear forwards;
	animation: do--stroke-200 0.5s 0s linear forwards;
}
#item-2--lines .line-1,
#item-2--lines .line-2,
#item-2--lines .line-3,
#item-2--lines .line-4 {
	stroke-dasharray: 1530px;
	stroke-dashoffset: 1530px;
}
#item-2--lines .line-1.is--active {
	-webkit-animation: do--stroke-39 0.5s 0s linear forwards;
	animation: do--stroke-39 0.5s 0s linear forwards;
}
#item-2--lines .line-2,
#item-2--lines .line-3,
#item-2--lines .line-4 {
	stroke-dasharray: 220px;
	stroke-dashoffset: 220px;
}
#item-2--lines .line-2.is--active,
#item-2--lines .line-3.is--active,
#item-2--lines .line-4.is--active {
	-webkit-animation: do--stroke-254 0.5s 0s linear forwards;
	animation: do--stroke-254 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-2--lines .line-3,
#item-2--lines .line-4 {
	stroke-dasharray: 140px;
	stroke-dashoffset: 140px;
}
#item-2--lines .line-3.is--active,
#item-2--lines .line-4.is--active {
	-webkit-animation: do--stroke-210 0.5s 0s linear forwards;
	animation: do--stroke-210 0.5s 0s linear forwards;
}
#item-2--lines .line-4 {
	stroke-dasharray: 155px;
	stroke-dashoffset: 155px;
}
#item-2--lines .line-4.is--active {
	-webkit-animation: do--stroke-143 0.5s 0s linear forwards;
	animation: do--stroke-143 0.5s 0s linear forwards;
}
#item-2--lines .line-5,
#item-2--lines .line-6,
#item-2--lines .line-7,
#item-2--lines .line-8,
#item-2--lines .line-9,
#item-3--lines .line-1 {
	stroke-dasharray: 270px;
	stroke-dashoffset: 270px;
	-webkit-animation: none;
	animation: none;
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
#item-2--lines .line-5.is--active,
#item-2--lines .line-6.is--active,
#item-2--lines .line-7.is--active {
	-webkit-animation: do--stroke-27 0.5s 0s linear forwards;
	animation: do--stroke-27 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-2--lines .line-6,
#item-2--lines .line-7,
#item-2--lines .line-8,
#item-2--lines .line-9,
#item-3--lines .line-1 {
	stroke-dasharray: 325px;
	stroke-dashoffset: 325px;
}
#item-2--lines .line-6.is--active,
#item-2--lines .line-7.is--active {
	-webkit-animation: do--stroke-146 0.5s 0s linear forwards;
	animation: do--stroke-146 0.5s 0s linear forwards;
}
#item-2--lines .line-7,
#item-2--lines .line-8,
#item-2--lines .line-9,
#item-3--lines .line-1 {
	stroke-dasharray: 430px;
	stroke-dashoffset: 430px;
}
#item-2--lines .line-7.is--active {
	-webkit-animation: do--stroke-289 0.5s 0s linear forwards;
	animation: do--stroke-289 0.5s 0s linear forwards;
}
#item-2--lines .line-8,
#item-2--lines .line-9,
#item-3--lines .line-1 {
	stroke-dasharray: 460px;
	stroke-dashoffset: 460px;
}
#item-2--lines .line-8.is--active,
#item-2--lines .line-9.is--active,
#item-3--lines .line-1.is--active {
	-webkit-animation: do--stroke-186 0.5s 0s linear forwards;
	animation: do--stroke-186 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-2--lines .line-9,
#item-3--lines .line-1 {
	stroke-dasharray: 710px;
	stroke-dashoffset: 710px;
}
#item-2--lines .line-9.is--active,
#item-3--lines .line-1.is--active {
	-webkit-animation: do--stroke-153 0.5s 0s linear forwards;
	animation: do--stroke-153 0.5s 0s linear forwards;
}
#item-3--lines .line-1 {
	stroke-dasharray: 625px;
	stroke-dashoffset: 625px;
}
#item-3--lines .line-1.is--active {
	-webkit-animation: do--stroke-125 0.5s 0s linear forwards;
	animation: do--stroke-125 0.5s 0s linear forwards;
}
#item-3--lines .line-2,
#item-3--lines .line-3,
#item-3--lines .line-4,
#item-3--lines .line-5,
#item-3--lines .line-6,
#item-3--lines .line-7 {
	stroke-dasharray: 800px;
	stroke-dashoffset: 800px;
	-webkit-animation: none;
	animation: none;
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
#item-3--lines .line-2.is--active,
#item-3--lines .line-3.is--active,
#item-3--lines .line-4.is--active {
	-webkit-animation: do--stroke-46 0.5s 0s linear forwards;
	animation: do--stroke-46 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-3--lines .line-3,
#item-3--lines .line-4,
#item-3--lines .line-5,
#item-3--lines .line-6,
#item-3--lines .line-7 {
	stroke-dasharray: 670px;
	stroke-dashoffset: 670px;
}
#item-3--lines .line-3.is--active,
#item-3--lines .line-4.is--active {
	-webkit-animation: do--stroke-124 0.5s 0s linear forwards;
	animation: do--stroke-124 0.5s 0s linear forwards;
}
#item-3--lines .line-4,
#item-3--lines .line-5,
#item-3--lines .line-6,
#item-3--lines .line-7 {
	stroke-dasharray: 315px;
	stroke-dashoffset: 315px;
}
#item-3--lines .line-4.is--active {
	-webkit-animation: do--stroke-168 0.5s 0s linear forwards;
	animation: do--stroke-168 0.5s 0s linear forwards;
}
#item-3--lines .line-5,
#item-3--lines .line-6,
#item-3--lines .line-7 {
	stroke-dasharray: 200px;
	stroke-dashoffset: 200px;
}
#item-3--lines .line-5.is--active,
#item-3--lines .line-6.is--active,
#item-3--lines .line-7.is--active {
	-webkit-animation: do--stroke-157 0.5s 0s linear forwards;
	animation: do--stroke-157 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-3--lines .line-6,
#item-3--lines .line-7 {
	stroke-dasharray: 130px;
	stroke-dashoffset: 130px;
}
#item-3--lines .line-6.is--active,
#item-3--lines .line-7.is--active {
	-webkit-animation: do--stroke-89 0.5s 0s linear forwards;
	animation: do--stroke-89 0.5s 0s linear forwards;
}
#item-3--lines .line-7 {
	stroke-dasharray: 600px;
	stroke-dashoffset: 600px;
}
#item-3--lines .line-7.is--active {
	-webkit-animation: do--stroke-76 0.5s 0s linear forwards;
	animation: do--stroke-76 0.5s 0s linear forwards;
}
#item-3--lines .line-8,
#item-4--lines .line-1,
#item-4--lines .line-2,
#item-4--lines .line-3,
#item-4--lines .line-4,
#item-4--lines .line-5 {
	stroke-dasharray: 505px;
	stroke-dashoffset: 505px;
	-webkit-animation: none;
	animation: none;
	-webkit-animation-play-state: paused !important;
	animation-play-state: paused !important;
}
#item-3--lines .line-8.is--active,
#item-4--lines .line-1.is--active,
#item-4--lines .line-2.is--active {
	-webkit-animation: do--stroke-103 0.5s 0s linear forwards;
	animation: do--stroke-103 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-4--lines .line-1,
#item-4--lines .line-2,
#item-4--lines .line-3,
#item-4--lines .line-4,
#item-4--lines .line-5 {
	stroke-dasharray: 185px;
	stroke-dashoffset: 185px;
}
#item-4--lines .line-1.is--active,
#item-4--lines .line-2.is--active {
	-webkit-animation: do--stroke-267 0.5s 0s linear forwards;
	animation: do--stroke-267 0.5s 0s linear forwards;
}
#item-4--lines .line-2,
#item-4--lines .line-3,
#item-4--lines .line-4,
#item-4--lines .line-5 {
	stroke-dasharray: 345px;
	stroke-dashoffset: 345px;
}
#item-4--lines .line-2.is--active {
	-webkit-animation: do--stroke-103 0.5s 0s linear forwards;
	animation: do--stroke-103 0.5s 0s linear forwards;
}
#item-4--lines .line-3,
#item-4--lines .line-4,
#item-4--lines .line-5 {
	stroke-dasharray: 620px;
	stroke-dashoffset: 620px;
}
#item-4--lines .line-3.is--active,
#item-4--lines .line-4.is--active,
#item-4--lines .line-5.is--active {
	-webkit-animation: do--stroke-123 0.5s 0s linear forwards;
	animation: do--stroke-123 0.5s 0s linear forwards;
	-webkit-animation-play-state: running !important;
	animation-play-state: running !important;
}
#item-4--lines .line-4,
#item-4--lines .line-5 {
	stroke-dasharray: 410px;
	stroke-dashoffset: 410px;
}
#item-4--lines .line-4.is--active,
#item-4--lines .line-5.is--active {
	-webkit-animation: do--stroke-231 0.5s 0s linear forwards;
	animation: do--stroke-231 0.5s 0s linear forwards;
}
#item-4--lines .line-5 {
	stroke-dasharray: 645px;
	stroke-dashoffset: 645px;
}
#item-4--lines .line-5.is--active {
	-webkit-animation: do--stroke-293 0.5s 0s linear forwards;
	animation: do--stroke-293 0.5s 0s linear forwards;
}
.multiline-svg:has(.item.is--active) .item:not(.is--active) {
	opacity: 0.3;
}
.item {
	cursor: pointer;
	-webkit-transition: opacity 0.25s ease;
	transition: opacity 0.25s ease;
}
.item .green,
.item .text {
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.item .text {
	fill: #1f1f1f;
}
.item .green {
	opacity: 0;
}
.item.is--active,
.item:hover {
	opacity: 1 !important;
}
.item.is--active .text,
.item:hover .text {
	fill: #fff;
}
.item.is--active .green,
.item:hover .green {
	opacity: 1;
}
.block .background,
.block .text {
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.block .text {
	fill: #e1e1e1;
}
.block .background {
	opacity: 0;
}
.block.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.block.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
svg.item-1--is-active #item-1--lines .line-1 {
	-webkit-animation-delay: 0.1s !important;
	animation-delay: 0.1s !important;
}
svg.item-1--is-active #item-1--lines .line-2 {
	-webkit-animation-delay: 0.2s !important;
	animation-delay: 0.2s !important;
}
svg.item-1--is-active #item-1--lines .line-3 {
	-webkit-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important;
}
svg.item-1--is-active #item-1--lines .line-4 {
	-webkit-animation-delay: 0.4s !important;
	animation-delay: 0.4s !important;
}
svg.item-1--is-active #item-1--lines .line-5 {
	-webkit-animation-delay: 0.5s !important;
	animation-delay: 0.5s !important;
}
svg.item-1--is-active #item-1--lines .line-6 {
	-webkit-animation-delay: 0.6s !important;
	animation-delay: 0.6s !important;
}
svg.item-1--is-active #item-1--lines .line-7 {
	-webkit-animation-delay: 0.7s !important;
	animation-delay: 0.7s !important;
}
svg.item-1--is-active #item-1--lines .line-8 {
	-webkit-animation-delay: 0.8s !important;
	animation-delay: 0.8s !important;
}
svg.item-1--is-active #item-1--lines .line-9 {
	-webkit-animation-delay: 0.9s !important;
	animation-delay: 0.9s !important;
}
svg.item-1--is-active #item-1--lines .line-10 {
	-webkit-animation-delay: 1s !important;
	animation-delay: 1s !important;
}
svg.item-1--is-active #item-1--lines .line-11 {
	-webkit-animation-delay: 1.1s !important;
	animation-delay: 1.1s !important;
}
svg.item-1--is-active .item-1--block-1.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
svg.item-1--is-active .item-1--block-1.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
svg.item-1--is-active .item-1--block-2.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
svg.item-1--is-active .item-1--block-2.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
svg.item-1--is-active .item-1--block-3.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
svg.item-1--is-active .item-1--block-3.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
svg.item-1--is-active .item-1--block-4.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
svg.item-1--is-active .item-1--block-4.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
svg.item-1--is-active .item-1--block-5.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
svg.item-1--is-active .item-1--block-5.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
svg.item-1--is-active .item-1--block-6.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
svg.item-1--is-active .item-1--block-6.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
svg.item-1--is-active .item-1--block-7.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
svg.item-1--is-active .item-1--block-7.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
svg.item-1--is-active .item-1--block-8.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
svg.item-1--is-active .item-1--block-8.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
svg.item-1--is-active .item-1--block-9.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
svg.item-1--is-active .item-1--block-9.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
svg.item-1--is-active .item-1--block-10.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
svg.item-1--is-active .item-1--block-10.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
svg.item-1--is-active .item-1--block-11.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
svg.item-1--is-active .item-1--block-11.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
svg.item-2--is-active #item-2--lines .line-1 {
	-webkit-animation-delay: 0.1s !important;
	animation-delay: 0.1s !important;
}
svg.item-2--is-active #item-2--lines .line-2 {
	-webkit-animation-delay: 0.2s !important;
	animation-delay: 0.2s !important;
}
svg.item-2--is-active #item-2--lines .line-3 {
	-webkit-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important;
}
svg.item-2--is-active #item-2--lines .line-4 {
	-webkit-animation-delay: 0.4s !important;
	animation-delay: 0.4s !important;
}
svg.item-2--is-active #item-2--lines .line-5 {
	-webkit-animation-delay: 0.5s !important;
	animation-delay: 0.5s !important;
}
svg.item-2--is-active #item-2--lines .line-6 {
	-webkit-animation-delay: 0.6s !important;
	animation-delay: 0.6s !important;
}
svg.item-2--is-active #item-2--lines .line-7 {
	-webkit-animation-delay: 0.7s !important;
	animation-delay: 0.7s !important;
}
svg.item-2--is-active #item-2--lines .line-8 {
	-webkit-animation-delay: 0.8s !important;
	animation-delay: 0.8s !important;
}
svg.item-2--is-active #item-2--lines .line-9 {
	-webkit-animation-delay: 0.9s !important;
	animation-delay: 0.9s !important;
}
svg.item-2--is-active #item-2--lines .line-10 {
	-webkit-animation-delay: 1s !important;
	animation-delay: 1s !important;
}
svg.item-2--is-active #item-2--lines .line-11 {
	-webkit-animation-delay: 1.1s !important;
	animation-delay: 1.1s !important;
}
svg.item-2--is-active .item-2--block-1.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
svg.item-2--is-active .item-2--block-1.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
svg.item-2--is-active .item-2--block-2.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
svg.item-2--is-active .item-2--block-2.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
svg.item-2--is-active .item-2--block-3.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
svg.item-2--is-active .item-2--block-3.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
svg.item-2--is-active .item-2--block-4.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
svg.item-2--is-active .item-2--block-4.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
svg.item-2--is-active .item-2--block-5.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
svg.item-2--is-active .item-2--block-5.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
svg.item-2--is-active .item-2--block-6.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
svg.item-2--is-active .item-2--block-6.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
svg.item-2--is-active .item-2--block-7.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
svg.item-2--is-active .item-2--block-7.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
svg.item-2--is-active .item-2--block-8.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
svg.item-2--is-active .item-2--block-8.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
svg.item-2--is-active .item-2--block-9.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
svg.item-2--is-active .item-2--block-9.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
svg.item-2--is-active .item-2--block-10.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
svg.item-2--is-active .item-2--block-10.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
svg.item-2--is-active .item-2--block-11.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
svg.item-2--is-active .item-2--block-11.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
svg.item-3--is-active #item-3--lines .line-1 {
	-webkit-animation-delay: 0.1s !important;
	animation-delay: 0.1s !important;
}
svg.item-3--is-active #item-3--lines .line-2 {
	-webkit-animation-delay: 0.2s !important;
	animation-delay: 0.2s !important;
}
svg.item-3--is-active #item-3--lines .line-3 {
	-webkit-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important;
}
svg.item-3--is-active #item-3--lines .line-4 {
	-webkit-animation-delay: 0.4s !important;
	animation-delay: 0.4s !important;
}
svg.item-3--is-active #item-3--lines .line-5 {
	-webkit-animation-delay: 0.5s !important;
	animation-delay: 0.5s !important;
}
svg.item-3--is-active #item-3--lines .line-6 {
	-webkit-animation-delay: 0.6s !important;
	animation-delay: 0.6s !important;
}
svg.item-3--is-active #item-3--lines .line-7 {
	-webkit-animation-delay: 0.7s !important;
	animation-delay: 0.7s !important;
}
svg.item-3--is-active #item-3--lines .line-8 {
	-webkit-animation-delay: 0.8s !important;
	animation-delay: 0.8s !important;
}
svg.item-3--is-active #item-3--lines .line-9 {
	-webkit-animation-delay: 0.9s !important;
	animation-delay: 0.9s !important;
}
svg.item-3--is-active #item-3--lines .line-10 {
	-webkit-animation-delay: 1s !important;
	animation-delay: 1s !important;
}
svg.item-3--is-active #item-3--lines .line-11 {
	-webkit-animation-delay: 1.1s !important;
	animation-delay: 1.1s !important;
}
svg.item-3--is-active .item-3--block-1.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
svg.item-3--is-active .item-3--block-1.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
svg.item-3--is-active .item-3--block-2.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
svg.item-3--is-active .item-3--block-2.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
svg.item-3--is-active .item-3--block-3.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
svg.item-3--is-active .item-3--block-3.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
svg.item-3--is-active .item-3--block-4.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
svg.item-3--is-active .item-3--block-4.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
svg.item-3--is-active .item-3--block-5.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
svg.item-3--is-active .item-3--block-5.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
svg.item-3--is-active .item-3--block-6.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
svg.item-3--is-active .item-3--block-6.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
svg.item-3--is-active .item-3--block-7.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
svg.item-3--is-active .item-3--block-7.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
svg.item-3--is-active .item-3--block-8.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
svg.item-3--is-active .item-3--block-8.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
svg.item-3--is-active .item-3--block-9.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
svg.item-3--is-active .item-3--block-9.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
svg.item-3--is-active .item-3--block-10.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
svg.item-3--is-active .item-3--block-10.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
svg.item-3--is-active .item-3--block-11.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
svg.item-3--is-active .item-3--block-11.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
svg.item-4--is-active #item-4--lines .line-1 {
	-webkit-animation-delay: 0.1s !important;
	animation-delay: 0.1s !important;
}
svg.item-4--is-active #item-4--lines .line-2 {
	-webkit-animation-delay: 0.2s !important;
	animation-delay: 0.2s !important;
}
svg.item-4--is-active #item-4--lines .line-3 {
	-webkit-animation-delay: 0.3s !important;
	animation-delay: 0.3s !important;
}
svg.item-4--is-active #item-4--lines .line-4 {
	-webkit-animation-delay: 0.4s !important;
	animation-delay: 0.4s !important;
}
svg.item-4--is-active #item-4--lines .line-5 {
	-webkit-animation-delay: 0.5s !important;
	animation-delay: 0.5s !important;
}
svg.item-4--is-active #item-4--lines .line-6 {
	-webkit-animation-delay: 0.6s !important;
	animation-delay: 0.6s !important;
}
svg.item-4--is-active #item-4--lines .line-7 {
	-webkit-animation-delay: 0.7s !important;
	animation-delay: 0.7s !important;
}
svg.item-4--is-active #item-4--lines .line-8 {
	-webkit-animation-delay: 0.8s !important;
	animation-delay: 0.8s !important;
}
svg.item-4--is-active #item-4--lines .line-9 {
	-webkit-animation-delay: 0.9s !important;
	animation-delay: 0.9s !important;
}
svg.item-4--is-active #item-4--lines .line-10 {
	-webkit-animation-delay: 1s !important;
	animation-delay: 1s !important;
}
svg.item-4--is-active #item-4--lines .line-11 {
	-webkit-animation-delay: 1.1s !important;
	animation-delay: 1.1s !important;
}
svg.item-4--is-active .item-4--block-1.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
svg.item-4--is-active .item-4--block-1.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
}
svg.item-4--is-active .item-4--block-2.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
svg.item-4--is-active .item-4--block-2.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
svg.item-4--is-active .item-4--block-3.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
svg.item-4--is-active .item-4--block-3.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
svg.item-4--is-active .item-4--block-4.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
svg.item-4--is-active .item-4--block-4.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 0.9s;
	transition-delay: 0.9s;
}
svg.item-4--is-active .item-4--block-5.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
svg.item-4--is-active .item-4--block-5.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
svg.item-4--is-active .item-4--block-6.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
svg.item-4--is-active .item-4--block-6.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
svg.item-4--is-active .item-4--block-7.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
svg.item-4--is-active .item-4--block-7.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.2s;
	transition-delay: 1.2s;
}
svg.item-4--is-active .item-4--block-8.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
svg.item-4--is-active .item-4--block-8.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.3s;
	transition-delay: 1.3s;
}
svg.item-4--is-active .item-4--block-9.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
svg.item-4--is-active .item-4--block-9.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.4s;
	transition-delay: 1.4s;
}
svg.item-4--is-active .item-4--block-10.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
svg.item-4--is-active .item-4--block-10.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
svg.item-4--is-active .item-4--block-11.is--active .text {
	fill: #1f1f1f;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
svg.item-4--is-active .item-4--block-11.is--active .background {
	opacity: 1;
	-webkit-transition-delay: 1.6s;
	transition-delay: 1.6s;
}
.c-circle,
.c-circle .block {
	display: grid;
	place-items: center;
}
.c-circle {
	--radius: 300px;
	grid-template-areas: "layer";
	width: calc(2 * var(--radius));
	height: calc(2 * var(--radius));
	margin: 100px auto 0;
	border: 1px dashed #7c7c7c;
	background: url(../img/icon.svg) center no-repeat;
	border-radius: 50%;
}
.c-circle .block {
	--d: calc(var(--i) / var(--total));
	--r-offset: -0.25turn;
	--r-amount: 1turn;
	--r: calc((var(--r-amount) * var(--d)) + var(--r-offset));
	--transform: rotate(var(--r)) translate(var(--radius))
		rotate(calc(-1 * var(--r)));
	grid-area: layer;
	width: 220px;
	height: auto;
	max-height: 90px;
	padding: 1px;
	border-radius: 19px;
	background: linear-gradient(
		106.21deg,
		#fe8a34 2.72%,
		#e9e6e2 112.01%,
		#98531f 112.03%
	);
	-webkit-box-shadow: 0 6px 16px 0 rgba(31, 31, 31, 0.08);
	box-shadow: 0 6px 16px 0 rgba(31, 31, 31, 0.08);
	cursor: pointer;
	-webkit-transform: var(--transform);
	-ms-transform: var(--transform);
	transform: var(--transform);
	-webkit-transition: -webkit-transform 0.5s ease, -webkit-box-shadow 0.5s ease;
	transition: transform 0.5s ease, box-shadow 0.5s ease;
	transition: transform 0.5s ease, box-shadow 0.5s ease,
		-webkit-transform 0.5s ease, -webkit-box-shadow 0.5s ease;
}
.c-circle .block > div {
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	max-height: 90px;
	padding: 15px;
	border-radius: 18px;
	background: #fff;
	text-align: center;
	-webkit-transition: max-height 0.5s 0s ease;
	transition: max-height 0.5s 0s ease;
}
.c-circle .block header {
	padding: 0 !important;
	font-size: 22px;
	line-height: 26px;
	color: #1f1f1f;
	background: 0 0;
}
.c-circle .block p {
	overflow: hidden;
	max-height: 0;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 24px;
}
.c-circle .block.is--active,
.c-circle .block:hover {
	-webkit-box-shadow: 0 6px 24px 0 rgba(31, 31, 31, 0.2);
	box-shadow: 0 6px 24px 0 rgba(31, 31, 31, 0.2);
}
.c-circle .block.is--active {
	position: relative;
	z-index: 10;
	width: 270px;
	max-height: 100%;
	background: #1f7268;
}
.c-circle .block.is--active > div {
	max-height: 300px;
	padding: 30px 15px;
	background: 0 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.c-circle .block.is--active header {
	font-size: 25px;
	color: #fff;
}
.c-circle .block.is--active p {
	margin-top: 10px;
	max-height: 100%;
	color: #fff;
}
@media (max-width: 980px) {
	.c-circle {
		--radius: 200px;
		background-size: 30%;
	}
}
@media (max-width: 700px) {
	.c-circle {
		--radius: 180px;
		background-size: 30%;
	}
	.c-circle .block {
		width: 180px;
		border-radius: 11px;
	}
	.c-circle .block > div {
		border-radius: 10px;
	}
	.c-circle .block header {
		font-size: 19px;
		line-height: 23px;
	}
	.c-circle .block p {
		font-size: 14px;
		line-height: 22px;
	}
	.c-circle .block.is--active {
		width: 180px;
	}
	.c-circle .block.is--active > div {
		padding: 15px 10px;
	}
	.c-circle .block.is--active header {
		font-size: 18px;
	}
}
@media (max-width: 500px) {
	.c-circle {
		--radius: 140px;
		--radius: 110px;
		background-size: 30%;
	}
	.c-circle .block {
		width: 140px;
	}
	.c-circle .block header {
		font-size: 16px;
		line-height: 18px;
	}
	.c-circle .block p {
		font-size: 11px;
		line-height: 15px;
	}
	.c-circle .block.is--active {
		width: 150px;
	}
}
@media (max-width: 400px) {
	.c-circle .block {
		width: 100px;
		border-radius: 9px;
	}
	.c-circle .block > div {
		padding: 10px;
		border-radius: 8px;
	}
	.c-circle .block header {
		font-size: 13px;
	}
	.c-circle .block.is--active {
		width: 110px;
	}
	.c-circle .block.is--active header {
		font-size: 12px;
	}
}
/*# sourceMappingURL=styles.css.map */