* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #fff;
  background-color: rgb(26, 26, 26);
  font-family: "NotoSans", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.lock {
  overflow: hidden;
  touch-action: none;
  -ms-touch-action: none;
  height: 100vh;
}

.lang-group-item {
  color: #fff;
  font-weight: 700;
  font-size: 24px;
  text-align: center;
  width: 48px;
  height: 48px;
  justify-content: center;
}

a,
a:hover {
  text-decoration: none;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1,
h2,
h3,
h4,
p {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

input,
button,
button:focus,
input:focus {
  outline: none;
  border: 0;
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

input[type=submit] {
  padding: 0;
  cursor: pointer;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0px 1000px rgb(26, 26, 26) inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.text-link {
  color: #fff;
  font-size: 22px;
  border-bottom: 1px solid currentColor;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-weight: 900;
}

.text-link:hover {
  color: #36c695;
}

h1 {
  font-size: 2.9em;
}

h2 {
  font-size: 42px;
}

h2+* {
  margin-top: 20px;
}

section {
  padding-top: 140px;
  padding-bottom: 70px;
}

section .container,
section .container-small {
  position: relative;
  z-index: 2;
}

.overlay-bg {
  position: relative;
}

.overlay-bg .container {
  -webkit-transform: translateY(-240px);
  -ms-transform: translateY(-240px);
  transform: translateY(-240px);
}

.overlay-bg+* {
  margin-top: -240px;
}

.overlay-bg:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(27, 27, 27, 0.5)), to(rgba(27, 27, 27, 0.9)));
  background: linear-gradient(to top, rgba(27, 27, 27, 0.5), rgba(27, 27, 27, 0.9));
}

.container,
.container-small {
  width: 1380px;
  padding: 0 15px;
  margin: 0 auto;
}

.container-small {
  max-width: 1000px;
  width: 100%;
}

.d-flex,
.flex-btw,
.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-btw {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

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

.txt-bold {
  font-family: "NotoSans-Bold";
}

.txt-upper {
  text-transform: uppercase;
}

.txt-center {
  text-align: center;
}

.btn {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  height: 50px;
  line-height: 46px;
  white-space: nowrap;
  border: 2px solid currentColor;
  /* background-color: rgb(68, 68, 68); */
  border-radius: 30px;
  color: #36c695;
  font-family: "NotoSans-Bold";
  font-size: 15px;
  text-transform: uppercase;
  text-align: center;
  min-width: 200px;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.btn:hover {
  /* background-color: #ccc; */
  color: #fff;
}

.section-title {
  padding-bottom: 60px;
}

/* ======== end header-top =========*/

/* ======icons header */

.social-block,
.social-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}

.social-item {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #1b1b1b;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 2px solid #36c695;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.social-item:hover {
  border-color: #cccccc;
}

.social-item:hover svg {
  fill: #cccccc;
}

.svg-fb,
.svg-inst {
  width: 8px;
  height: 16px;
  fill: #36c695;
}

.svg-inst {
  width: 16px;
}

.icon-clock,
.icon-email,
.icon-tel,
.icon-pin {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11.9999 23.0134C9.82168 23.0134 7.69236 22.3674 5.88123 21.1573C4.0701 19.9471 2.65849 18.2271 1.82492 16.2147C0.991344 14.2022 0.773243 11.9878 1.1982 9.85144C1.62315 7.71506 2.67207 5.75267 4.21231 4.21243C5.75255 2.67219 7.71494 1.62327 9.85132 1.19832C11.9877 0.773366 14.2021 0.991466 16.2145 1.82504C18.227 2.65861 19.947 4.07022 21.1572 5.88135C22.3673 7.69249 23.0132 9.8218 23.0132 12C23.0103 14.92 21.849 17.7196 19.7842 19.7844C17.7195 21.8491 14.9199 23.0104 11.9999 23.0134ZM11.9999 2.85337C10.1909 2.85337 8.42246 3.38981 6.91829 4.39486C5.41413 5.39991 4.24178 6.82842 3.54949 8.49975C2.8572 10.1711 2.67607 12.0102 3.02899 13.7845C3.38192 15.5587 4.25306 17.1885 5.53224 18.4677C6.81143 19.7469 8.44121 20.618 10.2155 20.9709C11.9898 21.3239 13.8289 21.1427 15.5002 20.4504C17.1715 19.7582 18.6 18.5858 19.6051 17.0816C20.6101 15.5775 21.1466 13.8091 21.1466 12C21.1436 9.5751 20.179 7.25033 18.4643 5.53564C16.7496 3.82095 14.4248 2.85633 11.9999 2.85337Z' fill='%2336c695'/%3e%3cpath d='M14.9083 16.5734C14.7398 16.5749 14.5738 16.5324 14.4267 16.4502L11.5184 14.7702C11.3795 14.6857 11.2649 14.5667 11.1858 14.4247C11.1066 14.2827 11.0656 14.1226 11.0667 13.9601V8.36009C11.0667 8.11256 11.165 7.87516 11.34 7.70012C11.5151 7.52509 11.7525 7.42676 12 7.42676C12.2475 7.42676 12.4849 7.52509 12.66 7.70012C12.835 7.87516 12.9333 8.11256 12.9333 8.36009V13.4225L15.3749 14.83C15.5538 14.9323 15.6938 15.0909 15.773 15.2811C15.8523 15.4713 15.8664 15.6824 15.8131 15.8814C15.7598 16.0805 15.6422 16.2563 15.4785 16.3815C15.3148 16.5066 15.1143 16.5741 14.9083 16.5734Z' fill='%2336c695'/%3e%3c/svg%3e");
}

.icon-email {
  height: 16px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='20' viewBox='0 0 24 20' fill='none'%3e%3cpath d='M19.0934 19.52H4.90669C3.86735 19.519 2.87086 19.1057 2.13593 18.3707C1.401 17.6358 0.987683 16.6393 0.986694 15.6L0.986694 4.39998C0.987683 3.36064 1.401 2.36414 2.13593 1.62921C2.87086 0.894285 3.86735 0.480969 4.90669 0.47998L19.0934 0.47998C20.1327 0.480969 21.1292 0.894285 21.8641 1.62921C22.5991 2.36414 23.0124 3.36064 23.0134 4.39998V15.6C23.0124 16.6393 22.5991 17.6358 21.8641 18.3707C21.1292 19.1057 20.1327 19.519 19.0934 19.52ZM4.90669 2.34665C4.36242 2.34763 3.84072 2.56428 3.45586 2.94914C3.071 3.33401 2.85435 3.85571 2.85336 4.39998V15.6C2.85435 16.1443 3.071 16.666 3.45586 17.0508C3.84072 17.4357 4.36242 17.6523 4.90669 17.6533H19.0934C19.6376 17.6523 20.1593 17.4357 20.5442 17.0508C20.9291 16.666 21.1457 16.1443 21.1467 15.6V4.39998C21.1457 3.85571 20.9291 3.33401 20.5442 2.94914C20.1593 2.56428 19.6376 2.34763 19.0934 2.34665H4.90669Z' fill='%2336c695'/%3e%3cpath d='M12 11.1237C11.3267 11.1257 10.6643 10.9534 10.0773 10.6235L1.51678 5.81121C1.30093 5.68942 1.1423 5.48688 1.07579 5.24813C1.00927 5.00938 1.04033 4.75399 1.16211 4.53814C1.2839 4.32229 1.48645 4.16366 1.72519 4.09715C1.96394 4.03064 2.21933 4.06169 2.43518 4.18348L10.992 8.99948C11.2999 9.1701 11.6461 9.25962 11.9981 9.25962C12.3501 9.25962 12.6964 9.1701 13.0042 8.99948L21.5648 4.18348C21.6717 4.12317 21.7894 4.08451 21.9112 4.0697C22.033 4.05489 22.1566 4.06422 22.2748 4.09715C22.393 4.13008 22.5036 4.18598 22.6002 4.26164C22.6968 4.33731 22.7775 4.43126 22.8378 4.53814C22.8982 4.64502 22.9368 4.76273 22.9516 4.88455C22.9664 5.00637 22.9571 5.12992 22.9242 5.24813C22.8912 5.36635 22.8353 5.47692 22.7597 5.57353C22.684 5.67014 22.5901 5.75091 22.4832 5.81121L13.9226 10.6235C13.3357 10.9534 12.6733 11.1257 12 11.1237Z' fill='%2336c695'/%3e%3c/svg%3e");
}

.icon-tel {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M17.7269 23.0132C17.1014 23.0139 16.4838 22.8735 15.92 22.6026C12.7683 21.0875 9.89642 19.0488 7.42663 16.5732C4.95103 14.1034 2.91233 11.2316 1.3973 8.07991C1.02244 7.29182 0.901211 6.40688 1.05032 5.54702C1.19942 4.68716 1.61152 3.8947 2.22983 3.27884L4.24583 1.25911C4.42144 1.08452 4.65901 0.986539 4.90663 0.986572V0.986572C5.15426 0.986539 5.39183 1.08452 5.56743 1.25911L10.3685 6.06391C10.4553 6.15029 10.5242 6.25296 10.5712 6.36605C10.6182 6.47913 10.6424 6.60038 10.6424 6.72284C10.6424 6.8453 10.6182 6.96655 10.5712 7.07963C10.5242 7.19271 10.4553 7.29539 10.3685 7.38177L8.63623 9.11404C9.39427 10.3976 10.3112 11.5805 11.3653 12.6346C12.4186 13.6896 13.6016 14.6066 14.8858 15.3636L16.6181 13.6314C16.7045 13.5446 16.8072 13.4757 16.9202 13.4287C17.0333 13.3817 17.1546 13.3575 17.277 13.3575C17.3995 13.3575 17.5207 13.3817 17.6338 13.4287C17.7469 13.4757 17.8496 13.5446 17.936 13.6314L22.7408 18.4324C22.9145 18.6085 23.0119 18.8459 23.0119 19.0932C23.0119 19.3406 22.9145 19.578 22.7408 19.754L20.721 21.77C20.3281 22.1638 19.8614 22.4763 19.3477 22.6896C18.8339 22.9029 18.2832 23.0129 17.7269 23.0132ZM4.90663 3.22657L3.5477 4.59671C3.20302 4.94008 2.97311 5.38175 2.88955 5.86104C2.80599 6.34034 2.87288 6.83376 3.08103 7.27351C4.50458 10.2337 6.41952 12.9313 8.7445 15.2516C11.0658 17.5782 13.7646 19.4944 16.7264 20.9188C17.1664 21.1271 17.6601 21.1937 18.1396 21.1094C18.619 21.0252 19.0605 20.7942 19.4032 20.4484L20.7733 19.0932L17.2901 15.61L15.7184 17.1818C15.5755 17.3281 15.3885 17.4234 15.1861 17.4531C14.9838 17.4828 14.7773 17.4452 14.5984 17.346C12.9225 16.4434 11.388 15.3 10.0437 13.9524C8.69499 12.6091 7.55152 11.0744 6.6501 9.39777C6.55099 9.21888 6.51338 9.01238 6.54306 8.81003C6.57274 8.60768 6.66806 8.42067 6.81437 8.27777L8.3861 6.70231L4.90663 3.22657Z' fill='%2336c695'/%3e%3c/svg%3e");
}

.icon-pin {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10.9995C11.173 10.9995 10.5 10.3265 10.5 9.4995C10.5 8.6725 11.173 7.9995 12 7.9995C12.827 7.9995 13.5 8.6725 13.5 9.4995C13.5 10.3265 12.827 10.9995 12 10.9995ZM12 5.9995C10.07 5.9995 8.5 7.5695 8.5 9.4995C8.5 11.4295 10.07 12.9995 12 12.9995C13.93 12.9995 15.5 11.4295 15.5 9.4995C15.5 7.5695 13.93 5.9995 12 5.9995ZM12 19.646C10.325 18.062 6 13.615 6 9.922C6 6.657 8.691 4 12 4C15.309 4 18 6.657 18 9.922C18 13.615 13.675 18.062 12 19.646ZM12 2C7.589 2 4 5.553 4 9.922C4 15.397 11.049 21.501 11.349 21.758C11.537 21.919 11.768 22 12 22C12.232 22 12.463 21.919 12.651 21.758C12.951 21.501 20 15.397 20 9.922C20 5.553 16.411 2 12 2Z' fill='%2336c695'/%3e%3c/svg%3e");
}

.icon-whatsapp {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M17.472 14.072c-.294-.147-1.747-.861-2.02-.961-.273-.1-.472-.147-.67.147-.2.294-.77.961-.94 1.157-.17.194-.346.221-.64.073-.294-.147-1.24-.46-2.363-1.469-.874-.778-1.464-1.738-1.636-2.033-.171-.295-.018-.454.13-.6.134-.133.294-.347.44-.52.146-.173.194-.295.294-.488.1-.194.05-.36-.025-.507-.073-.147-.67-1.61-.92-2.219-.242-.582-.487-.504-.67-.513-.173-.007-.36-.01-.553-.01-.194 0-.508.073-.774.36-.266.294-1.016.99-1.016 2.419 0 1.43 1.04 2.812 1.186 3.006.146.194 2.03 3.1 4.94 4.348.69.298 1.226.475 1.646.608.692.22 1.32.189 1.82.115.555-.082 1.747-.715 1.995-1.406.246-.692.246-1.28.171-1.406-.073-.125-.266-.194-.56-.34zm-5.47 7.86h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.999-3.65-.235-.375a9.824 9.824 0 0 1-1.51-5.29c.003-5.437 4.42-9.853 9.858-9.853 2.63 0 5.1 1.025 6.964 2.888a9.804 9.804 0 0 1 2.886 6.966c-.002 5.437-4.42 9.853-9.857 9.853zm8.32-18.175A11.815 11.815 0 0 0 12 0C5.373 0 0 5.373 0 12c0 2.117.555 4.187 1.61 6.006L0 24l6.125-1.606A11.918 11.918 0 0 0 12 24c6.627 0 12-5.373 12-12 0-3.193-1.245-6.194-3.478-8.433z' fill='%2336c695'/%3e%3c/svg%3e");
  width: 48px;
  height: 48px;
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}


/******header-nav-row*******/

.header-nav {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 3;
  padding-top: 12px;
  padding-bottom: 12px;
}

.header-nav__content {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.header-nav-group {
  display: none;
}

.logo {
  width: 160px;
  display: block;
}

.logo img {
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 80%;
}

.nav-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 60px;
  -moz-column-gap: 60px;
  column-gap: 60px;
}

.nav-menu ul a {
  color: #fff;
  font-size: 20px;
  padding: 5px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
}

.nav-menu ul a:hover {
  color: #36c695;
}

.nav-menu .nav-menu__group {
  display: none;
}

/*========GAMBURGER======*/

.menu-toggle {
  display: none;
  z-index: 6;
  cursor: pointer;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.menu-toggle:hover {
  opacity: 0.8;
}

.menu-toggle span {
  position: relative;
  height: 2px;
  width: 30px;
  border-radius: 5px;
  background-color: #36c695;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.menu-toggle span:after,
.menu-toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  height: 2px;
  background-color: #36c695;
  border-radius: 5px;
  right: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.menu-toggle span:after {
  top: -7px;
}

.menu-toggle span:before {
  bottom: -7px;
}

.active.menu-toggle span {
  background-color: transparent !important;
}

.active.menu-toggle span:after {
  top: 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.active.menu-toggle span:before {
  bottom: 0px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/******.header-banner******/

.header-banner {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 80px;
}

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

.header-banner h2 {
  font-size: 1.5em;
  color: #ccc;
  margin-top: 40px;
}

.header-banner .header-banner__title a {
  margin-top: 20px;
}

.bg-img {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  z-index: 0;
}

.bg-img__item {
  -webkit-box-shadow: inset 0 0 25px rgb(26, 26, 26);
  box-shadow: inset 0 0 25px rgb(26, 26, 26);
}

.bg-img img {
  aspect-ratio: 1;
  width: 100%;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  position: relative;
  z-index: -1;
}

.service-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  grid-gap: 40px;
}

.service.overlay-bg .service-cards {
  margin-top: 100px;
}

.service-card {
  /* background-color: #36c695; */
  background-color: #282424;
  color: #282424;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  padding-bottom: 20px;
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.service-card__img {
  position: relative;
}

.service-card__img:before {
  content: "";
  width: 120%;
  height: 60px;
  background-color: currentColor;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  bottom: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(-6deg);
  -ms-transform: translateX(-50%) rotate(-6deg);
  transform: translateX(-50%) rotate(-6deg);
}

.service-card__text {
  padding: 20px 10px;
  display: block;
  position: relative;
  color: #fff;
}

.service-card__text h3 {
  font-size: 20px;
  line-height: 1.5;
  font-family: "NotoSans-Bold";
  margin-bottom: 15px;
}

.service-card__text h2 {
  font-size: 20px;
  line-height: 1.5;
  font-family: "NotoSans-Bold";
  margin-bottom: 15px;
}

.service-card__text p {
  font-size: 16px;
  line-height: 1.8;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.service-card .btn {
  margin-left: auto;
  margin-right: 10px;
}

.service-card:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.service-card:hover .service-card__img:before {
  -webkit-transform: translateX(-50%) rotate(0deg);
  -ms-transform: translateX(-50%) rotate(0deg);
  transform: translateX(-50%) rotate(0deg);
  bottom: -60px;
}

.gallery-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 10px;
}

.gallery-wrapper a {
  display: block;
  position: relative;
  overflow: hidden;
}

.gallery-wrapper a:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: rgba(27, 27, 27, 0.7);
  background-image: url("../img/zoom.webp");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.3s;
  transition: 0.6s;
}

.gallery-wrapper a:hover:after {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.gallery-wrapper a:hover img {
  -webkit-filter: blur(3px) grayscale(1);
  filter: blur(3px) grayscale(1);
}

.gallery-wrapper img {
  aspect-ratio: 1;
}

/******contacts-page******/

#contacts-page {
  width: 100%;
  margin-top: 70px;
  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: 70px 8%;
  /* Code for the right  (column) */
}

#contacts-page .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 1100px;
}

#contacts-page .row .col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#contacts-page .row .left {
  -ms-flex-preferred-size: 35%;
  flex-basis: 35%;
  min-width: 320px;
  margin-right: 60px;
}

#contacts-page .row .right {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
}

#contacts-page .left .contactTitle h1 {
  position: relative;
  font-size: 28px;
  color: #ddd;
  display: inline-block;
  margin-bottom: 25px;
}

#contacts-page .left .contactTitle h1::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background-color: #888;
  top: 120%;
  left: 0;
}

#contacts-page .left .contactTitle h1::after {
  content: "";
  position: absolute;
  width: 25%;
  height: 3px;
  background-color: #36c695;
  top: calc(120% - 1px);
  left: 0;
}

#contacts-page .left .contactTitle p {
  font-size: 17px;
  color: #ccc;
  letter-spacing: 1px;
  line-height: 1.2;
  padding-bottom: 22px;
}

#contacts-page .left .contactInfo {
  margin-bottom: 16px;
}

#contacts-page .contactInfo .iconGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 25px 0px;
}

#contacts-page .iconGroup .icon {
  width: 45px;
  height: 45px;
  border: 2px solid #36c695;
  border-radius: 50%;
  margin-right: 20px;
  position: relative;
  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;
}

#contacts-page .iconGroup .details span {
  display: block;
  color: #888;
  font-size: 18px;
}

#contacts-page .iconGroup .details span:nth-child(1) {
  /* text-transform: uppercase; */
  color: #fff;
}

#contacts-page .left .socialMedia {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 22px 0px 20px;
}

#contacts-page .socialMedia a {
  width: 35px;
  height: 35px;
  text-decoration: none;
  text-align: center;
  margin-right: 15px;
  border-radius: 5px;
  background-color: #36c695;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  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;
}

#contacts-page .socialMedia a svg {
  fill: #fff;
  width: 18px;
  height: 18px;
  border: 1px solid transparent;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

#contacts-page .socialMedia a:hover {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  background-color: #2e2e2e;
  color: #36c695;
  border: 1px solid #36c695;
}

#contacts-page .socialMedia a:hover svg {
  fill: #36c695;
}

#contacts-page .row .right .messageForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px;
}

#contacts-page .row .right .inputGroup {
  margin: 18px 0px;
  position: relative;
}

#contacts-page .messageForm .halfWidth {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
}

#contacts-page .messageForm .fullWidth {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

#contacts-page .messageForm input,
#contacts-page .messageForm textarea {
  width: 100%;
  font-size: 18px;
  padding: 2px 0px;
  background-color: rgb(26, 26, 26);
  color: #ddd;
  border: none;
  border-bottom: 2px solid #666;
  outline: none;
  padding-left: 10px;
}

#contacts-page .messageForm textarea {
  resize: none;
  height: 220px;
  display: block;
}

#contacts-page textarea::-webkit-scrollbar {
  width: 5px;
}

#contacts-page textarea::-webkit-scrollbar-track {
  background-color: #1e1e1e;
  border-radius: 15px;
}

#contacts-page textarea::-webkit-scrollbar-thumb {
  background-color: #36c695;
  border-radius: 15px;
}

#contacts-page .inputGroup label {
  position: absolute;
  left: 10px;
  bottom: 4px;
  /* color: #888; */
  color: #fff;
  font-size: 18px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}

#contacts-page .inputGroup:nth-child(4) label {
  top: 2px;
}

#contacts-page .inputGroup input:focus~label,
#contacts-page .inputGroup textarea:focus~label,
#contacts-page .inputGroup input:valid~label,
#contacts-page .inputGroup textarea:valid~label {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-size: 16px;
}

#contacts-page .inputGroup .light-input:valid~label {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  font-size: 18px;
}

#contacts-page .inputGroup .light-input:valid~label.item-up {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
  font-size: 16px;
}

#contacts-page .inputGroup button {
  padding: 8px 16px;
  font-size: 18px;
  font-weight: 500;
  /* background-color: #36c695; */
  background-color: #2e2e2e;
  /* color: #ddd; */
  color: #36c695;
  /* border: 1px solid transparent; */
  border: 1px solid #36c695;
  border-radius: 25px;
  outline: none;
  cursor: pointer;
  -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.3);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#contacts-page .inputGroup button:hover {
  /* background-color: #2e2e2e; */
  background-color: #36c695;
  /* color: #36c695; */
  color: #ddd;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
  /* border: 1px solid #36c695; */
  border: 1px solid transparent;
}

/******contacts-page******/

.service-page__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1000px;
}

.service-page__img img {
  aspect-ratio: 16/9;
  border-radius: 20px;
}

.service-page .container>*+*,
.service-page .container-small>*+* {
  margin-top: 40px;
}

.service-page p {
  line-height: 1.8;
  font-size: 20px;
}

.service-page p+p {
  margin-top: 1em;
}

footer {
  padding-top: 20px;
  padding-bottom: 70px;
  border-top: 1px solid rgba(204, 204, 204, 0.3);
}

footer p {
  margin-top: 15px;
}

footer .logo {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .nav-menu li.active a {
    color: #36c695;
  }
}

@media (max-width: 1919px) {

  .container,
  .container-small {
    width: 1170px;
  }
}

@media (max-width: 1439px) {
  .gallery-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  }
}

@media (max-width: 1199px) {
  .overlay-bg .container {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .overlay-bg {
    padding-top: 70px;
  }

  .overlay-bg+* {
    margin-top: 0;
  }

  .container,
  .container-small {
    width: 900px;
  }

  .logo {
    width: 120px;
  }

  .nav-menu ul {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }

  .nav-menu ul a {
    font-size: 18px;
    display: inline-block;
  }

  .bg-img {
    display: none;
  }

  .service-cards {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-gap: 16px;
  }
}

@media (max-width: 1100px) {
  #contacts-page .messageForm .halfWidth {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media (max-width: 991px) {

  .container,
  .container-small {
    width: 730px;
  }

  .gallery-wrapper {
    grid-template-columns: repeat(3, minmax(130px, 1fr));
  }
}

@media (max-width: 900px) {
  #contacts-page .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #contacts-page .row .left,
  #contacts-page .row .right {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0px;
  }
}

.lang-group-item {
  width: 30px;
  height: 30px;
  font-size: 16px;
}

@media (max-width: 767px) {
  h1 {
    font-family: "NotoSans", sans-serif;
    font-weight: 700;
    font-size: 1.3em;
  }

  h2 {
    font-size: 30px;
  }

  h2+* {
    margin-top: 12px;
  }

  section {
    padding-top: 70px;
    padding-bottom: 40px;
  }

  .overlay-bg {
    padding-top: 40px;
  }

  .container,
  .container-small {
    width: 100%;
    max-width: 540px;
  }

  .section-title {
    padding-bottom: 40px;
  }

  .header-nav {
    background-color: rgb(26, 26, 26);
    border-bottom: 1px solid rgba(204, 204, 204, 0.3);
  }

  .lang-group-item {
    width: 40px;
    height: 40px;
    font-size: 20px;
  }

  .header-nav .logo {
    width: 90px;
  }

  .header-nav .logo img {
    width: 100%;
    max-width: 100%;
  }

  .header-nav-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header-nav .tel-link {
    font-size: 15px;
  }

  .header-nav .header-nav__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header-nav-group .tel-link i {
    display: none;
  }

  .header-nav .container {
    max-width: 100%;
  }



  .nav-menu {
    position: fixed;
    height: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    top: 66px;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    background-color: rgb(26, 26, 26);
    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;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

  }

  .nav-menu.active {
    height: calc(100vh - 66px);

    padding-bottom: 66px;
  }

  .nav-menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    text-align: center;
    padding-top: 30px;
    width: 100%;
  }

  .nav-menu ul a {
    font-size: 18px;
    padding: 8px 15px;
  }

  .nav-menu ul a:hover {
    color: #fff;
    background-color: #36c695;
    width: 100%;
  }

  .nav-menu .nav-menu__group {
    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;
    padding-left: 15px;
    margin-top: 20px;
  }

  .nav-menu .nav-menu__group>*+* {
    margin-top: 12px;
  }

  .menu-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header-banner {
    padding-bottom: 54px;
  }

  .header-banner h2 {
    font-size: 1em;
    margin-top: 16px;
  }

  .header-banner .header-banner__title a {
    font-size: 25px;
    margin-top: 12px;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .service.overlay-bg .service-cards {
    margin-top: 50px;
  }

  .gallery-wrapper {
    grid-template-columns: repeat(1, minmax(130px, 1fr));
  }

  #contacts-page {
    margin-top: 20px;
    padding: 30px 15px;
  }

  .service-page .container>*+*,
  .service-page .container-small>*+* {
    margin-top: 30px;
  }

  .service-page p {
    font-size: 18px;
  }
}

@media (max-width: 767px) and (max-width: 374px) {
  .header-nav-group {
    -webkit-column-gap: 14px;
    -moz-column-gap: 14px;
    column-gap: 14px;
  }

}

.banner-contacts {
  margin-top: 40px;
  display: none;
}

.banner-contacts .media-icon {
  position: relative;
  padding-left: 10px;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  font-size: 18px;
}

.header-banner__title .banner-contacts .media-icon+.media-icon {
  margin-top: 20px;
  min-width: 154px;
}

.banner-contacts .media-icon:before {
  content: '';
  display: block;

  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #36c695;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0.8);
  -ms-transform: translateY(-50%) scale(0.8);
  transform: translateY(-50%) scale(0.8);
}

.banner-contacts .media-icon:last-child::before {
  content: none;
}

.icon-animate {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1.8s;
  animation-duration: 1.8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@media (max-width: 767px) {
  .header-banner .container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .header-banner__title .text-link {
    display: none;
  }

  .banner-contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -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;
  }

  .header-banner {
    padding-bottom: 103px;
  }
}

h2.subtitle {
  margin-top: 1em;
  font-size: 1.4em;
  color: #36c695;
}

.star {
  color: red;
  font-weight: bold;
  margin-right: 4px;
}

p.note {
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
  /* color: #555; */
}