@charset "utf-8";
/* CSS Document */


.header-caption h1 {
  padding: 0 0.3rem;
  font-weight: 700;
  margin: 0;	
}

.header-caption h1 {
  max-width: 48%;
}

.carousel-caption {
  max-width: 99%;
}


 .carousel-caption h2 {
  font-family: "spectral";
  font-weight: 400;
  font-size: 1.3rem;
  /*background:#00d2b9;*/
  color: #fff;
  text-align: left;
  text-decoration: none !important;
}

/* Slide-in animation for active slides */
.carousel-item.active .carousel-caption h2 {
  animation: slide-in 0.5s ease-in-out forwards;
}

/* Slide-out animation for non-active slides */
.carousel-item:not(.active) .carousel-caption h2 {
  animation: slide-out 0.5s ease-in-out forwards;
}

/* Keyframes for sliding in */
@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(30px); /* Start below */
  }
  to {
    opacity: 1;
    transform: translateY(0); /* Slide into place */
  }
}

/* Keyframes for sliding out */
@keyframes slide-out {
  from {
    opacity: 1;
    transform: translateY(0); /* Start in place */
  }
  to {
    opacity: 0;
    transform: translateY(-30px); /* Slide upwards */
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel-caption h2 {
    animation: none;
    opacity: 1;
    transform: none;
  }
}


/* Fix caption text size on small screens */
@media (min-width: 320px) and (max-width: 768px){
	.carousel-caption h2 {
		font-size: 0.9rem;
	}
	.carousel-caption {
        max-width: 65%;
   }
}

@media (min-width: 992px) and (max-width: 2500px){
	.carousel-caption h2 {
		font-size: 1.3rem;
	}
	.carousel-caption {
        max-width: 99%;
   }
}

.carousel-caption a, .carousel-caption a:hover, .carousel-caption a:visted {
  text-decoration: none !important;
}
/*
h1, h2, h3, h4, h5, h6, .lead {
  font-family: var(--bs-body-font-family);
  font-weight: normal;
  font-weight: 700;
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color,inherit);
}
*, ::before, ::after {
  box-sizing: border-box;
} */

h1.section-heading {
  font-family: "spectral";
  font-size: 3rem;
 /* display: inline-block; */
  max-width: 100%;
  color: #000;
  text-align: center;
  padding: 2rem 0;
}

@media (min-width: 320px) and (max-width: 480px) {
  h1.section-heading {
    font-size: 1.5rem;
  }

.pagelinkrow {
  padding: 0.5rem 1rem 1rem 2rem;
  min-height: 150px;
  margin-bottom: 10px;
}	
	
.pagelinkrow h2 a {
  font-size: 0.9rem;
  font-weight: 600;
  margin: 0;
  text-decoration: none !important;
}

.pagelinkrow p {
  margin: 0;
  font-size: 0.8rem;
  line-height: normal;
}
	
img.kings-logo {
  width: 146px;
}	

.study-with-us-box h2, .study-with-us-box h2 a {
  margin: 0;
  font-size: 0.7em;
  font-weight: 700;
  text-decoration: none;
  padding: 0.2em 0 0.6em 0;
}	
	
.study-with-us-box p, .study-with-us-box p a {
  margin: 0 0 1em 0;
  font-size: 0.6em;
  line-height: normal;
  text-decoration: none;
  padding: 0 1em 0 0;
}	

.study-course {
  list-style: none;
  font-size: 0.7em;
}	
}

@media (min-width: 481px) and (max-width: 576px) {
  h1.section-heading {
    font-size: 2.5rem;
  }

.pagelinkrow {
  padding: 0.5rem 1rem 1rem 2rem;
  min-height: 150px;
  margin-bottom: 10px;
}	
	
.pagelinkrow h2 a {
  font-size: 0.8rem;
  font-weight: 600;
  margin: 0;
  text-decoration: none !important;
}

.pagelinkrow p {
  margin: 0;
  font-size: 0.8rem;
  line-height: normal;
}
	
img.kings-logo {
  width: 160px;
}
}

@media (min-width: 577px) and (max-width: 768px) {
  h1.section-heading {
    font-size: 2.5rem;
  }

.pagelinkrow {
  padding: 0.5rem 1rem 1rem 2rem;
  min-height: 150px;
  margin-bottom: 10px;
}	
	
.pagelinkrow h2 a {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0;
  text-decoration: none !important;
}

.pagelinkrow p {
  margin: 0;
  font-size: 0.8rem;
  line-height: normal;
}
	
img.kings-logo {
  width: 160px;
}	
}