@import url(./fonts.css);
@import url(./reset.css);

/* Variables
*/
/* Typography */
/* Breakpoints */
/* Paths */
/* Grid setup */
/* Colour palette */
/* Components */
:root {
  --main-color-grey: #4b5050;
  --orange-color: #eaac50;
  --font-family: "TTNorms", sans-serif;
  --text-color: #f5f5f5;
  --transition: ease-out 0.3s;
}

/* CSS Reset */

/* CSS print */
/**
 * Print Stylesheet
*/
@media print {
  @page {
    margin: 1cm;
  }
  body {
    background: #fff;
    color: #000;
  }

  a {
    page-break-inside: avoid;
  }

  blockquote {
    page-break-inside: avoid;
  }

  table,
  pre {
    page-break-inside: avoid;
  }

  ul,
  ol,
  dl {
    page-break-before: avoid;
  }
}

/* Mixins, helpers and functions */
/**
 * Helper mixins
*/
/* Vendor */
/* Components */
.progress {
  font: 12px Arial, Tahoma, sans-serif;
  position: relative;
  overflow: hidden;
}

.progress progress {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  left: -777px;
}

.progress-bar {
  overflow: hidden;
  background: #eaac50;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.progress-bg {
  background: #dbdddf;
  position: relative;
  height: 3px;
  border-radius: 5px;
  overflow: hidden;
}

@-webkit-keyframes progress_bar {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -40px 0;
  }
}

@keyframes progress_bar {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -40px 0;
  }
}
.progress-bar {
  -webkit-transition: width 1s linear;
  transition: width 1s linear;
}

.progress-bar:after {
  -webkit-animation: progress_bar 0.8s linear infinite;
  animation: progress_bar 0.8s linear infinite;
}

.progress progress[value="1"] + .progress-value:before {
  content: "1%";
}

.progress progress[value="1"] ~ .progress-bg .progress-bar {
  width: 1%;
}

/* Browser specific styles */
/**
 * Dirty hacks, yes internet explorer, we are looking at you
*/
/* Demo Page styles */
/* resets */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  height: 100vh;
}

/* variables */
body {
  height: 100vh;
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
}

.wrapper {
  display: none;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
}

.section {
  border: 1px solid #4a4c4d;
  min-width: 453px;
  background-color: var(--main-color-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 60px;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  position: relative;
  overflow-y: hidden;
  height: 100vh;
  width: 100%;
}

a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

.section:first-child {
  min-width: 587px;
}

.section .main-content .main-content__text {
  color: var(--text-color);
  font-size: 72px;
  font-weight: 700;
}

.section .main-content .main-content__lozung {
  color: var(--text-color);
  font-size: 20px;
  font-weight: 400;
  margin-top: 60px;
}
.section .main-nav {
  font-size: 16px;
  display: flex;
  flex-direction: column;
}
.section .main-nav > a:first-child {
  margin-top: 40px;
}
.section .main-nav > a:not(:last-child) {
  margin-bottom: 20px;
}

.section .main-nav a {
  display: flex;
  align-items: center;
  position: relative;
}

.section .main-nav .nav-item > img {
  transition: all 0.2s ease-in-out;
  margin-left: 10px;
  margin-bottom: -3px;
}
.section .main-nav .nav-item:hover img {
  transform: translateX(10px);
  transition: all 0.2s ease-in-out;
}

/* .section .main-nav .nav-item::after {
  margin-left: 10px;
  content: url("../images/content/arrow-right.svg");
}
.section .main-nav a.nav-item:hover::after {
  content: url("../images/content/arrow-right.svg");
  transform: translateX(50px);
  color: #000;
  /* content: url("../images/content/arrow-right.svg");
  color: #000; */
/* } */
/* .transformArrow {
  transform: translateX(10px);
} */

.section .copyright {
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color);
}

.section:not(:first-child):hover {
  background-color: #fff;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.section:not(:first-child) {
  padding: 40px;
}

/* icons */
.support-section:not(:first-child):hover
  .main-services__body
  .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI3LjYwMzQgMTcuMzcwMUMyOC4xMzk5IDE3LjY1NTEgMjguNTUzOCAxOC4xMDUxIDI4Ljg0NSAxOC41NTUxQzI5LjQxMjIgMTkuNDg1MSAyOS4zNjYyIDIwLjYyNTEgMjguODE0NCAyMS42MzAxTDI3Ljc0MTMgMjMuNDMwMUMyNy4xNzQxIDI0LjM5MDEgMjYuMTE2NCAyNC45OTAxIDI1LjAyOCAyNC45OTAxQzI0LjQ5MTUgMjQuOTkwMSAyMy44OTM3IDI0Ljg0MDEgMjMuNDAzMSAyNC41NDAxQzIzLjAwNDYgMjQuMjg1MSAyMi41NDQ3IDI0LjE5NTEgMjIuMDU0MSAyNC4xOTUxQzIwLjUzNjUgMjQuMTk1MSAxOS4yNjQyIDI1LjQ0MDEgMTkuMjE4MiAyNi45MjUxQzE5LjIxODIgMjguNjUwMSAxNy44MDc5IDMwLjAwMDEgMTYuMDQ1IDMwLjAwMDFIMTMuOTYwMkMxMi4xODIgMzAuMDAwMSAxMC43NzE3IDI4LjY1MDEgMTAuNzcxNyAyNi45MjUxQzEwLjc0MTEgMjUuNDQwMSA5LjQ2ODczIDI0LjE5NTEgNy45NTExMiAyNC4xOTUxQzcuNDQ1MjYgMjQuMTk1MSA2Ljk4NTM3IDI0LjI4NTEgNi42MDIxNCAyNC41NDAxQzYuMTExNiAyNC44NDAxIDUuNDk4NDMgMjQuOTkwMSA0Ljk3NzIzIDI0Ljk5MDFDMy44NzM1MSAyNC45OTAxIDIuODE1NzkgMjQuMzkwMSAyLjI0ODYgMjMuNDMwMUwxLjE5MDg4IDIxLjYzMDFDMC42MjM2OTEgMjAuNjU1MSAwLjU5MzAzMiAxOS40ODUxIDEuMTYwMjIgMTguNTU1MUMxLjQwNTQ5IDE4LjEwNTEgMS44NjUzNyAxNy42NTUxIDIuMzg2NTcgMTcuMzcwMUMyLjgxNTc5IDE3LjE2MDEgMy4wOTE3MiAxNi44MTUxIDMuMzUyMzIgMTYuNDEwMUM0LjExODc4IDE1LjEyMDEgMy42NTg5IDEzLjQyNTEgMi4zNTU5MSAxMi42NjAxQzAuODM4MzAyIDExLjgwNTEgMC4zNDc3NjIgOS45MDAxMiAxLjIyMTU0IDguNDE1MTJMMi4yNDg2IDYuNjQ1MTJDMy4xMzc3MSA1LjE2MDEyIDUuMDM4NTUgNC42MzUxMiA2LjU3MTQ4IDUuNTA1MTJDNy45MDUxNCA2LjIyNTEyIDkuNjM3MzUgNS43NDUxMiAxMC40MTkyIDQuNDcwMTJDMTAuNjY0NCA0LjA1MDEyIDEwLjgwMjQgMy42MDAxMiAxMC43NzE3IDMuMTUwMTJDMTAuNzQxMSAyLjU2NTEyIDEwLjkwOTcgMi4wMTAxMiAxMS4yMDA5IDEuNTYwMTJDMTEuNzY4MSAwLjYzMDEyMiAxMi43OTUyIDAuMDMwMTIyMSAxMy45MTQyIDAuMDAwMTIyMDdIMTYuMDc1N0MxNy4yMTAxIDAuMDAwMTIyMDcgMTguMjM3MSAwLjYzMDEyMiAxOC44MDQzIDEuNTYwMTJDMTkuMDgwMiAyLjAxMDEyIDE5LjI2NDIgMi41NjUxMiAxOS4yMTgyIDMuMTUwMTJDMTkuMTg3NSAzLjYwMDEyIDE5LjMyNTUgNC4wNTAxMiAxOS41NzA4IDQuNDcwMTJDMjAuMzUyNiA1Ljc0NTEyIDIyLjA4NDggNi4yMjUxMiAyMy40MzM4IDUuNTA1MTJDMjQuOTUxNCA0LjYzNTEyIDI2Ljg2NzYgNS4xNjAxMiAyNy43NDEzIDYuNjQ1MTJMMjguNzY4NCA4LjQxNTEyQzI5LjY1NzUgOS45MDAxMiAyOS4xNjcgMTEuODA1MSAyNy42MzQgMTIuNjYwMUMyNi4zMzEgMTMuNDI1MSAyNS44NzExIDE1LjEyMDEgMjYuNjUyOSAxNi40MTAxQzI2Ljg5ODIgMTYuODE1MSAyNy4xNzQxIDE3LjE2MDEgMjcuNjAzNCAxNy4zNzAxWk0xMC42NjQ0IDE1LjAxNTFDMTAuNjY0NCAxNy4zNzAxIDEyLjYxMTIgMTkuMjQ1MSAxNS4wMTggMTkuMjQ1MUMxNy40MjQ3IDE5LjI0NTEgMTkuMzI1NSAxNy4zNzAxIDE5LjMyNTUgMTUuMDE1MUMxOS4zMjU1IDEyLjY2MDEgMTcuNDI0NyAxMC43NzAxIDE1LjAxOCAxMC43NzAxQzEyLjYxMTIgMTAuNzcwMSAxMC42NjQ0IDEyLjY2MDEgMTAuNjY0NCAxNS4wMTUxWiIgZmlsbD0iIzNENDA0MSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.support-section .main-services__body .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI3LjYwMzQgMTcuMzcwMkMyOC4xMzk5IDE3LjY1NTIgMjguNTUzOCAxOC4xMDUyIDI4Ljg0NSAxOC41NTUyQzI5LjQxMjIgMTkuNDg1MiAyOS4zNjYyIDIwLjYyNTIgMjguODE0NCAyMS42MzAyTDI3Ljc0MTMgMjMuNDMwMkMyNy4xNzQxIDI0LjM5MDIgMjYuMTE2NCAyNC45OTAyIDI1LjAyOCAyNC45OTAyQzI0LjQ5MTUgMjQuOTkwMiAyMy44OTM3IDI0Ljg0MDIgMjMuNDAzMSAyNC41NDAyQzIzLjAwNDYgMjQuMjg1MiAyMi41NDQ3IDI0LjE5NTIgMjIuMDU0MSAyNC4xOTUyQzIwLjUzNjUgMjQuMTk1MiAxOS4yNjQyIDI1LjQ0MDIgMTkuMjE4MiAyNi45MjUyQzE5LjIxODIgMjguNjUwMiAxNy44MDc5IDMwLjAwMDIgMTYuMDQ1IDMwLjAwMDJIMTMuOTYwMkMxMi4xODIgMzAuMDAwMiAxMC43NzE3IDI4LjY1MDIgMTAuNzcxNyAyNi45MjUyQzEwLjc0MTEgMjUuNDQwMiA5LjQ2ODczIDI0LjE5NTIgNy45NTExMiAyNC4xOTUyQzcuNDQ1MjYgMjQuMTk1MiA2Ljk4NTM3IDI0LjI4NTIgNi42MDIxNCAyNC41NDAyQzYuMTExNiAyNC44NDAyIDUuNDk4NDMgMjQuOTkwMiA0Ljk3NzIzIDI0Ljk5MDJDMy44NzM1MSAyNC45OTAyIDIuODE1NzkgMjQuMzkwMiAyLjI0ODYgMjMuNDMwMkwxLjE5MDg4IDIxLjYzMDJDMC42MjM2OTEgMjAuNjU1MiAwLjU5MzAzMiAxOS40ODUyIDEuMTYwMjIgMTguNTU1MkMxLjQwNTQ5IDE4LjEwNTIgMS44NjUzNyAxNy42NTUyIDIuMzg2NTcgMTcuMzcwMkMyLjgxNTc5IDE3LjE2MDIgMy4wOTE3MiAxNi44MTUyIDMuMzUyMzIgMTYuNDEwMkM0LjExODc4IDE1LjEyMDIgMy42NTg5IDEzLjQyNTIgMi4zNTU5MSAxMi42NjAyQzAuODM4MzAyIDExLjgwNTIgMC4zNDc3NjIgOS45MDAxNSAxLjIyMTU0IDguNDE1MTVMMi4yNDg2IDYuNjQ1MTVDMy4xMzc3MSA1LjE2MDE1IDUuMDM4NTUgNC42MzUxNSA2LjU3MTQ4IDUuNTA1MTVDNy45MDUxNCA2LjIyNTE1IDkuNjM3MzUgNS43NDUxNSAxMC40MTkyIDQuNDcwMTVDMTAuNjY0NCA0LjA1MDE1IDEwLjgwMjQgMy42MDAxNSAxMC43NzE3IDMuMTUwMTVDMTAuNzQxMSAyLjU2NTE1IDEwLjkwOTcgMi4wMTAxNSAxMS4yMDA5IDEuNTYwMTVDMTEuNzY4MSAwLjYzMDE1MyAxMi43OTUyIDAuMDMwMTUyNiAxMy45MTQyIDAuMDAwMTUyNTg4SDE2LjA3NTdDMTcuMjEwMSAwLjAwMDE1MjU4OCAxOC4yMzcxIDAuNjMwMTUzIDE4LjgwNDMgMS41NjAxNUMxOS4wODAyIDIuMDEwMTUgMTkuMjY0MiAyLjU2NTE1IDE5LjIxODIgMy4xNTAxNUMxOS4xODc1IDMuNjAwMTUgMTkuMzI1NSA0LjA1MDE1IDE5LjU3MDggNC40NzAxNUMyMC4zNTI2IDUuNzQ1MTUgMjIuMDg0OCA2LjIyNTE1IDIzLjQzMzggNS41MDUxNUMyNC45NTE0IDQuNjM1MTUgMjYuODY3NiA1LjE2MDE1IDI3Ljc0MTMgNi42NDUxNUwyOC43Njg0IDguNDE1MTVDMjkuNjU3NSA5LjkwMDE1IDI5LjE2NyAxMS44MDUyIDI3LjYzNCAxMi42NjAyQzI2LjMzMSAxMy40MjUyIDI1Ljg3MTEgMTUuMTIwMiAyNi42NTI5IDE2LjQxMDJDMjYuODk4MiAxNi44MTUyIDI3LjE3NDEgMTcuMTYwMiAyNy42MDM0IDE3LjM3MDJaTTEwLjY2NDQgMTUuMDE1MkMxMC42NjQ0IDE3LjM3MDIgMTIuNjExMiAxOS4yNDUyIDE1LjAxOCAxOS4yNDUyQzE3LjQyNDcgMTkuMjQ1MiAxOS4zMjU1IDE3LjM3MDIgMTkuMzI1NSAxNS4wMTUyQzE5LjMyNTUgMTIuNjYwMiAxNy40MjQ3IDEwLjc3MDIgMTUuMDE4IDEwLjc3MDJDMTIuNjExMiAxMC43NzAyIDEwLjY2NDQgMTIuNjYwMiAxMC42NjQ0IDE1LjAxNTJaIiBmaWxsPSIjRjVGNUY1Ii8+PC9zdmc+);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.terminal:not(:first-child):hover
  .main-services__body
  .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iNiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHk9IjI4IiB3aWR0aD0iMjIiIGhlaWdodD0iMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjIzIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSIzIiB5PSI2IiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSI3IiB5PSIxOSIgd2lkdGg9IjgiIGhlaWdodD0iMiIgZmlsbD0iI0ZFRkVGRSIvPjxyZWN0IHg9IjciIHk9IjExIiB3aWR0aD0iOCIgaGVpZ2h0PSI1IiBmaWxsPSIjRkVGRUZFIiBzdHJva2U9IiNGRUZFRkUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.terminal .main-services__body .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iNiIgZmlsbD0id2hpdGUiLz48cmVjdCB5PSIyOCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiIGZpbGw9IndoaXRlIi8+PHJlY3QgeD0iMyIgeT0iNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIyIiBmaWxsPSJ3aGl0ZSIvPjxyZWN0IHg9IjMiIHk9IjIzIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyIiBmaWxsPSIjM0Q0MDQxIi8+PHJlY3QgeD0iNyIgeT0iMTkiIHdpZHRoPSI4IiBoZWlnaHQ9IjIiIGZpbGw9IiMzRDQwNDEiLz48cmVjdCB4PSI3IiB5PSIxMSIgd2lkdGg9IjgiIGhlaWdodD0iNSIgZmlsbD0id2hpdGUiIHN0cm9rZT0iIzNENDA0MSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.kassa:not(:first-child):hover
  .main-services__body
  .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA3QzAgMy4xMzQwMSAzLjEzNDAxIDAgNyAwSDE1QzE4Ljg2NiAwIDIyIDMuMTM0MDEgMjIgN0gwWiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHk9IjI4IiB3aWR0aD0iMjIiIGhlaWdodD0iMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjIiIHk9IjIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMSIgZmlsbD0iI0ZFRkVGRSIvPjxyZWN0IHg9IjMiIHk9IjciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxIiBmaWxsPSIjRkVGRUZFIi8+PHBhdGggZD0iTTcgMTVDNyAxMi43OTA5IDguNzkwODYgMTEgMTEgMTFDMTMuMjA5MSAxMSAxNSAxMi43OTA5IDE1IDE1VjIwSDdWMTVaIiBmaWxsPSIjRkVGRUZFIiBzdHJva2U9IiMzRDQwNDEiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.kassa .main-services__body .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA3QzAgMy4xMzQwMSAzLjEzNDAxIDAgNyAwSDE1QzE4Ljg2NiAwIDIyIDMuMTM0MDEgMjIgN0gwWiIgZmlsbD0id2hpdGUiLz48cmVjdCB5PSIyOCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjIiIGZpbGw9IndoaXRlIi8+PHJlY3QgeD0iMyIgeT0iNiIgd2lkdGg9IjE2IiBoZWlnaHQ9IjIyIiBmaWxsPSJ3aGl0ZSIvPjxyZWN0IHg9IjIiIHk9IjIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMSIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxIiBmaWxsPSIjM0Q0MDQxIi8+PHBhdGggZD0iTTcgMTVDNyAxMi43OTA5IDguNzkwODYgMTEgMTEgMTFDMTMuMjA5MSAxMSAxNSAxMi43OTA5IDE1IDE1VjIwSDdWMTVaIiBmaWxsPSJ3aGl0ZSIgc3Ryb2tlPSIjM0Q0MDQxIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.money:not(:first-child):hover
  .main-services__body
  .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNSIgZmlsbD0iIzNENDA0MSIvPjxwYXRoIGQ9Ik03LjcyMjEzIDUuNzIySDIyLjI3NTFWOS4xMjRINy43MjIxM1Y1LjcyMlpNMTcuMDM3MSAyNUgxMi45NjAxVjE0LjQxNkg3LjcyMjEzVjExLjAxNEgyMi4yNzUxVjE0LjQxNkgxNy4wMzcxVjI1WiIgZmlsbD0iI0Y1RjVGNSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.money .main-services__body .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNSIgZmlsbD0iI0Y1RjVGNSIvPjxwYXRoIGQ9Ik03LjcyMjEzIDUuNzIySDIyLjI3NTFWOS4xMjRINy43MjIxM1Y1LjcyMlpNMTcuMDM3MSAyNUgxMi45NjAxVjE0LjQxNkg3LjcyMjEzVjExLjAxNEgyMi4yNzUxVjE0LjQxNkgxNy4wMzcxVjI1WiIgZmlsbD0iIzNENDA0MSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.equiring:not(:first-child):hover
  .main-services__body
  .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNTkyOCAzLjM4ODY3QzguNDIyNzUgNC44MjE3MyAzLjcxMzE2IDEwLjA2MjIgMy4wNzM5NyAxNi41SDkuMDcwOTFDOS40NDY5NyAxMi40NzAyIDExLjI1MzYgOC42NjU0MiAxMi45NjgzIDUuODQ1NjZDMTMuNTI1MyA0LjkyOTc0IDE0LjA4MTcgNC4xMDI5IDE0LjU5MjggMy4zODg2N1oiIGZpbGw9IiMzRDQwNDEiLz48cGF0aCBkPSJNMy4wNzM5NyAxOS41QzMuNzEzMTYgMjUuOTM3OSA4LjQyMjc1IDMxLjE3ODMgMTQuNTkyOCAzMi42MTE0QzE0LjA4MTcgMzEuODk3MiAxMy41MjUzIDMxLjA3MDMgMTIuOTY4MyAzMC4xNTQ0QzExLjI1MzYgMjcuMzM0NiA5LjQ0Njk3IDIzLjUyOTkgOS4wNzA5MSAxOS41SDMuMDczOTdaIiBmaWxsPSIjM0Q0MDQxIi8+PHBhdGggZD0iTTIxLjQwNyAzMi42MTE0QzIxLjkxODEgMzEuODk3MiAyMi40NzQ2IDMxLjA3MDMgMjMuMDMxNSAzMC4xNTQ0QzI0Ljc0NjMgMjcuMzM0NiAyNi41NTI4IDIzLjUyOTkgMjYuOTI4OSAxOS41SDMyLjkyNThDMzIuMjg2NyAyNS45Mzc5IDI3LjU3NzEgMzEuMTc4MyAyMS40MDcgMzIuNjExNFoiIGZpbGw9IiMzRDQwNDEiLz48cGF0aCBkPSJNMzIuOTI1OCAxNi41SDI2LjkyODlDMjYuNTUyOSAxMi40NzAyIDI0Ljc0NjMgOC42NjU0MiAyMy4wMzE1IDUuODQ1NjZDMjIuNDc0NiA0LjkyOTc0IDIxLjkxODEgNC4xMDI5IDIxLjQwNyAzLjM4ODY3QzI3LjU3NzEgNC44MjE3MyAzMi4yODY3IDEwLjA2MjIgMzIuOTI1OCAxNi41WiIgZmlsbD0iIzNENDA0MSIvPjxwYXRoIGQ9Ik0yMC40NjgzIDcuNDA0NEMyMi4wNDk3IDEwLjAwNSAyMy41NDQgMTMuMjM3NCAyMy45MTMyIDE2LjVIMTIuMDg2NkMxMi40NTU5IDEzLjIzNzQgMTMuOTUwMSAxMC4wMDUgMTUuNTMxNSA3LjQwNDRDMTYuNDI3NyA1LjkzMDY3IDE3LjMyNTQgNC43MDI3MyAxNy45OTk5IDMuODQyN0MxOC42NzQ0IDQuNzAyNzMgMTkuNTcyMSA1LjkzMDY3IDIwLjQ2ODMgNy40MDQ0WiIgZmlsbD0iIzNENDA0MSIvPjxwYXRoIGQ9Ik0xNS41MzE1IDI4LjU5NTdDMTMuOTUwMSAyNS45OTUxIDEyLjQ1NTkgMjIuNzYyNyAxMi4wODY2IDE5LjVIMjMuOTEzMkMyMy41NDQgMjIuNzYyNyAyMi4wNDk3IDI1Ljk5NTEgMjAuNDY4MyAyOC41OTU3QzE5LjU3MjEgMzAuMDY5NCAxOC42NzQ0IDMxLjI5NzMgMTcuOTk5OSAzMi4xNTc0QzE3LjMyNTQgMzEuMjk3MyAxNi40Mjc3IDMwLjA2OTQgMTUuNTMxNSAyOC41OTU3WiIgZmlsbD0iIzNENDA0MSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.equiring .main-services__body .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNTkyOCAzLjM4ODY0QzguNDIyNzUgNC44MjE3IDMuNzEzMTYgMTAuMDYyMSAzLjA3Mzk3IDE2LjVIOS4wNzA5MUM5LjQ0Njk3IDEyLjQ3MDIgMTEuMjUzNiA4LjY2NTM5IDEyLjk2ODMgNS44NDU2M0MxMy41MjUzIDQuOTI5NzEgMTQuMDgxNyA0LjEwMjg3IDE0LjU5MjggMy4zODg2NFoiIGZpbGw9IiNGNUY1RjUiLz48cGF0aCBkPSJNMy4wNzM5NyAxOS41QzMuNzEzMTYgMjUuOTM3OSA4LjQyMjc1IDMxLjE3ODMgMTQuNTkyOCAzMi42MTE0QzE0LjA4MTcgMzEuODk3MSAxMy41MjUzIDMxLjA3MDMgMTIuOTY4MyAzMC4xNTQ0QzExLjI1MzYgMjcuMzM0NiA5LjQ0Njk3IDIzLjUyOTggOS4wNzA5MSAxOS41SDMuMDczOTdaIiBmaWxsPSIjRjVGNUY1Ii8+PHBhdGggZD0iTTIxLjQwNyAzMi42MTE0QzIxLjkxODEgMzEuODk3MSAyMi40NzQ2IDMxLjA3MDMgMjMuMDMxNSAzMC4xNTQ0QzI0Ljc0NjMgMjcuMzM0NiAyNi41NTI4IDIzLjUyOTggMjYuOTI4OSAxOS41SDMyLjkyNThDMzIuMjg2NyAyNS45Mzc5IDI3LjU3NzEgMzEuMTc4MyAyMS40MDcgMzIuNjExNFoiIGZpbGw9IiNGNUY1RjUiLz48cGF0aCBkPSJNMzIuOTI1OCAxNi41SDI2LjkyODlDMjYuNTUyOSAxMi40NzAyIDI0Ljc0NjMgOC42NjUzOSAyMy4wMzE1IDUuODQ1NjNDMjIuNDc0NiA0LjkyOTcxIDIxLjkxODEgNC4xMDI4NyAyMS40MDcgMy4zODg2NEMyNy41NzcxIDQuODIxNyAzMi4yODY3IDEwLjA2MjEgMzIuOTI1OCAxNi41WiIgZmlsbD0iI0Y1RjVGNSIvPjxwYXRoIGQ9Ik0yMC40NjgzIDcuNDA0MzdDMjIuMDQ5NyAxMC4wMDQ5IDIzLjU0NCAxMy4yMzczIDIzLjkxMzIgMTYuNUgxMi4wODY2QzEyLjQ1NTkgMTMuMjM3MyAxMy45NTAxIDEwLjAwNDkgMTUuNTMxNSA3LjQwNDM3QzE2LjQyNzcgNS45MzA2NCAxNy4zMjU0IDQuNzAyNjkgMTcuOTk5OSAzLjg0MjY3QzE4LjY3NDQgNC43MDI2OSAxOS41NzIxIDUuOTMwNjQgMjAuNDY4MyA3LjQwNDM3WiIgZmlsbD0iI0Y1RjVGNSIvPjxwYXRoIGQ9Ik0xNS41MzE1IDI4LjU5NTZDMTMuOTUwMSAyNS45OTUxIDEyLjQ1NTkgMjIuNzYyNyAxMi4wODY2IDE5LjVIMjMuOTEzMkMyMy41NDQgMjIuNzYyNyAyMi4wNDk3IDI1Ljk5NTEgMjAuNDY4MyAyOC41OTU2QzE5LjU3MjEgMzAuMDY5NCAxOC42NzQ0IDMxLjI5NzMgMTcuOTk5OSAzMi4xNTczQzE3LjMyNTQgMzEuMjk3MyAxNi40Mjc3IDMwLjA2OTQgMTUuNTMxNSAyOC41OTU2WiIgZmlsbD0iI0Y1RjVGNSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.agrigate:not(:first-child):hover
  .main-services__body
  .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuMjg1IDNIMTEuNzE1QzYuMjU1IDMgMyA2LjI1NSAzIDExLjcxNVYyNC4yN0MzIDI5Ljc0NSA2LjI1NSAzMyAxMS43MTUgMzNIMjQuMjdDMjkuNzMgMzMgMzIuOTg1IDI5Ljc0NSAzMi45ODUgMjQuMjg1VjExLjcxNUMzMyA2LjI1NSAyOS43NDUgMyAyNC4yODUgM1pNMjQuNjE1IDE0Ljc0NUMyMy43IDE3LjM1NSAyMS4yNCAxOS4xMSAxOC40OCAxOS4xMUMxOC40NjUgMTkuMTEgMTguNDY1IDE5LjExIDE4LjQ1IDE5LjExTDE1LjM2IDE5LjA5NUMxNS4zNiAxOS4wOTUgMTUuMzYgMTkuMDk1IDE1LjM0NSAxOS4wOTVDMTQuMjA1IDE5LjA5NSAxMy4yMTUgMTkuODYgMTIuOTE1IDIwLjk1NUMxNC4yNSAyMS4zNzUgMTUuMjI1IDIyLjYyIDE1LjIyNSAyNC4wOUMxNS4yMjUgMjUuOTA1IDEzLjc0IDI3LjM5IDExLjkyNSAyNy4zOUMxMC4xMSAyNy4zOSA4LjYyNSAyNS45MDUgOC42MjUgMjQuMDlDOC42MjUgMjIuNzU1IDkuNDM1IDIxLjYgMTAuNTc1IDIxLjA5VjE0LjU1QzkuNDM1IDE0LjEgOC42MjUgMTIuOTkgOC42MjUgMTEuN0M4LjYyNSAxMC4wMDUgMTAuMDA1IDguNjI1IDExLjcgOC42MjVDMTMuMzk1IDguNjI1IDE0Ljc3NSAxMC4wMDUgMTQuNzc1IDExLjdDMTQuNzc1IDEzLjAwNSAxMy45NjUgMTQuMSAxMi44MjUgMTQuNTVWMTcuNThDMTMuNTYgMTcuMTE1IDE0LjQzIDE2Ljg0NSAxNS4zNDUgMTYuODQ1SDE1LjM2TDE4LjQ1IDE2Ljg2QzIwLjIyIDE2LjkyIDIxLjc5NSAxNS43OCAyMi40MjUgMTQuMTNDMjEuNjkgMTMuNTYgMjEuMjEgMTIuNjkgMjEuMjEgMTEuN0MyMS4yMSAxMC4wMDUgMjIuNTkgOC42MjUgMjQuMjg1IDguNjI1QzI1Ljk4IDguNjI1IDI3LjM2IDEwLjAwNSAyNy4zNiAxMS43QzI3LjM3NSAxMy4yOSAyNi4xNiAxNC41OCAyNC42MTUgMTQuNzQ1WiIgZmlsbD0iIzNENDA0MSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.agrigate .main-services__body .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuMjg1IDNIMTEuNzE1QzYuMjU1IDMgMyA2LjI1NSAzIDExLjcxNVYyNC4yN0MzIDI5Ljc0NSA2LjI1NSAzMyAxMS43MTUgMzNIMjQuMjdDMjkuNzMgMzMgMzIuOTg1IDI5Ljc0NSAzMi45ODUgMjQuMjg1VjExLjcxNUMzMyA2LjI1NSAyOS43NDUgMyAyNC4yODUgM1pNMjQuNjE1IDE0Ljc0NUMyMy43IDE3LjM1NSAyMS4yNCAxOS4xMSAxOC40OCAxOS4xMUMxOC40NjUgMTkuMTEgMTguNDY1IDE5LjExIDE4LjQ1IDE5LjExTDE1LjM2IDE5LjA5NUMxNS4zNiAxOS4wOTUgMTUuMzYgMTkuMDk1IDE1LjM0NSAxOS4wOTVDMTQuMjA1IDE5LjA5NSAxMy4yMTUgMTkuODYgMTIuOTE1IDIwLjk1NUMxNC4yNSAyMS4zNzUgMTUuMjI1IDIyLjYyIDE1LjIyNSAyNC4wOUMxNS4yMjUgMjUuOTA1IDEzLjc0IDI3LjM5IDExLjkyNSAyNy4zOUMxMC4xMSAyNy4zOSA4LjYyNSAyNS45MDUgOC42MjUgMjQuMDlDOC42MjUgMjIuNzU1IDkuNDM1IDIxLjYgMTAuNTc1IDIxLjA5VjE0LjU1QzkuNDM1IDE0LjEgOC42MjUgMTIuOTkgOC42MjUgMTEuN0M4LjYyNSAxMC4wMDUgMTAuMDA1IDguNjI1IDExLjcgOC42MjVDMTMuMzk1IDguNjI1IDE0Ljc3NSAxMC4wMDUgMTQuNzc1IDExLjdDMTQuNzc1IDEzLjAwNSAxMy45NjUgMTQuMSAxMi44MjUgMTQuNTVWMTcuNThDMTMuNTYgMTcuMTE1IDE0LjQzIDE2Ljg0NSAxNS4zNDUgMTYuODQ1SDE1LjM2TDE4LjQ1IDE2Ljg2QzIwLjIyIDE2LjkyIDIxLjc5NSAxNS43OCAyMi40MjUgMTQuMTNDMjEuNjkgMTMuNTYgMjEuMjEgMTIuNjkgMjEuMjEgMTEuN0MyMS4yMSAxMC4wMDUgMjIuNTkgOC42MjUgMjQuMjg1IDguNjI1QzI1Ljk4IDguNjI1IDI3LjM2IDEwLjAwNSAyNy4zNiAxMS43QzI3LjM3NSAxMy4yOSAyNi4xNiAxNC41OCAyNC42MTUgMTQuNzQ1WiIgZmlsbD0iI0Y1RjVGNSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

/* ====================================================================================================== */
/* title text */
.section .main-services__body {
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.section .main-services__body .main-services__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section:not(:first-child):hover
  .main-services__body
  .main-services__title
  .main-services__text {
  margin-left: 19.7px;
  font-weight: 500;
  font-size: 32px;
  color: #3d4041;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.section .main-services__body .main-services__title .main-services__text {
  margin-left: 19.7px;
  font-weight: 500;
  font-size: 30px;
  color: #f8f8f8;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.section:not(:first-child):hover .main-services__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #3d4041;
}

.section .main-services__body .main-services__subtitle {
  margin-top: 60px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #f5f5f5;
  margin-bottom: 24px;
}

/* list */
.section:not(:first-child):hover .main-services__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #3d4041;
}

.section .main-services__body .main-services__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #f5f5f5;
}

.section .main-services__body .main-services__list > li {
  margin-bottom: 16px;
}

.section:not(:first-child):hover .main-services__body {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

/* ======== */
#support:hover {
  background-color: #f6f6f6;
  /* z-index: -1; */
  /* opacity: 0;
    position: absolute;
    content: "";
    background-image: url('../images/img/headset-callcenter-office@2x-1024x683.png');
    background-size: 587px 392px;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    top: 646px;
    left: 0; */
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.support-section {
  background-position: 0 1200px;
  background-size: contain;
  background-repeat: no-repeat;
  overflow-x: hidden;
}

.support-section:hover {
  /* z-index: 1; */
  background-image: url(../images/design/headset-callcenter-office@2x-1024x683.0188cb.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.terminal {
  background-position: 0 1200px;
  background-size: contain;
  background-repeat: no-repeat;
}

.terminal:hover {
  /* z-index: 1; */
  background-image: url(../images/design/terminal.c7e03b.png);
  background-size: contain;
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.kassa {
  background-position: 0 1200px;
  background-size: contain;
  background-repeat: no-repeat;
}

.kassa:hover {
  /* z-index: 1; */
  background-image: url(../images/design/kassa.8de9a1.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 bottom;
  /* background-; */
  /* bottom: -20px; */
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.money {
  background-position: 0 1200px;
  background-size: contain;
  background-repeat: no-repeat;
}

.money:hover {
  /* z-index: 1; */
  background-image: url(../images/design/money.d61236.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 bottom;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.equiring {
  background-position: 0 1200px;
  background-size: contain;
  background-repeat: no-repeat;
}

.equiring::before {
  /* z-index: 1; */
  opacity: 0;
  position: absolute;
  content: "";
  background-image: url(../images/design/note.8c8877.png);
  background-size: 580px 390px;
  background-repeat: no-repeat;
  overflow-x: hidden;
  top: 800px;
  left: 0;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}

.equiring:hover {
  /* z-index: 1; */
  background-image: url(../images/design/note.8c8877.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 bottom;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.agrigate {
  background-position: 0 1200px;
  background-size: contain;
  background-repeat: no-repeat;
}

.agrigate:hover {
  /* z-index: 1; */
  background-image: url(../images/design/brands.6a54b9.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 0 bottom;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

@media (min-width: 1650px) {
  .section:hover {
    background-position: 0 100%;
  }

  .terminal:hover {
    background-position: 0 100%;
  }

  .money:hover {
    background-position: 0 100%;
  }

  .equiring:hover {
    background-position: 0 100%;
  }
}
@media (max-width: 1400px), (max-height: 750px) {
  .section:hover {
    background-position: 0 110%;
    background-size: 80%;
  }

  .terminal:hover {
    background-position: 0 110%;
  }

  .money:hover {
    background-position: 100% 100%;
  }

  .equiring:hover {
    background-position: 0 100%;
  }
}
@media (max-width: 969px) {
  .section:hover {
    background-position: 0 120%;
  }

  .terminal:hover {
    background-position: 0 130%;
  }

  .money:hover {
    background-position: 100% 100%;
  }

  .equiring:hover {
    background-position: 0 110%;
  }
}
.support-section.active {
  background-color: #f5f5f5;
  background-image: url(../images/design/headset-callcenter-office@2x-1024x683.0188cb.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  /* list */
}
.support-section.active .main-services__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #3d4041;
}
.support-section.active .main-services__title .main-services__text {
  margin-left: 19.7px;
  font-weight: 500;
  font-size: 32px;
  color: #3d4041;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.support-section.active .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTI3LjYwMzQgMTcuMzcwMUMyOC4xMzk5IDE3LjY1NTEgMjguNTUzOCAxOC4xMDUxIDI4Ljg0NSAxOC41NTUxQzI5LjQxMjIgMTkuNDg1MSAyOS4zNjYyIDIwLjYyNTEgMjguODE0NCAyMS42MzAxTDI3Ljc0MTMgMjMuNDMwMUMyNy4xNzQxIDI0LjM5MDEgMjYuMTE2NCAyNC45OTAxIDI1LjAyOCAyNC45OTAxQzI0LjQ5MTUgMjQuOTkwMSAyMy44OTM3IDI0Ljg0MDEgMjMuNDAzMSAyNC41NDAxQzIzLjAwNDYgMjQuMjg1MSAyMi41NDQ3IDI0LjE5NTEgMjIuMDU0MSAyNC4xOTUxQzIwLjUzNjUgMjQuMTk1MSAxOS4yNjQyIDI1LjQ0MDEgMTkuMjE4MiAyNi45MjUxQzE5LjIxODIgMjguNjUwMSAxNy44MDc5IDMwLjAwMDEgMTYuMDQ1IDMwLjAwMDFIMTMuOTYwMkMxMi4xODIgMzAuMDAwMSAxMC43NzE3IDI4LjY1MDEgMTAuNzcxNyAyNi45MjUxQzEwLjc0MTEgMjUuNDQwMSA5LjQ2ODczIDI0LjE5NTEgNy45NTExMiAyNC4xOTUxQzcuNDQ1MjYgMjQuMTk1MSA2Ljk4NTM3IDI0LjI4NTEgNi42MDIxNCAyNC41NDAxQzYuMTExNiAyNC44NDAxIDUuNDk4NDMgMjQuOTkwMSA0Ljk3NzIzIDI0Ljk5MDFDMy44NzM1MSAyNC45OTAxIDIuODE1NzkgMjQuMzkwMSAyLjI0ODYgMjMuNDMwMUwxLjE5MDg4IDIxLjYzMDFDMC42MjM2OTEgMjAuNjU1MSAwLjU5MzAzMiAxOS40ODUxIDEuMTYwMjIgMTguNTU1MUMxLjQwNTQ5IDE4LjEwNTEgMS44NjUzNyAxNy42NTUxIDIuMzg2NTcgMTcuMzcwMUMyLjgxNTc5IDE3LjE2MDEgMy4wOTE3MiAxNi44MTUxIDMuMzUyMzIgMTYuNDEwMUM0LjExODc4IDE1LjEyMDEgMy42NTg5IDEzLjQyNTEgMi4zNTU5MSAxMi42NjAxQzAuODM4MzAyIDExLjgwNTEgMC4zNDc3NjIgOS45MDAxMiAxLjIyMTU0IDguNDE1MTJMMi4yNDg2IDYuNjQ1MTJDMy4xMzc3MSA1LjE2MDEyIDUuMDM4NTUgNC42MzUxMiA2LjU3MTQ4IDUuNTA1MTJDNy45MDUxNCA2LjIyNTEyIDkuNjM3MzUgNS43NDUxMiAxMC40MTkyIDQuNDcwMTJDMTAuNjY0NCA0LjA1MDEyIDEwLjgwMjQgMy42MDAxMiAxMC43NzE3IDMuMTUwMTJDMTAuNzQxMSAyLjU2NTEyIDEwLjkwOTcgMi4wMTAxMiAxMS4yMDA5IDEuNTYwMTJDMTEuNzY4MSAwLjYzMDEyMiAxMi43OTUyIDAuMDMwMTIyMSAxMy45MTQyIDAuMDAwMTIyMDdIMTYuMDc1N0MxNy4yMTAxIDAuMDAwMTIyMDcgMTguMjM3MSAwLjYzMDEyMiAxOC44MDQzIDEuNTYwMTJDMTkuMDgwMiAyLjAxMDEyIDE5LjI2NDIgMi41NjUxMiAxOS4yMTgyIDMuMTUwMTJDMTkuMTg3NSAzLjYwMDEyIDE5LjMyNTUgNC4wNTAxMiAxOS41NzA4IDQuNDcwMTJDMjAuMzUyNiA1Ljc0NTEyIDIyLjA4NDggNi4yMjUxMiAyMy40MzM4IDUuNTA1MTJDMjQuOTUxNCA0LjYzNTEyIDI2Ljg2NzYgNS4xNjAxMiAyNy43NDEzIDYuNjQ1MTJMMjguNzY4NCA4LjQxNTEyQzI5LjY1NzUgOS45MDAxMiAyOS4xNjcgMTEuODA1MSAyNy42MzQgMTIuNjYwMUMyNi4zMzEgMTMuNDI1MSAyNS44NzExIDE1LjEyMDEgMjYuNjUyOSAxNi40MTAxQzI2Ljg5ODIgMTYuODE1MSAyNy4xNzQxIDE3LjE2MDEgMjcuNjAzNCAxNy4zNzAxWk0xMC42NjQ0IDE1LjAxNTFDMTAuNjY0NCAxNy4zNzAxIDEyLjYxMTIgMTkuMjQ1MSAxNS4wMTggMTkuMjQ1MUMxNy40MjQ3IDE5LjI0NTEgMTkuMzI1NSAxNy4zNzAxIDE5LjMyNTUgMTUuMDE1MUMxOS4zMjU1IDEyLjY2MDEgMTcuNDI0NyAxMC43NzAxIDE1LjAxOCAxMC43NzAxQzEyLjYxMTIgMTAuNzcwMSAxMC42NjQ0IDEyLjY2MDEgMTAuNjY0NCAxNS4wMTUxWiIgZmlsbD0iIzNENDA0MSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.support-section.active .main-services__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #3d4041;
}
.support-section.active .main-services__body {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.terminal.active {
  background-color: #fff;
  background-image: url(../images/design/terminal.c7e03b.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  /* list */
}
.terminal.active .main-services__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #3d4041;
}
.terminal.active .main-services__title .main-services__text {
  margin-left: 19.7px;
  font-weight: 500;
  font-size: 32px;
  color: #3d4041;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.terminal.active .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iNiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHk9IjI4IiB3aWR0aD0iMjIiIGhlaWdodD0iMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjIzIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSIzIiB5PSI2IiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSI3IiB5PSIxOSIgd2lkdGg9IjgiIGhlaWdodD0iMiIgZmlsbD0iI0ZFRkVGRSIvPjxyZWN0IHg9IjciIHk9IjExIiB3aWR0aD0iOCIgaGVpZ2h0PSI1IiBmaWxsPSIjRkVGRUZFIiBzdHJva2U9IiNGRUZFRkUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.terminal.active .main-services__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #3d4041;
}
.terminal.active .main-services__body {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.kassa.active {
  background-color: #fff;
  background-image: url(../images/design/kassa.8de9a1.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  /* list */
}
.kassa.active .main-services__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #3d4041;
}
.kassa.active .main-services__title .main-services__text {
  margin-left: 19.7px;
  font-weight: 500;
  font-size: 32px;
  color: #3d4041;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.kassa.active .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA3QzAgMy4xMzQwMSAzLjEzNDAxIDAgNyAwSDE1QzE4Ljg2NiAwIDIyIDMuMTM0MDEgMjIgN0gwWiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHk9IjI4IiB3aWR0aD0iMjIiIGhlaWdodD0iMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjIiIHk9IjIzIiB3aWR0aD0iMTgiIGhlaWdodD0iMSIgZmlsbD0iI0ZFRkVGRSIvPjxyZWN0IHg9IjMiIHk9IjciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxIiBmaWxsPSIjRkVGRUZFIi8+PHBhdGggZD0iTTcgMTVDNyAxMi43OTA5IDguNzkwODYgMTEgMTEgMTFDMTMuMjA5MSAxMSAxNSAxMi43OTA5IDE1IDE1VjIwSDdWMTVaIiBmaWxsPSIjRkVGRUZFIiBzdHJva2U9IiMzRDQwNDEiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.kassa.active .main-services__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #3d4041;
}
.kassa.active .main-services__body {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.money.active {
  background-color: #fff;
  background-image: url(../images/design/money.d61236.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  /* list */
}
.money.active .main-services__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #3d4041;
}
.money.active .main-services__title .main-services__text {
  margin-left: 19.7px;
  font-weight: 500;
  font-size: 32px;
  color: #3d4041;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.money.active .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxNSIgY3k9IjE1IiByPSIxNSIgZmlsbD0iIzNENDA0MSIvPjxwYXRoIGQ9Ik03LjcyMjEzIDUuNzIySDIyLjI3NTFWOS4xMjRINy43MjIxM1Y1LjcyMlpNMTcuMDM3MSAyNUgxMi45NjAxVjE0LjQxNkg3LjcyMjEzVjExLjAxNEgyMi4yNzUxVjE0LjQxNkgxNy4wMzcxVjI1WiIgZmlsbD0iI0Y1RjVGNSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.money.active .main-services__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #3d4041;
}
.money.active .main-services__body {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.equiring.active {
  background-color: #fff;
  background-image: url(../images/design/note.8c8877.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  /* list */
}
.equiring.active .main-services__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #3d4041;
}
.equiring.active .main-services__title .main-services__text {
  margin-left: 19.7px;
  font-weight: 500;
  font-size: 32px;
  color: #3d4041;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.equiring.active .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNTkyOCAzLjM4ODY3QzguNDIyNzUgNC44MjE3MyAzLjcxMzE2IDEwLjA2MjIgMy4wNzM5NyAxNi41SDkuMDcwOTFDOS40NDY5NyAxMi40NzAyIDExLjI1MzYgOC42NjU0MiAxMi45NjgzIDUuODQ1NjZDMTMuNTI1MyA0LjkyOTc0IDE0LjA4MTcgNC4xMDI5IDE0LjU5MjggMy4zODg2N1oiIGZpbGw9IiMzRDQwNDEiLz48cGF0aCBkPSJNMy4wNzM5NyAxOS41QzMuNzEzMTYgMjUuOTM3OSA4LjQyMjc1IDMxLjE3ODMgMTQuNTkyOCAzMi42MTE0QzE0LjA4MTcgMzEuODk3MiAxMy41MjUzIDMxLjA3MDMgMTIuOTY4MyAzMC4xNTQ0QzExLjI1MzYgMjcuMzM0NiA5LjQ0Njk3IDIzLjUyOTkgOS4wNzA5MSAxOS41SDMuMDczOTdaIiBmaWxsPSIjM0Q0MDQxIi8+PHBhdGggZD0iTTIxLjQwNyAzMi42MTE0QzIxLjkxODEgMzEuODk3MiAyMi40NzQ2IDMxLjA3MDMgMjMuMDMxNSAzMC4xNTQ0QzI0Ljc0NjMgMjcuMzM0NiAyNi41NTI4IDIzLjUyOTkgMjYuOTI4OSAxOS41SDMyLjkyNThDMzIuMjg2NyAyNS45Mzc5IDI3LjU3NzEgMzEuMTc4MyAyMS40MDcgMzIuNjExNFoiIGZpbGw9IiMzRDQwNDEiLz48cGF0aCBkPSJNMzIuOTI1OCAxNi41SDI2LjkyODlDMjYuNTUyOSAxMi40NzAyIDI0Ljc0NjMgOC42NjU0MiAyMy4wMzE1IDUuODQ1NjZDMjIuNDc0NiA0LjkyOTc0IDIxLjkxODEgNC4xMDI5IDIxLjQwNyAzLjM4ODY3QzI3LjU3NzEgNC44MjE3MyAzMi4yODY3IDEwLjA2MjIgMzIuOTI1OCAxNi41WiIgZmlsbD0iIzNENDA0MSIvPjxwYXRoIGQ9Ik0yMC40NjgzIDcuNDA0NEMyMi4wNDk3IDEwLjAwNSAyMy41NDQgMTMuMjM3NCAyMy45MTMyIDE2LjVIMTIuMDg2NkMxMi40NTU5IDEzLjIzNzQgMTMuOTUwMSAxMC4wMDUgMTUuNTMxNSA3LjQwNDRDMTYuNDI3NyA1LjkzMDY3IDE3LjMyNTQgNC43MDI3MyAxNy45OTk5IDMuODQyN0MxOC42NzQ0IDQuNzAyNzMgMTkuNTcyMSA1LjkzMDY3IDIwLjQ2ODMgNy40MDQ0WiIgZmlsbD0iIzNENDA0MSIvPjxwYXRoIGQ9Ik0xNS41MzE1IDI4LjU5NTdDMTMuOTUwMSAyNS45OTUxIDEyLjQ1NTkgMjIuNzYyNyAxMi4wODY2IDE5LjVIMjMuOTEzMkMyMy41NDQgMjIuNzYyNyAyMi4wNDk3IDI1Ljk5NTEgMjAuNDY4MyAyOC41OTU3QzE5LjU3MjEgMzAuMDY5NCAxOC42NzQ0IDMxLjI5NzMgMTcuOTk5OSAzMi4xNTc0QzE3LjMyNTQgMzEuMjk3MyAxNi40Mjc3IDMwLjA2OTQgMTUuNTMxNSAyOC41OTU3WiIgZmlsbD0iIzNENDA0MSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.equiring.active .main-services__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #3d4041;
}
.equiring.active .main-services__body {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.agrigate.active {
  background-color: #fff;
  background-image: url(../images/design/brands.6a54b9.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
  /* list */
}
.agrigate.active .main-services__subtitle {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #3d4041;
}
.agrigate.active .main-services__title .main-services__text {
  margin-left: 19.7px;
  font-weight: 500;
  font-size: 32px;
  color: #3d4041;
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.agrigate.active .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjQuMjg1IDNIMTEuNzE1QzYuMjU1IDMgMyA2LjI1NSAzIDExLjcxNVYyNC4yN0MzIDI5Ljc0NSA2LjI1NSAzMyAxMS43MTUgMzNIMjQuMjdDMjkuNzMgMzMgMzIuOTg1IDI5Ljc0NSAzMi45ODUgMjQuMjg1VjExLjcxNUMzMyA2LjI1NSAyOS43NDUgMyAyNC4yODUgM1pNMjQuNjE1IDE0Ljc0NUMyMy43IDE3LjM1NSAyMS4yNCAxOS4xMSAxOC40OCAxOS4xMUMxOC40NjUgMTkuMTEgMTguNDY1IDE5LjExIDE4LjQ1IDE5LjExTDE1LjM2IDE5LjA5NUMxNS4zNiAxOS4wOTUgMTUuMzYgMTkuMDk1IDE1LjM0NSAxOS4wOTVDMTQuMjA1IDE5LjA5NSAxMy4yMTUgMTkuODYgMTIuOTE1IDIwLjk1NUMxNC4yNSAyMS4zNzUgMTUuMjI1IDIyLjYyIDE1LjIyNSAyNC4wOUMxNS4yMjUgMjUuOTA1IDEzLjc0IDI3LjM5IDExLjkyNSAyNy4zOUMxMC4xMSAyNy4zOSA4LjYyNSAyNS45MDUgOC42MjUgMjQuMDlDOC42MjUgMjIuNzU1IDkuNDM1IDIxLjYgMTAuNTc1IDIxLjA5VjE0LjU1QzkuNDM1IDE0LjEgOC42MjUgMTIuOTkgOC42MjUgMTEuN0M4LjYyNSAxMC4wMDUgMTAuMDA1IDguNjI1IDExLjcgOC42MjVDMTMuMzk1IDguNjI1IDE0Ljc3NSAxMC4wMDUgMTQuNzc1IDExLjdDMTQuNzc1IDEzLjAwNSAxMy45NjUgMTQuMSAxMi44MjUgMTQuNTVWMTcuNThDMTMuNTYgMTcuMTE1IDE0LjQzIDE2Ljg0NSAxNS4zNDUgMTYuODQ1SDE1LjM2TDE4LjQ1IDE2Ljg2QzIwLjIyIDE2LjkyIDIxLjc5NSAxNS43OCAyMi40MjUgMTQuMTNDMjEuNjkgMTMuNTYgMjEuMjEgMTIuNjkgMjEuMjEgMTEuN0MyMS4yMSAxMC4wMDUgMjIuNTkgOC42MjUgMjQuMjg1IDguNjI1QzI1Ljk4IDguNjI1IDI3LjM2IDEwLjAwNSAyNy4zNiAxMS43QzI3LjM3NSAxMy4yOSAyNi4xNiAxNC41OCAyNC42MTUgMTQuNzQ1WiIgZmlsbD0iIzNENDA0MSIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}
.agrigate.active .main-services__list {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #3d4041;
}
.agrigate.active .main-services__body {
  -webkit-transform: translateY(-25px);
  transform: translateY(-25px);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
}

.swiper-container {
display: none;
}
/*  
@media (min-width: 480px) {
  .wrapper {
    display: block;
    background-color: var(--main-color-grey);
    margin-bottom: 20%;
  }
  .section{
    display: blo;
  }
} */




@media (max-width: 480px) {
  html, body {
    margin: 0;
    padding: 0;
    display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: var(--main-color-grey);
   }
  .wrapper {
    display: none;
    /* background-color: var(--main-color-grey);
    margin-bottom: 20%; */
  }
  .section{
    display: none;
  }
  /* .section:first-child {
    min-width: 360px;
  } */
  .section {
    /* background-color: #fff;
    height: auto !important;
    min-width: 360px;
    margin: 5% 5%;
    border-radius: 20px; */
  }
  /* .swiper-wrapper {
    margin-bottom: 20%;
  } */
  .swiper-container {

    display: block;
    width: calc(100vw - 70px);
    max-width: 600px;
    /* background-color: grey; */
    overflow: visible;
    /* padding: 30px 0; */
  }
  
  .swiper-wrapper {
    list-style: none;
    padding: 0;
    height: 100vh;
    
  }
  
  .swiper-slide {
    display: block;
    width: auto;
    height: auto !important;
    padding: 8px;
    margin-right: 8px;
    background-color: transparent;
    opacity: 0.4;
    transition: ease-in-out 0.3s;
  }
  
  .swiper-slide-active {
    opacity: 1;
    transition: ease-in-out 0.3s;
  }
  
  [class*=swiper-button] {
    background-color: white;
    width: 27px;
    height: 27px;
    border: 3px solid white;
    border-radius: 100%;
  }
  
  .swiper-button-prev {
    left: -16px;
  }
  
  .swiper-button-next {
    right: -16px;
  }

  .swiper-pagination-bullet-active {
    background-color: var(--orange-color) !important;
}
  .mobile{
  
  }
  .mobile>ul>li{
    padding: 45% 5%;
  }
  /* .mobile-card{
    background-color: var(--main-color-grey);
    
    border-radius: 20px;
    width: 100%;
    height: 100%;
  } */
  #mobile-main-container{
    border-radius: 0 ;
    padding: 20% 10%;
  }
  #mobile-main-container>.mobile-card{
    border-radius: 0 ;

  }
  #mobile-main{
    background-color: var(--main-color-grey);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .mobile-card{
    background-color: #fff ;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    
  }
  .mobile .main-nav {
    display: flex;
    flex-direction: column;
  }

  .mobile .main-nav .nav-item{
    margin: 0;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 170%;
    color: #F3F3F3;
    display: flex;
    position: relative;
    z-index: 10;
  }

.mobile .main-mobile-text .main-content__text{
  font-size: 56px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    margin-left: -3px;
}
.mobile .main-mobile-text .main-content__lozung{
  font-size: 36px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    margin-left: -1px;
}



  .mobile .main-nav .nav-item img{
    margin-left: 10px;
    margin-bottom: -3px;
  }
  .mobile .main-mobile-footer>p{
    color: #ADADAD;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.02em;
  }
  .mobile .mobile-card .mobile-services__body{
    /* padding: 60px 30px 0  ; */
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between ;
    overflow: hidden;
  }
  .mobile .mobile-card .mobile-services__body .main-services__title{
    display: flex;
  }
  .mobile .mobile-card .mobile-services__body .main-services__title .main-services__text{
    font-size: 28px;
    font-weight: 700;
    color: var(--main-color-grey);
    margin-bottom: 10px;
    
  }
  .mobile .mobile-support .mobile-card{
background-color: RGB(246, 246, 246);
  }

  .mobile .mobile-card .mobile-services__body .main-services__subtitle{
    font-size: 18px;
    font-weight: 500;
    color: var(--main-color-grey);
    margin-bottom: 10px;
  }

  .mobile .mobile-card .mobile-services__body .main-services__list{
    font-size: 14px;
    font-weight: 500;
    color: var(--main-color-grey);
    margin-bottom: 15px;
    /* position: relative; */
  }
  /* .mobile  .mobile-services__body
  .main-services__settings-icon {
  width: 28.5px;
  height: 30px;
  color: #f5f5f5;
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyMiAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMjIiIGhlaWdodD0iNiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHk9IjI4IiB3aWR0aD0iMjIiIGhlaWdodD0iMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjYiIHdpZHRoPSIxNiIgaGVpZ2h0PSIyMiIgZmlsbD0iIzNENDA0MSIvPjxyZWN0IHg9IjMiIHk9IjIzIiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSIzIiB5PSI2IiB3aWR0aD0iMTYiIGhlaWdodD0iMiIgZmlsbD0id2hpdGUiLz48cmVjdCB4PSI3IiB5PSIxOSIgd2lkdGg9IjgiIGhlaWdodD0iMiIgZmlsbD0iI0ZFRkVGRSIvPjxyZWN0IHg9IjciIHk9IjExIiB3aWR0aD0iOCIgaGVpZ2h0PSI1IiBmaWxsPSIjRkVGRUZFIiBzdHJva2U9IiNGRUZFRkUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
  -webkit-transition: all var(--transition);
  transition: all var(--transition);
} */

.mobile .mobile-money .mobile-card .mobile-services__body img{

  position: relative;
  left:30px;

}

.mobile .mobile-equiring .mobile-card .mobile-services__body img {
/* width: 368px;
height: 238px; */
  position: relative;
  /* right:30px; */
  top:-40px;
  z-index: 1;
}
.mobile .mobile-agrigation .mobile-card .mobile-services__body img {
/* width: 368px;
height: 238px; */
  position: relative;
  /* right:30px; */

  z-index: 1;
}


.mobile  .mobile-card .mobile-services__body .mobile-services-text{
  padding: 30px;
}

}