/* ReSharper disable RequiresFallbackColor */
:root {
	--pc: #333495; /*#1e3d7d;*/
	--sc: #00c495; /*#28b6c3;*/
}

::selection {
	background: var(--pc);
	color: #fff;
}

.scrollbar::-webkit-scrollbar {
	width: 5px;
}

.scrollbar::-webkit-scrollbar-track {
	background: #eaeef3;
}

.scrollbar::-webkit-scrollbar-thumb {
	background: #979ea7;
	border-radius: 10px;
}

	.scrollbar::-webkit-scrollbar-thumb:hover {
		background: var(--pc);
	}

*:focus {
	outline: none !important;
}

body {
	font-family: 'museo_sans';
	color: #222222;
	font-size: 14px;
	font-weight: 500;
	background: #fff;
}

a, a:hover {
	text-decoration: none;
}

img {
	max-width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 900;
	color: #000;
}

h1 {
	font-size: 50px;
}

@media (min-width: 1400px) {
	.container {
		max-width: 1250px;
	}
}

.hero-banner {
	position: relative;
	padding: 180px 0 120px;
	height: 100vh;
}

	.hero-banner video {
		position: absolute;
		left: 0;
		top: 0;
		/*opacity: 0.4;*/
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.hero-text, .hero-text h1, .hero-text h2 {
	color: #fff;
}

	.hero-text p {
		margin: 35px 0 50px;
		font-size: 16px;
	}

.btn {
	font-weight: 700;
	padding: 14px 24px;
	border-radius: 8px;
}

.btn-white {
	background: #fff;
	color: var(--pc);
}

.category-section {
	padding: 30px 0 80px;
}

.category-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	position: relative;
}

.category-box {
	padding: 30px 34px;
	box-shadow: 0 10px 40px rgba(216,224,241,0.7);
	border-radius: 8px;
	position: relative;
	background: #fff;
	transition: ease all 0.3s;
}

	.category-box:hover {
		transform: scale(1.05) translateY(-5px);
		box-shadow: 0 30px 30px -8px rgb(216 224 241), 0 0 0 2px var(--pc) inset;
	}

.cat-icon {
	width: 75px;
	height: 75px;
	background: #dae1f1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
}

	.cat-icon img {
		width: 41px;
		height: 41px;
	}

.category-box h4 {
	font-size: 20px;
	margin-bottom: 15px;
	color: var(--pc);
}

.category-box p {
	margin: 0;
	line-height: 1.6;
	color: #222222;
}

.section-title {
	margin-bottom: 50px;
}

	.section-title .title {
		font-size: 36px;
		color: var(--pc);
	}

.sub {
	max-width: 700px;
	margin: 13px 0 0;
	font-size: 16px;
}

.section-title.text-center .sub {
	margin: 0 auto;
}

.object {
	position: absolute;
}

.category-grid .object {
	width: 100px;
	height: 100px;
	object-fit: contain;
	z-index: 0;
	opacity: 0.6;
}

.object.top-right {
	right: 0;
	top: 0;
	transform: translate(50%, -50%);
}

.object.bottom-left {
	left: 0;
	bottom: 0;
	transform: translate(-50%, 50%);
}

section.courses-section {
	padding: 0 0 50px;
}

.course-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 15px;
	margin: 0 0 40px;
}

.course-list {
	border-radius: 10px;
	cursor: pointer;
	box-shadow: 0 0 0 1px #d0d7e5, 0 7px 30px rgba(216,224,241,0.4);
	transition: ease all 0.3s;
	overflow: hidden;
	background: #fff;
	display: flex;
	flex-direction: column;
}

	.course-list:hover {
		transform: scale(1.01) translateY(-5px);
		box-shadow: 0 0 0 2px var(--pc), 0 30px 30px -8px rgb(216 224 241);
	}

.course-slider .swiper-container {
	padding: 15px;
}

.course-image img {
	width: 100%;
	/*border-radius: 10px;*/
}

.splited-title {
	display: flex;
	align-items: center;
}

.right-split {
	margin-left: auto;
}

.sCustom-nav .swiper-button-next, .sCustom-nav .swiper-button-prev {
	position: static;
	background-image: none;
	border: 2px solid var(--pc);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	width: 42px;
	height: 42px;
	color: var(--pc);
}

	.sCustom-nav .swiper-button-next:hover, .sCustom-nav .swiper-button-prev:hover {
		background: var(--pc);
		color: #fff;
	}

.sCustom-nav .swiper-button-next {
	margin-left: 8px;
}

.sCustom-nav {
	display: flex;
	align-items: center;
}

.right-split .sCustom-nav {
	margin-top: 40px;
}

.course-image {
	position: relative;
}

.ratings {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	padding: 3px 10px;
	border-radius: 4px;
}

	.ratings:before {
		content: "";
		width: 12px;
		height: 12px;
		background: url(../images/star.svg);
		background-repeat: no-repeat;
		background-size: cover;
		display: inline-flex;
		margin-right: 5px;
	}

.text-secondary {
	color: var(--sc) !important;
}

.cld-i {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0 5px;
	font-size: 14px;
}

	.cld-i strong {
		color: var(--pc);
		font-weight: normal;
		font-size: 12px;
	}

	.cld-i span {
		font-weight: 700;
	}

.cld-title {
	font-size: 18px;
	font-weight: 700;
	color: #000;
	min-height: 4rem; /*Amer*/
	display: flex;
	align-items: center;
}

.cld-dec {
	margin: 0 0 20px;
	color: #666;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.course-list-details {
	padding: 2px 15px 10px;
}

.cld-ft {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--sc);
	padding-top: 15px;
}

	.cld-ft > span {
		/*flex: 1;*/
		display: flex;
		align-items: center;
		color: #000;
		font-size: 12px;
	}

		.cld-ft > span svg {
			width: 15px;
			height: 15px;
			margin-right: 5px;
			color: #b5b5b5;
		}

span.cld-price {
	font-size: 16px;
	color: var(--sc);
	font-weight: 700;
	display: flex;
	align-items: baseline;
}

	span.cld-price small {
		margin-right: 2px;
	}

span.cld-ratings span.ratings {
	position: static;
	padding: 0 6px;
	background: #241F8A;
}
/*Amer */
span.cld-ratings span.ratingColor {
	position: static;
	padding: 2px 6px;
	background: #241F8A;
	color: #fff;
	border-radius: 4px;
	font-weight: normal;
	white-space: nowrap;
}

span.cld-ratings .ratings:before {
	width: 10px;
	height: 10px;
	margin-right: 3px;
}

.testimonial-section {
	/*background: var(--pc);
    color: #fff;*/
	padding: 80px 0 60px;
	position: relative;
}

.test-title h2 {
	font-size: 36px;
	color: var(--pc);
	margin-bottom: 40px;
}

.testimonial-home p {
	font-size: 18px;
}

	.testimonial-home p:before {
		content: '"';
	}

	.testimonial-home p:after {
		content: '"';
	}

.testimonial-author {
	display: flex;
	align-items: center;
	margin-top: 30px;
}

	.testimonial-author img {
		width: 50px;
		height: 50px;
		border-radius: 100%;
		margin-right: 16px;
	}

	.testimonial-author > div {
		display: flex;
		flex-direction: column;
	}

img.quote {
	position: absolute;
	height: 140%;
	top: -20%;
	left: 6%;
	opacity: 0.1;
}

.btn-secondary {
	color: #fff;
	background-color: var(--pc);
	border-color: var(--pc);
}

.text-section .sub {
	max-width: none;
	margin: 30px 0 30px;
}

.text-section .title {
	margin-top: 20px;
}

.marketing-section {
	padding: 120px 0 100px;
}

.video-wrpper {
	position: relative;
}

	.video-wrpper img {
		width: 100%;
		border-radius: 15px;
	}

.brochure-section {
	/*background: #e8f0ff;*/
	padding: 100px 0 80px;
}

.brochure-box {
	border-radius: 15px;
	display: flex;
	align-items: center;
	flex-direction: column;
	text-align: center;
}

.brochure-image {
	flex: 0 0 320px;
	width: 320px;
	transform: translateX(-20px);
}

.btn.w-icon {
	display: inline-flex;
	align-items: center;
	padding: 14px 40px 14px 50px;
}

	.btn.w-icon span {
		display: flex;
		width: 26px;
		height: 26px;
		background: rgba(0,0,0,0.35);
		border-radius: 100%;
		align-items: center;
		justify-content: center;
		margin-left: 20px;
	}

	.btn.w-icon svg {
		width: 75%;
		height: 75%;
	}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle, .btn-secondary:hover {
	background: var(--sc);
	border-color: var(--sc);
}

.btn:focus, input:focus, select:focus {
	box-shadow: none !important;
	outline: none;
}

.brochure-text strong {
	display: block;
	font-size: 26px;
	font-weight: 800;
	border-bottom: 1px solid;
	padding-bottom: 10px;
	margin: 20px 0 24px;
	color: var(--pc);
}

.bna-section {
	padding: 80px 0;
}

.custom-tab ul.nav.nav-tabs {
	background: #e2ebff;
	border-radius: 10px;
	padding: 8px;
	border: 0;
	position: relative;
}

.custom-tab .nav-tabs .nav-item {
	margin: 0;
	position: relative;
	z-index: 1;
}

.custom-tab .nav-tabs .nav-link {
	border: 0;
	border-radius: 0;
	color: #000;
	font-size: 16px;
	padding: 10px 30px;
}

.custom-tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: var(--pc);
	font-weight: 700;
	border: 0;
	background: #fff;
	border-radius: 8px;
}

.bna-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	/*grid-template-rows: repeat(2, 1fr);*/
	grid-auto-flow: row dense;
	grid-gap: 30px;
}

.bna-items {
	grid-row: auto / auto;
}

	.bna-items:nth-child(10n+1), .bna-items:nth-child(16n+1), .bna-items:nth-child(10n+7) {
		grid-row: span 2 / auto;
	}

	.bna-items a {
		display: grid;
		grid-template-columns: 45% 50%;
		grid-gap: 30px;
		align-items: center;
	}

	.bna-items:nth-child(10n+1) a, .bna-items:nth-child(16n+1) a, .bna-items:nth-child(10n+7) a {
		position: relative;
		display: block;
	}

		.bna-items:nth-child(10n+1) a p, .bna-items:nth-child(16n+1) a p, .bna-items:nth-child(10n+7) a p {
			display: none;
		}

		.bna-items:nth-child(10n+1) a .bna-details, .bna-items:nth-child(16n+1) a .bna-details, .bna-items:nth-child(10n+7) a .bna-details {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: 15px 25px;
			z-index: 2;
		}

.bna-image {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 10px 20px rgba(216,224,241,0.7);
	position: relative;
}

.bna-items h3 {
	font-size: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 2px;
}

.bna-items p {
	color: #222222;
	margin-top: 15px;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bna-items:nth-child(10n+1) h3, .bna-items:nth-child(16n+1) h3, .bna-items:nth-child(10n+7) h3 {
	color: #fff;
}

.bna-items:nth-child(10n+1) .bna-image:before, .bna-items:nth-child(16n+1) .bna-image:before, .bna-items:nth-child(10n+7) .bna-image:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
}

.home-contact {
	display: flex;
}

.home-map {
	flex: 0 0 50%;
}

	.home-map #map {
		width: 100%;
		height: 100%;
	}

.home-form {
	flex: 0 0 50%;
	background: var(--pc);
	padding: 4rem 5rem;
}

	.home-form form {
		max-width: 500px;
		margin: auto;
	}

	.home-form label {
		color: #fff;
	}

.form-control {
	padding: 15px 20px;
	border: 0;
	border-radius: 6px;
}

.home-form form h2 {
	color: #fff;
	font-size: 36px;
	margin-bottom: 20px;
}

.custom-navbar {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 999;
	box-shadow: 0 -1px 0 #ebeff7 inset;
	transition: ease all 0.3s;
	z-index: 1041;
}

.transpNav {
	background: transparent;
	position: fixed;
	z-index: 99999;
	width: 100%;
	padding: 15px 0;
	transition: ease all 0.3s;
	box-shadow: none;
}

.custom-navbar.sticky {
	background: #fff;
	box-shadow: 0 -1px 0 0 #ebeff7 inset, 0 7px 30px rgba(50,69,105,0.08);
	transition: ease all 0.3s;
}

.navbar-brand {
	display: inline-block;
	margin: 0;
}

	.navbar-brand img {
		height: 40px;
		transition: ease all 0.3s;
	}

.transpNav .navbar-brand img {
	filter: contrast(0) brightness(4);
}

.custom-navbar.sticky .navbar-brand img {
	filter: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
	font-size: 16px;
	padding: 5px 15px;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link.btn,
.topColorToggle {
	color: #fff;
}

.navbar-light .navbar-nav .nav-link,
.custom-navbar.navbar-light .topColorToggle {
	color: #000;
}

.custom-navbar .topColorToggle:hover {
	color: var(--sc);
}

.navbar-light .navbar-nav .nav-link:not(.btn):hover {
	color: var(--pc);
}


.custom-navbar.sticky .navbar-nav .nav-link:not(.btn),
.custom-navbar.sticky .topColorToggle {
	color: #000;
}

	.custom-navbar.sticky .navbar-nav .nav-item:hover .nav-link:not(.btn),
	.custom-navbar.sticky .topColorToggle:hover {
		color: var(--pc);
	}

.client-section {
	padding: 80px 0;
	background: #f2f6fb;
}

footer {
	padding: 70px 0 80px;
}

.footer-link {
	display: block;
	color: var(--pc);
	margin-bottom: 15px;
	font-size: 16px;
}

a.ft-link {
	display: block;
	color: #000;
	padding: 6px 0;
}

	a.ft-link:hover {
		color: var(--pc);
	}

.subscribe {
	display: flex;
	margin-bottom: 20px;
}

	.subscribe .form-control {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
		background: #e7effe;
	}

	.subscribe button {
		display: flex;
		padding: 0 15px;
		align-items: center;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}

.bottom-footer {
	margin-top: 60px;
	border-top: 1px solid #ddd;
	padding-top: 30px;
}

.social-icons {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

	.social-icons a {
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		border: 1px solid var(--pc);
	}

		.social-icons a + a {
			margin-left: 15px;
		}

		.social-icons a:hover {
			background: var(--pc);
		}

	.social-icons img {
		width: 16px;
		margin: 0 !important;
	}

	.social-icons a:hover img {
		filter: contrast(1) brightness(10);
	}

.navbar-nav .btn-primary, .navbar-nav .btn-secondary {
	padding: 5px 15px;
}

.transpNav:not(.sticky) .navbar-nav .btn-primary, .transpNav:not(.sticky) .navbar-nav .btn-secondary {
	border: transparent;
}

.transpNav:not(.sticky) .navbar-nav .nav-item > .btn-primary:not(:hover), .transpNav:not(.sticky) .navbar-nav .nav-item > .btn-secondary:not(:hover) {
	background: #fff;
	color: var(--pc) !important;
}

.swiper-container {
	cursor: grab;
}

.navbar-nav .dropdown-menu .dropdown-item {
	padding: 10px 20px;
	font-size: 15px;
}

.input-file input[type=file] {
	position: absolute;
	display: none;
}

.input-file label {
	background: #fff;
	margin: 0 0 0;
	border-radius: 6px;
	padding: 15px 20px;
	color: var(--pc);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 16px;
	cursor: pointer;
}

.custom-radio input[type=radio] {
	position: absolute;
	visibility: hidden;
}

.custom-radio {
	/*display: inline-flex; Amer*/
	display: block;
	align-items: center;
}

	.custom-radio + .custom-radio {
		margin-left: 25px;
	}

	.custom-radio label {
		padding-left: 30px;
		position: relative;
		font-size: 16px;
		cursor: pointer;
		margin: 0;
		display: inline-flex;
		align-items: center;
	}

		.custom-radio label:before, .custom-radio label:after {
			content: "";
			position: absolute;
		}

		.custom-radio label:before {
			width: 20px;
			height: 20px;
			border: 2px solid #6e7482;
			left: 0;
			border-radius: 100%;
			top: 2px;
		}

		.custom-radio label:after {
			left: 5px;
			width: 10px;
			height: 10px;
			border-radius: 100%;
			background: var(--pc);
			top: 7px;
			opacity: 0;
		}

	.custom-radio input[type=radio]:checked ~ label:before {
		background: #fff;
		border-color: var(--pc);
	}

	.custom-radio input[type=radio]:checked ~ label:after {
		opacity: 1;
	}

.home-form .custom-radio label:before, .home-form .custom-radio input[type=radio]:checked ~ label:before {
	border-color: #fff;
}

.dropdown-menu.right {
	left: auto;
	right: 0;
}

.btn-primary {
	background: var(--pc);
	border-color: var(--pc);
}

	.btn-primary:not(:disabled):not(.disabled).active,
	.btn-primary:not(:disabled):not(.disabled):active,
	.btn-primary:not(:disabled):not(.disabled).focus,
	.btn-primary:not(:disabled):not(.disabled):focus,
	.show > .btn-primary.dropdown-toggle,
	.btn-primary:hover {
		background: var(--sc);
		border-color: var(--sc);
	}

.btn-white:hover {
	background: var(--sc);
	border-color: var(--sc);
	color: #fff;
}

.navbar .nav-item .dropdown-menu {
	display: none;
	box-shadow: 0 0 0 1px #d0d7e5 inset, 0 22px 30px rgba(35,40,51,0.4);
	border: 0;
	min-width: 200px;
	border-radius: 8px;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: none;
	}

	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}

	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}
}

.client-slider .swiper-container {
	padding: 15px 15px 45px;
}

.client-slider .swiper-slide {
	filter: grayscale(1);
	transition: ease all 0.3s;
	text-align: center;
	background: #fff;
	border-radius: 10px;
	transition: ease all 0.3s;
}

	.client-slider .swiper-slide:hover {
		filter: grayscale(0);
		transform: scale(1.07);
	}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {
	color: var(--pc);
	background-color: #e8f0ff;
}

.scrolltop {
	position: fixed;
	left: 40px;
	bottom: 30px;
	background: #fff;
	width: 35px;
	height: 35px;
	color: var(--pc);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	cursor: pointer;
	z-index: 999;
	border: 2px solid;
	transition: ease all 0.3s;
	opacity: 0;
	visibility: hidden;
}

	.scrolltop:hover {
		color: #fff;
		background: var(--pc);
		border-color: var(--pc);
	}

	.scrolltop.visible {
		opacity: 1;
	}

	.scrolltop svg {
		margin-bottom: 1px;
	}

.sidemenu .dropdown-menu {
	display: none !important;
	left: 100%;
	top: 0;
	flex-direction: column;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	margin-left: -5px;
	box-shadow: 0 0 0 1px #d0d7e5 inset, 20px 22px 30px rgba(35,40,51,0.4) !important;
}

.sidemenu:hover .dropdown-menu {
	display: flex !important;
	overflow-y: auto;
}

.sidemenu:hover > .dropdown-item {
	color: var(--pc);
	background-color: #e8f0ff;
}

.dropdown-menu.multilevel, .sidemenu:hover .dropdown-menu {
	/*height: 350px;*/
	width: 298px;
}

.navbar .nav-item:hover .dropdown-menu.multilevel {
	display: flex /*!important Amer*/;
	flex-direction: column;
}

.sidemenu-links {
	margin-top: auto;
	display: flex;
	padding: 20px 20px;
}

	.sidemenu-links .btn {
		font-size: 11px;
		padding: 5px !important;
		font-weight: 500;
	}

		.sidemenu-links .btn + .btn {
			margin-left: 4px;
		}

.sidemenu > .dropdown-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.sidemenu > .dropdown-item:after {
		width: 7px;
		height: 7px;
		border-width: 2px 2px 0 0;
		border-style: solid;
		content: '';
		display: inline-block;
		left: 0;
		position: relative;
		top: 0;
		transform: rotate(45deg);
		border-right-color: #000;
		margin: 0;
	}

.sidemenu .dropdown-menu::-webkit-scrollbar {
	width: 7px;
}

.sidemenu .dropdown-menu::-webkit-scrollbar-track {
	background: transparent;
}

.sidemenu .dropdown-menu::-webkit-scrollbar-thumb {
	background: var(--sc);
	border-radius: 4px;
}

.macbook {
	padding: 0;
	margin: 0 auto;
	max-width: 800px;
	transform: scale(1.25);
	position: relative;
	z-index: 1;
	text-align: left;
	direction: ltr;
}

.screen {
	background: #000;
	border-radius: 3% 3% 0.5% 0.5% / 5%;
	margin: 0 auto;
	position: relative;
	width: 80%;
}

	.screen:before {
		border: 2px solid #cacacc;
		border-radius: 3% 3% 0.5% 0.5% / 5%;
		box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.8) inset, 0 0 1px 2px rgba(255, 255, 255, 0.3) inset;
		content: "";
		display: block;
		padding-top: 67%;
	}

	.screen:after {
		content: "";
		border-top: 2px solid rgba(255, 255, 255, 0.15);
		position: absolute;
		bottom: 0.75%;
		left: 0.5%;
		padding-top: 1%;
		width: 99%;
	}

.viewport {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	margin: 4.3% 3.2%;
	background: #232529;
}

.base {
	position: relative;
	width: 100%;
}

	.base:before {
		content: "";
		display: block;
		padding-top: 3.3%;
		background: linear-gradient(#eaeced, #edeef0 55%, #fff 55%, #8a8b8f 56%, #999ba0 61%, #4B4B4F 84%, #262627 89%, rgba(0, 0, 0, .01) 98%);
		border-radius: 0 0 10% 10%/ 0 0 50% 50%;
	}

	.base::after {
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%);
		content: "";
		height: 53%;
		position: absolute;
		top: 0;
		width: 100%;
	}

.notch {
	background: #ddd;
	border-radius: 0 0 7% 7% / 0 0 95% 95%;
	box-shadow: -5px -1px 3px rgba(0, 0, 0, 0.2) inset, 5px -1px 3px rgba(0, 0, 0, 0.2) inset;
	margin-left: auto;
	margin-right: auto;
	margin-top: -3.5%;
	z-index: 2;
	position: relative;
	width: 14%;
}

	.notch:before {
		content: "";
		display: block;
		padding-top: 10%;
	}

.macbook .viewport {
	transition: background-position 3s ease;
	background-position: 0 0;
	background-size: 100% auto;
	overflow: hidden;
	/*cursor: pointer;*/
}
/*.macbook .viewport:after {
    background: radial-gradient(circle at right bottom, transparent 75%, rgba(255, 255, 255, 0.05) 75%, transparent);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}*/
.video-wrapper {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.macbook .viewport video {
	width: 100%;
	height: 100%;
}

.play-button {
	position: absolute;
	width: 60px;
	height: 60px;
	background: url(../images/play.svg);
	background-size: cover;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	z-index: 2;
}

	.play-button:before {
		content: "";
		position: absolute;
		width: 60px;
		height: 60px;
		border: 2px solid #fff;
		border-radius: 100%;
		animation-name: play;
		animation-duration: 3s;
		animation-iteration-count: infinite;
	}

@keyframes play {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

.video-wrapper.pause .play-button {
	background: url(../images/pause.svg);
	opacity: 0;
}

.video-wrapper.pause:hover .play-button {
	opacity: 1;
}

.video-wrapper.pause .play-button:before {
	display: none;
}

.searchbar {
	margin-left: 5px;
}

	.searchbar span {
		cursor: pointer;
		display: flex;
	}

.navbar-dark .searchbar span {
	color: #fff;
}

.navbar-dark.sticky .searchbar span {
	color: #000;
}

.searchbar-wrapper {
	background: #fff;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	transition: ease all 0.3s;
	transform: translateY(-100%);
}

	.searchbar-wrapper.visible {
		transform: translateY(0);
	}

.searchbar-container {
	display: flex;
	align-items: center;
}

.searchbar-wrapper span {
	position: absolute;
	top: 50%;
	transform: translateY(-40%);
	left: 15px;
}

.searchbar-wrapper input {
	flex: 1;
	border: 0;
	background: transparent;
	padding: 0 0 0 40px;
	font-size: 18px;
	line-height: 79px;
}

.searchbar-wrapper button {
	display: flex;
	padding: 6px;
	border: 0;
	cursor: pointer;
	border-radius: 5px;
	background: #f2f6fb;
}

	.searchbar-wrapper button:hover {
		background: #e4eaf1;
	}

.modal-backdrop {
	background-color: #051433;
}

	.modal-backdrop.show {
		opacity: .7;
	}

.or {
	color: #fff;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	margin: 20px 0 20px;
	opacity: 0.4;
}

	.or:before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		height: 1px;
		background: #fff;
		opacity: 0.5;
	}

	.or span {
		background: var(--pc);
		padding: 0 10px;
		position: relative;
	}

.con-info {
	/* 
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 30px;

	/**/

	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-content: stretch;
	flex-wrap: wrap;
	flex-grow: 1;
	/**/
}

	.con-info a {
		background: rgba(0,0,0,0.29);
		display: flex;
		align-items: center;
		padding: 15px 20px;
		border-radius: 10px;
		color: #fff;
		border: 1px solid rgb(79,102,150);
		flex-grow: 1;
		/*justify-content: center;*/
		flex: 1;
		margin: 0 0.3rem 0.8rem;
	}


@media all and (max-width: 575px) {
	.con-info a {
		min-width: 100%;
	}
}

.con-info a:hover {
	background: #fff;
	color: var(--pc);
}

.con-info a div {
	display: flex;
	flex-direction: column;
	margin-left: 15px;
}

.con-info a span {
	font-size: 13px;
	white-space: nowrap;
}

.con-info a b {
	font-weight: 700;
	font-size: 15px;
	direction: ltr;
	white-space: nowrap;
}

.home-form .btn-secondary:hover {
	background: #fff;
	color: var(--pc);
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: center;
}

.client-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 20px;
	margin-bottom: 30px;
}

.client-items {
	padding: 20px;
	background: #fff;
	border-radius: 10px;
}

	.client-items img {
		filter: grayscale(1);
		transition: ease all 0.3s;
	}

	.client-items:hover img {
		filter: grayscale(0);
	}

.partner-section {
	padding: 60px 0;
}

.container {
	position: relative;
}

.language-selector {
	margin-left: 10px;
}

.cld-ft2 {
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.5em;
}

span.strike {
	text-decoration: line-through;
	color: #929292;
	margin-left: 6px;
}

.cld-ft2 .btn.btn-secondary {
	padding: 4px 8px;
	font-size: 14px;
}

.page {
	margin: 20px 0;
}

.courses-list .course-grid {
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
}

.courses-list {
	display: flex;
	padding-top: 10px;
}

.courses-filter {
	width: 320px;
	flex: 0 0 320px;
	padding-right: 50px;
	animation: ease all 0.3s;
}

	.courses-filter.show {
		display: none;
		animation: ease 0.3s all;
	}

.accordion-content {
	/*display: none;*/
	margin-top: 15px;
}

.accordion-container .accordion-title {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 17px;
	cursor: pointer;
	font-weight: 700;
}

.accordion-title:after {
	content: "";
	position: absolute;
	right: 5px;
	top: 6px;
	transition: all 0.2s ease-in-out;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.accordion-title.open:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 10px;
}

.filter-block {
	border-top: 1px solid #d1d7dc;
	padding: 15px 0;
}

	.filter-block:first-child {
		padding-top: 0;
		border: 0;
	}

.vertical-radio {
	display: flex;
	flex-direction: column;
}

	.vertical-radio .custom-radio + .custom-radio {
		margin-left: 0;
		margin-top: 9px;
	}

.filter-block .custom-radio label {
	font-size: 15px;
}
body.ar .filter-block .custom-radio label {
	font-size: 16px;
}

	.filter-block .custom-radio label:before {
		width: 16px;
		height: 16px;
		top: 3px;
	}

	.filter-block .custom-radio label:after {
		left: 5px;
		width: 6px;
		height: 6px;
		top: 8px;
	}

.ratings-stars {
	position: relative;
	width: 72px;
	height: 12px;
	display: inline-flex;
	margin-right: 5px;
	background: url(../images/stars.svg) no-repeat;
	background-size: 100% auto;
}

	.ratings-stars.five {
		background-position: 0px 0px;
	}

	.ratings-stars.four-half {
		background-position: 0px -12px;
	}

	.ratings-stars.four {
		background-position: 0px -24px;
	}

	.ratings-stars.three-half {
		background-position: 0px -36px;
	}

	.ratings-stars.three {
		background-position: 0px -48px;
	}

	.ratings-stars.two-half {
		background-position: 0px -60px;
	}

	.ratings-stars.two {
		background-position: 0px -72px;
	}

	.ratings-stars.one-half {
		background-position: 0px -84px;
	}

	.ratings-stars.one {
		background-position: 0px -96px;
	}

.custom-checkbox input[type=checkbox] {
	position: absolute;
	display: none;
}

.custom-checkbox label {
	padding-left: 30px;
	position: relative;
	font-size: 14px;
	cursor: pointer;
	margin: 0;
	display: inline-flex;
	align-items: center;
}

	.custom-checkbox label:before, .custom-checkbox label:after {
		content: "";
		position: absolute;
	}

	.custom-checkbox label:before {
		width: 16px;
		height: 16px;
		border: 2px solid #6e7482;
		left: 0;
		border-radius: 4px;
		top: 2px;
	}

	.custom-checkbox label:after {
		content: "";
		position: absolute;
		left: 6px;
		top: 4px;
		width: 5px;
		height: 9px;
		border: solid #fff;
		border-width: 0 2px 2px 0;
		transform: rotate(45deg);
		opacity: 0;
	}

.custom-checkbox input[type=checkbox]:checked ~ label:after {
	opacity: 1;
}

.custom-checkbox input[type=checkbox]:checked ~ label:before {
	background: var(--pc);
	border-color: var(--pc);
}

.vertical-checkbox .custom-checkbox + .custom-checkbox {
	margin-top: 9px;
}

.custom-checkbox, .custom-radio {
	user-select: none;
}

.filter-block .accordion-content {
	/*max-height: 200px;*/
	overflow-y: auto;
}

.btn.btn-outline {
	background: #fff;
	border-color: var(--pc);
	color: var(--pc);
}

	.btn.btn-outline:hover {
		background: var(--pc);
		color: #fff;
	}

.btn.has-icon {
	display: inline-flex;
	align-items: center;
}

	.btn.has-icon svg {
		width: 19px;
		height: 19px;
		margin-right: 10px;
	}

select.sort-list {
	padding: 10px 15px;
	border-color: #c9cdd8;
	border-radius: 8px;
	margin-left: 10px;
	font-size: 14px;
}

.filter-topbar {
	display: flex;
	align-items: center;
}

.filter-panel-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0;
	border-bottom: 1px solid #e8edf3;
	padding-bottom: 20px;
}

.clearfilter {
	margin-left: 15px;
	background: transparent;
	border: 0;
	font-size: 16px;
	cursor: pointer;
}

.sidebar-filter {
	position: sticky;
	top: 90px;
}

.pagination {
	margin: 60px 0 40px;
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
}

	.pagination a {
		width: 40px;
		height: 40px;
		line-height: 40px;
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #000;
	}

		.pagination a.is-active {
			background-color: var(--sc);
			border-radius: 100%;
			color: #fff;
		}

.filter-tool-right {
	display: flex;
	align-items: center;
}

.view-toolbar {
	display: flex;
	margin-left: 20px;
}
/*
	.view-toolbar .view-toggle {
		font-size: 16px;
	}
	*/

.view-toggle {
	background: transparent;
	border: 1px solid #bfc6d4;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px 10px;
	border-radius: 6px;
	cursor: pointer;
}

.view-toolbar .view-toggle:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.view-toolbar .view-toggle:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.view-toggle svg {
	width: 20px;
	height: 20px;
	stroke-width: 1.7px;
}

.view-toggle.active {
	/*background: var(--sc);*/
	color: var(--sc);
	border-color: var(--sc);
}

.feather-bar-chart-2 {
	transform: rotate(90deg);
	stroke-width: 2px;
}

header.mobile-nav {
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 999;
	align-items: center;
	padding: 8px 10px;
	box-shadow: 0 0 0 1px #ebeff7 inset, 0 7px 30px rgba(50,69,105,0.08);
}

.mobnav-right {
	margin-left: auto;
	display: flex;
	align-items: center;
}

.search-trigger {
	background: transparent;
	border: 0;
	display: flex;
	padding: 10px;
}

.hamburger {
	display: flex;
	padding: 10px;
	flex-direction: column;
	align-items: center;
}

	.hamburger span {
		display: block;
		width: 21px;
		height: 2px;
		margin-bottom: 6px;
		position: relative;
		background: #000000;
		border-radius: 20px;
		z-index: 1;
		transform-origin: 4px 0px;
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
	}

		.hamburger span:last-child {
			margin: 0;
		}

	.hamburger.trigger span {
		opacity: 1;
		transform: rotate(45deg) translate(-6px, -13px);
	}

		.hamburger.trigger span:nth-last-child(3) {
			opacity: 0;
			transform: rotate(45deg) scale(0.2, 0.2);
		}

		.hamburger.trigger span:nth-last-child(2) {
			transform: rotate(-45deg) translate(0, 5px);
		}

body.nav-is-toggled {
	overflow: hidden;
}

.nav-drill {
	margin-top: 66px;
	transform: translateX(100%);
}

.nav-is-toggled .nav-drill {
	transform: translateX(0);
	opacity: 1;
}

.nav-is-toggled::after {
	opacity: 1;
	visibility: visible;
}

.nav-drill {
	display: flex;
	position: fixed;
	z-index: 2000000001 !important; /* Was 100: Expermental to hide chat - 2022-01-20 */
	top: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	transition: 0.45s;
	opacity: 0;
}

	.nav-drill .nav-items {
		flex: 0 0 100%;
		list-style: none;
		padding: 0;
		display: flex;
		flex-direction: column;
		overflow-y: auto;
	}

	.nav-drill .nav-item:not(:last-child) {
		border-bottom: solid 1px #f3f3f3;
	}

	.nav-drill .nav-link {
		display: flex;
		align-items: center;
		padding: 14px 0px;
		background-color: #fff;
		color: #000;
		font-size: 1rem;
		line-height: 1.2em; /*line-height: 1.5em;*/
		font-weight: 300;
	}
	/*Amer:*/
	.nav-drill li.nav-item > a.nav-link {
		line-height: 0.6em;
	}

	.nav-drill .nav-expand-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: translateX(100%);
		transition: 0.3s;
		visibility: hidden;
		overflow-y: auto;
		background: #fff;
		z-index: 1;
	}
	/* Amer */
	.nav-drill .nav-expand-content-visible {
		margin: 0 20px;
	}

	.nav-drill .nav-expand-content .nav-back-link {
		display: flex;
		align-items: center;
		background-color: var(--pc);
		color: #fff;
		margin: 0 -15px;
		padding: 15px 15px;
	}

		.nav-drill .nav-expand-content .nav-back-link::before {
			content: "";
			margin-right: 10px;
			width: 20px;
			height: 20px;
			background: url(../images/arrow-left.svg) no-repeat;
			background-size: cover;
		}

	.nav-drill .nav-expand-link::after {
		content: "";
		flex: 0 1 auto;
		width: 18px;
		height: 18px;
		background: url(../images/chevron-right.svg) no-repeat;
		background-size: cover;
		margin-left: auto;
	}

	.nav-drill .nav-expand.active > .nav-expand-content {
		transform: translateX(0);
		visibility: visible;
	}

	.nav-drill .menu-title:not(:first-child) {
		margin-top: 20px;
	}

	.nav-drill .menu-title {
		font-weight: 800;
		padding: 10px 15px;
	}

	.nav-drill .nav-link svg {
		margin-right: 14px;
		color: var(--pc);
	}

	.nav-drill .nav-items .nav-item {
		margin: 0 15px;
	}

select.lang-mob {
	padding: 5px;
	margin-right: 5px;
	border: 0;
	background: url(../images/chevron-down.svg) no-repeat;
	background-position: calc(100% - 10px) center;
	background-size: 13px;
	padding-right: 28px !important;
}

.mob-search {
	position: fixed;
	background: #fff;
	top: 0;
	right: 0;
	left: 0;
	height: 66px;
	z-index: 9;
	display: flex;
	padding: 15px 15px;
	transform: translateY(-100%);
	transition: all ease 0.3s;
}

	.mob-search.show {
		transform: translateY(0);
	}

	.mob-search > span {
		position: absolute;
		top: 23px;
		left: 25px;
		display: flex;
	}

	.mob-search input {
		flex: 1;
		border: 0;
		background: #eff1f5;
		border-radius: 8px;
		padding: 0 0 0 42px;
		color: #000;
	}

.close-searchmob {
	background: transparent;
	border: 0;
	display: flex;
	align-items: center;
	padding: 0 0px 0 10px;
}

.course-details-wrapper {
	margin-bottom: 90px;
}

.courcedetail-banner.top-banner {
	padding: 40px 0;
	color: #fff;
	position: relative;
}

.courcedetail-banner .page-breadcrumb {
	margin-bottom: 30px;
}

ul.course-info {
	padding: 0;
	margin: 30px 0 30px;
	list-style: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 1rem;
	column-gap: 1rem;
}
	/*
	ul.course-info li:not(:first-child) {
		margin-left: 15px;
	}
	*/

	ul.course-info li {
		display: flex;
		align-items: center;
		font-size: 12px;
		color: #fff;
		background: rgba(255,255,255,0.14);
		padding: 8px 15px;
		border-radius: 6px;
	}

		ul.course-info li svg {
			margin-right: 9px;
			width: 16px;
			height: 16px;
		}

.course-content h1 {
	font-size: 36px;
	color: #fff;
	margin: 10px 0 20px;
}

.course-content .cld-price {
	font-size: 27px;
	font-weight: 600;
}

.course-content span.strike {
	color: rgba(255,255,255,0.5);
}

ul.course-info li strong {
	margin-left: 5px;
}

.course-banner-bottom {
	display: flex;
	align-items: center;
}

	.course-banner-bottom > div + div {
		border-left: 1px solid rgba(255,255,255,0.5);
		margin-left: 30px;
		padding-left: 30px;
	}

.course-share {
	display: flex;
	align-items: center;
}

	.course-share span {
		margin-right: 10px;
	}

.course-ratings .ratings-stars {
	width: 100px;
	height: 16px;
	background-position: 0px -17px;
}

.course-ratings {
	display: flex;
	align-items: center;
	font-size: 16px;
}

	.course-ratings strong {
		margin: 0 10px;
	}

.content-column {
	padding: 5px 40px 25px 0;
}

.lineTab .nav-tabs {
	border-bottom: 3px solid #dee2e6;
}

	.lineTab .nav-tabs .nav-item {
		margin: 0;
	}

		.lineTab .nav-tabs .nav-item + .nav-item {
			margin-left: 10px;
		}

	.lineTab .nav-tabs .nav-link {
		font-size: 18px;
		color: #83878e;
		height: 100%;
		border-radius: 0;
		padding: 10px 25px;
		font-weight: 600;
		border: 0;
	}

		.lineTab .nav-tabs .nav-link.active {
			box-shadow: 0px 3px 0px 0px var(--pc);
			color: var(--pc);
		}

.content-column .tab-content {
	margin-top: 40px;
}

.content-column h5 {
	font-weight: 700;
	color: #000000;
	margin-bottom: 15px;
}

.content-column p {
	color: #000000;
	font-size: 16px;
	line-height: 1.8em;
	/*margin-bottom: 25px;*/
}

.box {
	position: relative;
	padding: 30px 0px;
	/* border: 1px solid #dae4f1;
    margin-bottom: 30px;
    background-color: #f2f6fb;
    border-radius: 5px; */
}

.course-share .social-icons a {
	background: #fff;
}

	.course-share .social-icons a:hover {
		background: transparent;
		border-color: #fff;
	}

		.course-share .social-icons a:hover img {
			filter: contrast(1) brightness(10);
		}

ul.tickList {
	list-style: none;
	padding: 0;
	margin: 0;
}

	ul.tickList li {
		position: relative;
		color: #000000;
		font-size: 16px;
		line-height: 1.9em;
		padding-left: 36px;
		margin-bottom: 18px;
	}

		ul.tickList li:before {
			position: absolute;
			content: '';
			left: 0px;
			top: 5px;
			width: 23px;
			height: 23px;
			background: url(../images/check.svg) no-repeat;
		}

	ul.tickList.two li:before {
		background: url(../images/check-2.svg) no-repeat;
	}

	ul.tickList.two li {
		margin-bottom: 13px;
	}

	ul.tickList li:last-child {
		margin: 0;
	}

.mark, mark {
	padding: 10px 20px;
	background-color: #dff3f5;
	box-shadow: 4px 0px 0px var(--sc) inset;
	margin-bottom: 15px;
}

.course-rating-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

	.course-rating-content .average-rating {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		margin-right: 70px;
		width: 200px;
	}

		.course-rating-content .average-rating .rating-title {
			font-size: 15px;
			font-weight: 500;
			margin: 0 0 15px;
		}

		.course-rating-content .average-rating .rating-box {
			background: #fff;
			box-shadow: 0 7px 30px rgba(216,224,241,0.4);
			text-align: center;
			padding: 34px 30px 38px;
		}

			.course-rating-content .average-rating .rating-box .average-value {
				font-size: 56px;
				font-weight: 600;
				line-height: 1;
				margin: 0 0 8px;
				color: var(--sc);
			}

			.course-rating-content .average-rating .rating-box .review-star {
				text-align: center;
			}

			.course-rating-content .average-rating .rating-box .review-amount {
				margin: 2px 0 0;
			}

	.course-rating-content .detailed-rating {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

		.course-rating-content .detailed-rating .rating-title {
			font-size: 15px;
			font-weight: 500;
			margin: 0 0 32px;
		}

		.course-rating-content .detailed-rating .rating-box .rating-rated-item {
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			margin: 8px 0;
		}

			.course-rating-content .detailed-rating .rating-box .rating-rated-item .rating-point {
				-ms-flex-negative: 0;
				flex-shrink: 0;
				margin: 0 22px 0 0;
			}

			.course-rating-content .detailed-rating .rating-box .rating-rated-item .rating-progress {
				-webkit-box-flex: 1;
				-ms-flex-positive: 1;
				flex-grow: 1;
			}

			.course-rating-content .detailed-rating .rating-box .rating-rated-item .rating-count {
				-ms-flex-negative: 0;
				flex-shrink: 0;
				font-size: 15px;
				font-weight: 500;
				color: #ababab;
				min-width: 25px;
				margin: 0 0 0 5px;
				text-align: right;
			}

			.course-rating-content .detailed-rating .rating-box .rating-rated-item .rating-progress .single-progress-bar .progress {
				height: 6px;
				border-radius: 10px;
				background: #eee;
			}

				.course-rating-content .detailed-rating .rating-box .rating-rated-item .rating-progress .single-progress-bar .progress .progress-bar {
					background-color: var(--sc);
				}

	.course-rating-content .average-rating .rating-box .ratings-stars {
		width: 100px;
		height: 16px;
		background-position: 0px -17px;
	}

.course-reviews-list {
	list-style: none;
	padding-left: 0;
	margin-top: 50px;
}

	.course-reviews-list li {
		list-style-type: none;
		margin-bottom: 30px;
		padding: 20px;
		padding-bottom: 28px;
		padding-left: 5px;
		border: 0;
		border-bottom: 1px solid #eee;
	}

		.course-reviews-list li .review-container .review-author {
			width: 80px;
			float: left;
			margin-right: 20px;
		}

			.course-reviews-list li .review-container .review-author img {
				border-radius: 50%;
			}

		.course-reviews-list li .review-container .review-content {
			position: relative;
			overflow: hidden;
			margin-left: 125px;
		}

			.course-reviews-list li .review-container .review-content .title {
				margin: 0;
				font-size: 15px;
				font-weight: 700;
				letter-spacing: 1px;
			}

			.course-reviews-list li .review-container .review-content .review-title {
				font-size: 15px;
				font-weight: 700;
				font-style: normal;
				margin: 15px 0 5px;
			}

			.course-reviews-list li .review-container .review-content .review-stars-rated {
				position: absolute;
				top: 0;
				right: 0;
			}

.content-column .lineTab {
	background: #fff;
	position: sticky;
	top: 66px;
	z-index: 99;
}

.course-thumb {
	border-radius: 10px;
	overflow: hidden;
}

.page-breadcrumb {
	background: #f2f6fb;
	margin-bottom: 15px;
}

	.page-breadcrumb ul {
		display: flex;
		list-style: none;
		padding: 0;
		margin: 0;
	}

		.page-breadcrumb ul li {
			display: flex;
			align-items: center;
		}

			.page-breadcrumb ul li + li {
				margin-left: 10px;
			}

			.page-breadcrumb ul li a {
				color: #353a44;
				padding: 15px 0;
				font-weight: 600;
				display: flex;
				align-items: center;
			}

				.page-breadcrumb ul li a:hover {
					text-decoration: underline;
				}

			.page-breadcrumb ul li:last-child a {
				color: #788092;
				pointer-events: none;
			}

			.page-breadcrumb ul li + li a {
				margin-left: 10px;
			}

			.page-breadcrumb ul li + li:before {
				content: "";
				width: 13px;
				height: 13px;
				background: url(../images/chevron-right.svg);
				background-size: cover;
				opacity: 0.5;
			}

			.page-breadcrumb ul li a svg {
				width: 18px;
				height: 18px;
				transform: translateY(-1px);
			}

	.page-breadcrumb.light ul li a {
		color: #ccd1dc;
	}

		.page-breadcrumb.light ul li a:hover {
			color: #fff;
		}

	.page-breadcrumb.light ul li:last-child a {
		color: #7d8daf;
	}

	.page-breadcrumb.light ul li + li:before {
		filter: invert(1);
		opacity: 0.7;
	}

.courcedetail-banner .page-breadcrumb ul {
	background: rgba(37,55,93,0.4);
	padding: 0 20px;
	border-radius: 10px;
}

.course-sidebar {
	position: sticky;
	top: 100px;
	margin-top: 20px;
}

.sidebar-inner {
	/*box-shadow: 0px 0px 0px 2px var(--pc), 0 30px 30px -8px rgb(216 224 241);*/
	border-radius: 10px;
	padding: 55px 22px 50px;
	position: relative;
	border: 3px solid #dee2e6;
}

.InputPlacement {
	position: relative;
	margin-bottom: 25px;
}

	.InputPlacement .form-control {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 14px;
		border: 0;
		border-bottom: solid 2px #d9e1e6;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 0;
		display: block;
		width: 100%;
		color: #000;
		padding: 10px 0;
		height: 44px;
		box-shadow: none;
		font-weight: 500;
	}

		.InputPlacement .form-control:focus {
			border-color: #7487ad;
		}

	.InputPlacement .inp-label {
		position: absolute;
		top: 21px;
		left: 0;
		color: #637086;
		font-size: 14px;
		font-weight: 400;
		-webkit-transition: font .1s ease,top .1s ease,-webkit-transform .1s ease;
		transition: font .1s ease,top .1s ease,-webkit-transform .1s ease;
		-o-transition: font .1s ease,top .1s ease,-o-transform .1s ease;
		-moz-transition: font .1s ease,top .1s ease,transform .1s ease,-moz-transform .1s ease;
		transition: font .1s ease,top .1s ease,transform .1s ease;
		transition: font .1s ease,top .1s ease,transform .1s ease,-webkit-transform .1s ease,-moz-transform .1s ease,-o-transform .1s ease;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		cursor: text;
		pointer-events: none;
	}

	.InputPlacement .form-control.hasvalue + .inp-label,
	.InputPlacement .form-control:focus + .inp-label,
	.InputPlacement .form-control.modified + .inp-label /*Amer*/ {
		top: 7px;
		font-size: 11px;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(-100%);
	}

.sidebar-inner h5 {
	position: absolute;
	top: 0;
	transform: translate(-50%, -50%);
	left: 50%;
	font-size: 16px;
	white-space: nowrap;
	background: #dee2e6; /*var(--pc);*/
	/*color: #fff;*/
	font-weight: 600;
	padding: 5px 20px;
	border-radius: 30px;
}

.grid-two {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 15px;
}

.materialUI .form-group {
	margin-bottom: 25px;
}

.sidebar-inner .or {
	color: #000;
	font-size: 12px;
	margin: 10px 0;
}

	.sidebar-inner .or::before {
		background: #000;
	}

	.sidebar-inner .or span {
		background: #fff;
	}

.btn-block {
	display: flex !important;
	width: 100%;
	justify-content: center;
}

.btn-whatsapp {
	background: #25d366;
	color: #fff;
}

	.btn-whatsapp:hover {
		background: #128c7e;
	}

select.form-control:not([size]):not([multiple]) {
	height: 100%;
}

.sidebar-inner .btn {
	padding: 10px 0;
}

.btn.filter-toggle {
	padding: 9px 15px;
	font-size: 14px;
}

.bg-gray {
	background: #f2f6fb;
}

.padding-section {
	padding: 60px 0;
}

.courcedetail-banner .page-breadcrumb {
	background: transparent;
}

.course-grid.list-view .course-list {
	display: flex;
}

	.course-grid.list-view .course-list .course-image {
		max-width: 300px;
		width: 40%;
	}

.course-grid.list-view .course-list-details {
	flex: 1;
}

.courses-list .course-grid.list-view {
	grid-template-columns: repeat(1, 1fr);
}

.courses-list-wrapper {
	flex: 1;
}

select {
	-webkit-appearance: none;
	background: url(../images/code.svg) no-repeat;
	background-position: calc(100% - 10px) center;
	background-size: 13px;
	padding-right: 35px !important;
}

.cta-wrapper {
	background: var(--pc);
}

.cta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 70px 0;
	color: #fff;
}

	.cta h2 {
		color: #fff;
		font-size: 36px;
		margin-right: 100px;
	}

	.cta .btn {
		padding: 17px 40px;
		font-size: 20px;
	}

.coursedetails-image {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover !important;
	background-position: center !important;
	opacity: 0.2;
}

.home-form .btn-secondary {
	background: var(--sc);
}

.blog-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.blog-item a {
	color: #000;
	display: flex;
	flex-direction: column;
}

.blog-item .bna-image {
}

.blog-item .bna-details {
	padding-top: 15px;
}

.blogpage-wrapper {
	padding: 50px 0;
}

.blog-item a {
	color: #000;
}

.blog-item .bna-details h3 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

.blog-item h6 {
	position: absolute;
	right: 15px;
	bottom: 15px;
	background: var(--sc);
	margin: 0;
	font-weight: bold;
	display: inline-flex;
	padding: 4px 9px;
	color: #fff;
	border-radius: 7px;
	font-size: 14px;
}

.blg-date {
	opacity: 0.6;
	font-size: 13px;
}

.bSlider-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	.bSlider-content .bSlider-image {
		flex: 0 0 35%;
		position: relative;
	}

		.bSlider-content .bSlider-image img {
			border-radius: 30px;
			position: relative;
		}

.bSlider-caption h5 {
	font-size: 42px;
	line-height: 1.3;
	font-weight: 700;
	margin-bottom: 15px;
	color: #fff;
}

.bSlider-caption p {
	color: #fff;
	margin-bottom: 30px;
}

.slider-bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	filter: blur(5px);
	background-position: center !important;
	background-size: cover !important;
	opacity: 0.13;
	transition: ease all 0.3s;
}

.slider-blogs, .top-banner, .hero-banner {
	background: rgb(25,57,104) !important;
	background: -moz-linear-gradient(-45deg, rgba(25,57,104,1) 0%, rgba(52,54,137,1) 50%, rgba(50,182,192,1) 100%) !important;
	background: -webkit-linear-gradient( -45deg, rgba(25,57,104,1) 0%,rgba(52,54,137,1) 50%,rgba(50,182,192,1) 100%) !important;
	background: linear-gradient( 135deg, rgba(25,57,104,1) 0%,rgba(52,54,137,1) 50%,rgba(50,182,192,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193968', endColorstr='#32b6c0',GradientType=1 ) !important;
	position: relative;
}

.bSlider-content .bSlider-caption {
	flex: 0 0 60%;
}

.carousel-indicators li {
	cursor: pointer;
}

.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

	.carousel-fade .carousel-item.active,
	.carousel-fade .carousel-item-next.carousel-item-left,
	.carousel-fade .carousel-item-prev.carousel-item-right {
		opacity: 1;
	}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}

.slider-blogs .carousel-item {
	height: 100%;
	padding: 160px 0 100px;
}

.cover-blog {
	margin-bottom: 4rem;
}

	.cover-blog img {
		border-radius: 20px;
	}

.blog-title_inner {
	margin-bottom: 3rem;
	text-align: center;
}

	.blog-title_inner h1 {
		font-size: 40px;
		line-height: 1.5;
	}

	.blog-title_inner span {
		opacity: 0.6;
	}

.blog-details {
	padding: 4rem 0;
}

	.blog-details h2 {
	}

	.blog-details h4 {
		font-size: 18px;
		margin: 40px 0 20px;
	}

	.blog-details p {
		font-size: 15px;
		line-height: 1.6;
	}

.access-wrapper {
	background: #f2f6fb;
}

.access-inner {
	width: 550px;
	margin: -60px auto 0;
	padding-bottom: 80px;
}

.access-wrapper .top-banner {
	padding-top: 130px;
}

.access-wrapper form,
.RFP form {
	box-shadow: 0px 0px 0px 1px #d0d7e5, 0 30px 30px -8px rgba(216,224,241,0.65);
	border-radius: 10px;
	position: relative;
	background: #fff;
}

.access-wrapper form {
	padding: 45px 20px 15px;
}

.RFP form {
	padding: 45px 35px 50px;
}


.access-wrapper .InputPlacement .form-control,
.RFP .InputPlacement .form-control {
	background: transparent;
}

/*.access-wrapper form h3,*/
.RFP form h3 {
	transform: translateY(-15px);
	margin-bottom: 15px;
}

.other-access {
	text-align: center;
	margin-top: 30px;
	font-size: 17px;
}

	.other-access a {
		color: var(--sc);
		font-weight: 700;
	}

.InputPlacement.icon .inp-label {
	left: 35px;
}

.InputPlacement.icon .form-control {
	padding-left: 35px;
}

.InputPlacement.icon svg {
	position: absolute;
	left: 0;
	top: 12px;
	color: var(--pc);
}

.fgt-pw {
	display: flex;
	justify-content: flex-end;
	color: var(--pc);
	margin: 0 0 15px;
}

.form-check {
	margin-bottom: 15px;
	padding: 0;
}

	.form-check a {
		margin: 0 7px;
		color: var(--pc);
		text-decoration: underline;
	}

.InputPlacement textarea.form-control {
	height: 90px;
	resize: none;
}

.cms-wrapper h4 {
	font-size: 18px;
	margin: 40px 0 20px;
}

.cms-wrapper h6 {
	font-size: 15px;
	margin: 0 0 20px;
	font-weight: 600;
}

.cms-wrapper p {
	font-size: 15px;
	line-height: 1.6;
	text-align: justify;
}

.cms-wrapper a {
	color: var(--sc);
}

.cms-wrapper {
	padding: 50px 0;
}

	.cms-wrapper ul {
		padding: 0;
		margin: 0 0 30px 20px;
	}

		.cms-wrapper ul li {
			font-size: 16px;
			line-height: 1.6;
			list-style-type: none;
			position: relative;
			padding-left: 33px;
			color: var(--pc);
		}

			.cms-wrapper ul li:before {
				content: "";
				background: url(../images/check.svg);
				width: 18px;
				height: 18px;
				position: absolute;
				top: 5px;
				left: 0px;
				background-size: cover;
			}

			.cms-wrapper ul li + li {
				margin-top: 6px;
				text-align: justify;
			}

.contact-container {
	padding: 50px 0 70px;
}

	.contact-container h3 {
		margin-bottom: 35px;
	}

.quick-contact {
	display: flex;
	margin: 0 0 30px;
	align-items: flex-start;
}

	.quick-contact img {
		width: 170px;
		padding: 15px;
		box-shadow: 0px 0px 0px 1px #d0d7e5, 0 30px 30px -8px rgba(216,224,241,0.65);
		border-radius: 10px;
		margin-right: 40px;
	}

	.quick-contact strong {
		margin-bottom: 10px;
		font-size: 18px;
		display: block;
	}

	.quick-contact p {
		font-size: 15px;
	}

.git-links .con-info {
	display: flex;
	flex-wrap: wrap;
	grid-gap: 15px;
}

	.git-links .con-info a {
		background: #f2f6fb;
		padding: 10px 20px;
		color: var(--pc);
	}

.bna-grid.list-view {
	display: flex;
	flex-direction: column;
}

	.bna-grid.list-view .bna-items {
		grid-row: none;
		grid-column: none;
	}

	.bna-grid.list-view .bna-image {
		flex: 0 0 30%;
		width: 30%;
	}

	.bna-grid.list-view .bna-items .bna-image:before {
		display: none;
	}

	.bna-grid.list-view .bna-items a {
		display: flex;
	}

		.bna-grid.list-view .bna-items a .bna-details {
			position: static;
			padding: 0;
		}

	.bna-grid.list-view .bna-items h3 {
		color: #000;
		font-size: 30px;
	}

	.bna-grid.list-view .bna-items p {
		display: block;
		font-size: 16px;
	}

.navbar-light.transpNav .navbar-nav .nav-item > .btn-secondary:not(:hover) {
	background: var(--pc);
	color: #fff !important;
	border: 0;
}

.top-banner h5 {
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 18px;
}

.cta-wrapper-2 .cta {
	background: var(--pc);
	border-radius: 13px;
	overflow: hidden;
	padding: 70px calc(50% + 50px) 70px 60px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.cta-wrapper-2 .cta-banner {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
	background-size: cover !important;
	background-position: center !important
}

.cta-content {
	position: relative;
	z-index: 1;
}

	.cta-content h2 {
		margin: 0 0 20px;
		font-size: 34px;
	}

	.cta-content .btn {
		padding: 14px 24px;
		font-size: 14px;
	}

	.cta-content p {
		font-size: 16px;
		opacity: 0.8;
		margin-bottom: 30px;
	}

select.basic {
	border-radius: 5px;
	padding: 6px 15px;
}

.cta-wrapper-2 {
	margin-bottom: 40px;
}

.cta-wrapper-3 {
	background: rgb(25,57,104) !important;
	background: -moz-linear-gradient(-45deg, rgba(25,57,104,1) 0%, rgba(52,54,137,1) 50%, rgba(50,182,192,1) 100%) !important;
	background: -webkit-linear-gradient( -45deg, rgba(25,57,104,1) 0%,rgba(52,54,137,1) 50%,rgba(50,182,192,1) 100%) !important;
	background: linear-gradient( 135deg, rgba(25,57,104,1) 0%,rgba(52,54,137,1) 50%,rgba(50,182,192,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#193968', endColorstr='#32b6c0',GradientType=1 ) !important;
	position: relative;
}

	.cta-wrapper-3 .cta-banner {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-size: cover !important;
		background-position: center !important;
		opacity: 0.3;
	}

	.cta-wrapper-3 .cta {
		flex-direction: column;
		align-items: center;
		text-align: center;
		max-width: 900px;
		margin: auto;
		padding: 75px 0 70px;
	}

		.cta-wrapper-3 .cta h2 {
			margin: 0 0 30px;
		}

.section-title.split {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.container.sm {
	max-width: 900px;
	margin: auto;
}

.team-detail-wrapper {
	display: flex;
}

.team-media {
	border-radius: 0;
	margin-right: 40px;
	flex: 0 0 50%;
	position: relative;
}

	.team-media img {
		width: 100%;
	}

.team-info .contect-d {
	margin: 40px 0;
	background: transparent;
	padding: 0;
}

.team-info .profile-social {
	flex-direction: column;
}

	.team-info .profile-social a {
		margin: 7px 0;
	}

.team-info .git-links-container {
	align-items: flex-start;
	text-align: left;
}

.team-info-inner {
	padding: 50px 0;
}

.team-info .contect-d .git-links .con-info a {
	border: 0;
	background: #f2f6fb;
}

.user-quote {
	position: absolute;
	bottom: 40px;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	background: rgba(40,182,195,0.50);
	color: #fff;
	font-size: 24px;
	padding: 20px 20px;
	font-weight: 800;
	line-height: 1.3;
}

	.user-quote:before, .user-quote:after {
		position: absolute;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: white;
		color: var(--sc);
		font-size: 90px;
		line-height: 1;
	}

	.user-quote:before {
		content: open-quote;
		left: 20px;
		top: -20px;
	}

	.user-quote:after {
		content: close-quote;
		bottom: -65px;
		right: 20px;
	}

.sticky-user {
	position: sticky;
	top: 80px;
}

.brief-container h5 {
	font-size: 17px;
	margin: 0;
}

.brief-container .profile-d-list {
	margin: 0 0 40px;
}

.webinar-overview {
	padding-top: 30px;
}

.webinar-video {
	position: relative;
	margin: -90px 0 0;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 10px 15px 0px rgba(43,63,106,0.26);
}

video {
	max-width: 100%;
}

.webinar-video-wrapper {
	background: #f2f6fb;
}

.webinar-features {
	background: #f2f6fb;
	padding: 50px 0;
}

.webinar-process {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	margin: 30px 0 20px;
}

.features-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

	.features-box h4 {
		margin: 20px 0 13px;
		font-size: 21px;
		color: var(--pc);
	}

	.features-box img {
		width: 70px;
	}

.webinar-list-wrapper {
	padding: 50px 0 30px;
}

.featured-list {
	display: flex;
	align-items: flex-start;
}

	.featured-list + .featured-list {
		margin-top: 30px;
	}

	.featured-list img {
		width: 50px;
		margin-right: 25px;
	}

	.featured-list h5 {
		margin: 0 0 10px;
		font-size: 19px;
		color: var(--pc);
		font-weight: 700;
		text-transform: capitalize;
	}

.featured-list-wrapper {
	margin-top: 50px;
}

.webinar-about {
	padding: 80px 0 30px;
}

.styled-image {
	position: relative;
}

	.styled-image:before {
		content: "";
		position: absolute;
		width: 80%;
		height: 80%;
		border: 10px solid;
		border-image-slice: 1;
		border-width: 5px;
		border-image-source: linear-gradient(to top, var(--pc), var(--sc));
		left: -10%;
		top: 10%;
	}

	.styled-image img {
		position: relative;
	}

.blog-list.list-view {
	grid-template-columns: repeat(1, 1fr);
}

	.blog-list.list-view a {
		flex-direction: row;
		grid-gap: 30px;
	}

		.blog-list.list-view a .bna-image {
			flex: 0 0 30%;
			width: 30%;
		}

.webinar-top-section {
	padding-top: 120px;
	padding-bottom: 170px;
	background-image: url(../images/bg2.png), linear-gradient( 135deg, rgba(25,57,104,1) 0%,rgba(52,54,137,1) 50%,rgba(50,182,192,1) 100%);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-blend-mode: color-burn;
	position: relative;
}

	.webinar-top-section .sidebar-inner {
		background: #fff;
		box-shadow: none;
	}

.uc-shape-devider {
	position: absolute;
	left: 0px;
	height: 150px;
	width: 100%;
	pointer-events: none;
	z-index: 100;
	background-color: transparent;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTI4MCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEyODAgMTAwOyIgIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMHB4Ij4KICA8ZyBmaWxsPSIjZmZmZmZmIj4gCjxwYXRoICBkPSJNMCw4Mi43YzAsMCwyODAuMyw1MCw2MTItMzEuM3M2NjgsMCw2NjgsMFYwSDBWODIuN3oiLz4KICA8L2c+Cjwvc3ZnPg==);
	background-size: 100% 150px;
	background-repeat: repeat-x;
	bottom: -1px;
	transform: rotateX(180deg);
}

.webinar-hero-content {
	padding: 60px 0 0;
}

	.webinar-hero-content h1 {
		color: #fff;
	}

	.webinar-hero-content p {
		color: #fff;
		font-size: 20px;
		margin-top: 40px;
	}

.webinar-schedule {
	display: flex;
	grid-gap: 50px;
	margin-top: 50px;
}

.dtr-icon-box {
	display: flex;
	color: #fff;
	align-items: center;
}

.dtr-icon-box-icon {
	display: flex;
}

.dtr-icon-box-text {
	display: flex;
	flex-direction: column;
}

.dtr-icon-box-icon svg {
	width: 44px;
	height: 44px;
}

.dtr-icon-box-text {
	display: flex;
	flex-direction: column;
	padding-left: 15px;
}

	.dtr-icon-box-text span {
		font-size: 26px;
		line-height: 1.3;
		font-weight: 800;
	}

	.dtr-icon-box-text .subtext {
		font-size: 16px;
		opacity: 0.7;
		font-weight: 500;
	}

.webinar-features-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	margin: 40px 0 40px;
}

	.webinar-features-grid h4 {
		/*color: #fff;*/
	}

	.webinar-features-grid p {
		font-size: 14px;
		opacity: 0.8;
		margin: 15px 0 0;
	}

	.webinar-features-grid > div {
		position: relative;
		background: #fff;
		border-radius: 10px;
		padding: 30px;
		counter-increment: section;
		overflow: hidden;
	}

		.webinar-features-grid > div:before {
			content: counter(section);
			position: absolute;
			right: -55px;
			top: -55px;
			width: 120px;
			height: 120px;
			border-radius: 50%;
			-webkit-border-radius: 50%;
			-ms-border-radius: 50%;
			background: var(--sc);
			color: #fff;
			display: block;
			font-size: 22px;
			font-weight: 700;
			padding: 25px 30px;
			display: flex;
			align-items: flex-end;
		}

.webinar-host {
	padding: 0;
}

	.webinar-host .section-title h6 {
		font-size: 21px;
		font-weight: 600;
	}

	.webinar-host .section-title .title {
		margin: 20px 0 0px;
		font-size: 56px;
	}

	.webinar-host .sub {
		font-size: 16px;
		color: #7c7e8e;
		margin: 20px 0 40px;
	}

	.webinar-host .social-icons a {
		width: 45px;
		height: 45px;
	}

#countdown {
	margin-top: 40px;
}

	#countdown h2 {
		font-size: 22px;
	}

	#countdown ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 30px;
		margin-top: 15px;
	}

		#countdown ul li {
			font-size: 15px;
			padding: 10px 0 16px;
			text-transform: uppercase;
			text-align: center;
			border: 2px solid var(--sc);
			border-radius: 9px;
		}

			#countdown ul li span {
				display: block;
				font-size: 36px;
				font-weight: 800;
				color: var(--sc);
			}

.webinar-event-left {
	padding-right: 50px;
	position: sticky;
	top: 120px;
}

.webinar-host .section-title {
	background: #fff;
	padding: 40px;
	box-shadow: 0 0 0 1px #d0d7e5, 0 7px 30px rgba(216,224,241,0.40);
}

.webinar-event {
	padding: 60px 0;
}

.timeline {
	line-height: 1.4em;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.timeline-item {
	padding-left: 50px;
	position: relative;
}

.timeline-info {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
	white-space: nowrap;
	transform: translateX(-20px) translateY(3px);
	color: var(--sc);
}

.timeline-marker {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15px;
}

	.timeline-marker:before {
		background: var(--sc);
		border: 3px solid transparent;
		border-radius: 100%;
		content: "";
		display: block;
		height: 15px;
		position: absolute;
		top: 4px;
		left: 0;
		width: 15px;
		transition: background 0.3s ease-in-out, border 0.3s ease-in-out;
	}

	.timeline-marker:after {
		content: "";
		width: 2px;
		background: #CCD5DB;
		display: block;
		position: absolute;
		top: 24px;
		bottom: 0;
		left: 6px;
	}

.timeline-content {
	padding-bottom: 40px;
}

h3.timeline-title {
	font-size: 20px;
	font-weight: 800;
	color: var(--pc);
	margin: 20px 0 12px;
}

.team-members-hero img {
	width: 100%;
}

.team-members-hero {
	position: relative;
	margin: 0;
}

.teammembers-hero-title {
	position: absolute;
	bottom: 10px;
	left: 70px;
	width: 60%;
	color: #fff;
}

	.teammembers-hero-title h1 {
		color: #fff;
	}

	.teammembers-hero-title p {
		font-size: 20px;
	}

.three-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 50px;
	margin: 30px 0 20px;
}

.four-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 50px;
	margin: 30px 0 20px;
}

.departments-container {
	padding: 20px 0 50px;
}

.team-scroller {
	padding: 70px 0 60px;
}

.team-slider-content {
	background: linear-gradient( 135deg, rgba(25,57,104,1) 0%,rgba(52,54,137,1) 20%,rgba(50,182,192,1) 100%) !important;
	box-shadow: 0 0 20px 0 rgba(61, 125, 54, 0.12);
	position: absolute;
	border-radius: 8px;
	padding: 20px 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	bottom: -30px;
	left: 20px;
	right: 20px;
	transform: translateY(60px);
	transition: ease all 0.3s;
	opacity: 0;
}

.team-scroller .swiper-slide.swiper-slide-active .team-slider-content {
	opacity: 1;
	transform: translateY(0);
}

.team-slider-content h4, .team-slider-content h6 {
	color: #fff;
}

.team-slider-content a {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 13px;
	padding: 10px 30px;
	border: 2px solid;
	border-radius: 10px;
	margin: 10px 0 0;
}

	.team-slider-content a svg {
		margin-left: 15px;
		width: 15px;
		height: 18px;
		transform: translateY(-1px);
	}

.team-scroller .swiper-slide {
	opacity: 0.6;
	transition: ease all 0.3s;
	filter: grayscale(1);
}

	.team-scroller .swiper-slide.swiper-slide-active {
		filter: grayscale(0);
		opacity: 1;
	}

.team-slider {
	position: relative;
	margin-bottom: 90px;
}

.p-60 {
	padding: 60px 0;
}

.methodology-boxes {
	grid-gap: 20px;
	margin-bottom: 0;
	display: flex;
	flex-direction: column;
}

	.methodology-boxes .method-box {
		display: flex;
		align-items: center;
		position: relative;
		padding: 0;
		text-align: left;
		width: 75%;
		counter-increment: section;
		border-radius: 150px;
		padding: 14px 30px;
	}

		.methodology-boxes .method-box:nth-child(1), .methodology-boxes .method-box:nth-child(5) {
			background: var(--pc);
		}

		.methodology-boxes .method-box:nth-child(2), .methodology-boxes .method-box:nth-child(4) {
			margin-left: 15%;
			background: var(--sc);
		}

		.methodology-boxes .method-box:nth-child(3) {
			margin-left: 25%;
			background: var(--pc);
		}

		.methodology-boxes .method-box:before {
			content: counter(section);
			background: var(--pc);
			color: #fff;
			font-size: 20px;
			width: 40px;
			height: 40px;
			display: flex;
			justify-content: center;
			align-items: center;
			flex: 0 0 40px;
			border-radius: 100%;
			position: absolute;
			right: 100%;
		}

.method-box img {
	width: 60px;
	margin-left: 40px;
}

.method-box h4 {
	font-size: 16px;
	color: #fff;
}

.method-box p {
	margin: 0;
	color: #fff;
}


.closeform {
	/*just a placeholder, to be used in js */
}


.consultancy-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 45px;
	margin: 30px 0 20px;
}

.cat-items {
	display: flex;
	align-items: center;
	position: relative;
}

.cat-icon {
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	background: var(--sc);
	padding: 12px;
	border-radius: 100%;
}

.cat-items h4 {
	font-size: 18px;
	margin: 15px 0 10px;
	color: var(--pc);
}

.cat-items p {
	margin: 0;
}

.top-banner.about {
	height: 370px;
}

	.top-banner.about .bg-img-top {
		opacity: 0.7;
	}

.about-header {
	margin-top: -120px;
	display: flex;
	padding: 80px 100px;
	background: rgba(255,255,255,0.80);
	-webkit-backdrop-filter: saturate(1) blur(20px);
	-o-backdrop-filter: saturate(1) blur(20px);
	-ms-backdrop-filter: saturate(1) blur(20px);
	backdrop-filter: saturate(1) blur(20px);
}

	.about-header h3 {
		padding-right: 50px;
		border-right: 1px solid #d6d1e4;
		margin: 0 50px 0 0;
		color: var(--pc);
	}

	.about-header h1 {
		font-size: 38px;
	}

p.about-text {
	font-size: 18px;
	line-height: 1.8;
}

.story-section {
	padding: 70px 0;
	background: url(../images/content/About/About1.jpg) center;
	background-size: cover;
	margin-top: 60px;
}

.three-grid.watanway {
	grid-gap: 0;
}

	.three-grid.watanway .features-box {
		background: #f2f6fb;
		padding: 40px;
	}

		.three-grid.watanway .features-box:nth-child(2) {
			background: var(--sc);
			box-shadow: 0px -20px 0px var(--sc), 0px 20px 0px var(--sc);
		}

.accordion {
	max-width: 560px;
	margin: 0 auto 100px;
	border-top: 1px solid #d9e5e8;
	padding: 0;
	margin: 0;
}

	.accordion li {
		list-style: none;
		border-bottom: 1px solid #d9e5e8;
		position: relative;
	}

		.accordion li p {
			display: none;
			padding: 0px 15px 30px;
			margin: 0;
		}

	.accordion a {
		width: 100%;
		display: block;
		cursor: pointer;
		font-weight: 600;
		font-size: 17px;
		user-select: none;
		padding: 20px 15px;
		color: var(--pc) !important;
	}

		.accordion a:after {
			width: 8px;
			height: 8px;
			border-right: 1px solid #4a6e78;
			border-bottom: 1px solid #4a6e78;
			position: absolute;
			right: 10px;
			content: " ";
			top: 28px;
			transform: rotate(-45deg);
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}

	.accordion p {
		line-height: 2;
		padding: 10px;
	}

	.accordion a.active {
		color: var(--sc) !important;
	}

		.accordion a.active:after {
			transform: rotate(45deg);
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}

.misc-wrapper {
	padding: 60px 0 90px;
}

.accreditations-grid .nav.nav-tabs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 2px;
	border: 0;
	/*background: #e8ecf0;*/
	padding: 2px;
}

	.accreditations-grid .nav.nav-tabs .nav-item {
		margin: 0;
		background: #fff;
	}

	.accreditations-grid .nav.nav-tabs .nav-link {
		border: 0;
		border-radius: 0;
		padding: 20px;
		transition: ease all 0.3s;
	}

		.accreditations-grid .nav.nav-tabs .nav-link:hover {
			background: #fff;
		}

.accreditations-grid .nav-tabs .nav-item.show .nav-link, .accreditations-grid .nav-tabs .nav-link.active {
	box-shadow: 0px 0px 0px 1px var(--pc), 0 5px 14px rgb(216 224 241);
	transform: scale(1.05);
	border-radius: 6px;
}

.accreditations-wrapper {
	padding: 90px 0;
	background: #f2f6fb;
}

p.lg {
	font-size: 18px;
	line-height: 2;
}

.list-p p {
	text-align: justify;
}

.client-slider {
	position: relative;
}

	.client-slider .swiper-button-next, .client-slider .swiper-button-prev {
		filter: grayscale(1);
		transform: scale(0.5) translateY(-50%);
		top: 50%;
	}

	.client-slider .swiper-button-next {
		right: -30px;
	}

	.client-slider .swiper-button-prev {
		left: -30px;
	}

ul.exam-info {
	margin: 20px 0 0;
	padding: 0;
	list-style-type: none;
	display: flex;
	align-items: center;
	grid-gap: 15px;
}

	ul.exam-info li {
		display: flex;
		align-items: center;
		grid-gap: 7px;
		background: #eaedef;
		padding: 7px 10px;
		border-radius: 8px;
	}

.exam-list {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
	padding: 30px 0;
}

	.exam-list + .exam-list {
		border-top: 0;
	}

.exam-action {
	margin-left: auto;
}

.exam-wrapper {
	max-width: 1024px;
	margin: 50px auto;
}

.exam-short h2 {
	font-size: 26px;
	color: var(--pc);
}

.que-count ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	grid-gap: 15px;
}

.que-count .swiper-slide {
	counter-increment: section;
}

	.que-count .swiper-slide a {
		display: flex;
		width: 30px;
		height: 30px;
		border: 1px solid #ddd;
		justify-content: center;
		align-items: center;
		border-radius: 100%;
		font-size: 16px;
		font-weight: 700;
		color: #858b97;
		margin: auto;
	}

		.que-count .swiper-slide a:before {
			content: counter(section);
		}

.que-count a.active {
	color: var(--pc);
	border-color: var(--pc);
}

.que-count a.flagged {
	color: #ef7b00;
	background: #fff3e4;
	border-color: #ef7b00;
}

.que-count a.answered {
	color: var(--sc);
	background: #e3f6f8;
	border-color: var(--sc);
}

.que-count a.visited {
	background: #e9edf1;
}

.question-part {
	margin: 30px 0;
	display: flex;
	flex-direction: column;
	grid-gap: 20px;
	box-shadow: 0 0 0 1px #ebeff7 inset, 0 7px 30px rgba(50,69,105,0.08);
	border-radius: 20px;
	padding: 40px 40px;
}

.que-answer {
	display: flex;
	flex-direction: column;
}

	.que-answer .custom-radio + .custom-radio {
		margin: 10px 0 0;
	}

.que-buttons .btn {
	padding: 7px 20px;
}

.que-buttons {
	display: flex;
	justify-content: center;
	grid-gap: 20px;
}

.question-part h2 {
	font-size: 20px;
	line-height: 1.5;
}

.navbar-nav {
	align-items: center;
	padding-inline-start: 10px; /*2021-09-29*/
}

span.timer {
	font-size: 24px;
	padding: 5px 15px;
	margin: 0 auto;
}

.inque-buttons {
	display: flex;
	grid-gap: 15px;
}

	.inque-buttons .btn {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		grid-gap: 10px;
	}

		.inque-buttons .btn.btn-success {
			color: var(--sc);
			border-color: var(--sc);
			background: #e1f4f6;
		}

		.inque-buttons .btn.btn-warning {
			color: #ef7b00;
			border-color: #ef7b00;
			background: #fff3e4;
		}

dl {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

	dl dd {
		margin: 0;
	}

.exam-confirm {
	padding: 30px 30px 0;
}

.result-wrapper {
	margin: auto;
	max-width: 700px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	grid-gap: 20px;
}

	.result-wrapper h1 {
		font-size: 38px;
	}

.exam-score {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 130px;
	height: 130px;
	border: 2px solid var(--pc);
	border-radius: 100%;
	justify-content: center;
	grid-gap: 5px;
}

	.exam-score big {
		font-size: 38px;
		font-weight: 900;
		line-height: 1;
		color: var(--pc);
		margin-top: 6px;
	}

	.exam-score span {
		line-height: 1;
	}

.exam-summary {
	display: flex;
	align-items: center;
	grid-gap: 15px;
	width: 100%;
}

	.exam-summary > div {
		border-radius: 10px;
		padding: 8px 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px solid;
		flex: 1;
		grid-gap: 10px;
	}

		.exam-summary > div b {
			font-size: 22px;
		}

.correct {
	color: var(--sc);
}

.wrong {
	color: #ef4b4b;
}

.unanswered {
	color: #7a858d;
}

.exam-score-circle {
	display: flex;
	grid-gap: 20px;
}

.exam-cover {
	width: 200px;
	margin-right: 30px;
}

	.exam-cover img {
		border-radius: 10px;
	}

.que-count {
	position: relative;
}

	.que-count .swiper-button-next, .que-count .swiper-button-prev {
		filter: grayscale(1);
		top: 50%;
		transform: translateY(-50%);
		margin: 0;
		background-size: 16px 16px;
	}

	.que-count .swiper-container {
		margin: 0 40px;
	}


/*Amer*/
.imgContainer {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	/*min-height: 200px; DO NOT !!*/
	flex: auto;
}


.nav-drill .nav-link i {
	margin-right: 12px;
	color: var(--pc);
	width: 20px;
	text-align: center;
}

.InputPlacement.icon i {
	position: absolute;
	left: 0;
	top: 12px;
	color: var(--pc);
	font-size: 18px;
}

.HtmlPageBase h3,
.HtmlPageBase h4,
.HtmlPageBase h5 {
	color: var(--pc);
}

/*───────────────────────────────────────────────────────────────────────────────────────────*/
.ThankYou {
	font-size: 1.2rem;
	color: var(--pc);
	text-align: center;
	display: block;
	width: 100%;
	padding: 0.8rem;
}

.materialUI .form-control.invalid {
	outline: none;
	border-bottom: 2px solid red !important;
}

.materialUI .form-control.valid {
	outline: none !important;
}

.primary-color {
	color: var(--pc) !important;
}

.secondary-color {
	color: var(--sc) !important;
}

body.en input.text-center::placeholder {
	text-align: left !important;
}

body.ar input.text-center::placeholder {
	text-align: right !important;
}

/* ReSharper restore RequiresFallbackColor */


.btn-cyan {
	background: var(--sc);
	color: #fff;
}

	.btn-cyan:hover, .btn-cyan:active {
		background: var(--pc);
		color: #fff;
	}



.testimonials-slider {
	position: relative;
}

	.testimonials-slider .swiper-slide {
		padding: 0 3rem;
	}


	.testimonials-slider .swiper-button-next,
	.testimonials-slider .swiper-button-prev {
		filter: grayscale(1);
		transform: scale(0.5) translateY(-50%);
		top: 50%;
	}

	.testimonials-slider .swiper-button-next {
		right: -30px;
	}

	.testimonials-slider .swiper-button-prev {
		left: -30px;
	}

/*https://stackoverflow.com/a/50682854/1298129*/
@media (max-width: 540px) {
	body {
		font-size: 18px !important;
	}
}



.signInLinks {
	font-size: 12px;
}
@media(min-width: 768px) {
	.signInLinks {
		font-size: 14px;
	}
}

@media(min-width: 992px) {
	.signInLinks {
		font-size: 16px;
	}
}
/* ********************************************* */
.top-banner {
	position: relative;
	background: var(--pc);
	padding: 180px 0 120px;
}

.bg-img-top {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0.2;
	bottom: 0;
	height: 100%;
	width: 100%;
	object-fit: cover !important;
	background-size: cover !important;
	background-position: center !important;
}


.LoginDisplayIconHolder {
	padding: 12px;
	background-color: #f5f7fa;
	border: 3px solid #dee3ed;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

.bold, .text-bold {
	font-weight: bold !important;
}

/* ******************************************* */
/* MUD *************************************** */
/* ******************************************* */

body .mud-typography {
	font-family: 'museo_sans';
}

.mud-menu.loginMenu .mud-button-root,
.loginBtn.mud-button-root {
	color: var(--pc);
	background-color: #FFF;
	padding: 8px;
}

	.mud-menu.loginMenu .mud-button-root:hover,
	.loginBtn.mud-button-root:hover {
		color: #FFF !important;
		background-color: var(--sc) !important;
	}

	.mud-menu.loginMenu .mud-button-root .mud-icon-root {
		font-size: 1.2rem;
	}

.mud-list-item-icon {
	min-width: 32px;
}

.mud-tab {
	text-transform: none;
}

.ltrMudInput .mud-input-root {
	direction: ltr !important;
}

.rtlMudInput .mud-input-root {
	direction: rtl !important;
}

.centerMudInput .mud-input-root {
	text-align: center !important;
}

.oneColMudInput {
	max-width: 425px;
}

.radius-0 {
	border-radius: 0 !important;
}



/*───────────────────────────────────────────────────────────────────────────────────────────*/
/*DIALOGs:*/
/*───────────────────────────────────────────────────────────────────────────────────────────*/


.mud-input, .mud-input-label {
	font-family: "Din", "museo_sans" !important;
}

.mud-dialog .mud-input-label {
	color: var(--pc) !important;
}


.mud-dialog.View .mud-input-label:after {
	content: ":";
}

.mud-dialog.View .mud-input-control-helper-container,
.mud-dialog.View .mud-input-adornment.mud-select-input,
.mud-dialog.View .mud-input-numeric-spin {
	display: none !important;
}

/******************************************/
.mud-input.mud-input-filled {
	background-color: rgba(240,240,255,0.5) !important;
	border-radius: 3px !important;
}

.mud-input.mud-input-outlined {
	background-color: rgba(240,240,255,0.3) !important;
	border-radius: 3px !important;
}

.mud-input.mud-input-underline {
	background-color: rgba(240,240,255,0.3) !important;
}

.mud-input.mud-input-filled.mud-disabled:before {
	border: none !important;
}
/***********************************************/
/*Labels:*/
label.mud-input-label.mud-input-label-inputcontrol {
	color: var(--pc) !important;
}

.mud-dialog .mud-dialog-title {
	padding: 8px 24px !important;
	border-bottom: 1px solid #DDD !important;
	background-color: #f0f0f0 !important;
}

	.mud-dialog .mud-dialog-title .mud-button-root {
		top: 0px !important;
	}

.mud-dialog .mud-dialog-actions {
	padding: 5px 20px !important;
	border-top: 1px solid #DDD;
	background-color: #f3f3f3;
}

.dialogFormClass {
	margin: 0;
	padding: 0px 10px;
	max-height: 70vh;
	width: 100%;
	overflow-y: scroll;
}

	.dialogFormClass > .mud-grid {
		margin: 0;
		width: 100%;
	}



.girdDialog {
	max-width: 900px !important;
}

	.girdDialog .mud-dialog-content {
		max-height: calc(100vh - 100px);
		overflow-y: scroll;
	}



.userDashboardEndCol {
	margin-bottom: 10px;
}

@media(min-width: 992px) {
	.userDashboardEndCol {
		/* ReSharper disable once CssNotResolved */
		min-height: calc(100vh - var(--mud-appbar-height) - 60px);
	}
}





.lightBgColor {
	background-color: #ECF1F8;
}


a.link:hover {
	text-decoration: underline;
}


.color-pc {
	color: var(--pc) !important;
}

.color-sc {
	color: var(--sc) !important;
}

.bg-pc {
	background-color: var(--pc) !important;
}

.bg-sc {
	background-color: var(--sc) !important;
}


.mud-input-adorned-end.mud-input-underline::before {
	/*border-bottom: none !important;*/
}


/****************************/
.signForm {
	margin: -60px auto 0;
	padding-bottom: 80px;
	display: flex;
	justify-content: center;
}

	.signForm form, .mud-dialog-container .signInForm {
		/*width: 82vw !important;*/
		max-width: 450px;
	}

@media(min-width: 768px) {
}


/* This will fix the bug with the ERP Text Editor: */
.richText div.box {
	margin: 0 !important;
	padding: 0.2em 0 !important;
}

/* This will fix the old form validation errors: */
ul.validation-errors {
	margin-bottom: 20px;
}
/* This will fix disabled form btns: */
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #2b3692;
	border-color: #2b3692;
}

/* ═ WhatsApp Contact Button ══════════════════════════════════════════════════════════════════════════════════════ */
.whatsapp-float {
	position: fixed;
	bottom: 16px;
	right: 16px;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border: 2px solid #25D366;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	z-index: 9999;
	transition: all 0.3s ease;
	cursor: pointer;
}

	.whatsapp-float:hover {
		transform: scale(1.1);
		box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
		background-color: #25D366;
	}

	.whatsapp-float img {
		width: 32px;
		height: 32px;
		transition: filter 0.3s ease;
	}

	.whatsapp-float:hover img {
		filter: brightness(0) invert(1);
	}

@media (max-width: 768px) {
	.whatsapp-float {
		width: 56px;
		height: 56px;
		bottom: 14px;
		right: 14px;
	}

		.whatsapp-float img {
			width: 28px;
			height: 28px;
		}
}