@charset "utf-8";
/*=========================================== CARDS ==============================================*/
.cards-grid {
  margin: 0 -12px 24px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.cards-grid li {
  width: 33.3333%;
  padding: 0 12px;
  margin-top: 24px;
}
.cards-grid li .card {
  border-radius: 6px;
  border: none;
  background: var(--Light-Grey-Blue, #EEF2F3);
  transition: all .3s ease;
}
.cards-grid li .card:hover {
	text-decoration: none;
	background: var(--hover-color, #8c9597);
}
.cards-grid li .card .logos {
  height: 148px;
  position: relative;
}
.cards-grid li .card .logos .logo,
.cards-grid li .card .logos .logo-white {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  transition: all .3s ease;
}
.cards-grid li .card .logos .logo-white { opacity: 0; }
.cards-grid li .card:hover .logos .logo { opacity: 0; }
.cards-grid li .card:hover .logos .logo-white { opacity: 1; }
.cards-grid li .card .logos img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 255px;
  max-height: 90%;
}
.cards-grid li .card .info {
  color: var(--Trench, #011D2F);
  font-family: 'arno-pro', sans-serif;
  text-align: center;
  font-weight: 400;
  line-height: 120%;
  padding: 16px 24px 24px;
  transition: all .3s ease;
}
.cards-grid li .card:hover .info {
  color: #fff;
}
@media (max-width: 1200px) {
	.cards-grid li {
	  width: 50%;
	}
}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.cards-grid li {
	  width: 100%;
	  padding: 0 12px;
	  margin-top: 24px;
	}
}

/*=========================================== NEWS ==============================================*/
.news-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 22px -12px;
  row-gap: 48px;
}
.news-grid > div {
  padding: 0 12px 0;
  width: 33.3333%;
  /* margin-bottom: 24px; */
}
.news-grid.grid-4 > div {
	width: 25%;
}
.news-grid .item {
  display: block;
  text-decoration: none;
  background: transparent!important;
}
.news-grid .item picture {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 71%;
  border-radius: 6px;
  margin-bottom: 12px;
  background: lightgray;

/* Subtle Shadow */
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  transition: all .3s ease;
}
.news-grid .item:hover picture {
  opacity: .75
}
.news-grid .item picture img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.news-grid .item picture .tag {
  position: absolute;
  left: 9px;
  bottom: 10px;
  z-index: 2px;
  background: #FCD172;
  padding: 8px;
  color: #000;
  font-family: "Fira Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 111.111% */
}
.news-grid .item .title {
  display: block;
  color: #4094C8;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  margin: 6px 0;
}
.news-grid .item .info {
  display: block;
  color: #1F1F21;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 135%; /* 21.6px */
}

.pagination {
	margin: 119px 0 0;
}
.pagination > div {
    display: flex;
    margin: auto;
    gap: 12px;
}
.pagination > div a,
.pagination > div span {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--Midnight---Primary, #0866A6);
  background: #fff;
  color: #0866A6;
  width: 42px;
  height: 42px;
  border-radius: 6px;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 22px */
}
.pagination .page-numbers.current {
    background: #ccd2d5;
    color: #011D2F;
	border: 1px solid #ccd2d5;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    border-color: #fff;
    background: #fff;
    color: #fff;
    font-size: 0
}
.pagination .page-numbers.next:after,
.pagination .page-numbers.prev:after {
    color: #0866A6;
    content: '\f0da';
    font-size: 29px;
    font-weight: 300;
    margin-left: 0;
    font-family: "Font Awesome 6 Pro";
    transition: all .3s ease;
}
.pagination .page-numbers.prev:after {
    content: '\f30a';
}

.bottom-contact {
    text-align: center;
    padding: 119px 0 96px;
}
.bottom-contact .icon-squares {
  background-image: url(../img/accent-blocks/accent-blocks-outline.svg);
  background-repeat: no-repeat;
  display: block;
  width: 100px;
  height: 102px;
  margin: 0 auto
}
.bottom-contact .heading {
	color: #011D2F;
	font-family: Matter;
	font-size: 36px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	margin: 0 0 12px;
}
.bottom-contact p {
    
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 33px */
}
.bottom-contact p a { 
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.bottom-contact p a:hover,
.bottom-contact p a:active { text-decoration: none; }

.single-post {
	padding-bottom: 200px;
}
.single-post .text-content {}
.single-post .text-content h2,
.single-post .text-content h3,
.single-post .text-content h4,
.single-post .text-content h5 { margin: 36px 0 0; }
.single-post .text-content p { margin: 0 0 36px; }
.single-post .text-content ul { margin: 0 0 24px; }
.single-post .text-content .news-thumb {
  display: block;
  overflow: hidden;
  border-radius: 6px;
  background: lightgray;
  /* Subtle Shadow */
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
  margin: 0 0 24px
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {
  .news-grid > div { width: 50%; }
}
@media (max-width: 800px) {
  .news-grid { flex-direction: column; }
  .news-grid > div { width: 100%; }
}

/*=========================================== LEADERSHIP ==============================================*/
.leadership {}
.leadership h1 {
  margin-top: 0;
}

@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {}

/*=========================================== CARDS ==============================================*/
.wide-card {
  position: relative;
  padding: 60px;
  border-radius: 12px;
  overflow: hidden;
  background: #1F1F21;
  margin-bottom: 36px;
}
.wide-card:last-child {
  margin-bottom: 96px;
}

.wide-card.portfolio {
  min-height: 488px;
  padding: 48px; 
}
.wide-card.portfolio .info {
  max-width: 500px;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  padding: 36px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.90);
}
.wide-card.portfolio .info h2 {
  margin: 9px 0;
}
.wide-card.portfolio .info .btn-layout {
  font-size: 16px;
  text-transform: lowercase;
  letter-spacing: 0;
  padding: 8px 12px;
  margin: 16px 0 0;
}
.wide-card.portfolio .info .btn-layout:hover {
  color: #fff;
  border: 2px solid #4094C8;
  background: #4094C8;
}
.wide-card.portfolio .info p a { text-decoration: underline }
.wide-card.portfolio .info p a:hover { text-decoration: none }
.wide-card.portfolio .info ul {
  margin: 36px 0 0;
}
.wide-card.portfolio .info ul li {
  font-size: 24px;
}
.wide-card.portfolio .info ul li:not(:last-child) { margin-right: 24px; }
.wide-card.portfolio .info ul li a {transition: all .3s ease;color: black;}
.wide-card.portfolio .info ul li a:hover {color: #4094C8;}
.wide-card.portfolio .bnn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wide-card.portfolio .bnn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: .8;
}
.wide-card.portfolio .logo {
  display: block;
  position: absolute;
  z-index: 2;
  top: 48px;
  right: 48px;
}
.wide-card.portfolio .logo img {
  display: block;
  filter: drop-shadow(0px 1px 4px #000);
}
.wide-card.leadership-card {
    border-bottom: 5px solid #c2d7e5;
}
.wide-card.grey { background: #E6E7E8 }
.wide-card.story.grey:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-image: url(../img/orb-dark.svg);
  background-repeat: no-repeat;
  background-position: 95% bottom;
}
.wide-card.grey h2 {
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 12px;
}

.wide-card.story {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
.wide-card.story .info {
  position: relative;
  color: #fff;
  max-width: 515px;
  /* font-size: 30px; */
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  margin-right: 30px;
}
.wide-card.story .info h2 {
  color: #fff;
  /* font-size: 48px; */
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin: 0 0 12px;
}
.wide-card.story .info a {
  color: #fff;
  text-decoration: underline;
}
.wide-card.story .info a:hover {
 text-decoration: none;
}
.wide-card.story .bnn { position: relative }

.wide-card.leadership-card {
  display: flex;
  flex-wrap: wrap;
  column-gap: 96px;
}
.wide-card.leadership-card .info {
  width: calc(100% - 383px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.wide-card.leadership-card .info .title {
  font-weight: 700;
	 background: #4094c8;
    color: #fff;
    padding: 5px 10px;
    border-radius: 50px;
}
.wide-card.leadership-card .info h2 {
  font-size: 48px;
  margin: 12px 0;
}
.wide-card.leadership-card .info p:not(:last-child) {
  margin-bottom: 24px;
}
.wide-card.leadership-card .bnn {
  width: 278px;
  height: 278px;
  border-radius: 12px;
  border: 1px solid var(--bse-Tan, #E6E7E8);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
h1 + .wide-card.leadership-card .bnn {
  height: 385px;
}
.wide-card.leadership-card .bnn img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.story-2{
	background-color:#4094C8;
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {
	.wide-card.story {
	  display: flex;
	  flex-direction: column-reverse;
	}
	.wide-card.story .info {
	  max-width: 100%;
	  margin-bottom: 36px;
	  margin-right: 0;
	}
	
	.wide-card:last-child {
	  margin-bottom: 0;
	}
	.wide-card.portfolio {
		min-height: 582px;
		padding: 18px;
	}
	.wide-card.portfolio .info {
		padding: 18px;
		max-width: 100%;
	}
	.wide-card.portfolio .info ul li:not(:last-child) { margin-right: 18px; }
	.wide-card.portfolio .logo {
		top: unset;
		right: unset;
		bottom: 12px;
		left: 50%;
		transform: translateX(-50%);
	}

	.wide-card.leadership-card {
		flex-direction: column;
	}
	.wide-card.leadership-card .info {
		width: 100%;
		margin: 18px 0 0
	}
	.page-404 .wide-card.portfolio {
		display: flex;
		align-items: flex-end;
	}
}
@media (max-width: 768px) {
	.wide-card.grey {
		padding: 18px;
	}
	
	.wide-card.story {
		padding: 18px;
	}
	.wide-card.story .info h2 { 
		font-size: 28px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
	}
	.wide-card.story .info p { 
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 125%;
	}
	.wide-card.leadership-card {
		padding: 36px
	}
}

/*=========================================== CONTACT ==============================================*/
.contact-page h3 { margin: 0 0 100px }
.contact-page h4 { color: #1F1F21 }
.contact-page p a { text-decoration: underline }
.contact-page p a:hover { text-decoration: none }
.contact-top big { font-size: 30px; }
.gform_legacy_markup_wrapper {
  margin-top: 0!important;
}
.gfield {
  display: grid;
  grid-template-areas: "label" "validation";
}
.gfield_label {
  grid-area: label;
}
.validation_message {
  grid-area: validation;
}
.gform_wrapper.gravity-theme .gfield_description {
	margin: 0 0 7px
}
.gfield--type-captcha,
.gfield_required { display: none; opacity: 0; }
label,
.gfield_label {
  display: block;
  margin-bottom: 5px;
  text-transform: unset;
  color: var(--bse-Black, #1F1F21);
  font-size: 22px!important;
  font-style: normal;
  font-weight: 500!important;
  line-height: 144%; /* 31.68px */
  letter-spacing: 0.22px;
  margin: 0!important;
}
.form-horizontal .control-label {
  text-align: left;
}
input[type='text'],
input[type='email'],
input[type='tel'],
input[type='url'],
input[type='password'],
input[type='number'],
input[type='date'],
textarea,
select {
  width: 100%;
  height: 44px;
  padding: 0 32px;
  color: #1F1F21;
  font-size: 20px!important;
  border-radius: 4px;
  border: 1px solid var(--bse-Black, #1F1F21);
  background: rgba(230, 231, 232, 0.50);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25) inset;
}
textarea {
  min-height: 120px;
}
.custom-checkRad {
  position: relative;
  padding-left: 27px;
  margin: 0;
}
.custom-checkRad label {
  cursor: pointer;
  display: inline-block;
}
.custom-checkRad input[type="checkbox"] + label:before,
.custom-checkRad input[type="radio"] + label:before{
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
.custom-checkRad input[type="checkbox"],
.custom-checkRad input[type="radio"] {
  display: none;
}
.custom-checkRad input[type="checkbox"] + label:before {
  content: '\f0c8';
}
.custom-checkRad input[type="radio"] + label:before {
  content: '\f111';
}
.custom-checkRad input[type="checkbox"]:checked + label:before {
  content: '\f14a';
}
.custom-checkRad input[type="radio"]:checked + label:before {
  content: '\f058';
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
  border-radius: 30px;
  padding: 12px 18px;
  /* padding-right: 44px; */
  color: var(--bse-White, #fff);
  border: 2px solid var(--bse-Black, #1F1F21);
  background: var(--bse-Black, #1F1F21);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 97%; /* 17.46px */
  letter-spacing: 2.7px;
  text-transform: uppercase;
  text-decoration: none!important;
  position: relative;
}
.gform_wrapper .gform_footer input.button:after,
.gform_wrapper .gform_footer input[type=submit]:after,
.gform_wrapper .gform_page_footer input.button:after,
.gform_wrapper .gform_page_footer input[type=submit]:after {
  background-image: url(../img/link-arrow/default.svg);
  content: '';
  display: block;
  width: 17px;
  height: 15px;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  transition: all .3s ease;
}
.gform_wrapper .gform_footer input.button:hover:after, 
.gform_wrapper .gform_footer input.button:focus:after, 
.gform_wrapper .gform_footer input[type=submit]:hover:after, 
.gform_wrapper .gform_footer input[type=submit]:focus:after, 
.gform_wrapper .gform_page_footer input.button:hover:after, 
.gform_wrapper .gform_page_footer input.button:focus:after, 
.gform_wrapper .gform_page_footer input[type=submit]:hover:after, 
.gform_wrapper .gform_page_footer input[type=submit]:focus:after {
  right: 14px;
}
.gform_wrapper.gravity-theme .description,
.gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description,
.gform_wrapper.gravity-theme .instruction {
  line-height: 1.3!important
}
@media (max-width: 1200px) {}
@media (max-width: 991px) {}
@media (max-width: 768px) {
	.contact-page h3 {
		font-size: 22px;
		margin: 0 0 30px
	}
	.contact-page h4 {
		margin: 69px 0 0
	}
}

/*===========================================================================================================*/
/*=========================================== FOOTER ========================================================*/
/*===========================================================================================================*/
.footer {
  padding: 57px 0 20px;
  background: #4094C8;
}
.footer img{
	max-width:100px;
	min-width: 100px;
}
.footer .container {
  opacity: 0;
}
.footer.ready .container {
  opacity: 1;
  animation: fadeInUp 1.2s both;
  display: flex;
  padding-bottom: 30px;
  align-items: anchor-center;
  justify-content: space-between;
}
.footer a strong{
	color:#FFFFFF;
}
.footer img.mobile { display: none }
.footer .copy {
  color: var(--bse-Black, #FFFFFF);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  /* margin: 72px 0 0; */
}
.footer .copy br { display: none }
.footer .copy a {
	 color: var(--bse-Black, #005183);  text-decoration: underline; text-decoration-color:#FFFFFF;
}
.footer .copy a:hover {
  text-decoration: none;
}
@media (max-width: 1400px) {
}
@media (max-width: 991px) {
	.footer .container{
		/* margin: 20px; */
		flex-flow: column;
		gap: 20px;
		align-items: flex-start!important;
	}
}
@media screen and (max-width: 768px) {
	.link-arrow.top-back,
	a.link-arrow.top-back {margin: 29px 0 18px;}
	.single-post .link-arrow.top-back,
	.single-post  a.link-arrow.top-back {/* margin: 127px 0 52px; */}
  .footer .copy {
	  font-size: 14px;
	  margin: 24px 0 0;
	 }
  .footer img:not(.mobile) { display: none }
  .footer img.mobile { display: block }
  .footer .copy br { display: block }
  h1, .h1-style {
	  font-size: 48px;
	  padding-left: 23px;
	  margin: 29px 0 36px;
	 }
  h1:not(.heading, .news-heading):before {
	  background-size: 74px;
	  top: -8px;
	  left: 0px;
	  width: 74px;
	  height: 74px;
  }
  h1.news-heading {
	  font-size: 38px;
  }
  h2 { font-size: 40px }
  h3 {font-size: 34px;line-height: 110%;}
  h4 {  }
  p, li, td, th, label {  }
  .btn-layout {  }
  .container,
  .container-fluid,
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm {
	  --bs-gutter-x: 20px;
  }
}
@media (max-width: 560px) {
}
