/** Shopify CDN: Minification failed

Line 2278:55 Unexpected "'#scrolling-video'"
Line 2849:16 Unexpected "/"
Line 3543:53 Unexpected "@from-tiny"
Line 4490:11 Unexpected "/"

**/
.c-button.-video .c-button_image img {
  transition: 0.5s all;
}

.d-inline-block {
  display:inline-block!important;
}

.full-h-hero {
    min-height: calc(100vh - 8rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-background {
  max-width: 100dvw;
  overflow:hidden;
}

.o-container sub {
    bottom: 5px;
    font-size: 100%!important;
}

.o-container p sub, header a.c-header_nav_link .c-header_nav_label sub, .c-comparison-table_col sub {
    font-weight: bold;
}

.o-container h2 sub {
    bottom: 7px;
}

.btn-whatsapp-fixed {
  width: 50px;
  height: 50px;
  bottom: 20px;
  right: 20px;
  position: fixed;
  z-index: 9999;
  backdrop-filter: blur(20px);
  padding: 10px;
  border-radius: 50px;
  background-color: rgb(55 55 55 / 50%);
}

.pe-2 {
  padding-right: 0.5rem;
}

.pe-3 {
  padding-right: 1rem;
}

.ps-2 {
  padding-left: 0.5rem;
}

.ps-3 {
  padding-left: 1rem;
}

.me-3 {
  margin-right: 1rem;
}

.ms-0 {
  margin-left: 0!important;
}


.-padding-col-top {
  padding-top: 2rem;
}

.mx-auto {
  margin: auto;
}

.d-inline-block {
  display: inline-block;
}

#gallery-image-section .c-gallery-modal_close {
  top: 20%;
}

.mr-2 {
  margin-left: 0.5rem; 
}

.c-push-products_item .c-tile-push_logo img {
  height: auto !important;
}

#gallery-image-section .box-zoom {
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 275;
  background-color: rgb(55 55 55 / 70%);
  display: none;
}

#gallery-image-section .box-zoom.zoomed {
  display: block;
}

#gallery-image-section .box-zoom img {
    width: auto;
    margin: auto;
    max-width: calc(100% - 5rem);
    max-height: 85vh;
    top: calc(50% + 2.5vh);
    left: 50%;
    transform: translate(-50%, -50%);
  transform-origin: center;
  position: absolute;
}

#gallery-image-section .bg-img {
  min-height: 19.534vw;
  margin-bottom: 2rem;
  cursor: pointer;
  transition: 0.5s all;
  width: 100%;
}

#gallery-image-section .col-lg-4 .c-media {
      height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 0 !important;
  top: 0;
}

#gallery-image-section .col-lg-4:last-child .bg-img {
  border-bottom-right-radius: 4rem;
}

.border-btn.c-button:before {
  outline: 2px solid #fff;
  outline-offset: -2px;
  background-color: transparent;
  transition: 0.5s;
}

a #whatsapp-icon path {
  transition: 0.25s;
}

.container-qr {
  border: 1px solid #5451f5;
    padding: 0.75rem;
    border-bottom-right-radius: 15px;
    max-width: 150px;
}

#whatsapp-qr .container-qr {
    display: inline-block;
    width: 150px;
}

#whatsapp-qr .text-whatsapp {
  display: inline-block;
    margin-left: 1rem;
    max-width: 125px;
    font-weight: bold;
    vertical-align: middle;
}

.whatsapp-mobile svg {
  display: inline-block;
      margin-right: 0.5rem;
    vertical-align: super; 
}

.whatsapp-mobile p {
  display: inline-block;
  max-width: 130px;
}

a:hover #whatsapp-icon path{
  fill: #fff;  
}

.border-btn.border-purple {
  color:#5451f5!important;
}

.border-btn.border-purple:before {
  outline: 2px solid #5451f5!important;
}


.border-btn.border-purple.big-btn:before {
  outline: 3px solid #5451f5!important;
}

.border-btn.c-button:hover:before {
  outline-offset: 0px;
  background-color: transparent;
}

.border-btn.c-button:hover {
  color:#fff!important;
}

.border-btn.border-purple:hover {
  color:#5451f5!important;
}

.-article h2,
.-article h3,
.banner-book-now-container .col-lg-4:first-child {
    margin-bottom: 30px !important
}

.post-subtitle,
.post-title {
    margin-bottom: 15px
}

.post-subtitle span {
    text-transform: uppercase
}

.c-wysiwyg p a {
  display:inline!important;
}

#faq .c-wysiwyg.-multi a {
  display:inline!important;
}

.c-inner-section .c-annexe h2 {
  font-family: whyte_inktraplight;
  font-size: 2.4375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -1px;
      color: #5451f5;
}

.post-subtitle span:first-child:after {
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    display: inline-block;
    margin: 0 6px 0 10px;
    width: 6px;
    height: 6px;
    line-height: inherit;
    background-color: #fff;
    content: ""
}

.-article h2,
.-article h3 {
    max-width: 100% !important;
    padding-left: 0 !important;
    text-align: center !important
}

.-article h2:after,
.-article h3:after,
.c-demo_video .c-button.-video .c-button_label:after,
.design-accordeon .c-highlight_keys_item:after,
.design-accordeon .c-highlight_keys_item:before{
    content: none !important
}

.c-features .c-tile-feature,
.popup-klaviyo-container .klaviyo-form,
html[data-template="page.contact"] .c-push_link_visual:before {
    background-color: transparent !important
}

html[data-template=index] .c-button.-video:after {
    opacity: .2
}

.c-push-text_visual_media:after {
    background: 0 0 !important
}

.c-level_carousel_gradient {
    background: linear-gradient(90deg, #c50000 0, #5452f5 100%) !important
}

.arrow-show-scrolling:not(.active) {
    opacity: 0;
    transform: translateX(-20px)
}

.arrow-show-scrolling {
    position: absolute;
    top: calc(100% - 26.5px);
    left: calc(100% - 22.5px - 1.25rem);
    z-index: 1;
    transition: opacity .5s, transform .5s;
    transform: translateX(0)
}

.arrow-show-scrolling .c-button {
    padding: 18.5px 16.5px
}

.arrow-show-scrolling .c-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #5451f5;
    transform: scale(1);
    transition: transform .6s cubic-bezier(.215, .61, .355, 1), background-color .6s cubic-bezier(.215, .61, .355, 1)
}

.arrow-show-scrolling a {
    display: flex;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin-left: auto;
    margin-right: 0;
    padding: 0;
    border-radius: 50%
}

.arrow-show-scrolling [class^=svg-] {
    display: block;
    min-width: 12.19px;
    animation: 5s infinite show_scrolling_enable
}

.c-button.only-text {
  cursor:pointer!important;
  color:#fff;
}

.c-button.only-text.is-active {
  cursor:default!important;
  color:#000;
}

.c-button.only-text > .c-button_label {
  padding: 0!important;
  color: #fff!important;
}

.c-button.only-text:hover > .c-button_label,
.c-button.only-text.is-active > .c-button_label {;
  color: #000!important;
}

.c-button.only-text.is-active:before {
  background-color: #fff!important;
  transform: scale3d(1.025, 1, 1)!important;
}

.c-button.only-text.-rollover.is-active .c-button_label>span:nth-of-type(1) {
  opacity: 1!important;
}

.c-button.only-text.-rollover.is-active .c-button_label>span:nth-of-type(1) .char {
  transform: rotateX(0deg)!important;
}

.c-button.only-text.-rollover.is-active .c-button_label>span:nth-of-type(2) {
  opacity: 0!important;
}

@keyframes show_scrolling_enable {
    0%,
    58.31% {
        transform: translateX(0)
    }
    24.99%,
    41.65%,
    8.33% {
        transform: translateX(-5px)
    }
    16.66%,
    33.32%,
    49.98% {
        transform: translateX(5px)
    }
}

.popup-klaviyo-container {
    margin: auto;
    display: table
}

.popup-klaviyo-container .popup-align-middle {
    display: table-cell;
    vertical-align: middle
}

.closer-popup-container {
    width: 24px;
    height: 24px;
    margin-left: auto
}

.close-popup-klaviyo {
    cursor: pointer;
    float: right
}

.close-popup-klaviyo .c-button_icon {
    position: relative;
    display: block;
    transition: transform .6s cubic-bezier(.38, .005, .215, 1)
}

.close-popup-klaviyo .c-button_icon span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background-color: #fff;
    transition: transform .45s cubic-bezier(.38, .005, .215, 1)
}

.close-popup-klaviyo .c-button_icon span:last-child {
    transform: translate(-50%) rotate(-45deg)
}

.close-popup-klaviyo .c-button_icon span:first-child {
    transform: translate(-50%) rotate(45deg)
}

.popup-klaviyo-container button.needsclick {
    border-radius: 100px !important;
    min-height: 3rem !important;
    padding: 0 1.75rem !important;
    font-familly: Arial
}

.popup-klaviyo-container .klaviyo-form p span {
    font-family: suisse_intlregular !important !important;
    font-size: 16px !important
}

.popup-klaviyo-container .klaviyo-form p {
    padding-left: 20px !important
}

.d-none,
.harp .c-splash,
.popup-klaviyo-container .klaviyo-form p strong {
    display: none
}

.c-header_ctas .c-header_ctas_item.c-cart-counter_wrapper {
  margin-right: 20px;
}

.c-splash_app_visual {
    left: calc(50% + 1.25rem);
    width: 100%;
    overflow-x: hidden;
    height: 120%;
    bottom: -5%;
}

.popup-klaviyo-container .klaviyo-form div:nth-child(3) input,
.popup-klaviyo-container .klaviyo-form div:nth-child(4) div[role=combobox] button.needsclick,
.popup-klaviyo-container .klaviyo-form div:nth-child(4)>div>div>div:first-child {
    padding: .8125rem 1.25rem !important;
    border: none !important;
    border-radius: 100px !important;
    color: #fff !important;
    min-height: 3rem !important;
    background-color: #373737 !important;
    transition: background-color .6s cubic-bezier(.215, .61, .355, 1) !important
}

.popup-klaviyo-container .klaviyo-form div:nth-child(4) div[role=listbox],
.popup-klaviyo-container .klaviyo-form div:nth-child(4) div[role=option] {
    border: none !important;
    padding: .5rem !important;
    color: #fff !important;
    background-color: #373737 !important;
    transition: background-color .6s cubic-bezier(.215, .61, .355, 1) !important
}

.popup-klaviyo-container .klaviyo-form div:nth-child(4) input {
    min-height: auto !important;
    color: #fff !important
}

.popup-klaviyo-container .klaviyo-form div:nth-child(3) input:hover {
    background-color: #1e1e1e !important
}

.ly-custom-dropdown-list li {
    padding-top: 5px !important;
    background-color: #000 !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

.ly-flag-icon.ly-flag-rounded {
    border: .5px solid #fff;
    height: 1em
}

.ly-breakpoint-2 {
    display: table !important;
    height: 100%
}

.ly-languages-switcher {
    display: table-cell !important;
    vertical-align: middle
}

.ly-icon {
    margin: 0 .5em !important
}

img[alt="apple app"],
img[alt="google app"] {
    width: 100%;
    max-width: 145px;
    transition: filter .5s
}

img[alt="apple app"]:hover,
img[alt="google app"]:hover {
    filter: invert(1)
}

.ly-languages-switcher-link:last-child {
    border: none !important
}

.ly-languages-switcher-link {
    border-right: 1px solid #fff !important;
    padding-right: 5px !important;
    margin-right: 5px !important
}

a[href="https://calendly.com/santorsecurity/en"],
a[href="https://calendly.com/santorsecurity/es"],
a[href="https://calendly.com/santorsecurity/fr"],
.big-btn {
    padding: 1.875rem 1.9625rem !important
}

.big-btn .c-button_label {
      padding-right: 1.65rem!important;
}

.u-hide-to-tiny a[href="https://calendly.com/santorsecurity/en"],
.u-hide-to-tiny a[href="https://calendly.com/santorsecurity/es"],
.u-hide-to-tiny a[href="https://calendly.com/santorsecurity/fr"] {
    padding: .875rem 1.9625rem !important
}

.c-wysiwyg p a[href="https://calendly.com/santorsecurity/en"],
.c-wysiwyg p a[href="https://calendly.com/santorsecurity/es"],
.c-wysiwyg p a[href="https://calendly.com/santorsecurity/fr"] {
    padding: 0 !important;
    color: #5451f5;
    text-decoration: none !important;
    font-family: suisse_intlsemibold !important;
    font-size: 16px;
    transition: .5s;
    text-transform: uppercase
}

.c-wysiwyg p a[href="https://calendly.com/santorsecurity/en"]:lang(fr),
.c-wysiwyg p a[href="https://calendly.com/santorsecurity/es"]:lang(fr),
.c-wysiwyg p a[href="https://calendly.com/santorsecurity/fr"]:lang(fr) {
    font-size: 15.6px
}

.c-wysiwyg p a[href="/es/pages/book-a-call"]:hover,
.c-wysiwyg p a[href="/fr/pages/book-a-call"]:hover,
.c-wysiwyg p a[href="/pages/book-a-call"]:hover {
    padding: 0 !important;
    color: #ccb6b4;
    text-decoration: none !important
}

.w-100 {
    width: 100%
}

.w-100-important {
    width: 100% !important
}

.btn-small {
    max-width: 325px
}

.btn-small:lang(fr),
.w-100 .btn-on-pink {
    max-width: 340px
}

.btn-small:lang(fr) {
  padding: 1.875rem 1.4625rem;
}

.btn-small:lang(es) {
    max-width: 375px
}

.w-100 .btn-on-pink:lang(es),
.w-100 .btn-on-pink:lang(fr) {
    max-width: 405px
}

.btn-on-pink.c-button:hover:before {
    transform: scale3d(1.025, 1, 1);
    background-color: #fff !important
}

.c-demo_video_text .c-button {
    max-width: 350px
}

.c-demo_video_text .c-button:lang(es) {
    max-width: 420px
}

.c-demo_video_text .c-button:lang(fr) {
    max-width: 460px
}


/*.c-features .c-button {
    max-width: 350px;
    margin: 90px auto 0 !important
}

.c-features .c-button:lang(es),
.c-features .c-button:lang(fr) {
    max-width: 415px
}*/

.c-testimonials .c-button.-video .c-button_label,
.ly-breakpoint-1 {
    display: none !important
}

.c-button .c-button_label {
    text-transform: uppercase !important
}

.c-highlight_header .c-button_label {
    padding-top: 9px
}

.container-big-btn {
    height: 965px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute
}

  .c-demo_content .container-big-btn {
    height: 100%;
  }

.container-big-btn>div {
    height: 84px
}

.container-big-btn>div>.c-button {
    z-index: 1
}

/*.container-big-btn>div>.c-button .c-button_label .words:nth-child(2) {
    max-width: 89%
}*/

header .c-button .c-button_label {
    font-size: .9rem;
    line-height: 1.35;
    padding-right: 0;
    width: 100%;
    padding-right: 0.5rem;
}

header button.c-button .c-button_label {
  text-align: left!important;
}

header a.c-button .c-button_label:lang(es),
header a.c-button .c-button_label:lang(fr) {
    font-size: .8rem
}

header .c-button.-rollover .c-button_label>span {
    text-transforme: uppercase
}

header .c-button {
    width: 120%
}

a.c-button.-rollover .c-button_label>span {
  transform:translateZ(0) translateY(2px)!important;
}

.position-absolute {
  position:absolute;
}

.position-relative {
  position:relative;
}

.pt-0 {
    padding-top: 0rem !important
}

.pt-5 {
    padding-top: 2rem!important
}

.px-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.pb-5 {
    padding-bottom: 5rem
}

.pb-4 {
    padding-bottom: 2rem
}

.mt-6 {
    margin-top: 2.5rem
}

.mt-5 {
    margin-top: 2rem
}

.mt-4 {
    margin-top: 1.5rem
}

.mt-2 {
  margin-top: 0.75rem!important;
}

.mt-0 {
  margin-top: 0!important;
}

.ml-4 {
    margin-left: 1.5rem
}

.mx-100 {
  max-width: 100%!important;
}

.c-button.btn-white:not(:hover):before {
  background-color:#fff!important;
}

.btn-white>span:first-child {
  color:#000!important;
}

.btn-white:not(:hover) .c-button_icon svg {
  fill: #000;
}

.c-inner-section .c-section-text p,
.c-tile-rich_wysiwyg p,
.mb-4 {
    margin-bottom: 1.5rem
}

.mb-5 {
    margin-bottom: 1.5rem
}

.flex-column {
    flex-direction: column
}

.d-flex {
    display: flex !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.justify-content-around {
    justify-content: space-around !important
}

.justify-content-center {
    justify-content: center !important
}

.align-items-center {
    align-items: center !important
}

.text-uppercase {
  text-transform: uppercase!important;
}

.c-tile-rich_content_inner {
    max-width: 100% !important;
    padding-top: 0 !important
}

.c-tile-rich_wysiwyg p:last-child {
    margin-bottom: 2rem !important
}

.c-tile-rich_content {
    padding: 4vw !important
}

.c-demo_video .c-button.-video {
    height: 22rem !important;
    width: 45.66667% !important;
    border-radius: 0 0 0 4rem !important;
    display: flex;
    align-items: center;
}

.c-demo_visual .c-media:before {
    display: block;
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ccb6b4;
    /*mix-blend-mode: screen*/
}

.c-demo_visual .c-media_inner {
    z-index: 0;
  mix-blend-mode: screen;
}

.c-demo_video .c-button.-video .c-button_icon {
    width: 8rem !important;
    height: 8rem !important;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.c-demo_video .c-button.-video .c-button_icon .svg-icon-play {
    --svg-width: 8rem !important
}

.c-demo_video .c-button.-video .c-button_label {
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: calc(50% + 10rem);
    height: auto !important;
    min-height: auto;
    font-weight: 700;
    font-size: 1.5rem;
    transition: left .5s ease-out
}

.c-demo_video .c-button.-video .c-button_label:lang(en),
.c-demo_video .c-button.-video .c-button_label:lang(fr) {
    font-size: 1.25rem;
    transition: left .5s ease-out
}

.c-demo_video .c-button.-video:hover .c-button_label {
    left: calc(50% + 12rem);
}

.c-demo_video .c-button.-video:hover .c-button_image img {
    transform: scale3d(1.1, 1.1, 1.1)
}

.c-demo_video_text {
    position: absolute;
    z-index: 1;
    top: 15vw
}

.c-demo_video_text p {
    font-size: 1.5rem;
    color: #000;
    text-shadow: 0 0 4px #ccb6b4;
    font-family: whyte_inktraplight
}

.c-button.-video.-fill {
    align-items: center;
    justify-content: center;
}

html[data-template="page.harp"] .c-button.-video.-fill .c-button_label {
  display: none;
}

.c-accordions_list .c-wysiwyg_inner p {
    max-width: 100% !important
}

.c-tile-feature .c-media {
    max-width: 22.5rem
}

.c-tile-feature .c-media.-feature:before {
    padding-top: 30%
}

.c-features .c-tile-feature_content {
    text-align: left !important
}

.c-features .c-tile-feature_content h3 {
    font-size: 1.7125rem
}

.c-features .c-tile-feature_content p,
.c-testimonials .c-push-video_text .c-wysiwyg p {
    font-size: 1rem
}

.text-center {
    text-align: center
}

.c-triptych .c-tile-rich_index {
    font-size: 1.5rem !important;
    line-height: 1.1 !important
}

.c-tile-rich_content_inner .c-tile-rich_title {
    padding-right: 3.5rem !important
}

.c-tile-rich_content_inner {
  padding-right: 0!important;
}

.btn-mx-300 {
    max-width: 300px !important
}

.btn-mx-300:lang(es),
.btn-mx-300:lang(fr) {
    max-width: 378px !important
}

.h-100 {
    height: 100% !important
}

.c-demo_content .c-heading.-h2 {
    font-size: clamp(2.4375rem, 3.9vw, 5rem) !important
}

.push-title h2 {
    font-size: clamp(2.4375rem, 3.5vw, 5rem) !important
}

.push-title h2:lang(fr) {
    font-size: clamp(2.4375rem, 3vw, 5rem) !important
}

.c-features .c-section-heading_title:lang(fr) {
    font-size: clamp(2.4375rem, 4.55556vw, 5rem)
}

.c-demo_content {
    background: #ccb6b4;
    clip-path: inset(0 0 0 0 round 0 0 0 calc((0 + ((var(--nls-progress) - 0)/ (1 - 0)) * (10 - 0)) * 1vw));
    margin-top: -2px
}

.w-auto {
    width: auto !important
}

.c-push-text_content_inner {
    position: sticky;
    top: 0;
    max-width: 39.375rem;
    margin: 0 auto
}

.c-inner-section .c-push-text_content_inner {
    position: inherit!important;
}

.c-inner-section .c-section-heading_title strong,
div[class*=col-lg-] .c-wysiwyg:not(.-multi) ul li:before {
    color: #5452f5
}

div[class*=col-lg-] .c-media {
    height: 275px;
    border-bottom-right-radius: 7.5rem;
    overflow: hidden
}

div[class*=col-lg-] .c-wysiwyg:not(.-multi) ul li {
    margin-bottom: 16px
}

div[class*=col-lg-] .c-wysiwyg:not(.-multi) ul li:last-child {
    margin-bottom: 0
}

div[class*=col-lg-] ol {
  display:flex;
  flex-wrap: wrap;
  gap: 15px;
  list-style: none;
}

div[class*=col-lg-] ol li {
  background-color: #5452f5;
  border-radius: 50px;
  font-family: suisse_intl_monoregular;
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400!important;
  line-height: 100% !important;
  text-transform: uppercase;
  padding: 0.5rem 0.75rem !important;
  margin-top: 0!important;
}

div[class*=col-lg-] ol li:before {
  content: none!important;
}

.c-push-text_content.col-section > .col-lg-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.c-push-text_content.col-section > .col-lg-3 .c-media {
    width: 100%;
}

.u-gc-2\/15 {
    grid-column-start: 2;
    grid-column-end: 15
}

.banner-stats-container {
    border-bottom-right-radius: 4.5rem;
    padding: 5rem 1rem
}

.border-radius-bottom-right-container,
html[data-template="page.harp_mini"] .c-media-title-img-text {
  border-bottom-right-radius: 4.5rem;
}

.border-radius-top-left-container {
  border-top-left-radius: 4.5rem;
}

.border-radius-bottom-left-container {
  border-bottom-left-radius: 4.5rem;
}

.border-radius-top-right-container {
  border-top-right-radius: 4.5rem;
}

.border-radius-bottom-right-img {
  border-bottom-right-radius: 3rem;
}

.border-radius-top-left-img {
  border-top-left-radius: 3rem;
}

.border-radius-bottom-left-img {
  border-bottom-left-radius: 3rem;
}

.border-radius-top-right-img {
  border-top-right-radius: 3rem;
}

.banner-book-now-container {
    padding: calc(5rem - 30px)
}

.banner-book-now-container-calendly .col-lg-7 .u-gc-3\/14\@from-large {
    grid-column-start: 1;
    grid-column-end: 14;
}

.bg-img {
    position: relative;
    overflow: hidden
}

.bg-img.o-container.-gradient-bottom:not(.c-testimonials):before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30vh;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, #000 100%);
    z-index: -1;
}

.bg-img>img:first-child {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -2
}

.bg-img.parallax>img:first-child {
    transform: translate(50%, -15%) !important;
    left: -50%
}

.c-inner-section.bg-img.parallax>img:first-child {
    transform: translate(50%, -15%) scale(1.075) !important;
}

#banner-book-now img.bg-single-text-image-floating,
#banner-stats .banner-stats-container.bg-img > img:first-child,
#banner-product .bg-img > img:first-child{
    transform: translateY(-50%);
    left: -36% !important;
    min-width: 135% !important;
    height: auto !important;
    z-index: 0;
    filter: brightness(3);
}

.font-weight-normal {
    font-weight: 400 !important
}

.my-5 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.py-5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.c-push-text_wysiwyg h5, .c-section-text h5, .c-wysiwyg h5 {
  font-size: clamp(1.0625rem, 4.85556vw, 1.5625rem);
  font-style: normal;
  font-weight: 300!important;
  line-height: 140%;
  letter-spacing: -0.03125rem;
}

.design-accordeon .c-highlight_keys_item {
    border-bottom: none !important
}

.design-accordeon .c-highlight_keys_item .c-highlight_keys_item_col {
    clip-path: polygon(50px 0, 0% 100%, 100% 100%, calc(100% - 50px) 0%);
    padding: 2.5rem;
    cursor: pointer
}

.design-accordeon .c-highlight_keys_item .c-highlight_keys_item_col h3 {
    padding-right: 55px;
    position: relative;
    display: table;
    margin: auto
}

.design-accordeon .c-highlight_keys_item .c-highlight_keys_item_col h3:after,
.design-accordeon .c-highlight_keys_item .c-highlight_keys_item_col h3:before {
    content: "";
    width: 15px;
    height: 3px;
    position: absolute;
    top: 50%;
    background-color: #fff;
    transition: .5s
}

.design-accordeon .c-highlight_keys_item .c-highlight_keys_item_col h3:before {
    transform: translateY(-50%) rotate(40deg);
    right: 10px
}

.design-accordeon .c-highlight_keys_item .c-highlight_keys_item_col h3:after {
    transform: translateY(-50%) rotate(-40deg);
    right: 0
}

.design-accordeon .c-highlight_keys_item.open .c-highlight_keys_item_col h3:before {
    transform: translateY(-50%) rotate(-40deg);
    right: 10px
}

.design-accordeon .c-highlight_keys_item.open .c-highlight_keys_item_col h3:after {
    transform: translateY(-50%) rotate(40deg);
    right: 0
}

.design-accordeon .c-highlight_keys_item:first-child .c-highlight_accordeon,
.design-accordeon .c-highlight_keys_item:first-child .c-highlight_keys_item_col {
    background-color: #4d5aed;
    border-bottom: 1px solid #4d5aed
}

.design-accordeon .c-highlight_keys_item:nth-child(2) .c-highlight_accordeon,
.design-accordeon .c-highlight_keys_item:nth-child(2) .c-highlight_keys_item_col {
    background-color: #303030;
    border-bottom: 1px solid #303030
}

.design-accordeon .c-highlight_keys_item:nth-child(3) .c-highlight_accordeon,
.design-accordeon .c-highlight_keys_item:nth-child(3) .c-highlight_keys_item_col {
    background-color: #505050;
    border-bottom: 1px solid #505050
}

.design-accordeon .c-highlight_keys_item:nth-child(4) .c-highlight_accordeon,
.design-accordeon .c-highlight_keys_item:nth-child(4) .c-highlight_keys_item_col {
    background-color: #747474;
    border-bottom: 1px solid #747474
}

.design-accordeon .c-highlight_keys_item .c-highlight_accordeon {
    position: relative;
    color: #fff;
    margin: auto;
    width: calc(100% - 100px)
}

.design-accordeon .c-highlight_keys_item .c-highlight_accordeon .c-highlight_keys_item_description p {
    padding: 3rem 1rem
}

.design-accordeon .c-highlight_keys_item .c-highlight_accordeon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #000 100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #000 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, #000 100%);
    opacity: .2
}

.design-accordeon .c-highlight_keys_item_description {
    max-width: 800px !important;
    margin: auto;
    opacity: 1 !important
}

.design-accordeon .c-highlight_keys_item_description p {
    text-align: center;
    font-size: 1rem
}

.single-text-img-floating .c-figure_image {
    width: 80% !important;
    height: auto !important;
    left: 50%;
    transform: translateX(-50%)
}

.single-text-img-floating.bg-img>img[src="/cdn/shop/files/bg-wave-big.webp?v=1678974161"] {
    position: absolute;
    top: -70vw;
    left: -30%;
    width: 100%;
    min-width: 150%;
    height: auto;
    object-fit: initial;
    transform: rotate(180deg) scaleX(-1) !important;
    transition: opacity 1.2s !important
}

.c-testimonials.bg-img>img[src="/cdn/shop/files/bg-wave-big.webp?v=1678974161"] {
    position: absolute;
    top: 5rem;
    left: -45%;
    width: 100%;
    min-width: 168%;
    height: auto;
    object-fit: initial;
    transform: rotate(180deg) scale(-1) !important;
    transition: opacity 1.2s !important
}

.c-testimonials .c-push-video_inner.c-push-img_inner {
  position:relative;
}

.c-testimonials .c-push-video_inner.c-push-img_inner .c-button_image {     
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-testimonials .c-push-video_inner.c-push-img_inner .c-button_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.c-app_list img[alt="apple app"] {
    max-width: 166px
}

.c-app_list img[alt="google app"] {
    max-width: 175px
}

.c-inner-section .c-section-heading .u-gc-1\/16,
.c-inner-section .c-section-text.u-gc-1\/16 {
    max-width: 950px
}

.c-inner-section-center .c-section-heading .u-gc-1\/16,
.c-inner-section-center .c-section-text.u-gc-1\/16 {
    margin: auto;
}

.filter-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.filter-hover.top-black {
  background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.10127801120448177) 0%, rgba(0,0,0,0.7987570028011204) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.10127801120448177) 0%, rgba(0,0,0,0.7987570028011204) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.10127801120448177) 0%, rgba(0,0,0,0.7987570028011204) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  z-index:1;
}

.overlay-effect .filter-hover {
  mix-blend-mode: overlay;
  opacity: 1!important;
}

.overlay-effect.bg-img > img.o-lazy_image.is-inview:first-child {
  opacity: 0.8!important;
  z-index: 1;
}

.-op-small {
    opacity: .88
}

.c-inner-section .c-push-text_wysiwyg,
.c-testimonials .c-push-text_content_inner p {
    color: #fff
}

.list_styled.c-wysiwyg:not(.-multi) ul li {
    padding-left: 30px
}

.list_styled.c-wysiwyg:not(.-multi) ul li:before {
    position: absolute;
    top: 1px;
    left: 0;
    width: 16.94px;
    height: 15.73px;
    background-repeat: no-repeat;
    background-image: url('/cdn/shop/files/check-circle-list.webp?v=1679074323');
    content: "" !important;
    color: transparent
}

.c-inner-section.bg-img.parallax>img:first-child {
    object-position: 35% center
}

.ultra-bg {
    padding-bottom: 70rem !important;
    margin-bottom: -70rem !important
}

.c-testimonials .c-push-video .u-gc-1\/16 {
    display: flex;
    background-color: #ffff;
    overflow: hidden
}

.c-testimonials .c-push-video_inner,
.c-testimonials .c-push-video_text {
    display: flex;
    flex-direction: column
}

.c-testimonials .c-push-video_text {
    flex: 1 1 75%;
    justify-content: center;
    padding: 3rem
}

.c-testimonials .c-push-video_inner {
    flex: 1 1 100%
}

.c-testimonials .c-button.-video {
    border-radius: 0 !important;
    align-items: center !important;
    justify-content: center
}

.c-testimonials .c-push-text_content_inner {
    background-color: #4d5aed;
    border-bottom-right-radius: 3rem;
    padding: 3rem;
    height: 100%;
    min-width: 100%;
    margin: 0
}

.c-testimonials .col-lg-4:not(.display_more_testimonials) .c-push-text_content_inner .c-push-text_title {
    margin-top: 0 !important;
    font-size: 1.2rem
}

.display_more_testimonials .c-push-text_content_inner {
    background-color: rgb(77 90 237 / 50%);
    border: 2px solid #4d5aed;
    transition: .5s;
    cursor: pointer
}

.display_more_testimonials .c-push-text_content_inner:hover {
    background-color: #4d5aed;
    border: 2px solid #4d5aed
}

.display_more_testimonials .c-button_icon {
    min-height: 50px;
    display: block
}

.display_more_testimonials .c-button_icon span {
    width: 50px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background-color: currentColor;
    transition: transform .45s cubic-bezier(.38, .005, .215, 1)
}

.display_more_testimonials .c-button_icon span:first-child {
    transform: translate3d(-50%, 0, 0) rotate(90deg)
}

.display_more_testimonials .c-button_icon span:last-child {
    transform: translate3d(-50%, 0, 0)
}

.c-features .c-section-heading p {
    font-size: 1.2rem
}

#banner-book-now .col-lg-4 .u-gc-1\/16 {
    grid-column-start: 1 !important;
    grid-column-end: 16 !important
}

.btn-book-now-banner {
    z-index: 10;
    position: relative;
    display: table;
    margin: auto
}

.btn-book-now-banner span {
    clip-path: polygon(6px 0%, 6px 100%, calc(100% - 6px) 100%, calc(100% - 6px) 0%);
    display: block;
    position: relative;
    width: 88px;
    height: 35px;
    margin: auto
}

.btn-book-now-banner span:nth-child(2) {
    animation: 3s infinite first_arrow_btn
}

@keyframes first_arrow_btn {
    0%,
    100% {
        opacity: .5
    }
    25%,
    50% {
        opacity: 1
    }
}

.btn-book-now-banner span:nth-child(3) {
    animation: 3s .5s infinite second_arrow_btn
}

@keyframes second_arrow_btn {
    0%,
    100% {
        opacity: .5
    }
    25%,
    50% {
        opacity: 1
    }
}

.btn-book-now-banner span:nth-child(4) {
    animation: 3s 1s infinite third_arrow_btn
}

@keyframes third_arrow_btn {
    0%,
    100% {
        opacity: .5
    }
    25%,
    50% {
        opacity: 1
    }
}

.btn-book-now-banner span:after,
.btn-book-now-banner span:before {
    content: "";
    position: absolute;
    width: 47px;
    height: 6px;
    top: 50%;
    background-color: #4d5aed
}

.btn-book-now-banner span:before {
    transform: rotateZ(30deg);
    left: 1.5px
}

.btn-book-now-banner span:after {
    transform: rotateZ(-30deg);
    right: 1.5px
}

.single-text-img-floating .c-wysiwyg:not(.-multi) ul li:before {
    color: #5451f5
}

html[lang=es] .o-lazy_image.is-inview,
html[lang=fr] .o-lazy_image.is-inview {
    opacity: 1 !important
}

.c-inner-section .c-push-text_wysiwyg ul {
    padding-top: 0 !important
}

#calendly-embed {
    height: 33vw !important;
    min-height: 600px;
    max-height: 715px
}

#calendly-embed #page-region>div {
    justify-content: center
}

.c-push-text_wysiwyg.c-wysiwyg:not(.-multi) a {
    display: inline !important
}

.svg-icon-twitter {
    --svg-width: .9375rem;
    --svg-ratio: 15/11
}

html[data-template="page.harp"] .c-splash {
  display:none!important;
}

html[data-template="page.harp"] .c-template.-padding-wide-bottom {
  padding-bottom: 0!important;
}

.filter-over-gradiant-black {
  background: rgb(0,0,0);
  background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index: 1;
}

.c-push--text-and-image .c-push-text_visual,
.c-push--text-and-image .c-push-text_wysiwyg,
.c-inner-section .c-push-text_visual,
.c-triptych .c-tile-rich_visual,
.c-triptych .c-tile-rich_wysiwyg {
  position:relative;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.c-push--text-and-image .c-push-text_content {
  z-index: 2;
  background: transparent!important;
}

#banner-stats .bg-img > img {
  z-index: 1!important;
}

.z-index-over {
  z-index: 2!important;
}

.load-more--text-and-image {
  display:none;
}

.c-demo .c-demo_header {
  display: flex;
    flex-direction: column;
}

.c-demo .c-demo_header .c-visual {
      height: 100%!important;
  position: absolute;
}

.c-demo .c-demo_header .c-demo_video_text {
  position: initial;
    padding: 8rem 0 7rem;
}

.c-demo .c-demo_header .c-demo_video {
  position: inherit;
}

.overlay-effect .c-inner-content {
  z-index: 2;
  position: relative;
}
.c-newsletter input[type="email"] {
  border: 1px solid #fff!important;
  background-color: transparent!important;
  padding: 0.8125rem 1.25rem!important;
  color: #fff!important;
  min-height: 3rem!important;
  transition: background-color .6s cubic-bezier(.215,.61,.355,1), border .6s!important;
  border-radius: 100px!important;
  width: 100%;
}

.c-newsletter input[type="email"]:hover {
  border-color: #ccb6b4!important;
}

.c-newsletter input[type="email"]::placeholder {
  color: #fff!important;
}

.c-newsletter div[data-testid="form-row"] div[data-testid="form-component"]:last-child {
  position: absolute!important;
    top: 50%!important;
    transform: translateY(-50%);
    right: 5px!important;
    padding: 0 15px 0 0!important;
}

.c-newsletter button:not([role="combobox"]) {
  width: auto!important;
  min-height: 32px!important;
  padding: 0 1rem!important;
  display: inline-flex!important;
  justify-content: space-between!important;
  align-items: center!important;
  border-radius: 100px!important;
  color: #fff!important;
  transition: opacity .6s cubic-bezier(.215,.61,.355,1),color .6s cubic-bezier(.215,.61,.355,1), background-color 0.6s!important;
  box-sizing: border-box!important;
  margin-top: 0!important;
  background: transparent!important;
  font-family: suisse_intlsemibold!important;
  font-size: 1rem!important;
  line-height: 1.35!important;
  height: 32px!important;
  text-transform: uppercase!important;
}

.c-newsletter button:not([role="combobox"]):hover {
  background-color: #ccb6b4!important;
  color: #000!important;
}

.half-block-inside-block {
  width: calc(49% - 1.5rem);
  display: inline-block;
  margin: 2rem 1.5rem 0 0;
  vertical-align: top;
}

.front-img, .back-img {
  display: flex;
  justify-content: center;
  transition: 0.75s;
}

.front-img .o-lazy_image, .back-img .o-lazy_image {
  transform:scaleZ(1)!important;
}

.front-img {
  transform: rotateZ(0deg);
  justify-content: flex-start;
}

.back-img {
  top: 0%;
  left: 50%;
  transform: rotate(0deg) translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  justify-content: flex-end;
}

.single-img-title-text-form .c-push-text_visual.is-inview .front-img {
  transform: rotateZ(-2.5deg);
}

.single-img-title-text-form .c-push-text_visual.is-inview .back-img {
  top: 15%;
  transform: rotateZ(5deg) translateX(-50%); 
}

div:not(.needsclick) > .needsclick > div.needsclick:not([class*="go"]):nth-child(2) {
  background-color: transparent!important;
  backdrop-filter: blur(4px);
}

html .needsclick[data-testid="FULLSCREEN"] input {
  padding: 0.8125rem 1.25rem!important;
  border-radius: 100px!important;
  color: #fff!important;
  min-height: 3rem!important;
  background-color: #373737!important;
  transition: background-color .6s cubic-bezier(.215,.61,.355,1), .5s border!important;
  margin-bottom: 0.5rem!important;
}

html .needsclick[data-testid="FULLSCREEN"] button:not(.klaviyo-close-form) {
    display: inline-flex!important;
    justify-content: space-between!important;
    align-items: center!important;
    position: relative!important;
    width: 100%!important;
    background:#5451f5!important;
    min-height: 3rem!important;
    padding: 0.8125rem 1.75rem!important;
    border-radius: 100px!important;
    color: #fff!important;
    box-sizing: border-box!important;
  transition:0.5s;
  font-weight: 400!important;
    font-family: suisse_intlsemibold!important;
    font-size: 1rem!important;
    line-height: 1.35!important;
  text-transform:uppercase;
}

html .needsclick[data-testid="FULLSCREEN"] button:not(.klaviyo-close-form):hover {
  background:#ccb6b4!important;
  color: #000!important;
}

html .needsclick[data-testid="FULLSCREEN"] button.klaviyo-close-form {
  min-width: 3rem;
  min-height: 3rem;
  top: 0.5rem!important;
  right: 0.75rem!important;
  color: #fff;
}

html .needsclick[data-testid="FULLSCREEN"] button.klaviyo-close-form svg {
  width: 100%;
  height: 100%;
}

html .needsclick[data-testid="FULLSCREEN"] button.klaviyo-close-form svg circle {
  fill: #fff;
  transition: 0.5s;
}

html .needsclick[data-testid="FULLSCREEN"] button.klaviyo-close-form svg path {
  stroke: #373737;
  stroke-width: 1px;
  transition: 0.5s;
}

html .needsclick[data-testid="FULLSCREEN"] button.klaviyo-close-form:hover svg circle {
  fill: #373737;
  stroke: #373737;
}

html .needsclick[data-testid="FULLSCREEN"] button.klaviyo-close-form:hover svg path {
  stroke: #fff;
}

html .needsclick[data-testid="FULLSCREEN"] .needsclick div[data-testid="form-component"] {
  padding-left: 0!important;
  padding-right:0!important;
}

html .needsclick[data-testid="FULLSCREEN"] body > div:last-child > div {
  background-color: rgb(55 55 55 / 70%)!important;
  animation: popup-harp-mini-pdf 0.25s ease-in-out!important;
}

html .needsclick[data-testid="FULLSCREEN"] h3 {
  font-family: whyte_inktraplight!important;
  font-size: 1.6875rem!important;
    line-height: 1.3!important;
  letter-spacing: -.01em!important;
}

html .needsclick[data-testid="FULLSCREEN"] p {
  font-family: suisse_intlregular!important;
  font-weight: 400!important;
  font-size: 1rem!important;
  line-height: 1.4!important;
  letter-spacing: .01em!important;
}

html .needsclick[data-testid="FULLSCREEN"] form {
  text-align: center;
}

html .needsclick[data-testid="FULLSCREEN"] form {
  text-align: center;
}


@keyframes popup-harp-mini-pdf {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}

.c-popup-product-modal .c-popup-product-modal_inner {
  padding-bottom: 0!important;
  border-bottom-right-radius: 5rem;
  overflow: hidden;
}

.c-popup-product-modal .c-popup-product-modal_inner .c-product-form {
  max-width: 100%;
  padding:2.5rem 2.5rem 3.5rem 0rem;
}


.c-video-modal_close {
  z-index: 1!important;
}


/* Line Desing */
.line-design {
  position:absolute;
  transition: 0.5s
  opacity: 1;
}

.c-highlight_block:not(.is-inview) .line-design {
  opacity: 0;
}

.line-design p {
  position:relative;
  padding: 1rem 2rem;
  background: #5451f5;
  width: auto;
  display: table;
  color: #fff;
  border-radius: 50px;
}

.line-design p span {
    top: 50%;
    transform: translateY(-50%);
    width: 75px;
    height: 2px;
    left: -20%;
    background-size: 100% 2px;
    position:absolute;
    background-image: linear-gradient(#5451f5,#5451f5);
    background-position: right bottom;
    background-repeat: no-repeat;
}

.line-design:first-child p {
  font-size: 1.2rem;
}

.line-design:nth-child(2) p {
  font-size: 2.2rem;
}

.line-design:nth-child(4) p {
  font-size: 1rem;
}

.line-design:first-child p span,
.line-design:nth-child(3) p span {
  left: 100%;
  background-position: left bottom;
}

.line-design:first-child {
  padding-top: 3rem;
}

.line-design:nth-child(2),
.line-design:nth-child(3) {
  z-index: 10;
}

.line-design:nth-child(4) p {
  float:right;
}

.line-design p span:before {
    content: '◉';
    text-align: right;
    line-height: 0.2;
    color: #5451f5;
    top: 0%;
    background-size: 100% 2px;
    position: absolute;
    background-image: linear-gradient(#5451f5,#5451f5);
    background-position: left bottom;
    background-repeat: no-repeat;
    transform-origin: 0 50%;
    height: 2px;
    transition: 0.5s color;
}

.is-inview .line-design p span{
  animation: line-design-anim-h 1.5s linear;
}

@keyframes line-design-anim-h {
  0% {
    background-size: 0% 2px;
  }
  30%, 100% {
    background-size: 100% 2px;
  }
}

.is-inview .line-design:not(:nth-child(3)):not(:nth-child(2)) p span:before{
  animation: line-design-anim-v 1.5s linear;
}

@keyframes line-design-anim-v {
  0%, 30% {
    background-size: 0% 2px;
    color: transparent;
  }
  90% {
    color: transparent;
    background-size: 100% 2px;
  }
  100% {
    color: #5451f5;
    background-size: 100% 2px;
  }
}

.is-inview .line-design:nth-child(2) p span:before{
  background-size: calc(100% - 2rem) 2px;
  animation: line-design-anim-v-bigger 1.5s linear;
}

@keyframes line-design-anim-v-bigger {
  0%, 30% {
    background-size: 0% 2px;
    color: transparent;
  }
  90% {
    color: transparent;
    background-size: calc(100% - 2rem) 2px;
  }
  100% {
    color: #5451f5;
    background-size: calc(100% - 2rem) 2px;
  }
}

.is-inview .line-design:nth-child(3) p span:before{
  background-size: calc(100% - 1.5rem) 2px;
  animation: line-design-anim-v-small 1.5s linear;
}


@keyframes line-design-anim-v-small {
  0% {
    color: transparent;
  }
  20% {
    background-size: 0% 2px;
    color: transparent;
  }
  70%, 100% {
    color: #5451f5;
    background-size: calc(100% - 1.5rem) 2px;
  }
}

/* 1er line */
.line-design:first-child p span:before {
    transform: rotate(60deg);
    left: 100%;
    width: 17vw;  
}

/* 2e lines */
.line-design:nth-child(2) p span:before {
    transform: rotate(110deg);
    left: 0%;
}

/* 3e lines */
.line-design:nth-child(3) p span:before {
    transform: rotate(20deg);
    left: 100%;
}

/* 4e lines */
.line-design:nth-child(4) p span:before {
    transform: rotate(175deg);
    left: 0%;
    width: 17vw;
}

.c-cart {
  z-index: 275;
}

.c-popup-product-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 275;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-popup-product-modal.is-active {
    pointer-events: all;
}

.c-popup-product-modal.is-active .c-video-modal_bg {
    transform: scaleZ(1);
}

.c-popup-product-modal.is-active .c-video-modal_close {
    transform: translateY(0);
}

.c-popup-product-modal.is-active .c-popup-product-modal_inner {
    opacity: 1;
    transition: opacity 1s cubic-bezier(.215,.61,.355,1);
    transition-delay: .6s;
}

header .btn-normal {
  text-align: left!important;
}

#banner-book-now .col-lg-4:last-child img{
   position:static;
}

#scrolling-video .o-container {
  padding:0!important;
  position:relative;
  height: calc(100vh + 750px);
  max-width: 100vw;
}

#scrolling-video.embed-video .c-push-video_inner {
  height: calc(100vh + 125px)!important;
}

#scrolling-video.embed-video .o-container {
  height: calc(100vh + 500px)!important;
}

#scrolling-video .o-container .video-container .u-gc-1\/16 video {
  width:100%;
}

#scrolling-video .o-container .o-grid:first-child {
  position: absolute;
  z-index: 1;
}

#scrolling-video .o-container .video-container {
  position:sticky;
  top:0;
  left:0;
  width:100%;
}

#scrolling-video .o-container .video-container .u-gc-1\/16 {
  clip-path: polygon(20% 30%, 80% 30%, 80% 85%, 20% 85%);
  transition: 0.5s;
}

#scrolling-video .o-container .video-container.in-view .u-gc-1\/16 {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

#scrolling-video .c-button.-video,
#scrolling-video .c-button.-video:after{
  background:transparent!important;
}

#scrolling-video .c-button.-video {
    z-index: 10!important;
    position: sticky!important;
    top: 50%;
    left: 50%;
    transform:translate(-50%, 0%);
    height: 150px!important;
    width: 150px!important;
    transition: 0.5s all;
}

#scrolling-video .c-button.-video.in-view {
    transform: translate(-50%, -50%);
}

#newspapers .newspapers-container .half-block-inside-block:first-child {
    margin-right: -1.5rem!important;
}

#newspapers .newspapers-container .half-block-inside-block:first-child img:first-child {
    transform: translate(0%, 10%);
  
}

#newspapers .newspapers-container .half-block-inside-block:first-child img:not(.in-view):first-child {
    transform: rotate(-5deg) translate(-10%, -10%) scale(0.8);
  opacity:0!important;
}

#newspapers .newspapers-container .half-block-inside-block:first-child img:last-child {
    transform: translate(0%, -15%);
  transition-delay:0.4s;
}

#newspapers .newspapers-container .half-block-inside-block:first-child img:not(.in-view):last-child {
    transform: rotate(-15deg) translate(-15%, -5%) scale(0.85);
  opacity:0!important;
}


#newspapers .newspapers-container .half-block-inside-block:last-child {
    margin-left: -1.5rem!important;
    margin-right: 0!important;
}

#newspapers .newspapers-container .half-block-inside-block:last-child img:first-child {
  transform: translate(0%, 20%);
  z-index: 1;
  position: relative;
  transition-delay:0.2s;
}

#newspapers .newspapers-container .half-block-inside-block:last-child img:not(.in-view):first-child {
    transform: rotate(12.5deg) translate(15%, -15%) scale(0.95);
  opacity:0!important;
  
}

#newspapers .newspapers-container .half-block-inside-block:last-child img:last-child {
  transform:  translate(-10%, 0%);
  transition-delay:0.6s;
}

#newspapers .newspapers-container .half-block-inside-block:last-child img:not(.in-view):last-child {
  transform: translate(10%, 10%) scale(0.9);
  opacity:0!important;
}

.c-main {
  min-width: 100%!important;
}

.c-main > .c-template > .shopify-section > div,
.c-main > .c-template > .shopify-section > section:not('#scrolling-video'),
.c-main > .c-splash {
  overflow-x:hidden!important;
}

.c-cart-item h3 a {
  color:#5451f5!important;
  transition: 0.5s;
}

.c-cart-item h3 a:hover {
  color:#ccb6b4!important;
}

.c-cart_scrollable .c-carousel {
  display:none!important;
}

/*.c-button.-rollover .c-button_label>span:nth-of-type(2) {
  max-width: 92%;
}*/

.slick-track .c-push-video:not(:first-child) .u-anim_item {
  opacity: 1!important;
  transform: translate3d(0, 0rem, 0)!important;
}

html.is-loaded .slick-track .c-push-video:not(:first-child) .u-anim-split .char {
    opacity: 1!important;
    transform: translate3d(0, -0.1em, 0)!important;
}

.slick-prev {
  position: absolute;
  top: 50%;
  left: 0%;
  font-size: 0;
  z-index: 1;
  transform: translateY(-50%);
}

.slick-next {
  position: absolute;
  top: 50%;
  right: 0%;
  font-size: 0;
  transform: translateY(-50%);
}

.slick-prev:before, .slick-next:before {
  content: "";
  font-size: 20px;
  color: #fff;
  display: flex;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #5451f5;
  z-index: 1;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  transition:0.5s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30%;
}

.slick-prev:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='27' viewBox='0 0 32 27' fill='none'%3E%3Cpath d='M30.7362 11.7998H1.79077C1.09084 11.7998 0.523438 12.3672 0.523438 13.0671C0.523438 13.7671 1.09084 14.3345 1.79077 14.3345H30.7362C31.4361 14.3345 32.0035 13.7671 32.0035 13.0671C32.0035 12.3672 31.4361 11.7998 30.7362 11.7998Z' fill='white'/%3E%3Cpath d='M12.1681 0.896306L0.896143 12.1683C0.401217 12.6632 0.401217 13.4657 0.896143 13.9606C1.39107 14.4555 2.1935 14.4555 2.68843 13.9606L13.9604 2.68859C14.4554 2.19366 14.4554 1.39123 13.9604 0.896306C13.4655 0.40138 12.6631 0.401379 12.1681 0.896306Z' fill='white'/%3E%3Cpath d='M13.9611 23.4435L2.68911 12.1715C2.19419 11.6766 1.39175 11.6766 0.896827 12.1715C0.401901 12.6665 0.401901 13.4689 0.896827 13.9638L12.1688 25.2358C12.6638 25.7307 13.4662 25.7307 13.9611 25.2358C14.456 24.7409 14.456 23.9385 13.9611 23.4435Z' fill='white'/%3E%3C/svg%3E");
}

.slick-next:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='27' viewBox='0 0 32 27' fill='none'%3E%3Cpath d='M1.26772 14.332L30.2131 14.332C30.9131 14.332 31.4805 13.7646 31.4805 13.0647C31.4805 12.3647 30.9131 11.7973 30.2131 11.7973L1.26772 11.7973C0.567785 11.7973 0.000379734 12.3647 0.000379673 13.0647C0.000379612 13.7646 0.567785 14.332 1.26772 14.332Z' fill='white'/%3E%3Cpath d='M19.8358 25.2355L31.1078 13.9635C31.6027 13.4686 31.6027 12.6661 31.1078 12.1712C30.6128 11.6763 29.8104 11.6763 29.3155 12.1712L18.0435 23.4432C17.5485 23.9381 17.5485 24.7406 18.0435 25.2355C18.5384 25.7304 19.3408 25.7304 19.8358 25.2355Z' fill='white'/%3E%3Cpath d='M18.0428 2.68827L29.3148 13.9603C29.8097 14.4552 30.6122 14.4552 31.1071 13.9603C31.602 13.4653 31.602 12.6629 31.1071 12.168L19.8351 0.895982C19.3401 0.401055 18.5377 0.401055 18.0428 0.895981C17.5479 1.39091 17.5479 2.19334 18.0428 2.68827Z' fill='white'/%3E%3C/svg%3E");
}

.slick-prev:hover:before, .slick-next:hover:before {
    /*background-color: #ccb6b4;
  color:#000;*/
  transform: scale(0.95);
}

.hero-second-content, .hero-second-content * {
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 176.471%;
}

.hero-second-content a {
  display: inline-block!important;
  font-weight: bold;
}

.drop-shadow {
      filter: drop-shadow(0px 12px 30px rgba(0, 0, 0, 0.22));
  transition: opacity 1.2s cubic-bezier(.215,.61,.355,1),transform 1.2s cubic-bezier(.215,.61,.355,1), filter 0.5s!important;
}

a:hover .drop-shadow {
      filter: drop-shadow(0px 6px 15px rgba(0, 0, 0, 0.32));
    transform: translateY(5px) scale(0.99);
}

.embed-outlook-calendar {
    width: 100%;
    height: 100%;
    min-height: 2080px;
}

.icon-external-link {
  max-width: 20px;
      margin-left: 3.5px;
      margin-top: -1.5px;
}

.c-hero .btn-book-now-banner {
  margin: 1.5rem 0 0!important;
}

.c-inner-section #banner-book-now .c-section-heading .u-gc-1\/16 {
  max-width: 100%;
}

html[data-template="page.waiting_redirect"] .c-template {
  padding-bottom:0!important;
}

html[data-template="page.waiting_redirect"] .c-inner-section {
  z-index: 1;
  min-height: 100vh;
}

html[data-template="page.waiting_redirect"] .c-inner-section.bg-img img.bg-single-text-image-floating {
  opacity: 45%!important;
  filter: blur(3px);
  transform: translateX(50%) !important;
}

html[data-template="page.waiting_redirect"] .c-inner-content .c-section-text {
  min-height: calc(100vh - 7rem);
  display:flex!important;
  flex-direction: column!important;
    justify-content: center!important;
    align-items: center!important;
    max-width: 100%!important;
}

html[data-template="page.waiting_redirect"] .c-inner-content h2 {
  font-size: 50px!important;
  font-weight: 300!important;
  margin-top: 2.8rem!important;
}

#faq .c-wysiwyg.-multi ul {
  max-width: 100%!important;
}

main.support #faq h2,
.c-main.customer-portal #faq h2{
  font-size: clamp(2.019rem,3.55556vw,2.5rem)!important;
}

main.support #faq h2 br,
.c-main.customer-portal #faq h2 br {
  display:none!important;
}

#support .c-wysiwyg h3 {
  font-size: 1.6875rem;
  line-height: 1.3;
  margin-top: 2.625rem;
  font-weight: normal!important;
}

.c-footer-nav_wrapper {
   flex-wrap: wrap; 
}

.c-footer-nav_wrapper .c-footer-nav {
  margin-bottom: 1.5rem;
}

/* Versus */
#versus .c-versus-container {
  border-radius: 3.5rem;
  padding: 3.5rem;
}

#versus .c-versus-container h3 {
  text-transform:uppercase!important;
  margin-top: 0!important;
}

#versus img {
  filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.22));
}

#versus .c-versus-container:first-child {
  border: 1px solid #3B3B3B;
}

#versus .c-wysiwyg ol {
  list-style: none!important;
}

#versus .c-wysiwyg ol li, #versus .c-wysiwyg p {
  font-size: 21px!important;
  line-height: 31px;
}

#versus .c-wysiwyg ol li {
  padding-left: 2.25rem!important;
}

#versus .c-wysiwyg ol li.not {
  color: #6e685e!important;
}

#versus .c-wysiwyg ol li:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI0IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMjAgNi41TDEwLjAgMTcuNUw0IDEyLjUiIHN0cm9rZT0iIzM5ODkwNSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+');
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  top: 6px;
  left: 0;
}

#versus .c-wysiwyg ol li.not:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI0IDI1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTggNi41TDYgMTguNSIgc3Ryb2tlPSIjREQxRTEwIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgogIDxwYXRoIGQ9Ik02IDYuNUwxOCAxOC41IiBzdHJva2U9IiNERDFFMTAiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==');
}

#versus .c-sum-content {
  border-radius: 0.95rem;
  color: #fff!important;
  padding: 1.88rem;
  background-color: #000;
  text-align: center;
}

#versus .c-versus-container:first-child .c-sum-content {
  background-color: #3B3B3B!important;
}

#versus .c-versus-container.border-gray {
  background: #000!important;
}

/* Related Products */

.c-related-products .c-tile-push .c-tile-push_inner {
  border-radius: 0!important;
}

.c-related-products .-col-push-products {
  border-radius: 9.75rem;
  overflow:hidden;
}

.c-related-products .-col-push-products .c-tile-push_logo img {
  width: 100%;
}

.c-related-products .-col-push-products .c-push-products_item:nth-child(1) .c-tile-push .c-tile-push_content,
.c-related-products .-col-push-products .c-push-products_item:nth-child(2) .c-tile-push .c-tile-push_content {
  justify-content: flex-start!important;
}

.c-related-products .-col-push-products .c-tile-push .c-tile-push_content {
  justify-content: flex-end;
}

.c-related-products .-col-push-products .c-tile-push .c-tile-push_content_bottom {
  width: 200px;
  min-width: 14rem;
}

/*.c-related-products .-col-push-products .c-tile-push .c-tile-push_content_top {
  max-width: 490px;
}*/

.c-related-products .-col-push-products .c-tile-push .c-tile-push_content_top > div.mt-2 {
  max-width: 490px;
}

.c-related-products .-col-push-products .c-tile-push .c-tile-push_content_top .c-tile-push_heading {
  width: 100%;
  min-width: 100%;
}

.c-related-products .-col-push-products .c-tile-push .c-tile-push_content_top .c-tile-push_heading-title {
  font-family: suisse_intl_monoregular;
      text-transform: uppercase;
}

@media (min-width: 600px){
  .c-related-products .c-tile-push.-odd .c-tile-push_content {
    align-items: flex-end;
    text-align: right;
  }
}

@media (max-width: 859px){
  .c-related-products .o-grid  {
        grid-template-columns: repeat(1, 1fr);
  }

  .c-related-products .-col-push-products {
    border-radius: 3.75rem;
    border: 1px solid rgba(255, 255, 255, 0.30);
  }
}

/* Certifications */

.c-certifications {
  height: 120vh;
  min-height: 68vw;
  overflow: hidden;
}

.c-certifications .o-container {
  z-index: 1;
  position: relative;
}
  
.c-certifications .filter-hover.-op-small {
  opacity: 0.35;
}

.c-certifications .bg-single-text-image-floating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  z-index: -1;
}

.c-certifications .c-border-container {
  padding: 2.2rem 1.5rem;
}

.c-certifications .c-certification-container:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.c-certifications .col-section {
  align-items: flex-start;  
}

.c-certifications .c-certification-container:nth-child(2) .c-border-container {
    flex: 1 1 calc(50% - 15px);
    box-sizing: border-box;
    height: auto;
}

.c-certifications .c-certification-container:nth-child(2) .c-border-container .position-relative {
    min-height: 100%;
}

@media (min-width: 600px) {
  .c-certifications .c-certification-container:nth-child(2) .c-border-container {
    flex: 1 1 calc(25% - 15px);
  }
}

@media (max-width: 859px){
  .c-certifications .c-certification-container:nth-child(2) {
    margin-top: 30px;
  }
}

@media (min-width: 860px){
  .c-certifications .c-certification-container:nth-child(1) {
    width: 560px;
    padding-right: 1.5rem;
  }

  .c-certifications .c-certification-container:nth-child(2) {
    width: calc(100% - 560px);
  }
}

@media (min-width: 1921px){
  .c-certifications {
    max-height: 1315px;
    min-height: 100%;
  }
}

/* Product presentation */

.c-mention {
  border-radius: 50px;
  border: 2px solid #999;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 2.95rem;
  padding: 0.8rem;
  font-size: 17px!important;
  display: table;
}

.c-product-presentation .c-push-text_content .c-media-title-img-text,
.c-product-presentation .c-push-text_content .c-push-text_title {
  margin-bottom: 2.95rem;
}

.c-product-presentation .c-push-text_item .o-grid .d-flex .col-lg-3 .c-border-container,
.portal-doc-item .c-border-container,
div[class*=col-lg-] .c-border-container,
.c-certifications .c-border-container {
  border: 1px solid rgba(255, 255, 255, 0.30);
  padding: 1.88rem;
  border-radius: 0px 0px 30px 0px;
  height: 100%;
}

.portal-doc-item .c-border-container:before {
  content:none!important;
}

.portal-doc-item .c-border-container {
  background-color: rgb(0 0 0 / 50%)!important;
  transition: 0.5s all;
}

.portal-doc-item .c-border-container svg path {
  transition: 0.5s all;
}

.portal-doc-item .c-border-container:hover {
  background: #5451f5!important;
}

.portal-doc-item .c-border-container:hover span {
  color:#fff!important;
}

/*.portal-doc-item .c-border-container:hover svg path {
  fill: #000!important;
  stroke: #000!important;
}*/

.portal-doc-item .c-border-container span {
  text-align: left!important;
}

.portal-reseller .c-button {
  max-width: 350px;
  max-height: 100px;
}

.portal-reseller .c-button .c-button_icon {
  max-width: 30px;
}

.portal-reseller .c-demo-xp {
  transform: scaleY(0.2) translateY(-2%);
  z-index: -1;
}

.portal-reseller canvas {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-border-container h6 {
  margin: 1.25rem 0;
}

.c-product-presentation .c-figure_inner .o-lazy_image.-lazy-loaded {
  object-fit: contain!important;
  transform: scale(0.8)!important;
}

.c-product-presentation .c-push-text_item .o-grid h3 {
  margin-bottom: 1rem;
}

.c-product-presentation .c-push-text_item .o-grid .d-flex .col-lg-3 {
  margin-right: 1rem;
  margin-top: 1.5rem;
}

.c-product-presentation .c-push-text_item .o-grid .d-flex .col-lg-3 h6,
.c-product-avantages h6.c-push-text_title {
    color: #5451f5;
  font-size: 22px;
  line-height:32px;
}

.c-product-presentation .c-push-text_item:nth-child(2n) .additional-features {
    direction: ltr;
}

.c-product-presentation .c-figure_image {
    filter: drop-shadow(0px 25px 45px rgba(0, 0, 0, 0.3));
}


.c-product-avantages .mention-avantages {
  background-color: #fff; 
  color: #000;
  padding: 0.5rem;
  border-radius: 0.3125rem;
  position: absolute;
  top: 0;
  right: 0;
  text-transform: uppercase;
  font-family: suisse_intl_monoregular;
  font-size: 1rem;
  line-height: 100%;
  font-weight: 400!important;
}

.c-product-avantages .mention-avantages.bg-pink, .bg-pink {
  background-color: #ccb6b4!important;
  color: #000;
}

.purple-circle {
      background: #4f4de7;
    aspect-ratio: 1 / 1;
    max-width: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.c-icon-text-3-col .col-lg-4 h3 {
  margin-left: 2rem;
}

.c-icon-text-3-col .col-lg-4 img {
  min-width: 4.68rem;
}

#banner-product .col-lg-10 .c-mention {
  color: #fff!important;
  border: 2px solid #fff;
  min-width: 175px;
  margin-bottom: 0!important;
}

.vault-mobile-speech-protector .c-media.-push-text .c-figure {
  background: radial-gradient(ellipse at top, #181818, transparent), radial-gradient(ellipse at bottom, #525152, transparent);
}

#banner-stats .c-section-heading_title {
  display: flex;
  justify-content: center;
}

#banner-stats .c-section-heading_title .char {
      transform: translate3d(0, 0em, 0)!important;
}

.c-push-text_visual .mention-on-img {
  position: absolute;
  bottom: 2.5rem;
}

.c-chart .u-gc-1/16 {
  overflow-x: scroll;
}

.c-chart table {
  width: 100%;
  /*min-width: 1000px;*/
}

.c-chart table thead tr,
.c-chart table tbody tr {
  border-bottom: 1px solid #3B3B3B;
}

.c-chart table thead tr th,
.c-chart table tbody tr td {
  padding-bottom: 1rem;
}

.c-chart table tbody tr td {
  padding-top: 1rem;
  padding-right: 0.5rem;
}

.c-chart table thead tr th {
  text-align: left;
  text-transform: uppercase;
  font-family: suisse_intl_monoregular;
  font-weight: 400!important;
}

.c-chart table tbody tr td:first-child {
  font-weight: bold;
}

.c-chart table tbody tr td span[class*=icon-] {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 12px;
  background-position: center;
  background-repeat: no-repeat;
  vertical-align: top;
}

.c-chart table tbody tr td .icon-include {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M22 11.0799V11.9999C21.9988 14.1563 21.3005 16.2545 20.0093 17.9817C18.7182 19.7088 16.9033 20.9723 14.8354 21.5838C12.7674 22.1952 10.5573 22.1218 8.53447 21.3744C6.51168 20.6271 4.78465 19.246 3.61096 17.4369C2.43727 15.6279 1.87979 13.4879 2.02168 11.3362C2.16356 9.18443 2.99721 7.13619 4.39828 5.49694C5.79935 3.85768 7.69279 2.71525 9.79619 2.24001C11.8996 1.76477 14.1003 1.9822 16.07 2.85986' stroke='%235451F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 4L12 14.01L9 11.01' stroke='%235451F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.c-chart table tbody tr td .icon-exclude {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z' stroke='%23DD1E10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 9L9 15' stroke='%23DD1E10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9L15 15' stroke='%23DD1E10' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Portail */

html[data-template="page.customer-portal"] div[data-load-container] > .c-transition {
    opacity: 1!important;
}

html[data-connected="true"] .customer-portal .shopify-section[id$='__hero'],
html[data-connected="false"] .customer-portal .shopify-section[id*='__faq'] {
  display:none!important;
}

.customer-portal .shopify-section[id*='__faq'] section.o-padding.-padding-wide-top {
  padding-top: 3rem!important;
  padding-bottom: 7.5rem!important
}

.portal-login > .-padding-wide-top {
  position: relative;
}

.portal-login > .-padding-wide-top .c-demo-xp {
  pointer-events: none;
  z-index: -1;
  height: 110%;
  width: calc(100% + 2.5rem);
  left: -1.25rem;
  min-height: 900px;
    top: 50%;
    transform: translateY(-50%);
}

.portal-login > .-padding-wide-top .c-demo-xp canvas {
  top: 50%;
  transform: translateY(-50%);
  max-width: 100% !important;
  width: 100% !important;
}

.portal-login .c-tile-support_cta {
  margin-top: 1.75rem;
}

.portal-group .c-accordions_list_content_inner {
  padding-left: 0.5rem!important;
  padding-right: 0.5rem!important
}

.portal-group .c-accordions_list:not(:first-child) {
  margin-top: .5rem;
}

.portal-group .c-button.-video {
  aspect-ratio: 1 / 0.7;
  width: 100%;
  min-width: 100%;
}

.portal-group .c-accordions_list_content_inner .col-lg-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.portal-group .c-accordions_list_content_inner a p:before {
      transform-origin: left center;
    transform: scaleZ(1);
    content: "";
    position: absolute;
    bottom: 0.4em;
    left: 0;
    right: 0;
    height: 1px;
    background-color: currentColor;
    transition: transform .45s cubic-bezier(.38, .005, .215, 1);
}

.portal-group .c-accordions_list_content_inner a:hover p:before {
    transform-origin: right center;
    transform: scale3d(0, 1, 1);
}
.portal-group .c-accordions_list_content_inner p {
  font-family: suisse_intlregular;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.4;
  letter-spacing: .01em;
  padding-top: 3px;
  position: relative;
}

.portal-group {
  display: none;
}

.portal-group.is-active {
  display: block;
  animation: fadeUp 0.45s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.portal-group.is-leaving {
  display: block;
  animation: fadeOut 0.3s ease both;
  pointer-events: none;
}

@keyframes fadeOut {
  from { opacity: 1; transform: translateY(0); }
  to   { opacity: 0; transform: translateY(-10px); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (max-width:599px) {
  .portal-reseller .c-demo-xp {
    transform: scaleY(0.2) translateY(100dvw);
    z-index: -1;
  }

  #versus .c-versus-container {
    border-radius: 2rem;
    padding: 2rem;
  }

  .c-figure_image.-lazy-loaded[src="https://santor.com/cdn/shop/files/gouvernments-meet-with-harp-everywhere_1920x950_crop_center.jpg?v=1746719946"] {
      object-position: 85%;
  }
  
  html[data-template="page.waiting_redirect"] .c-inner-content h2 {
    font-size: 34px!important;
    font-weight: 600 !important;
  }

  html[data-template="page.waiting_redirect"][lang="fr"] .c-inner-content h2 {
      font-size: 29px !important;
  }
  
  .slick-next {
    right: -5%;
  }

  .slick-prev {
    left: -4%;
  }

  #scrolling-video .c-button.-video .c-button_icon {
    width: 4rem;
    height: 4rem;
  }

  #scrolling-video .c-button.-video .c-button_icon .svg-icon-play {
    --svg-width: 8rem;
  }

  #scrolling-video .o-container .video-container .u-gc-1\/16 video{
      height: 35%!important;
      top: 50%;
      position: absolute;
      transform: translateY(-50%);
  }
  
  .c-popup-product-modal_content {
    max-width: 355px;
  }

  .c-popup-product-modal_content .o-grid .u-gc-1\/16:first-child {
    display:none!important
  }

  .c-popup-product-modal_content .c-product-form {
    padding: 1rem 1.5rem 1.5rem 0.5rem!important;
  }

  .c-popup-product-modal_content .o-grid .u-gc-1\/16 .-padding-wide-top {
    padding-top: 0!important;
  }

  .c-popup-product-modal_content .c-product-form_price,
  .c-popup-product-modal_content .c-product-form_content {
      margin-top: 1.5rem!important;
  }
  
  .c-highlight_block {
    max-width: 395px;
    padding-top: 10rem!important;
  }

  .c-highlight_bottom {
    margin-bottom: 10rem!important;
  }

  .line-design p {
    padding: 0.5rem 1.25rem;
  }

  .line-design p span {
    left: 50%!important;
    width: 15px;
    transform: translateX(-50%) rotate(-90deg);
    top: 100%;
  }

  .line-design:first-child p span {
    transform: translateX(-50%) rotate(90deg);
  }

  .line-design:nth-child(3) p span{
    transform: translateX(-50%) rotate(90deg) scaleX(-1);
    top: 0%!important;
  }

  .line-design:nth-child(4) p span{
    transform: translateX(-50%) rotate(-90deg) scaleX(-1);
    top: 0%!important;
  }
  
  .line-design:first-child {
    top: 90%;
    left: 1.25rem;
    padding-top: 0!important;
    max-width: 50%;
  }
  
  .line-design:nth-child(2) {
    top: 40%;
    right: 1.25rem;
  }
  
  .line-design:nth-child(3) {
    top: 220%;
    left: calc(3% + 1.25rem);
    padding-top: 0!important;
  }
  
  .line-design:nth-child(4) {
    top: 270%;
    right: calc(2% + 1.25rem);
    padding-top: 0!important;
    max-width: 50%;
  }

  .line-design:first-child p span:before {
    transform: rotate(310deg);
    width: 20vw;
  }

  .line-design:nth-child(3) p span:before {
    transform: rotate(315deg);
    width: 20vw;
  }

  .line-design:nth-child(2) p span:before {
    transform: rotate(190deg);
    width: 135px;
  }

  .line-design:nth-child(4) p span:before {
    transform: rotate(195deg);
    width: 32vw;
  }

  /*#scrolling-video .c-button.-video {
      margin-top: 50%;
      transform: translate(0%, -50%);
  }

  #scrolling-video .c-button.-video.in-view {
    margin-top: 0%!important;
    transform: translate(0%, -50%);
  }*/

  #scrolling-video .c-button.-video {
    margin-top: 58%;
    transform: translate(-1.25rem, -50%);
  }

  #scrolling-video .c-button.-video.in-view {
    margin-top: 0%!important;
    transform: translate(-1.25rem, -50%);
  }

  #scrolling-video.embed-video .o-container {
    height: calc(100vh + 300px)!important;
  }

  #scrolling-video .o-container .video-container:not(.in-view) {
    top:25%;
  }

  #scrolling-video .o-container .video-container {
    transition: 0.5s;
  }

  #scrolling-video .o-container .video-container:not(.in-view) .u-gc-1\/16 {
    height: 50vh;
  }
  
  #scrolling-video .o-container .video-container .u-gc-1\/16 video {
    height: 65% !important;
  }

  #scrolling-video .o-container #video .-h5 {
      font-size: 2.0375rem!important;
  }

  #banner-book-now .banner-book-now-container-calendly {
    padding:0!important;
  }

  #banner-book-now .banner-book-now-container-calendly .col-lg-7 {
    padding: 2.2rem!important;
    margin-bottom: 0!important;
  }

  .c-push-text_content.col-section > .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width:600px) {
  .mr-sm-2 {
    margin-left: 0.5rem; 
  }
  
  #scrolling-video .c-push-video_inner:not(.c-big-title) .c-button.-video {
      margin-top: 8.90476%;
  }

  #scrolling-video .c-push-video_inner.c-big-title .c-button.-video {
      margin-top: 21.90476%;
  }

  .portal-login {
      min-height: calc(100dvh - 320px);
  }
}


@media (min-width:600px) and (max-width: 859px) {
  .portal-reseller .c-demo-xp {
    transform: scaleY(0.2) translateY(105dvw);
    z-index: -1;
  }

  .col-md-6 {
    flex: 0 1 50%;
    padding-left: 1rem;
    padding-right: 1rem;
    min-width: 50%;
  }
  .c-highlight_block {
    max-width: calc(100% - 2.5rem);
  }
  
  .line-design:first-child {
    top: 100%;
    left: 2%;
  }
  
  .line-design:nth-child(2) {
    top: 60%;
    right: 3%;
  }
  
  .line-design:nth-child(3) {
    top: 400%;
    left: 5%;
  }
  .line-design:nth-child(4) {
    top: 300%;
    right: 2%;
  }

  .line-design:first-child p span:before {
    transform: rotate(35deg);
    width: 20vw;
  }

  .line-design:nth-child(3) p span:before {
    transform: rotate(315deg);
    width: 20vw;
  }

  .line-design:nth-child(2) p span:before {
    transform: rotate(105deg);
    width: 115px;
  }

  .line-design:nth-child(4) p span:before {
    transform: rotate(195deg);
    width: 20vw;
  }

  .line-design p span {
    width: 20px;
    left: -20px;
  }

  .c-push-text_content.col-section > .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  
}

@media (max-width:999px) {
  .line-design:nth-child(2) p {
    font-size: 1.5rem;
  }

  .line-design:nth-child(3) p {
    font-size: 1.2rem;
  }

  .line-design:first-child p {
    font-size: 0.8rem;
  }

  .is-inview .line-design:nth-child(2) p span:before{
    background-size: calc(100% - 1.4rem) 2px;
    animation: line-design-anim-v-bigger 1.5s linear;
  }
  
  @keyframes line-design-anim-v-bigger {
    0%, 30% {
      background-size: 0% 2px;
      color: transparent;
    }
    90% {
      color: transparent;
      background-size: calc(100% - 1.4rem) 2px;
    }
    100% {
      color: #5451f5;
      background-size: calc(100% - 1.4rem) 2px;
    }
  }
  
  .is-inview .line-design:nth-child(3) p span:before{
    background-size: calc(100% - 1.1rem) 2px;
    animation: line-design-anim-v-small 1.5s linear;
  }
  
  
  @keyframes line-design-anim-v-small {
    0% {
      color: transparent;
    }
    20% {
      background-size: 0% 2px;
      color: transparent;
    }
    70%, 100% {
      color: #5451f5;
      background-size: calc(100% - 1.1rem) 2px;
    }
  }
}

@media (min-width:860px) and (max-width: 999px) {

  .line-design:first-child {
    top: 100%;
    left: 2%;
  }
  
  .line-design:nth-child(2) {
    top: 60%;
    right: 3%;
  }
  
  .line-design:nth-child(3) {
    top: 400%;
    left: 5%;
  }
  .line-design:nth-child(4) {
    top: 300%;
    right: 2%;
  }

  .line-design:first-child p span:before {
    transform: rotate(35deg);
    width: 20vw;
  }

  .line-design:nth-child(3) p span:before {
    transform: rotate(315deg);
    width: 20vw;
  }

  .line-design:nth-child(2) p span:before {
    transform: rotate(105deg);
    width: 230px;
  }

  .line-design:nth-child(4) p span:before {
    transform: rotate(195deg);
    width: 20vw;
  }

  .line-design p span {
    width: 20px;
    left: -20px;
  }

  
}

@media (min-width:1000px) {
  .line-design:first-child {
    top: 80%;
    left: 10%;
  }
  
  .line-design:nth-child(2) {
    top: 85%;
    right: 7%;
  }
  
  .line-design:nth-child(3) {
    top: 150%;
    left: 5%;
  }
  .line-design:nth-child(4) {
    top: 140%;
    right: 2%;
  }

  .line-design:nth-child(3) p span:before {
    width: 15vw;
  }

  .line-design:nth-child(2) p span:before {
    width: 285px;
  }

  .line-design p span {
    width: 75px;
    left: -20%;
  }
  
  .line-design:nth-child(2) p span:before {
      transform: rotate(110deg);
      left: 0%;
  }

  .line-design:nth-child(2) p {
    font-size: 2.2rem;
  }

  .line-design:nth-child(3) p {
    font-size: 1.6875rem;
  }
  
  .line-design:first-child p {
    font-size: 1.2rem;
  }
}

@media (min-width:1000px) and (max-width: 1199px) {
  .line-design:nth-child(2) p span:before {
    transform: rotate(100deg);
    width: 225px;
  }

  .line-design:nth-child(3) p span:before {
    transform: rotate(40deg);
  }

  .line-design:nth-child(2) {
    top: 85%;
    right: 3%;
  }
}

@media (min-width:1600px) {
  .line-design:first-child {
    top: 80%;
    left: 20%;
  }
  
  .line-design:nth-child(2) {
    top: 85%;
    right: 15%;
  }
  
  .line-design:nth-child(3) {
    top: 150%;
    left: 5%;
  }
  .line-design:nth-child(4) {
    top: 150%;
    right: 8%;
  }
  
  .line-design:nth-child(2) p span:before {
      transform: rotate(100deg);
      left: 0%;
  }

  .line-design:nth-child(3) p span:before {
    width: 25vw;
  }

  .line-design:nth-child(2) p span:before {
    width: 315px;
  }
}

@media (min-width:2400px) {
  .line-design:nth-child(2) p span:before{
    transform: rotate(110deg);
    left: 0%;
    width: 390px
  }

  .line-design p span {
    width: 105px;
    left: -20%;
  }
  
}



@media (max-width:599px) {
    
    .carousel-testimonials {
      max-height: 100%;
    }
  
    html[data-template="index"] .c-demo_video .c-button.-video .c-button_label {
      display:none!important;
    }
  
    .c-demo .c-demo_header .c-demo_video_text {
      padding: 7rem 0 5rem;
    }
  
    .o-padding.-padding-huge-top:not(.-no-padding-top@from-tiny) {
        padding-top: 5.75rem;
    }

    .o-padding.-no-padding-top\@from-tiny {
      padding-top: 0rem!important;
    }

    .portal-content .portal-group.o-padding.-padding-medium-top,
    .portal-content .u-gc-1\/16.o-padding.-padding-small-top {
      padding-top: 3.5rem!important;
    }
  
    .o-padding.-padding-big-top {
      padding-top: 3.5rem;
    }

    .pb-5 {
        padding-bottom: 3.5rem;
    }

    .o-padding.-padding-wide-top {
      padding-top: 2rem;
    }

    .o-padding.-padding-small-top {
      padding-top: 1.5rem;
    }

    .-margin-big-top {
      margin-top: 3rem!important;
    }


    .c-push-text_wysiwyg {
      margin-top: 1.5rem;
    }

    .c-tile-feature .c-media.-feature:before {
        padding-top: 0%;
    }
    
    .c-tile-article_visual .c-media.-article {
        max-height: 30vw
    }

    .c-features .c-button {
      margin: 2.5rem auto 1.5rem !important;
    }

    div[class*=col-lg-] .c-push-text_content_inner {
      padding: 1rem 0 !important;
    }

    .c-push-text_content.col-section > .col-lg-3 {
      padding-left: 0!important;
      padding-right: 0!important;
    }
    
    .c-visual {
        min-height: 285vw
    }
    .c-demo_video_text {
        top: 40vw
    }
    .c-demo_video .c-button.-video:hover .c-button_label {
        left: 10rem
    }
    a[href="https://calendly.com/santorsecurity/en"],
    a[href="https://calendly.com/santorsecurity/es"],
    a[href="https://calendly.com/santorsecurity/fr"] {
        padding: 1.875rem 1.7625rem !important
    }
    .c-app_list img[alt="apple app"],
    .c-app_list img[alt="google app"] {
        min-width: 175px
    }

  .c-push--text-and-image .c-push-text_content_inner {
      padding: 8rem 1.5rem 0!important;
  }

  html[data-template="page.harp"] .c-highlight .o-container:last-child .c-section-heading {
    max-height: 2rem;
  }

  html[data-template="page.harp"] .single-text-img-floating .o-padding.-padding-huge-bottom {
      padding-bottom: 1.75rem!important;
  }

  .c-testimonials .c-push-text_content .col-lg-4.o-padding.-padding-medium-top {
    padding-top: 2rem;
  }

  .c-inner-section.bg-img.parallax .c-section-heading_title {
    padding-bottom: 1.5rem;
  }

  html[data-template="index"] .c-demo .c-demo_video_text {
    top: 25vw;
  }

  html[data-template="index"] .c-visual {
    min-height: 240vw;
  }

  html[data-template="index"] .c-section-heading_title+.c-section-heading_paragraph {
    margin-top: 0.5rem;
    max-width: initial;
  }

  .c-inner-section.bg-img.parallax>img:first-child {
      transform: translate(50%, -15%) scale(1.15) !important;
  }

  .filter-over-gradiant-black {
    width: calc(100% + 3rem);
    transform: translateX(-1.5rem);
  }
}

@media (max-width:599px) and (min-width: 485px) {
  .c-wysiwyg .filter-over-gradiant-black {
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 30%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    height: 42.5vw;
    z-index: 0;
  }
}

@media (min-width:600px) {

  .c-related-products .c-push-products_item:before {
    content: none!important;
  }

  .carousel-testimonials {
      max-height: 100%;
    }
  
    .col-sm-6 {
      max-width: 50%;
      flex: 1 1 50%;
    }

    .c-product-presentation .col-sm-6 {
      max-width: calc(50% - 1rem);
      flex: 1 1 50%;
    }
  
    .u-gc-3\/14\@from-tiny {
        grid-column-start: 3;
        grid-column-end: 14;
    }
  
    .c-tile-article_visual .c-media.-article {
        max-height: 10rem;
        max-width: 30rem !important
    }
    .c-testimonials .c-push-video_inner:after,
    .c-testimonials .c-push-video_inner:before {
        padding: 0 !important
    }
}

@media (max-width:859px) {
      .customer-portal .shopify-section[id*='__faq'] section.o-padding.-padding-wide-top {
        padding-bottom: 4rem!important
      }

      #gallery-image-section .c-gallery-modal_close {
          top: 25%;
      }
  
      #gallery-image-section .box-zoom img {
          max-width: calc(100% - 2.5rem);
          top: calc(50% + 60px);
      }
    
      .c-text-img-gallery img {
            max-height: 17.5vw;
        max-width: 50vw;
      }

      .c-text-img-gallery .col-lg-4 {
          margin: 1rem;
      }
  
      .whatsapp-container {
          width: 100%;
        text-align: right;
      }

      .c-splash_app_visual {
          left: calc(50% + 1.25rem);
          width: 100%;
          overflow-x: hidden;
          height: 90%;
          bottom: -9%;
      }
  
    .c-icon-text-3-col .col-lg-4  {
        margin-bottom: 1.5em;
      }

  #gallery-image-section .d-flex.justify-content-center {
    justify-content: space-between !important;
  }

  #gallery-image-section .bg-img {
    margin-bottom: 1.5rem!important;
  }

  #gallery-image-section .col-lg-4:not(:last-child) {
    max-width: calc(50% - 0.75rem);
    flex: 1 1 50%;
  }

  #gallery-image-section .col-lg-4:last-child {
    max-width: 100%;
    flex: 1 1 100%;
  }

  #gallery-image-section .bg-img {
    min-height: 32.534vw;
  }
  
    .c-hero {
      min-height: auto;
    }

    .c-hero .c-hero_top .-padding-medium-top {
      padding-top: 0!important;
    }
  
    #scrolling-video .o-container .c-push-video_inner {
      padding-right: 1.25rem!important;
      padding-left: 1.25rem!important;
    }

    #scrolling-video .o-container .video-container .u-gc-1\/16 {
      height: 100vh;
      position:relative;
      clip-path: polygon(10% 10%, 90% 10%, 90% 90%, 10% 90%);
    }

    #scrolling-video .o-container .video-container .u-gc-1\/16 video {
      height: 100vh;
      object-fit: cover;
    }
  
    #banner-book-now .col-lg-4:first-child div[style="max-width: 410px;"] {
      max-width:100%!important;
    }

    #banner-book-now .col-lg-4:first-child {
       order:2;
    }

    #banner-book-now .col-lg-4:last-child {
       order:1;
        width:100%;
    }

    #banner-book-now .col-lg-4:last-child .bg-img{
       min-height: 300px;
      width:100%;
      margin-bottom: 3rem!important;
    }

    #banner-book-now .col-lg-4:last-child .bg-img img{
       z-index:1;
      position:absolute!important;
    }

    #banner-book-now .banner-book-now-container-calendly .col-lg-4:last-child {
      border-bottom-right-radius: 0rem !important;
      border-bottom-left-radius: 4rem !important;
    }
  
    .c-splash_app_list {
        display: flex;
        align-items: center!important;
    }

    .front-img , .back-img {
      display: block;
    }

    .front-img .c-figure, .back-img .c-figure {
      width: 90%;
      background:transparent!important
    }

    .front-img .c-figure_image, .back-img .c-figure_image {
      width: auto!important;
      position:static!important;
    }

    .back-img .c-figure_image {
          float: right;
    }

    .single-img-title-text-form .c-push-text_visual {
      padding-bottom: 10vw;
    }

    .c-highlight_header .position-absolute {
      position:relative;
    }

    .c-highlight_header .position-absolute .u-gc-1\/16 {
      padding-top: 1rem!important;
    }

    .c-highlight_header .position-absolute .u-gc-1\/16 p {
      font-size: 1rem!important;
    }

    .c-highlight_bottom {
      padding-top: 0!important;
    }

    .c-heading.-h6 {
        font-size: 1.2875rem;
    }

    .c-testimonials .c-push-video_inner { margin:0!important; }

  
    .c-hero_bottom .o-padding:last-child {
      padding: 0!important;
    }

    .c-inner-section .c-push-text_content {
      padding-top: 0!important;
    }
  
    .c-inner-section .c-push-text_wysiwyg {
      margin-top: 1.5rem!important;
    }
    
    .c-push-icon_img img {
      position: absolute;
      right: 0;
      opacity: 0.6;
      top: 0;
      z-index: -1;
    }

    .container-with-icon {
      text-align: left;
      max-width: 17.5rem;
      padding-left: 2.5rem !important;
      position: relative !important;
      margin: auto;
    }

    .container-with-icon .c-push-icon_img img,
    .container-with-device .c-push-icon_img img {
      opacity: 1;
    }

    .container-with-device .c-push-icon_img img {
      position: relative!important;
      z-index: -2;
    }

    .container-with-device .c-push-icon_img .filter-over {
      position: relative;
      width: 100%;
      height: 100%;
      text-align: right;
    }

    .container-with-device .c-push-icon_img .filter-over:before {
      content: "";
      width: 100%;
      height: 100%;
      display: block;
      top: 0;
      left: 0;
      position: absolute;
      mix-blend-mode: multiply;
      background: #000000;
      background: -webkit-linear-gradient(5deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
      background: -moz-linear-gradient(5deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(5deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#FFFFFF", GradientType=0);
      z-index: -1;
      opacity: 0.85;
    }

    .container-with-device .c-push-icon_img .c-push-text_title {
      margin-top: -4rem;
    }

    .container-with-icon .c-push-icon_img.text-center,
    .container-with-icon .c-push-icon_img.text-center h2, 
    .container-with-icon .c-push-icon_img.text-center h5,
    .container-with-icon .c-push-icon_img.text-center p {
      text-align: left!important;
    }
  
    .c-push--text-and-image .c-push-text_wysiwyg .content,
    .c-triptych .c-tile-rich_wysiwyg {
      max-height: 10rem;
      overflow: hidden;
      transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
    }

    .c-push--text-and-image .c-push-text_wysiwyg.appear .content,
    .c-triptych .c-tile-rich_wysiwyg.appear {
      max-height: 100%;
      transition: max-height 1s ease-in-out;
    }

    .c-push--text-and-image .load-more--text-and-image,
    .c-triptych .load-more--text-and-image {
      display:block;
      position: absolute;
      top: 8.5rem;
      z-index: 1;
      left: 50%;
      transform: translateX(-50%);
      text-decoration: none!important;
    }
    
    .c-push--text-and-image .c-push-text_title {
      color: #fff!important;
      font-size: 1.8rem;
      padding-top: 6rem;
    }

    .d-mobile {
      display:block;
    }

     .c-push--text-and-image .c-push-text_visual .c-figure_image, .c-push--text-and-image .c-push-text_visual .c-figure,
     .c-inner-section .c-push-text_visual .c-figure_image, .c-inner-section .c-push-text_visual .c-figure {
       border-radius: 0 4.5rem 0 0!important;
     }
  
    .c-push--text-and-image .c-push-text_content {
      margin-top: -100%;
      background: rgb(0,0,0);
      background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.25) 100%);
      background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 70%, rgba(0,0,0,0.25) 100%);
      background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 99%, rgba(0,0,0,0.25) 100%);
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    }

    .c-inner-section .c-push-text_content_inner:not(.c-push-icon_img):not(.no-image) h2.c-push-text_title {
      margin-top: -40%;
    }
  
    .c-inner-section .c-push-text_content_inner:not(.c-push-icon_img) .c-push-text_wysiwyg,
    .c-inner-section .c-push-text_content_inner:not(.c-push-icon_img) h2.c-push-text_title,
    .c-inner-section .c-push-text_content_inner:not(.c-push-icon_img) .c-button {
      z-index: 1;
      position: relative;
      padding: 0 1.5rem;
    }

    .c-triptych .c-tile-rich_content {
      margin-top: -20%;
      z-index: 1;
      position: relative;
    }
  
    .banner-stats-container,
    .col-lg-4 .c-media {
        border-bottom-right-radius: 4.5rem
    }
    .single-text-img-floating .c-push-text_visual {
        order: 1;
        padding-bottom: 4rem
    }
    .single-text-img-floating .c-push-text_content {
        order: 2
    }
    .c-testimonials .c-push-video .u-gc-1\/16,
    .d-flex:not(.alway-row) {
        flex-direction: column
    }
    .d-flex.alway-row:not(.no-wrap) {
      flex-wrap:wrap;
    }
    
    .-margin-big-top {
        margin-top: 5.625rem
    }
    .-margin-huge-top {
        margin-top: 7.5rem
    }
    .-counter-padding-huge-bottom {
        margin-bottom: -7.5rem
    }
    .close-popup-klaviyo,
    .close-popup-klaviyo .c-button_icon {
        width: 14px;
        height: 14px
    }
    .close-popup-klaviyo .c-button_icon span {
        width: 14px;
        height: 2px
    }
    .c-media.-push-text:before {
        padding-top: 100% !important
    }
    html[data-template="page.harp"] .c-push-text_item:first-child .c-media.-push-text .c-figure_image {
        position: initial !important;
        object-position: top
    }
    html[data-template="page.harp"] .c-push-text_item:nth-child(2) .c-media.-push-text .c-figure_image {
        position: initial !important;
        object-position: bottom
    }
    html[data-template=index] .c-clip .c-visual {
        height: 60vw
    }
    #banner-book-now img.bg-single-text-image-floating,
    #banner-stats .banner-stats-container.bg-img > img:first-child,
  #banner-product .bg-img > img:first-child{
        transform: translateY(-10%);
        left: -75% !important;
        min-width: 285% !important;
        height: auto !important;
        z-index: 0;
        filter: brightness(3)
    }
    #banner-product .bg-img > img:first-child{
          left: -145% !important;
        min-width: 425% !important;
    }
    #banner-book-now .col-lg-4:last-child {
      border-bottom-right-radius: 4rem!important;
      overflow:hidden;
    }
    #banner-stats .col-lg-4 {
        margin-bottom: 1.5rem
    }
    .banner-stats-container {
        padding: 3rem 1rem
    }
    .banner-stats-container h2 {
        font-size: 3.2375rem !important;
        margin-bottom: .8rem
    }
    .design-accordeon .c-highlight_keys_item .c-highlight_keys_item_col {
        clip-path: polygon(20px 0, 0% 100%, 100% 100%, calc(100% - 20px) 0%);
        padding: 1rem 1.5rem;
        cursor: pointer
    }
    .design-accordeon .c-highlight_keys_item .c-highlight_keys_item_col .c-heading.-h6 {
        font-size: 1.4875rem !important
    }
    .design-accordeon .c-highlight_keys_item .c-highlight_accordeon {
        width: calc(100% - 38px)
    }
    .col-lg-4 .c-push-text_content_inner {
        padding: 3rem 0;
    }
    .c-testimonials .c-push-video_text {
        padding: 2.75rem
    }
    .c-testimonials .c-push-video_inner {
        min-height: 200px
    }
    .c-testimonials .o-container {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
    .c-testimonials .c-push-text_content_inner {
        padding: 1.5rem 2rem !important
    }
    .single-text-img-floating .c-splash_app_link {
        margin: .5rem 0 !important
    }
    .single-text-img-floating.bg-img>img[src="/cdn/shop/files/bg-wave-big.webp?v=1678974161"] {
        position: absolute;
        top: 5vw;
        left: 0;
        width: auto;
        height: 100%;
        object-fit: initial;
        transform: rotate(180deg) scaleX(-1) !important;
        transition: opacity 1.2s !important
    }
    .single-text-img-floating .c-app_list {
        padding-bottom: 1.5rem
    }
    .c-inner-section.parallax .col-lg-4 {
        padding-top: 0 !important
    }
    .c-inner-section.parallax .col-lg-4 .c-push-text_content_inner {
        padding-bottom: 0 !important
    }
    .c-testimonials.bg-img>img[src="/cdn/shop/files/bg-wave-big.webp?v=1678974161"] {
        height: 100% !important;
        left: -100%
    }
    .banner-book-now-container .col-lg-4:first-child {
        text-align: center;
        margin-bottom: 30px
    }

    .c-push-text_visual .mention-on-img {
      top: 2.5rem!important;
      left: 2.5rem!important;
    }

    .c-chart .u-gc-1\/16 {
      overflow-x: scroll;
    }

    .c-chart {
      position: relative;
    } 

    .c-chart table {
      min-width: 1000px;
    }

    .c-chart:after {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='61' viewBox='0 0 66 61' fill='none'%3E%3Cpath d='M37.7929 24.3347L47.8775 20.2656C50.9666 19.0191 54.4988 20.5297 55.7509 23.6327L59.9895 34.1374C60.8677 36.3137 61.0231 38.7612 60.425 41.0284L58.7773 47.2787C58.2936 49.1136 56.9566 50.6309 55.2036 51.3383L41.7574 56.7638C40.0044 57.4711 37.9888 57.3067 36.3675 56.3223L30.843 52.9648C28.839 51.7475 27.2523 49.8776 26.3741 47.7012L23.9521 41.6987C22.7001 38.5957 24.1948 35.0568 27.2839 33.8103L28.4044 33.3582L21.592 16.475C20.925 14.8219 21.0143 12.9683 21.8359 11.3906C22.6597 9.81208 24.1413 8.68766 25.8867 8.2863C28.7242 7.64623 31.7371 9.32671 32.8943 12.1944L37.7929 24.3347Z' fill='%23CCB6B4'/%3E%3Cpath d='M47.5728 18.9134L37.0671 23.1537L31.9744 10.5899C30.7714 7.62214 27.6347 5.88885 24.6792 6.55897C22.8611 6.97908 21.3172 8.14755 20.4581 9.78481C19.6013 11.4212 19.5069 13.3414 20.2004 15.0523L27.2827 32.5244L26.1154 32.9956C22.8973 34.2945 21.338 37.9641 22.6397 41.1753L25.1577 47.3872C26.0706 49.6395 27.7218 51.5727 29.808 52.8286L35.559 56.2928C37.2467 57.3085 39.3458 57.4738 41.172 56.7367L55.1796 51.083C57.0058 50.3459 58.3994 48.7708 58.9045 46.8688L60.6251 40.3901C61.2497 38.0401 61.0896 35.5051 60.1767 33.2529L55.7701 22.3817C54.4684 19.1705 50.7908 17.6145 47.5728 18.9134ZM57.8421 34.1951C58.5521 35.9469 58.6765 37.9192 58.1917 39.7469L56.4706 46.2244C56.1667 47.3662 55.3319 48.3107 54.2353 48.7534L40.2277 54.4071C39.131 54.8498 37.8729 54.75 36.8595 54.1412L31.1089 50.6781C29.4871 49.7006 28.2023 48.1967 27.4922 46.445L24.9742 40.233C24.1932 38.3061 25.1286 36.1046 27.0597 35.3252L28.227 34.8541L29.6434 38.3485C29.9044 38.9923 30.6377 39.3025 31.2829 39.0421C31.9281 38.7817 32.239 38.05 31.978 37.4062L22.5349 14.11C22.119 13.084 22.1755 11.9308 22.6901 10.9488C23.213 9.9515 24.124 9.26351 25.2375 9.00993C27.0027 8.60984 28.8946 9.69402 29.6397 11.5322L35.2046 25.2608C35.4656 25.9047 36.1988 26.2149 36.844 25.9545L48.517 21.243C50.4481 20.4636 52.6543 21.3971 53.4354 23.324L57.8421 34.1951ZM9.70452 21.6378C10.1964 22.1287 10.1964 22.9238 9.70452 23.4146C9.45857 23.66 9.1364 23.7827 8.81423 23.7827C8.49206 23.7827 8.16988 23.66 7.92394 23.4146L0.368894 15.8757C-0.122965 15.3849 -0.122965 14.5897 0.368894 14.0989L7.92394 6.56C8.4158 6.06919 9.21263 6.06919 9.70449 6.56C10.1963 7.05081 10.1963 7.84594 9.70449 8.33675L4.2989 13.7308L13.3904 13.797C14.038 13.797 14.6908 14.3217 14.6908 14.9068C14.6908 15.7719 14.2573 16.2045 13.3904 16.2045L4.2989 16.2438L9.70452 21.6378Z' fill='black'/%3E%3C/svg%3E");
      width: 65.288px;
      height: 60.833px;
      top: 50%;
      right: 10px;
      display: block;
      position: absolute;
      background-repeat: no-repeat;
      transform: translateY(-50%);
      transition: .5s;
      animation: arrow_right 5s infinite;
  }

  .c-chart:focus:after, .c-chart:hover:after, 
  .c-chart:focus-within:after, .c-chart:target:after, 
  .c-chart:focus-visible:after {
    opacity: 0
  }

  @keyframes arrow_right {
    0%,10%,20%,30%,100% {
        right: 10px
    }

    15%,25% {
        right: 20px
    }
  }

  div[class*=col-lg-] .c-media {
    border-bottom-right-radius: 0px;
  }
}

@media (min-width:860px) {
    .c-push-text_visual .mention-on-img {
      left: calc(11.1111% + 2.5rem)!important;
    }

    .banner-book-now-container-calendly .col-lg-7 {
      max-width: calc(100% - 350px);
      margin-bottom: 0!important
    }

    .banner-book-now-container-calendly {
      padding: calc(7rem - 30px);
    }

    .carousel-testimonials {
      max-height: 100%;
    }

    .col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }
  
    .c-popup-product-modal .c-popup-product-modal_inner .c-product-gallery {
      height: calc(100vh - 12.75rem)!important;
    } 

    .c-popup-product-modal .c-popup-product-modal_inner .c-product-form_content,
    .c-popup-product-modal .c-popup-product-modal_inner .c-product-form_price{
      margin-top: 2rem!important;
    }
    
    .d-mobile {
      display:none;
    }

    .u-gc-4\/13\@from-small {
        grid-column-start: 4;
        grid-column-end: 13;
    }

    .u-gc-2\/9\@from-small {
        grid-column-start: 2;
        grid-column-end: 9;
    }

    .u-gc-10\/15\@from-small {
        grid-column-start: 10;
        grid-column-end: 15;
    }
  
    .u-gc-3\/14\@from-small {
        grid-column-start: 3;
        grid-column-end: 14
    }
    .u-gc-3\/7\@from-small {
        grid-column-start: 3;
        grid-column-end: 7
    }
    .u-gc-7\/16\@from-small {
        grid-column-start: 7;
        grid-column-end: 16
    }
    .d-lg-flex {
        display: flex;
        flex-wrap: wrap
    }
    .col-lg-4 {
        flex: 0 1 33.33333%;
        padding-left: 1rem;
        padding-right: 1rem;
        min-width: 33.333333%
    }
    .col-lg-6 {
        flex: 0 1 50%;
        padding-left: 1rem;
        padding-right: 1rem;
        min-width: 50%;
    }
    .portal-grid-3 .col-lg-4 {
        padding-left:0!important
    }
    .portal-grid-3 .col-lg-4:not(:nth-child(3n)) {
        padding-right: 2rem;
    }
    .portal-grid-3 .col-lg-6 {
      padding-left:0!important
    }
    .portal-grid-3 .col-lg-6:not(:nth-child(2n)) {
        padding-right: 2rem;
    }
    .col-lg-3 {
      max-width: 25%;
      flex: 1 1 25%;
    }
    .c-push-text_content.col-section > .col-lg-3 .c-media {
        height: 240px;
    }
    .portal-grid-3 .col-lg-3:not(:nth-child(4n)) {
        padding-right: 2rem;
    }
    .col-section {
        margin-left: -15px;
        margin-right: -15px
    }
    .u-gc-9\/14\@from-small {
        grid-column-start: 9;
        grid-column-end: 14
    }
    .pt-lg-0 {
        padding-top: 0 !important
    }
    .pb-lg-0 {
        padding-bottom: 0 !important
    }
    .flex-lg-row {
        flex-direction: row
    }
    .u-gc-1\/13\@from-small {
        grid-column-start: 1;
        grid-column-end: 13
    }
    .close-popup-klaviyo,
    .close-popup-klaviyo .c-button_icon {
        width: 24px;
        height: 24px
    }
    .close-popup-klaviyo .c-button_icon span {
        width: 24px;
        height: 1px
    }
    .btn-on-pink .words.chars {
        font-size: 17.7px !important;
        line-height: 18px
    }
    header .u-gc-3\/12\@from-small {
        grid-column-start: 3;
        grid-column-end: 10
    }
    .d-lg-none {
        display: none !important
    }
    .d-lg-block {
        display: block !important
    }

    .u-gc-4\/7\@from-small {
      grid-column-start: 4;
      grid-column-end: 7;
    }

    .u-gc-11\/15\@from-small {
      grid-column-start: 11;
      grid-column-end: 15;
    }
}

@media (min-width: 600px) and (max-width: 1079px) {
  .filter-over-gradiant-black {
    width: calc(100% + 4rem);
    transform: translateX(-2rem);
  }

  .c-wysiwyg .filter-over-gradiant-black {
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
    height: 55vw;
    z-index: 0;
  }

  .c-hero .c-button.-hero .c-button_label {
    display: block!important;
  }
}

@media (min-width:600px) and (max-width:859px) {
  .c-push-text_content_inner {
    max-width: 100%!important
  }
}

@media (min-width:860px) and (max-width:1199px) {
    .-margin-big-top {
        margin-top: 7.75rem
    }
    .-margin-huge-top {
        margin-top: 11.25rem
    }
    .-counter-padding-huge-bottom {
        margin-bottom: -11.25rem
    }

    .u-gc-1\/5\@from-small {
        grid-column-start: 1;
        grid-column-end: 5;
    }

    .u-gc-5\/13\@from-small {
        grid-column-start: 5;
        grid-column-end: 13;
    }
}

@media (max-width:1079px) {
    html[data-template="page.harp_mini"] header .btn-harp-mini:not(.-dark),
    html[data-template="page.harp_mini"] header .btn-normal.-dark {
      display:none!important;
    }
  
    .c-header_nav_bottom_item .c-button {
        max-height: 68px !important;
      margin-top: 15px;
    }
    .c-header_nav_bottom_item .c-button .c-button_icon {
        top: -27px !important
    }
    .ly-custom-1000:not(.mobile) {
        display: none !important
    }
    .c-header_nav_bottom_item.second-menu {
        display: block !important
    }
    .c-header_nav_bottom_item.second-menu .ly-flag-icon.ly-flag-rounded {
        width: 2em;
        height: 2em;
        line-height: 2em
    }
    .c-header_nav_bottom_item.second-menu .ly-links a:first-child i {
        margin-left: 0 !important
    }
    .c-header_nav_bottom_item.second-menu .ly-links a:last-child i {
        margin-right: 0 !important
    }
    .c-header_nav_bottom_item.second-menu .ly-custom-1000.mobile .ly-switcher-wrapper {
        margin-top: 30px;
        height: auto
    }
    .c-header_nav_bottom_item {
      flex-wrap:wrap;
    }
    header .c-button_label:lang(es),
    header .c-button_label:lang(fr) {
        font-size: 1rem !important;
        line-height: 2;
        padding-right: 1.75rem
    }
    .c-button.-menu {
        padding: 1.25rem !important
    }
    
}

@media (min-width:1080px) {
    .u-gc-1\/14\@from-medium {
      grid-column-start: 1;
      grid-column-end: 14;
    }
  
    .mb-lg-5 {
      margin-bottom: 1.5rem
    }
  
    html[data-template="page.harp_mini"] header .btn-normal,
    html:not([data-template="page.harp_mini"]) header .btn-harp-mini:not(.-dark) {
      display:none!important;
    }
  
    .mt-lg-0 {
      margin-top: 0!important;
    }

    .ml-lg-4 {
      margin-left: 1.5rem!important;
    }
  
    .u-gc-3\/16\@from-medium {
        grid-column-start: 3;
        grid-column-end: 16;
    }

    .u-gc-3\/12\@from-medium {
        grid-column-start: 3;
        grid-column-end: 12;
    }
  
    .u-gc-5/12\@from-medium {
        grid-column-start: 5;
        grid-column-end: 12;
    }
}

@media (max-width:1199px) {
    .c-header_ctas_item+.c-header_ctas_item {
        margin-left: 0!important;
    }
    .c-level_carousel {
        overflow-x: scroll !important;
        overflow-y: inherit !important
    }
    .thumbnail-article .c-visual.-min {
        height: calc(38vw)
    }
    .-counter-padding-huge-bottom {
        margin-bottom: -7.5rem
    }

   #banner-product .col-lg-10 h2 {
      margin-top: 2rem 0;
    }

    #versus .d-flex:not(.c-versus-container) svg {
      margin: 2rem 0;
    }

  #banner-product .col-lg-10 h2 {
    margin: 1.5rem 0;
  }

  #banner-product .col-lg-10 > div {
    text-align: center!important;
  }

   #banner-product .col-lg-10 .c-mention {
     margin: 2rem auto auto;
   }
}

@media (min-width:1200px) {
    .carousel-testimonials {
      max-height: 100%;
    }
  
    #versus .u-gc-1\/16 {
        min-height: 100%;
        height: 100%;
    }
  
    #banner-product .col-lg-10 h2 {
      text-align:left;
    }
  
    #banner-product .col-lg-10 {
      display:flex!important;
      justify-content: center;
      align-items: center;
    }
  
    #banner-product .col-lg-10 h2 {
      max-width: 55%;
      margin: 0 1.5rem
    }

    .u-gc-2\/15\@from-large {
        grid-column-start: 2;
        grid-column-end: 15;
    }
  
    .u-gc-3\/8\@from-large {
        grid-column-start: 3;
        grid-column-end: 8;
    }

    .u-gc-2\/9\@from-large {
        grid-column-start: 2;
        grid-column-end: 9;
    }
  
    .u-gc-9\/14\@from-large {
        grid-column-start: 9;
        grid-column-end: 14;
    }

    .u-gc-8\/9\@from-large {
        grid-column-start: 8;
        grid-column-end: 9;
    }

    .u-gc-4\/13\@from-large {
        grid-column-start: 4;
        grid-column-end: 13;
    }  
    .c-footer-nav_wrapper {
       flex-wrap: no-wrap!important; 
    }
    
    .c-footer-nav_wrapper .c-footer-nav {
      margin-bottom: 0rem!important;
    }
  
    .-margin-huge-top {
        margin-top: 15.5rem
    }
    .-margin-big-top {
        margin-top: 11.25rem
    }
    .-counter-padding-huge-bottom {
        margin-bottom: -15.5rem
    }
    .c-demo_content_top {
        padding-top: 4rem !important
    }
    .arrow-show-scrolling {
        display: none !important
    }
    .thumbnail-article .-fill {
        max-width: 1200px;
        left: calc(100% - 1200px)
    }
    .thumbnail-article .c-visual.-min {
        height: calc((var(--vh, 1vh) * 50))
    }
    .thumbnail-article .c-figure.-parallax,
    .thumbnail-article .c-figure.-parallax img {
        border-bottom-left-radius: 130px
    }
    .c-demo_content_bottom .btn-on-pink {
        float: right
    }

    .u-gc-1\/4\@from-ultra {
      grid-column-start: 1;
      grid-column-end: 4;
    }

    .u-gc-4\/14\@from-ultra {
      grid-column-start: 4;
      grid-column-end: 14;
    }

    .u-gc-1\/5\@from-ultra {
      grid-column-start: 1;
      grid-column-end: 5;
    }
  

    .u-gc-5\/14\@from-ultra {
      grid-column-start: 5;
      grid-column-end: 14;
    }

    .u-gc-14\/16\@from-ultra {
      grid-column-start: 14;
      grid-column-end: 16;
    }

    .c-footer-nav {
      width: 25%!important;
    }
}

@media (min-width:1500px) {
    .thumbnail-article .-fill {
        max-width: 1500px;
        left: calc(100% - 1500px)
    }
    .thumbnail-article .c-visual.-min {
        height: calc((var(--vh, 1vh) * 60))
    }
    .thumbnail-article .c-figure.-parallax,
    .thumbnail-article .c-figure.-parallax img {
        border-bottom-left-radius: 150px
    }

    .carousel-testimonials {
      max-height: 100%;
    }

    .c-chart table tbody tr td:first-child {
      min-width: 310px;
    }
}

@media (min-width:2000px) {
  #scrolling-video .c-button.-video {
    height: 170px!important;
  }

  .carousel-testimonials {
    max-height: 100%;
  }
}