:root {
	--primary-color: #051B43;
	--accent-violet: #BA2F54;
	--accent-violet-light: #fcafc4;
	--accent-red: #dc2430;
}

.bg-primary {
	background-color: var(--primary-color) !important;
}

.bg-primary-dark {
	background-color: #041431;
}

.bg-accent-violet {
	background-color: var(--accent-violet);
}

.bg-accent-violet-light {
	background-color: var(--accent-violet-light);
}

.bg-accent-red {
	background-color: var(--accent-red);
}

.bg-muted {
	background-color: #f8f9fa;
}

.text-primary {
	color: var(--primary-color) !important;
}

.text-accent-violet {
	color: var(--accent-violet);
}

.text-accent-red {
	color: var(--accent-red);
}

.bg-primary-gradient {
	background: var(--primary-color);
	background: -moz-linear-gradient(90deg, rgba(36, 18, 70, 1) 0%, rgba(186, 47, 84, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(36, 18, 70, 1) 0%, rgba(186, 47, 84, 1) 100%);
	background: linear-gradient(90deg, rgba(36, 18, 70, 1) 0%, rgba(186, 47, 84, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#241246", endColorstr="#ba2f54", GradientType=1);
}

.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: #fff;
}

.btn-primary-gradient {
	background: var(--primary-color);
	background: -moz-linear-gradient(90deg, rgba(36, 18, 70, 1) 0%, rgba(186, 47, 84, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(36, 18, 70, 1) 0%, rgba(186, 47, 84, 1) 100%);
	background: linear-gradient(90deg, rgba(36, 18, 70, 1) 0%, rgba(186, 47, 84, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#241246", endColorstr="#ba2f54", GradientType=1);
	color: #fff;
}

.btn-primary:hover {
	background-color: var(--accent-violet);
	border-color: var(--accent-violet);
	color: #fff;
}

.navbar-area.is-sticky {
	background-color: var(--primary-color) !important;
}

.main-banner-content h1 {
	font-size: 42px;
}

ul.ul-check-list {
	list-style-type: none;
}

.checkbox.tick-o {
	background-color: var(--accent-violet);
	width: 25px;
	min-width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}

.checkbox.tick-o-black {
	background-color: #000;
	width: 25px;
	min-width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
}

.mega-menu.navbar .main.navbar-nav .nav-item a {
	color: #fff !important;
	transition: 0.5s;
	font-weight: 600;
	text-transform: capitalize;
	padding-left: 0;
	padding-right: 0;
	padding-top: 25px;
	padding-bottom: 25px;
}

.mega-menu.navbar .main.navbar-nav .nav-item {
	position: relative;
	margin-left: 20px;
	margin-right: 20px;
}

.navbar .megamenu {
	padding: 1rem;
	border-radius: 0;
}

.modules-option-lg {
	min-height: 111px;
}

.modules-option-lg .card-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.modules-option-lg:hover, 
.modules-option-lg.active {
	cursor: pointer;
	background-color: var(--primary-color);
	color: #fff;
}

.modules-option-lg:hover p,
.modules-option-lg:hover h5,
.modules-option-lg.active p,
.modules-option-lg.active h5 {
	color: #fff;
}

/* .module-description {
	min-height: 600px;
} */

.learning-results .nav-pills .nav-link.active,
.learning-results .nav-pills .show>.nav-link {
	color: #fff;
	background-color: var(--primary-color);
}

.learning-results .nav-link {
	color: var(--primary-color);
}

.faq .accordion-button:not(.collapsed) {
	color: #fff;
	background-color: var(--primary-color);
}

.product-items .card .card-img-top {
	max-height: 167.25px;
	object-fit: cover;
}

.table.membership tr>td:nth-child(2) {
	text-align: center;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

	.navbar .has-megamenu {
		position: static !important;
	}

	.navbar .megamenu {
		left: 0;
		right: 0;
		width: 100%;
		margin-top: 0;
	}
}

/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px) {

	.navbar.fixed-top .navbar-collapse,
	.navbar.sticky-top .navbar-collapse,
	.navbar.mega-menu .navbar-collapse {
		overflow-y: auto;
		max-height: 90vh;
		margin-top: 10px;
	}
}

/* ============ mobile view .end// ============ */
