/*
styles/
├── variables.css        (Cores, fontes, etc.) 
├── layout.css           (Grid e estrutura geral) 
├── helpers.css          (Mini padrões: .first-fold, .no-scroll, .overflow-auto) 
├── components.css       (Botões, modais, cards) 
└── main.css             (Importa tudo) 
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('./system/variables.css');
@import url('./system/utilities.css');
@import url('./system/helpers.css');
@import url('./components/breadcrumb.css');
@import url('./components/meeting-scheduling-calendar.css');
@import url('./components/horizontal-marquees.css');
@import url('./system/font-sizes.css');
@import url('./system/responsive.css');
@import url('../fonts/mont-serrat/style.css');
@import url('../fonts/clash-display/style.css');
/*@import url('./components/preload-netflix.css');*/

html {
    scroll-behavior: smooth;
    vertical-align: text-top;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 100vw;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: var(--primary-color);
    padding: 4em 0 0 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    padding-bottom: 35.33em;
}

html.modal-budget-builder-is-open, body.modal-budget-builder-is-open{
    overflow: hidden;
}

/* SHARED: VISUAL EFFECTS */
.btn{
    box-shadow: 0 0 0 1em transparent;
}
.btn:hover{
  animation: pulseXYZ 1s;
}
@keyframes pulseXYZ {
  from {
    box-shadow: 0 0 0 0 #aaaaaa69;
  }
}

.loading {
    background: url(../image/loading.gif) center no-repeat;
}

.loading > * {
    opacity: 0;
    pointer-events: none;
}

.snow-effect {position: absolute!important;top: 0;left: 0;width: 100vw;height: 100vh;background-color: transparent!important;z-index: 0;}

.shiny {
  background: #9ccc65;
  /* background: linear-gradient(-45deg, var(--secondary-color-hover) 50%, #cde5b2 60%, var(--secondary-color-hover) 70%); */
  background-size: 600% 100%;
  -webkit-animation: shine 20s infinite;
  animation: shine 20s infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.shinydarken {
  background: #9ccc65;
  background: linear-gradient(-45deg, #9ccc65 50%, #699833 60%, #9ccc65 70%);
  background-size: 600% 100%;
  -webkit-animation: shine 20s infinite;
          animation: shine 20s infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@keyframes shine {
  0% {
    background-position-x: 400%;
  }
  50% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: -400%;
  }
}

.in-n-out{
  view-timeline-name: --card;
  view-timeline-axis: block;
  animation-timeline: --card;
  animation-name: in-n-out;
  animation-range: entry 90% cover 50%;
  animation-fill-mode: both;
}

@keyframes in-n-out {
  0%, 50% {
    scale: 100%;
  }
  100% {
    scale: 85%;
  }
}

.shine::before {
    content: "";
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#fff0), to(#ffffff4d));
    background: linear-gradient(to right, #fff0 0%, #ffffff4d 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.shine:hover::before {
    animation: shineXXT 1.5s;
}
@keyframes shineXXT {  100% {   left: 125%; }}

.magic {
  display: inline-block;
  position: relative;
}

.magic > .magic-star {
  --size: clamp(20px, 1.5vw, 30px);
  
  animation: scale2 700ms ease forwards;
  display: block;
  height: var(--size);
  left: var(--star-left);
  position: absolute;
  top: var(--star-top);
  width: var(--size);
}

.magic > .magic-star > svg {
  animation: rotate2 1000ms linear infinite;
  display: block;
  opacity: 0.7;
}

.magic > .magic-star > svg > path {
  fill: #fff;
}

@keyframes scale2 {
  from, to {
    transform: scale(0);
  }
  
  50% {
    transform: scale(1);
  }
}

@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  
  to {
    transform: rotate(180deg);
  }
}

/* SECTION TYPES */
.section-square-radius{
    background-image: repeating-linear-gradient(403deg, #00ffb5c2, transparent 997px);
    background-color: #a5fb9c;
    height: 87.5vh;
    width: 96vw;
    margin-top: 2.743vh;
    margin-left: 2vw;
    border-radius: 18px;
    position: relative;
    top: 3em;
}

/* SHARED: Position sticky */
.sticky-1{
    position: sticky;
    top: 4em;
    background: #fff;
    padding-top: 7em;
    padding-bottom: 7em;
    box-shadow: 0 170px 8px -169px #0000001a;
    margin-bottom: 5em!important;
    border-top: 1px dotted #0000001a;
}

/* COMPONENT: form section for lead caption */
.component-form-lead{
    position: relative;
    width: 31.1em;
    z-index: 9;
    max-width: 88%;
}
.component-form-lead.none{
    display: none;
}

.component-form-lead:before{
    content: '';
    background: url(../image/icons/curved-arrow-with-broken-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -4.25em;
    right: 2em;
    width: 3em;
    height: 3em;
    transform: scale(-1, 1) rotate(70deg);
}

.component-form-lead form{
    width: 100%;
    height: 3em;
    position: relative;
}

.component-form-lead form input{
    width: 81%;
    height: 100%;
    padding-top: 0.8em;
    padding-left: 0.72em;
    border: 1px solid var(--secondary-color);
    border-radius: 4px;
    position: relative;
    z-index: 9;
    background: transparent;
}

.component-form-lead form label{
    position: absolute;
    top: 0.135em;
    left: 0;
    transition: 480ms;
    border-radius: 4px 4px 0 0;
    font-size: 1em;
    font-weight: 400;
    height: 95%;
    padding-top: 0.735em;
    padding-left: 1em;
}

.component-form-lead form input.not-empty + label,
.component-form-lead form input:focus + label,
.component-form-lead form input.not-empty + label + label,
.component-form-lead form input:focus + label + label{
    top: -0.4em;
    padding-left: 1em;
    border-bottom: 0;
    padding-top: 0.78em;
    padding-right: 0.5em;
    font-size: 0.78em;
}


.component-form-lead form button[type=submit]{
    font-size: 0.98em;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 18%;
    color: var(--secondary-color);
}
.component-form-lead form button[type=submit] i{
    position: relative;
    left: -1.5px;
    top: 1px;
    font-style: normal;
}

@media (max-width: 768px) {
    .component-form-lead{
        width: 100%;
        max-width: 100%;
        position: relative;
        top: 1.8em;
    }
    .component-form-lead:before{
        left: 50%;
        transform: translateX(-50%);
    }
    .component-form-lead form input{
        width: 72%;
    }
    .component-form-lead form label{
        width: max-content;
    }
    .component-form-lead form button[type=submit]{
        width: 27%;
    }
}

/* COMPONENT: Scroll down first fold */
.component-scroll-down-arrows span {
  width: 20px;
  height: 20px;
  display: block;
  border-right: 2px solid var(--red);
  border-bottom: 2px solid var(--red);
  transform: rotate(45deg);
  margin: -10px auto;
  animation: componentScrollDownArrows 2s infinite;
  filter: blur(2px);
}

.component-scroll-down-arrows span:nth-child(2) {
  animation-delay: -0.2s;
}

.component-scroll-down-arrows span:nth-child(3) {
  animation-delay: -0.4s;
}

@keyframes componentScrollDownArrows {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: rotate(45deg) translate(10px, 10px);
  }
  100% {
    opacity: 0;
  }
}

.cubo-hover-container:hover .cubo-hover{
    box-shadow: inset 0 0 60px #ffffff, inset 20px 0 80px #fff, inset -20px 0 80px #fff, inset 20px 0 300px #fff, inset -20px 0 300px #fff, 0 0 50px #fff, -10px 0 80px #fff, -6px 2px 80px #b7b7b7;
    transition: 1s;
}

#back-to-top {
    position: fixed;
    bottom: 9em;
    right: 1em;
    display: none;
    z-index: 99;
}

#back-to-top button{
    width: 2.5em;
    height: 2.5em;
    border-radius: 100%;
    background: #fff;
    color: var(--quintennial-color);
    border: 3px solid var(--secondary-color);
}

#back-to-top button:hover{
    color: var(--quintennial-color);
}


/* title-1 */
.title-1,
.title-1 span,
.title-2,
.title-2 span,
.title-3,
.title-3 span {
    -webkit-tap-highlight-color: rgb(255 0 0);
    color: var(--secondary-color);
    background: linear-gradient(1deg, var(--red) 64%, var(--secondary-color) 20%););
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 100;
    position: relative;
    z-index: 9;
    animation-duration: 20s,.8s;
    animation-iteration-count: infinite,1;
    animation-timing-function: ease-out,cubic-bezier(.19,1,.22,1);
    background-size: 260% 100%;
}

.title-2,
.title-2 span {
    background: radial-gradient(#97b7d0, var(--secondary-color));
    background-size: 100% 200%;
    background-position: 50% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation-duration: 13s,0.8s;
}

.title-3,
.title-3 span {
    background: radial-gradient(var(--quaternary-color), var(--secondary-color));
    background-size: 100% 200%;
    background-position: 50% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    animation-duration: 7s,.8s;
}

.title-4{
    width: 48%;
    display: table;
    margin: auto;
    padding-bottom: 1em;
    position: relative;
    z-index: 999999;
}

.title-4:before{
    background: linear-gradient(90deg,rgba(38,42,46,0), var(--quintennial-color) 48.44%,rgba(38,42,46,0)););
    position: absolute;
    bottom: 0.55em;
    left: 49.5%;
    transform: translateX(-50%);
    width: 64%;
    height: 2px;
    content:
    '';
}

@keyframes shimmerText {
    to {
        background-position: -200% 0
    }
}

.scribble-1,
.scribble-2{
    position: relative;
    white-space: nowrap;
    display: inline;
}

.scribble-1:after {
    background: transparent url('../image/icons/scribble-1.png');
    background-position: center;
    background-size: 96% 1em;
    background-repeat: no-repeat;
    padding: 0.7em;
    content: '';
    position: absolute;
    top: -0.1em;
    left: 0;
    width: 100%;
    height: 100%;
}

.scribble-2:after {
    background: transparent url('../image/icons/scribble-2.svg');
    background-position: center;
    background-size: 96% 1em;
    background-repeat: no-repeat;
    padding: 0.7em;
    content: '';
    position: absolute;
    top: 0.36em;
    left: 0;
    width: 100%;
    height: 100%;
}

.scribble-3{
    transform: rotate(-2deg);
    border-radius: 12px;
    background: rgba(241,226,222, 1.0);
    color: var(--secondary-color);
    padding: 0 0.1em;
}

.scribble-4:after {
    background: url('../image/icons/scribble-4.svg');
    background-position: center;
    background-size: 5em;
    background-repeat: no-repeat;
    padding: 0.7em;
    content: '';
    position: absolute;
    top: 0.6em;
    left: 0;
    width: 100%;
    height: 100%;
}

.scribble-5:after {
    background: transparent url('../image/icons/scribble-5.svg');
    background-position: center;
    background-size: 96% 1em;
    background-repeat: no-repeat;
    padding: 0.7em;
    content: '';
    position: absolute;
    top: -0.05em;
    left: 0;
    width: 100%;
    height: 100%;
}

.line-1{
    position: relative;
}

.line-1:before{
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 52%;
    height: 2px;
    background: linear-gradient(90deg, transparent 0%, var(--red) 53%, var(--red) 30%, transparent 100%);
    opacity: 1;
}










.modal-03 { 
display: -ms-flexbox; 
-ms-flex-align: center;
} 

.modal-03 { 
top: 0; 
width: 100%; 
height: 100vh; 
left: 0;
} 

.modal-03 {position: fixed;display: flex;align-items: center;-ms-flex-pack: center;justify-content: center;z-index: 1000;opacity: 0;visibility: hidden;transition: all .3s ease 0s;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;display: none;} 

.modal-03.act { 
opacity: 1; 
visibility: visible;
} 

.modal-03 .overlay  { 
top: 0; 
width: 100%; 
height: 100vh; 
left: 0;
} 

.modal-03 .overlay  { 
position: absolute; 
background-color: rgba(0,0,0,.6);
} 

.modal-03 .content  {position: relative;overflow: hidden;width: 568px;display: -ms-grid;display: grid;-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;gap: 0;-ms-flex-align: end;align-items: end;background: linear-gradient(161.54deg,var(--secondary-color) 58.77%,var(--black) 121.51%);border-radius: 32px;} 

.modal-03 .content .text  { 
position: relative; 
width: 330px; 
padding: 51px 0 121px 43px;
} 

.modal-03 .content .bar  { 
display: -ms-flexbox; 
-ms-flex-align: center;
} 

.modal-03 .content .bar  {width: 100%;height: 81.48px;background: var(--red);position: absolute;bottom: 0;left: 0;display: flex;align-items: center;padding: 0 0 5px 47px;} 

.modal-03 .content .image  { 
position: relative; 
text-align: center; 
padding: 0 0 0 23px;
} 

.modal-03 .content .close  { 
position: absolute; 
top: 12px; 
right: 20px; 
font-size: 25px; 
font-weight: 900; 
color: #fff;
} 

.modal-03 .content .text h2  { 
font-size: 27.93px; 
font-weight: 900; 
line-height: 35px; 
text-align: left; 
color: #fff; 
text-transform: uppercase; 
padding: 0 0 10px;
} 

.modal-03 .content .text h3  {font-size: 15.52px;font-weight: 700;line-height: 27.93px;text-align: left;color: var(--black);text-transform: uppercase;padding: 0 0 12px;text-shadow: 0 0 10px #bbbbbb;} 


.modal-03 .content .text p  {color: #fff;} 

.modal-03 .content .bar a  { 
-ms-flex-align: center; 
} 

.modal-03 .content .bar a  { 
font-size: 21.52px; 
font-weight: 700; 
line-height: 21.52px; 
text-align: left; 
color: #fff; 
display: -ms-flexbox; 
display: flex; 
align-items: center; 
gap: 12px;
} 

.modal-03 .content .bar a .before  { 
width: 28.7px; 
height: 28.7px; 
transition: all .3s ease 0s; 
-webkit-transition: all .3s ease 0s; 
-moz-transition: all .3s ease 0s;
} 

.modal-03 .content .bar a .after  { 
width: 24px; 
height: 24px; 
transition: all .3s ease 0s; 
-webkit-transition: all .3s ease 0s; 
-moz-transition: all .3s ease 0s;
} 

.modal-03 .content .bar a:hover .after { 
-ms-transform: translate(5px,0); 
transform: translate(5px,0);
} 






























.mobile-show {
    display: none;
}

.filter-img {
    filter: grayscale(100%);
}

.home-linear-bg .container {
    position: relative;
    z-index: 99;
}

.home-linear-bg:before {
    content: '';
    background: linear-gradient(to bottom, transparent, #9fb7ce);
    width: 100%;
    height: 32%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.home-linear-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent, #1edfcd61);
}


/* ---------------------------
  01.Component -> { Button }
------------------------------*/
.btn {
    height: 100%;
}

.btn.btn-medium {
    min-width: 160px;
    height: 48px;
    line-height: 36px;
}

.btn.btn-lg {
    min-width: 172px;
    height: 50px;
    border-radius: 5px;
}

.btn.btn-xl {
    padding: 0.5em 1.232em;
}

.btn.with-icon i {
    margin-left: -5px;
    margin-right: 3px;
    font-size: 16px;
    margin-top: 2px;
}

.btn-reset {
    background: transparent;
    border: 0;
}

.filter-search-form-1 {
    width: 100%;
    height: 3.4em;
    position: relative;
    z-index: 99;
}

@media (min-width: 576px) {
    .filter-search-form-1 {
        display: flex;
    }
}

.filter-search-form-1 .filter-inputs {
    position: relative;
    height: 100%;
}

@media (min-width: 480px) {
    .filter-search-form-1 .filter-inputs {
        display: flex;
    }
}

@media (min-width: 576px) {
    .filter-search-form-1 .filter-inputs {
        width: calc(100% - 7em);
    }
}

.filter-search-form-1 .filter-inputs .form-group {
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #e5e5e5;
}

.filter-search-form-1 .filter-inputs .form-group:last-child {
    border-right: 0;
    border-bottom: 0;
}

@media (min-width: 480px) {
    .filter-search-form-1 .filter-inputs .form-group {
        border-right: 1px solid #e5e5e5;
        border-bottom: 0;
        margin-bottom: 0;
    }
}

.filter-search-form-1 .filter-inputs .form-group > .form-control {
    width: 100%;
}

.filter-search-form-1 .filter-inputs .form-group > .form-control {
    background: #ffffff2e;
}

.filter-search-form-1 .filter-inputs .form-control {
    border: 0;
    height: 100%;
    color: #406c01;
    position: relative;
    z-index: 9;
    font-size: 1.8em;
}

.filter-search-form-1 .filter-inputs .form-control::placeholder {
    color: #6b6e6f;
}

.filter-search-form-1 .button-block {
    min-width: 8em;
    height: 100%;
    outline: none!important;
    position: relative;
    z-index: 9;
}

.filter-search-form-1 .btn-submit {
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 5px;
    outline: none!important;
}

@media (min-width: 576px) {
    .filter-search-form-1 .btn-submit {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

@media (max-width: 576px) {
    .filter-search-form-1 .btn-submit {
        background: #d3e0da69;
        border: 0;
    }
}


/* ---------------------------
  01.Component -> { Acccordion }
------------------------------*/
.accordion-trigger.arrow-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #00ff2d03;
}

.accordion-trigger.arrow-icon:after {
    content: "\ea05";
    font-family: "Grayic";
    font-size: 20px;
    display: block;
    line-height: 1;
    transform: rotate(0deg);
    transition: .4s;
    color: #00b074;
    top: 2px;
    position: relative;
}

.accordion-trigger.arrow-icon[aria-expanded="true"]:after {
    transform: rotate(-180deg);
}

.text-effect {
    text-shadow: -2px 2px 7px #0d1012ad, -4px 5px 4px #f7f7f759;
}

.text-effect-2 {
    text-shadow: 0px 0px 2px #e3e3e373, 4px 0px 4px #00000012;
}

.gr-opacity-visible {
    opacity: 1;
}

.gr-opacity-1 {
    opacity: 0.1;
}

.gr-opacity-15 {
    opacity: 0.15;
}

.gr-opacity-2 {
    opacity: 0.2;
}

.gr-opacity-3 {
    opacity: 0.3;
}

.gr-opacity-4 {
    opacity: 0.4;
}

.gr-opacity-5 {
    opacity: 0.5;
}

.gr-opacity-6 {
    opacity: 0.6;
}

.gr-opacity-7 {
    opacity: 0.7;
}

.gr-opacity-8 {
    opacity: 0.8;
}

.gr-opacity-9 {
    opacity: 0.9;
}

.border-color-2 {
    border-color: var(--gray);
}

.flex-x-center-column {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

/* ---------------------------
  02.Utility -> { Shadows }
------------------------------*/
/*~~~~~ Normal Shadows ~~~~~*/
.shadow-1 {
    box-shadow: 0 1px 3px rgb(59 59 59), 0 1px 2px rgb(33 29 29 / 28%);
}

.shadow-2 {
    box-shadow: 17px 26px 99px rgba(114, 114, 114, 0.16);
}

.shadow-4 {
    box-shadow: 16px 41px 89px rgba(129, 129, 129, 0.16);
}

.shadow-5 {
    box-shadow: 0 40px 60px rgba(0, 0, 0, 0.08);
}

.shadow-6 {
    box-shadow: 0 13px 16px rgba(0, 0, 0, 0.08);
}

.shadow-7 {
    box-shadow: 0 29px 75px rgba(156, 156, 156, 0.16);
}

.shadow-8 {
    box-shadow: 2px 2px 4px rgba(130, 130, 130, 0.16);
}

.shadow-9 {
    box-shadow: 0 10px 35px rgba(178, 178, 178, 0.16);
}

.shadow-10 {
    box-shadow: 5px 5px 10px rgba(0, 176, 116, 0.16);
}

.shadow-blue {
    box-shadow: 15px 15px 30px rgba(72, 133, 250, 0.2);
}

.circle-41 {
    max-width: 41px;
    min-width: 41px;
    max-height: 41px;
    min-height: 41px;
    border-radius: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-48 {
    max-width: 48px;
    min-width: 48px;
    max-height: 48px;
    min-height: 48px;
    border-radius: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.square-60 {
    max-width: 60px;
    min-width: 60px;
    max-height: 60px;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.square-70 {
    max-width: 70px;
    min-width: 70px;
    max-height: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.square-92 {
    max-width: 92px;
    min-width: 92px;
    max-height: 92px;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rounded-md {
    border-radius: 0.5rem;
}

.rounded-xl {
    border-radius: 1.25rem;
}

.rounded-top-0 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.rounded-left-0 {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.rounded-right-0 {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.rounded-3 {
    border-radius: 3px;
}

.rounded-top-3 {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.rounded-bottom-3 {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.rounded-left-3 {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.rounded-right-3 {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.rounded-5 {
    border-radius: 5px;
}

.rounded-top-5 {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.rounded-bottom-5 {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rounded-left-5 {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.rounded-right-5 {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.rounded-6 {
    border-radius: 6px;
}

.rounded-top-6 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.rounded-bottom-6 {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.rounded-left-6 {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.rounded-right-6 {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.rounded-8 {
    border-radius: 8px;
}

.rounded-top-8 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.rounded-bottom-8 {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.rounded-left-8 {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.rounded-right-8 {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.rounded-4 {
    border-radius: 10px;
}

.rounded-top-4 {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.rounded-bottom-4 {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rounded-left-4 {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.rounded-right-4 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.border-width-1 {
    border-width: 1px !important;
}

.border-width-2 {
    border-width: 2px !important;
}

.border-width-3 {
    border-width: 3px !important;
}

.rounded-10 {
    border-radius: 10px;
}

.rounded-60 {
    border-radius: 60px;
}

.custom-border-right-1{
    border-right: 1px dotted #0000002b;
}

/* ---------------------------
  02.Utility -> { Common }
------------------------------*/
.line-height-reset {
    line-height: 1;
}

/* Focus Reset */
.focus-reset:focus {
    box-shadow: none;
    outline: none;
}

.table-y-middle {
    vertical-align: middle !important;
}

.line-height-reset {
    line-height: 1;
}

.hover-shadow-1 {
  box-shadow: 0 1px 3px rgb(255 255 255 / 11%), 0 1px 2px rgb(0 0 0 / 4%);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.hover-shadow-1:hover {
  box-shadow: 0 1px 3px rgb(255 255 255 / 11%), 0 1px 2px rgb(0 0 0 / 21%);
}

.hover-shadow-2 {
    transition: .4s;
}

.hover-shadow-2 {
    border: 1px solid transparent !important;
    box-shadow: 0 40px 60px rgba(0, 0, 0, 0.08);
}

.hover-shadow-3 {
    border: 1px solid transparent !important;
    box-shadow: 0 3px 17px rgb(0 0 0 / 5%);
}

/* used in featured job homepage-2 */
.hover-shadow-3 {
    transition: .4s;
}

.hover-shadow-3:hover {
    box-shadow: 0 40px 60px rgb(0 0 0 / 0%);
}

.hover-shadow-hitgray {
    transition: .4s;
}

.hover-shadow-hitgray:hover {
    box-shadow: 0 29px 62px rgba(130, 130, 130, 0.16);
}

@media (min-width: 992px) {
    .position-lg-static {
        position: static;
    }
}

@media (min-width: 768px) {
    .position-md-absolute {
        position: absolute !important;
    }
}

.position-lg-absolute {
    position: static;
}

@media (min-width: 992px) {
    .position-lg-absolute {
        position: absolute !important;
    }
}

@media (min-width: 768px) {
    .pos-abs-md {
        position: absolute;
    }
}

@media (min-width: 992px) {
    .pos-abs-lg {
        position: absolute !important;
    }
}

@media (min-width: 1200px) {
    .pos-abs-xl {
        position: absolute !important;
    }
}

@media (min-width: 992px) {
    .pos-abs-lg-ly-center {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
}

@media (min-width: 992px) {
    .pos-abs-lg-ry-center {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
}

.pos-abs-tl {
    position: absolute;
    top: 0;
    left: 0;
}

.pos-abs-br {
    position: absolute;
    bottom: 0;
    right: 0;
}

.pos-abs-br.top {
    top: 0;
    bottom: auto;
}

@media (min-width: 992px) {
    .left-lg-p20 {
        left: 20%;
    }
}

/* ---------------------------
  03.Theme Utility -> { Sizes }
------------------------------*/
/* Theme Size Utilities */
.min-h-100vh {
    min-height: 100vh;
}

.max-width-130px {
    max-width: 130px;
}

.max-height-px-18 {
    max-height: 18px;
}

.min-height-32 {
    min-height: 32px;
}

.min-width-px-70 {
    min-width: 70px;
}

.min-width-px-80 {
    min-width: 80px;
}

.min-width-px-96 {
    min-width: 96px;
}

.min-width-px-100 {
    min-width: 100px;
}

.min-width-px-110 {
    min-width: 110px;
}

.min-width-px-125 {
    min-width: 125px;
}

.min-width-px-135 {
    min-width: 135px;
}

.min-width-px-155 {
    min-width: 155px;
}

.min-width-px-170 {
    min-width: 170px;
}

.min-width-px-185 {
    min-width: 185px;
}

.min-width-px-205 {
    min-width: 205px;
}

.min-width-px-235 {
    min-width: 235px;
}

.min-width-px-210 {
    min-width: 210px;
}

.min-width-px-273 {
    min-width: 273px;
}

.max-width-px-311 {
    max-width: 311px;
}

.max-width-px-840 {
    max-width: 840px;
}

@media (min-width: 480px) {
    .scale-xs-1 {
        transform: scale(1) !important;
    }
}

.scale-p7 {
    transform: scale(0.7);
}

.h-1173 {
    height: 1173px;
}

.h-1413 {
    height: 1413px;
}

.min-height-px-18 {
    min-height: 18px;
}

@media (min-width: 1366px) {
    .pb-custom-300 {
        padding-bottom: 300px !important;
    }
}

@media (min-width: 1600px) {
    .pb-custom-300 {
        padding-bottom: 130px !important;
    }
}

/* --------------------------------
  03.Theme Utility -> { Typograpy }
-----------------------------------*/
.letter-spacing-np09 {
    letter-spacing: -0.09px;
}

.line-height-1p6 {
    line-height: 1.6;
}

.line-height-1p4 {
    line-height: 1.4;
}

.bg-gradient-2 {
    background-image: radial-gradient(135% 214% at 122% -44%, #a5bcd3 0%, #9db5cc 40%, #9fb6cd calc(44% + 7px), #a2bad1 65%, #9eb8cd calc(66% + 1px), #9cb5cb 82%, #9eb7cd calc(80% + 1px), #9db7cb 100%);
}


.btn-h-60 {
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.border-hit-gray-opacity-5 {
    border-color: rgba(173, 180, 183, 0.5);
}


/* SCROLL >>>>>>>>>> */
* {
    scrollbar-width: thin;
    scrollbar-color: #e5e5e5;
}

*::-webkit-scrollbar {
    width: 10px;
}

*::-webkit-scrollbar-thumb {
    background-color: var(--secondary-color);
}

.typer-container {
    width: 100%;
    display: block;
    max-height: 100%;
}

.typer-container-inline{
    display: inline;
    width: auto;
}

.filter-inputs .typer-container {
    position: absolute;
    top: 0.22em;
    left: 0.3em;
    color: #fff;
    font-size: 1.78em;
    z-index: 9;
    padding-left: 1.4em;
}

.filter-inputs.hover .typer-container, .filter-inputs:hover .typer-container {
    visibility: hidden;
    z-index: 0;
}

.filter-inputs .typer-container span {
    color: #333!important;
}

.typer-container .typer {
    display: inline;
}

.typer-container .cursor {
    display: inline;
    color: var(--black);
}

.single-brand-logo img {
    max-height: 2.3em;
    width: 7em;
    height: auto;
    vertical-align: text-top;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< PATTERN */

/* CUSTOM >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

.bg-first-fold-1 {
    background: url(../image/bgs/first-fold-1.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}

.bg-first-fold-2 {
    background: url(../image/bgs/first-fold-2.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}

.bg-first-fold-3 {
    background: url(../image/all-section-banners/grafico-leads.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center right;
}

.bg-first-fold-4{
    background: url(../image/all-section-banners/executivo.jpg);
    background-size: cover;
}

.bg-first-fold-5{
    background: #f7f7f7 url(../image/bgs/white-label-cover-2048x588.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
}

@media (max-width: 992px) {

    .bg-first-fold-1,
    .bg-first-fold-2,
    .bg-first-fold-3 {
        background: none!important;
    }

}

.underline {
    text-decoration: underline;
}
























      


/*-------------------------------------------------*/
/* FOOTER
/*-------------------------------------------------*/
#section-contact-footer {
    background: url(../image/bgs/bg-clouds.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

#section-contact-footer:before {
    content: '';
    width: 100%;
    height: 180px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../image/bgs/nuvens-animacao.png);
    background-position: 0 0;
    background-repeat: repeat-x;
    animation: animatedBackground 30s linear infinite;
    z-index: 0;
    filter: blur(4px);
}

#main-footer {
    padding: 1em 0;
    background: #f0f2f5;
    z-index: var(--z-index-hide-footer);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}
#main-footer::before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: url(../image/bgs/city-bg.png);
    background-size: contain;
    background-position: bottom left;
    background-repeat: no-repeat;
    opacity: 0.46;
}

#main-footer .container-fluid{
    max-width: 98%;
    position: relative;
    z-index: 9;
}

@keyframes animatedBackground {
    from {
        background-position: 0 0
    }

    to {
        background-position: -1922px 0
    }
}

@media (max-width: 768px) {
    #section-contact-footer {
        background-size: contain;
        background-position: center bottom;
    }
}












































































































/* COMPONENT: LIST OF SERVICES*/
.list-of-services {
    width: 100%;
    background-color: white;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 16px;
    -webkit-mask-image: linear-gradient(260deg, #00000000, #ffffff73 30%, #ffffff 20%, #ffffff08);
    mask-image: linear-gradient(260deg, #00000000, #ffffff73 30%, #ffffff 20%, #ffffff08);
}

.list-of-services .scroll-container {
    overflow-x: auto;
}

.list-of-services .services-list {
    display: flex;
    align-items: center;
    gap: 24px;
    list-style: none;
    padding: 10px 0;
    overflow: hidden;
}

.list-of-services .service-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    /* cursor: pointer; */
    transition: transform 0.2s ease;
    background: #fff;
}

.list-of-services .service-item:hover {
    /* transform: translateY(-2px); */
}

.list-of-services .icon-wrapper {
    position: relative;
    padding: 16px;
    border-radius: 50%;
    background-color: #f9fafb;
    transition: all 0.3s ease;
}

.list-of-services .service-item:hover .icon-wrapper {
    /* background-color: #f3f4f6; */
    /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); */
}

.list-of-services .icon {
    width: 30px;
    height: 30px;
    color: #4b5563;
    transition: color 0.3s ease;
}

.list-of-services .service-item:hover .icon {
    /* color: #2563eb; */
}

.list-of-services .service-name {
    display: flex;
    align-items: center;
    gap: 4px;
}

.list-of-services .name-text {
    font-size: 12px;
    color: #4b5563;
    font-weight: 500;
    white-space: nowrap;
}

.list-of-services .badge-new {
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 600;
    color: white;
    background-color: #8b5cf6;
    border-radius: 4px;
    text-transform: uppercase;
}





































.generic-modal .modal-inner-content {
    margin: auto;
    /* display: block; */
    width: 80%;
    max-width: max-content;
    padding: 2em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.generic-modal .close {
    position: absolute;
    top: 15px;
    right: 35px;
    /* color: #f1f1f1; */
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover, .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

#play-about-video {
    border: 0;
    background: transparent;
}

/* Swiper >>>>>>>>>>>>>>> */
.swipe-instruction {
    position: absolute;
    top: 40%;
    right: 0;
    width: 160px;
    height: 160px;
    background-size: contain;
    opacity: .9;
    z-index: 99;
}
.swiper:hover .swipe-instruction{
    display: none;
}
.swipe-instruction svg{
    animation: swipe 3s infinite ease-in-out;
    transition: all .5s;
    position: relative;
}
@keyframes swipe{
  0%{left:0;}
  30%{left:8%;}
  100%{left:8%;}
}
.swiper-overflow-hidden {
    overflow: hidden!important;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-wrapper {
    -webkit-transform: translate3d(0px,0,0);
    transform: translate3d(-6px,0,0);
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 900px;
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,.15);
}

.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-cards {
    -webkit-user-select: none;
    user-select: none;
    max-width: 100%;
    overflow: hidden;
}

.swiper-cards.swiper-initialized{
    overflow: visible;
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

.swiper-cards .swiper-slide {
    overflow: visible;
}

.swiper-cards .single-slide {
    border-radius: 3px;
    overflow: hidden;
}

.swiper-3d .swiper-slide-shadow {
    background: transparent;
}

.swiper-pagination-fraction {
    bottom: 0;
    position: absolute;
}

.rbt-dot-bottom-center .rbt-swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: max-content;
    transform: translateX(-50%);
    display: none;
}

.rbt-dot-bottom-center .rbt-swiper-pagination.swiper-pagination-fraction {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 3px;
}

.rbt-arrow-between {
    position: relative;
}

.rbt-arrow-between .rbt-swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.5s;
    opacity: 0;
    width: 58px;
    height: 58px;
    border-radius: 100%;
    z-index: 3;
}

.rbt-arrow-between .rbt-swiper-arrow .custom-overfolow {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.rbt-arrow-between .rbt-swiper-arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    margin-top: -9px;
    margin-left: -9px;
    z-index: 1;
    text-shadow: 0 0px 20px #fff, 0 0px 8px #fff, 0 0px 10px #fff, 0 0px 20px #fff;
    border-radius: 60px;
    padding: 0.4em;
    background: #ffffff00;
}

.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon {
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.rbt-arrow-between .rbt-swiper-arrow i.rbt-icon-top {
    position: absolute;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transform: translateX(300%);
}

.rbt-arrow-between .rbt-swiper-arrow::after {
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--color-white);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    z-index: -1;
}

.rbt-arrow-between .rbt-swiper-arrow:hover {
    color: var(--primary-color);
}

.rbt-arrow-between .rbt-swiper-arrow:hover::after {
    transform: scale(1.2);
}

.rbt-arrow-between .rbt-swiper-arrow:hover i.rbt-icon {
    transform: translateX(-300%);
}

.rbt-arrow-between .rbt-swiper-arrow:hover i.rbt-icon-top {
    transform: translateX(0);
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
    left: 30px;
}

@media only screen and (max-width: 768px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-left {
        left:20px;
    }
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right {
    left: auto;
    right: 30px;
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right i.rbt-icon-top {
    transform: translateX(-300%);
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon {
    transform: translateX(300%);
}

.rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right:hover i.rbt-icon-top {
    transform: translateX(0);
}

@media only screen and (max-width: 768px) {
    .rbt-arrow-between .rbt-swiper-arrow.rbt-arrow-right {
        left:auto;
        right: 20px;
    }
}

.rbt-arrow-between.rbt-dot-bottom-center .rbt-swiper-arrow {
    margin-top: -29px;
}

.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow {
    color: var(--color-white);
}

.rbt-arrow-between.icon-bg-primary .rbt-swiper-arrow::after {
}

.rbt-arrow-between:hover .rbt-swiper-arrow {
    opacity: 1;
}

.rbt-splash-inner-layout-inner {
    border-radius: 16px;
    max-height: 726px;
    overflow: hidden;
    border: 1px solid var(--secondary-color);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-inner-layout-inner {
        border-radius:0;
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-inner-layout-inner {
        border-radius:0;
        margin-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .rbt-splash-inner-layout-inner {
    margin: 0 1em;
    }
    .swiper-wrapper{
        -webkit-transform: none!important;
        transform: none!important;
    }
}

.rbt-splash-inner-layout-inner .thumbnail.image-left-content img {
    pointer-events: none;
    width: 100%;
    pointer-events: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .rbt-splash-inner-layout-inner .thumbnail.image-left-content img {
        border-radius:0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .rbt-splash-inner-layout-inner .thumbnail.image-left-content img {
        border-radius:0;
    }
}

@media only screen and (max-width: 768px) {
    .rbt-splash-inner-layout-inner .thumbnail.image-left-content img {
        width: 100%;
    }
}

.rbt-splash-inner-layout-inner .content {
    padding: 30px 20px;
    background-image: linear-gradient(to right, #fff, #ccc, #444, #fff);
    background-size: 300% 100%;
    display: none;
}

@media only screen and (max-width: 768px) {
    .rbt-splash-inner-layout-inner .content {
        padding:15px 20px;
    }
}

.rbt-splash-inner-layout-inner .content .title {
    margin-bottom: 0;
    font-size: 20px;
    color: var(--color-white);
}

@media only screen and (max-width: 768px) {
    .rbt-splash-inner-layout-inner .content .title {
        font-size:16px;
    }
}

.rbt-splash-inner-layout-inner .thumbnail.image-left-content img,.rbt-splash-inner-layout-inner .content {
    filter: grayscale(0);
}

.swiper-slide-active .rbt-splash-inner-layout-inner .thumbnail.image-left-content img,.swiper-slide-active .rbt-splash-inner-layout-inner .content {
    filter: grayscale(0);
}

.swiper-slide-active .rbt-splash-inner-layout-inner .image-left-content {
    width: 100%;
    height: 100%;
}

/* MAIN HEADER >>>>>>> */
header#main-header{
    --bg-1-intro-header: #ffffff9c;
    --bg-2-intro-header: var(--secondary-color);
}

header#main-header .wW62W3 {
    transition: 1s;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    position: fixed;
    width: 100%;
    top: 1.9em;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    box-shadow: 0 10px 8px -7px rgb(0 0 0 / 12%);
    height: 2.1em;
    z-index: 9992;
}

header#main-header.hidden .wW62W3{
    top: -6em;
}

header#main-header .wW62W3:before{
    content: '';
    background: var(--bg-1-intro-header);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* PRIMARY FIT HEADER */
#web-primary-header{
    width: 100%;
    height: 1.89em;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 9991;
    background: linear-gradient(to right, var(--bg-1-intro-header) 45%, var(--bg-2-intro-header) 45%);
}


header#main-header .wW62W3:before, #web-primary-header{
    backdrop-filter: blur(12px) ;
}
#web-primary-header .top-links a:hover{color: #ffeded;}

#web-primary-header .site-list a:hover{color:#ffeded;}

#web-primary-header .left-list{float: left;margin:0;padding:0;background: var(--secondary-color);min-width: 35em;margin-left: 7em;}
#web-primary-header .left-list li{float:left;list-style:none;padding: 0 1.8em 0 0;}
#web-primary-header .left-list li:last-child{padding-right: 0;}

#web-primary-header .top-links li:first-child a{
    background-image:none;
}

#web-primary-header .top-links>li{margin: 5px 0 4px 0;float: left;list-style: none;padding: 0;}
#web-primary-header .rgb-menu{float:left;padding: 0 0 0 11.5em;transition: padding 1s;}
#web-primary-header .rgb-menu .site-list li{position:relative;}
#web-primary-header .rgb-menu .site-list li:first-child:before{content: '';width: 4em;height: 1.6em;background: var(--secondary-color);position: absolute;top: -18px;left: -36px;border-radius: 50%;z-index: 99;}
#web-primary-header .rgb-menu .site-list li:first-child:after{position:absolute;bottom: -16px;left: 11px;display:block;width: 87px;height: 180px;content:"";background: var(--secondary-color);z-index: 9;clip-path: polygon(99% 42%, -538% 246%, -45% -152%, -42% -161%);ro;rotate: -120deg;border-radius: 39%;transition-timing-function: ease-out;0px;}
#web-primary-header .rgb-menu .site-list li:first-child a{padding-left: 0.2em;/* background: var(--bg-2-intro-header) url('../image/icons/bg-intro-header-menu.svg') left top no-repeat; */background-size: 45px;background-blend-mode: screen;}
#web-primary-header .rgb-menu .site-list .icon:before{margin-right:3px;font-size:19px;vertical-align:inherit;}
#web-primary-header .rgb-menu .site-list a{display:inline-block;height: 2.8em;background-color: var(--bg-2-intro-header);color: var(--white);font-size: 0.885em;font-weight: 500;line-height: 2.19em;transition: 480ms;position: relative;z-index: 91;text-shadow: 0 0 2px var(--black);}
#web-primary-header .rgb-menu .site-list li:first-child a:hover,#web-primary-header .rgb-menu .site-list .current a,#web-primary-header .rgb-menu .site-list a:hover{text-shadow: 0 0 2px var(--black);}
#web-primary-header .rgb-menu .site-list .current:nth-child(2):before{position:absolute;bottom:0;left:50%;display:block;width:0;height:0;margin-left: 14%;border-top:0 dotted;border-right: 4px solid transparent;border-bottom: 5px solid #f2f2f1;border-left: 4px solid transparent;content:"";}
#web-primary-header .top-links{
    float: right;
}
#web-primary-header .top-links a{padding: 0 0.9em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOAgMAAAB4GiXMAAAADFBMVEXMzMzMzMzMzMzMzMzKTFYSAAAABHRSTlO7dzMiCVX1AAAAAA1JREFUCNdjcMAJHwAAMbwEIZVnjfsAAAAASUVORK5CYII=') left center no-repeat;color: var(--white);font-size: 0.8em;font-weight: 400;}

#web-primary-header .top-links li:last-child a{
    font-weight: 600;
}

#web-primary-header .top-links a svg{
    width: 1em;
    height: 1em;
    vertical-align: text-top;
}

#web-primary-header .rgb-menu .title-nav {
    position: absolute;
    top: 0.3em;
    left: -5.2em;
    font-weight: 500;
    opacity: 0;
    transition: opacity 1s;
    display: none;
}

#main-header.hidden #web-primary-header .rgb-menu .title-nav{
    display: block;
}

#main-header.hidden #web-primary-header .container{
    position: relative;
}

#main-header.hidden #web-primary-header .rgb-menu .title-nav{
    opacity: 1;
}

#main-header.hidden #web-primary-header .rgb-menu{
    padding: 0;
}

.logo-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -1.7em;
    top: -0.872em;
    display: none;
}

.logo-loader .loader {
    transform: rotateZ(45deg);
    perspective: 1000px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    color: #e3060a;
}

.logo-loader .loader:before, .logo-loader .loader:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    border-radius: 50%;
    transform: rotateX(70deg);
    animation: 1s spin linear;
    animation-iteration-count: 10;
}

.logo-loader .loader:after {
    color: #1e9043;
    transform: rotateY(70deg);
    animation-delay: .4s;
}

@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(360deg);
    }
}

@keyframes rotateccw {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes spin {
    0%, 100% {
        box-shadow: .2em 0px 0 0px currentcolor;
    }

    12% {
        box-shadow: .2em .2em 0 0 currentcolor;
    }

    25% {
        box-shadow: 0 .2em 0 0px currentcolor;
    }

    37% {
        box-shadow: -.2em .2em 0 0 currentcolor;
    }

    50% {
        box-shadow: -.2em 0 0 0 currentcolor;
    }

    62% {
        box-shadow: -.2em -.2em 0 0 currentcolor;
    }

    75% {
        box-shadow: 0px -.2em 0 0 currentcolor;
    }

    87% {
        box-shadow: .2em -.2em 0 0 currentcolor;
    }
}

._2UT8qf {font-size: 0.905em;}

._3e1oEG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mv4JHj {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mv4JHj .logo-icon{
    display: none;
 font-size: 1.8em;
 margin-right: 0.4em;
}

.mv4JHj img {
    width: 100%;
    max-width: 23.6em;
    height: auto;
    position: relative;
    top: -0.5em;
}

@media (max-width: 1024px) {
    .wW62W3 {
        height: 60px!important;
        top: 0!important;
    }
    .logo-loader{display: none!important;!importan;!importa;!import;!impor;!impora;!impor;!impo;!imp;!im;!i;!;}
}

._3mBElT .container,
._3mBElT .container-fluid {
    display: flex;
    height: 100%;
    place-content: space-between;
}

._1BhdU4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    height: 100%;
}

._35pCKY {
    display: -webkit-box;
    display: flex;
    width: max-content;
    height: 100%;
}

.web-menu-container {
    display: -webkit-box;
    display: flex;
}

.web-menu-container {
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    width: 100%;
}

@media (min-width: 1600px) {
    .web-menu-container {
        padding-left: 2.211em;
    }
}

._2ulGkX {
    width: 1em;
    height: 1em;
}
.RAD1zg {
    height: 100%;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    padding: 0 0 0 1.81em;
    text-transform: lowercase;
}

@media (min-width: 1025px) and (max-width:1279px) {
    .RAD1zg {
        padding-left:5px;
        padding-right: 10px;
    }
}

@media (max-width: 768px) {
    .RAD1zg {
        padding-left:0;
        padding-right: 0;
    }
}

.header-submenu-container {
    display: flex;
    position: fixed;
    top: 100%;
    width: 100vw;
    top: 4em;
    left: 0;
    backdrop-filter: blur(35px);
    background-color: #f7f7f76e;
    overflow: auto;
    height: 0px;
    box-shadow: 0 8px 13px -6px #bcbcbc80;
}

.show-header-submenu .header-submenu-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 87vh;
}

@media (max-width: 1024px) {
    .header-submenu-container {
        top:unset;
        bottom: 100%;
        -webkit-box-shadow: 0 -4px 8px 0 rgba(100,102,106,.1),0 -1px 4px 0 rgba(100,102,106,.36);
        box-shadow: 0 -4px 8px 0 rgba(100,102,106,.1),0 -1px 4px 0 rgba(100,102,106,.36);
    }
}

._23pUoE {
    position: relative;
}

._23pUoE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 0.5rem;
    color: #000;
    border: 1px solid hsla(0,0%,100%,0);
    background-color: #f7f7f7;
}

._2uOkHY {
    background-color: var(--secondary-color);
    color: var(--white);
}

.fgwZn3 {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
}

._3cki0H {
    -webkit-transform: translate(-50%,-50%) rotateX(180deg)!important;
    transform: translate(-50%,-50%) rotateX(180deg)!important;
}
._3_lrZT {
    font-size: 0.86em;
    letter-spacing: .09rem;
    color: var(--secondary-color);
    font-weight: 400;
    display: block;
    text-transform: uppercase;
}

.PMxdg5{
    display: block;
    width: 2em;
    height: 1px;
    text-align: left;
    margin: 0.6em 0 0.2em;
    border: 1px solid rgb(185 185 185 / 25%);
}

._4HAJa6 {
    position: relative;
    padding-bottom: 48px;
    height: 100%;
    width: 100%;
}

@media (min-width: 1025px) {
    ._4HAJa6 {
        padding-top:1.75rem;
        padding-bottom: 0;
    }
}

@media (min-width: 1025px) and (min-width:82rem) {
    ._4HAJa6 {
        padding-top: 1.5em;
    }
}

._1XJRPH {
    transition: .1s;
    width: 100%;
    padding-left: 20%;
    margin-bottom: 1.2em;
}

@media (max-width: 1024px) {
    ._1XJRPH {
        padding-left:100px;
        width: 390px;
    }
}

@media (max-width: 768px) {
    ._1XJRPH {
        width:auto;
        padding-left: 0;
    }

    ._1XJRPH:last-child {
        padding-bottom: 2.75rem;
    }
}

@media (max-width: 768px) and (min-width:27.5rem) {
    ._1XJRPH:last-child {
        padding-bottom:calc(2.11927rem + 2.29358vw);
    }
}

@media (max-width: 768px) and (min-width:82rem) {
    ._1XJRPH:last-child {
        padding-bottom:4rem;
    }
}

@media (min-width: 1025px) {
    .-XV67w {
        width:100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 10px;
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),to(transparent));
        background: linear-gradient(rgba(0,0,0,.05),transparent);
        z-index: 1;
    }
}

._2vI0Rt {
    margin-right: 1rem;
    margin-top: 1rem;
}

@media (min-width: 768px) and (max-width:1024px) {
    ._2vI0Rt {
        margin-right:1.5rem;
        margin-top: 1.5rem;
    }
}

@media (min-width: 1025px) {
    ._2vI0Rt {
        margin-top:28px;
        margin-right: 28px;
    }
}

._1IM-dp {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    display: none;
    padding-top: 2.6em;
    padding-left: 7em;
    width: calc(100vw - 39%);
    height: 100%;
    height: max-content;
    min-height: -webkit-fill-available;
}
._1IM-dp.FfQW0v {
    display: block;
}

._1IM-dp a {
    margin-bottom: 0.75em;
    display: block;
    color: #333;
}

._1IM-dp a:hover span {
    color: #008254!important;
}
._1IM-dp .RdBzks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media (max-width: 1024px) {
    ._1IM-dp {
        width:calc(100vw - 390px);
        padding-left: 50px;
    }
}

@media (max-width: 768px) {
    ._1IM-dp {
        position:relative;
        top: unset;
        right: unset;
        height: auto;
        width: auto;
        padding: 0;
    }

    ._1IM-dp .RdBzks {
        display: block;
        margin-left: 1.75rem;
        margin-right: 1.75rem;
    }

    ._1IM-dp a {
        display: block;
        margin-bottom: 0;
        padding-bottom: .5rem;
        padding-top: .5rem;
        border-top: 1px solid;
        border-color: #d8d9da;
    }

    ._1IM-dp a:first-child {
        border-top-width: 0;
    }
}

@media (max-width: 768px) and (min-width:27.5rem) {
    ._1IM-dp .RdBzks {
        margin-left:calc(1.62385rem + .45872vw);
        margin-right: calc(1.62385rem + .45872vw);
    }
}

@media (max-width: 768px) and (min-width:82rem) {
    ._1IM-dp .RdBzks {
        margin-left:2rem;
        margin-right: 2rem;
    }
}

.RdBzks span:hover {
    text-decoration: underline;
    text-decoration-color: var(--secondary-color-hover);
}

._8MuoX2 {
    border-left: 0.5em solid transparent;
    padding-top: 0.34em;
    padding-bottom: 0.386em;
    padding-left: 1.5em;
    margin-left: -2em;
    display: block;
    max-width: 25em;
    color: var(--primary-color);
}

@media (min-width: 768px) and (max-width:1024px) {
    ._8MuoX2 {
        margin-bottom:13px;
    }
}

@media (max-width: 768px) {
    ._8MuoX2 {
        cursor:pointer;
    }
}

._8MuoX2.k1s0KS {
    border-left-color: var(--secondary-color););)
    revert-layer;)-;);
    background-color: #f3f3f3;
    color: var(--secondary-color);
}

@media (max-width: 768px) {
    ._8MuoX2.k1s0KS {
        background-color:#f7f7f7;
        margin-left: 0;
        margin-right: 0;
        padding-right: 1rem;
        padding-left: calc(1rem - 9px);
        border-left: 9px solid #008254;
        color: #008254;
        font-weight: 700;
    }
}

@media (max-width: 768px) {
    ._8MuoX2 {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 1rem;
        padding-left: 0;
        border-left-width: 0;
        padding-top: 19px;
        padding-bottom: 19px;
        border-bottom: 1px solid #d8d9da;
    }
}

._2XN7cJ ._3qcyMv {
    background-color: hsla(0,0%,100%,0);
    border-width: 0;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    color: #000;
    min-width: min-content;
    transition-property: background-color,box-shadow,color,-webkit-box-shadow;
    transition-duration: .15s;
    padding: 0;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2em;
    line-height: 0;
    z-index: 999;
}

._2XN7cJ ._3qcyMv:focus {
    outline: 2px solid #4b99e6;
    outline-offset: 4px;
}

._2XN7cJ ._3qcyMv:disabled {
    cursor: not-allowed;
}

._2XN7cJ ._3qcyMv:active {
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
}

@media (hover: none) {
    ._2XN7cJ ._3qcyMv:active {
        -webkit-transition-duration:.15s;
        transition-duration: .15s;
    }
}

/* TOP >>>>>> */
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}

._2kn0T0 {
    /* background: linear-gradient(calc(178.3deg + var(--angle) * 3),#76adff00 30.26%,#32f3994d 98.56%),linear-gradient(0deg,#fff6,#fff6),linear-gradient(0deg,#aab9ee80,#aab9ee80),conic-gradient(from 180deg at 50% 50%,#fff -4.92deg,#000 50.9deg,#000 58.12deg,#fff 87.99deg,#000 138.47deg,#fff 196.68deg,#000 243.23deg,#fff 288.52deg,#000 334.6deg,#fff 355.08deg,#000 410.9deg),conic-gradient(from calc(180deg - var(--angle) / 4) at 50% 50%,#fff -4.92deg,#000 48.91deg,#000 50.9deg,#fff 87.99deg,#000 138.47deg,#fff 196.68deg,#000 243.23deg,#fff 288.52deg,#000 334.6deg,#fff 355.08deg,#000 408.91deg),radial-gradient(111.84% 111.84% at 2.63% -11.84%,#deff7c 19.99%,#feb0fe 37.34%,#8571ff 58.49%,#4eebc6 80.11%,#5cb1ff 91.82%); */
    background-blend-mode: normal,normal,normal,screen,difference,normal;
    transition: --angle 0.5s;
    font-size: 0.85em;
    font-weight: 800;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

._2kn0T0:hover {
    --angle: 40deg;
    transition-duration: calc(var(--spring-duration)* 0.5);
}

._2kn0T0::after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    width: 50px;
    z-index: 10;
    transition: all 1.15s cubic-bezier(.19, 1, .22, 1);
}

._2kn0T0:hover::after {
    animation: slideOut 1.15s cubic-bezier(.19, 1, .22, 1);
}

@keyframes slideOut {
    to {
        left: 120%;
    }
}

._2kn0T0:active {
    -webkit-box-shadow: inset 0 0 0 1px #008254;
    box-shadow: inset 0 0 0 1px #008254;
    color: #008254!important;
}

@media (hover: none) {
    ._2kn0T0:hover {
        -webkit-box-shadow:inset 0 0 0 1px #008254;
        box-shadow: inset 0 0 0 1px #008254;
        color: #008254!important;
    }

    ._2kn0T0:active {
        -webkit-box-shadow: inset 0 0 0 2px #006642;
        box-shadow: inset 0 0 0 2px #006642;
        color: #006642!important;
    }
}


._3kmJPx {
    min-width: max-content;
    height: 100%;
}

._1LDs4b {
    position: fixed;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    opacity: .4;
    z-index: 898;
    display: none;
}

._3Rh-eS {
    display: block;
}

._2ulGkX {
    width: 1em;
    height: 1em;
}

._langs{
    height: 2.91em;
}

._langs .lang{
    display: block;
    width: 2em;
}

._langs .lang{
    display: block;
    height: 50%;
}

._langs .lang img{
    width: auto;
    height: 100%;
}

@media (max-width: 375px) {

    .mv4JHj img{
        display: none;
    }

}

@media (max-width: 768px) {
    .header-submenu-container {
        background-color:#f7f7f7;
        overflow: auto;
        height: calc(100vh - 146px);
        background-color: #f9f9f9;
    }
    .mv4JHj img{
        width: 90%;
    }
    ._2kn0T0{
        padding: 0.5em;
    }
}

/* MAIN APPLICATION */
#main-application{
    min-height: 50vh;
    position: relative;
    background-color: #fff;
    z-index: var(--z-index-main-application);
}

#main-application .styles_container___7oRc section{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 8em;
    padding-bottom: 8em;
    background: #f9fafc;
}

.styles_features__gg9rk {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.styles_features__gg9rk .styles_container___7oRc {
  /* background: white; */
  position: sticky;
  top: 0;
  margin: 0;
  width: 100vw;
  min-height: 200vh;
  min-height: calc(100vh * 2);
}

.styles_features__gg9rk .styles_container___7oRc.styles_container___7oRc_relative {
  position: relative;
  min-height: 120vh;
}

.styles_features__gg9rk .styles_container___7oRc:nth-child(2n) {
  background: #fcfcfc;
}

.styles_features__gg9rk .styles_container___7oRc .styles_feature__iFGEW {
  box-shadow: 0 0 0 1000px transparent;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  min-height: 100vh;
  display: grid;
  grid-gap: 2rem;
  gap: 2rem;
  /* align-items: center; */
  /* justify-content: center; */
  transition: transform .5s ease-in-out;
  position: relative;
}

.styles_headline__SDLWO .styles_title__WW72Y {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 800px;
  padding-right: 6rem;
}

.styles_features__gg9rk .styles_container___7oRc .styles_feature__iFGEW .styles_content__VIFYJ {
  height: 100%;
}


.vpn-version-ovellay-background {/* background: #000; *//* background: rgb(36 42 44); */background: linear-gradient(175deg, rgb(32 28 39 / 23%) 0%, rgb(11 11 11 / 12%) 0%, rgb(55 62 64 / 33%) 100%);position: absolute;left: 0;right: 0;top: 0;opacity: 0.1;}
.vpn-version-ovellay-background:after{content: '';position: absolute;top: 0;left: 0;right: 0;height: 140px;background: linear-gradient(0deg, transparent 0%, rgb(0 0 0) 100%);}





























.generic-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 87%);
    z-index: 9999;
}

.generic-modal .modal-inner-content video {
    width: 100%;
    margin: 0;
    padding: 0;
}

.generic-modal .close {
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
}

.all_listings {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 30;
}

.listings_wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
}

.discovering_wrap {
    width: 70%;
    float: left;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.listing_categories_wrap {
    width: 48%;
    float: right;
}

.discovering {
    width: 100%;
    height: auto;
    float: left;
}

.listing_categories_wrap .listing_categories {
    display: table-cell;
    vertical-align: middle;
}

.discovering .title_holder h3 {
}

.discovering .title_holder h3 {
    margin: 0;
    margin-bottom: 0.2em;
}

.discovering .title_holder span {
    color: #253147;
}

.listing_categories_wrap .listing_categories .cat_single_wrap {
    float: left;
    width: 100%;
    height: auto;
    clear: both;
}

.cat_single_wrap .cat_single {
    width: 120px;
    height: 120px;
    position: relative;
    display: inline-block;
    margin: 0px 4px 0 0px;
}

.cat_single_wrap .cat_single_bg {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 5;
}

.cat_single_wrap .cat_single_content {
    width: 100%;
    height: auto;
    float: left;
    z-index: 30;
    position: relative;
}

.cat_single_wrap .cat_single_bg .overlay_color {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.cat_single_wrap .cat_single_content a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 120px;
    text-align: left;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.cat_single_wrap .cat_single_content a:hover {
    color: #f1f2e6;
}

.cat_single_wrap .cat_single:hover .overlay_color {
    border-color: #fff;
}

.cat_single_wrap .cat_single_content a .svg {
    width: 32px;
    height: 30px;
    position: absolute;
    bottom: 51px;
    left: 50%;
    margin-left: -16px;
    fill: #fff;
}

.cat_single_wrap .cat_single_content a span.cat_title {
    position: absolute;
    bottom: 28px;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1;
    text-align: center;
    width: 100%;
}

/* Exit window pop up >>>>>> */
#dy-popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    padding: 15px;
    display: none;
    z-index: 999999;
}

#dy-popup-overlay .dy-popup-optout {
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dy-popup-container {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: 600px;
    border: 1px solid var(--light);
    border-radius: 4px;
    background-color: var(--bg);
    margin: auto;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s;
    opacity: 0;
    animation-name: dy-fadein;
    animation-duration: 1s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

/* Remove before adding to Dynamic Yield */
@keyframes dy-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.dy-popup-container h2 {
    margin: 0.1em 0 0;
}

.dy-popup-container h1 {
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0.5em 0 2em;
}

.dy-popup-container hr {
    height: 1px;
    width: 33%;
    background-color: #ccc;
    border: 0;
    margin: 0 auto 10px auto;
}

.dy-popup-container p {
    font-size: 1rem;
    line-height: 1.2;
    color: #333;
    margin: 0 0 15px 0;
}

.dy-popup-container #dy-popup-btn {
    background-color: #68c143;
    border: 1px solid #68c143;
    border-bottom: #54af2e 3px solid;
    padding: 0 1.5em;
}

.dy-popup-container #dy-popup-btn:focus, .dy-popup-container #dy-popup-btn:hover {
    background-color: #5eb53a;
}

.dy-popup-container .dy-popup-close {
    position: absolute;
    right: 1em;
    top: 1em;
    width: 1.1em;
    height: 1.1em;
    opacity: 0.5;
    transition: opacity 0.2s;
    cursor: pointer;
}

.dy-popup-container .dy-popup-close:hover {
    opacity: 1;
}

.dy-popup-container .dy-popup-close:before, .dy-popup-container .dy-popup-close:after {
    position: absolute;
    left: 10px;
    content: "";
    height: 20px;
    width: 2px;
    background-color: #999;
}

.dy-popup-container .dy-popup-close:before {
    transform: rotate(45deg);
}

.dy-popup-container .dy-popup-close:after {
    transform: rotate(-45deg);
}

.dy-popup-container .dy-popup-col {
    display: flex;
    flex: 1;
    flex-direction: column;
    /* padding: 15px; */
    justify-content: center;
    align-items: center;
}

.dy-popup-container .dy-popup-label {
    font-size: 1.4rem;
    font-weight: 300;
    text-align: center;
}

.dy-popup-container .dy-voucher-group {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 3.8em;
}

.dy-popup-container #dy-voucher-code {
    padding: 0.8em 0em 0.8em 1em;
    border-radius: 3px 0 0 3px;
    border: 1px solid #d8d8d8;
    border-right: 0;
    width: 100%;
}

.dy-popup-container #dy-voucher-code:focus {
    outline: 0;
}

.dy-popup-container .dy-popup-optout {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
    magin-bottom: 30px;
}

.dy-popup-container .dy-popup-optout:focus, .dy-popup-container .dy-popup-optout:hover {
    color: #000;
}

@keyframes piscar {
    0%, 49% {
        opacity: 1;
    }

    50%, 100% {
        opacity: 0;
    }
}

.c-piscando {
    animation: piscar 1s linear infinite;
    position: relative;
    left: -0.31em;
    top: -0.11em;
}

@media (max-width: 768px) {
    .mv4JHj img {
        max-width: 12em;
        top: 1.5em;
    }

    .title-1 {
        /*width: 100%;
        display: block;*/
    }

    .rbt-arrow-between .rbt-swiper-arrow {
        opacity: 1!important;
        z-index: 9999;
        width: 2em;
        height: 2em;
    }
}
















































.metodologia span.title-common {
    font-size: 1em;
    margin: 0 0 0.4em;
    opacity: .4;
}

.metodologia .title-common svg {
width: 1em;position: relative;top: -2px;opacity: 0.3;
}

.metodologia {
    overflow: hidden;
}

.metodologia .btn--line {
    color: #fff;
    background: red;
    padding: 0 1em;
}

.metodologia div.info {
    float: left;
    width: 60%;
}
.metodologia div.info.right {
    width: 32%;
    margin-top: 2em;
    float: right;
    text-align: right;
}

.metodologia ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%!important;
    float: left;
    margin: 0;
}

.metodologia ul:after {
    content: '';
    display: block;
    position: absolute;
    top: 28px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e80006;
    z-index: 1;
}

.metodologia ul li {
    position: relative;
    z-index: 2;
    float: left;
    display: block;
    width: 22%;
    margin: 0 4% 0 0;
}

.metodologia ul li:last-child{
    margin: 0;
}

.metodologia ul li span:not(.title-common) {
    display: block;
    position: relative;
    width: 4em;
    height: 4em;
    margin: 0 0 2em;
    background-color: #fff;
    border-radius: 50%;
}

.metodologia ul li span:not(.title-common) svg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;}

.metodologia ul li span i {
    display: block;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 50%;
    height: 50%;
}

.metodologia ul li span.title-common {
    margin: 0;
    font-size: 18px;
}

.metodologia ul li h3.title-common {
    margin: 0.6em 0 0.2em;
}

@media (max-width: 992px) {
.metodologia div.info{
        width: 100%;
    text-align: center;
}

.metodologia div.info.right{
    display: none;
}

.metodologia ul{

    padding: 0 0 0 2.5em;
}

.metodologia ul:after {
    left: 1.6em;
    width: 2px;
    height: 100%;
    background-color: #ff080859;
}

.metodologia ul li{
    float: none;
    width: 100%;
    margin: 0 0 1.8em;
}

.metodologia ul li span:not(.title-common){
    position: relative;
    left: -2.66em;
    border: 2px solid #fbb2b4;
    margin: 0 0 1.5em;
}

}





























































.owl-carousel:not(.owl-cases):not(.owl-stories):not(.owl-carrossel) .owl-stage {
    padding-left: 0!important;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    z-index: 2;
    overflow: visible;
    transform: translate3d(0px,0px,0px);
}

.owl-carousel .owl-item {
    backface-visibility: hidden;
    transform: translate3d(0,0,0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}













.about-us-video{
    display: none;
}
.about-us-video,
.about-us-video .content,
.about-us-video .content video{
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 99999;
}

.about-us-video .mask {
  position: fixed;
  width: 0;
  height: 0;
  background-color: black;
  border-radius: 50%;
  transition: width 3s, height 3s, border-radius 3s, top 3s, left 3s;
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
}

.about-us-video .close {
    float: right;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    color: #f1f1f1;
    font-size: 3.5em;
    transition: 0.3s;
    position: fixed;
    top: 0.14em;
    right: 0.4em;
    cursor: pointer;
    z-index: 999999;
}


.pt-50 {
    padding-top: 50px;
} 

.pb-65 { 
    padding-bottom: 65px;
} 

.fancy-short-banner-ten .bg-wrapper  {
    background: var(--tertiary-color) url(../image/bgs/the-brand-protection-squad-lead-image.jpg) no-repeat;
    background-size: cover;
    background-position: left -240.603px;
    border-radius: 12px;
} 

.fancy-short-banner-ten .bg-wrapper::after {
    content: '';
    position: absolute;
    top: 12px;
    right: -12px;
    bottom: -12px;
    left: 12px;
    background: #e70004;
    z-index: -1;
    border-radius: 12px;
} 

.fw-bold {
    font-weight: 400!important;
} 

.fancy-short-banner-ten h2  { 
    line-height: 1.20em; 
    letter-spacing: -1px;
} 

@media (min-width: 992px){ 

.mv4JHj .logo-icon{
    display: inline;

}
  .justify-content-lg-end { 
    justify-content: flex-end!important;
  } 
}     

.fancy-short-banner-ten .btn-line  {
    font-size: 18px;
    padding-bottom: 5px;
    color: var(--white);
    font-weight: 600;
    margin-top: 0.25em;
    margin-right: 1.8em;
    text-shadow: 0 0 10px #fff, 0 0 6px #000;
} 

.fancy-short-banner-ten .btn-line::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: var(--danger);
} 

.fancy-short-banner-ten .btn-solid  {
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    padding: 0 50px;
    background: var(--success);
} 

.fancy-short-banner-ten .btn-solid:hover {
    background: var(--success-hover);
}




























/* seguidores section */
:root {
    --primary-color-100: #e10b10;
    --primary-color-200: #f05161;
    --color-neutral-100: #f5f5f5;
    --color-neutral-600: #ffffff;
    --color-white-full: #14ad4e;
}

  .heroBanner__section .container {
  background: url(../image/bgs/comprar-seguidores.png);
  background-repeat: no-repeat;
  background-size: initial;
  background-position: right 38%;
  background-size: 57%;
  } 
@media (max-width: 1024px) {
 .heroBanner__section .container{
     background: none;
 }   
}
.heroBanner__flexbox-top {
    max-width: 648px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: relative;
} 

.heroBanner__flexbox-bottom { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    padding: 24px 0 48px 0; 
    position: relative;
} 

@media screen and (min-width: 1366px){ 
  .heroBanner__flexbox-bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 0 0;
  } 
}     

.heroBanner__signFiberContainer { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    width: 100%;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__signFiberContainer { 
    -webkit-box-align: start; 
    -ms-flex-align: start; 
    align-items: flex-start;
  } 
}     

.heroBanner__knowPlans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__knowPlans {
    max-width: 476px;
  } 
}     

@media screen and (min-width: 1366px){ 
  .heroBanner__knowPlans {
    padding-top: 2em;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  } 
}     

.heroBanner__benefitsArea {
    grid-template-columns: repeat(2,1fr);
    display: grid;
    list-style: none;
    column-gap: 16px;
    row-gap: 24px;
    margin-bottom: 0;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__benefitsArea {
    grid-template-columns: repeat(3,1fr);
    column-gap: 78px;
    row-gap: 24px;
  } 
}     

@media screen and (min-width: 1366px){ 
  .heroBanner__benefitsArea {
    column-gap: 80px;
    row-gap: 0;
  } 
}     

.heroBanner__signFiberOffer { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__signFiberOffer { 
    -webkit-box-align: start; 
    -ms-flex-align: start; 
    align-items: flex-start;
  } 
}     

.heroBanner__paymentInfo {
    color: #000;
    font-size: .79rem;
    line-height: 135%;
    margin-bottom: 12px;
} 

.heroBanner__signFiberCTA {
    color: var(--color-neutral-600)!important;
    max-width: 259px;
    background-color: var(--primary-color-200);
    gap: 8px;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__signFiberCTA { 
    max-width: 276px;
  } 
}     

@media screen and (min-width: 1366px){ 
  .heroBanner__signFiberCTA { 
    max-width: 312px;
  } 
}     

.home-cta {
    width: 100%;
    height: 48px;
    border-radius: 999px;
    font-size: 1rem;
    line-height: 150%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 900;
} 

.dazzle-hover { 
    -webkit-transition: all ease .2s; 
    transition: all ease .2s;
} 

.dazzle-hover:hover {animation: none;} 

.heroBanner__knowPlans__topicTitle {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 8px;
    color: #000;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__knowPlans__topicTitle { 
    font-size: 1.25rem;
  } 
}     

.heroBanner__knowPlans__title {
    font-size: 1.89rem;
    line-height: 125%;
    font-weight: 700;
    margin: 0;
    color: var(--color-white-full);
}  

.heroBanner__signFiberPriceArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 86px;
    color: var(--primary-color-200);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px;
} 

.heroBanner__knowPlans__topicTitle b  { 
    color: var(--primary-color-200); 
    font-weight: 400;
} 

.heroBanner__knowPlans__title b  { 
    color: var(--primary-color-200);
} 

.heroBanner__benefitCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 9px;
    padding: 24px 0 0 16px;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__benefitCard {
    gap: 0px;
    padding: 0 0 0 2em;
    padding-right: 0;
  } 
}     

@media screen and (min-width: 1366px){ 
  .heroBanner__benefitCard {
    width: 180px;
  } 
}

.heroBanner__priceCifrao {
    font-size: 3rem;
    line-height: 100%;
    font-weight: 500;
    width: 60px;
    color: var(--secondary-color);
} 

.heroBanner__priceIntValue {
    font-size: 7.25rem;
    line-height: 72px;
    font-weight: 500;
    margin-right: 8px;
    color: var(--secondary-color);
} 

.heroBanner__decimalValueAndDeadlineArea { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-box-orient: vertical; 
    -webkit-box-direction: normal; 
    -ms-flex-direction: column; 
    flex-direction: column;
} 

@media screen and (min-width: 1366px){ 
  .heroBanner__decimalValueAndDeadlineArea {
    margin-left: -5px;
    color: var(--secondary-color);
  } 
}     

.heroBanner__benefitCard img  { 
    width: 33px; 
    height: 33px;
} 

.heroBanner__benefitCardDescription {
    color: var(--color-white-full);
    font-size: 1rem;
    line-height: 150%;
    font-weight: 400;
    margin: 0;
} 

.heroBanner__benefitCardItem:nth-child(1) .heroBanner__benefitCardDescription  { 
    max-width: 90px;
} 

.heroBanner__benefitCardItem:nth-child(2) .heroBanner__benefitCardDescription  { 
    max-width: 134px;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__benefitCardItem:nth-child(2) .heroBanner__benefitCardDescription  { 
    max-width: 140px;
  } 
}     

.heroBanner__benefitCardItem:nth-child(3) .heroBanner__benefitCardDescription  { 
    max-width: 115px;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__benefitCardItem:nth-child(3) .heroBanner__benefitCardDescription  { 
    max-width: 124px;
  } 
}     

.heroBanner__benefitCardItem:nth-child(4) .heroBanner__benefitCardDescription  { 
    max-width: 90px;
} 

.heroBanner__benefitCardItem:nth-child(5) .heroBanner__benefitCardDescription  { 
    max-width: 115px;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__benefitCardItem:nth-child(6) .heroBanner__benefitCardDescription  { 
    max-width: 144px;
  } 
}     

.heroBanner__decimalValue { 
    font-size: 32px; 
    line-height: 100%; 
    font-weight: 500;
} 

.heroBanner__deadline {
    font-size: 1.1em;
    line-height: 100%;
    color: var(--color-white-full);
} 

.heroBanner__benefitCardItem:nth-child(1) .heroBanner__benefitCardDescription b  { 
    white-space: nowrap;
} 

.heroBanner__benefitCardItem:nth-child(6) .heroBanner__benefitCardDescription b:nth-child(3)  { 
    white-space: nowrap;
} 

@media screen and (min-width: 768px){ 
  .heroBanner__benefitCardItem:nth-child(6) .heroBanner__benefitCardDescription b:nth-child(3)  { 
    white-space: initial;
  } 
}     








































/* HEADER MENU MOBILE >>>>>> */
#open-header-menu-mobile {background: #fff;width: 3em;height: 52%;margin-right: 0.8em;align-self: center;border: 2px solid var(--danger);color: var(--danger);}

#header-menu-mobile.hmm-nav,
#header-menu-mobile .hmm-nav{
  position: fixed;
  left: 0;
  max-width: 100vw;
  height: 100vh;
  transform: translateX(-100%);
  transition: transform 0.3s ease-in-out;
  z-index: 999;
  top: 0;
  padding-top: 4.5em;
}

#header-menu-mobile.hmm-nav.visible,
#header-menu-mobile .hmm-nav.visible{
  transform: translateX(0);
}

#header-menu-mobile.nav-black {
  background-color: var(--secondary-color);
  width: 60%;
  max-width: 480px;
  min-width: 320px;
  transition-delay: 0.4s;
}

#header-menu-mobile.nav-black.visible {
  transition-delay: 0s;
}

#header-menu-mobile .nav-red {
  background-color: rgb(229, 9, 20);
  width: 95%;
  transition-delay: 0.2s;
}

#header-menu-mobile .nav-red.visible {
  transition-delay: 0.2s;
}

#header-menu-mobile .nav-white {
  background-color: white;
  width: 95%;
  padding: 2em 1em 0;
  position: relative;
  transition-delay: 0s;
  overflow-x: hidden;
  overflow-y: scroll;
}

#header-menu-mobile .nav-white.visible {
  transition-delay: 0.4s;
}

#header-menu-mobile .close-btn {
  opacity: 0.3;
  position: absolute;
  top: 0.4em;
  right: 0.55em;
  cursor: pointer;
  border-radius: 100%;
  border: 1px solid #959595;
  width: 2em;
  height: 2em;
  text-align: center;
  padding: 0;
}

#header-menu-mobile .title{
    text-transform: uppercase;
    border-left: 3px solid var(--green);
    padding-left: 0.5em;
    line-height: 1em;
    font-weight: 700;
    font-size: 0.8em;
    color: var(--green);
    margin-bottom: 0.8em;
}

#header-menu-mobile .list {
  list-style-type: none;
  padding: 0;
  margin-bottom: 1.8em;
}

#header-menu-mobile .list li {
  margin: 0 0 0.5em;
}

#header-menu-mobile .list li a {
  color: rgb(34, 31, 31);
  font-size: 0.88em;
  text-decoration: none;
  display: block;
}

#header-menu-mobile .list ul {
  padding: 0 0 0 2em;
  margin: 0.5em 0 0 0;
  font-size: 0.9em;
  list-style: initial;
}



@media (max-width: 768px) {

    .generic-modal .modal-inner-content {
        padding: 1em!important;
    }

    .generic-modal .close {
        top: -0.06em!important;
        right: 0.4em!important;
        font-size: 1.3em!important;
    }

    .single-brand-logo img {
        width: 7em;
    }

    .home-linear-bg:before {
        height: 36%;
    }

    .home-linear-bg:after {
        background: linear-gradient(to bottom, transparent, #a4bacd);
    }

    .text-center-xs {
        text-align: center;
    }

    .text-effect {
        text-shadow: none;
    }

    .filter-inputs .typer-container {
        font-size: 1.3em;
        top: 0;
        left: 1em;
        min-height: 2.2em;
        line-height: 2.37em;
    }

    .mobile-text-center {
        text-align: center;
    }

    .mobile-revert-element {
        flex-direction: column-reverse;
    }

    .filter-search-form-1 {
        height: auto;
    }

    .filter-search-form-1 .filter-inputs {
        padding-top: 0;
        padding-bottom: 0;
    }

    .filter-search-form-1 .filter-inputs .form-group {
        margin-bottom: 3px;
    }

    .filter-search-form-1 .filter-inputs .form-group > .form-control {
        font-size: 1em;
        height: 3.2em;
        background: #ffffffbd;
    }

    .filter-search-form-1 .button-block {
        height: 3em;
    }

    .generic-modal .btn-reset {
        right: 0.5em;
        top: 0.5em;
        background: transparent;
    }
}





/* TESTIMONIALS */
.testimonial .row .tabs {
  all: unset;
  margin-right: 50px;
  display: flex;
  flex-direction: column;
}
.testimonial .row .tabs li {
  all: unset;
  display: block;
  position: relative;
}
.testimonial .row .tabs li.active::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background-color: var(--secondary-color);
  border-radius: 50%;
}
.testimonial .row .tabs li.active::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  background-color: var(--secondary-color);
  border-radius: 50%;
}
.testimonial .row .tabs li:nth-child(1) {
  align-self: flex-end;
}
.testimonial .row .tabs li:nth-child(1)::before {
  left: 64%;
  bottom: -70px;
}
.testimonial .row .tabs li:nth-child(1)::after {
  left: 97%;
  bottom: -101px;
}
.testimonial .row .tabs li:nth-child(2) {
  align-self: flex-start;
}
.testimonial .row .tabs li:nth-child(2)::before {
  right: -80px;
  top: 50%;
}
.testimonial .row .tabs li:nth-child(2)::after {
  bottom: 92px;
  border-radius: 50%;
  right: -120px;
}
.testimonial .row .tabs li:nth-child(2) figure {width: 16em;height: 16em;}
.testimonial .row .tabs li:nth-child(3) {
  align-self: flex-end;
}
.testimonial .row .tabs li:nth-child(3)::before {
  right: -10px;
  top: -55%;
}
.testimonial .row .tabs li:nth-child(3)::after {
  top: -130px;
  border-radius: 50%;
  right: -46px;
}
.testimonial .row .tabs li:nth-child(3):focus {
  border: 10px solid red;
}
.testimonial .row .tabs li figure {
    position: relative;
    background: #f7f7f7;
    border-radius: 100%;
    min-width: 13em;
    min-height: 13em;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.testimonial .row .tabs li figure img {
  display: block;
  user-select: none;
  pointer-events: none;
  height: fit-content;
  max-width: 80%;
}
.testimonial .row .tabs li figure::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: 4px solid #dff9d9;
  border-radius: 50%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.testimonial .row .tabs li figure:hover::after {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.testimonial .row .tabs.carousel-indicators li.active figure::after {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.testimonial .row .carousel h3 {
  font-weight: 100;
  color: var(--red);
}
.testimonial .row .carousel .carousel-indicators {
  all: unset;
  padding-top: 43px;
  display: flex;
  list-style: none;
}
.testimonial .row .carousel .carousel-indicators li {
  background-clip: padding-box;
  height: 2px;
}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h5 {
  margin-top: 0.6em;
}
@media only screen and (max-width: 1200px) {
  .testimonial .row .tabs {
    margin-right: 25px;
  }
}








/* COOKIES CONSENT */
.cookies-consent {
  position: fixed!important;
  bottom: 13em;
  right: -20em;
  max-width: 18em;
  width: 100%;
  background: var(--light);
  border-radius: 7px;
  padding: 1em 1.5em 1.25em;
  transition: right 1s cubic-bezier(0, 1.29, 0.94, -0.56);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  z-index: 9;
}
.cookies-consent.show{
    right: 1em;
}
.cookies-consent header {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.cookies-consent header img {
    margin: 0 0.15em 0 0;
    position: relative;
    top: -4.75px;
    width: 1em;
    height: 1em;
}
.cookies-consent header h2 {
  font-weight: 500;
  margin: 0 0 0.18em;
}
.cookies-consent .data p {
  font-size: 16px;
}
.cookies-consent .data p a {
  color: var(--secondary-color);
  text-decoration: none;
}
.cookies-consent .data p a:hover {
  text-decoration: underline;
}
.cookies-consent .buttons {
  margin-top: 0.8em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cookies-consent .buttons .button {
  border: 2px solid transparent;
  color: #fff;
  padding: 8px 0;
  border-radius: 4px;
  background: var(--secondary-color);
  cursor: pointer;
  width: calc(100% / 2 - 10px);
  transition: all 0.2s ease;
}
.cookies-consent .buttons #acceptCookiesBtn:hover {
  background-color: var(--primary-color);
}
.cookies-consent #declineCookiesBtn {
  border: 2px solid var(--secondary-color);
  background-color: transparent;
  color: var(--secondary-color);
}
.cookies-consent #declineCookiesBtn:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}












































/* SECTION BUDGET BANNER */
@media (prefers-reduced-motion: no-preference){ 
  :root { 
    scroll-behavior: smooth;
  } 
}     

@media all{ 
  :root { 
    --text-color: #48494E; 
    --prime-six: #FFD338; 
  } 

#section-budget-banner   .text-start { 
    text-align: left!important;
  } 


#section-budget-banner   .pr-table-wrapper  {
    border: 1px solid #E3E3E3;
    padding: 30px 35px 26px;
    /* margin-top: 40px; */
    position: relative;
    z-index: 1;
    text-align: center;
    transition: all 0.3s ease-in-out;
  } 

#section-budget-banner   .pr-table-wrapper.full-width  { 
    border: 2px solid #000; 
    border-top-width: 5px;
  } 

#section-budget-banner   .pricing-table-area-four .pr-table-wrapper::before { 
    content: ''; 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; 
    left: 0; 
    border: 2px solid #000; 
    z-index: -1; 
    opacity: 0; 
    transition: all 0.3s ease-in-out;
  } 

#section-budget-banner   .pricing-table-area-four .pr-table-wrapper:hover::before, .pricing-table-area-four .pr-table-wrapper.active::before { 
    opacity: 1;
  } 

}     

@media (min-width: 768px){ 
#section-budget-banner   .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  } 
}     

@media (min-width: 992px){ 
#section-budget-banner   .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  } 
}     

@media all{ 
#section-budget-banner   .ms-auto { 
    margin-left: auto!important;
  } 

#section-budget-banner   .text-center { 
    text-align: center!important;
  } 

#section-budget-banner   .fw-500 { 
    font-weight: 500;
  } 

#section-budget-banner   .tx-dark { 
    color: #000;
  } 

#section-budget-banner   .pack-name  { 
    font-size: 28px;
  } 

#section-budget-banner   .text-uppercase { 
    text-transform: uppercase!important;
  } 

#section-budget-banner   .pack-details  { 
    color: #878787; 
    letter-spacing: 2px; 
    padding: 5px 0 35px;
  } 

#section-budget-banner   .pack-details  { 
    padding-bottom: 20px;
  } 

#section-budget-banner   p {
    margin-top: 0;
    margin-bottom: 1rem;
  } 

#section-budget-banner   .mb-30 { 
    margin-bottom: 30px;
  } 

#section-budget-banner   a { 
    color: #0d6efd; 
    text-decoration: underline;
  } 

#section-budget-banner   a { 
    text-decoration: none; 
    display: inline-block; 
    color: inherit;
  } 

#section-budget-banner   .position-relative { 
    position: relative!important;
  } 

#section-budget-banner   .btn-fifteen  { 
    font-size: 18px; 
    color: #000; 
    letter-spacing: -0.5px; 
    line-height: initial;
  } 

#section-budget-banner   .btn-fifteen  { 
    font-size: 16px;
  } 

#section-budget-banner   body .btn-fifteen::before { 
    content: ''; 
    position: absolute; 
    left: 0; 
    bottom: -4px; 
    height: 2px; 
    width: 100%; 
    background: #000; 
    transition: all 0.3s ease-in-out;
  } 

#section-budget-banner   a:hover { 
    color: #0a58ca;
  } 

#section-budget-banner   a:hover { 
    text-decoration: none; 
    outline: none;
  } 

#section-budget-banner   body .btn-fifteen:hover::before { 
    background: var(--prime-six);
  } 

#section-budget-banner   .align-items-center { 
    align-items: center!important;
  } 
}     

@media (min-width: 768px){ 
#section-budget-banner   .d-md-flex { 
    display: flex!important;
  } 
}     

@media all{ 
#section-budget-banner   .top-banner  { 
    padding: 9px 5px 10px 25px; 
    color: #000; 
    text-align: left;
  } 

#section-budget-banner   .pt-15 { 
    padding-top: 15px;
  } 

#section-budget-banner   .pb-20 { 
    padding-bottom: 20px;
  } 

#section-budget-banner   .trial-text  { 
    color: rgba(0, 0, 0, 0.5);
  } 

#section-budget-banner   .trial-button  { 
    display: block; 
    font-size: 16px; 
    font-weight: 500; 
    color: #000; 
    line-height: 52px; 
    border: 2px solid #000; 
    transition: all 0.3s ease-in-out;
  } 

#section-budget-banner   .pricing-table-area-four .pr-table-wrapper .trial-button:hover { 
    background: #000; 
    color: #fff;
  } 

#section-budget-banner   .price  { 
    font-size: 40px; 
    padding: 0 22px 0 0;
  } 

#section-budget-banner   sup { 
    position: relative; 
    font-size: .75em; 
    line-height: 0; 
    vertical-align: baseline;
  } 

#section-budget-banner   sup { 
    top: -.5em;
  } 

#section-budget-banner   .price sup  { 
    font-size: 20px; 
    top: -13px; 
    left: -4px;
  } 

#section-budget-banner   .top-banner span  { 
    font-size: 22px;
  } 

#section-budget-banner   .d-block { 
    display: block!important;
  } 

#section-budget-banner   .top-banner em  { 
    font-size: 14px; 
    font-style: normal; 
    margin-top: -2px;
  } 
}     


#section-budget-banner #style-Ek8k5.style-Ek8k5 {  
   background:#E4F4F1;  
}  











































 .marquee-container img{
    vertical-align:middle;
    max-width:100%;
    display:inline-block;
}
 .marquee-container .w-inline-block{
    max-width:100%;
    display:inline-block;
}

 @media screen and (max-width:991px){
     .marquee-container .w-container{
        max-width:728px;
    }
}
 @media screen and (max-width:479px){
     .marquee-container .w-container{
        max-width:none;
    }
}
 @media screen and (max-width:991px){
     .marquee-container .w-layout-blockcontainer{
        max-width:728px;
    }
}
 @media screen and (max-width:767px){
     .marquee-container .w-layout-blockcontainer{
        max-width:none;
    }
}
 .marquee-container img{
    max-width:100%;
    display:inline-block;
}
 .marquee-container .grow{
    flex:1;
}
 .marquee-container .normal{
    font-weight:400;
}
 .marquee-container .padding-y---m{
    padding-top: 4em;
    padding-bottom: 7em;
}

 .marquee-container .padding-x---s{
    padding-left: 1.5em;
    padding-right: 1.5em;
}
 .marquee-container .text---black:hover{
    color:var(--black);
}
 .marquee-container .background---tertiary{background: repeating-linear-gradient(45deg, #edfff18c, #ffffff 47em);}
 .marquee-container .background---white{
    background-color:var(--white);
}
 .marquee-container .flex{
    grid-row-gap:1rem;
    display:flex;
}
 .marquee-container .flex.align-center,.flex.align-center.vertical{
    align-items:center;
}
 .marquee-container .flex.vertical{
    flex-direction:column;
}
 .marquee-container .flex.vertical.align-left{
    align-items:flex-start;
    z-index: 9;
}
 .marquee-container .flex.gap-m{
    grid-column-gap:2rem;
}
 .marquee-container .center{
    text-align:center;
}
 .marquee-container .border-radius-m{
    border-radius: 7px;
    box-shadow: 16px 19px 30px 10px #f7faf5c2;
}
 .marquee-container .overflow-auto{
    overflow:auto;
}
 .marquee-container .logos{
    object-fit:contain;
    max-width:8rem;
    height:2rem;
}
 .marquee-container .logos.is-medium{
    max-width:11rem;
    height:2.4rem;
}
 .marquee-container .pill-icon{
    background-color:transparent;
    flex:none;
    justify-content:center;
    align-items:center;
    width: 1.15em;
    height: 1.15em;
    display:flex;
}
 .marquee-container .pill{
    grid-column-gap:.5rem;
    text-transform:capitalize;
    border-radius: 6em;
    padding: .5em 1em;
    font-weight:600;
    display:flex;
}
 .marquee-container .body-large{
    line-height: 145%;
}
 .marquee-container .marquee{
    width:100%;
    display:flex;
    position:relative;
}
 .marquee-container .marquee.is-vertical{
    grid-column-gap:1rem;
    grid-row-gap:1rem;
    flex-direction:row;
    align-items:flex-start;
    height:100%;
}
 .marquee-container .marquee-track{
    z-index:1;
    flex-flow:row;
    flex:none;
    align-items:center;
    padding-top:1.125rem;
    padding-bottom:1.125rem;
    display:flex;
    position:relative;
}
 .marquee-container .marquee-track.is-slower.is-vertical{
    flex-direction:column;
    flex:1;
    align-items:stretch;
}
 .marquee-container .headline{
    letter-spacing:-.04em;
    margin-bottom:0;
    font-weight:700;
}
 .marquee-container .headline.xxl{
    font-size: 4em;
}
 .marquee-container .headline.xs{
    font-size:1.5rem;
}
 .marquee-container .headline.xxs{
    font-size:1rem;
}
 .marquee-container .card{
    border:2px solid var(--white);
    color:var(--black);
    border-radius:2rem;
    flex-direction:column;
    flex:1;
    justify-content:center;
    align-items:center;
    width:100%;
    padding:3.571vw;
    transition:all .4s;
    display:flex;
}
 .marquee-container .card:hover{
    color:var(--black);
}
 .marquee-container .card.s{
    border-width:1px;
    border-color:var(--neutral-1-slate-gray);
    flex:none;
    align-items:stretch;
    padding:2rem;
}
 .marquee-container .card.s.background---transparent-white{
    border-width:2px;
    border-color:var(--white);
    background-color:rgba(255,255,255,.75);
}
 .marquee-container .card.xs{
    border-width:1px;
    border-color:var(--neutral-1-slate-gray);
    background-color:var(--white);
    border-radius:1rem;
    flex:1;
    justify-content:flex-start;
    align-items:stretch;
    padding:1rem;
}
 .marquee-container .marquee-content{
    grid-column-gap:1rem;
    grid-row-gap:1rem;
    flex:none;
    align-items:flex-start;
    padding-right:1rem;
    list-style-type:none;
    display:flex;
}
 .marquee-container .marquee-content.align-stretch{
    align-items:stretch;
}
 .marquee-container .marquee-content.align-stretch.overflow-auto{
    overflow:visible;
}
 .marquee-container .marquee-content.is-vertical{
    flex-direction:column;
    padding-bottom:1rem;
    padding-right:0;
}
 .marquee-container .marquee-content.overflow-auto{
    overflow:visible;
}
 .marquee-container .right-rail{
    flex-direction:column;
    flex:none;
}
 .marquee-container .right-rail.is-xl{
    width: 685px;
    max-width: 57%;
}
 .marquee-container .bottom-gradient{
    background-image: linear-gradient(rgb(255 255 255 / 3%), #fff);
    width:100%;
    height:200px;
    position:absolute;
    top:auto;
    bottom:0%;
    right:0%;
}
 .marquee-container .bottom-gradient.is-large{
    z-index:0;
    height: 94%;
}
 .marquee-container .link-new{
    grid-column-gap:.5rem;
    grid-row-gap:.5rem;
    color:var(--primary-electric-indigo);
    text-align:left;
    letter-spacing:-.015em;
    cursor:pointer;
    align-items:center;
    font-size:1rem;
    font-weight:700;
    line-height:110%;
    transition:all .4s;
    display:flex;
}
 .marquee-container .link-new:hover{
    grid-column-gap:.75rem;
    grid-row-gap:.75rem;
    color:var(--primary-dark-electric-indigo);
}
 .marquee-container .link-new.text---black{
    color:var(--black);
}
 .marquee-container .link-new.text---black.opacity-50:hover{
    opacity:1;
}
 .marquee-container .link-arrow{
    justify-content:center;
    align-items:center;
    display:flex;
}
 .marquee-container .opacity-50{
    opacity:.5;
}
 .marquee-container .icon---medium{
    flex:none;
    width:3rem;
    min-width:3rem;
}
 .marquee-container .vertical-marquee-container{
    z-index:10;
    justify-content:flex-start;
    align-items:center;
    width:auto;
    height:100%;
    display:flex;
    position:absolute;
    top:0%;
    bottom:0%;
    left:55%;
    right:-10%;
}
 .marquee-container .vertical-marquee-container.is-security{
    z-index:0;
}
 .marquee-container .grayscale{
}
 .marquee-container .marquee-track-horizontal{
    z-index:1;
    flex-flow:row;
    flex:none;
    align-items:center;
    display:flex;
    position:relative;
}
 .marquee-container .show-tab{
    display:none;
}
 .marquee-container .has-shadow-new{
    box-shadow:0 0 rgba(116,116,116,0),0 .7px .1px rgba(116,116,116,.067),0 1.6px .3px rgba(116,116,116,.082),0 2.7px .6px rgba(116,116,116,.09),0 4.3px 1.4px rgba(116,116,116,.098),0 7px 3px rgba(116,116,116,.1),0 11.8px 6.1px rgba(116,116,116,.106),0 21px 12.5px rgba(116,116,116,.11),0 42.3px 27.8px rgba(116,116,116,.118);
}
 @media screen and (min-width:1920px){
     .marquee-container .marquee-track{
        position:relative;
        overflow:visible;
    }
     .marquee-container .bottom-gradient{
        z-index:0;
    }
     .marquee-container .vertical-marquee-container.is-security{
        left:60%;
        right: 3%;
    }
     .marquee-container .marquee-track-horizontal{
        position:relative;
        overflow:visible;
    }
}
 @media screen and (max-width:991px){
     .marquee-container .flex.vertical-tab{
        flex-direction:column;
        justify-content:flex-start;
        align-items:stretch;
    }
     .marquee-container .flex.justify-center-tab{
        justify-content:center;
    }
     .marquee-container .flex.vertical.align-left.grow.align-center-tab,.flex.vertical.align-left.align-center-tab{
        align-items:center;
    }
     .marquee-container .flex.align-center-tab{
        align-items:center;
    }
     .marquee-container .flex.grow.vertical.align-center-tab.position-relative.align-left{
        padding-left:0%;
    }
     .marquee-container .center-tab{
        text-align:center;
    }
     .marquee-container .logos{
        max-width:10rem;
    }
     .marquee-container .marquee.is-vertical{
        grid-column-gap:0rem;
    }
     .marquee-container .marquee-track.is-slower.is-vertical{
        padding-right:.5rem;
    }
     .marquee-container .marquee-track.is-slower.is-vertical.is-opposite{
        padding-left:.5rem;
        padding-right:0;
    }
     .marquee-container .headline.xxl{
        font-size:5rem;
    }
     .marquee-container .card.xs.max-150{
        flex:none;
        justify-content:center;
        width:150px;
    }
     .marquee-container .card.xs.max-150.has-shadow-new{
        box-shadow:0 0 rgba(116,116,116,0),0 1px .1px rgba(116,116,116,.067),0 2px .3px rgba(116,116,116,.082),0 3px .6px rgba(116,116,116,.09),0 4px 1.4px rgba(116,116,116,.098),0 7px 3px rgba(116,116,116,.1),0 12px 6.1px rgba(116,116,116,.106),0 21px 12.5px rgba(116,116,116,.11),0 42px 27.8px rgba(116,116,116,.118);
    }
     .marquee-container .right-rail.full-width-tab{
        width:100%;
    }
     .marquee-container .right-rail.is-xl.full-width-tab{
        max-width:100%;
    }
     .marquee-container .hide-tab{
        display:none;
    }
     .marquee-container .vertical-marquee-container{
        z-index:0;
        width:100%;
        height:400px;
        margin-bottom:-3rem;
        position:relative;
        left:0%;
        right:0%;
    }
     .marquee-container .vertical-marquee-container.is-security{
        margin-top:-3rem;
        margin-bottom:0;
        padding-left:3.571vw;
        padding-right:3.571vw;
        display:none;
        left:0%;
        right:0%;
        overflow:hidden;
    }
     .marquee-container .show-tab{
        display:block;
    }
}
 @media screen and (max-width:767px){
     .marquee-container .padding-y---m{
        padding-top:10.714vw;
        padding-bottom:10.714vw;
    }
     .marquee-container .logos{
        max-width:120px;
        height:25px;
    }
     .marquee-container .body-large{
        font-size:1.25rem;
    }
     .marquee-container .marquee-track{
        padding-top:1rem;
        padding-bottom:1rem;
    }
     .marquee-container .headline.xxl{
        font-size:3.75rem;
    }
     .marquee-container .card.s{
        padding:1.5rem;
    }
     .marquee-container .link-new{
        font-size:.875rem;
    }
     .marquee-container .container---xl{
        padding-left:0;
        padding-right:0;
    }
     .marquee-container .border-radius-0-mob{
        border-radius:0;
    }
}
 @media screen and (max-width:479px){
     .marquee-container h2{
        font-size:2.25rem;
    }
     .marquee-container h3{
        font-weight:500;
    }
     .marquee-container .padding-top---s{
        padding-top:20px;
    }
     .marquee-container .flex.gap-m.wrap{
        grid-column-gap:1rem;
        grid-row-gap:1rem;
    }
     .marquee-container .body-large{
        letter-spacing:-.02rem;
        font-size:1rem;
        font-weight:400;
    }
     .marquee-container .marquee-track.is-slower.is-vertical{
        padding-right:0;
    }
     .marquee-container .marquee-track.is-slower.is-vertical.is-opposite{
        display:none;
    }
     .marquee-container .headline.xxl{
        font-size:2.8rem;
    }
     .marquee-container .card{
        padding:1.5rem;
    }
     .marquee-container .container---xl{
        width:100%;
        max-width:100%;
        margin-right:auto;
    }
}
/*! CSS Used from: Embedded */
 .marquee-container .balanced{
    text-wrap:balance;
    font-size: 1.6em;
}
/*! CSS Used from: Embedded */
 .marquee-container .marquee-track.is-vertical{
    will-change:transform;
    animation:marquee-vertical 60s linear infinite!important;
}
 .marquee-container .marquee-track.is-vertical.is-opposite{
    will-change:transform;
    animation:marquee-vertical-alt 60s linear infinite!important;
}
 .marquee-container .marquee-track.is-vertical.is-slower{
    will-change:transform;
    animation:marquee-vertical 200s linear infinite!important;
}
 .marquee-container .marquee-track.is-vertical.is-opposite.is-slower{
    will-change:transform;
    animation:marquee-vertical-alt 200s linear infinite!important;
}
 .marquee-container .marquee-track-horizontal{
    will-change:transform;
    animation-play-state:running;
    animation:marquee-horizontal 200s linear infinite!important;
}
 @media (prefers-reduced-motion){
     .marquee-container .marquee-track-horizontal,.marquee-track.is-vertical.is-opposite.is-slower,.marquee-track.is-vertical.is-slower,.marquee-track.is-vertical.is-opposite,.marquee-track.is-vertical{
        animation-play-state:paused!important;
    }
}
/*! CSS Used from: Embedded */
 .marquee-container img{
    max-width:100%;
    height:auto;
    width: 12em;
}
/*! CSS Used from: Embedded */
 .marquee-container .marquee-track{
    will-change:transform;
    animation-play-state:running;
    animation:marquee-horizontal 120s linear infinite;
}
 .marquee-container .marquee-track.is-slower{
    animation:marquee-horizontal 200s linear infinite!important;
}
 .marquee-container .marquee-track:hover{
    animation-play-state:paused;
}
/*! CSS Used keyframes */
 @keyframes marquee-vertical{
    from{
        transform:translateY(-50%);
    }
    to{
        transform:translateY(0%);
    }
}
 @keyframes marquee-vertical{
    from{
        transform:translateY(-50%);
    }
    to{
        transform:translateY(0%);
    }
}
 @keyframes marquee-vertical-alt{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-50%);
    }
}
 @keyframes marquee-vertical-alt{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-50%);
    }
}
 @keyframes marquee-horizontal{
    from{
        transform:translateX(0%);
    }
    to{
        transform:translateX(-50%);
    }
}
 @keyframes marquee-horizontal{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-50%);
    }
}






/* SECTION INTEGRATIONS */
#section-integrations .wrapper-one {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: linear-gradient(var(--tertiary-color), var(--white) 100%);
    border-radius: 18px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.9fr 1fr;
    grid-auto-columns: 1fr;
    height: 526px;
    display: grid;
    position: relative;
    overflow: hidden;
}

#section-integrations .middle-one {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    text-align: center;
    flex-flow: column;
    padding-top: 8em;
    display: flex;
    position: relative;
}

#section-integrations .div-block-39 {
    flex-flow: column;
    display: flex;
    position: relative;
}

#section-integrations .image-61 {
    width: 191px;
}

#section-integrations .image-62 {
    filter: blur(7px);
    width: 191px;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

#section-integrations .div-block-40 {
    display: flex;
    margin: auto;
}

#section-integrations .left-column {
    z-index: 2;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: 100%;
    display: flex;
    position: relative;
    transform: translate(-85px);
}

#section-integrations .right-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
    transform: translate(85px);
}

#section-integrations .vertical-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    height: 100%;
    padding-bottom: 0;
    display: flex;
}

#section-integrations .holder-1-l {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    order: -1;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    display: flex;
}

#section-integrations .image-64 {
    width: 140px;
    height: 140px;
}

#section-integrations .wrapper-vertical-1 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    height: 100%;
    display: flex;
    will-change: transform;
    animation: marquee-vertical 200s linear infinite !important;
}

#section-integrations .wrapper-vertical-1-down {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    justify-items: center;
    display: flex;
    will-change: transform;
    animation: marquee-vertical-alt 200s linear infinite !important;
}

#section-integrations .vertical-l-down {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    padding-bottom: 0;
    display: flex;
}

#section-integrations .left-shadow {
    z-index: 6;
    filter: blur(20px);
    background-image: linear-gradient(90deg, var(--secondary-color) -80%, rgba(15, 6, 44, 0));
    width: 100px;
    height: 120%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: -28px;
    right: auto;
}

#section-integrations .right-shadow {
    z-index: 6;
    filter: blur(20px);
    background-image: linear-gradient(260deg, var(--secondary-color) -80%, rgba(15, 6, 44, 0));
    width: 100px;
    height: 120%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: -28px;
}


































.cta-link {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: inherit;
    margin: 0 0px;
    transition: margin 0.25s;
    cursor: help;
}

.cta-link svg {
    width: 76px;
    height: 40px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 7px) translateZ(0);
    fill: none;
    stroke: var(--quintennial-color);
    stroke-linecap: round;
    stroke-width: 2px;
    stroke-dasharray: 69px 278px;
    stroke-dashoffset: 361px;
    transition: stroke 0.25s ease 0s, stroke-dasharray 0.35s;
}

.cta-link:hover {
    margin: 0 4px;
}

.cta-link:hover svg {
    stroke: var(--quintennial-color);
    transition-delay: 0.1s;
    stroke-dasharray: 180px 278px;
}













































@media (min-width: 992px) {
    .functions .sidebar-lg-fixed  {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        text-align: center;
        width: 95%;
        height: max-content;
        padding-top: 6.5em;
        margin-top: -6.5em;
    } 
}

.functions ul.sidebar li  {
    padding-bottom: 3em;
    display: -ms-grid;
    display: grid;
    place-content: flex-start;
    gap: 10px; 
    grid-template-areas: "icon title" "icon text";
} 

.functions ul.sidebar li:last-child  {
    border-bottom: none;
    padding-bottom: 0;
} 

.functions ul.sidebar li .icons  {
    grid-area: icon;
    width: 3em;
    height: 3em;
    background: rgb(164 233 147 / 10%);
    border-radius: 50%;
    position: relative;
} 
.functions ul.sidebar li .icons img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}





/* PROMOTION */
.bKVatd{padding:8px 0px;background-color: #bcfbbc;}
.bKVatd .container{display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;}
.bKVatd .banner__desc{display: flex;flex-direction: column;}
.bKVatd .banner__timer{display:flex;-webkit-box-align:center;align-items:center;}
.bKVatd .banner__countdown{display:flex;-webkit-box-align:center;align-items:center;}
.bKVatd .banner__countdown .countdown__box{display:flex;flex-direction:column-reverse;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;position:relative;width:44px;height:44px;border-radius:8px;background:rgba(255, 255, 255, 0.698);padding:4px 10px;margin-right:16px;}
.bKVatd .banner__countdown .countdown__box--item{color:rgb(32, 32, 32);}
.bKVatd .banner__countdown .countdown__box--item.text{font-size:12px;font-weight:400;line-height:16px;}
.bKVatd .banner__countdown .countdown__box--item.number{font-size:16px;font-weight:700;line-height:16px;}
.bKVatd .banner__countdown .countdown__box::before{content:":";position:absolute;top:50%;transform:translateY(-50%);right: -12px;font-size:24px;font-weight:700;line-height:32px;color:rgb(255, 255, 255);}
.bKVatd .banner__countdown .countdown__box:last-of-type{margin-right:0px;}
.bKVatd .banner__countdown .countdown__box:last-of-type::before{content:"";}










































































.cmp-image__image{display:block;}
.cmp-image__image{width:100%;}
.cmp-image{display:-webkit-box;display:-ms-flexbox;display:flex;}
.cmp-image__image{width:inherit;}
.cmp-image--hideOnMobile{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;}
@media screen and (max-width:768px){
.cmp-image--hideOnMobile{display:none!important;}
}
.responsive-columns__row--left{text-align:left;}
@media only screen and (min-width:576px){
.responsive-columns__row--desktop-left{text-align:left;}
}
/*! CSS Used from: Embedded */
#temp-slider .temp-slider-left{overflow:hidden;position:relative;}
#temp-slides-left{display:flex;height:100%;padding:0;}
#temp-slides-left{animation:scrollLeft 80s linear infinite;}
/*#temp-slides-left:hover{animation-play-state:paused;}*/
#temp-slides-left .image.section{margin: 0 0.8em;border: 1px solid #9e9d9d26;border-radius: 3px;box-shadow: 0 14px 10px -9px #33333333;}
#temp-slider .cmp-image--hideOnMobile img{padding-bottom:12px;}
#temp-slides-left img.cmp-image__image{height: 26em;max-width:unset;border-radius: 5px;pointer-events: none;}
@media screen and (max-width: 767px){
#temp-slides-left{animation:scrollLeftMobile 50s linear infinite;}
}
/*! CSS Used keyframes */
@keyframes scrollLeft{0%{transform:translateX(0);}100%{transform:translateX(-5453.5px);}}





















































.ms-2{margin-left:.5rem!important;}
.mt_3_neg{margin-top:-3px!important;}
.bNzfav{position:relative;display:block;height:fit-content;animation:10s linear 0s infinite normal none running hue-rotate;}
.bNzfav .button{text-transform:lowercase;}
.bNzfav .button::first-letter{text-transform:capitalize;}
.bNzfav .button{width:100%;-webkit-font-smoothing:antialiased;border:none;border-radius:100px;display:inline-block;font-size:18px;font-weight:600;text-decoration:none;user-select:none;color:white;padding:14px 30px;transition:all 0.1s ease-out 0s;}
.bNzfav .button:hover{background-color:rgb(144, 254, 181);color:rgb(255, 255, 255);}
.bNzfav .button:active{transform:scale(0.95);}
.bNzfav .button--bubble{position:relative;z-index:2;color:white;background:none;}
.bNzfav .button--bubble:hover{background:none;}
.bNzfav .button--bubble:active + .button--bubble__effect-container{transform:scale(0.95);}
.bNzfav .button--bubble__container{position:relative;display:inline-block;}
.bNzfav .button--bubble__container .effect-button{position:absolute;width:100%;height:100%;top:0%;left:0%;z-index:1;background:linear-gradient(148deg, rgb(44, 131, 251) 0%, rgb(25, 112, 234) 100%);transition:background 0.1s ease-out 0s;}
.bNzfav .button--bubble__effect-container{position:absolute;display:block;width:100%;height:100%;top:0%;left:0%;filter:url("https://leadster.com.br/leadster-ai/?utm_ai=true#goo");transition:all 0.1s ease-out 0s;pointer-events:none;}
.bNzfav .button--bubble__effect-container .circle{position:absolute;width:25px;height:25px;border-radius:15px;transition:background 0.1s ease-out 0s;opacity:0;}
.bNzfav .button--bubble__effect-container .circle.top-left{background-color:rgb(44, 131, 251);top:0%;left:0%;}
.bNzfav .button--bubble__effect-container .circle.bottom-right{background-color:rgb(25, 112, 234);bottom:0%;right:0%;}
.bNzfav .goo{position:absolute;visibility:hidden;width:100%;height:100%;}
@media (max-width: 1499px){
.bNzfav .button{font-size:16px;padding:15px 35px;}
}
@media (max-width: 699px){
.bNzfav{width:100%;}
.bNzfav .button{width:100%;font-size:14px;padding:15px 5px;}
.bNzfav .button--bubble__container{width:100%;}
}
.fPqhhJ{display:flex;justify-content:center;overflow: hidden;}
@media (max-width: 699px){
.fPqhhJ{padding:80px 0px 30px;}
}
.lfApig{border-radius:32px;background: linear-gradient(97deg, rgb(244 255 227) 0%, rgb(232 255 222) 27.6%, rgb(219 255 210) 48.96%, rgb(221 255 218) 86.46%, rgb(236 252 212) 100%);padding-inline:80px;display:grid;grid-template-columns: 1fr 38%;gap:50px;width: 100%;}
@media (max-width: 1699px){
.lfApig{gap:30px;padding-inline:50px;}
}
@media (max-width: 1080px){
.lfApig{width:90%;gap:30px;display:flex;flex-direction:column-reverse;padding-inline:5vw;}
}
.PKOJN{display:flex;flex-direction:column;margin:93px 0px;}
@media (max-width: 1699px){
.PKOJN{margin:50px 0px;}
}
@media (max-width: 1080px){
.PKOJN{margin:0px 0px 5vw;}
}
.dqEMMx{display:flex;flex-direction:column;width:fit-content;}
.dqEMMx span{font-weight:900;background: linear-gradient(90deg, var(--primary-color) 0.87%, var(--secondary-color) 34.22%, var(--quintennial-color) 67.57%, var(--secondary-color) 100.92%) text;-webkit-text-fill-color:transparent;}
@media (max-width: 1699px){
.dqEMMx{font-size:40px;}
}
@media (max-width: 699px){
.dqEMMx{display:block;font-size:30px;}
}
.hrqTla{margin-top:10px;}
@media (max-width: 1699px){
.hrqTla{font-size:16px;}
}
.gAJeYC{display:flex;flex-direction:column;gap:10px;padding:0px;margin:20px 0px 40px;}
.gAJeYC li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;}
.gAJeYC li svg{
    color: rgb(0, 201, 148);
}
.gAJeYC li span{}
@media (max-width: 1699px){
.gAJeYC li span{font-size:16px;}
}
.cPbWBb{display:flex;align-items:flex-end;justify-content:flex-end;gap:23px;}
@media (max-width: 1080px){
.cPbWBb{justify-content:center;height:350px;}
}
@media (max-width: 699px){
.cPbWBb{height:250px;gap:4%;}
}
.emSIyJ{width:224px;height:55%;background:white;border-radius:32px 32px 0px 0px;padding-top:50px;transform-origin:center bottom;}
@media (max-width: 1699px){
.emSIyJ{width:180px;}
}
@media (max-width: 1080px){
.emSIyJ{border-radius:30px 30px 0px 40px;}
}
@media (max-width: 699px){
.emSIyJ{border-radius:20px 20px 0px 60px;width:48%;height:65%;padding-top:30px;}
}
.iWRljK{
    width:224px;
    height:calc(100% + 48px);
    background: linear-gradient(11deg, var(--secondary-color) -3.44%, var(--secondary-color) 30.92%, var(--secondary-color-hover) 65.28%, var(--quaternary-color) 99.64%);
    border-radius:32px 32px 0px 0px;
    padding-top:50px;
    transform-origin:center bottom;
    }
@media (min-width: 1081px){
    .iWRljK{
        animation: 1s rollup linear;
        animation-iteration-count: 1;
    }
}
@keyframes rollup {
    0% {
        transform: translate(0px, 100%);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@media (max-width: 1699px){
.iWRljK{width:180px;}
}
@media (max-width: 1080px){
.iWRljK{border-radius:30px 30px 40px 0px;}
}
@media (max-width: 699px){
.iWRljK{border-radius:20px 20px 60px 0px;width:48%;height:calc(100% + 48px);padding-top:30px;}
}
.eAcxdb{display:flex;flex-direction:column;text-align:center;font-weight:500;letter-spacing:0.96px;color:rgb(27, 42, 51);font-size:16px;}
.eAcxdb .numbers{font-size:48px;}
.eAcxdb .numbers .plus{font-size:32px;font-weight:900;}
@media (max-width: 1699px){
.eAcxdb .numbers{font-size:35px;}
.eAcxdb .numbers .plus{font-size:25px;font-weight:900;}
}
@media (max-width: 699px){
.eAcxdb{font-size:12px;}
.eAcxdb .numbers{font-size:40px;}
.eAcxdb .numbers .plus{font-size:18px;}
}
.iTsOGj{display:flex;flex-direction:column;text-align:center;font-weight:500;letter-spacing:0.96px;color:white;font-size:16px;}
.iTsOGj .numbers{font-size:48px;}
.iTsOGj .numbers .plus{font-size:32px;font-weight:900;}
@media (max-width: 1699px){
.iTsOGj .numbers{font-size:35px;}
.iTsOGj .numbers .plus{font-size:25px;font-weight:900;}
}
@media (max-width: 699px){
.iTsOGj{font-size:12px;}
.iTsOGj .numbers{font-size:40px;}
.iTsOGj .numbers .plus{font-size:18px;}
}




































.btn-pulse {
  animation: pulse 2s infinite 2s cubic-bezier(0.25, 0, 0, 1);
  box-shadow: 0 0 0 0 rgb(212 212 13 / 32%);
}

@keyframes pulse {
  to {
    box-shadow: 0 0 0 18px rgb(212 212 13 / 1%);
  }
}

.btn-bird {
    position: relative;
    display: inline-flex;
    overflow: hidden;
    top: -2px;
    border-radius: 3px;
    cursor: pointer;
}
.btn-bird__text {
  padding: 0.16em 0.623em 0.12em 0.2em;
  text-align: center;
  margin: 0;
  width: 100%;
  display: block;
  position: relative;
  z-index: 9;
  background: var(--white);
  border: 1px solid var(--secondary-color);
  border-radius: 3px;
}
.btn-bird:focus {
  outline: none;
}
.btn-bird:hover .bird--30 {
  left: 600px;
  top: -550px;
  opacity: 0;
  transition: left 1.5s cubic-bezier(0.42, 0, 0.58, 1), top 1.5s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.5s linear 1s;
}
.btn-bird:hover .bird--30:after {
  left: 50px;
  top: 50px;
  transition: all 1.5s cubic-bezier(0.42, 0, 0.58, 1) -0.5s;
}
.btn-bird:hover .bird--30:before {
  left: -50px;
  top: 50px;
  transition: all 1.5s cubic-bezier(0.42, 0, 0.58, 1) -0.5s;
}
.btn-bird .feather {
  position: absolute;
  width: 18%;
  left: 40%;
  top: 12px;
  display: none;
  opacity: 0;
  fill: #131335;
}
.btn-bird svg,
.btn-bird span{
    visibility: hidden;
}
.btn-bird:hover svg,
.btn-bird:hover span,
.btn-bird.active svg,
.btn-bird.active span{
    visibility: visible;
}
.btn-bird.active{
    overflow: visible;
}
.btn-bird.active {
  background-color: transparent;
  transition: all 0.2s linear 0.1s;
}
.btn-bird.active .btn-bird__text {
  color: #131335;
  -webkit-animation: text-fade 1.5s 0.2s;
          animation: text-fade 1.5s 0.2s;
}
.btn-bird.active .feather {
  display: block;
  -webkit-animation: feather-fade 1.5s linear 0.5s forwards;
          animation: feather-fade 1.5s linear 0.5s forwards;
}
.btn-bird.active .bird--20,
.btn-bird.active .bird--19,
.btn-bird.active .bird--18,
.btn-bird.active .bird--21,
.btn-bird.active .bird--23,
.btn-bird.active .bird--25,
.btn-bird.active .bird--30 {
  left: 600px;
  top: -550px;
  opacity: 0;
  transition: left 2s cubic-bezier(0.42, 0, 0.58, 1), top 2s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.5s linear 1.5s;
}
.btn-bird.active .bird--5,
.btn-bird.active .bird--17,
.btn-bird.active .bird--16,
.btn-bird.active .bird--15,
.btn-bird.active .bird--22 {
  left: 600px;
  top: -600px;
  opacity: 0;
  transition: left 2s cubic-bezier(0.42, 0, 0.58, 1) 0.1s, top 2s cubic-bezier(0.42, 0, 0.58, 1) 0.1s, opacity 0.5s linear 1.6s;
}
.btn-bird.active .bird--14,
.btn-bird.active .bird--13,
.btn-bird.active .bird--12,
.btn-bird.active .bird--24,
.btn-bird.active .bird--1 {
  left: 650px;
  top: -650px;
  opacity: 0;
  transition: left 2s cubic-bezier(0.42, 0, 0.58, 1) 0.15s, top 2s cubic-bezier(0.42, 0, 0.58, 1) 0.15s, opacity 0.5s linear 1.65s;
}
.btn-bird.active .bird--11,
.btn-bird.active .bird--10,
.btn-bird.active .bird--9,
.btn-bird.active .bird--26,
.btn-bird.active .bird--27 {
  left: 650px;
  top: -700px;
  opacity: 0;
  transition: left 2s cubic-bezier(0.42, 0, 0.58, 1) 0.2s, top 2s cubic-bezier(0.42, 0, 0.58, 1) 0.2s, opacity 0.5s linear 1.7s;
}
.btn-bird.active .bird--8,
.btn-bird.active .bird--7,
.btn-bird.active .bird--6,
.btn-bird.active .bird--28 {
  left: 700px;
  top: -750px;
  opacity: 0;
  transition: left 2s cubic-bezier(0.42, 0, 0.58, 1) 0.25s, top 2s cubic-bezier(0.42, 0, 0.58, 1) 0.25s, opacity 0.5s linear 1.75s;
}
.btn-bird.active .bird,
.btn-bird.active .bird--4,
.btn-bird.active .bird--29,
.btn-bird.active .bird--3 {
  left: 750px;
  top: -800px;
  opacity: 0;
  transition: left 2s cubic-bezier(0.42, 0, 0.58, 1) 0.3s, top 2s cubic-bezier(0.42, 0, 0.58, 1) 0.3s, opacity 0.5s linear 1.8s;
}
.btn-bird.active .bird--2 {
  left: 850px;
  top: -850px;
  opacity: 0;
  transition: left 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0.35s, top 1.5s cubic-bezier(0.42, 0, 0.58, 1) 0.35s, opacity 0.5s linear 1.8s;
}
.btn-bird.active .bird--5:after,
.btn-bird.active .bird--4:after,
.btn-bird.active .bird--8:after,
.btn-bird.active .bird--14:before,
.btn-bird.active .bird--16:after,
.btn-bird.active .bird--17:before,
.btn-bird.active .bird--21:after,
.btn-bird.active .bird--30:after,
.btn-bird.active .bird--30:before {
  left: 50px;
  top: -100px;
  transition: all 1s cubic-bezier(0.42, 0, 0.58, 1) -0.3s;
}
.btn-bird.active .bird--4:before,
.btn-bird.active .bird--7:before,
.btn-bird.active .bird--9:after,
.btn-bird.active .bird--12:before,
.btn-bird.active .bird--13:before,
.btn-bird.active .bird--18:after,
.btn-bird.active .bird--27:after,
.btn-bird.active .bird--26:before {
  left: -50px;
  top: 0px;
  transition: all ss cubic-bezier(0.42, 0, 0.58, 1) -0.5s;
}
.btn-bird.active .bird:before,
.btn-bird.active .bird--2:after,
.btn-bird.active .bird--1:after,
.btn-bird.active .bird--7:after,
.btn-bird.active .bird--8:before,
.btn-bird.active .bird--15:after,
.btn-bird.active .bird--19:before,
.btn-bird.active .bird--22:after,
.btn-bird.active .bird--28:after,
.btn-bird.active .bird--28:before,
.btn-bird.active .bird--3:after {
  left: 100px;
  top: -100px;
  transition: all 1s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}
.btn-bird.active .bird--2:before,
.btn-bird.active .bird--1:before,
.btn-bird.active .bird--9:before,
.btn-bird.active .bird--12:after,
.btn-bird.active .bird--13:after,
.btn-bird.active .bird--17:after,
.btn-bird.active .bird--19:before,
.btn-bird.active .bird--23:after,
.btn-bird.active .bird--23:before {
  left: 50px;
  top: -10px;
  transition: all 2s cubic-bezier(0.42, 0, 0.58, 1) -0.5s;
}
.btn-bird.active .bird:after,
.btn-bird.active .bird--6:before,
.btn-bird.active .bird--10:after,
.btn-bird.active .bird--11:after,
.btn-bird.active .bird--16:before,
.btn-bird.active .bird--18:before,
.btn-bird.active .bird--20:before,
.btn-bird.active .bird--24:before,
.btn-bird.active .bird--26:after,
.btn-bird.active .bird--27:before {
  left: 50px;
  top: 50px;
  transition: all 2s cubic-bezier(0.42, 0, 0.58, 1) -0.5s;
}
.btn-bird.active .bird--3:before,
.btn-bird.active .bird--6:after,
.btn-bird.active .bird--10:before,
.btn-bird.active .bird--11:before,
.btn-bird.active .bird--14:after,
.btn-bird.active .bird--15:before,
.btn-bird.active .bird--20:after,
.btn-bird.active .bird--22:before,
.btn-bird.active .bird--24:after,
.btn-bird.active .bird--25:after,
.btn-bird.active .bird--25:before,
.btn-bird.active .bird--5:before {
  left: 100px;
  top: -10px;
  transition: all 2s cubic-bezier(0.42, 0, 0.58, 1) -0.5s;
}
.btn-bird .bird,
.btn-bird .bird:before,
.btn-bird .bird:after,
.btn-bird .bird--1,
.btn-bird .bird--1:after,
.btn-bird .bird--1:before,
.btn-bird .bird--2,
.btn-bird .bird--2:after,
.btn-bird .bird--2:before,
.btn-bird .bird--3,
.btn-bird .bird--3:after,
.btn-bird .bird--3:before,
.btn-bird .bird--4,
.btn-bird .bird--4:after,
.btn-bird .bird--4:before,
.btn-bird .bird--5,
.btn-bird .bird--5:after,
.btn-bird .bird--5:before,
.btn-bird .bird--6,
.btn-bird .bird--6:after,
.btn-bird .bird--6:before,
.btn-bird .bird--7,
.btn-bird .bird--7:after,
.btn-bird .bird--7:before,
.btn-bird .bird--8,
.btn-bird .bird--8:after,
.btn-bird .bird--8:before,
.btn-bird .bird--9,
.btn-bird .bird--9:after,
.btn-bird .bird--9:before,
.btn-bird .bird--10,
.btn-bird .bird--10:after,
.btn-bird .bird--10:before,
.btn-bird .bird--11,
.btn-bird .bird--11:after,
.btn-bird .bird--11:before,
.btn-bird .bird--12,
.btn-bird .bird--12:after,
.btn-bird .bird--12:before,
.btn-bird .bird--13,
.btn-bird .bird--13:after,
.btn-bird .bird--13:before,
.btn-bird .bird--14,
.btn-bird .bird--14:after,
.btn-bird .bird--14:before,
.btn-bird .bird--15,
.btn-bird .bird--15:after,
.btn-bird .bird--15:before,
.btn-bird .bird--16,
.btn-bird .bird--16:after,
.btn-bird .bird--16:before,
.btn-bird .bird--17,
.btn-bird .bird--17:after,
.btn-bird .bird--17:before,
.btn-bird .bird--18,
.btn-bird .bird--18:after,
.btn-bird .bird--18:before,
.btn-bird .bird--19,
.btn-bird .bird--19:after,
.btn-bird .bird--19:before,
.btn-bird .bird--20,
.btn-bird .bird--20:after,
.btn-bird .bird--20:before,
.btn-bird .bird--21,
.btn-bird .bird--21:after,
.btn-bird .bird--21:before,
.btn-bird .bird--22,
.btn-bird .bird--22:after,
.btn-bird .bird--22:before,
.btn-bird .bird--23,
.btn-bird .bird--23:after,
.btn-bird .bird--23:before,
.btn-bird .bird--24,
.btn-bird .bird--24:after,
.btn-bird .bird--24:before,
.btn-bird .bird--25,
.btn-bird .bird--25:after,
.btn-bird .bird--25:before,
.btn-bird .bird--26,
.btn-bird .bird--26:after,
.btn-bird .bird--26:before,
.btn-bird .bird--27,
.btn-bird .bird--27:after,
.btn-bird .bird--27:before,
.btn-bird .bird--28,
.btn-bird .bird--28:after,
.btn-bird .bird--28:before,
.btn-bird .bird--29,
.btn-bird .bird--29:after,
.btn-bird .bird--29:before,
.btn-bird .bird--30,
.btn-bird .bird--30:after,
.btn-bird .bird--30:before {
  opacity: 1;
  display: block;
  position: absolute;
  background-image: url("../image/icons/birds.svg");
  background-size: auto 100%;
  width: 60px;
  height: 33px;
  top: 0;
  left: 0;
  -webkit-animation-name: fly-cycle;
  animation-name: fly-cycle;
  -webkit-animation-timing-function: steps(3);
  animation-timing-function: steps(3);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.btn-bird .bird--1:after,
.btn-bird .bird--1:before,
.btn-bird .bird--2:after,
.btn-bird .bird--2:before,
.btn-bird .bird--4:after,
.btn-bird .bird--4:before,
.btn-bird .bird--5:after,
.btn-bird .bird--5:before,
.btn-bird .bird--7:after,
.btn-bird .bird--7:before,
.btn-bird .bird--8:after,
.btn-bird .bird--8:before,
.btn-bird .bird--10:after,
.btn-bird .bird--10:before,
.btn-bird .bird--11:after,
.btn-bird .bird--11:before,
.btn-bird .bird--13:after,
.btn-bird .bird--13:before,
.btn-bird .bird--14:after,
.btn-bird .bird--14:before,
.btn-bird .bird--16:after,
.btn-bird .bird--16:before,
.btn-bird .bird--17:after,
.btn-bird .bird--17:before,
.btn-bird .bird--18,
.btn-bird .bird--18:after,
.btn-bird .bird--18:before,
.btn-bird .bird--19,
.btn-bird .bird--19:after,
.btn-bird .bird--19:before,
.btn-bird .bird--20:after,
.btn-bird .bird--20:before,
.btn-bird .bird--21,
.btn-bird .bird--21:after,
.btn-bird .bird--21:before,
.btn-bird .bird--22,
.btn-bird .bird--22:after,
.btn-bird .bird--22:before,
.btn-bird .bird--23,
.btn-bird .bird--23:after,
.btn-bird .bird--23:before,
.btn-bird .bird--24,
.btn-bird .bird--24:after,
.btn-bird .bird--24:before,
.btn-bird .bird--25,
.btn-bird .bird--25:after,
.btn-bird .bird--25:before,
.btn-bird .bird--26,
.btn-bird .bird--26:after,
.btn-bird .bird--26:before,
.btn-bird .bird--27,
.btn-bird .bird--27:after,
.btn-bird .bird--27:before,
.btn-bird .bird--28,
.btn-bird .bird--28:after,
.btn-bird .bird--28:before,
.btn-bird .bird--29,
.btn-bird .bird--29:after,
.btn-bird .bird--29:before,
.btn-bird .bird--30,
.btn-bird .bird--30:after,
.btn-bird .bird--30:before {
  width: 30px;
  height: 33px;
  top: -8px;
  left: 8px;
  z-index: -100;
}
.btn-bird .bird--21,
.btn-bird .bird--22,
.btn-bird .bird--23,
.btn-bird .bird--24,
.btn-bird .bird--25,
.btn-bird .bird--26,
.btn-bird .bird--27,
.btn-bird .bird--28,
.btn-bird .bird--29 {
  top: 0;
}
.btn-bird .bird--22,
.btn-bird .bird--25,
.btn-bird .bird--28 {
  top: 25px;
}
.btn-bird .bird--23,
.btn-bird .bird--26,
.btn-bird .bird--29 {
  top: 45px;
}
.btn-bird .bird--24,
.btn-bird .bird--25,
.btn-bird .bird--26 {
  left: 133px;
}
.btn-bird .bird--27,
.btn-bird .bird--28,
.btn-bird .bird--29 {
  left: 256px;
}
.btn-bird .bird--18 {
  top: 0;
  left: 0;
}
.btn-bird .bird--18:after,
.btn-bird .bird--18:before {
  left: -20px;
}
.btn-bird .bird--19:after,
.btn-bird .bird--19:before {
  left: -10px;
}
.btn-bird .bird--1:before,
.btn-bird .bird--4:before,
.btn-bird .bird--7:before,
.btn-bird .bird--10:before,
.btn-bird .bird--13:before,
.btn-bird .bird--16:before,
.btn-bird .bird--19:before {
  top: 18px;
}
.btn-bird .bird--2:after,
.btn-bird .bird--5:after,
.btn-bird .bird--8:after,
.btn-bird .bird--11:after,
.btn-bird .bird--14:after,
.btn-bird .bird--17:after,
.btn-bird .bird--20:after {
  top: -18px;
  left: 12px;
}
.btn-bird .bird--20:after,
.btn-bird .bird--20:before,
.btn-bird .bird--21:after {
  left: 27px;
}
.btn-bird .bird--2:before,
.btn-bird .bird--5:before,
.btn-bird .bird--8:before,
.btn-bird .bird--11:before,
.btn-bird .bird--14:before,
.btn-bird .bird--17:before,
.btn-bird .bird--20:before {
  top: -36px;
  left: 12px;
}
.btn-bird .bird--21:before,
.btn-bird .bird--22:before,
.btn-bird .bird--23:before,
.btn-bird .bird--24:before,
.btn-bird .bird--25:before,
.btn-bird .bird--26:before {
  top: 10px;
  left: 45px;
}
.btn-bird .bird--21:after,
.btn-bird .bird--22:after,
.btn-bird .bird--23:after,
.btn-bird .bird--24:after,
.btn-bird .bird--25:after,
.btn-bird .bird--26:after,
.btn-bird .bird--27:after,
.btn-bird .bird--28:after,
.btn-bird .bird--29:after {
  left: 10px;
  top: 4px;
}
.btn-bird .bird--27:before,
.btn-bird .bird--28:before,
.btn-bird .bird--29:before {
  left: -45px;
  top: 10px;
}
.btn-bird .bird:before,
.btn-bird .bird:after,
.btn-bird .bird--1:after,
.btn-bird .bird--1:before,
.btn-bird .bird--2:before,
.btn-bird .bird--2:after,
.btn-bird .bird--3:after,
.btn-bird .bird--3:before,
.btn-bird .bird--4:after,
.btn-bird .bird--4:before,
.btn-bird .bird--5:after,
.btn-bird .bird--5:before,
.btn-bird .bird--6:after,
.btn-bird .bird--6:before,
.btn-bird .bird--7:after,
.btn-bird .bird--7:before,
.btn-bird .bird--8:after,
.btn-bird .bird--8:before,
.btn-bird .bird--9:after,
.btn-bird .bird--9:before,
.btn-bird .bird--10:after,
.btn-bird .bird--10:before,
.btn-bird .bird--11:after,
.btn-bird .bird--11:before,
.btn-bird .bird--12:after,
.btn-bird .bird--12:before,
.btn-bird .bird--13:after,
.btn-bird .bird--13:before,
.btn-bird .bird--14:after,
.btn-bird .bird--14:before,
.btn-bird .bird--15:after,
.btn-bird .bird--15:before,
.btn-bird .bird--16:after,
.btn-bird .bird--16:before,
.btn-bird .bird--17:after,
.btn-bird .bird--17:before,
.btn-bird .bird--18:after,
.btn-bird .bird--18:before,
.btn-bird .bird--19:after,
.btn-bird .bird--19:before,
.btn-bird .bird--20:after,
.btn-bird .bird--20:before,
.btn-bird .bird--21:after,
.btn-bird .bird--21:before,
.btn-bird .bird--22:after,
.btn-bird .bird--22:before,
.btn-bird .bird--23:after,
.btn-bird .bird--23:before,
.btn-bird .bird--24:after,
.btn-bird .bird--24:before,
.btn-bird .bird--25:after,
.btn-bird .bird--25:before,
.btn-bird .bird--26:after,
.btn-bird .bird--26:before,
.btn-bird .bird--27:after,
.btn-bird .bird--27:before,
.btn-bird .bird--28:after,
.btn-bird .bird--28:before,
.btn-bird .bird--29:after,
.btn-bird .bird--29:before,
.btn-bird .bird--30:after,
.btn-bird .bird--30:before {
  content: "";
}
.btn-bird .bird:before,
.btn-bird .bird--3:before,
.btn-bird .bird--12:before,
.btn-bird .bird--15:before,
.btn-bird .bird--6:before,
.btn-bird .bird--9:before,
.btn-bird .bird--18:before {
  top: 10px;
}
.btn-bird .bird:after,
.btn-bird .bird--6:after,
.btn-bird .bird--12:after,
.btn-bird .bird--15:after,
.btn-bird .bird--9:after,
.btn-bird .bird--18:after {
  top: 35px;
}
.btn-bird .bird--3:after {
  left: -10px;
}
.btn-bird .bird--3:after {
  top: 40px;
}
.btn-bird .bird--1,
.btn-bird .bird--4,
.btn-bird .bird--7,
.btn-bird .bird--10,
.btn-bird .bird--13,
.btn-bird .bird--16,
.btn-bird .bird--19 {
  top: 25px;
}
.btn-bird .bird--2 {
  top: 45px;
}
.btn-bird .bird--5 {
  top: 47px;
  left: 25px;
}
.btn-bird .bird--8,
.btn-bird .bird--11,
.btn-bird .bird--14,
.btn-bird .bird--17,
.btn-bird .bird--20 {
  top: 50px;
}
.btn-bird .bird--3,
.btn-bird .bird--4 {
  left: 59px;
}
.btn-bird .bird--6,
.btn-bird .bird--7,
.btn-bird .bird--8 {
  left: 118px;
}
.btn-bird .bird--9,
.btn-bird .bird--10,
.btn-bird .bird--11 {
  left: 177px;
}
.btn-bird .bird--12,
.btn-bird .bird--13,
.btn-bird .bird--14 {
  left: 236px;
}
.btn-bird .bird--15,
.btn-bird .bird--16,
.btn-bird .bird--17 {
  left: 206.5px;
}
.btn-bird .bird--20 {
  left: 108px;
}
.btn-bird .bird--18,
.btn-bird .bird--19 {
  left: 137.5px;
}
.btn-bird .bird--30,
.btn-bird .bird--30:after,
.btn-bird .bird--30:before {
  left: 118px;
  top: 0;
}
.btn-bird .bird--30:before {
  top: 25px;
}
.btn-bird .bird--30:after {
  top: 20px;
}
.btn-bird .active .bird,
.btn-bird .active .bird:before,
.btn-bird .active .bird--3,
.btn-bird .active .bird--4,
.btn-bird .active .bird--4:after,
.btn-bird .active .bird--4:before,
.btn-bird .active .bird--9,
.btn-bird .active .bird--9:after,
.btn-bird .active .bird--13,
.btn-bird .active .bird--13:after,
.btn-bird .active .bird--13:before,
.btn-bird .active .bird--15,
.btn-bird .active .bird--16,
.btn-bird .active .bird--18,
.btn-bird .active .bird--21,
.btn-bird .active .bird--21:after,
.btn-bird .active .bird--27:before,
.btn-bird .active .bird--24,
.btn-bird .active .bird--24:after,
.btn-bird .active .bird--24:before,
.btn-bird .active .bird--27,
.btn-bird .active .bird--27:after,
.btn-bird .active .bird--27:before,
.btn-bird .active .bird--30:before,
.btn-bird:hover .bird,
.btn-bird:hover .bird:before,
.btn-bird:hover .bird--3,
.btn-bird:hover .bird--4,
.btn-bird:hover .bird--4:after,
.btn-bird:hover .bird--4:before,
.btn-bird:hover .bird--9,
.btn-bird:hover .bird--9:after,
.btn-bird:hover .bird--13,
.btn-bird:hover .bird--13:after,
.btn-bird:hover .bird--13:before,
.btn-bird:hover .bird--15,
.btn-bird:hover .bird--16,
.btn-bird:hover .bird--18,
.btn-bird:hover .bird--21,
.btn-bird:hover .bird--21:after,
.btn-bird:hover .bird--27:before,
.btn-bird:hover .bird--24,
.btn-bird:hover .bird--24:after,
.btn-bird:hover .bird--24:before,
.btn-bird:hover .bird--27,
.btn-bird:hover .bird--27:after,
.btn-bird:hover .bird--27:before,
.btn-bird:hover .bird--30:before {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.btn-bird .active .bird--1,
.btn-bird .active .bird--1:after,
.btn-bird .active .bird--3:before,
.btn-bird .active .bird--5,
.btn-bird .active .bird--5:after,
.btn-bird .active .bird--5:before,
.btn-bird .active .bird--7,
.btn-bird .active .bird--7:after,
.btn-bird .active .bird--7:before,
.btn-bird .active .bird--9:before,
.btn-bird .active .bird--10,
.btn-bird .active .bird--10:after,
.btn-bird .active .bird--10:before,
.btn-bird .active .bird--14,
.btn-bird .active .bird--14:after,
.btn-bird .active .bird--14:before,
.btn-bird .active .bird--17,
.btn-bird .active .bird--17:after,
.btn-bird .active .bird--17:before,
.btn-bird .active .bird--19,
.btn-bird .active .bird--19:after,
.btn-bird .active .bird--19:before,
.btn-bird .active .bird--18:after,
.btn-bird .active .bird--22,
.btn-bird .active .bird--22:after,
.btn-bird .active .bird--22:before,
.btn-bird .active .bird--25,
.btn-bird .active .bird--25:after,
.btn-bird .active .bird--25:before,
.btn-bird .active .bird--28,
.btn-bird .active .bird--28:after,
.btn-bird .active .bird--28:before,
.btn-bird .active .bird--30:after,
.btn-bird:hover .bird--1,
.btn-bird:hover .bird--1:after,
.btn-bird:hover .bird--3:before,
.btn-bird:hover .bird--5,
.btn-bird:hover .bird--5:after,
.btn-bird:hover .bird--5:before,
.btn-bird:hover .bird--7,
.btn-bird:hover .bird--7:after,
.btn-bird:hover .bird--7:before,
.btn-bird:hover .bird--9:before,
.btn-bird:hover .bird--10,
.btn-bird:hover .bird--10:after,
.btn-bird:hover .bird--10:before,
.btn-bird:hover .bird--14,
.btn-bird:hover .bird--14:after,
.btn-bird:hover .bird--14:before,
.btn-bird:hover .bird--17,
.btn-bird:hover .bird--17:after,
.btn-bird:hover .bird--17:before,
.btn-bird:hover .bird--19,
.btn-bird:hover .bird--19:after,
.btn-bird:hover .bird--19:before,
.btn-bird:hover .bird--18:after,
.btn-bird:hover .bird--22,
.btn-bird:hover .bird--22:after,
.btn-bird:hover .bird--22:before,
.btn-bird:hover .bird--25,
.btn-bird:hover .bird--25:after,
.btn-bird:hover .bird--25:before,
.btn-bird:hover .bird--28,
.btn-bird:hover .bird--28:after,
.btn-bird:hover .bird--28:before,
.btn-bird:hover .bird--30:after {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.btn-bird .active .bird:after,
.btn-bird .active .bird--1:before,
.btn-bird .active .bird--2,
.btn-bird .active .bird--2:before,
.btn-bird .active .bird--2:after,
.btn-bird .active .bird--3:after,
.btn-bird .active .bird--6,
.btn-bird .active .bird--6:after,
.btn-bird .active .bird--6:before,
.btn-bird .active .bird--8,
.btn-bird .active .bird--8:after,
.btn-bird .active .bird--8:before,
.btn-bird .active .bird--11,
.btn-bird .active .bird--11:after,
.btn-bird .active .bird--11:before,
.btn-bird .active .bird--12,
.btn-bird .active .bird--12:after,
.btn-bird .active .bird--12:before,
.btn-bird .active .bird--16,
.btn-bird .active .bird--16:after,
.btn-bird .active .bird--16:before,
.btn-bird .active .bird--20,
.btn-bird .active .bird--20:after,
.btn-bird .active .bird--20:before,
.btn-bird .active .bird--18:before,
.btn-bird .active .bird--23,
.btn-bird .active .bird--23:after,
.btn-bird .active .bird--23:before,
.btn-bird .active .bird--26,
.btn-bird .active .bird--26:after,
.btn-bird .active .bird--26:before,
.btn-bird .active .bird--29,
.btn-bird .active .bird--29:after,
.btn-bird .active .bird--29:before,
.btn-bird .active .bird--30,
.btn-bird:hover .bird:after,
.btn-bird:hover .bird--1:before,
.btn-bird:hover .bird--2,
.btn-bird:hover .bird--2:before,
.btn-bird:hover .bird--2:after,
.btn-bird:hover .bird--3:after,
.btn-bird:hover .bird--6,
.btn-bird:hover .bird--6:after,
.btn-bird:hover .bird--6:before,
.btn-bird:hover .bird--8,
.btn-bird:hover .bird--8:after,
.btn-bird:hover .bird--8:before,
.btn-bird:hover .bird--11,
.btn-bird:hover .bird--11:after,
.btn-bird:hover .bird--11:before,
.btn-bird:hover .bird--12,
.btn-bird:hover .bird--12:after,
.btn-bird:hover .bird--12:before,
.btn-bird:hover .bird--16,
.btn-bird:hover .bird--16:after,
.btn-bird:hover .bird--16:before,
.btn-bird:hover .bird--20,
.btn-bird:hover .bird--20:after,
.btn-bird:hover .bird--20:before,
.btn-bird:hover .bird--18:before,
.btn-bird:hover .bird--23,
.btn-bird:hover .bird--23:after,
.btn-bird:hover .bird--23:before,
.btn-bird:hover .bird--26,
.btn-bird:hover .bird--26:after,
.btn-bird:hover .bird--26:before,
.btn-bird:hover .bird--29,
.btn-bird:hover .bird--29:after,
.btn-bird:hover .bird--29:before,
.btn-bird:hover .bird--30 {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-delay: -0.75s;
          animation-delay: -0.75s;
}
@-webkit-keyframes fly-cycle {
  100% {
    background-position: -360px 0;
  }
}
@keyframes fly-cycle {
  100% {
    background-position: -360px 0;
  }
}
@-webkit-keyframes text-fade {
  0% {
    color: transparent;
    opacity: 1;
    top: -50%;
    left: auto;
  }
  1% {
    color: transparent;
    opacity: 0;
  }
  50% {
    color: transparent;
    opacity: 0;
  }
  100% {
    color: #131335;
    opacity: 1;
  }
}
@keyframes text-fade {
  0% {
    color: transparent;
    opacity: 1;
    top: -50%;
    left: auto;
  }
  1% {
    color: transparent;
    opacity: 0;
  }
  50% {
    color: transparent;
    opacity: 0;
  }
  100% {
    color: #131335;
    opacity: 1;
  }
}
@-webkit-keyframes feather-fade {
  0% {
    top: -100px;
    opacity: 0;
  }
  25% {
    transform: rotate(10deg);
    left: 30%;
  }
  50% {
    transform: rotate(-5deg);
    opacity: 1;
    left: 45%;
  }
  75% {
    transform: rotate(10deg);
    left: 32%;
  }
  100% {
    transform: rotate(0deg);
    opacity: 1;
    top: 12px;
    left: 43%;
  }
}
@keyframes feather-fade {
  0% {
    top: -100px;
    opacity: 0;
  }
  25% {
    transform: rotate(10deg);
    left: 30%;
  }
  50% {
    transform: rotate(-5deg);
    opacity: 1;
    left: 45%;
  }
  75% {
    transform: rotate(10deg);
    left: 32%;
  }
  100% {
    transform: rotate(0deg);
    opacity: 1;
    top: 12px;
    left: 43%;
  }
}





































.list-check-marks-icon{padding:0;margin:0;list-style:none;display:flex;gap: 1.3em;flex-direction:column;}
.column-content-with-icon{display:flex;flex-wrap:wrap;column-gap: 4em;}
.column-content-with-icon.top_icon .column-content-with-icon__item{flex-direction:column;display:flex;flex: 1;flex-wrap:wrap;}
@media screen and (max-width:991px){
.column-content-with-icon .column-content-with-icon__item{flex-basis:45%!important;width:45%;}
}
































































/* ACCORDION COMPONENT */
.accordion__item:not(:last-child) {
  border-bottom: 1px solid lightgrey;
}

.accordion__btn {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1.25em 0;
  font-weight: 600;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--secondary-color);
  text-align: left;
}
.accordion__btn:hover {
  color: var(--quintennial-color);
}
.accordion__btn:active {
  background: hsl(248, 53%, 97%);
}
.accordion__btn .fa-lightbulb {
  padding-right: 1rem;
}
.accordion__icon {
  border-radius: 50%;
  transform: rotate(0deg);
  transition: 0.3s ease-in-out;
  opacity: 0.9;
}
.accordion__item--active .accordion__icon {
  transform: rotate(135deg);
}

@media (max-width: 992px) {
    .accordion__btn{
        padding-left: 0;
        padding-right: 0.1em;
    }
    .accordion__btn .fa-lightbulb{
        padding-right: 0.2em;
    }
}
.accordion__content {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateX(35px);
  transition: max-height 0.5s ease, opacity 0.5s, transform 0.5s;
}
.accordion__content p,
.accordion__content ul li {
  padding: 0 1.8em 1.25em;
  font-weight: 500;
}

.accordion__content ul li{
    padding-bottom: 0.25em;
}

.accordion__content ul li:last-child{
    padding-bottom: 0;
}

.accordion__item--active .accordion__content {
  opacity: 1;
  transform: translateX(0px);
  max-height: 100vh;
}










































































.integrations{display:flex;justify-content:center;align-items:center;gap:118px;}
.integrations .imgs-container{display:block;width:468px;height:468px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(0,164,67,.25);position:relative;zoom: 0.75;}
.integrations .imgs-container>img{display:none;width:100%;}
.integrations .imgs-container img{max-width:50%;}
.integrations .imgs-container ul{display:block;position:absolute;height:100%;width:100%;}
.integrations .imgs-container li{background:#fff;border-radius:20px;display:block;width:60.3px;height:60.3px;display:flex;justify-content:center;align-items:center;position:absolute;}
.integrations .imgs-container .system-out{animation:40s linear infinite spinX;}
.integrations .imgs-container .system-out li{animation:40s linear infinite spinReverse;}
.integrations .imgs-container .system-out li:first-of-type{top:31px;left:15px;}
.integrations .imgs-container .system-out li:nth-of-type(2){top:-42px;left:232px;}
.integrations .imgs-container .system-out li:nth-of-type(3){top:77px;right:41px;}
.integrations .imgs-container .system-out li:nth-of-type(3) img{max-width:80%;}
.integrations .imgs-container .system-out li:nth-of-type(4){top:234px;right:-49px;}
.integrations .imgs-container .system-out li:nth-of-type(5){top:380px;right:18px;}
.integrations .imgs-container .system-out li:nth-of-type(6){bottom:-39px;right:231px;}
.integrations .imgs-container .system-out li:nth-of-type(6) img{max-width:60%;}
.integrations .imgs-container .system-out li:nth-of-type(7){left:45px;top:336px;}
.integrations .imgs-container .system-out li:nth-of-type(8){left:-48px;top:178px;}
.integrations .imgs-container .system-in{height:268px;width:268px;aspect-ratio:1;border:1px solid rgba(0,164,67,.6);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;position:absolute;}
.integrations .imgs-container .system-in ul{animation:50s linear infinite spinReverse;}
.integrations .imgs-container .system-in li{animation:50s linear infinite spinX;}
.integrations .imgs-container .system-in li:first-of-type{top:60px;left:-20px;}
.integrations .imgs-container .system-in li:nth-of-type(2){bottom:53px;right:-28px;}
.integrations .imgs-container .system-center{width:148px;height:148px;aspect-ratio:1;border-radius:50%;border:1px solid #00a443;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.integrations .imgs-container .system-center img{max-width:70%;animation:3s linear infinite blinkk;}
@media only screen and (max-width:1279px){
.integrations{gap:60px;flex-direction:column;}
}
@media only screen and (max-width:767px){
.integrations{flex-direction:column;text-align:center;gap:50px;}
.integrations .imgs-container{border:none;width:100%;height:auto;}
.integrations .imgs-container .system-out{display:none;animation:none;}
.integrations .imgs-container .system-out li{animation:none;}
.integrations .imgs-container .system-in{display:none;}
.integrations .imgs-container .system-in ul{animation:none;}
.integrations .imgs-container .system-in li{animation:none;}
.integrations .imgs-container .system-center{display:none;}
.integrations .imgs-container>img{display:block;max-width:100%;}
}
@media (max-width:1699px) and (min-width:768px){
.integrations{gap:94px;}
.integrations .imgs-container{width:374px;height:374px;}
.integrations .imgs-container li{border-radius:16px;width:48px;height:48px;}
.integrations .imgs-container .system-out li:first-of-type{top:25px;left:12px;}
.integrations .imgs-container .system-out li:nth-of-type(2){top:-34px;left:186px;}
.integrations .imgs-container .system-out li:nth-of-type(3){top:62px;right:33px;}
.integrations .imgs-container .system-out li:nth-of-type(4){top:187px;right:-39px;}
.integrations .imgs-container .system-out li:nth-of-type(5){top:304px;right:14px;}
.integrations .imgs-container .system-out li:nth-of-type(6){bottom:-31px;right:185px;}
.integrations .imgs-container .system-out li:nth-of-type(7){left:36px;top:269px;}
.integrations .imgs-container .system-out li:nth-of-type(8){left:-38px;top:142px;}
.integrations .imgs-container .system-in{height:214px;width:214px;}
.integrations .imgs-container .system-in li:first-of-type{top:48px;left:-16px;}
.integrations .imgs-container .system-in li:nth-of-type(2){bottom:42px;right:-22px;}
.integrations .imgs-container .system-center{width:118px;height:118px;}
}
@media only screen and (max-width:1699px) and (min-width:768px) and (max-width:1279px){
.integrations{gap:48px;}
}
@media only screen and (max-width:1699px) and (min-width:768px) and (max-width:767px){
.integrations{gap:40px;}
}

@keyframes spinReverse {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@keyframes blinkk {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes spinX {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}




































































.about-us_container h2.title-4{
    
}

@media (min-width: 992px) {
    
    .about-us_container .container{
        align-content: center;
        align-items: baseline;
        display: grid;
        gap: 1em;
        grid-template-columns: repeat(2,1fr);
        justify-content: center;
        position: relative;
    } 
} 

.about-us_container .container:after {
    content: "";
    background: rgba(13,34,52,.35);
    filter: blur(108.5px);
    width: 186px;
    height: 186px;
    position: absolute;
    top: 70px;
    right: -50px;
    z-index: -1;
    -webkit-animation: hero_after_rotate 10s infinite linear;
    -moz-animation: hero_after_rotate 10s infinite linear;
    animation: hero_after_rotate 10s infinite linear
}

.about-us_container .container:before {
    content: "";
    background: rgba(238,39,55,.35);
    filter: blur(108.5px);
    width: 186px;
    height: 186px;
    position: absolute;
    top: -208px;
    left: 7%;
    z-index: -1;
    -webkit-animation: hero_before_rotate 10s infinite linear;
    -moz-animation: hero_before_rotate 10s infinite linear;
    animation: hero_before_rotate 10s infinite linear;
}



@keyframes hero_before_rotate {
    0% {
        top: -208px;
        left: 7%
    }

    30% {
        top: calc(100% - 210px);
        left: 27%
    }

    33% {
        top: calc(100% - 210px);
        left: 27%
    }

    63% {
        top: 0;
        left: calc(100% - 186px)
    }

    66% {
        top: 0;
        left: calc(100% - 186px)
    }

    97% {
        top: -208px;
        left: 7%
    }

    100% {
        top: -208px;
        left: 7%
    }
}

@keyframes hero_after_rotate {
    0% {
        top: 70px;
        right: -50px
    }

    30% {
        top: -200px;
        right: 25%
    }

    33% {
        top: -200px;
        right: 25%
    }

    63% {
        top: calc(100% - 206px);
        right: calc(100% - 186px)
    }

    66% {
        top: calc(100% - 206px);
        right: calc(100% - 186px)
    }

    97% {
        top: 70px;
        right: -50px
    }

    100% {
        top: 70px;
        right: -50px
    }
}

.about-us-content {
    align-self: flex-start;
    position: sticky;
    top: 6%;
}

.about-us-content iframe{
    border: 0;
    width: 100%;
    height: 45em;
    max-height: 45em;
}

.timeline { 
    display: flex; 
    flex-direction: column; 
    gap: 42px; 
    height: 100%; 
    max-width: 700px; 
    width: 100%;
}

.timeline-item { 
    display: flex; 
    padding: 2px 5px; 
    transition: all 2s ease-in-out;
} 
.timeline-content { 
    display: flex; 
    flex-direction: column; 
    padding: 2px 5px; 
    position: relative;
} 

.timeline-item-content { 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
    padding: 5px;
} 
.timeline-line { 
    background: #ebebf8; 
    display: block; 
    height: 100%; 
    position: absolute; 
    right: 15px; 
    top: 40px; 
    width: 2px;
} 

.time-line-outside { 
    align-items: center; 
    border: 1px solid #9d9dab; 
    border-radius: 50%; 
    display: flex; 
    height: 24px; 
    justify-content: center; 
    width: 24px;
} 

.timeline-item.active .timeline-line  {
    background: var(--tertiary-color);
}

.timeline-item:last-child .timeline-line{
    height: 84%;
}

.timeline-item.active .time-line-outside  { 
    border: 1px solid var(--secondary-color);
} 

.timeline-item.active .title_year  { 
    color: var(--secondary-color);
} 

.timeline-item.active .title_item  { 
    color: var(--secondary-color);
} 

.timeline-circle { 
    background-color: #9d9dab; 
    border-radius: 50%; 
    height: 12px; 
    width: 12px;
} 

.timeline-item.active .timeline-circle  { 
    background-color: var(--secondary-color);
}
































































.cta-whatsapp {
  display: flex;
  align-items: center;
  background-color: var(--color-white-full);
  color: var(--white);
  font-weight: 500;
  border: 0;
  padding: 0.75rem 1rem;
  border-radius: 5rem;
  cursor: pointer;
}

.cta-whatsapp:hover {
  background-color: var(--green);
  color: var(--white);
  text-shadow: 0 0 10px #ebebeb;
}

.cta-fixed-wrap {
  overflow: hidden;
  position: fixed;
  bottom: 1em;
  right: 1em;
  border-radius: 5rem;
  animation-delay: 0.8s;
  box-shadow: 0 0 0 1em transparent;
  opacity: 0;
  transform: translateY(5rem);
  animation: slideUpZ 1s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1 normal forwards, pulseXYZ 1s infinite;
  z-index: 95;
}
html.modal-budget-builder-is-open .cta-fixed-wrap{
    right: auto!important;
    left: 1em!important;
}
body.scrolled .cta-fixed-wrap{
    animation-iteration-count: 1;
}

@keyframes slideUpZ {
  from {
    opacity: 0;
    transform: translateY(5rem);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cta--fixed {
  transition: transform 0.2s ease;
}

.cta--fixed span {
  display: block;
  transition: transform 0.2s ease;
}

body.scrolled .cta--fixed {
  transform: translateX(calc(100% - 3.53em + 0.35rem));
}

body.scrolled .cta--fixed span {
  transform: translateX(100%);
}

@media only screen and (min-width: 40rem) {
  html.modal-budget-builder-is-open .cta-fixed-wrap {
    bottom: 5em;
    left: 1em;
  }
}

@media (prefers-reduced-motion: reduce) {
  .slide-up {
    opacity: 1;
    transform: translateY(0);
  }
}






































































































































































































  .footer-bottom { 
    padding: 40px 0 0; 
  } 

@media screen and (min-width: 768px){ 
  .footer-bottom { 
    padding: 60px 0 0;
  } 
}     

@media screen and (min-width: 1400px){ 
  .footer-bottom {
    padding: 80px 0 0;
  } 
}     

@media all{ 
  .footer-bottom .wrapper  {
    display: flex;
    flex-wrap: wrap;
  } 
}

@media all{ 
  .footer-bottom .footer-info  { 
    display: flex; 
    flex-direction: column; 
    gap: 36px;
  } 
}     

@media screen and (min-width: 1200px){ 
  .footer-bottom .footer-info  {
    max-width: 285px;
    display: flex;
    flex-direction: column;
    gap: 6px;
  } 
}     

@media screen and (min-width: 1600px){ 
  .footer-bottom .footer-info  { 
    max-width: 375px;
  } 
}     

@media all{ 
  .footer-bottom .footer-links  { 
    margin-top: 50px;
  } 
}     

@media screen and (min-width: 1200px){ 
  .footer-bottom .footer-links  { 
    max-width: calc(100% - 285px); 
    width: 100%; 
    padding-left: 30px; 
    margin-top: 0;
  } 
}     

@media screen and (min-width: 1600px){ 
  .footer-bottom .footer-links  { 
    max-width: calc(100% - 375px);
  } 
}

@media all{ 
  .footer-bottom .footer-links-part  {
    max-width: 1150px;
    margin-left: auto;
    width: 100%;
    text-align: right;
  } 

  .footer-bottom .footer-links-part:not(:first-child)  { 
    margin-top: 30px;
  } 
}     

@media screen and (min-width: 768px){ 
  .footer-bottom .footer-links-part:not(:first-child)  { 
    margin-top: 50px;
  } 
}     

@media all{ 

  .footer-bottom .footer-info a  { 
    display: inline-block;
  } 

  .footer-content-part span  { 
    font-size: 15px; 
    font-weight: 400; 
    line-height: 1.5; 
    display: block;
  } 

  .footer-content-part span  { 
    font-weight: 600; 
    margin-bottom: 0; 
    font-size: 18px;
  } 

  .footer-content-part .Deus{}
  .footer-content-part .Deus em{}

  .footer-links-wrapper { 
    display: grid; 
    grid-template-columns: repeat(1,1fr); 
    gap: 20px 0;
  } 
}     

@media screen and (min-width: 768px){ 
  .footer-links-wrapper { 
    grid-template-columns: repeat(2,1fr); 
    gap: 40px 20px;
  } 
}     

@media screen and (min-width: 1200px){ 
  .footer-links-wrapper {
    grid-template-columns: repeat(3,1fr);
    gap: 0;
  } 
}     

@media all{ 
  .footer-bottom img { 
    height: auto; 
    max-width: 100%;
  } 

  .footer-content-part a  { 
    font-size: 18px; 
    font-weight: 700; 
    line-height: 1.6; 
    display: inline-block; 
    opacity: 1; 
    text-decoration: none;
  } 

  .footer-content-part a:hover { 
    text-decoration: underline; 
  } 

  .footer-links-item {
    font-weight: 500;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 0.5em;
  } 

  .footer-links-item ul  { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    display: flex; 
    flex-direction: column; 
    gap: 6px;
  } 

  .footer-links-item ul a  {
    font-size: 0.845em;
    display: inline-block;
    margin-bottom: 0.17em;
  } 

  .footer-links-item ul a:hover { 
    text-decoration: underline; 
    opacity: 1; 
    text-underline-offset: 5px;
  } 

  .footer-links-item ul li span  {
    font-size: 0.8em;
    display: inline-block;
    text-decoration: none;
  } 
}     




















































/*  PAGINA FREE IDEAS */




.filter-search-form-2 { 
    width: 100%;
} 

@media (min-width: 992px){ 
  .filter-search-form-2 { 
    display: flex;
  } 
}     


@media (min-width: 576px){ 
  .filter-search-form-2 .filter-inputs  { 
    display: flex; 
    flex-wrap: wrap; 
    align-items: center;
  } 
}     

@media (min-width: 992px){ 
  .filter-search-form-2 .filter-inputs  { 
    width: calc(100% - 160px);
  } 
}     

.filter-search-form-2 .button-block  { 
    min-width: 160px; 
    height: 50px; 
    margin-top: 20px;
} 

@media (min-width: 576px){ 
  .filter-search-form-2 .button-block  { 
    height: 60px;
  } 
}     

@media (min-width: 768px){ 
  .filter-search-form-2 .button-block  { 
    margin-top: 0;
  } 
}     

.form-group { 
    margin-bottom: 1.25rem;
} 

.filter-search-form-2 .filter-inputs .form-group  { 
    width: 100%; 
    margin-bottom: 10px; 
    position: relative; 
    height: 40px; 
    border-bottom: 1px solid #e5e5e5;
} 

@media (min-width: 768px){ 
  .filter-search-form-2 .filter-inputs .form-group  { 
    width: 50%; 
    border-right: 1px solid #e5e5e5; 
    border-bottom: 0;
  } 
}     

@media (min-width: 992px){ 
  .filter-search-form-2 .filter-inputs .form-group  { 
    margin-bottom: 0;
  } 
}     

.filter-search-form-2 .filter-inputs .form-group:last-child  { 
    border-right: 0; 
    border-bottom: 0;
} 

.btn-primary {
    color: var(--secondary-color);
    background-color: var(--secondary-color);
    border-color: var(--gray);
    border-radius: 30px;
    box-shadow: inset 0 -0.8em 0em 0.1em #23fc8e, 0 0 0 2px #23fc52, 0.1em 0.1em 0 rgba(0, 0, 0, 0.2);
    background: #93f97f;
} 



.filter-search-form-2 .btn-submit  { 
    justify-content: center; 
    align-items: center; 
    display: flex;
} 


.form-control { 
    display: block; 
    width: 100%; 
    height: 3rem; 
    padding: 0.75rem 0.9375rem; 
    font-size: 1rem; 
    font-weight: 400; 
    line-height: 1.88; 
    color: #6b6e6f; 
    background-color: #fff; 
    background-clip: padding-box; 
    border: 1px solid #e5e5e5; 
    border-radius: 0.3125rem; 
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
} 

.filter-search-form-2 .filter-inputs .form-control  { 
    border: 0; 
    height: 40px; 
    color: #6b6e6f;
} 

.filter-search-form-2 .filter-inputs .form-group > .form-control { 
    width: 100%;
} 

.pos-abs-tl { 
    position: absolute; 
    top: 0; 
    left: 0;
} 

.nice-select { 
    -webkit-tap-highlight-color: transparent; 
    background-color: #fff; 
    border-radius: 5px; 
    border: solid 1px #e8e8e8; 
    box-sizing: border-box; 
    clear: both; 
    cursor: pointer; 
    display: block; 
    float: left; 
    font-size: 14px; 
    font-weight: normal; 
    height: 42px; 
    line-height: 40px; 
    outline: 0; 
    padding-left: 18px; 
    padding-right: 30px; 
    position: relative; 
    text-align: left!important; 
    -webkit-transition: all .2s ease-in-out; 
    transition: all .2s ease-in-out; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    white-space: nowrap; 
    width: auto;
} 

.nice-select { 
    display: flex; 
    align-items: center;
} 

.filter-search-form-2 .filter-inputs .nice-select  { 
    border: 0; 
    display: flex; 
    align-items: center; 
    color: #6b6e6f;
} 

.filter-search-form-2 .filter-inputs .form-group > .form-control, .filter-search-form-2 .filter-inputs .form-group > .nice-select { 
    width: 100%;
} 

.nice-select:after { 
    border-bottom: 2px solid #999; 
    border-right: 2px solid #999; 
    content: ''; 
    display: block; 
    height: 5px; 
    margin-top: -4px; 
    pointer-events: none; 
    position: absolute; 
    right: 12px; 
    top: 50%; 
    -webkit-transform-origin: 66% 66%; 
    -ms-transform-origin: 66% 66%; 
    transform-origin: 66% 66%; 
    -webkit-transform: rotate(45deg); 
    -ms-transform: rotate(45deg); 
    transform: rotate(45deg); 
    -webkit-transition: all .15s ease-in-out; 
    transition: all .15s ease-in-out; 
    width: 5px;
} 

.nice-select.arrow-3:after { 
    right: 16px; 
    height: 6px; 
    width: 6px; 
    border-color: #7e8989;
} 

.filter-search-form-2 .filter-inputs .nice-select::after { 
    right: 37px;
} 

.nice-select:hover { 
    border-color: #dbdbdb;
} 


.nice-select .current  { 
    line-height: 1;
} 

.filter-search-form-2.search-1-adjustment .nice-select .current  { 
    width: calc(100% - 35px); 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    line-height: 1.2;
} 

.nice-select .list  { 
    background-color: #fff; 
    border-radius: 5px; 
    box-shadow: 0 0 0 1px rgba(68,68,68,0.11); 
    box-sizing: border-box; 
    margin-top: 4px; 
    opacity: 0; 
    overflow: hidden; 
    padding: 0; 
    pointer-events: none; 
    position: absolute; 
    top: 100%; 
    left: 0; 
    -webkit-transform-origin: 50% 0; 
    -ms-transform-origin: 50% 0; 
    transform-origin: 50% 0; 
    -webkit-transform: scale(0.75) translateY(-21px); 
    -ms-transform: scale(0.75) translateY(-21px); 
    transform: scale(0.75) translateY(-21px); 
    -webkit-transition: all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out; 
    transition: all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out; 
    z-index: 9;
} 

.nice-select .list  { 
    width: 100%;
} 

.filter-search-form-2.search-1-adjustment .nice-select .list  { 
    min-width: 290px;
} 

.nice-select .option  { 
    cursor: pointer; 
    font-weight: 400; 
    line-height: 40px; 
    list-style: none; 
    min-height: 40px; 
    outline: 0; 
    padding-left: 18px; 
    padding-right: 29px; 
    text-align: left; 
    -webkit-transition: all .2s; 
    transition: all .2s;
} 

.nice-select .option.selected  { 
    font-weight: bold;
} 

.nice-select .option:hover { 
    background-color: #f6f6f6;
} 

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { 
    background-color: #f6f6f6;
} 






















.chart-postion { 
    top: 14px; 
    left: 3px;
} 
.chart-postion span { 
    display: inline-block;
} 
.graph { 
    min-width: 290px; 
    max-width: 290px; 
    left: 0; 
    top: 14px;
} 

@media (min-width: 992px){ 
  .graph { 
    top: 12px;
  } 
}     

@media (min-width: 1200px){ 
  .graph { 
    top: 16px;
  } 
}     

.graph span  { 
    width: 16px; 
    height: 60px; 
    background-color: #D2DCD6;
} 

.graph span:nth-child(1)  { 
    height: 10px;
} 

.graph span:nth-child(2)  { 
    height: 14px;
} 

.graph span:nth-child(3)  { 
    height: 14px;
} 

.graph span:nth-child(4)  { 
    height: 19px;
} 

.graph span:nth-child(5)  { 
    height: 27px;
} 

.graph span:nth-child(6)  { 
    height: 41px;
} 

.graph span:nth-child(7)  { 
    height: 50px;
} 

.graph span:nth-child(8)  { 
    height: 37px;
} 

.graph span:nth-child(9)  { 
    height: 60px;
} 

.graph span:nth-child(10)  { 
    height: 27px;
} 

.graph span:nth-child(11)  { 
    height: 19px;
} 

.graph span:nth-child(12)  { 
    height: 27px;
} 

.graph span:nth-child(13)  { 
    height: 14px;
} 

.ui-slider { 
    position: relative; 
    text-align: left;
} 

.ui-slider-horizontal { 
    height: .8em;
} 

.ui-widget { 
    font-size: 1em;
} 

.ui-widget-content { 
    border: 1px solid #dddddd; 
    background: #ffffff; 
    color: #333333;
} 

.ui-corner-all { 
    border-top-left-radius: 3px;
} 

.ui-corner-all { 
    border-top-right-radius: 3px;
} 

.ui-corner-all { 
    border-bottom-left-radius: 3px;
} 

.ui-corner-all { 
    border-bottom-right-radius: 3px;
} 

.ui-slider-horizontal { 
    margin-top: 5px; 
    height: 5px;
} 

.pm-range-slider { 
    min-width: 290px; 
    max-width: 290px; 
    background: #D2DCD6;
} 

.ui-widget.ui-widget-content { 
    border: 1px solid #c5c5c5;
} 

.ui-widget.ui-widget-content { 
    border: none;
} 
.filter-check-list a  { 
    display: flex; 
    align-items: center; 
    color: inherit; 
    font-size: 16px;
} 

.filter-check-list a::before { 
    content: "\f0c8"; 
    font-weight: 400; 
    font-family: "Font Awesome 5 Free"; 
    display: inline-block; 
    color: #7e8989; 
    margin-right: 11px; 
    margin-top: 2px;
} 

.ui-widget-header { 
    border: 1px solid #dddddd; 
    background: #e9e9e9; 
    color: #333333; 
    font-weight: bold;
} 

.ui-slider .ui-slider-range  { 
    position: absolute; 
    z-index: 1; 
    font-size: .7em; 
    display: block; 
    border: 0; 
    background-position: 0 0;
} 

.ui-slider-horizontal .ui-slider-range  { 
    top: 0; 
    height: 100%;
} 

.pm-range-slider .ui-widget-header  { 
    background: #00b074; 
    top: 0; 
    height: 100%;
} 

.ui-slider .ui-slider-handle  { 
    position: absolute; 
    z-index: 2; 
    width: 1.2em; 
    height: 1.2em; 
    cursor: default; 
    -ms-touch-action: none; 
    touch-action: none;
} 

.ui-slider-horizontal .ui-slider-handle  { 
    top: -.3em; 
    margin-left: -.6em;
} 

.ui-state-default,.ui-widget-content .ui-state-default  { 
    border: 1px solid #c5c5c5; 
    background: #f6f6f6; 
    font-weight: normal; 
    color: #454545;
} 

.ui-state-default,.ui-widget-content .ui-state-default  { 
    border: none; 
    background: #fff; 
    font-weight: normal; 
    color: #454545; 
    width: 24px; 
    height: 24px; 
    border-radius: 50%; 
    outline: none;
} 

.ui-slider-horizontal .ui-slider-handle  { 
    top: -10px;
} 

.slider-price input  { 
    background: transparent; 
    border: transparent; 
    color: #1a1f2b; 
    text-align: left; 
    word-spacing: 0;
} 


















.result-view-type a  { 
    color: var(--hit-gray);
} 

.result-view-type a.active  { 
    color: var(--green);
} 


.square-72 { 
    max-width: 72px; 
    min-width: 72px; 
    max-height: 72px; 
    min-height: 72px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    background: #f6f6f6;
    border-radius: 7px;
} 

.bg-regent-opacity-15 { 
    background-color: rgba(176, 213, 232, 0.15);
} 











































































































































.card-plan-1{
    height: fit-content;
    position: relative;
    top: 5em;
}

.card-plan-2{
    position: relative;
    top: -2em;
}

.left-0{left:0;}
.w-6{width:1.5rem;}
.w-72{width:18rem;}
.w-full{width:100%;}
.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)));}
.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));}
.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem;}
.border-t-2{border-top-width:2px;}
.border-dashed{border-style:dashed;}
.bg-red-500{--tw-bg-opacity:1;background-color:rgba(239,68,68,var(--tw-bg-opacity));}
.space-y-3 > :not([hidden]) ~ :not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));}
.border-black\/5{border-color:rgb(0 0 0 / 0.05);}
.bg-yellow-500\/20{background-color:rgb(234 179 8 / 0.2);}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.font-semibold{font-weight:600;}
.text-black\/50{color:rgb(0 0 0 / 0.5);}
.text-black\/70{color:rgb(0 0 0 / 0.7);}
.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity));}
.text-white\/90{color:rgb(255 255 255 / 0.9);}
.text-yellow-500{--tw-text-opacity:1;color: rgb(255 212 78);}
































/* TESTAR NO IPHONE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
@media (prefers-reduced-motion: reduce) {
  *,
  *:after,
  *:before {
    animation: none !important;
    transition-property: none !important;
  }
}



















































/* STORY SINGLE PAGE >>>>>>>>>>>>>> */

.stories_page_wrap {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stories_page_wrap .stories_box {
  height: 100%;
  width: 30em;
   9; */
;
}
.stories_page_wrap .stories_box .dots {
  height: 10px;
  text-align: center;
  margin-top: 6px;
  display: none;
}
.stories_page_wrap .stories_box .dots ul {
  display: inline-block;
  float: none;
  width: auto;
  vertical-align: top;
}
.stories_page_wrap .stories_box .dots ul li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.41);
  margin: 0 7px;
  transition: all .2s linear;
}
.stories_page_wrap .stories_box .dots ul li.active {
  background: #fff;
  transition: all .2s linear;
}
.stories_page_wrap .stories_box .arrows .arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  position: absolute;
  transition: all .2s linear;
  top: 50%;
  margin-top: -77px;
}
.stories_page_wrap .stories_box .arrows .arrow.disabled {
  opacity: .5;
}
.stories_page_wrap .stories_box .arrows .arrow.disabled:hover {
  background: rgba(255, 255, 255, 0.42);
  cursor: default;
}
.stories_page_wrap .stories_box .arrows .arrow.disabled:hover:before {
  opacity: 1;
}
.stories_page_wrap .stories_box .arrows .arrow.disabled:hover:after {
  opacity: 0;
}
.stories_page_wrap .stories_box .arrows .arrow:before {
  width: 16px;
  height: 12px;
  background: url(../../img/left-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 1;
  transition: all .2s linear;
}
.stories_page_wrap .stories_box .arrows .arrow:after {
  width: 16px;
  height: 12px;
  background: url(../img/right-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 0;
  transition: all .2s linear;
  transform: rotate(180deg);
}
.stories_page_wrap .stories_box .arrows .arrow.prev {
  left: -64px;
}
.stories_page_wrap .stories_box .arrows .arrow.next {
  right: -64px;
  margin-left: 18px;
  transform: rotate(180deg);
}
.stories_page_wrap .stories_box .arrows .arrow:hover {
  background: #fff;
  transition: all .2s linear;
  cursor: pointer;
}
.stories_page_wrap .stories_box .arrows .arrow:hover:before {
  opacity: 0;
  transition: all .2s linear;
}
.stories_page_wrap .stories_box .arrows .arrow:hover:after {
  opacity: 1;
  transition: all .2s linear;
}
.stories_page_wrap .stories_box .items {
  border-radius: 10px;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-drag: none;
  user-select: none;
  touch-action: pan-y;
}
.stories_page_wrap .stories_box .items .item{
  position: sticky;
  top: 3em;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 9;
}

.stories_page_wrap .stories_box .items .item .thumb {
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  position: absolute;
  top: 8vh;
  left: 0;
  width: 100%;
  height: 78vh;
  z-index:9;
  border-radius: 7px;
}
.stories_page_wrap .stories_box .items .item .bg {
  opacity: 0;
  background-size: 0px;
  transition: opacity 1s cubic-bezier(0.55, 0.09, 0.68, 0.53), background-size 13s ease-in-out;
}

/* A animação será acionada quando o scroll atingir 50% do item */
.stories_page_wrap .stories_box .items .item .bg.triggered {
  opacity: 1;
  background-size: cover;
}

@keyframes fade-in1 {
  0%, 99% {
    opacity: 0;
    background-size: 0px;
  }
  100% {
    opacity: 1;
    background-size: cover;
  }
}

@keyframes fade-out1 {
  2% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


.stories_page_wrap .stories_box .items .item .thumb {
  animation-timeline: --item-timeline;
  animation-name: fade-in2, fade-out2;
  animation-duration: 1s, 1s;
  animation-timing-function: linear, linear;
  animation-fill-mode: forwards, forwards;
  animation-range: entry 0% 10%, exit 60% 100%;
  opacity: 0;
}

@keyframes fade-in2 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;

  }
}

@keyframes fade-out2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Classe para o timeline */
.scroll-fade-in {
  view-timeline-name: --item-timeline;
  view-timeline-axis: block;
}


.stories_page_wrap .stories_box .items .item.active {
  transform: none;
  transition: all .3s linear;
}
.stories_page_wrap .stories_box .items .item.seen {
  transform: translateX(-100%);
}
.stories_page_wrap .stories_box .items .item:before {
  
  /* FF3.6-15 */
  
  /* Chrome10-25,Safari5.1-6 */
  
/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 7%) 100%); */
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  

  /* IE6-9 */
  
height: 79vh;
  
position: absolute;
  
top: 7.6vh;
  
left: -5px;
  
width: 102%;
  
border-radius: 7px;
  
content: '';
  
z-index: 9;
}

.stories_page_wrap .stories_box .items .item .bg:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(to bottom, transparent, #ffffff); */
    backdrop-filter: blur(45px) saturate(100%);
    z-index: 1;
    content: '';
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.stories_page_wrap .stories_box .items .item ._title {
  font-size: 33px;
  color: #fff;
  line-height: 1.3;
  position: absolute;
  bottom: 7.8em;
  z-index: 9;
  left: 8px;
}
.stories_page_wrap .stories_box .items .item ._text {
  font-size: 21px;
  color: #fff;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  position: absolute;
  bottom: 8em;
  z-index: 9;
  left: 8px;
}
.stories_page_wrap .stories_box .items .item .bg {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: -37.3vw;
    z-index: 1;
}
.stories_page_wrap .stories_box .items .item ._info {
  position: absolute;
  height: 70px;
  left: 0;
  top: 8vh;
  width: 20em;
  padding-left: 40px;
  padding-right: 125px;
  z-index: 9;
}
.stories_page_wrap .stories_box .items .item ._info .country {
  font-size: 16px;
  color: #fff;
  height: inherit;
  display: flex;
  align-items: center;
}
.stories_page_wrap .stories_box .items .item ._info .country span {
  padding-left: 12px;
  position: relative;
}
.stories_page_wrap .stories_box .items .item ._info .country span:before {
  width: 6px;
  height: 6px;
  background: #D03000;
  border-radius: 50%;
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
}
.stories_page_wrap .stories_box .story_info {
  position: absolute;
  height: 42px;
  bottom: 0;
  left: 0;
  padding-right: 100px;
}
.stories_page_wrap .stories_box .story_info .author {
  position: relative;
  padding-left: 52px;
}
.stories_page_wrap .stories_box .story_info .author .userpic {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.stories_page_wrap .stories_box .story_info .author .userpic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stories_page_wrap .stories_box .story_info .author .name {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.61);
  height: 42px;
  display: flex;
  align-items: center;
}
.stories_page_wrap .stories_box .story_info .counter {
  font-size: 28px;
  color: #fff;
  width: 100px;
  line-height: 42px;
  position: absolute;
  text-align: right;
  right: 0;
  top: 0;
}
.stories_page_wrap .stories_box .story_info .counter .all {
  font-size: 20px;
}
.stories_page .orientation-message {
  display: none;
}




/* STORY HORIZONTAL >>>>>>>>>>>>>> */

.stories_page_wrap.horizontal {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.stories_page_wrap.horizontal .stories_box {width: fit-content;}


.stories_page_wrap.horizontal .stories_box .dots {
  height: 10px;
  text-align: center;
  margin-top: 6px;
  display: none;
}
.stories_page_wrap.horizontal .stories_box .dots ul {
  display: inline-block;
  float: none;
  width: auto;
  vertical-align: top;
}
.stories_page_wrap.horizontal .stories_box .dots ul li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.41);
  margin: 0 7px;
  transition: all .2s linear;
}
.stories_page_wrap.horizontal .stories_box .dots ul li.active {
  background: #fff;
  transition: all .2s linear;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.42);
  position: absolute;
  transition: all .2s linear;
  top: 50%;
  margin-top: -77px;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow.disabled {
  opacity: .5;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow.disabled:hover {
  background: rgba(255, 255, 255, 0.42);
  cursor: default;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow.disabled:hover:before {
  opacity: 1;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow.disabled:hover:after {
  opacity: 0;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow:before {
  width: 16px;
  height: 12px;
  background: url(../../img/left-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 1;
  transition: all .2s linear;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow:after {
  width: 16px;
  height: 12px;
  background: url(../img/right-arrow.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  content: '';
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -8px;
  opacity: 0;
  transition: all .2s linear;
  transform: rotate(180deg);
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow.prev {
  left: -64px;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow.next {
  right: -64px;
  margin-left: 18px;
  transform: rotate(180deg);
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow:hover {
  background: #fff;
  transition: all .2s linear;
  cursor: pointer;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow:hover:before {
  opacity: 0;
  transition: all .2s linear;
}
.stories_page_wrap.horizontal .stories_box .arrows .arrow:hover:after {
  opacity: 1;
  transition: all .2s linear;
}
.stories_page_wrap.horizontal .stories_box .items {
  border-radius: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-drag: none;
  user-select: none;
  overflow: clip;
  height: 100vh;
  width: 100vw;
  position: relative;
  width: 36em;
  height: 78vh;
}
.stories_page_wrap.horizontal .stories_box .items .item{
  width: 100vw;
  height: 100vh;
  width: 100%;
  height: 100%;
  z-index: 9;
  position: absolute;
  top: 0;
  left: 0;
}

.stories_page_wrap.horizontal .stories_box .items .item .thumb {
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 715px;
  z-index: 9;
  border-radius: 18px;
}

.stories_page_wrap.horizontal .stories_box .items .item.active {
  transform: none;
  transition: all .3s linear;
}

.stories_page_wrap.horizontal .stories_box .items .item:before {
  /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 7%) 100%); */
  height: 79vh;
  position: absolute;
  top: 7.6vh;
  left: -5px;
  width: 102%;
  border-radius: 7px;
  content: '';
  z-index: 9;
}

.stories_page_wrap.horizontal .stories_box .items .item .bg:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(45px) saturate(100%);
    z-index: 1;
    content: '';
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.stories_page_wrap.horizontal .stories_box .items .item ._title {
  font-size: 33px;
  color: #fff;
  line-height: 1.3;
  position: absolute;
  bottom: 7.8em;
  z-index: 9;
  left: 0.8em;
  width: 90%;
  text-shadow: 2px 3px 12px rgb(0 0 0), 2px 3px 17px rgb(255 255 255);
  mix-blend-mode: luminosity;
}
.stories_page_wrap.horizontal .stories_box .items .item ._text {
  font-size: 21px;
  color: #fff;
  line-height: 1.3;
  position: relative;
  z-index: 1;
  position: absolute;
  bottom: 8em;
  z-index: 9;
  left: 1.45em;
  width: 92%;
  text-shadow: 2px 3px 12px rgb(0 0 0), 2px 3px 17px rgb(255 255 255);
  mix-blend-mode: luminosity;
}
.stories_page_wrap.horizontal .stories_box .items .item .bg {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    width: 100vw;
    height: 100vh;
    position: relative;
    top: 0;
    left: -50%;
    width: 200vw;
    z-index: 0;
    opacity: 0;

}
.stories_page_wrap.horizontal .stories_box .items .item ._info {
  position: absolute;
  height: 70px;
  left: 0;
  top: 2vh;
  width: 20em;
  padding-left: 28px;
  padding-right: 125px;
  z-index: 9;
}
.stories_page_wrap.horizontal .stories_box .items .item ._info .country {
  font-size: 16px;
  color: #fff;
  height: inherit;
  display: flex;
  align-items: center;
}
.stories_page_wrap.horizontal .stories_box .items .item ._info .country span {
  padding-left: 12px;
  position: relative;
}
.stories_page_wrap.horizontal .stories_box .items .item ._info .country span:before {
  width: 6px;
  height: 6px;
  background: #D03000;
  border-radius: 50%;
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
}
.stories_page_wrap.horizontal .stories_box .story_info {
  position: absolute;
  height: 42px;
  bottom: 0;
  left: 0;
  padding-right: 100px;
}
.stories_page_wrap.horizontal .stories_box .story_info .author {
  position: relative;
  padding-left: 52px;
}
.stories_page_wrap.horizontal .stories_box .story_info .author .userpic {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.stories_page_wrap.horizontal .stories_box .story_info .author .userpic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.stories_page_wrap.horizontal .stories_box .story_info .author .name {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.61);
  height: 42px;
  display: flex;
  align-items: center;
}
.stories_page_wrap.horizontal .stories_box .story_info .counter {
  font-size: 28px;
  color: #fff;
  width: 100px;
  line-height: 42px;
  position: absolute;
  text-align: right;
  right: 0;
  top: 0;
}
.stories_page_wrap.horizontal .stories_box .story_info .counter .all {
  font-size: 20px;
}

.stories_page_wrap.horizontal .item.scroll-fade-in {
    transition: left 12s ease, opacity 12s ease;
}
.stories_page_wrap.horizontal .item.scroll-fade-in {
    animation: fade-in-left 12s forwards;
}
.stories_page_wrap.horizontal .item.scroll-fade-in2 {
    transition: left 1s ease, opacity 1s ease;
}
.stories_page_wrap.horizontal .item.scroll-fade-in2 {
    animation: fade-in-left2 1s forwards;
}

/* Configuração do efeito de fade-in-left para fazer os artigos aparecerem da direita para esquerda */
@keyframes fade-in-left {
    0%, 40% {
        left: 500%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}
@keyframes fade-in-left2 {
    0%, 40% {
        left: 700%;
        opacity: 0;
    }
    100% {
        left: 0;
        opacity: 1;
    }
}

.stories_page_wrap.horizontal .stories_box .items .item .thumb{
    border-radius: 54px!important;
}

@media (prefers-reduced-motion: no-preference) {
    .stories_page_wrap.horizontal .items {
        scroll-behavior: smooth!important;
    }

    /* Para definir o scroll-triggered para quando os elementos estiverem visíveis */
    .stories_page_wrap.horizontal .item.scroll-fade-in,
    .stories_page_wrap.horizontal .item.scroll-fade-in2{
        animation-timeline: scroll()!important;
    }

    .stories_page_wrap.horizontal .scroll-fade-in{
        animation-name: fade-in-left!important;
        animation-duration: 13s!important;
        animation-timing-function: linear !important;
        animation-fill-mode: forwards!important;
        animation-range: entry 0% 15%!important;
    }

    .stories_page_wrap.horizontal .scroll-fade-in2{
        animation-name: fade-in-left2!important;
        animation-duration: 3s!important;
        animation-timing-function: linear !important;
        animation-fill-mode: forwards!important;
        animation-range: entry 0% 22%!important;
    }
}



/* STORY HORIZONTAL: custom >>>>>>>>>>>>>> */
.section-article__mobile-app-service{
    height: 450vh;
    top: 17%;
}

.section-article__mobile-app-service .stories_page_wrap.horizontal .stories_box .items{
    width: 28em;
    border-radius: 60px;
}

.section-article__mobile-app-service .stories_page_wrap.horizontal .stories_box::after{
    content: '';
    background: url('../image/all-section-banners/cellphone-background-2.png');
    position: absolute;
    top: -0.5em;
    left: -1em;
    width: 29.5em;
    height: 47em;
    z-index: 9;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

@media (prefers-reduced-motion: no-preference) {
    .section-article__mobile-app-service .stories_page_wrap.horizontal .scroll-fade-in{
        animation-range: entry 2% 29% !important;
    }

    .section-article__mobile-app-service .stories_page_wrap.horizontal .scroll-fade-in2{
        animation-range: entry 15% 32% !important;
    }
}

































































.section-content{margin-inline-start:auto;margin-inline-end:auto;width:980px;}

.section-content-responsive{margin-inline:auto;width:87.5vw;max-width:1260px;}

.footnote{--sk-footnote-offset-top:-0.09em;--sk-footnote-font-size:0.9em;text-underline-offset:-0.28em;font-feature-settings:"numr";}
.footnote a{color:inherit;text-decoration:none;}
.footnote a:hover{color:#06c;}
.theme-dark .footnote a:hover{color:#2997ff;}

.section-content{margin-inline-start:auto;margin-inline-end:auto;width:980px;}


.footnote{--sk-footnote-offset-top:-0.09em;--sk-footnote-font-size:0.9em;text-underline-offset:-0.28em;font-feature-settings:"numr";}
.footnote a{color:inherit;text-decoration:none;}
.footnote a:hover{color:#06c;}
.theme-dark .footnote a:hover{color:#2997ff;}

.section.section-ribbon{position:relative;z-index:7;padding-block:0;}
.section.section-ribbon .ribbon-link:focus{text-decoration:none;}
.ribbon-music-red-to-default{--ribbon-background-color:rgb(245,245,247);--ribbon-background-color-initial:rgb(250,36,60);--ribbon-text-color:rgb(29,29,31);--ribbon-text-color-initial:rgb(255,255,255);--ribbon-link-color:rgb(0,102,204);--ribbon-link-color-initial:rgb(255,255,255);}
.offers-container{display:flex;flex-direction:row;justify-content:space-between;grid-gap:30px;gap:30px;max-width:1150px;margin-inline:auto;}
@media only screen and (min-width:1920px){
.offers-container{max-width:1260px;}
}
@media only screen and (max-width:926px){
.offers-container{flex-direction:column;text-align:left;grid-gap:70px;gap:70px;}
}
.offers-container .offer-item{flex-basis:33.33%;max-width:315px;display:flex;flex-direction:column;align-items:center;}
@media only screen and (min-width:1920px){
.offers-container .offer-item{max-width:400px;}
}
@media only screen and (max-width:926px){
.offers-container .offer-item{flex-basis:auto;max-width:unset;align-items:flex-start;}
.offers-container .offer-item br.medium{display:none;}
}

.devices-banner{background-color:rgba(245,245,247,.5);text-align:initial;}
.devices-banner .devices-banner-content{padding-block:40px;display:flex;align-items:center;justify-content:center;margin-block-start:120px;}

.devices-banner .devices-banner-label{margin:0;}
.devices-banner .devices-banner-label .opaque{opacity:.8;margin-inline-end:10px;}
.devices-banner .devices-banner-cta{color:inherit;}
.devices-banner.theme-dark{background:rgba(29,29,31,.5);color:#fff;}
.devices-banner.theme-dark .devices-banner-cta{color:#fff;}
.section-hero{padding:0;text-align:center;--banner-height:131px;--logo-width:980px;--logo-height:232px;--logo-final-scale:0.157;--logo-start-position:50%;}

.section-hero .hero-sticky-container{display:grid;grid-template-columns:100%;position:relative;margin-top:calc(var(--nav-collective-height)*-1);}
.section-hero .inline-media{position:relative;height:100vh;width:100%;overflow:hidden;}
.section-hero .inline-media video{object-fit:cover;object-position:center top;}
.section-hero .inline-media .end-frame,.section-hero .inline-media .start-frame,.section-hero .inline-media video{position:absolute;top:0;left:0;width:100%;height:100%;}
.section-hero .hero-sticky-content{grid-column:1/2;grid-row:1/2;background-color:#d6143a;height:100vh;width:100%;position:sticky;top:0;}
.section-hero .hero-content-container{position:relative;grid-column:1/2;grid-row:1/2;z-index:1;}
.section-hero .hero-sticky-button{grid-column:1/2;grid-row:1/2;position:sticky;z-index:3;top:0;justify-self:flex-end;height:36px;margin-inline-end:30px;padding-block:calc(100svh - 66px) 135px;}
@media only screen and (max-width:1068px){
.section-hero .hero-sticky-button{padding-block:calc(100svh - 56px) calc(var(--banner-height) + 18px);margin-inline-end:calc(20px + env(safe-area-inset-right));}
}
@media only screen and (max-width:926px){
.section-hero .hero-sticky-button{padding-block:calc(100svh - 56px) calc(var(--banner-height) + 80px);}
}
@media only screen and (max-width:734px){
.section-hero .hero-sticky-button{padding-block:calc(100svh - 45px) calc(var(--banner-height) + 65px);height:27px;}
.section-hero .hero-sticky-button .play-pause-button{width:25px;height:25px;}
.section-hero .hero-sticky-button .play-pause-button .control-centered-small-icon{width:13px;height:13px;}
}






























































.section-article-title{
     position: sticky; 
     top: 1em; 
}

.section-article-post{
    background: #fff;
    position: sticky;
    top: 17%;
    height: 300vh;
}

.buddyPokes{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.buddyPokes figure{
    width: 4em;
    height: 6em;
    position: absolute;
    top: 3em;
    left: 1em;
}

.buddyPokes figure:nth-child(2){
    top: 11em;
    width: 5em;
    height: 5em;
    left: 4em;
}

.buddyPokes figure:nth-child(3){
    top: 16em;
    left: 12em;
    width: 6em;
    height: 6em;
}

.buddyPokes figure:nth-child(4){
    left: auto;
    right: 2em;
}

.buddyPokes figure:nth-child(5){
    left: auto;
    right: 6em;
    top: 13em;
    width: 8em;
    height: 8em;
}

.buddyPokes figure img{
    max-width: 100%;
    max-height: 100%;
}






























































































  .section-princing-resume {  
    color:var(--bs-body-color);
    font-size:var(--bs-body-font-size);
    font-weight:var(--bs-body-font-weight);
    line-height:var(--bs-body-line-height);
    text-align:var(--bs-body-text-align);
    --bs-gutter-x:  1.5rem;  
    --bs-bg-opacity:  1;  
    --bs-text-opacity:  1;  
    --bs-btn-padding-x:  0.75rem;  
    --bs-btn-padding-y:  0.375rem;  
    --bs-btn-font-size:  1rem;  
    --bs-btn-font-weight:  400;  
    --bs-btn-line-height:  1.6;  
    --bs-body-color: #031b4e; 
    --bs-btn-color:  var(--bs-body-color);  
    --bs-btn-bg:  transparent;  
    --bs-border-width: 1px; 
    --bs-btn-border-width:  var(--bs-border-width);  
    --bs-btn-border-color:  transparent;  
    --bs-border-radius: 0.375rem; 
    --bs-btn-border-radius:  var(--bs-border-radius);  
    --bs-btn-hover-border-color:  transparent;  
    --bs-btn-focus-box-shadow:  0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5);  
    --bs-btn-font-weight:  400;  
    --bs-link-color: #007bff; 
    --bs-btn-color:  var(--bs-link-color);  
    --bs-btn-bg:  transparent;  
    --bs-btn-border-color:  transparent;  
    --bs-link-hover-color: #0062cc; 
    --bs-btn-hover-color:  var(--bs-link-hover-color);  
    --bs-btn-hover-border-color:  transparent;  
    --bs-btn-active-color:  var(--bs-link-hover-color);  
    --bs-btn-focus-shadow-rgb:  38,143,255;  
    --bs-btn-padding-y:  0.5rem;  
    --bs-btn-padding-x:  1rem;  
    --bs-btn-font-size:  1.25rem;  
    --bs-border-radius-lg: 0.5rem; 
    --bs-btn-border-radius:  var(--bs-border-radius-lg); 
    --bs-text-opacity:  1;  
    --bs-text-opacity:  1;  
    --bs-text-opacity:  1;  
    -webkit-text-size-adjust: 100%; 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    color: var(--bs-body-color); 
    font-size: var(--bs-body-font-size); 
    font-weight: var(--bs-body-font-weight); 
    line-height: var(--bs-body-line-height); 
    margin: 0; 
    text-align: var(--bs-body-text-align);
    --bs-gutter-x: 1.5rem; 
    margin-left: auto; 
    margin-right: auto; 
    padding-left: calc(var(--bs-gutter-x)*.5); 
    padding-right: calc(var(--bs-gutter-x)*.5); 
} 

.section-princing-resume:root { 
    --bs-primary-rgb: 0,123,255; 
    --bs-secondary-rgb: 108,117,125; 
    --bs-success-rgb: 56,193,114; 
    --bs-light-rgb: 248,250,252; 
    --bs-white-rgb: 255,255,255; 
    --bs-body-font-size: 1rem; 
    --bs-body-font-weight: 300; 
    --bs-body-line-height: 1.6; 
    --bs-body-color: #031b4e; 
    --bs-body-bg: #fff; 
    --bs-emphasis-color: #000; 
    --bs-emphasis-color-rgb: 0,0,0; 
    --bs-secondary-color: rgba(3,27,78,.75); 
    --bs-heading-color: inherit; 
    --bs-link-color: #007bff; 
    --bs-link-hover-color: #0062cc; 
    --bs-border-width: 1px; 
    --bs-border-color: #dee2e6; 
    --bs-border-color-translucent: rgba(0,0,0,.175); 
    --bs-border-radius: 0.375rem; 
    --bs-border-radius-lg: 0.5rem; 
    --bs-border-radius-xxl: 2rem; 
    --bs-border-radius-2xl: var(--bs-border-radius-xxl); 
    --bs-box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); 
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,.075); 
} 
.section-princing-resume .mb-4 { 
    margin-bottom: 1.5rem!important;
} 
.section-princing-resume .text-center { 
    text-align: center!important;
} 

@media (min-width: 768px){ 
  .section-princing-resume .mb-md-5 { 
    margin-bottom: 3rem!important;
  } 
}     
.section-princing-resume .d-grid { 
    display: grid!important;
} 
.section-princing-resume .justify-content-center { 
    justify-content: center!important;
} 
.section-princing-resume .align-items-center { 
    align-items: center!important;
} 
.section-princing-resume .gap-4 { 
    gap: 1.5rem!important;
} 
.section-princing-resume .text-nowrap { 
    white-space: nowrap!important;
} 

@media (min-width: 768px){ 
  .section-princing-resume .d-md-flex { 
    display: flex!important;
  } 

  .section-princing-resume .mt-md-5 { 
    margin-top: 3rem!important;
  } 

  .section-princing-resume .gap-md-5 { 
    gap: 3rem!important;
  } 
}     
.section-princing-resume .mt-5 { 
    margin-top: 3rem!important;
} 

.section-princing-resume h2 { 
    color: var(--bs-heading-color); 
    font-weight: 500; 
    line-height: 1.6; 
    margin-bottom: .5rem; 
    margin-top: 0;
} 

.section-princing-resume h2 { 
    font-size: calc(1.325rem + .9vw);
} 

@media (min-width: 1200px){ 
  .section-princing-resume h2 { 
    font-size: 2rem;
  } 
}     
.section-princing-resume .display-6 { 
    font-size: calc(1.375rem + 1.5vw); 
    font-weight: 300; 
    line-height: 1.6;
} 

@media (min-width: 1200px){ 
  .section-princing-resume .display-6 { 
    font-size: 2.5rem;
  } 
}     
.section-princing-resume .fw-bold { 
    font-weight: 700!important;
} 
.section-princing-resume .vr { 
    align-self: stretch; 
    background-color: currentcolor; 
    display: inline-block; 
    min-height: 1em; 
    opacity: .25; 
    width: var(--bs-border-width);
} 
.section-princing-resume .bg-secondary { 
    --bs-bg-opacity: 1; 
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important;
} 

.section-princing-resume p { 
    margin-top: 0;
} 

.section-princing-resume p { 
    margin-bottom: 1rem;
} 
.section-princing-resume .mb-0 { 
    margin-bottom: 0!important;
} 
.section-princing-resume .text-body-secondary { 
    --bs-text-opacity: 1; 
    color: var(--bs-secondary-color)!important;
} 

.section-princing-resume button { 
    border-radius: 0;
} 

.section-princing-resume button { 
    font-size: inherit; 
    line-height: inherit; 
    margin: 0;
} 

.section-princing-resume button { 
    text-transform: none;
} 

.section-princing-resume [type="button"],.section-princing-resume button { 
    -webkit-appearance: button;
} 
.section-princing-resume .btn { 
    --bs-btn-padding-x: 0.75rem; 
    --bs-btn-padding-y: 0.375rem; 
    --bs-btn-font-size: 1rem; 
    --bs-btn-font-weight: 400; 
    --bs-btn-line-height: 1.6; 
    --bs-btn-color: var(--bs-body-color); 
    --bs-btn-bg: transparent; 
    --bs-btn-border-width: var(--bs-border-width); 
    --bs-btn-border-color: transparent; 
    --bs-btn-border-radius: var(--bs-border-radius); 
    --bs-btn-hover-border-color: transparent; 
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb),.5); 
    background-color: var(--bs-btn-bg); 
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); 
    border-radius: var(--bs-btn-border-radius); 
    color: var(--bs-btn-color); 
    cursor: pointer; 
    display: inline-block; 
    font-size: var(--bs-btn-font-size); 
    font-weight: var(--bs-btn-font-weight); 
    line-height: var(--bs-btn-line-height); 
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); 
    text-align: center; 
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    user-select: none; 
    vertical-align: middle;
} 
.section-princing-resume .btn-link { 
    --bs-btn-font-weight: 400; 
    --bs-btn-color: var(--bs-link-color); 
    --bs-btn-bg: transparent; 
    --bs-btn-border-color: transparent; 
    --bs-btn-hover-color: var(--bs-link-hover-color); 
    --bs-btn-hover-border-color: transparent; 
    --bs-btn-active-color: var(--bs-link-hover-color); 
    --bs-btn-focus-shadow-rgb: 38,143,255; 
    text-decoration: none;
} 
.section-princing-resume .btn-lg { 
    --bs-btn-padding-y: 0.5rem; 
    --bs-btn-padding-x: 1rem; 
    --bs-btn-font-size: 1.25rem; 
    --bs-btn-border-radius: var(--bs-border-radius-lg);
} 
.section-princing-resume .p-0 { 
    padding: 0!important;
} 

.section-princing-resume [type="button"]:not(:disabled),.section-princing-resume button:not(:disabled) { 
    cursor: pointer;
} 
.section-princing-resume .btn:hover { 
    background-color: var(--bs-btn-hover-bg); 
    border-color: var(--bs-btn-hover-border-color); 
    color: var(--bs-btn-hover-color);
} 
.section-princing-resume .btn-link:hover { 
    color: var(--bs-btn-hover-color);
} 
.section-princing-resume .text-primary { 
    --bs-text-opacity: 1; 
    color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important;
} 
.section-princing-resume .display-4 { 
    font-size: calc(1.475rem + 2.7vw); 
    font-weight: 300; 
    line-height: 1.6;
} 

@media (min-width: 1200px){ 
  .section-princing-resume .display-4 { 
    font-size: 3.5rem;
  } 
}     
.section-princing-resume .lh-1 { 
    line-height: 1!important;
} 
.section-princing-resume .mb-1 { 
    margin-bottom: .25rem!important;
} 
.section-princing-resume .text-success { 
    --bs-text-opacity: 1; 
    color: rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important;
} 

.section-princing-resume .py-2 { 
    padding-bottom: .5rem!important; 
    padding-top: .5rem!important;
} 
.section-princing-resume .text-white { 
    --bs-text-opacity: 1; 
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
} 
.section-princing-resume .bg-blue { 
    background: #010e28!important;
} 
.section-princing-resume .link-light { 
    color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important; 
    text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important;
} 
.section-princing-resume .py-0 { 
    padding-bottom: 0!important; 
    padding-top: 0!important;
} 
  
.section-princing-resume .san-h-opacity { 
    opacity: .85; 
    transition: opacity .3s;
} 
.section-princing-resume .link-light:hover { 
    color: RGBA(249,251,253,var(--bs-link-opacity,1))!important; 
    text-decoration-color: RGBA(249,251,253,var(--bs-link-underline-opacity,1))!important;
} 
.section-princing-resume .san-h-opacity:hover { 
    opacity: 1!important;
} 

.section-princing-resume .small { 
    font-size: .875em;
} 

.section-princing-resume .px-1 { 
    padding-left: .25rem!important; 
    padding-right: .25rem!important;
} 

@media (min-width: 768px){ 
  .section-princing-resume .px-md-2 { 
    padding-left: .5rem!important; 
    padding-right: .5rem!important;
  } 
}     






































@media (max-width:900px){
.CuContainer_wrapper__Ii3__{--spacing-block-container:60px;--spacing-inline-container:80px;margin:0 1rem;}
}
@media (max-width:600px){
.CuContainer_wrapper__Ii3__{--spacing-block-container:30px;--spacing-inline-container:24px;--container-border-radius:var(--border-radius-md);inline-size:calc(100% - 2rem);}
}
@media (max-width:900px){
.CuContainer_content__y6j3q{padding:var(--spacing-block-container) var(--spacing-inline-container);}
}
@media (max-width:600px){
.CuContainer_content__y6j3q{padding:var(--spacing-inline-container) var(--spacing-inline-container);}
}
@media (max-width:900px){
.CuHomeHeroV2_tabsContainer__SGwZa{inline-size:unset!important;margin:0!important;}
}
.CuHomeHeroV2_tabs__zYAx4 .CuHomeHeroV2_tabsContainer__SGwZa{margin:0;padding:0 var(--spacing-desktop-padding-gutter)!important;}
@media (max-width:1100px){
.CuHomeHeroV2_tabs__zYAx4 .CuHomeHeroV2_tabsContainer__SGwZa{overflow-x:hidden;}
}
@media (max-width:900px){
.CuHomeHeroV2_tabs__zYAx4 .CuHomeHeroV2_tabsContainer__SGwZa{padding:0 var(--spacing-mobile-padding-gutter)!important;}
}
.CuHomeHeroV2_gradient__D3nzj{position:absolute;inset-block-start:127px;z-index:-1;flex-shrink:0;inline-size:744.53px;block-size:280px;filter:blur(107px);pointer-events:none;mix-blend-mode:plus-darker;}
@media (max-width:900px){
.CuHomeHeroV2_gradient__D3nzj{inset-block-start:90px;inline-size:375px;block-size:174px;filter:blur(75px);}
}
@media (max-width:600px){
.CuHomeHeroV2_gradient__D3nzj{inset-block-start:60px;inline-size:177px;block-size:238px;}
}
.CuHomeHeroV2_gradient__D3nzj.CuHomeHeroV2_left__HJQgw{inset-inline-start:0;background: linear-gradient(163.24deg, #a3ffdb 16.8%, #ffffff 71.87%);transform:matrix(-1,0,0,1,0,0);}
.CuHomeHeroV2_gradient__D3nzj.CuHomeHeroV2_right__9XX5u{inset-inline-end:0;background: linear-gradient(225.69deg, #cae6ec 19.77%, #ffffff 67.27%);transform:matrix(1,0,0,-1,0,0);}
.CuHomeHeroV2_tabsImage__wizkE{padding:7px 7px 0;border:1px solid rgba(var(--color-v3-white),1);border-radius:28px;background-color:rgba(var(--color-v3-white),.5);border-end-start-radius:0;border-end-end-radius:0;-webkit-mask-image:linear-gradient(180deg,#000 0 81%,transparent 90%);mask-image:linear-gradient(180deg,#000 0 81%,transparent 90%);}
@media (max-width:600px){
.CuHomeHeroV2_tabsImage__wizkE{padding:4px 4px 0;border-start-start-radius:16px;border-start-end-radius:16px;}
}
@media (max-width:500px){
.CuHomeHeroV2_tabsImage__wizkE{-webkit-mask-image:unset;mask-image:unset;}
}
.CuHomeHeroV2_tabsImage__wizkE img{border-radius:21px;opacity:0;border-end-start-radius:0;border-end-end-radius:0;}
@media (max-width:600px){
.CuHomeHeroV2_tabsImage__wizkE img{border-start-start-radius:11px;border-start-end-radius:11px;}
}
.CuHomeHeroV2_tabsImage__wizkE [data-state=active] img{animation:CuHomeHeroV2_fadeIn__JJ92v .5s 1 forwards;}
.CuHomeHeroV2_tabList__717cE{display:flex;flex-wrap: nowrap;justify-content:center;/* overflow-x:hidden; *//* margin-block-end:28px; *//* padding-inline-start:106px; *//* padding-block-start:4px; */-webkit-mask-image:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent);mask-image: linear-gradient(249deg, transparent, #ffffffc4 70%, #ffffff6b 70%, #ffffff00);width: 100vw;overflow: visible;margin: 0em auto 0;box-shadow: 19px 12px 35px 10px #333;top: -9px;position: relative;z-index: 99999999;}
@media (max-width:600px){
.CuHomeHeroV2_tabList__717cE{border-radius:16px;}
}
.CuHomeHeroV2_tabTrigger__P8FY1{max-inline-size: 6em;padding: 1.026em 0;border:unset;cursor:pointer;display: inline-block;background: #ffffff0d;backdrop-filter: blur(12px);position: relative;z-index: 999999999;}
.CuHomeHeroV2_tabTrigger__P8FY1>div{transition:transform .2s ease-in-out;}
.CuHomeHeroV2_tabTrigger__P8FY1>div:hover{transform:translateY(-3px);}
.CuHomeHeroV2_tabTriggerChild__bEwmE{display:flex;flex-direction:column;grid-gap:8px;gap:8px;align-items:center;inline-size:106px;}
.CuHomeHeroV2_tabIconWrapper__E9wxU{position:relative;inline-size:60px;block-size:60px;padding:6px;transition:transform .2s ease;}
.CuHomeHeroV2_tabIconBackground__JTy_6{transition:.2s;mix-blend-mode:invert;}
.CuHomeHeroV2_tabIcon__ye1IJ{position:absolute;inset-inline-start:50%;inset-block-start:50%;color:#000;transform:translate(calc(-50% + 1px),-50%);}
.CuHomeHeroV2_tabTitle__Y87DR{color: rgb(0 0 0);font-size:14px;text-align:center;}
.CuHomeHeroV2_badge__N49k9{display:inline-block;padding:3px 4px 1px;border-radius:4px;background:linear-gradient(258.69deg,#9223f4 35.77%,#55148e 141.79%);color:#fff;font-weight:400;font-size:11px;line-height:1;text-transform:uppercase;transform:translateY(-1px);}
[aria-selected=true] .CuHomeHeroV2_tabTriggerChild__bEwmE{grid-gap:11px;gap:11px;}
[aria-selected=true] .CuHomeHeroV2_tabIconWrapper__E9wxU{transform:scale(1.25);transform-origin:center;mix-blend-mode:unset;}
[aria-selected=true] .CuHomeHeroV2_tabIconBackground__JTy_6{
    --tab-icon-background: var)();
--tab-icon-background: var);--tab-icon-background-opacity:1!important;mix-blend-mode:unset;}
[aria-selected=true] .CuHomeHeroV2_tabIcon__ye1IJ{color:rgba(var(--color-v3-white),1);mix-blend-mode:unset;}
[aria-selected=true] .CuHomeHeroV2_tabTitle__Y87DR{font-weight:850;font-size:14px;mix-blend-mode:unset;}
/*! CSS Used keyframes */
@keyframes CuHomeHeroV2_fadeIn__JJ92v{0%{opacity:0;}20%{opacity:0;}to{opacity:1;}}


























































.scroll_contents .group.w-screen{
        mask-image: linear-gradient(var(--mask-direction, to right), hsl(285deg 0% 100% / 0%), hsl(0deg 0% 0% / 0%) 8%, hsl(0 0% 0% / 1) 65%, hsl(0 0% 0% / 0));
    
}

.z-10 { 
    z-index: 10;
} 
.mb-px { 
    margin-bottom: 1px;
} 

.mt-xl { 
    margin-top: var(--space-xl);
} 

@media (min-width: 900px){ 
  .md\:mt-2xl { 
    margin-top: var(--space-2xl);
  } 
}     

.pointer-events-none { 
    pointer-events: none;
} 

.absolute { 
    position: absolute;
} 

.top-0 { 
    top: 0;
} 

.h-1\/4 { 
    height: 25%;
} 

.w-full { 
    width: 100%;
} 

.bg-gradient-to-b { 
    background-image: linear-gradient(to bottom,var(--tw-gradient-stops));
} 

.from-deep-navy { 
    --tw-gradient-from: #000a1e var(--tw-gradient-from-position); 
    --tw-gradient-to: rgba(0,10,30,0) var(--tw-gradient-to-position); 
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to);
} 

.to-transparent { 
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
} 

.bottom-0 { 
    bottom: 0;
} 

.bg-gradient-to-t { 
    background-image: linear-gradient(to top,var(--tw-gradient-stops));
} 

.mt-2xl { 
    margin-top: var(--space-2xl);
} 

@media (min-width: 900px){ 
  .md\:absolute { 
    position: absolute;
  } 

}     
.flex { 
    display: flex;
} 



.z-\[1\] { 
    z-index: 1;
} 


.min-w-full { 
    min-width: 100%;
} 

.bg-app-gradient { 
    background-image: linear-gradient(145deg,red 57%,red 77%,#000a1e00);
} 

@media (min-width: 640px){ 
  .sm\:h-\[220px\] { 
    height: 220px;
  } 
}     



@media (prefers-reduced-motion: no-preference){ 
  .motion-safe\:animate-scroll-x { 
    animation: scroll-x 240s linear infinite;
  } 
}     

@media (min-width: 900px){ 
  .md\:h-\[605px\] { 
    height: 605px;
  } 
}     


@keyframes scroll-x { 
  0% {  
      transform: translate(-100%); 
      transform: translate(-100%); 
  }  
  100% {  
      transform: translate(0); 
      transform: translate(0px); 
  }  

} 






























































.background-PB_4F6{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;}
.background-PB_4F6 .background-image-tZuwAr{left:50%;position:absolute;transform:rotate(8deg) translateX(-50%);white-space:nowrap;}
.background-PB_4F6 .background-image-tZuwAr .col-HKcOcf{display:inline-block;font-size:0;margin-right:24px;transition:transform .2s ease-out 0s;vertical-align:top;}
.background-PB_4F6 .background-image-tZuwAr .col-HKcOcf:last-child{margin-right:24px;}
.background-PB_4F6 .background-image-tZuwAr .col-HKcOcf div{margin-bottom:24px;}
.background-PB_4F6 .background-image-tZuwAr .col-HKcOcf div img{height:100%;width:100%;}
.background-PB_4F6 .background-image-tZuwAr .col-HKcOcf div:last-child{margin-bottom:0;}
.background-PB_4F6 .mask-v2AuRr{background:radial-gradient(111.82% 92.19% at 50% 52.95%,rgba(0,0,0,.77) 17.74%,rgba(9,9,9,.6) 54.4%);height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;}
.marketing-template-wrapper-o_Ydfc{align-items:center;aspect-ratio:1920/1080;background-color:#000;display:flex;justify-content:center;position:relative;}
.marketing-template-wrapper-o_Ydfc .button-abgfZa,.marketing-template-wrapper-o_Ydfc .desc-xZWFS2,.marketing-template-wrapper-o_Ydfc .title-FxFcd4{opacity:0;transform:translateY(70px);}
.marketing-template-wrapper-o_Ydfc.in-view .title-FxFcd4{animation:show-am-uvlJol .5s ease-in-out forwards;animation-delay:0s;}
.marketing-template-wrapper-o_Ydfc.in-view .desc-xZWFS2{animation:show-am-uvlJol .5s ease-in-out forwards;animation-delay:.3s;}
.marketing-template-wrapper-o_Ydfc.in-view .button-abgfZa{animation:show-am-uvlJol .5s ease-in-out forwards;animation-delay:.6s;}
.marketing-template-wrapper-o_Ydfc .marketing-template-Nja2vo{align-items:center;display:inline-flex;flex-direction:column;justify-content:center;position:relative;z-index:5;}
.marketing-template-wrapper-o_Ydfc .marketing-template-Nja2vo .title-FxFcd4{font-size:3.2727272727rem;font-style:normal;font-weight:700;line-height:120%;margin-bottom:0;margin-top:0;max-width:53.5454545455rem;text-align:center;}
.marketing-template-wrapper-o_Ydfc .marketing-template-Nja2vo .title-FxFcd4 .title-text-UnQqGP{color:#fff;}
.marketing-template-wrapper-o_Ydfc .marketing-template-Nja2vo .title-FxFcd4 .high-light-sNkb7_{background:linear-gradient(86.08deg,#9c2df3 4.56%,#7d3eff 45.24%,#7cb8f4 95.97%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.marketing-template-wrapper-o_Ydfc .marketing-template-Nja2vo .desc-xZWFS2{color:#fff;font-size:1rem;font-style:normal;font-weight:400;line-height:1.4545454545rem;margin-bottom:0;margin-top:0;max-width:51.9090909091rem;padding:1.8181818182rem 0;text-align:center;}
.marketing-template-wrapper-o_Ydfc .marketing-template-Nja2vo .button-abgfZa{align-items:center;border:1px solid #fff;border-radius:.4545454545rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-style:normal;font-weight:500;height:2.0454545455rem;justify-content:center;line-height:1.2272727273rem;padding:.5454545455rem .6818181818rem;text-decoration:none;}
.marketing-template-wrapper-o_Ydfc .marketing-template-Nja2vo .button-abgfZa .button-icon-_f4yvc{margin-left:.1818181818rem;}
@keyframes show-am-uvlJol{0%{opacity:0;transform:translateY(70px);}to{opacity:1;transform:translateY(0);}}
































@media (min-width: 992px){

   .scroll_container {
        height:400vh
    }

  .sticky_wrap  {
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 2em;
    height: calc(100vh - 2em);
  } 

  .horizontal_scroll  { 
    position: absolute; 
    top: 0; 
    height: 100%; 
    width: 400vw; 
    will-change: transform; 
    display: flex; 
    justify-content: space-between;
  } 
}     

.background--gray  {
    background-color: #e2e8f0;
} 

@media (min-width: 992px){ 
  .scroll_contents  {
    height: 100%;
    width: 100vw;
  } 
}     

.background--blue  { 
    background-color: #e2e8f0;
} 

.background--dark-gray  { 
    background-color: #eee;
} 

.calypso-block  { 
    padding: 64px 0; 
    margin: 0; 
    position: relative;
} 

@media (min-width: 992px){ 
  .calypso-block  { 
    padding: 88px 0; 
    margin: 0;
  } 
}     

@media (min-width: 1360px){ 
  .calypso-block  { 
    max-width: 1920px; 
    margin: 0 auto;
  } 
}     

.calypso-block  { 
    padding: 80px 0;
} 

@media (min-width: 992px){ 
  .calypso-block  { 
    padding: 160px 0;
  } 
}     

.calypso-block.calypso-block--slide  { 
    height: 100%; 
    box-sizing: border-box;
} 

@media (min-width: 992px){ 
  .calypso-block.calypso-block--slide  { 
    padding: 0; 
    border-top-right-radius: 250px; 
    border-bottom-right-radius: 250px;
  } 

  .calypso-block.calypso-block--slide  { 
    background-repeat: no-repeat; 
    background-position: right; 
    background-size: 50%;
  } 

  .calypso-block.calypso-block--slide.first  { 
    background-image: url(https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/homepage2024/Any_stage.jpg);
  } 

  .calypso-block.calypso-block--slide.second  { 
    background-image: url(https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/homepage2024/First_sale.jpg);
  } 

  .calypso-block.calypso-block--slide.third  { 
    background-image: url(https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/homepage2024/Sales.jpg);
  } 

  .calypso-block.calypso-block--slide.fourth  { 
    background-image: url(https://don16obqbay2c.cloudfront.net/wp-content/themes/ecwid/images/homepage2024/Scale.jpg); 
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0;
  } 
}     

.calypso-block .container  { 
    position: relative; 
    z-index: 20; 
    box-sizing: border-box;
} 

@media (min-width: 992px){ 
  .calypso-block .container  { 
    padding: 0 64px;
  } 
}     

.calypso-block.calypso-block--slide .container  { 
    height: 100%;
} 

@media (min-width: 992px){ 
  .calypso-block.calypso-block--slide .container  { 
    padding: 0;
  } 
}     
.calypso-block.calypso-block--slide .row  { 
    height: 100%;
} 


.calypso-block.calypso-block--slide .slide__first  { 
    height: 100%;
} 

@media (min-width: 992px){ 
  .calypso-block.calypso-block--slide .slide__first  { 
    padding: 0 0 0 80px; 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
  } 
}     

.calypso-page h2 { 
    margin: 0 0 24px; 
    font-size: 40px; 
    font-weight: 700; 
    line-height: 120%; 
    -webkit-hyphens: auto; 
    -moz-hyphens: auto; 
    -ms-hyphens: auto; 
    hyphens: auto;
} 

@media (min-width: 576px){ 
  .calypso-page h2 { 
    -webkit-hyphens: none; 
    -moz-hyphens: none; 
    -ms-hyphens: none; 
    hyphens: none;
  } 
}     

@media (min-width: 992px){ 
  .calypso-page h2 { 
    font-size: 48px;
  } 
}     

.calypso-page h2 { 
    color: #000;
} 

.calypso-page.hpc-page.page-district h2 { 
    font-weight: 400;
} 

.calypso-page.hpc-page.page-district h2 { 
    font-size: 48px; 
    line-height: 48px; 
    margin-bottom: 16px; 
    color: #3b3d42;
} 

@media (min-width: 1200px){ 
  .calypso-page.hpc-page.page-district h2 { 
    font-size: 72px; 
    line-height: 68px; 
    margin-bottom: 24px;
  } 
}     

.calypso-page ul { 
    margin: 0; 
    padding-left: 20px;
} 

.calypso-page p { 
    margin: 16px 0 0; 
    font-size: 18px; 
    line-height: 160%;
} 

@media (min-width: 1200px){ 
  .calypso-page p { 
    line-height: 150%;
  } 
}     


.preheader ,.calypso-page.hpc-page.page-district p { 
    font-weight: 500; 
    font-size: 24px; 
    line-height: 32px;
} 

.preheader + h2  { 
    margin-top: 24px;
} 

.calypso-block.calypso-block--slide .badge  { 
    display: flex; 
    gap: 32px; 
    margin-top: 48px;
} 

@media (min-width: 992px){ 
  .calypso-block.calypso-block--slide .badge  { 
    margin-top: 64px;
  } 
}     


.calypso-page li { 
    margin: 16px 0 0; 
    font-size: 18px; 
    line-height: 160%;
} 

@media (min-width: 1200px){ 
  .calypso-page li { 
    line-height: 150%;
  } 
}     

.calypso-block.calypso-block--slide .badge .badge__text  { 
    display: flex; 
    flex-direction: column; 
    gap: 8px;
} 

.calypso-page.hpc-page.page-district p { 
    font-weight: 500; 
    font-size: 24px; 
    line-height: 32px;
} 

.calypso-page a { 
    color: #016dd2; 
    font-weight: 600; 
    text-decoration: none; 
    transition: color .1s linear; 
    cursor: pointer;
} 

.calypso-page a:hover { 
    color: #00479f;
} 

.calypso-page .calypso-link:hover, .calypso-page .text-link:hover, .calypso-page a:hover { 
    color: #00479f;
} 




































.wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important;}
@media (min-width:782px){
.wp-block-columns{flex-wrap:nowrap!important;}
}
@media (max-width:781px){
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important;}
}
@media (min-width:782px){
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1;width: 9em;height: 20em;}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column img{
    max-width: 100%;
    max-height: 100%;
    width: auto!important;
}
}
:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative;height: 27em;}
.is-layout-constrained>.alignwide{max-width:var(--wp--style--global--wide-size);}
.is-style-blurred-bubbles:after,.is-style-blurred-bubbles:before{content:"";position:absolute;z-index:0;width:515px;height:220px;background:linear-gradient(252.93deg,#d054ce 33.59%,#0092f4 59.88%,#20dc86 87.87%);opacity:.32;filter:blur(142px);transform:rotate(-22deg);will-change:filter;}
.is-style-blurred-bubbles>div.wp-block-group,.is-style-blurred-bubbles>div:not(.universe-position):not(.block-halo):not(.halo-ball){position:relative;z-index:1;}
.is-style-blurred-bubbles:before{left:-10%;top:-20%;transform:translateX(-50%);}
.is-style-blurred-bubbles:after{right:-10%;bottom:-20%;transform:translateX(50%);}
.is-style-blurred-bubbles.has-payoneer-dark-black-background-color:before{z-index:0;width:600px;height:300px;bottom:73%;left:-30%;opacity:.5;background:linear-gradient(252.93deg,#d054ce 33.59%,#0092f4 59.88%,#20dc86 87.87%);filter:blur(142.5px);-webkit-filter:blur(142.5px);will-change:filter;transform:rotate(-21.23deg);}
@media (min-width:768px){
.is-style-blurred-bubbles:after,.is-style-blurred-bubbles:before{width:725px;height:525px;}
.is-style-blurred-bubbles.has-payoneer-dark-black-background-color:before{width:1200px;height:580px;bottom:50%;left:-37%;opacity:.32;}
}
.is-style-blurred-bubbles.has-payoneer-dark-black-background-color:after{z-index:0;width:600px;height:300px;opacity:.4;transform:rotate(-20.41deg);bottom:10%;right:-25%;background:linear-gradient(252.93deg,#d054ce 33.59%,#0092f4 59.88%,#20dc86 87.87%);filter:blur(142.5px);-webkit-filter:blur(142.5px);will-change:filter;}
@media (min-width:768px){
.is-style-blurred-bubbles.has-payoneer-dark-black-background-color:after{width:700px;height:460px;left:40%;top:0;opacity:.32;transform:rotate(-50.41deg);}
}
@media (max-width:991px){
body .wp-block-group[class*=wp-block-group-is-layout-constrained]>:where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.wp-block-separator):not(.wp-block-buttons)){max-width:100%!important;margin-left:0!important;margin-right:0!important;}
body h2.has-background[style*="-gradient("]{-webkit-background-clip:text!important;color:transparent!important;padding:0;}
body h2.has-background[style*="-gradient("] strong{color:transparent!important;}
.wp-container-core-columns-is-layout-12{flex-wrap:nowrap;}
}




































































.framer-go8ow9-container  {
    bottom: -8px;
    height: 118px;
    left: 0;
    position: fixed;
    z-index: 99;
    right: 0;
    --framer-link-hover-text-color:  #333;
    --framer-link-hover-text-decoration:  underline;
    --framer-link-text-color:  #333333;
    --framer-link-text-decoration:  none;
} 

.framer-IjlN8.framer-l63bro {
    height: 100%;
    position: relative;
    width: 100vw;
} 

.framer-IjlN8 .framer-11yctmk  { 
    flex: none; 
    inset: 0; 
    overflow: hidden; 
    pointer-events: none; 
    position: absolute; 
    z-index: 1;
} 

.framer-IjlN8 .framer-1q5df92  { 
    flex: none; 
    height: 68px; 
    left: calc(50.00000000000002% - 476px / 2); 
    overflow: hidden; 
    position: absolute; 
    top: calc(50.00000000000002% - 68px / 2); 
    width: 476px; 
    will-change: var(none, transform); 
    z-index: 1;
} 

.framer-1cC7r[data-border="true"]:after, .framer-1cC7r [data-border="true"]::after { 
    content: ""; 
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); 
    border-color: var(--border-color, none); 
    border-style: var(--border-style, none); 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    box-sizing: border-box; 
    left: 0; 
    top: 0; 
    border-radius: inherit; 
    pointer-events: none;
} 

.framer-IjlN8 .framer-1c2xaok  { 
    flex: none; 
    inset: 0; 
    overflow: hidden; 
    position: absolute; 
    will-change: var(none, transform);
} 

.framer-IjlN8 .framer-1nyt3k7  { 
    align-content: center; 
    align-items: center; 
    display: flex; 
    flex: none; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    justify-content: space-between; 
    inset: 0; 
    overflow: visible; 
    padding: 8px 8px 8px 32px; 
    pointer-events: auto; 
    position: absolute;
} 

.framer-1cC7r[data-border="true"]::after, .framer-1cC7r [data-border="true"]::after { 
    content: ""; 
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); 
    border-color: var(--border-color, none); 
    border-style: var(--border-style, none); 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    box-sizing: border-box; 
    left: 0; 
    top: 0; 
    border-radius: inherit; 
    pointer-events: none;
} 

.framer-IjlN8[data-border="true"]::after, .framer-IjlN8 [data-border="true"]::after { 
    content: ""; 
    border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); 
    border-color: var(--border-color, none); 
    border-style: var(--border-style, none); 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    box-sizing: border-box; 
    left: 0; 
    top: 0; 
    border-radius: inherit; 
    pointer-events: none;
} 

.framer-IjlN8 .framer-9jram9  { 
    align-content: flex-end; 
    align-items: flex-end; 
    bottom: 0; 
    display: flex; 
    flex: none; 
    flex-direction: column; 
    flex-wrap: nowrap; 
    gap: 0px; 
    justify-content: flex-end; 
    mix-blend-mode: lighten; 
    overflow: visible; 
    padding: 0; 
    position: absolute; 
    right: -331px; 
    top: 0; 
    width: 807px;
} 

[data-framer-component-type] { 
    position: absolute;
} 

.framer-IjlN8 .framer-h5g5fp  {
    flex: none;
    height: auto;
    position: relative;
    width: 10em;
} 

.framer-IjlN8 .framer-1m8tdv1  { 
    align-content: center; 
    align-items: center; 
    display: flex; 
    flex: none; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    gap: 32px; 
    height: 100%; 
    justify-content: flex-end; 
    overflow: visible; 
    padding: 0; 
    position: relative; 
    width: min-content;
} 

.framer-IjlN8 .framer-gs6ja0  { 
    flex: 1 0 0px; 
    height: 1px; 
    position: relative; 
    width: 100%;
} 

.framer-IjlN8 .framer-1timzz9  { 
    flex: 1 0 0px; 
    height: 1px; 
    position: relative; 
    width: 100%;
} 

.framer-IjlN8 .framer-qedzwb  { 
    flex: 1 0 0px; 
    height: 1px; 
    position: relative; 
    width: 100%;
} 

.framer-IjlN8 .framer-146o8cl  { 
    flex: 1 0 0px; 
    height: 1px; 
    position: relative; 
    width: 100%;
} 

.framer-IjlN8 .framer-ytondr  { 
    flex: 1 0 0px; 
    height: 1px; 
    position: relative; 
    width: 100%;
} 

.framer-IjlN8 .framer-19sxde3  { 
    flex: none; 
    height: auto; 
    position: relative; 
    white-space: pre; 
    width: auto;
} 

.framer-IjlN8 .framer-40szkq  { 
    flex: none; 
    height: auto; 
    position: relative; 
    white-space: pre; 
    width: auto;
} 

.framer-IjlN8 .framer-8v6xr1  { 
    display: block;
} 

.framer-IjlN8 .framer-10rxgvl  { 
    align-content: center; 
    align-items: center; 
    display: flex; 
    flex: none; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    gap: 8px; 
    height: 100%; 
    justify-content: center; 
    overflow: visible; 
    padding: 8px 16px; 
    position: relative; 
    text-decoration: none; 
    width: min-content;
} 

.svgContainer img  { 
    display: block;
} 

.framer-IjlN8 .framer-g4tvbd  { 
    flex: none; 
    height: auto; 
    position: relative; 
    white-space: pre; 
    width: auto;
} 
.framer-9Ghjm .framer-styles-preset-1x5q87:not(.rich-text-wrapper)  { 
    --framer-link-hover-text-color: #333; 
    --framer-link-hover-text-decoration: underline; 
    --framer-link-text-color: #333333; 
    --framer-link-text-decoration: none;
} 

#style-6mvjV.style-6mvjV {
   background: radial-gradient(50% 50% at 50% 100%, rgb(0, 0, 0) 0%, rgba(255, 255, 255, 0) 100%);
   filter: blur(35px);
   transform: none;
   transform-origin: 50% 50% 0px;
}  
#style-rpDOt.style-rpDOt {  
   --border-bottom-width: 1px;  
    --border-color: rgb(255, 255, 255);  
    --border-left-width: 1px;  
    --border-right-width: 1px;  
    --border-style: solid;  
    --border-top-width: 1px;  
    border-radius: 60px;  
    box-shadow: rgba(255, 255, 255, 0.1) 0px 10px 6px 0px, rgba(255, 115, 178, 0.15) 0px 2px 2px 0px;  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-nQqhq.style-nQqhq {  
   border-radius: 100px;  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-zdKqg.style-zdKqg {  
   transform: rotate(180deg);  
    transform-origin: 50% 50% 0px;  
    opacity: 1;  
}  
#style-FxBBY.style-FxBBY {  
   background-color: rgb(155, 117, 254);  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-XYo5r.style-XYo5r {  
   background-color: rgb(239, 98, 185);  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-mltIT.style-mltIT {  
   background-color: rgb(251, 230, 58);  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-VegF8.style-VegF8 {  
   background-color: rgb(101, 251, 178);  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-QZqsT.style-QZqsT {  
   background-color: rgb(114, 164, 226);  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-ySS6B.style-ySS6B {  
   --border-bottom-width: 1.5px;  
    --border-color: rgb(255, 255, 255);  
    --border-left-width: 1.5px;  
    --border-right-width: 1.5px;  
    --border-style: solid;  
    --border-top-width: 1.5px;  
    backdrop-filter: blur(10px);  
    background: linear-gradient(318deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 39%);  
    border-radius: 62px;  
    box-shadow: rgb(255, 255, 255) 0px -5px 17px 0px inset;  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-dDb3a.style-dDb3a {  
   width:100%;  
   height:100%;  
   aspect-ratio:inherit;  
}  
#style-EbXtV.style-EbXtV {  
   transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-ozS6O.style-ozS6O {  
   outline: none;  
    display: flex;  
    flex-direction: column;  
    justify-content: center;  
    flex-shrink: 0;  
    --framer-paragraph-spacing: 0px;  
    opacity: 0.3;  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-9JU9K.style-9JU9K {  
   outline: none;  
    display: flex;  
    flex-direction: column;  
    justify-content: center;  
    flex-shrink: 0;  
    --framer-paragraph-spacing: 0px;  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-NsEae.style-NsEae {  
   --framer-font-size:14px;  
   --framer-font-weight:500;  
   --framer-letter-spacing:0px;  
   --framer-line-height:20px;  
   --framer-text-alignment:center;  
}  
#style-hpraJ.style-hpraJ {  
   --border-bottom-width: 2px;  
    --border-color: rgba(254, 254, 254, 0.4);  
    --border-left-width: 2px;  
    --border-right-width: 2px;  
    --border-style: solid;  
    --border-top-width: 2px;  
    background-color: rgb(254, 254, 254);  
    border-radius: 30px;  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-KokYm.style-KokYm {  
   outline: none;  
    display: flex;  
    flex-direction: column;  
    justify-content: center;  
    flex-shrink: 0;  
    --extracted-1w3ko1f: rgba(8, 10, 18, 1);  
    --framer-paragraph-spacing: 0px;  
    transform: none;  
    transform-origin: 50% 50% 0px;  
}  
#style-Jq8oW.style-Jq8oW {  
   --framer-font-size:14px;  
   --framer-line-height:20px;  
   --framer-text-alignment:center;  
}  
#style-QU47P.style-QU47P {  
   --framer-font-size:14px;  
   --framer-font-weight:700;  
   --framer-letter-spacing:0px;  
   --framer-text-color:var(--extracted-1w3ko1f, rgba(8, 10, 18, 1));  
}  







































































.component-faq-chat {
    max-width: 42rem;
    margin: 0 auto;
}

.component-faq-chat .message {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.component-faq-chat .message-avatar {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}

.component-faq-chat .message-content {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    max-width: 80%;
}

.component-faq-chat .message-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.component-faq-chat .message-name {
    font-size: 0.875rem;
    font-weight: 500;
}

.component-faq-chat .message-time {
    font-size: 0.875rem;
    color: #6b7280;
}

.component-faq-chat .message-bubble {
    background-color: #f3f4f6;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    max-width: fit-content;
}

.component-faq-chat .audio-player {
    background-color: #f3f4f6;
    padding: 0.75rem;
    border-radius: 0.75rem;
    width: 100%;
    max-width: 24rem;
}

.component-faq-chat .audio-controls {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.component-faq-chat .play-button {
    width: 2rem;
    height: 2rem;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.component-faq-chat .progress-bar {
    flex-grow: 1;
}

.component-faq-chat .progress-track {
    height: 0.25rem;
    background-color: #d1d5db;
    border-radius: 9999px;
}

.component-faq-chat .time-display {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

.component-faq-chat .image-gallery {
    display: flex;
    gap: 0.5rem;
    margin-top: 0.5rem;
}

.component-faq-chat .gallery-image {
    border-radius: 0.5rem;
    overflow: hidden;
}

.component-faq-chat .gallery-image img {
    width: 200px;
    height: 150px;
    object-fit: cover;
}

.component-faq-chat .message.reply {
    flex-direction: row-reverse;
}

.component-faq-chat .message.reply .message-content {
    align-items: flex-end;
}

.component-faq-chat .message.reply .message-bubble {
    background-color: #2563eb;
    color: white;
}

.component-faq-chat .message.reply .message-footer {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.25rem;
}

.component-faq-chat .message.reply .message-avatar {
    width: 1.5rem;
    height: 1.5rem;
}











































































































/* COMPONENT: NEWSLETTER */
.section-newsletter .page-section__row{position:relative;padding:48px 16px;text-align:center;background-image: linear-gradient(327deg, var(--regent), transparent);background-position: center top;background-size: cover;border-radius:12px;box-shadow: 0 1px 3px rgb(59 59 59), 0 1px 2px rgb(33 29 29 / 28%);}
.section-newsletter .page-section__row:before{
    content: '';
    background-image: url(../image/bgs/bg-guarda-chuva.jpg);
    background-position: center top;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: blur(5px);
    opacity: 0.4;
}

@media (min-width:640px){
.section-newsletter .page-section__row{padding:60px 30px;}
}
@media (min-width:1280px){
.section-newsletter .page-section__row{display:flex;padding: 80px 75px;text-align:left;}
}
.section-newsletter .page-section__column--primary{position:relative;}
@media (min-width:1280px){
.section-newsletter .page-section__column--primary{flex-shrink:0;width: 57%;/* margin-right:74px; */margin-left:0;}
}
.section-newsletter .page-section__column--list{display:none;}
@media (min-width:1280px){
.section-newsletter .page-section__column--list{display:block;max-width:calc(100% - 467px);}
}
@media only screen and (min-width:960px)and (min-width:1280px){
.section-newsletter .page-section__column--list{max-width:calc(100% - 570px);}
}
.section-newsletter .section-title{margin-bottom:8px;padding-left:28px;padding-right:28px;font-size:24px;line-height:32px;font-weight:700;}
@media (min-width:640px){
.section-newsletter .section-title{margin-bottom:8px;padding:0;font-size:36px;line-height:48px;}
}
@media (min-width:960px){
.section-newsletter .section-title{margin-bottom:16px;font-size:32px;line-height:40px;}
}
@media (min-width:1280px){
.section-newsletter .section-title{margin-bottom:12px;font-size:40px;line-height:48px;text-align:left;}
}
.section-newsletter .section-message{margin-bottom:28px;font-size:14px;line-height:20px;text-align:center;}
@media (min-width:960px){
.section-newsletter .section-message{margin-bottom:40px;font-size:16px;line-height:24px;}
}
@media (min-width:1280px){
.section-newsletter .section-message{margin-bottom:48px;text-align:left;}
}
.section-newsletter .cta-list__item{position:relative;font-weight: 600;font-size:16px;line-height:24px;color: var(--secondary-color);list-style: decimal-leading-zero;}
@media (min-width:960px){
.section-newsletter .cta-list__item{padding-left:44px;}
}
@media (min-width:1280px){
.section-newsletter .cta-list__item{padding-left:48px;font-size:20px;line-height:34px;}
}
.section-newsletter .cta-list__item:not(:last-child){margin-bottom:16px;}
@media (min-width:1280px){
.section-newsletter .cta-list__item:not(:last-child){margin-bottom:14px;}
}
.section-newsletter .cta-list__item:before{content:"";position:absolute;top:-2px;left:0;width:28px;height:28px;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 28C9.372 28 4 22.628 4 16S9.372 4 16 4s12 5.372 12 12-5.372 12-12 12z' fill='%233BB273'/%3E%3Cpath d='M20 14l-5 5-3-3' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;background-size:contain;}
@media (min-width:1280px){
.section-newsletter .cta-list__item:before{top:0;width:32px;height:32px;background-size:auto;}
}





















































































































@media all{ 
  .elementor-widget-wrap { 
    position: relative; 
    width: 100%; 
    flex-wrap: wrap; 
    align-content: flex-start;
  } 
  .elementor-widget { 
    position: relative;
  } 

  .elementor-widget:not(:last-child) { 
    margin-bottom: 20px;
  } 

  .elementor-widget-wrap > .elementor-element.elementor-absolute  { 
    position: absolute;
  } 

  .elementor-element.elementor-element-6e609e2  { 
    width: var( --container-widget-width, 890px ); 
    max-width: 890px; 
    --container-widget-width: 890px; 
    top: -260px;
  } 

  .elementor-element.elementor-element-6e609e2  { 
    left: -226px;
  } 

  .elementor-element.elementor-element-6fa6264  { 
    z-index: 2; 
    text-align: left;
  } 

  .elementor-align-center { 
    text-align: center;
  } 

  .elementor-element.elementor-element-9bb7093 > .elementor-widget-container  { 
    margin: 60px 0px 0px 0px;
  } 

  .elementor img { 
    height: auto; 
    max-width: 100%; 
    border: none; 
    border-radius: 0; 
    box-shadow: none;
  } 

  .elementor-element.elementor-element-6e609e2 img  { 
    width: 100%;
  } 

  .elementor-heading-title { 
    padding: 0; 
    margin: 0; 
    line-height: 1;
  } 

  .elementor-element.elementor-element-6fa6264 .elementor-heading-title  {
    color: #03081B;
    font-size: 55px;
    font-weight: 400;
    line-height: 72px;
    letter-spacing: -2px;
    font-family: var(--font-apple);
  } 
}























































































































































.section-promo-2 .templates-container {
  padding: 0 1rem;
  margin: 0 auto;
}

.section-promo-2 .templates-card {
  position: relative;
  z-index: 10;
  background: var(--white););
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 1.5em;
  box-shadow: 0 4px 6px rgb(0 0 0 / 12%);
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  overflow: hidden;
  background-image: url(../image/bgs/bg-lines-2.svg);
  background-position: right center;
  background-size: cover;
  background-blend-mode: luminosity;
}

.section-promo-2 .left-column {
  width: 100%;
  padding: 0 1.25rem;
}

@media (min-width: 992px) {
  .section-promo-2 .left-column {
    width: 50%;
  }
}

.section-promo-2 .content {
  max-width: 575px;
  padding: 3.5rem 0;
}

.section-promo-2 .icon-title {
  display: flex;
  align-items: center;
  margin-bottom: 1.375rem;
}

.section-promo-2 .icon {
  padding-right: 0.5rem;
}

.section-promo-2 .title {
  font-size: 1.125rem;
  font-weight: 600;
  color: black;
}

.section-promo-2 h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: black;
}

.section-promo-2 p {
  margin-bottom: 1.5rem;
  font-size: 1rem;
  color: #000;
  line-height: 1.6;
  font-weight: 500;
}

.section-promo-2 .right-column {
  width: 100%;
  padding: 0 1.25rem;
}

@media (min-width: 992px) {
  .section-promo-2 .right-column {
    width: 50%;
    text-align: right;
  }
}

.section-promo-2 .image-wrapper {
  display: inline-block;
  position: relative;
}

.section-promo-2 .image-wrapper img {
  max-width: 100%;
  height: auto;
}

.section-promo-2 .btn {
    background-image: linear-gradient(135deg, rgba(207, 215, 225, 0) 0%, rgba(207, 215, 225, 0.35) 54.69%, rgba(207, 215, 225, 0) 100%);
    padding: 1em 2em;
}

.section-promo-2 .bg-decoration {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  height: 100%;
}

.section-promo-2 .bg-decoration svg {
  height: 100%;
}





















































    .stories-viewer {
      width: 360px;
      height: 656px;
      position: relative;
      border-radius: 20px;
      margin: auto;
    }

    .stories-viewer:before {
    content: '';
    background: url(https://www.apple.com/v/iphone-16-pro/d/images/overview/apple-intelligence/apple-intelligence_hw__b7r46krxys9y_large.png);
    position: absolute;
    top: -0.5em;
    left: -0.8em;
    width: 24em;
    height: 42.4em;
    z-index: 9;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    }
    
    .stories-viewer .progress-container {
      position: absolute;
      top: 39px;
      left: 0;
      right: 0;
      padding: 12px;
      display: flex;
      gap: 4px;
      z-index: 99;
    }
    
    .stories-viewer .progress-bar {
      height: 2px;
      flex-grow: 1;
      background: rgba(255, 255, 255, 0.3);
      border-radius: 2px;
    }
    
    .stories-viewer .progress-bar-fill {
      height: 100%;
      width: 0%;
      background: white;
      border-radius: 2px;
      transition: width 0.1s linear;
    }
    
    .stories-viewer .story-header {
      position: absolute;
      top: 30px;
      left: 12px;
      right: 12px;
      display: flex;
      align-items: center;
      z-index: 10;
      color: white;
    }
    
    .stories-viewer .user-info {
      display: flex;
      align-items: center;
      gap: 8px;
    }
    
    .stories-viewer .avatar {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #666;
    }
    
    .stories-viewer .username {
      font-weight: 500;
      font-size: 14px;
    }
    
    .stories-viewer .time {
      color: rgba(255, 255, 255, 0.7);
      font-size: 14px;
      margin-left: 12px;
    }
    
    .stories-viewer .story-slides {
      height: 100%;
      display: flex;
      transition: transform 0.3s ease-in-out;
    }
    
    .stories-viewer .story-slide {
      min-width: 100%;
      height: 100%;
      position: relative;
      opacity: 0;
      transition: opacity 0.3s ease-in-out;
      position: absolute;
    }
    
    .stories-viewer .story-slide.active {
      opacity: 1;
    }
    
    .stories-viewer .story-image {
      margin-top: -0.18em;
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 60px;
    }
    
    .stories-viewer .navigation {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      z-index: 9;
    }
    
    .stories-viewer .nav-area {
      width: 50%;
      height: 100%;
      cursor: pointer;
    }
    
    .stories-viewer .slide-content {
      position: absolute;
      bottom: 20px;
      left: 20px;
      right: 20px;
      color: white;
    }
    
    .stories-viewer .slide-title {
      font-size: 18px;
      margin: 0 0 8px 0;
    }
    
    .stories-viewer .slide-description {
      font-size: 14px;
      opacity: 0.9;
      margin: 0;
    }

















































































[data-v-f2b374ae],[data-v-f2b374ae]:after,[data-v-f2b374ae]:before{box-sizing:inherit;}
div[data-v-f2b374ae]{-webkit-tap-highlight-color:transparent;}
button[data-v-f2b374ae]{border:0;border-radius:0;cursor:pointer;outline:none;padding:0;}
.t-body-4-bold[data-v-f2b374ae]{font-size:14px;line-height:24px;}
.t-body-4-bold[data-v-f2b374ae]{font-weight:700;}
button[data-v-f2b374ae]{font-size:16px;}
button[data-v-f2b374ae]{font-weight:700;}
.h-banner__wrapper[data-v-f2b374ae]{background-color:var(--meteorite--500);box-shadow:0 4px 10px #0000001a;color:var(--neutral--0);gap:16px;height:64px;left:0;overflow:hidden;position: relative;top:56px;transition:top .3s ease;width:100%;z-index:100;background: #9691f1;}
@media (min-width:768px){
.h-banner__wrapper[data-v-f2b374ae]{height:56px;padding:0;/* top:62px; */}
}
@media (min-width:1025px){
.h-banner__wrapper[data-v-f2b374ae]{/* top:88px; */}
}
.h-banner__info[data-v-f2b374ae]{align-items:center;color:var(--neutral--0);display:flex;font-weight:700;gap:16px;height:100%;justify-content:space-between;left:50%;padding:0 16px;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);width:100%;z-index:104;}
@media (min-width:768px){
.h-banner__info[data-v-f2b374ae]{background:linear-gradient(90deg,rgba(140,133,255,0) 0,rgba(140,133,255,.69) 10%,var(--meteorite--500) 70%,var(--meteorite--500) 62%,rgba(140,133,255,0) 100%),linear-gradient(90deg,rgba(140,133,255,0) 0,rgba(140,133,255,.69) 10%,var(--meteorite--500) 51.06%,rgba(140,133,255,.69) 88.8%,rgba(140,133,255,0) 100%);padding:0 60px;width:-moz-max-content;width:max-content;}
}
.h-banner__info[data-v-f2b374ae] .h-button{font-size:14px;min-height:40px;padding:6px 20px;white-space:nowrap;}
.h-banner__info[data-v-f2b374ae] .h-button:active,.h-banner__info[data-v-f2b374ae] .h-button:hover{background:#fff3;}
.h-banner__ny-sale-image[data-v-f2b374ae]{background-repeat:repeat-x;height:34px;left:0;margin:11px 0;position:absolute;top:0;width:100%;z-index:103;}
@media (min-width:768px){
.h-banner__ny-sale-image--es[data-v-f2b374ae]{background-image:url(https://imagedelivery.net/LqiWLm-3MGbYHtFuUbcBtA/b0d9e63d-9d6d-43b4-e2c1-06c97995f600/sharpen=0);}
}
.h-banner__ny-sale-image-gradient[data-v-f2b374ae]{animation:ease-in-out infinite;animation-duration:5s;animation-name:shimmer-f2b374ae;background:radial-gradient(46.33% 46.11% at 50% 50%,#b6b2ffcc 0,#ebeaff38 49.5%,#fff0);border-radius:640px;left:0;min-height:250px;min-width:640px;position:absolute;top:-100px;transform:rotate(-45deg);z-index:102;}
.h-button[data-v-b462addc]{align-items:center;background-color:var(--primary--500);border:none;border-radius:8px;color:var(--neutral--0);cursor:pointer;display:flex;justify-content:center;line-height:1;min-height:48px;padding:12px 48px;position:relative;text-align:center;transition:.3s ease-in-out;transition-property:color,width,background-color,border-color;}
.h-button[data-v-b462addc]:active{background-color:var(--primary--600);color:var(--neutral--0);}
.h-button-neutral0.h-button-outline[data-v-b462addc]{border:1px solid var(--neutral--200);font-weight:700;}
.h-button-neutral0.h-button-outline[data-v-b462addc]{background:transparent;color:var(--neutral--0);font-weight:700;}
@keyframes shimmer-f2b374ae{0%{left:-700px;}to{left:110%;}}
































































































.choose-item{margin-bottom:40px;}
.choose-item:last-child{margin-bottom:0;}
.choose-item__thumb{margin-bottom:10px;max-width:56px;}
.choose-item__thumb img{width:100%;height:100%;object-fit:cover;border-radius: 8px}
.choose-item__title{margin-bottom:10px;}
.choose-item__left{text-align:right;}
.choose-item__left .choose-item__thumb{margin-left:auto;}
.choose-thumb{text-align:center;}
.choose-thumb img{
    filter: brightness(0.4) sepia(0.5) saturate(10);
}
@media screen and (max-width: 991px){
.choose-item__left{text-align:center;}
.choose-item__title{text-align:center;}
.choose-thumb{text-align:center;}
.choose-item__thumb{max-width:60px;margin:0 auto;margin-bottom:20px;}
.choose-item__left .choose-item__thumb{margin:0 auto;margin-bottom:20px;}
.choose-item__desc{text-align:center;}
}














































.prgh{color:#1d1d1b;display:block;}
.paddwat60{padding:60px 0;}
.prgh{font-size:18px;margin:0 0 30px;}
.adjustbxflex{display:flex;flex-wrap:wrap;}
.center{align-items:center!important;}
.waf4 .container{border-radius:20px;padding:15px 40px;}
.waf4.grncolrr .container{background:#cafde8;border-right:5px solid #00e785;border-bottom:5px solid #00e785;}
.space{padding:30px 0 0;}
@media only screen and (max-width: 991px){
.prgh{font-size:16px;}
.prgh{margin:0 0 12px;}
.paddwat60{padding:30px 10px;}
.waf4 .container{padding:0 20px;margin:10px auto;}
}
.prgh{font-weight:300;}
.center{justify-content:center;}
@media only screen and (max-width: 767px){
.space{padding:14px 0 0;}
}











































@media all{ 
  .ct-section-inner-wrap { 
    margin-left: auto; 
    margin-right: auto; 
    height: 100%; 
    min-height: inherit;
  } 

  .ct-section-inner-wrap { 
    max-width: 1120px;
  } 

  .ct-section-inner-wrap {
    padding-right: 20px;
    padding-left: 20px;
  } 

  div.ct-section-inner-wrap { 
    max-width: 1170px;
  } 

  .ct-section-inner-wrap  { 
    display: flex; 
    flex-direction: column; 
    align-items: flex-start;
  } 

  .ct-section-inner-wrap  { 
    align-items: center;
  } 

  .ct-div-block { 
    display: flex; 
    flex-wrap: nowrap; 
    flex-direction: column; 
    align-items: flex-start;
  } 

  #div_block-115-8080 { 
    text-align: left; 
    align-items: center;
  } 

  #text_block-120-8080 { 
    font-weight: 400; 
    font-size: 16px; 
    width: 55%; 
    text-align: center; 
    margin-top: 16px;
  } 

  #div_block-121-8080 { 
    width: 100%; 
    text-align: left; 
    align-items: center; 
    margin-top: 32px;
  } 

  #div_block-154-8080 { 
    width: 100%; 
    text-align: left; 
    display: flex; 
    flex-direction: row; 
    align-items: flex-start; 
    gap: 64px; 
    height: 100%; 
    margin-top: 24px;
  } 

  .ct-link-button { 
    display: inline-block; 
    text-align: center; 
    text-decoration: none;
  } 

  .ct-link-button { 
    background-color: #1e73be; 
    border: 1px solid #1e73be; 
    color: #ffffff; 
    padding: 10px 16px;
  } 

  .ct-link-button { 
    border-radius: 10px;
  } 

  .btn-teste-gratis { 
    background-color: #219bd8; 
    border: 1px solid #219bd8; 
    color: #ffffff;
  } 

  .btn-teste-gratis { 
    button-hover_color: #0c76bc; 
    font-size: 20px; 
    font-weight: 600; 
    padding-left: 20px; 
    padding-right: 20px; 
    padding-bottom: 8px; 
    padding-top: 8px;
  } 

  #link_button-194-8080 { 
    margin-top: 92px;
  } 

  .btn-teste-gratis:hover { 
    background-color: #0c76bc; 
    border: 1px solid #0c76bc;
  } 

  #text_block-116-8080 {
    color: var(--red);
  } 

  .tag-arredondada {
    font-weight: 700;
    color: var(--secondary-color);
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #475569;
    border-right-color: #475569;
    border-bottom-color: #475569;
    border-left-color: #475569;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-radius: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
  } 

  #text_block-122-8080 {
    margin-top: 28px;
  } 

  .shadow--box {
    box-shadow: 0px 12px 24px -2px rgb(111 255 0 / 20%);
  } 

  .shadow--box:not(.ct-section):not(.oxy-easy-posts) { 
    display: flex;
  } 

  #div_block-123-8080 {
    text-align: center;
    align-items: flex-start;
    width: 100%;
    background-color: #ffffff;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 32px;
    padding-left: 32px;
    border-radius: 24px;
  } 

  #div_block-155-8080 { 
    width: 100%; 
    text-align: left; 
    align-items: center;
  } 

  #div_block-176-8080 { 
    width: 100%; 
    text-align: left; 
    align-items: center;
  } 

  .ct-new-columns { 
    display: flex; 
    width: 100%; 
    flex-direction: row; 
    align-items: stretch; 
    justify-content: center; 
    flex-wrap: wrap;
  } 

  #text_block-156-8080 { 
    font-size: 16px; 
    margin-bottom: 12px; 
    margin-left: 12px; 
    margin-top: 32px;
  } 

  #div_block-157-8080 {
    text-align: center;
    align-items: flex-start;
    background-color: #ffffff;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 24px;
    height: 100%;
  } 

  #text_block-177-8080 { 
    font-size: 16px; 
    margin-bottom: 12px; 
    margin-left: 12px; 
    margin-top: 32px;
  } 

  #div_block-178-8080 {
    text-align: center;
    align-items: flex-start;
    width: 100%;
    background-color: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 24px;
    height: 100%;
  } 

  .ct-new-columns > .ct-div-block  { 
    padding-top: 20px; 
    padding-right: 20px; 
    padding-bottom: 20px; 
    padding-left: 20px;
  } 

  #div_block-125-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-127-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-129-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-131-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-133-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-135-8080 { 
    width: 16.65%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-137-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-140-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-142-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-144-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-148-8080 { 
    width: 16.67%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-152-8080 { 
    width: 16.65%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  .ct-image { 
    max-width: 100%;
  } 

  #image-128-8080 { 
    width: 80%;
  } 

  #image-130-8080 { 
    width: 85%;
  } 

  #image-132-8080 { 
    width: 75%;
  } 

  #image-134-8080 { 
    width: 85%;
  } 

  #image-136-8080 { 
    width: 90%;
  } 

  #image-141-8080 { 
    width: 75%;
  } 

  #image-143-8080 { 
    width: 50%;
  } 

  #image-145-8080 { 
    width: 70%;
  } 

  #image-149-8080 { 
    width: 90%;
  } 

  #image-153-8080 { 
    width: 70%;
  } 

  #div_block-159-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-161-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center; 
    padding-left: 5px; 
    padding-right: 5px;
  } 

  #div_block-163-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-165-8080 { 
    width: 25.00%; 
    text-align: left; 
    align-items: center; 
    justify-content: center; 
    padding-left: 5px; 
    padding-right: 5px;
  } 

  #div_block-168-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-170-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center; 
    padding-left: 5px; 
    padding-right: 5px;
  } 

  #div_block-172-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-174-8080 { 
    width: 25.00%; 
    text-align: left; 
    align-items: center; 
    justify-content: center; 
    padding-right: 5px; 
    padding-left: 5px;
  } 

  #div_block-180-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-182-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-184-8080 { 
    width: 25%; 
    text-align: left; 
    align-items: center; 
    justify-content: center; 
    padding-right: 5px; 
    padding-left: 5px;
  } 

  #div_block-186-8080 { 
    width: 25.00%; 
    text-align: left; 
    align-items: center; 
    justify-content: center;
  } 

  #div_block-189-8080 { 
    width: 100.00%; 
    text-align: center; 
    align-items: center; 
    justify-content: flex-start; 
    flex-direction: row; 
    display: flex; 
    padding-top: 0px; 
    padding-bottom: 14px;
  } 

  #image-160-8080 { 
    width: 60%;
  } 

  #image-169-8080 { 
    width: 45%;
  } 

  #image-173-8080 { 
    width: 80%;
  } 

  #image-181-8080 { 
    width: 70%;
  } 

  #image-183-8080 { 
    width: 60%;
  } 

  #image-185-8080 { 
    width: 90%;
  } 

  #image-187-8080 { 
    width: 90%;
  } 

  #div_block-190-8080 { 
    width: 25%;
  } 

  #div_block-192-8080 { 
    margin-bottom: 8px;
  } 

  #image-191-8080 { 
    margin-right: 24px; 
    width: 80%;
  } 

  #text_block-193-8080 { 
    font-size: 13px; 
    text-align: left; 
    line-height: 1.3; 
    margin-top: 8px;
  } 

}     


































































@media all{
.elementor-clearfix:after{content:"";display:block;clear:both;width:0;height:0;}
.elementor *,.elementor :after,.elementor :before{box-sizing:border-box;}
.elementor a{box-shadow:none;text-decoration:none;}
.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order);align-self:var(--align-self);}
.elementor-element:where(.e-con-full,.elementor-widget){flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);justify-content:var(--justify-content);align-items:var(--align-items);align-content:var(--align-content);gap:var(--gap);}
.elementor-widget-wrap{position:relative;flex-wrap:wrap;align-content:flex-start;max-width: 53em;}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex;}
.elementor-widget-wrap>.elementor-element{width:100%;}
.elementor-widget{position:relative;}
.elementor-widget:not(:last-child){margin-bottom:20px;}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px;}
.elementor-element .elementor-widget-container{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s);}
.elementor-tab-title a{color:inherit;}
.elementor-element{--swiper-theme-color:#000;--swiper-navigation-size:44px;--swiper-pagination-bullet-size:6px;--swiper-pagination-bullet-horizontal-gap:6px;}
}
@media all{
.elementor-widget:not(:last-child){margin-block-end:20px;}
.elementor-element{--widgets-spacing:20px 20px;}
}
@media all{
.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}
.elementor-widget-text-editor ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}
.elementor-widget-toggle .elementor-toggle-title{color:var( --e-global-color-primary );}
.elementor-widget-toggle .elementor-tab-title.elementor-active a{color:var( --e-global-color-accent );}
.elementor-widget-toggle .elementor-toggle-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}
.elementor-widget-toggle .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}
.elementor-widget-toggle ::placeholder{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}
}
@media all{
.elementor-2802 .elementor-element.elementor-element-0c6761b{text-align:center;color:#000000;font-size:40px;font-weight:700;}
.elementor-2802 .elementor-element.elementor-element-1e159ea{text-align:center;color:#000000;font-size:20px;font-weight:500;}
.elementor-2802 .elementor-element.elementor-element-1e159ea > .elementor-widget-container{margin:-20px 0px 0px 0px;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 .elementor-toggle-item:not(:last-child){margin-bottom:33px;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 .elementor-toggle-title{color:#FFFFFF;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 .elementor-tab-title.elementor-active a{color:#FFFFFF;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 .elementor-toggle-title{font-weight:600;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 .elementor-tab-title{padding:20px 20px 20px 50px;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 .elementor-tab-content{background-color:#786CF8;color:#FFFFFF;font-size:14px;font-weight:400;padding:20px 20px 10px 20px;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 > .elementor-widget-container{padding:0px 150px 0px 150px;}
@media (max-width:767px){
.elementor-2802 .elementor-element.elementor-element-22fa9bc > .elementor-element-populated{padding:10px 0px 10px 0px;}
.elementor-2802 .elementor-element.elementor-element-0c6761b{font-size:25px;}
.elementor-2802 .elementor-element.elementor-element-1e159ea{font-size:19px;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 .elementor-tab-content{padding:15px 20px 5px 5px;}
.elementor-2802 .elementor-element.elementor-element-fd9eef1 > .elementor-widget-container{padding:0px 0px 0px 0px;}
}
}
.meu-acordeao .elementor-tab-title{position:relative;padding:10px 15px;display:inline-block;background-color:#061B28;color:white;border-radius:20px;}
.meu-acordeao .elementor-tab-title::before{content:'';position:absolute;top:0;left:-20px;width:40px;height:40px;background-color:#061B28;clip-path:polygon(100% 0%, 0% 0%, 100% 100%);}
.meu-acordeao .elementor-tab-title::after{content:'Cliente';position:absolute;left:-0px;top:-20px;color:#061B28;font-weight:400;padding:2px 5px;border-radius:5px;font-size:0.9em;}
.meu-acordeao .elementor-tab-content{background-color:#786CF8;border-radius:20px;position:relative;text-align:right;display:inline-block;margin: 10px 10px 10px 250px;}
.meu-acordeao .elementor-tab-content::after{content:'Equipe Plug Lead';position:absolute;right:120px;top:-20px;color:#061B28;font-weight:400;white-space:nowrap;border-radius:5px;font-size:0.9em;}
.meu-acordeao .elementor-tab-content::before{content:'';position:absolute;right:-40px;top:50%;transform:translateY(-100%);width:30px;height:30px;background-image:url('https://pluglead.com/wp-content/uploads/2023/09/plug-lead-logo-redondo.png');background-repeat:no-repeat;background-size:cover;background-position:center;}
@media (max-width: 767px){
.meu-acordeao .elementor-tab-content::after{margin-top:0px;}
.meu-acordeao .elementor-tab-content::before{right:-35px;top:30%;}
.meu-acordeao .elementor-tab-content{margin-top:30px!important;margin:0px;}
}
/*! CSS Used from: Embedded */
.elementor-toggle{text-align:start;}
.elementor-toggle .elementor-tab-title{font-weight:700;line-height:1;margin:0;padding:15px;border-bottom:1px solid #d5d8dc;cursor:pointer;outline:none;}
.elementor-toggle .elementor-tab-title.elementor-active{border-bottom:none;}
.elementor-toggle .elementor-tab-content{padding:15px;border-bottom:1px solid #d5d8dc;display:none;}
@media (max-width:767px){
.elementor-toggle .elementor-tab-title{padding:12px;}
.elementor-toggle .elementor-tab-content{padding:12px 10px;}
}




































































.nld-avatar{margin-bottom:30px!important;}
.nld-chatbot *{position:initial;}
.nld-chatbot *{font:inherit!important;color:inherit;margin:initial;box-sizing:content-box!important;}
.nld-chatbot > .nld-avatar{width:60px;height:60px;border-radius:30px!important;display:inline-block;position:fixed;z-index:32767;bottom:24px;right:18px;vertical-align:middle;background-size:cover;box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.15);font-size:16px!important;}
.nld-chatbot > .nld-avatar:hover{box-shadow:0 0 12px 0 rgba(0, 0, 0, 0.3);cursor:pointer;}
.nld-chatbot .nld-avatar::after{content:'';width:15px;height:15px;border-radius:9px!important;position:absolute;bottom:0;right:0;background-color:#2ecc71;animation:nld-super-pop-in 0.5s cubic-bezier(0, 0.35, 0.28, 0.9) forwards;animation-delay:1s;transform:scale(0, 0);}
.nld-chatbot .nld-shown-slide{animation-name:nld-slide-in;animation-duration:0.5s;animation-fill-mode:forwards;}
@media only screen and (max-device-width: 720px){
.nld-chatbot .nld-avatar{bottom:48px;}
}
@keyframes nld-super-pop-in{0%{opacity:0;transform:scale(0, 0);}30%{opacity:1;background-color:white;transform:scale(1.5, 1.5);}80%{transform:scale(1, 1);}100%{opacity:1;transform:scale(1, 1);}}
@keyframes nld-slide-in{from{display:block;opacity:0;transform:translate(0, 100px);}to{opacity:1;transform:translate(0, 0);}}


.nld-conversation  { 
    width: 420px; 
    max-height: 370px; 
    min-height: 300px; 
    height: calc(100vh - 72px); 
    border-radius: 12px !important; 
    z-index: 32767; 
    position: fixed; 
    bottom: 48px; 
    right: 24px; 
    background: white; 
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15);
} 

.nld-shown-slide  { 
    animation-name: nld-slide-in; 
    animation-duration: 0.5s; 
    animation-fill-mode: forwards;
} 

.nld-conversation.nld-full  { 
    max-height: 550px; 
    transition: max-height 0.5s ease-in-out;
} 

.nld-bg  { 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    border-radius: 8px !important; 
    background: white;
} 

.nld-nodisplay { 
    display: none !important;
} 

.nld-popup-container  { 
    position: absolute; 
    bottom: 3.5em; 
    width: 100%; 
    left: 0;
} 

.nld-brand  { 
    position: absolute; 
    display: inline-block; 
    width: 100%; 
    margin: 0; 
    text-align: center; 
    bottom: -1.7em;
} 

.nld-conversation-header { 
    background: rgb(33, 150, 243) !important;
} 

.nld-conversation-header  { 
    width: 100%; 
    height: 100px; 
    border-radius: 8px 8px 0 0 !important; 
    background-image: linear-gradient(to right, #bc002c, #ea083d);
} 

.nld-popup-container .nld-popup  { 
    margin: 0 0.75em; 
    background: #fff0f1; 
    border-radius: 0.5em; 
    box-shadow: 0 4px 6px -5px rgba(0, 0, 0, 0.2); 
    border: 1px solid #f2dcd0; 
    color: #a33; 
    padding: 1em 2em; 
    text-align: center; 
    font-size: 1.25em !important;
} 

.nld-brand a  { 
    padding-top: 8px; 
    background: #eee; 
    margin-top: 1px; 
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.15); 
    border-radius: 0 0 6px 6px !important; 
    border: 1px solid #ddd; 
    display: inline-block !important;
} 

.nld-close  { 
    position: absolute; 
    top: 23px; 
    right: 24px; 
    width: 25px; 
    height: 25px; 
    z-index: 9999999;
} 

.nld-chatbot .nld-close:hover { 
    cursor: pointer;
} 

img.nld-3rdparty-branding  { 
    height: 58px; 
    width: auto !important; 
    margin: 0 auto; 
    padding-top: 6px; 
    display: none;
} 

.nld-infobar { 
    color: white; 
    border-radius: 8px 8px 0 0 !important; 
    height: 72px; 
    display: flex; 
    align-items: center;
} 

.nld-brand a img  { 
    padding: 0; 
    margin: 0; 
    vertical-align: baseline; 
    opacity: 0.7;
} 

.nld-chatbot .nld-brand a img:hover { 
    opacity: 1;
} 

.nld-close-white  { 
    display: block;
} 

.nld-close > img  { 
    all: inherit; 
    width: 25px; 
    top: 0; 
    left: 0;
} 

.nld-avatar { 
    margin-bottom: 30px!important;
} 

.nld-avatar { 
    background-color: rgb(33, 150, 243) !important;
} 

.nld-infobar > .nld-avatar  { 
    width: 50px; 
    height: 50px; 
    border-radius: 25px !important; 
    left: 12px; 
    top: 11px; 
    position: absolute; 
    background-size: cover;
} 

.nld-chatbot .nld-avatar::after { 
    content: ''; 
    width: 15px; 
    height: 15px; 
    border-radius: 9px !important; 
    position: absolute; 
    bottom: 0; 
    right: 0; 
    background-color: #2ecc71; 
    animation: nld-super-pop-in 0.5s cubic-bezier(0, 0.35, 0.28, 0.9) forwards; 
    animation-delay: 1s; 
    transform: scale(0, 0);
} 

.nld-infobar > .nld-avatar::after,.nld-clock .nld-pivot,.nld-cal,.nld-sel.nld-time, .nld-chatbot .nld-cell.nld-selected::after { 
    border-color: rgb(33, 150, 243) !important;
} 

.nld-chatbot .nld-infobar > .nld-avatar::after { 
    border: 2px solid #cf0237;
} 

.nld-infobar .nld-info  { 
    margin: 0; 
    margin-left: 68px;
} 

.nld-ctx > div > .nld-container  { 
    position: absolute; 
    top: 72px; 
    left: 0; 
    right: 0; 
    bottom: 64px; 
    border-radius: 8px 8px 0 0 !important; 
    background-color: white; 
    overflow: hidden;
} 

.nld-ctx > div > .nld-overlay  { 
    position: absolute; 
    top: 72px; 
    left: 0; 
    right: 0; 
    height: 36px; 
    background: white; 
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); 
    background: -moz-linear-gradient(to bottom, white, rgba(255, 255, 255, 0)); 
    background: -webkit-linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
} 

.nld-input  { 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 16px; 
    height: 48px; 
    border-radius: 0 0 8px 8px !important;
} 

.nld-info .nld-title  { 
    font-size: 1em !important; 
    margin-bottom: 6px; 
    margin-top: -6px;
} 

.nld-info .nld-subtitle  { 
    font-size: 0.75em !important;
} 

.nld-scrollable  { 
    width: calc(100% - 6px); 
    height: 100%; 
    box-sizing: content-box; 
    overflow-y: scroll; 
    overflow-x: hidden; 
    margin-right: -50px; 
    padding-right: 50px;
} 

.nld-scrollbar  { 
    position: absolute; 
    top: 0; 
    right: 0; 
    width: 6px; 
    height: 100%;
} 

.nld-input > input  { 
    width: calc(100% - 95px) !important; 
    height: 46px !important; 
    background: initial !important; 
    color: black !important; 
    border-radius: 32px !important; 
    outline: none; 
    border: 2px solid #eee; 
    margin: 0 14px; 
    padding: 0 46px 0 16px !important; 
    padding-bottom: 2px; 
    font-size: 1em !important; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    display: initial;
} 

.nld-submit { 
    background-color: rgb(33, 150, 243) !important; 
    color: rgb(33, 150, 243) !important;
} 

.nld-input > .nld-submit  { 
    box-sizing: content-box; 
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAFzSURBVGiB7dkxa9ZQFAbgk9LFycGhg4g6ODpUunXs0PoDtODgIvgX3J2k/0DoIA5uOtil0Klbl24iFDp1KwgODkVUHpeGihb7ff1uvJF7HsiYw3lJbnJzEpFSSimllFJKKZWHRbzCA3S1+xkcdpzZx/3aPQ0K7/xpF8u1exsENs4J3NvBvdo9FoWnfwkMP/AGd2r3WgRWLgjc+4bXuFW755ng5oSBe1/xEgu1e78UzOFkytDwBS9wtXaGqeHjJQL3PuEZrtTOMTG8nyFw7whPMF+yt7mSxX5xWKDGjYjYjIgPeGjMuzY8KnCFf7ePtdrZzoUOj/EWnwsHH/euDfNYxnPs4Xuh4Fu4O20//3xd4FpErETE6ulxfYZyJxFxu+u640lPGOqh1a6x3dKD0NpDy4hfS0Ot4aWCtQ4iYj0ilrqu2y5Ytxwj3loOQksfD1r7PNTgAKC5EU9zQ7zmxrTNDeKb+9XS1s+0lFJKKaWUUkr/o581mM0INt+/SAAAAABJRU5ErkJggg==); 
    background-size: 30px 30px; 
    width: 30px; 
    height: 30px; 
    display: inline-block; 
    position: absolute; 
    right: 24px; 
    bottom: 6px; 
    border-radius: 16px !important; 
    border: 1px solid; 
    z-index: 3;
} 

.nld-chatbot .nld-input > .nld-submit:hover { 
    cursor: pointer;
} 

.nld-whitespace  { 
    width: 100%; 
    height: 1em; 
    background: none;
} 

.nld-group  { 
    outline: none;
} 

.nld-ctx .nld-group  { 
    display: block; 
    clear: both; 
    max-width: 80%; 
    margin: 6px;
} 

.nld-ctx .nld-group.nld-left  { 
    float: left; 
    text-align: left;
} 

.nld-ctx .nld-group.nld-right  { 
    float: right; 
    text-align: right;
} 

.nld-handle { 
    background: rgb(33, 150, 243) !important;
} 

.nld-handle  { 
    width: 100%; 
    position: absolute; 
    border-radius: 3px !important; 
    background: #ea083d; 
    opacity: 0.8;
} 

.nld-group.nld-left .nld-msg-avatar  { 
    float: left; 
    margin-left: 8px;
} 

.nld-ctx .nld-group.nld-left .nld-container  { 
    max-width: calc(100% - 40px); 
    min-width: 200px;
} 

.nld-ctx .nld-group.nld-left .nld-container  { 
    float: left;
} 

.nld-clear  { 
    clear: both;
} 

.nld-ctx .nld-group.nld-right .nld-container  { 
    float: right;
} 

.nld-msg-avatar > .nld-img  { 
    width: 32px; 
    height: 32px; 
    border-radius: 16px !important; 
    object-fit: cover;
} 

.nld-msg .nld-bubble  { 
    padding: 16px 24px; 
    margin: 12px; 
    margin-bottom: 0; 
    background: #f0f0f0; 
    line-height: 1.5 !important; 
    font-size: 0.9em !important; 
    display: inline-block; 
    border-radius: 24px !important; 
    overflow-wrap: anywhere; 
    clear: both;
} 

.nld-group.nld-left .nld-bubble  { 
    background: rgb(238, 238, 238) !important; 
    color: black !important;
} 

.nld-ctx .nld-group.nld-left .nld-bubble  { 
    color: black;
} 

.nld-ctx .nld-group.nld-left .nld-msg:first-child .nld-bubble  { 
    margin-top: 0;
} 

.nld-ctx .nld-group.nld-left .nld-msg:last-child .nld-bubble  { 
    margin-bottom: 6px;
} 

.nld-group.nld-right .nld-bubble  { 
    background: rgb(33, 150, 243) !important; 
    color: white !important;
} 

.nld-ctx .nld-group.nld-right .nld-bubble  { 
    background-image: linear-gradient(to right, #bc002c, #ea083d); 
    color: white;
} 

.nld-ctx .nld-group.nld-right .nld-msg:last-child .nld-bubble  { 
    margin-bottom: 6px;
} 

.nld-ctx .nld-group.nld-right .nld-msg:first-child .nld-bubble  { 
    margin-top: 0;
} 

.nld-chatbot p { 
    color: #555 !important; 
    text-align: left !important; 
    padding: 0px !important; 
    marging: 0px !important;
} 

.nld-ctx .nld-group.nld-left .nld-bubble p  { 
    color: #000 !important;
} 

.nld-msg .nld-bubble b  { 
    font-weight: bold !important; 
    display: initial !important;
} 


@keyframes nld-slide-in { 
  0% {  
      display: block; 
      opacity: 0; 
      transform: translate(0, 100px); 
      display: block; 
      opacity: 0; 
      transform: translate(0px, 100px); 
  }  
  100% {  
      opacity: 1; 
      transform: translate(0, 0); 
      opacity: 1; 
      transform: translate(0px, 0px); 
  }  

} 
#style-khkzv.style-khkzv {  
   padding-bottom: 5px;  
}  
#style-ESXny.style-ESXny {  
   text-decoration: none;  
    color: rgb(102, 114, 124);  
    padding: 2px 18px;  
    font-size: 13px !important;  
    opacity: 1 !important;  
}  
#style-B7NhG.style-B7NhG {  
   width: 16px;  
    height: 16px;  
    margin-bottom: -3px;  
    opacity: 1 !important;  
    padding-left: 3px !important;  
    padding-right: 3px !important;  
    display: inline-block !important;  
}  
#style-odowr.style-odowr {  
   font-weight: bold !important;  
}  
#style-bnAYO.style-bnAYO {  
   background-image: url("https://storage.googleapis.com/neuro-cdn/uploads/437c8e9dd12596dab8829f1a6c4b9aeb.webp");  
}  
#style-poj4V.style-poj4V {  
   overflow-y: scroll;  
}  
#style-fsw6E.style-fsw6E {  
   height: 118.449px;  
    top: 295.551px;  
}  
#style-GbjE6.style-GbjE6 {  
   padding-bottom: 5px;  
}  
#style-DVM54.style-DVM54 {  
   text-decoration: none;  
    color: rgb(102, 114, 124);  
    padding: 2px 18px;  
    font-size: 13px !important;  
    opacity: 1 !important;  
}  
#style-wf453.style-wf453 {  
   width: 16px;  
    height: 16px;  
    margin-bottom: -3px;  
    opacity: 1 !important;  
    padding-left: 3px !important;  
    padding-right: 3px !important;  
    display: inline-block !important;  
}  
#style-VdxaX.style-VdxaX {  
   font-weight: bold !important;  
}  
#password.style-N6xcS {  
   border-color: rgb(33, 150, 243);  
}  
























































.question-container{}
.question-container .question{
    margin-bottom: 4em;
}
@media all{
.option-button-group{margin-top:1rem;display:flex;flex-wrap:wrap;}
@media screen and (max-width:800px){
.option-button-group{justify-content:space-between;}
}
.option-button{display:flex;align-items:center;justify-content:center;flex-direction:column;box-sizing:border-box;position:relative;font-size: 1.06rem;font-weight: 600;padding:3.5rem .5rem;margin: 0 1.5rem 0.1rem 0;width:calc(25% - 2rem);height:5.5rem;text-align:center;color: var(--secondary-color);border-radius:10px;border: 2px solid var(--secondary-color);box-shadow:0 2px 5px -2px rgba(0,0,0,.25);cursor:pointer;}
.option-button:hover{box-shadow:0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.12);}
.option-button img{margin-bottom:.75rem;mix-blend-mode: luminosity;}
@media (max-width:1024px){
.option-button{width:calc(35% - 3rem);}
}
@media (max-width:800px){
.option-button{width:calc(50% - .5rem);margin-right:0;}
}
.option-button.selected{border-color: var(--red);););border-width:2px;box-shadow:0 10px 20px rgba(0,0,0,.1),0 6px 6px rgba(0,0,0,.12);color: var(--red);}
.option-button.selected::after{content:"✓";box-shadow:0 0 6px 0 rgba(0,0,0,.2);text-shadow:none;position:absolute;top:0;right:.5rem;width:1.75rem;height:1.75rem;font-weight:600;color:#fff;background: var(--red););)=;)==;)=;);border-radius:50%;transform:translate(50%,-50%);line-height:1.8rem;font-size:1.5em;}
}





.versus  { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    margin: 1em 0 1em 5.95em; 
    width: 75px; 
    height: 75px; 
    background-color: var(--secondary-color); 
    border-radius: 50%; 
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px; 
    font-size: 30px; 
    font-weight: bold; 
    color: var(--white);
}





















































.framer-nOAr8.framer-p6o5cq {
    align-content: center;
    --token-8dace93a-cff7-4200-8730-0cdb4e34b9f4: rgb(25 248 0 / 19%);
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 0px;
    height: min-content;
    justify-content: flex-start;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 1440px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
} 

.ssr-variant { 
    display: contents;
} 

.framer-nOAr8 .framer-149mc87  { 
    align-content: center; 
    align-items: center; 
    display: flex; 
    flex: none; 
    flex-direction: column; 
    flex-wrap: nowrap; 
    gap: 10px; 
    height: 150vh; 
    justify-content: center; 
    left: 0; 
    overflow: hidden; 
    padding: 0; 
    pointer-events: none; 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 0;
} 

.framer-nOAr8 .framer-xq7vn6-container  { 
    flex: none; 
    height: 64px; 
    left: 0; 
    position: fixed; 
    right: 0; 
    top: 0; 
    z-index: 10;
} 

.framer-nOAr8 .framer-12jwh6p  { 
    flex: none; 
    height: 100%; 
    max-width: 1366px; 
    overflow: visible; 
    position: relative; 
    width: 100%;
} 

.framer-nOAr8 .framer-10jrv2r  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.86) 10.53103885135135%,rgba(0,0,0,.85) 33.76266891891891%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 847px; 
    left: calc(62.225475841874115% - 223px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.86) 10.53103885135135%,rgba(0,0,0,.85) 33.76266891891891%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -470px; 
    width: 223px;
} 

.framer-nOAr8 .framer-16l9ikh  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 3.7197353603603602%,rgba(0,0,0,.64) 17.05201295045045%,rgba(0,0,0,.85) 33.20840371621621%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 70.10663006756756%,rgba(0,0,0,.07) 91.15287162162163%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 881px; 
    left: calc(56.07613469985361% - 122px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 3.7197353603603602%,rgba(0,0,0,.64) 17.05201295045045%,rgba(0,0,0,.85) 33.20840371621621%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 70.10663006756756%,rgba(0,0,0,.07) 91.15287162162163%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -470px; 
    width: 122px;
} 

.framer-nOAr8 .framer-1d022s6  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 3.7197353603603602%,rgba(0,0,0,.64) 17.05201295045045%,rgba(0,0,0,.85) 33.20840371621621%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 70.10663006756756%,rgba(0,0,0,.07) 91.15287162162163%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 667px; 
    left: calc(59.59004392386532% - 84px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 3.7197353603603602%,rgba(0,0,0,.64) 17.05201295045045%,rgba(0,0,0,.85) 33.20840371621621%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 70.10663006756756%,rgba(0,0,0,.07) 91.15287162162163%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -391px; 
    width: 84px;
} 

.framer-nOAr8 .framer-8svh66  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.53) 13.979800112612612%,rgb(0,0,0) 19.67201576576576%,rgb(0,0,0) 32.17377533783783%,rgba(0,0,0,.55) 54.054054054054056%,rgba(0,0,0,.93) 74.32432432432432%,rgba(0,0,0,.7) 79.16314752252252%,rgba(0,0,0,.07) 99.048071509009%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 951px; 
    left: calc(51.97657393850661% - 84px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.53) 13.979800112612612%,rgb(0,0,0) 19.67201576576576%,rgb(0,0,0) 32.17377533783783%,rgba(0,0,0,.55) 54.054054054054056%,rgba(0,0,0,.93) 74.32432432432432%,rgba(0,0,0,.7) 79.16314752252252%,rgba(0,0,0,.07) 99.048071509009%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -470px; 
    width: 84px;
} 

.framer-nOAr8 .framer-19gc3pq  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.86) 10.53103885135135%,rgba(0,0,0,.85) 33.76266891891891%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 752px; 
    left: calc(47.510980966325064% - 29px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.86) 10.53103885135135%,rgba(0,0,0,.85) 33.76266891891891%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -448px; 
    width: 29px;
} 

.framer-nOAr8 .framer-2vbxxi  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.86) 10.53103885135135%,rgba(0,0,0,.85) 33.76266891891891%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 968px; 
    left: calc(50.00000000000002% - 179px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.86) 10.53103885135135%,rgba(0,0,0,.85) 33.76266891891891%,rgb(0,0,0) 50.45045045045045%,rgba(0,0,0,.7) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -535px; 
    width: 179px;
} 

.framer-nOAr8 .framer-5e4ubu  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 12.612612612612612%,rgba(0,0,0,.85) 33.76266891891891%,rgba(0,0,0,.53) 66.82326858108108%,rgba(0,0,0,.4) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 893px; 
    left: calc(44.94875549048318% - 88px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 12.612612612612612%,rgba(0,0,0,.85) 33.76266891891891%,rgba(0,0,0,.53) 66.82326858108108%,rgba(0,0,0,.4) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -461px; 
    width: 88px;
} 

.framer-nOAr8 .framer-cbldiq  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 12.612612612612612%,rgba(0,0,0,.85) 33.76266891891891%,rgba(0,0,0,.53) 66.82326858108108%,rgba(0,0,0,.4) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 645px; 
    left: calc(42.67935578330896% - 88px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 12.612612612612612%,rgba(0,0,0,.85) 33.76266891891891%,rgba(0,0,0,.53) 66.82326858108108%,rgba(0,0,0,.4) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -370px; 
    width: 88px;
} 

.framer-nOAr8 .framer-1g9z0ho  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.57) 6.028293918918918%,rgba(0,0,0,.61) 23.82636542792792%,rgba(0,0,0,.53) 53.53146114864864%,rgba(0,0,0,.87) 74.59529842342343%,rgba(0,0,0,.07) 100%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 866px; 
    left: calc(41.65446559297221% - 159px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.57) 6.028293918918918%,rgba(0,0,0,.61) 23.82636542792792%,rgba(0,0,0,.53) 53.53146114864864%,rgba(0,0,0,.87) 74.59529842342343%,rgba(0,0,0,.07) 100%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -464px; 
    width: 159px;
} 

.framer-nOAr8 .framer-y26vvf  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.57) 6.028293918918918%,rgba(0,0,0,.61) 23.82636542792792%,rgba(0,0,0,.53) 53.53146114864864%,rgba(0,0,0,.87) 74.59529842342343%,rgba(0,0,0,.07) 100%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 592px; 
    left: calc(37.335285505124475% - 71px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.57) 6.028293918918918%,rgba(0,0,0,.61) 23.82636542792792%,rgba(0,0,0,.53) 53.53146114864864%,rgba(0,0,0,.87) 74.59529842342343%,rgba(0,0,0,.07) 100%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -365px; 
    width: 71px;
} 

.framer-nOAr8 .framer-6h2fj9  { 
    -webkit-mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.57) 12.612612612612612%,rgba(0,0,0,.85) 33.76266891891891%,rgba(0,0,0,.53) 50.45045045045045%,rgba(0,0,0,.87) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    background: linear-gradient(180deg,var(--token-8dace93a-cff7-4200-8730-0cdb4e34b9f4, #006fff) 55.132671734234236%,rgba(0,36,120,0) 100%); 
    flex: none; 
    height: 825px; 
    left: calc(36.8228404099561% - 260px / 2); 
    mask: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.57) 12.612612612612612%,rgba(0,0,0,.85) 33.76266891891891%,rgba(0,0,0,.53) 50.45045045045045%,rgba(0,0,0,.87) 79.16314752252252%,rgba(0,0,0,.07) 100%) add; 
    mix-blend-mode: screen; 
    overflow: hidden; 
    position: absolute; 
    top: -470px; 
    width: 260px;
} 


/* These were inline style tags. Uses id+class to override almost everything */
#style-p5AfO.style-p5AfO {
   min-height:100vh;
}  
#style-wtx1w.style-wtx1w {  
   opacity: 1;  
    will-change: auto;  
    transform: none;  
}  
#style-Ot2tL.style-Ot2tL {  
   opacity: 0.816829;  
    will-change: auto;  
    transform: perspective(500px) scale(1.03663) rotateX(49deg) skewX(23deg);  
}  
#style-9gJpk.style-9gJpk {  
   opacity: 0.641852;  
    will-change: auto;  
    transform: perspective(500px) scale(1.07163) rotateX(49deg) skewX(15deg);  
}  
#style-iEKQp.style-iEKQp {  
   opacity: 0.516286;  
    will-change: auto;  
    transform: perspective(500px) scale(1.09674) rotateX(49deg) skewX(23deg);  
}  
#style-Nzs8m.style-Nzs8m {  
   opacity: 0.640648;  
    will-change: auto;  
    transform: perspective(500px) scale(1.07187) rotateX(49deg) skewX(8deg);  
}  
#style-QnVzQ.style-QnVzQ {  
   opacity: 0.658913;  
    will-change: auto;  
    transform: perspective(500px) scale(1.06822) rotateX(70deg);  
}  
#style-nf1fC.style-nf1fC {  
   opacity: 0.834677;  
    will-change: auto;  
    transform: perspective(500px) scale(1.03306) rotateX(39deg);  
}  
#style-kDViD.style-kDViD {  
   opacity: 0.904219;  
    will-change: auto;  
    transform: perspective(500px) scale(1.01916) rotateX(49deg) skewX(-9deg);  
}  
#style-JTz8F.style-JTz8F {  
   opacity: 0.523529;  
    will-change: auto;  
    transform: perspective(500px) scale(1.09529) rotateX(49deg) skewX(-15deg);  
}  
#style-Fdc7S.style-Fdc7S {  
   opacity: 0.799333;  
    will-change: auto;  
    transform: perspective(500px) scale(1.04013) rotateX(49deg) skewX(-17deg);  
}  
#style-AJ4aU.style-AJ4aU {  
   opacity: 0.520625;  
    will-change: auto;  
    transform: perspective(500px) scale(1.09588) rotateX(49deg) skewX(-23deg);  
}  
#style-51lfc.style-51lfc {  
   opacity: 0.998;  
    will-change: auto;  
    transform: perspective(500px) scale(1.0004) rotateX(49deg) skewX(-20deg);  
}  













































.series_header {
    border-radius: var(--radius--large);
    overflow: hidden;
    border: 1px solid var(--secondary-color);
    --base-color-brand--gey-3: #f1f0ee;
    --base-color-brand--black: #161616;
    --base-color-brand--grey: #686868;
    --text-color--text-primary: var(--base-color-neutral--black);
    --radius--small: .5rem;
    --base-color-neutral--black: #161616;
    --base-color-neutral--white: white;
    --base-color-brand--white: white;
    --base-color-brand--gey-2: #e4e2df;
    --background-color--background-secondary: var(--base-color-neutral--neutral-lightest);
    --link-color--link-alternate: var(--base-color-neutral--white);
    --link-color--link-primary: var(--base-color-neutral--black);
    --background-color--background-primary: var(--base-color-neutral--white);
    --background-color--background-tertiary: var(--base-color-neutral--neutral-light);
    --background-color--background-alternate: var(--base-color-neutral--black);
    --text-color--text-alternate: var(--base-color-neutral--white);
    --text-color--text-secondary: var(--base-color-neutral--black);
    --background-color--background-success: var(--base-color-system--success-green-light);
    --text-color--text-success: var(--base-color-system--success-green);
    --background-color--background-error: var(--base-color-system--error-red-light);
    --text-color--text-error: var(--base-color-system--error-red);
    --radius--large: 1rem;
    --base-color-brand--grey-1: #d8d6d3;
    --base-color-system--success-green: #007926;
    --base-color-neutral--neutral-light: #aaa;
    --base-color-neutral--neutral-lightest: #eee;
    --base-color-system--success-green-light: #ecfdf3;
    --base-color-system--error-red: #b42318;
    --base-color-system--error-red-light: #fef3f2;
    --border-color--border-secondary: var(--base-color-neutral--neutral-light);
    --border-color--border-alternate: var(--base-color-neutral--white);
    --link-color--link-secondary: var(--base-color-neutral--neutral-light);
} 

.series_header-wrapper {
    background-color: #ffffff;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
} 

.series_header-content { 
    flex-flow: column; 
    justify-content: center; 
    align-items: flex-start; 
    padding-top: 5rem; 
    padding-bottom: 5rem; 
    padding-left: 3rem; 
    display: flex;
} 

.series_header-image-wrapper { 
    position: relative;
} 

.series_header-title {
    max-width: 28rem;
    margin-bottom: 1rem;
    /* font-weight: 500; */
} 

.series_header-text {
    font-size: 1.125rem;
} 

.margin-small { 
    margin: 1.5rem;
} 

.margin-top { 
    margin-right: 0rem !important; 
    margin-bottom: 0rem !important; 
    margin-left: 0rem !important;
} 

.margin-top,.margin-top.margin-small { 
    margin-bottom: 0; 
    margin-left: 0; 
    margin-right: 0;
} 

.series_header-image-overlay {
    z-index: 2;
    background-image: linear-gradient(90deg, #ffffff 5%, #0000 63%);
    position: absolute;
    inset: 0%;
} 

.w-background-video { 
    color: #fff; 
    height: 500px; 
    position: relative; 
    overflow: hidden;
} 

.series_header-image { 
    z-index: 1; 
    object-fit: cover; 
    width: 100%; 
    height: 100%; 
    display: block;
} 

.series_header-actions { 
    grid-column-gap: 1.5rem; 
    grid-row-gap: 1.5rem; 
    justify-content: space-between; 
    align-items: center; 
    width: 100%; 
    display: flex;
} 

.series_header video { 
    vertical-align: baseline; 
    display: inline-block;
} 

.w-background-video > video  { 
    object-fit: cover; 
    z-index: -100; 
    background-position: 50%; 
    background-size: cover; 
    width: 100%; 
    height: 100%; 
    margin: auto; 
    position: absolute; 
    inset: -100%;
} 

.w-inline-block { 
    max-width: 100%; 
    display: inline-block;
} 

.button { 
    border-radius: var(--radius--small); 
    background-color: var(--base-color-neutral--black); 
    color: var(--base-color-neutral--white); 
    text-align: center; 
    border: 2px solid #0000; 
    justify-content: center; 
    align-items: center; 
    padding: .75rem 1.5rem; 
    font-weight: 500; 
    line-height: 1; 
    text-decoration: none; 
    transition: background-color .2s; 
    display: flex;
} 

.button.is-alternate { 
    border-color: var(--base-color-neutral--white); 
    background-color: var(--base-color-neutral--white); 
    color: var(--base-color-neutral--black); 
    font-weight: 500;
} 

.button:hover { 
    color: var(--base-color-brand--white); 
    background-color: #2e2e2e;
} 

.button.is-alternate:hover { 
    border-color: var(--base-color-brand--gey-2); 
    background-color: var(--base-color-brand--gey-2);
} 

.series_header-meta-wrapper { 
    grid-column-gap: 1rem; 
    grid-row-gap: 1rem; 
    flex: 1; 
    display: flex;
} 

.series_header-meta { 
    grid-column-gap: .5rem; 
    grid-row-gap: .5rem; 
    color: var(--base-color-brand--grey-1); 
    justify-content: flex-start; 
    align-items: center; 
    display: flex;
} 

.icon-embed-custom1 { 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    width: 1.25rem; 
    height: 1.25rem; 
    display: flex;
} 

.w-embed:before,.w-embed:after { 
    content: " "; 
    grid-area: 1/1/2/2; 
    display: table;
} 

.w-embed:after { 
    clear: both;
} 










































































.mx-auto { 
    margin-left: auto; 
    margin-right: auto;
} 

.w-full { 
    width: 100%;
} 

@media (min-width: 768px){ 
  .md\:px-6 { 
    padding-left: 1.5rem; 
    padding-right: 1.5rem;
  } 
}     

.relative { 
    position: relative;
} 

.flex { 
    display: flex;
} 

.flex-col { 
    flex-direction: column;
} 

.justify-center { 
    justify-content: center;
} 

.overflow-hidden { 
    overflow: hidden;
} 

.mb-12 { 
    margin-bottom: 3rem;
} 

.max-w-sm { 
    max-width: 24rem;
} 

@media (min-width: 1024px){ 
  .lg\:mb-16 { 
    margin-bottom: 4rem;
  } 

  .lg\:max-w-3xl { 
    max-width: 48rem;
  } 
}     

.grid { 
    display: grid;
} 

.items-start { 
    align-items: flex-start;
} 

.gap-6 { 
    gap: 1.5rem;
} 

@media (min-width: 1024px){ 
  .lg\:max-w-\[728px\] { 
    max-width: 728px;
  } 

  .lg\:grid-cols-2 { 
    grid-template-columns: repeat(2, minmax(0, 1fr));
  } 
}     

.text-center { 
    text-align: center;
} 

.font-medium { 
    font-weight: 500;
} 

.text-slate-700 { 
    --tw-text-opacity: 1; 
    color: rgb(51 65 85 / var(--tw-text-opacity));
} 

.items-center { 
    align-items: center;
} 

.space-y-3 > :not([hidden]) ~ :not([hidden])  { 
    --tw-space-y-reverse: 0; 
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); 
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
} 

.h-full { 
    height: 100%;
} 

.absolute { 
    position: absolute;
} 

.left-2\.5 { 
    left: 0.625rem;
} 

.right-2\.5 { 
    right: 0.625rem;
} 

.h-1\.5 { 
    height: 0.375rem;
} 

.rounded-full { 
    border-radius: 9999px;
} 

.bg-slate-200 { 
    --tw-bg-opacity: 1; 
    background-color: rgb(226 232 240 / var(--tw-bg-opacity));
} 

.before\:absolute:before { 
    content: ''; 
    position: absolute;
} 

.before\:inset-0:before { 
    content: ''; 
    inset: 0px;
} 

.before\:bg-gradient-to-r:before { 
    content: ''; 
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
} 

.before\:from-indigo-300:before { 
    content: ''; 
    --tw-gradient-from: #a5b4fc var(--tw-gradient-from-position); 
    --tw-gradient-to: rgb(165 180 252 / 0) var(--tw-gradient-to-position); 
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} 

.before\:to-indigo-500:before { 
    content: ''; 
    --tw-gradient-to: #6366f1 var(--tw-gradient-to-position);
} 

.before\:\[mask-image\:_linear-gradient\(to_right\,theme\(colors\.white\)\,theme\(colors\.white\)_var\(--progress\)\,transparent_var\(--progress\)\)\]:before { 
    content: ''; 
    -webkit-mask-image: linear-gradient(to right,#fff,#fff var(--progress),transparent var(--progress)); 
    mask-image: linear-gradient(to right,#fff,#fff var(--progress),transparent var(--progress));
} 

.after\:absolute:after { 
    content: ''; 
    position: absolute;
} 

.after\:inset-0:after { 
    content: ''; 
    inset: 0px;
} 

.after\:bg-\[repeating-linear-gradient\(to_right\,transparent\,transparent_calc\(var\(--segments-width\)-1px\)\,theme\(colors\.white\/\.7\)_calc\(var\(--segments-width\)-1px\)\,theme\(colors\.white\/\.7\)_calc\(var\(--segments-width\)\ + 1px\)\)\]:after { 
    content: ''; 
    background-image: repeating-linear-gradient(to right,transparent,transparent calc(var(--segments-width) - 1px),rgb(255 255 255 / .7) calc(var(--segments-width) - 1px),rgb(255 255 255 / .7) calc(var(--segments-width) + 1px));
} 

.cursor-pointer { 
    cursor: pointer;
} 

.appearance-none { 
    -webkit-appearance: none; 
    appearance: none;
} 

.bg-transparent { 
    background-color: transparent;
} 

.justify-between { 
    justify-content: space-between;
} 

.px-2\.5 { 
    padding-left: 0.625rem; 
    padding-right: 0.625rem;
} 

.text-xs { 
    font-size: 0.75rem; 
    line-height: 1rem;
} 

.text-slate-500 { 
    --tw-text-opacity: 1; 
    color: rgb(100 116 139 / var(--tw-text-opacity));
} 

.p-6 { 
    padding: 1.5rem;
} 

.pb-10 { 
    padding-bottom: 2.5rem;
} 

.rounded-2xl { 
    border-radius: 1rem;
} 

.border { 
    border-width: 1px;
} 

.border-slate-900 { 
    --tw-border-opacity: 1; 
    border-color: rgb(15 23 42 / var(--tw-border-opacity));
} 

.bg-slate-900 { 
    --tw-bg-opacity: 1; 
    background-color: rgb(15 23 42 / var(--tw-bg-opacity));
} 

.shadow { 
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); 
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); 
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} 

.shadow-slate-950\/5 { 
    --tw-shadow-color: rgb(2 6 23 / 0.05); 
    --tw-shadow: var(--tw-shadow-colored);
} 

.h-8 { 
    height: 2rem;
} 

.mb-5 { 
    margin-bottom: 1.25rem;
} 

.mb-4 { 
    margin-bottom: 1rem;
} 

.text-slate-900 { 
    --tw-text-opacity: 1; 
    color: rgb(15 23 42 / var(--tw-text-opacity));
} 

.grow { 
    flex-grow: 1;
} 

.text-slate-600 { 
    --tw-text-opacity: 1; 
    color: rgb(71 85 105 / var(--tw-text-opacity));
} 

.right-0 { 
    right: 0px;
} 

.top-0 { 
    top: 0px;
} 

.-mt-4 { 
    margin-top: -1rem;
} 

.mr-6 { 
    margin-right: 1.5rem;
} 

.text-slate-200 { 
    --tw-text-opacity: 1; 
    color: rgb(226 232 240 / var(--tw-text-opacity));
} 

.text-slate-400 { 
    --tw-text-opacity: 1; 
    color: rgb(148 163 184 / var(--tw-text-opacity));
} 

.-translate-x-1\/2 { 
    --tw-translate-x: -50%; 
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
} 

.mb-1 { 
    margin-bottom: 0.25rem;
} 

.font-semibold { 
    font-weight: 600;
} 

.mb-2 { 
    margin-bottom: 0.5rem;
} 

.inline-flex { 
    display: inline-flex;
} 

.items-baseline { 
    align-items: baseline;
} 

.whitespace-nowrap { 
    white-space: nowrap;
} 

.rounded-lg { 
    border-radius: 0.5rem;
} 

.bg-indigo-500 { 
    --tw-bg-opacity: 1; 
    background-color: rgb(99 102 241 / var(--tw-bg-opacity));
} 

.px-3\.5 { 
    padding-left: 0.875rem; 
    padding-right: 0.875rem;
} 

.py-2\.5 { 
    padding-top: 0.625rem; 
    padding-bottom: 0.625rem;
} 

.text-white { 
    --tw-text-opacity: 1; 
    color: rgb(255 255 255 / var(--tw-text-opacity));
} 

.shadow-sm { 
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
} 

.shadow-indigo-950\/10 { 
    --tw-shadow-color: rgb(30 27 75 / 0.1); 
    --tw-shadow: var(--tw-shadow-colored);
} 

.transition-colors { 
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; 
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; 
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
    transition-duration: 150ms;
} 

.duration-150 { 
    transition-duration: 150ms;
} 

.hover\:bg-indigo-600:hover { 
    --tw-bg-opacity: 1; 
    background-color: rgb(79 70 229 / var(--tw-bg-opacity));
} 

.bg-emerald-500 { 
    --tw-bg-opacity: 1; 
    background-color: rgb(16 185 129 / var(--tw-bg-opacity));
} 

.px-3 { 
    padding-left: 0.75rem; 
    padding-right: 0.75rem;
} 

.py-1\.5 { 
    padding-top: 0.375rem; 
    padding-bottom: 0.375rem;
} 

.drop-shadow-\[0_0_8px_rgba\(224\,154\,19\,0\.7\)\] { 
    --tw-drop-shadow: drop-shadow(0 0 8px rgba(224,154,19,0.7)); 
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
} 

.text-3xl { 
    font-size: 1.875rem; 
    line-height: 2.25rem;
} 

.font-bold { 
    font-weight: 700;
} 

.text-4xl { 
    font-size: 2.25rem; 
    line-height: 2.5rem;
} 

.mr-3 { 
    margin-right: 0.75rem;
} 

.h-3 { 
    height: 0.75rem;
} 

.w-3 { 
    width: 0.75rem;
} 

.shrink-0 { 
    flex-shrink: 0;
} 

.fill-emerald-500 { 
    fill: #10b981;
} 


#style-1RKO6.style-1RKO6 {  
   --progress:50%;  
   --segments-width:25%;  
}  
















































.ms-2{margin-left:.5rem!important;}
.mt_3_neg{margin-top:-3px!important;}
.iRDySM{position:relative;display:block;height:fit-content;animation:10s linear 0s infinite normal none running hue-rotate;}
.iRDySM .button{text-transform:lowercase;}
.iRDySM .button::first-letter{text-transform:capitalize;}
.iRDySM .button{width:100%;-webkit-font-smoothing:antialiased;border:none;border-radius:100px;display:inline-block;font-size:18px;font-weight:600;text-decoration:none;user-select:none;color:white;padding:14px 30px;transition:0.1s ease-out;}
.iRDySM .button:hover{background-color:rgb(144, 254, 181);color:rgb(255, 255, 255);}
.iRDySM .button:active{transform:scale(0.95);}
.iRDySM .button--bubble{position:relative;z-index:2;color:white;background:none;}
.iRDySM .button--bubble:hover{background:none;}
.iRDySM .button--bubble:active + .button--bubble__effect-container{transform:scale(0.95);}
.iRDySM .button--bubble__container{position:relative;display:inline-block;}
.iRDySM .button--bubble__container .effect-button{position:absolute;width:100%;height:100%;top:0%;left:0%;z-index:1;background:linear-gradient(148deg, rgb(44, 131, 251) 0%, rgb(25, 112, 234) 100%);transition:background 0.1s ease-out;}
.iRDySM .button--bubble__effect-container{position:absolute;display:block;width:100%;height:100%;top:0%;left:0%;filter:url("https://www.leadster.com.br/o-jeito-novo-de-fazer-marketing-new/?utm_source=youtube&utm_medium=cpc&utm_campaign=bofu_dg_CA_conversao_interesse_jeito_novo_marketing&utm_content=AD_passado_novo&utm_term=CJ_marketing_digital_ads_b2b_Brasil&gad_source=2&gclid=Cj0KCQiAhvK8BhDfARIsABsPy4iflLjXaTet5p23zRjLyZGG0vqiXGwC_VKYQBpNgvrji_k4mXsIWjsaAmTDEALw_wcB&utm_test=newdino#goo");transition:0.1s ease-out;pointer-events:none;}
.iRDySM .button--bubble__effect-container .circle{position:absolute;width:25px;height:25px;border-radius:15px;transition:background 0.1s ease-out;opacity:0;}
.iRDySM .button--bubble__effect-container .circle.top-left{background-color:rgb(44, 131, 251);top:0%;left:0%;}
.iRDySM .button--bubble__effect-container .circle.bottom-right{background-color:rgb(25, 112, 234);bottom:0%;right:0%;}
.iRDySM .goo{position:absolute;visibility:hidden;width:100%;height:100%;}
@media (max-width: 1499px){
.iRDySM .button{font-size:14px;padding:13px 30px;}
}
@media (max-width: 699px){
.iRDySM{width:100%;}
.iRDySM .button{width:100%;font-size:14px;padding:15px 5px;}
.iRDySM .button--bubble__container{width:100%;}
}
.dMmqoa{display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(rgba(0, 108, 237, 0) 0%, rgba(0, 108, 237, 0.1) 38.02%, rgba(80, 148, 230, 0.1) 64.58%, rgba(217, 217, 217, 0) 100%);}
.bBGiLj{display:flex;flex-direction:column;align-items:center;width:90%;max-width:1280px;}
@media (max-width: 1080px){
.bBGiLj{width:100%;}
}
@media (max-width: 699px){
.bBGiLj{padding:45px 0px 15px;}
}
.diOuR{text-align:center;line-height:1.3;}
.diOuR span{font-weight:800;background: linear-gradient(126deg, rgb(0 130 84) -3.74%, rgb(46 183 16) 61.75%, rgb(16 113 48) 127.24%, rgb(255 255 255) 192.73%) text;-webkit-text-fill-color:transparent;}
@media (max-width: 1499px){
.diOuR{font-size:1.8em;}
}
@media (max-width: 1080px){
.diOuR{padding-inline:5vw;}
}
@media (max-width: 699px){
.diOuR{font-size:26px;}
}
.bhJQfh{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-top:50px;}
@media (max-width: 1080px){
.bhJQfh{display:flex;margin-top:30px;width:100%;}
}
.hBkefR{border-radius:32px 0px 0px 32px;background:rgb(255, 255, 255);box-shadow:rgba(27, 42, 51, 0) 0px 397px 111px 0px, rgba(27, 42, 51, 0) 0px 254px 102px 0px, rgba(27, 42, 51, 0.02) 0px 143px 86px 0px, rgba(27, 42, 51, 0.03) 0px 64px 64px 0px, rgba(27, 42, 51, 0.03) 0px 16px 35px 0px;padding:50px 80px 50px 50px;}
.hBkefR .title{color:rgba(27, 42, 51, 0.7);font-size:24px;font-weight:600;}
.hBkefR .list{display:flex;flex-direction:column;gap:10px;padding:0px;margin-top:20px;}
.hBkefR .list li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:rgb(27, 42, 51);font-size:18px;font-weight:400;line-height:1.1;}
.hBkefR .list li svg{color:rgb(255, 155, 0);}
.hBkefR .image{margin-top:20px;max-width:438px;height:315px;object-fit:contain;object-position:left center;filter:invert(100%);}
@media (max-width: 1499px){
.hBkefR{padding:40px;width:fit-content;justify-self:end;}
.hBkefR .title{font-size:22px;}
.hBkefR .list li{font-size:16px;}
.hBkefR .list li svg{width:20px;height:auto;}
}
@media (max-width: 1080px){
.hBkefR{padding:5vw 10vw 5vw 5vw;width:95%;box-shadow:rgba(0, 0, 0, 0.15) 0px 10px 20px;}
.hBkefR .image{width:100%;height:auto;}
}
@media (max-width: 699px){
.hBkefR{border-radius:16px 0px 0px 16px;}
.hBkefR .title{font-size:24px;}
.hBkefR .list li{font-size:14px;}
.hBkefR .image{width:100%;height:auto;}
}
.PIjcr{border-radius:32px;background: linear-gradient(61deg, rgb(0 130 84) -23.69%, rgb(56 207 6) 19.37%, rgb(6 89 59) 62.42%, rgb(5 161 106) 105.48%);box-shadow:rgba(27, 42, 51, 0) 0px 397px 111px 0px, rgba(27, 42, 51, 0) 0px 254px 102px 0px, rgba(27, 42, 51, 0.02) 0px 143px 86px 0px, rgba(27, 42, 51, 0.03) 0px 64px 64px 0px, rgba(27, 42, 51, 0.03) 0px 16px 35px 0px;padding:60px;overflow:hidden;}
.PIjcr .title{color:rgb(255, 255, 255);font-size:30px;font-weight:600;}
.PIjcr .list{display:flex;flex-direction:column;gap:10px;padding:0px;margin-top:20px;margin-bottom:35px;}
.PIjcr .list li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:rgb(255, 255, 255);font-size:18px;font-weight:400;line-height:1.1;}
.PIjcr .list li svg{color:white;}
.PIjcr .image{margin-top:20px;max-width:438px;height:315px;object-fit:contain;object-position:left top;filter:invert(100%);}
@media (max-width: 1499px){
.PIjcr{padding:50px;width:fit-content;}
.PIjcr .title{font-size:26px;}
.PIjcr .list li{font-size:16px;}
.PIjcr .list li svg{width:20px;height:auto;}
}
@media (max-width: 1080px){
.PIjcr{padding:5vw;width:95%;box-shadow:rgba(0, 0, 0, 0.15) 0px 10px 20px;}
.PIjcr .image{width:100%;height:auto;}
}
@media (max-width: 699px){
.PIjcr{border-radius:16px;}
.PIjcr .title{font-size:24px;}
.PIjcr .list li{font-size:14px;}
.PIjcr .image{width:100%;height:auto;}
}









































































































.ms-2{margin-left:.5rem!important;}
.mt_3_neg{margin-top:-3px!important;}
.iRDySM{position:relative;display:block;height:fit-content;animation:10s linear 0s infinite normal none running hue-rotate;}
.iRDySM .button{text-transform:lowercase;}
.iRDySM .button::first-letter{text-transform:capitalize;}
.iRDySM .button{width:100%;-webkit-font-smoothing:antialiased;border:none;border-radius:100px;display:inline-block;font-size:18px;font-weight:600;text-decoration:none;user-select:none;color:white;padding:14px 30px;transition:0.1s ease-out;}
.iRDySM .button:hover{background-color:rgb(144, 254, 181);color:rgb(255, 255, 255);}
.iRDySM .button:active{transform:scale(0.95);}
.iRDySM .button--bubble{position:relative;z-index:2;color:white;background:none;}
.iRDySM .button--bubble:hover{background:none;}
.iRDySM .button--bubble:active + .button--bubble__effect-container{transform:scale(0.95);}
.iRDySM .button--bubble__container{position:relative;display:inline-block;}
.iRDySM .button--bubble__container .effect-button{position:absolute;width:100%;height:100%;top:0%;left:0%;z-index:1;background:linear-gradient(148deg, rgb(44, 131, 251) 0%, rgb(25, 112, 234) 100%);transition:background 0.1s ease-out;}
.iRDySM .button--bubble__effect-container{position:absolute;display:block;width:100%;height:100%;top:0%;left:0%;filter:url("https://www.leadster.com.br/o-jeito-novo-de-fazer-marketing-new/?utm_source=youtube&utm_medium=cpc&utm_campaign=bofu_dg_CA_conversao_interesse_jeito_novo_marketing&utm_content=AD_passado_novo&utm_term=CJ_marketing_digital_ads_b2b_Brasil&gad_source=2&gclid=Cj0KCQiAhvK8BhDfARIsABsPy4iflLjXaTet5p23zRjLyZGG0vqiXGwC_VKYQBpNgvrji_k4mXsIWjsaAmTDEALw_wcB&utm_test=newdino#goo");transition:0.1s ease-out;pointer-events:none;}
.iRDySM .button--bubble__effect-container .circle{position:absolute;width:25px;height:25px;border-radius:15px;transition:background 0.1s ease-out;opacity:0;}
.iRDySM .button--bubble__effect-container .circle.top-left{background-color:rgb(44, 131, 251);top:0%;left:0%;}
.iRDySM .button--bubble__effect-container .circle.bottom-right{background-color:rgb(25, 112, 234);bottom:0%;right:0%;}
.iRDySM .goo{position:absolute;visibility:hidden;width:100%;height:100%;}
@media (max-width: 1499px){
.iRDySM .button{font-size:14px;padding:13px 30px;}
}
@media (max-width: 699px){
.iRDySM{width:100%;}
.iRDySM .button{width:100%;font-size:14px;padding:15px 5px;}
.iRDySM .button--bubble__container{width:100%;}
}
.wMwyL{position:relative;width:100%;aspect-ratio:1 / 1;transition:0.3s ease-out;}
.jhEUWk{position:absolute;bottom:0px;right:0px;width:80%;height:75%;background-color:rgb(255, 255, 255);border-radius:30px;box-shadow:rgba(0, 0, 0, 0.29) 0px 4px 20px;z-index:1;}
@media (max-width: 699px){
.jhEUWk{right:auto;left:0px;width:90%;height:75%;}
}
.jkJbJM{position:absolute;width:47%;height:-webkit-fill-available;aspect-ratio:1.2 / 1;top:10%;left:10%;background:url("https://www.leadster.com.br/_next/static/media/cross-background.371c302e.png") 0% 0% / 100% no-repeat;z-index:0;}
@media (max-width: 699px){
.jkJbJM{display:none;}
}
.fwnlGb{position:absolute;top:30%;left:3%;min-width:max-content;border-radius:30px;background-color:rgb(0, 213, 159);display:flex;align-items:center;justify-content:center;color:rgb(255, 255, 255);font-size:130%;padding:2% 8%;z-index:2;}
@media (max-width: 1599px){
.fwnlGb{font-size:100%;}
}
@media (max-width: 699px){
.fwnlGb{top:18%;left:0px;font-size:1em;z-index:10;padding:10px 20px;height:fit-content;}
}
.exhuXm{position:absolute;bottom:10%;right:10%;max-width:60%;min-width:60%;height:80%;display:grid;grid-template-columns:33% 33% 33%;align-items:end;gap:3%;}
@media (max-width: 699px){
.exhuXm{bottom:10%;right:auto;left:10%;max-width:65%;min-width:65%;}
}
.jRYFSu{max-width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;z-index:3;position:relative;}
.hhTAkR{position:relative;height:30%;max-width:100%;width:100%;border-radius:8px;background-color:rgb(233, 236, 238);transform-origin:center bottom;}
.Vaweb{position:relative;height:45%;max-width:100%;width:100%;border-radius:8px;background-color:rgb(233, 236, 238);transform-origin:center bottom;}
.hFlmvI{position:relative;height:130%;max-width:100%;width:100%;border-radius:8px;background-color:rgb(44, 131, 251);transform-origin:center bottom;}
.iqaoTd{position:absolute;top:20px;right:0px;left:0px;text-align:center;font-size:90%;color:var(--tertiaryColor);}
.iqaoTd strong{font-size:200%;font-weight:600;display:block;}
@media (max-width: 699px){
.iqaoTd{top:3px;font-size:0.8em;}
.iqaoTd strong{font-size:1.5em;}
}
.hnBIEr{position:absolute;top:20px;right:0px;left:0px;text-align:center;font-size:90%;color:rgb(255, 255, 255);}
.hnBIEr strong{font-size:200%;font-weight:600;display:block;}
@media (max-width: 699px){
.hnBIEr{top:3px;font-size:0.8em;}
.hnBIEr strong{font-size:1.5em;}
}
.fhLAFr{display:block;max-width:unset;margin-left:-10px;margin-bottom:5px;width:100%;position:relative;object-fit:contain!important;}
.ddREhh{display:block;max-width:unset;margin-left:0px;margin-bottom:5px;width:100%;position:absolute;top:-20%;left:50%;transform:translate(-50%, 10px);opacity:0;object-fit:contain!important;}
@media (max-width: 1599px){
.ddREhh{width:230px!important;}
}
@media (max-width: 699px){
.ddREhh{width:200px!important;top:-25%;}
}
.euucqW{position:absolute;width:35px;height:35px;bottom:-17px;right:calc(50% - 17px);z-index:2;}
.iNmZyA{position:absolute;width:15%;height:auto;top:17%;right:-7%;filter:invert(100%);}
@media (max-width: 699px){
.iNmZyA{right:4%;}
}
.cgfkYl{width:100%;display:flex;justify-content:center;padding:80px 0px;overflow:hidden;}
@media (max-width: 1599px){
.cgfkYl{padding:60px 0px;}
}
@media (max-width: 699px){
.cgfkYl{padding:25px 0px;}
}
.fZBrdV{width:80%;max-width:1320px;border-radius:32px;background:linear-gradient(97deg, rgb(227, 248, 255) 0%, rgb(222, 239, 255) 27.6%, rgb(210, 230, 255) 48.96%, rgb(218, 242, 255) 86.46%, rgb(212, 252, 248) 100%);padding:0px 100px 80px;display:grid;grid-template-columns:1fr 50%;align-items:end;gap:10px;}
@media (max-width: 1399px){
.fZBrdV{padding:0px 50px 50px;}
}
@media (max-width: 1080px){
.fZBrdV{display:flex;flex-direction:column-reverse;padding:0px 5vw 30px;gap:40px;}
}
@media (max-width: 699px){
.fZBrdV{padding:5vw;width:90%;border-radius:25px;}
}
.kYQSpS{display:flex;flex-direction:column;margin-top:70px;}
@media (max-width: 1399px){
.kYQSpS{margin-top:50px;}
}
@media (min-width: 699px) and (max-width: 1080px){
.kYQSpS{align-items:center;justify-content:center;}
}
@media (max-width: 1080px){
.kYQSpS{width:100%;margin:0px!important;}
}
.ldwplg{font-size:48px;line-height:1.3;font-weight:700;display:flex;flex-direction:column;}
@media (max-width: 1599px){
.ldwplg{font-size:37px;}
}
@media (max-width: 1080px){
.ldwplg{font-size:27px;text-align:center;}
}
@media (max-width: 699px){
.ldwplg{text-align:start;font-size:32px;}
}
.lnTjzC{font-size:18px;line-height:1.3;font-weight:500;width:100%;margin-top:10px;}
@media (max-width: 1499px){
.lnTjzC{font-size:16px;}
}
@media (max-width: 1080px){
.lnTjzC{font-size:14px;text-align:center;}
}
@media (max-width: 699px){
.lnTjzC{text-align:start;font-size:16px;display:block;}
}
.hRBHUE{padding:0px;display:grid;grid-template-columns:1fr;width:100%;gap:10px 5%;margin-bottom:40px;margin-top:15px;}
.hRBHUE li{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;font-size:18px;font-weight:500;line-height:1.3;}
.hRBHUE svg,.hRBHUE path{fill:red;color:red;filter:invert(-100%);}
@media (max-width: 1499px){
.hRBHUE{margin-top:20px;margin-bottom:20px;}
.hRBHUE li{font-size:14px;}
}
@media (max-width: 1080px){
.hRBHUE{display:flex;flex-direction:column;margin-top:10px;}
.hRBHUE li span{font-size:16px;}
}
.cglaBj{width:100%;}
@media (min-width: 699px) and (max-width: 1080px){
.cglaBj{display:none;}
}
@media (max-width: 699px){
.cglaBj{display:none;}
}
.jiCGHa{margin-top:25px;display:flex;flex-direction:column;gap:4px;}
.jeDraE{display:flex;align-items:center;gap:10px;}
@media (max-width: 699px){
.jeDraE{justify-content:center;}
}
.lfeTFq{width:55px;aspect-ratio:1 / 1;border-radius:15px;background-color:white;box-shadow:rgba(128, 128, 128, 0.24) 0px 0px 10px;display:flex;align-items:center;justify-content:center;}
.lfeTFq svg{width:65%;height:65%;object-fit:contain;}






























.section-statistics .container {
  text-align: center;
  max-width: 1200px;
  padding: 20px;
}

.section-statistics h1 {
  color: #333;
  font-size: 2rem;
  margin-bottom: 10px;
}

.section-statistics .highlight {
  color: #0084ff;
}

.section-statistics .stats-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 40px 0;
  flex-wrap: wrap;
}

.section-statistics .stat-box {
  background: rgba(240, 249, 255, 0.8);
  border-radius: 12px;
  padding: 30px;
  min-width: 200px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.section-statistics .stat-number {
  color: #0084ff;
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.section-statistics .stat-label {
  color: #4a4a4a;
  font-size: 1rem;
}

.section-statistics .logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.section-statistics .logo {
  height: 30px;
  opacity: 0.6;
}






























































































.seo-h2-Lat8wt{font-style:normal;font-weight:700;line-height:125%;}
.seo-h2-Lat8wt{font-size:32px;}
@media (max-width:600px){
.seo-h2-Lat8wt{font-style:normal;font-weight:700;line-height:125%;}
.seo-h2-Lat8wt{font-size:24px;}
}
.content-creation-wrapper-IemIRv{max-width:100vw;overflow:hidden;padding-bottom:165.67px;padding-top:119.93px;position:relative;}
.content-creation-wrapper-IemIRv .bg-fAOtv_{background-image:url(https://lf16-web-buz.capcut.com/obj/capcut-web-buz-us/ies/lvweb/business-ssr-online/static/image/bg.806ec5ad.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%;}
.content-creation-wrapper-IemIRv .content-creation-_gVDPv{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2;}
.content-creation-wrapper-IemIRv .content-creation-_gVDPv.in-view .title-Ph7a_S{animation:show-am-nGS5Jl .5s ease-in-out forwards;animation-delay:0s;}
.content-creation-wrapper-IemIRv .content-creation-_gVDPv.in-view .function-list-owJXhC{animation:show-am-nGS5Jl .5s ease-in-out forwards;animation-delay:.3s;}
.content-creation-wrapper-IemIRv .content-creation-_gVDPv .title-Ph7a_S{background:linear-gradient(180deg,#000,#2900a0);background-clip:text;-webkit-background-clip:text;opacity:0;text-align:center;transform:translateY(70px);-webkit-text-fill-color:transparent;margin-bottom:56.41px;}
.content-creation-wrapper-IemIRv .content-creation-_gVDPv .title-Ph7a_S h2{font-size:48px;font-style:normal;font-weight:700;line-height:1.3;}
.content-creation-wrapper-IemIRv .function-list-owJXhC{display:flex;opacity:0;transform:translateY(70px);}
.content-creation-wrapper-IemIRv .function-list-owJXhC .function-item-OwzQgj{align-items:center;color:var(--lvv-color-main-default,#5e40df);display:inline-flex;flex-direction:column;margin-right:92px;transition:margin .2s ease-in-out;width:340px;}
.content-creation-wrapper-IemIRv .function-list-owJXhC .function-item-OwzQgj:last-child{margin-right:0;}
.content-creation-wrapper-IemIRv .function-list-owJXhC .function-item-OwzQgj .function-title-Yt8n6r{font-size:100px;font-weight:700;line-height:1.12;transition:all .2 ease-in-out;}
.content-creation-wrapper-IemIRv .function-list-owJXhC .function-item-OwzQgj .function-desc-PCtarI{font-size:20px;font-style:normal;font-weight:500;line-height:1.5;margin-bottom:32px;margin-top:16px;text-align:center;}
@media (max-width:1440px){
.content-creation-wrapper-IemIRv .function-list-owJXhC .function-item-OwzQgj{margin-right:0;}
}
@media (max-width:1280px){
.content-creation-wrapper-IemIRv .function-list-owJXhC .function-item-OwzQgj{width:256px;}
.content-creation-wrapper-IemIRv .function-list-owJXhC .function-item-OwzQgj .function-title-Yt8n6r{font-size:72px;line-height:1.25;}
}
.content-creation-wrapper-IemIRv .pendant-lb-JailN7,.content-creation-wrapper-IemIRv .pendant-lt-Va60eD,.content-creation-wrapper-IemIRv .pendant-rb-eUnywb,.content-creation-wrapper-IemIRv .pendant-rt-Q2aiVE{animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease-in-out;background-position:50%;background-repeat:no-repeat;background-size:contain;opacity:0;position:absolute;transition:opacity .2s ease-in-out;}
@media (max-width:1280px){
.content-creation-wrapper-IemIRv .pendant-lb-JailN7,.content-creation-wrapper-IemIRv .pendant-lt-Va60eD,.content-creation-wrapper-IemIRv .pendant-rb-eUnywb,.content-creation-wrapper-IemIRv .pendant-rt-Q2aiVE{opacity:0!important;}
}
.content-creation-wrapper-IemIRv .pendant-lb-JailN7.show{animation-delay:1.3s;animation-name:lb-Srxi1_;}
.content-creation-wrapper-IemIRv .pendant-lt-Va60eD.show{animation-delay:.5s;animation-name:lt-TdDOzJ;}
.content-creation-wrapper-IemIRv .pendant-rb-eUnywb.show{animation-delay:1.8s;animation-name:rb-vdVuc0;}
.content-creation-wrapper-IemIRv .pendant-rt-Q2aiVE.show{animation-delay:2.3s;animation-name:rt-xcRds7;}
.content-creation-wrapper-IemIRv .pendant-lt-Va60eD{background-image:url(https://lf16-web-buz.capcut.com/obj/capcut-web-buz-us/ies/lvweb/business-ssr-online/static/image/lt.75830705.png);height:72px;left:50%;top:165.07px;transform:translate(-820px,-300px);width:72px;}
.content-creation-wrapper-IemIRv .pendant-rt-Q2aiVE{background-image:url(https://lf16-web-buz.capcut.com/obj/capcut-web-buz-us/ies/lvweb/business-ssr-online/static/image/rt.f3f40aca.png);height:80px;right:50%;top:189.7px;transform:translate(812px,-300px);width:80px;}
.content-creation-wrapper-IemIRv .pendant-lb-JailN7{background-image:url(https://lf16-web-buz.capcut.com/obj/capcut-web-buz-us/ies/lvweb/business-ssr-online/static/image/lb.c2324822.png);bottom:80px;height:96px;left:50%;transform:translate(-619px,300px);width:96px;}
.content-creation-wrapper-IemIRv .pendant-rb-eUnywb{background-image:url(https://lf16-web-buz.capcut.com/obj/capcut-web-buz-us/ies/lvweb/business-ssr-online/static/image/rb.6f1a5bbf.png);bottom:80px;height:88px;right:50%;transform:translate(746px,300px);width:88px;}
@keyframes show-am-nGS5Jl{0%{opacity:0;transform:translateY(70px);}to{opacity:1;transform:translateY(0);}}
@keyframes lb-Srxi1_{0%{opacity:0;transform:translate(-619px,300px);}to{opacity:1;transform:translate(-319px);}}
@keyframes lt-TdDOzJ{0%{opacity:0;transform:translate(-820px,-300px);}to{opacity:1;transform:translate(-520px);}}
@keyframes rb-vdVuc0{0%{opacity:0;transform:translate(746px,300px);}to{opacity:1;transform:translate(446px);}}
@keyframes rt-xcRds7{0%{opacity:0;transform:translate(812px,-300px);}to{opacity:1;transform:translate(512px);}}
































































































































.mResources .mResource{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.mBand__item::before,.mSection__subTitle--border::after{border-radius:20px;}
.mBand__item::before{box-shadow:0px 15px 45px 0px rgba(0,0,0,0.2);}
.mBand__item::before{content:"";width:100%;position:absolute;height:100%;top:0;left:0;}
@media (min-width: 960px){
.mBand__item::before{transform:skewX(-10deg);}
}
.mSection-outside{position:absolute;bottom:0;margin-bottom:-20px;}
.mSection__subTitle--border::after{margin-top:20px;display:block;content:' ';width:24px;height:4px;}
.mSection__subTitle--border-center::after{margin-left:auto;margin-right:auto;}
.mSection--bg--line{position:absolute;width:100%;height:100%;}
@media (max-width: 960px){
.mSection--bg--line{left:0;}
}
@media (min-width: 960px){
.mSection--bg--line-md{margin-top:96px;background:transparent url("https://www.tagplus.com.br/assets/line-ae6d06c3a10ca3deccec047f08f713fa1458b397fbdba96d2dffbddccf7d5687.png") no-repeat top left;}
}
@media (min-width: 960px){
.mSection--bg--line-lg{background:transparent url("https://www.tagplus.com.br/assets/line_lg-86962529e595ac7fcc4622c60c98372c5334f5ce1a668f9132f1988f1feedf97.png") no-repeat top left;background-position-y:-795px;}
}
.mResources{position:relative;}
.mResources-md{min-height:904px;}
.mResources-lg{min-height:1108px;}
.mResources .mResource{display:flex;flex-wrap:wrap;z-index:1;margin:20px;flex-direction:column;min-height:184px;}
@media (min-width: 960px){
.mResources .mResource{flex-direction:row;justify-content:flex-start;margin:0;width:auto;}
}
@media (min-width: 960px){
.mResources .mResource-lg:nth-child(even){margin-left:395px;}
}
@media (min-width: 960px){
.mResources .mResource-lg:nth-child(1){margin-left:68px;margin-top:30px;}
}
@media (min-width: 960px){
.mResources .mResource-lg:nth-child(2){margin-top:50px;}
}
@media (min-width: 960px){
.mResources .mResource-lg:nth-child(3){margin-left:68px;margin-top:42px;}
}
@media (min-width: 960px){
.mResources .mResource-lg:nth-child(4){margin-left:449px;margin-top:11px;}
}
@media (min-width: 960px){
.mResources .mResource-md:nth-child(odd){margin-left:295px;}
}
@media (max-width: 769px){
.mResources .mResource-md:last-child{margin-bottom:330px;}
}
@media (min-width: 960px){
.mResources .mResource-md:nth-child(2){margin-top:50px;}
}
@media (min-width: 960px){
.mResources .mResource-md:nth-child(3){margin-top:30px;}
}
@media (min-width: 960px){
.mResources .mResource-md:nth-child(4){margin-top:61px;margin-left:0;}
}
.mResources .mResource__wrapper{display:flex;flex-direction:column;}
@media (min-width: 960px){
.mResources .mResource__wrapper{flex-direction:row;}
}
.mResources .mResource__icon{align-self:center;}
@media (min-width: 960px){
.mResources .mResource__icon{align-self:initial;}
}
.mBand{position:initial;margin-top:90px;min-height:195px;max-width:100%;display:grid;grid-template-areas:
". content content content content content content content content content content .";grid-template-columns:repeat(12, 1fr);}
@media (min-width: 960px){
.mBand{min-width:880px;position:absolute;}
}
.mBand__item{position:relative;display:flex;grid-area:content;padding:0 35px;justify-content:center;align-items:center;}
.mBand__info{text-align:left;margin-left:30px;}
@media (max-width: 769px){
.mBand__info{margin-top:80px;margin-bottom:40px;margin-left:0;}
}
.mBand__description{font-size:1rem;margin-top:0;margin-bottom:0;}
@media (min-width: 960px){
.mBand__description{font-size:1em;}
}
@media (max-width: 798px){
.mBand__description{display:none;}
}
@media (max-width: 769px){
.mBand .mResource__icon{position:absolute;top:-60px;}
}
.gChunk--xl-top{margin-top:104px;}



























































































.intro__canvas{min-height:50rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-bottom:5rem;}
.canvas-intro__cloud{position:absolute;width:42rem;height:21rem;top:0;min-height:25rem;}
.canvas-intro.animated .canvas-cloud__item,.canvas-intro.animated .canvas-cloud__text{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;}
.canvas-intro .canvas-cloud__item{position:absolute;z-index:1;-webkit-box-shadow:0 4px 15px rgba(231,237,250,.25);box-shadow:0 4px 15px rgba(231,237,250,.25);border-radius:50%;-webkit-transition:.33s cubic-bezier(.23,1,.32,1);-o-transition:.33s cubic-bezier(.23,1,.32,1);transition:.33s cubic-bezier(.23,1,.32,1);opacity:0;}
.canvas-intro .canvas-cloud__item_0{left:0;right:94%;top:87.92%;bottom:0;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
.canvas-intro .canvas-cloud__item_0,.canvas-intro .canvas-cloud__item_1{-webkit-transform:translate(100px,100px);-ms-transform:translate(100px,100px);transform:translate(100px,100px);}
.canvas-intro .canvas-cloud__item_1{left:1.2%;right:90.41%;top:55.56%;bottom:27.54%;-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;}
.canvas-intro .canvas-cloud__item_2{left:89.21%;right:3.12%;top:17.39%;bottom:67.15%;-webkit-transform:translate(-100px,140px);-ms-transform:translate(-100px,140px);transform:translate(-100px,140px);-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s;}
.canvas-intro .canvas-cloud__item_3{left:38.13%;right:53.48%;top:43.48%;bottom:39.61%;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);transform:translateY(100px);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;}
.canvas-intro .canvas-cloud__item_4{left:63.31%;right:28.3%;top:35.27%;bottom:47.83%;-webkit-transform:translate(-30px,100px);-ms-transform:translate(-30px,100px);transform:translate(-30px,100px);-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s;}
.canvas-intro .canvas-cloud__item_5{left:29.02%;right:61.87%;top:0;bottom:81.64%;-webkit-transform:translate(30px,150px);-ms-transform:translate(30px,150px);transform:translate(30px,150px);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;}
.canvas-intro .canvas-cloud__item_6{left:27.82%;right:66.43%;top:28.99%;bottom:59.42%;-webkit-transform:translate(20px,120px);-ms-transform:translate(20px,120px);transform:translate(20px,120px);-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s;}
.canvas-intro .canvas-cloud__item_7{left:5.76%;right:84.65%;top:12.08%;bottom:68.6%;-webkit-transform:translate(130px,150px);-ms-transform:translate(130px,150px);transform:translate(130px,150px);-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.canvas-intro .canvas-cloud__item_8{left:48.2%;right:42.69%;top:8.7%;bottom:72.95%;-webkit-transform:translateY(150px);-ms-transform:translateY(150px);transform:translateY(150px);-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s;}
.canvas-intro .canvas-cloud__item_9{left:69.78%;right:19.42%;top:1.45%;bottom:76.81%;-webkit-transform:translate(-30px,190px);-ms-transform:translate(-30px,190px);transform:translate(-30px,190px);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
.canvas-intro .canvas-cloud__item_10{left:16.31%;right:75.3%;top:43%;bottom:40.1%;-webkit-transform:translate(30px,100px);-ms-transform:translate(30px,100px);transform:translate(30px,100px);-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s;}
.canvas-intro .canvas-cloud__item_11{left:89.45%;right:4.8%;top:85.51%;bottom:2.9%;-webkit-transform:translate(-130px,50px);-ms-transform:translate(-130px,50px);transform:translate(-130px,50px);-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;}
.canvas-intro .canvas-cloud__item_12{left:93.29%;right:0;top:57.49%;bottom:28.99%;-webkit-transform:translate(-100px,100px);-ms-transform:translate(-100px,100px);transform:translate(-100px,100px);-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s;}
.canvas-intro .canvas-cloud__item_13{left:81.29%;right:11.99%;top:44.44%;bottom:42.03%;-webkit-transform:translate(-70px,100px);-ms-transform:translate(-70px,100px);transform:translate(-70px,100px);-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;}
.canvas-intro .canvas-cloud__text{position:absolute;margin:0 auto auto;bottom:6rem;font-size:1.8rem;font-weight:700;z-index:1;width:100%;text-align:center;-webkit-transform:translateY(55px) scale(.8);-ms-transform:translateY(55px) scale(.8);transform:translateY(55px) scale(.8);-webkit-transition:1s;-o-transition:1s;transition:1s;-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s;opacity:0;}
.canvas-intro__img{margin:0 auto;position:absolute;bottom:0;inset-inline:0;z-index:2;height:calc(100% - 134px);}
.canvas-intro__text{margin:0 auto;padding:32px;max-width:420px;border-radius:20px;background:hsla(0,0%,100%,.9);-webkit-box-shadow:0 4px 15px rgba(84,88,176,.25);box-shadow:0 4px 15px rgba(84,88,176,.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-primary_black);position:relative;z-index:3;}
.canvas-intro__text p{margin:0;}
@media (inverted-colors){
.intro__canvas img{-webkit-filter:invert(100%);filter:invert(100%);}
}