@charset "UTF-8";
@import "normalize.css";
/* base */
@import url("https://fonts.googleapis.com/css2?family=Inter&display=swap");
/*********************/
/* General selectors */
/*********************/
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Geometria", sans-serif;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
@media only screen and (max-width: 1920px) {
  body {
    margin: 32px;
  }
}
@media only screen and (max-width: 1440px) {
  body {
    margin: 32px;
  }
}
@media only screen and (max-width: 1366px) {
  body {
    margin: 26px;
  }
}
@media only screen and (max-width: 1000px) {
  body {
    margin: calc(17.3793103448px + 0.8620689655vw);
  }
}
@media only screen and (max-width: 768px) {
  body {
    margin: 24px;
  }
}
@media only screen and (max-width: 640px) {
  body {
    margin: calc(6px + 3.125vw);
  }
}

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

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

a {
  text-decoration: none;
}

input,
textarea {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.15px;
  color: #333333;
}

input:not(input[type=submit]):focus,
textarea:focus {
  outline: none !important;
  box-shadow: 0 0 0 1px #054b70;
  border-color: #054b70;
}

.xs, .sm, .md, .lg, .xl, .xxl {
  display: none;
}

@media only screen and (max-width: 640px) {
  .xs {
    display: block;
  }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
  .sm {
    display: block;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .md {
    display: block;
  }
}

@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .lg {
    display: block;
  }
}

@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  .xl {
    display: block;
  }
}

@media only screen and (min-width: 1441px) {
  .xxl {
    display: block;
  }
}

/**********/
/* header */
/**********/
header {
  display: flex;
  justify-content: space-between;
  padding: 0;
  z-index: 2;
}
@media only screen and (max-width: 1000px) {
  header {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  header {
    flex-direction: column;
  }
}
@media only screen and (max-width: 640px) {
  header {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1000px) {
  header {
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  header {
    align-items: center;
  }
}
@media only screen and (max-width: 640px) {
  header {
    align-items: center;
  }
}
@media only screen and (max-width: 1920px) {
  header {
    padding-top: 68px;
  }
}
@media only screen and (max-width: 1440px) {
  header {
    padding-top: 77px;
  }
}
@media only screen and (max-width: 1366px) {
  header {
    padding-top: 48px;
  }
}
@media only screen and (max-width: 1000px) {
  header {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 640px) {
  header {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 1000px) {
  header {
    margin-top: auto;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  header {
    margin-left: 173px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  header {
    margin-left: 118px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  header {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  header {
    margin-right: 173px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  header {
    margin-right: 118px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  header {
    margin-right: 100px;
  }
}
header nav {
  margin: auto;
}
@media only screen and (max-width: 1000px) {
  header nav {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  header nav {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  header nav {
    display: none;
  }
}
header nav ul {
  display: flex;
  /* position: relative;
  top: -1px; */
  letter-spacing: 0.05px;
}
header nav ul li {
  margin: 0 20px;
}
header nav ul li a {
  display: block;
  font-weight: 500;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  header nav ul li a {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1366px) {
  header nav ul li a {
    font-size: 14px;
  }
}
header nav ul li a:hover {
  transform: scale(1.1);
  transition: transform 0.5s;
}

.header__logo {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1000px) {
  .header__logo {
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .header__logo {
    margin: auto;
  }
}
@media only screen and (max-width: 640px) {
  .header__logo {
    margin: auto;
  }
}
.header__logo img {
  display: block;
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .header__logo img {
    width: 107px;
  }
}

.header__logo__name {
  color: #fff;
  font-family: "Avenir-Book";
  font-weight: 400;
}
@media only screen and (max-width: 1920px) {
  .header__logo__name {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  .header__logo__name {
    font-size: 14px;
  }
}

.header__call__btn {
  font-weight: 400;
  line-height: 25px;
  color: #fff;
  border: 1px solid #FFFFFF;
  border-radius: 28px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.3s;
}
@media only screen and (max-width: 1000px) {
  .header__call__btn {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .header__call__btn {
    display: inline-block;
  }
}
@media only screen and (max-width: 640px) {
  .header__call__btn {
    display: inline-block;
  }
}
@media only screen and (max-width: 1920px) {
  .header__call__btn {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1366px) {
  .header__call__btn {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1920px) {
  .header__call__btn {
    padding: 4px 19px;
  }
}
@media only screen and (max-width: 1366px) {
  .header__call__btn {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .header__call__btn {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .header__call__btn {
    margin-top: 16px;
  }
}
.header__call__btn:hover {
  background: #fff;
}

.header__call__tel {
  color: #fff;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .header__call__tel {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1366px) {
  .header__call__tel {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1920px) {
  .header__call__tel {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 1366px) {
  .header__call__tel {
    margin-top: 9px;
  }
}

.header__socials {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
  margin-left: 51px;
  margin-right: 0;
  gap: 7px;
}
@media only screen and (max-width: 1920px) {
  .header__socials {
    display: flex;
  }
}
@media only screen and (max-width: 1000px) {
  .header__socials {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .header__socials {
    display: flex;
  }
}
@media only screen and (max-width: 1920px) {
  .header__socials {
    flex-direction: column;
  }
}
@media only screen and (max-width: 640px) {
  .header__socials {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1920px) {
  .header__socials {
    margin-top: calc(0px + 0vw);
  }
}
@media only screen and (max-width: 1366px) {
  .header__socials {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 1000px) {
  .header__socials {
    margin-top: initial;
  }
}
@media only screen and (max-width: 640px) {
  .header__socials {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 1920px) {
  .header__socials {
    margin-left: calc(-17px + 3.5416666667vw);
  }
}
@media only screen and (max-width: 1366px) {
  .header__socials {
    margin-left: calc(-26.7158469945px + 4.3715846995vw);
  }
}
@media only screen and (max-width: 1000px) {
  .header__socials {
    margin-left: initial;
  }
}
@media only screen and (max-width: 1366px) {
  .header__socials {
    margin-right: calc(7.4644808743px + -0.5464480874vw);
  }
}
@media only screen and (max-width: 1000px) {
  .header__socials {
    margin-right: initial;
  }
}
@media only screen and (max-width: 1920px) {
  .header__socials {
    gap: 7px;
  }
}
@media only screen and (max-width: 1366px) {
  .header__socials {
    gap: calc(-0.4644808743px + 0.5464480874vw);
  }
}
@media only screen and (max-width: 1000px) {
  .header__socials {
    gap: initial;
  }
}
@media only screen and (max-width: 640px) {
  .header__socials {
    gap: 11px;
  }
}

.header__icon {
  transition: transform 0.3s ease;
}
.header__icon img {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 1920px) {
  .header__icon img {
    width: calc(10px + 1.0416666667vw);
  }
}
@media only screen and (max-width: 1366px) {
  .header__icon img {
    width: calc(6.3387978142px + 1.3661202186vw);
  }
}
@media only screen and (max-width: 1000px) {
  .header__icon img {
    width: initial;
  }
}
@media only screen and (max-width: 1920px) {
  .header__icon img {
    height: calc(10px + 1.0416666667vw);
  }
}
@media only screen and (max-width: 1366px) {
  .header__icon img {
    height: calc(6.3387978142px + 1.3661202186vw);
  }
}
@media only screen and (max-width: 1000px) {
  .header__icon img {
    height: initial;
  }
}
@media (any-hover: hover) {
  .header__icon:hover {
    transform: scale(1.3);
  }
}

@media only screen and (max-width: 640px) {
  .header__telegram {
    margin-top: 3px;
  }
}

/***************/
/* Section one */
/***************/
.section-one {
  position: relative;
}

.section-one_bg {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -9999;
}
@media only screen and (max-width: 1920px) {
  .section-one_bg {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1440px) {
  .section-one_bg {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one_bg {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one_bg {
    border-radius: calc(16.8965517241px + 4.3103448276vw);
  }
}
@media only screen and (max-width: 768px) {
  .section-one_bg {
    border-radius: calc(0px + 7.8125vw);
  }
}
@media only screen and (max-width: 640px) {
  .section-one_bg {
    border-radius: calc(20px + 6.25vw);
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .section-one_bg {
    z-index: initial;
  }
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .section-one_bg {
    width: calc(-250px + 100vw);
  }
}

@media only screen and (max-width: 1920px) {
  .container_one-section {
    padding: 0 100px;
  }
}
@media only screen and (max-width: 1000px) {
  .container_one-section {
    padding: 0;
  }
}

.section-one_flex {
  flex-direction: row;
  display: flex;
}
@media only screen and (max-width: 1000px) {
  .section-one_flex {
    gap: calc(-180.3448275862px + 31.0344827586vw);
  }
}
@media only screen and (max-width: 1000px) {
  .section-one_flex {
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .section-one_flex {
    justify-content: right;
  }
}

.section-one_vertical-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media only screen and (max-width: 1920px) {
  .section-one__text {
    line-height: 73px;
  }
}
@media only screen and (max-width: 1440px) {
  .section-one__text {
    line-height: 68px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__text {
    line-height: 52px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__text {
    line-height: 45.6px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__text {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__text {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__text {
    text-align: center;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__text {
    margin-left: 173px;
  }
}
@media only screen and (max-width: 1440px) {
  .section-one__text {
    margin-left: 118px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__text {
    margin-left: 100px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__text {
    margin-left: auto;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__text {
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__text {
    margin-right: auto;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__text {
    margin-top: 88px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__text {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__text {
    margin-top: 31px;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__text {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__text {
    margin-bottom: auto;
  }
}

.section-one__title {
  font-weight: 500;
  color: #fff;
  margin: 0;
}
@media only screen and (max-width: 1920px) {
  .section-one__title {
    font-size: 64px;
  }
}
@media only screen and (max-width: 1440px) {
  .section-one__title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__title {
    font-size: 46px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__title {
    width: 375px;
  }
}
@media only screen and (max-width: 1440px) {
  .section-one__title {
    width: 352px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__title {
    width: 270px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__title {
    width: 274px;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__title {
    width: 274px;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__title {
    width: 235px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__title {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__title {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__title {
    text-align: center;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__title {
    margin: auto;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__title {
    margin: auto;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__title {
    margin: auto;
  }
}

.section-one__desc {
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.06px;
}
@media only screen and (max-width: 1920px) {
  .section-one__desc {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__desc {
    font-size: 14px;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__desc {
    line-height: 30px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__desc {
    line-height: 22px;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__desc {
    line-height: 24.8px;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__desc {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__desc {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__desc {
    max-width: 348px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__desc {
    max-width: 270px;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__desc {
    max-width: 300px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__desc {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__desc {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__desc {
    text-align: center;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__desc {
    margin-left: auto;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__desc {
    margin-left: auto;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__desc {
    margin-left: auto;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__desc {
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__desc {
    margin-right: auto;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__desc {
    margin-right: auto;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__desc {
    padding: 0 16px;
  }
}

.section-one__btn_row {
  display: flex;
  z-index: 2;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .section-one__btn_row {
    margin-top: 42px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__btn_row {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__btn_row {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 768px) {
  .section-one__btn_row {
    margin-top: 49px;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__btn_row {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__btn_row {
    flex-direction: column;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__btn_row {
    flex-direction: row;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__btn_row {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__btn_row {
    gap: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__btn_row {
    gap: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__btn_row {
    justify-content: center;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__btn_row {
    align-items: flex-start;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__btn_row {
    align-items: center;
  }
}
@media only screen and (max-width: 640px) {
  .section-one__btn_row {
    padding: 0 16px;
  }
}
.section-one__btn_row > * {
  display: flex;
  align-items: center;
  border-radius: 28px;
  font-weight: 500;
  border: 1px solid #fff;
  cursor: pointer;
}
@media only screen and (max-width: 1920px) {
  .section-one__btn_row > * {
    line-height: 35px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__btn_row > * {
    line-height: 40px;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__btn_row > * {
    font-size: 17px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__btn_row > * {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__btn_row > * {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1920px) {
  .section-one__btn_row > * {
    padding: 6px 29px;
  }
}
@media only screen and (max-width: 1366px) {
  .section-one__btn_row > * {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__btn_row > * {
    padding: 0 22px;
  }
}

.section-one__btn_discuss {
  background-color: #fff;
  transition: all 0.3s;
  /* width: 160px; */
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.section-one__btn_discuss:hover {
  transform: scale(1.1);
  transition: transform 0.5s;
}

.section-one__btn_portfolio {
  color: #fff;
  transition: all 0.3s;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.section-one__btn_portfolio:hover {
  background: #fff;
}

.section-one__img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  .section-one__img {
    margin: auto;
  }
}
@media only screen and (max-width: 1000px) {
  .section-one__img {
    margin: 0;
  }
}
.section-one__img img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/****************/
/* Test section */
/****************/
@media only screen and (max-width: 1920px) {
  .section-three {
    margin: 270px 0;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  .section-three {
    margin: 250px 0;
  }
}
@media only screen and (max-width: 1366px) {
  .section-three {
    margin-top: 223px;
  }
}
@media only screen and (max-width: 640px) {
  .section-three {
    margin-top: 160px;
  }
}

.test-price {
  display: flex;
  position: relative;
  margin: auto;
}
@media only screen and (max-width: 640px) {
  .test-price {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .test-price {
    align-items: center;
  }
}
@media only screen and (max-width: 640px) {
  .test-price {
    align-items: center;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1920px) {
  .test-price {
    justify-content: center;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-price {
    width: 980px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-price {
    height: 450px;
  }
}

@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-bg {
    position: absolute;
  }
}
@media only screen and (max-width: 640px) {
  .test-bg {
    position: absolute;
  }
}
@media only screen and (max-width: 1920px) {
  .test-bg {
    height: 595.92px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-bg {
    height: 450px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-bg {
    height: 520px;
  }
}
@media only screen and (max-width: 640px) {
  .test-bg {
    height: calc(100% - 20vw);
  }
}
@media only screen and (max-width: 1366px) {
  .test-bg {
    width: 980px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-bg {
    width: 418px;
  }
}
@media only screen and (max-width: 768px) {
  .test-bg {
    width: calc(-32px + 58.59375vw);
  }
}
@media only screen and (max-width: 640px) {
  .test-bg {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .test-bg {
    max-width: 448px;
  }
}
@media only screen and (max-width: 640px) {
  .test-bg {
    z-index: -1;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-bg {
    z-index: -1;
  }
}
@media only screen and (max-width: 1920px) {
  .test-bg {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1440px) {
  .test-bg {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-bg {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-bg {
    border-radius: calc(16.8965517241px + 4.3103448276vw);
  }
}
@media only screen and (max-width: 768px) {
  .test-bg {
    border-radius: calc(0px + 7.8125vw);
  }
}
@media only screen and (max-width: 640px) {
  .test-bg {
    border-radius: calc(20px + 6.25vw);
  }
}

.test-price__img {
  text-align: center;
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-price__img {
    width: 50%;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__img {
    margin-top: 71px;
  }
}
@media only screen and (max-width: 640px) {
  .test-price__img {
    margin-top: 62px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1000px) {
  .test-price__img {
    margin-left: -38px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .test-price__img {
    margin-left: -30px;
  }
}
.test-price__img img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  .test-price__img img {
    width: 389.1px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__img img {
    width: 663px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__img img {
    width: 248.4px;
  }
}
@media only screen and (max-width: 640px) {
  .test-price__img img {
    width: calc(93px + 30.9375vw);
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-price__img img {
    position: relative;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-price__img img {
    top: -223px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-price__img img {
    left: -74px;
  }
}

.test-price__text {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-price__text {
    width: 50%;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .test-price__text {
    height: 596px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1000px) {
  .test-price__text {
    height: 520px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__text {
    align-items: center;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1920px) {
  .test-price__text {
    justify-content: center;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .test-price__text {
    padding-left: 110px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .test-price__text {
    padding-left: 5px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .test-price__text {
    padding-right: 116px;
  }
}

.test-price__title {
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.02em;
}
@media only screen and (max-width: 1920px) {
  .test-price__title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__title {
    font-size: 42px;
  }
}
@media only screen and (max-width: 640px) {
  .test-price__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__title {
    line-height: 63.8px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__title {
    line-height: 49px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__title {
    line-height: 46px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__title {
    width: 494px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__title {
    width: 370px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__title {
    width: 223px;
  }
}
@media only screen and (max-width: 640px) {
  .test-price__title {
    width: 250px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__title {
    text-align: center;
  }
}

.test-price__desc {
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.05px;
}
@media only screen and (max-width: 1920px) {
  .test-price__desc {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__desc {
    text-align: center;
  }
}
@media only screen and (max-width: 640px) {
  .test-price__desc {
    padding: 0 16px;
  }
}

.test-price__btn {
  width: -moz-max-content;
  width: max-content;
  line-height: 33px;
  background: #fff;
  font-weight: 500;
  border-radius: 28px;
  cursor: pointer;
  transition: all 0.3s;
  z-index: 9;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  .test-price__btn {
    padding-left: 30px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn {
    padding-left: 23px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__btn {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__btn {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__btn {
    height: 49px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn {
    height: 37px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__btn {
    height: 42px;
  }
}
.test-price__btn span {
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .test-price__btn span {
    top: -1;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn span {
    top: -2px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__btn span {
    top: -1px;
  }
}
.test-price__btn::after {
  content: url('data:image/svg+xml, <svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.513672 8.88271C0.513672 8.67026 0.578905 8.46651 0.695021 8.31628C0.811137 8.16605 0.968624 8.08166 1.13284 8.08166L14.4981 8.08166L9.36339 1.43855C9.25061 1.28747 9.1882 1.08512 9.18961 0.875091C9.19102 0.665058 9.25614 0.464145 9.37093 0.315624C9.48573 0.167102 9.64103 0.0828566 9.80337 0.0810313C9.96571 0.0792059 10.1221 0.159948 10.2389 0.305866L16.4305 8.31637C16.5466 8.46658 16.6118 8.6703 16.6118 8.88271C16.6118 9.09512 16.5466 9.29883 16.4305 9.44905L10.2389 17.4595C10.1818 17.5361 10.1135 17.5971 10.0379 17.6391C9.96237 17.681 9.88113 17.7031 9.79891 17.7041C9.7167 17.705 9.63517 17.6847 9.55908 17.6444C9.48298 17.6042 9.41385 17.5447 9.35572 17.4695C9.29758 17.3943 9.25161 17.3048 9.22048 17.2064C9.18934 17.1079 9.17368 17.0025 9.17439 16.8961C9.17511 16.7897 9.19219 16.6846 9.22464 16.5869C9.25709 16.4892 9.30426 16.4008 9.36339 16.3269L14.4981 9.68376L1.13284 9.68376C0.968624 9.68376 0.811137 9.59936 0.695021 9.44914C0.578905 9.29891 0.513672 9.09516 0.513672 8.88271Z" fill="white"/></svg>');
  background: #03527B;
  border-radius: 50%;
  /* padding-top: 2px; */
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .test-price__btn::after {
    width: 41px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn::after {
    width: 31px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__btn::after {
    width: 36px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__btn::after {
    height: 41px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn::after {
    height: 31px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__btn::after {
    height: 36px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__btn::after {
    padding-left: 12px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn::after {
    padding-left: 7px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__btn::after {
    padding-left: 10px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__btn::after {
    margin-left: 25px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn::after {
    margin-left: 18px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__btn::after {
    top: 4px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn::after {
    top: 3px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__btn::after {
    right: 5px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn::after {
    right: 4px;
  }
}
@media only screen and (max-width: 1920px) {
  .test-price__btn::after {
    line-height: 50px;
  }
}
@media only screen and (max-width: 1366px) {
  .test-price__btn::after {
    line-height: 41px;
  }
}
@media only screen and (max-width: 1000px) {
  .test-price__btn::after {
    line-height: 45px;
  }
}
.test-price__btn:hover {
  transform: scale(1.1);
  transition: transform 0.5s;
}

/************/
/* Feedback */
/************/
.feedback {
  display: flex;
  margin: auto;
}
@media only screen and (max-width: 1000px) {
  .feedback {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback {
    align-items: center;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback {
    gap: 55px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback {
    gap: 48px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback {
    gap: 97px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback {
    gap: 160px;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback {
    width: 1115.68px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback {
    width: 948px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback {
    width: 564.18px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback {
    width: 100%;
  }
}

/* Left Feedback Form */
@media only screen and (max-width: 1920px) {
  .feedback__left {
    width: 610.68px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__left {
    width: 450px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__left {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__left {
    width: auto;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__left {
    padding: 0 16px;
  }
}

.feedback__title {
  text-align: center;
  font-weight: 500;
  color: #444444;
  margin: auto;
}
@media only screen and (max-width: 1920px) {
  .feedback__title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__title {
    font-size: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__title {
    line-height: 62.7px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__title {
    line-height: 46px;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__title {
    width: 540px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__title {
    width: 320px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__title {
    width: 555px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__title {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__title {
    max-width: 376px;
  }
}

.feedback__desc {
  text-align: center;
  font-weight: 400;
  color: #676767;
  letter-spacing: -0.07px;
  margin: auto;
}
@media only screen and (max-width: 1920px) {
  .feedback__desc {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__desc {
    line-height: 27px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__desc {
    line-height: 24.8px;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__desc {
    width: 532px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__desc {
    width: 326px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__desc {
    width: 480px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__desc {
    width: 100%;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__desc {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__desc {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__desc {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__desc {
    max-width: 413px;
  }
}

/* form classes */
.feedback__left form {
  margin-top: 34px;
  margin: auto;
}
@media only screen and (max-width: 1920px) {
  .feedback__left form {
    width: 100%;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__left form {
    width: 350px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__left form {
    width: 564px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__left form {
    width: 100%;
  }
}

.form-name-email {
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 1920px) {
  .form-name-email {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1366px) {
  .form-name-email {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1000px) {
  .form-name-email {
    flex-direction: row;
  }
}
@media only screen and (max-width: 640px) {
  .form-name-email {
    flex-wrap: wrap;
  }
}

.feedback__left form label {
  font-family: "Inter", sans-serif;
  width: 100%;
  letter-spacing: 0.25px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #828282;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .feedback__left form label {
    flex: 210px;
  }
}

.feedback__left form span {
  display: block;
}

.feedback__left form input {
  height: 44px;
}

.feedback__left form textarea {
  resize: vertical;
}
@media only screen and (max-width: 1920px) {
  .feedback__left form textarea {
    height: 202px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__left form textarea {
    height: 127px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__left form textarea {
    height: 264px;
  }
}

.feedback__left form input,
.feedback__left form textarea,
.popup-back-call__form input {
  width: 100%;
  display: block;
  box-sizing: border-box;
  background: rgba(242, 242, 242, 0.4);
  border: 0.5px solid #BDBDBD;
  border-radius: 8px;
  margin-top: 8px;
  padding: 12px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.15px;
  color: #333333;
}

.feedback__left form input[type=submit],
.feedback__left form button {
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  border: 1px solid #444444;
  border-radius: 28.5px;
  font-weight: 400;
  line-height: 18px;
  color: #444444;
  padding: 0 27px;
  margin-top: 28px;
  transition: all 0.3s;
  font-family: "Geometria";
  background: none;
}
@media only screen and (max-width: 1920px) {
  .feedback__left form input[type=submit],
  .feedback__left form button {
    font-size: 17px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__left form input[type=submit],
  .feedback__left form button {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__left form input[type=submit],
  .feedback__left form button {
    height: 51px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__left form input[type=submit],
  .feedback__left form button {
    height: 40px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__left form input[type=submit],
  .feedback__left form button {
    height: 42px;
  }
}

.feedback__left form p {
  margin: 0;
  margin-top: 26px;
}
@media only screen and (max-width: 1000px) {
  .feedback__left form p:nth-of-type(1) {
    margin-top: 36px;
  }
}

/* NB: for some reason that part was under popups section */
.wpcf7-not-valid-tip {
  /* position: absolute; */
  font-size: 11px;
  margin-top: 1px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
  display: flex;
  align-items: center;
  border-radius: 8px;
  margin-right: 0;
  margin-left: 0;
  font-size: 14px;
  padding: 6px 9px;
  border: 1px solid #FF0000;
  line-height: 18px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Geometria", sans-serif;
  color: #FF0000;
}

.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.failed .wpcf7-response-output::before {
  content: "";
  width: 27px;
  height: 27px;
  content: url('data:image/svg+xml, <svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8682 0.137355C12.6925 -0.0382796 12.4075 -0.0382796 12.2318 0.137355L6.50282 5.86383L0.773864 0.137355C0.601192 -0.0413728 0.316219 -0.0463213 0.137414 0.126276C-0.0413907 0.298873 -0.0463414 0.583723 0.126331 0.762451C0.129931 0.766219 0.133644 0.769874 0.137414 0.773529L5.86637 6.5L0.137414 12.2265C-0.0413907 12.3991 -0.0463418 12.6839 0.126386 12.8627C0.299115 13.0414 0.584032 13.0463 0.762836 12.8737C0.766606 12.8701 0.770263 12.8664 0.773864 12.8627L6.50282 7.13618L12.2318 12.8627C12.4106 13.0353 12.6955 13.0304 12.8682 12.8516C13.0367 12.6773 13.0367 12.4008 12.8682 12.2265L7.13927 6.5L12.8682 0.773529C13.0439 0.597839 13.0439 0.313045 12.8682 0.137355Z" fill="white"/></svg>');
  display: inline-block;
  border-radius: 50%;
  padding-top: 7px;
  padding-left: 7px;
  box-sizing: border-box;
  margin-right: 10px;
  background: #FF0000;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-radius: 8px;
  margin-right: 0;
  margin-left: 0;
  font-size: 14px;
  padding: 10px 20px;
}

.wpcf7-form.submitting input[type=submit],
.feedback__left form.submitting button {
  pointer-events: none;
}

.wpcf7-spinner {
  opacity: 1 !important;
}

.feedback__left form.submitting button,
.feedback__left form.resetting button {
  background: #444444;
  color: #fff;
}

.feedback__left form.submitting .wpcf7-spinner {
  background-color: #fff !important;
}

.feedback__left form.submitting button .wpcf7-spinner::before {
  background-color: #444444;
}

.feedback__left form.sent .wpcf7-response-output {
  display: none I !important;
}

.feedback__left form .wpcf7-spinner {
  background-color: #444444 !important;
  width: 27px;
  height: 27px;
  margin: 0;
  padding: 0;
  order: -1;
  margin-right: 10px;
  visibility: visible;
  display: none;
}

.feedback__left form button {
  padding-left: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
@media only screen and (max-width: 1920px) {
  .feedback__left form button {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__left form button {
    margin-top: 36px;
  }
}

.feedback__left form button span {
  padding-left: 18px;
}

.feedback__left form.sent button span {
  padding-left: 0;
}

.feedback__left form.submitting button span,
.feedback__left form.resetting button span {
  padding-left: 0;
}

.feedback__left form.submitting .wpcf7-spinner,
.feedback__left form.resetting .wpcf7-spinner {
  display: block;
}

.feedback__left form.sent button::before {
  content: url('data:image/svg+xml, <svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7023 0.275237C14.8351 0.395207 14.9148 0.562999 14.924 0.741725C14.9331 0.920451 14.8708 1.09548 14.7509 1.22834L5.73564 11.192L0.284337 5.98844C0.161932 5.86334 0.0929016 5.69559 0.09181 5.52057C0.0907184 5.34555 0.15765 5.17695 0.278486 5.05034C0.399322 4.92372 0.564613 4.84899 0.739491 4.84191C0.91437 4.83483 1.08516 4.89595 1.21584 5.01239L5.66409 9.25813L13.7499 0.323161C13.8094 0.257404 13.8813 0.204018 13.9614 0.166053C14.0416 0.128088 14.1284 0.106289 14.217 0.101901C14.3056 0.097513 14.3942 0.110622 14.4777 0.14048C14.5612 0.170337 14.638 0.216358 14.7037 0.275912L14.7023 0.275237Z" fill="white"/></svg>');
  width: 27px;
  height: 27px;
  background-color: #444444;
  margin-right: 10px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3px;
  box-sizing: border-box;
  /* transition: 0.05s linear; */
}

.feedback__left form.init button::after,
.feedback__left form.failed button::after {
  content: "Отправить";
}

.feedback__left form.submitting button::after,
.feedback__left form.resetting button::after {
  content: "Отправка...";
}

.feedback__left form.sent button::after {
  content: "Спасибо за заявку!";
}

.feedback__left form.invalid button::after {
  content: "Отправить";
}

.feedback__left form input[type=submit]:hover,
.feedback__left form button:hover {
  background: #444444;
  color: #fff;
  cursor: pointer;
}

/* .feedback__left form button:hover .wpcf7-spinner {
    background: #fff !important;
}

.feedback__left form button:hover .wpcf7-spinner::before {
    background-color: #444444;
} */
.feedback__left form.resetting button {
  background: none;
  color: #444444;
  cursor: auto;
}

.feedback__left form.sent button:hover::before {
  content: url('data:image/svg+xml, <svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7023 0.275237C14.8351 0.395207 14.9148 0.562999 14.924 0.741725C14.9331 0.920451 14.8708 1.09548 14.7509 1.22834L5.73564 11.192L0.284337 5.98844C0.161932 5.86334 0.0929016 5.69559 0.09181 5.52057C0.0907184 5.34555 0.15765 5.17695 0.278486 5.05034C0.399322 4.92372 0.564613 4.84899 0.739491 4.84191C0.91437 4.83483 1.08516 4.89595 1.21584 5.01239L5.66409 9.25813L13.7499 0.323161C13.8094 0.257404 13.8813 0.204018 13.9614 0.166053C14.0416 0.128088 14.1284 0.106289 14.217 0.101901C14.3056 0.097513 14.3942 0.110622 14.4777 0.14048C14.5612 0.170337 14.638 0.216358 14.7037 0.275912L14.7023 0.275237Z" fill="rgb(68, 68, 68)"/></svg>');
  background: #fff;
}

.feedback__left form.sent button:hover::before {
  content: url('data:image/svg+xml, <svg width="15" height="12" viewBox="0 0 15 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.7023 0.275237C14.8351 0.395207 14.9148 0.562999 14.924 0.741725C14.9331 0.920451 14.8708 1.09548 14.7509 1.22834L5.73564 11.192L0.284337 5.98844C0.161932 5.86334 0.0929016 5.69559 0.09181 5.52057C0.0907184 5.34555 0.15765 5.17695 0.278486 5.05034C0.399322 4.92372 0.564613 4.84899 0.739491 4.84191C0.91437 4.83483 1.08516 4.89595 1.21584 5.01239L5.66409 9.25813L13.7499 0.323161C13.8094 0.257404 13.8813 0.204018 13.9614 0.166053C14.0416 0.128088 14.1284 0.106289 14.217 0.101901C14.3056 0.097513 14.3942 0.110622 14.4777 0.14048C14.5612 0.170337 14.638 0.216358 14.7037 0.275912L14.7023 0.275237Z" fill="rgb(68, 68, 68)"/></svg>');
  background: #fff;
}

.feedback__left form.sent .wpcf7-response-output {
  display: none;
}

.feedback__left form.sent button {
  pointer-events: none;
}

/* feedback right dash */
@media only screen and (max-width: 1920px) {
  .feedback__right {
    width: 450px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__right {
    width: 100%;
  }
}

.feedback__info {
  box-shadow: 1px 17px 160px rgba(0, 0, 0, 0.15);
  text-align: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1920px) {
  .feedback__info {
    height: 666px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__info {
    height: 638px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__info {
    height: 344px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info {
    height: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info {
    padding: 55px 0;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__info {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1440px) {
  .feedback__info {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__info {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__info {
    border-radius: calc(16.8965517241px + 4.3103448276vw);
  }
}
@media only screen and (max-width: 768px) {
  .feedback__info {
    border-radius: calc(0px + 7.8125vw);
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info {
    border-radius: calc(20px + 6.25vw);
  }
}

.feedback__info__title {
  font-weight: 500;
}
@media only screen and (max-width: 1920px) {
  .feedback__info__title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__info__title {
    font-size: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__info__title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__info__title {
    line-height: 63.25px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__info__title {
    line-height: 48.3px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info__title {
    line-height: 46px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .feedback__info__title {
    width: 348px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .feedback__info__title {
    width: 292px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1000px) {
  .feedback__info__title {
    width: 448px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info__title {
    max-width: 265px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info__title {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info__title {
    margin-right: 50px;
  }
}

.feedback__info__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24.8px;
}
@media only screen and (max-width: 1920px) {
  .feedback__info__desc {
    margin-top: 42px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__info__desc {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info__desc {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info__desc {
    margin-right: 16px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .feedback__info__desc {
    width: 284px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1000px) {
  .feedback__info__desc {
    width: 446px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__info__desc {
    max-width: 284px;
  }
}

.feedback__contacts {
  display: flex;
}
@media only screen and (max-width: 1920px) {
  .feedback__contacts {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 1366px) {
  .feedback__contacts {
    margin-top: 56px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__contacts {
    margin-top: 65px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__contacts {
    margin-top: 58px;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__contacts {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__contacts {
    flex-direction: row;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__contacts {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1920px) {
  .feedback__contacts {
    gap: 46px;
  }
}
@media only screen and (max-width: 1000px) {
  .feedback__contacts {
    gap: 69px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__contacts {
    gap: 49px;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__contacts {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__contacts {
    justify-content: center;
  }
}
@media only screen and (max-width: 640px) {
  .feedback__contacts {
    padding: 0 50px;
  }
}

.feedback__tel span,
.feedback__email span {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}

.feedback a {
  color: #fff;
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  margin-top: 12px;
}

/**********/
/* Footer */
/**********/
footer {
  margin-top: 160px;
  display: flex;
  background: #202020;
}
@media only screen and (max-width: 640px) {
  footer {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1920px) {
  footer {
    height: 572px;
  }
}
@media only screen and (max-width: 1366px) {
  footer {
    height: 451px;
  }
}
@media only screen and (max-width: 1000px) {
  footer {
    height: 396px;
  }
}
@media only screen and (max-width: 768px) {
  footer {
    height: 393px;
  }
}
@media only screen and (max-width: 640px) {
  footer {
    height: 680px;
  }
}
@media only screen and (max-width: 1920px) {
  footer {
    padding-top: 123px;
  }
}
@media only screen and (max-width: 1366px) {
  footer {
    padding-top: 99px;
  }
}
@media only screen and (max-width: 1000px) {
  footer {
    padding-top: 67.04px;
  }
}
@media only screen and (max-width: 768px) {
  footer {
    padding-top: 68.23px;
  }
}
@media only screen and (max-width: 1920px) {
  footer {
    padding-left: 172px;
  }
}
@media only screen and (max-width: 1440px) {
  footer {
    padding-left: 126px;
  }
}
@media only screen and (max-width: 1366px) {
  footer {
    padding-left: 126px;
  }
}
@media only screen and (max-width: 1000px) {
  footer {
    padding-left: 79px;
  }
}
@media only screen and (max-width: 768px) {
  footer {
    padding-left: 77px;
  }
}
@media only screen and (max-width: 640px) {
  footer {
    padding-left: 0;
  }
}
@media only screen and (max-width: 1920px) {
  footer {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1440px) {
  footer {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1366px) {
  footer {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 1000px) {
  footer {
    border-radius: calc(16.8965517241px + 4.3103448276vw);
  }
}
@media only screen and (max-width: 768px) {
  footer {
    border-radius: calc(0px + 7.8125vw);
  }
}
@media only screen and (max-width: 640px) {
  footer {
    border-radius: calc(20px + 6.25vw);
  }
}

.footer__logo-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: 1920px) {
  .footer__logo-menu {
    margin-right: calc(-1114px + 94.7916666667vw);
  }
}
@media only screen and (max-width: 1440px) {
  .footer__logo-menu {
    margin-right: calc(-1081px + 100vw);
  }
}
@media only screen and (max-width: 1366px) {
  .footer__logo-menu {
    margin-right: calc(-621.5628415301px + 75.956284153vw);
  }
}
@media only screen and (max-width: 1000px) {
  .footer__logo-menu {
    margin-right: calc(-488px + 75vw);
  }
}
@media only screen and (max-width: 768px) {
  .footer__logo-menu {
    margin-right: calc(-250px + 53.90625vw);
  }
}
@media only screen and (max-width: 640px) {
  .footer__logo-menu {
    margin-right: 0;
  }
}

.footer__logo {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  .footer__logo img {
    width: 194.87px;
  }
}
@media only screen and (max-width: 1366px) {
  .footer__logo img {
    width: 138.55px;
  }
}
@media only screen and (max-width: 1000px) {
  .footer__logo img {
    width: 90.28px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__logo img {
    width: 67.94px;
  }
}

.footer__logo-name {
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: -1px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  .footer__logo-name {
    font-size: 37px;
  }
}
@media only screen and (max-width: 1366px) {
  .footer__logo-name {
    font-size: 27px;
  }
}
@media only screen and (max-width: 1000px) {
  .footer__logo-name {
    font-size: 17px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__logo-name {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1920px) {
  .footer__logo-name {
    line-height: 43px;
  }
}
@media only screen and (max-width: 1000px) {
  .footer__logo-name {
    line-height: 26.96px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__logo-name {
    line-height: 20.62px;
  }
}

@media only screen and (max-width: 768px) {
  .footer__nav {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__nav {
    margin-top: 45px;
  }
}
.footer__nav ul {
  display: flex;
  margin: 0 -20px;
}
@media only screen and (max-width: 1920px) {
  .footer__nav ul {
    flex-direction: row;
  }
}
@media only screen and (max-width: 768px) {
  .footer__nav ul {
    flex-direction: column;
  }
}
@media only screen and (max-width: 768px) {
  .footer__nav ul {
    align-items: center;
  }
}
@media only screen and (max-width: 768px) {
  .footer__nav ul {
    gap: 11px;
  }
}
.footer__nav li {
  margin: 0 20px;
  transition: all 0.3s;
}
.footer__nav li a {
  color: #fff;
  font-weight: 500;
  line-height: 25px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  .footer__nav li a {
    font-size: 21px;
  }
}
@media only screen and (max-width: 1366px) {
  .footer__nav li a {
    font-size: 16px;
  }
}
.footer__nav li:hover {
  transform: scale(1.1);
  transition: transform 0.5s;
}

.footer__contacts {
  font-weight: 400;
  line-height: 20px;
  color: #BEBEBE;
}
@media only screen and (max-width: 1920px) {
  .footer__contacts {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1366px) {
  .footer__contacts {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1920px) {
  .footer__contacts {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 1000px) {
  .footer__contacts {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__contacts {
    margin-top: 0;
  }
}
@media only screen and (max-width: 640px) {
  .footer__contacts {
    margin-top: 93px;
  }
}
@media only screen and (max-width: 1920px) {
  .footer__contacts {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1000px) {
  .footer__contacts {
    line-height: 1.7;
  }
}
@media only screen and (max-width: 640px) {
  .footer__contacts {
    text-align: center;
  }
}

.footer__adress {
  font-weight: 400;
  line-height: 20px;
  color: #BEBEBE;
  letter-spacing: -0.04px;
}
@media only screen and (max-width: 768px) {
  .footer__adress {
    width: 226px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__adress {
    width: 220px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__adress {
    margin: auto;
  }
}
@media only screen and (max-width: 640px) {
  .footer__adress {
    text-align: center;
  }
}
@media only screen and (max-width: 1920px) {
  .footer__adress {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1366px) {
  .footer__adress {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1920px) {
  .footer__adress {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1366px) {
  .footer__adress {
    margin-top: 11px;
  }
}
@media only screen and (max-width: 1000px) {
  .footer__adress {
    margin-top: 34px;
  }
}
@media only screen and (max-width: 640px) {
  .footer__adress {
    margin-top: 54px;
  }
}
@media only screen and (max-width: 1920px) {
  .footer__adress {
    line-height: 2.5;
  }
}
@media only screen and (max-width: 768px) {
  .footer__adress {
    line-height: 20px;
  }
}
@media only screen and (max-width: 768px) {
  .footer__adress span {
    line-height: 60px;
  }
}

/**********/
/* Popups */
/**********/
.popup-reviews,
.popup-back-call {
  /* visibility: hidden;
  opacity: 0;
  height: 0; */
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  transition: all 0.8s ease 0s;
  /* -webkit-transition: visibility 0.2s, opacity 0.2s linear;             
  -moz-transition: visibility 0.2s, opacity 0.2s linear;
  -o-transition: visibility 0.2s, opacity 0.2s linear;
  -ms-transition: visibility 0.2s, opacity 0.2s linear;
  transition: visibility 0.2s, opacity 0.2s linear; */
}

.popup-reviews__container {
  position: relative;
  max-width: 800px;
  margin: 70px auto;
}

.popup-reviews__close {
  position: absolute;
  right: 0;
}

.popup-reviews.active,
.popup-back-call.active {
  opacity: 1;
  visibility: visible;
}

.popup-reviews__img {
  width: 100%;
  display: block;
}

.gg-close {
  position: absolute;
  cursor: pointer;
  right: -50px;
}

.popup-back-call__container {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  margin: 50px auto;
  filter: drop-shadow(0px 4px 100px rgba(0, 0, 0, 0.5));
}
@media only screen and (max-width: 1920px) {
  .popup-back-call__container {
    width: 538px;
  }
}
@media only screen and (max-width: 640px) {
  .popup-back-call__container {
    width: 95vw;
  }
}

.popup-back-call__main {
  background: #fff;
}

.popup-back-call__header {
  background: url("../img/popup-bg-icon.png") -2px -2px/93px no-repeat, #03527B;
  padding-top: 43px;
  padding-bottom: 33px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.popup-back-call__header .footer__logo-name {
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
  color: #FFFFFF;
  font-family: "Avenir-Book";
  letter-spacing: 0px;
  margin-top: 0px;
  margin-left: 2px;
}

.popup-back-call__header img {
  width: 97px;
  height: auto;
  padding-left: 2px;
  margin-top: 0px;
  letter-spacing: 0px;
}

.popup-back-call__form {
  display: none;
  background: #fff;
  padding-top: 39px;
  padding-bottom: 44px;
  height: auto;
}
@media only screen and (max-width: 1920px) {
  .popup-back-call__form {
    padding-left: 105px;
  }
}
@media only screen and (max-width: 640px) {
  .popup-back-call__form {
    padding-left: 50px;
  }
}
@media only screen and (max-width: 1920px) {
  .popup-back-call__form {
    padding-right: 105px;
  }
}
@media only screen and (max-width: 640px) {
  .popup-back-call__form {
    padding-right: 50px;
  }
}

.popup-back-call__form.active {
  display: block;
}

.popup-back-call__form p {
  margin: 0;
}

.popup-back-call__form label {
  display: block !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.25px;
  color: #828282;
  margin-bottom: 21px;
  font-family: "Inter", sans-serif;
}

.popup-back-call__form input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 44px;
}

.popup-back-call__form input[type=submit] {
  margin: 0 auto;
  margin-top: 34px;
  width: -moz-max-content;
  width: max-content;
  border-radius: 28.5px;
  padding: 0 27px;
  height: 40px;
  background: #03527B;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s;
}

.popup-back-call__form input[type=submit]:hover {
  background: #03527B;
  color: #fff;
  transform: scale(1.1);
  transition: transform 0.5s;
}

.popup-back-call__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #444444;
  margin: 0 auto;
  margin-bottom: 19px;
  letter-spacing: -0.03px;
}

.popup-back-call__info {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #444444;
  width: 171px;
  margin: auto;
  margin-top: 27px;
}

.popup-back-call__header .gg-close {
  top: 33px;
  right: 32px;
}

.popup-back-call__form .wpcf7-spinner {
  position: absolute;
  margin-top: -30px;
}

.popup-back-call__send {
  display: flex;
  background: #fff;
  flex-direction: column;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
  transition: visibility 0.3s, opacity 0.3s linear;
}

.popup-back-call__send.active {
  visibility: visible;
  opacity: 1;
  padding-top: 117px;
  padding-bottom: 115px;
  height: auto;
}

.popup-back-call__send__icon {
  width: 36.6px;
  height: 36.6px;
  border-radius: 50%;
  border: 2px solid #03527B;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  left: -4px;
}

.popup-back-call__send__title {
  font-weight: 500;
  font-size: 26px;
  line-height: 36px;
  text-align: center;
  color: #444444;
  margin-top: 24px;
}

.popup-back-call__send__desc {
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  color: #444444;
  margin-top: 24px;
  width: 245px;
}

.popup-back-call__send__btn {
  background: #03527B;
  border-radius: 28.5px;
  color: #fff;
  padding-left: 34px;
  padding-right: 35px;
  height: 40px;
  width: -moz-max-content;
  width: max-content;
  margin-top: 34px;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: all 0.3s;
}

.popup-back-call__send__btn:hover {
  transform: scale(1.1);
  transition: transform 0.5s;
}

.popup-back-call__form .wpcf7-response-output {
  display: none !important;
}

.popup-back-call__shortcode_one,
.popup-back-call__shortcode_two,
.popup-back-call__shortcode_three {
  display: none;
}

/* sites page */
/****************/
/* Sites header */
/****************/
body.page-template-default header nav ul {
  margin-left: 71px;
}
body.page-template-default header nav ul li a {
  color: #03527B;
}
body.page-template-default .header__call__btn:hover {
  color: #03527B;
}

/*******************/
/* Sites portfolio */
/*******************/
/* tow part */
.section-tow {
  margin-top: 139px;
  padding-top: 49px;
}

.section-title {
  font-weight: 500;
  font-size: 46px;
  line-height: 52px;
  color: #444444;
  text-align: center;
  margin: 0;
}

.section-desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: #676767;
  text-align: center;
  width: 421px;
  margin: auto;
  margin-top: 18px;
  letter-spacing: -0.05px;
}

/* portfolio grid */
.portfolio-tabs {
  display: flex;
  justify-content: center;
  margin-top: 43px;
  position: relative;
  left: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.portfolio-tab {
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  color: #444444;
  border: 1px solid #444444;
  line-height: 38px;
  /* padding: 0 34px; */
  width: 202px;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.portfolio-tab:first-child {
  border-radius: 28px 0 0 28px;
  border-right: none;
  /* padding: 0 35px !important; */
  width: 139px;
}

.portfolio-tab:first-child span {
  position: relative;
  left: -1px;
}

.portfolio-tab:last-child {
  border-radius: 0 28px 28px 0;
  border-left: none;
  width: 139px;
}

.portfolio-tab:last-child span {
  position: relative;
  left: -2px;
}

.portfolio-tab.active,
.portfolio-tab:hover {
  background: #444444;
  color: #fff;
}

.portfolio-row {
  display: flex;
  flex-wrap: wrap;
  gap: 44px 30px;
  margin-top: 62px;
}

.portfolio-item {
  width: calc(33.3333333333% - 20px);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.portfolio-item__img {
  min-height: 297px;
  height: 297px;
  position: relative;
}

.portfolio-item__img img {
  border-radius: 10px;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.portfolio-item__name {
  font-weight: 500;
  font-size: 24px;
  line-height: 27px;
  color: #444444;
  margin-top: 21px;
}

.portfolio-item__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #444444;
  margin-top: 10px;
  width: 340px;
  letter-spacing: -0.07px;
}

.portfolio-item__desc_two {
  width: 200px;
}

.portfolio-item__link {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 33px;
  color: #444444;
  border: 1px solid #444444;
  border-radius: 20px;
  padding: 0 29px;
  margin-top: 14px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: -moz-max-content;
  width: max-content;
}

.portfolio-item__link:hover {
  background: #444444;
  color: #fff;
}

/* .portfolio-item__img:hover img {
    display: none;
} */
.portfolio-item__review-image {
  visibility: hidden;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  transition: all 5s ease-out 0s;
}

.portfolio-item__img:hover .portfolio-item__review-image {
  visibility: visible;
  background-position: center 100%;
}

.preloader {
  text-align: center;
  width: 100%;
}

/*****************/
/* Niche section */
/*****************/
.section-four {
  margin-top: 200px;
  padding-top: 50px;
  /* padding-top: 89px; */
}

.niche {
  display: flex;
}

.niche > div {
  width: 50%;
}

.niche__bg {
  display: flex;
  justify-content: flex-end;
  position: relative;
}

.niche__slick {
  position: relative;
  width: 480px;
  height: 100%;
  background: #EFD5CC;
  box-shadow: 1px 17px 200px rgba(0, 0, 0, 0.25);
  border-radius: 20px;
  height: 524px;
  margin-right: 10px;
  padding-top: 45px;
  /* padding: 43px 35px 75px; */
  padding: 43px 0 75px;
}

.slick-arrow {
  position: absolute;
  bottom: 18px;
  font-size: 0;
  padding: 0;
  background: none;
  border: 1px solid #054b70;
  border-radius: 50%;
  transition: all 0.3s;
}

.slick-arrow.slick-prev {
  left: calc(50% - 60px);
}

.slick-arrow.slick-next {
  left: calc(50% + 32px);
}

.slick-arrow::before {
  content: url('data:image/svg+xml, <svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 14L1.70711 8.20711C1.31658 7.81658 1.31658 7.18342 1.70711 6.79289L7.5 1" stroke="rgb(5,75,112)"/></svg>');
  width: 27px;
  height: 26px;
  cursor: pointer;
  /* filter: invert(20%) sepia(53%) saturate(1719%) hue-rotate(170deg) brightness(100%) contrast(103%); */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

.slick-arrow.slick-prev::before {
  left: -1px;
  position: relative;
}

.slick-arrow.slick-next::before {
  transform: rotate(178deg);
  left: 1px;
  position: relative;
}

.slick-arrow:hover {
  background: #044B70;
}

.slick-arrow:hover::before {
  content: url('data:image/svg+xml, <svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 14L1.70711 8.20711C1.31658 7.81658 1.31658 7.18342 1.70711 6.79289L7.5 1" stroke="rgb(239 213 204)"/></svg>');
}

.niche__slider-page {
  position: absolute;
  bottom: 21px;
  left: calc(50% + 37px);
  margin: auto;
  width: -moz-max-content;
  width: max-content;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  color: #044B70;
}

.slick-dots {
  display: inline-block !important;
  bottom: 21px;
  position: absolute;
  right: calc(50% + 11px);
}

.slick-dots li {
  display: none;
}

.slick-dots li.slick-active {
  display: block;
}

.slick-dots li button {
  border: none;
  background: none;
  font-weight: 500;
  font-size: 13px;
  line-height: 17px;
  color: #044B70;
  padding: 0;
  font-family: "Geometria", sans-serif;
}

.slick-slide img {
  display: inherit !important;
}

.niche__slick__item {
  padding: 0 35px;
}

.niche__header {
  display: flex;
}

.niche__slick-text {
  margin-left: 42px;
  color: #044B70;
  /* padding-top: 38px; */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.niche__slick-text__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
}

.niche__slick-text__title {
  font-weight: 500;
  font-size: 21px;
  margin-top: 3px;
}

.niche__row {
  margin-top: 27px;
}

.niche__item {
  display: flex;
  margin: 13px 0;
  height: 76px;
}

.niche__item__title {
  background: #044B70;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  color: #EFD5CC;
  width: 158px;
  min-width: 158px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  padding-right: 13px;
  border-radius: 10px 0 0 10px;
  box-sizing: border-box;
}

.niche__item__result {
  border-right: 1px solid #044B70;
  border-top: 1px solid #044B70;
  border-bottom: 1px solid #044B70;
  border-radius: 0 10px 10px 0;
  width: 100%;
  padding-left: 32px;
}

.niche__item__result {
  display: flex;
  align-items: center;
  color: #044B70;
  letter-spacing: -0.6px;
}

.niche__item__result-name {
  font-weight: 400;
  font-size: 10px;
  line-height: 13px;
  letter-spacing: 0.1px;
  position: relative;
  top: -1px;
}

.niche__item__became .niche__item__result-name {
  letter-spacing: 0.7px;
}

.niche__item__was {
  width: 118px;
}

.niche__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 110px;
  box-sizing: border-box;
}

.niche__title {
  font-weight: 500;
  font-size: 42px;
  line-height: 48px;
  color: #444444;
  width: 300px;
}

.niche__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #676767;
  margin-top: 33px;
  width: 380px;
}

.niche__slick-header img {
  height: 125px;
  width: 113px;
  -o-object-fit: none;
     object-fit: none;
}

/*********************/
/* Sites section one */
/*********************/
body.page-template-default .section-one {
  background: url("../img/sites/bg-one-x3.png") 343px 0px/719px no-repeat, url("../img/sites/bg-two-x3.png") -29px 454px/207px no-repeat, #03527B;
  height: 569px;
}
body.page-template-default .section-one__btn_portfolio:hover {
  color: #03527B;
}
body.page-template-default .section-one__title_landing {
  font-size: 38px;
  line-height: 46px;
  margin-bottom: 23px;
}
body.page-template-default .section-one__title_e-commerce {
  font-size: 41px;
  line-height: 47px;
  margin-bottom: 22px;
}
body.page-template-default .section-one__text {
  bottom: 144px;
}
body.page-template-default .section-one__btn_row > * {
  padding: 0 24px;
}
body.page-template-default .section-one__img {
  top: 197px;
  right: 26px;
}
body.page-template-default .section-one__img img {
  width: 813px;
}
body.page-template-default .section-one__btn_discuss {
  color: #03527B;
}

/**********************/
/* Sites test section */
/**********************/
body.page-template-default .section-three {
  margin-top: 100px;
}
body.page-template-default .test-price {
  background: url('data:image/svg+xml, <svg width="251" height="229" viewBox="0 0 251 229" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.50003 227.497C29.6665 165.107 45.0003 110.998 120 135.5C195 160.002 178.784 25.8467 250.5 1.49747" stroke="white" stroke-width="3"/></svg>') 793px 264px no-repeat, #03527B;
}
body.page-template-default .test-price__desc {
  line-height: 23px;
  margin-top: 30px;
}
body.page-template-default .test-price__title {
  margin-top: 77px;
}
body.page-template-default .test-price__btn {
  color: #03527B;
  margin-top: 34px;
}
body.page-template-default .test-price__btn::after {
  background: #03527B;
}

/******************/
/* Sites feedback */
/******************/
body.page-template-default .feedback__info {
  background: #044B70;
}
body.page-template-default .wpcf7-spinner {
  background-color: #04527b !important;
}
body.page-template-default .feedback {
  margin-top: 175px;
}

/* package page */
/*********************/
/* Genetal selectors */
/*********************/
.page-template-page-package input:not(input[type=submit]):focus,
.page-template-page-package textarea:focus, .page-template-page-sticker-package input:not(input[type=submit]):focus,
.page-template-page-sticker-package textarea:focus {
  outline: none !important;
  box-shadow: 0 0 0 1px #FF767B;
  border-color: #FF767B;
}

/******************/
/* Package header */
/******************/
.page-template-page-package header nav ul li a, .page-template-page-sticker-package header nav ul li a {
  color: #fff;
}
.page-template-page-package .header__call__btn:hover, .page-template-page-sticker-package .header__call__btn:hover {
  color: #5F7459;
}

.page-template-page-sticker-package .header__call__btn:hover {
  color: #84A9B9;
}

/***********************/
/* Package section one */
/***********************/
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .page-template-page-package .section-one, .page-template-page-sticker-package .section-one {
    height: 889px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .page-template-page-package .section-one, .page-template-page-sticker-package .section-one {
    height: 644px;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one, .page-template-page-sticker-package .section-one {
    height: initial;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one, .page-template-page-sticker-package .section-one {
    padding-bottom: 127vw;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .section-one_bg, .page-template-page-sticker-package .section-one_bg {
    background: url("../img/package/first-section/dammi-cafe/dammi-first-section-bg_xxl-xl.png") -10px 0px/cover no-repeat;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .section-one_bg, .page-template-page-sticker-package .section-one_bg {
    background: url("../img/package/first-section/dammi-cafe/dammi-first-section-bg_lg.png") -10px 0px/cover no-repeat;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one_bg, .page-template-page-sticker-package .section-one_bg {
    background: url("../img/package/first-section/dammi-cafe/dammi-first-section-bg_xs.png") center bottom/cover no-repeat;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .section-one_bg, .page-template-page-sticker-package .section-one_bg {
    height: 889px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .section-one_bg, .page-template-page-sticker-package .section-one_bg {
    height: 644px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-package .section-one_bg, .page-template-page-sticker-package .section-one_bg {
    height: 656px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-package .section-one_bg, .page-template-page-sticker-package .section-one_bg {
    height: 656px;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one_bg, .page-template-page-sticker-package .section-one_bg {
    height: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .page-template-page-package .section-one_flex, .page-template-page-sticker-package .section-one_flex {
    justify-content: left;
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  .page-template-page-package .section-one_vertical-flex, .page-template-page-sticker-package .section-one_vertical-flex {
    height: 810px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  .page-template-page-package .section-one_vertical-flex, .page-template-page-sticker-package .section-one_vertical-flex {
    height: calc(100vh - 52px);
  }
}
@media only screen and (min-width: 641px) and (max-width: 1000px) {
  .page-template-page-package .section-one_vertical-flex, .page-template-page-sticker-package .section-one_vertical-flex {
    height: 656px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .page-template-page-package .section-one_vertical-flex, .page-template-page-sticker-package .section-one_vertical-flex {
    margin-left: 128px;
  }
}
.page-template-page-package .section-one__btn_portfolio:hover, .page-template-page-sticker-package .section-one__btn_portfolio:hover {
  color: #FF767B;
}
.page-template-page-package .section-one__img, .page-template-page-sticker-package .section-one__img {
  filter: drop-shadow(-30px -30px 150px rgba(0, 0, 0, 0.25));
}
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .page-template-page-package .section-one__img, .page-template-page-sticker-package .section-one__img {
    visibility: hidden;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .section-one__img, .page-template-page-sticker-package .section-one__img {
    margin-top: 62px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-template-page-package .section-one__img, .page-template-page-sticker-package .section-one__img {
    margin-top: 106px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .section-one__img, .page-template-page-sticker-package .section-one__img {
    margin-top: 62px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-package .section-one__img, .page-template-page-sticker-package .section-one__img {
    margin-top: 76px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-package .section-one__img, .page-template-page-sticker-package .section-one__img {
    margin-top: 123px;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one__img, .page-template-page-sticker-package .section-one__img {
    margin-top: 64px;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .section-one__img img, .page-template-page-sticker-package .section-one__img img {
    width: 603px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-template-page-package .section-one__img img, .page-template-page-sticker-package .section-one__img img {
    width: 556px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .section-one__img img, .page-template-page-sticker-package .section-one__img img {
    width: 437px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-package .section-one__img img, .page-template-page-sticker-package .section-one__img img {
    width: 280px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-package .section-one__img img, .page-template-page-sticker-package .section-one__img img {
    width: 260px;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one__img img, .page-template-page-sticker-package .section-one__img img {
    width: calc(0px + 65vw);
  }
}
.page-template-page-package .section-one__btn_discuss, .page-template-page-sticker-package .section-one__btn_discuss {
  color: #FF767B;
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one_sticker-package, .page-template-page-sticker-package .section-one_sticker-package {
    padding-bottom: 101vw;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-package .section-one_bg_sticker-package, .page-template-page-sticker-package .section-one_bg_sticker-package {
    background: url("../img/package/first-section/collagen/collagen-first-section-bg_xxl-lg.png") 0px 0px/cover no-repeat;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one_bg_sticker-package, .page-template-page-sticker-package .section-one_bg_sticker-package {
    background: url("../img/package/first-section/collagen/collagen-first-section-bg_xs.png") center bottom/cover no-repeat;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-package .section-one__btn_discuss_sticker-package, .page-template-page-sticker-package .section-one__btn_discuss_sticker-package {
    color: #7899a6;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one__btn_discuss_sticker-package, .page-template-page-sticker-package .section-one__btn_discuss_sticker-package {
    color: #7899a6;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-package .section-one__btn_portfolio_sticker-package:hover, .page-template-page-sticker-package .section-one__btn_portfolio_sticker-package:hover {
    color: #7899a6;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one__btn_portfolio_sticker-package:hover, .page-template-page-sticker-package .section-one__btn_portfolio_sticker-package:hover {
    color: #7899a6;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .section-one__text_sticker-package, .page-template-page-sticker-package .section-one__text_sticker-package {
    margin-top: 108px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .section-one__text_sticker-package, .page-template-page-sticker-package .section-one__text_sticker-package {
    margin-top: 90px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-package .section-one__text_sticker-package, .page-template-page-sticker-package .section-one__text_sticker-package {
    margin-top: 31px;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .section-one__text_sticker-package, .page-template-page-sticker-package .section-one__text_sticker-package {
    margin-top: 40px;
  }
}

/*************/
/* Portfolio */
/*************/
.img-item {
  line-height: 0;
}
.img-item img {
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  .img-item img {
    border-radius: 70px;
  }
}
@media only screen and (max-width: 1440px) {
  .img-item img {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 1366px) {
  .img-item img {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 1000px) {
  .img-item img {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .img-item img {
    border-radius: 50px;
  }
}
@media only screen and (max-width: 640px) {
  .img-item img {
    border-radius: calc(20px + 6.25vw);
  }
}

.portfolio__heading {
  font-weight: 500;
  color: #444444;
  text-align: center;
  margin: 0;
}
@media only screen and (max-width: 1920px) {
  .portfolio__heading {
    font-size: 64px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio__heading {
    font-size: 46px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio__heading {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio__heading {
    line-height: 52px;
  }
}
@media only screen and (max-width: 640px) {
  .portfolio__heading {
    line-height: 46px;
  }
}

.portfolio__cat {
  font-weight: 400;
  line-height: 158.6%;
  text-align: center;
  color: #444444;
}
@media only screen and (max-width: 1920px) {
  .portfolio__cat {
    margin-top: 13px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio__cat {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio__cat {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio__cat {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio__cat {
    font-size: 12px;
  }
}

.portfolio_section-desc {
  color: #676767;
  font-weight: 400;
  letter-spacing: -0.05px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 1920px) {
  .portfolio_section-desc {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio_section-desc {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio_section-desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio_section-desc {
    line-height: 34.89px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio_section-desc {
    line-height: 29px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio_section-desc {
    line-height: 24.8px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio_section-desc {
    max-width: 540px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio_section-desc {
    max-width: 448px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio_section-desc {
    max-width: 352px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio_section-desc {
    margin-top: 43px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio_section-desc {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio_section-desc {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 640px) {
  .portfolio_section-desc {
    margin-top: 33px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio_section-desc {
    margin-bottom: 51px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio_section-desc {
    margin-bottom: 42px;
  }
}
@media only screen and (max-width: 640px) {
  .portfolio_section-desc {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .portfolio_section-desc {
    padding-left: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .portfolio_section-desc {
    padding-right: 16px;
  }
}

.img-row {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1920px) {
  .img-row {
    gap: 20px;
  }
}
@media only screen and (max-width: 1000px) {
  .img-row {
    gap: calc(2.7586206897px + 1.724137931vw);
  }
}
@media only screen and (max-width: 768px) {
  .img-row {
    gap: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .img-row {
    gap: calc(4px + 2.5vw);
  }
}

.no-wrap {
  flex-wrap: nowrap;
}

.portfolio-section {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1920px) {
  .portfolio-section {
    margin-top: 169px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio-section {
    margin-top: 152px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio-section {
    gap: 180px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio-section {
    gap: 140px;
  }
}
@media only screen and (max-width: 1366px) {
  .portfolio-section {
    gap: 120px;
  }
}

.portfolio-button {
  margin-left: auto;
  margin-right: auto;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100px;
  font-weight: 400;
  border: 1px solid #444;
  cursor: pointer;
  color: #444;
  transition: all 0.3s;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 1920px) {
  .portfolio-button {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio-button {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1366px) {
  .portfolio-button {
    margin-top: 28px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio-button {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio-button {
    padding: 13px 32px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio-button {
    padding: 11px 30px;
  }
}
@media only screen and (max-width: 1366px) {
  .portfolio-button {
    padding: 5px 28px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio-button {
    padding: 0 22px;
  }
}
@media only screen and (max-width: 640px) {
  .portfolio-button {
    padding: 0 23px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio-button {
    line-height: 35px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio-button {
    line-height: 40px;
  }
}
@media only screen and (max-width: 1920px) {
  .portfolio-button {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1440px) {
  .portfolio-button {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1366px) {
  .portfolio-button {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .portfolio-button {
    font-size: 14px;
  }
}
.portfolio-button:hover {
  background: #444;
  color: #fff;
}

@media only screen and (max-width: 1920px) {
  #caffe .img-item:nth-child(1) {
    flex: 100% 1.596;
  }
}

@media only screen and (max-width: 1920px) {
  #caffe .img-item:nth-child(2) {
    flex: 0% 0.533;
  }
}
@media only screen and (max-width: 640px) {
  #caffe .img-item:nth-child(2) {
    flex: 100%;
  }
}

@media only screen and (max-width: 1920px) {
  #caffe .img-item:nth-child(3) {
    flex: 0% 1.096;
  }
}
@media only screen and (max-width: 640px) {
  #caffe .img-item:nth-child(3) {
    flex: 100%;
  }
}

@media only screen and (max-width: 1920px) {
  #caffe .img-item:nth-child(4) {
    flex: 34.431% 1.258;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1920px) {
  #soul .img-item:nth-child(-n+2) {
    flex: 48%;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1920px) {
  #soul .img-item:nth-child(n+3) {
    flex: 30%;
  }
}

@media only screen and (max-width: 640px) {
  #soul .img-item:nth-child(1) {
    flex: 100%;
  }
}

@media only screen and (max-width: 640px) {
  #soul .img-item:nth-child(n+2) {
    flex: 47%;
  }
}

@media only screen and (max-width: 1000px) {
  #soul .img-item:nth-child(n+2) img {
    border-radius: 45px;
  }
}
@media only screen and (max-width: 768px) {
  #soul .img-item:nth-child(n+2) img {
    border-radius: 45px;
  }
}
@media only screen and (max-width: 640px) {
  #soul .img-item:nth-child(n+2) img {
    border-radius: calc(20px + 6.25vw - 5px);
  }
}

@media only screen and (max-width: 1920px) {
  .gm__img-item_one {
    flex: 39.775% 1.119;
  }
}
@media only screen and (max-width: 768px) {
  .gm__img-item_one {
    flex: 100% 1.119;
  }
}

@media only screen and (max-width: 1920px) {
  .gm__img-item_two {
    flex: 30% 0.539;
  }
}
@media only screen and (max-width: 768px) {
  .gm__img-item_two {
    flex: 100% 0.539;
  }
}

@media only screen and (max-width: 768px) {
  .gm__img-item_three {
    flex: 100% 0.539;
  }
}

@media only screen and (max-width: 1920px) {
  .gm__img-row_two {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1000px) {
  .gm__img-row_two {
    margin-top: calc(2.7586206897px + 1.724137931vw);
  }
}
@media only screen and (max-width: 768px) {
  .gm__img-row_two {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .gm__img-row_two {
    margin-top: calc(4px + 2.5vw);
  }
}

@media only screen and (max-width: 1920px) {
  #gm .gm__img-row_two img {
    border-radius: 25px;
  }
}
@media only screen and (max-width: 1000px) {
  #gm .gm__img-row_two img {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 768px) {
  #gm .gm__img-row_two img {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 640px) {
  #gm .gm__img-row_two img {
    border-radius: calc(20px + 6.25vw - 15px);
  }
}
@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  #gm .gm__img-row_two:nth-child(n+2) img {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  #gm .gm__img-row_two:nth-child(n+2) img {
    border-radius: 15px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  #gm .gm__img-row_two:nth-child(n+2) img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .myso__img-item_one {
    flex: 100%;
  }
}

@media only screen and (max-width: 1920px) {
  .myso__img-item_two {
    flex: 48%;
  }
}
@media only screen and (max-width: 1000px) {
  .myso__img-item_two {
    flex: 100%;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  #myso .img-item:nth-child(n+2) img {
    border-radius: 50px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  #myso .img-item:nth-child(n+2) img {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  #myso .img-item:nth-child(n+2) img {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  #myso .img-item img {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 768px) {
  #myso .img-item img {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 640px) {
  #myso .img-item img {
    border-radius: calc(20px + 6.25vw - 15px);
  }
}

@media only screen and (max-width: 640px) {
  #bt .img-row {
    flex-direction: column;
  }
}

@media only screen and (max-width: 1920px) {
  .zn__img-item_one {
    flex: 48%;
  }
}
@media only screen and (max-width: 768px) {
  .zn__img-item_one {
    flex: 100%;
  }
}

@media only screen and (max-width: 1920px) {
  .zn__img-item_two {
    flex: 48%;
  }
}
@media only screen and (max-width: 768px) {
  .zn__img-item_two {
    flex: 100%;
  }
}

.zn__img-item_two picture {
  flex: 47%;
}

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  #zn .img-item:nth-child(n+2) img {
    border-radius: 60px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  #zn .img-item:nth-child(n+2) img {
    border-radius: 45px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  #zn .img-item:nth-child(n+2) img {
    border-radius: 45px;
  }
}
@media only screen and (max-width: 640px) {
  #zn .img-item:nth-child(n+2) img {
    border-radius: calc(20px + 6.25vw - 5px);
  }
}

@media only screen and (max-width: 1920px) {
  #banana .img-item:nth-child(n) {
    flex: 30%;
  }
}
@media only screen and (max-width: 640px) {
  #banana .img-item:nth-child(n) {
    flex: 100%;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  #banana .img-item:nth-child(n) img {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1366px) {
  #banana .img-item:nth-child(n) img {
    border-radius: 20px;
  }
}

@media only screen and (max-width: 640px) {
  .mirkon__img-item_one {
    flex: 100%;
  }
}

@media only screen and (max-width: 1920px) {
  .mirkon__img-item_two {
    flex: 48%;
  }
}
@media only screen and (max-width: 1000px) {
  .mirkon__img-item_two {
    flex: 100%;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
  #mirkon .img-item:nth-child(n+3) img {
    border-radius: 50px;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
  #mirkon .img-item:nth-child(n+3) img {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1366px) {
  #mirkon .img-item:nth-child(n+3) img {
    border-radius: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  #mirkon .img-item img {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 768px) {
  #mirkon .img-item img {
    border-radius: 40px;
  }
}
@media only screen and (max-width: 640px) {
  #mirkon .img-item img {
    border-radius: calc(20px + 6.25vw - 15px);
  }
}

@media only screen and (max-width: 1920px) {
  .collagen__img-item_one {
    flex: 65.25% 1.119;
  }
}
@media only screen and (max-width: 768px) {
  .collagen__img-item_one {
    flex: 100% 1.119;
  }
}

@media only screen and (max-width: 1920px) {
  .collagen__img-item_two {
    flex: 30% 0.539;
  }
}
@media only screen and (max-width: 768px) {
  .collagen__img-item_two {
    flex: 100% 0.539;
  }
}

@media only screen and (max-width: 1920px) {
  .collagen__img-row_two {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1000px) {
  .collagen__img-row_two {
    margin-top: calc(2.7586206897px + 1.724137931vw);
  }
}
@media only screen and (max-width: 768px) {
  .collagen__img-row_two {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 640px) {
  .collagen__img-row_two {
    margin-top: calc(4px + 2.5vw);
  }
}

@media only screen and (max-width: 640px) {
  .collagen-sticker__img-item_one {
    flex: 100%;
  }
}

@media only screen and (max-width: 1920px) {
  .collagen-sticker__img-item_two {
    flex: 48%;
  }
}
@media only screen and (max-width: 1000px) {
  .collagen-sticker__img-item_two {
    flex: 100%;
  }
}

@media only screen and (max-width: 1920px) {
  #collagen .collagen__img-row_two img {
    border-radius: 35px;
  }
}
@media only screen and (max-width: 1000px) {
  #collagen .collagen__img-row_two img {
    border-radius: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #collagen .collagen__img-row_two img {
    border-radius: 25px;
  }
}
@media only screen and (max-width: 640px) {
  #collagen .collagen__img-row_two img {
    border-radius: calc(20px + 6.25vw - 25px);
  }
}

/************************/
/* Package test section */
/************************/
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-bg, .page-template-page-sticker-package .test-bg {
    background: linear-gradient(122deg, #7F9279 0%, #7D9478 64%, #B1BDB1 95%);
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-bg, .page-template-page-sticker-package .test-bg {
    background: linear-gradient(122deg, #7F9279 0%, #7D9478 64%, #B1BDB1 95%);
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .test-bg, .page-template-page-sticker-package .test-bg {
    background: url("../img/package/test-section/dammi-mobile-left.png") left top 8vw/27vw no-repeat, url("../img/package/test-section/dammi-mobile-right.png") right top 350px/35vw no-repeat, linear-gradient(122deg, #7F9279 0%, #7D9478 64%, #B1BDB1 95%);
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .page-template-page-package .test-bg, .page-template-page-sticker-package .test-bg {
    display: flex;
  }
}
@media only screen and (min-width: 1367px) and (max-width: 1920px) {
  .page-template-page-package .test-bg, .page-template-page-sticker-package .test-bg {
    align-items: center;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    max-width: 394px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    max-width: 318px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    max-width: 288px;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    max-width: calc(-120px + 53.125vw);
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    max-width: 288px;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    line-height: 26px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    line-height: 21px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    line-height: 24.8px;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-price__desc, .page-template-page-sticker-package .test-price__desc {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .test-price__title, .page-template-page-sticker-package .test-price__title {
    margin-top: 62px;
  }
}
.page-template-page-package .test-price__btn, .page-template-page-sticker-package .test-price__btn {
  color: #FF767B;
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-price__btn, .page-template-page-sticker-package .test-price__btn {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-price__btn, .page-template-page-sticker-package .test-price__btn {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-package .test-price__btn, .page-template-page-sticker-package .test-price__btn {
    margin-top: 40px;
  }
}
.page-template-page-package .test-price__btn::after, .page-template-page-sticker-package .test-price__btn::after {
  background: #7D9478;
}
.page-template-page-package .test-dammi, .page-template-page-sticker-package .test-dammi {
  position: absolute;
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-dammi, .page-template-page-sticker-package .test-dammi {
    width: 497px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-dammi, .page-template-page-sticker-package .test-dammi {
    width: 345px;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-dammi, .page-template-page-sticker-package .test-dammi {
    top: 223px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-dammi, .page-template-page-sticker-package .test-dammi {
    top: 211px;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-dammi, .page-template-page-sticker-package .test-dammi {
    right: calc(-719px + 50.4166666667vw);
  }
}
@media only screen and (max-width: 1440px) {
  .page-template-page-package .test-dammi, .page-template-page-sticker-package .test-dammi {
    right: calc(-783.8378378378px + 55.4054054054vw);
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-dammi, .page-template-page-sticker-package .test-dammi {
    right: -37px;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-bg_sticker-package, .page-template-page-sticker-package .test-bg_sticker-package {
    background: url("../img/package/test-section/blurred-dammi-pack.png") 307px 457px/400px no-repeat, linear-gradient(0deg, #91BACA 0%, #81A5B4 100%);
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-bg_sticker-package, .page-template-page-sticker-package .test-bg_sticker-package {
    background: url("../img/package/test-section/blurred-dammi-pack.png") 307px 457px/400px no-repeat, linear-gradient(0deg, #91BACA 0%, #81A5B4 100%);
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .test-bg_sticker-package, .page-template-page-sticker-package .test-bg_sticker-package {
    background: url("../img/package/test-section/collagen-mobile-left.png") left top 8vw/24vw no-repeat, url("../img/package/test-section/collagen-mobile-right.png") right top 371px/27vw no-repeat, linear-gradient(0deg, #91BACA 0%, #81A5B4 100%);
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-package .test-price__btn_sticker-package, .page-template-page-sticker-package .test-price__btn_sticker-package {
    color: #769FB0;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .test-price__btn_sticker-package, .page-template-page-sticker-package .test-price__btn_sticker-package {
    color: #769FB0;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-package .test-price__btn_sticker-package::after, .page-template-page-sticker-package .test-price__btn_sticker-package::after {
    background: #90B6C4;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .test-price__btn_sticker-package::after, .page-template-page-sticker-package .test-price__btn_sticker-package::after {
    background: #90B6C4;
  }
}
.page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
  position: absolute;
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    width: 457px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    width: 449px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    width: 373px;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    top: 335px;
  }
}
@media only screen and (max-width: 1440px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    top: 345px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    top: 252px;
  }
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    right: calc(-535px + 46.875vw);
  }
}
@media only screen and (max-width: 1440px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    right: calc(-867.8918918919px + 70.2702702703vw);
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .test-collagen, .page-template-page-sticker-package .test-collagen {
    right: 5px;
  }
}

/********************/
/* Package feedback */
/********************/
.page-template-page-package .feedback__info, .page-template-page-sticker-package .feedback__info {
  background: linear-gradient(90deg, #84987D 0%, #647C5C 100%);
}
.page-template-page-package .wpcf7-spinner, .page-template-page-sticker-package .wpcf7-spinner {
  background-color: #FF9A9E !important;
}
@media only screen and (max-width: 1920px) {
  .page-template-page-package .feedback, .page-template-page-sticker-package .feedback {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 1366px) {
  .page-template-page-package .feedback, .page-template-page-sticker-package .feedback {
    margin-top: 244px;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-package .feedback, .page-template-page-sticker-package .feedback {
    margin-top: 152px;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .feedback, .page-template-page-sticker-package .feedback {
    margin-top: 155px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-package .feedback__info_sticker-package, .page-template-page-sticker-package .feedback__info_sticker-package {
    background: linear-gradient(180deg, #5B8FA5 0%, #75AABE 100%);
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-package .feedback__info_sticker-package, .page-template-page-sticker-package .feedback__info_sticker-package {
    background: linear-gradient(180deg, #5B8FA5 0%, #75AABE 100%);
  }
}

/*********/
/* Popup */
/*********/
body.page-template-page-package .popup-back-call__header {
  background: #738a6b;
}
body.page-template-page-package .popup-back-call__form input[type=submit],
body.page-template-page-package .popup-back-call__send__btn {
  background: #738a6b;
  border: none;
}
body.page-template-page-package .popup-back-call__send__icon {
  border: 2px solid #738a6b;
}
body.page-template-page-package .popup-back-call__send__icon svg path {
  fill: #738a6b;
}

@media only screen and (max-width: 1920px) {
  .page-template-page-sticker-package .popup-back-call__header {
    background: #7495A1;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-sticker-package .popup-back-call__header {
    background: #738a6b;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-sticker-package .popup-back-call__header {
    background: #7495A1;
  }
}
.page-template-page-sticker-package .popup-back-call__form input[type=submit],
.page-template-page-sticker-package .popup-back-call__send__btn {
  border: none;
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-sticker-package .popup-back-call__form input[type=submit],
  .page-template-page-sticker-package .popup-back-call__send__btn {
    background: #7495A1;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-sticker-package .popup-back-call__form input[type=submit],
  .page-template-page-sticker-package .popup-back-call__send__btn {
    background: #738a6b;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-sticker-package .popup-back-call__form input[type=submit],
  .page-template-page-sticker-package .popup-back-call__send__btn {
    background: #7495A1;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-sticker-package .popup-back-call__send__icon {
    border: 2px solid #7495A1;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-sticker-package .popup-back-call__send__icon {
    border: 2px solid #738a6b;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-sticker-package .popup-back-call__send__icon {
    border: 2px solid #7495A1;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1920px) {
  .page-template-page-sticker-package .popup-back-call__send__icon svg path {
    fill: #7495A1;
  }
}
@media only screen and (max-width: 1000px) {
  .page-template-page-sticker-package .popup-back-call__send__icon svg path {
    fill: 2px solid #738a6b;
  }
}
@media only screen and (max-width: 640px) {
  .page-template-page-sticker-package .popup-back-call__send__icon svg path {
    fill: #7495A1;
  }
}

/* page 404 */
/************/
/* Page 404 */
/************/
.section-404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.section-404 h1 {
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #444444;
  line-height: 50px;
}

.section-404 h1 span {
  font-size: 80px;
  font-weight: 500;
  color: #03527B;
  display: block;
}

.section-404 a {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 33px;
  color: #444444;
  border: 1px solid #444444;
  border-radius: 20px;
  padding: 0 29px;
  margin-top: 14px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: -moz-max-content;
  width: max-content;
}

.section-404 a:hover {
  background: #444444;
  color: #fff;
}