.elementor-398 .elementor-element.elementor-element-303d94a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-82b611f */.noctaDemoHero{
  width:100%;
  background:
    radial-gradient(circle at 85% 15%, rgba(20,88,180,.08), transparent 34%),
    linear-gradient(180deg,#f7faff 0%,#ffffff 78%);
  padding:72px 20px 76px;
  color:#0b1b35;
  overflow:hidden;
}

.noctaDemoHero,
.noctaDemoHero *{
  box-sizing:border-box;
}

.noctaDemoHero__inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:54px;
  align-items:center;
}

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

.noctaDemoHero__eyebrow{
  margin:0 0 14px;
  font-size:12px;
  line-height:1.5;
  letter-spacing:.18em;
  font-weight:800;
  color:#0b57c5;
}

.noctaDemoHero__title{
  margin:0;
  font-size:40px;
  line-height:1.24;
  letter-spacing:-.03em;
  font-weight:700;
  color:#071a35;
}

.noctaDemoHero__lead{
  margin:18px 0 0;
  max-width:560px;
  font-size:15px;
  line-height:1.9;
  font-weight:400;
  color:rgba(7,26,53,.72);
}

.noctaDemoHero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:28px;
}

.noctaDemoHero__btn{
  min-height:50px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-size:14px;
  line-height:1;
  font-weight:700;
  text-decoration:none!important;
}

.noctaDemoHero__btn--primary{
  background:#0b57c5;
  border:1px solid #0b57c5;
  color:#ffffff!important;
  box-shadow:0 14px 28px rgba(11,87,197,.18);
}

.noctaDemoHero__btn--secondary{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(11,87,197,.32);
  color:#0b57c5!important;
}

.noctaDemoHero__notes{
  display:flex;
  flex-wrap:wrap;
  gap:14px 20px;
  margin-top:26px;
}

.noctaDemoHero__note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12.5px;
  line-height:1.5;
  font-weight:700;
  color:rgba(7,26,53,.74);
}

.noctaDemoHero__noteIcon{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
}

.noctaDemoHero__noteIcon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.noctaDemoHero__visual{
  position:relative;
  z-index:1;
}

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

.noctaDemoHero__screenWrap::before{
  content:"";
  position:absolute;
  inset:10% 2% 3% 8%;
  background:linear-gradient(135deg,rgba(11,87,197,.12),rgba(255,255,255,0));
  filter:blur(22px);
  border-radius:40px;
  z-index:-1;
}

.noctaDemoHero__pcImage{
  width:min(100%,660px);
  height:auto;
  display:block;
  filter:drop-shadow(0 26px 38px rgba(5,22,48,.18));
}

.noctaDemoHero__spImage{
  position:absolute;
  right:-4px;
  bottom:18px;
  width:min(28%,178px);
  height:auto;
  display:block;
  filter:drop-shadow(0 22px 28px rgba(5,22,48,.22));
}

@media (max-width:980px){
  .noctaDemoHero{
    padding:70px 24px;
  }

  .noctaDemoHero__inner{
    grid-template-columns:1fr;
    gap:34px;
  }

  .noctaDemoHero__content{
    max-width:760px;
    margin:0 auto;
    text-align:center;
  }

  .noctaDemoHero__lead{
    margin-left:auto;
    margin-right:auto;
  }

  .noctaDemoHero__actions,
  .noctaDemoHero__notes{
    justify-content:center;
  }

  .noctaDemoHero__screenWrap{
    min-height:auto;
  }

  .noctaDemoHero__pcImage{
    width:min(100%,720px);
  }

  .noctaDemoHero__spImage{
    right:4%;
    bottom:-2%;
    width:min(24%,150px);
  }
}

@media (max-width:640px){
  .noctaDemoHero{
    padding:54px 16px 58px;
  }

  .noctaDemoHero__content{
    text-align:left;
  }

  .noctaDemoHero__eyebrow{
    margin-bottom:12px;
    font-size:11px;
  }

  .noctaDemoHero__title{
    font-size:25px;
    line-height:1.32;
    letter-spacing:-.025em;
  }

  .noctaDemoHero__title br{
    display:none;
  }

  .noctaDemoHero__lead{
    margin-top:12px;
    font-size:13.5px;
    line-height:1.8;
  }

  .noctaDemoHero__lead br{
    display:none;
  }

  .noctaDemoHero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }

  .noctaDemoHero__btn{
    width:100%;
    min-height:48px;
    font-size:13.5px;
  }

  .noctaDemoHero__notes{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:20px;
  }

  .noctaDemoHero__noteIcon{
    width:24px;
    height:24px;
    flex-basis:24px;
  }

  .noctaDemoHero__visual{
    margin-top:2px;
  }

  .noctaDemoHero__pcImage{
    width:100%;
  }

  .noctaDemoHero__spImage{
    right:2%;
    bottom:-4%;
    width:28%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d63ae0 */.noctaDemoFeatures{
  width:100%;
  background:#ffffff;
  padding:72px 20px 76px;
  color:#0b1b35;
}

.noctaDemoFeatures,
.noctaDemoFeatures *{
  box-sizing:border-box;
}

.noctaDemoFeatures__inner{
  max-width:1120px;
  margin:0 auto;
}

.noctaDemoFeatures__head{
  max-width:720px;
  margin:0 auto 40px;
  text-align:center;
}

.noctaDemoFeatures__eyebrow{
  margin:0 0 12px;
  font-size:11px;
  line-height:1.5;
  letter-spacing:.18em;
  font-weight:800;
  color:#0b57c5;
}

.noctaDemoFeatures__title{
  margin:0;
  font-size:40px;
  line-height:1.24;
  letter-spacing:-.03em;
  font-weight:700;
  color:#071a35;
}

.noctaDemoFeatures__lead{
  margin:16px 0 0;
  font-size:15px;
  line-height:1.9;
  font-weight:400;
  color:rgba(7,26,53,.68);
}

.noctaDemoFeatures__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}

.noctaDemoFeatures__item{
  min-height:220px;
  padding:26px 18px 24px;
  text-align:center;
  border-radius:16px;
  background:#ffffff;
  border:1px solid rgba(11,87,197,.11);
  box-shadow:0 14px 32px rgba(5,22,48,.04);
}

.noctaDemoFeatures__icon{
  width:70px;
  height:70px;
  margin:0 auto 18px;
  border-radius:50%;
  background:#ffffff;
  border:1px solid rgba(11,87,197,.12);
  display:flex;
  align-items:center;
  justify-content:center;
}

.noctaDemoFeatures__icon img{
  width:48px;
  height:48px;
  object-fit:contain;
  display:block;
}

.noctaDemoFeatures__itemTitle{
  margin:0;
  font-size:16px;
  line-height:1.45;
  letter-spacing:-.01em;
  font-weight:700;
  color:#071a35;
}

.noctaDemoFeatures__text{
  margin:10px 0 0;
  font-size:12.8px;
  line-height:1.75;
  font-weight:400;
  color:rgba(7,26,53,.68);
}

@media (max-width:1080px){
  .noctaDemoFeatures{
    padding:70px 24px;
  }

  .noctaDemoFeatures__title{
    font-size:34px;
  }

  .noctaDemoFeatures__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (max-width:760px){
  .noctaDemoFeatures{
    padding:54px 16px 58px;
  }

  .noctaDemoFeatures__head{
    margin-bottom:24px;
    text-align:left;
  }

  .noctaDemoFeatures__title{
    font-size:25px;
    line-height:1.32;
    letter-spacing:-.025em;
  }

  .noctaDemoFeatures__lead{
    margin-top:12px;
    font-size:13.5px;
    line-height:1.8;
  }

  .noctaDemoFeatures__grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .noctaDemoFeatures__item{
    min-height:auto;
    padding:18px 16px;
    display:grid;
    grid-template-columns:54px 1fr;
    column-gap:14px;
    text-align:left;
    align-items:start;
    border-radius:12px;
  }

  .noctaDemoFeatures__icon{
    width:54px;
    height:54px;
    margin:0;
    grid-row:1 / span 2;
  }

  .noctaDemoFeatures__icon img{
    width:34px;
    height:34px;
  }

  .noctaDemoFeatures__itemTitle{
    font-size:16px;
    line-height:1.42;
  }

  .noctaDemoFeatures__text{
    margin-top:5px;
    font-size:12.8px;
    line-height:1.7;
  }
}/* End custom CSS */