body p{
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    margin-bottom:10px;
}

h1, h2, h3, h4{
    font-family: "Open Sans", sans-serif;
    color: #2f8c92;
    line-height: 1.25em;
    font-weight: 500!important;
    letter-spacing: 3px;
    font-size:30px;
    margin-bottom:20px;
}
.page-banner {font-size:65px!important; color:#FFFFFF!important}

h5{
    font-family: "Open Sans", sans-serif;
    color: #2f8c92;
    line-height: 1.25em;
    font-weight: 500!important;
    letter-spacing: 2px;
    font-size:24px;
}

.btn-style-1 {
  margin-left: auto;
  margin-right: auto;

  display: inline-flex;
  align-items: center;
  gap: 0.75rem; /* gap-3 */

  background-color: #b91c1c; /* bg-red-700 */
  color: #ffffff;

  padding: 0.5rem 1.5rem; /* py-2 px-6 */

  border-radius: 9999px; /* rounded-full */

  transition: background-color 150ms ease-in-out;
}

.btn-style-1:hover {
  background-color: #991b1b; /* hover:bg-red-800 */
}

.footer h5{font-style: normal;}
.footer p{color:#f6f6f6;}
.footer a{color:#f1f1f1}
.footer ul{list-style-type:none;}

.dot {   display: inline-block;    width: 8px;    height: 8px;    background: #666;    border-radius: 50%;    margin: 0px 8px;    line-height: 5px; }

body ul:not(nav ul){list-style-type:disc; padding-left: 0; margin-bottom:25px;margin-left:35px!important; list-style-position: outside;}
body ul:not(nav ul) li {position: relative; padding-left: .6em;padding-bottom:.6em}
body ol:not(nav ul){list-style-type:decimal; padding-left: 0; margin-bottom:25px;margin-left:35px!important; list-style-position: outside;}
body ol:not(nav ul) li {position: relative; padding-left: .6em;padding-bottom:.6em}

#myBlocks ul{list-style-type:none;margin-left:0!important}

.logo h3{font-size:25px!important; font-weight:100;margin:0 0 0 20px}
/* body a:not(nav a) {text-decoration: none!important; color:brown} */
.section{padding-top:70px}

/* ==============BOX SLIDER */
.reveal-left {  opacity: 0;  transform: translateX(-400px);  transition: all 2s ease-out;}
.reveal-right { opacity: 0;  transform: translateX(400px);  transition: all 2s ease-out;}
.reveal-left.active,.reveal-right.active {  opacity: 1;  transform: translateX(0);}
.reveal-up {
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    will-change: transform, opacity;
    transition:
        opacity 1s ease-out,
        transform 1s cubic-bezier(0.25, 0.8, 0.25, 1);
} 


.reveal-up.visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
/* ===================
 */
/* ======BANNER */
@keyframes slide-up { 0% {    opacity: 0;    transform: translateY(40px);  }  100% {    opacity: 1;    transform: translateY(0);  }}
.animate-slide-up {  animation: slide-up 0.8s ease-out forwards;}
.animate-delay-200 {  animation-delay: 200ms;}
/* =============== */

.image-wrapper:hover .image-overlay,
    .image-wrapper:hover .image-buttons {
      opacity: 1;
      pointer-events: auto;
    }


/* ==================STUDENT SUPPORT================== */
/* Remove unwanted backgrounds */
.carousel-track-wrapper,
.carousel-track,
.carousel-card {
    background: transparent !important;
}

/* Allow zoomed card to show fully */
.carousel-track-wrapper {
    overflow-x: hidden;
    overflow-y: visible;
}

/* Equal height cards */
.carousel-card {
    display: flex;
}

.carousel-card .card-inner {
    flex: 1;
    height: 100%;
}

/* Center zoom effect */
 .card-inner {
    transform: scale(1);
    opacity: 0.85;
    transform-origin: center center;
    transition: transform .4s ease, opacity .4s ease;
}

.carousel-card.is-active .card-inner {
    transform: scale(1.05);
    opacity: 1;
    z-index: 10;
}
.team-carousel .carousel-card {
    flex: 0 0 auto; /* prevents flex from resizing cards */
     /*width: 100%;    default for mobile */
}

.carousel-card {
    flex: 0 0 auto;
}

/* Center zoom effect */
.team-carousel .card-inner {
    transform: scale(1);
    opacity: 0.85;
    transition: transform .4s ease, opacity .4s ease;
}

.team-carousel .carousel-card.is-active .card-inner {
    transform: scale(1);
    opacity: 1;
}
/* ==================END STUDENT SUPPORT================== */


@media (max-width: 767px) {
  .reveal-left, .reveal-right {
    transform: translateY(30px);
  }
}