@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Montserrat:wght@700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400&display=swap');
.cta-bg{

background: rgba(209, 224, 236, 0.3);


}
.cta-section{
  max-width: 1200px; 
  margin: 0 auto;
  padding: 4em 4em 4em 4em;
}
.Key-Advantages h2{
max-width: 350px;
padding-top: 20px;
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 44px;
line-height: 120%;
color: rgba(53, 79, 100, 0.85);

}

.flexx{

display: flex;

padding-left: 20px;
align-items: center;

}

.Effortless{
/* Effortless Data Transfer:  Send approved timecards, manage foundational database items in one location, two-way project sync, and integrated Purchase Orders. Streamlined Workflow: Reduce double entry and administrative work by eliminating the need to maintain databases in two places. Enhanced Accuracy: Minimize the risk of errors with automated data transfer, ensuring reliable financial reports and analysis. */

margin-top: 5.6%;
margin-right: 15%;
width: 100%;
padding-left: 5px;

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 175%;
/* or 32px */

align-items: center;

color: #000000;


}
.Real-time{

padding-left: 5px;
margin-top: 3%;
width: 100%;

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 175%;
/* or 32px */

align-items: center;

color: #000000;

}
.Streamlined{
margin-top: 6%;
margin-right: 15%;
padding-left: 5px;
width: 100%;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 175%;
/* or 32px */

align-items: center;

color: #000000;


}
.Improved{
padding-left: 5px;
margin-top: 5.3%;
width: 100%;

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 175%;
/* or 32px */

align-items: center;

color: #000000;


}
.Enhanced{
margin-top: 6%;
margin-right: 15%;
padding-left: 5px;
width: 100%;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 175%;
/* or 32px */

align-items: center;

color: #000000;


}
.better{
padding-left: 5px;
margin-top: 3%;
width: 100%;

font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 175%;
/* or 32px */

align-items: center;

color: #000000;


}
@media only screen and (min-width:850px){  
.desktop-block{
display: none !important;
  }
}
@media only screen and (max-width:850px){  
.cta-section{
  max-width: 1200px; 
  margin: 0 auto;
  padding: 0em 0em 0em 0em;
}
.mobile-block{
display: none !important;
  }
.Key-Advantages h2{
font-size: 38px;
padding-left: 20px;
  }
.image-icon2{
padding-left: 20px;
  }
.flexx1{
display: flex;
align-items: flex-start;

padding-left: 20px;
margin-top: 4%;
  }
.image-icon{
padding-top:13px;
display: flex;
align-items: flex-start;
  }
.Effortless{

margin-top: 4%;
align-items: left;

  }
.
}