/****************** Review & Blog Section  *********************
*
*  1. Fonts
*  2. Headlines
*
****************************************************/

@import url("elements/reviews-blogs.css");
#features{
	margin-bottom: 40px;
}
#howitworks{
	margin: 60px 0;
}
.hero_section{
	padding: 0;
}
.hero_section_parentdiv{
	background: #EEF5FF;
	border-radius: 20px;
}
.hero_text{
	padding: 80px;
	padding-left: 180px;
	display: inline-flex;
	flex-direction: column;	
	gap: 40px;
	align-items: flex-start;
	align-self: center;
	width: 56.756%;
}
.wpBtn-hero{
	width: 200px !important;
	height: unset !important;
	padding: 16px 0;
}
.review_num{
	font-size: 48px;
	font-family: 'PPRightGrotesk';
	line-height: 42px;
	margin-bottom: 0;
}
.hero_titles{
	display: flex;
	flex-direction: column;	
	gap: 24px;
}
.hero_text h1{
	font-size: 48px;
	font-weight: 800;
	margin-bottom: 0;
	width: 80%;
}
.hero_text h1 span{
	color:  #e56333;
}
.hero_text p{
	font-size: 18px;
	line-height: 1;
}
.hero_text ul{
	display: flex;	
	gap: 24px;
	margin: 0;
}
.hero_text ul li{
	display: flex;	
	gap: 8px;
}
.hero_text ul li img{
	width: 18px;
}
.hero_text ul span{
	font-size: 16px;
}
.hero_img_container{
	position: relative;
	max-height: 525px;
    overflow: hidden;
}
.hero_img{
	padding: 0;
    width: 43.244%;
	text-align: left;
}
.hero_img img{
	width: 90%;
}
.hero_img_text{
	position: absolute;
	right: 20%;
	top: 20%;
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 6px;
    background: #FFF;
    box-shadow: -2.977px 23.814px 29.767px 0px rgba(93, 113, 142, 0.10);
    padding: 10px 13px;
}
.hero_img_text img{
	max-width: 92px;
}
.google_score{
	display: flex;
	flex-direction: column;
}
.google_score span{
	font-family: 'Poppins-Regular';
	font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.google_score img{
	width: 90% !important;
}
.partners-container{
	max-width: 1300px !important;
}
.partners{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0 !important;
}
.partners img{
	max-width: 100px;
}
.howworks-grid, .features-grid{
	align-items: center;
}
.howworks-left-text, .features-right-text{
	display: flex;
	flex-direction: column;	
	gap: 20px;
	align-items: flex-start;
}
.howworks-left{
	display: inline-flex;
	flex-direction: column;	
	gap: 32px;
	align-items: flex-start;
}
.howworks-left ul li span:before{
	content: '';
	position: absolute;
	border-left: 2px solid #D0D5DD;
	left: 16px;
	height: 16px;
	top: 39px;
}
.howworks-left ul li:last-child span:before{
	content:none;
}
.howworks-left h2, .features-right h2, .sol-bus-left h2{
	font-family: 'Poppins-Regular';
	color: #c54110;
	font-size: 16px;
	padding: 6px 12px;
	border-radius: 6px;
	background: #FFEEE6;
	margin-bottom: 0;
	font-weight: 400;
	width: fit-content;
}
.sol-bus-left h2{
	margin-bottom: -25px;
}
.howworks-left h3, .features-right h3{
	color: #122247;	
	font-size: 48px;
	font-weight: 800;
	margin-bottom: 0;
}
.howworks-left p{
	color: #627897;	
	font-size: 18px;
	font-weight: 400;
}
.howworks-left ul{
	display: inline-flex;
	flex-direction: column;	
	gap: 32px;
	margin: 0;
}
.howworks-left ul li{
	display: inline-flex;
	align-items: center;
	gap: 16px;
}
.howworks-left li span{
	background: #FD7847;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	color: white;
	align-items: center;
	position: relative;
}
.howworks-left li{
	color: #122247;	
	font-size: 16px;
	font-weight: 400;
}
.features-right{
	display: inline-flex;
	flex-direction: column;	
	gap: 40px;
}
.seo_service{
	display: flex;
	align-items: flex-start;
	padding: 2%;
	flex-direction: column;
}
.seo_item{
	border-radius: 6px;
	background: #FFF;
	display: flex;
	width: 240px;
	box-shadow: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.10);
	margin: 1% 0%;
	flex: 1 0 20%;
	align-items: center;
}
.seo_item img{
	object-fit: cover;
	float: left;
	padding: 12px;
	max-width: 70px;
}
.seo_item h4{
	color: #344054;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
	float: right;
	padding: 12px;
	padding-left: 0;
}
.features-right ul{
	display: flex;
	flex-direction: column;	
	gap: 24px;
	margin: 0;
}
.features-right ul li{
	display: flex;
	gap: 20px;
	align-items: flex-start;
}
.features-right li img{
	width: 30px;
}
.features_listitem_content{
	display: flex;
	flex-direction: column;	
	gap: 12px;
}
.features_listitem_content span{
	color: #122247;
	font-size: 20px;
	font-weight: 700;
}
.features_listitem_content p{
	color: #627897;
	font-size: 16px;
	font-weight: 400;
}
.hero_section_parentdiv .wptext, .howworks-left .wptext{
	font-weight: bold;
	font-size: 16px !important;
}
.howworks-right{
	background-image: url(../img/home/borders.svg);
	background-color: #EEF5FF;
	padding: 70px 0;
	border-radius: 12px;
	border: 1px solid #D8E7FF;
	overflow-x: auto;
}
.howworks-right-child{
	display: inline-flex;
	gap: 16px;
	padding: 0 5%;
}
.howworks-right::-webkit-scrollbar{ 
	display: none;  /* Safari and Chrome */
}
.scroll{
	overflow: hidden;
}
.m-scroll{
	display: flex;
	flex-wrap: wrap;
	width: 1500px;
	margin: 0 10px!important;
	gap: 16px;
}
.m-scroll:hover{
	animation-play-state: paused
}
.rev_more_custom{
	cursor: pointer;
}
.articles_section_child {
	display: flex;
	flex-wrap: wrap;
}

.article_item {
	display: flex;
	flex-direction: column;
}

.article-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.article_item_content {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.meta-details {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@keyframes scrollText {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-100%, 0);
	}
}
/*** WhatsApp mobile ***/
#whatsapp_header_v2_mob p {
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
}
#whatsapp_header_v2_mob img {
	width: 22px !important;
    height: auto;
}
/**************************** WhatsApp Form ************************************/
/*******************************************************************************/
.hero_buttons .wpBtn {
	width: 200px;
	height: 56px;
	padding: 16px 32px;
}
.wpBtn{
	cursor: pointer;
	border: 0;
}
.herobuttons{
	width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #D0D5DD;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
    transition: transform 0.2s;
}
.additional-buttons{
	display: flex;
	gap: 12px;
}
.testdiv{
	display: flex;
	align-items: center;
	justify-content: center;
}
.herobuttons img{
	width: 24px;
}

/************************ WHO WE SERVE SECTION *********************************/
/*******************************************************************************/
.whoweserve-container {
	display: flex;    
	padding: 5.787% 6.576% 7.365% 6.576%;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    border-radius: 20px;
    background: #122247; 
}
.whoweserve-container h1 {
	color: #FFF;
	text-align: center;
	font-size: 48px;
	font-weight: 800;
	line-height: 56px; /* 116.667% */
	margin: 0;
}
.whoweserve-items-container {
	display: flex;
	flex-direction: row;
	gap: 40px;
	width: 100%;
	max-width: 1160px;
}
.whoweserve-items-container h2 {
	color: #FFF;
	font-size: 32px;
	font-weight: 800;
	line-height: 40px; /* 125% */
	margin: 0;
}
.whoweserve-items-container p {
	color: #7688A2;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
.whoweserve-item {
	position: relative;
	display: flex;
    flex-direction: column;
    gap: 16px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background: #1C2B50;
	width: 50%;
    min-height: 220px;
    justify-content: center;
    align-items: center;
}
.whoweserve-item img {
	position: absolute;
	bottom: 0;
	right: 0;
}
@media  only screen and (max-width: 960px) {
	.whoweserve-container {
		width: 95%;
		gap: 32px;
		padding: 56px 6% 32px;
	}
}
@media only screen and (max-width: 797px){
	.whoweserve-items-container {
		flex-direction: column;
	}
	.whoweserve-container h1 {
		font-size: 36px;
		line-height: 44px;
	}
	.whoweserve-items-container {
		gap: 20px;
	}
	.whoweserve-items-container h2 {
		font-size: 26px;
		line-height: 32px;
	}
	.whoweserve-items-container p { 
		font-size: 14px;
		line-height: 20px;
	}
	.whoweserve-item {
		text-align: center;
		padding: 24px;
		gap: 8px;
		width: 100%;
		min-height: auto;
	}
	.whoweserve-item img {
		display: none;
	}
}
/*******************************************************************************/
/************************ Solutions b SECTION **********************************/
/*******************************************************************************/
.sol-business-wrapper {
	max-width: 1160px;
	gap: 100px;
}
.sol-bus-left {
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.sol-bus-left h3 {
	align-self: stretch;
	color:  #122247;
	font-size: 48px;
	font-weight: 800;
	line-height: 56px; /* 116.667% */
	margin: 0;
}
.sol-business-items-wrapper {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.sol-business-item {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 20px;
}
.sol-business-item div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.sol-business-item div span {
	align-self: stretch;
	color: #122247;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px; /* 140% */
}
.sol-business-item div p {
	max-width: 460px;
	color: #7688A2;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px; /* 150% */
}
@media  only screen and (max-width: 960px) {
	.sol-business-container {
		width: 92% !important;
	}
	.sol-business-wrapper { 
		flex-direction: column;
	}
	.sol-bus-left, .sol-bus-right {
		width: 100%;
	}
}
@media  only screen and (max-width: 491px) {
	.sol-bus-left {
		gap: 24px;
	}
	.sol-bus-left h1 {
		font-size: 36px;
		line-height: 44px; /* 122.222% */
	}
	.sol-business-items-wrapper {
		gap: 16px;
	}
	.sol-business-item {
		gap: 12px;
	}
	.sol-business-item img {
		width: 28px;
		height: 28px;
	}
	.sol-business-item div {
		gap: 8px;
	}
	.sol-business-item div span {
		font-size: 16px;
		line-height: 24px;
	}
	.sol-business-item div p {
		font-size: 14px;
		line-height: 20px; /* 142.857% */
	}
	.sol-business-wrapper {
		gap: 40px;
	}
}
@media  only screen and (max-width: 357px) {
	.sol-bus-left h1 {
		font-size: 28px;
	    line-height: 36px;
	    max-width: 275px;
	}
}
/*******************************************************************************/
/************************ Solutions I SECTION **********************************/
/*******************************************************************************/
#solutions-indust {
	margin-top: 60px;
}
.sol-indust-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 64px;
}
.sol-indust-wrapper h1 {
	align-self: stretch;
	color: #122247;
	text-align: center;
	font-size: 48px;
	font-weight: 800;
	line-height: 56px; /* 116.667% */
	margin: 0;
}
.sol-indust-items {
	gap: 16px;
	margin-left: 0 !important;
}
.sol-indust-item {
	display: flex;
	width: 312px;
	padding: 40px 32px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	border-radius: 12px;
	border: 1px solid #D0D5DD;
	margin: 0 !important;
	box-sizing: content-box;
}
.sol-indust-item span {
	align-self: stretch;
	color: #122247;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px; /* 140% */
	font-family: "PPRightGrotesk";
}
.sol-indust-item img {
	max-width: 60px;
}
@media  only screen and (max-width: 491px) {
	#solutions-indust {
		margin-top: 20px;
	}
	.sol-indust-container {
		width: 92% !important;
	}
	.sol-indust-wrapper {
		gap: 24px;
	}
	.sol-indust-wrapper h1 {
		font-size: 36px;
		line-height: 44px;
	}
	.sol-indust-items {
		gap: 10px;
	}
	.sol-indust-item {
		width: 38%;
		gap: 20px;
		padding: 24px 4.35%;
		text-align: center;
		align-items: center;
	}
	.sol-indust-item span {
		font-size: 15px;
		line-height: 24px; /* 160% */
	}
}
@media  only screen and (max-width: 341px) {
	.sol-indust-item span {
		font-size: 12px;
        line-height: 18px;
	}
}
/*******************************************************************************/
/********************** AI CALCULATER SECTION **********************************/
/*******************************************************************************/
.ai-calc-container {
	display: flex;
	padding-left: 3%;
	gap: 10%;
}
.ai-calc-left {
	width: 40%;
}
.ai-calc-right {
	width: 50%;
	max-width: 584px;
}
.ai-calc-left h2 {
	font-size: 48px;
	font-weight: 800;
	line-height: 56px;
	color: #FFF;
	margin-bottom: 20px;
}
.ai-calc-left h2 span {
	color: #FD7847 !important;
}
.ai-calc-left p {
	color: #90A3BF;
	font-size: 18px;
	font-weight: 400;
	line-height: 26px; /* 144.444% */
	margin-bottom: 32px;
}
.ai-calc-left a {
	display: flex;
	width: 180px;
	height: 56px;
	padding: 16px 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 100px;
	background:  #004FE5;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px; /* 150% */
}
@media only screen and (max-width: 791px){
	.ai-calc-container {
		flex-direction: column;
		row-gap: 48px;
	}
	.ai-calc-left, .ai-calc-right {
		width: 100%;
	}
	.ai-calc-left a {
		width: 100%;
	}
}
@media  only screen and (max-width: 491px) {
	.ai-calc-left h2 {
		font-size: 36px;
		line-height: 44px; /* 122.222% */
		margin-bottom: 12px;
	}
	.ai-calc-left p {
		font-size: 16px;
		line-height: 24px; /* 150% */
		margin-bottom: 24px;
	}
	.ai-calc-left a {
		height: 48px;
	}
}
/*******************************************************************************/

@media only screen and (max-width: 605px){
	.herobuttons{
		width: 48px;
		height: 48px;
	}
}
@media only screen and (max-width: 400px){

	.hero_buttons {
		width: 100%;
		gap: 8px;
	}
	.hero_buttons .wpBtn {
		white-space: nowrap;
	    padding: 16px;
	    width: 100%;
	    height: 48px;
	}
}
/*******************************************************************************/
@media only screen and (min-width: 1250px) and (max-width: 1350px){ 
	.hero_text{
		padding-left: 130px;
	}
	.review_num{
		font-size: 33px;
		line-height: 37px;
	}
	.google_score span {
		font-size: 12px;
	}
	.hero_img_text{
		top: 17%;
		right: 17%;
		gap: 7px;
	}	
}
@media only screen and (min-width: 1200px) and (max-width: 1250px){	
	.partners-container{
		width: 95%;
	}
	.hero_text{
		padding-left: 140px;
	}
	.review_num{
		font-size: 37px;
		line-height: 37px;
	}	
	.google_score span {
		font-size: 12px;
	}
	.hero_img_text {
		top: 17%;
		right: 17%;
		gap: 6px;
	}
}
@media only screen and (min-width: 1100px) and (max-width: 1200px){
	.hero_text{
		padding: 70px;
		padding-left: 85px;
	}
	.hero_img img{
		width: 100%;
	}
	.hero_img_text{
		right: 8%;
		top: 17%;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1116px){	
	.hero_text{
		padding: 75px;
		padding-left: 70px;
	}
	.hero_img img{
		width: 100%;
	}
	.howworks-left h3, .features-right h3{
		font-size: 44px;
	}	
}
@media only screen and (max-width: 1100px){	
	.hero_grid{
		align-items: center;
	}
	.hero_img_text{
		right: calc(16% - 100px / 2);
		top: 14%;
		gap: 7px;
	}
	.hero_text h1{
		width: 90%;
		font-size: 55px;
	}
	.hero_text p{
		font-size: 17px;
	}
	.hero_text{
		padding: 60px 0px;
		padding-left: 60px;
		gap: 30px;
	}
	.hero_text ul{
		gap: 10px;
	}
	.hero_text ul li img{
		width: 13px;
	}
	.hero_titles{
		gap: 18px;
	}
	.hero_img{
		padding: 5px;
	}
	.hero_section_parentdiv{
		width: 90%;
	}
	.partners img{
		max-width: 80px;
	}
	.hero_img img{
		width: 100%;
	}
	.partners{
		padding: 25px 0 !important;
	}
	.howworks-left h2, .features-right h2, .features_listitem_content p{
		font-size: 14px;
	}
	.features-right{
		gap: 20px;
	}
	.howworks-left-text, .features-right-text{
		gap: 12px;
	}
	.howworks-left h3, .features-right h3{
		font-size: 36px;
	}
	.features-right ul{
		gap: 16px;
	}
	.features_listitem_content span{
		font-size: 16px;
	}	
	.review_num{
		line-height: 44px;
	}
	.hero_text ul span{
		font-size: 13px;
	}
}
@media only screen and (max-width: 961px){
	.review_num
	{
		font-size: 42px;
	}
}
@media only screen and (max-width: 850px){	
	.howworks-left ul li span:before {
        left: 12px;
        height: 16px;
        top: 26px;
    }
	.hero_titles{
		gap: 15px;
	}
	.hero_text{
		padding: 90px 0;
		padding-left: 50px;
		gap: 30px;
	}
	.hero_text h1{
		font-size: 45px;
	}
	.hero_text ul, .hero_text ul li{
		gap: 6px;
	}
	.hero_text ul li img{
		width: 13px;
	}
	.seo_item h4{
		font-size: 13px;
	}
	.hero_img_text {
		gap: 4px;
	}
	.review_num{
		font-size: 35px;
		line-height: 35px;
	}
	.google_score span{
		font-size: 10px;
	}
	.partners img{
		max-width: 60px;
	}
	.partners{
		padding: 15px 0 !important;
	}
	.howworks-left h3, .features-right h3{
		font-size: 30px;
	}
	.howworks-right{
		padding: 50px 0;
		gap: 14px;
	}
	.seo_item{
		width: 200px;
	}
	.seo_item img{
		max-width: 60px;
	}
	.features-right ul li{
		gap: 12px;
	}
	.features-right li img{
		width: 28px;
		margin-top: -2px;
	}	
	.howworks-left p{
		font-size: 16px;
	}
	.howworks-left ul{
		gap: 20px;
	}
	.howworks-left ul li{
		gap: 12px;
		font-size: 16px;
	}
	.howworks-left li span{
		width: 24px;
		height: 24px;
	}
	.features_listitem_content{
		gap: 8px;
	}
		
	.hero_section_parentdiv{
		width: 95%;
	}
}
@media only screen and (max-width: 750px){	
	.hero_img_text {
		right: calc(17% - 100px / 2);
		top: 11%;
		padding: 10px 15px 10px 16px;
	}
	.review_num {
		font-size: 30px;
	}
	.google_score {
		max-width: 75px;
	}
}
@media only screen and (max-width: 650px){
	.hero_text p{
		font-size: 14px;
		text-align: center;
	}
	#howitworks {
		margin: 0;
	}
	#features {
		margin-bottom: 0px;
	}
	.howworks-left h2, .features-right h2 {
        height: 32px;
        align-content: center;
    }
	.howworks-left {
		padding: 0;
	}
	.howworks-grid{
		margin-left: 0px;
	}
	.wpBtn-hero{
		width: 80% !important;
		margin: auto;
	}
	.wpBtn-hero .wptext{
		font-size: 16px;
	}
	.hero_buttons, .hero_buttons .wpBtn{
		width: 100%;
	}
	.hero_img_text img{
		max-width: 80px !important;
	}
	.hero_img_text {
		right: calc(25% - 100px / 2);
	}
	.google_score {
		max-width: 55px;
	}
	.google_score span {
		font-size: 8px;
	}
	.hero_text{
		padding: 0px;
		padding-left: 30px;
		gap: 24px;
	}	
	.hero_section_parentdiv .flex-flex{
		padding-top: 52px;
		padding-right: 20px;
		padding-left: 20px;
		display: flex;
		margin-left: -30px;
	}	
	.hero_titles{
		gap: 12px;
	}
	.hero_img{
		padding: 0;
		padding-left: 30px;
		margin: 15px 0;
	}
	.hero_text h1{
		font-size: 48px;
		width: 100%;
		text-align: center;
	}
	.hero_img ul{
		display: inline-block;
		text-align: center;		
	}
	.hero_img ul li{
		display: inline-block;
		text-align: center;
		margin: 0 10px;
	}
	.hero_img ul li span{
		font-size: 14px;
	}
	.hero_img ul li img{
		width: 18px;
	}
	.partners{
		overflow-x: scroll;
		display: flex;
		gap: 30px;
	}
	.partners img{
		max-width: 128px;
	}
	.partners li{
		margin: 0 5%;
	}
	.features-right h3{
		font-size: 35px;
	}
	#features .flex-flex{
		flex-direction: column-reverse;
	}
	.partners_mobile .uk-slider-items{
		gap: 32px;
	}
	.partners_mobile .uk-slider-items .logoright{
		justify-content: end;
	}
	.partners_mobile .uk-slider-items .logoleft{
		justify-content: flex-start;
	}
	.partners_mobile .uk-slider-items li{
		width: 50%;
		text-align: center;
		display: flex;
		align-items: center;
		padding: 0;
	}
	.partners_mobile .uk-slider-items img{
		width: 100px;
        max-height: 40px;
        object-fit: fill;
	}
	.partners_mobile .uk-dotnav>*>*{
		width: 8px;
		height: 8px;
		background: #EAECF0;
		border: 1px solid transparent;
	}
	.partners_mobile .uk-dotnav>.uk-active>*{
		background-color: #fff;
		border: 2px solid #FD7847;
	}
	.partners_mobile .uk-slidenav svg{
		display: none;
	}
	.partners_mobile .uk-slidenav{
		margin: 0;
		margin-top: 15px;
		padding: 0;
	}	
	.partners_mobile .uk-slidenav img{
		width: 32px;
		height: 32px;
	}
	.howworks-right{
		padding: 60px 30px;
		margin-top: 30px;
	}	
	.hero_img img{
		width: auto;
	}
	.hero_section{
		padding: 0 0 30px 0;
	}
	.howworks-left h3{
		font-size: 36px;
	}	
	.mobile-break{
		display: block;
	}
}
@media only screen and (max-width: 640px){
	.review_num {
		font-size: 45px;
		line-height: 43px;
	}
	.hero_img_text {
		right: calc(20% - 100px / 2);
		top: 17%;
		gap: 12px;
	}
	.google_score {
		max-width: 100%;
	}
	.google_score span {
		font-size: 12px;
	}
	.hero_text, .hero_img {
		width: 100%;
	}
}
@media only screen and (max-width: 490px){	
	.hero_img_text {
		top: 14%;
        right: calc(30% - 200px / 2);
	}
}
@media only screen and (max-width: 390px){	
	.hero_text h1{
		font-size: 44px;
	}	
	.hero_img_text {
		top: 13%;
		padding: 6px 9px;
	}
	.howworks-left h3{
		font-size: 30px;
	}
	.features-right h3{
		font-size: 30px;
	}
	.hero_text p{
		font-size: 13px;
		line-height: 1.1;
		text-align: center;
	}
	.review_num{
		font-size: 35px;
		line-height: 40px;
	}
	.hero_img ul li{
		margin: 0 5px;
	}
	.howworks-left p{
		width: 95%;
	}	
}
@media only screen and (max-width: 351px){
	.hero_text h1{
		font-size: 37px;
	}
	.review_num{
		font-size: 30px;
		line-height: 35px;
	}
	.hero_img_text img{
		max-width: 65px !important;
	}
	.hero_img_text{
		right: calc(21% - 100px / 2);
		gap: 7px;
	}
	.hero_img ul li span{
		font-size: 12px;
	}
	.hero_img ul li img{
		width: 12px;
	}
	.howworks-left h3, .reviews h3{
		font-size: 25px;
	}
	.howworks-left p{
		font-size: 14px;
		width: 100%;
	}
	.google_score span {
		font-size: 10px;
	}
}