.newsletter{
  padding-bottom:50px;
}
.news-textbox
{
  border-radius: 60px !important;
  padding: 15px !important;
  font-stretch: expanded;
}

.navbar-light .navbar-nav .nav-link{
  color:#FFFFFF !important;
}
body {
  font: 300 15px/28px "Poppins", sans-serif;
 
}
   ul.policy-list { 
            padding: 0px;
            margin: 0px; 
            }
             ul.policy-list li {
              list-style: none;
              padding: 8px 10px; border-bottom: 1px solid #ccc; 
              
             }
             ul.policy-list li a {
              color: #333;
             }
             ul.policy-list li a:hover {
               color: #000;
               text-decoration: none;
             }
              ul.policy-list li a.active {
                color: #6b2fff;
              }
.software_banner_content{
  padding:50px 0px;
}
.software_banner_content h2{
  line-height: 30px;
  font-family: "Poppins",sans-serif;
}

.software_banner_area{
  position: relative;
  
  background-image: -moz-linear-gradient(-86deg, #7121ff 0%, #21d4fd 100%);
  background-image: -webkit-linear-gradient(-86deg, #7121ff 0%, #21d4fd 100%);
  background-image: -ms-linear-gradient(-86deg, #7121ff 0%, #21d4fd 100%);
  background-size: cover;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  padding-bottom:212px;
}

.software_banner_area .shape {
  background-image: -moz-linear-gradient(-57deg, #7121ff 0%, #21d4fd 100%);
  background-image: -webkit-linear-gradient(-57deg, #7121ff 0%, #21d4fd 100%);
  background-image: -ms-linear-gradient(-57deg, #7121ff 0%, #21d4fd 100%);
  position: absolute;
  left: -256px;
  top: -178px;
  width: 1095px;
  height: 602px;
  border-radius: 90px;
  -webkit-transform: rotate(-38deg);
  -ms-transform: rotate(-38deg);
  transform: rotate(-38deg);
  z-index: -1;
  opacity: 0.20;
  
}


.imagesCol{
  padding: 35px;
}
.QuickEasy{
  position: absolute;
    left: 13%;
    top: 10%;
    margin-top: 0px;
    margin-left: 0px;
}
.QuickAbout {
  position: absolute;
  left: 10%;
  top: 4%;
}
.QuickEasy1 {
  position: absolute;
  left: 10%;
  top: 2%;
}
.QuickEasyF{
  position: absolute;
    left: 10%;
    top: 22%;
    margin-top: 0px;
    margin-left: 0px;
}

.burkeWell{
  margin-bottom: 100px;
  margin-top: 100px;
}
.Xfeatured{
  width: 100%;
}
.crackingUp{
  padding-top: 35px;
}
.pardonYou{
  margin-top: 15%;
}
.saferWide{
  padding-top: 5%;
  padding-bottom: 10%;
}
.wellAt{
  padding: 35px 0px;
}
.grub{
  color:white;
}
.grub1{
  color:white;
  padding-bottom: 10px;
}
.software{
  color: white;
  padding: 8px;
  font-size: 20px;
}
.simpler{
  font-size: 2.5em;
}
.crasM{
  padding: 15px;
}
.getBtn{
  color: #5e2ced;
  background: white;
  padding: 15px 35px;
  border-radius: 4px;
  cursor: pointer;
  margin-top: 20px;
}
.processBtn{
  background-color: white;
  color: #5956fe;
  box-shadow: 0 2px 5px 0 rgba(63,54,132,.1)!important;
  width: 40%;
  padding: 15px 20px;
}
.processBtn:hover{
  background: linear-gradient(to right, #6b2fff 0%, #2eb8fe 100%);
  padding: 15px 20px;
  color: white;
  border: none;
}
.crashBtn{
  background: linear-gradient(to right, #6b2fff 0%, #2eb8fe 100%);
    width: 40%;
    padding: 15px 20px;
    color: white;
    border: none;    
}
.crashBtn:hover{
  background: white !important;
  color: #5956fe !important;
  box-shadow: 0 2px 5px 0 rgba(63,54,132,.1)!important;
  border: 1px solid #3d64f4;
 
}
.crashBtnFree{
  background: linear-gradient(to right, #6b2fff 0%, #2eb8fe 100%);
    width: 18%;
    padding: 15px 20px;
    color: white;
    border: none;
    margin: 20px;
}
.crashBtnFree:hover{
  background: white !important;
  color: #5956fe !important;
  box-shadow: 0 2px 5px 0 rgba(63,54,132,.1)!important;
 
}

.iconsAbout{
  padding-top: 80px;
}
.getInTouch{
  background-color: #5e2ced;
  color: #fff;
  border-radius: 8px;
  border: none;
  padding: 15px 33px;
}

.Company{
  list-style-type: none;
}
.easyProcess{
  padding-bottom: 10px;
}
.workflow{
  padding-left: 53px;
}
.touch1{
  padding: 15px 43px;
}
.social{
  padding: 10px;
}


/* section{
  padding-bottom: 30px;
} */

.QuicProcess{
  position: absolute;
  margin-top: 27px;
    margin-left: 41px;
}

.blackP{
  padding-top: 55px;
}

.secondImg{
  visibility: visible; 
  animation-delay: 0.4s; 
  animation-name: fadeInRight;
  padding-top: 40px;
}

.apiBtn{
  font: 500 14px "Poppins", sans-serif;
    color: #fff;
    background: #3d64f4;
    padding: 15px 43px;
    border-radius: 40px;
   
}
.nav-item{
  padding: 0px 5px;
}
.dFirst{
  padding-bottom: 30px;
  visibility: visible;
  animation-delay: 0.2s;
    animation-name: fadeInUp;
}
.secTwo{
  padding-top: 10%;
}

.getBtn1{
  font: 500 14px "Poppins", sans-serif;
    color: #3d64f4;
    background: white;
    padding: 15px 43px;
    border-radius: 40px;
}

.buid{
  width: 100%;
  padding-right: 20px;
}
.rubyCurl{
  padding-top: 30px;

}
.secFive{
  padding-top: 100px;
}
.marketLed{
  text-align: center;
}
.app{
  color: #8891aa;
    font-size: 25px;
}
.app{
  padding-top: 10%;
  padding-bottom: 10%;
}

.in-left {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-duration:1s;
  animation-delay: 1s;
}
.handLove{
  padding: 40px;
  filter: contrast(0.3%);
}

.marketLg{
  text-align: center;
}
.Subscribe{
  text-align: center;
  font-size: 40px;
  padding-bottom: 85px;
}
.email{
  text-align: center;
    border: 0px;
    color: #b4bacc;
    border-radius: 0px;
    border-bottom: 1px solid #3d64f4;
    width: 40%;
}
.newsOffr{
  text-align: center;
  box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.1);
}
.getEmailbtn{
  padding-top: 30px;
    padding-bottom: 60px;
}
.whyOld {
    position: absolute;
    padding-left: 34px;
    padding-top: 27px;
}
.kbenefits {
  position: absolute;
  padding-left: 34px;
  padding-top: 27px;
}
.wshow{
  text-align: center;
  padding-bottom: 40px;
  padding-top: 10px;
}
.toshOld{
  padding: 10px;
}
.goodLoad{
  padding-top: 3%;
}
.software_img{
  width: 50%;
  height: 60%;
  float: right;
  text-align: right;
  position: absolute;
  bottom: 195px;
  z-index: 1;

}

.proMob{ width: auto;
  height: 558px; 

}

@media (min-width:320px) and (max-width:768px){
  .reverse{
    flex-direction: column-reverse;
  }
  .proMob{
    display: none;
    width: 100%;
  }
  .marketLogo{
    text-align: center;
  }
  .Subscribe{
    font-size: 30px;
  }
  .email{
    width: 80%;
  }
  .getEmailbtn{
    padding-top: 45px;
  }
  .squiffy1{
    display: block;
    background-color: #477efe !important;
  }
  .squiffy{
    display: block !important;
  }
  .app{
    color: #8891aa;
      font-size: 16px;
      
  }
  .themeDolor{
    font-size: 56px !important;
    top: -24px !important;
    left: auto !important;
  }
  .crashBtnFree {
    width: 50%;
  }
  .iconsAbout{
    padding: 20px;
  }
  .clients_bg_shape_right{
    top: -403px !important;
  }
  .img3position {
    margin-top: 18px !important;
    margin-left: 162px !important;
    padding: 17px !important;
    
}
.itEsse{
  padding-top: 200px;
}
.potOff{
  padding-top: 0% !important;
}
.img2position {
  margin-top: 152px !important;
  margin-left: 0px !important;
  padding: 12px !important;
 
}
.img4position {
  margin-top: 168px !important;
  margin-left: 170px !important;
  padding: 14px !important;
  
}
.img6position {
margin-top: 441px !important;
margin-left: 4px !important;
padding: 27px !important;

}
.img7position {
 
  margin-top: 264px !important;
    margin-left: -25px !important;
    padding: 18px !important;

}
.img5position {
  margin-top: 355px !important;
  margin-left: 148px !important;
  padding: 26px !important;
}

  .img1position{
    margin-top: 1px !important;
    margin-left: 0px !important;
    padding: 20px !important;
  
  }
  
  .payGone{
    width: 100%;
    margin-top: 10%;
  }
  .pardonYou{
    margin-bottom: 10%;
  }
  .reprehe{
    width: 100%;
  }
  .software_banner_content{
    padding-bottom: 42px;

  }
 
  .Xfeatured{
    width: 100%;
    margin-top: 10%;
  }
  .QuickEasy{
    position: absolute;
    left: 70px;
    z-index: 193;
    bottom: 625px;
    top: auto;
  }
  .porkFaff{
    position: absolute;
    bottom: 570px;
  }
  .crackingUp{
    margin-top: -70px;
  }
  .processBtn{
    background-color: white;
    color: #5956fe;
    box-shadow: 0 2px 5px 0 rgba(63,54,132,.1)!important;
    width: 55%;
    margin: 0px;
    padding: 13px 20px;
  }
  .crashBtn{
    background: linear-gradient(to right, #6b2fff 0%, #2eb8fe 100%);
    width: 55%;
    padding: 15px 20px;
    color: white;
    border: none;
    margin-top: 12px !important;
    margin: auto;
  }
  .simpler{
    font-size:30px;
  }
}
.icon {
		position:relative;
	text-align:center;
	width:0px;
	height:0px;
	padding:20px;
	border-top-right-radius: 	20px;
	border-top-left-radius: 	20px;
	border-bottom-right-radius: 20px;
  border-bottom-left-radius: 	20px; 
  border-radius:20px;
	-moz-border-radius: 		20px 20px 20px 20px;
	-webkit-border-radius: 		20px 20px 20px 20px;
	-khtml-border-radius: 		20px 20px 20px 20px; 	
	color:#FFFFFF;
}
.icon i {
  position: absolute;
  left: 15px;
  top: 15px;
}
.icon.social {
float:left;
	margin:0 5px 0 0;
	cursor:pointer;
  background:white ;
  border: #dad4d4 1px solid;
	color:#262626;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
}

.icon.social1 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(255,255,255,.1);
  text-align: center;

}
.bIcon{font-size:30px !important;}
.fIcon{font-size:30px !important;}
.icon.social.fb i {
	left:4px;
	top:0px;
}
.icon.social.tw i {
	left:11px;
}
.icon.social.in i {
	left:11px;
}


ul.pfeature {
  padding-left: 15px;
}
ul.pfeature li {
  list-style-image: url('../images/kanri_io/tick-icon.png');
  list-style-position: outside;
}

.themeDolor{
  font-size: 77px;
    color: #ebeff9;
    position: absolute;
    left: -85px;
    top:  75px;;
    height: 133px;

}
.autoTheme{
  padding-top: 12%;
}
/*action button css */
 .subscribe_wrapper {
  /* margin-bottom: 150px; */
  box-shadow: 0px 0px 100px 0px rgba(192, 188, 240, 0.25);
}
 .subscribe_wrapper {
  padding: 25px 40px;
  box-shadow: 0px 0px 100px 0px rgba(85, 128, 255, 0.1);
  align-items: center;
  margin:50px 0px;
}

.subscribe_wrapper a.chat_btn {
  background: linear-gradient(110deg, #6610F2 0%, #007BFF 100%);
  position: relative;
  overflow: hidden;
text-decoration:none;
  box-shadow: 7px 12px 100px 0px rgba(66, 232, 224, 0.2);
  margin: 0;
  padding: 15px 60px;
  line-height: 24px;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  border-radius: 60px;
  display: table;
  transition: all 0.3s ease-in-out;
  z-index: 2;
}
/*ecnd of action button css */
.About{
  margin-top: 5%;
}
.money{
  padding: 20px;
}
.clients_bg_shape_right{
  width: 1600px;
    height: 942px;
    background-color:white;
    box-shadow: 0px 0px 59px 0px #e2e4ec;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-radius: 150px;
    top: auto;
}

.img1position{
  position: absolute;
  margin-top: 393px;
  margin-left: 228px;
  box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2);
    padding: 27px;
    border-radius: 7px;
}
.img2position{
  position: absolute;
  margin-top: 584px;
  margin-left: 8px;
  box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2);
  padding: 32px;
  border-radius: 7px;
}

.img3position{
  margin-top: 349px;
  margin-left: 505px;
  position: absolute;
  box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2);
  padding: 20px;
  border-radius: 7px;
}
.img4position{
  position: absolute;
    margin-top: 634px;
    margin-left: 331px;
    box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2);
    padding: 14px;
    border-radius: 7px;
}
.img5position{
  margin-top: 700px;
  margin-left: 560px;
  position: absolute;
  box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2);
  padding: 16px;
  border-radius: 7px;
}
.img6position{
  position: absolute;
    margin-top: 821px;
    margin-left: 426px;
    box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2);
    padding: 16px;
    border-radius: 7px;
}
.img7position{
  position: absolute;
    margin-top: 765px;
    margin-left: 154px;
    box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2);
    padding: 21px;
    border-radius: 7px;
}
.potOff{
  padding-top: 5%;
 
}

.svg_intro_bottom{
 
  position: absolute;
  top: 0px;
  left:0px;
  width: 100%; 
  height:100%;
  z-index: -1;
}

@media only screen and (min-width: 1920px){
  .simpler {
font-size: 2.7em;
}
body {
  font: 300 18px/28px "Poppins", sans-serif;
 
}
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
 
}

header .intro_wrapper .intro_text {
    margin: 184px 50px 10px 35px !important;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .software_banner_area .container{padding:0px !important;
  }
  .software_banner_content {
    padding: 50px 25px !important;
}
}