.program-search {
    background: none;
}
.program-search h2 {
	font-size: 40px;
	text-align: left;
	color: #CCB486;
}
.program-search h3 {
	font-weight: 500;
}
.program-search label {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.program-search input {
	width: 100%;
	font-size: 20px;
	padding: 20px 38px 20px 10px;
}
.program-search .search-container {
	position: relative;
}
.program-search .search-container i, .program-search .search-container svg {
	position: absolute;
	top: 51%;
	transform: translateY(-50%);
	right: 10px;
	font-size: 20px;
	color: #343434;
}
.program-search .search-left {
	flex: 1;
	position: relative;
}
.program-search .search-left p {
	margin: 10px 0px 20px 0px;
	font-size: 20px;
}
.program-search .search-left > a {
	margin-top: 20px;
	display: block;
	font-size: 20px;
	font-weight: 500;
}
.program-search .search-left > a:hover {
	text-decoration: none;
}
.program-search .search-left > a i, .program-search .search-left > a svg {
	margin-left: 10px;
	transition: all .3s ease-in-out;
	font-size: 0.9em;
}
.program-search .top-majors {
	margin-top: 40px;
}
.program-search .top-majors ol {
	list-style: decimal;
	columns: 1;
}
@media (min-width: 450px) {
	.program-search .top-majors ol {
		columns: 2;
	}
}
.program-search .top-majors li {
	list-style-position: inside;
	font-size: 17px;
	color: #ececec;
	line-height: 22px;
}
.program-search .top-majors li:nth-of-type(n + 2) {
	margin-top: 10px;
}
.program-search .top-majors li::marker {
	font-weight: 600;
}
.program-search .top-majors li a {
	font-size: 17px;
	color: #ececec;
}
.program-search .top-majors a:after {
	content: "\f054";
	font-family: "Font Awesome 6 Pro";
	margin-left: 7px;
	margin-top: 0px;
	position: relative;
	top: 1px;
	left: 0px;
	transition: all .3s;
}
.program-search .top-majors a > svg {
	margin-top: 0px;
	position: relative;
	top: 1px;
	left: 7px;
	transition: all .3s;
}
.program-search .top-majors li a:hover {
	text-decoration: none;
}
.program-search .top-majors h3 {
	margin: 0px 0px 10px 0px;
}
.program-search #results {
	width: 100%;
	position: absolute;
	background: white;
	z-index: 1;
	border-top: none;
}
.program-search #results ul {
	box-shadow: 0px 3px 6px #64646463;
	border: solid 1px #343434;
}
.program-search #results a {
	font-size: 18px;
	line-height: 28px;
	width: 100%;
	display: flex;
	align-items: center;
	padding: 4px 10px;
	font-weight: 500;
	color: #343434;
}
.program-search #results a strong {
	font-weight: 600;
}
.program-search #results .program-tag {
	padding: 3px 6px;
	border-radius: 5px;
	color: #343434;
	font-weight: 600;
	border: none;
	background: #e3e3e3;
}
.program-search #results a:hover {
	text-decoration: none;
}
.program-search #results ul li.active a, .program-search #results ul li a:focus {
	background: #eee;
	color: #592c88;
}
@media (min-width: 900px) {
	.program-search {
		display: flex;
	}
	.program-search .search-left > a:hover i, .program-search .search-left > a:hover svg {
		transition: all .3s ease-in-out;
		margin-left: 18px;
	}
	.program-search .top-majors {
		margin-left: 100px;
		width: 275px;
		margin-top: 0px;
		columns: 1;
	}
	.program-search .top-majors ol {
		columns: 1;
	}
	.program-search .top-majors a:hover:after {
		left: 5px;
		transition: all .3s;
	}
	.program-search .top-majors a:hover > svg {
		left: 12px;
		transition: all .3s;
	}
}