html {
  box-sizing: border-box;
  font-size: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: inherit;
}

*:focus {
  outline: none;
}

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

img {
  max-width: 100%;
  height: auto;
}

button:not(:disabled) {
  cursor: pointer;
}
button:focus {
  outline: none;
}

body {
  display: block;
  position: relative;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.16;
  background: #fff;
  min-width: 320px;
  color: #434343;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
body.lock {
  overflow-y: hidden;
}
body.rtl {
  font-family: "Noto Sans Hebrew", "Arial", sans-serif;
}
body::-webkit-scrollbar {
  width: 0;
}
body::-webkit-scrollbar-track {
  background: #f1f1f1;
}
body::-webkit-scrollbar-thumb {
  background: #5274ad;
}
body::-webkit-scrollbar-thumb:hover {
  background: #5274ad;
}

main, .main {
  flex-grow: 1;
}
@media only screen and (min-width: 1920px) {
  main, .main {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
}

input,
textarea {
  box-shadow: none;
}

::placeholder {
  opacity: 0.7;
}

.custom-typography h1 {
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 800;
  line-height: 1.44;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .custom-typography h1 {
    margin-bottom: 15px;
    font-size: 48px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography h1 {
    font-size: 40px;
  }
}
.custom-typography h2 {
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .custom-typography h2 {
    margin-bottom: 15px;
    font-size: 32px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography h2 {
    font-size: 24px;
  }
}
.custom-typography h3 {
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.44;
  letter-spacing: 0.08em;
}
@media only screen and (max-width: 991px) {
  .custom-typography h3 {
    margin-bottom: 15px;
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography h3 {
    font-size: 24px;
  }
}
.custom-typography h4 {
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .custom-typography h4 {
    margin-bottom: 15px;
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography h4 {
    font-size: 22px;
  }
}
.custom-typography h5 {
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.44;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .custom-typography h5 {
    margin-bottom: 15px;
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography h5 {
    font-size: 20px;
  }
}
.custom-typography h6 {
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .custom-typography h6 {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography h6 {
    font-size: 18px;
  }
}
.custom-typography p {
  margin-bottom: 18px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: 0em;
  text-align: justify;
}
@media only screen and (max-width: 1365px) {
  .custom-typography p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .custom-typography p {
    margin-bottom: 15px;
    font-size: 17px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography p {
    margin-bottom: 10px;
    font-size: 16px;
  }
}
.custom-typography span {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .custom-typography span {
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography span {
    font-size: 14px;
  }
}
.custom-typography .tiny {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.14;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .custom-typography .tiny {
    font-size: 13px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography .tiny {
    font-size: 12px;
  }
}
.custom-typography a {
  font-size: inherit;
  color: #5274ad;
  transition: all 0.3s ease;
}
.custom-typography a:hover {
  color: #5274ad;
}
.custom-typography ul {
  list-style: none;
}
.custom-typography ul li {
  padding-left: 20px;
  margin: 0 0 20px;
  font-style: normal;
  color: #717171;
  position: relative;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .custom-typography ul li {
    font-size: 17px;
  }
}
@media only screen and (max-width: 575px) {
  .custom-typography ul li {
    font-size: 16px;
  }
}
.custom-typography ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background-image: url(../../../img/svg/check-list.svg);
  background-position: center;
  background-size: contain;
}
.custom-typography ol {
  margin-bottom: 20px;
  counter-reset: custom-counter;
  list-style: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
}
.custom-typography ol li {
  padding-left: 30px;
  margin-bottom: 20px;
  counter-increment: custom-counter;
  position: relative;
}
.custom-typography ol li::before {
  content: counter(custom-counter);
  color: #FDFDFD;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  top: 2px;
  left: 0;
  background-color: #86BEF5;
}

.container {
  max-width: 1330px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.main-title {
  font-family: "Jost", "Arial", sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 46px;
  letter-spacing: 0.08em;
  color: #5274ad;
  text-transform: uppercase;
}
@media only screen and (max-width: 575px) {
  .main-title {
    font-size: 24px;
    line-height: 35px;
  }
}

.main-subtitle {
  font-family: "Jost", "Arial", sans-serif;
  font-size: 38px;
  font-weight: 600;
  line-height: 55px;
  letter-spacing: 0em;
}
@media only screen and (max-width: 575px) {
  .main-subtitle {
    font-size: 24px;
    line-height: 35px;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.03em;
  text-align: center;
  padding: 14px 24px;
  color: #fff;
  background-color: #5274ad;
  border-radius: 8px;
  border: 2px solid #5274ad;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}
.btn svg {
  margin-right: 8px;
}
.btn:before {
  content: "";
  position: absolute;
  width: 88%;
  height: 85%;
  left: 6%;
  top: 32%;
  background-color: #D2E8FF;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease;
}
.btn:hover::before {
  opacity: 0.4;
}
.btn:focus:not(:disabled), .btn:active:not(:disabled) {
  background-color: #5274ad;
  border-color: #5274ad;
}
@media only screen and (max-width: 575px) {
  .btn {
    padding: 12px 16px;
    font-size: 16px;
    line-height: 23px;
  }
}
.btn--outline {
  color: #5274ad;
  background-color: #fff;
}
.btn--outline:focus:not(:disabled), .btn--outline:active:not(:disabled) {
  color: #5274ad;
  border-color: #5274ad;
  background-color: #fff;
}
.btn--more:after {
  position: relative;
  padding-left: 5px;
  right: 0;
  content: "\f101";
  font-family: "icomoon";
  transition: all 0.3s ease;
}
.btn--more:hover::after {
  right: -5px;
}
.btn:disabled {
  opacity: 0.5;
}

.tag-link {
  display: inline-block;
  padding: 4px 16px;
  background-color: #D6D7E8;
  color: #434343;
  border-radius: 8px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 575px) {
  .tag-link {
    font-size: 14px;
    line-height: 20px;
  }
}
.tag-link:hover, .tag-link:focus {
  background-color: #2D4EFF;
  color: #FDFDFD;
}

.arrow-prev,
.arrow-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0px 4px 10px -3px rgba(68, 69, 85, 0.1490196078);
  border: 1px solid #EEEDED;
  background-color: #FDFDFD;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.arrow-prev:hover,
.arrow-next:hover {
  border-color: #5274ad;
  background-color: #5274ad;
  color: #FDFDFD;
}

.arrow-link {
  width: 40px;
  height: 40px;
  background-color: #5274ad;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.arrow-link:hover {
  background-color: #5274ad;
}
.arrow-link svg {
  width: 24px;
  height: 24px;
}

.link {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #5274ad;
}
@media only screen and (max-width: 575px) {
  .link {
    font-size: 14px;
  }
}

a.video-link {
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #5274ad;
  border-radius: 5px;
  border: 1px solid #5274ad;
  background-color: #fff;
}
a.video-link:hover {
  color: #5274ad;
  transform: translateY(-2px);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
}
a.video-link::after {
  padding-left: 10px;
  content: "\f16a";
  font-family: "icomoon";
  color: red;
}
@media only screen and (max-width: 575px) {
  a.video-link {
    font-size: 14px;
  }
}

.swiper-button-disabled .arrow-prev {
  opacity: 0.5;
}
.swiper-button-disabled .arrow-prev:hover {
  cursor: auto;
  border: 1px solid #EEEDED;
  background-color: #FDFDFD;
  color: #434343;
}

.posr {
  position: relative;
}

.tac {
  text-align: center;
}

.ttu {
  text-transform: uppercase;
}

.df {
  display: flex;
}

.ovh {
  overflow: hidden;
}

.aic {
  align-items: center;
}

.jcc {
  justify-content: center;
}

.jcsb {
  justify-content: space-between;
}

.jcsa {
  justify-content: space-around;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bg-blue {
  background-color: #DBEBFC;
}

.bg-white {
  background-color: #fff !important;
}

textarea {
  overflow: auto;
}

.bg-gray {
  background-color: #EEEDED;
}

.bg-light-blue {
  background-color: #F0F7FF;
}

.container-sm {
  max-width: 1000px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.preloader {
  display: none;
}

.js .preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  text-transform: uppercase;
  display: none;
}

.loader-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.8);
  align-items: flex-start;
  justify-content: center;
  z-index: 10;
  display: none;
}

.loader-spin {
  margin-top: 150px;
  position: relative;
  width: 60px;
  height: 60px;
  -webkit-animation: rotation 0.6s infinite linear;
  animation: rotation 0.6s infinite linear;
  border-left: 6px solid rgba(82, 116, 173, 0.15);
  border-right: 6px solid rgba(82, 116, 173, 0.15);
  border-bottom: 6px solid rgba(82, 116, 173, 0.15);
  border-top: 6px solid rgba(82, 116, 173, 0.8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.page-header__space {
  width: 100%;
  height: 120px;
}
@media (max-width: 1150px) {
  .page-header__space {
    height: 70px;
  }
}
.page-header.scrolled .main-header {
  position: fixed;
  top: -50px;
}
@media (max-width: 1150px) {
  .page-header.scrolled .main-header {
    top: 0;
  }
}
.page-header.scrolled .main-header__top {
  top: -60px;
}
@media (max-width: 1150px) {
  .page-header.scrolled .main-header__top {
    top: 0;
  }
}
.page-header.scrolled .sub-nav-bg::before {
  top: 70px;
}
.page-header.scrolled .sub-nav-content {
  top: 70px;
}

.main-header {
  height: 120px;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #EEEDED;
  z-index: 99;
  background-color: #fff;
  position: absolute;
  transition: all 0.3s ease;
}
@media (max-width: 1150px) {
  .main-header {
    position: fixed;
    height: 70px;
  }
}
.main-header__top {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #F0F7FF;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
}
.main-header__wrapper {
  max-width: 1330px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 50px 20px 0;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease;
}
.main-header__logo {
  display: flex;
  align-items: center;
}
.main-header__logo img {
  display: block;
  max-height: 46px;
  width: auto;
}
@media only screen and (max-width: 575px) {
  .main-header__logo img {
    max-height: 31px;
  }
}
.main-header__links {
  display: flex;
  align-items: center;
  height: 100%;
}
@media (max-width: 1150px) {
  .main-header__links {
    margin-left: auto;
  }
}
@media only screen and (max-width: 575px) {
  .main-header__links {
    margin: 0 auto;
  }
}
.main-header__contact-btn {
  display: inline-flex;
  align-items: center;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.03em;
  text-align: center;
  padding: 12px 24px 12px 20px;
  color: #5274ad;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid #5274ad;
  transition: all 0.3s ease;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .main-header__contact-btn {
    margin-left: auto;
    font-size: 16px;
    padding: 10px 20px 10px 16px;
    border: 1px solid #5274ad;
  }
}
.main-header__contact-btn:after {
  content: "";
  position: absolute;
  width: 88%;
  height: 85%;
  left: 6%;
  top: 32%;
  background-color: #D2E8FF;
  border-radius: 8px;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease;
}
.main-header__contact-btn:hover::after {
  opacity: 0.4;
}
.main-header__contact-btn:focus, .main-header__contact-btn:active {
  color: #5274ad;
  border-color: #5274ad;
  background-color: #fff;
}
.main-header__contact-btn span {
  padding-left: 6px;
}
@media (max-width: 350px) {
  .main-header__contact-btn span {
    padding-left: 0;
  }
}
@media (max-width: 350px) {
  .main-header__contact-btn svg, .main-header__contact-btn img {
    display: none;
  }
}

.search-field {
  background-color: #FDFDFD;
  border: none;
  cursor: text;
  height: 40px;
  padding: 10px 34px 10px 10px;
  position: relative;
  -webkit-transition: width 400ms ease, background 400ms ease;
  transition: width 400ms ease, background 400ms ease;
  width: 330px;
  right: 0;
  border-radius: 8px;
  outline: 0;
  color: #434343;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  line-height: 23px;
  letter-spacing: 0.03em;
}

.search-form {
  position: relative;
}
.search-form .search-btn {
  position: absolute;
  right: 5px;
  width: 24px;
  height: 40px;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.71 20.29L18 16.61A9 9 0 1016.61 18l3.68 3.68a1.002 1.002 0 001.42 0 1 1 0 000-1.39zM11 18a7 7 0 110-14 7 7 0 010 14z' fill='%235274ad'/%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transition: all 0.3s ease;
  cursor: pointer;
}
.search-form .search-btn:hover {
  background-size: 20px 20px;
}

.burger-menu {
  margin-left: 24px;
  display: none;
}
@media (max-width: 1150px) {
  .burger-menu {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 575px) {
  .burger-menu {
    margin-left: 0;
  }
}
.burger-menu__btn {
  width: 44px;
  height: 44px;
  background-color: #5274ad;
  border-radius: 8px;
  position: relative;
}
.burger-menu__item {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #fff;
  transition: all 0.3s ease;
}
.burger-menu__item:first-child {
  transform: translate(-10px, -10px);
}
.burger-menu__item:nth-child(2) {
  transform: translate(3px, -10px);
}
.burger-menu__item:nth-child(3) {
  transform: translate(-10px, 3px);
}
.burger-menu__item:nth-child(4) {
  transform: translate(3px, 3px);
}
.burger-menu.active .burger-menu__item {
  width: 21px;
  height: 2px;
}
.burger-menu.active .burger-menu__item:first-child {
  transform: translate(-10px, 0px) rotate(45deg);
}
.burger-menu.active .burger-menu__item:nth-child(2) {
  transform: translate(-10px, 0px) rotate(-45deg);
}
.burger-menu.active .burger-menu__item:nth-child(3) {
  transform: translate(-10px, 0px) rotate(-45deg);
}
.burger-menu.active .burger-menu__item:nth-child(4) {
  transform: translate(-10px, 0px) rotate(45deg);
}

.main-nav {
  margin-right: 50px;
  flex-grow: 1;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 1365px) {
  .main-nav {
    margin-right: 30px;
  }
}
.main-nav__item {
  position: relative;
}
.main-nav__item:hover .main-nav__link:after {
  width: 70%;
}
.main-nav__list {
  display: flex;
  list-style: none;
  margin: 0 auto;
}
@media only screen and (max-width: 1365px) {
  .main-nav__list {
    margin-left: 20px;
  }
}
.main-nav__list > li > a {
  padding: 0 15px;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #434343;
  white-space: nowrap;
  position: relative;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  align-items: center;
}
.main-nav__list > li > a::after {
  content: "";
  position: absolute;
  width: 0;
  margin: 0 auto;
  height: 2px;
  top: calc(100% - 2px);
  left: 0;
  right: 0;
  background-color: #5274ad;
  transition: all 0.3s ease;
}
.main-nav__list > li > a:hover::after {
  width: 70%;
}
.main-nav__actions {
  margin: 0 auto;
  width: 100%;
  max-width: 1330px;
  height: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-nav__action {
  display: flex;
  align-items: center;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  color: #5274ad;
}
.main-nav__name {
  padding: 0 12px 0 8px;
  border-right: 1px solid #5274ad;
}
.main-nav__login {
  padding-left: 12px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  color: #5274ad;
}

@media (min-width: 1149px) {
  .main-nav li:hover > .sub-nav-first {
    visibility: visible;
    opacity: 1;
    height: 500px;
    transition: none;
  }
}

@media (min-width: 1149px) {
  .main-nav li:hover .sub-nav-content {
    visibility: visible;
    opacity: 1;
    height: 500px;
    transition: none;
    z-index: 9;
  }
}

@media (min-width: 1149px) {
  .main-nav li:hover .sub-nav-bg {
    visibility: visible;
    opacity: 1;
    height: 500px;
    transition: none;
    z-index: 9;
  }
}

.sub-nav-first {
  position: absolute;
  min-width: 320px;
  left: 0;
  padding-top: 30px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  height: 0;
  z-index: 10;
}
.sub-nav-first ul {
  list-style: none;
  position: relative;
  z-index: 10;
}
.sub-nav-first__menu {
  max-width: 1330px;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  position: relative;
  z-index: 11;
}
.sub-nav-first__menu > li > a {
  display: inline-flex;
  align-items: center;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08em;
  color: #5274ad;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.sub-nav-first__menu > li > a:hover {
  color: #5274ad;
}
.sub-nav-first .sub-arrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L4.80952 5L1 1' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3e%3c/path%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: center;
  margin-right: 7px;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  display: none;
}

.main-nav__list li:nth-child(1) .sub-nav-first {
  position: fixed;
  width: 100vw;
  background: #F9F9F9;
}

.main-nav__list li:nth-child(1) .sub-nav-first__menu {
  width: 100%;
  max-width: 1330px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.sub-nav-second__menu {
  max-width: 189px;
}
.sub-nav-second__menu > li {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
}
.sub-nav-second__menu > li > a {
  color: #434343;
  transition: all 0.3s ease;
}
.sub-nav-second__menu > li > a:hover {
  color: #5274ad;
}

.sub-nav-content {
  position: fixed;
  top: 120px;
  right: 0;
  left: auto;
  width: 32vw;
  height: 500px;
  background-color: #F0F7FF;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  height: 0;
  z-index: -1;
}
@media only screen and (max-width: 1365px) {
  .sub-nav-content {
    width: 40vw;
  }
}
.sub-nav-content__container {
  padding-bottom: 30px;
  max-width: 380px;
  margin: 0 auto;
  overflow: hidden;
}
.sub-nav-content__title {
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.sub-nav-bg {
  background: #F9F9F9;
  position: fixed;
  top: 120px;
  height: 0;
  width: 100vw;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}

.nav-slider {
  padding: 10px;
  position: relative;
}
.nav-slider__nav {
  margin-top: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 10;
}

.nav-cards {
  margin-bottom: 28px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
}

.nav-tags {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.nav-tags .tag-link:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 8px;
}

@media (max-width: 1150px) {
  .main-header__top {
    position: relative;
    height: auto;
  }
  .main-header__wrapper {
    padding-top: 0;
  }
  .main-nav {
    display: flex;
    position: fixed;
    top: 70px;
    right: -100%;
    margin: 0;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px 0;
    width: 400px;
    height: calc(100% - 70px);
    background-color: #F0F7FF;
    transition: all 0.3s ease;
  }
}
@media only screen and (max-width: 1150px) and (max-width: 575px) {
  .main-nav {
    width: 100vw;
  }
}
@media (max-width: 1150px) {
  .main-nav.active {
    right: 0;
  }
  .main-nav__actions {
    padding: 0 20px 20px;
    margin-left: 0;
    flex-direction: column;
  }
  .main-nav__search {
    width: 100%;
    margin-bottom: 30px;
  }
  .search-field {
    width: 100%;
  }
  .main-nav__name {
    max-width: 230px;
    word-wrap: break-word;
  }
  .main-nav__list {
    margin-left: 0;
    padding-top: 20px;
    flex-direction: column;
    width: 100%;
    overflow-y: auto;
  }
  .main-nav__list > li > a {
    height: auto;
    margin-right: 0;
    text-align: center;
    line-height: 40px;
  }
  .main-nav__list > li > a:after {
    display: none;
  }
  .main-nav__item:not(:last-child) {
    margin-bottom: 16px;
  }
  .sub-nav-bg {
    display: none;
  }
  .sub-nav-first,
  .main-nav__list li:nth-child(1) .sub-nav-first {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    height: auto;
    display: none;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .sub-nav-second {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    opacity: 1;
    visibility: visible;
    height: auto;
    display: none;
  }
  .sub-nav-second.active {
    display: block;
  }
  .sub-nav-ul {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    opacity: 1;
    visibility: visible;
    height: auto;
    display: none;
  }
  .sub-nav-ul.active {
    display: block;
  }
  .sub-nav-first.active,
  .main-nav__list li:nth-child(1) .sub-nav-first.active {
    display: block;
    background-color: #F9F9F9;
    line-height: 1;
    border-top: 2px solid #2D2A6C;
  }
  .sub-nav-first.active .sub-nav-first__menu,
  .main-nav__list li:nth-child(1) .sub-nav-first.active .sub-nav-first__menu {
    flex-direction: column;
  }
  .sub-nav-first.active .sub-arrow,
  .main-nav__list li:nth-child(1) .sub-nav-first.active .sub-arrow {
    display: block;
    position: absolute;
    top: -2px;
    left: 0;
    color: #5274ad;
    transition: all 0.3s ease;
  }
  .sub-nav-first.active .sub-arrow.active,
  .main-nav__list li:nth-child(1) .sub-nav-first.active .sub-arrow.active {
    transform: rotate(180deg);
  }
  .sub-nav-first__list {
    display: none;
    max-width: 100%;
  }
  .sub-nav-first__list.active {
    display: block;
  }
  .sub-nav-second {
    border-top: 2px solid #2D2A6C;
    background-color: #F9F9F9;
  }
  .sub-nav-second__menu {
    padding: 16px 20px 0;
  }
  .sub-nav-second__list li {
    align-items: center;
    margin-bottom: 16px;
  }
  .sub-nav-first__menu > li > a {
    margin-bottom: 0;
    display: inline-flex;
  }
  .main-nav__item:first-child .sub-nav-first__menu > li > a {
    margin-left: 30px;
  }
  .sub-nav-second__menu {
    max-width: 100%;
  }
}
.main-footer {
  color: #FDFDFD;
}
@media only screen and (min-width: 1920px) {
  .main-footer {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
}
.main-footer__top {
  padding: 40px 0;
  background-color: #3c558c;
}
.main-footer__top .container {
  display: flex;
}
@media only screen and (max-width: 1365px) {
  .main-footer__top .container {
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  .main-footer__top .container {
    flex-wrap: wrap;
  }
}
.main-footer__bottom {
  padding: 20px 0 35px;
  background-color: #5274ad;
  border-top: 1px solid #EEEDED;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}
@media only screen and (max-width: 782px) {
  .main-footer__bottom {
    padding: 24px 0 35px;
  }
}
@media only screen and (max-width: 575px) {
  .main-footer__bottom {
    font-size: 14px;
  }
}
.main-footer__bottom .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 782px) {
  .main-footer__bottom .container {
    flex-direction: column;
  }
}
.main-footer__links {
  display: flex;
}
@media only screen and (max-width: 782px) {
  .main-footer__links {
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.main-footer__links a {
  padding: 0 16px;
  color: #FDFDFD;
  transition: all 0.3s ease;
}
.main-footer__links a:not(:last-child) {
  border-right: 1px solid #FDFDFD;
}
.main-footer__links a:hover {
  color: #86BEF5;
}
.main-footer__logo {
  display: block;
  margin-bottom: 20px;
}
@media only screen and (max-width: 782px) {
  .main-footer__logo {
    margin: 0 auto 16px;
  }
}
.main-footer__address {
  margin-right: 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  max-width: 190px;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
@media only screen and (max-width: 782px) {
  .main-footer__address {
    margin: 0 auto;
    text-align: center;
  }
}
@media only screen and (max-width: 991px) {
  .main-footer__info {
    margin-top: 40px;
    width: 100%;
  }
}
.main-footer__action {
  display: flex;
  align-items: flex-end;
  font-size: 24px;
  font-weight: 600;
  line-height: 35px;
}
.main-footer__action p {
  max-width: 290px;
  text-align: right;
}
@media only screen and (max-width: 1365px) {
  .main-footer__action p {
    text-align: center;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 991px) {
  .main-footer__action p {
    margin-bottom: 16px;
    max-width: none;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 1365px) {
  .main-footer__action .btn {
    margin: 0 auto;
  }
}
.main-footer__action .btn:hover {
  background-color: #fff;
  color: #5274ad;
  border-color: #5274ad;
}
@media only screen and (max-width: 1365px) {
  .main-footer__action {
    flex-direction: column;
    text-align: center;
  }
}
.main-footer__phone {
  margin-top: 33px;
  display: flex;
  justify-content: end;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  color: #FDFDFD;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 1365px) {
  .main-footer__phone {
    margin-top: 10px;
    justify-content: center;
  }
}
@media only screen and (max-width: 991px) {
  .main-footer__phone {
    margin-top: 24px;
  }
}
.main-footer__phone:hover {
  color: #86BEF5;
}
.main-footer__phone img {
  padding-right: 10px;
}

.footer-nav {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
}
@media only screen and (max-width: 1365px) {
  .footer-nav {
    justify-content: space-around;
  }
}
@media only screen and (max-width: 782px) {
  .footer-nav {
    margin-top: 39px;
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .footer-nav {
    flex-direction: column;
  }
}
.footer-nav__list {
  margin-right: 80px;
  list-style: none;
}
@media only screen and (max-width: 1365px) {
  .footer-nav__list {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 782px) {
  .footer-nav__list {
    margin: 0 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .footer-nav__list:not(:last-child) {
    margin-bottom: 24px;
  }
}
.footer-nav__item:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .footer-nav__item:not(:last-child) {
    margin-bottom: 10px;
  }
}
.footer-nav__link {
  display: inline-block;
  color: #FDFDFD;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  transition: all 0.3s ease;
  position: relative;
}
.footer-nav__link::after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 0;
  height: 1px;
  background-color: #FDFDFD;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 782px) {
  .footer-nav__link::after {
    right: 0;
    margin: 0 auto;
  }
}
.footer-nav__link:hover::after {
  width: 100%;
}

.footer-social {
  display: flex;
  list-style: none;
}
.footer-social__item {
  margin-left: 30px;
}
@media only screen and (max-width: 782px) {
  .footer-social__item {
    margin-left: 0;
    padding: 0 16px;
  }
}
.footer-social__item img {
  width: 24px;
  height: 24px;
}

.footer-nav__item.active .footer-nav__link::after {
  width: 100%;
}

.main-footer__links {
  list-style-type: none;
}

@media only screen and (max-width: 782px) {
  .footer-nav__list {
    margin: 5px 10px;
  }
}
html {
  margin-top: 0 !important;
}

.customize-support .page-header {
  margin-top: 32px;
}
@media screen and (max-width: 782px) {
  .customize-support .page-header {
    margin-top: 46px;
  }
}
@media (max-width: 1150px) {
  .customize-support .page-header.scrolled .main-nav {
    top: 70px;
    height: calc(100% - 70px);
  }
}
@media (max-width: 1150px) {
  .customize-support .main-nav {
    top: 102px;
    height: calc(100% - 102px);
  }
}
@media (max-width: 782px) {
  .customize-support .main-nav {
    top: 116px;
    height: calc(100% - 116px);
  }
}

@media (max-width: 420px) {
  .footer-social {
    flex-wrap: wrap;
    max-width: 200px;
    justify-content: center;
  }
}

.hero {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .hero {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.hero__inner {
  min-height: 300px;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .hero__inner {
    min-height: auto;
  }
}
@media only screen and (max-width: 782px) {
  .hero__inner {
    padding-bottom: 350px;
    flex-direction: column;
  }
}
.hero__bg {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 50%;
  background: linear-gradient(90deg, #F0F7FF 15.9%, #F0F7FF 39.85%, rgba(255, 255, 255, 0) 101.46%);
}
@media only screen and (max-width: 782px) {
  .hero__bg {
    display: none;
  }
}
.hero__container {
  max-width: 1330px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 40px 20px;
}
@media only screen and (max-width: 782px) {
  .hero__container {
    padding: 20px 20px 5px;
  }
}
.hero__content {
  max-width: 630px;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  z-index: 10;
}
@media only screen and (max-width: 1365px) {
  .hero__content {
    max-width: 58%;
  }
}
@media only screen and (max-width: 782px) {
  .hero__content {
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
  }
}
.hero__title {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0em;
}
@media only screen and (max-width: 1365px) {
  .hero__title {
    font-size: 52px;
  }
}
@media only screen and (max-width: 991px) {
  .hero__title {
    margin-bottom: 24px;
    font-size: 50px;
  }
}
@media only screen and (max-width: 782px) {
  .hero__title {
    margin-bottom: 15px;
    font-size: 40px;
  }
}
@media (max-width: 374px) {
  .hero__title {
    font-size: 30px;
  }
}
.hero__buttons {
  margin-top: 40px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 782px) {
  .hero__buttons {
    margin-top: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .hero__buttons .btn {
    padding: 10px;
  }
}
.hero__buttons .btn:not(:last-child) {
  margin-bottom: 5px;
  margin-right: 20px;
}
@media only screen and (max-width: 575px) {
  .hero__buttons .btn:not(:last-child) {
    margin-right: 10px;
  }
}
.hero__tags {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media only screen and (max-width: 782px) {
  .hero__tags {
    margin-bottom: 10px;
  }
}
.hero__tags .tag-link:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 8px;
}

.hero-slider {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.hero-slider__nav {
  position: absolute;
  bottom: 40px;
  right: 76px;
  display: flex;
  align-items: center;
  z-index: 10;
}
@media only screen and (max-width: 782px) {
  .hero-slider__nav {
    bottom: 20px;
    right: 50%;
    transform: translate(50%, 0);
  }
}
.hero-slider__prev {
  margin-right: 8px;
}
.hero-slider .swiper-pagination {
  margin-right: 16px;
  position: relative;
  top: auto;
  bottom: auto;
}
@media (max-width: 359px) {
  .hero-slider .swiper-pagination {
    display: none;
  }
}
.hero-slider .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border: 2px solid #5274ad;
  background-color: rgba(255, 255, 255, 0.5019607843);
  opacity: 1;
}
.hero-slider .swiper-pagination-bullet-active {
  background-color: #FDFDFD;
  position: relative;
}
.hero-slider .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 6px;
  background-color: #252A75;
}

.hero-slide {
  background-color: #F0F7FF;
}
.hero-slide__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 782px) {
  .hero-slide__img {
    height: 350px;
    top: auto;
    bottom: 0;
  }
}
.hero-slide__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hero-slide__img::after {
  content: "";
  position: absolute;
  height: 100px;
  width: 100%;
  top: 0;
  left: 0;
  display: none;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F7FF), to(transparent));
}
@media only screen and (max-width: 782px) {
  .hero-slide__img::after {
    display: block;
  }
}
.hero-slide__nested {
  max-width: 1330px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cards-slider {
  width: 530px;
  height: 90%;
  margin-left: auto;
  margin-right: 50px;
}
@media only screen and (max-width: 1365px) {
  .cards-slider {
    width: 40%;
  }
}
@media only screen and (max-width: 782px) {
  .cards-slider {
    width: 100%;
    position: absolute;
    bottom: 40px;
    height: 300px;
  }
}

.cards-slide {
  width: 300px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 12px;
  color: #434343;
  box-shadow: 8px 8px 25px -5px rgba(68, 69, 85, 0.1490196078);
  background-color: #fff;
}
@media only screen and (max-width: 1365px) {
  .cards-slide {
    width: 200px;
    height: 250px;
  }
}
.cards-slide__img {
  width: 90%;
  height: 230px;
}
@media only screen and (max-width: 1365px) {
  .cards-slide__img {
    height: 200px;
  }
}
.cards-slide__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.cards-slide__title {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: center;
}
@media only screen and (max-width: 1365px) {
  .cards-slide__title {
    font-size: 18px;
    line-height: 1.2;
  }
}

.numbers {
  padding: 20px 0;
  background-color: #5274ad;
  color: #FDFDFD;
  position: relative;
  overflow: hidden;
}
@media only screen and (min-width: 1920px) {
  .numbers {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.numbers__bg {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  width: 100vw;
  height: auto;
  object-position: center;
}
.numbers .container {
  max-width: 1110px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.number-item {
  width: 25%;
  font-size: 20px;
  font-weight: 400;
  line-height: 25px;
  text-align: center;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .number-item {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 26px;
    width: 50%;
  }
}
@media only screen and (max-width: 782px) {
  .number-item {
    font-size: 16px;
    line-height: 23px;
  }
}
.number-item__value {
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 800;
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 1365px) {
  .number-item__value {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .number-item__value {
    margin-bottom: 12px;
    font-size: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .number-item__value {
    font-size: 30px;
  }
}
.number-item .value {
  margin-right: -15px;
}

.offers {
  padding: 20px 0 0;
  position: relative;
}
.offers .container {
  padding-left: 0;
  padding-right: 0;
}
.offers .main-title {
  padding: 0 100px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 782px) {
  .offers .main-title {
    padding-left: 0;
    text-align: left;
  }
}
.offers__top {
  padding: 20px 100px;
}
@media only screen and (max-width: 991px) {
  .offers__top {
    padding-left: 0;
  }
}

.offer-slider {
  position: relative;
  padding: 0 25px 40px;
}
@media only screen and (max-width: 575px) {
  .offer-slider {
    padding: 0 20px 30px;
  }
}
.offer-slider__nav {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.offer-slider__prev {
  margin-right: 8px;
}

.exhibitions {
  padding: 20px 0;
  position: relative;
}
@media only screen and (max-width: 782px) {
  .exhibitions {
    padding: 20px 0 30px;
  }
}
.exhibitions .container {
  padding-left: 0;
  padding-right: 0;
}
.exhibitions .main-title {
  padding: 0 100px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 782px) {
  .exhibitions .main-title {
    padding-left: 0;
    text-align: left;
  }
}

.exhibition-slider,
.articles-slider,
.partners-slider {
  position: relative;
  padding: 0 25px 20px;
}
@media only screen and (max-width: 575px) {
  .exhibition-slider,
  .articles-slider,
  .partners-slider {
    padding: 0 20px 30px;
  }
}
.exhibition-slider__nav,
.articles-slider__nav,
.partners-slider__nav {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.exhibition-slider__prev,
.articles-slider__prev,
.partners-slider__prev {
  margin-right: 8px;
}
.exhibition-slider .swiper-slide,
.articles-slider .swiper-slide,
.partners-slider .swiper-slide {
  height: auto;
}
@media only screen and (max-width: 782px) {
  .exhibition-slider .swiper-slide,
  .articles-slider .swiper-slide,
  .partners-slider .swiper-slide {
    width: 270px;
  }
}

.home-about {
  padding: 40px 0;
}
@media only screen and (max-width: 782px) {
  .home-about {
    padding: 20px 0;
  }
}
.home-about__top {
  padding-bottom: 34px;
  max-width: 865px;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 782px) {
  .home-about__top {
    padding-bottom: 24px;
  }
}
.home-about .main-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 782px) {
  .home-about .main-title {
    margin-bottom: 24px;
  }
}
.home-about .main-subtitle {
  margin-bottom: 30px;
}
@media only screen and (max-width: 782px) {
  .home-about .main-subtitle {
    margin-bottom: 24px;
  }
}
.home-about__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: center;
  color: #717171;
}
@media only screen and (max-width: 782px) {
  .home-about__text {
    font-size: 16px;
    line-height: 23px;
  }
}
.home-about__content {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .home-about__content {
    flex-direction: column;
    align-items: center;
  }
}
.home-about__left {
  width: 50%;
  max-width: 740px;
}
@media only screen and (max-width: 782px) {
  .home-about__left {
    width: 100%;
  }
}
.home-about__right {
  height: auto;
  width: 50%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 782px) {
  .home-about__right {
    width: 100%;
  }
}
.home-about__video {
  position: relative;
  padding-bottom: 56.25%;
  border-radius: 8px;
  overflow: hidden;
}
.home-about__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-about__features {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
.home-about__feature {
  padding: 25px;
  width: 50%;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 1365px) {
  .home-about__feature {
    padding: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .home-about__feature {
    font-size: 14px;
    line-height: 24px;
  }
}
.home-about__feature-img {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  .home-about__feature-img {
    margin-bottom: 12px;
    width: 60px;
    height: 60px;
  }
}
.home-about__feature-img img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
@media only screen and (max-width: 575px) {
  .home-about__feature-img img {
    width: 40px;
    height: 40px;
  }
}

.product-card {
  display: block;
  color: #434343;
}
.product-card__img {
  margin-bottom: 15px;
  background-color: #F9F9F9;
  border: 1px solid #EEEDED;
  box-shadow: 0px 4px 20px -5px rgba(68, 69, 85, 0.1490196078);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: scale(1);
  transition: transform 0.3s ease;
  width: 100%;
  padding-top: 100%;
}
.product-card__img img {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  max-width: 90%;
  max-height: 100%;
  object-fit: contain;
  transition: all 0.3s ease;
}
.product-card__text {
  display: none;
  padding: 0 10px 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  min-height: 80px;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 575px) {
  .product-card__text {
    font-size: 14px;
  }
}
.product-card__title {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0em;
  text-align: center;
  transition: all 0.3s ease;
  height: 40px;
}

.swiper-slide:hover {
  z-index: 3;
}
.swiper-slide:hover .product-card {
  margin-bottom: -40px;
}
@media only screen and (max-width: 991px) {
  .swiper-slide:hover .product-card {
    margin-bottom: 0;
  }
}
.swiper-slide:hover .product-card__img {
  background-color: #fff;
  border: 1px solid #5274ad;
  transform: scale(1.25);
  box-shadow: 0px 4px 20px -5px #5274ad;
  padding-top: 60%;
}
@media only screen and (max-width: 991px) {
  .swiper-slide:hover .product-card__img {
    transform: scale(1);
    padding-top: 100%;
  }
}
.swiper-slide:hover .product-card__img img {
  max-height: 60%;
  top: 0;
  transform: translate(0, 0);
}
@media only screen and (max-width: 991px) {
  .swiper-slide:hover .product-card__img img {
    max-height: 100%;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.swiper-slide:hover .product-card__text {
  display: block;
}
@media only screen and (max-width: 991px) {
  .swiper-slide:hover .product-card__text {
    display: none;
  }
}
.swiper-slide:hover .product-card__title {
  margin-bottom: -20px;
  padding-top: 20px;
  color: #5274ad;
}
@media only screen and (max-width: 991px) {
  .swiper-slide:hover .product-card__title {
    margin-bottom: 0;
    padding-top: 0;
  }
}

.article-card {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0px 4px 20px -5px rgba(68, 69, 85, 0.1490196078);
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease;
}
.article-card__img {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: #86BEF5;
  transition: all 0.3s ease;
  padding-bottom: 60%;
}
.article-card__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-position: center;
}
.article-card__mark {
  font-size: 16px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FDFDFD;
  display: block;
  position: absolute;
  top: 20px;
  left: 20px;
}
.article-card__date {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #FDFDFD;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.article-card__content {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.article-card__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
}
.article-card__text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
.article-card__link {
  padding-top: 20px;
  margin-top: auto;
  margin-left: auto;
}
.article-card__link svg {
  margin-left: 5px;
}
.article-card .text {
  display: block;
}
.article-card .text-more {
  display: none;
}

.article-slider .swiper-slide:nth-child(even) .article-card__img {
  background-color: #5274ad;
}

.article-slider .swiper-slide:hover {
  cursor: pointer;
}
@media only screen and (min-width: 992px) {
  .article-slider .swiper-slide:hover {
    margin-bottom: -200px;
  }
  .article-slider .swiper-slide:hover .article-card {
    height: auto;
    transform: scale(1.1);
    margin-top: -37px;
    margin-bottom: -60px;
  }
  .article-slider .swiper-slide:hover .article-card__img {
    padding-bottom: 58%;
  }
  .article-slider .swiper-slide:hover .text {
    display: none;
  }
  .article-slider .swiper-slide:hover .text-more {
    display: block;
  }
}

.exhibition-card {
  border-radius: 8px;
  box-shadow: 0px 4px 20px -5px rgba(68, 69, 85, 0.1490196078);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.exhibition-card__img {
  width: 100%;
  padding-bottom: 74%;
  background-color: #5274ad;
  position: relative;
}
.exhibition-card__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-position: center;
}
.exhibition-card__content {
  flex-grow: 1;
  padding: 30px 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media only screen and (max-width: 575px) {
  .exhibition-card__content {
    padding: 16px 20px 40px;
  }
}
.exhibition-card__title {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: left;
  color: #434343;
}
@media only screen and (max-width: 575px) {
  .exhibition-card__title {
    font-size: 16px;
    line-height: 23px;
  }
}
.exhibition-card__date {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: left;
  color: #717171;
  margin-top: auto;
}
@media only screen and (max-width: 575px) {
  .exhibition-card__date {
    font-size: 12px;
    line-height: 22px;
  }
}
.exhibition-card__btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.articles .exhibition-card__img img {
  object-fit: cover;
}

.image-card {
  display: flex;
  flex-direction: column;
}
.image-card__img {
  border: 1px solid #EEEDED;
  margin-bottom: 15px;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  box-shadow: 0px 4px 20px -5px rgba(68, 69, 85, 0.1490196078);
  transition: all 0.3s ease;
  border: 1px solid #EEEDED;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.image-card__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.image-card__content {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
  text-align: center;
  color: #434343;
}
@media only screen and (max-width: 575px) {
  .image-card__content {
    font-size: 16px;
    line-height: 23px;
  }
}
.image-card:hover .image-card__img {
  border: 1px solid #5274ad;
  box-shadow: 0px 4px 20px -5px #5274ad;
}
.image-card:hover .image-card__content {
  color: #5274ad;
}

.review-card {
  box-shadow: 0px 4px 20px -5px rgba(68, 69, 85, 0.1490196078);
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.review-card__content {
  padding: 30px;
  display: flex;
  flex-direction: column;
  height: calc(100% - 60px);
}
@media only screen and (max-width: 782px) {
  .review-card__content {
    padding: 16px;
    height: calc(100% - 32px);
  }
}
.review-card__top {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
}
@media only screen and (max-width: 782px) {
  .review-card__top {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 23px;
  }
}
.review-card__stars {
  margin-left: 5px;
  display: flex;
}
.review-card__stars img {
  padding: 5px;
  display: inline-block;
}
.review-card__title {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 29px;
  letter-spacing: 0em;
}
@media only screen and (max-width: 782px) {
  .review-card__title {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 26px;
  }
}
.review-card__text {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #717171;
}
@media only screen and (max-width: 782px) {
  .review-card__text {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 21px;
  }
}
.review-card__text p {
  margin-bottom: 10px;
}
.review-card__details {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.review-card__date {
  color: #717171;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
}
@media only screen and (max-width: 782px) {
  .review-card__date {
    font-size: 14px;
    line-height: 21px;
  }
}
.review-card__name {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0em;
}
@media only screen and (max-width: 782px) {
  .review-card__name {
    font-size: 16px;
    line-height: 21px;
  }
}

.nav-card {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 4px 20px -5px rgba(68, 69, 85, 0.1490196078);
  border: 1px solid #EEEDED;
  background-color: #F9F9F9;
  border-radius: 8px;
  width: 330px;
  height: 330px;
}
.nav-card__img {
  max-width: 100%;
  height: 83%;
}
.nav-card__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.nav-card__content {
  height: 17%;
  padding: 15px 10px;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: center;
  color: #434343;
}
.nav-card:hover .image-card__img {
  border: 1px solid #B4C0FF;
  box-shadow: 0px 4px 20px -5px rgba(45, 78, 255, 0.2);
}
.nav-card:hover .image-card__content {
  color: #5274ad;
}
.nav-card--sm {
  width: 120px;
  height: 120px;
}
.nav-card--sm .nav-card__content {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  letter-spacing: 0em;
  text-align: center;
}

.contact-section {
  display: flex;
  background-color: #5274ad;
}
@media only screen and (min-width: 1920px) {
  .contact-section {
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 991px) {
  .contact-section {
    margin-bottom: 0;
    flex-direction: column-reverse;
  }
}
.contact-section__img {
  height: auto;
  width: 50%;
  background-color: #252A75;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (max-width: 991px) {
  .contact-section__img {
    width: 100%;
    padding-bottom: 70%;
  }
}
.contact-section__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.contact-section__content {
  padding: 40px 75px 40px 110px;
}
@media only screen and (max-width: 1365px) {
  .contact-section__content {
    padding: 40px 30px;
  }
}
@media only screen and (max-width: 782px) {
  .contact-section__content {
    padding: 40px 20px;
  }
}
.contact-section__form {
  width: 100%;
  max-width: 520px;
}
@media only screen and (max-width: 991px) {
  .contact-section__form {
    margin: 0 auto;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .contact-section__form {
    text-align: left;
  }
}
.contact-section__title {
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 600;
  line-height: 43px;
  letter-spacing: 0em;
  color: #FDFDFD;
}
@media only screen and (max-width: 575px) {
  .contact-section__title {
    margin-bottom: 16px;
    font-size: 22px;
    line-height: 32px;
  }
}
.contact-section__subtitle {
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  color: #FDFDFD;
}
@media only screen and (max-width: 575px) {
  .contact-section__subtitle {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 26px;
  }
}
.contact-section__subtitle strong {
  font-weight: 600;
}

.contact-form__row {
  display: flex;
  margin: 0 -10px;
}
@media only screen and (max-width: 575px) {
  .contact-form__row {
    flex-wrap: wrap;
  }
}
.contact-form__row:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
  .contact-form__row:not(:last-child) {
    margin-bottom: 12px;
  }
}
.contact-form__row .form__group {
  padding: 0 10px;
  width: 50%;
  flex-grow: 1;
}
@media only screen and (max-width: 575px) {
  .contact-form__row .form__group {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .contact-form__row .form__group:not(:last-child) {
    margin-bottom: 12px;
  }
}
.contact-form__btn {
  margin-top: 30px;
  min-width: 250px;
}
@media only screen and (max-width: 575px) {
  .contact-form__btn {
    width: 100%;
  }
}

.systems {
  padding: 40px 0;
  position: relative;
  background-color: #DBEBFC;
}
@media only screen and (min-width: 1920px) {
  .systems {
    max-width: 1440px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 782px) {
  .systems {
    padding: 30px 0;
  }
}
.systems .container {
  padding-left: 0;
  padding-right: 0;
}
.systems .main-title {
  padding: 0 100px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 782px) {
  .systems .main-title {
    padding-left: 0;
    padding-right: 150px;
    text-align: left;
  }
}
.systems__top {
  padding: 20px 100px;
}
@media only screen and (max-width: 991px) {
  .systems__top {
    padding-left: 0;
  }
}

.systems-slider {
  position: relative;
  padding: 0 25px 20px;
}
@media only screen and (max-width: 575px) {
  .systems-slider {
    padding: 0 20px 30px;
  }
}
.systems-slider__nav {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.systems-slider__prev {
  margin-right: 8px;
}
.systems-slider .swiper-slide {
  height: auto;
}
@media only screen and (max-width: 575px) {
  .systems-slider .swiper-slide {
    width: 150px;
  }
}

.section-btn {
  padding: 0 20px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  .section-btn {
    margin-top: 0;
  }
}
@media only screen and (max-width: 575px) {
  .section-btn .btn {
    width: 100%;
  }
}

.popular {
  padding: 40px 0;
  position: relative;
}
@media only screen and (max-width: 782px) {
  .popular {
    padding: 30px 0;
  }
}
.popular .container {
  padding-left: 0;
  padding-right: 0;
}
.popular .main-title {
  padding: 0 100px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 782px) {
  .popular .main-title {
    padding-left: 0;
    text-align: left;
  }
}

.popular-slider {
  position: relative;
  padding: 0 25px 40px;
}
@media only screen and (max-width: 575px) {
  .popular-slider {
    padding: 0 20px 30px;
  }
}
.popular-slider__nav {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.popular-slider__prev {
  margin-right: 8px;
}

.latest-news {
  padding: 40px 0 0;
  position: relative;
}
@media only screen and (max-width: 782px) {
  .latest-news {
    padding: 30px 0 0;
  }
}
.latest-news .container {
  padding-left: 0;
  padding-right: 0;
}
.latest-news .main-title {
  padding: 0 100px;
  margin-bottom: 85px;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .latest-news .main-title {
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 782px) {
  .latest-news .main-title {
    padding-left: 0;
    text-align: left;
  }
}

.article-slider {
  position: relative;
  padding: 0 25px 100px;
}
@media only screen and (max-width: 991px) {
  .article-slider {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .article-slider {
    padding: 0 20px 30px;
  }
}
.article-slider__nav {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.article-slider__prev {
  margin-right: 8px;
}
.article-slider .swiper-slide {
  height: auto;
}
@media only screen and (max-width: 782px) {
  .article-slider .swiper-slide {
    width: 270px;
  }
}

.reviews {
  padding: 40px 0;
  position: relative;
}
@media only screen and (max-width: 782px) {
  .reviews {
    padding: 30px 0;
  }
}
.reviews .container {
  padding-left: 0;
  padding-right: 0;
}
.reviews .main-title {
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 782px) {
  .reviews .main-title {
    margin-bottom: 24px;
    text-align: left;
  }
}
.reviews .main-subtitle {
  padding: 0 100px;
  margin-bottom: 40px;
  text-align: center;
}
@media only screen and (max-width: 782px) {
  .reviews .main-subtitle {
    padding-left: 0;
    margin-bottom: 53px;
    text-align: left;
  }
}

.review-slider {
  position: relative;
  padding: 0 25px 20px;
}
@media only screen and (max-width: 575px) {
  .review-slider {
    padding: 0 20px 20px;
  }
}
.review-slider__nav {
  position: absolute;
  top: 10px;
  right: 20px;
  display: flex;
  align-items: center;
  z-index: 2;
}
.review-slider__prev {
  margin-right: 8px;
}
.review-slider .swiper-slide {
  height: auto;
}
@media only screen and (max-width: 782px) {
  .review-slider .swiper-slide {
    width: 270px;
  }
}

.subscribe {
  background-color: #3c558c;
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .subscribe {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.subscribe__form {
  padding: 120px 0;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .subscribe__form {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 575px) {
  .subscribe__form {
    padding: 37px 0;
  }
}
.subscribe__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.subscribe__title {
  margin-bottom: 30px;
  font-size: 38px;
  font-weight: 600;
  line-height: 55px;
  letter-spacing: 0em;
  text-align: center;
  color: #FDFDFD;
}
@media only screen and (max-width: 575px) {
  .subscribe__title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 35px;
  }
}

.subscribe-form, .subscribe form {
  max-width: 440px;
  margin: 0 auto;
  position: relative;
}
.subscribe-form .form__field, .subscribe form .form__field {
  height: 58px;
  padding-right: 135px;
}
@media only screen and (max-width: 575px) {
  .subscribe-form .form__field, .subscribe form .form__field {
    height: 55px;
  }
}
.subscribe-form .form__label, .subscribe form .form__label {
  top: 17px;
}
.subscribe-form .palceholder-js, .subscribe form .palceholder-js {
  top: 17px;
}
.subscribe-form__btn, .subscribe form__btn {
  min-width: 124px;
  position: absolute !important;
  right: 4px;
  top: 4px;
  padding: 10px;
  background-color: #5274ad !important;
  width: 124px !important;
}
@media only screen and (max-width: 575px) {
  .subscribe-form__btn, .subscribe form__btn {
    top: 3px;
  }
}

.form__group {
  position: relative;
}
.form__field {
  width: 100%;
  height: 50px;
  border-radius: 8px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  background-color: #FDFDFD;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.form__field:focus {
  border: 2px solid #2D4EFF;
}
.form__label {
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  color: #434343;
  font-size: 16px;
}
.form__label span {
  color: #2D4EFF;
}

textarea.form__field {
  height: auto;
  resize: none;
}

.palceholder-js {
  position: absolute;
  left: 20px;
  top: 13px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  color: #717171;
  font-size: 16px;
  cursor: text;
  transition: all 0.2s ease;
}

.palceholder-js.hide {
  top: 0;
  left: 0;
  font-size: 0;
  opacity: 0;
}

.palceholder-required label {
  position: relative;
}
.palceholder-required label::after {
  content: "*";
  padding-left: 5px;
  color: #5274ad;
}

.page-form__row {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.page-form__row .wpcf7-form-control-wrap {
  flex-grow: 1;
}
.page-form__row input {
  height: 50px;
}
.page-form__row textarea {
  resize: none;
}
.page-form__row input,
.page-form__row textarea {
  width: 100%;
  border-radius: 8px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  background-color: #FDFDFD;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.page-form__row input:focus,
.page-form__row textarea:focus {
  border: 2px solid #2D4EFF;
}
.page-form__row label {
  padding-right: 20px;
  width: 40%;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  color: #434343;
  font-size: 18px;
}
@media only screen and (max-width: 991px) {
  .page-form__row label {
    width: 50%;
  }
}
@media only screen and (max-width: 782px) {
  .page-form__row label {
    width: 100%;
    margin-bottom: 10px;
  }
}
.page-form__row label span {
  color: #2D4EFF;
}
.page-form__bottom {
  margin: 20px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-form__bottom .btn {
  min-width: 250px;
}

.ui-widget-content {
  background-color: #86BEF5 !important;
  height: auto !important;
  line-height: 20px;
  color: #fff;
  font-size: 16px;
  border-radius: 8px;
  overflow: hidden;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #5274ad;
  border: none;
  color: #fff;
  border-radius: 0;
  font-weight: 400;
  border: none !important;
}

.product-add {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 575px) {
  .product-add {
    flex-direction: column;
  }
}
.product-add__counter {
  display: flex;
}
@media only screen and (max-width: 575px) {
  .product-add__counter {
    margin-bottom: 10px;
  }
}
.product-add__counter .minus,
.product-add__counter .plus {
  margin-right: 2px;
  width: 44px;
  height: 44px;
  background: #EEEDED;
  border-radius: 8px;
  border: 1px solid #EEEDED;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  color: #434343;
  font-size: 18px;
}
.product-add__counter input {
  margin-right: 2px;
  height: 44px;
  width: 44px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #EEEDED;
  border-radius: 8px;
  text-align: center;
  color: #434343;
}
.product-add__buttons {
  display: flex;
  align-items: center;
}
.product-add__buttons .btn:not(:last-child) {
  margin-right: 15px;
}

.input-group {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  color: #434343;
}
.input-group input {
  height: 40px;
  border-radius: 8px;
  padding: 13px 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  background-color: #FDFDFD;
  border: solid transparent;
  border-width: 2px;
  transition: all 0.3s ease;
}
.input-group input:focus {
  border: solid #2D4EFF;
  border-width: 2px;
}
.input-group input:focus + .input-group-addon {
  border: solid #2D4EFF;
  border-width: 2px 2px 2px 0;
}
.input-group--sm {
  font-size: 14px;
}
.input-group--sm input {
  max-width: 80px;
  padding: 10px;
}
@media only screen and (max-width: 575px) {
  .input-group--sm input {
    font-size: 14px;
    max-width: 60px;
    padding: 5px;
  }
}
@media only screen and (max-width: 575px) {
  .input-group--line {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 575px) {
  .input-group--line .mobile_results {
    margin-top: 6px;
  }
}
.input-group span {
  padding: 0 3px;
}
.input-group .input-group-addon {
  min-width: 60px;
  height: 40px;
  line-height: 20px;
  border-radius: 0 8px 8px 0;
  background-color: #F0F7FF;
  color: #5274ad;
  font-size: 16px;
  font-weight: 500;
  padding: 13px 10px;
  border: solid transparent;
  border-width: 2px 2px 2px 0;
  transition: all 0.3s ease;
  position: relative;
  left: -8px;
}
.input-group .form-control[disabled],
.input-group .form-control[readonly] {
  cursor: not-allowed;
  background-color: #F0F7FF;
}
.input-group .form-control[disabled]:focus,
.input-group .form-control[readonly]:focus {
  border: solid transparent;
  border-width: 2px 0 2px 2px;
}
.input-group .form-control[disabled]:focus + .input-group-addon,
.input-group .form-control[readonly]:focus + .input-group-addon {
  border: solid transparent;
  border-width: 2px 2px 2px 0;
}

input[type=radio],
input[type=checkbox] {
  accent-color: #5274ad;
}

.breadcrumbs {
  padding: 10px 0;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: left;
  border-top: 1px solid #EEEDED;
  border-bottom: 1px solid #EEEDED;
  background-color: #F0F7FF;
}
.breadcrumbs a {
  color: #717171;
  font-size: 14px;
}
.breadcrumbs span span:last-child {
  text-transform: capitalize;
  color: #5274ad;
  font-weight: 500;
}

.single-page {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 782px) {
  .single-page {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.single-page img {
  display: flex;
  margin: 40px auto;
}
.single-page__content {
  margin-top: 40px;
  line-height: 140%;
}
.single-page__content .promo {
  max-width: 70%;
  margin-left: 20px;
}
@media only screen and (max-width: 782px) {
  .single-page__content .promo {
    max-width: 100%;
    margin-left: 0;
  }
}
.single-page__content .b-list {
  margin-top: 20px;
}
.single-page table {
  width: 100%;
  margin-top: 40px;
}
.single-page table th, .single-page table td {
  border: 1px solid #5274ad;
  padding: 5px;
}
.single-page p {
  line-height: 160%;
}
.single-page .row-item {
  margin-bottom: 20px;
}

.single__exhibition-promo {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .single__exhibition-promo {
    flex-direction: column;
  }
}
.single__exhibition-promo img {
  margin: 0 20px 0 0;
  width: 350px !important;
}
@media only screen and (max-width: 782px) {
  .single__exhibition-promo img {
    margin: 0 0 20px 0;
    width: 100%;
  }
}

.single-news .promo {
  flex-direction: column;
  align-items: flex-start;
}

@media only screen and (max-width: 991px) {
  .single-exhibition .single-page picture,
  .single-news .single-page picture {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
  }
}
.single-exhibition .single-page picture img,
.single-news .single-page picture img {
  width: 100%;
}
.single-exhibition .single-page picture .img-auto,
.single-news .single-page picture .img-auto {
  width: 50%;
}
.single-exhibition .single-page .promo,
.single-news .single-page .promo {
  width: calc(100% - 370px);
}
@media only screen and (max-width: 991px) {
  .single-exhibition .single-page .promo,
  .single-news .single-page .promo {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (max-width: 782px) {
  .single-exhibition .single-page .promo img,
  .single-news .single-page .promo img {
    width: 100%;
  }
}
.single-exhibition .single-page__content .b-list,
.single-exhibition .single-page__content ul,
.single-news .single-page__content .b-list,
.single-news .single-page__content ul {
  list-style: none;
}
.single-exhibition .single-page__content .b-list li,
.single-exhibition .single-page__content ul li,
.single-news .single-page__content .b-list li,
.single-news .single-page__content ul li {
  padding-left: 20px;
  margin: 0 0 20px;
  font-style: normal;
  color: #717171;
  position: relative;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
}
@media only screen and (max-width: 991px) {
  .single-exhibition .single-page__content .b-list li,
  .single-exhibition .single-page__content ul li,
  .single-news .single-page__content .b-list li,
  .single-news .single-page__content ul li {
    font-size: 17px;
  }
}
@media only screen and (max-width: 575px) {
  .single-exhibition .single-page__content .b-list li,
  .single-exhibition .single-page__content ul li,
  .single-news .single-page__content .b-list li,
  .single-news .single-page__content ul li {
    font-size: 16px;
  }
}
.single-exhibition .single-page__content .b-list li::before,
.single-exhibition .single-page__content ul li::before,
.single-news .single-page__content .b-list li::before,
.single-news .single-page__content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background-image: url(../../img/svg/check-list.svg);
  background-position: center;
  background-size: contain;
}
.single-exhibition .single-page__content .b-list li img,
.single-exhibition .single-page__content ul li img,
.single-news .single-page__content .b-list li img,
.single-news .single-page__content ul li img {
  display: inline-block;
  margin: 0;
}

.single__post .author__block {
  margin: 40px 0;
}
.single__post .author__block-wrap {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: 40px;
  column-gap: 40px;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media only screen and (max-width: 991px) {
  .single__post .author__block-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .single__post .author__block-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.single__post .author__block .author__card__img img {
  object-fit: cover;
  margin: 0;
  object-fit: cover;
  margin-bottom: 15px;
  width: 100%;
  height: 150px;
}
.single__post ul, .single__post ol {
  padding-left: 20px;
}
.single__post .promo {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
}
.single__post .btn {
  margin-top: 20px;
}

.articles-accordion__item {
  margin-bottom: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.articles-accordion__title {
  cursor: pointer;
  background-color: #F0F7FF;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  transition: background-color 0.3s;
}

.articles-accordion__title:hover {
  background-color: #F0F7FF;
}

.articles-accordion__content {
  padding: 10px;
  display: none;
}

.toggle-icon {
  font-size: 18px;
}

.section {
  padding: 60px 0;
}
@media only screen and (max-width: 991px) {
  .section {
    padding: 40px 0;
  }
}
.section .main-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .section .main-title {
    margin-bottom: 20px;
  }
}

.promo {
  margin-bottom: 20px;
  background-color: #EEEDED;
  padding: 30px;
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: normal;
}
@media only screen and (max-width: 782px) {
  .promo {
    font-size: 18px;
    flex-direction: column;
  }
}
.promo__text {
  flex-grow: 1;
  font-size: 18px;
  font-style: italic;
  font-weight: 300;
  line-height: 1.5;
  letter-spacing: 0em;
}
.promo__text p:not(:last-child) {
  margin-bottom: 18px;
}
@media only screen and (max-width: 782px) {
  .promo__text p:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 782px) {
  .promo__text {
    font-size: 16px;
  }
}
.promo__btn {
  padding: 0 20px;
}
@media only screen and (max-width: 782px) {
  .promo__btn {
    margin-top: 20px;
    padding: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .promo__btn {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .promo__btn .btn {
    width: 100%;
  }
}
.promo strong {
  font-weight: 700;
}

.img-full {
  width: 100%;
  height: auto;
  margin: 0 auto 20px;
}

.img-60 {
  display: block;
  max-width: 60%;
  height: auto;
  margin: 0 auto 20px;
}
@media only screen and (max-width: 782px) {
  .img-60 {
    max-width: 100%;
  }
}

.wrap-60 {
  display: block;
  max-width: 60%;
  height: auto;
  margin: 0 auto;
}
@media only screen and (max-width: 782px) {
  .wrap-60 {
    max-width: 100%;
  }
}

.counter-list {
  margin-bottom: 20px;
  counter-reset: custom-counter;
  list-style: none;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
}
.counter-list li {
  padding-left: 35px;
  margin-bottom: 20px;
  counter-increment: custom-counter;
  position: relative;
}
.counter-list li::before {
  content: counter(custom-counter);
  color: #FDFDFD;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  line-height: 24px;
  text-align: center;
  top: 0;
  left: 0;
  background-color: #86BEF5;
}

.columns-2 {
  columns: 2;
}
@media only screen and (max-width: 782px) {
  .columns-2 {
    columns: 1;
  }
}

.p-table {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #EEEDED;
  border-spacing: 0;
}
.p-table th {
  padding: 8px 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  background-color: #F0F7FF;
  color: #5274ad;
  vertical-align: middle;
  border: 1px solid #EEEDED;
}
@media only screen and (max-width: 575px) {
  .p-table th {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.p-table td {
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  border: 1px solid #EEEDED;
  vertical-align: middle;
}
@media only screen and (max-width: 575px) {
  .p-table td {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.p-table td:first-child {
  font-weight: 600;
}

.q-table {
  width: 100%;
  border: 1px solid #EEEDED;
  border-spacing: 0;
}
.q-table th {
  padding: 8px 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  background-color: #F0F7FF;
  color: #5274ad;
  vertical-align: middle;
  border: 1px solid #EEEDED;
}
@media only screen and (max-width: 575px) {
  .q-table th {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.q-table td {
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  border: 1px solid #EEEDED;
  vertical-align: baseline;
}
@media only screen and (max-width: 575px) {
  .q-table td {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.q-table td:first-child {
  min-width: 220px;
  font-weight: 600;
}
@media only screen and (max-width: 575px) {
  .q-table td:first-child {
    min-width: auto;
  }
}

.d-table {
  width: 100%;
  border: 1px solid #EEEDED;
  border-spacing: 0;
}
.d-table th {
  padding: 8px 15px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  background-color: #F0F7FF;
  color: #5274ad;
  vertical-align: middle;
  border: 1px solid #EEEDED;
  text-align: center;
}
@media only screen and (max-width: 575px) {
  .d-table th {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.d-table td {
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  border: 1px solid #EEEDED;
  vertical-align: middle;
}
@media only screen and (max-width: 575px) {
  .d-table td {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 20px;
  }
}
.d-table td:first-child {
  width: 15px;
  font-weight: 600;
  text-align: center;
}

.video-wrap {
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 56.25%;
  border-radius: 10px;
  overflow: hidden;
}
.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.theme-tabs__nav {
  display: flex;
  border-bottom: 1px solid #EEEDED;
}
.theme-tabs__list {
  list-style: none;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .theme-tabs__list {
    width: 100%;
    flex-direction: column;
  }
}
.theme-tabs__link {
  display: block;
  padding: 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  color: #434343;
}
.theme-tabs__item {
  flex-grow: 1;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #EEEDED;
  border-radius: 8px 8px 0px 0px;
  color: #434343;
  background-color: #fff;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .theme-tabs__item {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .theme-tabs__item {
    width: 100%;
    padding: 10px;
    border-radius: 0;
  }
}
@media only screen and (max-width: 575px) {
  .theme-tabs__item:first-child {
    border-radius: 8px 8px 0px 0px;
  }
}
.theme-tabs__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 2px;
  width: 0;
  background-color: #5274ad;
  transition: all 0.3s ease;
  z-index: 1;
}
.theme-tabs__item:hover::after {
  width: 100%;
}
.theme-tabs__item.active {
  color: #5274ad;
  background-color: #DBEBFC;
  background-color: #DBEBFC;
}
.theme-tabs__item.active .theme-tabs__link {
  color: #5274ad;
}
.theme-tabs__item.active::after {
  width: 100%;
}
.theme-tabs__content {
  padding: 20px 0;
}

.faq {
  font-family: "Jost", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: 0em;
}
.faq p {
  text-align: justify;
}
@media only screen and (max-width: 1365px) {
  .faq {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .faq {
    margin-bottom: 15px;
    font-size: 17px;
  }
}
@media only screen and (max-width: 575px) {
  .faq {
    margin-bottom: 10px;
    font-size: 16px;
  }
}

.theme-accordion {
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  border: 2px solid #EEEDED;
  overflow: hidden;
}
.theme-accordion__block:not(:last-child) {
  border-bottom: 1px solid #EEEDED;
}
.theme-accordion__trigger {
  padding: 10px 40px 10px 10px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #434343;
  background-color: #fff;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}
.theme-accordion__trigger::before {
  content: "\f078";
  font-family: "icomoon";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}
@media only screen and (max-width: 991px) {
  .theme-accordion__trigger {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .theme-accordion__trigger {
    width: 100%;
  }
}
.theme-accordion__trigger.active {
  color: #5274ad;
}
.theme-accordion__trigger.active::before {
  transform: translate(0, -50%) rotate(180deg);
}
.theme-accordion__inner {
  padding: 0 20px 20px;
}

.product-slider {
  color: #fff;
}
.product-slider__nav {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  align-items: center;
  z-index: 10;
  color: #5274ad;
}
.product-slider__prev {
  margin-right: 8px;
}
.product-slider .swiper-button-disabled .arrow-next:hover {
  cursor: auto;
  border: 1px solid #EEEDED;
  background-color: #FDFDFD;
  color: #434343;
}
.product-slider .swiper-button-disabled .arrow-next {
  opacity: 0.5;
}

.product-slider .swiper-container {
  width: 100%;
  height: 100%;
}

.product-slider__flex {
  display: flex;
  align-items: flex-start;
}

.product-slider__col {
  display: flex;
  flex-direction: column;
  width: 110px;
}

.product-slider__thumbs {
  height: 400px;
  overflow: hidden;
  position: relative;
}
.product-slider__thumbs::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(bottom, #FFFFFF 0%, #FFFFFF 77.86%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .product-slider__thumbs::after {
    display: none;
  }
}

.product-slider__thumbs .product-slider__image {
  transition: 0.25s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.5;
}

.product-slider__thumbs .product-slider__image:hover {
  opacity: 1;
}

.product-slider__thumbs .swiper-slide-thumb-active .product-slider__image {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}

.product-slider__images {
  width: 500px;
  height: 400px;
  overflow: hidden;
  position: relative;
}

.product-slider__images .product-slider__image img {
  transition: 3s;
}

.product-slider__images .product-slider__image:hover img {
  transform: scale(1.1);
}

.product-slider__image {
  width: 90%;
  height: 90%;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #F9F9F9;
  border: 1px solid #EEEDED;
  box-shadow: 0px 4px 20px -5px rgba(68, 69, 85, 0.1490196078);
  position: relative;
}
.product-slider__image a {
  cursor: grab;
}
.product-slider__image .open-galley {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #86BEF5;
  border-radius: 6px;
  cursor: pointer;
}

.product-slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media only screen and (max-width: 991px) {
  .product-slider__flex {
    flex-direction: column-reverse;
  }
  .product-slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .product-slider__images {
    width: 100%;
  }
  .product-slider__thumbs {
    height: 100px;
    width: 100%;
    margin: 0 16px;
  }
}
.pswp img {
  background: #F9F9F9;
  object-fit: contain;
  border-radius: 8px;
}

.lang_langswitcher {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 30px;
  border-radius: 5px;
  margin-right: 10px;
  z-index: 0;
}
@media (max-width: 1149px) {
  .lang_langswitcher {
    order: 3;
    margin-left: 20px;
  }
}
.lang_langswitcher.open {
  z-index: 100;
}
.lang_langswitcher.open li {
  background-color: #F0F7FF;
  opacity: 1;
  transform: translateY(0);
  display: flex;
  animation: hideElement 1s forwards;
}
.lang_langswitcher.open li a {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
}
.lang_langswitcher.open .lang-item-init::after {
  transform: rotate(180deg);
}
.lang_langswitcher li {
  z-index: 2;
  font-weight: 500;
  font-size: 16px;
  color: #2E3033;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  border-left: 1px solid #5274ad;
  border-right: 1px solid #5274ad;
}
.lang_langswitcher li:nth-child(2) {
  border-radius: 5px 5px 0 0;
  border: 1px solid #5274ad;
}
.lang_langswitcher li:last-child {
  border-radius: 0 0 5px 5px;
  border: 1px solid #5274ad;
}
.lang_langswitcher li a {
  color: #2E3033;
  z-index: 1;
  text-align: center;
  display: block;
  padding: 5px;
  transition: color 0.3s ease;
}
.lang_langswitcher li.current-lang {
  background-color: #5274ad;
}
.lang_langswitcher li.current-lang a {
  color: #F0F7FF !important;
}
.lang_langswitcher li:hover {
  background-color: #5274ad;
}
.lang_langswitcher li:hover a {
  color: #F0F7FF !important;
}
.lang_langswitcher li.lang-item-init {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  display: flex;
  justify-content: space-between;
  color: #2E3033;
  padding: 5px 10px;
  height: 100%;
  opacity: 1;
  transform: none;
  border: none;
  animation: none;
}
.lang_langswitcher li.lang-item-init::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3e%3c!--!Font Awesome Free 6.5.1 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2023 Fonticons, Inc.--%3e%3cpath d='M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3e%3c/svg%3e");
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 4px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.lang_langswitcher li.lang-item-init:hover {
  background-color: transparent;
}
.lang_langswitcher li.lang-item-init:hover a {
  color: #2E3033 !important;
}
.lang_langswitcher li.lang-item-init a {
  color: #2E3033;
  z-index: 1;
  pointer-events: none !important;
  display: block;
  padding: 0;
}

@keyframes hideElement {
  0% {
    opacity: 0.5;
    display: none;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    display: flex;
    transform: translateY(0);
  }
}
.solution-map {
  padding: 60px 0;
}
@media only screen and (max-width: 991px) {
  .solution-map {
    padding: 40px 0;
  }
}
.solution-map .main-title {
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .solution-map .main-title {
    margin-bottom: 20px;
  }
}
.solution-map__container {
  width: 100%;
  font-size: 16px;
}

#vmap {
  width: 100%;
  height: 600px;
}
@media only screen and (max-width: 991px) {
  #vmap {
    height: 400px;
  }
}

path#jqvmap1_ru {
  display: none;
}

.jqvmap-label {
  font-size: 12px;
  background-color: #5274ad;
}

.product-page {
  padding: 60px 0 50px;
}
@media only screen and (max-width: 991px) {
  .product-page {
    padding: 30px 0;
  }
}
.product-page__section {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .product-page__section {
    flex-direction: column;
  }
}
.product-page__section:first-child .product-page__right {
  min-height: 450px;
}
@media only screen and (max-width: 991px) {
  .product-page__section:first-child .product-page__right {
    min-height: auto;
  }
}
@media only screen and (max-width: 1365px) {
  .product-page__section:last-child .product-page__left {
    display: none;
  }
}
.product-page__left {
  min-width: 520px;
  overflow: hidden;
}
@media only screen and (max-width: 1365px) {
  .product-page__left {
    min-width: 450px;
  }
}
@media only screen and (max-width: 991px) {
  .product-page__left {
    width: 100%;
    min-width: auto;
  }
}
.product-page__right {
  padding-left: 15px;
  flex-grow: 1;
  width: 78%;
}
@media only screen and (max-width: 991px) {
  .product-page__right {
    margin-top: 30px;
    padding-left: 0;
    width: 100%;
  }
}
.product-page__title {
  margin-bottom: 40px;
  border-bottom: 1px solid #EEEDED;
}
@media only screen and (max-width: 575px) {
  .product-page__title {
    text-align: center;
  }
}
.product-page__block {
  padding-bottom: 30px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  color: #717171;
}
.product-page__subtitle {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.08em;
  color: #5274ad;
}
.product-page__form {
  margin-bottom: 60px;
}
@media only screen and (max-width: 575px) {
  .product-page__form {
    margin-bottom: 30px;
  }
}

.tab {
  display: none;
}
.tab.active {
  display: block;
}

.product-options {
  display: flex;
  border-bottom: 1px solid #EEEDED;
}
.product-options__list {
  list-style: none;
  display: flex;
}
@media only screen and (max-width: 575px) {
  .product-options__list {
    width: 100%;
    flex-direction: column;
  }
}
.product-options__link {
  cursor: pointer;
}
.product-options__item {
  padding: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.08em;
  text-align: left;
  text-transform: uppercase;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #EEEDED;
  border-radius: 8px 8px 0px 0px;
  color: #434343;
  background-color: #fff;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 991px) {
  .product-options__item {
    font-size: 14px;
  }
}
@media only screen and (max-width: 575px) {
  .product-options__item {
    width: 100%;
    padding: 10px;
    border-radius: 0;
  }
}
@media only screen and (max-width: 575px) {
  .product-options__item:first-child {
    border-radius: 8px 8px 0px 0px;
  }
}
.product-options__item::after {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  height: 2px;
  width: 0;
  background-color: #5274ad;
  transition: all 0.3s ease;
  z-index: 1;
}
.product-options__item:hover {
  background-color: #d9ebfe;
}
.product-options__item.active {
  color: #5274ad;
  background-color: #d9ebfe;
}
.product-options__item.active::after {
  width: 100%;
}
.product-options__content {
  padding: 20px 0;
}

.product-settings__list {
  margin-bottom: 20px;
  counter-reset: custom-counter;
  list-style: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0em;
}
.product-settings__list li {
  padding-left: 40px;
  margin-bottom: 20px;
  counter-increment: custom-counter;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #434343;
}
.product-settings__list li::before {
  content: counter(custom-counter);
  color: #FDFDFD;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  top: -3px;
  left: 0;
  background-color: #86BEF5;
}
.product-settings__content {
  padding: 20px 0 30px;
  margin-left: -40px;
}
.product-settings__content p {
  margin-bottom: 15px;
}
.product-settings__images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 782px) {
  .product-settings__images {
    grid-template-columns: repeat(1, 1fr);
  }
}
.product-settings__img {
  width: 100%;
  padding-bottom: 56%;
  border-radius: 8px;
  border: 1px solid #EEEDED;
  background-color: #EEEDED;
  position: relative;
}
.product-settings__img img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-table {
  margin-bottom: 20px;
}

#map_canvas {
  height: 400px;
}
@media only screen and (max-width: 575px) {
  #map_canvas {
    height: 300px;
  }
}

.about-page {
  padding: 0 0 40px;
}
@media only screen and (max-width: 991px) {
  .about-page {
    padding: 0 0 30px;
  }
}
.about-page__title {
  padding: 40px 20px 20px;
}
@media only screen and (max-width: 991px) {
  .about-page__title {
    padding: 30px 20px 10px;
  }
}
.about-page .main-title {
  margin-bottom: 20px;
}
.about-page__blocks {
  padding: 20px 0;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .about-page__blocks {
    flex-direction: column;
  }
}
.about-page__block {
  flex-grow: 1;
  max-width: 1000px;
  margin: 0 auto;
  width: 50%;
  padding: 20px;
}
@media only screen and (max-width: 991px) {
  .about-page__block {
    padding: 20px 0;
    width: 100%;
  }
}
.about-page__block ul {
  margin-top: 10px;
}
.about-page__block ul li {
  padding-left: 25px;
  margin-bottom: 10px;
}
.about-page__block ul li::before {
  top: 2px;
  width: 20px;
  height: 20px;
}
.about-page .offers {
  margin-bottom: -30px;
}
.about-page .offer-slider__nav {
  top: 20px;
}
.about-page .systems-slider__nav {
  top: 20px;
}
.about-page .image-card__content p {
  display: inline-block;
  padding-left: 20px;
  position: relative;
}
.about-page .image-card__content p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_80_1740' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3e%3cpath d='M8 14.667a6.646 6.646 0 004.714-1.953A6.646 6.646 0 0014.667 8a6.646 6.646 0 00-1.953-4.714A6.646 6.646 0 008 1.333a6.646 6.646 0 00-4.714 1.953A6.646 6.646 0 001.333 8a6.646 6.646 0 001.953 4.714A6.645 6.645 0 008 14.667z' fill='%23fff' stroke='%23fff' stroke-width='1.333' stroke-linejoin='round'/%3e%3cpath d='M5.333 8l2 2 4-4' stroke='%23000' stroke-width='1.333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/mask%3e%3cg mask='url(%23mask0_80_1740)'%3e%3cpath d='M0 0h16v16H0V0z' fill='%235274ad'/%3e%3c/g%3e%3c/svg%3e");
  background-position: center;
  background-size: contain;
}
.about-page .image-card:hover .image-card__content {
  color: #434343;
}

.contacts {
  padding: 40px 0;
}
.contacts .main-title {
  text-align: center;
  margin-bottom: 30px;
}
.contacts__content {
  padding: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
}
.contacts__block {
  width: 25%;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .contacts__block {
    justify-content: flex-start;
    width: 50%;
  }
}
@media only screen and (max-width: 575px) {
  .contacts__block {
    width: 100%;
  }
}

.contact-box {
  padding-left: 50px;
  position: relative;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #717171;
}
.contact-box__icon {
  position: absolute;
  left: 0;
  top: 5px;
  width: 40px;
  height: 40px;
  font-size: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #5274ad;
}
.contact-box__title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
}
.contact-box p {
  margin-bottom: 10px;
}
.contact-box a {
  color: #5274ad;
  position: relative;
}
.contact-box a::after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 0;
  height: 1px;
  background-color: #5274ad;
  transition: all 0.3s ease;
}
.contact-box a:hover::after {
  width: 100%;
}

.about-page-rocks {
  padding-bottom: 0;
}
.about-page-rocks__content {
  padding-bottom: 40px;
}
.about-page-rocks .exhibition-card {
  box-shadow: none;
}
.about-page-rocks .exhibition-card__img {
  padding-bottom: 50%;
  margin: 10px auto;
  width: 90%;
  box-shadow: 0px 4px 20px -5px rgba(68, 69, 85, 0.1490196078);
}
.about-page-rocks .exhibition-card__img img {
  object-fit: contain;
  height: 100%;
}
.about-page-rocks .exhibition-card__content {
  height: auto;
  padding-top: 10px;
  flex-grow: 0;
}

.downloads .theme-tabs__list {
  width: 100%;
}
.downloads .theme-tabs__item {
  flex-grow: 1;
  text-align: center;
}
.downloads .theme-tabs__link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.downloads .theme-tabs__link span {
  padding-right: 10px;
}
.downloads .d-table th {
  vertical-align: middle;
}
.downloads .d-table th span {
  font-size: 14px;
  padding-right: 10px;
}
.downloads .d-table tr:hover {
  background-color: #F0F7FF;
}
.downloads .d-table td {
  max-width: 50px;
}
.downloads .d-table td a {
  word-wrap: break-word;
  font-size: 16px;
}
@media only screen and (max-width: 782px) {
  .downloads .d-table td a {
    font-size: 14px;
  }
}

.table__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  display: none;
}
@media (max-width: 1150px) {
  .table__header {
    display: none;
  }
}
.table__header-product {
  width: 30%;
}
@media (max-width: 1150px) {
  .table__header-product {
    width: 100%;
  }
}
.table__header-details {
  display: flex;
  width: 70%;
  justify-content: space-between;
}
@media (max-width: 1150px) {
  .table__header-details {
    width: 100%;
  }
}

.product-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  background-color: #F0F7FF;
  border-radius: 8px;
  padding: 20px;
}
.product-item .product-details {
  display: flex;
  width: 68%;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1150px) {
  .product-item .product-details {
    width: 100%;
    justify-content: flex-start;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 782px) {
  .product-item .product-details {
    flex-direction: column;
  }
}
@media (max-width: 1150px) {
  .product-item .product-details .product-comment {
    margin: 20px 0;
  }
}
@media only screen and (max-width: 782px) {
  .product-item .product-details .product-comment {
    text-align: center;
  }
}
.product-item .product-item__img {
  width: 30%;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
@media (max-width: 1150px) {
  .product-item .product-item__img {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 782px) {
  .product-item .product-item__img {
    flex-direction: column;
  }
}
.product-item .product-item__img .product-img {
  max-width: 150px;
  margin-right: 20px;
}
@media only screen and (max-width: 782px) {
  .product-item .product-item__img .product-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 782px) {
  .product-item .product-item__img .product-name {
    text-align: center;
  }
}
.product-item .product-close {
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 1150px) {
  .product-item .product-close {
    position: absolute;
    top: 20px;
    right: 20px;
  }
}

.catalog {
  padding: 0 0 60px;
}
@media only screen and (max-width: 991px) {
  .catalog {
    padding: 0 0 40px;
  }
}
.catalog .main-title {
  margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
  .catalog .main-title {
    margin-bottom: 20px;
  }
}
.catalog__subtitle {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0.08em;
  color: #5274ad;
}
.catalog__content {
  position: relative;
  margin-top: 20px;
  display: flex;
}
@media only screen and (max-width: 991px) {
  .catalog__content {
    flex-direction: column;
  }
}
.catalog__top {
  padding: 40px 0 0;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .catalog__top {
    padding: 30px 0 0;
  }
}
.catalog__bottom {
  padding: 40px 0 0;
}
@media only screen and (max-width: 991px) {
  .catalog__bottom {
    padding: 30px 0 0;
  }
}
.catalog__filters {
  min-width: 200px;
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #5274ad;
}
@media only screen and (max-width: 991px) {
  .catalog__filters {
    margin-bottom: 10px;
    border-right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
.catalog__results {
  flex-grow: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.catalog__results--sm {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 991px) {
  .catalog__results {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 782px) {
  .catalog__results {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .catalog__results {
    grid-template-columns: repeat(1, 1fr);
  }
}
.catalog .product-card {
  display: flex;
  flex-direction: column;
}
.catalog .product-card__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.catalog .product-card__img {
  overflow: hidden;
}
.catalog .product-card__img img {
  transition: all 1s ease;
}
.catalog .product-card__img:hover img {
  transform: translate(0, -50%) scale(1.1);
}
.catalog .product-card__btn {
  width: 100%;
  margin-top: 15px;
  padding: 8px;
}
.catalog .product-card__btn span {
  padding: 0 5px;
}
.catalog .product-card__btn .icon-cog {
  transition: all 0.3s ease;
}
.catalog .product-card__btn:hover .icon-cog {
  transform: rotate(360deg);
}

.catalog-hero {
  width: 100%;
  position: relative;
}
@media only screen and (min-width: 1920px) {
  .catalog-hero {
    max-width: 1440px;
    margin: 0 auto;
  }
}
.catalog-hero__inner {
  min-height: 400px;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 991px) {
  .catalog-hero__inner {
    padding-bottom: 350px;
    flex-direction: column;
  }
}
.catalog-hero__bg {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 50%;
  background: linear-gradient(90deg, #F0F7FF 15.9%, #F0F7FF 39.85%, rgba(255, 255, 255, 0) 101.46%);
}
@media only screen and (max-width: 782px) {
  .catalog-hero__bg {
    display: none;
  }
}
.catalog-hero__container {
  max-width: 1330px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 40px 20px;
}
@media only screen and (max-width: 782px) {
  .catalog-hero__container {
    padding: 20px 20px 5px;
  }
}
.catalog-hero__content {
  max-width: 630px;
  position: relative;
  height: 100%;
  width: 100%;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
  z-index: 10;
}
@media only screen and (max-width: 1365px) {
  .catalog-hero__content {
    max-width: 58%;
  }
}
@media only screen and (max-width: 991px) {
  .catalog-hero__content {
    max-width: 100%;
    font-size: 18px;
    line-height: 24px;
  }
}
.catalog-hero__content p {
  text-align: justify;
}
.catalog-hero__title {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0em;
}
@media only screen and (max-width: 1365px) {
  .catalog-hero__title {
    font-size: 52px;
  }
}
@media only screen and (max-width: 991px) {
  .catalog-hero__title {
    margin-bottom: 24px;
    font-size: 50px;
    text-align: center;
  }
}
@media only screen and (max-width: 782px) {
  .catalog-hero__title {
    margin-bottom: 15px;
    font-size: 40px;
  }
}
@media (max-width: 374px) {
  .catalog-hero__title {
    font-size: 30px;
  }
}
.catalog-hero__slider {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-color: #e0ecfe;
}
.catalog-hero__slider .cards-slider {
  width: 45%;
  height: auto;
  max-height: 90%;
  margin-right: 0;
}
@media only screen and (min-width: 1366px) {
  .catalog-hero__slider .cards-slider {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .catalog-hero__slider .cards-slider {
    width: 100%;
    position: absolute;
    bottom: 40px;
    height: 300px;
  }
}
.catalog-hero__slider .cards-slide__title {
  font-size: 18px;
  line-height: 1.4;
}

.filter-open,
.filter-close {
  padding: 10px;
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #5274ad;
  cursor: pointer;
}
.filter-open span,
.filter-close span {
  font-size: 20px;
  padding: 0 5px;
}

.filter-open,
.filter-close {
  display: none;
}
@media only screen and (max-width: 991px) {
  .filter-open,
  .filter-close {
    display: flex;
  }
}

.filter-open {
  border-radius: 5px;
  border: 1px solid #5274ad;
  transition: all 0.3s ease;
}
.filter-open:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.15);
}

.filter-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

@media only screen and (max-width: 991px) {
  .catalog-filter {
    position: fixed;
    top: 0;
    width: 300px;
    height: 100vh;
    background-color: #fff;
    z-index: 100;
    padding: 40px 10px;
    transition: all 0.3s ease;
    right: -110%;
  }
}
@media only screen and (max-width: 575px) {
  .catalog-filter {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .catalog-filter.active {
    right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .catalog-filter__form {
    padding: 0 20px 10px;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
  }
}
.catalog-filter__title {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.08em;
  color: #5274ad;
}
@media only screen and (max-width: 782px) {
  .catalog-filter__title {
    font-size: 16px;
  }
}
.catalog-filter__subtitle {
  margin-bottom: 10px;
  font-family: "Jost", "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #5274ad;
}
.catalog-filter .btn {
  margin-bottom: 10px;
  width: 100%;
  padding: 8px;
}
.catalog-filter__values {
  margin-bottom: 10px;
}
.catalog-filter__values label {
  margin-bottom: 5px;
  display: block;
}
.catalog-filter__bottom {
  margin-top: 20px;
}

.main-page__container {
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .main-page__container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.main-page__container .section-btn {
  margin-top: 50px;
}

.page-contacts .content {
  width: 100%;
}
.page-contacts .download__link {
  color: #434343;
  display: block;
}
.page-contacts .page-form__bottom {
  flex-direction: column;
}
.page-contacts .wpcf7-textarea.full-height {
  height: 100%;
}
.page-contacts .contact-form__btn {
  cursor: pointer;
}

.all-template {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 782px) {
  .all-template {
    padding-top: 40px;
    padding-top: 40px;
  }
}
.all-template__container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 40px;
  column-gap: 40px;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media only screen and (max-width: 991px) {
  .all-template__container {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 782px) {
  .all-template__container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 782px) {
  .all-template__container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.all-template .product-card {
  text-align: center;
}
.all-template .product-card__btn {
  margin: 20px auto 0;
}

.shop-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 40px;
  column-gap: 40px;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media only screen and (max-width: 991px) {
  .shop-cards {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 782px) {
  .shop-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .shop-cards {
    grid-template-columns: repeat(1, 1fr);
  }
}

.flex-template {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 782px) {
  .flex-template {
    padding-top: 40px;
    padding-top: 40px;
  }
}
.flex-template__container {
  display: flex;
  flex-wrap: wrap;
  row-gap: 40px;
  column-gap: 40px;
  margin-bottom: 60px;
  margin-top: 60px;
}
@media (max-width: 1149px) {
  .flex-template__container {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  .flex-template__container {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.flex-template .product-card {
  width: 22.2222222222%;
  text-align: center;
}
@media only screen and (max-width: 991px) {
  .flex-template .product-card {
    width: 28.5714285714%;
  }
}
@media only screen and (max-width: 782px) {
  .flex-template .product-card {
    width: 40%;
  }
}
@media only screen and (max-width: 575px) {
  .flex-template .product-card {
    width: 100%;
  }
}
.flex-template .product-card__description {
  width: 100%;
}
.flex-template .product-card__btn {
  margin-top: 20px;
}

.error-page .error-title {
  font-size: 150px;
  text-shadow: 0 4px 0 #dcdcdc;
  text-align: center;
  line-height: 100%;
  margin: 0;
}
@media only screen and (max-width: 782px) {
  .error-page .error-title {
    font-size: 130px;
  }
}
.error-page .section-btn {
  margin-top: 40px;
}

.calculator-nav .theme-tabs__nav {
  justify-content: center;
}

.calculator-form {
  margin-top: 20px;
}
.calculator-form--sm {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.calculator-form--xs {
  width: 100%;
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.calculator-form__wrap {
  display: flex;
}
@media only screen and (max-width: 991px) {
  .calculator-form__wrap {
    flex-direction: column;
  }
}
.calculator-form__section {
  flex-grow: 1;
}
.calculator-form__radio-group {
  padding: 5px 15px;
  max-width: 320px;
  margin: 0 auto;
}
.calculator-form__radio {
  line-height: 20px;
}
.calculator-form__radio label {
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0em;
  color: #434343;
  font-size: 16px;
}
.calculator-form__radio label .input-group {
  display: inline-flex;
}
.calculator-form label {
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  color: #434343;
  font-size: 18px;
}
.calculator-form__title {
  font-family: "Jost", "Arial", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  padding: 13px 20px;
  background-color: #F0F7FF;
  color: #5274ad;
}
@media only screen and (max-width: 575px) {
  .calculator-form__title {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.calculator-form__block {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.calculator-form__block--center {
  align-items: center;
}
.calculator-form__row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 782px) {
  .calculator-form__row {
    flex-direction: column;
  }
}
.calculator-form__row:not(:last-child) {
  margin-bottom: 10px;
}
.calculator-form__item {
  width: 320px;
  line-height: 0;
}
@media only screen and (max-width: 575px) {
  .calculator-form__item {
    width: 100%;
    max-width: 320px;
  }
}
.calculator-form__group {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 782px) {
  .calculator-form__group {
    flex-direction: column;
  }
}
.calculator-form__group label {
  width: 320px;
}
@media only screen and (max-width: 782px) {
  .calculator-form__group label {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 575px) {
  .calculator-form__group label {
    width: 100%;
    max-width: 320px;
  }
}
.calculator-form__group input {
  flex-grow: 1;
}
.calculator-form__group .input-group {
  width: 320px;
}
@media only screen and (max-width: 575px) {
  .calculator-form__group .input-group {
    width: 100%;
    max-width: 320px;
  }
}
.calculator-form__group select {
  width: calc(100% - 8px);
  border-radius: 8px;
  font-size: 18px;
  line-height: 40px;
  height: 40px;
}
.calculator-form__text {
  font-weight: normal;
  line-height: 23px;
  letter-spacing: 0em;
  color: #434343;
  font-size: 16px;
}
.calculator-form__bottom {
  margin: 20px 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rtl .main-nav {
  margin-right: 0;
  margin-left: 50px;
}
@media only screen and (max-width: 1365px) {
  .rtl .main-nav {
    margin-left: 30px;
  }
}
@media (max-width: 1150px) {
  .rtl .main-nav {
    margin-left: 0;
    left: -150%;
    right: auto;
  }
}
@media (max-width: 1150px) {
  .rtl .main-nav.active {
    left: 0;
    right: auto;
  }
}
.rtl .main-nav__list {
  margin-right: 20px;
  margin-left: auto;
}
@media (max-width: 1150px) {
  .rtl .main-nav__list {
    margin-right: 0;
    margin-left: 0;
  }
}
.rtl .main-nav__login {
  padding-left: 0;
  padding-right: 12px;
}
.rtl .main-nav__name {
  padding: 0 8px 0 12px;
  border-right: none;
  border-left: 1px solid #252A75;
}
@media (max-width: 1150px) {
  .rtl .main-header__links {
    margin-right: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 575px) {
  .rtl .main-header__links {
    margin: 0 auto;
  }
}
.rtl .sub-nav-first {
  right: 0;
}
@media (max-width: 1150px) {
  .rtl .sub-nav-first {
    padding-top: 20px;
  }
}
.rtl .burger-menu {
  margin-left: 0;
  margin-right: 24px;
}
@media only screen and (max-width: 575px) {
  .rtl .burger-menu {
    margin-right: 0;
  }
}
.rtl .search-field {
  background-position: center left 10px;
  padding: 10px 10px 10px 34px;
}
.rtl .search-form .search-btn {
  left: 5px;
  right: auto;
}
.rtl .main-header__contact-btn span {
  padding-left: 0;
  padding-right: 6px;
}
.rtl .sub-nav-content {
  left: 0;
  right: auto;
}
.rtl .sub-nav-second {
  left: auto;
  right: 0;
}
.rtl .nav-tags .tag-link:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.rtl .hero__bg {
  right: 0;
  left: auto;
  background: linear-gradient(-90deg, #F0F7FF 15.9%, #F0F7FF 39.85%, rgba(255, 255, 255, 0) 101.46%);
}
.rtl .hero__tags .tag-link:not(:last-child) {
  margin-right: 0;
  margin-left: 8px;
}
.rtl .hero__buttons .btn:not(:last-child) {
  margin-left: 20px;
  margin-right: 0;
}
.rtl .hero-slider__nav {
  left: 76px;
  right: auto;
}
@media only screen and (max-width: 782px) {
  .rtl .hero-slider__nav {
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.rtl .cards-slider {
  margin-right: auto;
  margin-left: 50px;
}
.rtl .hero-slider__prev {
  margin-left: 8px;
  margin-right: 0;
}
.rtl .hero-slider .swiper-pagination {
  margin-left: 16px;
  margin-right: 0;
}
.rtl .swiper .arrow-next,
.rtl .swiper .arrow-prev {
  transform: rotate(180deg);
}
@media only screen and (max-width: 782px) {
  .rtl .offers .main-title {
    text-align: right;
    padding-left: 100px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .rtl .offers__top {
    text-align: right;
    padding-left: 100px;
    padding-right: 0;
  }
}
.rtl .offer-slider__nav {
  right: auto;
  left: 20px;
}
.rtl .offer-slider__prev {
  margin-right: auto;
  margin-left: 8px;
}
@media only screen and (max-width: 782px) {
  .rtl .exhibitions .main-title {
    text-align: right;
    padding-left: 100px;
    padding-right: 0;
  }
}
.rtl .exhibition-slider__nav {
  right: auto;
  left: 20px;
}
.rtl .exhibition-slider__prev {
  margin-right: auto;
  margin-left: 8px;
}
@media only screen and (max-width: 782px) {
  .rtl .systems .main-title {
    text-align: right;
    padding-left: 100px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 991px) {
  .rtl .systems__top {
    text-align: right;
    padding-left: 100px;
    padding-right: 0;
  }
}
.rtl .systems-slider__nav {
  right: auto;
  left: 20px;
}
.rtl .systems-slider__prev {
  margin-right: auto;
  margin-left: 8px;
}
@media only screen and (max-width: 782px) {
  .rtl .popular .main-title {
    text-align: right;
    padding-left: 100px;
    padding-right: 0;
  }
}
.rtl .popular-slider__nav {
  right: auto;
  left: 20px;
}
.rtl .popular-slider__prev {
  margin-right: auto;
  margin-left: 8px;
}
@media only screen and (max-width: 782px) {
  .rtl .reviews .main-title {
    text-align: right;
  }
}
.rtl .review-slider__nav {
  right: auto;
  left: 20px;
}
.rtl .review-slider__prev {
  margin-right: auto;
  margin-left: 8px;
}
@media only screen and (max-width: 782px) {
  .rtl .reviews .main-subtitle {
    padding-left: 100px;
    padding-right: 0;
    text-align: right;
  }
}
@media only screen and (max-width: 782px) {
  .rtl .latest-news .main-title {
    text-align: right;
    padding-left: 100px;
    padding-right: 0;
  }
}
.rtl .article-slider__nav {
  right: auto;
  left: 20px;
}
.rtl .article-slider__prev {
  margin-right: auto;
  margin-left: 8px;
}
.rtl .article-card__link {
  margin-left: 0;
  margin-right: auto;
}
.rtl .article-card__link svg {
  margin-left: 0;
  margin-right: 5px;
  transform: rotate(180deg);
}
.rtl .main-footer__address {
  margin-right: 0;
  margin-left: 30px;
}
@media only screen and (max-width: 782px) {
  .rtl .main-footer__address {
    margin: 0 auto;
    text-align: center;
  }
}
.rtl .main-footer__links a:not(:last-child) {
  border-left: 1px solid #FDFDFD;
  border-right: 0;
}
.rtl .main-footer__phone img {
  padding-left: 10px;
  padding-right: 0;
}
.rtl .main-footer__action p {
  text-align: left;
}
@media only screen and (max-width: 1365px) {
  .rtl .main-footer__action p {
    text-align: center;
  }
}
.rtl .custom-typography ol li {
  padding-right: 30px;
  padding-left: 0;
}
.rtl .custom-typography ol li::before {
  right: 0;
}
.rtl .custom-typography ul li {
  padding-right: 20px;
  padding-left: 0;
}
.rtl .custom-typography ul li::before {
  right: 0;
}
.rtl .counter-list li {
  padding-left: 0;
  padding-right: 35px;
}
.rtl .counter-list li::before {
  right: 0;
}
.rtl .downloads .theme-tabs__link span {
  padding-right: 10px;
  padding-left: 10px;
}
.rtl .page-form__row {
  flex-direction: row-reverse;
}
.rtl .page-form__row label {
  padding-right: 0;
  padding-left: 20px;
  text-align: right;
}
.rtl .input-group .input-group-addon {
  left: auto;
  right: -8px;
  border-radius: 8px 0 0 8px;
}
.rtl .input-group input:focus + .input-group-addon {
  border-width: 2px 0 2px 2px;
}
.rtl .about-page__block ul li {
  padding-right: 25px;
}
.rtl .contact-box {
  padding-right: 50px;
  padding-left: 0;
}
.rtl .contact-box__icon {
  left: auto;
  right: 0;
}
.rtl .palceholder-js {
  right: 20px;
  left: auto;
}
.rtl .btn svg {
  margin-left: 8px;
  margin-right: 0;
}
.rtl .product-add__buttons .btn:not(:last-child) {
  margin-right: 0;
  margin-left: 15px;
}
.rtl .product-settings__content {
  margin-left: 0;
  margin-right: -40px;
}
@media only screen and (max-width: 575px) {
  .rtl .product-settings__content {
    margin-right: -30px;
  }
}
.rtl .product-slider__nav {
  flex-direction: row-reverse;
}
@media only screen and (max-width: 991px) {
  .rtl .product-slider__nav {
    flex-direction: row;
  }
  .rtl .product-slider__nav .arrow-next,
  .rtl .product-slider__nav .arrow-prev {
    transform: rotate(180deg);
  }
}
.rtl .product-page__right {
  padding-left: 0;
  padding-right: 15px;
}
@media only screen and (max-width: 991px) {
  .rtl .product-page__right {
    padding-right: 0;
  }
}
.rtl .catalog-hero__bg {
  right: 0;
  left: auto;
  background: linear-gradient(-90deg, #F0F7FF 15.9%, #F0F7FF 39.85%, rgba(255, 255, 255, 0) 101.46%);
}
.rtl .catalog__filters {
  padding-right: 0;
  padding-left: 20px;
  margin-right: 0;
  margin-left: 20px;
  border-right: none;
  border-left: 1px solid #252A75;
}
@media only screen and (max-width: 991px) {
  .rtl .catalog__filters {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
  }
}
.rtl .filter-open {
  margin-left: auto;
  flex-direction: row-reverse;
}
.rtl .subscribe-form .form__field {
  padding-right: 20px;
  padding-left: 135px;
}
.rtl .subscribe-form__btn {
  left: 4px;
  right: auto;
}

.um .um-form input[type=text], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=password], .um .um-form textarea {
  width: 100%;
  height: 50px !important;
  border-radius: 8px;
  padding: 13px 20px !important;
  font-size: 16px !important;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  background-color: #FDFDFD !important;
  border: 2px solid transparent !important;
  transition: all 0.3s ease;
}

.um .um-form input[type=text]:focus, .um .um-form input[type=search]:focus, .um .um-form input[type=tel]:focus, .um .um-form input[type=number]:focus, .um .um-form input[type=password]:focus, .um .um-form textarea:focus {
  border: 2px solid #5274ad !important;
}

.um-field-checkbox:hover i, .um-field-radio:hover i {
  color: #5274ad;
}

.um .um-tip:hover, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-member-name a:hover, .um .um-member-more a:hover, .um .um-member-less a:hover, .um .um-members-pagi a:hover, .um .um-cover-add:hover, .um .um-profile-subnav a.active, .um .um-item-meta a, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color {
  color: #5274ad;
}

.um input[type=submit].um-button, .um input[type=submit].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
  background: #5274ad !important;
  color: #fff !important;
}

.um input[type=submit].um-button:hover, .um a.um-button:hover {
  background-color: #5274ad !important;
}

.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
  background-color: #fff;
  border: 2px solid #5274ad;
  color: #5274ad;
}

.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
  border: 2px solid #5274ad;
  color: #5274ad;
}

.um-misc-ul li {
  list-style-type: none;
  margin-bottom: 20px;
}
.um-misc-ul li a {
  color: #434343;
  font-size: 16px;
}

.um-21.um, .um-form {
  width: 450px;
  max-width: 100%;
}
@media (max-width: 500px) {
  .um-21.um, .um-form {
    width: 330px;
  }
}
@media (max-width: 350px) {
  .um-21.um, .um-form {
    width: 100%;
  }
}

.um-profile-body .um-col-alt {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 520px) {
  .um-profile-body .um-col-alt {
    flex-direction: column;
  }
}
.um-profile-body .um-col-alt .um-right {
  order: 1;
}
.um-profile-body .um-col-alt .um-left {
  order: 3;
}
.um-profile-body .um-col-alt .um-clear {
  order: 2;
}

.um-profile-nav {
  display: none;
}

.um-profile-note {
  display: none !important;
}

.rating {
  font-size: 24px;
}

.star {
  color: #ccc;
  cursor: pointer;
  margin-left: 5px;
}

.filled {
  color: #ffcc00;
}

.overlay, .overlay-form {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  display: none;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
}
.overlay .popup, .overlay-form .popup {
  position: absolute;
  width: 400px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 40px;
  border-radius: 5px;
  box-sizing: border-box;
  background: #F0F7FF;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 575px) {
  .overlay .popup, .overlay-form .popup {
    width: 90%;
    padding: 30px 20px;
  }
}
.overlay .popup-form, .overlay-form .popup-form {
  width: 70%;
  height: auto;
  height: auto;
  max-height: 600px;
  overflow-y: scroll;
}
.overlay .popup-form::-webkit-scrollbar, .overlay-form .popup-form::-webkit-scrollbar {
  width: 4px;
}
.overlay .popup-form::-webkit-scrollbar-track, .overlay-form .popup-form::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.overlay .popup-form::-webkit-scrollbar-thumb, .overlay-form .popup-form::-webkit-scrollbar-thumb {
  background: #5274ad;
}
.overlay .popup-form::-webkit-scrollbar-thumb:hover, .overlay-form .popup-form::-webkit-scrollbar-thumb:hover {
  background: #5274ad;
}
@media only screen and (max-width: 991px) {
  .overlay .popup-form, .overlay-form .popup-form {
    width: 95%;
  }
}
.overlay .popup-title, .overlay-form .popup-title {
  margin-bottom: 20px;
  text-align: center;
}
.overlay .popup .product-add__counter, .overlay-form .popup .product-add__counter {
  margin-bottom: 20px;
}
.overlay .popup textarea, .overlay-form .popup textarea {
  height: 100%;
}
.overlay .close-popup, .overlay-form .close-popup {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 23px;
  height: 23px;
  cursor: pointer;
}
@media only screen and (max-width: 575px) {
  .overlay .close-popup, .overlay-form .close-popup {
    top: 6px;
    right: 6px;
  }
}
.overlay .close-popup:before, .overlay-form .close-popup:before {
  content: "";
  background-color: #000;
  position: absolute;
  height: 1px;
  width: 20px;
  top: 11px;
  left: -4px;
  transform: rotate(-45deg);
  font-weight: bold;
}
@media only screen and (max-width: 575px) {
  .overlay .close-popup:before, .overlay-form .close-popup:before {
    width: 15px;
  }
}
.overlay .close-popup:after, .overlay-form .close-popup:after {
  content: "";
  background-color: #000;
  position: absolute;
  height: 1px;
  width: 20px;
  top: 11px;
  transform: rotate(45deg);
  left: -4px;
  font-weight: bold;
}
@media only screen and (max-width: 575px) {
  .overlay .close-popup:after, .overlay-form .close-popup:after {
    width: 15px;
  }
}

.overlay-contact .popup-title {
  color: #5274ad;
  font-size: 30px;
  margin-bottom: 0;
}
.overlay-contact .popup .contact-box {
  margin-top: 10px;
}
.overlay-contact .popup .contact-box__icon img {
  width: 24px;
  height: 24px;
}

.main-header__contact-btn {
  cursor: pointer;
}

.support {
  padding: 40px 0;
}
@media only screen and (max-width: 991px) {
  .support {
    padding: 30px 0;
  }
}
.support .main-title {
  margin-bottom: 10px;
}
.support__top {
  padding-bottom: 24px;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}
.support__text {
  font-size: 20px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: 0em;
  text-align: center;
  color: #717171;
}
@media only screen and (max-width: 782px) {
  .support__text {
    font-size: 16px;
    line-height: 23px;
  }
}
.support__features {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
.support__feature {
  padding: 10px;
  width: 50%;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}
@media only screen and (max-width: 575px) {
  .support__feature {
    font-size: 14px;
    line-height: 24px;
  }
}
.support__feature-img {
  width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 575px) {
  .support__feature-img {
    margin-bottom: 12px;
    width: 60px;
    height: 60px;
  }
}
.support__feature-img img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
@media only screen and (max-width: 575px) {
  .support__feature-img img {
    width: 40px;
    height: 40px;
  }
}

.input-text,
.tnp-email,
.tnp-firstname,
.tnp-lastname,
.tnp-gender {
  height: 50px;
  width: 100%;
  padding: 13px 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: left;
  background-color: #FDFDFD;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  margin-bottom: 20px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
}
.input-text:focus,
.tnp-email:focus,
.tnp-firstname:focus,
.tnp-lastname:focus,
.tnp-gender:focus {
  border: 2px solid #2D4EFF;
}
@media only screen and (max-width: 575px) {
  .input-text:not(:last-child),
  .tnp-email:not(:last-child),
  .tnp-firstname:not(:last-child),
  .tnp-lastname:not(:last-child),
  .tnp-gender:not(:last-child) {
    margin-bottom: 12px;
  }
}

.wpcf7 form .wpcf7-response-output {
  margin: 10px 0 0 0 !important;
  padding: 0 !important;
  border: none !important;
}

.wpcf7-not-valid-tip {
  padding: 5px 0;
}

.wpcf7-spinner {
  margin: 10px 0 !important;
  display: block !important;
}

.form__group .wpcf7-form-control-wrap {
  position: static;
}

.wpcf7-form-control-wrap {
  position: static;
}

.article-card .text {
  display: -webkit-box;
}

.article-card__text, .article-card__title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

@media only screen and (max-width: 782px) {
  .article-slider .swiper-slide:hover .text-more {
    display: none !important;
  }
}

.article-slider .swiper-slide:hover .text-more {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.swiper-slide:hover .product-card__text-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.swiper-slide:hover .product-card__text-desc p {
  display: none;
}
.swiper-slide:hover .product-card__text-desc p:first-child {
  display: block;
}

.product-card__text {
  min-height: 60px;
  max-width: 90%;
}

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

.d-flex {
  display: flex;
  justify-content: space-between;
}

.hide {
  display: none;
}

.hide-o {
  opacity: 0;
  pointer-events: none;
}

.success-message {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #F0F7FF;
  margin: -40px 0 40px 0;
}

.w-20 {
  width: 20%;
}

.info-id.product-name {
  opacity: 0;
  height: 0;
}

.mr {
  margin-right: 10px;
}

.mr-5 {
  margin-right: 5px;
}

.rtl .mr-5 {
  margin-left: 5px;
  margin-right: 0;
}

.pagination {
  text-align: center;
  margin: 40px 0 0;
  font-weight: 600;
  color: #2D4EFF;
  font-size: 20px;
}
.pagination .page-numbers {
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  transition: 0.3s ease-in;
  color: #2D4EFF;
}
.pagination .page-numbers:hover {
  background-color: #2D4EFF;
  color: #fff;
}
.pagination .page-numbers.current {
  background-color: #2D4EFF;
  color: #fff;
}

.catalog-filter__values input {
  margin-right: 5px;
}

.custom-typography ul li::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cmask id='mask0_80_1740' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='16' height='16'%3e%3cpath d='M8 14.667a6.646 6.646 0 004.714-1.953A6.646 6.646 0 0014.667 8a6.646 6.646 0 00-1.953-4.714A6.646 6.646 0 008 1.333a6.646 6.646 0 00-4.714 1.953A6.646 6.646 0 001.333 8a6.646 6.646 0 001.953 4.714A6.645 6.645 0 008 14.667z' fill='%23fff' stroke='%23fff' stroke-width='1.333' stroke-linejoin='round'/%3e%3cpath d='M5.333 8l2 2 4-4' stroke='%23000' stroke-width='1.333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/mask%3e%3cg mask='url(%23mask0_80_1740)'%3e%3cpath d='M0 0h16v16H0V0z' fill='%235274ad'/%3e%3c/g%3e%3c/svg%3e");
}

.promo__btn a {
  color: #fff;
}
.promo__btn a:hover {
  color: #fff;
}

.breadcrumb_last {
  text-transform: capitalize;
  color: #5274ad !important;
  font-weight: 500;
}

.product-page__section:first-child .product-page__right {
  width: 100%;
}

.calculator-form .label {
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0em;
  color: #434343;
  font-size: 18px;
}

.sub-arrow {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9 1L4.80952 5L1 1' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3e%3c/path%3e%3c/svg%3e");
}

.main-nav__name {
  border: none;
  color: #5274ad;
}

.main-nav__login {
  border-left: 1px solid #5274ad;
}

.empty-cart-message {
  text-align: center;
}

.catalog .product-card__content p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.product-slider__thumbs::after {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), color-stop(77.86%, #FFFFFF), to(rgba(255, 255, 255, 0)));
}

.btn_top {
  align-items: center;
  justify-content: center;
  background-color: #86BEF5;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 90px;
  right: 25px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  display: none;
}
@media (max-width: 1150px) {
  .btn_top {
    display: flex;
  }
}
.btn_top::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512' fill='%23fff'%3e%3c!--!Font Awesome Free 6.5.1 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3e%3cpath d='M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z'/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.btn_top:hover {
  cursor: pointer;
  background-color: #252A75;
}
.btn_top:active {
  background-color: #252A75;
}
.btn_top.show {
  opacity: 0.7;
  visibility: visible;
}

.product-card__text-desc, .product-card__text-desc p {
  text-align: center !important;
}

.product-card__img picture img {
  transform: translate(-50%, -50%);
}

.swiper-slide:hover .product-card__img picture img {
  transform: translate(-50%, 0);
}

.catalog .product-card__img:hover picture img {
  transform: translate(-50%, -50%) scale(1.1);
}

.rtl .product-card__img picture img {
  transform: translate(50%, -50%);
}

.rtl .catalog .product-card__img:hover picture img {
  transform: translate(50%, -50%) scale(1.1);
}

.page-solution img {
  width: auto;
  margin: 0 auto;
  display: flex;
}

.popular .swiper-slide:hover .product-card__text span {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.grecaptcha-badge {
  display: none !important;
}

.calculator-form__group input::placeholder,
.calculator-form__row input::placeholder {
  font-style: italic;
}

.calculator-form__group .dist {
  position: relative;
}

.calculator-form__group .dist::after {
  content: "";
  position: absolute;
  background-color: #F0F7FF;
  width: 30%;
  height: 35px;
  top: 2px;
  display: block;
  right: 70px;
}
@media only screen and (max-width: 575px) {
  .calculator-form__group .dist::after {
    width: 17%;
  }
}

.avatar-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.477 0 0 4.477 0 10C0 15.523 4.477 20 10 20C15.523 20 20 15.523 20 10C20 4.477 15.523 0 10 0ZM6.5 7.5C6.5 7.04037 6.59053 6.58525 6.76642 6.16061C6.94231 5.73597 7.20012 5.35013 7.52513 5.02513C7.85013 4.70012 8.23597 4.44231 8.66061 4.26642C9.08525 4.09053 9.54037 4 10 4C10.4596 4 10.9148 4.09053 11.3394 4.26642C11.764 4.44231 12.1499 4.70012 12.4749 5.02513C12.7999 5.35013 13.0577 5.73597 13.2336 6.16061C13.4095 6.58525 13.5 7.04037 13.5 7.5C13.5 8.42826 13.1313 9.3185 12.4749 9.97487C11.8185 10.6313 10.9283 11 10 11C9.07174 11 8.1815 10.6313 7.52513 9.97487C6.86875 9.3185 6.5 8.42826 6.5 7.5ZM16.258 14.984C15.5094 15.9256 14.5578 16.686 13.4742 17.2082C12.3905 17.7305 11.2029 18.0011 10 18C8.79709 18.0011 7.60946 17.7305 6.52583 17.2082C5.4422 16.686 4.49056 15.9256 3.742 14.984C5.363 13.821 7.575 13 10 13C12.425 13 14.637 13.821 16.258 14.984Z' fill='%235274ad'%3e%3c/path%3e%3c/svg%3e");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.main-nav__avatar {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 100%;
}
.main-nav__avatar-link {
  align-items: center;
}

.error-name,
.error-email,
.error-phone,
.error-capcha {
  color: #dc3232;
  font-size: 1em;
  padding: 5px 0;
}

.rtl .swiper-slide:hover .product-card__img picture img {
  transform: translate(50%, 0);
}

.main-nav__list {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.main-nav__list::-webkit-scrollbar {
  width: 3px;
}
.main-nav__list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.main-nav__list::-webkit-scrollbar-thumb {
  background: #5274ad;
}
.main-nav__list::-webkit-scrollbar-thumb:hover {
  background: #5274ad;
}

.custom-typography .tab__software li::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23303588'%3e%3c!--!Font Awesome Free 6.5.1 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3e%3cpath d='M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM376.9 294.6L269.8 394.5c-3.8 3.5-8.7 5.5-13.8 5.5s-10.1-2-13.8-5.5L135.1 294.6c-4.5-4.2-7.1-10.1-7.1-16.3c0-12.3 10-22.3 22.3-22.3l57.7 0 0-96c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32l0 96 57.7 0c12.3 0 22.3 10 22.3 22.3c0 6.2-2.6 12.1-7.1 16.3z'/%3e%3c/svg%3e");
}

.rtl .catalog-filter__values input {
  margin-left: 5px;
}

.tab a, .tab span {
  font-size: 20px;
}
@media only screen and (max-width: 1365px) {
  .tab a, .tab span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 991px) {
  .tab a, .tab span {
    font-size: 17px;
  }
}
@media only screen and (max-width: 575px) {
  .tab a, .tab span {
    font-size: 16px;
  }
}

.popular .product-card__title {
  color: #434343;
}
.popular .product-card__text {
  color: #434343;
}
.popular .swiper-slide:hover .product-card__text {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.product-page__block p span em {
  font-family: "Jost", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.44;
  letter-spacing: 0em;
  text-align: justify;
  display: block;
  color: #434343;
}
@media only screen and (max-width: 782px) {
  .product-page__block p span em {
    font-size: 16px;
  }
}
.product-page__block p.bg {
  background-color: #EEEDED;
  padding: 30px;
}
.product-page__block p.bg br {
  display: none;
}

.p-table td span {
  font-size: 16px;
}
@media only screen and (max-width: 575px) {
  .p-table td span {
    font-size: 14px;
  }
}

@media only screen and (max-width: 782px) {
  .tab iframe {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
  .swiper-slide:hover .product-card__img picture img {
    transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 991px) {
  .swiper-slide:hover .product-card__text {
    display: none !important;
  }
}

.taxonomy-terms {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}

.btn-tax {
  padding: 1px 10px;
  font-size: 13px;
  margin-right: 5px;
  margin-bottom: 5px;
}
.btn-tax--red {
  color: #df4432;
  border: 1px solid #df4432;
}
.btn-tax--red:before {
  background-color: #e34735;
}

.archive .product-card__btn {
  width: 100%;
  margin-top: 15px;
  padding: 8px;
}

.main-page .product-card__content {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.main-page .product-card__content p {
  display: none;
}
.main-page .product-card__content p:first-child {
  display: block;
}

.product-card__hide {
  display: none !important;
}

.btn-load__more {
  margin: 0 auto;
  max-width: 170px;
  display: none;
}
.btn-load__more:focus:not(:disabled), .btn-load__more:active:not(:disabled) {
  color: #5274ad;
  border-color: #5274ad;
  background-color: #fff;
}
.btn-load__more-loader-spin {
  margin-top: 0;
  width: 15px;
  height: 15px;
  border: 0;
}
.btn-load__more-loader-spin.anim {
  animation: rotation 0.6s infinite linear;
}
.btn-load__container {
  margin-left: 200px;
  margin-top: 30px;
}
@media only screen and (max-width: 991px) {
  .btn-load__container {
    margin-left: 0;
  }
}
.btn-load__container.ml-none {
  margin-left: 0;
}

.rtl .btn-load__container {
  margin-right: 200px;
}
@media only screen and (max-width: 991px) {
  .rtl .btn-load__container {
    margin-right: 0;
  }
}
.rtl .btn-load__container.ml-none {
  margin-right: 0;
}
.rtl .sub-nav-first__menu > li > a {
  font-weight: 600;
  font-size: 18px;
}

.page-form__bottom {
  flex-direction: column;
}

.rtl .main-nav__login {
  border-left: 0;
}

.tnp-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
  padding: 14px 24px;
  color: #fff;
  background-color: #5274ad !important;
  border-radius: 8px;
  border: 2px solid #5274ad !important;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}

.rtl .single__exhibition-promo img {
  margin: 0;
}

.single-exhibition .single-page picture img,
.single-news .single-page picture img {
  width: auto;
}

.ui-widget-content {
  max-width: 300px;
  padding: 5px;
}

.ui-helper-hidden-accessible div {
  display: none;
}

.promo {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, #ffffff), color-stop(100%, #fbfbfb));
  background: -webkit-linear-gradient(top, #ffffff 2%, #fbfbfb 100%);
  background: linear-gradient(to bottom, #ffffff 2%, #fbfbfb 100%);
  border-radius: 0 3px 3px 0;
  border: 1px solid #e2e2e2;
  border-left: 2px solid #5274ad;
  cursor: default;
}

.main-subtitle--red {
  color: #dc3232;
  font-size: 25px;
  line-height: 120%;
  margin-top: 30px;
  font-weight: 500;
}
@media only screen and (max-width: 575px) {
  .main-subtitle--red {
    font-size: 18px;
  }
}

.nav-card__content {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.cards-slide__title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.popup .loader-wrap {
  border-radius: 5px;
}
.popup .loader-wrap .loader-spin {
  margin: 0 auto;
  top: 35%;
  transform: translate(-50%, -50%);
}

.rtl .d-ltr {
  direction: ltr;
  display: inline-block;
}

.nav-card__content {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.cards-slide__title {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.product-slider__thumbs .swiper-slide {
  max-height: 100px;
  max-width: 90px;
}

.product-slider__thumbs .swiper-wrapper {
  flex-direction: column;
}
@media only screen and (max-width: 991px) {
  .product-slider__thumbs .swiper-wrapper {
    flex-direction: inherit;
  }
}

.rtl .codedropz-upload-inner h3, .rtl .codedropz-upload-inner span {
  opacity: 1;
}

.btn_top {
  display: flex;
}

body::-webkit-scrollbar {
  width: 4px;
}

.article-card__img {
  height: 60px;
}

.mfp-image-holder .mfp-content {
  max-width: 700px;
}

.image-popup {
  position: relative;
}
.image-popup .open-galley {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5274ad;
  border-radius: 6px;
  cursor: pointer;
}

.link-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.btn_top {
  display: flex;
}

body::-webkit-scrollbar {
  width: 4px;
}

.mfp-image-holder .mfp-content {
  max-width: 700px;
}

.image-popup {
  position: relative;
}

.image-popup .open-galley {
  position: absolute;
  top: 8px;
  right: 25px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5274ad;
  border-radius: 6px;
  cursor: pointer;
}

.archive .article-card__img {
  padding-bottom: 239px;
  height: 60px;
}

.article-card__img {
  padding-bottom: 178px;
  height: 60px;
}

.exhibition-card__img,
.article-card__img {
  background-color: transparent;
}

.article-card__img img {
  height: 239px;
}

.article-card__text, .article-card__title {
  color: #434343;
}

.page-template-about-us [data-aos^=fade][data-aos^=fade].aos-init {
  opacity: 1;
  transform: translateZ(0);
}

.offer-slider .swiper-slide {
  max-width: 200px;
}

.offer-slider__wrapper {
  justify-content: space-between;
}

.um-col-alt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.um-field.um-field-c {
  width: 100%;
}

.um-col-alt .um-left {
  order: 2;
}

.um-col-alt .um-right {
  order: 1;
}

.date {
  font-size: 16px;
}

@media (max-width: 992px) {
  .w-20 {
    width: 100%;
    text-align: center;
    padding: 20px;
  }
}
.term-ku-band-buc label:has(input[value="dual LO"]) {
  display: none;
}

.page-articles .all-template__container {
  grid-template-columns: repeat(1, 1fr);
}
.page-articles .article-card {
  flex-direction: row;
  margin-top: 10px;
}
@media only screen and (max-width: 782px) {
  .page-articles .article-card {
    flex-direction: column;
  }
}
.page-articles .article-card__img {
  max-width: 250px;
  padding-bottom: 250px;
}
@media only screen and (max-width: 782px) {
  .page-articles .article-card__img {
    max-width: 100%;
  }
}
.page-articles .article-card__img img {
  object-fit: cover;
  height: 100%;
}

.product-slider__image .open-galley {
  background: #5274ad;
}

.downloads .d-table td a {
  color: #5274ad;
}

#app .btn-link {
  color: #5274ad;
}

.floating-cart {
  border: 2px solid #5274ad;
  background: #252A75;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  right: 22px;
  z-index: 100;
  transition: top 0.3s ease;
  top: 0;
}
.floating-cart-icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512' fill='%23fff'%3e%3c!--! Font Awesome Free 6.4.2 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3e%3cpath d='M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32H360V134.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23V32H120.1C111 12.8 91.6 0 69.5 0H24zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z'/%3e%3c/svg%3e");
  background-size: cover;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: flex;
}
.floating-cart__wrapper {
  position: relative;
  height: auto;
}

.page-header.scrolled .floating-cart {
  top: 10px;
}

.header-cart-count {
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5274ad;
  color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  right: 0;
  font-size: 8px;
}

.hide-cart {
  display: none;
}