div#primary {
  overflow: hidden;
}

/*
header#site-header {
  position: fixed;
  z-index: 90;
  top: 0;
  left: 0;
  width: 100%;
}
*/
section#kb_home2023-hero,
section#home_success_cases,
section#kb-fiveSteps {
  z-index: 4;
}

section#Sounds_incredible {
  background-color: white;
}

section#Sounds_incredible .incredible1 .elementor-widget-wrap,
section#Sounds_incredible .incredible2 .elementor-widget-wrap,
section#Sounds_incredible .incredible3 .elementor-widget-wrap,
section#Sounds_incredible .incredible4 .elementor-widget-wrap {
  background-color: #49ff9b;
}

section#Sounds_incredible .SoundsincredibleP p,
section#Sounds_incredible p {
  color: #000;
}

section#Sounds_incredible span.elementor-counter-number {
  color: black;
}

.kb-forms .container.grid-list-md .layout .flex {
  flex-direction: column !important;
}

footer p {
  margin-top: 0;
  margin-bottom: 0.9rem;
}

.questions .accordion-content a,
.questions .accordion-content a:hover {
  color: white;
  font-weight: 700 !important;
  border-bottom: 2px solid #66f79b;
}

.zindex-back {
  z-index: 1 !important;
}

/**** ACCORDEON ***/
@media only screen and (max-width: 1024px) {
  .health_box p {
    font-size: 16px;
    line-height: 1.5;
    color: #000;
  }

  span.swiper-pagination-bullet {
    background: #48ff9b;
    width: 14px;
    height: 14px;
    margin: 6px;
  }

  html .swiper-pagination {
    position: relative;
    transition: 0.23s linear;
    top: 10px;
  }

  span.swiper-pagination-bullet.swiper-pagination-bullet-active,
  span.swiper-pagination-bullet:hover {
    background: #48ff9b;
    opacity: 1;
    transition: 0.23s linear;
  }

  div#kb_goals_accor .swiper-wrapper {
    flex-wrap: wrap;
  }

  .accordion-single {
    border-bottom: 0px solid rgb(20 85 118 / 15%);
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    padding: 0px 0px 3px 0px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
  }

  .accordion-single-title {
    border-top: 0px solid rgb(20 85 118 / 15%);
    padding: 5px 12px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    color: #000;
    background-color: white;
    margin: 2px 3px;
    min-height: 60px;
    line-height: 1.2;
    display: flex;
    align-items: center;
  }

  .accordion-single-title::after {
    content: none;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #666;
    transition: transform 0.2s ease;
  }

  .accordion-single-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
  }

  .accordion-single-content p {
    padding: 20px;
  }

  .accordion-single-item.is-open .accordion-single-content {
    min-height: 150px;
    max-height: 1024px;
  }

  .accordion-single-item.is-open .accordion-single-title::after {
    transform: rotate(180deg);
  }

  .accordion-single-item {
    margin-bottom: 3px;
  }

  .accordion-single-item .health_box.predictive_chat {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    padding: 8px;
  }

  .accordion-single-item .health_video_box {
    width: 116%;
    left: -36px;
  }

  .accordion-single-item.js-acc-item.is-open {
    margin-bottom: 4px;
  }

  .accordion-single-item .health_video_box {
    width: 100%;
    left: 0;
  }

  .kb_accordeon_heading h2 {
    font-weight: 900 !important;
    font-size: 16px !important;
    color: black !important;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    padding: 20px 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }

  .accordion-single-item:last-child h4 {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background-color: white;
  }

  .accordion-single-item:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
  }

  .accordion-single-content {
    margin: -2px 4px;
    background-color: white;
  }

  .accordion-single-content h4 {
    display: none;
  }

  .accordion-single-item.is-open h4 {
    color: white;
    background-color: black;
    border-radius: 0;
  }

  .kb_goals-video-container video {
    border-radius: 14px;
  }

  .accordion-single-item.is-open:last-child .accordion-single-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}

@media only screen and (width: 428px) {
  .health_video_box.predictive_chat {
    mask-position: 1.4px -1.2px !important;
    -webkit-mask-position: 1.4px -1.2px !important;
  }
}

@media only screen and (max-width: 428px) {
  .health_video_box.predictive_chat {
    mask-position: 1.4px 0px !important;
    -webkit-mask-position: 1.4px 0px !important;
  }
}

/**** END ACCORDEON ***/

@media only screen and (min-width: 1025px) {
  section#kb_home2023-hero {
    background-image: url(img/hero-bg-2023.webp);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 30px 50px;
    width: 100vw;
    position: relative;
  }

  video#kb6-herobg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }

  .kb_home2023-hero-content h1 {
    background: #49ff9b;
    background: -webkit-linear-gradient(to right, #49ff9b, #00ffff);
    background: linear-gradient(to right, #49ff9b, #00ffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 300;
    font-size: 36px;
    text-transform: uppercase;
    line-height: 1.3;
    min-height: 250px;
    transform-origin: left;
    width: 100%;
  }

  .kb_home2023-hero-content p {
    color: white;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 300;
    width: 100%;
    max-width: 90%;
  }

  .kb_home2023-hero-content {
    padding: 20px 10px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
  }

  .kb_home2023-hero-box {
    padding: 10px 10px;
    max-width: 320px;
    height: 100vh;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-around;
    position: relative;
    z-index: 3;
  }

  span.kb_home2023-hero-pain {
    color: white;
  }

  .heroBoxCTA a.kb_cta_2023 {
    margin: 30px auto 30px 0;
  }

  a.kb_cta_2023 {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1em;
    fill: #000;
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    border-radius: 30em 30em 30em 30em;
    padding: 12px 32px;
    display: block;
    text-align: center;
    margin: 30px auto;
    width: fit-content;
  }

  a.kb_cta_2023:hover {
    fill: #000;
    color: #000;
    background-color: #fff;
    background-image: linear-gradient(270deg, #fff 0%, #fff 100%);
    border-radius: 30em 30em 30em 30em;
  }

  .kb_home2023-hero-video-box {
    z-index: 3;
    transform-origin: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    z-index: 2;
  }

  img#play-btn {
    width: 80px;
    height: 80px;
  }

  img#pause-btn {
    width: 80px;
    height: 80px;
  }

  .byeBtn {
    display: none !important;
    visibility: hidden;
    opacity: 0;
  }

  .kbplayBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .kbplayBtn:hover,
  .kbpauseBtn:hover {
    cursor: pointer;
  }

  div#kbpauseBtn {
    opacity: 0;
    transition: all 0.35s ease;
  }

  .kb_home2023-hero-video-box div#kbpauseBtn:hover {
    opacity: 1;
    transition: all 0.35s ease;
  }

  /* 
  .kb_home2023-hero-video-box:hover div#kbpauseBtn {
    opacity: 1;
    transition: all 0.35s ease;
  } */

  .kb_home2023-hero-video-box div#kbpauseBtn img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 0.6;
  }

  .kb_home2023-hero-video-box div#kbpauseBtn:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  div#kbplayBtn {
    opacity: 1;
    transition: all 0.35s ease;
  }

  div#kbplayBtn:before {
    content: "";
    background-color: transparent;
    background-image: url("img/ver-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  div#kbpauseBtn:before {
    content: "";
    background-color: transparent;
    background-image: url("img/pausar-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  @keyframes rotate-animation {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .swiper-pagination {
    display: none;
  }

  .kb_home2023-hero-video-box:hover div#kbplayBtn {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .kb_home2023-hero-video-box div#kbplayBtn img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  .kb_home2023-hero-video-box div#kbplayBtn:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  .kb_home2023-hero-video-box:hover video {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .kbpauseBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  video#kb6Video {
    border-radius: 3000em;
    width: 720px;
    height: 720px;
    transition: all 0.2s ease-out;
    object-fit: cover;
    aspect-ratio: 16/12;
  }

  video#kb6Video.playing {
    border-radius: 1.2em;
    width: 100%;
    height: 100%;
    transition: all 0.2s ease-in;
  }

  video#home_sucess_case_video {
    position: absolute;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 0;
  }

  section#home_success_cases {
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    bottom: 15%;
  }

  .home_success_cases-copy {
    position: absolute;
    top: 16vh;
    right: 8%;
    z-index: 4;
    width: 50%;
    color: white;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  #home_success_cases:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
  }

  #home_success_cases:after {
    content: "";
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: radial-gradient(100% 75% at 0% -32%,
        rgb(73, 255, 155, 0.7) 0%,
        rgba(0, 0, 0, 0.2) 99%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    transform: scaleX(-1);
  }

  .home_success_cases-copy h3 {
    font-size: 44px;
    font-weight: 800;
    line-height: 1.6;
    width: 60%;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    position: relative;
  }

  .home_success_cases-copy h3:before {
    content: "";
    width: 64%;
    height: 2px;
    position: absolute;
    background-color: #49ff9b;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    bottom: 0px;
    right: 0;
  }

  .home_success_cases-copy h3 .casesMark {
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    width: 60%;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    position: relative;
    left: 0;
    bottom: -14px;
  }

  .home_success_cases-copy h3 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .home_success_cases-copy p {
    font-size: 28px;
    width: 60%;
    line-height: 1.4;
    margin: 0;
    font-weight: 300;
  }

  /*** casos exito btns ***/

  img#play-btnCasesExit {
    width: 80px;
    height: 80px;
  }

  img#pause-btnCasesExit {
    width: 80px;
    height: 80px;
  }

  .home_success_cases .kbplayBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  div#kbpauseBtnCasesExit {
    opacity: 0;
    transition: all 0.35s ease;
  }

  .home_success_cases div#kbpauseBtnCasesExit:hover {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .home_success_cases div#kbpauseBtnCasesExit img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 0.6;
    width: 80px;
  }

  .home_success_cases div#kbpauseBtnCasesExit:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  div#kbplayBtnCasesExit {
    opacity: 1;
    transition: all 0.35s ease;
  }

  div#kbplayBtnCasesExit:before {
    content: "";
    background-color: transparent;
    background-image: url("img/ver-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  div#kbpauseBtnCasesExit:before {
    content: "";
    background-color: transparent;
    background-image: url("img/pausar-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  .home_success_cases:hover div#kbplayBtnCasesExit {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .home_success_cases div#kbplayBtnCasesExit img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
    width: 80px;
  }

  .home_success_cases div#kbplayBtnCasesExit:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  .kb_home2023-hero-video-box:hover video {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .home_success_cases .kbpauseBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  @keyframes rotate-animation {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  /*** end casos exito btns ***/

  section#home_success_cases a.kb_cta_2023 {
    z-index: 6;
    position: relative;
    bottom: 15%;
    display: none;
  }

  .home_success_cases-copy a.kb_cta_2023 {
    margin: 50px 0;
  }

  section#home_success_cases #play-pause-button {
    z-index: 5;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    cursor: pointer;
    transition: all 0.35s ease;
  }

  section#home_success_cases #play-pause-button:hover {
    z-index: 5;
    position: absolute;
    transform: translate(-50%, -50%) scale(1.1);
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    cursor: pointer;
    transition: all 0.35s ease;
  }

  section#kb-fiveSteps {
    min-height: 100vh;
    position: relative;
    padding: 40px 0px 90px 0px;
    bottom: 10%;
  }

  section#kb-fiveSteps2 {
    min-height: 100vh;
    position: relative;
    padding: 40px 0px 90px 0px;
    top: -60vh;
  }

  section#how-kb-works {
    /* min-height: 600vh; */
    /* min-height: 670vh; */
    /* height: 100%; */
    /* height: 4040px !important; */
	  min-height: 100dvh !important;
    position: relative;
    display: grid;
    margin-top: -3%;
    overflow: hidden;
  }

  .kb_goals-video-container video {
    width: 100%;
  }

  .kb_accordeon_heading h2 {
    font-weight: 300;
    font-size: 46px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 24%, #00ffff 61%);
    background-clip: text;
    -webkit-background-clip: text;
    /* text-fill-color: transparent; */
  }

  .swiper-tabs-nav .swiper-wrapper {
    justify-content: center;
  }

  .kb_accordeon_heading h2 .Boldtxt {
    font-weight: 700;
  }

  ol.kb_powerful_steps>li:before {
    border-radius: 30em;
    content: counters(item, ".") "" !important;
    counter-increment: item !important;
    font-weight: 800 !important;
    background: #49ff9b;
    background: -webkit-linear-gradient(to right, #49ff9b, #00ffff);
    background: linear-gradient(to right, #49ff9b, #00ffff);
    padding: 8px 8px;
    margin-right: 12px;
    position: absolute;
    left: -45px;
    top: -4px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
  }

  ol.kb_powerful_steps {
    counter-reset: item !important;
    list-style: none;
    padding: 20px 20px 20px 0px;
  }

  ol.kb_powerful_steps li {
    margin-bottom: 30px;
    position: relative;
    left: 20px;
    margin-left: 20px;
  }

  .noDesk {
    display: none !important;
  }

  .kb-fiveSteps-1,
  .kb-fiveSteps-2 {
    width: 50%;
    padding: 2rem;
  }

  .container-fiveSteps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    top: -4vh;
  }

  .kb-fiveSteps-1 h2 {
    font-size: 44px;
    font-weight: 800;
    max-width: 88%;
    position: relative;
    right: 2vw;
    line-height: 1.2;
    font-family: "druk text wide trial";
  }

  .kb-fiveSteps-1 {
    justify-content: center;
    display: flex;
  }

  .kb_accordeon_heading {
    padding: 30px 0;
  }

  /**** SWIPER CARROUSEL ***/
  /* CARROSUSEL */
  .swiper-tabs-nav {
    width: 100vw !important;
    max-width: 100% !important;
    min-height: 13vh !important;
    /* background: #ddd; */
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
    padding: 45px 28px;
  }

  .swiper-tabs-nav h4 {
    font-size: 18px;
    line-height: 1.1;
    font-weight: 400;
    margin: 0;
    width: fit-content;
    /* background: rebeccapurple; */
    padding: 2px;
  }

  .swiper-tabs-nav small {
    font-size: 24px;
    font-weight: 400;
    /* background: gray; */
    width: fit-content;
    padding: 2px;
    width: 100%;
  }

  .swiper-tabs-nav .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: default;
    width: 290px !important;
    margin-right: 80px !important;
  }

  .swiper-tabs-nav .swiper-slide:last-child {
    margin-right: 0 !important;
  }

  .swiper-tabs-nav .swiper-slide:hover {
    cursor: default;
  }

  /*  .kb_goals_container .swiper-tabs-nav .swiper-slide-active .titleNav *  {
    font-weight: 700;
  } */

  /* .swiper-tabs-content .swiper-slide>div {
    min-height: 300px;
    background: #eee;
    width: 50%;
    padding: 20px;
  } */

  .realcontent.videobox {
    display: flex;
    align-items: center;
    justify-content: center;
    /* border-top-left-radius: 50px; */
    /* border-bottom-left-radius: 50px; */
    width: 51%;
  }

  .swiper-tabs-content .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    /* background-color: red; */
    transform: scale(0.98);
    border-radius: 50px;
    /* transform: scale(0.9); */
    top: 0px;
    padding: 0;
    margin: 0px;
    min-height: 440px;
  }

  .swiper-container.swiper-tabs-content {
    max-width: 80%;
    height: 80vh;
    top: 4vh;
  }

  div#smartChat {
    background-color: #1d4a4b;
  }

  div#persoConversation {
    background-color: #002d42;
  }

  div#autoLeadNurt {
    background-color: #1d4a4b;
  }

  div#businessMoment {
    background-color: #002d42;
  }

  div#behaAnalysis {
    background-color: #1d4a4b;
  }

  .realcontent.infobox {
    padding: 40px 50px;
    /* background: rebeccapurple; */
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 49%;
  }

  .realcontent.infobox p {
    color: white;
    font-size: 15px;
    line-height: 1.6;
  }

  .realcontent.infobox h4 {
    color: white;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: uppercase;
  }

  div#smartChat h4 br {
    display: none;
  }

  .kb_goals_container {
    padding: 80px 0;
  }

  /* NAV ANIMATION */
  .swiper-tabs-nav:hover:before {
    background-position: 50% 50%;
    /* background-image: linear-gradient(270deg,#00FFFF 0%,#49FF9BF7 100%);*/
    transition: background-size 0.25s ease-in;
    background-size: 100% 100%;
  }

  .swiper-tabs-nav {
    position: relative;
  }

  .swiper-tabs-nav:before {
    content: "";
    position: absolute;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: background-size 0.35s ease-in;
    background-position: 50% 50%;
    background-size: 100% 0%;
  }

  .titleNav {
    cursor: pointer;
    transition: all 0.33s ease;
  }

  .titleNav:hover * {
    font-weight: 500;
    transition: all 0.33s ease;
  }

  /* .titleNav:hover *:not(small) {
    font-weight: 600;
    transition: all 0.33s ease;
  } */

  .titleNav * {
    transition: all 0.33s ease;
  }

  h4.accordion-single-title {
    display: none;
  }

  .accordion-single-content {
    display: grid;
    grid-template-columns: 45% 45%;
    max-width: 1280px;
    margin: 10px auto;
    background-color: white;
    align-items: center;
    padding: 10px;
    justify-content: center;
  }

  .accordion-single-content h4 {
    color: black;
    font-size: 40px;
    font-weight: 300;
    width: 75%;
    margin-bottom: 25px;
    line-height: 1.2;
  }

  .health_box {
    padding: 30px 50px;
  }

  .accordion-single-content p {
    font-size: 16px;
    line-height: 1.7;
    width: 70%;
  }

  .kb_goals-video-container {
    padding: 10px 40px;
  }

  .swiper-tabs-nav .swiper-wrapper {
    justify-content: center;
  }

  /* asi funciona KB Desktop */
  .kbhw_top_section h2 {
    font-weight: 300;
    font-size: 46px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 24%, #00ffff 61%);
    background-clip: text;
    -webkit-background-clip: text;
    /* text-fill-color: transparent; */
    margin-bottom: 35px;
  }

  article#tease-feature-1,
  article#tease-feature-3,
  article#tease-feature-5,
  article#tease-feature-7 {
    background-color: #1d4a4b !important;
  }

  article#tease-feature-2,
  article#tease-feature-4,
  article#tease-feature-6 {
    background-color: #002d42 !important;
  }

  .howtoWorks_content li {
    position: relative;
    transform: translateX(36px);
    color: white;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 25px;
  }

  .howtoWorks_content li:last-child {
    margin-bottom: 0;
  }

  .howtoWorks_content li:before {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg width='448' height='512' viewBox='0 0 448 512' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23kb_check)'><path d='M438.601 105.4C451.101 117.9 451.101 138.2 438.601 150.7L182.601 406.7C170.101 419.2 149.801 419.2 137.301 406.7L9.30078 278.7C-3.19922 266.2 -3.19922 245.9 9.30078 233.4C21.8008 220.9 42.1008 220.9 54.6008 233.4L160.001 338.7L393.401 105.4C405.901 92.8999 426.201 92.8999 438.701 105.4H438.601Z' fill='url(%23kb_check_linearpaint)'/></g><defs><linearGradient id='kb_check_linearpaint' x1='-59.5' y1='314' x2='486' y2='314' gradientUnits='userSpaceOnUse'><stop offset='0.0427813' stop-color='%2349FF9B'/><stop offset='0.985972' stop-color='%2300FFFF'/></linearGradient><clipPath id='kb_check'><rect width='448' height='512' fill='white'/></clipPath></defs></svg>");
    width: 20px;
    height: 16px;
    background-size: contain;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    left: -20px;
    top: 2px;
  }

  #tease-feature-1 .howtoWorks_content ul {
    -moz-column-count: 2;
    -moz-column-gap: 4px;
    -webkit-column-count: 2;
    -webkit-column-gap: 4px;
    column-count: 2;
    column-gap: 4px;
    width: 80%;
    left: -12px;
    position: relative;
  }

  #tease-feature-2 .howtoWorks_content ul,
  #tease-feature-3 .howtoWorks_content ul,
  #tease-feature-4 .howtoWorks_content ul,
  #tease-feature-5 .howtoWorks_content ul,
  #tease-feature-6 .howtoWorks_content ul {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 60px;
    column-count: 1;
    column-gap: 0px;
    width: 80%;
    left: -12px;
    position: relative;
  }

  .KBdoIt {
    display: grid;
    grid-template-columns: 50% 50%;
    padding: 0;
    align-items: center;
  }

  .howtoWorks_content {
    padding: 2.75rem 5.75rem;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
  }

  .howtoWorks_content h4 {
    color: white;
    font-size: 44px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 80%;
  }

  .howtoWorks_content p {
    color: white;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.8px;
    width: 80%;
  }

  .kbhw_top_section {
    /* transform: translateY(20vh); */
    /* transform: translateY(-10vh); */
  }

  .howtoWorks_cta_wrapper {
    z-index: 2;
    position: relative;
  }

  .howtoWorks_video video {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .howtoWorks_video {
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }

  a.cta_playvideo {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1em;
    fill: #000;
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    border-radius: 30em 30em 30em 30em;
    padding: 12px 32px;
    display: block;
    text-align: center;
    margin: 20px auto;
    width: fit-content;
  }

  a.go_ctaBtn {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1em;
    fill: #000;
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    border-radius: 30em 30em 30em 30em;
    padding: 12px 32px;
    display: block;
    text-align: center;
    margin: 20px auto;
    width: fit-content;
  }

  a.go_ctaBtn:hover,
  a.cta_playvideo:hover {
    fill: #000;
    color: #000;
    cursor: pointer;
    background-color: #fff;
    background-image: linear-gradient(270deg, #fff 0%, #fff 100%);
    border-radius: 30em 30em 30em 30em;
  }

  section#how-kb-works button:before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: linear-gradient(to right, transparent, transparent);
    content: none;
    z-index: 0;
    border-radius: 30em;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  section#how-kb-works button:hover:before {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background: linear-gradient(to right, #00ffff, #49ff9b);
    content: none;
    z-index: 0;
    border-radius: 30em;
    padding: 2px;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  section#how-kb-works button * {
    background-color: transparent;
    color: black;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
  }

  section#how-kb-works button:hover {
    background-color: transparent;
    border: 1px solid var(--greenKeybe2);
    color: black;
  }

  section#how-kb-works button,
  section#how-kb-works button:focus,
  section#how-kb-works button:active {
    background-color: transparent;
    outline: 0px !important;
    /* border: 0px; */
  }

  .h-\[30rem\] {
    height: 30rem;
  }

  /* end asi funciona KB Desktop */

  /* SUCESS CASES SECTIONS */
  #kb_sucessCases {
    background-color: black;
    background-image: url(img/bg-casos_exitos.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    min-height: 97vh;
    position: relative;
    width: 100%;
    z-index: 4;
    margin-top: -10vh;
    /* margin-top: 24vh; */
  }

  .kb_sucessCases_col1 h4 {
    font-weight: 300;
    font-size: 44px;
    line-height: 1.2;
    text-transform: uppercase;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 5px;
    width: 100%;
  }

  .kb_sucessCases_col1 {
    position: absolute;
    width: 30%;
    padding: 30px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: flex-start;
    left: 15vw;
    top: 15%;
  }

  .kb_sucessCases_col2 {
    position: absolute;
    bottom: 0;
    width: 60%;
    left: 37vw;
  }

  .kb_sucessCases_col1 p {
    color: white;
    font-size: 18px;
    width: 70%;
    margin-bottom: 30px;
    line-height: 1.6;
  }

  .kb_sucessCases_col1 img {
    width: 150px;
    margin-bottom: 30px;
  }

  .kb_sucessCases_col1 a.go_ctaBtn {
    margin: 0;
  }

  .kb_sucessCases_container {
    max-width: 1400px;
    margin: 0 auto;
  }

  .logo_suceessCase {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 55%;
  }

  img#play-btnCases {
    width: 80px;
    height: 80px;
  }

  img#pause-btnCases {
    width: 80px;
    height: 80px;
  }

  .byeBtn {
    display: none !important;
    visibility: hidden;
    opacity: 0;
  }

  .kb_sucessCases_col2 .kbplayBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .kbplayBtn:hover,
  .kbpauseBtn:hover {
    cursor: pointer;
  }

  div#kbpauseBtnCases {
    opacity: 0;
    transition: all 0.35s ease;
  }

  .kb_sucessCases_col2 div#kbpauseBtnCases:hover {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .kb_sucessCases_col2 div#kbpauseBtnCases img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 0.6;
    width: 80px;
  }

  .kb_sucessCases_col2 div#kbpauseBtnCases:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  div#kbplayBtnCases {
    opacity: 1;
    transition: all 0.35s ease;
  }

  div#kbplayBtnCases:before {
    content: "";
    background-color: transparent;
    background-image: url("img/ver-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  div#kbpauseBtnCases:before {
    content: "";
    background-color: transparent;
    background-image: url("img/pausar-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  @keyframes rotate-animation {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .swiper-pagination {
    display: none;
  }

  .kb_sucessCases_col2:hover div#kbplayBtnCases {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .kb_sucessCases_col2 div#kbplayBtnCases img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
    width: 80px;
  }

  .kb_sucessCases_col2 div#kbplayBtnCases:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  .kb_home2023-hero-video-box:hover video {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .kb_sucessCases_col2 .kbpauseBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .kb_sucessCases_videomask {
    mask: url(img/video_cases_masks.webp);
    -webkit-mask: url(img/video_cases_masks.webp);
    position: absolute;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    top: auto;
    transform: translate(221.6px, -168.9px) scale(0.9098);
    left: auto;
    bottom: 0;
    width: auto;
  }

  img.kbCasesMockup {
    position: absolute;
    bottom: 0;
    left: 0;
  }

  /* END SUCESS CASES SECTIONS */

  /* QUESTION SECTION */
  #questions {
    background-color: black;
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 4;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 120px 0;
  }

  section#questions h2 {
    font-weight: 300;
    font-size: 38px;
    line-height: 1.2;
    text-transform: uppercase;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 5px;
  }

  .questions_accordion_container {
    max-width: 860px;
    padding: 30px;
  }

  .accordion-header:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #49ff9b;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    bottom: 0px;
    left: 0;
  }

  .accordion-header:hover:after {
    background-image: -webkit-linear-gradient(0deg, #49ff9b 61%, #00ffff 99%);
  }

  .questions_accordion_container .accordion {
    width: 100%;
  }

  .questions_accordion_container .accordion-item {
    border: 0px solid #ccc;
    margin-bottom: 16px;
  }

  .questions_accordion_container .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 20px 0px 20px 20px;
    cursor: pointer;
    position: relative;
  }

  .questions_accordion_container .accordion-header:hover {
    background-color: transparent;
  }

  .questions_accordion_container .accordion-header h4 {
    color: white;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
  }

  .questions_accordion_container .accordion-header i {
    transform: rotate(0deg);
    /* transition: transform 0.5s ease; */
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    background-clip: text;
    -webkit-background-clip: text;
  }

  .questions_accordion_container .accordion-content {
    max-height: 0;
    overflow: hidden;
    /* transition: max-height 0.25s ease; */
    transform-origin: top;
    -webkit-transition: all 0.09s ease;
    -o-transition: all 0.09s ease;
    transition: all 0.09s ease;
    padding: 0px 20px;
  }

  .questions_accordion_container .accordion-content p {
    color: white;
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 20px;
    letter-spacing: 0.3px;
  }

  .questions_accordion_container .accordion-item.active .accordion-header i {
    transform: rotate(180deg);
    /* transition: transform 0.5s ease; */
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .questions_accordion_container .accordion-item.active .accordion-content {
    max-height: max-content;
    /* transition: max-height 0.25s ease; */
    transform-origin: top;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 20px;
  }

  .questions_accordion_container .accordion-content ul {
    margin-left: 25px;
  }

  .questions_accordion_container .accordion-content ul li {
    color: white;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 14px;
    position: relative;
  }

  .questions_accordion_container .accordion-content ul li:before {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg width='448' height='512' viewBox='0 0 448 512' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23kb_check)'><path d='M438.601 105.4C451.101 117.9 451.101 138.2 438.601 150.7L182.601 406.7C170.101 419.2 149.801 419.2 137.301 406.7L9.30078 278.7C-3.19922 266.2 -3.19922 245.9 9.30078 233.4C21.8008 220.9 42.1008 220.9 54.6008 233.4L160.001 338.7L393.401 105.4C405.901 92.8999 426.201 92.8999 438.701 105.4H438.601Z' fill='url(%23kb_check_linearpaint)'/></g><defs><linearGradient id='kb_check_linearpaint' x1='-59.5' y1='314' x2='486' y2='314' gradientUnits='userSpaceOnUse'><stop offset='0.0427813' stop-color='%2349FF9B'/><stop offset='0.985972' stop-color='%2300FFFF'/></linearGradient><clipPath id='kb_check'><rect width='448' height='512' fill='white'/></clipPath></defs></svg>");
    width: 20px;
    height: 16px;
    background-size: contain;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    left: -20px;
    top: 4px;
  }

  section#questions a.go_ctaBtn:hover {
    background: white;
    color: black;
  }

  /* END QUESTION SECTION */

  /* BOOST KB SECTION */
  #boost_kb {
    background-color: black;
    background-image: url(img/bg-casos_exitos-inv.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 4;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  section#boost_kb h2 {
    font-weight: 300;
    font-size: 38px;
    line-height: 1.2;
    text-transform: uppercase;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 25px;
    text-align: center;
  }

  section#boost_kb p {
    color: white;
    font-size: 30px;
    line-height: 1.6;
  }

  .boost_kb_cta_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
  }

  section#boost_kb a.go_ctaBtn {
    margin: 20px;
  }

  section#boost_kb a.go_ctaBtn:hover {
    background: white;
    color: black;
  }

  .playCases {
    display: none !important;
    width: 180px !important;
    display: flex;
    margin: 0 auto;
  }

  /* END BOOST KB SECTION */

  section#uses-cases-section {
    padding: 380px 0;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1580px) {
  video#kb6Video {
    border-radius: 3000em;
    width: 620px;
    height: 620px;
    transition: all 0.2s ease-out;
    object-fit: cover;
  }

  #kb_sucessCases {
    /* margin-top: -30vh; */
    margin-top: 10vh;
  }

  .kb_sucessCases_col2 {
    position: absolute;
    bottom: 0;
    width: 60%;
    left: 37vw;
    top: -10vw;
  }
}

@media only screen and (max-width: 1680px) and (min-width: 1366px) {
  #tease-feature-1 .howtoWorks_content ul {
    -moz-column-count: 2;
    -moz-column-gap: 4px;
    -webkit-column-count: 2;
    -webkit-column-gap: 4px;
    column-count: 2;
    column-gap: 4px;
    width: 100%;
    left: -12px;
    position: relative;
  }

  .howtoWorks_content h4 {
    color: white;
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 20px;
    width: 100%;
  }

  .howtoWorks_content p {
    color: white;
    margin-bottom: 30px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.8px;
    width: 100%;
  }

  #tease-feature-2 .howtoWorks_content ul,
  #tease-feature-3 .howtoWorks_content ul,
  #tease-feature-4 .howtoWorks_content ul,
  #tease-feature-5 .howtoWorks_content ul,
  #tease-feature-6 .howtoWorks_content ul {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 60px;
    column-count: 1;
    column-gap: 0px;
    width: 100%;
    left: -12px;
    position: relative;
  }

  .will-change-transform {
    /* transform: translate(0px, 150px) !important; */
    top: -129px !important;
  }

  /* section#how-kb-works {
    min-height: 750vh !important;
    top: -30vh;
  } */

  /* .kbhw_top_section {
    transform: translateY(8vh) !important;
  } */

  section#how-kb-works .pin-spacer1 {
    top: -80px !important;
  }

  section#how-kb-works .pin-spacer {
    /* inset: 79px auto auto 0px !important; */
    inset: 159px auto auto 0px !important;
  }

  #bikyvshumans {
    padding: 4% 0;
    /* transform: translate(0%, -10%); */
  }
}

@media only screen and (min-width: 1600px) {
  .realcontent.videobox video {
    height: 100%;
    width: 100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: relative;
    padding: 0;
    margin: 0px;
    transform: scale(1);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .realcontent.videobox video {
    height: 100%;
    width: 100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    /* top: 4px; */
    position: relative;
    padding: 0px;
    margin: -4px 0;
    transform: scale(1.002);
  }

  .swiper-tabs-content .swiper-slide {
    min-height: 403px;
  }
}

@media only screen and (max-width: 1439px) and (min-width: 1200px) {
  .realcontent.infobox {
    padding: 40px 80px;
  }

  .swiper-container.swiper-tabs-content {
    max-width: 88%;
    height: 80vh;
    top: 4vh;
  }

  .realcontent.videobox video {
    height: 100%;
    width: 100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    /* top: 4px; */
    position: relative;
    padding: 0px;
    margin: -0px 0;
    transform: scale(1.002);
  }

  .swiper-tabs-nav {
    min-height: 2vh !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 1024px) {
  .realcontent.infobox {
    padding: 35px;
  }

  .swiper-tabs-content .swiper-slide>div {
    width: 100%;
  }

  .realcontent.videobox video {
    height: 100%;
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    top: 4px;
    position: relative;
    padding: 0;
  }

  .swiper-tabs-content .swiper-slide {
    flex-direction: column-reverse;
    justify-content: space-between;
  }

  .realcontent.infobox h4 {
    color: #fff;
    font-size: 31px;
    line-height: 1.2;
    font-weight: 300;
    text-transform: uppercase;
  }

  .swiper-container.swiper-tabs-content {
    max-width: 95%;
    height: 104vh;
    top: 4vh;
  }

  .realcontent.infobox p {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 1024px) {
  .realcontent.infobox {
    min-height: 540px !important;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .swiper-tabs-content .swiper-slide {
    transform: scale(0.9) !important;
  }

  .swiper-tabs-nav {
    display: none;
  }

  .swiper-container.swiper-tabs-content {
    max-width: 95%;
    height: 126vh;
    top: 1vh;
  }
}

@media only screen and (min-width: 1160px) and (max-width: 1250px) {
  .swiper-tabs-content .swiper-slide {
    min-height: 370px;
  }

  .realcontent.infobox h4 {
    font-size: 34px;
  }
}

@media only screen and (min-width: 1281px) and (max-width: 1399px) {
  .swiper-tabs-content .swiper-slide {
    min-height: 430px;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1499px) {
  .swiper-tabs-content .swiper-slide {
    min-height: 448px;
  }
}

a.keybeCTA {
  background-image: -webkit-linear-gradient(left, #00ffff 22%, #00ffff 90%);
  color: #000;
  padding: 8px 10px;
  margin: 10px 0px 0px 0px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 30em;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  min-width: 160px;
  width: 300px;
  height: 40px;
  transition: 0.23s all;
  text-transform: uppercase;
  line-height: 1.5;
  justify-content: center;
  align-items: center;
}

a.keybeCTA:hover {
  background-image: -webkit-linear-gradient(left, #fff 22%, #fff 90%);
  color: #000;
}

@media only screen and (max-width: 1024px) {
  a.keybeCTA {
    margin: 20px auto;
  }
}

/* fix sizes */
@media only screen and (min-width: 1160px) and (max-width: 1400px) {
  .swiper-autoheight .swiper-wrapper {
    top: 10px;
  }

  .realcontent.videobox {
    height: 100%;
    min-height: 490px;
    /* background: rebeccapurple; */
    position: relative;
  }

  .realcontent.videobox video {
    position: absolute;
    height: 100%;
    left: 0;
    top: auto;
    transform: scale(1);
    object-fit: cover;
    object-position: top;
  }
}

/**** END SWIPER CARROUSEL ***/

/**** HOME 2023  ***/
@font-face {
  font-family: "Druk Wide italic";
  src: url(../../../../kb-fonts/DrukWide-SuperItalic.woff2) format("woff2"),
    url(../../../../kb-fonts/DrukWide-SuperItalic.woff) format("woff");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}

.DrukWide-SuperItalic {
  font-family: "Druk Wide italic";
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
}

/* @media only screen and (min-width: 1025px) {


} */

@media only screen and (max-width: 1024px) {
  section#kb_home2023-hero {
    background-image: url(https://keybe.co/wp-content/uploads/2023/04/hero-mobile_bg-scaled.webp);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px 10px;
  }

  video#kb6-herobg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    object-fit: cover;
    z-index: 0;
    display: none;
  }

  .kb_home2023-hero-content h1 {
    background: #49ff9b;
    background: -webkit-linear-gradient(to right, #49ff9b, #00ffff);
    background: linear-gradient(to right, #49ff9b, #00ffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-weight: 300;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1.3;
    min-height: 260px;
  }

  .kb_home2023-hero-content p {
    color: white;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 300;
    width: 90%;
  }

  .kb_home2023-hero-content {
    padding: 20px 10px;
    max-width: 100%;
    z-index: 1;
  }

  .kb_home2023-hero-box {
    padding: 10px 10px;
    max-width: 310px;
  }

  span.kb_home2023-hero-pain {
    color: white;
  }

  .kb_home2023-hero-video-box {
    display: none;
  }

  a.kb_cta_2023.noDesk {
    display: none;
  }

  a.kb_cta_2023 {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1em;
    fill: #000;
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    border-radius: 30em 30em 30em 30em;
    padding: 12px 32px;
    display: block;
    text-align: center;
    margin: 30px auto;
    width: fit-content;
  }

  a.kb_cta_2023:hover {
    fill: #fff;
    color: #fff;
    background-color: #000;
    background-image: linear-gradient(270deg, #000 0%, #000 100%);
    border-radius: 30em 30em 30em 30em;
  }

  video#home_sucess_case_video {
    position: absolute;
    width: 100%;
    height: 100vh;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 0;
  }

  section#home_success_cases {
    position: relative;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    bottom: 15%;
  }

  .home_success_cases-copy {
    position: absolute;
    top: 4vh;
    left: 6%;
    z-index: 4;
    width: 50%;
    color: white;
  }

  #home_success_cases:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
  }

  #home_success_cases:after {
    content: "";
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: radial-gradient(100% 75% at 0% -32%,
        rgb(73, 255, 155, 0.7) 0%,
        rgba(0, 0, 0, 0.2) 99%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
  }

  .home_success_cases-copy h3 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.6;
    border-bottom: 1px solid white;
    width: max-content;
    margin-bottom: 8px;
  }

  .home_success_cases-copy h3 .casesMark {
    font-size: 24px;
    line-height: 2;
    font-style: normal;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    position: relative;
    left: 0;
    bottom: -14px;
  }

  .home_success_cases-copy h3 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .home_success_cases-copy p {
    font-size: 22px;
    width: 80%;
    line-height: 1.4;
    margin: 0;
    font-weight: 300;
  }

  .home_success_cases-copy p br {
    display: none;
  }

  .home_success_cases-copy a.kb_cta_2023 {
    display: none;
  }

  section#home_success_cases a.kb_cta_2023 {
    z-index: 6;
    position: relative;
    bottom: 15%;
  }

  section#home_success_cases #play-pause-button {
    z-index: 5;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
  }

  /*** casos exito btns ***/

  img#play-btnCasesExit {
    width: 80px;
    height: 80px;
  }

  img#pause-btnCasesExit {
    width: 80px;
    height: 80px;
  }

  .home_success_cases .kbplayBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  div#kbpauseBtnCasesExit {
    opacity: 0;
    transition: all 0.35s ease;
  }

  .home_success_cases div#kbpauseBtnCasesExit:hover {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .home_success_cases div#kbpauseBtnCasesExit img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 0.6;
    width: 80px;
  }

  .home_success_cases div#kbpauseBtnCasesExit:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  div#kbplayBtnCasesExit {
    opacity: 1;
    transition: all 0.35s ease;
  }

  div#kbplayBtnCasesExit:before {
    content: "";
    background-color: transparent;
    background-image: url("img/ver-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  div#kbpauseBtnCasesExit:before {
    content: "";
    background-color: transparent;
    background-image: url("img/pausar-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  .home_success_cases:hover div#kbplayBtnCasesExit {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .home_success_cases div#kbplayBtnCasesExit img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
    width: 80px;
  }

  .home_success_cases div#kbplayBtnCasesExit:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  .kb_home2023-hero-video-box:hover video {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .home_success_cases .kbpauseBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  @keyframes rotate-animation {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  /*** end casos exito btns ***/

  section#kb-fiveSteps {
    min-height: 100vh;
    position: relative;
    position: relative;
    padding: 80px 10px;
  }

  section#how-kb-works {
    background-color: transparent !important;
    min-height: 100vh;
    position: relative;
  }

  article#tease-feature-1,
  article#tease-feature-3,
  article#tease-feature-5 {
    background-color: #1d4a4b !important;
  }

  article#tease-feature-2,
  article#tease-feature-4,
  article#tease-feature-6 {
    background-color: #002d42 !important;
  }

  .howtoWorks_content li {
    position: relative;
    transform: translateX(36px);
    color: white;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 12px;
  }

  .howtoWorks_content li:last-child {
    margin-bottom: 0;
  }

  .howtoWorks_content li:before {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg width='448' height='512' viewBox='0 0 448 512' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23kb_check)'><path d='M438.601 105.4C451.101 117.9 451.101 138.2 438.601 150.7L182.601 406.7C170.101 419.2 149.801 419.2 137.301 406.7L9.30078 278.7C-3.19922 266.2 -3.19922 245.9 9.30078 233.4C21.8008 220.9 42.1008 220.9 54.6008 233.4L160.001 338.7L393.401 105.4C405.901 92.8999 426.201 92.8999 438.701 105.4H438.601Z' fill='url(%23kb_check_linearpaint)'/></g><defs><linearGradient id='kb_check_linearpaint' x1='-59.5' y1='314' x2='486' y2='314' gradientUnits='userSpaceOnUse'><stop offset='0.0427813' stop-color='%2349FF9B'/><stop offset='0.985972' stop-color='%2300FFFF'/></linearGradient><clipPath id='kb_check'><rect width='448' height='512' fill='white'/></clipPath></defs></svg>");
    width: 20px;
    height: 16px;
    background-size: contain;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    left: -20px;
    top: 2px;
  }

  #tease-feature-1 .howtoWorks_content ul {
    -moz-column-count: 2;
    -moz-column-gap: 4px;
    -webkit-column-count: 2;
    -webkit-column-gap: 4px;
    column-count: 2;
    column-gap: 4px;
    width: 85%;
    left: -17px;
    position: relative;
  }

  #tease-feature-2 .howtoWorks_content ul,
  #tease-feature-3 .howtoWorks_content ul,
  #tease-feature-4 .howtoWorks_content ul,
  #tease-feature-5 .howtoWorks_content ul,
  #tease-feature-6 .howtoWorks_content ul {
    -moz-column-count: 1;
    -moz-column-gap: 0px;
    -webkit-column-count: 1;
    -webkit-column-gap: 60px;
    column-count: 1;
    column-gap: 0px;
    width: 85%;
    left: -17px;
    position: relative;
  }

  .KBdoIt {
    display: flex;
    flex-direction: column;
    padding: 0;
    align-items: center;
  }

  .pointer-events-none.h-full.w-full {
    position: relative;
    margin-top: 0 !important;
  }

  .swiper-slide article {
    transform: translate(0vw, 0vh) !important;
  }

  .howtoWorks_content {
/*     padding: 2.15rem 0.25rem;
    justify-content: center;
    display: flex;
    flex-wrap: wrap; */
    padding: 2.15rem 0.25rem;
    justify-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    min-height: 440px;
    align-items: center;
    flex-direction: column;
  }

  .howtoWorks_content h4 {
    color: white;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
    width: 85%;
  }

  .howtoWorks_content p {
    color: white;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: 0.8px;
    width: 85%;
  }

  /*   .kbhw_top_section {
    transform: translateY(10vh);
  } */

  section#how-kb-works .pin-spacer- {
    padding: 0 !important;
    min-height: 50vh !important;
    max-height: 120vh !important;
  }

  .howtoWorks_cta_wrapper {
    z-index: 2;
    position: relative;
  }

  .howtoWorks_video video {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .howtoWorks_video {
    position: relative;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    min-height: 330px;
    width: 100%;
  }

  a.cta_playvideo {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1em;
    fill: #000;
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    border-radius: 30em 30em 30em 30em;
    padding: 12px 32px;
    display: block;
    text-align: center;
    margin: 20px auto;
    width: fit-content;
  }

  a.go_ctaBtn {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1em;
    fill: #000;
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    border-radius: 30em 30em 30em 30em;
    padding: 12px 32px;
    display: block;
    text-align: center;
    margin: 20px auto;
    width: fit-content;
  }

  a.go_ctaBtn:hover,
  a.cta_playvideo:hover {
    fill: #000;
    color: #000;
    cursor: pointer;
    background-color: #fff;
    background-image: linear-gradient(270deg, #fff 0%, #fff 100%);
    border-radius: 30em 30em 30em 30em;
  }

  .will-change-transform>div:first-child {
    display: none;
  }

  .will-change-transform>div:last-child {
    position: relative;
    top: -140px;
  }

  .kbhw_top_section {
    text-align: center;
    background-image: linear-gradient(-270deg, #00ffff 0%, #49ff9bf7 100%);
    width: max-content;
    padding: 14px 24px;
    top: -1rem;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    transform: translateY(0vh);
  }

  .kbhw_top_section h2 {
    color: black;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-style: italic;
  }

  .container-fiveSteps {
    padding: 20px 10px;
  }

  .kb_goals-video-container video {
    width: 100%;
  }

  section#kb-fiveSteps h2 {
    font-weight: 900;
    font-size: 26px;
    color: black;
    line-height: 1.2;
  }

  ol.kb_powerful_steps>li:before {
    border-radius: 30em;
    content: counters(item, ".") "" !important;
    counter-increment: item !important;
    font-weight: 800 !important;
    background: #49ff9b;
    background: -webkit-linear-gradient(to right, #49ff9b, #00ffff);
    background: linear-gradient(to right, #49ff9b, #00ffff);
    padding: 8px 8px;
    margin-right: 12px;
    position: absolute;
    left: -45px;
    top: -7px;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
  }

  ol.kb_powerful_steps {
    counter-reset: item !important;
    list-style: none;
    padding: 20px 20px 20px 0px;
  }

  ol.kb_powerful_steps li {
    margin-bottom: 30px;
    position: relative;
    left: 20px;
    margin-left: 20px;
  }

  /* QUESTION SECTION */
  #questions {
    background-color: black;
    background-image: url("img/bg-mob-1-100.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 80vh;
    position: relative;
    width: 100%;
    z-index: 4;
    display: flex;
    flex-flow: column;
    align-items: center;
    padding: 80px 20px 60px 20px;
    justify-content: center;
    margin-bottom: -12px;
  }

  section#questions h2 {
    font-weight: 300;
    font-size: 36px;
    line-height: 1.2;
    text-transform: uppercase;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 5px;
  }

  .questions_accordion_container {
    max-width: 860px;
    padding: 10px;
  }

  .accordion-header:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #49ff9b;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    bottom: 0px;
    left: 0;
  }

  .accordion-header:hover:after {
    background-image: -webkit-linear-gradient(0deg, #49ff9b 61%, #00ffff 99%);
  }

  .questions_accordion_container .accordion {
    width: 100%;
  }

  .questions_accordion_container .accordion-item {
    border: 0px solid #ccc;
    margin-bottom: 16px;
  }

  .questions_accordion_container .accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
    position: relative;
  }

  .questions_accordion_container .accordion-header:hover {
    background-color: transparent;
  }

  .questions_accordion_container .accordion-header h4 {
    color: white;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
  }

  .questions_accordion_container .accordion-header i {
    transform: rotate(0deg);
    /* transition: transform 0.5s ease; */
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    background-clip: text;
    -webkit-background-clip: text;
  }

  .questions_accordion_container .accordion-content {
    max-height: 0;
    overflow: hidden;
    /* transition: max-height 0.25s ease; */
    transform-origin: top;
    -webkit-transition: all 0.09s ease;
    -o-transition: all 0.09s ease;
    transition: all 0.09s ease;
    padding: 0px 10px;
  }

  .questions_accordion_container .accordion-content p {
    color: white;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 12px;
    letter-spacing: 0.2px;
  }

  .questions_accordion_container .accordion-item.active .accordion-header i {
    transform: rotate(180deg);
    /* transition: transform 0.5s ease; */
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .questions_accordion_container .accordion-item.active .accordion-content {
    max-height: max-content;
    /* transition: max-height 0.25s ease; */
    transform-origin: top;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 16px 10px;
  }

  .questions_accordion_container .accordion-content ul {
    margin-left: 25px;
  }

  .questions_accordion_container .accordion-content ul li {
    color: white;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 14px;
    position: relative;
  }

  .questions_accordion_container .accordion-content ul li:before {
    content: "";
    background-image: url("data:image/svg+xml;utf8,<svg width='448' height='512' viewBox='0 0 448 512' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23kb_check)'><path d='M438.601 105.4C451.101 117.9 451.101 138.2 438.601 150.7L182.601 406.7C170.101 419.2 149.801 419.2 137.301 406.7L9.30078 278.7C-3.19922 266.2 -3.19922 245.9 9.30078 233.4C21.8008 220.9 42.1008 220.9 54.6008 233.4L160.001 338.7L393.401 105.4C405.901 92.8999 426.201 92.8999 438.701 105.4H438.601Z' fill='url(%23kb_check_linearpaint)'/></g><defs><linearGradient id='kb_check_linearpaint' x1='-59.5' y1='314' x2='486' y2='314' gradientUnits='userSpaceOnUse'><stop offset='0.0427813' stop-color='%2349FF9B'/><stop offset='0.985972' stop-color='%2300FFFF'/></linearGradient><clipPath id='kb_check'><rect width='448' height='512' fill='white'/></clipPath></defs></svg>");
    width: 20px;
    height: 16px;
    background-size: contain;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    left: -20px;
    top: 4px;
  }

  a.go_ctaBtn {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1em;
    fill: #000;
    color: #000;
    background-color: transparent;
    background-image: linear-gradient(270deg, #00ffff 0%, #49ff9bf7 100%);
    border-radius: 30em 30em 30em 30em;
    padding: 12px 32px;
    display: block;
    text-align: center;
    margin: 20px auto;
    width: fit-content;
  }

  section#questions a.go_ctaBtn:hover {
    background: white;
    color: black;
  }

  /* END QUESTION SECTION */

  /* BOOST KB SECTION */
  #boost_kb {
    background-color: black;
    background-image: url("img/bg-mob-2-100.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 70vh;
    position: relative;
    width: 100%;
    z-index: 4;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 25px;
    margin-top: 9px;
  }

  section#boost_kb h2 {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.2;
    text-transform: uppercase;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 25px;
    text-align: left;
    width: 80%;
  }

  section#boost_kb p {
    color: white;
    font-size: 18px;
    line-height: 1.4;
    text-align: left;
    font-weight: 300;
    width: 80%;
  }

  .boost_kb_cta_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    flex-wrap: wrap;
  }

  section#boost_kb a.go_ctaBtn {
    margin: 10px auto;
  }

  section#boost_kb a.go_ctaBtn:hover {
    background: white;
    color: black;
  }

  /* END BOOST KB SECTION */

  /* SUCESS CASES SECTIONS */
  #kb_sucessCases {
    background-color: black;
    background-image: url(img/bg-casos_exitos.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom center;
    min-height: 100vh;
    position: relative;
    width: 100%;
    z-index: 4;
    margin-top: 0vh;
  }

  .kb_sucessCases_col1 h4 {
    font-weight: 300;
    font-size: 44px;
    line-height: 1.2;
    text-transform: uppercase;
    color: transparent;
    background-image: -webkit-linear-gradient(0deg, #49ff9b 31%, #00ffff 92%);
    background-clip: text;
    -webkit-background-clip: text;
    margin-bottom: 5px;
    width: 100%;
  }

  .kb_sucessCases_col1 {
    position: relative;
    width: 100%;
    padding: 30px;
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: flex-start;
    left: 0;
    top: 15%;
    margin-bottom: 50px;
  }

  .kb_sucessCases_col2 {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
  }

  .kb_sucessCases_col1 p {
    color: white;
    font-size: 18px;
    width: 100%;
    margin-bottom: 30px;
    line-height: 1.6;
  }

  .kb_sucessCases_col1 img {
    width: 150px;
    margin-bottom: 30px;
  }

  .kb_sucessCases_col1 a.go_ctaBtn {
    margin: 0 auto;
  }

  .kb_sucessCases_container {
    max-width: 1400px;
    margin: 0 auto;
  }

  .logo_suceessCase {
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 55%;
  }

  .playCases {
    display: none !important;
    width: 180px !important;
    display: flex;
    margin: 0 auto;
  }

  .kb_sucessCases_col2 img {
    display: block;
  }

  .kb_sucessCases_col2 {
    min-height: 48px;
  }

  img#play-btnCases {
    width: 80px;
    height: 80px;
  }

  img#pause-btnCases {
    width: 80px;
    height: 80px;
  }

  .byeBtn {
    display: none !important;
    visibility: hidden;
    opacity: 0;
  }

  .kbplayBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8) !important;
    z-index: 10;
  }

  .kbplayBtn:hover,
  .kbpauseBtn:hover {
    cursor: pointer;
  }

  div#kbpauseBtnCases {
    opacity: 0;
    transition: all 0.35s ease;
  }

  .kb_sucessCases_col2 div#kbpauseBtnCases:hover {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .kb_sucessCases_col2 div#kbpauseBtnCases img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 0.6;
    width: 80px;
    display: block;
  }

  .kb_sucessCases_col2 div#kbpauseBtnCases:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  div#kbplayBtnCases {
    opacity: 1;
    transition: all 0.35s ease;
  }

  div#kbplayBtnCases:before {
    content: "";
    background-color: transparent;
    background-image: url("img/ver-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  div#kbpauseBtnCases:before {
    content: "";
    background-color: transparent;
    background-image: url("img/pausar-video.svg");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -12%;
    left: -12%;
    transform: translate(-50%, -50%) scale(1.1);
    z-index: 0;
    animation: rotate-animation 10s infinite linear;
  }

  @keyframes rotate-animation {
    0% {
      transform: rotate(0deg);
    }

    50% {
      transform: rotate(180deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .swiper-pagination {
    display: block !important;
    top: 30px !important;
    bottom: 354px !important;
  }

  .kb_sucessCases_col2:hover div#kbplayBtnCases {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .kb_sucessCases_col2 div#kbplayBtnCases img {
    transform: scale(1);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
    width: 80px;
    display: block;
  }

  .kb_sucessCases_col2 div#kbplayBtnCases:hover img {
    transform: scale(1.3);
    transition: all 0.35s ease;
    transform-origin: center;
    opacity: 1;
  }

  .kb_home2023-hero-video-box:hover video {
    opacity: 1;
    transition: all 0.35s ease;
  }

  .kbpauseBtn {
    cursor: pointer;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  .kb_sucessCases_videomask {
    mask: url(img/video_cases_masks.webp);
    -webkit-mask: url(img/video_cases_masks.webp);
    position: absolute;
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    top: auto;
    /* transform: translate(15.6px, 58.6px) scale(0.7155); */
    transform: translate(15.6px, -31.8px) scale(0.7155);
    left: auto;
    bottom: 0;
    width: auto;
  }

  img.kbCasesMockup {
    position: relative;
    bottom: 0;
    left: -41px;
    scale: 1.2;
    top: 40px;
    margin-bottom: 90px;
  }

  /* END SUCESS CASES SECTIONS */

  html section#how-kb-works {
    overflow: hidden !important;
    height: 160vh !important;
  }
}

/* end 1024px */

@media only screen and (width: 375px) {
  section#how-kb-works {
    min-height: 153vh !important;
    bottom: -1vh;
  }

  img.kbCasesMockup {
    position: relative;
    bottom: 0;
    left: -43px;
    scale: 1.2;
    top: 39px;
    margin-bottom: 90px;
  }
}

@media only screen and (width: 360px) {
  section#how-kb-works {
    min-height: 130vh !important;
    bottom: -1vh;
  }
}

@media only screen and (width: 390px) and (width: 393px) {
  html section#how-kb-works {
    min-height: 120vh !important;
    bottom: -1vh;
  }
}

@media only screen and (width: 414px) and (height: 736px) {
  html section#how-kb-works {
    min-height: 130vh !important;
    bottom: -1vh;
  }

  .kb_sucessCases_videomask {
    transform: translate(24.2px, -28.8px) scale(0.7155);
  }
}

@media only screen and (width: 414px) and (height: 896px) {
  .kb_sucessCases_videomask {
    transform: translate(24.2px, -28.8px) scale(0.7155);
  }
}

@media only screen and (width: 375px) and (height: 812px) {
  html section#how-kb-works {
    min-height: 130vh !important;
    bottom: -1vh;
  }
}

@media only screen and (max-width: 412px) and (min-width: 376px) {
  section#how-kb-works {
    min-height: 100vh !important;
    bottom: -1vh;
  }

  .kb_sucessCases_videomask {
    transform: translate(24.2px, -28.8px) scale(0.7155);
  }
}

@media only screen and (width: 1024px) and (height: 768px) {
  .kbplayBtn {
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%) scale(0.8) !important;
  }

  .kbpauseBtn {
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%) scale(0.8) !important;
  }

  .kb_sucessCases_videomask {
    transform: translate(199.6px, -147.5px) scale(1.0911);
  }

  #kb_sucessCases {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 460px) and (min-width: 425px) {
  .kb_sucessCases_videomask {
    transform: translate(25.6px, 62.4px) scale(0.7155);
  }
}

@media only screen and (max-width: 500px) and (min-width: 461px) {
  .kb_sucessCases_videomask {
    transform: translate(34px, 63.6px) scale(0.7155);
  }
}

@media only screen and (max-width: 510px) and (min-width: 501px) {
  .kb_sucessCases_videomask {
    transform: translate(49.2px, 44.5px) scale(0.7499);
  }
}

@media only screen and (width: 768px),
(width: 800px),
(width: 820px),
(width: 834px),
(width: 1024px) {
  html .kb_sucessCases_videomask {
    transform: translate(199.5px, -148.1px) scale(1.092) !important;
  }

  html img.kbCasesMockup {
    margin-bottom: 0 !important;
  }
}

@media only screen and (width: 768px) and (height: 1024px),
(width: 820px) and (height: 1180px) {
  section#how-kb-works {
    min-height: 80vh;
  }

  section#how-kb-works .pin-spacer- {
    padding: 0 !important;
    min-height: 50vh !important;
    max-height: 100vh !important;
  }

  .kbplayBtn {
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%) scale(0.8) !important;
  }

  .kbpauseBtn {
    top: 50%;
    left: 46%;
    transform: translate(-50%, -50%) scale(0.8) !important;
  }

  #kb_sucessCases {
    padding-bottom: 30px;
  }
}

@media only screen and (width: 820px) and (height: 1180px),
(width: 768px) and (height: 1024px),
(width: 1024px) and (height: 1366px) {
  .kb_sucessCases_videomask {
    transform: translate(199.6px, -147.5px) scale(1.0911);
  }
}

@media only screen and (max-width: 421px) {
  section#how-kb-works {
    /* min-height: 100vh; */
    min-height: 100% !important;
    height: 100% !important;
    bottom: -1vh;
  }

  section#how-kb-works .pin-spacer- {
    padding: 0 !important;
    min-height: 50vh !important;
    max-height: 100vh !important;
  }

  section#kb_sucessCases {
    min-height: 60vh;
  }

  img.playCases {
    display: none !important;
  }

  .kb_sucessCases_container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  }
}

/**** END HOME 2023  ***/

.logo_suceessCase {
  display: none;
}

/* Modal */

#newsBox {
  z-index: 999;
}

.modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  z-index: 999;
}

.modal-content {
  background: black;
  background-size: cover;
  background-position: center;
  display: block;
  flex-wrap: wrap;
  justify-content: center;
  animation-name: modalopen;
  animation-duration: 0.23s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: black;
  padding: 0;
  width: 40%;
  border-radius: 20px;
}

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
  display: block;
}

.close-button {
  width: max-content;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: black;
  font-size: 36px;
  color: white;
  cursor: pointer;
  position: absolute;
  z-index: 8;
  right: -12px;
  top: -12px;
  padding: 1px 8px;
  border-radius: 30em;
  display: flex;
}

.close-button:hover {
  background-color: black;
  font-size: 36px;
  color: #00ffff;
}

@keyframes modalopen {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.modal-content figure {
  top: 4px;
  position: relative;
}

video#kb6Video_modal {
  border-radius: 20px;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
}

@media only screen and (max-width: 1440px) and (min-width: 1200px) {
  .kb_home2023-hero-content h1 {
    font-size: 28px;
    min-height: 220px;
  }

  section#kb_home2023-hero {
    /* padding: 50px 10px; */
    padding: 0px 10px;
  }

  video#kb6Video {
    height: 480px;
    width: 480px;
  }

  .kb_home2023-hero-box {
    transform: scale(0.85);
  }

  .home_success_cases-copy p {
    font-size: 22px;
    width: 60%;
    line-height: 1.4;
    margin: 0;
    font-weight: 300;
  }

  .home_success_cases-copy h3 {
    font-size: 32px;
  }

  .home_success_cases-copy h3:before {
    content: "";
    width: 66%;
  }

  .howtoWorks_content li {
    font-size: 15px;
    margin-bottom: 12px;
    line-height: 1.5;
  }

  .howtoWorks_content ul {
    width: 100%;
  }

  .howtoWorks_content {
    padding: 2.75rem 4.75rem;
  }

  .howtoWorks_content h4 {
    font-size: 34px;
    width: 100%;
  }

  .howtoWorks_content p {
    font-size: 15px;
    width: 100%;
  }

  .will-change-transform {
    will-change: transform;
    inset: -134px auto auto auto !important;
    /* inset: -134px auto auto 67.45px !important; */
  }

  section#how-kb-works {
    /* min-height: 850vh !important; */
  }

  .swiper-wrapper {
    transform: scale(0.9);
  }

  .kb_sucessCases_col2 .kbplayBtn,
  .kb_sucessCases_col2 .kbpauseBtn {
    top: 60%;
    left: 46%;
  }
}

@media only screen and (max-width: 1680px) and (min-width: 1420px) {
  section#how-kb-works {
    /* min-height: 630vh !important; */
  }

  html .will-change-transform {
    inset: -94px auto auto auto !important;
    /* inset: -94px auto auto 67.45px !important; */
    /* scale: 0.9 !important; */
  }
}

@media only screen and (max-width: 1419px) and (min-width: 1300px) {
  html section#how-kb-works {
    /* min-height: 800vh !important; */
    min-height: 100% !important;
    height: 100% !important;
  }

  html .will-change-transform {
    inset: -94px auto auto auto !important;
    /* inset: -94px auto auto 67.45px !important; */
    /* scale: 0.9 !important; */
  }

  .xl\:py-16 {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}

/*** fix cards on small screens ***/
@media only screen and (max-width: 1280px) and (min-width: 1200px) {
  .pin-spacer {
    inset: auto !important;
  }

  .will-change-transform>div {
    scale: 0.9;
    position: relative;
    top: 60px;
    margin-bottom: -6px;
  }

  html section#how-kb-works {
    /* height: 910vh !important; */
    /* height: 3740px !important; */
    min-height: 100% !important;
  }

  /* .kbhw_top_section {
    transform: translateY(20vh);
  } */

  #bikyvshumans {
    padding: 4% 0;
    /* transform: translate(0%, -10%); */
  }

  .hb-versus {
    border: 4px solid var(--greenKeybe);
    border-radius: 10.9em;
    border-top: 0;
    padding: 0% 0% 4% 0% !important;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 1420px) {
  section#how-kb-works {
    /* min-height: 660vh !important;
    height: 830vh; */
    min-height: 100% !important;
    height: 100% !important;
    /* height: 760vh; */
    /* top: -18vh !important; */
  }
}

@media only screen and (max-width: 1780px) and (min-width: 1600px) {
  html .will-change-transform {
    inset: 26px auto auto auto !important;
  }

  html section#how-kb-works {
    /* min-height: 630vh !important; */
    /* min-height: 560vh !important; */
    min-height: 100% !important;
    /* height: 4040px !important; */
    width: 100%;
    /* top: -10vh; */
  }

  html section#kb-fiveSteps {
    min-height: 100vh;
    position: relative;
    padding: 80px 0;
    bottom: 0vh;
  }

/*   html .kbhw_top_section {
    transform: translateY(10vh) !important;
  } */

  html section#how-kb-works .pin-spacer {
    /* inset: 104px auto auto 0 !important; */
    inset: 8vh auto auto auto !important;
  }
}

/*** fix mb14 ***/
@media only screen and (max-width: 1600px) and (min-width: 1500px),
screen and (min-height: 965px) and (max-height: 996px) {
  html section#how-kb-works .pin-spacer {
    inset: -3% auto auto auto !important;
    top: 13.5% !important;
  }

  html .will-change-transform {
    inset: 10% auto auto auto !important;
    top: -5% !important;
  }

 /*  html .kbhw_top_section {
    transform: translateY(20vh) !important;
  } */

  html section#how-kb-works .pin-spacer1 {
    top: -80px !important;
  }

  html section#how-kb-works {
    /* top: -20vh !important; */
  }

  html section#kb-fiveSteps {
    bottom: -5vh !important;
  }

  section#kb-fiveSteps2 {
    min-height: 100vh;
    position: relative;
    padding: 40px 0px 90px 0px;
    top: -60vh;
    margin-bottom: -40%;
    margin-top: -10%;
  }
}

/*** end fix mb14 ***/
@media only screen and (max-width: 1500px) and (min-width: 1400px),
screen and (min-height: 870px) and (max-height: 992px) {
  html .will-change-transform {
    inset: -10% auto auto auto !important;
    /* inset: -94px auto auto 67.45px !important; */
    /* scale: 0.9 !important; */
  }

  section#how-kb-works .pin-spacer {
    /* inset: 79px auto auto 0px !important; */
    /* inset: 89px auto auto auto !important; */
    /* inset: 180px auto auto auto !important; */
    inset: -10vh auto auto auto !important;
  }

  section#how-kb-works .pin-spacer1 {
    /* top: 70px !important; */
    /* top: 110px !important; */
    top: -45px !important;
  }

  section#kb-fiveSteps2 {
    min-height: 100vh;
    position: relative;
    padding: 40px 0px 90px 0px;
    top: -50vh;
    margin-top: -20%;
    margin-bottom: -30%;
  }
}

@media only screen and (max-width: 1690px) and (min-width: 1600px),
screen and (min-height: 800px) and (max-height: 1080px) {
  html .will-change-transform {
    /* inset: -1% auto auto auto !important; */
    inset: 13% auto auto auto !important;
  }

  section#how-kb-works .pin-spacer {
    inset: 94px auto auto auto !important;
  }

  section#how-kb-works .pin-spacer1 {
    top: -70px !important;
  }

  section#kb-fiveSteps2 {
    min-height: 100vh;
    position: relative;
    padding: 40px 0px 90px 0px;
    top: -10vh;
    margin-top: -10%;
    margin-bottom: -20%;
  }
}

@media (min-width: 1900px) {
  section#how-kb-works .pin-spacer1 {
    /* top: -80px !important; */
    top: -8.3% !important;
  }

  section#how-kb-works .pin-spacer {
    /* inset: 79px auto auto 0px !important; */
    /* inset: -80px auto auto auto !important; */
    /* inset: -140px auto auto auto !important; */
    /* inset: 11vh auto auto auto !important; */
    inset: -15vh auto auto auto !important;
  }

  html .will-change-transform {
    inset: -4% auto auto auto !important;
  }

  section#kb-fiveSteps2 {
    min-height: 100vh;
    position: relative;
    padding: 40px 0px 90px 0px;
    top: -10vh;
    margin-top: -10%;
    margin-bottom: -20%;
  }
}

@media (min-height: 861px) and (max-height: 890px) {
  section#kb-fiveSteps2 {
    min-height: 100vh;
    position: relative;
    padding: 40px 0 90px 0;
    top: -10vh !important;
    margin-top: 10% !important;
    margin-bottom: -20% !important;
  }
}

/*** fix cards on small screens ***/

/** fix for tablets cases testimonial */
@media (min-width: 730px) and (max-width: 1060px) {
  html .kb_sucessCases_videomask {
    transform: translate(38%, -15.6%) !important;
    scale: 1.095 !important;
  }
}

@media (min-width: 600px) and (max-width: 729px) {
  html .kb_sucessCases_videomask {
    transform: translate(37.68%, -15.38%) !important;
    scale: 1.083 !important;
  }
}

@media only screen and (max-width: 1440px) and (min-width: 1420px),
(max-height: 800px) and (min-height: 710px) {
  section#how-kb-works {
    /* min-height: 660vh !important;
    height: 820vh !important; */
    /* height: 3540px !important; */
    min-height: 100% !important;
    /* height: 100% !important; */
    /* top: -36vh !important; */
  }
}

/** fix for tablets cases testimonial */

/**** FIXES SAMU HOME JUNE 2023 ****/
.kb_home2023-hero-box2 {
  padding: 10px 10px;
  max-width: 320px;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  z-index: 3;
  right: -2.5%;
}

.kb_home2023-hero-box2 .heroBoxCTA {
  position: relative;
  bottom: 14%;
}

.heroBoxCTA li {
  position: relative;
  color: white;
  font-weight: 300;
  line-height: 1.35;
  margin-bottom: 20px;
}

.heroBoxCTA li span.kb_Percent {
  color: white;
  font-size: 32px;
  line-height: 1;
  margin-right: 8px;
}

.heroBoxCTA li span.kb_Percent_txt {
  font-weight: 400;
  font-size: 22px;
}

.heroBoxCTA li:before {
  content: "";
  background-image: url("data:image/svg+xml;utf8,<svg width='448' height='512' viewBox='0 0 448 512' fill='none' xmlns='http://www.w3.org/2000/svg'><g clip-path='url(%23kb_check)'><path d='M438.601 105.4C451.101 117.9 451.101 138.2 438.601 150.7L182.601 406.7C170.101 419.2 149.801 419.2 137.301 406.7L9.30078 278.7C-3.19922 266.2 -3.19922 245.9 9.30078 233.4C21.8008 220.9 42.1008 220.9 54.6008 233.4L160.001 338.7L393.401 105.4C405.901 92.8999 426.201 92.8999 438.701 105.4H438.601Z' fill='url(%23kb_check_linearpaint)'/></g><defs><linearGradient id='kb_check_linearpaint' x1='-59.5' y1='314' x2='486' y2='314' gradientUnits='userSpaceOnUse'><stop offset='0.0427813' stop-color='%2349FF9B'/><stop offset='0.985972' stop-color='%2300FFFF'/></linearGradient><clipPath id='kb_check'><rect width='448' height='512' fill='white'/></clipPath></defs></svg>");
  width: 25px;
  height: 25px;
  background-size: contain;
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  left: -40px;
  top: 4px;
}

/**** FIX VIDEO AUTOLARTE/JUDA DESKTOP ****/
.home_success_cases {
  height: 100vh;
}

.home_success_cases iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

@media (min-width: 1025px) {
  @media (min-aspect-ratio: 16/9) {

    .home_success_cases iframe,
    section#home_success_cases,
    video#home_sucess_case_video {
      height: 56.25vw;
    }
  }

  @media (max-aspect-ratio: 16/9) {

    .home_success_cases iframe,
    section#home_success_cases,
    video#home_sucess_case_video {
      width: 177.78vh;
    }
  }
}

div#myModal.playing_video div#kbpauseBtnCasesExit:hover {
  opacity: 1 !important;
  transition: all 0.35s ease !important;
  z-index: 12;
}

div#myModal.playing_video {
  z-index: 13;
}

div#myModal {
  height: 100%;
  z-index: 9;
}

@media (max-width: 1024px) {
  video#home_sucess_case_video {
    object-position: 20%;
  }

  .home_success_cases div#kbplayBtnCasesExit,
  div#myModal {
    display: none;
  }

  /*  .kb_goals_container {
        padding: 60px 0px 60px 0px;
        margin-bottom: 20%;
      } */

  section#kb-fiveSteps2 {
    position: relative;
    padding: 80px 10px;
    border-top: 30px solid #000;
    z-index: 1;
    top: 0;
    min-height: 100%;
    margin-top: 0 !important;
  }

  section#kb-fiveSteps2 h2 {
    font-weight: 900;
    font-size: 26px;
    color: #000;
    line-height: 1.2;
  }

  section#kb-fiveSteps {
    min-height: 100% !important;
  }

  section#how-kb-works .pin-spacer1 {
    top: 0 !important;
  }

  section#how-kb-works {
    z-index: 2;
  }

  .kb_home2023-hero-box2 {
    height: auto;
    order: 0;
    right: -9%;
    scale: 0.95;
    margin: 10px auto;
  }

  .kb_home2023-hero-box {
    display: flex;
    flex-direction: column;
  }

  .heroBoxCTA {
    order: 3;
  }

  .accordion-single-content h4 {
    background-color: transparent !important;
    color: black !important;
    padding: 10px 20px 0px 20px;
    font-size: 26px;
    line-height: 1.4;
    display: block !important;
  }

  .kbhw_top_section {
    background-image: none;
    width: 100%;
  }

  html .kbhw_top_section h2 {
    font-size: 36px;
    font-style: normal;
  }
}

/**** END FIX VIDEO AUTOLARTE/JUDA DESKTOP ****/

/**** END FIXES SAMU HOME JUNE 2023 ****/