/* ================================
   SPACING SIZE 6 = 4.5rem
   ================================ */

:root {
  --bs-spacer-6: 4.5rem;
}

/* ===== Padding ===== */

.p-6 {
  padding: var(--bs-spacer-6) !important;
}

.pt-6, .py-6 {
  padding-top: var(--bs-spacer-6) !important;
}

.pb-6, .py-6 {
  padding-bottom: var(--bs-spacer-6) !important;
}

.ps-6, .px-6 {
  padding-left: var(--bs-spacer-6) !important;
}

.pe-6, .px-6 {
  padding-right: var(--bs-spacer-6) !important;
}

/* ===== Margin ===== */

.m-6 {
  margin: var(--bs-spacer-6) !important;
}

.mt-6, .my-6 {
  margin-top: var(--bs-spacer-6) !important;
}

.mb-6, .my-6 {
  margin-bottom: var(--bs-spacer-6) !important;
}

.ms-6, .mx-6 {
  margin-left: var(--bs-spacer-6) !important;
}

.me-6, .mx-6 {
  margin-right: var(--bs-spacer-6) !important;
}

/* ===== Negative margin (optional but Bootstrap-like) ===== */

.m-n6 {
  margin: calc(var(--bs-spacer-6) * -1) !important;
}

.mt-n6, .my-n6 {
  margin-top: calc(var(--bs-spacer-6) * -1) !important;
}

.mb-n6, .my-n6 {
  margin-bottom: calc(var(--bs-spacer-6) * -1) !important;
}

.ms-n6, .mx-n6 {
  margin-left: calc(var(--bs-spacer-6) * -1) !important;
}

.me-n6, .mx-n6 {
  margin-right: calc(var(--bs-spacer-6) * -1) !important;
}

@media (min-width: 576px) {
  .p-sm-6 {
    padding: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-6, .py-sm-6 {
    padding-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .pb-sm-6, .py-sm-6 {
    padding-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .ps-sm-6, .px-sm-6 {
    padding-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .pe-sm-6, .px-sm-6 {
    padding-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .m-sm-6 {
    margin: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .mt-sm-6, .my-sm-6 {
    margin-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .mb-sm-6, .my-sm-6 {
    margin-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .ms-sm-6, .mx-sm-6 {
    margin-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 576px) {
  .me-sm-6, .mx-sm-6 {
    margin-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .p-md-6 {
    padding: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .pt-md-6, .py-md-6 {
    padding-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .pb-md-6, .py-md-6 {
    padding-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .ps-md-6, .px-md-6 {
    padding-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .pe-md-6, .px-md-6 {
    padding-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .m-md-6 {
    margin: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .mt-md-6, .my-md-6 {
    margin-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .mb-md-6, .my-md-6 {
    margin-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .ms-md-6, .mx-md-6 {
    margin-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 768px) {
  .me-md-6, .mx-md-6 {
    margin-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .p-lg-6 {
    padding: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-6, .py-lg-6 {
    padding-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .pb-lg-6, .py-lg-6 {
    padding-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .ps-lg-6, .px-lg-6 {
    padding-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .pe-lg-6, .px-lg-6 {
    padding-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .m-lg-6 {
    margin: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .mt-lg-6, .my-lg-6 {
    margin-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .mb-lg-6, .my-lg-6 {
    margin-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .ms-lg-6, .mx-lg-6 {
    margin-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 992px) {
  .me-lg-6, .mx-lg-6 {
    margin-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .p-xl-6 {
    padding: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-6, .py-xl-6 {
    padding-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-6, .py-xl-6 {
    padding-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .ps-xl-6, .px-xl-6 {
    padding-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .pe-xl-6, .px-xl-6 {
    padding-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-6 {
    margin: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .mt-xl-6, .my-xl-6 {
    margin-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-6, .my-xl-6 {
    margin-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .ms-xl-6, .mx-xl-6 {
    margin-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1200px) {
  .me-xl-6, .mx-xl-6 {
    margin-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .p-xxl-6 {
    padding: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .pt-xxl-6, .py-xxl-6 {
    padding-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .pb-xxl-6, .py-xxl-6 {
    padding-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .ps-xxl-6, .px-xxl-6 {
    padding-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .pe-xxl-6, .px-xxl-6 {
    padding-right: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .m-xxl-6 {
    margin: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .mt-xxl-6, .my-xxl-6 {
    margin-top: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .mb-xxl-6, .my-xxl-6 {
    margin-bottom: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .ms-xxl-6, .mx-xxl-6 {
    margin-left: var(--bs-spacer-6) !important;
  }
}

@media (min-width: 1400px) {
  .me-xxl-6, .mx-xxl-6 {
    margin-right: var(--bs-spacer-6) !important;
  }
}

.navbar {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 3rem;
  border-bottom: 1.5px solid rgba(98,101,105,0);
}

td {
  width: 20%!important;
}

@media (max-width: 991px) {
  .btn-menu {
    display: none!important;
  }
}

@media (max-width: 991px) {
  .navbar {
    visibility: hidden;
  }
}

@media (min-width: 992px) {
  .navbar-mobile {
    display: none;
  }
}

li {
  line-height: 1.5rem;
}

@media (min-width: 768px) {
  .imgbg {
    display: none;
  }
}

.imgbg {
}

.btn {
}

@media (max-width: 575px) {
  .btn {
    width: 100%;
  }
}

li::marker {
  /*color: red;*/
  font-size: .8em;
}

strong {
  font-variation-settings: "wght" 475!important;
  font-weight: 500;
}

@media (max-width: 991px) {
  .membraneimg {
    background: url("../../assets/img/membranelong.webp?h=dcabd4e09e46c7a72aebac667cb83079") 20% 50% / cover;
    height: 40vh!important;
    width: 100%;
  }
}

.membraneimg {
  background: url("../../assets/img/membranelong.webp?h=dcabd4e09e46c7a72aebac667cb83079") 20% 50% / cover;
  height: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  .desktop-only-2 {
    display: none!important;
  }
}

@media (max-width: 991px) {
  .desktop-only {
    display: none!important;
  }
}

@media (min-width: 767px) {
  .mobile-only-2 {
    display: none!important;
  }
}

@media (min-width: 992px) {
  .mobile-only {
    display: none!important;
  }
}

.card-title-mobile {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
  font-size: 1.25rem;
  font-variation-settings: "wght" 375;
  font-family: Peridot PE Variable, peridot-pe-variable;
}

.card-mobile-header {
  background: linear-gradient(90deg, #0074E9 0%, #6BA7FF 100%);
  border-radius: 0px 0px 32px 0px;
}

.swipernav {
  position: relative!important;
  margin-top: 10px!important;
}

.footer-menu-mob > li {
  padding-bottom: .6rem;
}

.card-title-center {
  padding-bottom: 3px;
  font-family: Polymath Display, polymath-display!important;
}

@media (max-width: 991px) {
  .membraneimg2 {
    height: 100%!important;
  }
}

@media (min-width: 992px) {
  .w75x {
    width: 75%!important;
  }
}

@media (max-width: 575px) {
  .herotext {
    line-height: 3.5rem!important;
  }
}

@media (min-width: 576px) {
  .button-x {
    width: fit-content;
  }
}

.membraneimg2 {
  height: 480px;
}

@media (max-width: 767px) {
  .heading-features {
    font-size: 1.25rem!important;
  }
}

.container-fluid {
  max-width: 1644px;
}

@media (max-width: 767px) {
  .peridot-mobile-card {
    font-size: 1.375rem!important;
    font-variation-settings: "wght" 475!important;
    line-height: 130%;
  }
}

.card-body > hr {
  margin-top: 0.9rem;
  margin-bottom: 1.8rem;
}

.card {
  box-shadow: 0px 0px 30px rgba(69, 141, 255, 0.02);
}

@media (min-width: 1790px) {
  .intro {
    padding: 0!important;
  }
}

.btn-menu {
}

html {
  font-size: clamp( 16px, calc(16px + 4 * ((100vw - 1600px) / 200)), 20px );
}

@media (min-width: 1600px) {
  .desktop-only-2.deploy {
    height: 49rem!important;
  }
}

.desktop-only-2.deploy {
  height: 38rem;
}

h2 {
  letter-spacing: 1px;
}

.panel.is-active {
  background-color: #fff;
}

.panel.p2:not(.is-active) {
  background-color: #6BA7FF;
}

.panel.p3:not(.is-active) {
  background-color: #458DFF;
}

.panel.p4:not(.is-active) {
  background-color: #0074E9;
}

.nav-link-footer {
  font-variation-settings: "wght" 475, "ital" 0;
  font-size: 1rem;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-wrapper {
  z-index: 100!important;
}