/*Desktop Start*/

#icon-s .sppb-addon.sppb-addon-feature {
    background: #4cffa2;
    padding: 20px 12px;
    border-radius: 8px;
    min-height: 300px;
}

section#icon-s  img.sppb-img-responsive {
    /* background: #4cffa2; */
    padding: 20px;
    border-radius: 21px;
}

section#icon-s .parent div img {
  width:70px;
} 

section#icon-s {
    display:flex;
}

section#icon-s .sppb-row-column   {
    max-width: 20%;
    flex-basis: 20%;
}
section#icon-s .sppb-addon-text {
    font-size:14px;
    font-weight:500;
  
}

section#icon-s h4 {
    font-size: 18px;
    font-weight:700;
    min-height: 37px;
}




.div1 .about-numbers {
  
    font-size: 252px;
}

.div5 .about-numbers {
    
    font-size: 150px;
}

.div8 .about-numbers {
 
    font-size: 120px;
}
 

section#sp-section-7 {
          
    background: #604dff;
}

#sp-header .row {
  
    height: 80px;
}

 .zh-tw .step-name, .zh-tw .step-title {
    width: max-content;
}

.parent div img {
  width:70px;
} 
.parent {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(3, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;}

.div1 { grid-area: 1 / 1 / 3 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 1 / 4 / 2 / 5; }
.div5 { grid-area: 2 / 2 / 3 / 4; }
.div6 { grid-area: 2 / 4 / 3 / 5; }
.div7 { grid-area: 3 / 1 / 4 / 2; }
.div8 { grid-area: 3 / 2 / 4 / 3; }
.div9 { grid-area: 3 / 3 / 4 / 5; }
.parent p {
        font-weight:500; text-align:center; o
}
.parent div {
            background:#604DFF;
            padding: 5px;
            color:#fff;
            border-radius:10px;
            display:flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
  line-height:1.1;
            }

section#section-id-1716489618634 {
    background: #E8E5FF;
}

.about-numbers {
    font-weight: 700;
    font-size: 82px;
}

.circle-anim a{color: #4e2e9f;font-weight:700;cursor:pointer;}
.circle-anim a:hover{
color:#000000;
  cursor:pointer;
  
}



.circle-anim a {
   position:absolute;
   right:0px;
   bottom:60px;
   display: flex;
   width: 122px;
   height: 122px;
   border-radius: 50%;
   background: #4DFFA2;
   cursor: pointer;
   animation: pulse 1.7s infinite;
   justify-content: center;
   align-items: center;
}
.pulse-animation:hover {
  animation: none;
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(77 255 146 / 40%);
    box-shadow: 0 0 0 0 rgb(77 255 102 / 40%);
  }
  70% {
      -moz-box-shadow: 0 0 0 30px rgb(60 204 72 / 0%);
      box-shadow: 0 0 0 30px rgb(44 204 46 / 0%);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgb(44 204 58 / 0%);
      box-shadow: 0 0 0 0 rgb(44 204 70 / 0%);
  }
}

 

section#main-screen {
    position: relative;
}

.mod-languages li {
        padding: 0px 5px 3px;
    border-radius: 3px;
}

div.mod-languages ul li.lang-active {
background-color:#fff!important
}

div.mod-languages ul li:hover {
background-color:#fff!important
}


.zh-tw #main-screen h1 {
    font-size: 57px;
      width: 655px;                                                                                                        
}

.zh-tw .subtitle {
    font-size: 24px;
}

.step-15:before {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: 70px;
   bottom: 6px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-15:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: 67px;
   bottom: 41px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}


.step-14:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: 42px;
   bottom:22px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-14:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: 39px;
   bottom: 56px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}




.step-11:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: 64px;
   bottom:7px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-11:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: 61px;
   bottom: 41px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}


.step-09:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: 71px;
   bottom:7px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-09:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: 68px;
   bottom: 41px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}



.step-07:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: 63px;
   bottom:22px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-07:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: 60px;
   bottom: 57px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}

.step-07:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: 63px;
   bottom:22px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-07:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: 60px;
   bottom: 57px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}



.step-05:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: 80px;
   bottom:7px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-05:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: 77px;
   bottom: 41px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}


.step-01:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: -11px;
   bottom:19px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-01:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: -14px;
   bottom: 56px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}



.step-03:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   left: -11px;
   bottom:19px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-03:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: -14px;
   bottom: 56px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}





.step-02:before   {
   width: 1.3px;
   height: 60px;
   position:absolute;
   left: -11px;
   bottom:-32px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-02:after {
   width: 7px;
   height: 7px;
   position:absolute;
   left: -14px;
   bottom: -32px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}


.step-12:before   {
   width: 1.3px;
   height: 50px;
   position:absolute;
   right: -18px;
   bottom:-22px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-12:after {
   width: 7px;
   height: 7px;
   position:absolute;
   right: -21px;
   bottom:-22px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}


.step-10:before   {
   width: 1.3px;
   height: 50px;
   position:absolute;
   right: -14px;
   bottom:-36px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-10:after {
   width: 7px;
   height: 7px;
   position:absolute;
   right: -17px;
   bottom:-38px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}



.step-08:before   {
   width: 1.3px;
   height: 50px;
   position:absolute;
   right: -12px;
   bottom:-21px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-08:after {
   width: 7px;
   height: 7px;
   position:absolute;
   right: -15px;
   bottom:-23px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}


.step-06:before   {
   width: 1.3px;
   height: 50px;
   position:absolute;
   right: -13px;
   bottom:-36px;
   background: #4448ff;
   content:'';
   z-index:99
}

.step-06:after {
   width: 7px;
   height: 7px;
   position:absolute;
   right: -16px;
   bottom:-39px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}

.step-13:before   {
   width: 1.3px;
   height: 40px;
   position:absolute;
   right: -25px;
   bottom:-12px;
   background: #4448ff;
   content:'';
   z-index:99;
    rotate: 147deg;
}

.step-13:after {
   width: 7px;
   height: 7px;
   position:absolute;
   right: -38px;
   bottom:-13px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}


.step-04:before   {
   width: 1.3px;
   height: 50px;
   position:absolute;
   right: -23px;
   bottom:-32px;
   background: #4448ff;
   content:'';
   z-index:99;
    rotate: 147deg;
}

.step-04:after {
   width: 7px;
   height: 7px;
   position:absolute;
   right: -40px;
   bottom:-33px;
   background: #4448ff;
   content:'';
   z-index:99;
   border-radius:50px;
}


div#awardsPanel img.active {
       -webkit-filter: drop-shadow(0px 0px 4px #4DFFA2);
    filter: drop-shadow(0px 0px 4px #4DFFA2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    bottom: 20px;

}


.award-name {font-size: 28px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: center;
            color:#fff;
            margin-top:60px}

.organization {
        font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: center;
    margin: 15px 0px;
    color:#fff;
}

.ex-1, .ex-2, .ex-3, .ex-4 {
 position: relative;
}

.ex-2::before {
  content: "";
  position: absolute;
  left: -55px;
  width: 53px;
  height: 100%;
  background-image: url('/images/ex3.png');
  background-size: 100%;
  background-repeat: no-repeat;
}


.ex-1::before {
  content: "";
  position: absolute;
  left: -55px;
  width: 60px;
  height: 100%;
  background-image: url('/images/ex2.png');
  background-size: 100%;
  background-repeat: no-repeat;
}

.ex-3::before {
  content: "";
  position: absolute;
  left: -55px;
  width: 66px;
  height: 100%;
  background-image: url('/images/ex1.png');
  background-size: 100%;
  background-repeat: no-repeat;
}

.ex-4::before {
  content: "";
  position: absolute;
  left: -55px;
  width: 56px;
  height: 100%;
  background-image: url('/images/ex4.png');
  background-size: 100%;
  background-repeat: no-repeat;
}




.tab-content-container h3 {
    font-size: 18px;
    color: #345aff;
}

 
 

.tab-content-container  p {
    font-size:14px;
    font-weight:500;
    margin-bottom: 0px;
}

.tab-content-container {
    background: #e7e5ff;
    border-radius: 10px;
    padding: 10px;
}

.tab-content-title {
    color: #345aff;
    font-weight: 600;
    text-align: center;
    font-size: 23px;
    width: 90%;
    margin: auto;
    margin-bottom: 10px;
}

section#industries .sppb-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.blogp #main-screen {
    height: 400px!important;
    min-height: 300px!important;
}

.view-article section#sp-section-4 {
    display:none;
}

.view-article section#sp-section-3 {
    display:none;
}


dd.field-entry.project-data div span {
    display:block;
    font-size:12px;
}

dd.field-entry.project-data .field-value  {
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    line-height: 1.4;
    font-size: 24px;
    font-weight: 800;
}

dd.field-entry.keyword span.field-value {
    display:flex;
    margin-bottom:30px
}

 dd.field-entry.keyword span.field-value div {
    margin-right:15px;
    border:1px solid;
    padding:7px 15px;
     line-height:1;
     border-radius:6px
}

dd.field-entry.project-data {
    background: #614dff;
    width: 100%;
    margin-bottom: 0px;
    padding: 10px 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: center;
}

dd.field-entry.keyword span.field-value {
    color: #787878;
    font-size:14px;
    text-align:left;
    margin-left: 15px;
}

 
 

.article-list.article-list .article {
    box-shadow: rgba(0,45,90,0.04)0px 2px 2px,rgba(0,45,90,0.04)0px 8px 8px,rgba(0,45,90,0.05)0px 6px 6px,rgba(0,45,90,0.01)0px 8px 8px,rgba(0,45,90,0.01)0px 22px 22px,rgba(0,45,90,0.07)0px 34px 34px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
}

.jlmf-label:after {
        position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-right: 0.1em solid #614dff;
    border-top: 0.1em solid #614dff;                                                                         
    transform: rotate(135deg);
   right:0px;
    z-index:999;
    top:   4px;

               
}

.jlmf-label {
    position:relative;
}


dd.field-entry.name2 span.field-value {
    display: block;
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    border-radius: 10px 0 10px 0;
    background: #604dff;
    color: #fff;
    font-size:16px;
}

dd.field-entry.name2 {
    position:absolute;
    top:0px;
    left: 0px;
}

 

.article-intro-image.float-left {
    position: relative;
}

.jlmf-list-1.show-checkboxes {
    display: block;
    padding: 10px 0px;
    border-top: 1px solid;
    position: relative;
    top: 8px;
    width: 106%;
    left: 7px;
}


.jlcontentfieldsfilter .jlmf-section:nth-child(3) {
   width: 140px;
   text-align:center;
   text-align: left;
}

.jlcontentfieldsfilter .jlmf-section:nth-child(4) {
   width: auto;
   padding: 0px;
}

.jlcontentfieldsfilter {
    position: absolute;
    z-index: 9;
}

.jlmf-section {
    border: 1px solid;
    color: #614DFF;
    border-radius: 6px;
    padding: 6px 14px;
    cursor:pointer;
    /* height: 40px; */
    /* display: flex; */
    width: 150px;
    margin-right: 5px;
}

button.jlmf-link {
    margin: 0px 0px 0px 0px;
}

.jlmf-section:last-child{
background: #614DFF;
    color: #fff!important;
    cursor: pointer;
    border: 1px solid #614DFF;
}

button.jlmf-link {
       color:#fff!important;
       cursor:pointer;
       width: 44px;
       height: 36px;
}
 

 select#product-category-95 {
    width: 100px;
}

select#product-category-95 {}

.jlmf-list-5 { 
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    max-height: 70px;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
}

.jlcontentfieldsfilter input {
    height:auto!important;
}

 

.jlmf-section {
    /* display: inline-block; */
    width: 130px;
    float: left;
    background: #fff;
}

 


.mls-wide.mls-form .mls-form-inner input.mls-query {
    width: 700px !important;
}

label.jlmf-label {
    color: #fff;
}

.jlmf-section {
    margin-top: 10px!important;
}

div#close-results-mls_mod_100 {
    right: 70px;
}

input#mod-mls-searchword-mls_mod_100 {
    background: #fff;
    border-radius: 12px;
    position:relative;
 
}

.mls-wide.mls-form.default-theme .mls-form-inner .mls-parent {
    box-shadow: none!important;
}

button.button.btn.btn-primary.mod-mls-btn {
    background: #604DFF;
    border-radius: 12px;
    position: absolute;
    right:0px
}

.mls_comp_results_lists h3 {
    display:none;
}

.mls_comp_results_filters {
    display: none;
}

.view-results section#sp-main-body {
    padding:0px 0px 30px 0px
}


 

section#sp-section-3 {
    position: relative;
    z-index: 9;
    bottom: 180px;
    width: 700px;
    margin: auto;
}


 .step-01 {
     position:absolute;
     top:270px;
     right:430px;
     width:150px
 }


 .step-02 {
     position:absolute;
     top:146px;
     right:232px;
     width:200px
 }

 .step-03 {
     position:absolute;
     top:270px;
     right:173px;
     width:110px
 }

.step-04 {
top: 402px;
right: 236px;
 }

.step-05 {
top: 520px;
right: 284px;
 }

.step-06 {top: 402px;right: 365px;}

.step-07 {top: 520px;right: 434px;}


.step-08 {top: 402px;right: 517px;}

.step-09 {top: 520px;right: 660px;}

.step-10 {top: 402px;right: 726px;}

 


.step-11 {
 top: 520px;
 right: 817px;
 }

.step-12 {top: 402px;right: 901px;}

.step-13 {top: 437px;right: 1024px;}

.step-14 {top: 777px;right: 829px;}

.step-15 {top: 777px;right: 644px;}


.step-name {
 position:absolute;
 line-height: 1.1;
}
 


.map-steps-name {
 font-size:14px;
 font-weight:500;
 line-height:1.2
}

.map img.sppb-img-responsive {
    position:relative;
}

.map-info {
    position:absolute;
    top:0px;
    right:0px;
}

.map-steps-title .step-title {
    color:#b532ff!important;
    font-weight: 700;
    font-size: 45px;
    position:absolute;
}

 .planning {
     top: 69px;
     right: 222px;
    
}

 

.building {
  top: 331px;
  right: 242px;
}

.optimization {
    right: 662px;
    top: 331px;
}

.report {
    right: 672px;
    top: 618px;
}

 

#grab li {
    font-size:14px;
    font-weight:500;
    margin:6px 0px;
}
#grab ul {
    padding-left:15px;
}

#grab .sppb-addon-content:hover {
 margin-top:-30px;
  transition: all 0.3s ease-oin;
}

#grab .sppb-addon-content{

   transition: all 0.5s ease-out;
}


#grab .tags {
    margin-top:-10px;
    margin-bottom:20px;
}

#aibot .sppb-media-content {
    max-width:490px;
}
#full .sppb-tab-content.sppb-tab-custom-content {
    background: #fff;
    border-radius: 20px;
}

#full .sppb-addon.sppb-addon-text-block {
    padding:30px
}

#full .sppb-nav-custom > li.active > a {
  background:#b532ff!important;
    color:#fff!important;
}

#full .sppb-nav-custom > li {
    font-weight:500!important;
}

#full .sppb-nav-custom > li a:hover {
      background:#b532ff!important;
    color:#fff!important;
}

#full .sppb-tab-custom-content > div {
background:#fff!important;
    }


 

 

.sppb-nav sppb-nav-custom {
    width: 100%!important;
}



.sppb-nav .active .sppb-tab-subtitle {
    display: inline-block;
}


#aibot  .sppb-addon-single-image-container {
    position:absolute;
left:-40px;
    top:-135px;
}

 

div#sppb-addon-wrapper-2Mbw5k_zI5D2EOtRYDyf6 {
    background: #fff;
    border-radius: 30px;
}

 

#smmcalc .sppb-image-holder {
	background-size: 92%!important;
	background-repeat: no-repeat;
}

#smmcalc  p {
	font-size:20px;
	font-weight:500
}


#grab .sppb-addon-content h3.sppb-addon-title {
    color: #4c11b7;
    font-weight: 700;
    font-size: 45px;
    min-height: 162px;
}

#grab .sppb-addon-content h3.sppb-addon-title span {
    font-size:22px;
      position: relative;
    top: -20px;
}

#grab {
    background-color: #4349ff;
}

#grab .sppb-addon-content {
    background:#fff;
    border-radius:10px;
}

#grab .sppb-addon-content {
    padding:0 15px 10px 15px
}

#grab span.tag {
    font-size:12px;
    padding: 5px 10px
}
#grab p {
    font-size:14px;
    font-weight:500
}
#grab .sppb-addon-content {
    padding: 0px 20px 20px 20px;
}


.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
  
    width: 360px;
}

.blog .article {
    position: relative;
}                                                                      

 .timeline-panel .title {
    display:none!Important
}

dd.field-entry  {
    /* text-align: center; */
}

 .blogp .article-body {
    /* position: absolute; */
    /* width: 500px; */
    bottom: 20px;
    padding: 30px;
}

 .blog .article-body {
 
    bottom: 20px;
    padding: 15px 15px 0px 15px;
}


.blog dl.fields-container {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    /* align-content: center; */
    /* flex-wrap: wrap; */
    /* position: absolute; */
    top: 0px;
    flex-direction: column;
    /* background: #614dff; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.blog span.field-label {
    font-family: Mulish;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0em;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.blog span.field-value {
   font-family: Mulish;
   font-size: 18px;
   font-weight: 700;
   line-height: 40px;
   letter-spacing: 0em;
   text-align: center;
   color: #ffffff;
   width: 100%;
}

.article-list {
    margin-top: -30px;
    z-index: 2;
    position: relative;
  
}

.article-list.article-list .article {
    border:none!important;
    margin-bottom: 80px;
    border:none;
}

.article-list .article .article-intro-image{
    border-top-right-radius: 10px!important;
    border-top-left-radius: 10px;
}

.article-intro-image {
  position: relative;
}

.article-intro-image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;  
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7));  
}

 
.blog .article-header {
  text-align: left;
  padding: 6px 0px 0px 0px;
  /* position: absolute; */
  /* bottom: -110px; */
}

.sppb-carousel-extended-content-wrap {
    opacity:0;
    transition:0.21s;
}

.active .sppb-carousel-extended-content-wrap {
    opacity:1;
    transition:1s;
}

.slider-influencers .total-followers {
    display:block;
font-family: Raleway;
font-size: 18px;
font-weight: 600;
line-height: 32px;

}

.slider-influencers .total-followers span {
    display:block;
    font-size:54px;
    color:#B2AAFF;
    font-weight:600;
    font-family: Mulish;
    line-height: 62px;

}

.slider-influencers .sppb-carousel-extended-heading {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 10px;
}


.slider-influencers .sppb-carousel-extended-item.active.sppb-carousel-extended-item-center::before,  .sppb-carousel-extended-item:not(.active)::before {
	border-radius: 15px;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0, 0.5)), color-stop(70%, rgb(255, 255, 250, 0)));
	background: linear-gradient(0deg, rgb(0, 0, 0, 0.77) 0%, rgb(255, 255, 250, 0) 70%);
}

 

.slider-influencers .sppb-carousel-extended-item .sppb-carousel-extended-subheading, .slider-influencers .sppb-carousel-extended-item .sppb-carousel-extended-description  {
	opacity:0;  
transition: 0.14s;
	 
}

 
 .slider-influencers .sppb-carousel-extended-item.active .sppb-carousel-extended-subheading, .slider-influencers .sppb-carousel-extended-item.active .sppb-carousel-extended-description  {
	 
	 opacity:1;
	 transition: 1s;
	 
}


 

.slider-influencers .sppb-carousel-extended-heading {
 position:absolute;
}

.slider-influencers .active .sppb-carousel-extended-heading {
	 position:relative;
}

.tabs .tab-button-smm img{
    width:65px;
}

 .checked-image-container .accordion-toggle {
 color:#4c11b7;
font-weight: 700;

}
 

.tab-button-smm.active {
	background: url(/images/white-plate.png) no-repeat;
	flex: 0 0 160px;
	padding:20px;
	background-size: cover;
}

.tab-button-smm {
 padding: 20px;
}


.tab-button-smm:hover {
	background: url(/images/white-plate.png) no-repeat;
	flex: 0 0 160px;
	padding:20px;
}

  .tabs {
  display: flex;
  justify-content: space-around;
}

.tab-button {
  padding: 20px;
  cursor: pointer;
  outline: none;
}

.tab-button:hover {
  background-color: #ddd;
}

.tab-button.active {background: #fff;}

.phone-container {
  text-align: center;
  margin-right: 100px;
}

#phone-image {
  width: 300px;
  height: auto;
 }
.tab-content-smm {
  display: none;
  padding: 15px;
  border-top: none;
}
.tab-content-smm.active{
  display: flex;
  /* justify-content: space-between; */
  /* flex-direction: column; */
  /* flex-wrap: nowrap; */
  /* background: #ffffff; */
  border-radius: 20px;
  align-content: flex-start;
}
.tab-content-smm{
  
  justify-content: space-between;
}
#defaultOpen {
  display: block;
}
.carousel-container{
  display: flex;
  background: #e6e4ff;
}
.tab-button-smm{
  display:flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.tab-button-smm div{margin-bottom: 10px;}
.tab-button span{

}
.tabs-container{}
.tabs-content{
    background: #fff;
    border-radius: 15px;
    width: 752px;
}
.content-text{
  padding: 10px;
  border-radius: 10px;
  width: 42%;
  display: inline-block;
  margin-left: 54px;
}



#section-id-1709133443435 .white-title.mini h3 {
	font-size: 38px;
	max-width: 700px;
	font-weight: 600;
}

.white-title.mini h3 {
	font-size: 38px;
	font-weight: 600;
}

.sppb-panel-body .sppb-addon-content {
	margin-left: 17px;
}

.items-wrap.line-1 .items.marquee {
	animation: scroll 24s linear infinite;
}

.items-wrap.line-2 .items.marquee {
	animation: scroll 24s linear infinite;
	animation-direction: reverse;
}

.line-1 {
	margin-bottom: 2px;
}

.items-wrap.line-1 .item, .items-wrap.line-2 .item {
	max-height: 220px!important;
	width: 220px!important;
	padding: 0px;
}

.line-1 {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.line-2 {
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	overflow: hidden;
}

.cooperation-package {
	background: #e6e4ff;
	padding: 20px 25px;
}

.tabs {
	overflow: hidden;
}

.customize-btn {
	color: #fff;
	background: red;
	padding: 5px 10px;
	border-radius: 10px;
	text-align: center;
	text-transform: capitalize;
	background: #4c11b7;
	max-width: 130px;
}

.tabs .tab-button:last-child {
	margin-right: 0;
}

.tab-button {
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 20px 50px 20px 20px;
	transition: 0.3s;
	font-size: 20px;
	display: flex;
	flex-direction: column;
	color: #4c11b7;
	width: 250px;
	box-sizing: border-box;
	height: 147px;
	position: relative;
	margin-right: 20px;
	font-weight: bold;
}

.tab-button:hover {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #fff;
}

.tab-button span {
	font-size: 14px;
	color: black;
	margin-top: 15px;
	font-weight: 400;
}

.tab-button.active {
	background-color: #fff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.tab-button.active::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 84%;
	background: #42ff9f;
	border-radius: 5px;
	height: 5px;
}

.tab-content .ba-form-checkbox-wrapper {
	margin: 0px!important;
	height: 40px!important;
}

.tab-content {
	display: none;
	padding: 6px 12px;
	background: #fff;
	border-top: none;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.cooperation-package #social.active {
	border-top-right-radius: 10px;
}

.cooperation-package #customize.active {
	border-top-left-radius: 10px;
}

.tab-content .ba-checkbox-wrapper {
	padding: 0px!important;
}

.tab-content .ba-form-checkbox {
	display: none;
}

.cooperation-package #kol.active,.cooperation-package #framework.active {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.tab-content .ba-form-acceptance-field .ba-field-container,.tab-content .ba-form-field-item .ba-form-checkbox-wrapper {
	display: initial!important;
}

.tab-content.active {
	display: block;
	padding: 60px 10%;
}

.cooperation-package {
	width: 100%;
	border-radius: 30px;
}

.accordion-container {
	/* font-family: Arial, sans-serif; */
	max-width: 90%;
	display: flex;
	flex-direction: column;
}

.accordion-item {
	display: flex;
	align-items: center;
}

.checkbox-icon-wrapper {
	height: 30px;
}

.accordion-toggle {
	cursor: pointer;
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #696875;
	font-size: 16px;
}

.accordion-toggle::after {
	content: '\f054';
	font-size: 14px;
	transition: transform 0.3s ease;
	font-family: "Font Awesome 5 Free";
	transform: rotateY(0deg) rotate(90deg);
	color: #696875;
}

.accordion-toggle.active::after {
	transform: rotate(270deg);
}

.content {
	padding-left: 41px;
	overflow: hidden;
	font-size: 12px;
	max-height: 0;
	transition: .3s all;
}

.content.active {
	max-height: 150px;
}

.checkbox-custom {
	display: none;
}

.checkbox-icon {
	display: inline-block;
	cursor: pointer;
	position: relative;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 2px solid #696875;
	margin-right: 10px;
}

.checkbox-icon::after {
	content: '+';
	font-size: 24px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #696875;
}

.checkbox-icon:hover {
	background-color: #42ff9f;
}

.checkbox-icon.checked {
	border-color: transparent;
}

.checkbox-icon.checked:hover, .checkbox-icon:hover {
	border-color: transparent;
}

.checked::after {
	content: '\2713';
	color: #4CAF50;
	font-size: 24px;
}

.checkbox-icon.checked:hover:after {
	content: '-';
	font-size: 32px;
	color: #fff;
	top: 42%;
}

.checked:hover {
	border-color: transparent;
	 
}

.checkbox-icon.checked:hover {
	border-color: transparent;
	background-color: #696875;
}

.unique-filter .container {
	color: white;
	display: flex;
	justify-content: space-around;
	width: 1150px;
	margin: 0 auto;
}

.section {
	border-radius: 10px;
	flex: 0 0 auto;
	height: 399px;
	box-sizing: border-box;
	padding: 30px 40px;
	text-align: left;
	position: relative;
}

.section .matching {position: absolute;right: -85px;top: -72px;width: 74%;}

.container .section:first-child {
	background: url(/images/panels-1.svg) no-repeat;
	flex: 0 0 247px;
}

.container .section:nth-child(2) {
	background: url(/images/panels-2.svg) no-repeat;
	flex: 0 0 372px;
	margin-left: -28px;
}

.container .section:nth-child(3) {
	background: url(/images/panels-3.svg) no-repeat;
	margin-left: -22px;
	flex: 0 0 587px;
}

.number {
	font-size: 28px;
	color: #4349ff;
	font-weight: bold;
}

.title {
	font-size: 28px;
	font-weight: bold;
	color: #4349ff;
	margin-bottom: 5px;
}

.description {
	margin-top: 15px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: black;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
}

.description.small {
	max-width: 220px;
}

.tags {
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}

.tag {
	display: block;
	padding: 7px 14.7px;
	background: #4DFFA2;
	color: black;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	font-size: 14px;
}

.cta-button {
	padding: 15px 25px;
	background: orange;
	margin: 60px auto 0;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	border-radius: 10px;
	display: inline-block;
}

.unique-filter {
  /* background-color: lightblue; */
	text-align: center;
}

@media (max-width: 1024px) {
	.unique-filter .container {
		width: 92%;
		overflow-x: auto;
		justify-content: flex-start;
	}

	.unique-filter {
		overflow-x: hidden;
	}
}

#sms p {
	font-family: Raleway;
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: left;
    margin-bottom: 0px;
}

#sms .sppb-image-holder {
	background-size: 92%;
	background-repeat: no-repeat;
}

div#column-id-1708946339470 {
	border-radius: 30px;
	background: #fff;
}

#industries .sppb-img-responsive {
	height: 100px;
	padding: 6px 0px 0px 0px;
}

#industries .sppb-addon-single-image h3.sppb-addon-title  {
	font-family: Raleway;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: center;
}

#industries img.sppb-img-responsiv {
	width: 100px;
	height: auto;
	margin: 0px 10px;
	position: relative;
	bottom: 10px;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

#industries img.sppb-img-responsive:hover {
	-webkit-filter: drop-shadow(0px 0px 4px #4DFFA2);
	filter: drop-shadow(0px 0px 4px #4DFFA2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	bottom: 20px;
}

span.sppb-panel-title {
	font-size: 28px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: left;
	color: #000;
}

.sppb-panel-modern>.sppb-panel-heading {
	padding: 30px 34px 30px 34px;
	background: #ffffff;
	color: #4b5981;
	border-radius: 16px;
}

.sppb-panel-modern .sppb-panel-body {
	border-radius: 18px;
	border-top-color: #fff;
}

.sppb-panel-body {
	padding: 0px 20px 30px 20px;
}

.sppb-panel.sppb-panel-modern {
	border-radius: 16px!Important;
}

span.sppb-toggle-direction {
	background: #A499FF;
	width: 40px;
	height: 40px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	color: #fff;
	border-radius: 100px;
	cursor: pointer;
}

.white-title h3 {
	font-family: Raleway;
	font-size: 51px;
	font-weight: 700;
	line-height: 64px;
	letter-spacing: 0em;
	text-align: center;
  color:#fff;
}

.sppb-image-carousel-layout3 .sppb-carousel-extended-item:not(.active) {
	transform: scale(1);
	opacity: 1;
}

.sppb-article-img-wrap {
	position: relative;
	display: block;
	border-radius: 11px;
}

.sppb-article-img-wrap::after {
	content: "";
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0, 0.5)), color-stop(50%, rgb(255, 255, 250, 0)));
	background: linear-gradient(0deg, rgb(0, 0, 0, 0.77) 10%, rgb(255, 255, 250, 0) 100%);
	z-index: 1;
	border-radius: 11px;
}

.sppb-article-info-wrap {
	position: absolute;
	bottom: 30px;
	left: 10px;
	right: 0;
	z-index: 3;
}

.sppb-article-img-wrap img.sppb-img-responsive {
	border-radius: 11px;
}

.sppb-article-info-wrap {
	position: absolute;
	bottom: 25px;
	padding: 25px;
}

a.sppb-readmore {
	color: #4DFFA2;
	font-family: Mulish;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0em;
	text-align: left;
}

.sppb-article-info-wrap h3 a {
	font-size: 21px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0em;
	text-align: left;
	color: #FAFAFF;
}

.sppb-article-introtext {
	font-family: Raleway;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #FAFAFF;
}

#form h4 {
	font-family: Raleway;
	font-size: 51px;
	font-weight: 700;
	line-height: 64px;
	width: 320px;
}

#form label {
	font-family: Raleway;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: #604dff;
}

#form input {
	border-radius: 7px;
}

#form p {
	color: #604dff;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	position: absolute;
	bottom: 0px;
}

#footer h3 {
	font-size: 14px;
	color: #FAFAFF;
	font-weight: 700;
}

#footer li.active {
	color: #4DFFA2;
	font-size: 12px;
	font-weight: 700;
}

#footer ul {
	padding-left: 0px!important;
}

#footer li {
	list-style: none!important;
	margin: 6px 0px;
}

#footer li a:hover {
	color: #4DFFA2;
	font-size: 12px;
	font-weight: 700;
}

#footer li a {
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: #FAFAFF;
}

#footer .sppb-addon-content {
	color: #FAFAFF;
}

.more-btn {
	border: 2px solid #5D4EF6;
	border-radius: 12px;
	padding: 10px 42px 10px 42px;
	color: #5D4EF6!important;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: center;
}

.more-btn:hover {
	border: 2px solid #5D4EF6;
	border-radius: 12px;
	padding: 10px 42px 10px 42px;
	color: #fff!important;
	backgorund: #5D4EF6!imoprtant;
	font-family: Raleway;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: center;
}

.black-title h3 {
	color: #0A081A;
	font-family: Raleway;
	font-size: 51px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px!Important;
}

.footer-preview-info {
	font-family: Mulish;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0em;
	text-align: left;
	margin-right: 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: space-around;
	align-items: stretch;
	justify-content: space-around;
}

.footer-preview-info span {
	margin-right: 15px;
	font-family: Mulish;
	font-size: 36px;
	font-weight: 800;
	line-height: 60px;
	letter-spacing: 0em;
	text-align: left;
	color: #B2AAFF;
}

.sppb-carousel-extended-item.active.sppb-carousel-extended-item-center {
	position: relative;
}

.sppb-carousel-extended-item.active.sppb-carousel-extended-item-center::before,  .sppb-image-carousel-layout3 .sppb-carousel-extended-item:not(.active)::before {
	border-radius: 15px;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: linear-gradient(0deg, rgb(0 0 0 / 80%) 20%, rgb(255, 255, 250, 0) 70%);
}

.sppb-carousel-extended-heading {
	order: 2;
}

.sppb-carousel-extended-subheading {
	order: 1;
	background: #F85E55;
	padding: 10px 20px;
	border-radius: 6px;
	font-family: Mulish;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
}

.sppb-carousel-extended-description {
	order: 3;
}

.sppb-carousel-extended-content-wrap {
	position: absolute;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 15px;
	text-align: left!important;
	flex-direction: column;
	align-content: flex-start;
}

.footer-preview {
	display: flex;
	flex-direction: row;
	/* max-width: 230px; */
	/* width: 230px; */
}

.sppb-carousel-extended-item img {
	border-radius: 15px;
}

.sppb-carousel-extended-heading {
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 10px;
}

.case-awards {
	text-align: center;
	margin-top: 50px;
	color: #FAFAFA;
}

.case-awards h4 {
	font-size: 28px;
	font-weight: 700;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: center;
}

.case-awards p {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0em;
	text-align: center;
	margin: 35px 0px;
}

.awards-panel img {
	width: 100px;
	height: auto;
	margin: 0px 10px;
	position: relative;
	bottom: 10px;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.awards-panel img:hover {
	-webkit-filter: drop-shadow(0px 0px 4px #4DFFA2);
	filter: drop-shadow(0px 0px 4px #4DFFA2);
 cursor:pointer;
}

.awards-panel {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
	height: 46px;
	background: #E8E5FF;
	border-radius: 46px;
	padding: 0px 30px;
}

video.sppb-addon-video-local-source {
	border-radius: 30px;
}

.items-wrap {
	position: relative;
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: 30px;
	margin-bottom: 20px;
}

.items {
	flex-shrink: 0;
	display: flex;
	gap: 20px;
	counter-reset: item;
	justify-content: space-around;
	min-width: 100%;
}

.item {
	max-height: 68px;
	flex: 0 0 auto;
	padding: 5px 35px;
	counter-increment: item;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	color: #fff;
  /* margin: 10px 0; */;
}

.marquee {
	animation: scroll 10s linear infinite;
}

.reverce {
	animation-direction: reverse;
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(calc(-100% - 20px));
	}
}

#partners h2 {
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: center;
	color: #0A081A;
	margin-bottom: 30px;
}

.help {
	background: #E8E5FF;
	padding: 8px 20px 25px 20px;
	border-radius: 12px;
}

.help .number {
	color: #604DFF;
	font-size: 64px;
	font-weight: 700;
	line-height: 91px;
	letter-spacing: 0em;
	text-align: left;
}

.help .number span {
	font-family: Raleway;
	font-size: 51px;
	font-weight: 600;
	line-height: 64px;
	letter-spacing: 0em;
	text-align: left;
}

.help .name {
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 0em;
	text-align: left;
	color: #604DFF;
}

.help .description {
	font-size: 12px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: #A499FF;
}

.home .body-wrapper {
	background: #4349ff;
}

#partners h2 {
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0em;
	text-align: center;
	color: #0A081A;
}

ins {
	text-decoration-color: #4DFFA2;
}

#main-screen .sppb-row.sppb-align-center {
	justify-content: space-between;
}

#sp-header .row {
	display: flex;
	align-items: center;
}

.livitation-block {
	width: 492px;
	height: 450px;
}

#column-wrap-id-1707761797811 {
	max-width: 488px!important;
	width: 480px;
	flex-basis: auto!important;
}

@keyframes levitate-animation {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(0, -20px, 0);
	}
}

.sppb-btn-primary {
	background: #FF5252!important;
	border: none;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	width: auto;
	border-radius: 12px;
	cursor: pointer;
	color: #fff;
	padding: 10px 20px;
}

.sppb-btn-primary:hover {
	background: #fff!important;
	color: #ff5252;
}

.sppb-btn-secondary {
	cursor: pointer;
	border: 2px solid #FAFAFF;
	background: none;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	width: 163px;
	height: 44px;
	border-radius: 12px;
}

.sppb-btn-secondary:hover {
	border: 2px solid #FAFAFF;
	background: #fff;
	color: #4e4efd;
}

li.sp-menu-item a {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: #fafafa!important;
}

li.sp-menu-item.current-item.active a, li.sp-menu-item a:hover {
	color: #ff5252!important;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
}

li.sp-menu-item {
	margin: 0px 20px;
}

#sp-top1 {
	display: flex;
}

.lets-talk {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0em;
	color: #fff;
	background: #604DFF;
	border-radius: 12px;
	width: 162px;
	height: 51px;
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.subtitle {
	font-size: 28px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0em;
	color: #fff;
}

.livitation-block {
	position: relative;
	animation: levitate-animation 7s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
	transform-origin: center;
	transform: translate3d(0, 0, 0);
}

img.iphone-front {
	height: 445px;
	position: absolute;
	top: 59px;
	transform: rotate(-5deg);
	left: 35px;
}

img.iphone-back {
	height: 500px;
	z-index: 9;
	position: absolute;
	right: -10px;
	transform: rotate(3deg);
}

img.flying-icons-wechat {
	position: absolute;
	height: 14vh;
	right: 5vw;
	z-index: 9;
	bottom: -8vw;
	animation: levitate-animation 2s ease-in-out infinite alternate;
	transform-origin: center;
	transform: translate3d(0, 0, 0);
}

img.flying-icons-tiktok {
	position: absolute;
	height: 10vh;
	bottom: 10vh;
	z-index: 9;
	left: 5vw;
	animation: levitate-animation 3s ease-in-out infinite alternate;
	transform-origin: center;
	transform: translate3d(0, 0, 0);
}

img.flying-icons-weibo {
	position: absolute;
	height: 5vh;
	top: 6vh;
	left: 8vw;
	animation: levitate-animation 4s ease-in-out infinite alternate;
	transform-origin: center;
	transform: translate3d(0, 0, 0);
}

img.flying-icons-baidu {
	position: absolute;
	height: 6vh;
	top: -4vh;
	right: 3vw;
	animation: levitate-animation 3s ease-in-out infinite alternate;
	transform-origin: center;
	transform: translate3d(0, 0, 0);
}

img.flying-icons-xiaohongshu {
	height: 8vh;
	top: 17vh;
	right: -8vh;
	position: absolute;
	animation: levitate-animation 4s ease-in-out infinite alternate;
	transform-origin: center;
	transform: translate3d(0, 0, 0);
}

#main-screen h1 {
	font-size: 67px;
	font-weight: 700;
	line-height: 80px;
	letter-spacing: 0em;
	color: #FAFAFF;
}

#main-screen h1 span {
	text-decoration: underline #4DFFA2;
}

/*Desktop End*/




/*Tablet start*/


/*Tablet End*/

/*Mobile start*/

@media screen and (min-width:320px) and (max-width:743px) {
  
  
  div#sp-top2 {
    position: absolute;
    right: -53%;
}
  
  
  .mapmob img{
    width:300px!important;
    margin:auto;
    text-align:center;
    
}

.mapmob .sppb-addon-single-image-container {
    display:block!important;
     
    text-align:center;
}
 

.step-name:before, .step-name:after {
    display:none
}

.step-name {
    width:100px;
    font-size:12px
    
}

.map-info {
    left:unset;
    right:unset;
}

.step-01 {
    top: 322px;
   left:0px;
    bottom:0px;
}

.step-02 {
    top: 456px;
    left: 0px;
    bottom:0px;
}

.step-03 {
    top: 578px;
    left: 0px;
    bottom:0px;
}

.step-04 {
    top: 700px;
    left: 0px;
    bottom:0px;
}

.step-05 {
    top: 746px;
    left: 310px;
    bottom:0px;
    z-index:999;
     
}

.step-06 {
    top: 855px;
    left: 310px;
    bottom:0px;
    z-index:999;
     
}

.step-07 {
    top: 957px;
    left: 310px;
    bottom:0px;
    z-index:999;
     
}

.step-08 {
    top: 1066px;
    left: 310px;
    bottom:0px;
    z-index:999;
     
}

.step-09 {
    top: 1174px;
    left: 310px;
    bottom:0px;
    z-index:999;
     
}

.step-10 {
    top: 1424px;
    left: 30px;
    bottom:0px;
    z-index:999;
     
}

.step-11 {
    top: 1539px;
    left: 10px;
    bottom:0px;
    z-index:999;
     
}

.step-12 {
    top: 1647px;
    left: 0px;
    bottom:0px;
    z-index:999;
     
}

.step-13 {
    top: 1761px;
    left: 0px;
    bottom:0px;
    z-index:999;
     
}


.step-14 {
    top: 1862px;
    left: 20px;
    bottom:0px;
    z-index:999;
    width:70px
     
}

.step-15 {
    top: 1896px;
    left: 310px;
    bottom:0px;
    z-index:999;
 
     
}

.step-16 {
    top: 2003px;
    left: 310px;
    bottom:0px;
    z-index:999;
    width:70px
     
}
  
  
  .tabs-content {
    background: #fff;
    border-radius: 15px;
    width: 100%;
}

.phone-container {
    width: 100%;
    margin: auto;
}

img#phone-image {
    width: 150px;
    height: auto;
    margin:auto;
}

.carousel-container {
    display: flex;
    background: #e6e4ff;
    flex-direction: column;
}

#section-id-1709804354725 .black-title h3 {
    font-size:32px;
   
}

div#sppb-addon-Nk-GB_r8WUJb04_cpp4bt {
    padding-bottom:0px
}

#section-id-1709804354725 .content-text {
    width:85%;
}

.tab-content-title {
    font-size:18px
}

.tab-content-container h3 {
    font-size:14px
}

.tab-content-container p {
    font-size:12px
}

.tab-button-smm {
    padding: 10px;
}

.tabs .tab-button-smm img {
    width: 40px;
}

.tab-button-smm:hover {
     background-image:none;
    flex: 0 0 0px;
    padding: 10px;
     position:relative;
    bottom:-15px;
        border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.tabs span {
    font-size:12px;
    font-weight:500
}

.tab-button-smm.active {
   background-image:none;
    flex: 0 0 0px;
    padding: 10px;
    background:#fff;
    position:relative;
    bottom:-5px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.tabs {
    display: flex;
    justify-content: space-evenly;
}
  
  
  
  
element.style {
}
.awards-panel img {
    width: 80px;
    height: auto;
    margin: 35px 10px 10px 10px;
  }
  
  #form p {

    position: relative;
  }

	.footer-preview .footer-preview-info {
    margin-right:0px!Important;
    line-height:1;
		text-align:center;
}

  #sppb-addon-ZoZbcm0nhP64zDCABok66 {
 padding-bottom: 15px!important;
 }
	#industries .sppb-row-column {
    max-width: 50%!important;
    flex-basis: 50%!important;
    display:inline-block;
}

#industries .sppb-row-column img {
    height:80px;
    margin-top:15px;
     
}
 
  
  
  button.jlmf-link {
    width: 36px;
  }
  
  .jlmf-label:after {
    width: 8px;
    height: 8px;
  }
  
  .jlmf-section {
    padding: 6px 6px;
  }
  
  section#sp-section-3 {
    position: relative;
    z-index: 9;
    bottom: 68px;
    width: auto;
    margin: auto;
}
  
  .jlcontentfieldsfilter .jlmf-section:nth-child(1) {
    width: 100px;
}

.jlcontentfieldsfilter .jlmf-section:nth-child(2) {
    width:100px;
}

.jlcontentfieldsfilter .jlmf-section:nth-child(3) {
    width: 113px;
}

.jlcontentfieldsfilter .jlmf-section:nth-child(4) {
   height:34px;
  
}
  
  
  
  .jlcontentfieldsfilter {
    font-size: 14px;
}
  
  #column-wrap-id-1711619459958 {
    margin: 100px 0px!important;
}
  
  
  
  #grab .sppb-addon-content h3.sppb-addon-title {
    font-size: 48px!important;
  }
  
  .itemid-105 div#main-screen {
    height:340px!important
}
.itemid-105 h1 {
    margin-top:0px
}
  
  
  
  .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    width: 100%;
}
  
  #aibot .sppb-addon-single-image-container {
    position: relative;
  }
   

div#column-wrap-id-1711711742705 {
   order:2!important;
}

div#column-wrap-id-1711711742706 {
   order:1!important;
}

.sp-page-builder .page-content #aibot {
   padding-bottom:0px!important;
   margin-bottom:-130px!important;
}
  
  
  
  div#column-wrap-id-1711619459958 {
    margin: 20px 0px;
}
	                                                                                                                                       .itemid-105 .black-title h3 {
    font-size:32px 
}                                     

	.article-header   {
    padding:0px!important;
       
 
}.article-header   {
    padding:0px!important;
       
                                                                                                                                                        
}
  .blog .article-body {
    width: 90%;
}
  
  .blog span.field-label {
    font-size: 10px;
  }
  
  .layout-blog #main-screen h1 {
    position:relative;
    top:-30px;
    text-align: center;
}

	 

section#work #column-wrap-id-1708374049127 {
    padding-left:0px;
    padding-right:0px;
}
 

	.sppb-carousel-extended-subheading {
    font-size: 12px;
    padding: 6px 14px;
}
	

	.sppb-carousel-extended-item.active.sppb-carousel-extended-item-center::before,  .sppb-image-carousel-layout3 .sppb-carousel-extended-item:not(.active)::before {
	border-radius: 15px;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 0, 0, 0.5)), color-stop(50%, rgb(255, 255, 250, 0)));
	background: linear-gradient(0deg, rgb(0, 0, 0, 0.77) 10%, rgb(255, 255, 250, 0) 90%);
}                       

	.sppb-carousel-extended-content-wrap {
		padding:10px;
	}
  
  .sp-page-builder .page-content #section-id-1708351068654 {
    padding-top: 10px!important;
  }
  

 

#industries .sppb-addon-single-image h3.sppb-addon-title {
    font-size: 14px;
}

#industries .sppb-row-container {
     display: flex!important;
    flex-wrap: nowrap!important;
    justify-content: space-between!important;
    align-items: flex-end!important;
}

	.sppb-image-carousel-layout3 .sppb-carousel-extended-item:not(.active) {
		transform: scale(1);
		opacity: 2;
	}

	.sppb-carousel-extended-heading {
		font-size: 12px;
		line-height: 1.4;
	}

	.footer-preview-info span {
		font-size:  20px;
		text-align: center;
		display: block;
		margin: auto;
		line-height: 1.5;
		text-align: center;
	}

	.footer-preview-info {
		font-size: 9px;
		line-height: 12px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
	}

	.awards-scroll-mobile {
		overflow: scroll visible;
		position: relative;
		z-index: 2;
	}

	.awards-panel {
		height: auto;
		background: none;
	}

	.awards-panel-mobile {
		height: 48px;
		background: #E8E5FF;
		position: absolute;
		width: 110%;
		left: -5%;
		margin-top: -40px;
		z-index: 1;
	}

	.help {
		height: 204px;
	}

	.help .number {
		color: #604DFF;
		font-size: 48px;
	}

	.help .number span {
		font-family: Raleway;
		font-size: 33px;
	}

	.help .name {
		font-size: 15px;
	}

	.help .description {
		font-size: 10px;
		line-height: 1.8;
	}

	.logo-image {
		height: 66px!important;
	}

	div#sp-menu {
		position: absolute!important;
	}

	header#sp-header {
		top: 40px;
	}

	h1 {
		margin-top: 90px;
	}

	#main-screen h1 {
		font-size: 40px;
		font-weight: 700;
		line-height: 48px;
		letter-spacing: 0em;
		text-align: left;
	}

	.subtitle {
		font-size: 23px;
		font-weight: 600;
		line-height: 32px;
		color: #fff;
	}

	.livitation-block {
		width: 492px;
		height: 450px;
		top: 100px;
	}

	img.iphone-front {
		height: 327px;
		position: absolute;
		top: 40px;
		transform: rotate(-5deg);
		left: -8px;
	}

	img.iphone-back {
		height: 370px;
		z-index: 9;
		position: absolute;
		right: 160px;
		transform: rotate(3deg);
	}

	img.flying-icons-wechat {
		position: absolute;
		height: 10vh;
		right: 54vw;
		z-index: 9;
		bottom: 10vw;
		animation: levitate-animation 2s ease-in-out infinite alternate;
		transform-origin: center;
		transform: translate3d(0, 0, 0);
	}

	img.flying-icons-tiktok {
		position: absolute;
		height: 8vh;
		bottom: 20vh;
		z-index: 9;
		left: 3vw;
		animation: levitate-animation 3s ease-in-out infinite alternate;
		transform-origin: center;
		transform: translate3d(0, 0, 0);
	}

	img.flying-icons-weibo {
		position: absolute;
		height: 4vh;
		top: 2vh;
		left: 8vw;
		animation: levitate-animation 4s ease-in-out infinite alternate;
		transform-origin: center;
		transform: translate3d(0, 0, 0);
	}

	img.flying-icons-baidu {
		position: absolute;
		height: 6vh;
		top: -4vh;
		right: 50vw;
		animation: levitate-animation 3s ease-in-out infinite alternate;
		transform-origin: center;
		transform: translate3d(0, 0, 0);
	}

	img.flying-icons-xiaohongshu {
		height: 6vh;
		top: 17vh;
		right: 14vh;
		position: absolute;
		animation: levitate-animation 4s ease-in-out infinite alternate;
		transform-origin: center;
		transform: translate3d(0, 0, 0);
	}

	.subtitle {
		font-size: 23px;
		line-height: 32px;
	}

	#main-screen h1 {
		font-size: 40px;
		font-weight: 700;
		max-width: 310px;
	}
}

/*Mobile End*/











body,.sp-preloader {
	background-color: #ffffff;
	color: #252525;
}

.sp-preloader>div {
	background: #0345bf;
}

.sp-preloader>div:after {
	background: #ffffff;
}

#sp-top-bar {
	background: #333333;
	color: #aaaaaa;
}

#sp-top-bar a {
	color: #aaaaaa;
}

#sp-header {
	position: absolute;
}

#sp-menu ul.social-icons a:hover,#sp-menu ul.social-icons a:focus {
	color: #0345bf;
}

a {
	color: #0345bf;
}

a:hover,a:focus,a:active {
	color: #044cd0;
}

.tags>li {
	display: inline-block;
}

.tags>li a {
	background: #fff;
	color: #b3aaff;
	font-weight: 500;
	padding: 3px 10px;
}

.tags>li a:hover {
	background: #044cd0;
}

.article-social-share .social-share-icon ul li a {
	color: #252525;
}

.article-social-share .social-share-icon ul li a:hover,.article-social-share .social-share-icon ul li a:focus {
	background: #0345bf;
}

.pager>li a {
	border: 1px solid #ededed;
	color: #252525;
}

.sp-reading-progress-bar {
	background-color: #0345bf;
}

.sp-megamenu-parent>li>a {
	color: #252525;
}

.sp-megamenu-parent>li:hover>a {
	color: #0345bf;
}

.sp-megamenu-parent>li.active>a,.sp-megamenu-parent>li.active:hover>a {
	color: #0345bf;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background: #ffffff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
	color: #252525;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {
	color: #0345bf;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
	color: #0345bf;
}

.sp-megamenu-parent .sp-mega-group>li>a {
	color: #252525;
}

#offcanvas-toggler>.fa {
	color: #252525;
}

#offcanvas-toggler>.fa:hover,#offcanvas-toggler>.fa:focus,#offcanvas-toggler>.fa:active {
	color: #0345bf;
}

#offcanvas-toggler>.fas {
	color: #252525;
}

#offcanvas-toggler>.fas:hover,#offcanvas-toggler>.fas:focus,#offcanvas-toggler>.fas:active {
	color: #0345bf;
}

#offcanvas-toggler>.far {
	color: #252525;
}

#offcanvas-toggler>.far:hover,#offcanvas-toggler>.far:focus,#offcanvas-toggler>.far:active {
	color: #0345bf;
}

.offcanvas-menu {
	background-color: #ffffff;
	color: #252525;
}

.offcanvas-menu .offcanvas-inner a {
	color: #252525;
}

.offcanvas-menu .offcanvas-inner a:hover,.offcanvas-menu .offcanvas-inner a:focus,.offcanvas-menu .offcanvas-inner a:active {
	color: #0345bf;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,.offcanvas-menu .offcanvas-inner ul.menu>li span {
	color: #252525;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
	color: #0345bf;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
	color: rgba(37, 37, 37, 0.5);
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
	color: rgba(37, 37, 37, 0.5);
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
	color: rgba(37, 37, 37, 0.8);
}

.btn-primary,.sppb-btn-primary {
	border-color: #0345bf;
	background-color: #0345bf;
}

.btn-primary:hover,.sppb-btn-primary:hover {
	border-color: #044cd0;
	background-color: #044cd0;
}

ul.social-icons>li a:hover {
	color: #0345bf;
}

.sp-page-title {
	background: #0345bf;
}

.layout-boxed .body-innerwrapper {
	background: #ffffff;
}

.sp-module ul>li>a {
	color: #252525;
}

.sp-module ul>li>a:hover {
	color: #0345bf;
}

.sp-module .latestnews>div>a {
	color: #252525;
}

.sp-module .latestnews>div>a:hover {
	color: #0345bf;
}

.sp-module .tagscloud .tag-name:hover {
	background: #0345bf;
}

.search .btn-toolbar button {
	background: #0345bf;
}

#sp-footer,#sp-bottom {
	background: #171717;
	color: #ffffff;
}

#sp-footer a,#sp-bottom a {
	color: #a2a2a2;
}

#sp-footer a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-bottom a:hover,#sp-bottom a:active,#sp-bottom a:focus {
	color: #ffffff;
}

#sp-bottom .sp-module-content .latestnews>li>a>span {
	color: #ffffff;
}

.sp-comingsoon body {
	background-color: #0345bf;
}

.pagination>li>a,.pagination>li>span {
	color: #252525;
}

.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus {
	color: #252525;
}

.pagination>.active>a,.pagination>.active>span {
	border-color: #0345bf;
	background-color: #0345bf;
}

.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus {
	border-color: #0345bf;
	background-color: #0345bf;
}

.error-code,.coming-soon-number {
	color: #0345bf;
}