@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+Armenian:wght@100..900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}

body {
     font-family: "Montserrat", sans-serif;
     line-height: 1.5;
     background-color: #0B0E15;

}

main {
     min-height: calc(100vh - 539px);
     padding: 140px 0 0;
}

a {
     text-decoration: none;
}

button {
     outline: none;
     border: none;
     cursor: pointer;
     font-family: unset;
     background: transparent;
}

input {
     outline: none;
     border: none;
}

select {
     cursor: pointer;
}

img {
     width: 100%;
     display: flex;
}

.flex-container {
     display: flex;
     flex-wrap: wrap;
}

header {
     position: fixed;
     z-index: 50;
     top: 30px;
     right: 0;
     left: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
     max-width: 1440px;
     margin: auto;
     padding: 10px 14px;
     background-color: #2A2C32;
     border: 1px solid #535353;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.container {
     max-width: 1440px;
     width: 100%;
     margin: auto;
}

.header-logo {
     max-width: 154px;
     width: 100%;
     display: flex;
     margin: 0 25px 0 0;
}

.navigation {
     display: flex;
     align-items: center;
}

.header-menu {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
}

.header-menu__item {
     list-style: none;
     padding: 5px 0 5px 30px;
}

.header-menu__link {
     font-style: normal;
     font-weight: 400;
     font-size: 17px;
     color: #ffffff;
     text-transform: uppercase;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.header-menu__link:hover,
.header-menu__link_active {
     color: #00E394;
}

.header-menu-burger,
.header-menu-close,
.navigation-social-media {
     display: none;
}

footer {
     border-top: 1px solid #434343;
     padding: 60px 0 20px;
}

.footer-row {
     margin: 0 -15px;
}

.footer-row__item {
     width: 25%;
     margin-bottom: 35px;
     padding: 0 15px;
}

.footer-row__item:not(:first-child) {
     margin: 34px 0 35px;
}

.footer-menu__item {
     list-style: none;
}

.footer-logo {
     display: flex;
     max-width: 320px;
     width: 100%;
     margin: 0 0 47px;
}

.footer-menu__link {
     font-style: normal;
     font-weight: 400;
     font-size: 22px;
     line-height: 48px;
     color: #ffffff;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.footer-row__item:nth-child(3),
.footer-row__item:nth-child(4) {
     text-align: right;
}

.footer-menu__link:hover {
     color: #00E394;
}

.social-media__item {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 59px;
     height: 59px;
     padding: 17px;
     border: 1px solid #ffffff;
     margin: 0 14px 10px 0;
     border-radius: 50%;
     transition: .4s ease;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.social-media__item>img {
     height: 100%;
     object-fit: contain;
}

.social-media__item:hover {
     border-color: #00E394;
}

.footer-info {
     border-top: 1px solid #eaeaea1f;
     padding: 17px 0 0;
     justify-content: space-between;
}

.footer-info__text {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 35px;
     text-align: left;
     color: #ffffff;
}

.footer-info__text:last-child:hover {
     color: #00E394;
}

.main-img {
     position: relative;
}

.main-img>img {
     min-height: 300px;
     object-fit: cover;
}

.main-img__info {
     position: absolute;
     left: auto;
     bottom: 97px;
     max-width: 912px;
     width: 100%;
     padding: 0 60px 0 0;
}

.main-img__title {
     font-style: normal;
     font-weight: 600;
     font-size: 70px;
     line-height: 90px;
     text-align: left;
     color: #ffffff;
}

.main-img__btns {
     margin: 50px 0 0;
}

.main-img__link,
.main-img__modal-btn {
     display: block;
     min-height: fit-content;
     min-width: 155px;
     padding: 16px 60px;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #0b0e15;
     background: #00e394;
     border-radius: 10px;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.main-img__link {
     margin: 0 26px 0 0;
}

.main-img__modal-btn {
     background: transparent;
     color: #00E394;
     border: 1px solid #00E394;
}

.main-img__modal-btn:hover {
     background: #00e394;
     color: #0b0e15;
}

.section-space {
     margin: 0 0 60px;
}

.services-card {
     margin: 0 -12px;
}

.services-card__item {
     width: 50%;
     padding: 7px 12px;
}

.services-card__link {
     padding: 34px 40px;
     display: flex;
     align-items: center;
     height: 100%;
     background: rgba(255, 255, 255, 0.12999999523162842);
     backdrop-filter: blur(30px);
     border: 1px solid #535353;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.services-card__link:hover .services-card__title {
     color: #00E394;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.services-card__row {
     width: 60%;
}

.services-card__row:last-child {
     width: 40%;
}

.services-card__title {
     margin: 0 15px 0 0;
     font-style: normal;
     font-weight: 600;
     font-size: 60px;
     line-height: 80px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
}

.our-story__img {
     float: left;
     width: 42%;
     margin: 0 80px 20px 0;
}

.our-story__des {
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     line-height: 30px;
     text-align: left;
     color: #ffffff;
}

.our-client-card {
     margin: 0 -6px;
}

.our-client-card__item {
     width: 16.666%;
     padding: 6px;
}

.our-client-card__link {
     display: block;
     height: 100%;
     padding: 42px 20px;
     background: #0c0f16;
     border: 1px solid #22242b;
}

.our-client-card__link>img,
.gallery-card__item img,
.information-page-sub__link img {
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.gallery-card__item>a:hover img,
.our-client-card__link:hover img,
.blog__link:hover img,
.information-page-sub__link:hover img {
     scale: 1.1;
}

.blog-card {
     margin: 0 -8px;
}

.blog-card__item {
     width: 33.333%;
     padding: 8px;
}

.blog-card__link {
     display: block;
     height: 100%;
}

.blog-card__title {
     margin: 35px 0 0;
     font-style: normal;
     font-weight: 600;
     font-size: 20px;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.blog-card__link:hover .blog-card__title {
     color: #00E394;
     transform: .4s ease;
     -webkit-transform: .4s ease;
     -moz-transform: .4s ease;
     -ms-transform: .4s ease;
     -o-transform: .4s ease;
}

.certificates-card {
     margin: 0 -12px;
}

.certificates-card__item {
     width: 25%;
     padding: 12px;
}

.certificates-card__item>a:hover {
     cursor: pointer;
}

.lets-go {
     justify-content: space-between;
     align-items: flex-end;
}

.lets-go__info {
     width: 60%;
}

.lets-go__img {
     position: relative;
     width: 21%;
     display: flex;
     align-items: center;
     justify-content: center;
}

.lets-go__info>.main-title {
     margin: 0;
}

.lets-go__des {
     padding: 27px 0 0 66px;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #ffffff;
}

.lets-go__text {
     margin: -35px 0 0;
     position: absolute;
     font-style: normal;
     font-weight: 400;
     font-size: 31px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.lets-go__img:hover {
     cursor: pointer;
}

.lets-go__img:hover .lets-go__text {
     color: #00E394;
     margin: -20px 0 0;
}

.home-bg-img-position {
     position: relative;
     max-width: 1920px;
     margin: auto;
}

.home-bg-img {
     background: url(../img/home-bg-img.png) no-repeat 50% 0%;
     background-size: 100%;
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: -1;
     margin: 78px 0 0;
}

.home-social-media {
     position: sticky;
     top: 600px;
     left: 30px;
     z-index: 1;
     width: fit-content;
     display: flex;
     flex-direction: column;
}

.home-social-media__link {
     margin: 16px 0;
}

.home-social-media__link>img {
     height: 22px;
     object-fit: contain;
}

.services-page-bg {
     background: url(../img/services-bg-img.png) no-repeat 50% 20%;
     background-size: 90%;
}

.services-page-header {
     margin: 0 0 80px;
}

.services-page-header>.main-title {
     margin: 0 0 30px;
}

.services-page-header__des {
     max-width: 800px;
     font-style: normal;
     font-weight: 100;
     font-size: 20px;
     text-align: left;
     color: #ffffff;
}

.services-sub-card {
     margin: 0 -7px;
}

.services-sub-card__item {
     padding: 0 7px 13px;
     width: 33.333%;
}

.services-sub-card__link {
     padding: 30px;
     display: block;
     height: 100%;
     background: #0b0e15;
     border: 1px solid #514f4f;
     border-radius: 20px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
}

.services-sub-card__title {
     font-style: normal;
     font-weight: 700;
     font-size: 50px;
     line-height: 74px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
}

.services-sub-card__link:hover {
     border-color: #00E394;
}

.services-sub-card__link:hover .services-sub-card__title {
     color: #00E394;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.services-sub-info {
     margin: 60px 0 0;
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     text-align: left;
     color: #ffffff;
     column-count: 2;
     column-gap: 50px;
}

.services-sub-page {
     justify-content: space-between;
}

.services-sub-page__des {
     width: 56%;
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     text-align: left;
     color: #ffffff;
}

.services-sub-page__img {
     width: 38%;
}

.services-sub-page__img>img {
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
}

.our-work-sort {
     display: flex;
     overflow-x: auto;
     width: 100%;
     margin: 0 0 40px;
}

.our-work-sort::-webkit-scrollbar {
     display: none;
}

.our-work-sort__btn {
     margin: 0 11px 0 0;
     padding: 13px 28px;
     background: #0b0e15;
     font-style: normal;
     font-weight: 500;
     font-size: 14px;
     line-height: 19px;
     text-align: center;
     text-transform: uppercase;
     color: #ffffff;
     white-space: nowrap;
     border: 1px solid #514f4f;
     transition: .4s ease;
     border-radius: 100px;
     -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
     -ms-border-radius: 100px;
     -o-border-radius: 100px;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.our-work-sort__btn:hover,
.our-work-sort__btn_active {
     border-color: #00e293;
     color: #00e293;
}

.our-work-page {
     justify-content: space-between;
     margin: 0 0 40px;
}

.our-work-page__img {
     width: 53%;
}

.our-work-page__details {
     width: 43%;
}

.our-work-details__main-title {
     font-style: normal;
     font-weight: 700;
     font-size: 50px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
}

.our-work-details__item {
     padding: 17px 0;
}

.our-work-details__item:not(:last-child) {
     border-bottom: 1px solid #514f4f;
}

.our-work-details__title {
     font-style: normal;
     font-weight: 700;
     font-size: 30px;
     line-height: 44px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
}

.our-work-details__text {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #ffffff;
}

.our-work-page__des {
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     line-height: 33px;
     text-align: left;
     color: #ffffff;
     margin: 0 0 40px;
}

.contacts-text {
     font-style: normal;
     font-weight: 600;
     font-size: 47px;
     text-align: left;
     color: #ffffff;
}

.contacts {
     margin: 90px 0;
     justify-content: space-between;
}

.contacts__area {
     width: 50%;
}

.contacts__info {
     width: 47%;
}

.contacts-form__item {
     padding: 20px 24px;
     background: #0b0e15;
     border: 1px solid #514f4f;
     margin: 0 0 20px;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.contacts-form__item>label {
     cursor: pointer;
     display: block;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #ffffff;
     margin: 0 0 15px;
}

.contacts-form__item>input,
.contacts-form__item>textarea {
     border: none;
     outline: none;
     background: transparent;
     width: 100%;
}

.contacts-form__item>input,
.contacts-form__item>textarea,
.contacts-form__item>input::placeholder,
.contacts-form__item>textarea::placeholder {
     font-family: "Montserrat", sans-serif;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #606267;
}

.contacts-form__item>textarea {
     resize: none;
     height: 230px;
}

.contacts-form__btn {
     display: block;
     margin: 0 0 0 auto;
     padding: 13px 23px;
     font-style: normal;
     font-weight: 500;
     font-size: 16px;
     text-align: center;
     color: #00e293;
     border: 1px solid #00e293;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.contacts-form__btn:hover {
     background: #00e293;
     color: #0b0e15;
}

.contacts-title {
     margin: 0 0 12px;
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #606267;
}

.contacts-link {
     display: block;
     width: fit-content;
     font-style: normal;
     font-weight: 400;
     font-size: 30px;
     line-height: 56px;
     text-align: left;
     color: #ffffff;
}

.contacts-img {
     margin: 100px 0 0;
}

.contact-map {
     /* filter: grayscale(100%) invert(92%) contrast(83%); */
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     height: 458px;
}

.contact-map>iframe {
     border-radius: 10px;
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.vacancies-info {
     font-style: normal;
     font-weight: 300;
     font-size: 16px;
     text-align: left;
     color: #ffffff;
     margin: 0 0 50px;
}

.vacancies__item {
     padding: 30px;
}

.vacancies__item:not(:last-child) {
     border-bottom: 1px solid #514f4f;
}

.vacancies__link {
     font-style: normal;
     font-weight: 600;
     font-size: 50px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff61;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
}

.vacancies__link:hover {
     color: #00e293;
}

.vacancies-page {
     justify-content: space-between;
}

.vacancies-page__des {
     width: 66%;
}

.vacancies-page__deadlines {
     width: 30%;
}

.vacancies-des {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #ffffff;
}

.vacancies-deadline {
     padding: 17px 0;
}

.vacancies-deadline:not(:last-child) {
     border-bottom: 1px solid #514f4f;
}

.vacancies-deadline__title {
     font-style: normal;
     font-weight: 700;
     font-size: 30px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
}

.vacancies-deadline__text {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     line-height: 33px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
}

.blog__item {
     margin: 0 0 30px;
}

.blog__link {
     justify-content: space-between;
     align-items: center;
}

.blog__img {
     width: 35%;
     overflow: hidden;
}

.blog__img>img {
     border-radius: 10px;
     transition: .4s ease;
     -webkit-transition: .4s ease;
     -moz-transition: .4s ease;
     -ms-transition: .4s ease;
     -o-transition: .4s ease;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.blog__info {
     width: 56%;
}

.blog__title {
     font-style: normal;
     font-weight: 600;
     font-size: 50px;
     line-height: 85px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
}


.blog__link:hover .blog__title {
     color: #00e293;
}

.blog-page__img,
.information-page__img {
     width: 54%;
     float: left;
     margin: 0 50px 25px 0;
}

.blog-page__img>img,
.information-page__img>img {
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.blog-page__des,
.information-page__des {
     font-style: normal;
     font-weight: 300;
     font-size: 18px;
     text-align: left;
     color: #ffffff;
}

.information-page-section .gallery-card {
     margin: 50px -8px;
}

.information-page-section .gallery-card>.gallery-card__item {
     width: 16.666%;
}

.information-page-sub {
     margin: 0 -12px;
}

.information-page-sub__item {
     width: 25%;
     padding: 12px;
}

.information-page-sub__link {
     display: block;
     height: 100%;
}

.information-page-sub__title {
     margin: 35px 0 0;
     font-style: normal;
     font-weight: 600;
     font-size: 20px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.our-story-page-section>.container {
     position: relative;
}

.our-story-page-bg {
     position: absolute;
     height: 100%;
     width: 100%;
     bottom: 0;
     left: 0;
     z-index: -1;
     background: url(../img/our-story-bg-img.png) no-repeat 90% 99%;
}

.our-story-page {
     justify-content: space-between;
     margin: 0 0 60px;
}

.our-story-page__img {
     width: 42%;
}

.our-story-page__des {
     width: 53%;
}

.our-story-page__des,
.our-story-page-info {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #ffffff;
}

.our-story-page-card {
     margin: 40px 0 0;
}

.our-story-page-card__item {
     justify-content: space-between;
     align-items: center;
     padding: 30px 0;
}

.our-story-page-card__item:nth-child(even) {
     flex-direction: row-reverse;
}

.our-story-page-card__img {
     width: 50%;
}

.our-story-page-card__info {
     width: 40%;
}

.our-story-page-card__title {
     font-style: normal;
     font-weight: 400;
     font-size: 40px;
     line-height: 42px;
     text-align: left;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
}

.our-story-page-card__item:nth-child(even) .our-story-page-card__title {
     text-align: right;
}

.main-title {
     font-style: normal;
     font-weight: 700;
     font-size: 120px;
     line-height: 134px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
     margin: 0 0 60px;
}

.main-title-arrow {
     background: url(../img/main-title-bg.png) right no-repeat;
     background-size: contain;
}

.modal-contact-bg {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 55;
     height: 100vh;
     padding: 35px 15px;
     overflow-y: auto;
     background: rgba(255, 255, 255, 0.12999999523162842);
     backdrop-filter: blur(15px);
}

.modal-contact-bg::-webkit-scrollbar {
     width: 5px;
}

.modal-contact-bg::-webkit-scrollbar-track {
     border-radius: 2px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
}

.modal-contact-bg::-webkit-scrollbar-thumb {
     background: #535353;
}

.modal-close-btn {
     display: none;
}

.modal-centered {
     display: flex;
     align-items: center;
     margin: 0 auto 30px;
     min-height: 100%;
}

.modal-contact-centered {
     max-width: 780px;
     width: 100%;
}

.modal-contact {
     width: 100%;
}

.modal-contact__title {
     font-style: normal;
     font-weight: 600;
     font-size: 32px;
     text-align: left;
     text-transform: uppercase;
     color: #5511d6;
     margin: 0 0 20px;
}

.modal-contact>.modal-body {
     position: relative;
     background: #ffffff;
     padding: 30px 25px;
     border-radius: 10px;
     box-shadow: 0px 1px 15px rgba(158, 158, 158, 0.25);
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.contact__form {
     padding: 20px 0 0;
}

.contact-form__title {
     font-style: normal;
     font-weight: 400;
     font-size: 18px;
     text-align: left;
     color: #5511d6;
     margin: 15px 0;
}

.choose-service,
.company-question,
.main-area {
     margin: 0 -6px;
}

.choose-service__item,
.company-question__item,
.main-area__item {
     width: 33.333%;
     padding: 6px 6px;
     display: flex;
}

.choose-service__item>input,
.company-question__item>input {
     cursor: pointer;
     width: 24px;
     height: 24px;
     accent-color: #5511d6;
     margin: 0 11px 0 0;
}

.choose-service__item>label,
.company-question__item>label {
     cursor: pointer;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: left;
     ;
     color: #0b0e15;
}

.contact-form__textarea {
     font-family: "Montserrat", sans-serif;
     resize: none;
     outline: none;
     padding: 20px 15px;
     width: 100%;
     height: 78px;
     background: #ffffff;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.main-area__item {
     flex-wrap: wrap;
     margin: 0 0 16px
}

.main-area__item>label {
     font-style: normal;
     font-weight: 400;
     font-size: 13px;
     text-align: left;
     color: #0b0e15;
     margin: 0 0 4px;
}

.main-area__item>input {
     font-family: "Montserrat", sans-serif;
     height: 52px;
     width: 100%;
     padding: 12px 15px;
     background: #ffffff;
     border: 1px solid #d2d2d2;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
}

.contact-form__btn {
     display: block;
     margin: 0 auto;
     font-style: normal;
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     color: #0b0e15;
     padding: 19px 60px;
     background: #00e394;
     border-radius: 10px;
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     -ms-border-radius: 10px;
     -o-border-radius: 10px;
}

.gallery-card {
     margin: 0 -8px;
}

.gallery-card__item {
     width: 25%;
     padding: 8px;
}

.gallery-card__item>a,
.gallery-card__item div,
.information-page-sub__link div {
     display: block;
     cursor: pointer;
     overflow: hidden;
}

.gallery-card__title {
     margin: 11px 0 0;
     font-style: normal;
     font-weight: 600;
     font-size: 20px;
     text-align: left;
     text-transform: uppercase;
     color: #ffffff;
     text-overflow: ellipsis;
     overflow: hidden;
     display: -moz-box;
     display: -webkit-box;
     -moz-box-orient: vertical;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}

.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after,
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
     border: 2px solid #00E394;
}

.carousel__button.is-prev,
.carousel__button.is-next {
     color: #00E394;
}

.required::after {
     content: ' *';
     color: #e30613;
}

sub {
     vertical-align: baseline;
     font-size: 12px;
}

.show {
     display: block !important;
}

.hide {
     display: none !important;
}

.flex {
     display: flex !important;
}

.overflow-hidden {
     overflow-y: hidden !important;
}

.full-width {
     width: 100% !important;
}

.clear-both {
     clear: both;
}

.editor ul,
ol {
     padding: revert;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
}

/* Firefox */
input[type=number] {
     -moz-appearance: textfield;
}





/* ------ RESPONSIVE ------ */


@media all and (max-width: 1600px) {
     .home-social-media {
          display: none;
     }
}

@media all and (max-width: 1500px) {
     .container {
          max-width: 100%;
          padding: 0 30px;
     }

     header {
          top: 22px;
          right: 30px;
          left: 30px;
     }

     .main-title {
          font-size: 80px;
          line-height: 90px;
          margin: 0 0 35px;
     }

     .services-card__link {
          padding: 14px 21px;
          border-radius: 10px;
          -webkit-border-radius: 10px;
          -moz-border-radius: 10px;
          -ms-border-radius: 10px;
          -o-border-radius: 10px;
     }

     .services-card__title,
     .services-sub-card__title {
          font-size: 40px;
          line-height: 50px;
     }
}

@media all and (max-width: 1199px) {

     .header-menu-burger,
     .navigation-social-media {
          display: flex;
     }

     .navigation {
          visibility: hidden;
          position: fixed;
          padding: 20px 30px;
          top: 88px;
          width: 100%;
          right: 100%;
          z-index: 20;
          flex-direction: column;
          align-items: flex-end;
          justify-content: space-between;
          background-color: #0B0E15;
          height: calc(100vh - 88px);
          overflow-y: auto;
          transition: .4s ease;
          -webkit-transition: .4s ease;
          -moz-transition: .4s ease;
          -ms-transition: .4s ease;
          -o-transition: .4s ease;
     }

     .navigation.open {
          visibility: visible;
          transform: translateX(100%);
          -webkit-transform: translateX(100%);
          -moz-transform: translateX(100%);
          -ms-transform: translateX(100%);
          -o-transform: translateX(100%);
     }

     .navigation::-webkit-scrollbar {
          width: 6px;
     }

     .navigation::-webkit-scrollbar-track {
          border-radius: 2px;
          -webkit-border-radius: 2px;
          -moz-border-radius: 2px;
          -ms-border-radius: 2px;
          -o-border-radius: 2px;
     }

     .navigation::-webkit-scrollbar-thumb {
          background: #535353;
     }

     .header-menu {
          display: flex;
          align-items: flex-end;
          flex-direction: column;
          margin: 0;
          padding: 0;
     }

     .header-menu__item {
          padding: 15px 0;
     }

     .header-menu__link {
          font-size: 60px;
     }

     .navigation-social-media {
          margin: 100px 0 0;
          justify-content: flex-end;
     }

     .navigation-social-media>.social-media__item {
          margin: 0 0 10px 14px;
     }

     .our-story__img {
          margin: 0 44px 15px 0;
     }

     .lets-go__des {
          padding: 22px 0 0;
     }

     .services-sub-card__title {
          font-size: 25px;
          line-height: 38px;
     }
}

@media all and (max-width: 1024px) {
     .navigation {
          top: 77px;
          height: calc(100vh - 77px);
     }

     .header-logo {
          max-width: 115px;
     }

     main {
          padding: 110px 0 0;
     }

     footer {
          padding: 50px 0 20px;
     }

     .footer-row__item {
          width: 50%;
     }

     .footer-row__item:nth-child(3),
     .footer-row__item:nth-child(4) {
          text-align: left;
     }

     .footer-row__item:not(:first-child) {
          margin: 24px 0 30px;
     }

     .main-img__info {
          max-width: 600px;
          bottom: 40px;
     }

     .main-img__title {
          font-size: 50px;
          line-height: 60px;
     }

     .main-img__btns {
          margin: 30px 0 0;
     }

     .section-space {
          margin: 0 0 30px;
     }

     .services-card {
          margin: 0 -7px;
     }

     .services-card__item {
          padding: 7px;
     }

     .services-card__title {
          font-size: 25px;
          line-height: 33px;
          margin: 0 15px 0 0;
     }

     .our-client-card__item {
          width: 25%;
     }

     .blog-card__item,
     .certificates-card__item {
          width: 50%;
     }

     .blog-card__title {
          font-size: 18px;
     }

     .lets-go__info {
          width: 68%;
     }

     .lets-go__img {
          width: 28%;
     }

     .services-page-bg {
          background-size: 98%;
          background-position: 50% 32%;
     }

     .services-page-header {
          margin: 0 0 50px;
     }

     .services-sub-card__item {
          width: 50%;
     }

     .services-sub-info {
          margin: 40px 0 0;
          column-count: 1;
     }

     .services-sub-page {
          flex-direction: column-reverse;
     }

     .services-sub-page__des {
          width: 100%;
     }

     .services-sub-page__img {
          width: 80%;
          margin: 0 0 40px;
     }

     .our-work-page__img {
          width: 65%;
          margin: 0 0 30px;
     }

     .our-work-page__details {
          width: 100%;
     }

     .contacts-text {
          font-size: 25px;
     }

     .contacts {
          margin: 52px 0 70px;
     }

     .contacts__area,
     .contacts__info {
          width: 100%;
     }

     .contacts__info {
          margin: 35px 0 0;
     }

     .contacts-img {
          width: 85%;
          margin: 60px auto 0;
     }

     .vacancies-info {
          margin: 0 0 30px;
     }

     .vacancies__link {
          font-size: 25px;
     }

     .vacancies-page__des,
     .vacancies-page__deadlines {
          width: 100%;
     }

     .vacancies-page__deadlines {
          margin: 80px 0 0;
     }

     .blog__title {
          font-size: 25px;
          line-height: 42px;
     }

     .blog-page__img,
     .information-page__img {
          margin: 0 30px 20px 0;
     }

     .information-page-section .gallery-card>.gallery-card__item {
          width: 25%;
     }

     .information-page-sub__item {
          width: 50%;
     }

     .our-story-page {
          margin: 0 0 35px;
     }

     .our-story-page__img,
     .our-story-page-card__img {
          width: 73%;
          margin: 0 0 40px;
     }

     .our-story-page__des,
     .our-story-page-card__info {
          width: 100%;
     }

     .our-story-page-bg {
          background-size: 40%;
     }
}

@media all and (max-width: 767px) {
     .main-title {
          font-size: 30px;
          line-height: 40px;
          margin: 0 0 22px;
     }

     .header-menu__link {
          font-size: 30px;
     }

     .main-img__info {
          max-width: 400px;
          bottom: 25px;
     }

     .main-img__title {
          font-size: 25px;
          line-height: 38px;
     }

     .main-img__info {
          padding: 0 30px 0 0;
     }

     .main-img__btns {
          margin: 15px 0 0;
     }

     .main-img__link {
          margin: 0 16px 10px 0;
     }

     .main-img__link,
     .main-img__modal-btn {
          height: fit-content;
          padding: 9px 25px;
     }

     .main-title {
          margin: 0 0 25px;
     }

     .services-card__title {
          font-size: 22px
     }

     .our-story__img {
          margin: 0 30px 11px 0;
     }

     .gallery-card {
          margin: 0 -5px;
     }

     .gallery-card__item {
          width: 50%;
          padding: 5px;
     }

     .our-client-card__item {
          width: 33.333%;
     }

     .lets-go__des {
          padding: 18px 0 0;
     }

     .lets-go__text {
          font-size: 25px;
     }

     .choose-service__item,
     .company-question__item,
     .main-area__item {
          width: 50%;
     }

     .modal-close-btn {
          display: block;
          margin: 0 0 0 auto;
     }

     .blog-page__img,
     .information-page__img {
          margin: 0 0 40px 0;
          width: 73%;
          float: unset;
     }

     .information-page-section .gallery-card {
          margin: 35px -5px;
     }
}

@media all and (max-width: 575px) {
     .container {
          padding: 0 15px;
     }

     header {
          padding: 9px 13px;
          top: 15px;
          right: 15px;
          left: 15px;
     }

     .navigation {
          top: 63px;
          height: calc(100vh - 63px);
     }

     .header-logo {
          max-width: 96px;
     }

     .navigation {
          padding: 20px 15px;
     }

     .header-menu-burger>svg {
          width: 19px;
          height: auto;
     }

     .header-menu-close>svg {
          width: 16px;
          height: auto;
     }

     .social-media__item {
          width: 50px;
          height: 50px;
          padding: 14px;
     }

     main {
          padding: 90px 0 0;
     }

     footer {
          padding: 30px 0 15px;
     }

     .footer-row__item {
          width: 100%;
     }

     .footer-row__item,
     .footer-row__item:not(:first-child) {
          margin: 0 0 30px;
     }

     .footer-logo {
          max-width: 198px;
          margin: 0 0 28px;
     }

     .footer-menu__link {
          font-size: 20px;
          line-height: 42px;
     }

     .services-card__item {
          width: 100%;
     }

     .services-card__link {
          padding: 13px;
     }

     .our-story__img {
          width: 100%;
          margin: 0 0 30px;
     }

     .carousel__button.is-prev,
     .carousel__button.is-next {
          top: 52%;
     }

     .our-client-card__item {
          width: 50%;
     }

     .our-client-card__link {
          padding: 23px 19px;
     }

     .blog-card__item {
          width: 100%;
     }

     .blog-card__title {
          margin: 28px 0 10px;
     }

     .certificates-card {
          margin: 0 -6px;
     }

     .certificates-card__item {
          padding: 6px;
     }

     .lets-go__info {
          width: 100%;
          margin: 0 0 35px;
     }

     .lets-go__img {
          width: 60%;
          margin: auto;
     }

     .modal-contact>.modal-body {
          padding: 20px 15px;
     }

     .modal-contact__title {
          font-size: 25px
     }

     .choose-service__item,
     .main-area__item {
          width: 100%;
     }

     .services-page-bg {
          background-position: 50% 30%;
     }

     .services-sub-card__item {
          width: 100%;
     }

     .services-sub-card__link {
          padding: 30px 15px;
     }

     .services-sub-info {
          margin: 30px 0 0;
     }

     .services-sub-page__img {
          width: 100%;
          margin: 0 0 30px;
     }

     .our-work-sort {
          width: 103%;
          margin: 0 -15px 40px 0;
     }

     .our-work-sort__btn {
          padding: 6px 17px;
     }

     .our-work-page-section .gallery-card>.gallery-card__item {
          width: 100%;
     }

     .our-work-page,
     .our-work-page__des {
          margin: 0 0 30px;
     }

     .our-work-page__img {
          width: 100%;
     }

     .our-work-details__main-title {
          font-size: 30px;
     }

     .our-work-details__title {
          font-size: 20px;
     }

     .contacts-text {
          font-size: 18px;
     }

     .contacts {
          margin: 25px 0 70px;
     }

     .contacts-form__btn {
          padding: 11px 18px;
     }

     .contacts-link {
          font-size: 22px;
          line-height: 48px;
     }

     .contacts-img {
          width: 100%;
     }

     .vacancies-info {
          margin: 0 0 20px;
     }

     .vacancies__item {
          padding: 20px 0;
     }

     .vacancies__link {
          font-size: 20px;
     }

     .vacancies-page__deadlines {
          margin: 50px 0 0;
     }

     .vacancies-deadline__title {
          font-size: 25px;
     }

     .blog__img {
          width: 73%;
          margin: 0 0 30px;
     }

     .blog__info,
     .information-page-sub__item {
          width: 100%;
     }

     .blog-page__img,
     .information-page__img {
          margin: 0 0 35px 0;
          width: 100%;
     }

     .information-page-section .gallery-card>.gallery-card__item {
          width: 50%;
     }

     .information-page-sub__title {
          margin: 20px 0 0;
     }

     .our-story-page__img,
     .our-story-page-card__img {
          width: 100%;
          margin: 0 0 35px;
     }

     .our-story-page-card__title {
          font-size: 20px;
          line-height: 35px;
     }
}

@media all and (max-width: 374px) {
     .main-img__info {
          max-width: 300px;
     }
}