<style>
body{
  font-family: 'Poppins, sans-serif';
}

header ul {
  display: flex;
  margin:0;
}
.container-fluid.body-container.body-container--home {
  padding: 0;
}
header img.hs-image-widget {
  max-width: 100%;
  padding-top: 15px;
  margin-left: 66px;
}

header ul li {
  list-style: none;
  font-size: 20px;
  font-weight: 400;
  padding-left: 37px;
}

header ul li a {
  margin: 0px;
  padding: 0;
  color: #282828;
  text-decoration: none;
  position: relative;
  display: block;
  font: 400 18px/52px "Poppins", sans-serif;
}

header .container .getstarted-btn {
  color: #282828;
  font: 400 18px/52px "Poppins", sans-serif;
}

header .container .bts-right {
  display: inline-flex;
  margin-left: auto;
}

header .container .getstarted-btn a {
  text-decoration: none;
  color: black;
}

header .container .signup-btn {
  text-align: center;
  font-size: 18px;
  padding: 0 20px;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 40px;
  margin-left: 25px;
  display: inline-block;
  min-width: 140px;
  height:42px;
  border-radius: 10px;
  background-color: #5079f7;
}

header .container .signup-btn a {
  color: white;
  text-decoration: none;
}
/*---------------------------------------------header End---------------------------------------------*/
.banner {
  padding-top: 120px;
}

.banner .container .h2 {
  font-weight: 500;
  font-size: 50px;
  font-family: "Poppins", sans-serif;
  line-height: 55px;
  padding-bottom: 5px;
  padding-top: 60px;
}

.banner .container .p {
  font-size: 18px;
  max-width: 430px;
  padding-top: 20px;
  color: #282828;
}

.banner .container button {
  border: none;
  margin: 30px 0 0;
  height: 50px;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  border-radius: 8px;
  background: #5079f7;
  min-width: 200px;
}

.banner .container button a {
  text-decoration: none;
  color: #fff;
}
.banner .container .image img {
  display: block;
  max-width:100%;
}
/*-----------------------------------------------------------------------*/
.platform .container .icon {
  background-image: -webkit-linear-gradient(-62deg, #d0dcff 0%, #e8eeff 13%, white 72%);
  width: 106px;
  margin: 0 auto;
  text-align: center;
  height: 106px;
  line-height: 106px;
  border-radius: 100%;
}

.platform .container .icon svg {
  fill: lightblue;
  height: 53px;
}

.platform {
  padding: 80px 0 60px;
  text-align: center;
}
.platform .container .platform_box {
  margin: 0 auto 30px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 0px 30px 0px rgb(186 184 191 / 35%);
  text-align: center;
  padding: 50px 20px;
  transition: all 300ms linear 0s;
}

.platform .container .platform_box .h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  font-family: Poppins, sans-serif;
  display: block;
  padding: 27px 0;
}

.platform .container .platform_box .p {
  padding-bottom: 10px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  line-height: 28px;
  font-weight: 400;
  color: rgba(24, 24, 24, 0.8);
}

.platform .container h2 {
  font-size: 36px;
  line-height: 45px;
  font-weight: 500;
  max-width: 600px;
  font-family: "Poppins", sans-serif;
  margin: 0 auto 60px;
}
/*-----------------------------------------------------------------------------------*/
.Cloud_agency .container .Cloud_agency_txt {
  padding-top: 70px;
}
.Cloud_agency .container .h5 {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #5079f7;
}
.Cloud_agency .container h2 {
  font-size: 36px;
  line-height: 45px;
  max-width: 430px;
  font-weight: 550;
  padding: 20px 0;
  font-family: "Poppins", sans-serif;
}
.Cloud_agency .container .p {
  padding-right: 15px;
}
.Cloud_agency .container span {
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  color: rgba(24, 24, 24, 0.8 );
  padding-bottom: 30px;
}
.Cloud_agency .container button {
  border: none;
  height: 50px;
  margin-top: 30px;
  width: 170px;
  border-radius: 10px;
  background-color: #5079f7;
}
.Cloud_agency .container button a {
  text-align: center;
  display: inline-block;
  text-decoration: none;
  color: white;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}
.Cloud_agency .container .image {
  margin-left: 45px;
}
/*-----------------------------------------------------------*/
.Digital_Modules {
  padding: 110px 0 50px;
}
.Digital_Modules .digital_txt {
  text-align: center;
  padding-bottom: 40px;

}

.Digital_Modules .digital_txt h2 div {
  font-size: 36px;
  font-family: "Poppins", sans-serif;
  padding-bottom: 20px;
  line-height: 45px;
}
.Digital_Modules .digital_txt p {
  font-size: 18px;
  color: rgba(24, 24, 24, 0.8);
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 28px;
  margin: 0 auto;
}
.Digital_Modules .container .row.second {
  padding: 20px 23px 20px;
  border: 1px solid #e9eeff;
}
.Digital_Modules .container .row.second .icon {
  width: 52px;
  margin-left: -14px;
  height: 52px;
  background-image: -webkit-linear-gradient(139deg, #fd4dc9 0%, #fdb5d5 100%);
  text-align: center;
  line-height: 47px;
  border-radius: 100%;
}
.Digital_Modules .container .row.second .icon svg {
  fill: white;
  height: 22px;
}
.Digital_Modules .container .row.second h3 div {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
}
.Digital_Modules .container .row.second .text{
  max-width:250px;}

.Digital_Modules .container .row.second  span {
  font-size: 16px;
  color: rgba(24, 24, 24, 0.8);
  font-family: "Poppins", sans-serif;
  line-height: 18px;
  margin: 0 auto;
}
.Digital_Modules .container .row.third {
  padding-top: 100px;
}
.Digital_Modules .container .row.third h5 {
  font-size: 20px;
  color: #5079f7;
  padding-top: 10px;
}
.Digital_Modules .container .row.third p {
  font-size: 18px;
  max-width: 515px;
  color: rgba(24, 24, 24, 0.8);
}
.Digital_Modules .container .row.third h2 div {
  font-size: 36px;
  line-height: 45px;
  max-width: 370px;
  padding: 20px 0;
  margin-bottom: -10px;
  font-family: "Poppins", sans-serif;
}
.Digital_Modules .container .row.third button {
  border: none;
  border-radius: 10px;
  width: 220px;
  font-family: "Poppins", sans-serif;
  height: 50px;
  margin-top: 30px;
  background-color: #5079f7;
}
.Digital_Modules .container .row.third button a {
  color: white;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
}
.Digital_Modules .container .row.third .image1 {
  margin-left: 90px;
}
.Digital_Modules .container .row.third .image2 {
  margin-top: -220px;
  margin-left: 50px;
}
/*---------------------------------------------------------------------*/
.worries_more {
  padding: 80px 0 60px;
}

.worries_more h3 div {
  text-align: center;
  font-weight: bolder;
  font-size: 36px;
  font-family: "Poppins", sans-serif;
  line-height: 45px;
  margin: 0 auto 60px;
}
.worries_more .container .icon {
  width: 100px;
  background-image: -webkit-linear-gradient(-62deg, #d0dcff 0%, #e8eeff 13%, white 72%);
  height: 100px;
  line-height: 100px;
  text-align: center;
  margin: 0 auto;
  border-radius: 100%;
}
.worries_more .container .icon svg {
  fill: #5079e7;
  height: 40px;
}

.worries_more .container .worries_more_box {
  box-shadow: 0px 0px 30px 0px rgb(186 184 191 / 35%);
  text-align: center;
  border-radius: 10px;
  margin: 0 auto 30px;
  padding: 50px 24px;
  background-color: white;
}

.worries_more .container .worries_more_box .h4 div {
  font-size: 20px;
  text-align: center;
  font-family: "Poppins", sans-serif;
  padding: 27px 0;
}

.worries_more .container .worries_more_box .p span {
  font-size: 16px;
  color: rgba(24, 24, 24, 0.8);
}
/*--------------------------------------------------------------------------*/
.collect_payment {
  padding: 20px 0 120px;
}

.collect_payment .container h2 div {
  font-size: 36px;
  font-family: "Poppins", sans-serif;
  line-height: 45px;
  max-width: 420px;
}

.collect_payment .container .p span {
  font-size: 18px;
  padding: 20px 0 35px;
  margin: 0 auto;
  display:inline-block;
  max-width: 528px;
}
.collect_payment .container .icon {
  height: 56px;
  background-image: -webkit-linear-gradient(139deg, #ffa7d1 0%, #ff54c6 100%);
  width: 56px;
  line-height: 56px;
  border-radius: 100%;
  margin:0 auto;
  text-align: center;
}
.collect_payment .container .icon svg {
  fill: white;
  height: 25px;
}
.collect_payment .container  .col-md-7 .row {
  margin: 20px 0;
  padding: 30px 15px 25px;
  box-shadow: 0px 8px 15px 0px rgb(176 194 253 / 35%);
  margin-top: 20px;
  max-width: 560px;
}
.collect_payment .container h3 div {
  font-size: 20px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.collect_payment .container .txt div {
  font-size: 16px;
  max-width: 389px;
  color: rgba(24, 24, 24, 0.7);
  padding: 0 0 20px;
}
.collect_payment .container button {
  margin-top: 8px;
  background-color: transparent;
  border: 0;
  display: flex;
  border:none;
}

.collect_payment .container button .btn_icon {
  background-color: #1be394;
  border-radius: 100%;
  height: 20px;
  line-height: 16px;
  margin: 3px 0 0 9px;
  width: 21px;
}

.collect_payment .container button .btn_icon svg {
  fill: white;
  height: 15px;
}

.collect_payment .container button a {
  text-decoration: none;
}
.collect_payment .container img {
  margin-top: 15px;
}
/*----------------------------------------------------*/
.hear_what .container .h3 {
  font-size: 36px;
}

.hear_what .container .para {
  font-size: 18px;
  padding: 30px 0;
  max-width: 576px;
}
.hear_what {
  padding: 90px 0 100px;
  background: #f7f9ff;
}
.carousel {
  margin-left: 75px;
}

.hear_what .container .text {
  padding-bottom: 10px;font-size: 20px;
}

.hear_what .container .col-md-7 img {
  padding-top: 15px;
  width: 120px;
  height: 120px !important;
  object-fit: cover;
  border-radius: 100%;
}
span.carousel-control-prev-icon {
  background-color: #f8634e;
  margin-top: 370px;
  margin-left: 891px;
  position: absolute;
}

span.carousel-control-next-icon {
  background-color: #f8634e;
  margin-top: 371px;
}
/*--------------------------------------------------------------------*/
.create_an_account {
  padding: 100px 0 80px;
  text-align: center;
}

.create_an_account .container .create_an_account_txt .h3 div {
  font-size: 44px;
  line-height: 45px;
  font-family: "Poppins", sans-serif;
  color: #fff;
  padding: 15px;
}

.create_an_account .container .create_an_account_txt .h4 div {
  font-size: 22px;
  color: #fff;
}

.create_an_account .container .create_an_account_txt .h5 div {
  padding: 21px 0 25px;
  color: #fff;
  font-size: 20px;
}

.create_an_account .container .create_an_account_txt button {
  border: none;
  background-color: transparent;
  display: flex;
  margin: 0 auto;
}

.create_an_account .container .create_an_account_txt button .btn1 {
  font-size: 19px;
  width: 236px;
  background-color: #1be394;
  height: 50px;
  border-radius: 10px;
  padding: 10px;
  margin: 0 16px 0 0;
  text-align: center;
}

.create_an_account .container .create_an_account_txt button .btn1 a {
  color: #fff;
  text-decoration: none;
}

.create_an_account .container .create_an_account_txt button .btn2 {
  font-size: 20px;
  background-color: #fff;
  width: 194px;
  height: 50px;
  border-radius: 10px;
  padding: 10px;
}
.create_an_account .container .create_an_account_txt button .btn1:hover{
  background-color:#5079f7;
}
.create_an_account .container .create_an_account_txt button .btn2:hover{
  background-color:#5079f7;
}
.create_an_account .container .create_an_account_txt button .btn2 a:hover{
  color:#fff;
}
hr {
  margin: 50px 0 0;
  border-bottom: 1px solid #bbc0ca;
}
.create_an_account .container .create_an_account_txt button .btn2 a {
  text-decoration: none;
}
/*-----------------------------------------------------------------------------*/
.Asked_Questions {
  padding: 50px 0px;
}
.Asked_Questions .container .h3 {
  font-size: 36px;
  padding: 0px 0 35px 0;
  font-weight: bolder;
  line-height: 45px;
  font-family: "Poppins", sans-serif;
  text-align: center;
}
.accordion-header div {
  font-size: 18px;
  display: block;
  padding: 10px 13px;
}
.accordion-body div span {
  font-size: 16px;
  line-height: 28px;
}
.Asked_Questions  #accordionExample {
  width: 74%;
  margin: 0 auto;
}
.Asked_Questions  .accordion-button:focus {
  box-shadow: none;
  background-color: transparent;
  border-bottom: 1px solid rgba(0,0,0,.125);
}
/*----------------------------------------------------------------------------------*/

.table {
  padding: 100px 0;
}
.table .toggle_btn {
  display: flex;
  padding-bottom: 43px;
}

.table .toggle_btn .h3 {
  font-size: 22px;
  margin:0 auto; 
}

.h3 {
  font-size: 28px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.table .container .col-md-4 .h4 div {
  color: #5779f7;
  font-size: 50px;
}

.table .container .h4 div small {
  font-size: 28px;
}

.table .container .h5 {
  font-size: 16px;
  padding: 10px 0;
  color: #525232;
}

.table .container .h5 hr {
  margin: 26px 0 0;
  width:90%;
}
.table .container .h2 {
  font-size: 22px;
  color: #525252;
}
.table .container .col-md-4 .line {
  border-left: 1px solid #5252;
  max-width: 370px;
  padding: 30px 37px 10px 61px;
}
.table .txt {
  border: 1px solid;
  padding: 0px 10px;
}
.table .txt .row {
  padding: 0;
  box-shadow: none !important;
  border: none;
  background-color: transparent;
}
.table .container .col-md-4{
  padding:0px;
}
.table .container .icon-img {
  display: flex;
  line-height: 40px;
}

.table .container .icon {
  background-color: transparent;
  margin: 0 10px 0 0;
  padding: 0;
}

.table .container svg {
  height: 15px;
  fill: #5779f7;
}

.icon_txt {
  font-size: 16px;
  color: #525252;
}
.table .container button {
  border: none;
  padding: 0;
  width: 210px;
  height: 50px;
  background-color: #5779f7;
  margin: 35px 0;
  border-radius: 10px;
}

.table .container button a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}

.table .toggle-btn {
  text-align: center;
  padding-bottom: 40px;
}
.table .toggle-btn span {
  font-size: 28px;
  line-height: 28px;
  color: #525252;
}
/*-----------------------------------------------------------------------------------*/
.footer {
  padding-top: 90px;
}

.footer address div {
  padding: 35px 0 25px;
  font-size: 16px;
  color: rgba(24, 24, 24, 0.7);
}
.footer .icon {
  display: flex;
  padding-bottom: 25px;
}
.footer .icon .icon_txt{
  width: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 15px 0 0;
  border-radius: 100%;  
}
.footer .icon .icon_txt:hover {
  background-color: #1be394;
  width: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 15px 0 0;
  border-radius: 100%;    
}
.footer .icon .icon_txt:nth-child(1) svg {
  fill: white;
  height: 25px;
}
.footer .icon .icon_txt:hover svg{
  fill:white;
}
.footer .icon .icon_txt svg {
  fill: black;
  height: 25px;
}

.footer .image {
  display: flex;
}

.footer .image1 {
  margin: 0 7px 0 0;
}

.footer .icon .icon_txt:nth-child(1){
  background-color: #1be394;
  width: 40px;
  line-height: 40px;
  text-align: center;
  margin: 0 15px 0 0;
  border-radius: 100%;
}
.footer .h4 div {
  font-size: 24px;
}

.footer .h4 .li  ul li {
  list-style: none;
}

.footer .h4 li.hs-menu-item.hs-menu-depth-1 {
  list-style: none;
}

.footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer ul a {
  font-size: 17px;
  color: rgba(24, 24, 24, 0.7);
  line-height: 38px;
  text-decoration: none;
}
.footer .container .copy_right div {
  text-align: center;
  font-size: 18px;
  padding: 10px;
  color: rgba(36, 36, 37, 0.7);
}
/*////////////////////////////////////////////////////////////////////////////
feature.css
//////////////////////////////////////////////////////////////////////////*/
.container-fluid.body-container.body-container--contact {
  padding: 0;
}
.feature_banner {
  background-color:#4c59fb;
  padding: 100px 0;
}
.feature_banner .heading {
  font: 500 50px/1 "Poppins", sans-serif;
  padding-bottom: 20px;
  padding-top: 85px;
  color:#fff;
}
.feature_banner .para {
  color: #fff;
  max-width: 600px;
  font: 400 18px/28px "Poppins", sans-serif;
}
.feature_banner .image img {
  width: 100%;
}
/*-----------------------------------------------------*/
.feature_less .container .icon {
  background-image: -webkit-linear-gradient(-62deg, #d0dcff 0%, #e8eeff 13%, white 72%);
  width: 106px;
  margin: 0 auto;
  text-align: center;
  height: 106px;
  line-height: 106px;
  border-radius: 100%;
}

.feature_less .icon svg {
  fill: lightblue;
  height: 53px;
}

.feature_less {
  padding: 80px 0 60px;
  text-align: center;
}
.feature_less .container .feature_less_box {
  margin: 0 auto 30px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 0px 30px 0px rgb(186 184 191 / 35%);
  text-align: center;
  padding: 50px 20px;
  transition: all 300ms linear 0s;
}

.feature_less .container .feature_less_box .h3 {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  font-family: Poppins, sans-serif;
  display: block;
  padding: 27px 0;
}

.feature_less .container .feature_less_box .p {
  padding-bottom: 10px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  line-height: 28px;
  font-weight: 400;
  color: rgba(24, 24, 24, 0.8);
}
.feature_less .h2 {
  text-align: center;
  font: 700 36px/45px "Poppins", sans-serif;
  color: #181818;
  max-width: 600px;
  margin: 0 auto 60px;
}

/*  ------------------------------------------------------*/
.integration_services .container .icon {
  background-image: -webkit-linear-gradient(47deg, #113cd9 0%, #5f9cdf 52%, #acfbe4 100%);
  width: 90px;
  text-align: center;
  height: 90px;
  line-height: 90px;
  border-radius: 100%;
}

.integration_services .icon svg {
  fill: #fff;
  height: 40px;
}
.integration_services .col-md-4:nth-child(1) {
  margin-bottom: 30px;
  box-shadow: 0px 0px 30px 0px rgb(186 184 191 / 35%);
}
.integration_services .col-md-4:hover {
  box-shadow: 0px 0px 30px 0px rgb(186 184 191 / 35%);   
  margin-bottom: 30px;
}
.integration_services .col-md-4:nth-last-child(1) {
  box-shadow: ;
  box-shadow: none;
}
.integration_services {
  padding: 80px 0 60px;
  text-align: center;
}
.integration_services .image {
  padding: 22px 0;
}
.integration_services .container .integration_services_box {
  margin: 0 auto 30px;
  border-radius: 10px;
  background-color: white;  
  text-align: center;
  padding: 50px 20px;
  transition: all 300ms linear 0s;
}
.integration_services .container .integration_services_box .icon_box {
  display: flex;
  padding-bottom: 20px;
}
.integration_services .container .integration_services_box .h3 {
  display: block;
  font-family: Poppins,sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-left: 16px;
  line-height: 1;
  padding: 27px 0;
}

.integration_services .container .integration_services_box .p {
  padding-bottom: 10px;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  line-height: 28px;
  font-weight: 500;
  color: rgba(24, 24, 24, 0.8);
}
.integration_services .h2 {
  text-align: center;
  font: 600 36px/45px "Poppins", sans-serif;
  color: #181818;
  max-width: 600px;
  margin: 0 auto 60px;
}
/*------------------------------------------------------------*/
.core_Values svg {
  height: 40px;
  fill: #fff;
}

.core_Values {
  padding: 50px 0;
}

.core_Values .title {
  text-align: center;
  font: 600 36px/45px "Poppins", sans-serif;
  color: #181818;
  max-width: 600px;
  margin: 0 auto 60px;
}

.core_Values .txt {
  width: 55%;
  padding-top: 43px;
  margin: 0 auto;
}
.core_Values .icon {
  background-image: -webkit-linear-gradient(-62deg, #f3874f 0%, #f2c871 100%);
  height: 90px;
  width: 90px;
  line-height: 80px;
  text-align: center;
  border-radius: 100%;
  margin: 0 auto;
}

.core_Values .heading {
  display: block;
  font: 500 20px/1 "Poppins", sans-serif;
  color: #282828;
  padding: 28px 0 20px;
  text-align: center;
}

.core_Values .para {
  padding-bottom: 10px;
  font: 400 16px/28px "Poppins", sans-serif;
  color: rgba(24, 24, 24, 0.8);
  max-width: 285px;
  text-align: center;
  margin: 0 auto;
}
/*/////////////////////////////////////////
pricing  pages
///////////////////////////////////////*/

.pricing_banner {
  padding: 100px 0;
}
.pricing_banner:before {
  position: absolute;
}
.pricing_banner .container {
  position: relative;
}
.pricing_banner:before {
  position: absolute;
  content: ;
  content: '';
  background: #4465e4;
  width: 100%;
  height: 87.6%;
  top: 78px;
  bottom: 0;
  opacity: 0.9;
}
.pricing_banner .txt {
  padding: 100px 0;
}
.pricing_banner .heading {
  color: #fff;
  font: 600 50px/1 "Poppins", sans-serif;
  padding-bottom: 20px;
  padding-top: 85px;
  text-align: center;
}
.pricing_banner  .subheading {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}
.enablement {
  padding: 100px 0;
}
.enablement .icon svg {
  height: 31px;
  fill: #fff;
}
.enablement .icon {
  width: 70px;
  height: 70px;
  text-align: center;
  line-height: 62px;
  border-radius: 100%;
  background-image: -webkit-linear-gradient(-62deg, #1fc0e0 0%, #09e8c6 99%);
}
.enablement .title {
  font: 500 28px/36px "Poppins", sans-serif;
  color: #181818;
  padding-bottom: 0;
  padding-top: 15px;
  max-width: 462px;
}
.enablement  .para {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  padding-top: 20px;
  max-width: 470px;
  color: rgba(24, 24, 24, 0.8);
}
.enablement .btn a {
  color: #1be394;
  padding-top: 25px;
  display: block;
  font-size: 18px;
  text-decoration: navajowhite;
}
.enablement .btn {
  padding: 0;
}
.enablement .btn a:hover {
  color: #5079f7;
}

.enablement .image_icon {
  width: 70px;
  background-color: #1be394;
  height: 70px;
  text-align: center;
  line-height: 70px;
  border-radius: 100%;
  position: absolute;
  bottom: -20px;
  left: -34px;
}
.enablement .image_icon svg {
  height: 27px;
  fill: #fff;
}
.enablement .image_icon span {
  width: 70px;
}
.enablement .right_section {
  position: relative;
}
.enablement  img {
  width: 100%;
}
/*---------------------------------*/
.about_banner {
  padding: 100px 0;
  background-color: #4c5dfb;
  color: #fff;
  overflow: hidden;
}
.about_banner .txt {
  padding-top: 120px;
}
.about_banner .title {
  font-size: 50px;
  font-weight: 500;
  padding-bottom: 20px;
}
.about_banner .para {
  font-size: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255,0.8);
  max-width: 528px;
}
.about_banner .second_image {
  width: 100%;
}
.about_banner .image {
  width: 100%;
  position: relative;
}
.about_banner .first_image img {
  position: absolute;
  top: 38px;
  left: 62%;
  animation: rotation infinite 10s linear;
}
.make_your_top {
  padding: 50px 0;
}

.make_your_top .txt {
  text-align: center;
  padding-bottom: 40px;
}

.make_your_top .title {
  font-size: 36px;
  font-weight: 500;
  padding-bottom: 20px;
  color: #181818;
}

.make_your_top .para {
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
  color: rgba(24, 24, 24, 0.8);
  max-width: 703px;
  margin: 0 auto;
}

.make_your_top .image {
  text-align: center;
  position: relative;
}

.make_your_top .image img {
  width: auto;
}

.make_your_top .image_icon svg {
  height: 59px;
  fill: #1be394;
}

.make_your_top .image_icon {
  display: inline-block;
  position: absolute;
  bottom: 25px;
  left: 18%;
}

.make_your_top .image_icon a.popup-youtube span {
  width: 100%;
  height: 10%;
}

.make_your_top .video_section {
  position: relative;
}

.make_your_top .image_icon span {
  background: #fff;
  height: 57px;
  display: flex;
  width: 54px;
  border-radius: 100%;
  text-align: center;
  line-height: 59px;
  margin-left: -2px;
}
.our_story {
  padding: 50px 0;
}

.our_story .heading {
  font-size: 36px;
  font-weight: 500;
  padding: 20px 0;
  color: #181818;
}
.our_story .para {
  font-size: 17px;
  line-height: 21px;
  font-weight: 400;
  color: rgba(24, 24, 24, 0.8);
}

.our_story .image {
  display: flex;
}

.our_story .image .img {
  padding: 0px 15px;
}
.our_core_values {
  padding: 50px 0;
}

.our_core_values .txt {
  text-align: center;
}

.our_core_values .txt .title {
  font-size: 36px;
  line-height: 45px;
  font-weight: 500;
  color: #181818;
  padding-bottom: 60px;
}

.our_core_values .icon {
  text-align: center;
  line-height: 80px;
  height: 90px;
  width: 90px;
  background-image: -webkit-linear-gradient(-62deg, #f3874f 0%, #f2c871 100%);
  margin: 0 auto;
  border-radius: 100%;
}

.our_core_values .icon svg {
  height: 55px;
  fill: #fff;
}

.our_core_values .heading {
  text-align: center;
  font-size: 23px;
  font-weight: 500;
  color: #282828;
  display: block;
  padding: 20px 0;
}

.our_core_values .para {
  font-size: 18px;
  line-height: 28px;
  padding-bottom: 10px;
  color: rgba(24, 24, 24, 0.8);
  font-weight: 400;
  text-align: center;
}
.cloud_warehouse .heading {
  font-size: 38px;
  line-height: 45px;
  font-weight: 500;
  color: #fff;
  max-width: 450px;
}

.cloud_warehouse .text {
  display: flex;
}

.cloud_warehouse  .para {
  font-size: 17px;
  line-height: 25px;
  font-weight: 400;
  padding-top: 20px;
  color: rgba(255, 255, 255, 0.8);
}
.cloud_warehouse  .title {
  font-size: 20px;
  color: #fff;
  padding: 70px 0 20px 0;
  font-weight: 500;
}
.cloud_warehouse .form input {
  height: auto;
  width: 347px;
  padding: 0 30px;
  font-size: 16px;
  line-height: 48px;
  border: none;
  outline: none;
  font-weight: 400;
  color: #8e92a8;
}
.cloud_warehouse .form 
input.hs-button.primary.large {
  width: 48px;
  height: 34px;
  position: absolute;
  right: 27px;
  font-size: 23px;
  top: 31px;
  background-color: #1be394;
  color: #fff;
  line-height: 0;
  box-shadow: none;
  padding-left: 17px;
  text-align: center;
}

.cloud_warehouse .form {
  position: relative;
  top: -20px;
}
/*--------------------------------------------*/
.people_behind {
  padding: 50px 0;
}

.people_behind .text {
  text-align: center;
  font-size: 36px;
  font-weight: 500;
  padding-bottom: 60px;
}


.people_behind .team_image img {
  margin-top: 33px;
  width: 100%;
  height: auto;
  margin-left: -51px;
}

.people_behind .team_name {
  font-size: 20px;
  color: #181818;
  font-weight: 500;
  padding-top: 20px;
}

.people_behind .team_post {
  font-size: 16px;
  font-weight: 400;
  padding-top: 8px;
  color: #181818;
}
.capital_strategy {
  padding: 50px 0;
}

.capital_strategy .title {
  font-size: 18px;
  color: #5079f7;
  padding-top: 10px;
  font-weight: 400;
}

.capital_strategy .heading {
  font: 500 36px/45px "Poppins", sans-serif;
  color: #181818;
  max-width: 430px;
  padding: 25px 0;
}

.capital_strategy .para {
  color: rgba(24, 24, 24, 0.8);
  max-width: 460px;
  margin: 0;
  font: 500 16px/28px "Poppins", sans-serif;
  padding-bottom: 10px;
}

.capital_strategy .box {
  box-shadow: 0 0 11px #c3baba;
  padding: 32px;
  margin-top: 21px;
  width: 79%;
}

.capital_strategy .box svg {
  height: 25px;
  fill: #fff;
}

.capital_strategy .box .icon {
  background-image: -webkit-linear-gradient(139deg, #5079f7 0%, #745efe 100%);
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 55px;
  display: inline-block;
  border-radius: 100%;
}
.capital_strategy .image2 img {
  margin-top: -109px;
  margin-left: 158px;
  animation: float-bob-y infinite 2s linear;
}
/*------------------------------------------------------------*/
@media (max-width: 767px) {  
  header ul {
    padding:0;
    display: grid;
    justify-content: flex-start;
  }

  header .container .bts-right {
    display: grid;
  }
  header .container .getstarted-btn, header ul li a {
    margin: 0 auto;
    color: #282828;
    font: 400 18px/52px Poppins,sans-serif;
  }
  header ul li {
    padding-left: 0;
  }
  header .container .signup-btn {
    width: 167px;
    margin-left: 0;
  }
  header .container .getstarted-btn, header ul li a {
    margin: 0 ;
  }
  /*-------------------------------------------------------*/
  .banner {
    padding-top: 0px;
  }
  .banner .container .h2 {
    font-weight: 500;
    font-size: 27px;
    margin-left: 26px;
    line-height: 31px;
  }
  .banner .container .p {
    font-size: 15px;
    padding-top: 20px;
    margin: 0 27px;
  }
  .banner .container button {
    border: none;
    margin: 15px 26px;
    height: 43px;
    font-size: 15px;
    border-radius: 8px;
    background: #5079f7;
    min-width: 152px;
  }

  .banner .container .image img {
    display: block;
    margin: -46px auto;
    padding: 101px 50px 50px;
  }
  /*-----------------------------------------------------------------*/
  .platform .container h2 {
    font-size: 23px;
    margin: 0 auto 60px;
    max-width: 338px;
  }
  /*--------------------------------------------------*/
  .Cloud_agency .container .h5 {
    margin-left: 26px;
  }
  .Cloud_agency .container h2 {
    font-size: 26px;
    margin-left: 26px;
    max-width: 300px;
  }
  .Cloud_agency .container .p {
    margin-left: 26px;
    padding-right: 10px;
  }
  .Cloud_agency .container button {
    margin-left: 26px;
    width: 147px;
  }
  .Cloud_agency .container .image img {
    max-width: 80%;
    margin: 58px 20px 1px 20px;
  }
  .Cloud_agency .container .Cloud_agency_txt {
    padding-top: 0px;
  }
  /*--------------------------------------------------------------*/
  .Digital_Modules .digital_txt h2 div {
    font-size: 26px;   
  }
  .Digital_Modules .digital_txt p {
    font-size: 15px;
  }

  .Digital_Modules .container .row.second {
    width: 90%;
    margin: 0 auto;
  }
  .Digital_Modules .container .row.second h3 div {
    margin-left: 58px;
    margin-top: -40px;
  }
  .Digital_Modules .container .row.second .text {
    max-width: 100%;
  }
  .Digital_Modules .container .row.second .text div {
    margin-left: 50px;
    padding-right: 0px;
  }
  .Digital_Modules .container .row.third h5 {
    margin-left: 27px;
  }
  .Digital_Modules .container .row.third h2 div {
    font-size: 26px;
    max-width: 283px;
    margin-left: 26px;
    padding: 20px 0;
  }
  .Digital_Modules .container .row.third button {
    margin-left: 26px;
  }
  .Digital_Modules .container .row.third p {
    font-size: 17px;
    margin-left: 26px;
    max-width: 467px;
  }
  .Digital_Modules .container .row.third .image1 {
    width: 70%;
    margin-top: 46px;
    margin-left: 60px;
  }
  /*------------------------------------------------------*/
  .worries_more {
    padding: 40px 0 40px;
  }  
  .worries_more h3 div {
    font-size: 23px;
    line-height: 30px;
  }
  /*------------------------------------------------------------------*/
  .collect_payment .container h2 div {
    font-size: 26px;
    margin-left: 0px;
    max-width: 353px;
  }
  .collect_payment .container .col-md-7 .row {
    width: 100%;
    margin:30px auto;
  }
  .collect_payment .container .p span {
    font-size: 16px;
    margin: 0;
    max-width: 474px;
  }
  .collect_payment .container .col-md-10 {
    margin-top: 47px;
  }

  .collect_payment .container .col-md-2 {
    margin-left: 0px;
  }
  .collect_payment .container img {
    width: 100%;
    margin-left: 0px;
  }
  .collect_payment .container .icon {
    background-image: -webkit-linear-gradient(139deg,#ffa7d1,#ff54c6);
    border-radius: 100%;
    height: 56px;
    line-height: 56px;
    margin: 0 auto;
    text-align: center;
    width: 56px;
  }
  /*---------------------------------------------------------*/
  .hear_what {
    padding: 0 0 30px;
  }
  .hear_what .container img {
    width: 74%;
    padding: 20px 0;
    margin-left: 40px;
  }
  span.carousel-control-prev-icon {
    margin-left: 40rem;
  }
  .hear_what .container .col-md-7 {
    padding: 20px 0;
  }
  .carousel {
    margin: 0 44px;
  }
  .hear_what .container .h3 {
    font-size: 28px;
  }
  .hear_what .container .para {
    font-size: 16px;
  }
  .hear_what .container .text {
    font-size: 17px;
  }
  button.carousel-control-next {
    display: none !important;
  }
  span.carousel-control-prev-icon {
    display: none !important;
  }
  /*-------------------------------------------------------------*/
  .create_an_account .container .create_an_account_txt .h3 div {
    font-size: 26px;   
  }  
  .create_an_account {
    padding: 50px 0 60px;
  }
  .create_an_account .container .create_an_account_txt .h4 div {
    font-size: 18px;
  }
  .create_an_account .container .create_an_account_txt .h5 div {
    font-size: 18px;
    padding: 17px 0 21px;
  }
  .create_an_account .container .create_an_account_txt button .btn1 {
    margin-bottom: 15px;
  }
  .create_an_account .container .create_an_account_txt button {
    display: block;
  }
  .create_an_account .container .create_an_account_txt button .btn1 {
    font-size: 17px;
    height: 45px;
    padding: 7px;
    width: 202px;
  }
  .create_an_account .container .create_an_account_txt button .btn2 {
    font-size: 18px;
    height: 44px;
    padding: 7px;
    width: 162px;
  }
  /*---------------------------------------------------------------*/
  .table .col-md-4 {
    width: 100%;
  }
  .table .container .col-md-4 .line {
    padding: 0 37px 10px 29px;
  }
  /*-------------------------------------------------------------*/
  .footer .copy_right {
    padding: 0;
  }
  .footer {
    margin-left: 0px;
    padding-top: 20px;
  }
  .footer .container .col-md-3 {
    margin: 20px 0 10px 0;
  }
  .footer .container .copy_right div {
    color: rgba(36,36,37,.7);
    font-size: 14px;
    padding: 10px;
    text-align: center;
  }
  .feature_banner {
    padding: 0;
  }
  .feature_banner .heading {
    font: 500 33px/1 Poppins,sans-serif;
  }
  .feature_banner .para {
    font: 400 16px/26px Poppins,sans-serif;
  }
  .feature_banner .image {
    padding-top: 40px;
  }
  .feature_less .h2 {
    font: 700 23px/32px Poppins,sans-serif;
    margin: 0 auto 39px;
  }
  .integration_services .container .icon {
    margin: 0 auto;
  }
  .integration_services .container .integration_services_box .icon_box {
    display: inline-block;
  }
  .integration_services .h2 {
    font: 600 22px/38px Poppins,sans-serif;
  }
  .core_Values .title {
    font: 600 27px/45px Poppins,sans-serif;
  }
}
/*--------------------------------------------------------------------*/
@media (min-width: 767px) and (max-width: 990px) {
  header .container .getstarted-btn, header ul li a {
    font: 400 18px/36px Poppins,sans-serif;
  }
  header ul li { 
    margin-top: 0px;
    border-radius: 5px;
    padding-left: 0;
    border-bottom: 1px solid #3d404f;
  }
  header ul {
    display: contents;
  }
  header .container .signup-btn {
    margin-left: 0;
  }

  header .container .bts-right {
    margin-left: 0px;
  }
  header .container .bts-right {
    display: contents;
  }
  .banner {
    padding-top: 40px;
  }
  .banner .container .h2 {
    font-size: 43px;
    line-height: 56px;
    padding-top: 50px;
  }
  .banner .container .col-md-6 {
    width: 100%;
  }
  .banner .container .image img {
    width: 75%;
    margin: 60px auto 0;
  }
  .banner .container button {
    font-size: 20px;
  }
  .banner .container .p {
    color: #282828;
    font-size: 21px;
    max-width: 700px;
    padding-top: 10px;
  }
  /*------------------------------------------*/
  .platform .container .col-md-4 {
    width: 50%;
  }
  .platform {
    padding: 80px 0 30px;
  }
  /*-------------------------------------------*/
  .Cloud_agency .container span {
    font-size: 18px;
  }
  .Cloud_agency .container .image {
    margin: 53px 0 0 45px;
  }
  .Cloud_agency .container .col-md-6 {
    width: 100%;
  }
  .Cloud_agency .container .Cloud_agency_txt {
    padding-top: 0px;
  }
  /*--------------------------------------------*/
  .Digital_Modules .container .col-md-4 {
    width: 50%;
  }
  .Digital_Modules .container .col-md-6 {
    width: 100%;
  }
  .Digital_Modules .container .row.third p {
    max-width: 700px;
  }
  .Digital_Modules .container .row.third .image1 {
    margin: 50px 0 0 90px;
  }
  .Digital_Modules .container .row.third {
    padding-top: 39px;
  }
  /*-------------------------------------------*/
  .worries_more {
    padding: 40px 0 30px;
  }
  .worries_more .container .col-md-4 {
    width: 50%;
  }
  /*----------------------------------------*/
  .collect_payment {
    padding: 20px 0 70px;
  }
  .collect_payment .container  .col-md-7 {
    width: 100%;
  }
  .collect_payment .container .p span {
    font-size: 22px;
    max-width: 700px;
    text-align: center;
  }
  .collect_payment .container img {
    margin: 60px 0 0 75px;
  }
  .collect_payment .container h2 div {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
  }
  /*-----------------------------------------------*/

  .hear_what .container .col-md-5 {
    width: 100%;
  }
  .hear_what .container .col-md-7 {
    width: 100%;
    margin: 50px 0 0 0;
  }
  span.carousel-control-prev-icon {
    margin-left: 980px;
  }
  /*------------------------------------------------------*/
  .table .col-md-4 {
    width: 50%;
  }
  /*-----------------------------------------------------*/
  .footer {
    padding-top: 50px;
  }
  .footer .container .col-md-4 {
    width: 50%;
    padding-left: 50px;
  }

  .footer .container .col-md-3 {
    width: 50%;
    margin-top: 50px;
    padding-left: 50px;
  }

  .footer .container .col-md-2 {
    width: 50%;
    padding-left: 50px;
    margin-top: 50px;
  }
  .footer .copy_right {
    padding: 10px 0;
  }
  .footer .copy_right .col-md-6 {
    width: 100%;
    padding-top: 20px;
  }
  .feature_banner .col-md-8 {
    width: 100%;
  }
  .feature_banner .col-md-4 {
    width: 100%;
  }
  .feature_less .h2 {
    font: 700 25px/38px Poppins,sans-serif;
  }
  .feature_less .col-md-4 {
    width: 50%;
  }
  .integration_services .col-md-4 {
    width: 50%;
  }
  .integration_services .image {
    padding: 42px 0;
  }
  .core_Values .col-md-4 {
    width: 50%;
  }
}
@media (min-width: 991px) and (max-width: 1199px){
  header .container .getstarted-btn {
    font: 400 15px/52px Poppins,sans-serif;
    margin-top: -4px;
    margin-left: -21px;
    position: absolute;
  }
  header .container .bts-right {
    display: block;
  }
  header ul li a {
    font: 400 16px/52px "Poppins", sans-serif;
  }

  header .container .signup-btn {
    font-size: 15px;
    margin-left: 107px;
    min-width: 92px;
  }
  header ul {
    display: flex;
    margin: 0;
    padding: 0;
  }

  /*---------------------------------------------------*/
  .banner .container .h2 {
    font-size: 45px;   
  }
  .banner {
    padding-top: 10px;
  }
  /*------------------------------------------------------*/
  .Cloud_agency .container .image img {
    max-width: 100%;
  }
  /*-----------------------------------------------------------------*/
  .platform {
    padding: 30px 0 60px;
    text-align: center;
  }
  /*-------------------------------------------------------------------*/

  .Digital_Modules {
    padding: 90px 0 50px;
  }
  /*--------------------------------------------*/
  .collect_payment .container img {
    max-width: 100%;
    margin-top: 110px;
  }
  /*------------------------------------------------**/
  span.carousel-control-prev-icon {
    background-color: #f8634e;
    margin-left: 663px;
    margin-top: 370px;
    position: absolute;
  }
  /*-----------------------------------------------------*/
  .table .icon_txt {
    color: #525252;
    font-size: 15px;
  }
  .table .container .col-md-4 .h4 div {
    color: #1be394;
    font-size: 37px;
  }
  /*------------------------------------------------------*/
  .footer .copy_right ul li.hs-menu-item.hs-menu-depth-1 {
    margin: 0 10px;
  }
  .container, .container-lg, .container-md, .container-sm {
    max-width: 915px;
  }
  /*--------------------------------------------------*/
}
</style>