body {
	font-family: 'Inter', sans-serif;
	transition: all 0.5s;
	}
	p {
	margin-bottom: 0px;
	font-size: 14px;
	color: #6a6a6a;
	line-height: 25px;
	}
	a {
	text-decoration: none!important;
	}
	/* Header Style */
	header {
	position: fixed;
	z-index: 99999;
	width: 100%;
	background-color: #f7fbff!important;
	height: 60px;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	}
	.background-header {
	background-color: #0b2741!important;
	box-shadow: 0px 1px 10px rgba(0,0,0,0.1);
	}
	.background-header .navbar-brand h2 {
	color: #fff!important;
	}
	.background-header .navbar-nav a.nav-link {
	color: #fff!important;
	}
	.background-header .functional-buttons	ul li:first-child a {
	display: inline-block;
	background-color: transparent;
	border: 2px solid #00bcd4;
	text-transform: uppercase;
	font-size: 13px;
	color: #00bcd4;
	padding: 6px 20px;
	letter-spacing: 0.5px;
	transition: all 0.5s;
	}
	.background-header .functional-buttons	ul li:first-child a:hover {
	color: #fff;
	background-color: #00bcd4;
	border-color: #00bcd4;
	}
	.background-header .navbar-nav .nav-link:hover,
	.background-header .navbar-nav .active>.nav-link,
	.background-header .navbar-nav .nav-link.active,
	.background-header .navbar-nav .nav-link.show,
	.background-header .navbar-nav .show>.nav-link {
	color: #00bcd4!important;
	}
	.navbar .navbar-brand {
	float: 	left;
	margin-top: 12px;
	outline: none;
	background-image: url("https://www.opkey.com/assets/img/logo-dark.png");
	background-repeat: no-repeat;
	background-position: left;
	width: 90px;
	height: 40px;
	background-size: 90px 40px;
	}
	.background-header .navbar .navbar-brand {
	background-image: url("assets/images/logo-svg.svg");
	}
	.navbar .navbar-brand h2 {
	color: #0b2741;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 800;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
	}
	.navbar .navbar-brand h2 em {
	font-style: normal;
	font-size: 16px;
	}
	#navbarResponsive {
	z-index: 999;
	}
	.navbar-collapse {
	text-align: center;
	}
	.navbar .navbar-nav .nav-item {
	margin: 0px 15px;
	display:flex;
	align-self:center;
	}
	.navbar .navbar-nav a.nav-link {
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #0b2741;
	transition: all 0.5s;
	margin-top: 0px;
	}
	.navbar .navbar-nav .nav-link:hover,
	.navbar .navbar-nav .active>.nav-link,
	.navbar .navbar-nav .nav-link.active,
	.navbar .navbar-nav .nav-link.show,
	.navbar .navbar-nav .show>.nav-link {
	color: #00bcd4;
	}
	.navbar .navbar-toggler-icon {
	background-image: none;
	}
	.navbar .navbar-toggler {
	border-color: transparent;
	background-color: transparent;	
	height: 36px;
	outline: none;
	border-radius: 0px;
	position: absolute;
	right: 30px;
	top: 15px;
	}
	.navbar-toggler .bar {
	display: block;
	width: 30px;
	height: 3px;
	margin: 5px auto;
	background-color: #000; /* Change to the desired color of the bars */
	}
	.background-header  .navbar-toggler .bar{
	background-color: #fff;
	}
	.navbar .navbar-brand {
	float: left;
	margin-top: 0;
	outline: none;
	background-image: url(https://opkeylms.com/opkeyLogoDark.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position: left;
	width: 110px;
	height: 45px;
	}
	/* Banner Style */
	.banner {
	background-color:#0b2741;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 125px 0px 75px;
	background-position: center center;
	}
	/* Responsive Style */
	@media (max-width: 991px) {
	.navbar .navbar-brand {
	position: absolute;
	left: 30px;
	top: 10px;
	}
	nav ul li:last-child{
	padding:10px 0;
	}
	.navbar .navbar-brand {
	width: 180px;
	}
	.navbar:after {
	display: none;
	}
	#navbarResponsive {
	z-index: 99999;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: #fff;
	box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
	}
	.navbar .navbar-nav .nav-item {
	border-bottom: 1px solid #eee;
	width: 100%;
	justify-content: center;
	}
	.navbar .navbar-nav .nav-item:last-child {
	border-bottom: none;
	}
	.navbar .navbar-nav a.nav-link {
	padding: 15px 0px;
	color: #1e1e1e!important;
	}
	.navbar .navbar-nav .active>.nav-link {
	color: #00bcd4!important;
	}
	}	
	@media (max-width: 767px) {
	.banner{
	padding:75px 0 35px;
	}
	}
	@media (max-width: 576px) {
	.navbar .navbar-toggler {
	right: 20px;
	}
	}
	.card-wrapper{width:240px;padding:0.825rem;background:#fff;display:flex;flex-direction:column;border-radius:0.5rem;position: relative;height:360px;text-align:left;}
	.rating {
	display: inline-block;
	}
	.rating {
	font-size: 0; /* Remove whitespace between inline-block elements */
	}
	.star {
	display: inline-block;
	width: 15px; /* Adjust the size of the star as needed */
	height: 15px; /* Adjust the size of the star as needed */
	background-color: #ffcc00;
	clip-path: polygon(
	50% 0%,
	61.8% 38.2%,
	100% 35.4%,
	69.1% 57.3%,
	80.9% 94.6%,
	50% 73.8%,
	19.1% 94.6%,
	30.9% 57.3%,
	0% 35.4%,
	38.2% 38.2%
	);
	}
	.half {
	position: relative;
	background-color: #ffcc00;
	clip-path: polygon(
	50% 0%,
	61.8% 38.2%,
	100% 35.4%,
	69.1% 57.3%,
	80.9% 94.6%,
	50% 73.8%,
	50% 73.8%,
	30.9% 57.3%,
	0% 35.4%,
	38.2% 38.2%
	);
	}
	/* Your custom styles */
	.owl-nav {
	display: flex;
	align-items: center;
	}
	.owl-nav span{
	font-size:20px;line-height:20px;
	}
	.owl-nav button {
	margin: 5px;
	cursor: pointer;
	}
	.owl-dot {
	margin: 0 2px;
	padding: 5px;
	cursor: pointer;
	background-color: #ddd;
	border-radius: 50%;
	outline:none !important;
	border:none !important;
	}
	.owl-nav {
	position: relative;
	margin-top:30px;
	}
	.owl-next {border:none  !important;outline:none  !important}
	.owl-prev {border:none  !important;outline:none  !important}
	.owl-carousel .owl-nav button.owl-next{
	color:#fff;
	}
	.owl-carousel .owl-nav button.owl-prev{
	color:#fff;
	}
	.owl-prev{position:absolute;left:47%;top:0px;}
	.owl-next{position:absolute;right:47%;top:0px;}
	.owl-dots{text-align: center;}
	.uni-card-title{
	font-size:0.825rem;color:#000000cf;font-weight:600;padding: 0.25rem 0;
	}
	.card-description{
	font-size:0.625rem;
	font-weight:400;color:#000;
	}
	.card-info-wrapper{
	display:flex;width:100%;justify-content: space-between;margin-bottom:8px;
	}
	.time-wrapper{
	font-weight:550;font-size:0.625rem;
	}
	.page-wrapper{
	display:flex;
	}
	.book-icon{width:12px;margin-right:5px;display:flex;align-self:center}
	.page-text{font-weight:550;font-size:0.625rem;display:flex;align-self:center}
	.card-btn-wrapper{position:absolute;bottom:0;width:100%;left:0;padding:0.625rem;}
	.card-btn-wrapper a{
	cursor: pointer;padding:0.5rem 0;width:100%;background-color: #cc1f59;width:100%;border:1.5px solid #cc1f59;display: flex;text-align: center;justify-content: center;align-items: center;align-self:center;border-radius:0.5rem;color:#fff;font-weight:550;text-decoration:none;
	}
	.card-btn-wrapper a:hover{
	background-color: #fff;color:#cc1f59;
	}
	.certificate-title{color: #fff;font-size: 16px;font-weight: 700;
	line-height: 20px;margin:20px 0;}
	#testionial-curousel .item{padding:10px;}
	.testimonial-card-wrapper{
	display:flex;flex-direction: column;border-radius:.5rem;box-shadow: #000;width:100%;
	border: 1px solid #000;padding:20px;
	}
	.testimonial-info-wrapper{display:flex;width:100%;align-items: center;}
	.testimonial-card-wrapper .image-wrapper{width:40px;height:40px;border-radius:40px;background:rgb(72, 149, 231);display:flex;align-items: center;justify-content: center;font-size:1rem;font-weight: 500;color:#fff;}
	.testimonial-title-wrapper{font-size:1rem;font-weight:500;margin-bottom:5px;line-height:1rem;font-weight:600 !important;}
	.testimonial-rating{display:flex;}
	.testimonial-content{font-size:0.825rem;line-height:1.2rem;font-weight: 400;text-align:left;margin-top: 10px;font-style:italic;}
	.info-wrapper{display:flex;flex-direction: column;justify-content: left;padding-left:20px}
	#testionial-curousel .star {
	display: inline-block;
	width: 10px; /* Adjust the size of the star as needed */
	height: 10px; /* Adjust the size of the star as needed */
	background-color: #705a00;
	clip-path: polygon(
	50% 0%,
	61.8% 38.2%,
	100% 35.4%,
	69.1% 57.3%,
	80.9% 94.6%,
	50% 73.8%,
	19.1% 94.6%,
	30.9% 57.3%,
	0% 35.4%,
	38.2% 38.2%
	);
	}
	#prevBtn{width:25px;top:40%;position:absolute;left:-25px;cursor: pointer;}
	#nextBtn{width:25px;top:40%;position:absolute;right:-25px;cursor: pointer;}
	.footer-brand-logo{
	width:140px;
	}
	.social-wrapper{
	display: flex;;
	}
	.social-icon{
	width:25px;margin:0 6px;
	}
	.footer-right-column{
	font-size:0.825rem;color:#fff;
	}
	.footer{background:#000}
	.footer-logo-container{
	display:flex;justify-content: flex-start;align-items: center;
	}
	.social-icon-container{display:flex;justify-content: center;align-items: center;}
	.footer-copyright{display:flex;justify-content: flex-end;align-items: center;}
	@media (max-width: 767px) {
	.footer-logo-container{
	justify-content: center;margin-bottom:15px;}
	.social-icon-container{justify-content: center;margin-bottom:15px;}
	.footer-copyright{justify-content: center;}
	}
	.container-search {
	width: 350px;
	}
	img{max-width:100%;}
	/* Section styles for demonstration purpose */
	section {
	padding: 50px 0;
	text-align: center;
	}
	.section-content {
	color: #fff;
	padding: 20px;
	}
	.nav-signup-btn{
	background:#0b2741;
	border:none;
	color:#fff;
	padding:5px 15px;
	border-radius:20px;
	font-weight:500;
	cursor: pointer;
	font-size:14px;
	}
	.nav-signup-btn:hover{
	background:#0b2741;
	color:#00bcd4;
	}
	.nav-login-btn{
	background:#0b2741b0;
	border:none;
	color:#fff;
	padding:5px 15px;
	border-radius:20px;
	font-weight:500;
	cursor: pointer;
	font-size:14px;
	}
	.nav-login-btn:hover{
	background:#0b2741b0;
	color:#00bcd4;
	}
	.banner h1,h2,h3,h4,h5,h6,p{
	color:#fff;
	}
	.banner-btn{
	background: transparent;
	color: #fff;
	font-weight:500;
	border: 1px solid #fff;
	padding: 5px 20px;
	border-radius: 20px;
	margin-top: 20px;
	}
	.banner-btn:hover{
	background: #fff;
	color:#00bcd4;
	}
	.learning-section{
	background-color:#f7fbff;
	padding:75px 0;
	}
	.learning-section h1,h2,h3,h4,h5,h6,p{
	color:#000;
	}
	.pdl-12{
	padding-left:8.5%;
	}
	@media (max-width: 991px){
	.pdl-12{
	padding-left:15px;
	}
	}
	.cl-w{
	color:#fff;
	}
	.title{
	font-size:42px;
	line-height:48px;
	font-weight:700;
	}
	.subtitle{
	font-size:36px;
	line-height:42px;
	font-weight: 600;
	}
	.description{
	font-size:16px;
	line-height:24px;
	font-weight:500;
	}
	@media (max-width: 991px){
	.title{
	font-size:26px;
	line-height:36px;
	}
	.subtitle{
	font-size:22px;
	line-height:28px;
	}
	.description{
	font-size:14px;
	line-height:20px;
	font-weight:500;
	}
	}
	@media (max-width: 991px){
	.navbar .navbar-nav .nav-item:nth-child(4) {
	padding:10px 0;
	}
	}
	.signup-nav{
	border-right: 2px solid #0b2741b0;
	margin-left: 100px !important;
	padding-right:15px !important;
	}
	@media (max-width: 1023px){
	.signup-nav{
	margin-left: 60px !important;
	}
	}
	@media (max-width: 991px){
	.signup-nav{
	border-right: 0px ;
	margin-left: 0px !important;
	padding:10px 0!important;
	}
	}
	/*program---------------*/
	.program {
	min-height: 720px;
	}
	.title-container {
	width: 100%;
	display: flex;
	margin: 0 auto;
	flex-direction: column;
	max-width: 870px;
	text-align: center;
	}
	.title-container .title {
	font-size: 36px;
	font-weight: 600;
	line-height: 40px;
	color: #13294B;
	}
	.orange-text {
	color: #F79E1C;
	}
	.education .content {
	display: flex;
	width: 100%;
	}
	.program .program-wrapper {
	margin-top: 36px;
	width: 100%;
	display: flex;
	background-color: #fff;
	box-shadow: 0 6px 30px 2px rgb(8 9 65 / 8%);
	border-radius: 6px;
	flex-direction: column;
	position: relative;
	z-index: 5;
	}
	.program .program-wrapper .checkbox-wrapper {
	display: flex;
	width: 100%;
	padding: 66px 50px 56px 50px;
	}
	.program .program-wrapper .checkbox-wrapper .item {
	width: 33%;
	margin-right: 37px;
	cursor: pointer;
	}
	.program .program-wrapper .checkbox-wrapper .item .checkbox-item {
	cursor: pointer;
	width: 29px;
	height: 29px;
	border: 1px dashed #13294B;
	border-radius: 50%;
	opacity: 0.3;
	position: relative;
	}
	.program .program-wrapper .checkbox-wrapper .item .title-wrapper .check-title {
	font-size: 24px;
	font-weight: 600;
	color: #13294B;
	opacity: 0.4;
	line-height: 30px;
	}
	.program .program-wrapper .checkbox-wrapper .item .checkbox-item.active {
	opacity: 1;
	border: none;
	background-color: #F79E1C;
	}
	.program .program-wrapper .checkbox-wrapper .item .checkbox-item::after {
	content: "";
	width: 175px;
	height: 1px;
	border: 1px dashed #13294B;
	position: absolute;
	left: 55px;
	top: 13px;
	opacity: 0.3;
	}
	.program .program-wrapper .checkbox-wrapper .item .title-wrapper {
	max-width: 300px;
	margin-top: 30px;
	}
	.program .program-wrapper .checkbox-wrapper .item .title-wrapper .check-title.active {
	opacity: 1;
	}
	.program .program-wrapper .checkbox-content-bg {
	background-color: #13294B;
	width: 100%;
	z-index: -1;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper {
	padding: 55px 50px 65px 50px;
	display: flex;
	width: 100%;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper .content-tabs {
	display: flex;
	width: 100%;
	justify-content: space-between;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper .content-tabs .content-item {
	width: 33.33333333%;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper .content-tabs .content-item .title {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper .content-tabs .content-item .description-wrapper {
	margin-top: 20px;
	max-width: 260px;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper .content-tabs .content-item .description-wrapper .description {
	color: #fff;
	font-weight: 500;
	line-height: 24px;
	font-size: 14px;
	}
	.program  .tab-content-wrapper{display:flex;width:100%;}
	@media (max-width: 900px){
	.program .program-wrapper .checkbox-wrapper {
	padding: 44px 76px 30px 22px;
	flex-direction: column;
	}
	.program .program-wrapper .checkbox-wrapper .item {
	width: 100%;
	padding: 20px 0;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper {
	padding: 33px 49px 75px 22px;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper .content-tabs {
	flex-direction: column;
	}
	.program .program-wrapper .checkbox-content-bg .checkbox-content-wrapper .content-tabs .content-item {
	width: 100%;
	}
	.program  .tab-content-wrapper{display:flex;width:100%;flex-direction: column;}
	}
	.owl-carousel button.owl-dot {
	width:10px;height:10px;background:#ffffff87;
	}
	.owl-carousel button.owl-dot.active {
	width:10px;height:10px;background:#e9e1e1 !important;
	}
	.card-wrapper{width:240px;padding:0.825rem;background:#fff;display:flex;flex-direction:column;border-radius:0.5rem;position: relative;height:360px}
	.rating {
	display: inline-block;
	}
	.rating {
	font-size: 0; /* Remove whitespace between inline-block elements */
	}
	.star {
	display: inline-block;
	width: 15px; /* Adjust the size of the star as needed */
	height: 15px; /* Adjust the size of the star as needed */
	background-color: #ffcc00;
	clip-path: polygon(
	50% 0%,
	61.8% 38.2%,
	100% 35.4%,
	69.1% 57.3%,
	80.9% 94.6%,
	50% 73.8%,
	19.1% 94.6%,
	30.9% 57.3%,
	0% 35.4%,
	38.2% 38.2%
	);
	}
	.half {
	position: relative;
	background-color: #ffcc00;
	clip-path: polygon(
	50% 0%,
	61.8% 38.2%,
	100% 35.4%,
	69.1% 57.3%,
	80.9% 94.6%,
	50% 73.8%,
	50% 73.8%,
	30.9% 57.3%,
	0% 35.4%,
	38.2% 38.2%
	);
	}
	/* Your custom styles */
	.owl-nav {
	display: flex;
	align-items: center;
	}
	.owl-nav span{
	font-size:20px;line-height:20px;
	}
	.owl-nav button {
	margin: 5px;
	cursor: pointer;
	}
	.owl-dot {
	margin: 0 2px;
	padding: 5px;
	cursor: pointer;
	background-color: #ddd;
	border-radius: 50%;
	outline:none !important;
	border:none !important;
	}
	.owl-nav {
	position: relative;
	margin-top:30px;
	}
	.owl-next {border:none  !important;outline:none  !important}
	.owl-prev {border:none  !important;outline:none  !important}
	.owl-carousel .owl-nav button.owl-next{
	color:#fff;
	}
	.owl-carousel .owl-nav button.owl-prev{
	color:#fff;
	}
	.owl-prev{position:absolute;left:47%;top:0px;}
	.owl-next{position:absolute;right:47%;top:0px;}
	.owl-dots{text-align: center;}
	.item{
	display: flex;
	justify-content: center;
	}
	.uni-card-title{
	font-size:0.725rem;color:#000000cf;font-weight:600;padding: 0.25rem 0;
	}
	.card-description{
	font-size:0.625rem;
	font-weight:400;color:#000;
	}
	.card-info-wrapper{
	display:flex;width:100%;justify-content: space-between;margin-bottom:8px;
	}
	.time-wrapper{
	font-weight:550;font-size:0.625rem;
	}
	.page-wrapper{
	display:flex;
	}
	.book-icon{width:12px;margin-right:5px;display:flex;align-self:center}
	.page-text{font-weight:550;font-size:0.625rem;display:flex;align-self:center}
	.card-btn-wrapper{position:absolute;bottom:0;width:100%;left:0;padding:0.625rem;}
	.card-btn-wrapper a{
	cursor: pointer;padding:0.5rem 0;width:100%;background-color: #cc1f59;width:100%;border:1.5px solid #cc1f59;display: flex;text-align: center;justify-content: center;align-items: center;align-self:center;border-radius:0.5rem;color:#fff !important;font-weight:550;text-decoration:none;
	}
	.card-btn-wrapper a:hover{
	background-color: #fff;color:#cc1f59 !important;
	}
	.certificate-title{color: #fff;font-size: 16px;font-weight: 700;
	line-height: 20px;margin:20px 0;}
	#testionial-curousel .item{padding:10px;}
	.testimonial-card-wrapper{
	display:flex;flex-direction: column;border-radius:.5rem;box-shadow: #000;width:100%;
	border: 1px solid #000;padding:20px;
	}
	.testimonial-info-wrapper{display:flex;width:100%;align-items: center;}
	.testimonial-card-wrapper .image-wrapper{width:40px;height:40px;border-radius:40px;background:rgb(72, 149, 231);display:flex;align-items: center;justify-content: center;font-size:1rem;font-weight: 500;color:#fff;}
	.testimonial-title-wrapper{font-size:1rem;font-weight:500;margin-bottom:5px;line-height:1rem;font-weight:600 !important;}
	.testimonial-rating{display:flex;}
	.testimonial-content{font-size:0.825rem;line-height:1.2rem;font-weight: 400;text-align:left;margin-top: 10px;font-style:italic;}
	.info-wrapper{display:flex;flex-direction: column;justify-content: left;padding-left:20px}
	#testionial-curousel .star {
	display: inline-block;
	width: 10px; /* Adjust the size of the star as needed */
	height: 10px; /* Adjust the size of the star as needed */
	background-color: #705a00;
	clip-path: polygon(
	50% 0%,
	61.8% 38.2%,
	100% 35.4%,
	69.1% 57.3%,
	80.9% 94.6%,
	50% 73.8%,
	19.1% 94.6%,
	30.9% 57.3%,
	0% 35.4%,
	38.2% 38.2%
	);
	}
	.testimonial-wrapper{position: relative;width:1024px}
	@media (max-width: 900px){
	.testimonial-wrapper{width:90% !important}
	.owl-prev{position:absolute;left:0%;top:0px;}
	.owl-next{position:absolute;right:0%;top:0px;}
	}
	#prevBtn{width:25px;top:40%;position:absolute;left:-25px;cursor: pointer;}
	#nextBtn{width:25px;top:40%;position:absolute;right:-25px;cursor: pointer;}
	.footer-brand-logo{
	width:140px;
	}
	.social-wrapper{
	display: flex;;
	}
	.social-icon{
	width:25px;margin:0 6px;
	}
	.footer-right-column{
	font-size:0.825rem;color:#fff;
	}
	.footer{background:#000}

	.box-section {
		padding:0 0;
	}
.box-section .square-wrapper {display:flex;justify-content: space-around;flex-wrap: wrap;}
.box-section .square-box{width:160px;height:160px;border-radius:12px;display: flex;flex-direction: column;box-shadow: 0px 4px 15px 0px #00000040;padding:12px;justify-content: center;align-items: center; margin-bottom:20px;
}
.box-section .box-image-wrapper{
width:80px;
}
.box-section .box-image-wrapper img{
width:100%;
}
.box-section .box-text{
	color: #000000;font-size:14px;font-weight: 550;margin-top:10px;
}
.right-bttom-text{
position:absolute;
right:0;
bottom:0;
color:#000;
font-weight:600;
}
#searchCourses{
	padding:5rem 0 0;position:sticky;top:0;background: #fff;z-index:999;
}

#searchCourses input,select{
	width:100%;
	height:2.8rem;
	outline:none !important;
	border: none !important;
	border-radius:15px;
	color:#000;
	padding:7px;
	font-size:14px;
}

#searchCourses select{
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  }

  #searchCourses .button-wrapper{
	display:flex;width:100%;justify-content: center;align-items: center;
  }
  #searchCourses .search_btn{
	background:#124A5B;width:3rem;height:3rem;display:flex;justify-content: center;align-items: center;border-radius: 50px;outline:none;padding:12px;border:none;
  }

  .flip-card {
	background-color: transparent;
	width: 300px;
	height: 340px;
	perspective: 1000px;
  }
  
  .flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  }
  
  .flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
  }
  
  .flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  }
  
  .flip-card-front {
	background-color: transparent;border-radius: 8px;
	color: black;
	display:flex;
	flex-direction: column;
  }
  
  .flip-card-back {
	background-color: transparent;
	display:flex;
	flex-direction: column;
	transform: rotateY(180deg);
  }
  .uni-card-list ul {
	list-style: none;
	padding:0;
  }
  .uni-card-list li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 450;
	margin-bottom:12px;
}
  .uni-card-list ul li:before {
	content: '✓';
	font-weight:700;
	margin-right:10px;
  }
  .uni-card-main{
	color:#124A5B;
	font-size:16px;
	line-height:16px;
	font-weight:600;
	margin-bottom:12px;

  }
  .uni-card-subtitle{
	font-weight:500;
	font-size:11px;
	line-height: 11px;
	color: #727272;
	margin-bottom: 20px;
  }
  .uni-card-description{
  font-size: 14px;
    line-height: 20px;
    font-weight: 450;
	margin-bottom:10px;
  }
  .flip-card-back .uni-card-title{
	font-size: 16px;
	margin-bottom:10px;
  }
.flip-card-back .card-btn-wrapper a{
	background: #22A36D;
	border:1px solid #22A36D;
}
.flip-card-back .card-btn-wrapper a:hover{
	background: #fff;
	color:#22A36D !important;
	border:1px solid #22A36D;
}
#prevBtn-1 {
    width: 25px;
    top: 40%;
    position: absolute;
    left: -25px;
    cursor: pointer;
}
#nextBtn-1 {
    width: 25px;
    top: 40%;
    position: absolute;
    right: -25px;
    cursor: pointer;
}
#prevBtn-2 {
    width: 25px;
    top: 40%;
    position: absolute;
    left: -25px;
    cursor: pointer;
}
#nextBtn-2 {
    width: 25px;
    top: 40%;
    position: absolute;
    right: -25px;
    cursor: pointer;
}
#prevBtn-3 {
    width: 25px;
    top: 40%;
    position: absolute;
    left: -25px;
    cursor: pointer;
}
#nextBtn-3 {
    width: 25px;
    top: 40%;
    position: absolute;
    right: -25px;
    cursor: pointer;
}
@media (max-width: 1024px) {
	#searchCourses .search_btn {
		width: 2rem;
		height: 2rem;
		padding: 9px;
	}
}
/* Media query for screens 768 pixels wide and smaller */
@media (max-width: 768px) {
	#searchCourses{
		position:static;
	}
	#searchCourses input,select{
		margin-bottom:10px;
	}
	#searchCourses .search_btn {
		width: 3rem;
		height: 3rem;
		padding: 12px;
	}
	#prevBtn-1 {
		width: 25px;
		top: 40%;
		position: absolute;
		left: 0px;
		cursor: pointer;
	}
	#nextBtn-1 {
		width: 25px;
		top: 40%;
		position: absolute;
		right: -5px;
		cursor: pointer;
	}
	#prevBtn-2 {
		width: 25px;
		top: 40%;
		position: absolute;
		left: 0px;
		cursor: pointer;
	}
	#nextBtn-2 {
		width: 25px;
		top: 40%;
		position: absolute;
		right: -5px;
		cursor: pointer;
	}
	#prevBtn-3 {
		width: 25px;
		top: 40%;
		position: absolute;
		left: 0px;
		cursor: pointer;
	}
	#nextBtn-3 {
		width: 25px;
		top: 40%;
		position: absolute;
		right: -5px;
		cursor: pointer;
	}
  }