:root {
	/*header*/
    --header-height: 88px;
    --header-height-scrolled: 70px;
    /*header end*/
}

html {scroll-padding-top: var(--header-height-scrolled); scroll-behavior: smooth;}
html:has(body.paused) {scroll-behavior: auto;}
body {display: flex; flex-direction: column; min-height: 100vh;}

.wrapper {max-width: 100%; overflow: hidden;}

.bg-dark {
	 /*pagination*/
    --pagination-color: var(--color-primary-dark);
    --pagination-bg: var(--color-black);
    --pagination-border-color: #2d2f2c;

    --pagination-hover-color: var(--color-white);
    --pagination-hover-bg: var(--color-primary);
    --pagination-hover-border-color: var(--color-primary);
    /*pagination end*/
}
.skip-link {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.skip-link:focus {
    position: static;
    left: auto;
    width: auto;
    height: auto;
    padding: 8px;
    background: #000;
    color: #fff;
    z-index: 1000;
}
.accessibility-options {
  display: flex;
  gap: 5px;
  justify-content: center;
  padding: 10px 5px 10px 10px;
  position: fixed;
  flex-direction: column;
  left: 0;
  top: 15%;
  border-radius: 0 6px 6px 0;
}
.fas.fa-font,
.fas.fa-adjust,
.fas.fa-pause,
.fas.fa-play {
  font-size: 1.3rem;
}
.fas.fa-plus,
.fas.fa-minus {
  font-size: 0.8rem;
}
.accessibility-btn {
  min-width: 32px;
  background: transparent;
  border: none;
  color: var(--color-green);
  text-align: start;
}
.accessibility-btn:hover{
	color: var(--color-green-3);
}
/*header*/
header {background: var(--color-black); position: fixed; top: 0; left: 0; right: 0; z-index:1000; padding-top: 0;/*box-shadow:0 5px 5px -5px rgba(31, 31, 31, .3);*/ transition:var(--transition);}
header .header-top {}
header .navbar {display: flex; align-items: center; gap: .75rem; padding: 0;}
header .navbar-brand {padding: 10px 0; margin: 0;}
header .navbar-brand img {height: 68px; transition: var(--transition);}
.header-pillow {height: var(--header-height);}
/*header end*/

/*main menu*/
header .main-menu {display: flex; justify-content: flex-end; flex-grow: 1;}
header .main-menu ul.menu-root li a {font-size: calc(var(--font-scale) * .8125rem);/*13px*/ font-weight: 600; color: var(--color-white); text-transform: uppercase; opacity: .8;}
header .main-menu ul.menu-root li.active > a,
header .main-menu ul.menu-root li a.active,
header .main-menu ul.menu-root li:is(:hover, :focus) > a, 
header .main-menu ul.menu-root li a:is(:hover, :focus) {opacity: 1;}
header .main-menu ul.menu-root li.has-dropdown > ul {box-shadow:0 5px 5px -5px rgba(31, 31, 31, .3);}
header .main-menu ul.menu-root li.has-dropdown > ul li {}
header .main-menu ul.menu-root li.has-dropdown > ul li a {}
header .main-menu ul.menu-root li.has-dropdown li.has-dropdown > ul {}
header .main-menu ul.menu-root li.has-dropdown:is(:hover, :focus) > ul {}
/*main menu end*/

/*language*/
.locales-list {display: flex; align-items: center; height: 40px; margin: 0; padding: 0; list-style: none;}
.locales-list:before {content: ''; display: block; height: 1rem; margin-right: calc(.75rem - 5px); border-left: 1px solid rgba(255,255,255,.5);}
.locales-list > li {}
.locales-list a {display:block; padding: 0 5px; font-size: calc(var(--font-scale) * .8125rem);/*13px*/ line-height: 40px; font-weight: 600; color: var(--color-white); text-transform: uppercase; opacity: .8;}
.locales-list li.locale-current a,
.locales-list a:is(:hover, :focus) {opacity: 1;}
/*language end*/

/*hamburger*/
header .hamburger {display: none;}
/*hambuger end*/

/*header with banner*/
@media only screen and (min-width: 1200px) {
	/*header*/
	body:not(.scrolled) header.with-banner {padding-top: 50px; background: transparent; box-shadow: 0 0 0 transparent;}
	header.with-banner .header-top {}
	header .navbar {display: flex; align-items: center; gap: 30px; padding: 0;}
	header.with-banner + .header-pillow {display: none;}
	/*header end*/

	/*main menu*/
	/*
	body:not(.scrolled) header.with-banner .main-menu {--menu-item-color: var(--menu-item-color-dark); --menu-item-color-active: var(--menu-item-color-active-dark);}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a {}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.active a,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a.active,
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li:is(:hover, :focus) > a, 
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li a:is(:hover, :focus) {}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown > ul {background: transparent; box-shadow: none;}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown > ul li {}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown > ul li a {}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown li.has-dropdown > ul {}
	body:not(.scrolled) header.with-banner .main-menu ul.menu-root li.has-dropdown:is(:hover, :focus) > ul {}
	/*main menu end*/

	/*language*/
	.locales-list:before {margin-right: 25px;}
	/*language end*/
}
/*header with banner end*/

/*scrolled*/
@media only screen and (min-width: 768px) {
	/*header*/
	body.scrolled header .navbar-brand img {height: 50px;}
	/*header end*/
}
/*scrolled end*/

/*menu mobile*/
@media only screen and (max-width: 1199px) {
	:root {
		/*header*/
	    --header-height: 70px;
	    --header-height-scrolled: 70px;
	    /*header end*/
	}
	
	/*header*/
	/*
	header .navbar-brand {padding: 12px 0 11px;}
	/*header end*/

	/*main menu*/
    header .main-menu {
    	--menu-horizontal-item-padding: var(--menu-horizontal-item-padding-mobile); --menu-horizontal-dropdown-item-padding: var(--menu-horizontal-dropdown-item-padding-mobile);
    	display: block; width:100vw; height: 0; max-height: calc(100vh - var(--header-height)); background: var(--color-black); box-shadow: 0 0 0 transparent; position: absolute; top: 100%; left: 50%; transform: translate(-50%, -1px); overflow: hidden; z-index: 1;
    }
	header .main-menu.active {overflow: auto; box-shadow:0 5px 5px -5px rgba(31, 31, 31, .3);}
    header .main-menu ul.menu-root {display:block;}
    header .main-menu ul.menu-root li {display:block;}
    header .main-menu ul.menu-root li a {display:block; height: auto; line-height: 1.5; padding: 10px 15px;}
    header .main-menu ul.menu-root li.has-dropdown > ul {display: block; position: static; width: auto; box-shadow: none; border-bottom: none; padding: 0;}
    /*main menu end*/

    /*language*/
	.locales-list {flex-grow: 1; justify-content: flex-end;}
	.locales-list:before {content: none;}
	/*language end*/

	/*hamburger*/
	header .hamburger {display: block;}
	/*hamburger end*/
}
/*menu mobile end*/

/*video banner*/
.video-banner {display: flex; align-items: center; min-height: 100vh; padding-top: 140px; position: relative; overflow: hidden;}
.video-banner .background-video-container {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: var(--color-black);}

.video-banner .background-video-container:before,
.video-banner .background-video-container:after {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.video-banner .background-video-container:before {background: rgba(238, 255, 41, .33); mix-blend-mode: overlay;}
.video-banner .background-video-container:after {background: radial-gradient(circle at 75% 25%, rgba(14, 16, 13, 0) 50%, rgba(14, 16, 13, 1)), linear-gradient(to top, rgba(14, 16, 13, 1), rgba(14, 16, 13, 0) 33%), linear-gradient(to right, rgba(14, 16, 13, 1), rgba(14, 16, 13, 0) 50%);}

.video-banner .background-video {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; opacity: 0; transition: 1s;}
.video-banner .background-video.active {opacity: 1;}
.video-banner .background-video-accent {width: 100%; height: 100%; background: url('../images/video-banner-accent.svg') no-repeat top right / contain; position: absolute; top: 0; left: 0; opacity: .6;}

.video-banner .content {width: 660px; width: calc(var(--font-scale) * 41.25rem); max-width: 100%; font-family: var(--heading-font-family);}
.video-banner .content-heading {font-family: var(--heading-font-family); font-size: calc(var(--font-scale) * clamp(1.875rem, 1.2781rem + 2.6531vw, 3.5rem)); font-size: min(90px, calc(var(--font-scale) * clamp(1.875rem, 1.2781rem + 2.6531vw, 3.5rem)));/*30-56px*/ line-height: 1.2; font-weight: 600; text-transform: uppercase; letter-spacing: -.04em;}
.video-banner .scroll-down {display: flex; align-items: center; gap: .75rem; font-family: var(--heading-font-family); font-size: calc(var(--font-scale) * 1rem); font-weight: 700; text-transform: uppercase;}
.video-banner .scroll-down:before {content: ''; display:inline-block; width: .75rem; height: .75rem; background: var(--link-color); mask-image: url('../images/arrow.svg'); -webkit-mask-image: url('../images/arrow.svg');  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain; transform: rotate(90deg); transition: var(--transition);}
.video-banner .scroll-down:is(:hover, :focus):before {background: var(--link-color-active);}
.video-banner .content  + .scroll-down {margin-top: 60px;}

@media only screen and (orientation: portrait) {
	.video-banner .background-video-accent {background-size: auto 100%;}
}
/*video banner end*/

/*page title*/
.widget-page-title .video-banner {min-height: 500px; padding-top: 140px;}
.widget-page-title .video-banner > .container-wide {margin-bottom: 60px;}
.widget-page-title .page-title-node {margin: 0; font-size: calc(var(--font-scale) * 1.25rem);/*20px*/ line-height: 1; color: var( --color-green-3); text-transform: uppercase;}
.widget-page-title .page-title-description {text-transform: uppercase;}
.widget-page-title .page-title-node + .page-title-description {margin-top: 60px;}
/*page title end*/

/*side menu*/
.left-side .menu-mobile-button {margin-bottom: 1rem;}
/*
.left-side .menu-container ul.menu-root {}
.left-side .menu-container ul.menu-root {}
.left-side .menu-layout-v ul.menu-root li {display:block;}
.left-side .menu-layout-v ul.menu-root > li + li {}
.left-side .menu-layout-v ul.menu-root > li > a {font-size: 1rem; font-weight: 400; color: var(--menu-color);}
.left-side .menu-layout-v ul.menu-root > li.active > a,
.left-side .menu-layout-v ul.menu-root > li > a:is(:hover, :focus) {color: var(--menu-color-active);}

.left-side .menu-layout-v ul.menu-root li.has-dropdown > ul {}
.left-side .menu-layout-v ul.menu-root li.has-dropdown.active > ul {}
.left-side .menu-layout-v ul.menu-root li.has-dropdown > ul li a {font-size: 1rem; font-weight: 400; color: var(--menu-color);}
.left-side .menu-layout-v ul.menu-root li.has-dropdown > ul li.active a,
.left-side .menu-layout-v ul.menu-root li.has-dropdown > ul li ais(:hover, :focus) {color: var(--menu-color-active);}
*/
/*side menu end*/

/*widgets*/
/*
.widget-entity:is(.widget-space-homepage, .widget-space-page-top, .widget-space-content, .widget-space-page-bottom) {margin: var(--widget-margin) 0;}
*/
/*.widget-entity + .widget-entity:is(.widget-space-homepage, .widget-space-page-top, .widget-space-content, .widget-space-page-bottom) {margin: var(--widget-margin);}*/
.widget-entity + .widget-entity:not(.widget-space-left-side, .widget-space-footer) {margin: var(--widget-margin);}
.widget-entity:not(.widget-space-left-side, .widget-space-footer) .widget-title-outer {font-family: 'Exo 2', sans-serif; max-width: calc(var(--container-wide-width) + 2 * var(--container-padding)); padding-left: var(--container-padding); padding-right: var(--container-padding); margin: var(--widget-title-margin); margin-left: auto; margin-right: auto; font-size: calc(var(--font-scale) * var(--widget-title-size)); font-size: calc(var(--font-scale) * var(--widget-title-size-clamp)); line-height: var(--widget-title-lh); font-weight: var(--widget-title-weight); color: var(--widget-title-color); text-align: var(--widget-title-align);}
*:is(.container-fluid, .container-wide, .container-narrow) .widget-entity:not(.widget-space-left-side, .widget-space-footer) .widget-title-outer {max-width: var(--container-wide-width); padding-left: 0; padding-right: 0;}
.widget-entity:not(.widget-space-left-side, .widget-space-footer) .widget-title-inner {}

.widget-entity + .widget-entity.widget-space-left-side {margin: var(--widget-side-margin);}
.widget-entity.widget-space-left-side .widget-title-outer {margin: var(--widget-side-title-margin); font-size: calc(var(--font-scale) * var(--widget-side-title-size)); font-size: calc(var(--font-scale) * var(--widget-side-title-size-clamp)); line-height: var(--widget-side-title-lh); font-weight: var(--widget-side-title-weight); color: var(--widget-side-title-color); text-align: var(--widget-side-title-align);}
.widget-entity.widget-space-left-side .widget-title-inner {}

.widget-entity + .widget-entity.widget-space-footer {margin: var(--widget-footer-margin);}
.widget-entity.widget-space-footer .widget-title-outer {margin: var(--widget-footer-title-margin); font-size: calc(var(--font-scale) * var(--widget-footer-title-size)); font-size: calc(var(--font-scale) * var(--widget-footer-title-size-clamp)); line-height: var(--widget-footer-title-lh); font-weight: var(--widget-footer-title-weight); color: var(--widget-footer-title-color); text-align: var(--widget-footer-title-align);}
.widget-entity.widget-space-footer .widget-title-inner {}

*:is(.container, .container-fluid, .container-wide, .container-narrow) .widget-title {padding-left: 0 !important; padding-right: 0 !important;}

.bg-dark .widget-title {--widget-title-color: var(--color-white);}

.widget-title-small .widget-title {margin: 0 0 60px; text-align: left !important;}

.widget-title-small .widget-title-inner {font-size: calc(var(--font-scale) * .875rem);/*14px*/ line-height: 1; font-weight: 700; color: var(--color-green); text-transform: uppercase; position: relative;}
.widget-title-small .widget-title-inner:before {content: ''; display: block; width: 6px; height: 6px; border-radius: 50%; background: var(--color-green); position: absolute; bottom: 1px; left: 50px; transform: translate(-50%, 50%);}
.widget-title-small .widget-title-inner:after {content: ''; display: block; width: 50px; height: 2px; margin-top: 15px; background: linear-gradient(90deg, rgba(221, 240, 105, 0) 0%, var(--color-green-5) 46.5%, var(--color-green) 100%);}

.bg-dark .widget-title-small .widget-title-inner,
.widget-title-small.bg-dark .widget-title-inner {color: var(--color-green-3);}
.bg-dark .widget-title-small .widget-title-inner:before,
.widget-title-small.bg-dark .widget-title-inner:before {background: var(--color-green-4);}
.bg-dark .widget-title-small .widget-title-inner:after,
.widget-title-small.bg-dark .widget-title-inner:after {background: linear-gradient(90deg, rgba(152, 175, 16, 0) 0%, var(--color-green-3) 46.5%, var(--color-green-4) 100%);}

.bg-green .widget-title-small .widget-title-inner,
.widget-title-small.bg-green .widget-title-inner {color: #fff;}
.bg-dark .widget-title-small .widget-title-inner:before,
.widget-title-small.bg-green .widget-title-inner:before {background: #fff;}
.bg-green .widget-title-small .widget-title-inner:after,
.widget-title-small.bg-green .widget-title-inner:after {background: linear-gradient(90deg, rgba(255,255,255, 0) 0%, #fff 46.5%);}

.widget-title-center .widget-title-outer {text-align: center !important;}
.widget-title-center.widget-title-small .widget-title-inner,
.widget-title-center  .widget-title-small .widget-title-inner {display: block; text-align: center;}
.widget-title-center.widget-title-small .widget-title-inner:before,
.widget-title-center  .widget-title-small .widget-title-inner:before {left: calc(50% + 25px); transform: translate(-50%, 50%);}
.widget-title-center.widget-title-small .widget-title-inner:after,
.widget-title-center  .widget-title-small .widget-title-inner:after {margin-left: auto; margin-right: auto;}
/*widgets end*/

/*about-us*/
.widget-fd-about-us {}
.widget-fd-about-us .about-us-image {position: relative; z-index: 1;}
.widget-fd-about-us .about-us-image:before {content: ''; display: block; width: calc(100% + 320px); height: 200vh; background: url('../images/about-us/shadow.svg') no-repeat center / contain; position: absolute; top: 50%; left: -160px; transform: translateY(-50%); z-index: -1; pointer-events: none;}
.widget-fd-about-us .about-us-image .image {display: block; margin: auto; border-radius: 10px; object-fit: cover;}
.widget-fd-about-us .about-us-image .image-1 {border-radius: 10px; object-fit: cover;}
.widget-fd-about-us .about-us-image .image-2 {display: block; border-radius: 10px; margin: -260px 0 0 auto; object-fit: cover; position: relative; z-index: 1;}
.widget-fd-about-us .about-us-image .elipse-1 {max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none;}
.widget-fd-about-us .about-us-image .image + .elipse-1 {width: 130%; transform: translate(-55%, -66%);}
.widget-fd-about-us .about-us-image .image-2 + .elipse-1 {left: 33%; transform: translate(-50%, -50%);}
.widget-fd-about-us .about-us-image .elipse-2 {max-width: none; position: absolute; bottom: -90px; right: 20%; pointer-events: none;}
/*about-us end*/

/*technologies*/
.fd-technologies {position: relative;}
.fd-technologies.bg-video {background: linear-gradient(to bottom, rgba(14, 16, 13, 1) 33%, rgba(14, 16, 13, .5) 66%);}
.fd-technologies .background-video {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1;}

.technologies-elements {max-width: 700px; aspect-ratio: 1; margin: auto; background: url('../images/technologies-atom.svg') no-repeat center / cover; position: relative;}
.technologies-elements .technologie-element-container {height: 40%; position: absolute; top: 10%; left: 50%; transform-origin: bottom center; transform: translateX(-50%);}
.technologies-elements .technologie-element {display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; padding: 5px; border-radius: 50%; background: var(--color-green); font-family: 'Exo 2', sans-serif; font-size: calc(var(--font-scale) * .75rem);/*12px*/ font-weight: 700; color: var(--color-black-2); letter-spacing: -.04em; text-align: center; overflow-wrap: anywhere;}
/*technologies end*/

/*block section 1*/
.block-section1 {background: url('../images/block-section-1-shadow.svg') no-repeat center / contain;}
.block-section-1-content {}
.block-section-1-image {display:block; max-width: 125%; margin: auto;}
.block-section-1-points {display: block; list-style: none; margin: 0; padding: 0;}
.block-section-1-points > li {display: block; padding: 30px 20px 30px 50px; border-radius: var(--radius); background: #fff; font-size: calc(var(--font-scale) * .875rem);/*14px*/ font-weight: 500; letter-spacing: -.02em; text-wrap: balance; text-wrap: pretty; position: relative;}
.block-section-1-points > li + li {margin-top: 5px;}
.block-section-1-points > li:before {content: ''; display: block; width: .875rem; height: .875rem; background: var(--color-green); position: absolute; top: calc(30px + (.875rem * var(--text-lh) / 2)); left: 25px; transform: translate(-50%, -50%); mask-image: url('../images/check.svg'); -webkit-mask-image: url('../images/check.svg');  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain;}
.block-section-1-points > li p:last-child {margin-bottom: 0;}
/*block section 1 end*/

/*block section 2*/
.block-section2-blocks {position: relative;}
.widget-block-section2.pb-100 {padding-bottom: 0 !important;}
.block-section2-blocks:before,
.block-section2-blocks:after {content: ''; display: block; width: 100vw; height: 1px; background: var(--color-accent); position: absolute; left: 50%; transform: translateX(-50%);}
.block-section2-blocks:before {top: 0;}
.block-section2-blocks:after {bottom: 0;}
.block-section2-blocks > .item {min-height: 450px; padding: 100px 30px; border: 1px solid var(--color-accent); border-top: none; border-left-color: transparent; font-family: 'Exo 2', sans-serif; font-weight: 600;}
/*
.block-section2-blocks > .item .icon {aspect-ratio: 1; object-fit: contain; margin-bottom: 50px;}
*/
.block-section2-blocks > .item .icon {width: 50px; height: 50px; margin: 0 auto 50px; background: var(--color-green); mask-image: var(--icon); -webkit-mask-image: var(--icon); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain;}

@media only screen and (min-width: 992px) {
    .block-section2-blocks > .item.col-lg-3:nth-of-type(4n) {border-right-color: transparent;}
    .block-section2-blocks > .item.col-lg-1-5:nth-of-type(5n) {border-right-color: transparent;}
}

@media only screen and (min-width: 576px) and (max-width: 991px) {
	.block-section2-blocks > .item:nth-of-type(even) {border-right-color: transparent !important;}
}

.bg-dark .block-section2-blocks:before,
.bg-dark .block-section2-blocks:after {background: #2d2f2c;}
.bg-dark .block-section2-blocks > .item {padding-top: 30px; padding-bottom: 30px; border-color: #2d2f2c; border-left-color: transparent; position: relative; z-index: 1; overflow: hidden; font-size: calc(var(--font-scale) * .875rem); font-weight: 500; color: rgba(255,255,255,.6);}
.bg-dark .block-section2-blocks > .item:before {content: ''; display: block; width: 100%; height: 100%; background: radial-gradient(96.04% 75.77% at 97.9% 100%, rgba(198, 231, 0, 0.3) 0%, rgba(198, 231, 0, 0.152989) 37.21%, rgba(198, 231, 0, 0) 100%); position: absolute; top: 0; left: 0; transform: translateY(100%); z-index: -1; transition: .5s;}
.bg-dark .block-section2-blocks > .item:hover:before {transform: translateY(0);}
/*block section 2 end*/

/*block section 3*/
.widget-block-section3 .widget-title + .block-section3  .widget-title-small {display: none;}
.block-section3 {position: relative;}
.block-section3:before {content: ''; display: block; width: 100%; background: var(--color-green); position: absolute; top: 700px; bottom: 0; left: 0; z-index: -1;}
.block-section3 .background-image {width: 67vw; height: 700px; background: no-repeat center right / cover; position: absolute; top: 0; right: 33.333333%; z-index: -1;}
.block-section-3-content {width: 430px; max-width: 100%; position: relative;}
.block-section-3-content:before {content: ''; display: block; width: 150%; height: 150%; background: radial-gradient(closest-side, rgba(255,255,255,.8), rgba(255,255,255,0)); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.block-section-3-blocks .item {margin-top: -1px; padding: 40px 30px; background: #fff; border: 1px solid var(--color-accent); font-size: calc(var(--font-scale) * .875rem);/*14px*/ color: var(--color-gray-3); position: relative;}
.block-section-3-blocks .item + .item {border-left-color: transparent;}
/*.block-section-3-blocks .item:nth-of-type(4n) {border-left-color: var(--color-accent);}*/
.block-section-3-blocks .item .item-title {font-size: calc(var(--font-scale) * 1rem); text-transform: uppercase;}
.block-section-3-blocks .item .count {margin-bottom: 50px; font-size: calc(var(--font-scale) * 2rem); line-height: 3rem; weight: 600; color: var(--color-gray-2); vertical-align: text-bottom;}
.block-section-3-blocks .item .count .value {font-family: 'Exo 2', sans-serif; font-size: calc(var(--font-scale) * 3rem); color: var(--color-green);}

@media only screen and (min-width: 992px) {
    .block-section-3-blocks .item.col-lg-3:nth-of-type(4n) {border-left-color: var(--color-accent);}

    .block-section-3-blocks .item.col-lg-4:nth-of-type(3n + 1) {border-left-color: transparent;}
    .block-section-3-blocks .item.col-lg-4:nth-of-type(3n) {border-right-color: transparent;}
    .block-section-3-blocks .item.col-lg-4:nth-of-type(3n + 1):before {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; top: -1px; left: 0; transform: translateX(-50%);}
    .block-section-3-blocks .item.col-lg-4:nth-of-type(1):before {top: 0;}
    .block-section-3-blocks .item.col-lg-4:last-of-type:after {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; bottom: -1px; left: 0; transform: translateX(-50%);}

    .bg-dark .block-section-3-blocks .item.col-lg-4:nth-of-type(3n + 1):before {background: #2d2f2c;}
    .bg-dark .block-section-3-blocks .item.col-lg-4:last-of-type:after {background: #2d2f2c;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.block-section-3-blocks .item.col-lg-3:nth-of-type(3n - 1) {border-left-color: var(--color-accent);}
	
	.block-section-3-blocks .item.col-lg-4:nth-of-type(3n + 1) {border-left-color: transparent;}
    .block-section-3-blocks .item.col-lg-4:nth-of-type(3n) {border-right-color: transparent;}

    .block-section-3-blocks .item.col-lg-4:nth-of-type(3n + 1):before {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; top: -1px; left: 0; transform: translateX(-50%);}
    .block-section-3-blocks .item.col-lg-4:nth-of-type(1):before {top: 0;}
    .block-section-3-blocks .item.col-lg-4:last-of-type:after {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; bottom: -1px; left: 0; transform: translateX(-50%);}

    .bg-dark .block-section-3-blocks .item.col-lg-4:nth-of-type(3n + 1):before {background: #2d2f2c;}
    .bg-dark .block-section-3-blocks .item.col-lg-4:last-of-type:after {background: #2d2f2c;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.block-section-3-blocks .item.col-lg-3:nth-of-type(even) {border-left-color: var(--color-accent);}

	.block-section-3-blocks .item.col-lg-4:nth-of-type(1):before {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; top: 0; left: 0; transform: translateX(-50%);}
	.bg-dark .block-section-3-blocks .item.col-lg-4:nth-of-type(1):before {background: #2d2f2c;}
}

.bg-dark .block-section3:before {content: none;}
.bg-dark .block-section-3-blocks .item {background: transparent; border-color: #2d2f2c; position: relative; z-index: 1; font-size: calc(var(--font-scale) * .875rem); font-weight: 500; color: rgba(255,255,255,.6);}
.bg-dark .block-section-3-blocks .item {background: no-repeat 0 450px / 100% 100%; background-image: radial-gradient(96.04% 75.77% at 97.9% 100%, rgba(198, 231, 0, 0.3) 0%, rgba(198, 231, 0, 0.152989) 37.21%, rgba(198, 231, 0, 0) 100%); transition: .5s;}
.bg-dark .block-section-3-blocks .item:is(:hover, :focus) {background-position-y: 0}
/*block section 3 end*/

/*block section 4*/
.block-section-4-blocks-container {margin-bottom: -100px; border-top: 1px solid var(--color-green-6);}
.block-section-4-blocks {display: flex; flex-wrap: wrap;}
.block-section-4-blocks > .item {width: 20%; flex: 0 0 20%; padding: 70px 30px; border: 1px solid transparent; border-left-color: var(--color-green-6); position: relative; z-index: 1; overflow: hidden; transition: var(--transition);}
.block-section-4-blocks > .item:before {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(-240deg, rgba(255,255,255,0) 40%, rgba(255,255,255,.2)); position: absolute; top: 100%; left: 0; z-index: -1; transition: .5s;}
.block-section-4-blocks > .item:is(:hover, :focus):before {top: 0;}
.block-section-4-blocks > .item .icon {width: 50px; height: 50px; margin: auto; background: var(--color-green-3); filter: drop-shadow(1px 1px 3px rgba(0,0,0,.6)); mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain;}

.widget-block-section4.bg-dark .block-section-4-blocks > .item:before {background: linear-gradient(-240deg, rgba(198, 231, 0,0) 40%,rgba(198, 231, 0,.3));}
.widget-block-section4.bg-dark .block-section-4-blocks-container {border-top-color: rgba(255, 255, 255, 0.15);}
.widget-block-section4.bg-dark .block-section-4-blocks > .item {border-left-color: rgba(255, 255, 255, 0.15);}

@media only screen and (min-width: 1300px) {
	.block-section-4-blocks > .item:nth-child(5n + 1) {border-left-color: transparent !important;}
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
	.block-section-4-blocks > .item:nth-child(5n + 1) {border-left-color: transparent !important;}
	.block-section-4-blocks > .item:nth-child(3n + 1) {border-left-color: transparent !important;}
}
@media only screen and (max-width: 767px) {
	.block-section-4-blocks > .item:nth-child(odd) {border-left-color: transparent !important;}
}
/*block section 4 end*/

/*block section 5*/
.block-section5 {}
.block-section5-block-container {}
.block-section5-block {--background-icon: url(''); position: relative; z-index: 1;}
.block-section5-block:before {content: ''; display: block; width: 100%; height: 100%; background: radial-gradient(closest-corner circle at 50% 125%, rgba(198, 231, 0, 0.19), rgba(232, 255, 92, 0) 75%) no-repeat; position: absolute; bottom: 0; left: 66%; transform: translateX(-50%); z-index: -1;}
.block-section5-block:after {content: ''; display: block; width: 100%; aspect-ratio: 1.75; background: var(--background-icon) no-repeat center 150% / 100% 66%; position: absolute; bottom: 0; left: 66%; transform: translateX(-50%); z-index: -1;}

.block-section5-column-blocks {margin-top: -1px; position: relative; z-index: 1;}
.block-section5-column-blocks:before {content: ''; display: block; width: 1px; background: #fff; position: absolute; top: 2px; bottom: 1px; right: 0; z-index:1}
.block-section5-column-blocks:after {content: ''; display: block; width: 150vw; height: 1px; background: var(--color-accent); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.block-section5-column-blocks > .item {padding: 60px 30px; border: 1px solid var(--color-accent); border-top: none; border-bottom: none; border-color: transparent var(--color-accent) transparent transparent; font-family: 'Exo 2', sans-serif; font-weight: 600; position: relative;}
.block-section5-column-blocks > .item:after {content: ''; display: block; width: 150vw; height: 1px; background: var(--color-accent); position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index:1}
.block-section5-column-blocks > .item .icon {display: block; object-fit: contain; margin: 0 auto 50px;}

.bg-dark .block-section5-column-blocks:before {background: var(--color-black);}
.bg-dark .block-section5-column-blocks:after {background: #2d2f2c;}
.bg-dark .block-section5-column-blocks > .item {border-color: transparent #2d2f2c transparent transparent; font-size: calc(var(--font-scale) * .875rem); font-weight: 500; color: rgba(255,255,255,.6);}
.bg-dark .block-section5-column-blocks > .item:before {content: ''; display: block; width: 0; height: 0; background: radial-gradient(96.04% 75.77% at 97.9% 100%, rgba(198, 231, 0, 0.3) 0%, rgba(198, 231, 0, 0.152989) 37.21%, rgba(198, 231, 0, 0) 100%) no-repeat top left / 100% auto; background-position: center top; position: absolute; bottom: 0; right: 0; opacity: 0; z-index: -1; transition: .5s;}
.bg-dark .block-section5-column-blocks > .item:hover:before {width: 100%; height: 100%; opacity: 1;}
.bg-dark .block-section5-column-blocks > .item:after {background: #2d2f2c;}
/*block section 5 end*/

/*block section 6*/
.block-section-6-content {width: 500px; max-width: 100%; margin: auto;}
.block-section-6-blocks .item {width: 100%; background: #fff; border-radius: var(--radius); overflow: hidden;}
.block-section-6-blocks .item .title {margin: 0; padding: 20px 10px; background: var(--color-green-2); font-size: calc(var(--font-scale) * 1.125rem); font-size: 600; color: var(--color-gray-6); letter-spacing: -.02em; text-align: center;}
.block-section-6-blocks .item .subtitle {margin: 0; padding: 10px; background: var(--color-gray-7); font-size: calc(var(--font-scale) * .75rem); font-size: 700; color: var(--color-green-2); letter-spacing: -.02em; text-align: center; text-transform: uppercase;}
.block-section-6-blocks .item .content {padding: 30px 20px;}
.block-section-6-blocks .item .content *:last-child {margin-bottom: 0;}
/*block section 6 end*/

/*block section 7*/
.block-section-7-content {width: 700px; max-width: 100%; margin: auto;}

.block-section-7-blocks {}
.block-section-7-blocks .item {display: flex; flex-direction: column;}
.block-section-7-blocks .item .title {display: flex; flex-direction: column; justify-content: space-between; height: 160px; padding: 30px; border-radius: var(--radius); background: linear-gradient(to right, var(--color-green-2), transparent);}
.block-section-7-blocks .item .title h3 {margin: 0; font-family: 'Exo 2', sans-serif; font-size: calc(var(--font-scale) * 1.125rem); font-weight: 700; color: #fff; text-transform: uppercase;}
.block-section-7-blocks .item .title:before {content: ''; display: block; width: 42px; height: 12px; background: #fff; mask-image: url('../images/arrow-extra-long.svg'); -webkit-mask-image: url('../images/arrow-extra-long.svg');  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain;}

.block-section-7-blocks .item .item-list {width: 50%; max-width: 300px; list-style: none; padding: 0; position: relative; z-index: 1;}
.block-section-7-blocks .item .item-list > li {display: flex; align-items: center; gap: .875rem; padding: 10px; font-size: calc(var(--font-scale) * .875rem); font-weight: 500; letter-spacing: -.02em; background: #fff; border-radius: var(--radius);}
.block-section-7-blocks .item .item-list > li:before {content: ''; display: block; width: 1rem; height: 1rem; flex: 0 0 1rem; background: var(--color-primary); mask-image: url('../images/check.svg'); -webkit-mask-image: url('../images/check.svg');  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain;}
.block-section-7-blocks .item .item-list > li + li {margin-top: .75rem;}

@media only screen and (min-width: 801px) {
	.block-section-7-blocks {display: flex; flex-wrap: wrap; gap: .75rem;}
	.block-section-7-blocks .item {width: calc(50% - .385rem);}
	.block-section-7-blocks .item:nth-child(4n - 3) .title {background: linear-gradient(to left, var(--color-green-2), transparent);}
	.block-section-7-blocks .item:nth-child(4n - 2) .title {background: linear-gradient(to right, var(--color-green-2), transparent 66%);}
	.block-section-7-blocks .item:nth-child(4n - 1) .title {background: linear-gradient(to left, var(--color-green-2), transparent 66%);}
	.block-section-7-blocks .item:nth-child(4n) .title {background: linear-gradient(to right, var(--color-green-2), transparent);}

	.block-section-7-blocks .item:nth-child(4n - 3),
	.block-section-7-blocks .item:nth-child(4n - 2) {justify-content: flex-end;}
	.block-section-7-blocks .item:nth-child(4n - 3) .title,
	.block-section-7-blocks .item:nth-child(4n - 1) .title {align-items: flex-end;}
	.block-section-7-blocks .item:nth-child(4n - 3) .title:before,
	.block-section-7-blocks .item:nth-child(4n - 1) .title:before {transform: scaleX(-1);}
	.block-section-7-blocks .item:nth-child(4n - 1) .title:before,
	.block-section-7-blocks .item:nth-child(4n) .title:before {order: 2;}

	.block-section-7-blocks .item .item-list {margin: 0;}

	.block-section-7-blocks .item:nth-child(4n - 3) .item-list,
	.block-section-7-blocks .item:nth-child(4n - 2) .item-list {order: -1; margin-bottom: -100px;}
	.block-section-7-blocks .item:nth-child(4n - 1) .item-list,
	.block-section-7-blocks .item:nth-child(4n) .item-list {margin-top: -100px;}
	.block-section-7-blocks .item:nth-child(4n - 2) .item-list,
	.block-section-7-blocks .item:nth-child(4n) .item-list {align-self: flex-end;}
}

@media only screen and (min-width: 501px) and (max-width: 800px) {
	.block-section-7-blocks .item {padding-bottom: 1px;}
	.block-section-7-blocks .item + .item {margin-top: 30px;}
	.block-section-7-blocks .item .item-list {align-self: flex-end; min-height: 100px; margin-top: -100px; margin-right: 1rem;}
}

@media only screen and (max-width: 500px) {
	.block-section-7-blocks .item + .item {margin-top: 30px;}
	.block-section-7-blocks .item .item-list {width: 100%; max-width: none; margin-top: .75rem;}
}
/*block section 7 end*/

/*block section 8*/
.widget-block-section-8 .widget-title + .block-section-8  .widget-title-small {display: none;}
.block-section-8 {position: relative;}
.block-section-8:before {content: ''; display: block; width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; z-index: -1;}
.widget-block-section8:has(+ .bg-dark) .block-section-8:before {background: var(--color-black);}
.widget-block-section8:has(+ .bg-gray) .block-section-8:before {background: var(--color-gray-1);}
.widget-block-section8:has(+ .bg-green) .block-section-8:before {background: var(--color-green);}
.block-section-8 .background-image {width: 100vw; height: calc(100% - 100px); background: no-repeat center / cover; position: absolute; top: 0; left: 50%; transform: translateX(-50%); opacity: .7; z-index: -1;}
.block-section-8-content {width: 430px; max-width: 100%; position: relative;}
.block-section-8-content:before {content: ''; display: block; width: 150%; height: 150%; background: radial-gradient(closest-side, rgba(255,255,255,.8), rgba(255,255,255,0)); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.block-section-8-blocks .item {margin-top: -1px; padding: 40px 30px; background: #fff; border: 1px solid var(--color-accent); font-size: calc(var(--font-scale) * .875rem);/*14px*/ color: var(--color-gray-3); position: relative;}
.block-section-8-blocks .item + .item {border-left-color: transparent;}
/*.block-section-3-blocks .item:nth-of-type(4n) {border-left-color: var(--color-accent);}*/
.block-section-8-blocks .item .item-title {font-size: calc(var(--font-scale) * 1rem); text-transform: uppercase;}
.block-section-8-blocks .item .count {margin-bottom: 50px; font-size: calc(var(--font-scale) * 1.25rem); line-height: 1.25rem; font-weight: 700; color: var(--color-green);}

@media only screen and (min-width: 992px) {
    .block-section-8-blocks .item.col-lg-3:nth-of-type(4n) {border-left-color: var(--color-accent);}

    .block-section-8-blocks .item.col-lg-4:nth-of-type(3n + 1) {border-left-color: transparent;}
    .block-section-8-blocks .item.col-lg-4:nth-of-type(3n) {border-right-color: transparent;}
    .block-section-8-blocks .item.col-lg-4:nth-of-type(3n + 1):before {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; top: -1px; left: 0; transform: translateX(-50%);}
    .block-section-8-blocks .item.col-lg-4:nth-of-type(1):before {top: 0;}
    .block-section-8-blocks .item.col-lg-4:last-of-type:after {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; bottom: -1px; left: 0; transform: translateX(-50%);}

    .bg-dark .block-section-8-blocks .item.col-lg-4:nth-of-type(3n + 1):before {background: #2d2f2c;}
    .bg-dark .block-section-8-blocks .item.col-lg-4:last-of-type:after {background: #2d2f2c;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.block-section-8-blocks .item.col-lg-3:nth-of-type(3n - 1) {border-left-color: var(--color-accent);}
	
	.block-section-8-blocks .item.col-lg-4:nth-of-type(3n + 1) {border-left-color: transparent;}
    .block-section-8-blocks .item.col-lg-4:nth-of-type(3n) {border-right-color: transparent;}

    .block-section-8-blocks .item.col-lg-4:nth-of-type(3n + 1):before {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; top: -1px; left: 0; transform: translateX(-50%);}
    .block-section-8-blocks .item.col-lg-4:nth-of-type(1):before {top: 0;}
    .block-section-8-blocks .item.col-lg-4:last-of-type:after {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; bottom: -1px; left: 0; transform: translateX(-50%);}

    .bg-dark .block-section-8-blocks .item.col-lg-4:nth-of-type(3n + 1):before {background: #2d2f2c;}
    .bg-dark .block-section-8-blocks .item.col-lg-4:last-of-type:after {background: #2d2f2c;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.block-section-8-blocks .item.col-lg-3:nth-of-type(even) {border-left-color: var(--color-accent);}

	.block-section-8-blocks .item.col-lg-4:nth-of-type(1):before {content: ''; display: block; width: 200vw; height: 1px; background: var(--color-accent); position: absolute; top: 0; left: 0; transform: translateX(-50%);}
	.bg-dark .block-section-8-blocks .item.col-lg-4:nth-of-type(1):before {background: #2d2f2c;}
}

.bg-dark .block-section-8:before {content: none;}
.bg-dark .block-section-8-blocks .item {background: transparent; border-color: #2d2f2c; position: relative; z-index: 1; font-size: calc(var(--font-scale) * .875rem); font-weight: 500; color: rgba(255,255,255,.6);}
.bg-dark .block-section-8-blocks .item {background: no-repeat 0 450px / 100% 100%; background-image: radial-gradient(96.04% 75.77% at 97.9% 100%, rgba(198, 231, 0, 0.3) 0%, rgba(198, 231, 0, 0.152989) 37.21%, rgba(198, 231, 0, 0) 100%); transition: .5s;}
.bg-dark .block-section-8-blocks .item:is(:hover, :focus) {background-position-y: 0}
/*block section 8 end*/

/*block section 9*/
.block-section-9-blocks {}
.block-section-9-blocks .item {display: flex; flex-direction: column; flex-grow: 1;}
.block-section-9-blocks .item:before {content: ''; display: block; width: 100%; height: 60px; background: linear-gradient(90deg, rgba(169, 207, 19, 0.35) 0%, #A9CF13 100%); border-top: 1px solid #fff; border-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)) 1 2 100%;}
.block-section-9-blocks .item .count {padding: 7px 20px; font-size: calc(var(--font-scale) * .875rem); font-weight: 700; color: #6B9100; text-align: center; background: linear-gradient(90deg, rgba(184, 221, 33, 0) 0%, #CAF51C 100%);}
.block-section-9-blocks .item .title {padding: 50px 20px 15px; font-size: calc(var(--font-scale) * 1rem); font-weight: 600; color: var(--color-gray-7); text-align: center; text-transform: uppercase; background: linear-gradient(90deg, rgba(223, 255, 97, 0) 0%, #D6FF34 100%);}
.block-section-9-blocks .item .content {padding: 30px 20px; color: var(--color-gray-6);}
.block-section-9-blocks .item .content .list-check > li + li {margin-top: .75rem;}
.bg-green .block-section-9-blocks .item .content .list-check > li:before {background: #688710;}

@media only screen and (min-width: 992px) {
	.block-section-9-blocks > div:nth-child(4n - 3) .item:before {height: 60px; margin-top: 90px;}
	.block-section-9-blocks > div:nth-child(4n - 2) .item:before {height: 90px; margin-top: 60px;}
	.block-section-9-blocks > div:nth-child(4n - 1) .item:before {height: 120px; margin-top: 30px;}
	.block-section-9-blocks > div:nth-child(4n) .item:before {height: 150px; margin-top: 0;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.block-section-9-blocks > div:nth-child(odd) .item:before {height: 60px; margin-top: 30px;}
	.block-section-9-blocks > div:nth-child(even) .item:before {height: 90px; margin-top: 0;}
}

@media only screen and (max-width: 767px) {
	.block-section-9-blocks .item:before {content: none;}
	.block-section-9-blocks .item .count {border-top: 1px solid #fff; border-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)) 1 2 100%;}
}
/*block section 9 end*/

/*layers diagram*/
.layers-diagram-content {max-width: 500px;}
.layers-diagram-container {display: flex; align-items: center;}
.layers-diagram-container .layers-texts {width: 50%; flex-basis: 0 0 50%; padding-right: 60px;}
.layers-diagram-container .layers-texts .item {position: relative; z-index: 2;}
.layers-diagram-container .layers-texts .item + .item {margin-top: 60px;}
.layers-diagram-container .layers-texts .item .item-content {max-width: 300px;}
.layers-diagram-container .layers-texts .item .item-content .h6 {text-transform: uppercase;}
.layers-diagram-container .layers-texts .item .item-line {width: min(100% - 300px, 300px); height: 1px; background: linear-gradient(to right, rgba(255,255,255,.16), rgba(255,255,255,1)); position: absolute; top: 0; right: -60px;}
.layers-diagram-container .layers-texts .item .item-line .item-line-arm {width: 60px; height: 1px; background: #fff; position: absolute; top: 0; left: 100%; transform-origin: top left;}
.layers-diagram-container .layers-texts .item .item-line .item-line-arm-dot {width: 5px; height: 5px; background: #fff; border-radius: 50%; position: absolute; top: 50%; right: 0; transform: translate(-50%, -50%);}

.layers-diagram-container .layers-diagram {padding-right: 120px; position: relative; z-index: 1;}
.layers-diagram-container .layers-diagram:before {content: ''; display: block; width: 100%; height: 100%; background: radial-gradient(closest-side, rgba(198, 231, 0, 0.3), rgba(232, 255, 92, 0) 100%) no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}
.layers-diagram-container .layers-diagram .item {text-align: center; position: relative;}
.layers-diagram-container .layers-diagram .item + .item {margin-top: -28%;}
.layers-diagram-container .layers-diagram .item .item-text {font-family: 'Exo 2', sans-serif; font-size: calc(var(--font-scale) * .875rem); font-weight: 600; letter-spacing: -0.04em; color: var(--color-green-7); text-transform: uppercase; position: absolute; top: 30%; left: 50%; transform: translateX(-50%);}
.layers-diagram-container .layers-diagram .item .item-arrow {display: flex; align-items: center; width: 120px; height: 40%; padding-left: 30px; font-family: 'Exo 2', sans-serif; font-size: calc(var(--font-scale) * .875rem); font-weight: 600; letter-spacing: -0.04em; color: #fff; text-transform: uppercase; position: absolute; top: calc(25% + 25px); left: 100%;}
.layers-diagram-container .layers-diagram .item .item-arrow:before {content: ''; display: block; width: 15px; border: 1px solid #fff; border-left: none; position: absolute; top: 0; bottom: 0; left: 0;}
.layers-diagram-container .layers-diagram .item .item-arrow:after {content: ''; display: block; width: 6px; height: 6px; border: 1px solid #fff; border-right: none; border-bottom: none; position: absolute; top: 1px; left: -1px; transform-origin: top left; transform: rotate(-45deg);}
/*layers diagram end*/

/*opinions list*/
.widget-fd-opinions {background-image: linear-gradient(to bottom, rgba(155, 255, 29, 0) 33%, rgba(155, 255, 29, 0.06));}
.opinions-list {--bs-gutter-x: 100px;}
.opinions-list-item {}
.opinions-list-item-logo {height: 70px;}
.opinions-list-item-logo img {max-height: 70px;}
.opinions-list-item-content {font-weight: 300; color: var(--color-gray-4);}
.opinions-list-item-content:before {content: ''; display: block; width: 24px; height: 24px; margin-bottom: 30px; background: url('../images/quote.svg') no-repeat center / contain;}
.opinions-list-item-name {margin: 0; font-family: 'Exo 2', sans-serif; font-size: calc(var(--font-scale) * .875rem);/*14px*/ font-weight: 600; color: var(--color-green); text-transform: uppercase;}
.opinions-list-item-position {margin: 0; font-size: calc(var(--font-scale) * .75rem);/*12px*/ font-weight: 500; color: var(--color-gray-5);}

.opinion-list-item-bg {background: no-repeat center / cover;}
.opinion-list-item-bg-1 {background-image: url('../images/opinions/opinion-list-item-bg-1.webp');}
.opinion-list-item-bg-2 {background-image: url('../images/opinions/opinion-list-item-bg-2.webp');}

.opinions-list.opinions-list-bordered {position: relative;}
.opinions-list.opinions-list-bordered:before {content: ''; display: block; width: 1px; background: #fff; position: absolute; top: 0px; bottom: 1px; right: 0; z-index:1}
.opinions-list.opinions-list-bordered:after {content: ''; display: block; width: 150vw; height: 1px; background: var(--color-accent); position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.opinions-list.opinions-list-bordered .opinions-list-item {margin: -1px 0 0; padding: 60px 30px; border: 1px solid var(--color-accent);  border-left-color: transparent; position: relative;}
.opinions-list.opinions-list-bordered .opinions-list-item:after {content: ''; display: block; width: 150vw; height: 1px; background: var(--color-accent); position: absolute; top: -1px; left: 50%; transform: translateX(-50%); z-index:1}

.bg-dark .opinions-list.opinions-list-bordered:before {background: var(--color-black);}
.bg-dark .opinions-list.opinions-list-bordered:after {background: #2d2f2c;}
.bg-dark .opinions-list.opinions-list-bordered .opinions-list-item {border-color: #2d2f2c; border-left-color: transparent;}
.bg-dark .opinions-list.opinions-list-bordered .opinions-list-item:after {background: #2d2f2c;}
/*opinions list end*/

/*contact*/
.contact-content-container,
.contact-form-container,
.contact-map-container {border-top: 1px solid rgba(255, 255, 255, 0.15);}
.contact-form {}
.contact-form .form-group > textarea.form-control {min-height: 176px;}
.contact-form .submit-button-container {display: flex; align-items: flex-start; gap: 1.5rem;}
.page-alias-kontakt .widget-page-title .video-banner {min-height: 350px;}
/*contact end*/

/*publication list*/
.pub-list {margin-bottom: -1.5rem;}
.pub-list .pub-list-item {margin-bottom: 1.5rem;}
.pub-list .pub-list-image {}
.pub-list .pub-list-title {}
.pub-list .pub-list-description {}
.pub-list .pub-list-read-more {}
/*publication list end*/

/*work*/
.accordion-item {background: transparent; border: none; border-bottom: 1px solid var(--color-accent); border-radius: 0 !important; color: inherit;}
.accordion-button {padding: .75rem 1rem; background: transparent !important; border-radius: 0 !important; box-shadow: none; font-family: 'Exo 2', sans-serif; font-size: calc(var(--font-scale) * 1.125rem); line-height: 1.5rem; font-weight: 600; color: var(--color-black-2); text-transform: uppercase;}
.accordion-button:after {background: var( --color-green-3); background-image: none; opacity: .6; mask-image: var(--bs-accordion-btn-icon); -webkit-mask-image: var(--bs-accordion-btn-icon) !important;  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain;}
.accordion-button:is(:hover, :focus, :not(.collapsed)) {color: var(--color-black); box-shadow: none;}
.accordion-button:is(:hover, :focus, :not(.collapsed)):after {opacity: 1; background-image: none;}
.accordion-collapse {padding-bottom: 1.25rem;}
.accordion-body {margin-left: .75rem; padding: 1.25rem; border-left: 1px solid var(--color-green-3);}

.bg-dark .accordion-item {border-color: #2d2f2c;}
.bg-dark .accordion-button {color: rgba(255,255,255,.5);}
.bg-dark .accordion-button:is(:hover, :focus, :not(.collapsed)) {color: #fff;}

.bg-dark .modal-header {border-bottom-color: #2d2f2c;}
.bg-dark .btn-close {background: #fff; mask-image: var(--bs-btn-close-bg); -webkit-mask-image: var(--bs-btn-close-bg) !important;  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: 1em auto; -webkit-mask-size: 1em auto;}
/*work end*/

/*footer*/
footer {background: linear-gradient(to bottom, rgba(14, 16, 13, 1) 33%, rgba(14, 16, 13, .5) 66%); position: relative; margin-top: -1px;}
footer .top {position: relative;}
footer .top:before {content: ''; display: block; width: 100%; max-width: var(--container-wide-width); height: 1px; background: rgba(255, 255, 255, 0.15); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
footer .top a {color: #fff;}
footer .top a:is(:hover, :focus) {color: var(--link-color-active);}
footer .bottom {padding: 60px 0; font-size: calc(var(--font-scale) * .75rem); color: rgba(255, 255, 255, 0.5); position: relative;}
footer .bottom a {color: rgba(255, 255, 255, 0.5);}
footer .bottom a:is(:hover, :focus) {color: #fff;}
footer .top + .bottom:before {content: ''; display: block; width: 100%; max-width: var(--container-wide-width); height: 1px; background: rgba(255, 255, 255, 0.15); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
footer  .background-video {width: 100%; height: 100%; object-fit: cover; background: var(--color-black); position: absolute; top: 0; left: 0; z-index: -1;}
/*footer end*/

/*footer menu*/
footer ul.menu-root li a {padding: 0 10px; font-family: 'Exo 2', sans-serif; color: var(--menu-item-color-dark); text-transform: uppercase; opacity: .5;}
footer ul.menu-root li.active a,
footer ul.menu-root li a.active,
footer ul.menu-root li:is(:hover, :focus) > a, 
footer ul.menu-root li a:is(:hover, :focus) {color: var(--menu-item-color-dark); opacity: 1;}
footer ul.menu-root li.has-dropdown > ul {}
footer ul.menu-root li.has-dropdown > ul li {}
footer ul.menu-root li.has-dropdown > ul li a {}
footer ul.menu-root li.has-dropdown li.has-dropdown > ul {}
footer ul.menu-root li.has-dropdown:is(:hover, :focus) > ul {}
footer .menu-nav-wrapper.menu-layout-h ul.menu-root li.has-dropdown > ul {display: none !important;}
/*footer end*/

/*footer scroll top*/
.page-scroll-top-btn {display: flex; justify-content: center; align-items: center; padding: 10px; position: fixed; bottom: 1.5rem; right: 1.5rem; z-index: 999; opacity: 0; visibility: hidden;}
.page-scroll-top-btn:before {content: ''; display: inline-block; width: 20px; height: 20px; background: var(--btn-text-color); mask-image: url('../images/chevron.svg'); -webkit-mask-image: url('../images/chevron.svg');  mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat; mask-position: center; -webkit-mask-position: center; mask-size: contain; -webkit-mask-size: contain; transform: rotate(-90deg); transition: var(--transition);}
.scrolled .page-scroll-top-btn {opacity: 1; visibility: visible;}
/*footer scroll top*/



@media only screen and (min-width:768px) {
	/*animation*/
	.animate {opacity: 0;}
	/*animation end*/
}

/*breakpoint XL*/
@media only screen and (max-width: 1399px) {}
/*breakpoint XL end*/

@media only screen and (max-width: 1299px) {
	/*block section 4*/
	.block-section-4-blocks > .item {width: 33.333333%; flex: 0 0 33.333333%;}
	/*block section 4 end*/
}

/*breakpoint LG*/
@media only screen and (max-width: 1199px) {
	/*video banner*/
	.video-banner {min-height: calc(100vh - var(--header-height)); padding-top: 0;}
	/*video banner end*/

	/*contact*/
	.page-alias-kontakt .widget-page-title .video-banner {min-height: 250px;}
	/*contact*/
}
/*breakpoint LG end*/

@media only screen and (max-width: 1064px) {
	/*technologies*/
	.technologies-elements .technologie-element {width: 80px; height: 80px; font-size: calc(var(--font-scale) * .65rem);/*11px*/ line-height: 1.2; letter-spacing: -.05em;}
	/*technologies end*/
}

/*breakpoint MD*/
@media only screen and (max-width: 991px) {
	/*banner*/
	.banner {position: relative;}
	.widget-slider.widget-slider-full-height .slider-slide {height: calc(100vh - var(--header-height));}
	/*banner end*/

	/*technologies*/
	.technologies-elements .technologie-element-container {height: 50%; top: 0;}
	/*technologies end*/

	/*block section 2*/
	.block-section2-blocks > .item {min-height: 300px; padding: 30px;}
	/*block section 2 end*/

	/*block section 3*/
	.block-section3 .background-image {width: 100vw; right: 0;}
	/*block section 3 end*/

	/*block section 5*/
	.block-section5-block:before {background: radial-gradient(closest-corner circle at 50% 100%, rgba(198, 231, 0, 0.19), rgba(232, 255, 92, 0)) no-repeat; left: 0; transform: none;}
	.block-section5-block:after {aspect-ratio: 1; background: var(--background-icon) no-repeat center 100% / 100% 50%; left: 50%;}
	/*block section 5 end*/

	/*contact*/
	.contact-form .submit-button-container {display: block;}
	/*contact end*/
}
/*breakpoint MD end*/

/*breakpoint SM*/
@media only screen and (max-width: 767px) {
	/*technologies*/
	.technologies-elements .technologie-element-container {height: 40%; top: 10%;}
	/*technologies end*/

	/*block section 4*/
	.block-section-4-blocks-container {margin-bottom: -60px;}
	.block-section-4-blocks > .item {width: 50%; flex: 0 0 50%; padding: 30px;}
	/*block section 4 end*/

	/*opinions list*/
	.opinions-list {--bs-gutter-x: 1.5rem;}
	/*opinions list end*/

	/*layers diagram*/
	.layers-diagram-content {max-width: none;}
	.layers-diagram-container {display:	block;}
	.layers-diagram-container .layers-texts {width: 100%;}
	.layers-diagram-container .layers-texts .item + .item {margin-top: 30px;}
	.layers-diagram-container .layers-texts .item .item-content {max-width: none;}
	.layers-diagram-container .layers-texts .item .item-line {display: none;}

	.layers-diagram-container .layers-diagram {width: 600px; max-width: 100%; margin: 60px auto;}
	/*layers diagram end*/

	/*footer menu*/
	footer ul.menu-root {text-align: center;}
	/*footer end*/

	/*footer scroll top*/
	.page-scroll-top-btn {padding: 10px; bottom: .75rem; right: .75rem;}
	.page-scroll-top-btn:before {width: 20px; height: 20px;}
	/*footer scroll top*/
}
/*breakpoint SM end*/

/*breakpoint XS*/
@media only screen and (max-width: 575px) {
	/*block section 2*/
	.block-section2-blocks > .item {border-right-color: transparent;}
	/*block section 2 end*/

	/*block section 3*/
	.block-section-3-blocks .item {border: none;}
	/*block section 3 end*/

	/*block section 8*/
	.block-section-8-blocks .item {border: none;}
	/*block section 8 end*/
}
/*breakpoint XS end*/

@media only screen and (max-width: 500px) {
	/*block section 4*/
	.block-section-4-blocks > .item {width: 100%; flex: 0 0 100%; padding: 30px .75rem; border: none;}
	.block-section-4-blocks > .item:before {content: none;}
	/*block section 4 end*/

	/*layers diagram*/
	.layers-diagram-container .layers-diagram .item .item-text {top: 20%;}
	/*layers diagram end*/
}

@media only screen and (max-width: 400px) {
	/*technologies*/
	.technologies-elements .technologie-element-container {height: 50%; top: 0;}
	/*technologies end*/
}

/* Contrast mode */
body.paused{
	--transition: none !important;
}
body.paused *, 
body.paused *::before, 
body.paused *::after {
	transition: 0s !important;
}
body.contrast-mode{
	--link-color:#FFFF00;
	--color-green-3: #FFFF00;
	--color-primary: #FFFF00;
	--color-black-2: black;
	--color-black: black;
	--color-green: #FFFF00;
	--link-color-active: #FFFFFFFF;
	--btn-bg: linear-gradient(to right, #FFFF00, #FFFF00, #FFFF00);
	--btn-text-color: black;
	--btn-text-color-active: black;
}

body.contrast-mode .form-group > .form-control {
  color: #FFFFFFFF;
  border-color: #FFFF00;
  background-color: black;
}
body.contrast-mode .form-group .captcha-control .captcha-container .image-container,
body.contrast-mode .captcha-container .form-control{
 border-color: #FFFF00!important;
}

body.contrast-mode .form-group > .form-control:focus,
body.contrast-mode .captcha-container > .form-control:focus,
body.contrast-mode .form-group .captcha-control .captcha-container:has( .form-control:focus) .image-container{
	border-color: #FFFFFFFF!important;
}
body.contrast-mode .accessibility-options{
	border: 1px solid #FFF;
	background-color: #000;
}
body.contrast-mode .accessibility-btn {
  color: var(--color-green);
}
body.contrast-mode .accessibility-btn:hover{
	color: #FFF;
}
body.contrast-mode .captcha-container .form-control::placeholder{
	color: #FFFFFFFF;
}
body.contrast-mode .form-group > .form-control::placeholder {
  color: #FFFFFFFF;
  opacity: 1;
}
body.contrast-mode .technologies-elements .technologie-element{
	color: #FFFF00!important;
	background-color: black;
	border: 1px solid #fff;
}
body.contrast-mode .technologies-elements .technologie-element:hover{
	color: #FFF!important;
}
body.contrast-mode .form-group label.checkbox > span{
	color: #FFFFFF!important;
}
body.contrast-mode footer{
	background: black;
}
body.contrast-mode .btn.btn-primary:is(:hover, :focus, :active){
	text-decoration: underline!important;
}
body.contrast-mode header.with-banner{
	background: black;
}
body.contrast-mode header .main-menu ul.menu-root li a,
body.contrast-mode footer ul.menu-root li a,
body.contrast-mode .locales-list a{
	color: #FFFF00;
	opacity: 1;
}
body.contrast-mode header .main-menu ul.menu-root li:is(:hover, :focus) > a,
body.contrast-mode header .main-menu ul.menu-root li a:is(:hover, :focus),
body.contrast-mode header .main-menu ul.menu-root li.active > a,
body.contrast-mode footer ul.menu-root li:is(:hover, :focus) > a,
body.contrast-mode footer ul.menu-root li a:is(:hover, :focus),
body.contrast-mode footer ul.menu-root li.active > a,
body.contrast-mode .locales-list li.locale-current a,
body.contrast-mode .locales-list a:is(:hover, :focus) {
	color: #FFFFFF;
	text-decoration: underline;
}
body.contrast-mode footer .bottom{
	color: #FFFFFF!important
}
body.contrast-mode footer .bottom a{
	color: #FFFF00;
}
body.contrast-mode footer .bottom a:hover{
	text-decoration: underline!important;
}
body.contrast-mode footer .top a{
	color: #FFFF00;
}
body.contrast-mode footer .top a:is(:hover, :focus){
	text-decoration: underline!important;
	color: #FFFFFF;
}
body.contrast-mode .video-banner .content-heading{
	background: black;
	border: 1px solid #FFFFFF;
	padding: 10px;
}
body.contrast-mode .video-banner .content-heading span{
	color: #FFFFFF!important;
}
body.contrast-mode .video-banner .scroll-down{
	background: black;
	border: 1px solid #FFFFFF;
	padding: 10px;
	width: fit-content;
}
body.contrast-mode .text-container{
	background: black;
	border: 1px solid #FFFFFF;
	height: fit-content;
	z-index: 1;
}
body.contrast-mode .block-section5-block::before{
	background: #000;
}

body.contrast-mode .accordion-button::after{
	opacity: 1;
}body.contrast-mode .accordion-button:hover{
	color: #FFF!important;
	text-decoration: underline;
}
body.contrast-mode .accordion-button:hover::after{
	background-color: #FFF!important;
}
body.contrast-mode .accordion-item{
	border-color: #FFF;
}
body.contrast-mode .accordion-button{
	color: #FFFF00!important;
}
body.contrast-mode .bg-dark .block-section2-blocks::before,
body.contrast-mode .bg-dark .block-section2-blocks::after{
	background: #FFFFFF;
}
body.contrast-mode .bg-dark .block-section2-blocks > .item{
	border-color: #FFFFFFFF;
	color: #FFFFFFFF;
}
body.contrast-mode .bg-dark .block-section2-blocks > .item:hover::before{
	transform: translateY(100%);
}
body.contrast-mode a > span{
	color: #FFFF00!important;
}

body.contrast-mode a:hover > span{
	color: #FFFFFF!important;
}
body.contrast-mode .widget-page-title .page-title-node{
	background-color: black;
	border: 1px solid #FFFFFF;
	padding: 10px;
	width: fit-content;
}
body.contrast-mode .lead > span{
	color: #FFFF00!important;
}
body.contrast-mode a:is(:hover, :focus){
	text-decoration: underline!important;
}
body.contrast-mode .bg-dark .block-section5-column-blocks > .item{
	color: #FFFFFFFF;
}
body.contrast-mode .bg-dark .block-section5-column-blocks > .item::after{
	background: #FFFFFFFF;
}
body.contrast-mode .bg-dark .block-section5-column-blocks > .item{
	border-color: #FFFFFFFF;
}
body.contrast-mode .bg-dark .block-section5-column-blocks::after{
	background: #fff;
}
body.contrast-mode .widget-page-title .page-title-description{
	background-color: black;
	border: 1px solid #FFFFFF;
	padding: 10px;
	width: fit-content;
}
body.contrast-mode a{
	text-decoration: underline!important;
}
/* Contrast mode end */