: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);
}

.circle-icon-60 { width: 60px !important; height: 60px !important; min-width: 60px !important; padding: 0 !important; }
/* ============================================================
    Enhancement Page – Enhanced Styles
    ============================================================ */

/* Page Header */
.page-title {
	font-size: 28px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 4px;
}
.page-subtitle {
	font-size: 16px;
	color: #6b7280;
}

/* Course Wrapper */
.course-outer-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	padding: 24px 28px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
	margin-bottom: 24px;
}

.course-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.course-thumb {
	width: 72px;
	height: 56px;
	border-radius: 10px;
	background: #f3f4f6;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.course-thumb img {
	max-width: 100%;
	max-height: 100%;
}

.course-title {
	font-size: 18px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 4px;
}
.course-total-label {
	font-size: 13px;
	color: #6b7280;
}
.course-total-price {
	font-size: 18px;
	font-weight: 700;
	color: #111827;
}

/* Fieldset borders for sections */
.fieldset-section {
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 24px 20px 20px;
	margin-top: 28px;
	position: relative;
}
.fieldset-legend {
	position: absolute;
	top: -12px;
	left: 20px;
	background: #ffffff;
	padding: 0 10px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.fieldset-legend .text {
	font-size: 13px;
	font-weight: 700;
	color: #111827;
	letter-spacing: 0.04em;
}
.fieldset-legend .count {
	font-size: 11px;
	color: #9ca3af;
	font-weight: 600;
}

/* Add-on Cards */
.addon-item-card {
	background: #ffffff;
	border: 1.5px solid #e5e7eb;
	border-radius: 12px;
	padding: 18px 16px;
	position: relative;
	cursor: pointer;
	transition: all 0.25s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.addon-item-card:hover {
	border-color: #c7c7f0;
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(0,0,0,0.04);
}
.addon-item-card.selected {
	border-color: #5B5CE6;
	box-shadow: 0 0 0 2px #5B5CE6, 0 4px 16px rgba(91,92,230,0.08);
}

/* Recommended Ribbon */
.ribbon-recommended {
	position: absolute;
	top: -10px;
	left: 16px;
	background: #5B5CE6;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 3px 12px;
	border-radius: 6px;
	display: flex;
	align-items: center;
	gap: 4px;
	box-shadow: 0 2px 8px rgba(91,92,230,0.25);
}

.addon-icon {
	width: 48px;
	height: 48px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.addon-icon.blue { 
	background: #5B5CE6; 
	color: #fff; 
}
.addon-icon.light { 
	background: #f3f4f6; 
	color: #6b7280; 
	border: 1px solid #e5e7eb;
}
.addon-icon.boost { 
	background: #f0f0ff; 
	color: #5B5CE6; 
	border: 1px solid #d4d4f0;
}

.addon-title {
	font-size: 15px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 2px;
	line-height: 1.2;
}
.addon-price {
	font-size: 16px;
	font-weight: 700;
	color: #5B5CE6;
	white-space: nowrap;
}
.addon-desc {
	font-size: 13px;
	color: #6b7280;
	line-height: 1.4;
	margin-bottom: 10px;
}

/* Add Button */
.btn-add-pill {
	border: 1.5px solid #5B5CE6;
	color: #5B5CE6;
	background: #ffffff;
	border-radius: 24px;
	padding: 4px 22px;
	font-size: 13px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 76px;
	transition: all 0.25s ease;
}
.btn-add-pill:hover {
	background: #f0f0ff;
}
.addon-item-card.selected .btn-add-pill {
	background: #5B5CE6;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(91,92,230,0.25);
}

/* ============================================================
ORDER SUMMARY
============================================================ */
.os-card {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 16px;
	padding: 28px 24px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.03);
	position: sticky;
	top: 24px;
}
.os-title {
	font-size: 18px;
	font-weight: 700;
	color: #111827;
	margin-bottom: 20px;
}
.os-course-row {
	margin-bottom: 20px;
}
.os-course-name {
	font-size: 14px;
	font-weight: 700;
	color: #111827;
}
.os-course-price {
	font-size: 14px;
	font-weight: 700;
	color: #111827;
}
.os-course-subtitle {
	font-size: 12px;
	color: #6b7280;
	margin-top: 2px;
}
.os-included-text {
	font-size: 12px;
	font-weight: 600;
	color: #10b981;
	display: flex;
	align-items: center;
	gap: 4px;
	margin-top: 4px;
	margin-bottom: 6px;
}
.os-addon-item {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	color: #4b5563;
	padding: 3px 0;
}
.os-summary-line {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #4b5563;
	padding: 6px 0;
}
.os-grand-total {
	display: flex;
	justify-content: space-between;
	font-size: 18px;
	font-weight: 700;
	color: #111827;
	margin-top: 20px;
	padding-top: 16px;
	border-top: 2px solid #e5e7eb;
}
.os-grand-val {
	color: #5B5CE6;
}
.os-net-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 16px;
	font-weight: 700;
	color: #111827;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #e5e7eb;
}
.os-currency-dropdown {
	font-size: 14px;
	color: #6b7280;
	font-weight: 500;
	cursor: pointer;
}

.btn-checkout {
	background: #5B5CE6;
	color: #ffffff;
	font-weight: 600;
	border-radius: 10px;
	padding: 14px 20px;
	font-size: 16px;
	width: 100%;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
	transition: all 0.25s ease;
}
.btn-checkout:hover {
	background: #4a4bd1;
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(91,92,230,0.3);
}

.trust-badge-green {
	background: #ecfdf5;
	border: 1px solid #a7f3d0;
	color: #10b981;
	border-radius: 10px;
	padding: 10px 12px;
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 14px;
}
.trust-text-blue {
	color: #5B5CE6;
	font-size: 13px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
}.select2-selection__clear{
    display: none !important;
}
#chevron_breakdown {
    transition: transform 0.2s ease;
}
#chevron_breakdown.rotate-180 {
    transform: rotate(180deg);
}
.cart_product {
    border: 2px solid #dee2e6 !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.cart_product:hover {
    border-color: #3b3df0 !important;
    box-shadow: 0 10px 25px rgba(59, 61, 240, 0.08) !important;
}

[data-bs-theme="dark"] .bg-secondary.bg-opacity-50 {
	background-color: rgba(255, 255, 255, 0.05) !important;
}
[data-bs-theme="dark"] .catalog-side-nav .accordion,
[data-bs-theme="dark"] .catalog-side-nav .accordion-item {
	background-color: transparent !important;
}
[data-bs-theme="dark"] .catalog-side-nav .accordion-button {
	background-color: transparent !important;
	color: var(--bs-body-color, #f8f9fa) !important;
}
[data-bs-theme="dark"] .catalog-side-nav .accordion-button:not(.collapsed) {
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: var(--bs-primary, #6ea8fe) !important;
}
[data-bs-theme="dark"] .my_course.card {
	background-color: var(--bs-body-bg, #1e1e1e) !important;
	border-color: var(--bs-border-color, #2d2d2d) !important;
}
[data-bs-theme="dark"] .my_course .bg-white,
[data-bs-theme="dark"] .my_course .bg-body-tertiary {
	background-color: var(--bs-tertiary-bg, #252525) !important;
	border-color: var(--bs-border-color, #2d2d2d) !important;
}
[data-bs-theme="dark"] #popular_search_container .badge,
[data-bs-theme="dark"] .feature-strip-item {
	background-color: var(--bs-tertiary-bg, #252525) !important;
	border-color: var(--bs-border-color, #2d2d2d) !important;
	color: var(--bs-body-color, #f8f9fa) !important;
}
.catalog-side-nav .career_track_list,
.catalog-side-nav .industry_list,
.catalog-side-nav .career_track_list.active,
.catalog-side-nav .industry_list.active {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.catalog-side-nav .career_track_list.active .career_track_name,
.catalog-side-nav .career_track_list.active .counting-txt,
.catalog-side-nav .industry_list.active .industry_name,
.catalog-side-nav .industry_list.active .industry_count,
.catalog-side-nav .text-primary-theme {
    color: #6366f1 !important;
    font-weight: 700 !important;
}
/* Rating/level meta row now uses Bootstrap flex utilities directly in markup */
/* Section header row now uses Bootstrap flex/gap/spacing utilities directly in markup */
/* Testimonial figure now uses Bootstrap's .card / .shadow-sm utilities directly in markup */

/* "Official exam objectives" link now uses Bootstrap's .btn-outline-primary utility in markup */

/* Compact key topic and certification blocks */
.ucp .container { max-width: 1140px; }
.ucp .btn-danger {
	--si-btn-bg: #c5281c;
	--si-btn-border-color: #c5281c;
	--si-btn-hover-bg: #9e1c12;
	--si-btn-hover-border-color: #9e1c12;
	--si-btn-active-bg: #9e1c12;
	--si-btn-active-border-color: #9e1c12;
}
.ucp-jump { z-index: 1020; }
.ucp-jump-fixed { position: fixed; top: var(--nav-height); }
.ucp-hero-section { background: linear-gradient(90deg, var(--bs-body-bg, #fff) 60%, var(--bs-tertiary-bg, #edf4ff)); }
[data-bs-theme="dark"] .ucp-hero-section { background: var(--bs-body-bg); }
.ucp-lead { max-width: 54ch; }
.ucp-offer { max-width: 480px; }
.ucp-video { aspect-ratio: 16 / 9; }
.ucp-video img { object-fit: contain; }
.ucp-play { width: 54px; height: 54px; z-index: 2; }
.ucp-labs-thumb-wrap { width: 104px; height: 60px; }
.ucp-labs-thumb { object-fit: cover; object-position: top left; }
.ucp-exam-icon { width: 36px; height: 36px; }
.ucp-topic-icon-wrap { width: 32px; height: 32px; }
.ucp-cert-badge-wrap { width: 68px; height: 68px; }
.ucp-cert-badge-wrap img { max-height: 100%; object-fit: contain; }
.ucp-num { min-width: 1.8rem; font-size: inherit; line-height: inherit; font-variant-numeric: tabular-nums; display: inline-block; }
.ucp details summary { list-style: none; }
.ucp details summary::-webkit-details-marker { display: none; }
.ucp details summary b { line-height: inherit; }
.ucp details[open] > summary .ucp-expand { font-size: 0; }
.ucp details[open] > summary .ucp-expand::after { content: "\2212"; font-size: 1rem; }
.ucp-rich ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; }
.ucp-rich li { position: relative; padding: 0 1rem 0 1.4rem; margin-bottom: .75rem; width: 100%; }
.ucp-rich li::before { content: "\2713"; position: absolute; left: 0; color: var(--si-success); }
.ucp .icons-checkmark { margin-top: 0.18em; }
.ucp-related-thumb { height: 140px; }
.ucp-related-thumb [picture-id="course_picture"],
.ucp-related-thumb .course_images { width: 100% !important; height: 100% !important; background-size: cover; }
.ucp-related-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ucp-exam-cell { box-shadow: 1px 0 var(--si-border-color), 0 1px var(--si-border-color); }
.ucp-buybar { z-index: 1030; }
@media (min-width: 992px) {
	.ucp-offer { position: sticky; top: 72px; }
	.ucp-rich:not(.ucp-rich-1) li { width: 50%; }
}
@media (max-width: 991.98px) {
	.ucp { padding-bottom: 84px; }
	.ucp-buybar:not([hidden]) { display: flex; }
}
.course-cert-media { width: 76px; height: 58px; }
.course-cert-media img { max-height: 100%; object-fit: contain; }
.lab-product-hero { min-height: 640px; }
.lab-partner-logo { max-height: 32px; }
.course-package-title { min-height: 30px; }
.course-package-price { min-height: 60px; }