:root {
	--nav-height: 45px;
	--video-ratio: 16/9
}

html {
	scroll-padding-top: 100px
}

#mainbar {
	height: var(--nav-height)
}

.margin-nav-top {
	margin-top: var(--nav-height)
}

.margin-top-50 {
	margin-top: 50px
}

.mt-4rem {
	margin-top: 4rem
}

.top-nav {
	top: var(--nav-height)
}

.navbar-stuck .course_name_d_none {
	display: block!important
}

.zindex-1050 {
	z-index: 1050
}

.zindex-1060 {
	z-index: 1060
}

.zindex-1070 {
	z-index: 1070
}

.zindex-1055 {
	z-index: 1055
}

.zindex-1054 {
	z-index: 1054
}

.font-14 {
	font-size: 14px
}

.font-64 {
	font-size: 64px
}

.sky-blue {
	color: #00e3ff
}

.textarea-resize-none {
	resize: none
}

.zindex-100 {
	z-index: 100
}

.font_775rem {
	font-size: .775rem
}

.height-150 {
	height: 150px!important
}

.width615 {
	width: 615px
}

.width35 {
	width: 35px
}

.height35 {
	height: 35px
}

.width-250 {
	width: 250px!important
}

.max-width-648 {
	max-width: 648px
}

.sidenav_position {
	height: calc(100vh - var(--nav-height));
	position: fixed
}

.menu_overlay_height {
	height: calc(100vh - var(--nav-height) - 51.875px)
}

.translateX_400 {
	transform: translateX(380px)
}

.course_config,.remove_margin_when_click {
	transition: .5s ease-in-out
}

.video_modal {
	width: calc(75vh*var(--video-ratio))
}

.h {
	display: none
}

.height-540 {
	height: 540px
}

.height-200 {
	height: 200px
}

.max-height-99 {
	height: 99px
}

.aside_card_style {
	position: fixed;
	right: 15px;
	top: 0;
	width: 400px
}

.object-fit-contain {
	object-fit: contain
}

.tab_link {
	min-width: 140px;
	width: 45%
}

.width380 {
	width: 380px
}

.add_margin_400 {
	margin-right: 370px
}

.fit-content {
	width: fit-content
}

.industry_link.active,.industry_link.active:hover {
	background-color: var(--si-list-group-action-active-bg)!important;
	color: #fff!important
}

.dark-mode-img {
	display: none
}

.mentoring_page{
	width: 330px
}

.award-height {
	height: 438px
}

.top24 {
	top: 24px!important
}

[data-bs-theme=dark] .logo_image {
	filter: invert(1) hue-rotate(180deg)
}

.bla .dark-mode-img {
	display: block
}

.bla .product-card,.bla select option {
	background-color: #0b0f19!important
}

.tab_height {
	height: auto;
	max-height: 580px
}

.mobile-list:hover {
	background-color: var(--si-list-group-active-bg);
	color: #fff
}

@media screen and (min-width:1500px) {
	.menu_overlay_width {
		width: 1200px
	}

	.menu_overlay_width .left-container {
		width: 300px
	}

	.menu_overlay_width .right-container {
		width: 900px
	}

	.search_width {
		width: 1030px
	}
}

@media screen and (max-width:1500px) and (min-width:1330px) {
	.menu_overlay_width {
		width: 1000px
	}

	.menu_overlay_width .left-container {
		width: 250px
	}

	.menu_overlay_width .right-container {
		width: 750px
	}

	.search_width {
		width: 832px
	}
}

@media screen and (max-width:992px) {
	.sidenav_position {
		position: unset
	}

	.menu_overlay_height,.modal-fullscreen,.sidenav_position {
		height: auto!important
	}

	.aside_card_style {
		position: unset
	}

	.video_modal {
		max-width: 95vw!important
	}
}

@media screen and (max-width:1197px) {
	.add_margin_400 {
		margin-right: auto
	}
}

@media screen and (max-width:767px) {
	.parallax-layer {
		width: 350px!important
	}

	.ps-sm {
		padding-left: 1.3rem
	}

	.tab_link {
		max-width: 150px;
		width: 100%
	}

	body {
		font-size: .9rem
	}

	.award-height {
		height: auto
	}

	.tab_height {
		max-height: 250px
	}

	.img-swiper .swiper-tab {
		height: auto!important
	}

	#scrollNavLinks .cer-nav h2,#scrollNavLinks .cer-nav p {
		font-size: 16px!important
	}

	#scrollNavLinks .cer-nav a.btn {
		border-radius: var(--bs-border-radius-sm);
		font-size: .875rem;
		padding: .25rem .5rem
	}
}

@media screen and (max-width:464px) {
	.mt-15px {
		margin-top: 15px
	}
}

.perks .parallax-layer {
	backface-visibility: hidden;
	display: flex;
	margin-bottom: 50px;
	max-width: 530px;
	position: relative;
	right: 0;
	transform: translateZ(0);
	transform-style: preserve-3d;
	width: fit-content
}

.perks .parallax-layer.object1 {
	left: 0;
	top: 0
}

.perks .parallax-layer.object2 {
	left: 30px
}

.perks .parallax-layer.object3 {
	left: -60px
}

.perks .parallax-layer.object4 {
	left: 30px
}

.perks .parallax-layer.object5 {
	left: 150px
}

.perks .parallax-layer.object6 {
	left: 70px
}

.perks .parallax-layer.object7 {
	left: 450px;
	top: -70px
}

.perks .parallax-layer.object8 {
	left: 68%;
	top: -230px
}

.perks .parallax-layer.object9 {
	left: 76%;
	top: -505px
}

.perks .parallax-layer.object10 {
	left: 70%;
	top: -770px
}

.perks .parallax-layer.object11 {
	left: 80%;
	top: -1053px
}

.perks .parallax-layer.object12 {
	left: 75%;
	top: -1342px
}

.perks .parallax-layer.object13 {
	left: 79%;
	top: -1620px
}

.perks .parallax-layer.object14 {
	left: 60%;
	top: -1900px
}

.card-hover-primary:hover .text-gradient-primary {
	background: linear-gradient(90deg,#fff,#fff,#fff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.img-position-bg {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

@media (max-width:1280px) {
	.parallax-layer.object1,.parallax-layer.object10,.parallax-layer.object11,.parallax-layer.object12,.parallax-layer.object13,.parallax-layer.object14,.parallax-layer.object2,.parallax-layer.object3,.parallax-layer.object4,.parallax-layer.object5,.parallax-layer.object6,.parallax-layer.object7,.parallax-layer.object8,.parallax-layer.object9 {
		display: inline-block!important;
		float: none;
		left: 0!important;
		margin-bottom: 15px;
		margin-right: 15px;
		right: 0!important;
		top: 0!important;
		width: auto
	}

	.parallax-layer.object10,.parallax-layer.object11,.parallax-layer.object12,.parallax-layer.object13,.parallax-layer.object14,.parallax-layer.object8,.parallax-layer.object9 {
		float: none!important
	}

	.parallax-layer.object13 br {
		display: block!important
	}
}

.catalog-tooltip-card {
	border: 1px solid;
	cursor: pointer;
	position: relative
}

.tooltip-card {
	border: 1px solid;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
	color: #333;
	display: none;
	max-width: 350px;
	min-width: 350px;
	opacity: 0;
	padding: 15px;
	text-align: left;
	transition: opacity .3s,visibility .3s;
	width: auto;
	z-index: 10
}

.tooltip-arrow,.tooltip-card {
	left: 50%;
	position: absolute;
	transform: translateX(-50%)
}

.tooltip-arrow {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	color: #6366f1;
	height: 0;
	width: 0;
	z-index: 2
}

.tooltip-card.below {
	top: 100%
}

.tooltip-arrow.below {
	border-bottom: 10px solid #6366f1;
	top: -9px
}

.tooltip-card.above {
	bottom: 100%
}

.tooltip-arrow.above {
	border-top: 10px solid #6366f1;
	bottom: -9px
}

.card:hover .tooltip-card {
	display: block;
	opacity: 1
}

.grid-view .my_course .row .col.position-relative {
	padding-bottom: 3rem!important
}

.course_list .my_course .col p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 1.5;
	max-height: 3em;
	overflow: hidden;
	text-overflow: ellipsis
}

.d-flex.align-itmes-center.flex-wrap {
	flex-wrap: wrap;
	max-height: 4em;
	overflow-y: hidden
}

#courses_section.grid-view {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
}

.badge-width {
	max-width: 180px
}

.badge-area {
	width: calc(100% - 130px)
}

.badge-area .badge {
	margin-bottom: 5px
}

.grid-view .badge-area {
	width: 100%
}

.grid-view .course_list .row {
	flex-direction: column
}

.grid-view .course_list .col-auto {
	flex: none;
	width: 100%
}

.grid-view .course_list .col {
	flex: 1;
	padding: 15px;
	width: 100%
}

.grid-view .course_list h3 {
	font-size: 18px;
	margin: 0 0 10px
}

.grid-view .course_list .badge {
	margin-bottom: 5px;
	margin-right: 5px
}

.grid-view .course_list .row:last-child {
	align-items: center;
	flex-direction: row;
	justify-content: space-between
}

.grid-view .badge-wrap {
	flex-wrap: wrap
}

.grid-view .price-div {
	flex-direction: row!important;
	padding: 0 20px;
	position: relative;
	right: 0;
	width: 100%!important
}

.grid-view .price-div span {
	order: 2
}

.grid-view .price-div s {
	margin-left: 20px!important;
	margin-right: 0!important;
	order: 1
}

.grid-view .badge-width {
	max-width: 276px
}

.grid-view .tooltip-card {
	bottom: 0;
	left: 0;
	max-width: unset!important;
	min-width: unset!important;
	right: 0;
	top: 0;
	transform: translateX(0);
	z-index: 2
}

.grid-view .tooltip-card .tooltip-arrow {
	display: none!important
}

.grid-view .tooltip-card span {
	font-size: 14px
}

.grid-view .tooltip-card p {
	font-size: 18px
}

.grid-view .buy-block {
	display: flex!important;
	font-size: 14px!important
}

.grid-view .buy-block a {
	--si-btn-padding-y: 0.475rem;
	--si-btn-padding-x: 1.25rem;
	--si-btn-font-size: 14px;
	--si-btn-border-radius: 0.25rem
}

.grid-view .course_list {
	display: flex;
	flex: 1 1 300px
}

.grid-view .my_course {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between
}

.grid-view .my_course .card,.grid-view .my_course .card-body {
	flex-grow: 1
}

.grid-view .my_course h3 {
	display: -webkit-box;
	font-size: 22px;
	height: 2.4em;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.grid-view .order-1.d-flex.align-items-center.mb-3.flex-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	height: calc(4em + 10px);
	justify-content: start;
	max-height: calc(3em + 15px);
	overflow: hidden
}

.grid-view .d-flex.align-itmes-center.flex-wrap {
	flex-wrap: wrap;
	max-height: 3.8em;
	overflow-y: hidden
}

.grid-view .badge {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.grid-view .d-flex.align-items-end.justify-content-between.badge-wrap.flex-md-row.flex-column {
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 10px
}

.grid-view .price-div {
	flex-shrink: 0;
	margin-left: auto;
	text-align: right
}

.grid-view .card-body {
	height: fit-content;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%!important;
	transform: translateY(-50%)
}

.pagination-wrapper {
	display: flex;
	grid-column: span 3;
	justify-content: center;
	margin-top: 20px;
	text-align: center
}

@media (max-width:992px) {
	.grid-view .badge-wrap {
		align-items: end!important
	}

	#courses_section.grid-view {
		column-count: 2!important;
		gap: 20px
	}

	.badge-width {
		max-width: 250px
	}
}

#no_course_feature {
	grid-column: span 3
}

@media (max-width:1370px) {
	.pagination-wrapper {
		display: flex;
		grid-column: span 2;
		justify-content: center;
		margin-top: 20px;
		text-align: center
	}
}

@media (max-width:767px) {
	.badge-area {
		width: 100%
	}

	#courses_section.grid-view {
		grid-template-columns: 1fr
	}

	.card:hover .tooltip-card {
		display: none!important
	}

	.course_list .col a h3 {
		margin-top: 20px
	}

	.grid-view .d-flex.align-items-end.justify-content-between.badge-wrap.flex-md-row.flex-column {
		flex-direction: column
	}

	.grid-view .price-div {
		text-align: center
	}

	.pagination-wrapper {
		display: flex;
		grid-column: span 1;
		justify-content: center;
		margin-top: 20px;
		text-align: center
	}
}

#more {
	display: none
}

.ref-table {
	border: 0!important;
	border-radius: 20px;
	color: #fff!important;
	overflow: hidden
}

.ref-table,.ref-table thead th {
	border-color: #b9c0dd!important
}

.ref-table td,.ref-table th {
	border: 1px solid hsla(0,0%,100%,.3);
	color: #fff!important
}

.ref-table tbody td:last-child,.ref-table thead,.ref-table thead th {
	background: hsla(0,0%,100%,.1)!important
}

.feedback-slider {
	width: 306px!important
}

.catalog-side-nav .accordion-button:not(.collapsed):after {
	background: hsla(0,0%,100%,.5);
	background-image: none;
	box-shadow: none;
	color: #000;
	content: "\ec13";
	transform: none
}

.catalog-side-nav .accordion-button:after {
	align-items: center;
	background: hsla(0,0%,100%,.5);
	background-image: none;
	background-repeat: no-repeat;
	background-size: var(--si-accordion-btn-icon-width);
	color: #000;
	content: "\ec13";
	display: flex;
	flex-shrink: 0;
	font-display: swap;
	font-family: icomoon!important;
	font-size: 1.5rem;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	height: 30px;
	justify-content: center;
	line-height: 140%;
	margin-left: auto;
	transition: none;
	width: 30px
}

.catalog-side-nav .accordion-button:not(.collapsed) {
	box-shadow: none
}

.catalog-side-nav .btn:hover {
	background-color: none!important
}

.catalog-side-nav .list-group-item-action.active span {
	color: #6365d0!important
}

.catalog-side-nav .list-group-item-action span {
	color: var(--si-nav-link-color)!important
}

.catalog-side-nav .list-group-item-action span.career_track_name.ms-2 {
	color: var(--si-gray-600)
}

.catalog-img {
	height: auto;
	max-height: 100%;
	max-width: 100%;
	width: auto
}

.iframe-container {
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
	width: 100%
}

.video-frame {
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%
}

.about_over_icon i {
	height: auto;
	max-width: 100%;
	vertical-align: middle
}

.icon_box_bg {
	height: 80px;
	width: 80px
}

@media (min-width:992px) {
	.virtual-environment-card .col-lg-3 .card {
		border-right: 1px solid #ccc!important
	}

	.virtual-environment-card .col-lg-3:last-child .card {
		border-right: none!important
	}

	.exam-obj-bg {
		background: url(http://localhost/pe-gold3/layout/themes/bootstrap4/images/platform_image/objective-prep.webp) no-repeat 100%
	}

	.alter-events .row .alter-events-txt {
		padding-left: 2.5rem!important;
		padding-right: 5rem!important
	}

	.alter-events .row:nth-child(2n) .alter-events-txt {
		order: 2;
		padding-left: 5rem!important;
		padding-right: 2.5rem!important
	}
}

.job-container .job-item {
	font-weight: 700;
	text-align: center
}

.image-flip.hover .backside,.image-flip:hover .backside {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg)
}

.image-flip.hover .frontside,.image-flip:hover .frontside {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.mainflip {
	position: relative;
	-moz-transform: perspective(1000px);
	-webkit-transition: .8s;
	-ms-transition: .8s;
	-moz-transition: .8s;
	transition: .8s
}

.frontside {
	position: relative;
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	z-index: 2
}

.backside {
	background-color: var(--si-primary);
	bottom: 0;
	color: #fff;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.backside,.frontside {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	transition: .4s
}

.list-group-item-action span:hover {
	color: #6366f1!important
}

.searchable-dropdown {
	position: relative
}

.searchable-dropdown .dropdown-menu {
	background: #fff;
	border: 1px solid #ccc;
	left: 0;
	max-height: 200px;
	overflow-y: auto;
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 1000
}

.searchable-dropdown .dropdown-item.active {
	background-color: #007bff;
	color: #fff
}

.certi_item {
	background-color: #ffffff0d;
	border-color: gray!important;
	padding: 15px
}

.web_new_header>span {
	color: #fff!important
}

.fixed-img-container {
	height: 300px;
	overflow: hidden
}

.subject_sec_img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain
}

.card-hover-primary:hover a {
	color: #fff!important
}

.catalog-pg-image-wrapper {
	background: #f0f0f0;
	border-radius: 8px;
	height: 130px;
	overflow: hidden;
	position: relative;
	width: 260px
}

.catalog-pg-image-placeholder {
	animation: catalog-pg-shimmer 1.5s linear infinite;
	background: linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);
	background-size: 200% 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%
}

@keyframes catalog-pg-shimmer {
	0% {
		background-position: -200% 0
	}

	to {
		background-position: 200% 0
	}
}

.catalog-pg-actual-image {
	height: 100%;
	transition: opacity .3s ease-in-out;
	width: 100%
}

.catalog-pg-actual-image.catalog-pg-loaded {
	opacity: 1
}

.cursor-pointer {
	cursor: pointer
}


/* Pe-course_image.tpl css */
.upload_button_certificate {
	display: none !important;
}
#edit_certification_modal .full_background_size:hover .upload_button_certificate {
	display: block !important;
}
#edit_certification_modal .full_background_size:hover .for_update_image {
	opacity: 0.3;
}

/* Force all images to maintain aspect ratio */
.for_update_image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Zendesk chat widget css */
iframe#launcher {
	margin-bottom: 6px !important;
	right: 25px !important;
}

#customChatButton {
	position: fixed;
	bottom: 20px;
	right: 25px;
	background-color: #2760bf;
	color: white;
	border: none;
	border-radius: 25px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	transition: background 0.3s ease;
	z-index: 1111111;
}

#customChatButton:hover {
	background-color: #1e4ca1;
}

/* Reviews css  */
.rating-stars {
    display: inline-block;
    font-size: 22px;
    letter-spacing: 2px;
    color: #f1c40f; /* Gold color */
}

.rating-stars::before {
    content: "★★★★★";
    color: #ccc; /* Default color */
}

.rating-stars[data-rating="1"]::before { content: "★☆☆☆☆"; color: #f1c40f; }
.rating-stars[data-rating="2"]::before { content: "★★☆☆☆"; color: #f1c40f; }
.rating-stars[data-rating="3"]::before { content: "★★★☆☆"; color: #f1c40f; }
.rating-stars[data-rating="4"]::before { content: "★★★★☆"; color: #f1c40f; }
.rating-stars[data-rating="5"]::before { content: "★★★★★"; color: #f1c40f; }

.accordion-btn-h4{
	font-size: 1.5rem !important;
	font-weight: 800 !important;
}
.sidepan-sizing{
	font-weight: 900;
	font-size: 19px;
}

.hover_arrow {
	display: inline-block;
	transition: transform 0.3s ease-in-out;
}

.hover_arrow:hover {
	transform: translateX(5px);
}