@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css');
/*font-family: "Libre Franklin", sans-serif;
font-family:"Font Awesome 7 Brands";
font-family:"Font Awesome 7 Free";
font-family:"FontAwesome";*/

:root{
	--white: #ffffff;
	--offwhite: #f8f8f8;
	--lightwhite: #c7c7c7;
	--black: #1b1b1b;
	--primary_color: hsl(20, 89%, 54%);
	--primary_color_dark: hsl(20, 89%, 20%);
	--primary_color_lighter: hsl(20, 89%, 70%);
	--primary_color_lightest: hsl(20, 89%, 95%);
	--para: "Libre Franklin", sans-serif;
	--effect: all ease-in-out 250ms;
	--icons_brand: "Font Awesome 7 Brands";
	--icons_brand: "Font Awesome 7 Free";
	--icons: "FontAwesome";
}

@media screen and (max-width: 992px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 500px) {
	button.navbar-toggler{ padding: 6px; background-color: #fff; border-radius: 6px; }
	.offcanvas-body .nav-link{ color: var(--black)!important; }
	.banner_content{ text-align: center; }
	.banner{ padding: 200px 0px 180px 0px }
	.banner h1{ font-size: 40px!important; font-weight: 500!important; }
	.banner .abs{ display: none; }
	.mission_vision .head_para{ margin-bottom: 16px; }
	.head_para{ text-align: center; }
	.about .counter > .row{ gap: 16px; }
	.all_usps > .col{ margin-bottom: 16px; }
	footer .copy .container{ flex-direction: column; gap: 16px; }
	footer .copy .container p:last-child{ display: flex; justify-content: space-between; width: 100%; }
}