@keyframes arrow1 {
  0% {
    bottom: 20px;
    opacity: 0.5
  }

  25% {
    bottom: 17px;
    opacity: 1
  }

  50% {
    bottom: 14px;
    opacity: 0.5
  }

  51% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes arrow2 {
  0% {
    bottom: 14px;
    opacity: 0.5
  }

  25% {
    bottom: 11px;
    opacity: 1
  }

  50% {
    bottom: 8px;
    opacity: 0.5
  }

  51% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@keyframes arrow2 {
  0% {
    bottom: 14px;
    opacity: 0.5
  }

  25% {
    bottom: 11px;
    opacity: 1
  }

  50% {
    bottom: 8px;
    opacity: 0.5
  }

  51% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@-webkit-keyframes arrow3 {

  0% {
    bottom: 8px;
    opacity: .5
  }

  25% {
    bottom: 5px;
    opacity: 1
  }

  50% {
    bottom: 2px;
    opacity: .5
  }

  51% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

@keyframes arrow3 {

  0% {
    bottom: 8px;
    opacity: .5
  }

  25% {
    bottom: 5px;
    opacity: 1
  }

  50% {
    bottom: 2px;
    opacity: .5
  }

  51% {
    opacity: 0
  }

  100% {
    opacity: 0
  }
}

.SiteHeader__menu {
  position: absolute;
  top: 48.5px;
  left: 0;
  --siteMenuTransition: 250ms;
}

.SiteMenu {
  --siteMenuOffset: 0;
  --siteMenuRotateX: 0;
  --siteMenuTranslateX: 0;
  display: none;
  padding-top: 5px;
  height: calc(var(--siteMenuHeight) + var(--siteMenuArrowSpacing));
  transform: translateX(var(--siteMenuTranslateX)) rotateX(var(--siteMenuRotateX));
  transform-origin: 50% -50px;
  transition: 250ms;
  transition-property: transform,width,height;
  will-change: transform,width,height;
  z-index: 2;
  opacity: 0;
  transition: opacity ease 0.8s;
  display: inline-block;
  pointer-events: none;
}

li:hover .SiteMenu {
  opacity: 1;
  pointer-events: auto;
}

.SiteMenu__section {
  --siteMenuSectionOffset: 0;
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-37.7%) translateX(var(--siteMenuSectionOffset));
  transition: 250ms;
  transition-property: transform,opacity;
  will-change: transform,opacity;
  width: 100%;
}
.SiteSubNavItem {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 15px;
  outline: none;
  border: none;
  background-color: transparent;
  text-align: left;
  cursor: default!important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 14px;
}
.SiteSubNavItem__label {
  color: #3a3a3a;
  font-size: 11px;
  padding: 0;
  line-height: 14px;
  margin-bottom: 5px;
  display: inline-block;
}
/*.SiteSubNavItem:hover .SiteSubNavItem__label {
   color: #307aff; 
}*/
.SiteSubNavItem__body {
  color: #3a3a3a;
  font-size: 11px;
  letter-spacing: .2px;
  margin-bottom: 5px;
  padding: 0;
  line-height: 14px;
}
.SiteSubMenu {
  --siteSubMenuBackgroundColor: #ededed;
  --siteSubMenuTriggerOffsetY: 0px;
  --siteSubMenuTriggerOffsetYCenter: 42px;
  --siteSubMenuTriggerBackgroundHeight: 84px;
  --siteSubMenuTriggerTransition: transform 150ms linear,height 150ms;
  --siteSubMenuNavWidth: 40%;
  --siteSubMenuSectionListWidth: 59.4%;
  --siteSubMenuNavGap: 4px;
  --siteSubMenuSectionListBackgroundRadius: 4px;
  --siteNavIconLabelLineHeight: 24px;
  --siteNavIconBodyLineHeight: 16px;
  display: inline-grid;
  gap: var(--siteSubMenuNavGap);
  grid: auto/var(--siteSubMenuNavWidth) var(--siteSubMenuSectionListWidth);
  padding: 4px;
  border-radius: 5px;
  background-color: var(--siteSubMenuBackgroundColor);
  width: 100%;
}
.SiteSubMenu__navHoverBackground {
  position: absolute;
  transform: translateY(0);
  will-change: transform,height;
  z-index: 1;
  width: 100%;
  height: calc(100% / 2);
  border-radius: 4px;
  background-color: #fff;
  transition: all ease 0.4s;
}
.SiteSubMenu__navHoverBackground.SiteSubMenu__navHoverBackground3 {
  height: calc(100% / 3);
}
.newmenu>li>a {
  color:white!important;
}
.newmenu>li>a:not([href]) {
  cursor: default!important;
}
.SiteSubMenu__navHoverArrow {
  position: absolute;
  right: -12px;
  z-index: 1;
  margin-top: -14px;
  top: 50%;
}
@-moz-document url-prefix() {
  .SiteSubMenu__navHoverArrow {
    right: -11px!important;
  }
}
.SiteSubMenu__nav {
  position: relative;
}
.SiteSubMenu__sectionList {
  display: flex;
  background-color: #fff;
  border-radius: var(--siteSubMenuSectionListBackgroundRadius);
  overflow: hidden;
}
.SiteSubMenuSection {
  transition-delay: 25ms;
  transition: 250ms;
}
.SiteSubMenuSection {
  --siteSubMenuSectionNavOffset: 0;
  --siteSubMenuSectionPadding: 15px 15px 0 15px;
  position: relative;
  transform: translateY(var(--siteSubMenuSectionNavOffset));
  transition-property: transform,opacity;
  will-change: transform,opacity;
  z-index: 2;
  display: block;
  width: 100%;
  flex-shrink: 0;
  opacity: 1;
  z-index: 5;
  transition: all ease 250ms!important;
}
.SiteNavItem__labelContainer {
  font-size: 11px;
}
.SiteSubMenuSection.hidden {
  transform: translateY(var(--siteSubMenuSectionNavOffset));
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
  transition: all ease 250ms!important;
}
.SiteSubMenuSection.hidden.SiteSubMenuSection--before {
  --siteSubMenuSectionNavOffset: -60px;
}
.SiteSubMenuSection.hidden.SiteSubMenuSection--after {
  --siteSubMenuSectionNavOffset: 60px;
}
.SiteSubMenuSection__menuItems {
  display: grid;
  grid: auto/repeat(1,1fr); /*grid: auto/repeat(2,1fr);*/
  -moz-column-gap: 15px;
  column-gap: 15px;
  padding: var(--siteSubMenuSectionPadding);
}
.SiteSubMenuSection:nth-child(2) {
  right: 100%;
}
.SiteSubMenuSection:nth-child(3) {
  right: 200%;
}
.SiteSubMenu .SiteNavList {
  --siteNavListMinWidth: 220px;
}
.SiteNavList__list {
  min-width: var(--siteNavListMinWidth);
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
}
.SiteNavItem--hasIcon {
  margin-left: 0;
}
.SiteSubMenu .SiteNavItem {
  --SiteNavItemBodyWhiteSpace: normal;
  --SiteNavItemBodyWordBreak: break-word;
  padding: 0;
  line-height: 14px;
}
.SiteNavItem__link {
  display: inline-flex;
  color: #0a2540;
  outline: none;
}
.SiteNavList--iconSizeLarge .SiteNavItem__link {
  align-items: start;
}
.SiteNavItem__iconContainer {
  --iconLightColor: #88add2;
  --iconDarkColor: #0a2540;
  --iconKnockoutColor: #fff;
  flex: 0 0 auto;
  width: 8px;
  height: 10px;
  margin-top: var(--siteNavIconSpacingTop);
  margin-right: 8px;
}
.SiteNavItem__iconContainer img {
  vertical-align: top;
  margin-top: 4px;
  width: 9px;
  height: auto;
  margin-left: 0;
  display: block;
}
.SiteNavItem--hasIcon .SiteNavItem__label {
  font-weight: 600;
  color: #3a3a3a;
}
/*.SiteNavItem--hasIcon:hover .SiteNavItem__label {
  color: #307aff;
}*/
.HoverArrow--sizeSmall {
  --arrowSpacing: 4px;
  stroke-width: 1.5px;
}
.SiteNavItem__arrow.HoverArrow {
  transition: var(--hoverTransition);
  transition-property: opacity;
}
.SiteNavItem--isArrowHidden .SiteNavItem__arrow.HoverArrow {
  opacity: 0;
  pointer-events: none;
}
.SiteNavItem__body {
  color: #3a3a3a;
  line-height: var(--siteNavIconBodyLineHeight,inherit);
  opacity: 1;
  transition: var(--hoverTransition);
  transition-property: opacity;
  white-space: var(--SiteNavItemBodyWhiteSpace);
  word-break: var(--SiteNavItemBodyWordBreak);
  -webkit-hyphens: var(--SiteNavItemBodyHyphens);
  hyphens: var(--SiteNavItemBodyHyphens);
  margin-bottom: 15px;
}

.SiteNavItem__link:hover .SiteNavItem__arrow.HoverArrow {
  opacity: 1;
}
header nav .newmenu .SiteMenuSection__body li a, header nav .newmenu .SiteMenuSection__body li a:hover {
  color: #000000;
}
.SiteHeaderArrow {
  position: absolute;
  top: 28.7px;
  left: 50%;
  margin: 0 0 0 -22px;
  transform: translateY(15px) translateX(15px);
  border-radius: 3px 0 0 0;
  pointer-events: none;
  opacity: 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ededed;
  transition-property: transform;
  pointer-events: none;
    transition: opacity ease 0.8s;
}
.menu-has-submenu:hover .SiteHeaderArrow {
  opacity: 1;
  pointer-events: auto;
}

.menu-has-submenu:not( :hover ) .SiteHeaderArrow{
  pointer-events: none;
  opacity: 0;
}
.HoverArrow {
  --arrowSpacing: 5px;
  --arrowHoverTransition: 150ms cubic-bezier(0.215,0.61,0.355,1);
  --arrowHoverOffset: translateX(3px);
  --arrowTipTransform: none;
  --arrowLineOpacity: 0;
  position: relative;
  top: -1px;
  margin-left: var(--arrowSpacing);
  stroke-width: 2px;
  fill: none;
  stroke: currentColor;
}
.HoverArrow--sizeSmall {
  --arrowSpacing: 4px;
  stroke-width: 1.5px;
}
.HoverArrow__linePath {
  opacity: var(--arrowLineOpacity);
  transition: opacity var(--hoverTransition,var(--arrowHoverTransition));
}
.HoverArrow__tipPath {
  transform: var(--arrowTipTransform);
  transition: transform var(--hoverTransition,var(--arrowHoverTransition));
}
.SiteNavItem__link:hover .SiteNavItem__arrow.HoverArrow {
  opacity: 1;
}
a:hover .HoverArrow__linePath, button:hover .HoverArrow__linePath {
  --arrowLineOpacity: 1;
}
a:hover .HoverArrow__tipPath, button:hover .HoverArrow__tipPath {
  --arrowTipTransform: var(--arrowHoverOffset);
}
.SiteNavItem__link:hover .SiteNavItem__body {
  opacity: 1;
}
.menubody.activated{
  margin-left: -100vw;
}
.main-mobile-menu-second ul {
  display: none;
}
.main-mobile-menu-second ul.activated {
  display: block;
}
.backtosubmenu {
  color: #c419be!important;
}
.backtosubmenu svg {
  margin-right: 2vw;
}
.submenu-active, .superactive a {
  cursor: default;
}

.scrollarrow {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding-bottom: 26px;
  margin-bottom: 24px;
}
.scrollarrow span {
  display: block;
  position: absolute;
  bottom: 18px;
  left: 17.5px;
  width: 12px;
  height: 7px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.628505 0.873354C0.286755 1.19797 0.286755 1.74268 0.628505 2.0673L5.4106 6.60962C5.72838 6.91147 6.22691 6.91147 6.54468 6.60963C6.88643 6.28501 6.88643 5.7403 6.54468 5.41568L1.76259 0.873354C1.44481 0.571512 0.94628 0.571512 0.628505 0.873354Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3715 0.917005C11.0538 0.615163 10.5552 0.615164 10.2375 0.917006L5.45536 5.45933C5.11361 5.78395 5.11361 6.32866 5.45536 6.65328C5.77313 6.95512 6.27167 6.95512 6.58944 6.65328L11.3715 2.11095C11.7133 1.78633 11.7133 1.24162 11.3715 0.917005Z' fill='%23262626'/%3E%3C/svg%3E%0A") no-repeat;
  opacity: 1;
  -webkit-animation: arrow1 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite forwards;
  animation: arrow1 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s infinite forwards;
}

.scrollarrow:before {
  content: '';
  position: absolute;
  bottom: 4px;
  left: 17.5px;
  width: 12px;
  height: 7px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.628505 0.873354C0.286755 1.19797 0.286755 1.74268 0.628505 2.0673L5.4106 6.60962C5.72838 6.91147 6.22691 6.91147 6.54468 6.60963C6.88643 6.28501 6.88643 5.7403 6.54468 5.41568L1.76259 0.873354C1.44481 0.571512 0.94628 0.571512 0.628505 0.873354Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3715 0.917005C11.0538 0.615163 10.5552 0.615164 10.2375 0.917006L5.45536 5.45933C5.11361 5.78395 5.11361 6.32866 5.45536 6.65328C5.77313 6.95512 6.27167 6.95512 6.58944 6.65328L11.3715 2.11095C11.7133 1.78633 11.7133 1.24162 11.3715 0.917005Z' fill='%23262626'/%3E%3C/svg%3E%0A") no-repeat;
  opacity: 1;
  -webkit-animation: arrow3 1s cubic-bezier(0.645, 0.045, 0.355, 1) 1s infinite forwards;
  animation: arrow3 1s cubic-bezier(0.645, 0.045, 0.355, 1) 1s infinite forwards;
}

.scrollarrow:after {
  content: '';
  position: absolute;
  bottom: 11px;
  left: 17.5px;
  width: 12px;
  height: 7px;
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.628505 0.873354C0.286755 1.19797 0.286755 1.74268 0.628505 2.0673L5.4106 6.60962C5.72838 6.91147 6.22691 6.91147 6.54468 6.60963C6.88643 6.28501 6.88643 5.7403 6.54468 5.41568L1.76259 0.873354C1.44481 0.571512 0.94628 0.571512 0.628505 0.873354Z' fill='%23262626'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3715 0.917005C11.0538 0.615163 10.5552 0.615164 10.2375 0.917006L5.45536 5.45933C5.11361 5.78395 5.11361 6.32866 5.45536 6.65328C5.77313 6.95512 6.27167 6.95512 6.58944 6.65328L11.3715 2.11095C11.7133 1.78633 11.7133 1.24162 11.3715 0.917005Z' fill='%23262626'/%3E%3C/svg%3E%0A") no-repeat;
  opacity: 1;
  -webkit-animation: arrow2 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s infinite forwards;
  animation: arrow2 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s infinite forwards;
}

.faq {
  padding:0;
}
.faq h2 {
  text-align: center;
  font-size: 54px;
  margin: 0 auto 50px auto;
}
.faqrow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.eachFaq {
  padding: 15px;
  width: 49%;
  border-bottom: 1px solid silver;
}
.eachFaq h4{
  font-weight: 400;
  font-size: 18px;
  margin: 0;
  cursor: pointer;
  position: relative;
  padding-right: 35px;
}
.accordion-content {
  padding: 20px 0 40px 0;
  font-size: 13px;
}
.accordion-content p {
  font-size: 13px;
  line-height: 23px;
}
.open .cross {
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
}
.cross {
  position: absolute;
  top: 50%;
  right: 10px;
  -webkit-transform: translate(0, -50%) rotate(0deg);
  transform: translate(0, -50%) rotate(0deg);
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1317 6.88371H9.11625V0.868218C9.11625 0.594188 8.74415 0 7.99997 0C7.25579 0 6.88368 0.59422 6.88368 0.868218V6.88374H0.868215C0.594218 6.88371 0 7.25582 0 7.99997C0 8.74412 0.594218 9.11626 0.868215 9.11626H6.88371V15.1318C6.88371 15.4057 7.25579 16 8 16C8.74421 16 9.11629 15.4057 9.11629 15.1318V9.11626H15.1318C15.4057 9.11626 16 8.74418 16 7.99997C16 7.25575 15.4057 6.88371 15.1317 6.88371Z' fill='%23262626'/%3E%3C/svg%3E");
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.list-box .left-side .list-box-block.active {
  border-left: 3px solid var(--main-blue-color);
}

.contact-container a {
  color: #fff;
  text-decoration: none;
}

@media only screen and ( min-width : 797px ) {

  .menugridinner{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-rows: 1fr;
    grid-row-gap: 0;
    grid-column-gap: 0;
    position: relative;
  }
}
.bottom-menu .children {
  display: none;
}
@media only screen and ( max-width : 889px ) {
  .eachFaq {
    width: 100%;
  }
  body {
    padding-top: 0;
  }
  .mobilemenu {
    top: 15px;
  }
  .container {
    align-items: center;
    justify-content: center;
    margin: 0 auto 0 auto;
    display: block;
    min-width: 231.5px;
    width: 100% !important;
    max-width: 483px;
  }

  /* the code below is for the dropdown heading */

  h10 {
    font-size: 12px;
    margin-left: 5px !important;
    letter-spacing: 0.8px;
    font-family: Arial !important;
  }

  /* the code below is for the dropdown menu */
  .wrapper-dropdown {
    position: relative;
    display: inline-block;
    min-width: 100%;
    width: 100%!important;
    max-width: 100%;
    padding: 14px;
    min-height: 44px;
    border-radius: 14px;
    background: var(--main-blue-color);
    text-align: left;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 20px;
  }


  .scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
  }

  .arrow {
    margin-left: 10px;
    margin-right: 10px;
    float: right;
    rotate: 180deg;
  }

  .selected-display {
    margin-left: 20px;
    color:#fff;
  }
  .selected-display a{
    color:#fff;
  }

  svg {
    transition: all 0.3s;
  }

  .wrapper-dropdown::before {
    position: absolute;
    top: 50%;
    right: 16px;

    margin-top: -2px;

    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #fff transparent;
  }

  .rotated {
    transform: rotate(-180deg);
  }

  .wrapper-dropdown .dropdown {
    transition: 0.3s;
    position: absolute;
    top: 40px;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
    border-radius: 15px;
    box-shadow: inherit;
    background: inherit;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    visibility: hidden;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
  }
  .wrapper-dropdown .dropdown li {
    padding: 0 14px;
    line-height: 35px;
    overflow: hidden;
    width: calc(100% - 20px);
    margin: auto;
  }

  .wrapper-dropdown .dropdown li:last-child {
    border-bottom: none;
  }

  .dropdown {
    padding: 0.5rem !important;
  }
  .tabs .dropdown a {
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid white;
    border-radius: 0;
    padding: 5px 0;
  }
  .wrapper-dropdown .dropdown li:last-child a {
    border-bottom: none;
  }

  .wrapper-dropdown.active .dropdown {
    opacity: 1;
    visibility: visible;

    border-radius: 15px;
  }
  .mainwrapper section {
    margin-top: 0!important;
    margin-bottom: 0!important;
  }
  .homepage_banner {
    padding: 20vw 0 19.14vw!important;
    margin-bottom: 0;
    margin-top: 0;
  }
  .brands {
    padding: 0;
  }
  .mainbanner2 .innercontainer h1, .faq h2 {
    /*    font-size: 40px;*/
    font-size: 8vw;
    line-height: 11.45vw;
  }
  .faq h2 {
    margin-bottom: 15px;
  }
  .technology .innercontainer .right-side .technologyblock {
    text-align: center!important;
  }
}