

/*Hide Header - Footer*/

.footer-wrap{
  display:none !important;
}
.section-bg-light{
  background-color:#F4F7FF !important;
}
.btn-primary{
  background-color:var(--theme-color);
}
.btn-secondary{
  background-color:transparent;
  border-color:var(--theme-color);
  color:var(--theme-color);
}
.btn-secondary:hover{
  background-color:var(--theme-color);
  color:#fff;
}
main#content .common-section,
main#content .container{
  overflow:hidden;
}
.common-section .btn_group .btn{
  padding:10px 25px;
  font-weight:600;
}
/*Header*/
.lp-header{
  background-color:var(--theme-color);
  padding:15px 0;
  display:none;
}
.lp-header-button{
  display:flex;
  justify-content:flex-end;
}
.lp-header-button a{
  background-color:#f16625 !important;
  color:#fff !important;
}
.lp-header-button a:hover{
  background-color:#df5b1e !important;
}

.lp-footer .footer_company_reviews{
  flex-wrap:wrap;
}
.lp-footer-contact ul{
  float:right;
}
.lp-footer-contact li{
  display:flex;
  align-items:center;
  gap:25px;
  margin-bottom:25px;
}
.lp-footer-contact li:nth-last-child(1){
  margin-bottom:0;
}
.lp-footer-contact li i{
  height:25px;
  width:25px;
}
.lp-footer-contact li i svg{
  height:100%;
  width:100%;
}
.lp-footer-contact li div span{
  font-size:1.375rem;
}

/**Banner**/
.lp-banner{
  background:var(--theme-color);
  padding:50px 0;
}
.lp-banner .lp-banner-content h1{
  font-size:2.1875rem;
  font-weight:bold;
  color:#fff;
}
.lp-banner .lp-banner-content > p{
  font-size:1rem;
  color:#fff;
}
.lp-banner-sns{
  background-color:#fff;
  border-radius:10px;
  padding:15px;
  margin:20px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  font-size:14px;
  font-weight:600;
}
.lp-banner-sns img{
  max-height:60px;
}
.lp-banner-btns{
  display:flex;
  gap:15px;
}
.lp-banner-btns .btn{
  padding:10px 20px;
  font-weight:600;
  border:2px solid #fff;
  color:#fff;
  width:100%;
  min-width:150px;
  border-radius:50px;
}
.lp-banner-btns .btn:hover,
.lp-banner .lp-banner-content a.btn-primary{
  background-image:none;
  background-color:#ffffff;
  color:#000000;
}
.lp-banner-form{
  background-color:#fff;
  padding:30px;
  border-radius:8px;
  box-shadow:0 0 20px rgb(0 0 0 / 10%);
  margin-top:30px;
  position:relative;
}
.lp-banner-form > p{
  font-weight:bold;
  font-size:17px;
  margin-bottom:15px;
}
.lp-banner-form-field label{
  font-weight:600;
}
.lp-banner-form-field input,
.lp-banner-form-field textarea{
  border:1px solid #ddd;
  border-radius:5px;
  padding:10px 15px;
  width:100%;
}
.lp-banner-form-field input:focus,
.lp-banner-form-field textarea:focus{
  border:1px solid var(--theme-color);
  box-shadow:none;
  outline:none;
}
.lp-banner-form .form-btn button{
  width:100%;
}
.lp-banner:after{
  content:'';
  position:absolute;
  background-repeat:no-repeat;
  right:0;
  bottom:0;
  background-image:url(../images/bannerafter.png);
  width:16.6875rem;
  height:23.9375rem;
}
.lp-banner:before{
  content:'';
  position:absolute;
  background-repeat:no-repeat;
  left:0;
  top:0;
  background-image:url(../images/bannerbefore.png);
  width:15.5625rem;
  height:29.8125rem;
}

/*Check Points*/
.lp-check-points li{
  display:flex;
  gap:10px;
}
.lp-check-points li + li{
  margin-top:10px;
}
.lp-check-points li i{
  color:#69d733;
  margin-top:2px;
}
.lp-check-points li span{
  flex:1;
}
.lp-inline-points div{
  background-color:#fff;
  border-radius:20px;
  padding:20px;
  font-weight:500;
  box-shadow:0rem 1px 3px rgba(0, 0, 0, 0.1);
  transition:1ms 100ms all;
  display:flex;
  flex-direction:column;
  align-items:center;
  flex:1;
}
.lp-inline-points div:hover{
  box-shadow:0rem 1px 7px rgba(0, 0, 0, 0.1);
}
.lp-inline-points div i{
  height:40px;
  width:40px;
  margin:10px 0 20px;
}
.lp-inline-points div i svg{
  fill:var(--theme-color);
  height:100%;
  width:100%;
}
/*Products Section*/
.lp-tabs-section{
  background-image:none;
}
.lp-plugins-list{
  display:flex;
  flex-wrap:wrap;
  margin:0 -10px;
}
.lp-plugins-list-item{
  width:33.33%;
  padding:10px;
  display:flex;
}
.lp-plugins-list-item > a{
  display:flex;
  align-items:center;
  gap:15px;
  border:1px solid #efefef;
  padding:15px;
  border-radius:10px;
  box-shadow:0rem 1px 3px rgba(0, 0, 0, 0.1);
  transition:1ms 100ms all;
  width:100%;
}
.lp-plugins-list-item > a:hover{
  box-shadow:0rem 1px 7px rgba(0, 0, 0, 0.1);
}
.lp-plugins-list-item figure{
  height:55px;
  width:55px;
}
.lp-plugins-list-item figure img{
  height:100%;
  width:100%;
  object-fit:contain;
  border:1px dashed var(--theme-color);
  border-radius:50%;
  padding:2px;
}
.lp-plugins-list-item h3{
  text-align:left;
  font-size:17px;
  font-weight:500;
  margin:0;
  line-height:1.5;
  flex:1;
}
.lp-mobile-apps{
  border:1px solid #efefef;
  border-radius:20px;
  background-color:rgba(18, 17, 128, 0.06);
  padding:30px;
}
.lp-mobile-apps li{
  display:flex;
  gap:10px;
}
.lp-mobile-apps li + li{
  margin-top:15px;
}
.lp-mobile-apps li i{
  height:24px;
  width:24px;  
}
.lp-mobile-apps li i svg{
  fill:var(--theme-color);
  height:100%;
  width:100%;
}
.lp-mobile-apps li span{
  flex:1;
  min-width:1px;
} 
/*Features*/
.lp-features-list{
  display:flex;
  flex-wrap:wrap;
  margin:0 -10px;
}
.lp-features-list-item{
  padding:10px;
  width:20%;
  display:flex;
}
.lp-features-list-item article{
  background-color:#fff;
  border-radius:15px;
  padding:15px;
  box-shadow:0rem 1px 3px rgba(0, 0, 0, 0.1);
  transition:1ms 100ms all;
}
.lp-features-list-item article:hover{
  box-shadow:0rem 1px 7px rgba(0, 0, 0, 0.1);
}
.lp-features-list-item article i{
  border-radius:50%;
  background-color:#4D4BB7;
  height:55px;
  width:55px;
  margin:0 auto 15px;
  display:block;
  padding:10px;
}
.lp-features-list-item article i svg{
  height:100%;
  width:100%;
}
.lp-features-list-item article h3{
  font-size:18px;
  font-weight:600;
}
.lp-features-list-item article p{
  margin:0;
}

/*Reviews*/
.lp-review-section{
  position:relative;
  overflow:hidden;
}
.lp-review-section .icon1,
.lp-review-section .icon2,
.lp-review-section .icon3{
  position:absolute;
}
.lp-review-section .icon1{
  left:12%;
  top:60px;
}
.lp-review-section .icon2{
  right:15%;
  top:30px;
}
.lp-review-section .icon3{
  bottom:-45px;
  left:-50px;
}
.lp-reviews .container{
  position:relative;
  z-index:1;
}
.lp-reviews{
  position:relative;
  overflow:hidden;
}
.lp-reviews .owl-stage-outer{
  border-radius:10px;
  background-color:#FCFCFC;
  box-shadow:0rem 2px 10px rgba(0, 0, 0, 0.1);
  overflow:hidden;
  margin-bottom:15px;
}
.lp-reviews .owl-stage{
  display:flex;
}
.lp-reviews .owl-nav.disabled{
  display:none;
}
.lp-reviews .owl-dots{
  display:flex;
  justify-content:center;
  gap:10px;
}
.lp-reviews .owl-dots .owl-dot{
  background-color:#E4E4E4;
  border-radius:50%;
  border-width:0;
  width:12px;
  height:12px;
}
.lp-reviews .owl-dots .active{
  background-color:var(--theme-color);
}
.lp-reviews-item{
  padding:30px;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:center;
  height:100%;
}
.lp-reviews-item p{
  font-size:16px;
  font-weight:500;
  line-height:1.8;
  margin-bottom:30px;
}
.lp-reviews-item span{
  margin-top:auto;
  font-weight:bold;
}

.lp-sns-section ul{
  padding-left:20px;
}
.lp-sns-section ul li{
  list-style:decimal;
}
.lp-sns-section ul li + li{
  margin-top:10px;
}
.lp-sns-section img{
  border-radius:10px;
  border:1px solid #efefef;
  box-shadow:0rem 2px 5px rgba(0, 0, 0, 0.2);
}
@media (max-width:1200px) {
  .counter-section-container{
  padding-top:0; 
  }
}
@media (max-width:767px) {
  .lp-banner-content{
    text-align:center;
  }
  .lp-banner .lp-banner-content h1{
    font-size:30px;
    line-height:1.5;
  }
  .lp-banner-btns{
    flex-direction:column;
  }
  .lp-plugins-list-item{
    width:50%;
  }
  .lp-features-list{
    flex-wrap:nowrap;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
  }
  .lp-features-list-item{ 
    scroll-snap-align:start;
    scroll-snap-stop:always;
    min-width:320px;
    max-width:320px;
  }
  .counter-section-content > div:nth-child(2){
    border-right-width:0;
  }
  .image-section .image-section-img img{
    display:none;
  }
}
@media (max-width:540px) {
  .lp-header-logo{
    position:relative;
    z-index:11;
  }
  .lp-header-logo img{
    height:auto;
  }
  .lp_our_package .nav-pills .nav-link{
    min-width:inherit;
  }
  .lp-plugins-list,
  .solutions-list{
    flex-wrap:nowrap;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
  }
  .lp-plugins-list-item,
  .solutions-list > .col-lg-4{
    scroll-snap-align:start;
    scroll-snap-stop:always;
    min-width:320px;
    max-width:320px;
  }
  .lp-review-section > i{
    display:none;
  }

  .footer_main .col{
    width:100%;
  }
  .lp-footer-contact ul{
    float:none;
  }
}

/*Contact Modal*/
.support-modal .modal-content{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,0.15);
}
.support-header{
  background:linear-gradient(135deg,#4e73df,#224abe);
  color:#fff;
  padding:18px 20px;
  border-bottom:none;
}
.support-header h4{
  margin:0;
  color:#fff;
  font-size:22px;
  text-align:center;
  font-weight:bold;
}
.support-modal .modal-body{
  padding:30px;
}
.support-call-box{
  background:#f8f9ff;
  border-radius:10px;
  padding:15px;
}
.support-phone{
  font-size:20px;
  font-weight:600;
  color:#0d6efd;
  text-decoration:none;
}
.support-phone:hover{
  text-decoration:underline;
}
.support-text{
  font-size:15px;
  margin-bottom:18px;
  color:#444;
}
.support-modal .form-control{
  border-radius:8px;
  padding:12px;
  border:1px solid #ddd;
}
.support-modal .form-control:focus{
  box-shadow:none;
  border-color:#4e73df;
}
.support-btn{
  padding:12px;
  font-weight:600;
  border-radius:8px;
  font-size:16px;
}
.support-trust{
  text-align:center;
  margin-top:12px;
  font-size:13px;
  color:#777;
}