/* Fonts START*/
@font-face {
  font-family: "Stathubs-font1";
  font-display: swap;
  src: url(../fonts/Inter-Regular.ttf);
}
@font-face {
  font-family: "Stathubs-font2";
  font-display: swap;
  src: url(../fonts/Inter-Medium.ttf);
}
@font-face {
  font-family: "Stathubs-font3";
  font-display: swap;
  src: url(../fonts/Inter-Light.ttf);
}
:root {
  --font-family-1: "Stathubs-font1";
  --font-family-2: "Stathubs-font2";
  --font-family-4: "Stathubs-font3";
}

body {
  font-family: var(--font-family-1);
}

/* Fonts END*/
/* Variables START*/
/* Variables END*/
/* General style START*/
*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  outline: none;
}

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

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

p,
ul {
  margin: 0;
  padding: 0;
}

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

button {
  cursor: pointer;
}

button,
input {
  outline: none;
  border: none;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body.overflow-hidden {
  overflow: hidden;
}

.d-none {
  display: none !important;
}

@media (min-width: 991.98px) {
  .d-none-desktop {
    display: none !important;
  }
}

@media (max-width: 991.98px) {
  .d-none-mobile {
    display: none !important;
  }
}

p,
h2,
h1,
h3 {
  margin-bottom: 0;
}

.tab-content > .tab-pane {
  display: none;
}

.fade:not(.show) {
  opacity: 0;
}

.fade {
  transition: opacity 0.15s linear;
}

.tab-content > .active {
  display: block;
}

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

.flex {
  display: flex;
}

.block {
  display: block;
}

@media (min-width: 991.98px) {
  #primary {
    min-height: 90vh;
  }
}

.section-header {
  text-align: center;
  margin-bottom: 12px;
}

body.no-scroll {
  overflow: hidden;
}

body:not(.home) header {
  box-shadow: 0px 10px 16px rgba(26, 26, 46, 0.062745098);
}

.single-integrations .sideres .rights h2 {
  scroll-margin-top: 80px;
}

.site-default {
  padding: 40px 0;
}

/* General style END*/
main #errorText {
  font-size: 22px;
  padding: 24px 0;
  text-align: center;
}
@media (max-width: 575.98px) {
  main #errorText {
    margin-top: -30px;
  }
}
@media (max-width: 470px) {
  main #errorText {
    margin-top: -50px;
  }
}

main svg {
  width: 100%;
}

main #errorLink {
  font-size: 20px;
  padding: 12px;
  border: 1px solid;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
  margin: auto;
  width: 185px;
  height: 45px;
  border: 1px solid;
  border-color: transparent;
  color: #1A1A2E;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  will-change: box-shadow, transform;
  background-color: #c1ff50;
  background-image: linear-gradient(to right, #69e011 0, #c1ff50 51%, #69e011 100%);
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(193, 255, 80, 0.14), 0 3px 1px -2px rgba(193, 255, 80, 0.2), 0 1px 5px 0 rgba(193, 255, 80, 0.12);
  background-size: 200% auto !important;
  white-space: nowrap;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-position 0.5s;
}
main #errorLink:hover {
  box-shadow: 0 14px 26px -12px rgba(105, 224, 17, 0.82), 0 4px 23px 0 rgba(0, 0, 0, 0.32), 0 8px 10px -5px rgba(193, 255, 80, 0.5);
  background-position: right center;
  background-color: #69e011;
  border-color: transparent;
}

main #errorLink:hover,
main #errorLink:active {
  color: #fff;
  background: #000;
}

main #g6219 {
  transform-origin: 85px 4px;
  animation: an1 12s 0.5s infinite ease-out;
}

@keyframes an1 {
  0% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(3deg);
  }
  15% {
    transform: rotate(-2.5deg);
  }
  25% {
    transform: rotate(2deg);
  }
  35% {
    transform: rotate(-1.5deg);
  }
  45% {
    transform: rotate(1deg);
  }
  55% {
    transform: rotate(-1.5deg);
  }
  65% {
    transform: rotate(2deg);
  }
  75% {
    transform: rotate(-2deg);
  }
  85% {
    transform: rotate(2.5deg);
  }
  95% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(0);
  }
}
.st0 {
  fill: #fff;
}

.st2 {
  fill: #5d89af;
}

.st3 {
  fill: #709abf;
}

.st4,
.st6 {
  fill: #fff;
  stroke: #b3dcdf;
  stroke-miterlimit: 10;
}

.st6 {
  stroke: #5d89af;
  stroke-width: 2;
}

.st7,
.st8,
.st9 {
  stroke: #709abf;
  stroke-miterlimit: 10;
}

.st7 {
  stroke-width: 5;
  stroke-linecap: round;
  fill: none;
}

.st8,
.st9 {
  fill: #fff;
}

.st9 {
  fill: none;
}

#cloud1 {
  animation: cloud003 15s linear infinite;
}

#cloud2 {
  animation: cloud002 25s linear infinite;
}

#cloud3 {
  animation: cloud003 20s linear infinite;
}

#cloud4 {
  animation: float 4s linear infinite;
}

#cloud5 {
  animation: float 8s linear infinite;
}

#cloud7 {
  animation: float 5s linear infinite;
}

#tracks {
  animation: slide 650ms linear infinite;
}

#bumps {
  animation: land 10000ms linear infinite;
}

@keyframes jig {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0px);
  }
}
#car-layers {
  animation: jig 0.35s linear infinite;
}

@keyframes land {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(1000px);
  }
}
@keyframes slide {
  from {
    transform: translateX(0px);
  }
  to {
    transform: translateX(100px);
  }
}
/* @keyframes cloudFloat {
	0% { transform: translateX(0) translateY(3px); }
	100% { transform: translateX(1000px) translateY(0); }
  } */
@keyframes cloud001 {
  0% {
    transform: translateX(-1000px) translateY(3px);
  }
  100% {
    transform: translateX(1000px) translateY(0);
  }
}
@keyframes cloud002 {
  0% {
    transform: translateX(-1000px) translateY(3px);
  }
  100% {
    transform: translateX(1000px) translateY(0);
  }
}
@keyframes cloud003 {
  0% {
    transform: translateX(-1000px) translateY(3px);
  }
  100% {
    transform: translateX(1000px) translateY(0);
  }
}
@keyframes float {
  0% {
    transform: translateY(0px) translateX(0);
  }
  50% {
    transform: translateY(8px) translateX(5px);
  }
  100% {
    transform: translateY(0px) translateX(0);
  }
}
#bracefront,
#braceback {
  animation: braces 1s linear infinite;
}

@keyframes braces {
  0% {
    transform: translateX(-2px);
  }
  25% {
    transform: translateX(3px);
  }
  50% {
    transform: translateX(-2px);
  }
  75% {
    transform: translateX(3px);
  }
  100% {
    transform: translateX(-2px);
  }
}
/*Buttons*/
.default-btn a {
  min-width: 150px;
  height: 45px;
  border: 1px solid;
  border-color: transparent;
  border-radius: 8px;
  color: #1A1A2E;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*Buttons END*/
/* Hamburger START*/
.navbar-toggler {
  padding: 0 !important;
  outline: unset !important;
  border-color: unset !important;
  border: unset !important;
  z-index: 9;
}

.menu-m {
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 40px;
  height: 30px;
}
.menu-m .menu-bottom-click,
.menu-m .menu-top-click {
  border-color: #1A1A2E !important;
}
.menu-m .menu-global.menu-top-click,
.menu-m .menu-global.menu-bottom-click {
  left: 20%;
}
.menu-m span:nth-child(1) {
  border-color: #1A1A2E;
}
.menu-m span:nth-child(2) {
  border-color: #1A1A2E;
}
.menu-m span:nth-child(3) {
  border-color: #1A1A2E;
}

.menu-global {
  backface-visibility: hidden;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-top: 3px solid;
  width: 23px;
  transition: 0.44s;
  -webkit-transition: 0.44s;
  -moz-transition: 0.44s;
  -ms-transition: 0.44s;
  -o-transition: 0.44s;
  border-radius: 24px;
  border-radius: 8px;
}

.menu-top {
  top: 9px;
  border-radius: 4px;
}

.menu-middle {
  top: 14px;
}

.menu-bottom {
  top: 19px;
  border-radius: 4px;
}

.menu-top-click {
  backface-visibility: hidden;
  top: 15px;
  transform: rotate(50deg);
  transition: 0.44s;
  -webkit-transition: 0.44s;
  -moz-transition: 0.44s;
  -ms-transition: 0.44s;
  -o-transition: 0.44s;
}

.menu-middle-click {
  opacity: 0;
}

.menu-bottom-click {
  backface-visibility: hidden;
  top: 15px;
  transform: rotate(-410deg);
  transition: 0.44s 0.4s;
  -webkit-transition: 0.44s;
  -moz-transition: 0.44s 0.4s;
  -ms-transition: 0.44s 0.4s;
  -o-transition: 0.44s 0.4s;
}

/* Hamburger END*/
/* Header basic START*/
header {
  position: sticky;
  top: 0;
  z-index: 9;
}
header .scroll-imgchange img:first-child {
  display: none;
}
header .scroll-imgchange img:last-child {
  display: inherit !important;
}
header .scroll-imgchange li:first-child {
  display: none;
}
header .scroll-imgchange li:last-child {
  display: inherit !important;
}
header .headerbar {
  background: #fff;
  align-items: center;
  display: flex;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
header .headerbar nav {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  flex-wrap: unset;
}
@media (min-width: 991.98px) {
  header .headerbar nav .main-nav-toggle {
    flex: 1;
  }
}
header .headerbar nav .main-nav-toggle ul {
  gap: 20px;
}
header .headerbar nav .main-nav-toggle ul li {
  color: #1A1A2E;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
header .headerbar .collapsing {
  position: relative;
  overflow: hidden;
  height: 0;
  transition: height 0.35s ease;
}
header .headerbar .logo_header {
  z-index: 3;
}
header .headerbar .logo_header li {
  height: 27px;
  max-width: 170px;
}
header .headerbar .logo_header li img {
  width: 100%;
  height: 100% !important;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}
@media (min-width: 991.98px) {
  header .headerbar .logo_header li:last-child {
    display: none;
  }
}
@media (max-width: 991.98px) {
  header .headerbar .logo_header li:first-child {
    display: none;
  }
}

.shadow-header {
  box-shadow: 0px 10px 16px rgba(26, 26, 46, 0.062745098);
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}

.scroll-headerchange {
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  padding: 8px 0 !important;
  box-shadow: 0px 10px 16px rgba(26, 26, 46, 0.062745098);
}

@media (min-width: 991.98px) {
  .scroll-navchange li {
    color: #1A1A2E !important;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  }
}

.scroll-hamburger {
  top: 15px !important;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}

.background-nav {
  width: 300px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: contain;
  visibility: hidden;
  display: none;
}

/* Header basic END*/
/* Header with Menu from Rightside*/
header .header-right-menu {
  background: #fff;
  align-items: center;
  display: flex;
  height: 64px;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
header .header-right-menu nav {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
header .header-right-menu nav .menu-navigation-menu-en-container,
header .header-right-menu nav .menu-navigation-menu-de-container {
  width: 100%;
  justify-content: center;
  text-align: center;
  display: flex;
  flex: 1;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container,
  header .header-right-menu nav .menu-navigation-menu-de-container {
    position: fixed;
    display: flex;
    right: -80%;
    height: 100%;
    width: 75%;
    bottom: 0;
    background: #fff;
    transition: 0.4s ease-out;
  }
}
@media (max-width: 575.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container,
  header .header-right-menu nav .menu-navigation-menu-de-container {
    width: 100%;
    right: -100%;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav {
  justify-content: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav {
    justify-content: flex-start;
    width: 100%;
    padding: 0 15px;
    gap: 8px;
    height: 98%;
    overflow-y: auto;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav:after,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav:after {
    position: relative;
    content: "";
    height: 20px;
    background: transparent;
  }
}
@media (min-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li {
    height: 64px;
    display: flex;
    color: #1A1A2E;
    align-items: center;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li {
    background: #F0F2F6;
    border-radius: 16px;
    padding: 0 16px;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li a {
    color: #111213;
    font-size: 16px;
    line-height: 16px;
    font-family: var(--font-family-2);
    height: 52px;
    text-align: left;
    display: flex;
    align-items: center;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li a,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li a {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: left;
  gap: 12px;
  position: relative;
  z-index: 1;
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li a img,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li a img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  display: flex;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav li a img,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav li a img {
    background: #F0F2F6;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387:hover .sub-menu,
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465:hover .sub-menu,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387:hover .sub-menu,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465:hover .sub-menu {
  visibility: visible;
  display: grid;
  opacity: 1;
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu {
    padding: 0;
    display: none;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    height: unset;
    margin-bottom: unset;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu.open,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu.open,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu.open,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu.open {
    display: block;
    opacity: 1;
    max-height: unset;
  }
}
@media (min-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu {
    display: none;
    grid-gap: 16px;
    top: 64px;
    text-align: left;
    padding: 24px 24px 24px 24px;
    position: absolute;
    width: 100%;
    border-radius: 12px;
    border: 4px solid rgba(217, 217, 217, 0.1960784314);
    background: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
    max-width: 900px;
    left: 50%;
    transform: translate(-50%, 0);
    visibility: hidden;
    opacity: 0;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li,
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li {
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: unset;
  align-items: flex-start;
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li {
    padding: 0 0;
  }
}
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a {
  pointer-events: unset;
}
@media (min-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu {
    grid-template-columns: repeat(3, 1fr);
    padding: 0px;
    position: relative;
    top: unset;
    visibility: visible;
    opacity: 1;
    border-radius: unset;
    border: unset;
    background: unset;
    max-width: unset;
    left: unset;
    transform: unset;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li {
    display: flex;
    color: #1A1A2E;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a {
    text-transform: capitalize;
    font-size: 14px !important;
    font-family: var(--font-family-1);
  }
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 20px;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li {
    width: 100%;
  }
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-en-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-387 .sub-menu li .sub-menu li a,
  header .header-right-menu nav .menu-navigation-menu-de-container .navbar-nav #menu-item-465 .sub-menu li .sub-menu li a {
    font-family: var(--font-family-1);
    font-size: 16px !important;
    text-transform: capitalize;
  }
}
@media (max-width: 991.98px) {
  header .header-right-menu nav .act {
    padding-top: 68px;
    position: fixed;
    display: flex;
    right: 0%;
    height: 100%;
    width: 100%;
    bottom: 0;
    background: #fff;
    transition: 0.4s ease-out;
    z-index: -1;
    justify-content: flex-start;
  }
}
@media (max-width: 575.98px) {
  header .header-right-menu nav .act {
    right: 0%;
  }
}

@media (max-width: 991.98px) {
  #menu-item-387,
  #menu-item-465 {
    position: relative;
  }
  #menu-item-387:after,
  #menu-item-465:after {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translate(0, -50%);
    height: 20px;
    content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12.5L10 7.5L15 12.5" stroke="%23111213" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
  #menu-item-387.open::after,
  #menu-item-465.open::after {
    transform: rotate(180deg);
    top: 16px;
  }
}
@media (min-width: 991.98px) {
  #menu-item-387:after,
  #menu-item-465:after {
    position: absolute;
    content: "";
    border-radius: 8px 0px 0px 0px;
    background: #fff;
    margin-left: 32px;
    width: 23px;
    height: 23px;
    transform: rotate(45deg);
    top: 58px;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
  }
  #menu-item-387:before,
  #menu-item-465:before {
    position: absolute;
    content: "";
    border-radius: 8px 0px 0px 0px;
    background: rgba(217, 217, 217, 0.1960784314);
    margin-left: 31px;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    top: 54px;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
  }
  #menu-item-387:hover:after,
  #menu-item-465:hover:after {
    opacity: 1;
    visibility: visible;
  }
  #menu-item-387:hover:before,
  #menu-item-465:hover:before {
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 991.98px) {
  .right-widget {
    margin-left: auto;
    margin-right: 16px;
  }
}
.right-widget ul .lang-item-de a {
  display: flex;
  align-items: center;
}
.right-widget ul .lang-item-de a:before {
  background-image: url(../../src/img/de-flag.png);
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: center;
  display: flex;
  border-radius: 50%;
  content: "";
}
.right-widget ul .lang-item-de a img {
  display: none;
}
.right-widget ul .lang-item-en a {
  display: flex;
  align-items: center;
}
.right-widget ul .lang-item-en a:before {
  background-image: url(../../src/img/uk-flag.png);
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: center;
  display: flex;
  border-radius: 50%;
  content: "";
}
.right-widget ul .lang-item-en a img {
  display: none;
}
.right-widget ul .widget_polylang ul {
  cursor: pointer;
  background: #F0F2F6;
  display: inline-flex;
  height: 40px;
  padding: 13px 38px 13px 16px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  min-width: 133px;
}
@media (max-width: 991.98px) {
  .right-widget ul .widget_polylang ul {
    height: 32px;
    padding: 8px;
    min-width: unset;
    position: relative;
  }
  .right-widget ul .widget_polylang ul li span {
    display: none;
  }
}
.right-widget ul .widget_polylang ul:after {
  position: absolute;
  height: 18px;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  pointer-events: non;
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 7.5L10 12.5L15 7.5" stroke="%23111213" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media (max-width: 991.98px) {
  .right-widget ul .widget_polylang ul:after {
    height: 18px;
    right: 2px;
    display: none;
  }
}
.right-widget ul .widget_polylang ul .lang-item a img {
  width: 16px !important;
  height: 16px !important;
  border-radius: 50%;
}
.right-widget ul .widget_polylang ul .lang-item.show {
  display: block !important;
}
.right-widget ul .widget_polylang ul .current-lang {
  pointer-events: none;
}
.right-widget ul .widget_polylang ul .lang-item:not(.current-lang) {
  position: absolute;
  display: none;
  top: 44px;
  background: #F0F2F6;
  height: 40px;
  padding: 5px 33px 13px 16px;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  right: 0;
  min-width: 133px;
}
@media (max-width: 991.98px) {
  .right-widget ul .widget_polylang ul .lang-item:not(.current-lang) {
    height: 32px;
    top: 24px;
    min-width: unset;
    padding: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.navigation-nolink-two,
.navigation-nolink-one {
  color: #1F1F1F;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  font-family: var(--font-family-2);
  height: 30px;
  display: flex;
}
@media (max-width: 991.98px) {
  .navigation-nolink-two,
  .navigation-nolink-one {
    font-size: 10px !important;
  }
  .navigation-nolink-two a,
  .navigation-nolink-one a {
    font-size: 10px !important;
    height: unset !important;
  }
}
.navigation-nolink-two a,
.navigation-nolink-one a {
  pointer-events: none;
}

/* Rightmenu END*/
/* Footer START*/
@media (max-width: 1200px) {
  footer .columns a {
    word-break: break-word;
  }
}
footer .columns .footer-3 ul li ul {
  display: grid !important;
}
@media (min-width: 575.98px) {
  footer .columns .footer-3 ul li ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
footer .columns .col-lg-2, footer .columns .col-lg-4 {
  margin: 16px 0;
}
@media (min-width: 575.98px) {
  footer .columns .col-lg-2, footer .columns .col-lg-4 {
    margin: 30px 0;
  }
}
@media (max-width: 991.98px) {
  footer .columns .col-lg-2, footer .columns .col-lg-4 {
    max-width: 600px;
  }
  footer .columns .col-lg-2:first-child, footer .columns .col-lg-4:first-child {
    margin-top: 0;
  }
  footer .columns .col-lg-2:last-child, footer .columns .col-lg-4:last-child {
    margin-bottom: 0;
  }
}
footer .columns .col-lg-2 ul li, footer .columns .col-lg-4 ul li {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-family: var(--font-family-4);
}
footer .columns .col-lg-2 ul li ul, footer .columns .col-lg-4 ul li ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 767.98px) {
  footer .columns .col-lg-2, footer .columns .col-lg-4 {
    max-width: 90%;
  }
}
footer .columns h2 {
  font-family: var(--font-family-2);
  color: #1A1A2E;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  text-transform: uppercase;
}

footer {
  padding: 0px 0px;
  background: linear-gradient(90deg, rgba(47, 90, 245, 0.9) 0%, rgba(160, 51, 255, 0.9) 100%);
}
footer .copyrights {
  padding: 10px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  row-gap: 12px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
footer .copyrights p {
  margin: 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%;
  letter-spacing: -0.18px;
}
@media (min-width: 991.98px) {
  footer .copyrights p {
    font-size: 28px;
    letter-spacing: -0.28px;
  }
}
footer .copyrights ul {
  display: flex;
  gap: 12px;
}
footer .copyrights ul li a img {
  height: 35px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 575.98px) {
  footer .copyrights ul li a img {
    height: 40px;
  }
}
footer .columns {
  padding: 30px 0;
  background: #F7F8F8;
}

/* Footer END*/
/*Single page Start*/
.single-integrations .integrations-main {
  top: 24px;
  position: relative;
}
@media (max-width: 991.98px) {
  .single-integrations .integrations-main {
    top: 16px;
  }
}
.single-integrations .hero-banner-integrations {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  background: #F7F8F8;
}
@media (max-width: 991.98px) {
  .single-integrations .hero-banner-integrations {
    flex-direction: column;
  }
}
.single-integrations .hero-banner-integrations .leftside {
  position: relative;
  background: #0E1B49;
}
.single-integrations .hero-banner-integrations .leftside .play-btn {
  position: absolute;
  width: 40px;
  top: 50%;
  transform: translate(0, -50%);
  right: -20px;
  height: 40px;
  cursor: pointer;
  z-index: 1;
  content: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group 1321314786"><circle id="Ellipse 219" cx="20" cy="20" r="20" fill="%23C1CEFC"/><g id="Group 1321314681"><path id="Vector" d="M14 12V28C13.9999 28.178 14.0474 28.3527 14.1374 28.5062C14.2274 28.6597 14.3567 28.7864 14.512 28.8732C14.6673 28.96 14.843 29.0038 15.0209 29.0001C15.1988 28.9964 15.3725 28.9453 15.524 28.852L28.524 20.852C28.6696 20.7626 28.7898 20.6373 28.8733 20.4881C28.9567 20.339 29.0005 20.1709 29.0005 20C29.0005 19.8291 28.9567 19.6611 28.8733 19.512C28.7898 19.3628 28.6696 19.2375 28.524 19.148L15.524 11.148C15.3725 11.0548 15.1988 11.0037 15.0209 11C14.843 10.9963 14.6673 11.0401 14.512 11.1269C14.3567 11.2137 14.2274 11.3404 14.1374 11.4939C14.0474 11.6474 13.9999 11.8221 14 12Z" fill="%23111213"/></g></g></svg>');
}
@media (max-width: 991.98px) {
  .single-integrations .hero-banner-integrations .leftside .play-btn {
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -20px;
    top: unset;
  }
}
@media (min-width: 991.98px) {
  .single-integrations .hero-banner-integrations .leftside {
    width: 50%;
  }
}
.single-integrations .hero-banner-integrations .leftside .content {
  padding: 30px 24px 36px 24px;
}
@media (min-width: 991.98px) {
  .single-integrations .hero-banner-integrations .leftside .content {
    padding: 60px 50px 40px 60px;
  }
}
.single-integrations .hero-banner-integrations .leftside .content h2 {
  color: #D5DEFD;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.12px;
  margin-bottom: 16px;
}
@media (min-width: 991.98px) {
  .single-integrations .hero-banner-integrations .leftside .content h2 {
    font-size: 40px;
    letter-spacing: -1.6px;
    margin-bottom: 24px;
  }
}
.single-integrations .hero-banner-integrations .leftside .content h2 strong {
  color: #6D8CF8;
}
.single-integrations .hero-banner-integrations .leftside .content .parag {
  color: #D5DEFD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.single-integrations .hero-banner-integrations .rightside {
  height: 230px;
  overflow: hidden;
  position: relative;
}
.single-integrations .hero-banner-integrations .rightside img {
  position: absolute;
  left: 50%;
  height: 100%;
  transform: translate(-50%, -50%);
  top: 50%;
}
@media (min-width: 991.98px) {
  .single-integrations .hero-banner-integrations .rightside {
    width: 50%;
    height: auto;
  }
}
.single-integrations .hero-banner-integrations .rightside video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-integrations .sideres {
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .single-integrations .sideres {
    margin-top: 16px;
  }
}
@media (max-width: 991.98px) {
  .single-integrations .sideres .lefts {
    margin-bottom: 30px;
  }
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .lefts .sticky-table {
    position: sticky;
    top: 80px;
  }
}
.single-integrations .sideres .lefts .sticky-table .ups {
  padding: 24px;
  border-radius: 24px;
  background: #F7F8F8;
  margin-bottom: 24px;
}
.single-integrations .sideres .lefts .sticky-table .ups ul {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 9px;
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .lefts .sticky-table .ups ul {
    gap: 12px;
  }
}
.single-integrations .sideres .lefts .sticky-table .ups ul li a {
  color: #111213;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: var(--font-family-4);
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .lefts .sticky-table .ups ul li a {
    font-size: 16px;
  }
}
.single-integrations .sideres .lefts .sticky-table .ups ul li a.active {
  font-family: var(--font-family-2);
}
.single-integrations .sideres .lefts .sticky-table .ups .title-box {
  color: #111213;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.single-integrations .sideres .lefts .sticky-table .downs-mobile {
  width: -moz-fit-content;
  width: fit-content;
  right: 15px;
  position: absolute;
  bottom: 5px;
}
.single-integrations .sideres .lefts .sticky-table .downs-mobile a {
  position: relative;
  border-radius: 20px;
  background: linear-gradient(121deg, rgba(47, 90, 245, 0.9) 15.58%, rgba(160, 51, 255, 0.9) 87.23%);
  color: #fff;
  height: 37px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.14px;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  text-align: center;
  justify-content: center;
  padding: 0 15px;
  padding-left: 40px;
}
.single-integrations .sideres .lefts .sticky-table .downs-mobile a:before {
  position: absolute;
  left: 15px;
  height: 100%;
  display: flex;
  align-items: center;
  top: 2px;
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.68685 1.178C9.07088 0.966222 9.49964 0.848483 9.93796 0.834433C10.3763 0.820382 10.8117 0.910419 11.2085 1.09716L11.3668 1.178L17.0127 4.50716L17.0927 4.55966L17.1693 4.62383L17.2585 4.68633C17.5481 4.9035 17.7909 5.17696 17.9722 5.49028C18.1535 5.80361 18.2696 6.15034 18.3135 6.50966L18.3285 6.678L18.3327 6.848V12.918C18.3327 13.8397 17.8577 14.6922 17.121 15.1622L16.9793 15.2455L11.3102 18.8305C10.5452 19.2505 9.62768 19.2763 8.80685 18.8872L8.64351 18.8038L3.06435 15.273C2.66725 15.0559 2.33141 14.742 2.08798 14.3605C1.84455 13.9789 1.70141 13.5421 1.67185 13.0905L1.66602 12.918V6.84716C1.66602 5.9255 2.14102 5.07383 2.89602 4.593L8.68685 1.178ZM9.99935 12.4997C9.79524 12.4997 9.59823 12.5746 9.4457 12.7103C9.29317 12.8459 9.19573 13.0328 9.17185 13.2355L9.16601 13.333L9.17185 13.4388C9.19594 13.6414 9.29348 13.828 9.44599 13.9635C9.59849 14.0989 9.79538 14.1737 9.99935 14.1737C10.2033 14.1737 10.4002 14.0989 10.5527 13.9635C10.7052 13.828 10.8028 13.6414 10.8268 13.4388L10.8327 13.3413L10.8268 13.2355C10.803 13.0328 10.7055 12.8459 10.553 12.7103C10.4005 12.5746 10.2035 12.4997 9.99935 12.4997ZM11.1393 6.93883C10.6405 6.6838 10.0701 6.60495 9.52075 6.71509C8.97143 6.82522 8.47549 7.11788 8.11351 7.5455C7.9755 7.70717 7.90448 7.91547 7.915 8.12777C7.92551 8.34008 8.01676 8.54035 8.17007 8.68759C8.32338 8.83483 8.52717 8.91792 8.73973 8.91986C8.95228 8.92179 9.15755 8.84242 9.31351 8.698L9.45601 8.548C9.57896 8.43515 9.73352 8.36267 9.8989 8.34032C10.0643 8.31797 10.2325 8.34683 10.381 8.423C10.5411 8.50401 10.6707 8.63451 10.7507 8.79511C10.8307 8.95571 10.8567 9.13782 10.8248 9.31438C10.793 9.49094 10.705 9.65251 10.574 9.77507C10.443 9.89764 10.276 9.97465 10.0977 9.99466L9.90435 10.0047C9.6924 10.028 9.49745 10.1317 9.35962 10.2944C9.2218 10.4571 9.15159 10.6664 9.16344 10.8793C9.17529 11.0922 9.26831 11.2925 9.42334 11.4389C9.57837 11.5853 9.78362 11.6667 9.99685 11.6663C10.559 11.668 11.1054 11.4802 11.5477 11.1331C11.9899 10.7861 12.3023 10.3001 12.4344 9.75361C12.5665 9.20715 12.5105 8.63213 12.2755 8.12141C12.0405 7.61068 11.6403 7.19406 11.1393 6.93883Z" fill="white"/></svg>');
}
.single-integrations .sideres .lefts .sticky-table .downs {
  padding: 24px;
  border-radius: 20px;
  background: linear-gradient(141deg, rgba(47, 90, 245, 0.9) 31.55%, rgba(160, 51, 255, 0.9) 97.43%);
  box-shadow: 0px 6px 16px 0px rgba(41, 44, 51, 0.16);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .single-integrations .sideres .lefts .sticky-table .downs {
    display: none;
  }
}
.single-integrations .sideres .lefts .sticky-table .downs h2 {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px; /* 125% */
}
.single-integrations .sideres .lefts .sticky-table .downs h3 {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
}
.single-integrations .sideres .lefts .sticky-table .downs a {
  display: flex;
  min-width: 150px;
  padding: 13px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: #fff;
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .rights {
    padding-left: 80px;
  }
}
.single-integrations .sideres .rights p {
  color: #1A1A2E;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: -0.64px;
  margin-bottom: 24px;
  font-family: var(--font-family-4);
}
.single-integrations .sideres .rights p strong {
  font-family: var(--font-family-2);
}
.single-integrations .sideres .rights p:last-of-type {
  margin-bottom: 0;
}
.single-integrations .sideres .rights img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.single-integrations .sideres .rights h2 {
  color: #111213;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  margin: 24px 0;
}
@media (min-width: 991.98px) {
  .single-integrations .sideres .rights h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.single-integrations #popup-video {
  width: 100%;
  height: auto;
}
.single-integrations .modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}
.single-integrations .modal-content {
  position: relative;
  margin: 5% auto;
  padding: 0;
  width: 80%;
  max-width: 700px;
}
.single-integrations .modal-content iframe {
  height: 400px !important;
}
.single-integrations .close-btn {
  position: absolute;
  top: 10px;
  right: 25px;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1;
}

.single-blog-post .single-content {
  max-width: 800px;
  margin: auto;
  padding-top: 16px;
}
@media (min-width: 991.98px) {
  .single-blog-post .single-content {
    padding-top: 40px;
  }
}
.single-blog-post .single-content .intro-single-blog .img {
  height: 200px;
  border-radius: 24px;
  overflow: hidden;
}
@media (min-width: 767.98px) {
  .single-blog-post .single-content .intro-single-blog .img {
    height: 450px;
  }
}
.single-blog-post .single-content .intro-single-blog .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-blog-post .single-content .intro-single-blog .more-info {
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
}
.single-blog-post .single-content .intro-single-blog .more-info span, .single-blog-post .single-content .intro-single-blog .more-info p {
  color: #1F1F1F;
  text-align: right;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  margin: 0;
}
.single-blog-post .single-content .intro-single-blog .title-blog-post {
  color: #1F1F1F;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: -1.12px;
  margin-bottom: 40px;
}
@media (min-width: 991.98px) {
  .single-blog-post .single-content .intro-single-blog .title-blog-post {
    font-size: 40px;
    line-height: 50px; /* 125% */
    letter-spacing: -1.6px;
  }
}
.single-blog-post .single-content .content {
  margin-bottom: 60px;
}
.single-blog-post .single-content .content h2 {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; /* 187.5% */
  letter-spacing: -0.64px;
  font-family: var(--font-family-2);
}
.single-blog-post .single-content .content h2:not(h2:first-of-type) {
  margin-top: 40px;
}
.single-blog-post .single-content .content p {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.64px;
  font-family: var(--font-family-1);
}

/*Single page END*/
/*Archive page Start*/
.site-archive.archive-page .archive-content {
  padding: 40px 0;
}
.site-archive.archive-page .archive-content .page-header {
  margin-bottom: 10px;
}
.site-archive.archive-page .archive-content .articles {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

/*Archive page END*/
/* Blogs */
.site-blog {
  padding-top: 60px;
}

.blog__section {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .blog__section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .blog__section .container {
    overflow: unset !important;
  }
}
.blog__section .section-header {
  margin-bottom: 0px;
}
.blog__section .section-header h2 {
  color: #111213;
  text-align: left;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  .blog__section .section-header h2 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0px;
  }
}
.blog__section .section-header h3 {
  margin-top: 16px;
  margin-bottom: 32px;
  font-size: 14px;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.blog__section .main-blogs {
  display: flex;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs {
    overflow: unset;
  }
  .blog__section .main-blogs .swiper-slide-prev {
    opacity: 0;
  }
}
@media (max-width: 767.98px) {
  .blog__section .main-blogs {
    flex-direction: column;
    row-gap: 24px;
  }
}
.blog__section .main-blogs .cat-date {
  margin: 16px 0 12px 0;
  display: flex;
  text-align: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs .cat-date {
    margin: 12px 0 6px 0;
  }
}
.blog__section .main-blogs .cat-date h2 {
  color: #111213;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs .cat-date h2 {
    font-size: 14px;
  }
}
.blog__section .main-blogs .bottom-content {
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs .bottom-content {
    margin-bottom: 0px;
  }
}
.blog__section .main-blogs .bottom-content h3 {
  color: #111213;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
  letter-spacing: -0.96px;
}
@media (max-width: 991.98px) {
  .blog__section .main-blogs .bottom-content h3 {
    font-size: 20px;
  }
}
.blog__section .main-blogs .bottom-content h3:not(:first-child) {
  margin-top: 8px;
}
.blog__section .main-blogs .img {
  height: 225px;
  border-radius: 16px;
}
.blog__section .main-blogs .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}

.blog__page {
  padding-top: 80px;
}
.blog__page .main-box .cat-date {
  margin: 16px 0 12px 0;
  display: flex;
  text-align: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .blog__page .main-box .cat-date {
    margin: 12px 0 6px 0;
  }
}
.blog__page .main-box .cat-date h2 {
  color: #111213;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media (max-width: 991.98px) {
  .blog__page .main-box .cat-date h2 {
    font-size: 14px;
  }
}
.blog__page .main-box .bottom-content {
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 991.98px) {
  .blog__page .main-box .bottom-content {
    margin-bottom: 0px;
  }
}
.blog__page .main-box .bottom-content h3 {
  color: #111213;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px; /* 125% */
  letter-spacing: -0.96px;
}
@media (max-width: 991.98px) {
  .blog__page .main-box .bottom-content h3 {
    font-size: 20px;
  }
}
.blog__page .main-box .bottom-content h3:not(:first-child) {
  margin-top: 8px;
}
.blog__page .main-box .img {
  height: 225px;
  border-radius: 16px;
}
.blog__page .main-box .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 6px;
}

.hero-blog {
  display: flex;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .hero-blog {
    flex-direction: column;
    gap: 60px;
  }
}
.hero-blog .lefts, .hero-blog .rights {
  align-self: center;
}
@media (min-width: 767.98px) {
  .hero-blog .lefts, .hero-blog .rights {
    width: 50%;
  }
}
.hero-blog .lefts p {
  color: #1F1F1F;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
  font-family: var(--font-family-2);
}
@media (max-width: 767.98px) {
  .hero-blog .lefts p {
    font-size: 16px;
  }
}
.hero-blog .lefts h2 {
  color: #1F1F1F;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
  letter-spacing: -1.6px;
  margin-bottom: 35px;
}
@media (max-width: 767.98px) {
  .hero-blog .lefts h2 {
    font-size: 28px;
    margin-bottom: 16px;
    line-height: 30px;
  }
}
.hero-blog .lefts a {
  display: flex;
  min-width: 180px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding: 12px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #111213;
  gap: 10px;
  color: #111213;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.hero-blog .rights {
  height: 588px;
  height: 100%;
}
@media (max-width: 991.98px) {
  .hero-blog .rights {
    height: 443px;
  }
}
@media (max-width: 575.98px) {
  .hero-blog .rights {
    height: 343px;
  }
}
.hero-blog .rights img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 24px;
}

.blogpost__section {
  padding: 60px 0;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .blogpost__section {
    padding: 40px 0;
  }
}
.blogpost__section .show-all {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  background: transparent;
  border: 1px solid #111213;
  border-radius: 8px;
  color: #111213;
  min-width: 170px;
  padding: 0 24px;
  color: #111213;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
@media (max-width: 1200px) {
  .blogpost__section .container {
    padding: 0;
  }
}
.blogpost__section .title h2 {
  color: #1F1F1F;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}
@media (min-width: 991.98px) {
  .blogpost__section .title h2 {
    margin-bottom: 40px;
    font-size: 24px;
  }
}
.blogpost__section .tab {
  padding: 0;
}
.blogpost__section .tab nav ul::-webkit-scrollbar {
  display: none;
}
.blogpost__section .tab nav ul {
  justify-content: center;
  display: flex;
  overflow-y: hidden;
  overflow-x: scroll;
  gap: 16px;
  flex-wrap: unset;
}
@media (max-width: 1200px) {
  .blogpost__section .tab nav ul {
    justify-content: left;
    gap: 8px;
  }
}
.blogpost__section .tab nav ul li:first-of-type {
  margin-left: 15px;
}
.blogpost__section .tab nav ul li:last-of-type {
  margin-right: 15px;
}
.blogpost__section .tab nav ul li .active {
  background-color: #111213 !important;
  color: #fff !important;
  border: 1px solid;
  border-color: transparent;
}
.blogpost__section .tab nav ul li .nav-link {
  text-wrap: nowrap;
  border-radius: 8px;
  color: #1A1A2E;
  border: 1px solid;
  border-color: #111213;
  padding: 13px 24px;
  height: 42px;
  align-items: center;
  display: flex;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
@media (max-width: 767.98px) {
  .blogpost__section .tab nav ul li .nav-link {
    height: 40px;
  }
  .blogpost__section .tab nav ul li .nav-link:first-child {
    margin-left: 0;
  }
}
.blogpost__section .tab nav ul li .nav-link:hover {
  background-color: rgba(17, 18, 19, 0.6470588235);
  color: #fff;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.blogpost__section .tab nav ul {
  margin: 0;
}
.blogpost__section .projects__titletab {
  padding-bottom: 3rem;
}
.blogpost__section .projects__titletab h2 {
  text-align: center;
  color: #1A1A2E;
  font-size: 3.4rem;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  position: relative;
  padding-bottom: 0.4rem;
}
.blogpost__section .projects__titletab i {
  margin: auto;
  font-size: 28px;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  display: flex;
  position: relative;
  color: #2F5AF5;
}
.blogpost__section .projects__titletab i:after {
  bottom: 0.75rem;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  width: 84px;
  height: 2px;
  position: absolute;
  background: linear-gradient(to right, #e1e7eb 0%, #e1e7eb 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 75%, #e1e7eb 75%);
}
.blogpost__section .tab-content {
  margin: 40px 0;
}
@media (max-width: 1200px) {
  .blogpost__section .tab-content {
    padding: 0 15px;
  }
}
@media (max-width: 991.98px) {
  .blogpost__section .tab-content {
    margin: 40px 0 0 0;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas {
  margin-bottom: 30px;
}
.blogpost__section .tab-content .tab-pane .all .klas:last-of-type {
  margin-bottom: 0;
}
.blogpost__section .tab-content .tab-pane .all .klas a h3 {
  color: #1F1F1F;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.9px;
}
@media (min-width: 991.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas a h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: -0.96px;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas .under {
  border-radius: 24px;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.blogpost__section .tab-content .tab-pane .all .klas .under:hover span {
  opacity: 1;
  display: inline-block;
}
.blogpost__section .tab-content .tab-pane .all .klas .under:hover span:nth-child(1) {
  margin-left: -13px;
}
.blogpost__section .tab-content .tab-pane .all .klas .under:hover span:nth-child(3) {
  margin-left: 13px;
}
.blogpost__section .tab-content .tab-pane .all .klas .under:hover img {
  transform: scale(1.1);
  transition: all 1s;
}
.blogpost__section .tab-content .tab-pane .all .klas .under a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 0 10px;
}
.blogpost__section .tab-content .tab-pane .all .klas .under a h3 {
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  opacity: 0;
  text-transform: uppercase;
  width: 100%;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  text-transform: uppercase;
  width: 100%;
}
@media (max-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under a h3 {
    opacity: 1;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas .under a i {
  background: rgba(25, 25, 25, 0.15);
  color: #fff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 0;
  font-size: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  opacity: 0;
}
@media (max-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under a i {
    display: none;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas .under a i:hover {
  background: #1A1A2E;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.blogpost__section .tab-content .tab-pane .all .klas .under img {
  width: 100%;
  height: 270px;
  background-color: #1A1A2E;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 1s;
}
@media (max-width: 470px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under img {
    height: 240px;
  }
}
.blogpost__section .tab-content .tab-pane .all .klas .under .layer {
  width: 100%;
  height: 100%;
  background: rgba(128, 255, 0, 0.302);
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  opacity: 0;
}
@media (min-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover .layer {
    opacity: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    z-index: 1;
  }
}
@media (min-width: 767.98px) and (max-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover .layer {
    opacity: 0;
  }
}
@media (min-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover i {
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    opacity: 1;
  }
}
@media (min-width: 767.98px) and (max-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover i {
    display: none;
  }
}
@media (min-width: 767.98px) {
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover h3 {
    opacity: 1;
    transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
  }
  .blogpost__section .tab-content .tab-pane .all .klas .under:hover img {
    transform: scale(1.1);
    transition: all 1s;
  }
}

.post-date {
  margin: 12px 0 16px 0;
  color: #1F1F1F;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

/* Blogs END */
/* Text - Image style END */
.banner-stats {
  background-color: #0E1B49;
  padding: 20px 0;
}
.banner-stats .row {
  row-gap: 40px;
}
.banner-stats .lefts {
  align-self: center;
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
.banner-stats .lefts h2 {
  color: #D5DEFD;
  font-size: 42px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.68px;
}
@media (min-width: 991.98px) {
  .banner-stats .lefts h2 {
    font-size: 60px;
    letter-spacing: -2.4px;
  }
}
.banner-stats .lefts h2 strong {
  color: #6D8CF8;
}
.banner-stats .lefts .ul-middle ul {
  gap: 14px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 500px;
}
.banner-stats .lefts .ul-middle ul li {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px;
  width: 160px;
  padding: 4px 10px 4px 40px;
  border-radius: 20px;
  background: linear-gradient(89deg, #2648C4 8.35%, rgba(47, 90, 245, 0) 97.19%);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: relative;
  height: 40px;
  align-items: center;
  display: flex;
}
@media (min-width: 991.98px) {
  .banner-stats .lefts .ul-middle ul li {
    font-size: 16px;
    width: 200px;
    padding: 12px 10px 12px 40px;
  }
}
.banner-stats .lefts .ul-middle ul li:after {
  position: absolute;
  top: 52%;
  transform: translate(0, -50%);
  left: 10px;
  content: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.1665 2.78357C15.4234 3.50928 16.469 4.55067 17.1997 5.80465C17.9304 7.05863 18.321 8.48171 18.3327 9.93302C18.3444 11.3843 17.9769 12.8135 17.2665 14.0791C16.5561 15.3448 15.5275 16.4029 14.2825 17.1488C13.0375 17.8948 11.6193 18.3026 10.1683 18.332C8.7172 18.3613 7.28363 18.0112 6.00947 17.3163C4.7353 16.6213 3.66473 15.6057 2.90373 14.3698C2.14272 13.134 1.71768 11.7208 1.67067 10.2702L1.6665 10.0002L1.67067 9.73024C1.71734 8.29106 2.13613 6.88854 2.8862 5.6594C3.63628 4.43026 4.69205 3.41645 5.95058 2.7168C7.20911 2.01716 8.62746 1.65557 10.0673 1.66727C11.5072 1.67897 12.9195 2.06357 14.1665 2.78357ZM13.089 7.7444C12.9455 7.60092 12.7546 7.51473 12.5521 7.502C12.3496 7.48926 12.1493 7.55086 11.989 7.67524L11.9107 7.7444L9.1665 10.4877L8.089 9.41107L8.01067 9.3419C7.85033 9.21761 7.65015 9.15609 7.44768 9.16886C7.2452 9.18164 7.05434 9.26783 6.91089 9.41129C6.76744 9.55474 6.68124 9.7456 6.66847 9.94807C6.65569 10.1505 6.71722 10.3507 6.8415 10.5111L6.91067 10.5894L8.57734 12.2561L8.65567 12.3252C8.80182 12.4386 8.98153 12.5002 9.1665 12.5002C9.35148 12.5002 9.53119 12.4386 9.67734 12.3252L9.75567 12.2561L13.089 8.92273L13.1582 8.8444C13.2825 8.68406 13.3441 8.48386 13.3314 8.28133C13.3187 8.07881 13.2325 7.8879 13.089 7.7444Z" fill="white"/></svg>');
}
.banner-stats .lefts .ul-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 10px;
  border-radius: 16px;
  align-items: center;
  background: #C1CEFC;
  justify-content: center;
}
@media (min-width: 991.98px) {
  .banner-stats .lefts .ul-bottom {
    justify-content: space-between;
    max-width: 590px;
  }
}
.banner-stats .lefts .ul-bottom p {
  color: #1A1A2E;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
@media (min-width: 991.98px) {
  .banner-stats .lefts .ul-bottom p {
    max-width: 170px;
  }
}
.banner-stats .lefts .ul-bottom ul {
  display: flex;
  gap: 2px;
}
.banner-stats .lefts .ul-bottom ul li a img {
  height: 35px;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 991.98px) {
  .banner-stats .lefts .ul-bottom ul {
    gap: 12px;
  }
  .banner-stats .lefts .ul-bottom ul li a img {
    height: 40px;
  }
}
.banner-stats .rights {
  align-self: center;
}
.banner-stats .rights .img {
  width: 100%;
  height: 350px;
}
@media (min-width: 991.98px) {
  .banner-stats .rights .img {
    height: 100%;
  }
}
.banner-stats .rights .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.banner-stats {
  position: relative;
  padding-bottom: 0;
}
@media (max-width: 991.98px) {
  .banner-stats .row {
    row-gap: 20px;
  }
}
@media (max-width: 575.98px) {
  .banner-stats .row {
    row-gap: 0;
  }
}
.banner-stats .lefts {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 991.98px) {
  .banner-stats .lefts {
    padding-bottom: 16px;
  }
}
.banner-stats .rights {
  flex: unset;
  max-width: unset;
  position: relative;
  width: 100%;
  right: 0;
  height: 100%;
  top: 0;
  align-self: unset;
}
@media (max-width: 991.98px) and (min-width: 575.98px) {
  .banner-stats .rights {
    padding-bottom: 32px;
  }
}
@media (max-width: 575.98px) {
  .banner-stats .rights {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 991.98px) {
  .banner-stats .rights {
    width: 40%;
    position: absolute;
    padding-right: 0;
  }
}

.mySwiper-partners {
  padding: 20px 0;
}

/* Text - Image style END */
.other-platforms-block {
  border-radius: 24px;
  background: #F7F8F8;
  padding: 40px 16px;
  margin-top: 60px;
}
@media (min-width: 991.98px) {
  .other-platforms-block {
    padding: 40px 40px;
  }
}
.other-platforms-block .section-header {
  margin-bottom: 40px;
  color: #132462;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
}
@media (min-width: 991.98px) {
  .other-platforms-block .section-header {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 48px;
  }
}
.other-platforms-block .content ul {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991.98px) {
  .other-platforms-block .content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .other-platforms-block .content ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.other-platforms-block .content ul a {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  border-radius: 16px;
  background: #fff;
  height: 60px;
  gap: 12px;
  align-items: center;
  position: relative;
  padding: 5px 12px;
}
@media (min-width: 991.98px) {
  .other-platforms-block .content ul a {
    height: 64px;
  }
}
.other-platforms-block .content ul a p {
  color: #111213;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 14px; /* 100% */
}
.other-platforms-block .content ul a img {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #fff;
  padding: 8px;
  display: flex;
  -o-object-fit: contain;
  object-fit: contain;
}
.other-platforms-block .content ul a::after {
  position: absolute;
  right: 12px;
  transition: 0.2s ease-in-out;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="Group 1321314682"><path id="Vector" d="M17 7L7 17" stroke="%2399A2AA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M8 7H17V16" stroke="%2399A2AA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></g></svg>');
}
.other-platforms-block .content ul a:hover::after {
  transition: 0.3s ease;
  transform: rotate(45deg);
}

.mySwiper-partners {
  padding: 30px 0 !important;
}
.mySwiper-partners .swiper-slide .slider-wrap .img {
  display: flex;
  justify-content: left;
  height: 24px;
}
.mySwiper-partners .swiper-slide .slider-wrap .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* 4 Boxes style Start */
.four__boxes {
  padding: 40px 0;
  background-color: wheat;
}
.four__boxes .row {
  row-gap: 20px;
}
.four__boxes .box .box__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.four__boxes .box .box__wrap .img {
  width: 50px;
  height: 50px;
}
.four__boxes .box .box__wrap .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.four__boxes .box .box__wrap h1 {
  margin-top: 5px;
  margin-bottom: 5px;
}
/* 4 Boxes style END */
/* Image - Text style Start */
.two-side__section-image-text {
  background: linear-gradient(180deg, rgba(213, 222, 253, 0) 0%, #D5DEFD 100%);
  padding: 80px 0;
}
@media (max-width: 991.98px) {
  .two-side__section-image-text {
    padding-bottom: 0px;
  }
}
.two-side__section-image-text .row {
  row-gap: 40px;
}
.two-side__section-image-text .lefts {
  align-self: center;
  padding-top: 80px;
}
@media (max-width: 991.98px) {
  .two-side__section-image-text .lefts {
    padding-top: 40px;
  }
}
.two-side__section-image-text .lefts .img {
  width: 100%;
  height: 400px;
}
@media (max-width: 991.98px) {
  .two-side__section-image-text .lefts .img {
    max-width: 250px;
    margin: auto;
    height: 500px;
  }
}
@media (max-width: 575.98px) {
  .two-side__section-image-text .lefts .img {
    max-width: 220px;
    height: 350px;
  }
}
.two-side__section-image-text .lefts .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991.98px) {
  .two-side__section-image-text .lefts .img img {
    -o-object-position: bottom;
       object-position: bottom;
  }
}
.two-side__section-image-text .rights {
  align-self: center;
}
.two-side__section-image-text .rights h2 {
  color: #0E1B49;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .two-side__section-image-text .rights h2 {
    text-align: center;
    font-size: 24px;
  }
}
.two-side__section-image-text .rights ul {
  gap: 40px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 575.98px) {
  .two-side__section-image-text .rights ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 575.98px) {
  .two-side__section-image-text .rights ul li {
    text-align: center;
  }
}
.two-side__section-image-text .rights ul li img {
  margin-bottom: 22px;
  height: 40px;
  width: 100%;
  max-width: 40px;
  -o-object-position: left;
     object-position: left;
}
.two-side__section-image-text .rights ul li h3 {
  color: #0E1B49;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}
@media (max-width: 991.98px) {
  .two-side__section-image-text .rights ul li h3 {
    font-size: 16px;
  }
}
.two-side__section-image-text .rights ul li p {
  color: #0E1B49;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.image-no-container-left {
  position: relative;
  padding-top: 0;
}
@media (max-width: 991.98px) {
  .image-no-container-left .row {
    row-gap: 20px;
    flex-direction: column-reverse;
  }
}
@media (max-width: 575.98px) {
  .image-no-container-left .row {
    row-gap: 0;
  }
}
.image-no-container-left .rights {
  padding-top: 60px;
  margin-left: auto;
}
@media (max-width: 575.98px) {
  .image-no-container-left .rights {
    padding-top: 12px;
  }
}
.image-no-container-left .lefts {
  flex: unset;
  max-width: unset;
  position: relative;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  align-self: unset;
}
@media (max-width: 575.98px) {
  .image-no-container-left .lefts {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 991.98px) {
  .image-no-container-left .lefts {
    width: 50%;
    position: absolute;
    padding-left: 0;
  }
}
@media (min-width: 575.98px) {
  .image-no-container-left .lefts .img {
    height: 100%;
  }
}

/* Image - Text style END */
/* Text - Image style END */
.two-side__section-text-image1 {
  background: linear-gradient(180deg, rgba(213, 222, 253, 0) 0%, #D5DEFD 100%);
  padding: 95px 0 65px 0;
}
@media (max-width: 991.98px) {
  .two-side__section-text-image1 {
    padding: 60px 0 40px 0;
  }
}
.two-side__section-text-image1 .row {
  row-gap: 40px;
}
.two-side__section-text-image1 .lefts {
  align-self: center;
}
.two-side__section-text-image1 .lefts h2 {
  color: #0E1B49;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 16px;
}
@media (min-width: 991.98px) {
  .two-side__section-text-image1 .lefts h2 {
    font-size: 36px;
    line-height: 48px;
  }
}
.two-side__section-text-image1 .lefts h3 {
  color: #0E1B49;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 42px;
}
.two-side__section-text-image1 .lefts .ul-bottom ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.two-side__section-text-image1 .lefts .ul-bottom ul li {
  color: #0E1B49;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: relative;
  padding-left: 36px;
  display: flex;
  align-items: center;
}
.two-side__section-text-image1 .lefts .ul-bottom ul li:after {
  position: absolute;
  height: 24px;
  left: 5px;
}
@media (min-width: 991.98px) {
  .two-side__section-text-image1 .lefts .ul-bottom ul li:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 3.33989C18.5083 4.21075 19.7629 5.46042 20.6398 6.96519C21.5167 8.46997 21.9854 10.1777 21.9994 11.9192C22.0135 13.6608 21.5725 15.3758 20.72 16.8946C19.8676 18.4133 18.6332 19.6831 17.1392 20.5782C15.6452 21.4733 13.9434 21.9627 12.2021 21.998C10.4608 22.0332 8.74055 21.6131 7.21155 20.7791C5.68256 19.9452 4.39787 18.7264 3.48467 17.2434C2.57146 15.7604 2.06141 14.0646 2.005 12.3239L2 11.9999L2.005 11.6759C2.061 9.94888 2.56355 8.26585 3.46364 6.79089C4.36373 5.31592 5.63065 4.09934 7.14089 3.25977C8.65113 2.42021 10.3531 1.98629 12.081 2.00033C13.8089 2.01437 15.5036 2.47589 17 3.33989ZM15.707 9.29289C15.5348 9.12072 15.3057 9.01729 15.0627 9.002C14.8197 8.98672 14.5794 9.06064 14.387 9.20989L14.293 9.29289L11 12.5849L9.707 11.2929L9.613 11.2099C9.42058 11.0607 9.18037 10.9869 8.9374 11.0022C8.69444 11.0176 8.46541 11.121 8.29326 11.2932C8.12112 11.4653 8.01768 11.6943 8.00235 11.9373C7.98702 12.1803 8.06086 12.4205 8.21 12.6129L8.293 12.7069L10.293 14.7069L10.387 14.7899C10.5624 14.926 10.778 14.9998 11 14.9998C11.222 14.9998 11.4376 14.926 11.613 14.7899L11.707 14.7069L15.707 10.7069L15.79 10.6129C15.9393 10.4205 16.0132 10.1802 15.9979 9.93721C15.9826 9.69419 15.8792 9.46509 15.707 9.29289Z" fill="%23446BF6"/></svg>');
  }
}
@media (max-width: 991.98px) {
  .two-side__section-text-image1 .lefts .ul-bottom ul li:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 3.33989C18.5083 4.21075 19.7629 5.46042 20.6398 6.96519C21.5167 8.46997 21.9854 10.1777 21.9994 11.9192C22.0135 13.6608 21.5725 15.3758 20.72 16.8946C19.8676 18.4133 18.6332 19.6831 17.1392 20.5782C15.6452 21.4733 13.9434 21.9627 12.2021 21.998C10.4608 22.0332 8.74055 21.6131 7.21155 20.7791C5.68256 19.9452 4.39787 18.7264 3.48467 17.2434C2.57146 15.7604 2.06141 14.0646 2.005 12.3239L2 11.9999L2.005 11.6759C2.061 9.94888 2.56355 8.26585 3.46364 6.79089C4.36373 5.31592 5.63065 4.09934 7.14089 3.25977C8.65113 2.42021 10.3531 1.98629 12.081 2.00033C13.8089 2.01437 15.5036 2.47589 17 3.33989ZM15.707 9.29289C15.5348 9.12072 15.3057 9.01729 15.0627 9.002C14.8197 8.98672 14.5794 9.06064 14.387 9.20989L14.293 9.29289L11 12.5849L9.707 11.2929L9.613 11.2099C9.42058 11.0607 9.18037 10.9869 8.9374 11.0022C8.69444 11.0176 8.46541 11.121 8.29326 11.2932C8.12112 11.4653 8.01768 11.6943 8.00235 11.9373C7.98702 12.1803 8.06086 12.4205 8.21 12.6129L8.293 12.7069L10.293 14.7069L10.387 14.7899C10.5624 14.926 10.778 14.9998 11 14.9998C11.222 14.9998 11.4376 14.926 11.613 14.7899L11.707 14.7069L15.707 10.7069L15.79 10.6129C15.9393 10.4205 16.0132 10.1802 15.9979 9.93721C15.9826 9.69419 15.8792 9.46509 15.707 9.29289Z" fill="%23132462"/></svg>');
  }
}
.two-side__section-text-image1 .rights {
  align-self: center;
}
.two-side__section-text-image1 .rights .img {
  border-radius: 24px;
  overflow: hidden;
  width: 100%;
  height: 360px;
}
@media (min-width: 991.98px) {
  .two-side__section-text-image1 .rights .img {
    height: 600px;
  }
}
.two-side__section-text-image1 .rights .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991.98px) {
  .two-side__section-text-image1 .rights .img img:first-of-type {
    display: none;
  }
}
@media (min-width: 991.98px) {
  .two-side__section-text-image1 .rights .img img:last-of-type {
    display: none;
  }
}

/* Text - Image style END */
/* Boxes with post type with no swiper style END */
.slider__boxes-section-plus1 {
  padding-top: 60px;
  background: var(--Primary-colorPrimaryLight900, #EAEFFE);
}
@media (max-width: 991.98px) {
  .slider__boxes-section-plus1 .container {
    max-width: unset;
  }
}
.slider__boxes-section-plus1 .section-header h2 {
  margin-bottom: 40px;
  color: #132462;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
}
@media (max-width: 991.98px) {
  .slider__boxes-section-plus1 .section-header h2 {
    line-height: 30px;
    font-size: 24px;
  }
}
@media (max-width: 991.98px) {
  .slider__boxes-section-plus1 .section-header {
    padding: 0 15px;
  }
}
.slider__boxes-section-plus1 .row {
  row-gap: 40px;
}
@media (max-width: 991.98px) {
  .slider__boxes-section-plus1 .row {
    display: flex;
    flex-wrap: nowrap;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
.slider__boxes-section-plus1 .box__wrapper {
  justify-content: end;
  flex-direction: column;
  display: flex;
  text-align: center;
  align-items: center;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .slider__boxes-section-plus1 .box__wrapper {
    min-width: 400px;
  }
}
@media (max-width: 767.98px) {
  .slider__boxes-section-plus1 .box__wrapper {
    min-width: 350px;
  }
}
@media (max-width: 575.98px) {
  .slider__boxes-section-plus1 .box__wrapper {
    min-width: 300px;
  }
}
.slider__boxes-section-plus1 .box__wrapper .img {
  height: 350px;
  border-radius: 24px 24px 0px 0px;
  background: linear-gradient(180deg, rgba(213, 222, 253, 0) 0%, #C1CEFC 100%);
}
@media (min-width: 991.98px) {
  .slider__boxes-section-plus1 .box__wrapper .img {
    flex: 1;
  }
}
.slider__boxes-section-plus1 .box__wrapper .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 0 18px;
}
.slider__boxes-section-plus1 .box__wrapper h2 {
  color: #0E1B49;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  display: flex;
  gap: 8px;
  align-items: center;
}
.slider__boxes-section-plus1 .box__wrapper h2 span {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: #0E1B49;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 84.5%;
  letter-spacing: -0.2px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .slider__boxes-section-plus1 .box__wrapper h2 span {
    height: 32px;
    width: 32px;
    font-size: 16px;
  }
}
/* Boxes with post type with no swiper style END */
/* Text - Image style END */
.block-control-play {
  background: var(--Base-colorWhite, #FFF);
  padding: 60px 0;
}
@media (max-width: 991.98px) {
  .block-control-play {
    padding: 40px 0 60px 0;
  }
}
.block-control-play .section-header h2 {
  color: #132462;
  text-align: center;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 30px;
}
.block-control-play .section-header h2 span {
  margin-bottom: 32px;
  display: inline-flex;
  padding: 6px 11px 6px 13px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 1000px;
  background: #EAEFFE;
  color: #0E1B49;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 16px;
  text-transform: uppercase;
}
@media (max-width: 991.98px) {
  .block-control-play .section-header h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
.block-control-play .row {
  row-gap: 40px;
  position: relative;
}
.block-control-play .control-play-box {
  border-radius: 24px;
  background: linear-gradient(283deg, #0E1B49 51.11%, #182D7B 98.08%);
  overflow: hidden;
}
.block-control-play .control-play-box .lefts {
  align-self: center;
  padding: 50px 10px 50px 60px;
}
@media (max-width: 991.98px) {
  .block-control-play .control-play-box .lefts {
    padding: 32px;
  }
}
.block-control-play .control-play-box .lefts h2 {
  color: #D5DEFD;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 5px;
}
@media (max-width: 991.98px) {
  .block-control-play .control-play-box .lefts h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.block-control-play .control-play-box .lefts h3 {
  color: #D5DEFD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 60px;
}
@media (max-width: 575.98px) {
  .block-control-play .control-play-box .lefts h3 {
    margin-bottom: 32px;
  }
}
.block-control-play .control-play-box .lefts .ul-bottom ul {
  gap: 24px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 575.98px) {
  .block-control-play .control-play-box .lefts .ul-bottom ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
}
.block-control-play .control-play-box .lefts .ul-bottom ul li {
  color: #D5DEFD;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  padding-left: 36px;
  position: relative;
  display: flex;
  align-items: center;
}
@media (max-width: 575.98px) {
  .block-control-play .control-play-box .lefts .ul-bottom ul li {
    padding-left: 32px;
  }
}
.block-control-play .control-play-box .lefts .ul-bottom ul li:after {
  position: absolute;
  height: 24px;
  left: 0px;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 3.33989C18.5083 4.21075 19.7629 5.46042 20.6398 6.96519C21.5167 8.46997 21.9854 10.1777 21.9994 11.9192C22.0135 13.6608 21.5725 15.3758 20.72 16.8946C19.8676 18.4133 18.6332 19.6831 17.1392 20.5782C15.6452 21.4733 13.9434 21.9627 12.2021 21.998C10.4608 22.0332 8.74055 21.6131 7.21155 20.7791C5.68256 19.9452 4.39787 18.7264 3.48467 17.2434C2.57146 15.7604 2.06141 14.0646 2.005 12.3239L2 11.9999L2.005 11.6759C2.061 9.94888 2.56355 8.26585 3.46364 6.79089C4.36373 5.31592 5.63065 4.09934 7.14089 3.25977C8.65113 2.42021 10.3531 1.98629 12.081 2.00033C13.8089 2.01437 15.5036 2.47589 17 3.33989ZM15.707 9.29289C15.5348 9.12072 15.3057 9.01729 15.0627 9.002C14.8197 8.98672 14.5794 9.06064 14.387 9.20989L14.293 9.29289L11 12.5849L9.707 11.2929L9.613 11.2099C9.42058 11.0607 9.18037 10.9869 8.9374 11.0022C8.69444 11.0176 8.46541 11.121 8.29326 11.2932C8.12112 11.4653 8.01768 11.6943 8.00235 11.9373C7.98702 12.1803 8.06086 12.4205 8.21 12.6129L8.293 12.7069L10.293 14.7069L10.387 14.7899C10.5624 14.926 10.778 14.9998 11 14.9998C11.222 14.9998 11.4376 14.926 11.613 14.7899L11.707 14.7069L15.707 10.7069L15.79 10.6129C15.9393 10.4205 16.0132 10.1802 15.9979 9.93721C15.9826 9.69419 15.8792 9.46509 15.707 9.29289Z" fill="%23D5DEFD"/></svg>');
}
.block-control-play .control-play-box .rights {
  align-self: center;
  display: flex;
  align-items: self-end;
}
.block-control-play .control-play-box .rights .img {
  width: 100%;
}
@media (min-width: 991.98px) {
  .block-control-play .control-play-box .rights .img {
    height: 350px;
  }
}
.block-control-play .control-play-box .rights .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
}

.image-no-container-right2 {
  position: relative;
}
@media (max-width: 991.98px) {
  .image-no-container-right2 .row {
    row-gap: 20px;
  }
}
@media (max-width: 575.98px) {
  .image-no-container-right2 .row {
    row-gap: 0;
  }
}
.image-no-container-right2 .rights {
  flex: unset;
  max-width: unset;
  position: relative;
  width: 100%;
  right: 0;
  height: 100%;
  top: 0;
  align-self: unset;
}
@media (max-width: 991.98px) {
  .image-no-container-right2 .rights {
    padding-left: 50px;
  }
}
@media (min-width: 991.98px) {
  .image-no-container-right2 .rights {
    width: 50%;
    position: absolute;
    padding-right: 0;
  }
}
@media (min-width: 575.98px) {
  .image-no-container-right2 .rights .img {
    height: 100%;
  }
}

/* Text - Image style END */
/* Text - Image style END */
.block-multishops {
  background: #fff;
  padding: 60px 0;
}
@media (max-width: 991.98px) {
  .block-multishops {
    padding: 40px 0;
  }
}
.block-multishops .multishops-box {
  border-radius: 24px;
  background: linear-gradient(283deg, #0E1B49 51.11%, #182D7B 98.08%);
  overflow: hidden;
  padding: 60px;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box {
    padding: 32px;
    background: linear-gradient(0deg, var(--Natural-colorLightGrey900, #F7F8F8) 0%, var(--Natural-colorLightGrey900, #F7F8F8) 100%), var(--Natural-colorLightGrey900, #F7F8F8);
  }
}
.block-multishops .multishops-box h2 {
  color: #D5DEFD;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px;
  margin-bottom: 12px;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box h2 {
    color: #132462;
    font-size: 24px;
    line-height: 30px;
  }
}
.block-multishops .multishops-box h3 {
  color: #D5DEFD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 32px;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box h3 {
    color: #132462;
  }
}
.block-multishops .multishops-box .ul-bottom {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.block-multishops .multishops-box .ul-bottom ul {
  display: grid;
  gap: 60px;
}
@media (min-width: 1200px) {
  .block-multishops .multishops-box .ul-bottom ul {
    grid-template-columns: repeat(7, 90px);
  }
}
@media (max-width: 1200px) and (min-width: 991.98px) {
  .block-multishops .multishops-box .ul-bottom ul {
    gap: 90px;
    grid-template-columns: repeat(5, 90px);
  }
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box .ul-bottom ul {
    grid-template-columns: repeat(4, 65px);
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .block-multishops .multishops-box .ul-bottom ul li:nth-last-child(-n+7) {
    margin-left: 70px;
  }
}
.block-multishops .multishops-box .ul-bottom ul li, .block-multishops .multishops-box .ul-bottom ul a {
  width: 90px;
  height: 90px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box .ul-bottom ul li, .block-multishops .multishops-box .ul-bottom ul a {
    width: 65px;
    height: 65px;
    border: 1px solid #D5DEFE;
  }
}
.block-multishops .multishops-box .ul-bottom ul li img, .block-multishops .multishops-box .ul-bottom ul a img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 991.98px) {
  .block-multishops .multishops-box .ul-bottom ul li img, .block-multishops .multishops-box .ul-bottom ul a img {
    width: 30px;
    height: 30px;
  }
}

/* Text - Image style END */
/* Contact START*/
.contact-form-1 .widgettitle {
  padding: 32px 32px 0px 32px;
}
@media (max-width: 991.98px) {
  .contact-form-1 .widgettitle {
    padding: 24px 24px 0px 24px;
  }
}
.contact-form-1 form.sent .wpcf7-response-output {
  background-color: rgba(70, 180, 79, 0.3490196078);
}
.contact-form-1 form.invalid .wpcf7-response-output,
.contact-form-1 form.unaccepted .wpcf7-response-output,
.contact-form-1 form.payment-required .wpcf7-response-output {
  background-color: rgba(255, 185, 0, 0.3019607843);
}
.contact-form-1 form .wpcf7-response-output {
  color: #fff;
  font-size: 12px;
  text-align: center;
  border-width: 1px;
}
.contact-form-1 form p {
  margin-bottom: 24px;
}
.contact-form-1 form p:last-of-type {
  margin-bottom: 0;
}
.contact-form-1 form label {
  width: 100%;
  font-size: 16px;
  margin-bottom: 0;
}
.contact-form-1 form label input, .contact-form-1 form label textarea, .contact-form-1 form label select {
  width: 100%;
  font-size: 16px;
  border-radius: 8px;
  background: #132462;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  color: white;
  height: 46px;
  padding-left: 12px;
}
.contact-form-1 form label input::-moz-placeholder, .contact-form-1 form label textarea::-moz-placeholder, .contact-form-1 form label select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.contact-form-1 form label input::placeholder, .contact-form-1 form label textarea::placeholder, .contact-form-1 form label select::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.contact-form-1 form label .wpcf7-not-valid-tip, .contact-form-1 form label .wpcf7-response-output {
  display: none;
}
.contact-form-1 form label .wpcf7-not-valid {
  border-bottom: 1px solid red;
  color: red !important;
}
.contact-form-1 form label .wpcf7-not-valid::-moz-placeholder {
  color: red !important;
}
.contact-form-1 form label .wpcf7-not-valid::placeholder {
  color: red !important;
}
.contact-form-1 form .wpcf7-submit {
  border: unset !important;
  min-width: 150px;
  height: 45px;
  border: 1px solid;
  border-color: transparent;
  border-radius: 8px;
  color: #1A1A2E;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
.contact-form-1 form .wpcf7-spinner {
  display: none;
}

.contact__section {
  background: var(--Primary-colorPrimaryDark700, #0E1B49);
}
@media (max-width: 1200px) and (min-width: 992px) {
  .contact__section .rights .box-size {
    max-width: 400px;
    margin: auto;
    margin-right: 0;
  }
  .contact__section .lefts .box-size {
    max-width: 400px;
    margin: auto;
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .contact__section .wrapper {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
@media (max-width: 991.98px) {
  .contact__section .container {
    max-width: unset;
    padding: unset;
  }
}
.contact__section .lefts {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 60px 24px;
  display: flex;
  padding-left: 0 !important;
}
@media (max-width: 991.98px) {
  .contact__section .lefts {
    padding-top: 0px;
    padding-bottom: 40px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .contact__section .lefts .box-size {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  .contact__section .lefts .box-size .title {
    display: none;
  }
}
@media (min-width: 991.98px) {
  .contact__section .lefts .box-size {
    width: 85% !important;
    margin-right: auto;
  }
}
.contact__section .lefts .title {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 40px;
  font-family: var(--font-family-2);
}
@media (max-width: 991.98px) {
  .contact__section .lefts .title {
    margin-bottom: 24px;
  }
}
.contact__section .lefts .title h2 {
  color: #D5DEFD;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: -0.28px;
  font-family: var(--font-family-2);
}
@media (max-width: 991.98px) {
  .contact__section .lefts .title h2 {
    font-size: 24px;
  }
}
.contact__section .lefts .title h3 {
  color: #D5DEFD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  font-family: var(--font-family-4);
}
.contact__section .lefts .ul-bottom {
  max-width: 480px;
}
.contact__section .lefts .ul-bottom ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact__section .lefts .ul-bottom ul li {
  border-radius: 20px;
  background: var(--Primary-colorPrimaryDark500, #182D7B);
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.04);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: relative;
  display: flex;
  align-items: center;
}
.contact__section .lefts .ul-bottom ul li a {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10px 35px 10px 58px;
}
.contact__section .lefts .ul-bottom ul li span:first-of-type {
  color: #D5DEFD;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}
.contact__section .lefts .ul-bottom ul li span:last-of-type {
  color: #D5DEFD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  font-family: var(--font-family-4);
}
.contact__section .lefts .ul-bottom ul li:before {
  position: absolute;
  pointer-events: none;
  z-index: -1;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  height: 24px;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="%23D5DEFD" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.contact__section .lefts .ul-bottom ul li:nth-child(1):after {
  position: absolute;
  left: 16px;
  height: 24px;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5032 3.48779C18.2471 1.23984 15.2467 0.00131836 12.0502 0C5.4635 0 0.102885 5.33481 0.100235 11.8917C0.0993524 13.9878 0.649544 16.0339 1.69532 17.8374L0 24L6.33485 22.3462C8.08037 23.2938 10.0455 23.7932 12.0453 23.7938H12.0503C18.6363 23.7938 23.9975 18.4585 24 11.9013C24.0013 8.72344 22.7595 5.7356 20.5032 3.48779ZM12.0502 21.7853H12.0461C10.2639 21.7846 8.51604 21.3079 6.99087 20.4075L6.62835 20.1932L2.86915 21.1746L3.87253 17.527L3.6363 17.153C2.64204 15.5792 2.11702 13.7602 2.1179 11.8925C2.11996 6.44253 6.57565 2.00859 12.0542 2.00859C14.7071 2.00947 17.2009 3.03897 19.0761 4.90737C20.9513 6.77578 21.9834 9.25928 21.9825 11.9005C21.9801 17.3509 17.5247 21.7853 12.0502 21.7853ZM17.4982 14.3821C17.1997 14.2333 15.7317 13.5146 15.4579 13.4153C15.1844 13.3162 14.9851 13.2668 14.7863 13.5642C14.5871 13.8615 14.015 14.531 13.8407 14.7292C13.6665 14.9275 13.4925 14.9524 13.1938 14.8036C12.8952 14.6549 11.9332 14.341 10.7926 13.3286C9.90506 12.5407 9.30586 11.5676 9.13159 11.2702C8.95761 10.9726 9.13011 10.8272 9.26258 10.6638C9.58581 10.2643 9.90948 9.84551 10.009 9.64732C10.1086 9.44898 10.0587 9.27539 9.98396 9.12671C9.90948 8.97803 9.31233 7.51538 9.06359 6.92022C8.82102 6.34102 8.57507 6.41924 8.39167 6.41016C8.21769 6.40151 8.01855 6.39976 7.8194 6.39976C7.6204 6.39976 7.29688 6.47402 7.02311 6.77168C6.74948 7.06919 5.97822 7.78799 5.97822 9.25064C5.97822 10.7133 7.04813 12.1263 7.19738 12.3246C7.34663 12.5229 9.30291 15.5244 12.2981 16.8114C13.0105 17.1179 13.5665 17.3005 14.0003 17.4375C14.7156 17.6637 15.3664 17.6317 15.8809 17.5553C16.4547 17.4699 17.6473 16.8363 17.8964 16.1423C18.1451 15.4481 18.1451 14.8532 18.0704 14.7292C17.9959 14.6052 17.7967 14.531 17.4982 14.3821Z" fill="%23D5DEFD"/></svg>');
}
.contact__section .lefts .ul-bottom ul li:nth-child(2):after {
  position: absolute;
  left: 16px;
  height: 20px;
  content: url('data:image/svg+xml,<svg width="24" height="16" viewBox="0 0 24 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8906 0H2.10938C0.943922 0 0 0.900533 0 2V14C0 15.106 0.950859 16 2.10938 16H21.8906C23.0463 16 24 15.1098 24 14V2C24 0.902489 23.0598 0 21.8906 0ZM21.5952 1.33333C21.1642 1.73978 13.7476 8.7348 13.4916 8.97631C13.0931 9.35409 12.5634 9.56209 12 9.56209C11.4366 9.56209 10.9069 9.35404 10.5071 8.97507C10.3349 8.81262 3.00014 1.89484 2.40478 1.33333H21.5952ZM1.40625 13.7286V2.27222L7.48303 8.00356L1.40625 13.7286ZM2.40567 14.6667L8.48006 8.94387L9.51408 9.91911C10.1781 10.5487 11.061 10.8954 12 10.8954C12.939 10.8954 13.8219 10.5487 14.4846 9.92036L15.5199 8.94387L21.5943 14.6667H2.40567ZM22.5938 13.7286L16.517 8.00356L22.5938 2.27222V13.7286Z" fill="%23D5DEFD"/></svg>');
}
.contact__section .lefts .ul-bottom ul li:nth-child(3):after {
  position: absolute;
  left: 16px;
  height: 24px;
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M23.2969 8.28436H20.9601C20.6003 3.65602 16.7191 0 12 0C7.28091 0 3.39975 3.65602 3.03989 8.28436H0.703125C0.314812 8.28436 0 8.59917 0 8.98748V16.5187C0 16.9071 0.314812 17.2219 0.703125 17.2219H3.71564C4.10395 17.2219 4.41877 16.9071 4.41877 16.5187V8.98748C4.41877 4.80717 7.81969 1.40625 12 1.40625C16.1803 1.40625 19.5812 4.80717 19.5812 8.98748V16.5187C19.5812 19.038 17.5317 21.0875 15.0125 21.0875H14.094C13.7996 20.2131 12.9724 19.5813 12 19.5813C10.7818 19.5813 9.79059 20.5724 9.79059 21.7906C9.79059 23.0089 10.7818 24 12 24C12.9724 24 13.7996 23.3682 14.094 22.4938H15.0125C18.0692 22.4938 20.5968 20.1863 20.9459 17.2219H23.2969C23.6852 17.2219 24 16.9071 24 16.5187V8.98748C24 8.59917 23.6852 8.28436 23.2969 8.28436ZM3.01252 15.8156H1.40625V9.69061H3.01252V15.8156ZM12 22.5938C11.5572 22.5938 11.1968 22.2335 11.1968 21.7906C11.1968 21.3478 11.5572 20.9875 12 20.9875C12.4428 20.9875 12.8032 21.3478 12.8032 21.7906C12.8032 22.2335 12.4428 22.5938 12 22.5938ZM22.5938 15.8156H20.9875V9.69061H22.5938V15.8156Z" fill="%23D5DEFD"/><path d="M17.1649 8.33775C16.9023 8.2289 16.5998 8.289 16.3987 8.49009C16.3986 8.49009 14.2034 10.6846 13.1626 11.7247C12.6951 12.1947 12.427 12.844 12.427 13.5061C12.427 13.8944 12.7418 14.2092 13.1301 14.2092H16.1927V15.7655C16.1927 16.1538 16.5075 16.4686 16.8958 16.4686C17.2841 16.4686 17.5989 16.1538 17.5989 15.7655V14.2092H17.6489C18.0372 14.2092 18.352 13.8944 18.352 13.5061C18.352 13.1178 18.0372 12.803 17.6489 12.803H17.5989V8.98734C17.5989 8.703 17.4276 8.44664 17.1649 8.33775ZM16.1927 12.803H14.082C14.1059 12.7733 14.1313 12.7449 14.1581 12.7179C14.6848 12.1916 15.5084 11.3684 16.1927 10.6844V12.803Z" fill="%23D5DEFD"/><path d="M11.1974 15.7654C11.1974 15.3771 10.8826 15.0623 10.4943 15.0623H7.68056C7.70442 15.0327 7.72982 15.0042 7.75668 14.9772C8.79604 13.9386 10.9914 11.7439 10.9914 11.7439C11.1233 11.6121 11.1975 11.4332 11.1975 11.2467V10.8701C11.1975 9.44424 10.0375 8.28418 8.61159 8.28418C7.17154 8.28418 6.02563 9.45099 6.02563 10.8693V10.8701C6.02563 11.2584 6.34045 11.5728 6.72876 11.5728C7.11707 11.5728 7.43188 11.2576 7.43188 10.8693C7.43188 10.2248 7.95084 9.69043 8.61159 9.69043C9.26207 9.69043 9.79124 10.2196 9.79124 10.8701V10.9554C9.2211 11.5253 7.60856 13.1372 6.76115 13.9841C6.29367 14.4541 6.02563 15.1034 6.02563 15.7654C6.02563 16.1537 6.34045 16.4686 6.72876 16.4686H10.4944C10.8826 16.4686 11.1974 16.1538 11.1974 15.7654Z" fill="%23D5DEFD"/></svg>');
}
.contact__section .rights {
  width: 50%;
  flex: 0 0 50%;
  max-width: 50%;
  padding: 60px 24px;
  display: flex;
  padding-right: 0 !important;
}
@media (max-width: 991.98px) {
  .contact__section .rights {
    padding-top: 50px;
    padding-bottom: 0px;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .contact__section .rights .box-size {
    width: 100%;
  }
}
@media (min-width: 991.98px) {
  .contact__section .rights .box-size {
    width: 85% !important;
    margin-left: auto;
  }
}
.contact__section .rights .box-size {
  width: 100%;
}
.contact__section .rights .box-size form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}
.contact__section .rights .title {
  display: none;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .contact__section .rights .title {
    margin-bottom: 24px;
    display: flex;
  }
}
.contact__section .rights .title h2 {
  color: #D5DEFD;
  font-family: var(--font-family-2);
}
@media (max-width: 991.98px) {
  .contact__section .rights .title h2 {
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 30px;
  }
}
.contact__section .rights .title h3 {
  color: #D5DEFD;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 24px;
  font-family: var(--font-family-4);
}
.contact__section .rights .wpcf7-form-control.wpcf7-submit {
  width: 100%;
  padding: 0 8px;
  background-color: #2F5AF5;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 0 !important;
}

/* Contact  END */
.connection__section {
  padding: 60px 0 80px 0;
  background: var(--Primary-colorPrimaryLight900, #EAEFFE);
}
@media (max-width: 991.98px) {
  .connection__section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.connection__section .icon-top-section {
  margin-bottom: 40px;
  height: 220px;
}
@media (max-width: 575.98px) {
  .connection__section .icon-top-section {
    margin-bottom: 40px;
  }
}
@media (max-width: 470px) {
  .connection__section .icon-top-section {
    height: 200px;
  }
}
.connection__section .icon-top-section img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
.connection__section .title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.connection__section .title h2 {
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 35.2px */
  letter-spacing: -0.32px;
}
@media (max-width: 991.98px) {
  .connection__section .title h2 {
    font-size: 24px;
    line-height: 30px;
  }
}
@media (max-width: 575.98px) {
  .connection__section .title h2 {
    text-align: left;
  }
}
.connection__section .title h3 {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
.connection__section .content {
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .connection__section .content {
    margin-top: 24px;
  }
}
.connection__section .content .slides {
  gap: 40px;
  flex-wrap: nowrap;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media (max-width: 575.98px) {
  .connection__section .content .slides {
    gap: 25px;
  }
}
@media (max-width: 991.98px) {
  .connection__section .content .slides .col1 {
    margin-left: 15px;
  }
  .connection__section .content .slides .col4 {
    margin-right: 15px;
  }
}
.connection__section .content .slides::-webkit-scrollbar {
  display: none;
}
.connection__section .content .slides .col-size-mobile {
  min-width: 75%;
}
@media (min-width: 757.98px) {
  .connection__section .content .slides .col-size-mobile {
    min-width: 45%;
  }
}
.connection__section .content .col1,
.connection__section .content .col2,
.connection__section .content .col3,
.connection__section .content .col4,
.connection__section .content .col5,
.connection__section .content .col6 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.connection__section .content .col1 img,
.connection__section .content .col2 img,
.connection__section .content .col3 img,
.connection__section .content .col4 img,
.connection__section .content .col5 img,
.connection__section .content .col6 img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.connection__section .content .col1 h1,
.connection__section .content .col2 h1,
.connection__section .content .col3 h1,
.connection__section .content .col4 h1,
.connection__section .content .col5 h1,
.connection__section .content .col6 h1 {
  color: #132462;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.connection__section .content .col1 h2,
.connection__section .content .col2 h2,
.connection__section .content .col3 h2,
.connection__section .content .col4 h2,
.connection__section .content .col5 h2,
.connection__section .content .col6 h2 {
  color: #132462;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
}
@media (min-width: 991.98px) {
  .connection__section .content .rights,
  .connection__section .content .lefts {
    align-self: end;
    gap: 40px;
    display: flex;
    flex-direction: column;
  }
}
.connection__section .content .center-img {
  text-align: center;
  height: 490px;
}
@media (min-width: 991.98px) {
  .connection__section .content .center-img {
    padding: 0 35px;
  }
}
.connection__section .content .center-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviews__section {
  padding: 60px 0;
}
@media (max-width: 767.98px) {
  .reviews__section {
    padding: 40px 0;
  }
}
.reviews__section .title h2 {
  color: #111213;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px; /* 133.333% */
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .reviews__section .title h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
  }
}
.reviews__section .title .under-title {
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .reviews__section .title .under-title {
    margin-bottom: 30px;
  }
}
.reviews__section .title .under-title ul {
  display: flex;
  justify-content: center;
  gap: 42px;
}
@media (max-width: 991.98px) {
  .reviews__section .title .under-title ul {
    gap: 16px;
  }
}
.reviews__section .title .under-title ul li a {
  display: flex;
  gap: 10px;
}
@media (max-width: 991.98px) {
  .reviews__section .title .under-title ul li a {
    gap: 5px;
  }
}
.reviews__section .title .under-title ul li a .ttl {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
.reviews__section .title .under-title ul li a .ttl img {
  width: 100%;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
}
.reviews__section .title .under-title ul li a .ttl span {
  color: #132462;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.reviews__section .title .under-title ul li img {
  height: 40px;
  width: auto;
  -o-object-position: left;
     object-position: left;
  -o-object-fit: contain;
     object-fit: contain;
}
.reviews__section .container-fluid {
  padding: 0;
}
@media (min-width: 991.98px) {
  .reviews__section .mySwiper-reviews-section1 {
    padding-bottom: 64px;
  }
}
.reviews__section .mySwiper-reviews-section1 .review-navigation {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  width: 112px;
  height: 40px;
  bottom: 0;
}
.reviews__section .mySwiper-reviews-section1 .review-navigation .swiper-button-prev,
.reviews__section .mySwiper-reviews-section1 .review-navigation .swiper-button-next {
  transition: 0.2s ease;
}
.reviews__section .mySwiper-reviews-section1 .review-navigation .swiper-button-prev:hover::after,
.reviews__section .mySwiper-reviews-section1 .review-navigation .swiper-button-next:hover::after {
  transform: scale(1.05);
  transition: 0.2s ease;
}
.reviews__section .mySwiper-reviews-section1 .review-navigation .swiper-button-next:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><g filter="url(%23filter0_d_1419_1315)"><circle cx="28" cy="28" r="20" fill="white"/><circle cx="28" cy="28" r="19.5" stroke="%23EEF0F2"/></g><path d="M25 22L31 28L25 34" stroke="%23111213" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><filter id="filter0_d_1419_1315" x="0" y="0" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1419_1315"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1419_1315" result="shape"/></filter></defs></svg>');
}
.reviews__section .mySwiper-reviews-section1 .review-navigation .swiper-button-prev:after {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56" fill="none"><g filter="url(%23filter0_d_1419_1316)"><circle cx="20" cy="20" r="20" transform="matrix(-1 0 0 1 48 8)" fill="white"/><circle cx="20" cy="20" r="19.5" transform="matrix(-1 0 0 1 48 8)" stroke="%23EEF0F2"/></g><path d="M31 22L25 28L31 34" stroke="%23111213" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><defs><filter id="filter0_d_1419_1316" x="0" y="0" width="56" height="56" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1419_1316"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1419_1316" result="shape"/></filter></defs></svg>');
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper {
  padding: 10px 0;
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide {
  width: 820px;
  height: auto;
}
@media (min-width: 991.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide {
    scale: 0.85;
  }
}
@media (max-width: 1200px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide {
    width: 720px;
  }
}
@media (max-width: 991.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide {
    width: 720px;
  }
}
@media (max-width: 767.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide {
    width: 320px;
  }
}
@media (max-width: 575.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide {
    width: 290px;
  }
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .img {
  opacity: 0.5;
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide.swiper-slide-active {
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.04);
}
@media (min-width: 991.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide.swiper-slide-active {
    scale: 1;
  }
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in {
  height: 100%;
  display: flex;
  border: 2px solid var(--Natural-colorLightGrey700, #E6E9EB);
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in {
    flex-direction: column;
  }
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .img {
  width: 250px;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .img {
    width: 100%;
    height: 135px;
  }
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .cont {
  padding: 32px 60px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media (max-width: 767.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .cont {
    padding: 32px 32px;
  }
}
@media (max-width: 575.98px) {
  .reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .cont {
    padding: 16px;
  }
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .cont h2 {
  color: #2F5AF5;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%; /* 22.4px */
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .cont h3 {
  color: #111213;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 22.4px */
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .cont .position-name p {
  color: #111213;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 140%;
  font-family: var(--font-family-2);
}
.reviews__section .mySwiper-reviews-section1 .swiper-wrapper .swiper-slide .swiper-in .cont .position-name p span {
  font-family: var(--font-family-4);
}

.block-filter-system {
  background: var(--Primary-colorPrimaryLight900, #EAEFFE);
  padding-top: 60px;
}
@media (max-width: 991.98px) {
  .block-filter-system {
    padding-top: 40px;
  }
}
.block-filter-system .section-header h2 {
  color: #132462;
  text-align: center;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 48px; /* 133.333% */
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .block-filter-system .section-header h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
.block-filter-system .section-header h3 {
  color: #132462;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 19.6px */
  max-width: 800px;
  margin: auto;
  margin-bottom: 32px;
}
.block-filter-system .system {
  display: flex;
  justify-content: center;
  gap: 28px;
}
@media (max-width: 991.98px) {
  .block-filter-system .system {
    display: grid;
    grid-template-areas: "lefts rights" "centers centers";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 10px;
  }
}
.block-filter-system .system .centers {
  width: 475px;
}
@media (max-width: 991.98px) {
  .block-filter-system .system .centers {
    grid-column: 1/3;
    grid-row: 2;
    text-align: center;
    justify-self: center;
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .block-filter-system .system .centers {
    width: 330px;
    margin-top: 30px;
  }
}
.block-filter-system .system .centers img {
  -o-object-position: bottom;
     object-position: bottom;
}
@media (max-width: 991.98px) {
  .block-filter-system .system .lefts {
    grid-column: 1/2;
    grid-row: 1;
    justify-self: end;
  }
}
@media (max-width: 991.98px) {
  .block-filter-system .system .rights {
    grid-column: 2/3;
    grid-row: 1;
    justify-self: start;
  }
}
.block-filter-system .system .lefts, .block-filter-system .system .rights {
  width: 230px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 575.98px) {
  .block-filter-system .system .lefts, .block-filter-system .system .rights {
    width: 100%;
    max-width: 165px;
  }
}
.block-filter-system .system .lefts span, .block-filter-system .system .rights span {
  color: #132462;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 991.98px) {
  .block-filter-system .system .lefts span, .block-filter-system .system .rights span {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .block-filter-system .system .lefts span, .block-filter-system .system .rights span {
    font-size: 14px;
  }
}
.block-filter-system .system .lefts img, .block-filter-system .system .rights img {
  -o-object-position: top;
     object-position: top;
}
.block-filter-system .system img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}