#hero{width:100%; background:url('../images/breadcrumbbg.jpg') no-repeat center center; background-size:cover; padding:2rem;}
.breadcrumb{font-size:1.6rem; color:#fff; line-height:2.7rem;}
.breadcrumb a{font-weight:600; color:#f9a701;}
.breadcrumb em{margin:0 0.5rem; font-style:normal;}

.main_content{padding:2rem;font-size:1.6rem; line-height:2.8rem; color:#000;}
h1{font-weight:600; font-size:2.5rem; line-height:3rem; margin-bottom:1rem; color:var(--bgPrimary);}

.main_content h2{font-size:2.2rem; font-weight:600; margin-bottom:0.8rem;}
.main_content p, .main_content ul{margin-bottom:2rem;}
.main_content ul{display:flex; flex-direction:column; gap:1rem;}
.main_content ul li{position:relative; padding-left:2.5rem;}	
.main_content ul li i{position:absolute; top:0.7rem; left:0; color:var(--bgPrimary);}

.query_form{color:#222;}
.query_form_heading{font-size:2.2rem; font-weight:600; margin-bottom:1rem}

.contact_form{margin-bottom:3rem; padding:2rem; border:1px solid #ccc;  border-radius:0.4rem; background:#fff;}
.contact_form, .form_field{display:flex; flex-direction:column; gap:1rem; font-size:1.6rem;}
.form_field{gap:0.5rem; margin-bottom:1rem;}
.inpbox, .txtareabox{border:1px solid #ddd; padding:0.5rem;}
.txtareabox{height:8rem;}
.captcha{color:var(--bgPrimary); font-family:'Philosopher', sans-serif; font-weight:700; font-size:2rem;}
.form_submit{display:flex; justify-content:center; align-items:center;margin-top:1rem;}
.submit_btn{width:max-content; font-size:1.8rem; color:#fff; font-family:'Philosopher', sans-serif; font-weight:700;background-image:linear-gradient(0deg, rgb(244, 170, 54) 0%, rgb(243, 115, 53) 100%); padding:0.5rem 3rem; border-radius:0.5rem;}

/*==================
 RESPONSIVE DESIGN
====================*/
@media (min-width:480px) {
}
@media (min-width:768px) {
	.breadcrumb{display:flex; justify-content:center; align-items:center; gap:0.5rem;}
	.breadcrumb em{margin:0}
}
@media (min-width:1024px) {
	.query_form{width:35rem; float:right; margin:0 0 2rem 5rem;}
	.form_field_captcha_row{display:flex; justify-content:space-between; align-items:center;}
	.form_field{margin-bottom:0}
}
@media (min-width: 1280px) {
	#hero{padding:5rem 0; background-size:100% 100%;}
	.breadcrumb{font-size:1.5rem;}
	main{padding:5rem 0; background:url('../images/bg7.jpg') no-repeat center center; background-size: cover;}
	.main_content{padding:0;}
	.main_content{font-size:1.8rem; line-height:3.2rem;}
	h1{font-size:3rem; line-height:4rem; text-align:left;}
	.main_content h2{font-size:2.6rem; line-height:3.6rem; text-align:left;}
}