@import url(https://fonts.googleapis.com/css?family=Montserrat:300,regular,500,600,700,800,900,300italic&display=swap);

@charset "UTF-8";

* {
padding: 0px;
margin: 0px;
border: 0px;
}

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
			box-sizing: border-box;
}

html,
body {
height: 100%;
min-width: 320px;
}

select, #caseSelect {
	color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 5px;
    text-transform: uppercase;
    background: rgba(34, 34, 34, 0.8);
    letter-spacing: 4px;
    border: 0px;
    border-radius: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

body {
color: #FFF;
line-height: 1;
font-family: "Montserrat";
font-size: 0.875rem;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
font-family: "Montserrat";
font-size: inherit;
line-height: inherit;
}

button {
cursor: pointer;
color: inherit;
background-color: transparent;
}

a {
color: inherit;
text-decoration: none;
}

ul li {
list-style: none;
}

img {
vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: inherit;
font-size: inherit;
}

body {
background: #111;
}

.lock body {
overflow: hidden;
-ms-touch-action: none;
		touch-action: none;
-ms-scroll-chaining: none;
		overscroll-behavior: none;
}

.wrapper {
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
overflow: hidden;
}

@supports (overflow: clip) {
.wrapper {
	overflow: clip;
}
}

.wrapper > main {
-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
}

.wrapper > * {
min-width: 0;
}

/*
(i) Стилі будуть застосовуватись до
всіх класів, що містять *__container
Наприклад header__container, main__container і т.п.
Сніппет (HTML): cnt
*/

[class*=__container] {
max-width: 73.125rem;
margin: 0 auto;
padding: 0 0.9375rem;
}
@media (max-width: 768px) {
	[class*=__container] {
	max-width: 73.125rem;
	margin: 0 auto;
	padding: 0 24px;
	}
}

.select {
min-width: 0;
position: relative;
}

.select__body {
position: relative;
}

.select__title {
color: inherit;
text-align: left;
border: 1px solid #d9d9d9;
background-color: #fff;
cursor: pointer;
width: 100%;
border-radius: 4px;
}

.select__value {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
height: 1.875rem;
padding: 0 0.9375rem;
gap: 0.625rem;
}

.select__value > * {
-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
}

.select__value:after {
content: "";
-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;
-webkit-box-flex: 0;
		-ms-flex: 0 0 10px;
			flex: 0 0 10px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

._select-open .select__value:after {
-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
			transform: rotate(-180deg);
}

.select__value._select-pseudo-label::before {
content: attr(data-pseudo-label);
opacity: 0.5;
}

.select__content {
-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
overflow: hidden;
-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
white-space: nowrap;
min-height: 16px;
}

.select__text {
-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
overflow: hidden;
-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
white-space: nowrap;
}

.select__input {
width: 100%;
background-color: transparent;
height: 100%;
}

.select__options {
color: #000;
position: absolute;
top: calc(100% - 0.0625rem);
border-radius: 0 0 4px 4px;
min-width: 100%;
left: 0;
border-top: 0;
border: 1px solid #d9d9d9;
border-top: 0;
padding: 10px 0px 5px 0px;
}

.select__scroll {
overflow-y: auto;
overflow-x: hidden;
max-height: 12.5rem;
}

.select__option {
width: 100%;
text-align: left;
cursor: pointer;
padding: 5px 15px;
color: inherit;
}
.select__option:hover {
	background-color: #3E4946 !important;
	color: #05DBAF !important;
}


.select__option._select-selected {
background-color: #3E4946;
}

.select__row {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.select--show-top .select__options {
top: auto;
bottom: calc(100% - 0.0625rem);
border: 1px solid #d9d9d9;
border-bottom: 0;
border-radius: 4px 4px 0 0;
padding: 5px 0px 10px 0px;
}

._select-tag {
cursor: pointer;
}

body::after {
content: "";
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: opacity 0.8s ease 0s;
-o-transition: opacity 0.8s ease 0s;
transition: opacity 0.8s ease 0s;
pointer-events: none;
z-index: 149;
}

.popup-show body::after {
opacity: 1;
}

.popup {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 30px 10px;
-webkit-transition: visibility 0.8s ease 0s;
-o-transition: visibility 0.8s ease 0s;
transition: visibility 0.8s ease 0s;
visibility: hidden;
pointer-events: none;
}

.popup_show {
z-index: 150;
visibility: visible;
overflow: auto;
pointer-events: auto;
}

.popup_show, .popup__content {
visibility: visible;
-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);

	/* -webkit-transition: -webkit-transform 0.3s ease 0s;
transition: -webkit-transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; */
}

.popup__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
min-height: 100%;
-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
width: 100%;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
align-items: center;
}

.popup__content {
visibility: hidden;
-webkit-transform: scale(1);
		-ms-transform: scale(1);
			transform: scale(1);

background-color: #eee;
padding: 20px;
width: 100%;
max-width: 900px;
border-radius: 20px;
}

.popup-show, .popup__content {
visibility: visible;
}

[class*=-ibg] {
position: relative;
}

[class*=-ibg] img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
-o-object-fit: cover;
	object-fit: cover;
}

[class*=-ibg--contain] img {
-o-object-fit: contain;
	object-fit: contain;
}

h1 {
color: #FFF;
font-family: Montserrat;
line-height: 1.125;
font-style: normal;
font-weight: 900;
line-height: 133.333%;
/* 133.333% */
text-transform: uppercase;
}

h2 {
color: #FFF;
font-family: Montserrat;
font-style: normal;
font-weight: 900;
line-height: 150%;
/* 150% */
text-transform: uppercase;
}

.lable {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
gap: 15px;
margin-bottom: 40px;
}

.lable__text {
color: #FFF;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 12px;
letter-spacing: 6px;
text-transform: uppercase;
}

.lable__decor {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.text-white {
color: #fff;
}

.text-green {
color: #05DBAF;
}

.green-button {
padding: 14px 20px;
color: #111;
text-align: center;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 800;
line-height: 10px;
/* 83.333% */
letter-spacing: 1.2px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background: #05DBAF;
-webkit-box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
			box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
}

.green-button:active {
background: #03AD8A !important;
-webkit-box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
			box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
}

.button-white {
	display: block;
color: #111;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 800;
letter-spacing: 2.8px;
text-transform: uppercase;
border: 2px solid #05DBAF;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 20px 30px;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.button-white:hover {
	cursor: pointer;
}

.button-white:active {
background: #05DBAF;
}

.copyright {
color: rgba(255, 255, 255, 0.403);
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 40px;
/* 333.333% */
}

.copyright span {
font-family: Montserrat;
font-style: normal;
font-weight: 400;
line-height: 40px;
}

.header {
position: fixed;
width: 100%;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}

.header__container {
padding-top: 20px;
padding-bottom: 20px;
}

.header .menu-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
width: 100%;
}

.header .menu-header__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.header .menu-header__lable {
display: none;
}

.header .nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}

.header .nav-menu::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
display: block;
width: 100%;
height: 2px;
background: url("../img/border.svg") center center no-repeat;
}

.header .menu-item {
color: #FFF;
text-align: right;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
margin-left: 50px;
}

.header ._navigator-active {
position: relative;
}

.header ._navigator-active::after {
content: "";
position: absolute;
display: block;
bottom: -5px;
left: 0;
width: 100%;
height: 1px;
background-color: #05DBAF;
}

.header .menu-item a {
	position: relative;
}

.header .menu-item a::after {
content: "";
position: absolute;
display: block;
bottom: -5px;
left: 0;
width: 100%;
height: 1px;
background-color: #05DBAF;
opacity: 0;
	-webkit-transition: opacity 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}

.header .menu-item a:hover::after {
content: "";
	opacity: 1;
}

.header .green-button {
margin-left: 50px;
}

.nav-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
			flex: 1 1 100%;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
}

.menu-open .nav-wrapper {
left: 0;
height: 100%;
}

.menu-header__social-icons {
display: none;
}

.icon-menu {
display: none;
}

.header._header-scroll {
background: rgba(17, 17, 17, 0.9);
-webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.3);
			box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(5px);
			backdrop-filter: blur(5px);
z-index: 3;
}

.home .space-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
pointer-events: none;
}

.home__container {
padding-top: 160px;
padding-bottom: 50px;
}
@media (max-width: 767px) {
	.home__container {
	padding-top: 120px;
	}
}
.home__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.home__col {
padding-bottom: 50px;
}

.home__col-1 {
-webkit-box-flex: 0;
		-ms-flex: 0 0 55%;
			flex: 0 0 55%;
padding-right: 5%;
}

.home__title {
margin-bottom: 20px;
}

.home__title .text-green {
text-shadow: 1px 1px 2px #111;
position: relative;
}

.home__text {
color: #FFF;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 50px;
margin-bottom: 40px;
	max-width: 505px;
}

.nowrap {
	white-space: nowrap;
}

.home__button {
display: block;
color: #FFF;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 20px;
/* 428.571% */
letter-spacing: 2.8px;
text-transform: uppercase;
border: 2px solid #05DBAF;
background: rgba(5, 219, 175, 0.1019607843);
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 20px 30px;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}

@media (max-width: 495px) {
	.home__button {
		width: 100%;
	}
}

.home__button:active {
background: #07B591;
}

.home__col-2 {
-webkit-box-flex: 0;
		-ms-flex: 0 0 45%;
			flex: 0 0 45%;
}

.home__col-2 .space-animation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
position: relative;
height: 100%;
}

.home__col-2 .space-animation .earth-main {
position: absolute;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 50%;
height: 50%;
z-index: -1;
-webkit-transform: translate(1%, 2%);
		-ms-transform: translate(1%, 2%);
			transform: translate(1%, 2%);
opacity: 0.75;
}

.home__col-2 .space-animation .space-video {
position: relative;
z-index: -1;
width: 58%;
padding-top: 3%;
}

.home__col-2 .space-animation .circle-1-wrapper {
position: absolute;
border: 1px solid #FFF;
border-radius: 50%;
top: auto;
bottom: auto;
left: 0;
width: 100%;
padding-bottom: 100%;
opacity: 0.2;
}

.home__col-2 .space-animation .circle-1-wrapper--item-4 {
position: absolute;
border-radius: 50%;
top: auto;
bottom: auto;
left: 0;
width: 100%;
padding-bottom: 100%;
}

.home__col-2 .space-animation .circle-1-wrapper--item-4 img {
position: absolute;
top: calc(50% - 52px);
left: -52px;
}

.home__col-2 .space-animation .circle-1-wrapper--item-5 {
position: absolute;
border-radius: 50%;
top: auto;
bottom: auto;
left: 0;
width: 100%;
padding-bottom: 100%;
}

.home__col-2 .space-animation .circle-1-wrapper--item-5 img {
position: absolute;
top: calc(50% - 57px);
left: -58px;
}

.home__col-2 .space-animation .circle-2-wrapper {
position: absolute;
border: 1px solid #FFF;
border-radius: 50%;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: 70%;
padding-bottom: 70%;
opacity: 0.3;
}

.home__col-2 .space-animation .circle-2-wrapper--item-1 {
position: absolute;
border-radius: 50%;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: 70%;
padding-bottom: 70%;
}

.home__col-2 .space-animation .circle-2-wrapper--item-1 img {
position: absolute;
top: calc(50% - 53px);
left: -53px;
}

.home__col-2 .space-animation .circle-2-wrapper--item-2 {
position: absolute;
border-radius: 50%;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: 70%;
padding-bottom: 70%;
}

.home__col-2 .space-animation .circle-2-wrapper--item-2 img {
position: absolute;
top: calc(50% - 54px);
left: -53px;
}

.home__col-2 .space-animation .circle-2-wrapper--item-3 {
position: absolute;
border-radius: 50%;
top: auto;
bottom: auto;
left: auto;
right: auto;
width: 70%;
padding-bottom: 70%;
}

.home__col-2 .space-animation .circle-2-wrapper--item-3 img {
position: absolute;
top: calc(50% - 65px);
left: -65px;
}

.home .achievements {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
padding: 10px;
border: 1px solid rgba(5, 219, 175, 0.5);
background: rgba(5, 219, 175, 0.1);
}

.home .achievement {
-webkit-box-flex: 0;
		-ms-flex: 0 1 25%;
			flex: 0 1 25%;
padding: 45px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
position: relative;
}

.home .achievement::after {
content: "";
position: absolute;
right: 0;
top: 0;
display: block;
width: 3px;
height: 100%;
background: url("../img/vertical-decor.svg") center center no-repeat;
}

.home .achievement:last-child::after {
content: "";
display: none;
}

.home .achievement__content {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
}

.home .achievement__title {
color: #05DBAF;
font-family: Montserrat;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 50px;
/* 125% */
text-transform: uppercase;
margin-bottom: 10px;
width: 175px;
}

.home .achievement__text {
color: #FFF;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
/* 187.5% */
text-transform: capitalize;
width: 180px;
}

.home .achievement-fiverr {
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
background: rgba(5, 219, 175, 0.15);
-webkit-box-shadow: 0px 20px 40px -10px rgba(5, 219, 175, 0.15);
			box-shadow: 0px 20px 40px -10px rgba(5, 219, 175, 0.15);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
position: relative;
}

.home .achievement-fiverr::after {
content: "";
display: none;
}

.home .achievement-fiverr .achievement-fiverr--hover {
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: #05DBAF;
padding: 20px;
}

.home .achievement-fiverr .achievement-fiverr--hover .achievement__content {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
}

.home .achievement-fiverr .achievement-fiverr--hover .achievement__content div {
color: #FFF;
text-align: center;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px;
/* 150% */
text-transform: capitalize;
margin-bottom: 22px;
max-width: 175px;
}

.home .achievement-fiverr .visit-page {
display: none;
}

.home .achievement-fiverr__title {
margin-bottom: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}

.home .achievement-fiverr__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
gap: 10px;
color: #05DBAF;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 20px;
/* 100% */
text-transform: capitalize;
position: relative;
white-space: nowrap;
}

.circle-1-wrapper--item-4 {
-webkit-animation: rotate1 20s linear infinite;
			animation: rotate1 20s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

@-webkit-keyframes rotate1 {
0% {
	-webkit-transform: rotate(240deg);
				transform: rotate(240deg);
}

100% {
	-webkit-transform: rotate(600deg);
				transform: rotate(600deg);
}
}

@keyframes rotate1 {
0% {
	-webkit-transform: rotate(240deg);
				transform: rotate(240deg);
}

100% {
	-webkit-transform: rotate(600deg);
				transform: rotate(600deg);
}
}

.circle-1-wrapper--item-5 {
-webkit-animation: rotate2 40s linear infinite;
			animation: rotate2 40s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

@-webkit-keyframes rotate2 {
0% {
	-webkit-transform: rotate(320deg);
				transform: rotate(320deg);
}

100% {
	-webkit-transform: rotate(680deg);
				transform: rotate(680deg);
}
}

@keyframes rotate2 {
0% {
	-webkit-transform: rotate(320deg);
				transform: rotate(320deg);
}

100% {
	-webkit-transform: rotate(680deg);
				transform: rotate(680deg);
}
}

.circle-1-wrapper--item-5 img {
-webkit-animation: rotate3 30s linear infinite;
			animation: rotate3 30s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

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

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

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

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

.circle-2-wrapper--item-1 {
-webkit-animation: rotate4 12s linear infinite;
			animation: rotate4 12s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

@-webkit-keyframes rotate4 {
0% {
	-webkit-transform: rotate(40deg);
				transform: rotate(40deg);
}

100% {
	-webkit-transform: rotate(400deg);
				transform: rotate(400deg);
}
}

@keyframes rotate4 {
0% {
	-webkit-transform: rotate(40deg);
				transform: rotate(40deg);
}

100% {
	-webkit-transform: rotate(400deg);
				transform: rotate(400deg);
}
}

.circle-2-wrapper--item-1 img {
-webkit-animation: rotate5 10s linear infinite;
			animation: rotate5 10s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

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

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

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

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

.circle-2-wrapper--item-2 {
-webkit-animation: rotate6 24s linear infinite;
			animation: rotate6 24s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

@-webkit-keyframes rotate6 {
0% {
	-webkit-transform: rotate(140deg);
				transform: rotate(140deg);
}

100% {
	-webkit-transform: rotate(500deg);
				transform: rotate(500deg);
}
}

@keyframes rotate6 {
0% {
	-webkit-transform: rotate(140deg);
				transform: rotate(140deg);
}

100% {
	-webkit-transform: rotate(500deg);
				transform: rotate(500deg);
}
}

.circle-2-wrapper--item-2 img {
-webkit-animation: rotate7 10s linear infinite;
			animation: rotate7 10s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

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

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

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

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

.circle-2-wrapper--item-3 {
-webkit-animation: rotate8 38s linear infinite;
			animation: rotate8 38s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

@-webkit-keyframes rotate8 {
0% {
	-webkit-transform: rotate(210deg);
				transform: rotate(210deg);
}

100% {
	-webkit-transform: rotate(570deg);
				transform: rotate(570deg);
}
}

@keyframes rotate8 {
0% {
	-webkit-transform: rotate(210deg);
				transform: rotate(210deg);
}

100% {
	-webkit-transform: rotate(570deg);
				transform: rotate(570deg);
}
}

.circle-2-wrapper--item-3 img {
-webkit-animation: rotate9 22s linear infinite;
			animation: rotate9 22s linear infinite;
-webkit-transform-origin: center;
		-ms-transform-origin: center;
			transform-origin: center;
}

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

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

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

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

.services__title {
padding-top: 15px;
margin-bottom: 60px;
}

.services__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}

.services__item {
-webkit-box-flex: 0;
		-ms-flex: 0 1 24%;
			flex: 0 1 24%;
}

.services__item-title {
color: #FFF;
font-family: Montserrat;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 40px;
/* 200% */
text-transform: uppercase;
margin-bottom: 20px;
position: relative;
}

.services__item-title img {
position: absolute;
top: -10px;
left: -2px;
z-index: -1;
}

.services__item-text {
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px;
/* 214.286% */
}

.portfolio {
position: relative;
background: -webkit-gradient(linear, left bottom, left top, color-stop(36%, white), color-stop(36%, transparent));
background: -o-linear-gradient(bottom, white 36%, transparent 36%);
background: linear-gradient(to top, white 36%, transparent 36%);
}

.portfolio__title {
padding-top: 15px;
margin-bottom: 40px;
}

.portfolio__tabs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 20px;
margin-bottom: 70px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
gap: 60px;
}

.portfolio__tab {
-webkit-box-flex: 0;
		-ms-flex: 0 1 10%;
			flex: 0 1 10%;
color: #FFF;
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 40px;
/* 266.667% */
text-transform: uppercase;
white-space: nowrap;
}

.portfolio__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
		flex-wrap: wrap;
gap: 30px;
margin-bottom: 60px;
-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}

.portfolio__item {
-webkit-box-flex: 0;
		-ms-flex: 0 1 calc(50% - 15px);
			flex: 0 1 calc(50% - 15px);
overflow: hidden;
position: relative;
display: block;
}

.portfolio__item img {
width: 100%;
height: auto;
-o-object-fit: cover;
	object-fit: cover;
}

.portfolio ._tab-active {
color: #05DBAF;
position: relative;
}

.portfolio ._tab-active::after {
content: "";
position: absolute;
bottom: -21px;
left: 0;
display: block;
width: 100%;
height: 2px;
background: #05DBAF;
}

.case-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #0D4E40;
padding: 9%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
opacity: 0;
-webkit-transition: opacity 0.2s ease 0s;
-o-transition: opacity 0.2s ease 0s;
transition: opacity 0.2s ease 0s;
}

.case-hover-title {
color: #FFF;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 125% */
letter-spacing: 5px;
text-transform: uppercase;
}

.case-hover-text {
color: #FFF;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
/* 187.5% */
}

.case-hover-link {
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 142.857% */
text-transform: uppercase;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
gap: 10px;
margin-top: auto;
}

.clients {
background-color: #fff;
}

.clients__container .lable__text {
color: #111;
}

.clients__container .text-black {
color: #111;
}

.clients__title {
max-width: 825px;
margin-bottom: 60px;
}

.clients__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
		flex-wrap: wrap;
gap: 30px;
-webkit-box-pack: space-evenly;
		-ms-flex-pack: space-evenly;
			justify-content: space-evenly;
}

.clients__item {
-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(16.66% - 30px);
			flex: 0 0 calc(16.66% - 30px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
background: #FFF;
}

.clients__item img {
height: auto;
width: 100%;
}

.let-us {
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, transparent));
background: -o-linear-gradient(top, white 50%, transparent 50%);
background: linear-gradient(to bottom, white 50%, transparent 50%);
}

.let-us__card {
background: url("../img/earth.svg") 100% 0 no-repeat;
background-color: #05DBAF;
padding: 60px 70px 70px;
}

.let-us__title {
color: #111111;
font-family: Montserrat;
font-size: 50px;
font-style: normal;
font-weight: 900;
line-height: 60px;
/* 150% */
text-transform: uppercase;
margin-bottom: 10px;
max-width: 600px;
}

.let-us__text {
color: #ffffff;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 30px;
/* 214.286% */
margin-bottom: 30px;
max-width: 500px;
}

.let-us__button {
color: #111;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 800;
letter-spacing: 2.8px;
text-transform: uppercase;
background-color: #fff;
padding: 20px 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}

.let-us__button:active {
background: #EDEDED;
}

.contact-us__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.contact-us__col {
-webkit-box-flex: 0;
		-ms-flex: 0 1 50%;
			flex: 0 1 50%;
}

.contact-us__title {
margin-bottom: 20px;
}

.contact-us__text {
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 30px;
		max-width: 460px;
margin-bottom: 30px;
}

.contact-us__line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
gap: 20px;
margin-bottom: 30px;
}

.contact-us__line-link {
color: #FFF;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 20px;
/* 111.111% */
}

.contact-us__social-links {
padding-top: 20px;
padding-bottom: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
gap: 40px;
margin-left: -3px;
}

.contact-us__social-links img {
	width: 30px;
	height: 30px;
}

.contact-us__social-links a .icon-hover {
display: none;
}

.contact-us__question {
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 30px;
/* 214.286% */
margin-bottom: 30px;
}

.contact-us__contact-form {
margin-bottom: 30px;
}

.contact-us__form-row {
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 30px;
}

.contact-us__form-item {
-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 15px);
			flex: 0 0 calc(50% - 15px);
}

.contact-us__form-item input {
width: 100%;
height: 100%;
padding: 10px 53px 10px 15px;
background-color: transparent;
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
	height: 40px;
border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 0 !important;
}

.contact-us__form-item--user {
background: url("../img/icon-form-user.svg") calc(100% - 10px) 12px no-repeat;
background-color: rgba(255, 255, 255, 0.1);
}

.contact-us__form-item--email {
background: url("../img/icon-form-email.svg") calc(100% - 10px) 12px no-repeat;
background-color: rgba(255, 255, 255, 0.1);
}

.contact-us__textarea {
height: 160px;
border: 1px solid rgba(255, 255, 255, 0.7);
background: url("../img/icon-form-message.svg") calc(100% - 10px) 12px no-repeat;
background-color: rgba(255, 255, 255, 0.1);
margin-bottom: 30px;
}

.contact-us__textarea textarea {
width: 100%;
padding: 10px 53px 10px 15px;
background-color: transparent;
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
/* 142.857% */
}

.contact-us .contact-us__button {
	height: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
padding: 5px 40px;
margin-left: auto;
color: #1D1D1E;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 800;
letter-spacing: 2.8px;
text-transform: uppercase;
background: #05DBAF;
-webkit-box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
			box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
border-radius: 0 !important;
}

@media (max-width: 495px) {
	.contact-us .contact-us__button {
		width: 100%;
		max-width: 100%;
	}
}


.popup {
background: rgba(34, 34, 34, 0.8);
-webkit-backdrop-filter: blur(30px);
			backdrop-filter: blur(30px);
			opacity: 0;
}

.popup__wrapper {
background-color: transparent;
}

.popup__content {
background-color: transparent;
position: relative;
max-width: 100%;
}

.popup__content-wrapper {
	width: 100%;
	max-width: 670px;
	margin: 0 auto;
}

.popup__close, .popup__close--result {
position: absolute;
top: 38px;
right: 30px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.case__case-close {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.popup__close:hover, .popup__close--result:hover, .case__case-close:hover {
-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg); 
}

.popup__title {
color: #05DBAF;
font-family: Montserrat;
font-style: normal;
font-weight: 900;
line-height: 150%;
/* 150% */
text-transform: uppercase;
margin-bottom: 20px;
width: calc(100% - 15px);
}

.popup__title span {
color: #FFF;
}

.popup__text {
color: #FFF;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 187.5%;
/* 187.5% */
margin-bottom: 30px;
}

.popup .contact-us__form-item--company {
background: url(../img/icon-form-company.svg) calc(100% - 10px) 12px no-repeat;
background-color: rgba(255, 255, 255, 0.1);
}

.popup .contact-us__form-item--type {
background-color: rgba(255, 255, 255, 0.1);
}

.popup .contact-us__form-item--phone {
background: url(../img/icon-form-phone.svg) calc(100% - 10px) 12px no-repeat;
background-color: rgba(255, 255, 255, 0.1);
}

.popup .contact-us__form-row-100 {
margin-bottom: 30px;
}

.popup .contact-us__button {
	height: 60px;
background: #05DBAF;
-webkit-box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
			box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
padding: 5px 30px;
color: #1D1D1E;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 100%;
letter-spacing: 2.8px;
text-transform: uppercase;
border-radius: 0 !important;
}

.popup input,
.popup textarea {
color: #fff;
border-radius: 0 !important;
}
input {
height: 38.5px;
}
textarea {
	height: 159px;
}

#case {
padding: 0;
}

#case .popup__wrapper {
-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: start;
background: #2D2D2D;
}

#case .popup__content {
width: 100%;
max-width: 2200px;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
}

#case .popup-container {
width: 100%;
max-width: 1140px;
}

#case .popup__top-line {
background: rgba(34, 34, 34, 0.8);
-webkit-backdrop-filter: blur(30px);
			backdrop-filter: blur(30px);
width: 100%;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
position: relative;
padding-left: 15px;
padding-right: 15px;
}

#case .popup__top-line::before {
content: "";
position: absolute;
top: 0;
left: -50vw;
width: 50vw;
background: rgba(34, 34, 34, 0.8);
height: 80px;
}

#case .popup__top-line::after {
content: "";
position: absolute;
top: 0;
right: -50vw;
width: 50vw;
background: rgba(34, 34, 34, 0.8);
height: 80px;
}

#case .case-select {
width: 250px;
min-width: 250px;
}

#case .case-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
gap: 10px;
color: #FFF;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 166.667% */
letter-spacing: 5px;
text-transform: uppercase;
}

#case .case__slide img {
width: 100%;
height: auto;
}

#case .swiper-button-prev,
#case .swiper-button-next {
color: #FFF;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 166.667% */
letter-spacing: 5px;
text-transform: uppercase;
}

#case .swiper-button-disabled {
opacity: 0.3;
}

#case .select__title {
color: #FFF;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 125% */
letter-spacing: 5px;
text-transform: uppercase;
background: rgba(34, 34, 34, 0.8);
letter-spacing: 4px;
border: 0px;
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#case .select__options {
border: 1px solid rgba(255, 255, 255, 0);
background: #414141;
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 40px;
/* 285.714% */
}

#case .select__value {
padding-left: 10px;
padding-right: 10px;
}

#case .select__value:after {
background: url("../img/select-arrow.svg") center center no-repeat;
}

.portfolio__item iframe {
width: 100% !important;
}

.contact-us__form-item.contact-us__form-item--type .select__body {
height: 40px;
}

.contact-us__form-item.contact-us__form-item--type .select__title {
color: rgba(255, 255, 255, 0.4);
font-family: Montserrat;
background-color: rgba(255, 255, 255, 0);
border: 0px;
border-radius: 0;
height: 40px;
		border: 1px solid rgba(255, 255, 255, 0.7);
}

.contact-us__form-item.contact-us__form-item--type .select__options {
border: 1px solid rgba(255, 255, 255, 0);
background: #414141;
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 30px;
	/* border: 1px solid #414141 !important; */
}

.contact-us__form-item.contact-us__form-item--type .select__value {
padding-left: 10px;
padding-right: 10px;
}

.contact-us__form-item.contact-us__form-item--type .select__value:after {
background: url("../img/select-arrow.svg") center center no-repeat;
}

.select__content span {
color: rgba(255, 255, 255, 0.5);
font-family: Montserrat;
font-size: 12px;
font-style: italic;
font-weight: 300;
line-height: 20px;
}

.popup_show {
overflow-x: hidden;
opacity: 1;
}

#popupSlider1,
#popupSlider2,
#popupSlider3,
#popupSlider4,
#popupSlider5 {
display: none;
}

#popupSlider1._show,
#popupSlider2._show,
#popupSlider3._show,
#popupSlider4._show,
#popupSlider5._show {
display: block;
}

.popup__case-item {
position: relative;
z-index: 0;
}

.swiper-slide {
position: relative;
}

.swiper-slide a {
display: block;
position: relative;
top: 0;
left: 0;
height: 90vh;
width: 100%;
z-index: 0;
cursor: pointer;
}

.case-description {
padding: 0 0 30px;
}

.case-select .select__option {
padding: 0 15px;
}

#case .popup__top-line {
margin-bottom: 30px;
}

#case.select-active .popup__case-item {
z-index: -1;
}

.header {
	background: rgba(17, 17, 17, 0.9);
-webkit-backdrop-filter: blur(5px);
			backdrop-filter: blur(5px);
z-index: 3;
}
@media (min-width: 768px) {
	.header, .header__container {
		height: 80px;
	}
	.menu-header {
		max-height: 50px;
	}
}

.space-img-0 {
top: 35px;
}

.space-img {
z-index: -1;
}

.case-hover-title {
margin-bottom: 20px;
}

.case-hover-text {
margin-bottom: 50px;
}


.case-hover-link {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.case-hover-link span {
	opacity: 0.8;
}


.case-hover-link img {
width: 7px;
}

#case {
padding: 0;
}

#case.case {
position: relative;
}

#case .case__wrapper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
background: #2D2D2D;
}

#case .case__content {
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform 0.3s ease 0s;
transition: -webkit-transform 0.3s ease 0s;
-o-transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s;
transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
background-color: #2D2D2D;
width: 100%;
max-width: 2200px;
min-height: 100vh;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 0;
}

#case .case-container {
width: 100%;
max-width: 1170px;
pointer-events: initial;
}

#case .case__top-line {
background: #242424;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
width: 100%;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding-left: 15px;
padding-right: 15px;
}

#case .case__case-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
padding: 80px 15px 0;
	-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
}

#case .case__case-item img {
width: 100%;
}

#case .case__top-line::before {
content: "";
position: absolute;
top: 0;
left: -50vw;
width: 50vw;
background: #242424;
height: 80px;
}

#case .case__top-line::after {
content: "";
position: absolute;
top: 0;
right: -50vw;
width: 50vw;
background: #242424;
height: 80px;
}

#case .case-select {
width: 250px;
min-width: 250px;
}

@media (max-width: 350px) {
	#case .case-select {
width: 230px;
min-width: 230px;
}
}

#case .case-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: #FFF;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 166.667% */
letter-spacing: 5px;
text-transform: uppercase;
}

@media (max-width: 560px) {
	#case .case-pagination {
		letter-spacing: 3px;
	}
}

#case .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
gap: 12px;
}

#case .nav-previous {
position: relative;
}

#case .nav-previous::after {
content: "";
position: absolute;
right: -5px;
bottom: 1px;
display: block;
height: 15px;
width: 3px;
background: url("../img/pagination-separator.svg") center center no-repeat;
}

#case .case__slide img {
width: 100%;
height: auto;
}

#case .swiper-button-prev,
#case .swiper-button-next {
color: #FFF;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 166.667% */
letter-spacing: 5px;
text-transform: uppercase;
}

#case .swiper-button-disabled {
opacity: 0.3;
}

#case .select__title {
color: #FFF;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px;
/* 125% */
letter-spacing: 5px;
text-transform: uppercase;
background: rgba(34, 34, 34, 0.8);
letter-spacing: 4px;
border: 0px;
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 350px) {
	#case .select__title {
letter-spacing: 2px;
}
}

#case .select__options {
border: 1px solid rgba(255, 255, 255, 0);
background: #414141;
color: #FFF;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 40px;
/* 285.714% */
}

#case .select__value {
padding-left: 10px;
padding-right: 10px;
}

#case .select__value:after {
background: url("../img/select-arrow.svg") center center no-repeat;
}

#case .case__top-line {
margin-bottom: 30px;
position: fixed;
z-index: 50;
}

#case .top-line-container {
	margin: auto;
	width: 100%;
	max-width: 1170px;
	padding: 10px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	gap: 30px;
}

@media (max-width: 33.125em) {

#case .top-line-container {
	gap: 15px;
	padding: 10px 0px;
}
}


#case .case-pagination span {
opacity: 0.7;
}

.case-page {
display: none !important;
}

.contact-us__follow {
color: #FFF;
font-family: Montserrat;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
padding-top: 10px;
}

input:active,
input:focus {
outline: 1px solid #05DBAF;
}
textarea:active,
textarea:focus {
outline: 1px solid #05DBAF;
}


.swiper {
overflow: hidden;
}

.swiper-initialized {
-ms-touch-action: pan-y;
		touch-action: pan-y;
}

.swiper-wrapper {
width: 100%;
height: 100%;
-webkit-box-sizing: content-box;
			box-sizing: content-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}

.swiper-vertical .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
}

.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
}

.swiper-initialized .swiper-slide {
-ms-flex-negative: 0;
		flex-shrink: 0;
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
			transform: translate3d(0px, 0, 0);
}

.swiper-button-lock {
display: none !important;
}

@media (min-width: 47.99875em) {
.popup__content {
	padding-left: 60px;
	padding-right: 60px;
}
}

@media (min-width: 73.125em) {
h1 {
	font-size: 5rem;
}

h2 {
	font-size: 3.125rem;
}

.home .achievements {
	margin-top: 6.25rem;
}

.services__container {
	padding-top: 6.25rem;
}

.services__container {
	padding-bottom: 3.4375rem;
}

.portfolio {
	padding-top: 6.25rem;
}

.portfolio {
	padding-bottom: 3.4375rem;
}

.clients {
	padding-top: 6.25rem;
}

.clients {
	padding-bottom: 9.375rem;
}

.contact-us {
	padding-top: 8.75rem;
}

.contact-us {
	padding-bottom: 5rem;
}
}

@media (max-width: 20em) {
h1 {
	font-size: 2.375rem;
}

h2 {
	font-size: 1.75rem;
}

.home .achievements {
	margin-top: 4.375rem;
}

.services__container {
	padding-top: 2.8125rem;
}

.services__container {
	padding-bottom: 2.1875rem;
}

.portfolio {
	padding-top: 2.8125rem;
}

.portfolio {
	padding-bottom: 2.1875rem;
}

.clients {
	padding-top: 2.8125rem;
}

.clients {
	padding-bottom: 3.125rem;
}

.contact-us {
	padding-top: 2.8125rem;
}

.contact-us {
	padding-bottom: 3.125rem;
}
}

@media (max-width: 61.99875em) {
.green-button {
	margin-left: 40px;
}

.header .menu-item {
	margin-left: 36px;
}

.home__col-1 {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
				flex: 0 0 50%;
	padding-right: 1%;
}

.home__col-2 {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
				flex: 0 0 50%;
}

.home .achievements {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
				flex-direction: column;
}

.home .achievement {
	padding-top: 40px;
	padding-bottom: 40px;
}

.home .achievement::after {
	content: "";
	position: absolute;
	left: 0;
	top: initial;
	bottom: 0;
	display: block;
	width: 100%;
	height: 3px;
	background: url("../img/horisontal-decor.svg") center center no-repeat;
}

.home .achievement__title {
	text-align: center;
	width: 220px;
}

.home .achievement__text {
	text-align: center;
	font-size: 20px;
	width: 220px;
}

.home .achievement-fiverr::after {
	content: "";
	display: none;
}

.home .achievement-fiverr .visit-page {
	display: block;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	/* 187.5% */
	text-transform: uppercase;
	padding-bottom: 2px;
}

.home .achievement-fiverr .visit-page::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 3px;
	background: url("../img/horisontal-decor.svg") center center no-repeat;
}

.home .achievement-fiverr__text {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
				justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
				align-items: center;
	width: 220px;
	font-size: 24px;
}

.services__row {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 50px;
}

.services__item {
	-webkit-box-flex: 0;
		-ms-flex: 0 1 calc(50% - 25px);
				flex: 0 1 calc(50% - 25px);
}

.portfolio__tabs {
	gap: 40px;
}

.portfolio__items {
	gap: 20px;
}

.clients__items {
	gap: 20px;
}

.clients__item {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(25% - 20px);
				flex: 0 0 calc(25% - 20px);
}

.let-us__card {
	padding: 50px 40px;
}

.popup__close, .popup__close--result {
	right: -30px;
	top: 0px;
}

#case .header__logo {
	display: none;
}

}

@media (max-width: 47.99875em) {
.lable {
	margin-bottom: 30px;
}

.green-button {
	padding: 24px;
	color: #111;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 10px;
	/* 71.429% */
	letter-spacing: 2.8px;
	text-transform: uppercase;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
}

.button-white {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
				justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
				align-items: center;
	width: 300px;
	margin: 0 auto;
}

.copyright {
	font-size: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
				justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
				align-items: center;
}

.header__container {
	padding-top: 15px;
	padding-bottom: 15px;
}

.header__logo {
	height: 30px;
}

.header__logo img {
	height: 30px;
}

.header .menu-header__body {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
				flex: 1 1 100%;
	background: #FFF;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
				flex-direction: column;
	padding: 30px;
	overflow: scroll;
}

.header .menu-header__lable {
	display: block;
	color: #000;
	text-align: center;
	font-family: Montserrat;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	/* 166.667% */
	opacity: 0.3;
	padding-bottom: 15px;
}

.header .nav-menu {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
				flex-direction: column;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
				justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
				align-items: center;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.header .menu-item {
	color: #111;
	text-align: center;
	font-family: Montserrat;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 55px;
	/* 325% */
	margin-left: 0;
	text-align: center;
}

.header ._navigator-active::after {
	display: none;
}

.nav-wrapper {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
				flex-direction: column;
	min-height: 100vh;
	-webkit-transition: all 0.25s ease 0s;
	-o-transition: all 0.25s ease 0s;
	transition: all 0.25s ease 0s;
	padding-top: 60px;
}

.menu-header__social-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
				justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
				align-items: center;
	gap: 30px;
	padding-bottom: 25px;
}

.icon-menu {
	display: block;
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	z-index: 5;
}

.icon-menu span,
.icon-menu::before,
.icon-menu::after {
	content: "";
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	right: 0;
	position: absolute;
	width: 100%;
	height: 0.125rem;
	background-color: #fff;
}

.icon-menu::before {
	top: 0;
}

.icon-menu::after {
	bottom: 0;
}

.icon-menu span {
	width: 18px;
	top: calc(50% - 0.0625rem);
}

.menu-open .icon-menu span {
	width: 0;
}

.menu-open .icon-menu::before {
	top: calc(50% - 0.0625rem);
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
}

.menu-open .icon-menu::after {
	bottom: calc(50% - 0.0625rem);
	-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
				transform: rotate(45deg);
}

.home .space-img {
	display: none;
}

.home__col-1 {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
				flex: 1 1 100%;
}

.home__title .text-green {
	position: static;
	z-index: 0;
}

.home__col-2 {
	display: none;
}

.services__title {
	margin-bottom: 50px;
}

.services__item {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
				flex: 1 1 100%;
}

.services__item-text {
	font-size: 16px;
}

.portfolio__tabs {
	border-bottom: 0px;
	padding-bottom: 0;
	margin-bottom: 50px;
	gap: 10px;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.portfolio__tab {
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding-left: 15px;
	padding-right: 15px;
	color: #FFF;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	/* 214.286% */
	text-transform: uppercase;
}

.portfolio__item {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
				flex: 1 1 100%;
}

.portfolio ._tab-active {
	border: 1px solid #05DBAF;
}

.portfolio ._tab-active::after {
	content: "";
	display: none;
}

.clients__item {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(33.3% - 20px);
				flex: 0 0 calc(33.3% - 20px);
}

.let-us__container {
	padding: 0 20px;
}

.let-us__card {
	padding: 40px 30px;
	background: url("../img/earth-mob.svg") 100% 0 no-repeat;
	background-color: #05DBAF;
}

.let-us__title {
	color: #111111;
	font-family: Montserrat;
	font-size: 30px;
	font-style: normal;
	font-weight: 900;
	line-height: 40px;
	/* 133.333% */
	text-transform: uppercase;
}

.contact-us__row {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.contact-us__col {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
				flex: 1 1 100%;
}

.contact-us__form-row {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.contact-us__form-item {
	-webkit-box-flex: 1;
		-ms-flex: 1 1 100%;
				flex: 1 1 100%;
}

.contact-us .contact-us__button {
	width: 100%;
}

.popup__close, .popup__close--result {
	top: -3px;
	right: 15px;
}
}

@media (max-width: 47.99875em) and (any-hover: none) {
.icon-menu {
	cursor: default;
}
}

@media (max-width: 785px) {
#case .green-button {
	padding-left: 10px;
	padding-right: 10px;
}
}

@media (max-width: 768px) {
#case .green-button {
	display: none;
}
}

@media (max-width: 33.125em) {

#case .case-pagination {
	/* display: none; */
	-webkit-box-flex: 0;
		-ms-flex: 0 0 1px;
				flex: 0 0 1px;
	width: 1px;
	opacity: 0;
	overflow: hidden;
}
}

@media (max-width: 29.99875em) {
.clients__item {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50% - 20px);
				flex: 0 0 calc(50% - 20px);
}

.let-us__button {
	width: 100%;
	color: #111;
	text-align: center;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 800;
	line-height: 20px;
	/* 142.857% */
	letter-spacing: 2.8px;
	text-transform: uppercase;
	padding: 15px 25px;
}
}

@media (max-width: 22.1875em) {
#case .select__title {
	font-size: 15px;
}

#case .select__title {
	font-size: 15px;
}
}

@media (min-width: 20em) and (max-width: 73.125em) {
@supports (font-size: clamp( 2.375rem , 1.3867647059rem  +  4.9411764706vw , 5rem )) {
	h1 {
		font-size: clamp( 2.375rem , 1.3867647059rem  +  4.9411764706vw , 5rem );
	}
}

@supports not (font-size: clamp( 2.375rem , 1.3867647059rem  +  4.9411764706vw , 5rem )) {
	h1 {
		font-size: calc(2.375rem + 2.625 * (100vw - 20rem) / 53.125);
	}
}

@supports (font-size: clamp( 1.75rem , 1.2323529412rem  +  2.5882352941vw , 3.125rem )) {
	h2 {
		font-size: clamp( 1.75rem , 1.2323529412rem  +  2.5882352941vw , 3.125rem );
	}
}

@supports not (font-size: clamp( 1.75rem , 1.2323529412rem  +  2.5882352941vw , 3.125rem )) {
	h2 {
		font-size: calc(1.75rem + 1.375 * (100vw - 20rem) / 53.125);
	}
}

@supports (margin-top: clamp( 4.375rem , 3.6691176471rem  +  3.5294117647vw , 6.25rem )) {
	.home .achievements {
		margin-top: clamp( 4.375rem , 3.6691176471rem  +  3.5294117647vw , 6.25rem );
	}
}

@supports not (margin-top: clamp( 4.375rem , 3.6691176471rem  +  3.5294117647vw , 6.25rem )) {
	.home .achievements {
		margin-top: calc(4.375rem + 1.875 * (100vw - 20rem) / 53.125);
	}
}

@supports (padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem )) {
	.services__container {
		padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem );
	}
}

@supports not (padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem )) {
	.services__container {
		padding-top: calc(2.8125rem + 3.4375 * (100vw - 20rem) / 53.125);
	}
}

@supports (padding-bottom: clamp( 2.1875rem , 1.7169117647rem  +  2.3529411765vw , 3.4375rem )) {
	.services__container {
		padding-bottom: clamp( 2.1875rem , 1.7169117647rem  +  2.3529411765vw , 3.4375rem );
	}
}

@supports not (padding-bottom: clamp( 2.1875rem , 1.7169117647rem  +  2.3529411765vw , 3.4375rem )) {
	.services__container {
		padding-bottom: calc(2.1875rem + 1.25 * (100vw - 20rem) / 53.125);
	}
}

@supports (padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem )) {
	.portfolio {
		padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem );
	}
}

@supports not (padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem )) {
	.portfolio {
		padding-top: calc(2.8125rem + 3.4375 * (100vw - 20rem) / 53.125);
	}
}

@supports (padding-bottom: clamp( 2.1875rem , 1.7169117647rem  +  2.3529411765vw , 3.4375rem )) {
	.portfolio {
		padding-bottom: clamp( 2.1875rem , 1.7169117647rem  +  2.3529411765vw , 3.4375rem );
	}
}

@supports not (padding-bottom: clamp( 2.1875rem , 1.7169117647rem  +  2.3529411765vw , 3.4375rem )) {
	.portfolio {
		padding-bottom: calc(2.1875rem + 1.25 * (100vw - 20rem) / 53.125);
	}
}

@supports (padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem )) {
	.clients {
		padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem );
	}
}

@supports not (padding-top: clamp( 2.8125rem , 1.5183823529rem  +  6.4705882353vw , 6.25rem )) {
	.clients {
		padding-top: calc(2.8125rem + 3.4375 * (100vw - 20rem) / 53.125);
	}
}

@supports (padding-bottom: clamp( 3.125rem , 0.7720588235rem  +  11.7647058824vw , 9.375rem )) {
	.clients {
		padding-bottom: clamp( 3.125rem , 0.7720588235rem  +  11.7647058824vw , 9.375rem );
	}
}

@supports not (padding-bottom: clamp( 3.125rem , 0.7720588235rem  +  11.7647058824vw , 9.375rem )) {
	.clients {
		padding-bottom: calc(3.125rem + 6.25 * (100vw - 20rem) / 53.125);
	}
}

@supports (padding-top: clamp( 2.8125rem , 0.5772058824rem  +  11.1764705882vw , 8.75rem )) {
	.contact-us {
		padding-top: clamp( 2.8125rem , 0.5772058824rem  +  11.1764705882vw , 8.75rem );
	}
}

@supports not (padding-top: clamp( 2.8125rem , 0.5772058824rem  +  11.1764705882vw , 8.75rem )) {
	.contact-us {
		padding-top: calc(2.8125rem + 5.9375 * (100vw - 20rem) / 53.125);
	}
}

@supports (padding-bottom: clamp( 3.125rem , 2.4191176471rem  +  3.5294117647vw , 5rem )) {
	.contact-us {
		padding-bottom: clamp( 3.125rem , 2.4191176471rem  +  3.5294117647vw , 5rem );
	}
}

@supports not (padding-bottom: clamp( 3.125rem , 2.4191176471rem  +  3.5294117647vw , 5rem )) {
	.contact-us {
		padding-bottom: calc(3.125rem + 1.875 * (100vw - 20rem) / 53.125);
	}
}
}

@media (any-hover: hover) {
.select__option:hover {
	background: #d9d9d9;
}

.green-button:hover {
	background: #07C9A1 !important;
	-webkit-box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
				box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.2);
}

.button-white:hover {
	border: 2px solid rgba(5, 219, 176, 0.6705882353);
	background: rgba(5, 219, 176, 0.0823529412);
}

.home__button:hover {
	background: rgba(5, 219, 175, 0.3);
}

.home .achievement-fiverr:hover .achievement-fiverr--hover {
	opacity: 1;
}

.case-hover:hover {
	opacity: 1;
}

.let-us__button:hover {
	background: #F8F8F8;
}

.contact-us__social-links a:hover .icon-main {
	display: none;
}

.contact-us__social-links a:hover .icon-hover {
	display: block;
}

#case .select__option:hover {
	color: #05DBAF;
	background: #3E4945;
}

#case .select__option:hover {
	color: #05DBAF;
	background: #3E4945;
}
}
iframe {
	width: 100%;
	height: calc(100vh - 140px);
}
.mail-result {
	display: none;
}
.mail-result.open {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	-webkit-backdrop-filter: blur(10px);
				backdrop-filter: blur(10px); 
	background-color: #222222f9;
	z-index: 999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	overflow: auto;
}
.mail-result__content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	width: 100%;
	max-width: 800px;
	min-height: 100vh;
	overflow: auto;
	padding: 100px 15px;
}

.mail-result__images {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 50px;
	margin-bottom: 45px;
}
.mail-result__images img {
	width: 50px;
	height: 50px;
}
.mail-result__title {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	gap: 16px;
}
.mail-result__text {
	margin-bottom: 40px;
	text-align: center;
	max-width: 480px;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px; 
}
.mail-result__button {
	background: #05DBAF;
	-webkit-box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.20);
			box-shadow: 0px 15px 40px -14px rgba(29, 29, 30, 0.20);
	min-height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	width: 100%;
	max-width: 365px;
	padding: 10px 25px;
	color: #1D1D1E;
text-align: center;
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 20px;
letter-spacing: 2.8px;
text-transform: uppercase;
}
@media (max-width: 61.99875em) {
.mail-result .popup__close--result {
	top: 40px;
	right: 30px;
}
}

@media (max-width: 600px) {
	.mail-result__images {
	gap: 30px;
	margin-bottom: 25px;
	}
	.mail-result__images img {
		width: 45px;
	height: 45px;
}
.mail-result__title {
	margin-bottom: 16px;
}
.mail-result__button {
	min-height: 50px;
}	
.mail-result__content {
	padding: 80px 15px 60px;
}
.mail-result__text {
	margin-bottom: 30px;
}
}

.case-pagination a:hover {
	color: #05DBAF;
}

.all-16, .all-24, .all-32, .all-40, .all-48, .all-56, .all-64, .all-72, .all-80, .all-88, 
.web-16, .web-24, .web-32, .web-40, .web-48, .web-56, .web-64, .web-72, .web-80, .web-88, 
.application-16, .application-24, .application-32, .application-40, .application-48, .application-56, .application-64, .application-72, .application-80, .application-88, 
.branding-16, .branding-24, .branding-32, .branding-40, .branding-48, .branding-56, .branding-64, .branding-72, .branding-80, .branding-88, 
.video-16, .video-24, .video-32, .video-40, .video-48, .video-56, .video-64, .video-72, .video-80, .video-88 {
	display: none;
}

.all-16-show, .all-24-show, .all-32-show, .all-40-show, .all-48-show, .all-56-show, .all-64-show, .all-72-show, .all-80-show, .all-88-show, 
.web-16-show, .web-24-show, .web-32-show, .web-40-show, .web-48-show, .web-56-show, .web-64-show, .web-72-show, .web-80-show, .web-88-show, 
.application-16-show, .application-24-show, .application-32-show, .application-40-show, .application-48-show, .application-56-show, .application-64-show, .application-72-show, .application-80-show, .application-88-show, 
.branding-16-show, .branding-24-show, .branding-32-show, .branding-40-show, .branding-48-show, .branding-56-show, .branding-64-show, .branding-72-show, .branding-80-show, .branding-88-show, 
.video-16-show, .video-24-show, .video-32-show, .video-40-show, .video-48-show, .video-56-show, .video-64-show, .video-72-show, .video-80-show, .video-88-show {
	display: block;
}

@media (max-width: 768px) {
	.header .green-button {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
}

@media (max-width: 495px) {
	.portfolio .button-white {
		width: 100%;
		max-width: 100%;
	}
}

.contact-us__form-item--type span.select-type {
	color: #ABABAB;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	opacity: 0.6;
	padding-left: 4px;
}
.contact-us__form-item--type span.select-type span {
	color: #FFF;
	font-family: Montserrat;
	font-size: 14px;
	font-style: italic;
	font-weight: 300;
	line-height: 20px; /* 166.667% */
	opacity: 0.5;
}
.contact-us__form-item--type .select__content {
color: #FFF;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
}

.bottom-button {
display: none;
}
@media (max-width: 768px) {
	.bottom-button {
		display: block;
		position: fixed;
		bottom: 0;
		left: 15px;
		right: 15px;
		width: calc(100% - 30px);
		max-width: calc(100% - 30px);
		border-radius: 0 !important;
	}
}