/*--- Extra large devices (large desktops, 1400px and up) -----*/

@media (min-width: 992px) { 

	.container{
		max-width: 186rem;
	}
	
}


/* ------ Medium devices (tablets, 991px and down) -----*/

@media (max-width: 991px) {

	html{
		font-size: 40%;
	}

	.hero_content{
		max-width: 100%;
		margin-left: 0;
	}

	.service_area .title{
		text-align: center;
	}

	.service_area{
		padding: 10rem 0 15rem;
	}

	.service_area .row {
		--bs-gutter-x: 4rem;
		--bs-gutter-y: 4rem;
	}

	.service_card .avatar {
		width: 26rem;
		height: 26rem;
		margin-bottom: 4rem;
	}

	.service_card p{
		padding: 2.5rem 0 3.5rem;
	}

	.card_btn{
		width: 34rem;
	}

	.start_here_area{
		padding: 8rem 0 12rem;
	}

	.start_here_area .row {
		--bs-gutter-x: 4rem;
		--bs-gutter-y: 4rem;
	}

	.safe_area{
		padding: 7rem 0;
	}

	.testimonial_area{
		padding-bottom: 8rem;
	}

	.testimonial_area .row {
		--bs-gutter-x: 4rem;
		--bs-gutter-y: 4rem;
	}

	.testimonial_card{
		height: 100%;
	}

	.thank_you_area{
		padding: 7rem 0;
	}

	.thank_you_area h2{
		font-size: 8rem;
	}

	
}



/*----- sm devices (tablets, 767px and down) -----*/

@media (max-width: 767px) {

	.start_here_area h2{
		font-size: 6.5rem;
	}

	.safe_area h2{
		font-size: 7.6rem;
	}

	.safe_area .content{
		font-size: 3rem;
	}

	.thank_you_area h2 {
		font-size: 6rem;
	}

	.thank_you_area h2 br{
		display: none;
	}
	
	
}


/*----- xs devices (landscape phones, 575px and down) -----*/

@media (max-width: 575px) {

	html{
		font-size: 1.6vw;
	}

	body{
		font-size: 3rem;
	}
	
	.container{
		padding-left: 4rem;
		padding-right: 4rem;
	}
	
	.hero_content h2{
		font-size: 6.5rem;
	}

	.hero_content p{
		font-size: 3rem;
	}

	.hero_btn{
		padding: 3rem 4rem;
	}

	.service_area .title{
		margin-bottom: 4rem;
	}

	.service_area .title h2 {
		font-size: 5.7rem;
	}

	.service_card{
		height: auto;
	}

	.start_here_area h2 {
		font-size: 5rem;
	}

	.start_here_area .icon_box h3{
		font-size: 3rem;
		line-height: 1.2;
	}

	.safe_area .content{
		padding: 4rem 3.5rem 7rem 3.5rem;
	}

	.safe_area h2 {
		font-size: 5.6rem;
	}

	.testimonial_area .title h2{
		text-align: center;
	}

	.thank_you_area h2 {
		font-size: 5rem;
	}

	.thank_you_area .button{
		font-size: 2.6rem;
	}

}