@media only screen and (max-width:1200px){
.nav-link{
  margin-right:1.5rem;
}
}
@media only screen and (max-width:1100px){
.dot{
	padding:0;
}
}





@media only screen and (max-width: 992px){
	html{
	font-size: 55.5%;
	}
	.my_menu{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 10rem;
}
.menu_btn{
	width: 100%;
}
.outline_btn{
	width: 100%;
	margin-bottom: 1rem;
	height: 5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.nav-link{
	font-size: 2.6rem;
	text-align: left;
	line-height: 5rem;
	margin:0;
	transition: color .2s;
}
.fill_bg{
	width: cover;
	display:flex;
	margin-top:1rem;
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btns_list{
	width: 100%;
	margin-top: 2rem;
}
.hero_right{
	margin-top:3rem;
}
.hero_heading{
	font-size: 7rem;
}
.hero_desc{
	font-size: 2rem;
	margin:2rem 0;
}
.feature_card{
	height: 20rem;
}
.desc_height {
	height: 13rem;
}
.circle_3{
	right: -13rem;
}
.main_faq{
	width: 100%!important;
}
.footer_logo{
	margin-bottom: 2rem;
}
.pricing_card{
	margin-bottom: 2rem;
}
.prc_desc{
	height: auto;
}
.logos_flex{
	flex-wrap: wrap;
}
.mb_2{
	margin-bottom: 1rem;
}
.test_flex{
	gap: 1.5rem;
}
.test_flex img{
	max-width: 13rem;
}
.test_flex .prc_name{
	font-size: 2rem;
}
.test_flex .gen_p{
	font-size: 1.6rem;
}
.feature_card{
	height: 24rem;
}
.main_featues .feature_card{
	height: auto;
}
.pricing_card_2 .gen_p{
	height:5rem
}
}





@media only screen and (max-width: 768px){
	/*html{
	font-size: 45.5%;
	}*/
	.hero_heading{
	line-height: 6rem;
	font-size: 6rem;
}
.hero_desc{
	font-size: 2.2rem;
	line-height: 2.8rem;
}
.hero-circle, .hero-circle_2{
	display: none;
}
.feature_card{
    display: grid;
    grid-template-columns: 1fr 8fr;
  }
  .testi_card{
  	margin-bottom: 1rem;
  }
  .hero_right_circle, .hero_left_circle{
  	display: none;
  }
  .forzindex {
  	z-index: 1;
  }
  .newsletter_right_side{
  	float: none;
  	margin:0 auto;
  	margin-top:1rem;
  }
  .blog_title_div{
  	height: auto;
  	margin-bottom: 1rem;
  }
  .blog_desc_div .blog_desc{
  	font-size: 1.8rem;
  }
  .feature_card {
  	grid-template-columns: 1fr 6fr!important;
  }
}



@media only screen and (max-width: 576px){
.hero_heading{
	line-height: 5rem;
	font-size: 4.5rem;
}
.sec_heading{
	font-size: 3.2rem;
	line-height: 3.7rem;
}
.hero_desc{
	font-size: 2.2rem;
	line-height: 2.8rem;
}
.feature_card{
	grid-template-columns:1fr 6fr;
}
.feature_left img{
	max-width: 4rem;
}
.w-50{
	width: 90%!important;
}
.sol_card, .blog_card{
	margin-bottom: 2rem;
}
.form_wraper{
	width: 95%;
}
.last_p{
	margin:0;
}
}