.elementor-36 .elementor-element.elementor-element-112bcc2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-acbe6ef{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-7cbcb3f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-36 .elementor-element.elementor-element-ccec3b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-522ca4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-ada31f2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-7264f48{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-e629141{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-b6f67cc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-36 .elementor-element.elementor-element-2822ac3{padding:0px 0px 0px 0px;}.elementor-36 .elementor-element.elementor-element-3145e89{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-fc2bffe */.elementor-36 .elementor-element.elementor-element-fc2bffe #cb-web-hero{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #141311;
  background-size:42px 42px;
  position:relative;
  overflow:hidden;
  font-family:"Public Sans",Arial,Helvetica,sans-serif;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe #cb-web-hero *{
  box-sizing:border-box;
}


/* =========================================
   HERO WRAPPER
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-wrap{
  width:100%;
  max-width:1180px;
  min-height:720px;
  margin:0 auto;
  padding:105px 30px 95px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
  position:relative;
  z-index:2;
}


/* =========================================
   HERO CONTENT
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content{
  opacity:0;
  transform:translateY(35px);
  animation:cbWebHeroContent .9s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-label{
  color:#FCA608;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:18px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content h1{
  color:#ffffff;
  font-size:58px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-1.5px;
  margin:0 0 24px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content h1 span{
  display:block;
  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content p{
  max-width:570px;
  color:#aaa7a1;
  font-size:16px;
  line-height:1.75;
  margin:0;
}


/* =========================================
   HERO ACTIONS
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-actions{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:34px;
}


/* PRIMARY BUTTON */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:0 25px;
  background:#FCA608;
  color:#141311;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  border:1px solid #FCA608;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    background .3s ease;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-btn:hover{
  color:#141311;
  background:#FCA608;
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(252,166,8,.22);
}


/* SECONDARY OUTLINE BUTTON */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  min-height:52px;
  padding:0 20px;

  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.30);

  color:#ffffff;
  text-decoration:none;

  font-size:13px;
  font-weight:600;

  transition:
    color .3s ease,
    border-color .3s ease,
    background .3s ease,
    transform .3s ease,
    box-shadow .3s ease;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-link span{
  color:#FCA608;
  font-size:17px;
  line-height:1;
  transition:transform .3s ease;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-link:hover{
  color:#FCA608;
  border-color:#FCA608;
  background:rgba(252,166,8,.06);
  transform:translateY(-3px);
  box-shadow:0 10px 25px rgba(252,166,8,.08);
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-link:hover span{
  transform:translateY(3px);
}


/* =========================================
   HERO VISUAL
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-visual{
  min-width:0;
  position:relative;

  opacity:0;
  transform:translateX(35px);

  animation:cbWebHeroVisual .9s ease .2s forwards;
}


/* =========================================
   BROWSER
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-browser{
  width:100%;
  background:#1c1a17;
  border:1px solid #37342f;
  box-shadow:0 30px 70px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-browser-top{
  height:46px;
  padding:0 15px;
  display:flex;
  align-items:center;
  gap:14px;
  background:#201e1a;
  border-bottom:1px solid #34312c;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-browser-dots{
  display:flex;
  gap:5px;
  flex-shrink:0;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-browser-dots span{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#57534d;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-browser-url{
  flex:1;
  min-width:0;
  height:25px;

  display:flex;
  align-items:center;

  padding:0 10px;

  background:#181714;
  border:1px solid #302d28;

  color:#77736d;
  font-size:9px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-browser-status{
  color:#FCA608;
  font-size:8px;
  font-weight:700;
  letter-spacing:1px;
  flex-shrink:0;
}


/* =========================================
   WEBSITE PREVIEW
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-site-preview{
  min-height:410px;
  background:#f7f7f5;
  position:relative;
  overflow:hidden;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-nav{
  height:55px;
  padding:0 24px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  border-bottom:1px solid #e5e2dd;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-logo{
  color:#141311;
  font-size:15px;
  font-weight:800;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-logo span{
  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-menu{
  display:flex;
  align-items:center;
  gap:16px;

  color:#77736d;
  font-size:8px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-menu b{
  color:#141311;
  font-weight:700;
}


/* =========================================
   PREVIEW BODY
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-body{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:25px;

  padding:55px 35px 35px;

  align-items:center;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-copy small{
  color:#FCA608;
  font-size:8px;
  font-weight:800;
  letter-spacing:1.5px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-copy h2{
  color:#141311;
  font-size:28px;
  line-height:1.15;

  margin:10px 0 12px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-copy h2 strong{
  display:block;
  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-copy p{
  color:#77736d;
  font-size:9px;
  line-height:1.6;

  margin:0;
  max-width:240px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-button{
  display:inline-flex;
  align-items:center;

  margin-top:18px;
  padding:9px 13px;

  background:#141311;
  color:#ffffff;

  font-size:8px;
  font-weight:700;
}


/* =========================================
   SYSTEM CARDS
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-system{
  display:grid;
  gap:10px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-system-card{
  background:#ffffff;
  border:1px solid #dedbd5;

  padding:17px;

  box-shadow:0 8px 22px rgba(20,19,17,.06);

  animation:cbWebSystemFloat 4s ease-in-out infinite;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-system-card:nth-child(2){
  animation-delay:1s;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-system-card small{
  display:block;

  color:#89857e;
  font-size:7px;
  font-weight:700;
  letter-spacing:1px;

  margin-bottom:8px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-system-card strong{
  display:block;

  color:#141311;
  font-size:25px;
  line-height:1;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-system-card span{
  display:block;

  color:#FCA608;
  font-size:8px;
  font-weight:700;

  margin-top:6px;
}


/* =========================================
   PREVIEW BOTTOM
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-bottom{
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  min-height:48px;

  padding:0 25px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  background:#141311;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-bottom span{
  color:#77736d;

  font-size:7px;
  font-weight:700;
  letter-spacing:.7px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-bottom span:first-child{
  color:#FCA608;
}


/* =========================================
   FLOATING WEBSITE HEALTH CARD
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-floating-card{
  position:absolute;

  right:-35px;
  bottom:38px;

  width:175px;

  padding:17px 18px;

  background:#ffffff;
  border:1px solid #dedbd5;

  box-shadow:0 20px 40px rgba(0,0,0,.25);

  animation:cbWebFloating 4s ease-in-out infinite;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-floating-label{
  color:#77736d;

  font-size:7px;
  font-weight:800;
  letter-spacing:1px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-floating-value{
  color:#141311;

  font-size:27px;
  font-weight:800;
  line-height:1;

  margin:8px 0 5px;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-floating-text{
  color:#FCA608;

  font-size:8px;
  font-weight:700;
}


/* =========================================
   LIVE SYSTEM STATUS
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-live-indicator{
  position:absolute;

  left:15px;
  bottom:-24px;

  padding:9px 13px;

  background:#1c1a17;
  border:1px solid #36332e;

  color:#aaa7a1;

  font-size:8px;
  font-weight:700;
  letter-spacing:1px;

  display:flex;
  align-items:center;
  gap:7px;

  animation:cbWebStatus 1s ease 1.2s forwards;

  opacity:0;
}

.elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-live-indicator span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#FCA608;

  animation:cbWebPulse 1.7s ease-in-out infinite;
}


/* =========================================
   BACKGROUND GLOW
========================================= */

.elementor-36 .elementor-element.elementor-element-fc2bffe #cb-web-hero:after{
  content:"";

  position:absolute;

  width:500px;
  height:500px;

  right:-230px;
  top:-200px;

  background:rgba(252,166,8,.07);

  filter:blur(80px);

  border-radius:50%;

  pointer-events:none;

  animation:cbWebGlow 6s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes cbWebHeroContent{

  0%{
    opacity:0;
    transform:translateY(35px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebHeroVisual{

  0%{
    opacity:0;
    transform:translateX(35px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}


@keyframes cbWebSystemFloat{

  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-5px);
  }

}


@keyframes cbWebFloating{

  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-9px);
  }

}


@keyframes cbWebStatus{

  0%{
    opacity:0;
    transform:translateY(10px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebPulse{

  0%,
  100%{
    opacity:.35;
    transform:scale(1);
  }

  50%{
    opacity:1;
    transform:scale(1.5);
  }

}


@keyframes cbWebGlow{

  0%,
  100%{
    opacity:.5;
    transform:scale(1);
  }

  50%{
    opacity:1;
    transform:scale(1.12);
  }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-wrap{
    grid-template-columns:1fr;
    gap:65px;

    padding:85px 30px;
  }

  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content{
    max-width:760px;
  }

  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content h1{
    font-size:52px;
  }

  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-visual{
    max-width:720px;
    width:100%;
    margin:0 auto;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

  .elementor-36 .elementor-element.elementor-element-fc2bffe #cb-web-hero{
    width:100%;
    max-width:100%;

    margin-left:0;
    margin-right:0;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-wrap{
    min-height:auto;

    padding:68px 20px 75px;

    display:block;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content{
    max-width:none;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-label{
    font-size:11px;
    margin-bottom:14px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content h1{
    font-size:39px;
    line-height:1.1;

    letter-spacing:-.8px;

    margin-bottom:19px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content p{
    font-size:15px;
    line-height:1.7;
  }


  /* MOBILE BUTTONS */

  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-actions{
    display:flex;
    flex-direction:column;

    align-items:stretch;

    gap:12px;

    margin-top:28px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-btn{
    width:100%;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-link{
    width:100%;
    min-height:50px;

    padding:0 18px;
  }


  /* MOBILE VISUAL */

  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-visual{
    width:100%;

    margin-top:55px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-site-preview{
    min-height:350px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-nav{
    padding:0 15px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-menu{
    display:none;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-body{
    grid-template-columns:1fr;

    gap:20px;

    padding:38px 22px 65px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-copy h2{
    font-size:25px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-copy p{
    font-size:9px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-system{
    grid-template-columns:1fr 1fr;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-system-card{
    padding:13px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-system-card strong{
    font-size:21px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-bottom{
    padding:0 14px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-bottom span{
    font-size:6px;
  }


  /* FLOATING CARD */

  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-floating-card{
    right:10px;
    bottom:-32px;

    width:155px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-live-indicator{
    left:10px;
    bottom:-32px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:420px){

  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-wrap{
    padding-left:16px;
    padding-right:16px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content h1{
    font-size:34px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-hero-content p{
    font-size:14px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-browser-top{
    padding:0 10px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-browser-url{
    font-size:8px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-site-preview{
    min-height:330px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-body{
    padding:34px 18px 65px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-preview-copy h2{
    font-size:22px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-floating-card{
    width:140px;
    padding:14px;
  }


  .elementor-36 .elementor-element.elementor-element-fc2bffe .cb-web-floating-value{
    font-size:23px;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-36 .elementor-element.elementor-element-fc2bffe #cb-web-hero *,
  .elementor-36 .elementor-element.elementor-element-fc2bffe #cb-web-hero *:before,
  .elementor-36 .elementor-element.elementor-element-fc2bffe #cb-web-hero *:after{
    animation:none !important;
    transition:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-86a507c */.elementor-36 .elementor-element.elementor-element-86a507c #cb-web-capabilities{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:
    linear-gradient(rgba(20,19,17,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,19,17,.035) 1px, transparent 1px),
    #f7f7f5;

  background-size:42px 42px;

  position:relative;
  overflow:hidden;

  font-family:"Public Sans",Arial,Helvetica,sans-serif;
}

.elementor-36 .elementor-element.elementor-element-86a507c #cb-web-capabilities *{
  box-sizing:border-box;
}


/* =========================================
   WRAPPER
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  padding:100px 30px 90px;

  position:relative;
  z-index:2;
}


/* =========================================
   HEADER
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header{
  max-width:760px;

  opacity:0;
  transform:translateY(30px);

  animation:cbWebCapHeader .8s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-label{
  color:#FCA608;

  font-size:12px;
  font-weight:700;

  letter-spacing:2px;

  margin-bottom:16px;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header h2{
  color:#141311;

  font-size:46px;
  line-height:1.12;

  font-weight:700;

  letter-spacing:-1px;

  margin:0 0 20px;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header h2 span{
  display:block;
  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header p{
  max-width:700px;

  color:#68645e;

  font-size:16px;
  line-height:1.75;

  margin:0;
}


/* =========================================
   CARD GRID
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-grid{
  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:18px;

  margin-top:55px;
}


/* =========================================
   CARD
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card{
  min-width:0;
  min-height:270px;

  padding:30px;

  background:#ffffff;

  border:1px solid #e2dfda;

  display:flex;
  flex-direction:column;

  position:relative;
  overflow:hidden;

  opacity:0;
  transform:translateY(38px);

  animation:cbWebCapCard .7s ease forwards;

  transition:
    transform .35s ease,
    border-color .35s ease,
    box-shadow .35s ease;
}


/* =========================================
   STAGGERED ANIMATION
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(1){
  animation-delay:.15s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(2){
  animation-delay:.28s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(3){
  animation-delay:.41s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(4){
  animation-delay:.54s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(5){
  animation-delay:.67s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(6){
  animation-delay:.80s;
}


/* =========================================
   SUBTLE TOP SIGNAL
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:before{
  content:"";

  position:absolute;

  left:-100%;
  top:0;

  width:100%;
  height:2px;

  background:#FCA608;

  animation:cbWebCapSignal 5s ease-in-out infinite;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(2):before{
  animation-delay:.7s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(3):before{
  animation-delay:1.4s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(4):before{
  animation-delay:2.1s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(5):before{
  animation-delay:2.8s;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:nth-child(6):before{
  animation-delay:3.5s;
}


/* =========================================
   CARD HOVER
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:hover{
  transform:translateY(-8px);

  border-color:#FCA608;

  box-shadow:
    0 18px 45px rgba(20,19,17,.10);
}


/* =========================================
   NUMBER
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-number{
  color:#FCA608;

  font-size:11px;
  font-weight:700;

  letter-spacing:1.5px;

  margin-bottom:30px;
}


/* =========================================
   CARD CONTENT
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-content{
  flex:1;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card h3{
  color:#141311;

  font-size:21px;
  line-height:1.3;

  font-weight:700;

  margin:0 0 13px;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card p{
  color:#77736d;

  font-size:14px;
  line-height:1.7;

  margin:0;
}


/* =========================================
   CARD FOOTER
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-footer{
  padding-top:16px;

  margin-top:25px;

  border-top:1px solid #ece9e4;

  color:#141311;

  font-size:11px;
  font-weight:700;

  letter-spacing:.3px;
}


/* =========================================
   FEATURED CARD
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-featured{
  background:#141311;

  border-color:#141311;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-featured h3{
  color:#ffffff;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-featured p{
  color:#aaa7a1;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-featured .cb-web-cap-footer{
  color:#FCA608;

  border-color:#302e2a;
}


/* =========================================
   STATUS
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-status{
  display:flex;
  align-items:center;

  gap:9px;

  margin-top:42px;

  color:#77736d;

  font-size:12px;
  font-weight:600;

  opacity:0;

  animation:cbWebCapStatus .7s ease 1.25s forwards;
}

.elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-status span{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:#FCA608;

  animation:cbWebCapPulse 1.8s ease-in-out infinite;
}


/* =========================================
   BACKGROUND AMBIENT GLOW
========================================= */

.elementor-36 .elementor-element.elementor-element-86a507c #cb-web-capabilities:after{
  content:"";

  position:absolute;

  width:420px;
  height:420px;

  right:-220px;
  bottom:-240px;

  background:rgba(252,166,8,.07);

  filter:blur(80px);

  border-radius:50%;

  pointer-events:none;

  animation:cbWebCapGlow 6s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes cbWebCapHeader{

  0%{
    opacity:0;
    transform:translateY(30px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebCapCard{

  0%{
    opacity:0;
    transform:translateY(38px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebCapSignal{

  0%{
    left:-100%;
  }

  40%{
    left:100%;
  }

  100%{
    left:100%;
  }

}


@keyframes cbWebCapStatus{

  0%{
    opacity:0;
    transform:translateY(12px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebCapPulse{

  0%,
  100%{
    opacity:.35;
    transform:scale(1);
  }

  50%{
    opacity:1;
    transform:scale(1.45);
  }

}


@keyframes cbWebCapGlow{

  0%,
  100%{
    opacity:.45;
    transform:scale(1);
  }

  50%{
    opacity:.9;
    transform:scale(1.12);
  }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-wrap{
    padding:80px 30px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header h2{
    font-size:40px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-grid{
    grid-template-columns:repeat(2,1fr);
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

  .elementor-36 .elementor-element.elementor-element-86a507c #cb-web-capabilities{
    width:100%;
    max-width:100%;

    margin-left:0;
    margin-right:0;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-wrap{
    padding:68px 20px 70px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-label{
    font-size:11px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header h2{
    font-size:34px;
    line-height:1.12;

    letter-spacing:-.5px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header p{
    font-size:15px;
    line-height:1.7;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-grid{
    grid-template-columns:1fr;

    gap:14px;

    margin-top:40px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card{
    min-height:auto;

    padding:25px 22px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-number{
    margin-bottom:23px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card h3{
    font-size:20px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card p{
    font-size:14px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-footer{
    margin-top:22px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card:hover{
    transform:translateY(-5px);
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-status{
    margin-top:32px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:420px){

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-wrap{
    padding:58px 16px 62px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header h2{
    font-size:31px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-header p{
    font-size:14px;
  }

  .elementor-36 .elementor-element.elementor-element-86a507c .cb-web-cap-card{
    padding:22px 18px;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-36 .elementor-element.elementor-element-86a507c #cb-web-capabilities *,
  .elementor-36 .elementor-element.elementor-element-86a507c #cb-web-capabilities *:before,
  .elementor-36 .elementor-element.elementor-element-86a507c #cb-web-capabilities *:after{
    animation:none !important;
    transition:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ccec3b6 */.elementor-36 .elementor-element.elementor-element-ccec3b6 #cb-web-strategy{
  width:100vw;
  max-width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #141311;

  background-size:42px 42px;

  position:relative;
  overflow:hidden;

  font-family:"Public Sans",Arial,Helvetica,sans-serif;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 #cb-web-strategy *{
  box-sizing:border-box;
}


/* =========================================
   WRAPPER
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  padding:100px 30px 90px;

  position:relative;
  z-index:2;
}


/* =========================================
   HEADER
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header{
  max-width:760px;

  opacity:0;
  transform:translateY(30px);

  animation:cbWebStrategyHeader .8s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-label{
  color:#FCA608;

  font-size:12px;
  font-weight:700;

  letter-spacing:2px;

  margin-bottom:16px;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header h2{
  color:#ffffff;

  font-size:46px;
  line-height:1.12;

  font-weight:700;

  letter-spacing:-1px;

  margin:0 0 20px;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header h2 span{
  display:block;
  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header p{
  max-width:700px;

  color:#aaa7a1;

  font-size:16px;
  line-height:1.75;

  margin:0;
}


/* =========================================
   MAIN SYSTEM
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-system{
  display:grid;

  grid-template-columns:minmax(0,1fr) 275px;

  gap:18px;

  margin-top:55px;
}


/* =========================================
   MAIN BOARD
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-main{
  min-width:0;

  background:#1b1916;

  border:1px solid #34312c;

  padding:30px;

  position:relative;

  opacity:0;
  transform:translateY(35px);

  animation:cbWebStrategyBoard .8s ease .2s forwards;
}


/* =========================================
   BOARD TOP
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-top{
  display:flex;

  align-items:flex-start;
  justify-content:space-between;

  gap:25px;

  padding-bottom:25px;

  border-bottom:1px solid #302d29;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-top small{
  color:#77736d;

  font-size:8px;
  font-weight:700;

  letter-spacing:1.5px;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-top h3{
  color:#ffffff;

  font-size:23px;
  line-height:1.3;

  margin:9px 0 0;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-live{
  display:flex;

  align-items:center;

  gap:7px;

  padding:8px 11px;

  border:1px solid #3b3731;

  color:#aaa7a1;

  font-size:8px;
  font-weight:700;

  letter-spacing:.8px;

  white-space:nowrap;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-live span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#FCA608;

  animation:cbWebStrategyPulse 1.8s ease-in-out infinite;
}


/* =========================================
   FLOW
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-flow{
  display:flex;

  align-items:stretch;

  gap:10px;

  padding:28px 0;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step{
  flex:1;
  min-width:0;

  padding:20px;

  background:#211f1b;

  border:1px solid #302d28;

  position:relative;

  opacity:0;
  transform:translateY(20px);

  animation:cbWebStrategyStep .6s ease forwards;

  transition:
    border-color .3s ease,
    background .3s ease,
    transform .3s ease;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step:nth-child(1){
  animation-delay:.45s;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step:nth-child(3){
  animation-delay:.60s;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step:nth-child(5){
  animation-delay:.75s;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step:nth-child(7){
  animation-delay:.90s;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step:hover{
  background:#26231e;
  border-color:#FCA608;
  transform:translateY(-5px);
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step-number{
  color:#FCA608;

  font-size:10px;
  font-weight:700;

  letter-spacing:1.5px;

  margin-bottom:20px;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step h4{
  color:#ffffff;

  font-size:16px;
  line-height:1.35;

  margin:0 0 10px;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step p{
  color:#85817a;

  font-size:12px;
  line-height:1.65;

  margin:0;
}


/* =========================================
   FLOW ARROWS
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-arrow{
  width:20px;

  display:flex;

  align-items:center;
  justify-content:center;

  color:#FCA608;

  font-size:17px;

  flex-shrink:0;

  opacity:0;

  animation:cbWebStrategyArrow .5s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-arrow:nth-child(2){
  animation-delay:.55s;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-arrow:nth-child(4){
  animation-delay:.70s;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-arrow:nth-child(6){
  animation-delay:.85s;
}


/* =========================================
   BOARD BOTTOM
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-bottom{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:25px;

  padding-top:22px;

  border-top:1px solid #302d29;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-bottom small{
  display:block;

  color:#77736d;

  font-size:7px;
  font-weight:700;

  letter-spacing:1.2px;

  margin-bottom:7px;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-bottom strong{
  color:#ffffff;

  font-size:13px;
  font-weight:600;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-progress{
  display:flex;

  gap:5px;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-progress span{
  width:25px;
  height:3px;

  background:#39352f;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-progress span:first-child{
  background:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-progress span:nth-child(2){
  background:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-progress span:nth-child(3){
  background:#FCA608;
}


/* =========================================
   SIDE OBJECTIVES
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-side{
  background:#FCA608;

  padding:28px;

  opacity:0;
  transform:translateX(25px);

  animation:cbWebStrategySide .8s ease .45s forwards;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-side-label{
  color:#141311;

  font-size:9px;
  font-weight:800;

  letter-spacing:1.5px;

  margin-bottom:25px;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-objective{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:15px;

  padding:16px 0;

  border-bottom:1px solid rgba(20,19,17,.16);
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-objective:last-child{
  border-bottom:0;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-objective span{
  color:#403a30;

  font-size:11px;
  line-height:1.4;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-objective strong{
  color:#141311;

  font-size:10px;
  font-weight:800;

  white-space:nowrap;
}


/* =========================================
   NOTE
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-note{
  display:flex;

  align-items:center;

  gap:9px;

  margin-top:30px;

  color:#77736d;

  font-size:12px;
  font-weight:600;

  opacity:0;

  animation:cbWebStrategyNote .7s ease 1.15s forwards;
}

.elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-note span{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#FCA608;

  flex:0 0 7px;
}


/* =========================================
   AMBIENT GLOW
========================================= */

.elementor-36 .elementor-element.elementor-element-ccec3b6 #cb-web-strategy:after{
  content:"";

  position:absolute;

  width:450px;
  height:450px;

  left:-250px;
  bottom:-250px;

  background:rgba(252,166,8,.055);

  filter:blur(90px);

  border-radius:50%;

  pointer-events:none;

  animation:cbWebStrategyGlow 6s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes cbWebStrategyHeader{

  0%{
    opacity:0;
    transform:translateY(30px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebStrategyBoard{

  0%{
    opacity:0;
    transform:translateY(35px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebStrategySide{

  0%{
    opacity:0;
    transform:translateX(25px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}


@keyframes cbWebStrategyStep{

  0%{
    opacity:0;
    transform:translateY(20px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebStrategyArrow{

  0%{
    opacity:0;
    transform:translateX(-5px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}


@keyframes cbWebStrategyNote{

  0%{
    opacity:0;
    transform:translateY(10px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebStrategyPulse{

  0%,
  100%{
    opacity:.35;
    transform:scale(1);
  }

  50%{
    opacity:1;
    transform:scale(1.45);
  }

}


@keyframes cbWebStrategyGlow{

  0%,
  100%{
    opacity:.4;
    transform:scale(1);
  }

  50%{
    opacity:.85;
    transform:scale(1.12);
  }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-wrap{
    padding:80px 30px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header h2{
    font-size:40px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-system{
    grid-template-columns:1fr;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-side{
    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:0 25px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-side-label{
    grid-column:1 / -1;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

  .elementor-36 .elementor-element.elementor-element-ccec3b6 #cb-web-strategy{
    width:100%;
    max-width:100%;

    margin-left:0;
    margin-right:0;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-wrap{
    padding:68px 20px 70px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-label{
    font-size:11px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header h2{
    font-size:34px;
    line-height:1.12;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header p{
    font-size:15px;
  }


  /* SYSTEM */

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-system{
    display:block;

    margin-top:40px;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-main{
    padding:22px;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-top{
    display:block;

    padding-bottom:20px;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-top h3{
    font-size:20px;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-live{
    display:inline-flex;

    margin-top:17px;
  }


  /* MOBILE FLOW */

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-flow{
    display:block;

    padding:22px 0;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step{
    width:100%;

    padding:20px;

    margin:0;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-arrow{
    width:100%;
    height:28px;

    font-size:16px;

    transform:rotate(90deg);
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step h4{
    font-size:17px;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step p{
    font-size:13px;
  }


  /* BOTTOM */

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-bottom{
    display:block;

    padding-top:20px;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-progress{
    margin-top:17px;
  }


  /* SIDE */

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-side{
    display:block;

    margin-top:14px;

    padding:23px;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-objective{
    padding:15px 0;
  }


  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-note{
    margin-top:27px;

    font-size:11px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:420px){

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-wrap{
    padding:58px 16px 62px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header h2{
    font-size:31px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-header p{
    font-size:14px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-main{
    padding:18px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step{
    padding:18px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-step h4{
    font-size:16px;
  }

  .elementor-36 .elementor-element.elementor-element-ccec3b6 .cb-web-strategy-side{
    padding:20px;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-36 .elementor-element.elementor-element-ccec3b6 #cb-web-strategy *,
  .elementor-36 .elementor-element.elementor-element-ccec3b6 #cb-web-strategy *:before,
  .elementor-36 .elementor-element.elementor-element-ccec3b6 #cb-web-strategy *:after{
    animation:none !important;
    transition:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ada31f2 */.elementor-36 .elementor-element.elementor-element-ada31f2 #cb-web-ux{
  width:100vw;
  max-width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:
    linear-gradient(rgba(20,19,17,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,19,17,.028) 1px, transparent 1px),
    #f7f7f5;

  background-size:42px 42px;

  position:relative;
  overflow:hidden;

  font-family:"Public Sans",Arial,Helvetica,sans-serif;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 #cb-web-ux *{
  box-sizing:border-box;
}


/* =========================================
   WRAPPER
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  padding:100px 30px;

  display:grid;
  grid-template-columns:.85fr 1.15fr;

  gap:70px;

  align-items:center;

  position:relative;
  z-index:2;
}


/* =========================================
   LEFT CONTENT
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content{
  opacity:0;
  transform:translateY(30px);

  animation:cbWebUxContent .8s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-label{
  color:#FCA608;

  font-size:12px;
  font-weight:700;

  letter-spacing:2px;

  margin-bottom:16px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content h2{
  color:#141311;

  font-size:46px;
  line-height:1.12;

  font-weight:700;

  letter-spacing:-1px;

  margin:0 0 20px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content h2 span{
  display:block;
  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content > p{
  color:#68645e;

  font-size:16px;
  line-height:1.75;

  margin:0;

  max-width:520px;
}


/* =========================================
   UX POINTS
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-points{
  margin-top:35px;

  display:flex;
  flex-direction:column;

  gap:0;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-point{
  padding:17px 0;

  border-top:1px solid #dedbd5;

  display:flex;
  flex-direction:column;

  gap:5px;

  opacity:0;
  transform:translateX(-18px);

  animation:cbWebUxPoint .6s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-point:nth-child(1){
  animation-delay:.35s;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-point:nth-child(2){
  animation-delay:.50s;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-point:nth-child(3){
  animation-delay:.65s;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-point:last-child{
  border-bottom:1px solid #dedbd5;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-point strong{
  color:#141311;

  font-size:14px;
  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-point span{
  color:#77736d;

  font-size:12px;
  line-height:1.55;
}


/* =========================================
   VISUAL
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-visual{
  min-width:0;

  position:relative;

  opacity:0;
  transform:translateX(30px);

  animation:cbWebUxVisual .9s ease .2s forwards;
}


/* =========================================
   WINDOW
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-window{
  width:100%;

  background:#141311;

  border:1px solid #36332e;

  box-shadow:
    0 30px 70px rgba(20,19,17,.22);

  overflow:hidden;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-window-top{
  height:46px;

  padding:0 15px;

  display:flex;
  align-items:center;

  gap:14px;

  background:#1d1b18;

  border-bottom:1px solid #34312c;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-window-dots{
  display:flex;
  gap:5px;

  flex-shrink:0;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-window-dots span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#57534d;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-window-title{
  flex:1;

  color:#77736d;

  font-size:8px;
  font-weight:700;

  letter-spacing:1px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-window-status{
  color:#FCA608;

  font-size:7px;
  font-weight:700;

  letter-spacing:1px;
}


/* =========================================
   INTERFACE
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface{
  background:#ffffff;

  min-height:430px;

  position:relative;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-nav{
  height:58px;

  padding:0 25px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  border-bottom:1px solid #e7e4df;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-brand{
  color:#141311;

  font-size:15px;
  font-weight:800;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-brand span{
  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-nav-items{
  display:flex;

  align-items:center;

  gap:18px;

  color:#77736d;

  font-size:8px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-nav-items b{
  color:#141311;

  padding:8px 11px;

  border:1px solid #dedbd5;

  font-weight:700;
}


/* =========================================
   INTERFACE BODY
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-body{
  display:grid;

  grid-template-columns:1fr .72fr;

  gap:30px;

  padding:55px 35px 75px;

  align-items:center;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-copy small{
  color:#FCA608;

  font-size:8px;
  font-weight:800;

  letter-spacing:1.5px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-copy h3{
  color:#141311;

  font-size:30px;
  line-height:1.13;

  margin:10px 0 13px;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-copy h3 strong{
  display:block;
  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-copy p{
  color:#77736d;

  font-size:9px;
  line-height:1.65;

  max-width:230px;

  margin:0;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-cta{
  display:inline-flex;

  align-items:center;

  gap:9px;

  margin-top:20px;

  padding:10px 14px;

  background:#141311;

  color:#ffffff;

  font-size:8px;
  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-cta span{
  color:#FCA608;

  font-size:12px;
}


/* =========================================
   JOURNEY PANEL
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-panel{
  background:#f7f7f5;

  border:1px solid #e0ddd8;

  padding:18px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-panel-header{
  color:#77736d;

  font-size:7px;
  font-weight:800;

  letter-spacing:1.3px;

  padding-bottom:12px;

  border-bottom:1px solid #e0ddd8;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-panel-item{
  display:flex;

  align-items:center;
  justify-content:space-between;

  padding:15px 0;

  border-bottom:1px solid #e9e6e1;

  color:#77736d;

  font-size:9px;

  transition:
    color .3s ease,
    padding-left .3s ease;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-panel-item:last-child{
  border-bottom:0;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-panel-item strong{
  color:#aaa7a1;

  font-size:8px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-panel-item.active{
  color:#141311;

  font-weight:700;

  padding-left:7px;

  border-left:2px solid #FCA608;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-panel-item.active strong{
  color:#FCA608;
}


/* =========================================
   INTERFACE FOOTER
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-footer{
  position:absolute;

  left:0;
  right:0;
  bottom:0;

  min-height:48px;

  padding:0 25px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  background:#141311;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-footer span{
  color:#77736d;

  font-size:7px;
  font-weight:700;

  letter-spacing:1px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-footer span:first-child{
  color:#FCA608;
}


/* =========================================
   FLOATING INSIGHT
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-insight{
  position:absolute;

  right:-25px;
  bottom:30px;

  width:190px;

  padding:18px;

  background:#FCA608;

  box-shadow:
    0 20px 45px rgba(20,19,17,.20);

  display:flex;
  flex-direction:column;

  gap:7px;

  animation:cbWebUxFloat 4s ease-in-out infinite;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-insight small{
  color:#403a30;

  font-size:7px;
  font-weight:800;

  letter-spacing:1.2px;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-insight strong{
  color:#141311;

  font-size:16px;
  line-height:1.25;

  font-weight:800;
}

.elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-insight span{
  color:#4e473b;

  font-size:8px;
  line-height:1.5;
}


/* =========================================
   AMBIENT GLOW
========================================= */

.elementor-36 .elementor-element.elementor-element-ada31f2 #cb-web-ux:after{
  content:"";

  position:absolute;

  width:430px;
  height:430px;

  right:-230px;
  top:-230px;

  background:rgba(252,166,8,.06);

  filter:blur(85px);

  border-radius:50%;

  pointer-events:none;

  animation:cbWebUxGlow 6s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes cbWebUxContent{

  0%{
    opacity:0;
    transform:translateY(30px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}

@keyframes cbWebUxVisual{

  0%{
    opacity:0;
    transform:translateX(30px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}

@keyframes cbWebUxPoint{

  0%{
    opacity:0;
    transform:translateX(-18px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}

@keyframes cbWebUxFloat{

  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-8px);
  }

}

@keyframes cbWebUxGlow{

  0%,
  100%{
    opacity:.45;
    transform:scale(1);
  }

  50%{
    opacity:.9;
    transform:scale(1.12);
  }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-wrap{
    grid-template-columns:1fr;

    gap:60px;

    padding:80px 30px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content{
    max-width:760px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content h2{
    font-size:40px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-visual{
    max-width:760px;

    width:100%;

    margin:0 auto;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

  .elementor-36 .elementor-element.elementor-element-ada31f2 #cb-web-ux{
    width:100%;
    max-width:100%;

    margin-left:0;
    margin-right:0;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-wrap{
    display:block;

    padding:68px 20px 75px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-label{
    font-size:11px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content h2{
    font-size:34px;

    line-height:1.12;

    letter-spacing:-.5px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content > p{
    font-size:15px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-points{
    margin-top:28px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-point{
    padding:15px 0;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-visual{
    width:100%;

    margin-top:50px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface{
    min-height:390px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-nav{
    padding:0 16px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-nav-items{
    display:none;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-body{
    grid-template-columns:1fr;

    gap:22px;

    padding:40px 22px 70px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-copy h3{
    font-size:25px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-panel{
    padding:14px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-panel-item{
    padding:12px 0;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-footer{
    padding:0 15px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-footer span{
    font-size:6px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-insight{
    right:10px;

    bottom:-35px;

    width:170px;

    padding:15px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-insight strong{
    font-size:14px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:420px){

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-wrap{
    padding:58px 16px 70px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content h2{
    font-size:31px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-content > p{
    font-size:14px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-body{
    padding:34px 18px 70px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-interface-copy h3{
    font-size:22px;
  }

  .elementor-36 .elementor-element.elementor-element-ada31f2 .cb-web-ux-insight{
    width:155px;
    padding:13px;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-36 .elementor-element.elementor-element-ada31f2 #cb-web-ux *,
  .elementor-36 .elementor-element.elementor-element-ada31f2 #cb-web-ux *:before,
  .elementor-36 .elementor-element.elementor-element-ada31f2 #cb-web-ux *:after{
    animation:none !important;
    transition:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-162d1be */.elementor-36 .elementor-element.elementor-element-162d1be #cb-web-development{
  width:100vw;
  max-width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #141311;

  background-size:42px 42px;

  position:relative;
  overflow:hidden;

  font-family:"Public Sans",Arial,Helvetica,sans-serif;
}

.elementor-36 .elementor-element.elementor-element-162d1be #cb-web-development *{
  box-sizing:border-box;
}


/* =========================================
   WRAPPER
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  padding:100px 30px 90px;

  position:relative;
  z-index:2;
}


/* =========================================
   HEADER
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header{
  max-width:760px;

  opacity:0;

  transform:translateY(30px);

  animation:cbWebDevHeader .8s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-label{
  color:#FCA608;

  font-size:12px;
  font-weight:700;

  letter-spacing:2px;

  margin-bottom:16px;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header h2{
  color:#ffffff;

  font-size:46px;
  line-height:1.12;

  font-weight:700;

  letter-spacing:-1px;

  margin:0 0 20px;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header h2 span{
  display:block;

  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header p{
  max-width:700px;

  color:#aaa7a1;

  font-size:16px;
  line-height:1.75;

  margin:0;
}


/* =========================================
   SYSTEM
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-system{
  display:grid;

  grid-template-columns:1.05fr .95fr;

  gap:18px;

  margin-top:55px;

  align-items:stretch;
}


/* =========================================
   CODE PANEL
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-code-panel{
  min-width:0;

  background:#1b1916;

  border:1px solid #35322d;

  position:relative;

  overflow:hidden;

  opacity:0;

  transform:translateY(35px);

  animation:cbWebDevPanel .8s ease .2s forwards;
}


/* =========================================
   PANEL TOP
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-panel-top{
  height:48px;

  padding:0 16px;

  display:flex;

  align-items:center;

  gap:13px;

  background:#201e1a;

  border-bottom:1px solid #34312c;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-dots{
  display:flex;

  gap:5px;

  flex-shrink:0;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-dots span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#57534d;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-file{
  flex:1;

  color:#77736d;

  font-size:8px;
  font-weight:700;

  letter-spacing:1px;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-status{
  color:#FCA608;

  font-size:7px;
  font-weight:700;

  letter-spacing:1px;
}


/* =========================================
   CODE AREA
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-code{
  padding:38px 30px 35px;

  min-height:320px;

  background:#171613;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line{
  display:flex;

  align-items:flex-start;

  min-height:32px;

  font-family:monospace;

  font-size:12px;

  line-height:1.6;

  white-space:nowrap;

  opacity:0;

  transform:translateX(-12px);

  animation:cbWebDevCode .5s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line:nth-child(1){
  animation-delay:.5s;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line:nth-child(2){
  animation-delay:.62s;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line:nth-child(3){
  animation-delay:.74s;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line:nth-child(4){
  animation-delay:.86s;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line:nth-child(5){
  animation-delay:.98s;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line:nth-child(6){
  animation-delay:1.10s;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line:nth-child(7){
  animation-delay:1.22s;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line span{
  width:30px;

  flex-shrink:0;

  color:#514d47;

  font-size:9px;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line em{
  color:#FCA608;

  font-style:normal;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line b{
  color:#aaa7a1;

  font-weight:400;
}


/* =========================================
   BUILD STATUS
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-build{
  min-height:65px;

  padding:0 25px;

  display:flex;

  align-items:center;
  justify-content:space-between;

  border-top:1px solid #302d29;

  background:#1c1a17;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-build small{
  display:block;

  color:#77736d;

  font-size:7px;
  font-weight:700;

  letter-spacing:1.2px;

  margin-bottom:5px;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-build strong{
  color:#ffffff;

  font-size:12px;

  font-weight:600;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-build-pulse{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#FCA608;

  animation:cbWebDevPulse 1.8s ease-in-out infinite;
}


/* =========================================
   FEATURES
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-features{
  display:flex;

  flex-direction:column;

  background:#1b1916;

  border:1px solid #35322d;

  padding:10px 28px;

  opacity:0;

  transform:translateX(30px);

  animation:cbWebDevFeatures .8s ease .35s forwards;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature{
  display:grid;

  grid-template-columns:40px 1fr;

  gap:18px;

  padding:24px 0;

  border-bottom:1px solid #302d29;

  transition:
    padding-left .3s ease,
    border-color .3s ease;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature:last-child{
  border-bottom:0;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature:hover{
  padding-left:8px;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature-number{
  color:#FCA608;

  font-size:10px;
  font-weight:700;

  letter-spacing:1.5px;

  padding-top:3px;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature h3{
  color:#ffffff;

  font-size:17px;
  line-height:1.3;

  margin:0 0 8px;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature p{
  color:#85817a;

  font-size:12px;
  line-height:1.65;

  margin:0;
}


/* =========================================
   BOTTOM NOTE
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-bottom{
  display:flex;

  align-items:center;

  gap:9px;

  margin-top:30px;

  opacity:0;

  animation:cbWebDevBottom .7s ease 1.35s forwards;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-bottom span{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-bottom p{
  color:#77736d;

  font-size:12px;
  font-weight:600;

  margin:0;
}


/* =========================================
   AMBIENT GLOW
========================================= */

.elementor-36 .elementor-element.elementor-element-162d1be #cb-web-development:after{
  content:"";

  position:absolute;

  width:450px;
  height:450px;

  right:-250px;
  bottom:-260px;

  background:rgba(252,166,8,.055);

  filter:blur(90px);

  border-radius:50%;

  pointer-events:none;

  animation:cbWebDevGlow 6s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes cbWebDevHeader{

  0%{
    opacity:0;
    transform:translateY(30px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebDevPanel{

  0%{
    opacity:0;
    transform:translateY(35px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebDevFeatures{

  0%{
    opacity:0;
    transform:translateX(30px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}


@keyframes cbWebDevCode{

  0%{
    opacity:0;
    transform:translateX(-12px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}


@keyframes cbWebDevBottom{

  0%{
    opacity:0;
    transform:translateY(10px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebDevPulse{

  0%,
  100%{
    opacity:.35;
    transform:scale(1);
  }

  50%{
    opacity:1;
    transform:scale(1.5);
  }

}


@keyframes cbWebDevGlow{

  0%,
  100%{
    opacity:.4;
    transform:scale(1);
  }

  50%{
    opacity:.85;
    transform:scale(1.12);
  }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-wrap{
    padding:80px 30px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header h2{
    font-size:40px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-system{
    grid-template-columns:1fr;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-code{
    min-height:280px;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

  .elementor-36 .elementor-element.elementor-element-162d1be #cb-web-development{
    width:100%;
    max-width:100%;

    margin-left:0;
    margin-right:0;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-wrap{
    padding:68px 20px 70px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-label{
    font-size:11px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header h2{
    font-size:34px;

    line-height:1.12;

    letter-spacing:-.5px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header p{
    font-size:15px;
  }


  /* SYSTEM */

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-system{
    display:block;

    margin-top:40px;
  }


  /* CODE */

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-code-panel{
    width:100%;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-code{
    padding:30px 20px;

    min-height:270px;

    overflow:hidden;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line{
    font-size:10px;

    min-height:29px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line span{
    width:24px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-build{
    padding:0 18px;
  }


  /* FEATURES */

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-features{
    margin-top:14px;

    padding:8px 20px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature{
    grid-template-columns:32px 1fr;

    gap:12px;

    padding:21px 0;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature:hover{
    padding-left:4px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature h3{
    font-size:16px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature p{
    font-size:13px;
  }


  /* NOTE */

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-bottom{
    margin-top:25px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-bottom p{
    font-size:11px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:420px){

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-wrap{
    padding:58px 16px 62px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header h2{
    font-size:31px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-header p{
    font-size:14px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-panel-top{
    padding:0 11px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-code{
    padding:28px 15px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line{
    font-size:8.5px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-code-line span{
    width:20px;
  }

  .elementor-36 .elementor-element.elementor-element-162d1be .cb-web-dev-feature{
    grid-template-columns:27px 1fr;
    gap:10px;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-36 .elementor-element.elementor-element-162d1be #cb-web-development *,
  .elementor-36 .elementor-element.elementor-element-162d1be #cb-web-development *:before,
  .elementor-36 .elementor-element.elementor-element-162d1be #cb-web-development *:after{
    animation:none !important;
    transition:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a5d00dd */.elementor-36 .elementor-element.elementor-element-a5d00dd #cb-web-responsive{
  width:100vw;
  max-width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:
    linear-gradient(rgba(20,19,17,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,19,17,.028) 1px, transparent 1px),
    #f7f7f5;

  background-size:42px 42px;

  position:relative;
  overflow:hidden;

  font-family:"Public Sans",Arial,Helvetica,sans-serif;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd #cb-web-responsive *{
  box-sizing:border-box;
}


/* =========================================
   WRAPPER
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  padding:100px 30px 90px;

  position:relative;
  z-index:2;
}


/* =========================================
   HEADER
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header{
  max-width:760px;

  opacity:0;

  transform:translateY(30px);

  animation:cbWebResponsiveHeader .8s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-label{
  color:#FCA608;

  font-size:12px;
  font-weight:700;

  letter-spacing:2px;

  margin-bottom:16px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header h2{
  color:#141311;

  font-size:46px;
  line-height:1.12;

  font-weight:700;

  letter-spacing:-1px;

  margin:0 0 20px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header h2 span{
  display:block;

  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header p{
  max-width:700px;

  color:#68645e;

  font-size:16px;
  line-height:1.75;

  margin:0;
}


/* =========================================
   SYSTEM
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-system{
  display:grid;

  grid-template-columns:1.15fr .85fr;

  gap:18px;

  margin-top:55px;

  align-items:stretch;
}


/* =========================================
   DEVICES AREA
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-devices{
  min-width:0;

  min-height:390px;

  padding:45px 35px 35px;

  background:#141311;

  border:1px solid #34312c;

  display:flex;

  align-items:flex-end;
  justify-content:center;

  gap:18px;

  position:relative;

  opacity:0;

  transform:translateY(35px);

  animation:cbWebResponsiveDevices .8s ease .2s forwards;
}


/* =========================================
   DEVICE LABEL
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-devices:before{
  content:"MULTI-DEVICE EXPERIENCE";

  position:absolute;

  left:25px;
  top:22px;

  color:#77736d;

  font-size:7px;
  font-weight:700;

  letter-spacing:1.5px;
}


/* =========================================
   DEVICE BASE
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device{
  position:relative;

  flex-shrink:0;
}


/* =========================================
   DESKTOP
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop{
  width:245px;

  animation:cbWebDesktopFloat 4s ease-in-out infinite;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-screen{
  width:245px;
  height:170px;

  padding:9px;

  background:#24211d;

  border:5px solid #302d28;

  border-radius:5px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-base{
  width:275px;
  height:8px;

  margin-left:-15px;

  background:#302d28;

  border-radius:0 0 5px 5px;
}


/* =========================================
   TABLET
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet{
  width:150px;

  animation:cbWebTabletFloat 4s ease-in-out 1s infinite;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet .cb-web-device-screen{
  width:150px;
  height:205px;

  padding:8px;

  background:#24211d;

  border:5px solid #302d28;

  border-radius:9px;
}


/* =========================================
   MOBILE
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile{
  width:80px;

  animation:cbWebMobileFloat 4s ease-in-out 1.5s infinite;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile .cb-web-device-screen{
  width:80px;
  height:155px;

  padding:5px;

  background:#24211d;

  border:4px solid #302d28;

  border-radius:10px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile-speaker{
  position:absolute;

  width:20px;
  height:3px;

  background:#4a4640;

  border-radius:5px;

  top:5px;

  left:30px;

  z-index:3;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile-home{
  position:absolute;

  width:18px;
  height:3px;

  background:#4a4640;

  border-radius:5px;

  bottom:4px;

  left:31px;
}


/* =========================================
   DEVICE TOP
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-top{
  height:18px;

  padding:0 7px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  background:#1a1815;

  border-bottom:1px solid #36322d;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-top span{
  color:#FCA608;

  font-size:6px;

  font-weight:800;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-top div{
  display:flex;

  gap:4px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-top i{
  width:4px;
  height:4px;

  border-radius:50%;

  background:#57534d;

  display:block;
}


/* =========================================
   DEVICE CONTENT
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-content{
  padding:22px 16px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-content{
  padding:24px 18px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet .cb-web-device-content{
  padding:23px 12px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile .cb-web-device-content{
  padding:18px 8px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-content small{
  display:block;

  color:#FCA608;

  font-size:5px;
  font-weight:800;

  letter-spacing:1px;

  margin-bottom:7px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-content strong{
  display:block;

  color:#ffffff;

  font-size:15px;

  line-height:1.15;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-content strong{
  font-size:20px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet .cb-web-device-content strong{
  font-size:14px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile .cb-web-device-content strong{
  font-size:9px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-content strong b{
  display:block;

  color:#FCA608;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-content p{
  color:#85817a;

  font-size:6px;

  line-height:1.5;

  margin:8px 0;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-content p{
  font-size:7px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-content em{
  display:inline-block;

  color:#ffffff;

  font-size:6px;

  font-style:normal;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-content em{
  padding:5px 7px;

  background:#FCA608;

  color:#141311;
}


/* =========================================
   PERFORMANCE PANEL
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-panel{
  background:#ffffff;

  border:1px solid #dfdcd7;

  padding:30px;

  opacity:0;

  transform:translateX(30px);

  animation:cbWebResponsivePanel .8s ease .35s forwards;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-label{
  color:#FCA608;

  font-size:9px;
  font-weight:800;

  letter-spacing:1.5px;

  margin-bottom:12px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-panel h3{
  color:#141311;

  font-size:25px;

  line-height:1.2;

  margin:0 0 12px;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-panel > p{
  color:#77736d;

  font-size:13px;

  line-height:1.7;

  margin:0;
}


/* =========================================
   PERFORMANCE ITEMS
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-items{
  margin-top:28px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-item{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:15px;

  padding:15px 0;

  border-top:1px solid #e5e2dd;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-item:last-child{
  border-bottom:1px solid #e5e2dd;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-item span{
  color:#77736d;

  font-size:11px;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-item strong{
  color:#141311;

  font-size:10px;
  font-weight:800;

  white-space:nowrap;
}


/* =========================================
   BOTTOM NOTE
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-note{
  display:flex;

  align-items:center;

  gap:9px;

  margin-top:30px;

  opacity:0;

  animation:cbWebResponsiveNote .7s ease 1.25s forwards;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-note span{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-note p{
  color:#77736d;

  font-size:12px;
  font-weight:600;

  margin:0;
}


/* =========================================
   AMBIENT GLOW
========================================= */

.elementor-36 .elementor-element.elementor-element-a5d00dd #cb-web-responsive:after{
  content:"";

  position:absolute;

  width:430px;
  height:430px;

  left:-240px;
  bottom:-250px;

  background:rgba(252,166,8,.055);

  filter:blur(85px);

  border-radius:50%;

  pointer-events:none;

  animation:cbWebResponsiveGlow 6s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes cbWebResponsiveHeader{

  0%{
    opacity:0;
    transform:translateY(30px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebResponsiveDevices{

  0%{
    opacity:0;
    transform:translateY(35px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebResponsivePanel{

  0%{
    opacity:0;
    transform:translateX(30px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}


@keyframes cbWebResponsiveNote{

  0%{
    opacity:0;
    transform:translateY(10px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebDesktopFloat{

  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-7px);
  }

}


@keyframes cbWebTabletFloat{

  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }

}


@keyframes cbWebMobileFloat{

  0%,
  100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-12px);
  }

}


@keyframes cbWebResponsiveGlow{

  0%,
  100%{
    opacity:.4;
    transform:scale(1);
  }

  50%{
    opacity:.85;
    transform:scale(1.12);
  }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-wrap{
    padding:80px 30px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header h2{
    font-size:40px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-system{
    grid-template-columns:1fr;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-devices{
    max-width:760px;

    width:100%;

    margin:0 auto;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

  .elementor-36 .elementor-element.elementor-element-a5d00dd #cb-web-responsive{
    width:100%;
    max-width:100%;

    margin-left:0;
    margin-right:0;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-wrap{
    padding:68px 20px 70px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-label{
    font-size:11px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header h2{
    font-size:34px;

    line-height:1.12;

    letter-spacing:-.5px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header p{
    font-size:15px;
  }


  /* DEVICES */

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-system{
    display:block;

    margin-top:40px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-devices{
    min-height:320px;

    padding:45px 15px 25px;

    gap:8px;

    align-items:flex-end;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop{
    width:180px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-screen{
    width:180px;
    height:130px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-base{
    width:200px;
    margin-left:-10px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet{
    width:105px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet .cb-web-device-screen{
    width:105px;
    height:155px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile{
    width:60px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile .cb-web-device-screen{
    width:60px;
    height:120px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile-speaker{
    left:22px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile-home{
    left:21px;
  }


  /* CONTENT */

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-content{
    padding:15px 9px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-content{
    padding:16px 12px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet .cb-web-device-content{
    padding:16px 8px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile .cb-web-device-content{
    padding:12px 5px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-content strong{
    font-size:10px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-content strong{
    font-size:14px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet .cb-web-device-content strong{
    font-size:10px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile .cb-web-device-content strong{
    font-size:7px;
  }


  /* PERFORMANCE */

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-panel{
    margin-top:14px;

    padding:25px 22px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-panel h3{
    font-size:22px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-panel > p{
    font-size:13px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-note{
    margin-top:25px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:420px){

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-wrap{
    padding:58px 16px 62px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header h2{
    font-size:31px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-responsive-header p{
    font-size:14px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-devices{
    min-height:280px;

    padding-left:8px;
    padding-right:8px;

    gap:5px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop{
    width:150px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-desktop .cb-web-device-screen{
    width:150px;
    height:110px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-device-base{
    width:168px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet{
    width:88px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-tablet .cb-web-device-screen{
    width:88px;
    height:135px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile{
    width:52px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-mobile .cb-web-device-screen{
    width:52px;
    height:105px;
  }

  .elementor-36 .elementor-element.elementor-element-a5d00dd .cb-web-performance-panel{
    padding:22px 18px;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-36 .elementor-element.elementor-element-a5d00dd #cb-web-responsive *,
  .elementor-36 .elementor-element.elementor-element-a5d00dd #cb-web-responsive *:before,
  .elementor-36 .elementor-element.elementor-element-a5d00dd #cb-web-responsive *:after{
    animation:none !important;
    transition:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6f67cc */.elementor-36 .elementor-element.elementor-element-b6f67cc #cb-web-launch{
  width:100vw;
  max-width:100vw;

  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    #141311;

  background-size:42px 42px;

  position:relative;
  overflow:hidden;

  font-family:"Public Sans",Arial,Helvetica,sans-serif;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc #cb-web-launch *{
  box-sizing:border-box;
}


/* =========================================
   WRAPPER
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-wrap{
  width:100%;
  max-width:1180px;

  margin:0 auto;

  padding:100px 30px 90px;

  position:relative;
  z-index:2;
}


/* =========================================
   HEADER
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header{
  max-width:760px;

  opacity:0;
  transform:translateY(30px);

  animation:cbWebLaunchHeader .8s ease forwards;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-label{
  color:#FCA608;

  font-size:12px;
  font-weight:700;

  letter-spacing:2px;

  margin-bottom:16px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header h2{
  color:#ffffff;

  font-size:46px;
  line-height:1.12;

  font-weight:700;

  letter-spacing:-1px;

  margin:0 0 20px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header h2 span{
  display:block;

  color:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header p{
  max-width:710px;

  color:#aaa7a1;

  font-size:16px;
  line-height:1.75;

  margin:0;
}


/* =========================================
   SYSTEM
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-system{
  display:grid;

  grid-template-columns:1.1fr .9fr;

  gap:18px;

  margin-top:55px;

  align-items:stretch;
}


/* =========================================
   MAIN BOARD
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board{
  min-width:0;

  background:#1b1916;

  border:1px solid #35322d;

  padding:30px;

  opacity:0;
  transform:translateY(35px);

  animation:cbWebLaunchBoard .8s ease .2s forwards;
}


/* =========================================
   BOARD TOP
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-top{
  display:flex;

  align-items:flex-start;
  justify-content:space-between;

  gap:25px;

  padding-bottom:25px;

  border-bottom:1px solid #302d29;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-top small{
  color:#77736d;

  font-size:8px;
  font-weight:700;

  letter-spacing:1.5px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-top h3{
  color:#ffffff;

  font-size:23px;
  line-height:1.3;

  margin:9px 0 0;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-status{
  display:flex;

  align-items:center;

  gap:7px;

  padding:8px 11px;

  border:1px solid #3b3731;

  color:#aaa7a1;

  font-size:8px;
  font-weight:700;

  letter-spacing:.8px;

  white-space:nowrap;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-status span{
  width:6px;
  height:6px;

  border-radius:50%;

  background:#FCA608;

  animation:cbWebLaunchPulse 1.8s ease-in-out infinite;
}


/* =========================================
   CHECKS
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-checks{
  padding:10px 0;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check{
  display:grid;

  grid-template-columns:38px 1fr auto;

  gap:16px;

  align-items:center;

  padding:19px 0;

  border-bottom:1px solid #302d29;

  opacity:0;

  transform:translateX(-18px);

  animation:cbWebLaunchCheck .6s ease forwards;

  transition:
    padding-left .3s ease,
    background .3s ease;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check:nth-child(1){
  animation-delay:.45s;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check:nth-child(2){
  animation-delay:.57s;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check:nth-child(3){
  animation-delay:.69s;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check:nth-child(4){
  animation-delay:.81s;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check:nth-child(5){
  animation-delay:.93s;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check:hover{
  padding-left:7px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check-number{
  color:#FCA608;

  font-size:10px;
  font-weight:700;

  letter-spacing:1px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check-content{
  min-width:0;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check-content strong{
  display:block;

  color:#ffffff;

  font-size:13px;
  font-weight:700;

  margin-bottom:4px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check-content span{
  display:block;

  color:#77736d;

  font-size:10px;
  line-height:1.5;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check-state{
  color:#FCA608;

  font-size:7px;
  font-weight:800;

  letter-spacing:1px;

  white-space:nowrap;
}


/* =========================================
   BOARD BOTTOM
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-bottom{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding-top:22px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-bottom small{
  display:block;

  color:#77736d;

  font-size:7px;
  font-weight:700;

  letter-spacing:1.2px;

  margin-bottom:6px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-bottom strong{
  color:#ffffff;

  font-size:12px;
  font-weight:600;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-progress{
  display:flex;

  gap:5px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-progress span{
  width:25px;
  height:3px;

  background:#39352f;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-progress span:nth-child(1),
.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-progress span:nth-child(2),
.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-progress span:nth-child(3),
.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-progress span:nth-child(4){
  background:#FCA608;
}


/* =========================================
   SIDE PANEL
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side{
  background:#FCA608;

  padding:32px;

  opacity:0;
  transform:translateX(30px);

  animation:cbWebLaunchSide .8s ease .35s forwards;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side-label{
  color:#403a30;

  font-size:9px;
  font-weight:800;

  letter-spacing:1.5px;

  margin-bottom:25px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side-title{
  color:#141311;

  font-size:31px;
  line-height:1.1;

  font-weight:700;

  margin-bottom:18px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side-title strong{
  display:block;

  color:#ffffff;

  font-weight:700;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side > p{
  color:#4e473b;

  font-size:13px;
  line-height:1.7;

  margin:0;
}


/* =========================================
   SIDE ITEMS
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side-items{
  margin-top:30px;

  border-top:1px solid rgba(20,19,17,.16);
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side-items div{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:15px;

  padding:15px 0;

  border-bottom:1px solid rgba(20,19,17,.16);
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side-items span{
  color:#4e473b;

  font-size:10px;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side-items b{
  color:#141311;

  font-size:9px;
  font-weight:800;

  text-transform:uppercase;
}


/* =========================================
   NOTE
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-note{
  display:flex;

  align-items:center;

  gap:9px;

  margin-top:30px;

  opacity:0;

  animation:cbWebLaunchNote .7s ease 1.25s forwards;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-note span{
  width:7px;
  height:7px;

  flex:0 0 7px;

  border-radius:50%;

  background:#FCA608;
}

.elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-note p{
  color:#77736d;

  font-size:12px;
  font-weight:600;

  margin:0;
}


/* =========================================
   BACKGROUND GLOW
========================================= */

.elementor-36 .elementor-element.elementor-element-b6f67cc #cb-web-launch:after{
  content:"";

  position:absolute;

  width:450px;
  height:450px;

  right:-250px;
  bottom:-250px;

  background:rgba(252,166,8,.055);

  filter:blur(90px);

  border-radius:50%;

  pointer-events:none;

  animation:cbWebLaunchGlow 6s ease-in-out infinite;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes cbWebLaunchHeader{

  0%{
    opacity:0;
    transform:translateY(30px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebLaunchBoard{

  0%{
    opacity:0;
    transform:translateY(35px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebLaunchSide{

  0%{
    opacity:0;
    transform:translateX(30px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}


@keyframes cbWebLaunchCheck{

  0%{
    opacity:0;
    transform:translateX(-18px);
  }

  100%{
    opacity:1;
    transform:translateX(0);
  }

}


@keyframes cbWebLaunchNote{

  0%{
    opacity:0;
    transform:translateY(10px);
  }

  100%{
    opacity:1;
    transform:translateY(0);
  }

}


@keyframes cbWebLaunchPulse{

  0%,
  100%{
    opacity:.35;
    transform:scale(1);
  }

  50%{
    opacity:1;
    transform:scale(1.45);
  }

}


@keyframes cbWebLaunchGlow{

  0%,
  100%{
    opacity:.4;
    transform:scale(1);
  }

  50%{
    opacity:.85;
    transform:scale(1.12);
  }

}


/* =========================================
   TABLET
========================================= */

@media(max-width:950px){

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-wrap{
    padding:80px 30px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header h2{
    font-size:40px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-system{
    grid-template-columns:1fr;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side{
    display:block;
  }

}


/* =========================================
   MOBILE
========================================= */

@media(max-width:700px){

  .elementor-36 .elementor-element.elementor-element-b6f67cc #cb-web-launch{
    width:100%;
    max-width:100%;

    margin-left:0;
    margin-right:0;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-wrap{
    padding:68px 20px 70px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-label{
    font-size:11px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header h2{
    font-size:34px;

    line-height:1.12;

    letter-spacing:-.5px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header p{
    font-size:15px;
  }


  /* SYSTEM */

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-system{
    display:block;

    margin-top:40px;
  }


  /* BOARD */

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board{
    padding:22px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-top{
    display:block;

    padding-bottom:20px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-top h3{
    font-size:20px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-status{
    display:inline-flex;

    margin-top:16px;
  }


  /* CHECKS */

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check{
    grid-template-columns:32px 1fr;

    gap:12px;

    padding:18px 0;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check-state{
    grid-column:2;

    margin-top:-6px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check-content strong{
    font-size:13px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check-content span{
    font-size:10px;
  }


  /* BOTTOM */

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board-bottom{
    display:block;

    padding-top:20px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-progress{
    margin-top:16px;
  }


  /* SIDE */

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side{
    margin-top:14px;

    padding:25px 22px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side-title{
    font-size:27px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side > p{
    font-size:13px;
  }


  /* NOTE */

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-note{
    margin-top:25px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-note p{
    font-size:11px;
  }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media(max-width:420px){

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-wrap{
    padding:58px 16px 62px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header h2{
    font-size:31px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-header p{
    font-size:14px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-board{
    padding:18px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-check{
    grid-template-columns:27px 1fr;

    gap:10px;
  }

  .elementor-36 .elementor-element.elementor-element-b6f67cc .cb-web-launch-side{
    padding:22px 18px;
  }

}


/* =========================================
   REDUCED MOTION
========================================= */

@media(prefers-reduced-motion:reduce){

  .elementor-36 .elementor-element.elementor-element-b6f67cc #cb-web-launch *,
  .elementor-36 .elementor-element.elementor-element-b6f67cc #cb-web-launch *:before,
  .elementor-36 .elementor-element.elementor-element-b6f67cc #cb-web-launch *:after{
    animation:none !important;
    transition:none !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6ca0a6 */.elementor-36 .elementor-element.elementor-element-e6ca0a6 {
  display: block !important;
  width: 100vw !important;
  max-width: 100vw !important;
  position: relative !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;

  --orange: #FCA608;
  --dark: #141311;
}


/* ================================
   MAIN SECTION
================================ */

#cb-web-final-cta {
  width: 100%;
  min-height: 650px;

  position: relative;
  overflow: hidden;

  padding: 110px 24px;

  background:
    radial-gradient(
      circle at 82% 20%,
      rgba(255,255,255,.14),
      transparent 25%
    ),
    radial-gradient(
      circle at 12% 85%,
      rgba(255,255,255,.08),
      transparent 28%
    ),
    #FCA608;
}


/* Subtle grid */

#cb-web-final-cta::before {
  content: "";
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      rgba(20,19,17,.055) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(20,19,17,.055) 1px,
      transparent 1px
    );

  background-size: 42px 42px;

  pointer-events: none;
}


/* Soft ambient light */

#cb-web-final-cta::after {
  content: "";
  position: absolute;

  width: 380px;
  height: 380px;

  right: -180px;
  top: 50%;

  transform: translateY(-50%);

  background: rgba(255,255,255,.08);

  filter: blur(80px);

  pointer-events: none;
}


/* ================================
   INNER
================================ */

.cb-web-final-inner {
  width: 100%;
  max-width: 1180px;

  margin: 0 auto;

  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);

  gap: 70px;

  align-items: center;
}


/* ================================
   LEFT CONTENT
================================ */

.cb-web-final-copy {
  min-width: 0;

  animation:
    cbFinalCopy .8s ease both;
}


.cb-web-final-label {
  display: inline-flex;
  align-items: center;

  padding: 8px 12px;

  border: 1px solid rgba(20,19,17,.32);

  color: #141311;

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 2px;

  margin-bottom: 22px;
}


.cb-web-final-copy h2 {
  margin: 0;

  max-width: 620px;

  color: #141311;

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: clamp(42px, 5vw, 68px);

  line-height: 1.04;

  font-weight: 700;

  letter-spacing: -2.8px;
}


.cb-web-final-copy h2 strong {
  display: block;

  font-weight: 800;
}


.cb-web-final-copy p {
  max-width: 560px;

  margin: 26px 0 0;

  color: rgba(20,19,17,.74);

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 16px;

  line-height: 1.75;
}


/* ================================
   BUTTONS
================================ */

.cb-web-final-actions {
  display: flex;
  flex-wrap: wrap;

  gap: 12px;

  margin-top: 34px;
}


.cb-web-final-primary,
.cb-web-final-secondary {
  min-height: 52px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 13px;
  font-weight: 800;

  text-decoration: none !important;

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease;
}


.cb-web-final-primary {
  gap: 20px;

  padding: 0 22px;

  background: #141311;

  color: #ffffff !important;
}


.cb-web-final-primary b {
  font-size: 18px;

  font-weight: 400;

  transition:
    transform .25s ease;
}


.cb-web-final-secondary {
  padding: 0 22px;

  border: 1px solid rgba(20,19,17,.38);

  background: transparent;

  color: #141311 !important;
}


.cb-web-final-primary:hover,
.cb-web-final-secondary:hover {
  transform: translateY(-3px);
}


.cb-web-final-primary:hover {
  background: #25231f;
}


.cb-web-final-secondary:hover {
  background: rgba(20,19,17,.08);

  border-color: #141311;
}


.cb-web-final-primary:hover b {
  transform: translateX(4px);
}


/* ================================
   RIGHT SYSTEM PANEL
================================ */

.cb-web-final-system {
  width: 100%;
  min-width: 0;

  padding: 30px;

  background: #141311;

  border: 1px solid rgba(255,255,255,.10);

  box-shadow:
    0 25px 70px rgba(20,19,17,.23);

  position: relative;

  animation:
    cbFinalPanel .9s .12s ease both;
}


/* ================================
   PANEL HEADER
================================ */

.cb-web-final-system-header {
  display: flex;

  align-items: flex-start;
  justify-content: space-between;

  gap: 20px;

  padding-bottom: 25px;

  border-bottom:
    1px solid rgba(255,255,255,.10);
}


.cb-web-final-system-label {
  display: block;

  margin-bottom: 10px;

  color: #FCA608;

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 10px;
  font-weight: 800;

  letter-spacing: 2px;
}


.cb-web-final-system h3 {
  margin: 0;

  color: #ffffff;

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 24px;

  line-height: 1.3;

  font-weight: 700;
}


/* ================================
   READY STATUS
================================ */

.cb-web-final-live {
  flex-shrink: 0;

  display: flex;
  align-items: center;

  gap: 7px;

  color: rgba(255,255,255,.62);

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1.5px;
}


.cb-web-final-live span {
  width: 7px;
  height: 7px;

  display: block;

  border-radius: 50%;

  background: #FCA608;

  animation:
    cbFinalPulse 2s infinite;
}


/* ================================
   SYSTEM LIST
================================ */

.cb-web-final-list {
  padding-top: 10px;
}


.cb-web-final-item {
  display: grid;

  grid-template-columns: 42px minmax(0,1fr) 25px;

  align-items: center;

  gap: 15px;

  min-height: 72px;

  border-bottom:
    1px solid rgba(255,255,255,.08);

  animation:
    cbFinalItem .6s ease both;
}


.cb-web-final-item:nth-child(1) {
  animation-delay: .20s;
}

.cb-web-final-item:nth-child(2) {
  animation-delay: .28s;
}

.cb-web-final-item:nth-child(3) {
  animation-delay: .36s;
}

.cb-web-final-item:nth-child(4) {
  animation-delay: .44s;
}

.cb-web-final-item:nth-child(5) {
  animation-delay: .52s;
}


.cb-web-final-number {
  color: #FCA608;

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 10px;

  font-weight: 800;

  letter-spacing: 1px;
}


.cb-web-final-item-content {
  min-width: 0;
}


.cb-web-final-item-content strong {
  display: block;

  color: #ffffff;

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 14px;

  font-weight: 700;
}


.cb-web-final-item-content small {
  display: block;

  margin-top: 4px;

  color: rgba(255,255,255,.46);

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 11px;

  line-height: 1.4;
}


.cb-web-final-check {
  color: #FCA608;

  font-family: Arial, sans-serif;

  font-size: 15px;

  font-weight: 700;

  text-align: right;
}


/* ================================
   BOTTOM SYSTEM LABEL
================================ */

.cb-web-final-bottom {
  display: flex;

  align-items: center;
  justify-content: center;

  flex-wrap: wrap;

  gap: 10px;

  padding-top: 24px;

  color: rgba(255,255,255,.40);

  font-family:
    "Public Sans",
    Arial,
    Helvetica,
    sans-serif;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: 1.7px;
}


.cb-web-final-bottom i {
  color: #FCA608;

  font-style: normal;
}


/* ================================
   ANIMATIONS
================================ */

@keyframes cbFinalCopy {

  from {
    opacity: 0;
    transform: translateY(25px);
  }

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

}


@keyframes cbFinalPanel {

  from {
    opacity: 0;
    transform: translateX(30px);
  }

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

}


@keyframes cbFinalItem {

  from {
    opacity: 0;
    transform: translateX(15px);
  }

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

}


@keyframes cbFinalPulse {

  0% {
    box-shadow:
      0 0 0 0 rgba(252,166,8,.45);
  }

  70% {
    box-shadow:
      0 0 0 8px rgba(252,166,8,0);
  }

  100% {
    box-shadow:
      0 0 0 0 rgba(252,166,8,0);
  }

}


/* ================================
   TABLET
================================ */

@media (max-width: 900px) {

  #cb-web-final-cta {
    padding: 85px 24px;
  }


  .cb-web-final-inner {
    grid-template-columns: 1fr;

    max-width: 720px;

    gap: 50px;
  }


  .cb-web-final-copy h2 {
    max-width: 650px;
  }


  .cb-web-final-copy p {
    max-width: 650px;
  }

}


/* ================================
   MOBILE
================================ */

@media (max-width: 600px) {

  .elementor-36 .elementor-element.elementor-element-e6ca0a6 {
    width: 100vw !important;
    max-width: 100vw !important;

    left: 50% !important;

    transform: translateX(-50%) !important;

    margin: 0 !important;
  }


  #cb-web-final-cta {
    width: 100%;

    min-height: auto;

    padding: 70px 18px;
  }


  .cb-web-final-inner {
    width: 100%;

    display: flex;

    flex-direction: column;

    gap: 40px;
  }


  .cb-web-final-label {
    font-size: 9px;

    letter-spacing: 1.5px;

    padding: 7px 10px;

    margin-bottom: 18px;
  }


  .cb-web-final-copy h2 {
    font-size: 40px;

    line-height: 1.05;

    letter-spacing: -1.7px;
  }


  .cb-web-final-copy p {
    margin-top: 20px;

    font-size: 14px;

    line-height: 1.7;
  }


  .cb-web-final-actions {
    width: 100%;

    flex-direction: column;

    gap: 10px;

    margin-top: 27px;
  }


  .cb-web-final-primary,
  .cb-web-final-secondary {
    width: 100%;

    min-height: 52px;
  }


  /* System panel */

  .cb-web-final-system {
    width: 100%;

    padding: 22px 18px;
  }


  .cb-web-final-system-header {
    display: block;

    padding-bottom: 20px;
  }


  .cb-web-final-system-label {
    font-size: 9px;

    letter-spacing: 1.5px;
  }


  .cb-web-final-system h3 {
    font-size: 21px;
  }


  .cb-web-final-live {
    margin-top: 13px;
  }


  .cb-web-final-item {
    grid-template-columns:
      30px
      minmax(0,1fr)
      20px;

    gap: 9px;

    min-height: 70px;
  }


  .cb-web-final-number {
    font-size: 9px;
  }


  .cb-web-final-item-content strong {
    font-size: 13px;
  }


  .cb-web-final-item-content small {
    font-size: 10px;

    line-height: 1.35;
  }


  .cb-web-final-check {
    font-size: 13px;
  }


  .cb-web-final-bottom {
    gap: 7px;

    padding-top: 20px;

    font-size: 8px;

    letter-spacing: 1.2px;
  }

}


/* ================================
   SMALL MOBILE
================================ */

@media (max-width: 380px) {

  #cb-web-final-cta {
    padding: 60px 15px;
  }


  .cb-web-final-copy h2 {
    font-size: 35px;
  }


  .cb-web-final-system {
    padding: 20px 15px;
  }


  .cb-web-final-item {
    grid-template-columns:
      27px
      minmax(0,1fr)
      18px;

    gap: 7px;
  }


  .cb-web-final-item-content small {
    font-size: 9px;
  }


  .cb-web-final-bottom {
    font-size: 7px;
  }

}


/* ================================
   REDUCED MOTION
================================ */

@media (prefers-reduced-motion: reduce) {

  .cb-web-final-copy,
  .cb-web-final-system,
  .cb-web-final-item,
  .cb-web-final-live span {
    animation: none !important;
  }

}/* End custom CSS */