/********** Template CSS **********/
	:root {
		--primary: #4D0AA4;
		--light: #F0FBFC;
		--dark: #181d38;
	}

	.fw-medium {
		font-weight: 600 !important;
	}

	.fw-semi-bold {
		font-weight: 700 !important;
	}

	.back-to-top {
		position: fixed;
		display: none;
		right: 45px;
		bottom: 45px;
		z-index: 99;
	}

	.btn-primary:hover{color:#fff !important;background-color:#4D0AA4!important;border-color:#4D0AA4!important}

	.btn-primary:focus{color:#fff !important;background-color:#4D0AA4!important;border-color:#4D0AA4!important;box-shadow:0 0 0 .25rem rgba(77, 10, 164, 1) !important}

	.btn-primary:active,.btn-primary.active{color:#fff !important;background-color:#4D0AA4!important;border-color:#4D0AA4!important}

	.btn-check:checked+.btn-primary:focus,.btn-check:active+.btn-primary:focus,.btn-primary:active:focus,.btn-primary.active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(77, 10, 164, 1) !important}
	
	/*** Spinner ***/
	#spinner {
		opacity: 0;
		visibility: hidden;
		transition: opacity .5s ease-out, visibility 0s linear .5s;
		z-index: 99999;
	}

	#spinner.show {
		transition: opacity .5s ease-out, visibility 0s linear 0s;
		visibility: visible;
		opacity: 1;
	}


	/*** Button ***/
	.btn {
		font-family: 'Nunito', sans-serif;
		font-weight: 600;
		transition: .5s;
	}

	.btn.btn-primary,
	.btn.btn-secondary {
		color: #FFFFFF;
	}

	.btn-square {
		width: 38px;
		height: 38px;
	}

	.btn-sm-square {
		width: 32px;
		height: 32px;
	}

	.btn-lg-square {
		width: 48px;
		height: 48px;
	}

	.btn-square,
	.btn-sm-square,
	.btn-lg-square {
		padding: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: normal;
		border-radius: 0px;
	}
	 
	.justified-text {
		text-align: justify !important;  
		hyphens: auto !important; 
		-webkit-hyphens: auto;
		text-justify: inter-word !important; /* Ensures spacing is distributed between words */
		word-wrap: break-word !important; /* Allows text to wrap to new lines if necessary */
		word-spacing: -0.05em  !important; 
	}


	/*** Navbar ***/
	.navbar .dropdown-toggle::after {
		border: none;
		content: "\f107";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		vertical-align: middle;
		margin-left: 8px;
	}

	.navbar-light .navbar-nav .nav-link {
		margin-right: 30px;
		padding: 25px 0;
		color: #FFFFFF;
		font-size: 15px;
		text-transform: uppercase;
		outline: none;
	}

	.navbar-light .navbar-nav .nav-link:hover,
	.navbar-light .navbar-nav .nav-link.active {
		color: var(--primary);
	}
 
	.hero-title {
		font-size: 2rem; /* Default size for desktops */
		font-weight: 800; /* Extra bold for visibility */
		text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Adds readability */ 
		padding: 10px; /* Spacing around text */
		display: block; /* Prevents full-width background */ 
		line-height: 1.4; /* Adjust spacing between lines */
		max-width: 90%; /* Prevents stretching across the screen */
		margin: auto; /* Centers the block */
		margin-top:25px;
		border-radius: 12px; /* Smooth rounded corners */ 
		border: 12px solid  #4D0AA4; 
		background:#C00000;
      } 
	  
	.hero-title h2{		  
		background: none; /* Remove gradient text */
		color: #fff; /* Ensure visibility */
		/* text-shadow: 1px 0px 6px rgba(179, 0, 255, 0.8); */ /* Enhance readability */   
		text-align:center;
	   }

/* Responsive Adjustments */
@media (max-width: 992px) {
    .hero-title h2 {
        font-size: 1.8rem;
        line-height: 1.4; 
    }
}

@media (max-width: 768px) {
    .hero-title h2 {
        font-size: 1.4rem;
        line-height: 1.3;  
    }
}

@media (max-width: 576px) {
    .hero-title h2 {
        font-size: 1rem;
        line-height: 1.2;  
    }
}
	  
	.navbar-light .navbar-brand,
	.navbar-light a.btn {
		height: 75px;
	}

	.navbar-light .navbar-nav .nav-link {
		color: var(--dark);
		font-weight: 500;
	}

	.navbar-light.sticky-top {
		top: -100px;
		transition: .5s;
	}
	 

@media (min-width: 1200px) and (max-width: 1399px) {
    .container,.container-sm,.container-md,.container-lg,.container-xl {
        max-width:1250px
    }
}
 
	@media (max-width: 991.98px) {
		.navbar-light .navbar-nav .nav-link  {
			margin-right: 0;
			padding: 10px 0;
		}

		.navbar-light .navbar-nav {
			border-top: 1px solid #EEEEEE;
		} 
	}

	@media (min-width: 992px) {
		.navbar .nav-item .dropdown-menu {
			display: block;
			margin-top: 0;
			opacity: 0;
			visibility: hidden;
			transition: .5s;
		}

		.navbar .dropdown-menu.fade-down {
			top: 100%;
			transform: rotateX(-75deg);
			transform-origin: 0% 0%;
		}

		.navbar .nav-item:hover .dropdown-menu {
			top: 100%;
			transform: rotateX(0deg);
			visibility: visible;
			transition: .5s;
			opacity: 1;
		}
		
		.full-image {
			height: 500px; /* Let image size adjust naturally */
			min-height: 400px; /* Ensures visibility on tablets */
		}
		 
		
	}
 
	/*** Header carousel ***/
	@media (max-width: 768px) {
		.header-carousel .owl-carousel-item {
			position: relative;
			min-height: 350px;
		}
		
		.header-carousel .owl-carousel-item img {
			position: absolute;
			width: 100%; 
			height: 100%;
			object-fit: fill;
		}
		
		.full-image {
		   /* Smaller min height for mobile */
			min-height: 250px;
            max-height: 350px;
		}  
	}
	
		
    @media (max-width: 576px) {
		.header-carousel .owl-carousel-item {
			position: relative;
			min-height: 300px;
		}
		
		.header-carousel .owl-carousel-item img {
			position: absolute;
			width: 100%; 
			height: 100%;
			object-fit: fill;
		}
		
		.full-image {
		   /* Smaller min height for mobile */
			min-height: 250px;
            max-height: 300px;
		}  
	}

	.header-carousel .owl-nav {
		position: absolute;
		top: 50%;
		right: 8%;
		transform: translateY(-50%);
		display: flex;
		flex-direction: column;
	}

	.header-carousel .owl-nav .owl-prev,
	.header-carousel .owl-nav .owl-next {
		margin: 7px 0;
		width: 45px;
		height: 45px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #FFFFFF;
		background: transparent;
		border: 1px solid #FFFFFF;
		font-size: 22px;
		transition: .5s;
	}

	.header-carousel .owl-nav .owl-prev:hover,
	.header-carousel .owl-nav .owl-next:hover {
		background: var(--primary);
		border-color: var(--primary);
	}

	.page-header {
		background: linear-gradient(rgba(24, 29, 56, .7), rgba(24, 29, 56, .7)), url(../img/aiterlogo_compressed.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.page-header-inner {
		background: rgba(15, 23, 43, .7);
	}

	.breadcrumb-item + .breadcrumb-item::before {
		color: var(--light);
	}


	/*** Section Title ***/
	.section-title {
		position: relative;
		display: inline-block;
		text-transform: uppercase;
	}

	.section-title::before {
		position: absolute;
		content: "";
		width: calc(100% + 80px);
		height: 2px;
		top: 4px;
		left: -40px;
		background: var(--primary);
		z-index: -1;
	}

	.section-title::after {
		position: absolute;
		content: "";
		width: calc(100% + 120px);
		height: 2px;
		bottom: 5px;
		left: -60px;
		background: var(--primary);
		z-index: -1;
	}

	.section-title.text-start::before {
		width: calc(100% + 40px);
		left: 0;
	}

	.section-title.text-start::after {
		width: calc(100% + 60px);
		left: 0;
	}


	.description-list dd { 
		margin-left: 1rem;
	}


	.glow { 
	  color: #fff; 
	  animation: flicker 2.5s infinite alternate;
	}

	  
	  
	  /* Flickering animation */
	@keyframes flicker {
		
	  0%, 18%, 22%, 25%, 53%, 57%, 100% {

		  text-shadow:
		  0 0 4px #000,
		  0 0 11px #000,
		  0 0 19px #000,
		  0 0 40px #ffccff,
		  0 0 80px #ffccff,
		  0 0 90px #ffccff,
		  0 0 100px #ffccff,
		  0 0 150px #ffccff;
	  
	  }
	  
	  20%, 24%, 55% {        
		  text-shadow: none;
	  }    
	}

	/*** Service ***/
	.service-item {
		background: var(--light);
		transition: .5s;
	}

	.service-item:hover {
		margin-top: -10px;
		background: var(--primary);
	}

	.service-item * {
		transition: .5s;
	}

	.service-item:hover * {
		color: var(--light) !important;
	}


	/*** Categories & Courses ***/
	.category img,
	.course-item img {
		transition: .5s;
	}

	.category a:hover img,
	.course-item:hover img {
		transform: scale(1.1);
	}


	/*** Team ***/
	.team-item img {
		transition: .5s;
	}

	.team-item:hover img {
		transform: scale(1.1);
	}


	/*** Testimonial ***/
	.testimonial-carousel::before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		height: 100%;
		width: 0;
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		z-index: 1;
	}

	.testimonial-carousel::after {
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		height: 100%;
		width: 0;
		background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
		z-index: 1;
	}

	@media (min-width: 768px) {
		.testimonial-carousel::before,
		.testimonial-carousel::after {
			width: 200px;
		}
	}

	@media (min-width: 992px) {
		.testimonial-carousel::before,
		.testimonial-carousel::after {
			width: 300px;
		}
	}

	.testimonial-carousel .owl-item .testimonial-text,
	.testimonial-carousel .owl-item.center .testimonial-text * {
		transition: .5s;
	}

	.testimonial-carousel .owl-item.center .testimonial-text {
		background: var(--primary) !important;
	}

	.testimonial-carousel .owl-item.center .testimonial-text * {
		color: #FFFFFF !important;
	}

	.testimonial-carousel .owl-dots {
		margin-top: 24px;
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	.testimonial-carousel .owl-dot {
		position: relative;
		display: inline-block;
		margin: 0 5px;
		width: 15px;
		height: 15px;
		border: 1px solid #CCCCCC;
		transition: .5s;
	}

	.testimonial-carousel .owl-dot.active {
		background: var(--primary);
		border-color: var(--primary);
	}


	/*** Footer ***/
	.footer .btn.btn-social {
		margin-right: 5px;
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--light);
		font-weight: normal;
		border: 1px solid #FFFFFF;
		border-radius: 35px;
		transition: .3s;
	}

	.footer .btn.btn-social:hover {
		color: var(--primary);
	}

	.footer .btn.btn-link {
		display: block;
		margin-bottom: 5px;
		padding: 0;
		text-align: left;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: normal;
		text-transform: capitalize;
		transition: .3s;
	}

	.footer .btn.btn-link::before {
		position: relative;
		content: "\f105";
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		margin-right: 10px;
	}

	.footer .btn.btn-link:hover {
		letter-spacing: 1px;
		box-shadow: none;
	}

	.footer .copyright {
		padding: 25px 0;
		font-size: 15px;
		border-top: 1px solid rgba(256, 256, 256, .1);
	}

	.footer .copyright a {
		color: var(--light);
	}

	.footer .footer-menu a {
		margin-right: 15px;
		padding-right: 15px;
		border-right: 1px solid rgba(255, 255, 255, .1);
	}

	.footer .footer-menu a:last-child {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}