:root{
	--theme-light-gray:#d3d3d321;
	--theme-secondary-color: #3099D0;
	--black-color:#000;
	--theme-primary-blue: #3099D0;
	--theme-primary-red: #CE4D49;
	--theme-secondary-green: #2F9235;
	--theme-gradient-green-color: linear-gradient(45deg, var(--theme-primary-red), var(--theme-primary-blue));
}
.preloader-area{
	background: var(--theme-gradient-green-color) !important;
}
.academic-area .section-title h2{
	color: var(--black-color);
}
.city-college-btn {
	padding: 0.75rem 0.375rem;
	border-radius: 0.375rem;
	background: var(--theme-gradient-green-color) !important;
	color: #fff !important;
}
.city-college-btn:hover{
	background: linear-gradient(45deg, var(--theme-primary-red), var(--theme-secondary-green)) !important;
}
.desktop-nav .navbar .navbar-nav .nav-item a.nav-link{
	color: var(--black-color);
}
.desktop-nav .navbar .navbar-nav .nav-item.enrol{
	padding: 0.75rem 0.375rem;
	background: var(--theme-gradient-green-color);
	border-radius: 0.375rem;
}
.desktop-nav .navbar .navbar-nav .nav-item.nav-login{
	padding: 0.75rem 0.375rem;
	background: var(--theme-gradient-green-color);
	border-radius: 0.375rem;
}
.desktop-nav .navbar .navbar-nav .nav-item.nav-login a{
	color: #fff !important;
}
.academic-area .single-courses-card .courses-content .admissionopen {
	background: var(--theme-gradient-green-color) !important;
	color: #fff !important;
}
.academic-area .single-courses-card .courses-content .admissionopen:hover {
	background: linear-gradient(45deg, var(--theme-primary-red), var(--theme-secondary-green)) !important;
	color: #fff !important;
}
.single-courses-card .courses-content h3{
	color: var(--theme-primary-blue) !important;
}
.course-code{
	color: var(--theme-gradient-green-color) !important;
}
.academic-area .single-courses-card .courses-content {
	overflow: auto;
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
}
.courses-content p {
	flex-basis: 100%;
}
ul.dropdown-menu.sub_sub-menu {
	margin-top: -1px !important;
	top: 2% !important;
}
ul.dropdown-menu.left-50 {
	left: -50% !important;
}
.single-courses-card.style2 {
	display: flex !important;
	flex-direction: column !important;
}
.desktop-nav .navbar ul {
	align-items: center;
	justify-content: space-between;
	column-gap: .8rem;
	flex-basis: 100%;
	padding-left: 100px;
}
.courses-content p {
	flex-basis: 100%;
}
.academic-area .single-courses-card .courses-content .admissionopen {
	padding: 0.75rem 0.375rem;
}
.default-btn,
.ccollege-slider .ccollege-btn{
	background: var(--theme-gradient-green-color) !important;
	margin: 0 10px;
}
.default-btn,
.ccollege-slider .ccollege-btn:hover{
	color:  #fff !important;
}
.ccollege-slider .ccollege-btn:focus {
	outline: none !important;
	box-shadow: unset;
}
.desktop-nav .navbar .navbar-nav .nav-item.enrol:hover,
.desktop-nav .navbar .navbar-nav .nav-item.nav-login:hover,
.default-btn:hover{
	background: linear-gradient(45deg, var(--theme-primary-red), var(--theme-secondary-green)) !important;
}
.bg-color5 {
	background: var(--theme-gradient-green-color);
}
.whybg {
	background: var(--theme-light-gray) !important;
}
.ccollege-slider h4.code {
	color: var(--theme-primary-red);
	font-family: "source serif pro", serif;
	font-weight: 700;
}
.ccollege-slider .carousel-caption{
	bottom: 2rem;
	color: #000000;
	padding: 2rem 5rem;
}
.ccollege-slider .carousel-caption .description {
	color: #000000;
	border-bottom: 1px solid #000000;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.single-academics-card.BSB50420 {
	background-image:url("../uploads/academics/BSB50420-88edea1e3111d93c72ecbf3df3519d06.jpg")
}
.single-academics-card.BSB60420 {
	background-image:url("../uploads/academics/BSB60420-90bf98d231e7ee0e68d82f451d2da76d.jpg")
}
.single-academics-card.BSB80120 {
	background-image:url("../uploads/academics/BSB80120-6b943028de229938e18bb4997db07044.jpg")
}
.single-academics-card.ICT40120 {
	background-image:url("../uploads/academics/ICT40120-1e312df89cac80e6b6ef0cf7b72f5348.jpg")
}
.single-academics-card.ICT50220 {
	background-image:url("../uploads/academics/ICT50220-5835b3fb8ad049b23b64af52688362ec.jpg")
}
.single-academics-card.ICT60220 {
	background-image:url("../uploads/academics/ICT60220-5bc507495727d07be6a6704cb303ddf2.jpg")
}
.whybg p{
	text-align: justify !important;
}
.whyperth {
	background: unset;
}
.why_perth_img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-fit: 4/3;
}
.single-courses-card .courses-content h3, .campus-life-area .section-title h2 {
	color: var(--black-color) !important;
}
.footer-area {
	background:var(--theme-gradient-green-color) !important;
}
.copyright-area{
	background: var(--theme-gradient-green-color);
}
.modal.right .modal-content button.close i{
	background: var(--theme-gradient-green-color) !important;
}
.modal.right .modal-content button.close i:hover{
	background: linear-gradient(45deg, var(--theme-primary-red), var(--theme-secondary-green)) !important;
}
.go-top{
	background:var(--theme-gradient-green-color) !important;
}
.go-top:hover{
	background-color: var(--theme-gradient-green-color) !important;
}
/*.desktop-nav .navbar .navbar-nav .nav-item a:focus, .desktop-nav .navbar .navbar-nav .nav-item a.active {*/
/*	color: var(	--theme-primary-blue) !important;*/
/*}*/
.copywrite {
	color: #fff;
}
.hvr-shutter-out-horizontal:before{
	background: linear-gradient(45deg, var(--theme-primary-red), var(--theme-secondary-green)) !important;
}
.footer-logo-area .contact-list ul li a{
	background: var(--theme-primary-blue);!important;
}
.footer-logo-area .contact-list ul li a:hover{
	color: #fff;
}
.page-banner-area::before{
	background: var(--theme-gradient-green-color) !important;
	opacity: .75;
}
.page-banner-content ul li:last-child {
	color: #e6cb2e !important;
}
.reviews.ccollege-onlinefomr{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 1rem;
	align-items: stretch;
}
.single-reviews-card {
	display: flex;
	flex-basis: 49%;
	flex-direction: column;
}
.flex-1{
	flex: 1;
}
span.star_icon {
	display: inline-flex;
	vertical-align: middle;
	align-items: center;
	padding-top: 4px;
	font-size: 20px;
}
ul.perth_list li {
	margin-bottom: 2rem;
}
.perth_img img {
	border-radius: 40px;
	aspect-ratio: 4/3;
}
.whyperth-sec {
	background-color: var(--theme-light-gray);
}
.row-gap-3 {
	row-gap: 3rem;
}
.flex-nonwrap input[type="text"]{
	border-radius: 0.375rem;
	outline: none !important;
	padding-left: 15px;
}
.address_list p{
	color: #fff;
}
.signature{
	font-size: 20px;
	font-style: italic;
}
.main-logo, .footer-logo {
	width:200px;
	height: auto;
}
.white-logo {
	width:200px;
	height: auto;
}
.delete-course, .delete-unit-title {
	position: relative;
	top: -55px;
	left: 100%;
	font-size: 10px;
	padding: 5px;
	color: var(--theme-primary-red);
	cursor: pointer;
	font-weight: 600;
}
.add-course, .add-unit-title {
	position: relative;
	top: -10px;
	left: 88%;
	font-size: 10px;
	padding: 5px;
	color: var(--theme-secondary-green);
	cursor: pointer;
	font-weight: 600;
}
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CE4D49'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23CE4D49'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators [data-bs-target] {
	background-color: #CE4D49;
}
.about-us .about-section {
	background-color: #f8f9fa;
	padding: 60px 0;
	text-align: center;
}
.about-us .about-section img {
	border-radius: 50%;
	object-fit: cover;
}
.about-us .about-section h1 {
	margin-top: 20px;
	font-size: 2rem;
	font-weight: bold;
}
.about-us .stats {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	gap: 40px;
}
.about-us .vision-mission-section {
	padding: 60px 0;
	text-align: center;
}
.about-us .core-values {
	display: flex;
	justify-content: center;
	gap: 40px;
	margin-top: 40px;
}
.about-us .core-values div {
	text-align: center;
	width: 150px;
}
.about-us .apply-section {
	background-color: #343a40;
	color: white;
	text-align: center;
	padding: 60px 0;
}
.about-us .apply-section a {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 5px;
}
.about-us .text-justify {
	text-align: justify;
}
.about-us .apply-section h2, .about-us .apply-section p {
	color: white;
	text-align: center;
}
.footer-image-container {
	margin-top: 20px;
	display: flex;
	gap: 20px;
}
.footer-image-container img {
	max-width: 100%;
	height: auto;
}
.single-pdf-file {
	text-align:center;
	padding:25px;
	border:1px solid #eee;
	margin-bottom:30px;
	position:relative
}
.single-pdf-file::before {
	position:absolute;
	content:'';
	height:100%;
	width:0;
	top:0;
	right:0;
	background: var(--theme-primary-blue);
	opacity: .75;
	-webkit-transition:all ease .5s;
	transition:all ease .5s
}
.single-pdf-file .icon {
	margin-bottom:20px
}
.single-pdf-file .icon i {
	font-size:35px;
	height:65px;
	width:65px;
	line-height:72px;
	border-radius:100%;
	border:1px solid #cf0707;
	display:inline-block;
	color:#cf0707;
	position:relative;
	-webkit-transition:all ease .5s;
	transition:all ease .5s
}
.single-pdf-file h3 {
	font-size:22px;
	margin-bottom:15px;
	position:relative;
	-webkit-transition:all ease .5s;
	transition:all ease .5s
}
.single-pdf-file p {
	position:relative;
	-webkit-transition:all ease .5s;
	transition:all ease .5s
}
.single-pdf-file:hover::before {
	width:100%;
	border-radius:0;
	left:0;
	right:auto
}
.single-pdf-file:hover .icon i {
	color: #fff !important;
	border-color: #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg)
}
.single-pdf-file:hover h3 {
	color:#fff
}
.single-pdf-file:hover p {
	color:#000
}
.single-pdf-file:hover .read-more-btn {
	color:#fff
}
.carousel-control-next, .carousel-control-prev {
	width: 7%!important;
}
.missing-pdf {
	background-color: red!important;
}
@media (min-width: 1200px) {
	.h1,h1 {
		font-size: 2rem;
	}
}
span.required {
	color: #ff0000;
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	background: #e1e1e1;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background:#0566bd;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
	color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.carousel-caption.AUR50116 h1, .carousel-caption.AUR50116 .description {
	color: #fff!important;
}
.carousel-caption.AUR40216 h1, .carousel-caption.AUR40216 .description {
	color: #fff!important;
}
.carousel-caption.AUR30620 h1, .carousel-caption.AUR30620 .description {
	color: #fff!important;
}

/* ============================================
   Premium Hero Video Section
   ============================================ */
.hero-video-section {
	position: relative;
	width: 100%;
	height: 85vh;
	min-height: 600px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero-video-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/banner/videobanner-e1acbc9bae98184909e227e9c2c3f880.jpeg");
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.hero-video-background::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, rgba(48, 153, 208, 0.50) 0%, rgba(206, 77, 73, 0.50) 100%);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.hero-video-background::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at center, transparent 0%, rgba(247, 247, 247, 0.75) 100%);
}

.hero-video-container {
	position: relative;
	z-index: 1;
	width: 60%;
	max-width: 850px;
	margin: 0 auto;
	padding: 0 20px;
}

.video-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 30px 90px rgba(0, 0, 0, 0.5), 
				0 15px 45px rgba(0, 0, 0, 0.3),
				0 0 0 1px rgba(255, 255, 255, 0.2),
				0 0 60px rgba(48, 153, 208, 0.4);
	transform: translateY(0);
	transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
	background: #000;
}

.video-wrapper:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 40px 110px rgba(0, 0, 0, 0.6), 
				0 20px 55px rgba(0, 0, 0, 0.4),
				0 0 0 1px rgba(255, 255, 255, 0.3),
				0 0 80px rgba(48, 153, 208, 0.6);
}

.hero-video {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	min-height: 300px;
}

.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		to bottom,
		rgba(0, 0, 0, 0.1) 0%,
		rgba(0, 0, 0, 0) 30%,
		rgba(0, 0, 0, 0) 70%,
		rgba(0, 0, 0, 0.1) 100%
	);
	pointer-events: none;
}

.scroll-indicator {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	animation: bounce 2s infinite;
}

.scroll-arrow {
	width: 30px;
	height: 50px;
	border: 2px solid rgba(255, 255, 255, 0.8);
	border-radius: 25px;
	position: relative;
}

.scroll-arrow::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 50%;
	width: 6px;
	height: 6px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	transform: translateX(-50%);
	animation: scroll 2s infinite;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateX(-50%) translateY(0);
	}
	40% {
		transform: translateX(-50%) translateY(-10px);
	}
	60% {
		transform: translateX(-50%) translateY(-5px);
	}
}

@keyframes scroll {
	0% {
		opacity: 0;
		top: 10px;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		top: 30px;
	}
}

/* ============================================
   Premium Course Slider Section
   ============================================ */
.course-slider-section {
	position: relative;
	padding: 80px 0;
	background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
	overflow: hidden;
}

.course-slider-section::before {
	content: '';
	position: absolute;
	top: -100px;
	left: -100px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(48, 153, 208, 0.08) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.course-slider-section::after {
	content: '';
	position: absolute;
	bottom: -100px;
	right: -100px;
	width: 400px;
	height: 400px;
	background: radial-gradient(circle, rgba(206, 77, 73, 0.08) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}

.course-slide-content {
	padding: 60px 20px;
	min-height: 450px;
	display: flex;
	align-items: center;
}

.course-info-card {
	background: #ffffff;
	padding: 60px 50px;
	border-radius: 20px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	text-align: center;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
}

.course-info-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background: var(--theme-gradient-green-color);
}

.course-info-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

.course-badge {
	display: inline-block;
	padding: 8px 24px;
	background: var(--theme-gradient-green-color);
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	border-radius: 50px;
	margin-bottom: 25px;
	text-transform: uppercase;
	box-shadow: 0 4px 15px rgba(48, 153, 208, 0.3);
}

.course-title {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--black-color);
	margin-bottom: 25px;
	line-height: 1.3;
	font-family: "source serif pro", serif;
}

.course-description {
	font-size: 1.125rem;
	color: #5a5a5a;
	line-height: 1.8;
	margin-bottom: 35px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.course-action {
	margin-top: 30px;
}

.btn-course-info {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 16px 40px;
	background: var(--theme-gradient-green-color);
	color: #ffffff !important;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 50px;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(48, 153, 208, 0.3);
	position: relative;
	overflow: hidden;
}

.btn-course-info:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(48, 153, 208, 0.4);
}

.btn-course-info i {
	font-size: 20px;
	transition: transform 0.3s ease;
}

.btn-course-info:hover i {
	transform: translateX(5px);
}

.course-slider-section .carousel-control-prev,
.course-slider-section .carousel-control-next {
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0.8;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.course-slider-section .carousel-control-prev {
	left: 20px;
}

.course-slider-section .carousel-control-next {
	right: 20px;
}

.course-slider-section .carousel-control-prev:hover,
.course-slider-section .carousel-control-next:hover {
	opacity: 1;
	background: #ffffff;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}

.course-slider-section .carousel-indicators {
	bottom: 20px;
}

.course-slider-section .carousel-indicators [data-bs-target] {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #CE4D49;
	border: 2px solid transparent;
	opacity: 0.5;
	transition: all 0.3s ease;
}

.course-slider-section .carousel-indicators [data-bs-target].active {
	opacity: 1;
	transform: scale(1.2);
	background-color: #CE4D49;
}

/* Responsive Design */
@media (max-width: 1200px) {
	.course-title {
		font-size: 2rem;
	}
	
	.hero-video-container {
		width: 65%;
		max-width: 800px;
	}
}

@media (max-width: 992px) {
	.hero-video-section {
		height: 70vh;
		min-height: 500px;
	}
	
	.hero-video-container {
		width: 75%;
		max-width: 700px;
	}
	
	.course-info-card {
		padding: 40px 30px;
	}
	
	.course-title {
		font-size: 1.75rem;
	}
	
	.course-description {
		font-size: 1rem;
	}
	
	.course-slider-section {
		padding: 60px 0;
	}
}

@media (max-width: 768px) {
	.hero-video-section {
		height: 60vh;
		min-height: 400px;
	}
	
	.hero-video-container {
		width: 85%;
		max-width: 550px;
	}
	
	.video-wrapper {
		border-radius: 16px;
	}
	
	.hero-video {
		min-height: 250px;
	}
	
	.course-info-card {
		padding: 30px 20px;
	}
	
	.course-title {
		font-size: 1.5rem;
	}
	
	.course-description {
		font-size: 0.95rem;
	}
	
	.btn-course-info {
		padding: 14px 30px;
		font-size: 15px;
	}
	
	.course-slider-section .carousel-control-prev,
	.course-slider-section .carousel-control-next {
		width: 50px;
		height: 50px;
	}
	
	.course-slider-section .carousel-control-prev {
		left: 10px;
	}
	
	.course-slider-section .carousel-control-next {
		right: 10px;
	}
}

@media (max-width: 576px) {
	.hero-video-section {
		height: 50vh;
		min-height: 350px;
	}
	
	.hero-video-container {
		width: 90%;
		max-width: 450px;
		padding: 0 15px;
	}
	
	.hero-video {
		min-height: 200px;
	}
	
	.course-slider-section {
		padding: 40px 0;
	}
	
	.course-slide-content {
		padding: 30px 10px;
		min-height: 400px;
	}
	
	.course-badge {
		font-size: 12px;
		padding: 6px 18px;
	}
	
	.scroll-indicator {
		display: none;
	}
}