@media screen and (min-width: 768px) {
  :root {
    font-size: 14.4px;
    --top-menu-font: 600 1rem / 1rem epilogue;
    --hero-header-font: 700 4rem/4.5rem epilogue;
    --hero-body-font: 500 1.3125rem/1.7rem epilogue;
    --h1-font: 700 2.25rem/2.25rem epilogue;
    --h2-font: 700 2.25rem/2.7rem epilogue;
    --h3-font: 700 1.5rem/2rem epilogue;
    --h4-font: 600 1.25rem/1.5rem epilogue;
    --default-block-spacing: 100px;
    --hero-height: 50vh;
    --intro-font: 500 1.5rem/2rem epilogue;
    --textbox-padding: 25px;
    --body-font-small: 400 1rem/1.5rem epilogue;
    --sub-menu-font: 0.9rem/1.3rem epilogue;
  }
}
@media screen and (min-width: 1920px) {
  :root {
    font-size: 16px;
    --body-font-small: 400 0.9rem/1.3rem epilogue;
    --sub-menu-font: 0.9rem/1.3rem epilogue;
  }
}
@media screen and (min-width: 1250px) {
  .sp-hero .sp-text-box,
  .sp-hero-swipe .sp-text-box {
    padding-right: calc( var(--main-width) - 960px);
  }
}
@media screen and (min-width: 768px) {
 .sp-breaker:not(:has(.sp-remove-breaker-padding)) {
    padding: 100px 0px;
  }
  .sp-hero .sp-text-container,
  .sp-hero-swipe .sp-text-container {
    padding: unset;
  }
  .sp-hero .sp-text-box,
  .sp-hero-swipe .sp-text-box {
    width: var(--main-width);
    max-width: var(--max-main-width);
    margin-left: auto;
    margin-right: auto;
  }
  .sp-loop-1 {
    width: var(--main-width);
    max-width: var(--max-main-width);
    margin-left: auto;
    margin-right: auto;
}
  .sp-loop-1.swipe {
    width: var(--main-width);
    max-width: var(--max-main-width);
    margin-left: auto;
    margin-right: auto;
}
 .sp-loop-1.swipe .sp-text-container:not(.sp-loop-1.swipe .sp-repeater .sp-text-container) {
  width: var(--main-text-width);
    max-width: var(--max-text-width);
    margin-left: unset;
    margin-right: unset;
}
.mobile-only  { display:none !important; }
.sp-loop-1 .sp-text-container:not(.sp-loop-1 .sp-repeater .sp-text-container) {
    max-width: var(--main-text-width);
  }
  .sp-loop-1.sp-col-2 .sp-repeater { grid-template-columns: repeat( 2, 1fr); }
  .sp-loop-1.sp-col-3 .sp-repeater { grid-template-columns: repeat( 3, 1fr); }
  .sp-loop-1.sp-col-4 .sp-repeater { grid-template-columns: repeat( 4, 1fr); }
  .sp-loop-1.sp-col-5 .sp-repeater { grid-template-columns: repeat( 5, 1fr); }
  .sp-loop-1.sp-col-6 .sp-repeater { grid-template-columns: repeat( 6, 1fr); }
  .sp-loop-1.sp-col-7 .sp-repeater { grid-template-columns: repeat( 7, 1fr); }
  .sp-loop-1.sp-col-8 .sp-repeater { grid-template-columns: repeat( 8, 1fr); }
  .sp-loop-1.sp-col-9 .sp-repeater { grid-template-columns: repeat( 9, 1fr); }

  .sp-loop-1.swipe .sp-repeater {
   width: calc(100% + 40px);
    gap: 25px;
   margin-left: -40px;
   padding-right: 0px;
 }
 .sp-loop-1.swipe .swipe-wrapper {
    padding-left: 20px;
  }
  .sp-loop-1.swipe .sp-repeater-item:first-child {
    margin-left: 20px;
}
  .sp-loop-1.swipe .sp-repeater-item {
    scroll-margin-left: 20px;
    position: relative;
  }
  .sp-loop-1.swipe .sp-repeater-item:last-child {
  margin-right: 0px;
}
.sp-loop-1.swipe .sp-repeater-item:last-child {
  margin-right: 0px;
}
   .sp-loop-1.swipe.sp-col-2 .sp-repeater .sp-repeater-item { width: calc( 50% - 13px); }
  .sp-loop-1.swipe.sp-col-3 .sp-repeater .sp-repeater-item {width: calc( 33.3% - 23px);}
  .sp-loop-1.swipe.sp-col-4 .sp-repeater .sp-repeater-item {width: calc( 25% - 24px);}
  .sp-loop-1.swipe.sp-col-5 .sp-repeater .sp-repeater-item {width: calc( 20% - 24px);}
  .sp-loop-1.swipe.sp-col-6 .sp-repeater .sp-repeater-item { width: calc( 16.67% - 24px); }

.sp-loop-1 .sp-repeater-item.sp-fact-icons {
 display: flex;
 gap: 15px;
 /* align-content: baseline; */
 flex-wrap: wrap;
}
 .sp-loop-1 .sp-repeater-item.sp-fact-icons .sp-text-box {
    display: flex;
    margin-top: unset;
    gap: 0;
    justify-content:center;
}
.sp-loop-1 .sp-repeater .sp-repeater-item.sp-fact-icons .sp-image-container .sp-icon-content img {
    width: unset;
    height: unset;
  }
   .sp-text-foto {
    width: var(--main-width);
    max-width: var(--max-main-width);
    flex-direction: row;
  }
  .sp-text-foto.sp-flipright {
    flex-direction: row-reverse;
  }
  .sp-text-foto .sp-text-container {
  padding-left: 50px;
  padding-top: unset;
  padding-bottom: unset;
}
.sp-text-foto .sp-text-container {
 width: 50%;
 display: flex;
 flex-direction: column;
 justify-content: center;
 flex-grow: 1;
}
  .sp-case-page .sp-text-foto:not(:has(.sp-image-container)) .sp-text-container {
    width: var(--main-text-width);
    max-width: var(--max-text-width);
    padding: unset;
    flex-grow: 0;
  }
  
  .sp-text-foto.sp-quote-circular,
.sp-side-by-side-swipe.sp-quote-circular .sp-repeater-item {
  display: flex;
  gap: 100px;
  width: var(--main-text-width);
  max-width: var(--max-text-width);
  margin-left: auto;
  margin-right: auto;
}
  
  .sp-text-foto .sp-image-container {
 width: 50%;
}
  .sp-text-foto.sp-quote-circular .sp-image-container,
.sp-side-by-side-swipe.sp-quote-circular .sp-image-container {
  flex-basis: 30%;
  display: flex;
  padding: 25px;
}
.sp-text-foto.sp-quote-circular .sp-text-box .sp-content-text em {
  font: var(--intro-font);
  font-style: italic;
}
.sp-textfoto-swipe .sp-textfoto-swipe-repeater {
    width: var(--main-width);
    max-width: var(--max-main-width);
    margin-left: auto;
    margin-right: auto;
    padding-right: unset;
  }
.sp-textfoto-swipe .sp-textfoto-swipe-repeater .sp-text-foto {
    width: 100%;
    margin-left: unset;
    max-width: unset;
  }
.sp-pure-text {
    width: var(--main-width);
    max-width: var(--max-main-width);
  }
  .sp-pure-text .sp-text-container {
    width: var(--main-text-width);
    max-width: var(--max-text-width);
  }
.noisecontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 800px;
  width: 100%;
  margin: 0;
  color: var(--brablue);
}
.upper-row {
      height: 500px;
   }
 .column-upper.sp-prodcol .product-image-container {

  position: absolute;
  width: 350px;
  margin-left: -65px;
  display: block;
}
.iconcol.sp-brabaler .sp-noise-productname {
    font: var(--h3-font);
    margin-bottom: 5px;
  }
  .iconcol.sp-brabaler .sp-noise-productlevel {
    font: var(--h1-font);
    font-weight: 600;
  }
  .textcol {
    font: var(--body-font);
  }
  
.noisecontainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 800px;
  width: 100%;
  margin: 0;
  color: var(--brablue);
}

.circle-container {
  position: relative;
  height: 100%;
}

.circle-container .circle {
  width: 75px;
  height: 75px;
  background-color: var(--sand);
  /* You can change the color */
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  font: var(--h4-font);
  z-index: 2;
}

.line {
  width: 1px;
  background-color: var(--sand);
  /* You can change the color */
  position: absolute;
  bottom: 20px;
  /* Adjust this value to position the line */
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.circle1 {
  bottom: 110px;
}

.line1 {
  height: 100px;
}

.circle2 {
  bottom: 200px;
}

.line2 {
  height: 190px;
}

.circle3 {
  bottom: 300px;
}

.line3 {
  height: 300px;
}

.circle4 {
  bottom: 350px;
}

.line4 {
  height: 350px;
}

.circle5 {
  top: 0%;
}

.line5 {
  height: 90%;
}

.bullet {
  width: 15px;
  height: 15px;
  background-color: var(--sand);
  /* You can change the color */
  border-radius: 50%;
  position: absolute;
  bottom: 10px;
  /* Adjust this value to position the bullet */
  left: 50%;
  transform: translateX(-50%);
}

  .sp-swipe-left-arrow, .sp-swipe-right-arrow {
  display: block;
    width: 40px;
    height: 40px;
   border-radius: 50%;
  padding: 10px;
  z-index: 200;
  
}
  .sp-swipe-left-arrow:not(.sp-212738 .sp-swipe-left-arrow) {
  content: url(assets/images/angle-left-thin-white.svg);
  background-color: var(--brablue);
}
  .sp-212738 .sp-swipe-left-arrow {
    content: url(assets/images/angle-left-thin-darkblue.svg);
    background-color: white;
  }
  .sp-hero-swipe .sp-swipe-left-arrow {
    left: calc( (100% - var(--main-width)) / 2 - 65px );
  }
  .sp-loop-1 .sp-swipe-left-arrow {
    right: calc(100% - 20px);
  }
.sp-swipe-right-arrow:not(.sp-212738 .sp-swipe-right-arrow) {
    content: url(assets/images/angle-right-thin-white.svg);
    background-color: var(--brablue);
}
  .sp-212738 .sp-swipe-right-arrow {
    content: url(assets/images/angle-right-thin-darkblue.svg);
    background-color: white;
  }
  .sp-hero-swipe .sp-swipe-right-arrow {
    right: calc( (100% - var(--main-width)) / 2 - 65px );
  }
  .sp-loop-1 .sp-swipe-right-arrow {
    left: calc(100% - 19px);
  }
  
  .sp-swipe-only-mobile .sp-swipe-dots {
    display: none;
  }
  .sp-swipe-only-mobile .sp-swipe-left-arrow, .sp-swipe-only-mobile .sp-swipe-right-arrow {
    display: none;
  }
  .sp-case-page {
    padding-top: 50px;
  }
  .sp-case-intro-section.sp-no-bgcolor {
    display: flex;
    width: var(--main-width);
    max-width: var(--max-main-width);
    margin-left: auto;
    margin-right: auto;
    flex-direction: row-reverse;
    gap: 50px;
    justify-content: space-between;
  }
 .sp-case-intro-section.sp-no-bgcolor .sp-image-container {
    height: unset;
    position: relative;
    width: 50%;
  }
  .sp-case-intro-section.sp-no-bgcolor .sp-image-content {
    margin-top: 100px;
    transform: rotate(355deg);
  }
   .sp-case-intro-section.sp-no-bgcolor .sp-image-content img {
    min-width: unset;
    position: relative;
    min-width: 100%;
    max-height: 400px;
    object-fit:contain;
    top: unset;
    left: unset;
  }
  .sp-case-intro-section.sp-no-bgcolor .sp-logo-content {
    position: absolute;
  z-index: 10;
  width: 200px;
  top: 50px;
  left: 0px;
  padding: 50px;
  box-shadow: var(--box-shadow-light);
  transform: rotate(5deg);
  }
  .sp-case-intro-section.sp-no-bgcolor .sp-text-box {
    display: flex;
    flex-direction: column;
    justify-content:center;
    width: 50%;
  }
  .sp-workflow-container {
    width: var(--main-width);
    max-width: var(--max-main-width);
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
.sp-case-breaker {
    padding-left: unset;
    padding-right: unset;
  }
  .sp-case-mainquote {
    display: grid;
    width: var(--main-width);
    max-width: var(--max-main-width);
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 1fr 3fr;
    gap: 100px;
  }
.sp-case-mainquote .sp-text-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .sp-case-mainquote .sp-content-text {
    font: var(--h4-font);
  }
.sp-case-mainquote .sp-person-details .sp-person-name {
  font: var(--h4-font);
}
.sp-factsabout {
    width: var(--main-width);
    max-width: var(--max-main-width);
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
  .sp-case-stripe-breaker {
    padding-left: unset;
    padding-right: unset;
  }
  .sp-stripe-case-product-block {
    width: var(--main-width);
    max-width: var(--max-main-width);
    margin-left: auto;
    margin-right: auto;
  }
   .sp-stripe-case-product-block .sp-repeater {
    grid-template-columns: repeat(4, 1fr);
  }
  .sp-stripe-case-product-block .sp-repeater-item.sp-product-standard {
    display: flex;
    flex-direction: column;
  }
  .sp-stripe-case-product-block .sp-repeater-item.sp-product-standard .sp-text-box {
    display: flex;
    flex-direction:column;
    justify-content: space-between;
    height: 100%;
  }
   .sp-productplans-main {
   grid-template-columns: repeat(3, 1fr);
    width: var(--main-width);
    max-width: var(--max-main-width);
  }
  .sp-productplans-main.sp-col-2  {
    grid-template-columns: repeat(2, 1fr);
  }
  .sp-productplans-main.sp-col-3  {
    grid-template-columns: repeat(3, 1fr);
  }
  .sp-productplans-main.sp-col-4  {
    grid-template-columns: repeat(4, 1fr);
  }
  .sp-productplans-main.sp-col-5  {
    grid-template-columns: repeat(5, 1fr);
  }
  .sp-productplans-main.sp-col-6  {
    grid-template-columns: repeat(6, 1fr);
  }
  .sp-plan-element-group.sp-priceinfo .sp-plansplash {
    position: absolute;
  }
  .sp-plan-element-group.sp-plan-options .sp-image-container .sp-icon-content {
    width: fit-content;
  }
  .sp-plan-element-group.sp-plan-options .sp-planlinkbox {
    flex-direction: row;
    justify-content:flex-end;
    align-items: center;
  }
  .sp-brain-section {
        width: var(--main-width);
        max-width: var(--max-main-width);
    }
    .sp-brain-section1 .sp-main-header {
        margin-bottom: 25px;
    }
    .sp-brain-section1 .sp-intro {
        width: var(--main-text-width);
        max-width: var(--max-text-width);
        font: var(--intro-font);
        margin-bottom: 20px;
    }
    .sp-brain-text-foto {
        display: flex;
        flex-direction: column-reverse;
    }
    .sp-brain-section1 .sp-content-text p:first-child {
        margin-top: 0;
    }
    .sp-brain-section1 .sp-content-text p:last-child {
        margin-bottom: 0;
    }
    .sp-brain-section1 .sp-content-text {
        margin-top: 50px;
    }
       .woocommerce .products .woocommerce-loop-product__title {
     min-height: unset;
}
.sp-consumables-text {
        min-height: unset;
    }
  .site-branding {
    height: 100%;
  }
    .sp-site-logo {
     justify-content:center;
}
.sp-site-logo img, .custom-logo-link {
    height: 35px;
}
    .sp-site-logo {
        height: 100%;
    }
    .header-right-part {
    gap: 35px;
    padding-bottom: 0;
}
.sp-langname {
    font: var(--body-font);
        font-weight: 500
    }
    .sp-langselector-heading {
        font: var(--h4-font);
        margin-bottom: 5px;
    }
    .sp-mobile-menu-header, .sp-mobile-menu-lower {
        display: none;
    }
    form.sp-search-form {
        display: grid;
        grid-template-columns: 4fr 1fr;
        width: 100%;
    }
    input#sp-search-form-1 {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
       .sp-search-close img {
        width: 15px;
    }
    button.sp-search-submit {
        width: 100%;
    }
    .sp-search {
        width: calc(var(--main-width) / 2);
        left: 50%;
        transform: translateX(-50%);
    }
    .sp-outer-mainmenu-container {
        gap: 0;
    }
    .menu-skypim-menu-container {
        height: 100%;
    }
.menu-item-has-children:after {
    content: url(assets/images/angle-down-solid.svg);
    width: 15px;
    height: 100%;
    align-content:center;
}
.sp-site-footer-contentsection {
        width: var(--main-width);
        max-width: var(--max-main-width);
    }
    .sp-footer-header {
        font: var(--body-font-small);
        font-weight: 600;
    }
    .sp-loop-footer .sp-linkbox a {
        font: var(--body-font-small);
    }
    .sp-footer-content {
        width: var(--main-width);
        max-width: var(--max-main-width);
    }
    .sp-loop-footer .sp-linkbox ul {
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    body.search.search-results main, .search-no-results main {
        width: var(--main-width);
        max-width: var(--max-main-width);
        margin-left: auto;
        margin-right: auto;
        grid-template-columns: repeat(3, 1fr);
        padding-bottom: 50px;
    }
    body.search.search-results header.page-header {
    grid-column: span 3;
}
.sp-footer-company-name {
        font: var(--body-font-small);
     }
    .sp-footer-address-lines {
        font: var(--body-font-small);
        line-height: 18px;
        color: white;
    }
    .footer-contact-block {
        line-height: 18px;;
    }
.sp-faq-block {
        width: var(--main-width);
    max-width: var(--max-main-width);
    }
.product .sp-faq-question-box {
  flex-basis: 45%;
}
  /* styling contact area */
  .sp-contact-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 54px;
}
.sp-repeater .sp-contact-box .sp-col2 {
    margin-top: 42px;
    padding: 44px;
    padding-bottom: 60px;
}
  .sp-repeater .sp-contact-box .sp-teams-section-block {
    z-index: 1;
    /* position: relative; */
  }
  .sp-teammembers-container {
    height: 100%;
  }
  .sp-teams-main-block.active {
    flex-direction: column;
    gap: 8px;
    overflow-x: unset;
    overflow-y:auto;
    padding-right: 12px;
    position: absolute;
    height: calc(100% - 44px);
    width: 100%;
  }
  .sp-staff-block {
    width: 100%;
  }
  .sp-staff-block .sp-image-container.linkedinimage {
    top: 50%;
    transform: translateY(-50%);
  }
  .sp-staff-block .sp-staff-maininfo {
    display: flex;
    gap: 24px;
    align-items: center;
  }
  .sp-staff-block .sp-staff-maininfo .sp-text-container {
    margin-top: 0px;
  }
  .sp-cf7-single-field-line .wpcf7-form-control-wrap .wpcf7-form-control {
    width: 100%;
  }
  .sp-cf7-single-field-line, .cf7-two-on-line {
    margin-bottom: 20px;
  }
  .cf7-two-on-line .wpcf7-form-control-wrap {
    display: inline-block !important;
    max-width: calc(50% - 10px);
  }
  .cf7-two-on-line .wpcf7-form-control-wrap:first-child {
    margin-right: 20px;
    margin-bottom: 0;
    position: relative;
  }
  .wpcf7-submit {
    margin-top: 48px;
  }
  .sp-team-tabs {
    width: calc(100% - 32px);
    z-index:1;
  }
  .sp-team-tabs.overflows-left {
    scroll-padding-left: 12px;
  }
  .team-tabs-scroll-button.desktop {
    position: absolute;
    top: 10px;
    z-index: 8;
  }
  .team-tabs-scroll-button.desktop img {
     height: 20px;
    width: 20px;
    background-color: var(--brablue);
    padding: 5px;
    border-radius: 50%;
  }
  
  .sp-teammembers-container:has(.sp-team-tabs.overflows-right) .team-tabs-scroll-right-button.desktop {
    display: block;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 60%);
    right: 27px;
    padding-left: 48px;
    cursor: pointer;
    pointer-events: all;
  }
  .sp-teammembers-container:has(.sp-team-tabs.overflows-right) .team-tabs-scroll-right-button.desktop img {
    display: block;
  } 
   .sp-teammembers-container:has(.sp-team-tabs.overflows-left) .team-tabs-scroll-left-button.desktop {
    display: block;
    left: 0px;
    cursor: pointer;
  }
  .sp-teammembers-container:has(.sp-team-tabs.overflows-right) .team-tabs-scroll-right-button.desktop img {
    display: block;
  } 
  .sp-cf7-single-field-line .wpcf7-not-valid-tip,
  .cf7-two-on-line .wpcf7-not-valid-tip {
    position: absolute;
  }
}
@media screen and (min-width: 1920px) {
  .sp-repeater .sp-contact-box .sp-col2 {
    padding-bottom: 56px;
}
}
@media screen and (max-width: 1740px) {
    .sp-hero-swipe .sp-swipe-left-arrow{
      left: 0;
    }
    .sp-hero-swipe .sp-swipe-right-arrow {
      right: 0;
    }
  }