<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta name="description" content="<%= metaDescription %>">
	  <meta name="keywords" content="<%= metaKeywords %>">
      <title><%= title %></title>
      <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
      <link rel="preconnect" href="https://fonts.googleapis.com">
      <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
      <link href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
      <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
      <style>
		body{
		font-family: 'Fira Sans', sans-serif !important;
		font-size: 15px;
		color: #999999;
		}
		a{
		color: #111111;
		text-decoration:none;
		}
		a:hover{
		color: #f15a24;
		}
		h1 {
		font-size: 40px;
		font-weight: bold;
		color: #111111;
		}
		h2 {
		font-size: 32px;
		font-weight: 700;
		color: #111111;
		}
		h3, h4, h5, h6{
		font-weight: 700;
		color: #111111;
		}
		pre{
		line-height: 1.4;
		}
		p{
		font-size: 15px;
		line-height: 26px;
		color: #5b5b5b;
		font-weight: 400;
		letter-spacing: 0px;
		}
		.title-section{
		background-image: linear-gradient(to right, #f15a24, #d44101);
		color: #fff;
		}
		.title-section h1{
		color: #fff;
		font-size: 30px;
		text-shadow: 2px 2px 10px #0000006b;
		}
		.title{
		font-size: 36px;
		font-weight: 500;
		line-height: 36px;
		color: #111111;
		margin-bottom: 2px;
		letter-spacing: 0px;
		}
		.sub-title {
		font-size: 15px;
		font-weight: 500;
		line-height: 18px;
		margin-bottom: 6px;
		color: #d71f27;
		}
		.underlined-title{
		font-size: 35px;
		font-weight: 400;
		line-height: 49px;
		color: #111111;
		margin-bottom: 15px;
		letter-spacing: 0px;
		}
		.underlined-title:before{
		content: "";
		display: block;
		width: 100px;
		position: relative;
		height: 1px;
		top: 50px;
		border-bottom: 4px solid #d71f27;
		}

		header{
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		}
		.navbar-toggler .icon-bar{
		background-color: #f15a24;
		height: 2px;
		display: block;
		width: 30px;
		margin-bottom: 5px;
		}
		.navbar-toggler .icon-bar {
		display: block;
		width: 22px;
		height: 2px;
		background-color: orangered;
		transition: all 0.3s;
		transform-origin: center;
		}
		.navbar-nav .nav-link{
		font-size: 13px;
		font-weight: 500;
		letter-spacing: 0.2px;
		color: #111111;
		}
		.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover, .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover{
		color: #f15a24 !important;
		}
		.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
		color: #999;
		font-size: 13px;
		font-weight: 500;
		padding: 10px;
		}
		.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover, .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:active {
		background: transparent;
		}
		.dropdown .dropdown-menu {
		border: none;
		border-radius: 0px;
		}
		.dropdown .dropdown-menu {
		width: 200px;
		box-shadow: 0px 20px 46px 0px rgba(0, 0, 0, 0.15);
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		}.bg-danger {
		background-color: #f15a24;
		}
		.text-danger{
		color: #f15a24;
		}
		.text-bg-danger {
		color: #fff!important;
		background-color: #f15a24 !important;
		}
		.border-danger{
		border-color: #f15a24 !important;
		}
		.brand-color{
		color: #f15a24;
		}
		.brand-bg{
		background: #f15a24;
		background-color: #f15a24;
		}
		.brand-border{
		border-color: #f15a24;
		}
		.btn-brand, .btn-danger{
		background: #d71f27;
		color: #fff;
		border-color: #f15a24;
		border-radius: 10px;
		padding: 10px 25px;
		font-size: 14px;
		font-weight: 500;
		}
		.btn-brand:hover, .btn-danger:hover, .btn-brand:focus, .btn-danger:focus, .btn-brand:active, .btn-danger:focus-visible, .btn-brand:focus-visible{
		background-color: #111 !important;
		border-color: #111 !important;
		color: #fff;
		}
		.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
		background-color: #111 !important;
		border-color: #111 !important;
		color: #fff;
		}
		.btn-outline-brand, .btn-outline-danger{
		color: #f15a24;
		border-color: #f15a24;
		border-radius: 10px;
		padding: 10px 25px;
		font-size: 14px;
		font-weight: 500;
		}
		.btn-outline-brand:hover, .btn-outline-danger:hover, .btn-outline-brand:focus, .btn-outline-danger:focus, .btn-outline-brand:active, .btn-outline-danger:active, .btn-outline-brand:focus-visible, .btn-outliner:focus-visible{
		background-color: #f15a24 !important;
		border-color: #f15a24 !important;
		color: #fff;
		}
		.btn-dark{
		background: #111;
		color: #fff;
		border-color: #111;
		border-radius: 10px;
		padding: 10px 25px;
		font-size: 14px;
		font-weight: 500;
		}
		.btn-dark:hover, .btn-dark:focus, .btn-dark:focus-visible{
		background-color: #f15a24 !important;
		border-color: #f15a24 !important;
		color: #fff;
		}
		.btn-outline-dark{
		color: #111;
		border-color: #111;
		border-radius: 10px;
		padding: 10px 25px;
		font-size: 14px;
		font-weight: 500;
		}
		.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:focus-visible{
		background-color: #111 !important;
		border-color: #111 !important;
		color: #fff;
		}
		.form-control, .form-select{
		font-weight: 500 !important;
		border-radius: 5px;
		font-size: 13px;
		border: 1px solid #f6f7f8;
		background: #f6f7f8;
		color: #777 !important;
		outline: none;
		width: 100%;
		height: 48px;
		padding: 5px 14px;
		margin: 0 0px 21px;
		}
		label{
		font-weight: 500 !important;
		border-radius: 5px;
		font-size: 13px;
		color: #373737 !important;
		margin-bottom: 3px;
		}
		.form-control:focus{
		background: #f6f7f8;
		}
		.form-check-input:focus, .form-control:focus, .form-select:focus {
		border-color: #d71f27 !important;
		box-shadow: none;
		}
		select.form-select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;       /* Remove default arrow */
		background: #f6f7f8 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23777777" d="M192 384c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L192 306.8l137.4-137.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-160 160C208.4 380.9 200.2 384 192 384z"/></svg>') right 1rem center/8px 10px no-repeat;
		}
		.form-check-input:checked {
		background-color: #f15a24;
		border-color: #f15a24;
		}
		.accordion-button{
		color: #373737;
		}
		.accordion-button:not(.collapsed){
		color: #ffffff;
		background-color: #f15a24;
		}
		.accordion-button:focus {
		border-color: #d71f27 !important;
		box-shadow: none;
		}
		.accordion-button:not(.collapsed)::after {
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
		}
		.accordion-body{
		color: #999999;;
		}
		.alert-danger{
		background-color: #f15a241c;
		border-color: #f15a24;
		color: #000;
		}
		.list-group-item.active {
		color: #ffffff;
		background-color: #f15a24;
		border-color: #f15a24;
		}
		.page-link{
		color: #f15a24;
		}
		.page-link:hover, .page-link:focus{
		color: #111111;
		}
		.page-link:focus {
		border-color: #d71f27 !important;
		box-shadow: none;
		background: #f6f7f8;
		}
		.active>.page-link, .page-link.active {
		color: #ffffff;
		background-color: #f15a24;
		border-color: #f15a24;
		}
		@media screen and (min-width: 801px) {
		.dropdown:hover>.dropdown-menu {
		display: block;
		}
		}
		@media screen and (max-width: 800px) {
		.nav-container{
		max-width: 100%;
		margin: 0px;
		padding: 0px;
		}
		.navbar-nav .nav-link{
		padding: 15px 15px !important;
		}
		.nav-container .navbar-collapse{
		background: #252525;
		}
		.nav-container .navbar-nav .nav-link {
		color: #fff;
		text-align: center;
		}
		.dropdown:hover>.dropdown-menu {
		position: relative;
		width: 100%;
		text-align: center;
		background: #292929;
		}
		.navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
		color: #fff;
		padding: 8px 0px;
		}
		.navbar {
		padding: 0px;
		}
		.navbar-brand{
		margin-left: 15px;
		}
		.navbar-toggler{
		margin-right: 15px;
		border: none;
		}
		.navbar-toggler:focus {
		box-shadow: none;
		}
		}
		footer .list {
    list-style: none;
	padding: 0px;
}
      </style>
   </head>