/*12-5-25*/
.mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal span{border-radius:3px}
body:not(.homepage) .main-logo{padding:6px;background:#3c3c3c;border-radius:100%}
.mobile-responsive-nav .mobile-responsive-menu{position:relative}
.mobile-responsive-nav .mobile-responsive-menu .logo{position:relative;z-index:1;max-width:185px}
.mobile-responsive-nav .mobile-responsive-menu .logo .white-logo{display:none}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav{margin-top:70px;background-color:#fff;border-radius:0 0 10px 10px;overflow: hidden;}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul{border:none!important;background-color:#DFDDEB;}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a{border-top-color:#efefef;color:#1B2336!important;font-size:14px!important;font-weight:500;text-transform:capitalize}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a i{display:none}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.mean-expand{width:100%;height:28px;text-align:right;padding:11px!important;background:transparent!important;border-left:none!important;border-bottom:none!important}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li a.active{font-weight:600;color:var(--blackColor)!important}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav ul li li a{font-size:15px}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav{box-shadow:0 7px 13px 0 rgba(0,0,0,0.1);margin-top:0!important;max-height:80vh;/*overflow-y:scroll*/}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar{width:7px}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-track{background:#f1f1f1}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb{background:#888}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .navbar-nav::-webkit-scrollbar-thumb:hover{background:#555}
.mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal{top:18px;padding:0;width:25px;height:30px;color:var(--whiteColor)}
.mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal span{background-color:var(--whiteColor);height:4px;margin-top:-6px;border-radius:0;position:relative;top:8px}
.mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-bar{background:transparent;position:absolute;z-index:2;padding:0;}
.showbtn{display: none;}
/*12-5-25*/


.valueDiv{padding-top: 80px;}
/* .tonicDiv._txtHD {padding-bottom: 50px;} */
.count-wrap {position: relative;padding-bottom: 10px;}

.textual-steps{padding: 0 0 0 80px;}
.step-line {background-image: url(../images/line-arrow.svg);background-repeat: no-repeat;width: 48px;height: 7px;position: absolute;top: 14px;left: -43px;}
.step-count {background-color:var(--space-black);color:var(--white-color); border-radius: 60px;justify-content: center;align-items: center;width: 36px;height: 36px;line-height: 20px;display: flex;}
.step-line::after {background:var(--space-black);content: "";width: 1px;height: 520px;position: absolute;left: 1px;top: -100px;}
.step-line::after::nth-last-child(4){display: none;}
.step-line.no-line:after{display: none;}

.textual-steps .section-title h3 {padding-left: 30px;}
.textual-steps .section-title {margin: 0;text-align: left;}

.testimonial-area h2{font-size: 34px;text-transform: none;text-align: left;}
.testimonial-area .section-title {align-items: end;}
.owl-nav .owl-prev {margin: 0 10px;}

.mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal{color: var(--primary-color);}
.mobile-responsive-nav .mobile-responsive-menu.mean-container a.meanmenu-reveal span{background: var(--primary-color);}

.blogContent .bullets {padding-bottom: 20px;}
.blogContent .bullets {padding-bottom: 20px;}
.blogContent img {width: 700px;background: #f7f7f7;padding: 20px;border-radius: var(--border-radius-10);}
.blogContent h5{margin:20px 0;padding: 0;}

.text-block {background: var(--space-black);padding: 30px;border-radius: var(--border-radius-20);color: var(--white-color);margin-bottom: 20px;}
.text-pb{padding-bottom: 50px;}
.mt_top{margin-top: 80px;}
.form-select {
	margin-bottom: 15px;
}
.dis_checkbox {margin-bottom: 15px;
  font-size: 14px;
  font-weight: 500;}
.dis_checkbox input {font-size: 14px;margin-right: 10px;}
#frmSignup {
	background: #Fff;
	padding: 40px;
	border-radius: 20px;
}


/* signup-css */
.logoSignup{width: 130px;margin-bottom: 30px;}
.joinContent .signup-details {padding:80px;  position: relative;}
.signup-details .section-title{text-align: left;}
.signup-form {background: var(--offwhite);padding: 0;}
.signupForm {padding:0 80px;background: var(--primary-color);min-height: 100vh;width: 45%;
  background-image: url(../images/signup-waves.png);background-repeat: no-repeat;background-size: 100%;background-position:0 bottom;display: flex;align-items: center;justify-content: center;}
.signup-content {width: 100%;display:flex;justify-content:space-between;}
.signup-content .column{background:#f9f9f9;padding:25px;width:49%;height:320px;overflow-y: auto;border-radius: 15px;}
.joinContent {width: 55%;padding: 0;display:flex;align-items: center;}
/* .signupForm a{display: flex;justify-content: end;} */
.joinSec {margin: 0;}
#frmsignup {background: var(--white-color);padding: 50px;border-radius: 30px;}


.signup-content .column h4 {margin-bottom: 10px;}
.signup-content .column p{padding: 10px 0 15px 0;}

footer .row{padding-left: 0;}
footer .bottomlogo{display: none;}


  @keyframes scroll-marquee {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }

/* signup-css */


/* 20-5-25 product-css*/
.steplist_icon{display: flex;align-items: center;  justify-content: space-between;}
.steplist_icon i{color: #fff;
  margin-left: 10px;
  background: var(--primary-color);
  width: 30px;
  display: block;
  height: 30px;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;}
.steplist_icon h6{margin: 0;}
/* 20-5-25 product-css*/


/* how-it-works-css */

.barDiv {display: flex;background: #eee;width: 100%;padding: 10px;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.barDiv .round {width: 10px;height: 0;border-radius: 80px;padding-top: 10px;margin: 3px;}
.-red{  background-color: #f0463d;}
.-yellow{  background-color: #e9c300;}
.-green{  background-color: #4cc844;}

.videoDiv {overflow: hidden;}
.videoDiv .item{width: 100%;}
.videoBtn {position: relative;}
.videoBtn .btn.btn-primary {position: absolute;right: 70px;top: -90px;background: var(--mint-color);border-color: var(--mint-color);}

.animated-btn {
      cursor: pointer;
      animation: pulse 1.5s infinite;
      box-shadow:0 0 0 0 rgba(146, 240, 255, 0.7);
      transition: transform 0.3s ease;
    }
 
    @keyframes pulse {
      0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(146, 240, 255, 0.7);
      }
      70% {
        transform: scale(1.05);
        box-shadow: 0 0 0 10px rgba(143, 217, 237, 0);
      }
      100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(79, 70, 229, 0);
      }
    }





/* how-it-works-css */






@media only screen and (max-width:1400px) {
    .banner{padding-bottom:0;padding-top:0}
    .banner-content .title h1{color:var(--white-color);font-size:94px}
    .section-title h2{font-size:35px}
    .banner-content{padding-top:70px}
    .banner-content .title{margin-bottom:30px}
    .whatweoffer .boxColumn{ min-height: 300px;}
    .featuredsec .featuredbox{min-height: 200px;}
    .howitworks .steps{min-height: 240px;margin-bottom:20px;}
    .mission-column{ min-height: 360px;}
    .step-line::after {height: 468px;}
} 



@media only screen and (max-width: 1200px) {
    .navbar-area{background-color:transparent;z-index:2;padding-top:10px;padding-bottom:10px;}
    .navbar-area .dropdown-toggle::after{display:none}
    .desktop-nav{display:none!important}
    .mobile-responsive-nav{display:block}
    .showbtn.red.nav-item .btn.btn-primary.btn-sm {color:var(--white-color) !important;}
    .showbtn.red.nav-item .btn.btn-primary.btn-sm {border-radius: 0;}
    .showbtn.red.nav-item.mean-last .btn.btn-secondary.btn-sm {border-radius: 0;padding: 0;background:#152b3c;color: var(--white-color) !important;}
    .showbtn.red.nav-item:hover {background: var(--primary-colorhover);}
    .banner{padding-bottom:50px;padding-top: 80px;}
    .banner .banner-content .title h1{font-size:48px;}
    .banner .banner-content .title{margin-bottom:30px;text-align:center}
    .banner-content{padding-top:50px}
    .roundbtn{width:110px;margin:0 auto}
    .roundbtn a{width:82px;height:82px;left:14px;top:14px;font-size:40px}
    .navbar-collapse{padding:20px}
    .mobile-responsive-nav .mobile-responsive-menu .logo {z-index: 2;}
    .be-academy{overflow: hidden;}
    .hd-bottom-img {padding: 30px 0 60px !important;} 
    .mobile-responsive-nav .mobile-responsive-menu.mean-container .mean-nav {width:100%;z-index: 99999999;position: relative;left: 0;}
    .be-academy .bgwhite {margin-top: -130px;padding: 100px 0 100px 0;}    
    .showbtn{display: block;}
    .black-logo, .main-logo{height: 60px;}
    .page-main-heading h1{font-size: 40px;}
    .whatweoffer .boxColumn {margin-bottom: 20px;}
    .howitworks .quotediv p{margin-top: 0;}
    .teamssec .steplist{margin-bottom:20px;}
    .mission-column {margin-bottom: 20px; }
    footer .bottomlogo {display: none;}
    footer .row {padding-left: 0px;}

.chatbotColumn {justify-content: center;}
.chatbot-area{flex-wrap: wrap;justify-content: center;padding: 40px 14px;}
.chatbot-area .section-title h2, .chatbot-area .section-title p{text-align: center;}
.chatbot-area .section-title{width: 100%;margin: auto;}
.step-line{display: none;}

.joinContent .signup-details{padding: 30px;width: 100%;}
.signupForm{padding: 30px 30px;}


}


@media screen and (max-width: 991px) {
    section, .section {padding: 50px 0;}
    .page-main-heading h1 {font-size: 30px;}
    .section-title h2 {font-size: 30px;line-height: normal;}
    .banner .banner-content h1{font-size: 45px;}
    .marquee-slide{flex-wrap: wrap;}
    .testimonial.section {padding: 0;}
    .testimonial-area{flex-wrap: wrap;}
    .testimonial-area .section-title{width: 100%;}
    .bookdemo .solution-content {padding:0px;}
    .footerBox .box-content{width: 100%;}
    footer .footColumn {width: 50%;}
    footer .footColumn.connect, footer .footColumn.newsletterfoot {width: 50%;margin-top: 30px; }
    footer{padding: 50px 0 0;}

    .contactSec .form-wrapper{margin-left: 0;}
    .bookdemo .left, .bookdemo .right{display: none;}
    .bookdemo{padding: 50px 0;}
    /* .mt_top{margin-top: 50px;} */
    .joinContent{width: 100%;}
    .signupForm{width: 100%;/*padding: 50px;*/min-height: auto;}
    .joinContent .signup-details{/*padding: 50px;*/min-height: auto;padding: 50px 20px;}
    .chatbotColumn .item{width: 100%;}
    .textual-steps{padding: 0;}
  
}


@media screen and (max-width: 768px) {
    
    .bannerBox .inner{display: inline;}
    .ButtonDiv {margin-bottom: 30px;}
    .bannerBox .right{padding: 30px;}
    .testimonial-slider .item{margin: 0;}
    .founderSection .productstory{padding-top: 30px;}
    .securitysec .security-flow{flex-wrap: wrap;}
    .securitysec .security-flow .sflow-heading{width: 100%;min-width: 100%;margin-bottom:20px;}
    .securitysec .security-flow .row-slide:last-child {margin: 0;}
    .securitysec .security-flow .row-slide {margin-bottom: 30px;}
    .securitysec .security-flow:last-child {margin: 0;}
    .blog-wrap .page-main-heading p {margin-bottom: 30px;}
    /* .cardDiv {padding: 0;} */
    .featuredsec{padding: 40px 20px;}
    section .page-section-heading{margin-bottom: 30px;}
    section .page-section-heading h2{font-size: 24px;}
    .text-mb{margin-bottom: 30px;}
    .bookdemo{padding:50px 0;}
    .blogbox, .featuredsec .featuredbox, .howitworks .steps, .teamssec .steplist, .whatweoffer .boxColumn, .mission-column{min-height: auto;}

    .footerBox .box-content{width: 100%;padding:20px;}
    footer .footColumn.connect, footer .footColumn.newsletterfoot {width: 100%;}
    footer .copyright-area{margin-top: 30px;}
    
    
}


@media screen and (max-width: 600px) {
    
    .page-main-heading h1 {font-size: 30px;}
    .banner .banner-content h1 {font-size: 30px;}
    .section-title span{font-size:15px}    
    .banner .banner-content .title h1{font-size:28px;}
    .bannerBox .container {padding: 30px}
    .ButtonDiv .btn.btn-primary{font-size: 15px;}
    .ButtonDiv .btn.btn-secondary{font-size: 15px;}
    .testimonial-area {padding: 40px 20px;}
    .footerBox .box-content .bottom .btn.btn-mint, .btn.btn-white{font-size: 15px;}
    .footerBox .box-content .bottom .btn {padding: 10px 16px;}
    .footerBox{margin: 0 10px;}
    .footerBox.mt_top {margin-top: 50px;}

    .signup-content{flex-wrap: wrap;}
    .signup-content .column{width: 100%;height: auto;}
}


@media screen and (max-width: 450px) {
.signupForm {
	padding:20px 10px;display: initial;
}
/* .signup-content{flex-wrap: wrap;}
.signup-content .column{width: 100%;margin-bottom: 15px;}
.Content_Signup .column:last-child {margin: 0;} */
.joinContent .signup-details {
	padding: 50px 10px;
	width: 100%;
}

.zf-tempFrmWrapper{padding: 15px 30px 0 !important;}



}