@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
* { margin:0; padding:0;box-sizing: border-box;}
body { background:#f6f6f6; font-family:'Source Sans Pro', Arial;font-size:16px; line-height:.9375em; color:#323232;}

input, textarea { font-family:'Source Sans Pro', Arial; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:20px;}

/*.tail-bottom { background:url(images/tail-bottom.gif) left bottom repeat-x #fff;}*/

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:30px;}
.form input {width:241px; background:none; border:1px solid #bcbcbc; color:#323232; padding:3px 0 4px 6px;}
textarea { width:241px; height:100px; background:none; overflow:auto; border:1px solid #bcbcbc; color:#323232; padding:3px 0 0 6px; margin-bottom:20px;}


/*==================list====================*/
ul { list-style:none;}

.banners li { padding-bottom:4px;}

.list1 { margin-bottom:8px;}
.list1 li { background:url(images/marker.gif) no-repeat left 5px; padding:0 0 10px 9px;}
.list1 li a { float:left; width:195px;}

.list2 { margin-bottom:8px;}
.list2 li {background: url(images/marker.gif) no-repeat left 7px / 5px; padding-left: 15px; }

.list3 dt { color:#d40005; font-weight:bold;}
.list3 dd { padding-bottom:13px;}

.list4 { margin-bottom:8px;}
.list4 li { background:url(images/marker.gif) no-repeat left 5px; padding:0 0 10px 9px;}


/*==================other====================*/
.img-indent { margin:0 15px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:32px;}
.img-box img { float:left; margin:0 15px 0 0;}
.img-box1 { width:100%; overflow:hidden; padding-bottom:22px;}
.img-box1 img { float:left; margin:0 15px 0 0;}

.p2 { margin-bottom:18px;}


/*==================txt, links, lines, titles====================*/
a {color:#d40005;}
a:hover{text-decoration:none;}

h2 { font-size:1em; margin-bottom:5px;}
h3 { font-size:1em; margin-bottom:12px;}
h4 { font-size:2em; margin-bottom:16px;}

.title { margin-bottom:20px; border-bottom:0px solid #e3e3e3; margin-bottom:29px;}
.title img { margin:0 0 0 0;}

/*==================boxes====================*/
.cont-box { padding:0 55px 0 0; margin:0;}
.cont-box span { float:right;}
.container {width: 100%; max-width: 1280px; margin: 0 auto;padding: 0 15px;}
/*header*/
#header {background: #000; padding: 20px 0; }
#header .container {max-width: 100%; padding-left: 85px; padding-right: 85px;}
.inner-header {display: flex; align-items: center; justify-content: space-between;}
#header ul {display: flex;align-items: center;justify-content: center;}
#header .row-1 { height:68px; color:#737373;}
#header .row-1 .fleft { padding:39px 0 0 19px;}
#header .row-1 .fright { padding:39px 23px 0 0;}
#header .row-1 a { color:#737373; text-decoration:none;}
#header .row-1 a:hover { color:#e20005; text-decoration:underline;}
#header .row-2 { height:331px;text-align:right;}
#header .row-2 .indent { padding:151px 0 0 0;}
#header ul li { display:inline;}
#header ul li a {display: block; line-height: 24px;text-transform: uppercase; text-align: center; color: #fff; text-decoration: none; padding: 10px; font-size: 15px;transition: all 0.4s ease-in-out}
#header ul li a.current,
#header ul li a:hover { color:#efad28;}

/* banner */

.banner img {width: 100%;}
/*content*/
#content .indent { padding:0 28px 32px 20px;}
#content .indent1 { padding:0 0 80px 0px;}
.requested h2 {font-size: 20px; line-height: 1.5; color: #Fff; text-align: center;}
.requested {background: #970000; padding: 50px 24px; margin-top: -60px; position: relative; margin-bottom: 50px;}
.title-heading {font-size: 20px; color: #000;font-family: 'Poppins', sans-serif; border-bottom: 2px solid #dddd; padding-bottom: 15px; line-height: 1.5; display: flex; align-items: center; justify-content: space-between;}
.row-col {display: flex; flex-wrap: wrap; justify-content: center; column-gap: 5%;}
.row-col .col {flex: 0 0 40%; max-width:40%;}

ul.date-list {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 15px;}
.date-list li a {background: #fff;color: #232323;font-family: 'Poppins', sans-serif; padding: 10px; border-radius: 5px; border: 1px solid rgba(230, 230, 230,0.6); display: flex; align-items: center; gap: 10px; text-decoration: none; font-size: 16px; box-shadow: 0 5px 10px rgb(0 0 0 / 10%);}

.return-top {margin-top: 32px; display: block; max-width: max-content; border: 1px solid #000; padding: 12px 23px; border-radius: 5px; color: #fff; text-decoration: none; background: #000; font-size: 15px; transition: all 0.4s ease-in-out;}
.return-top:hover{background: transparent;color: #000;}
 .category {border-bottom: 2px solid#ddd; padding-bottom: 30px; margin-bottom: 30px;}
.category ul {display: flex; flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
.category ul li a {background: #ddd; width: 32px; height: 32px; display: block; line-height: 32px; text-align: center; text-decoration: none; border-radius: 50px; font-size: 15px; font-weight: 600;transition: all 0.4s ease-in-out}
.category ul li a:hover{background: #000;color: #fff;}


.category-wrap {flex: 0 0 70%; max-width: 70%;}
.category-main {display: flex; align-items: flex-start; gap: 48px;}
.category-list > div {margin-bottom: 32px; background: #f2f2f2; padding: 30px;}
.category-list h3 a {font-size: 24px; border-bottom: 1px solid; display: block; padding-bottom: 12px; line-height: 1.3;font-family: 'Poppins', sans-serif;}
.category-list > div ul {display: flex; flex-wrap: wrap; gap: 24px;}
.category-list > div ul li a {max-width: max-content; line-height: 24px; background: #fff; padding: 10px; border-radius: 5px; border: 1px solid rgba(230, 230, 230,0.6); display: flex; align-items: center; gap: 10px; text-decoration: none; font-size: 16px; box-shadow: 0 5px 10px rgb(0 0 0 / 10%);}
.side-bar {position: sticky; top: 20px;}
.side-bar h4 {font-size: 24px; line-height: 1;font-family: 'Poppins', sans-serif;}
.sidebar-column {border: 1px solid #ddd; margin-bottom: 32px;}
.sidebar-column h5 {font-size: 18px; line-height: 1.3; padding: 13px; border-bottom: 1px solid#ddd;}

ul.list2 {padding: 16px;}
ul.list2 li a {font-size: 16px; text-decoration: none; line-height: 24px; margin-bottom: 10px; display: block;}

/*footer*/
#footer {background: #000;padding: 24px 15px}
#footer p { padding:0;margin: 0;color: #fff;font-size: 14px;line-height: 1.5;}

/*buttons*/
.button {
	display: inline-block;
	border: 2px solid #363636;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px 'Source Sans Pro', Arial;
	font-weight: bold;
	padding: 18px 24px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	text-shadow:1px 1px 0px #444444;
	-moz-box-shadow: 0px 0px 0px 0px #444444;
	-webkit-box-shadow: 0px 0px 0px 0px #444444;
	box-shadow: 0px 0px 0px 0px #444444;
	color: #dedede;
	background: #8c0000;
}
.button:hover {
	background: #636363;
	text-decoration: none;
	color: #dedede;
}
.button:active {
	color: #dedede;
	position: relative;
	top: 1px;
}
button.toggle-btn {display: none;}


@media only screen and (min-width: 992px) and (max-width: 1199px){
	.brand-name img {max-width: 150px;}
	#header ul li a {padding: 10px 15px;font-size: 15px;}
}

@media only screen and (max-width: 991px){
.menu-open {position: relative;}
.menu-open:before {content: ""; position: absolute; bottom: 0; right: 0; left: 0; top: 0; background: rgba(0,0,0,.7); z-index: 9;}
	.brand-name img {max-width: 120px;}
	button.toggle-btn {width: 24px; height: 24px; position: relative; background: transparent; border: 0;display: block;}
	.toggle-btn span {width: 100%; height: 3px; background: #fff; display: block; margin-bottom: 5px; border-radius: 5px;}
	.toggle-btn span:last-child{margin: 0;}
	#header {position: relative; z-index: 99;}
	#header ul {position: absolute; left: 0; background: #fff; top: 70px; flex-direction: column; right: 0; align-items: flex-start; z-index: 9; max-width: 375px; height: calc(100vh - 70px); justify-content: flex-start; transform: translateX(-375px); transition: all 0.4s ease-in-out; opacity: 0; visibility: hidden;}
	.menu-open #header ul {transform: none; opacity: 1; visibility: visible;}

	#header .menu li{display: block; width: 100%; border-bottom: 1px solid#ddd; padding: 10px 0;}
	#header .menu li a {color: #000;max-width: max-content;}

	.row-col .col {flex: 0 0 47%;max-width: 47%;}
	.requested {margin-top: -30px;}
		.category-main {gap: 30px;    flex-wrap: wrap;}
	.category-wrap {flex: 0 0 100%; max-width: 100%; }
}
@media only screen and (max-width: 767px){
  #header .container {padding-left: 15px;padding-right: 15px;}
	.banner img {height: 320px; object-fit: cover; object-position: left;}
	.row-col {row-gap: 32px;}
	.row-col .col {flex: 0 0 100%; max-width: 100%;}
	.category-list > div {margin-bottom: 24px; padding: 20px;}
	.category-list > div ul {gap: 15px;}

}
/*==========================================*/