h1, h2, h3, h4, h5, h6{
  font-family: "Syne", sans-serif !important;
  font-weight: 400 !important;
  line-height: 110%;
}
body, p{
  font-family: "Inter", sans-serif !important;
  line-height: 110%;
}
h1{
  font-size: 80px !important;
  margin-bottom: 2rem;
}
h2{
  font-size: 40px !important;
  margin-bottom: 1.5rem;
}
h3{
  font-size: 33px !important;
  margin-bottom: 1.5rem;
}
h4{
  font-size: 28px !important;
  margin-bottom: 1.25rem;
}
h5{
  font-size: 23px !important;
  margin-bottom: 1.25rem;
}
h6{
  font-size: 20px !important;
  margin-bottom: 1.25rem;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child{
  margin-bottom: 0;
}
header.dark{
  margin-bottom: -98px;
  background: none;
  box-shadow: none;
}
header.dark-back{
      background: linear-gradient(90deg, rgba(85, 10, 128, 1) 0%, rgba(21, 16, 48, 1) 30%, rgba(21, 16, 48, 1) 75%, rgba(21, 16, 48, 1) 100%);
}
.wrapper{
  width: 1320px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.btn-wrapper{
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.btn-wrapper .custom-btn{
  padding: 16px 24px;
  display: block;
  width: max-content;
  color: #fff !important;
  border-radius: 6px;
  font-size: 23px;
  text-decoration: none !important;
  line-height: 120%;
  transition: all ease-in-out 0.25s;
  border: 2px solid #fff;
}
.btn-wrapper .custom-btn.violet{
  background: #3E3CFF;
  border-color: #3E3CFF;
}
.btn-wrapper .custom-btn.violet:hover{
  background: #2928AA;
}
.btn-wrapper .custom-btn.purple{
  background: #BB00FF;
  border-color: #BB00FF;
}
.btn-wrapper .custom-btn.purple:hover{
  background: #6A0090;
}
.btn-wrapper .custom-btn.outline_violet{
  border-color: #3E3CFF;
}
.btn-wrapper .custom-btn.outline_violet_dt{
  border-color: #3E3CFF;
  color: #3E3CFF !important;
}
.btn-wrapper .custom-btn.outline_violet_dt:hover{
  color: #2928AA !important;
  border-color: #2928AA;
}
.btn-wrapper .custom-btn.outline_violet:hover{
  background: #3E3CFF;
}
.btn-wrapper .custom-btn.outline_purple{
  border-color: #BB00FF;
}
.btn-wrapper .custom-btn.outline_purple:hover{
  background: #BB00FF;
}
.btn-wrapper .custom-btn.white{
  border-color: #fff;
  background: #F8FAFC;
  color:  #151030 !important;
}
.btn-wrapper .custom-btn.white:hover{
  
}
.header .main-menu > ul > li > ul.mega > li > ul > li > a.menu-btn{
  background: #3E3CFF;
  color: #F8FAFC;
  padding: 12px 20px;
  border-radius: 6px;
  width: max-content;
}
.sp{
   padding: 80px 20px;
}
.pt-xl{
  padding-top: 200px;
}
.pt-lg{
  padding-top: 100px;
}
.pt-md{
  padding-top: 60px;
}
.pt-sm{
  padding-top: 30px;
}
.pb-xl{
  padding-bottom: 200px;
}
.pb-lg{
  padding-bottom: 100px;
}
.pb-md{
  padding-bottom: 60px;
}
.pb-sm{
  padding-bottom: 30px;
}
.hero{
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
}
.hero .img-back{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.cards{
  display: flex;
  gap: 40px;
}
.cards .card{
  flex: 1;
  padding: 40px;
  border-radius: 10px;
}
.cta-banner{
  position: relative;
  overflow: hidden;
}
.cta-banner .wrapper{
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: space-between;
}
.cta-banner .img-back{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scaleX(-1);
  background-size: cover !important;
}
.cta-banner .insights .bottom article .read-more svg path{
  stroke: #fff;
}
.solutions{
  display: flex;
  gap: 50px;
}
.solutions .sol{
  padding: 50px;
  border-radius: 10px;
  background: #fff;
  border: 3px solid #fff;
  display: flex;
  flex-direction: column;
  gap: 30px;
  flex: 1;
}
.solutions .sol a{
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Syne", sans-serif !important;
  font-size: 23px;
  line-height: 110%;
  color: rgba(24, 6, 54, 0.8) !important;
}
.solutions .sol :is(h3, h4, h5){
  margin-bottom: 0;
}
.solutions .sol h4{
  color: #180636;
}
.solutions .sol h5{
  color: rgba(24, 6, 54, 0.8);
}
.solutions .sol .img-wrapper{
  width: 90px;
  height: 90px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.solutions .sol .img-wrapper img{
  display: block;
  max-height: 50px;
  width: auto;
}
.rep-texts{
  position: relative;
  overflow: hidden;
  padding: 0 20px 100px;
}
.rep-texts .img-post{
      bottom: -230px;
    position: absolute;
    right: -300px;
    width: 1000px;
}
.rep-texts .wrapper{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 60px;
}
.rep-texts .rep-text{
  flex: 0 0 calc(50% - 30px);
}
.rep-texts.new .wrapper > div{
  max-width: 980px;
}
.rep-texts .btn-wrapper{
  margin-top: 80px;
}
.rep-texts.new .btn-wrapper{
  margin-top: 0;
}
.testimonial-slider{
  position: relative;
}
.testimonial-slider h2{
  margin-bottom: 50px;
  color: #180636;
}
.testimonial-slider .splide__arrows{
  position: absolute;
  bottom: -60px;
}
.testimonial-slider .splide__arrow{
  background: none !important;
  opacity: 1;
  border: 2px solid #3E3CFF;
  padding: 7px;
  border-radius: 100px !important;
  width: 38px;
  height: 38px;
}
.testimonial-slider.is-single-slide .splide__arrows {
  display: none;
}
.testimonial-slider .splide__arrow:not([disabled]):hover{
  border-radius: 100px !important;
  background: #3E3CFF !important;
}
.testimonial-slider .splide__arrow svg{
  fill: #3E3CFF;
}
.testimonial-slider .splide__arrow:not([disabled]):hover svg{
  fill: #fff;
}
.testimonial-slider .splide__arrow--prev{
  left: 0 !important;
}
.testimonial-slider .splide__arrow--next{
  left: 55px !important;
  right: unset !important;
}
.testimonial-slider .testimonial{
  display: flex;
  align-items: center;
  gap: 50px;
}
.testimonial-slider .testimonial .text{
  color: #2A2061;
  font-size: 23px;
  line-height: 1.25;
}
.testimonial-slider .author{
  color: #655979;
  margin-top: 20px;
  font-size: 19px;
}
.testimonial-slider .testimonial img{
  max-width: 200px !important;
  height: auto;
}
.testimonial-slider.light-text .author{
  color: rgba(255,255,255,0.5);
  font-size: 19px;
}
.testimonial-slider.light-text .splide__arrow{
  border: 2px solid #fff;
}
.testimonial-slider.light-text .splide__arrow svg{
  fill: #fff;
}
.testimonial-slider.light-text .testimonial .text{
  color: #fff;
  font-size: 23px;
}
.testimonial-slider.light-text .splide__arrow:not([disabled]):hover{
  background: none !important;
}
.testimonial-slider.light-text h2{
  color: #fff;
}
.testimonial-slider .testimonial .text{
  flex: 1;
}
.twi{
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 100%;
  padding: 80px 20px;
  position: relative;
}
.twi .cover-img{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.twi .cover-img img{
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.twi .overlay{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg,rgba(21, 16, 48, 1) 0%, rgba(21, 16, 48, 1) 75%, rgba(21, 16, 48, 0.25) 100%);
}
.twi-wrapper{
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  position: relative;
}
.twi-wrapper .text{
  flex: 0 0 calc(50% - 30px);
}
.custom-cards{
  width: 100%;
  padding: 80px 20px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
}
.custom-cards .cards{
  display: flex;
  gap: 50px;
  flex-wrap: wrap;
}
.custom-cards .cards .card{
  flex: 0 0 calc(33.333% - 34px);
  border-radius: 10px;
  border: 2px solid #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.custom-cards .cards .card h4, .custom-cards .cards .card p{
  color: #fff;
  margin-bottom: 0;
}
.custom-cards .cards .card p{
  font-size: 20px;
}
.custom-cards .overlay{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #151030;
  background: linear-gradient(90deg,rgba(85, 10, 128, 1) 0%, rgba(21, 16, 48, 1) 30%, rgba(21, 16, 48, 1) 75%, rgba(21, 16, 48, 0.25) 100%);
}
.custom-cards .cover-img{
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.custom-cards .cover-img img{
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: left center;
}
.img-banner{
  position: relative;
  overflow: hidden;
}
.img-banner .img-back{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.img-banner .img-back img{
   width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center right;
}
.img-banner .wrapper{
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.img-banner .content{
  max-width: 1080px;
}
.img-banner .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #260341;
  background: linear-gradient(90deg,rgba(38, 3, 65, 1) 0%, rgba(11, 0, 33, 1) 25%, rgba(20, 4, 48, 1) 50%, rgba(24, 6, 54, 0) 75%, rgba(66, 0, 255, 0.32) 100%);
}
.team{
  display: flex;
  flex-wrap: wrap;
  gap: 40px 90px;
}
.team .member{
  flex: 0 0 calc(33.333% - 60px);
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.team .member .img-wrapper{
  padding: 20px;
  background: #7E7DFF;
  border-radius: 20px;
}
.team .member .img-wrapper img{
  display: block;
  border-radius: 10px;
  width: 100%;
      height: 240px !important;
    object-fit: cover;
    object-position: center;
}
.team .member h4, .team .member h5{
  margin-bottom: 0;
  color: #180636;
}
.team .member .description{
  font-size: 18px;
  color: rgba(24, 6, 54, 0.8);
  line-height: 120%;
}
.logo-list{
  background: #fff;
  padding: 25px 30px;
  border-radius: 10px;
  display: flex;
  gap: 50px;
  align-items: center;
  width: max-content;
  justify-content: space-between;
}
.logo-list.full{
  width: 100%;
}
.logo-list .logo-item{
  text-align: center;
}
.logo-list .logo-item img{
  max-height: 80px;
  width: auto;
}
.custom-form form label{
  font-size: 18px;
  font-family: "Inter", sans-serif;
  color: rgba(24, 6, 54, 0.8);
}
.custom-form form input{
  height: 50px;
}
.custom-form form .form-columns-2{
  display: flex;
  gap: 20px;
}
.custom-form form input, .custom-form form textarea{
  width: 100% !important;
  margin: 5px 0 0 !important;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  outline: none;
  color: #180636;
}
.custom-form form .input{
  margin: 0 !important;
}
.custom-form form input::placeholder, .custom-form form textarea::placeholder{
  font-size: 18px;
  font-family: "Inter", sans-serif;
  color: rgba(24, 6, 54, 0.5) !important;
}
.custom-form form input[type="submit"]{
  background: #3E3CFF !important;
  border: 2px solid #3E3CFF !important;
  color: #fff;
  height: max-content !important;
}
.custom-form form input[type="submit"]:hover{
  background: #2928AA !important;
}
.custom-form form textarea{
  min-height: 150px;
}
.custom-form form label.hs-error-msg{
  color: red !important;
  font-size: 14px !important;
}
.contact-banner, .wwb{
  position: relative;
  overflow: hidden;
}
.contact-banner .wrapper,  .wwb .wrapper{
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.wwb .wrapper{
  gap: 40px;
}
.contact-banner .img-back, .wwb .img-back{
  position: absolute;
  bottom: 0;
  right: 0;
}
.contact-banner .img-back .img-overlay, .wwb .img-back .img-overlay{
  width: 80%;
  height: 100%;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
}
.contact-banner .img-back img,  .wwb .img-back img{
  max-width: 100% !important;
}
.wwb .text-items{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wwb .text-items .item{
  display: flex;
  gap: 50px;
}
.wwb .text-items .item .left{
  flex-basis: 24%;
}
.wwb .text-items .item .right{
  flex: 1;
}
@media(max-width: 1080px){
  h1, h2, h3, h4, h5, h6{
    margin-bottom: 1.5rem;
  }
  .sp{
     padding: 60px 20px;
  }
  h1{
    font-size: 48px !important;
  }
  h2{
    font-size: 32px !important;
  }
  h3{
    font-size: 24px !important;
  }
  h4{
    font-size: 20px !important;
  }
  h5{
    font-size: 18px !important;
  }
  h6{
    font-size: 18px !important;
  }
  .hero{
    min-height: unset !important;
  }
  .btn-wrapper .custom-btn{
    font-size: 18px;
    padding: 12px 18px;
  }
  .pt-xl{
    padding-top: 160px;
  }
  .pt-lg{
    padding-top: 60px;
  }
  .pt-md{
    padding-top: 40px;
  }
  .pt-sm{
    padding-top: 20px;
  }
  .pb-xl{
    padding-bottom: 160px;
  }
  .pb-lg{
    padding-bottom: 60px;
  }
  .pb-md{
    padding-bottom: 40px;
  }
  .pb-sm{
    padding-bottom: 20px;
  }
  .cards{
    gap: 25px;
    flex-wrap: wrap;
  }
  .solutions{
    gap: 25px;
  }
  .solutions .sol{
    padding: 25px;
  }
  .cards .card{
    padding: 30px;
    flex: 0 0 calc(50% - 13px);
  }
  .cards .card p{
    font-size: 19px !important;
  }
  .cta-banner .wrapper{
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }
  .solutions .sol a{
    font-size: 18px;
  }
  .rep-texts .img-post{
      bottom: -150px;
    right: -200px;
  }
  .testimonial-slider .testimonial img{
    max-width: 120px !important
  }
  .testimonial-slider .testimonial{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .testimonial-slider h2{
    margin-bottom: 30px;
  }
  .twi, .custom-cards{
    padding: 50px 20px;
  }
  .custom-cards .cards{
    gap: 25px;
  }
  .twi-wrapper{
    flex-direction: column;
    gap: 40px !important;
  }
  .twi .cover-img, .custom-cards .cover-img{
    position: absolute;
    top: 0;
    right: 0;
    width: 75%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .twi .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(21, 16, 48, 1) 0%, rgba(21, 16, 48, 1) 50%, rgba(21, 16, 48, 0.25) 100%);
  }
  .custom-cards .overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(21, 16, 48, 1) 0%, rgba(21, 16, 48, 1) 50%, rgba(21, 16, 48, 0.25) 100%);
  }
  .custom-cards .cards .card{
    flex: 0 0 calc(33.333% - 17px);
  }
  .img-banner .overlay{
    opacity: 0.75;
  }
  .team{
    gap: 60px;
  }
  .team .member{
    flex: 0 0 calc(50% - 30px);
  }
  .logo-list{
    flex-wrap: wrap;
  }
  .logo-list .logo-item{
    flex: calc(33.333% - 34px);
  }
  .logo-list .logo-item img{
    max-height: 48px;
    width: auto;
  }
}
@media(max-width: 767px){
  .logo-list{
    gap: 30px;
  }
  .logo-list .logo-item{
    flex: calc(50% - 15px);
  }
  .logo-list .logo-item img{
    max-height: 40px;
  }
  .team{
    flex-direction: column;
    gap: 40px;
  }
  .team .member{
    flex: unset;
    width: 100%:
  }
  .cards, .solutions{
    flex-direction: column;
  }
  .solutions .sol{
    width: 100%;
    gap: 20px;
  }
  .cards .card{
    flex: unset;
  }
  .solutions .sol .img-wrapper{
    width: 48px;
    height: 48px;
  }
  .solutions .sol .img-wrapper img{
    max-height: 32px;
  }
  .rep-texts .wrapper{
    flex-direction: column;
    gap: 30px;
  }
  .rep-texts .btn-wrapper{
    margin-top: 40px;
  }
  .rep-texts{
    padding: 0 20px 80px;
  }
  .rep-texts .img-post{
      bottom: -100px;
    right: -150px;
  }
  .testimonial-slider .splide__arrow{
    width: 30px;
    height: 30px;
    padding: 5px;
  }
  .testimonial-slider .splide__arrow--next{
    left: 48px !important;
  }
  p{
    font-size: 19px;
  }
  .custom-form form input, .custom-form form textarea, .custom-form form label{
    font-size: 16px;
  }
  .custom-form form .form-columns-2{
    flex-direction: column;
    gap: 0;
  }
  .custom-form form .form-columns-2 > div{
    width: 100% !important;
  }
  .team .member .img-wrapper img{
    height: 300px !important;
  }
  .contact-banner .img-back, .wwb .img-back{
    max-width: 75% !important;
    bottom: -30px !important;
    right: -30px !important;
  }
  .wwb .text-items .item{
    flex-direction: column;
    gap: 20px;
  }
  .wwb .text-items{
    gap: 40px;
  }
  .wwb .text-items .item > div{
    flex-basis: unset !important;
  }
  .wwb .intro, .wwb .text-items{
    max-width: 100% !important;
  }
  .wwb:has(.img-back){
    padding-bottom: 200px;
  }
}