.align-items-center {
     display:flex;
     align-items:center;
}
@media only screen and (max-width: 1380px) {
     .align-items-center {
        display:block;
    }
}

 @media only screen and (max-width: 768px) {
	 .cta-bar-wrapper .cta-bar {padding: 50px;}
     .row.display-flex {
        flex-direction:column;
    }
}
@media (max-width:425px) {
.cta-bar-wrapper .cta-bar {padding: 25px;}

}
 .flex-column {
    justify-content: center;
     flex-direction: column;
}
.flex-column img {
    width: 100%;
    margin: auto;
}
.hero {
  --gradient-dir: to top;
  position: relative;
  min-height: calc(300px + 15vw);
  display: grid;
}
.hero:after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.9;
  background: linear-gradient(var(--gradient-dir), black 0%, rgba(0, 0, 0, 0.995) 8.2%, rgba(0, 0, 0, 0.981) 16%, rgba(0, 0, 0, 0.958) 23.4%, rgba(0, 0, 0, 0.926) 30.4%, rgba(0, 0, 0, 0.885) 37.3%, rgba(0, 0, 0, 0.835) 43.8%, rgba(0, 0, 0, 0.776) 50.2%, rgba(0, 0, 0, 0.709) 56.5%, rgba(0, 0, 0, 0.633) 62.6%, rgba(0, 0, 0, 0.548) 68.7%, rgba(0, 0, 0, 0.455) 74.8%, rgba(0, 0, 0, 0.354) 81%, rgba(0, 0, 0, 0.244) 87.2%, rgba(0, 0, 0, 0.126) 93.5%, rgba(0, 0, 0, 0) 100%) left center/100% no-repeat;
	background: linear-gradient(
    var(--gradient-dir),
    hsla(211.01, 66.92%, 26.08%, 0.9) 0%,
    hsla(211.01, 66.92%, 26.08%, 0.889) 9.1%,
    hsla(211.01, 66.92%, 26.08%, 0.857) 16.7%,
    hsla(211.01, 66.92%, 26.08%, 0.808) 23.1%,
    hsla(211.01, 66.92%, 26.08%, 0.745) 28.4%,
    hsla(211.01, 66.92%, 26.08%, 0.671) 33%,
    hsla(211.01, 66.92%, 26.08%, 0.588) 37.2%,
    hsla(211.01, 66.92%, 26.08%, 0.501) 41.2%,
    hsla(211.01, 66.92%, 26.08%, 0.412) 45.3%,
    hsla(211.01, 66.92%, 26.08%, 0.325) 49.8%,
    hsla(211.01, 66.92%, 26.08%, 0.241) 55%,
    hsla(211.01, 66.92%, 26.08%, 0.166) 61%,
    hsla(211.01, 66.92%, 26.08%, 0.101) 68.3%,
    hsla(211.01, 66.92%, 26.08%, 0.049) 77%,
    hsla(211.01, 66.92%, 26.08%, 0.015) 87.5%,
    hsla(211.01, 66.92%, 26.08%, 0) 100%
  ) left center/100% no-repeat;
	
}
.hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 800px) {
  .hero {
    --gradient-dir: to right;
  }
}
.hero__wrapper {
  flex: 1;
  display: grid;
  place-content: end start;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 800px) {
  .hero__wrapper {
    place-content: center start;
  }
}

.hero__content {
  flex: 1;
  z-index: 2;
  padding: 1rem 0 1rem 1rem;
  max-width: 70ch;
}
.hero__content p {
  color: #fff;
      --minFontSize: 33px;
    --maxFontSize: 80px;
    --scaler: 3vw;
    font-size: clamp( var(--minFontSize), var(--scaler), var(--maxFontSize) );
    line-height: 1;
    text-shadow: 9px 4px 15px rgb(0 51 89 / 90%);
    font-weight: bold;
    margin-bottom:0;
}
.hero__content a {
  display: block;
}

.hero__headline {
  color: #fff;
   font-size: clamp(1.35rem, 5vw, 2.05rem);
    font-weight: 500;
    margin-bottom: 0.5rem;
background: #82c342;
    background: -moz-linear-gradient(to left, #00AEEF 0%, #82c342 25%, #00AEEF 75%, #82c342 100%);
    background: -webkit-linear-gradient(to left, #00AEEF 0%, #82c342 25%, #00AEEF 75%, #82c342 100%);
    background: linear-gradient(
  75deg,
  hsl(197deg 100% 47%) 0%,
  hsl(195deg 100% 47%) 11%,
  hsl(192deg 100% 45%) 22%,
  hsl(188deg 100% 42%) 33%,
  hsl(181deg 100% 39%) 44%,
  hsl(173deg 100% 38%) 56%,
  hsl(165deg 100% 39%) 67%,
  hsl(154deg 82% 43%) 78%,
  hsl(122deg 48% 56%) 89%,
  hsl(90deg 52% 51%) 100%
);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00AEEF', endColorstr='#82c342', GradientType=1);
    color: transparent;
    -webkit-background-clip: text;	
}

.flow > * + * {
  margin-top: var(--flow-space, 1rem);
}
.wrapper {
    z-index: 1;
}
.hero .wrapper {
  max-width: 1400px;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
}


.hero img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width:600px){
	.hero img {object-position: center right;}
	.hero__content {padding: 1rem 0 1rem 0;}
}
.hero a {
  color: #fff;
  text-decoration: none;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}
.l-page h1, h2.main-title, h2.main-title strong, h3.main-title, h3.main-title strong, .contact-area h2, h3.team-title, h3.job-title, .news-block h4, .news-block h3 {
    position: relative;
    font-weight: 700!important;
    color: #222222;
	line-height:1.1;
}
.cta-bar-wrapper .cta-bar h2.main-title {
    max-width: 800px;
    margin: auto;
}
.service-tile-item .item .box {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.5rem!important;
    border-radius: 10px;
    box-shadow: 6px 5px 20px 0px rgb(0 0 0 / 15%);
    border-radius: 10px 10px 10px 10px;
}
.item .box .icon {height: 140px;}

.item .box .icon svg {
    height: 140px;
    display: block;
    margin: auto;
	width:auto;
}

.item .box h3 {
    margin: 0 0 11px 0;
    font-size: 24px;
    line-height: 28px;
    color: #222222;
    text-transform: none;
    transition: 0.4s;
    font-weight: 700!important;
}
.service-tile-item .box p {
    font-size: clamp(1rem, 3vw, 1.25rem);
	margin-bottom: 0;
}

.cta-bar-wrapper .cta-bar {
    background: rgb(0 51 89 / 50%)!important;
}
.cta-bar-wrapper .cta-bar h2.main-title {
    color: #fff;
}

.item .box .icon img {
    height: 140px;
    width: auto!important;
    margin: auto;
    max-width: unset;
}
.event-items {
    margin-bottom: 1.5rem;
}
.news-item figure {
    position: relative;
    height: 200px;
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
    box-shadow: 0 3.4px 2.7px -30px rgb(0 0 0 / 6%), 0 8.2px 8.9px -30px rgb(0 0 0 / 7%), 0 25px 40px -30px rgb(0 0 0 / 20%);
}
.news-item figure.h-275 {
    height: 275px;
}
.news-item {
    display: flex;
    flex-direction: column;
}
.news-item h3 {
    color: #000;
	margin-bottom: 20px;
}
.news-item img {
    border-radius: 8px;
    transform: scale(1);
    -webkit-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    -o-transition: 1.2s cubic-bezier(.17,.85,.438,.99);
    transition: 1.2s cubic-bezier(.17,.85,.438,.99);
}
.news-item:hover img {
    transform: scale(1.15);
}
.upcoming-cards.upcoming-card {
background:#fff;
}

.upcoming-cards.upcoming-date {
    color: #000!important;
    font-size: 20px;
}
.upcoming-cards.upcoming-card-body p {color: #000!important; margin: 10px 0;}
.upcoming-cards.upcoming-card-header {background: #b7b7b7;}
ol {
    margin-left: 20px;
}
ol li {
    padding-left: 20px;
}
ol ::marker {
    color: #000;
}

@media screen and (min-width: 720px) {.subsection:before {height: 286px;} }
.form_responses input {
font-size: 18px;
    padding: 8px 10px;
    font-style: normal;
    line-height: 20px;
    margin: 0 0 5px 0;
}

.form_responses select {
    color: #000!important;
    height: 40px!important;
}
label.form_label {
    font-weight: bold;
}
div.form_page label {
    text-align: left!important;
}

button.default.form_button_submit {
    background: #003359;
    border: #003359;
    padding: 10px 20px;
    border-radius: 8px;
    color:#fff;
}
button.default.form_button_submit:hover {
    background: #002c46;
    color:#fff;
}
@media (min-width:768px) {
#form_page_1 {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 10px;
}
.form_question {
    width: 48%;
    min-width: 200px;
}

}
.side-block {
    display: inline-block;
    font-size: 1rem;
    position: fixed;
    right: 38px;
    text-align: center;
    text-decoration: none;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform-origin: bottom right;
    top: calc(70% - 36px);
    z-index: 1;
    cursor: pointer;
}


.side-block a {
    background: #003359;
    color: #fff;
    border: none;
    font-size: 18px;
	font-weight:normal!important;
    padding: 10px 20px;
    border-radius: 0 0 8px 8px;
    box-shadow: -4px 5px 5px 0 rgb(0 0 0 / 13%);
}
.side-block a:hover {
text-decoration:none;
        background-image: -webkit-gradient(linear, left top, right top, from #81c241, to #00adee!important;);
    background-image: linear-gradient(to right, #81c241 0%, #00adee 100%)!important;
    background-size: 99.99%!important;
}
.program-tiles .item .box:after {
    content: "\f063";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    transform: rotate(-45deg);
    position: absolute;
    bottom: 2px;
    right: 7px;
    font-size: 22px;
}
.program-tiles .service-tile-item .box p {
    font-size: inherit;
}
.program-tiles .service-tile-item .item .box {
transition: all .5s;
    z-index: 1;
}
.program-tiles .service-tile-item .item .box:hover {
    background: #003359;
}
.program-tiles .service-tile-item .item .box:hover h3{color:#fff!important;}
.program-tiles .service-tile-item .item .box:hover p{color:#fff!important;}
.program-tiles .service-tile-item .item .box:hover {color:#fff!important;}

@media only screen and (min-width: 798px) {
a.apply-btn {   
background: transparent;
    line-height: 42px!important;
    margin-top: 29px;
-webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1),color 0s;
    -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1),color 0s;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1),color 0s;
    will-change: transform;
    border: 0;
    -webkit-box-shadow: inset 0 0 0 2px #86c44c, 0 0 0 rgb(0 0 0 / 20%);
    box-shadow: inset 0 0 0 2px #86c44c, 0 0 0 rgb(0 0 0 / 20%);
}
a.apply-btn:hover:before, a.apply-btn:before{display:none} 	
a.apply-btn:hover { 
    color: #fff!important;
    background: #86C44C;
    background-image: -o-linear-gradient(bottom left, #00AEEF 5%, #82C342 95%);
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(5%, #00AEEF), color-stop(95%, #82C342));
    background-image: linear-gradient(to top right, #00AEEF 5%, #82C342 95%);
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 0 2px transparent, 0px 10px 15px rgb(0 0 0 / 20%);
    box-shadow: inset 0 0 0 2px transparent, 0px 10px 15px rgb(0 0 0 / 20%);
}
}

@media (max-width:425px) {
.item .box .icon {height: 75px; font-size: 75px;}
	.main-title, .l-page h1 {font-size: 25px;}	
.item .box .icon svg, .item .box .icon img  {height: 75px;}
.service-tile-item .item .box {padding: 1rem!important;}
}