.video-container {
  height: 400px;
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top:-20px;
}

.video-container video {
  width: 120%;
  height: auto;
  position: absolute;
  top: 60%;
  left: 40%;
  transform: translateX(-50%) translateY(-50%);
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  padding: 10px;
}
#HeroBox {
  position: absolute;
  border: 0px;
  padding-left: 50px;
  font-family:Helvetica;
  margin-top:30px;
}

#backgroundImage-2025{
max-width: 100% !important;
height: 400px;
margin-top: 60px;
margin-bottom:2px;
}
.heroHeader{
  text-align:left;
  font-weight:bold;
  font-size:36px;
  color:#ffffff;
  padding-top:30px;
  line-height:1.3;
}

.heroSubHeader{
 
 font-weight:normal;
 font-size:24px;
 color:#ffffff;
 padding-top:20px;
 line-height:1.3;
}
#HeroHeaderText-2025 {
 
  text-align: left;
  margin-top:10px;
  margin-left: 25px;
  width:55%;
}

#SubHeroHeaderText-2025 {
   text-align: left;
   margin-top:10px;
   margin-left: 25px;
}
#VideoHdiv{
font-size: 16px ;
text-decoration:none ;
text-align:left ;
 margin-left: 25px;
 color:#ffffff;
}
#VideoHdiv a:link{
color:#ffffff !important;
}
.homepage_container{
max-width:1440px;
margin: 0 auto;	
	
}

#Resource_2025
{
display: block;
width:100%;
margin-top: 100px;
margin-bottom: 100px;
}

@media only screen and (max-width: 991.99px) {
#Resource_2025 {
	margin-top: 36px;
  margin-bottom: 36px;
}
}

#NewsEvent{
 display: block;
 max-width: 100%;
 padding:100px 30px;
 background-image: url(/assets/images/home2025/News-and-Event-BG.svg);
 padding-left:20px;
}
#CYP_2025{
display: block;
max-width: 100%;
background-color:#F5F6F7;
padding-top: 100px;
padding-bottom: 100px;
}

@media only screen and (max-width: 991.99px) {
#CYP_2025, #NewsEvent {
	padding-top: 36px;
  padding-bottom: 36px;
}
}
#HDI_2025{
display: block;
max-width: 100%;
margin-top: 100px;
margin-bottom: 100px;
}

@media only screen and (max-width: 991.99px) {
#HDI_2025 {
	margin-top: 36px;
  margin-bottom: 36px;
}
}

.home-title-2025{
text-align: left;
padding-left:80px;
font-size:36px;
font-family:Helvetica;
font-weight:bold;
color:#01285f;
}
h1.page-title{
margin-top: 50px !important;
}
h2.News-title{
 color:#ffffff;
}
.news-title-2025{
text-align: left;
font-size:36px;
font-family:Helvetica;
font-weight:bold;
color:#ffffff;
}
ol.carousel-indicators li.active {
     width: 12px;
     height: 12px;
     margin-bottom: 0;
     border-radius: 50%;
     border: 1;
     background: #ffffff;
   
}
   .carousel-indicators [data-target]{
   background-color: #60789A;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   margin: 0 8px; 
}
.carousel-indicators{
bottom:-80px !important;
background:rgba(255,255,255,0.3);
border: rgba(255,255,255,0.3) solid 2px;
border-radius:25px;
height:30px;
width:120px;
padding-top:8px;
margin-right:45% !important;
margin-left:45% !important;
}

.ui-btn {
  background-color: inherit !important;
}

.menuText{
color:#01285f !important;
}

.Right_text
{
display:flex;
flex-direction: column;
gap:10px;
text-align: left;
font-size: 20px;
font-weight:bold;
line-height:0.5;
color:#000000;
font-family:Helvetica;
}

.text-center a{
font-family:Helvetica;
font-size:16px;
color:#000000 !important;
background-color:#ffffff;
width:150px;
height:40px;
border-radius:3rem;
text-align:center;
}
.margin-bottom{
margin-bottom:-20px;
}
.card-title h5{
font-family:Helvetica !important;
font-weight:bold !important;
font-size:20px !important;
color:#ffffff !important;
}
.custom-card{
width: 300px;
height:280px;
padding:30px;
max-width:18rem;
border-radius:15px;
display:flex;
flex-direction: column;
gap:20px;	
}
.custom-card .btn{
bottom:20px;
left:80px;
}
.card-text p{
font-family:Helvetica !important;
font-size:16px !important;
color:#ffffff !important;
}
.image-text-linkWWO{
display:flex;
align-items:center;
gap:12px;
justify-content:center;
min-width:0px;
white-space: nowrap;
}
.image-text-linkWWOL{
display:flex;
align-items:center;
gap:12px;
justify-content:left;
min-width:0px;
white-space: nowrap;
}
.contentWWO{
display:flex;
flex-direction: column;
}
.responsive-icon{
width:100px;
height:100px;
flex-shrink:0;
}
.LeanMWWO{
display:block;
color:#551A8B !important;
text-decoration:underline !important;
font-family:Helvetica;
font-size:16px;
margin-top:10px;
}
.card-titleNE{
font-family:Helvetica;
font-weight:bold;
font-size:20px;
color:#ffffff !important;
}
.card-textNE{
font-family:Helvetica;
font-size:16px;
color:#ffffff !important;
margin-top:20px;

}

.HDI-block{
 max-width: 600px;
 margin:0 auto;
 display:flex;
 flex-direction:column;
 gap:15px;
 padding:10px;
}
.top-text{
 color:#01285F;
 font-family:Helvetica;
 font-size: 20px;
 font-weight:bold;
 text-align:left;
}
.HDIcontent-image{
 width:100px;
 height: 100px;
 object-fit: contain;
 display:block;
 align-items:center;
 margin-left:80px;
 
}
.middle-text{
font-size:16px;
color:#000000;
font-family:Helvetica;
}
.bottom-link{
display:inline-block;
color:#01285f;
text-decoration:underline;
align-self:left;
text-align:left;
font-size:16px;
font-family:Helvetica;
bottom:20px;
}
.Heropopup{
font-size:16px;
color:#ffffff;
font-family:Helvetica;
margin-left:5px;
text-decoration:underline;
text-decoration-color:white;
}
.Heropopup:visited,
.Heropopup:hover,
.Heropopup:active,
.Heropopup:focus{
color:white !important;
text-decoration: underline !important;
text-decoration-color:white important;	
	
}
figcaption.img_captions {
    color: black !important;
    font-size: 10px;
    background-color: #fcfcfc;
    width: 100%;
    text-shadow: none;
}

figcaption.img_captions .img_caption_author {
    font-style: italic;
    text-align: right;
    text-decoration: none;
    margin-right: 5px;
}
.card-textNews{
font-family:Helvetica !important;
font-size:16px !important;
color:#000000 !important;
}
.card-textTitle{
font-family:Helvetica;
font-weight:bold;
font-size:20px;
color:#000000 !important;
margin-top:-5px;
}
.card-img-top{
width:24px;
height:24px;
margin-bottom:auto;
}
.image-text-container{
 display:flex;
 align-items:center;
 gap:12px;
 }
.custom-cardNE{
width: 380px;
padding:50px 30px;
max-width:18rem;
border-radius:15px;
background-color:#ffffff;
height:290px;
}

.card-bodyNE {
bottom:20px;
position:absolute;
}

.card-body{padding:0px !important}

@media only screen and (max-width: 786px) {
.single-col-wrap {
	margin-bottom: 0px !important;
}
.responsive-icon{width:30px !important;}
.Right_text{font-size:10px !important;font-weight:normal !important;}
.LeanMWWO{font-size:8px!important;}
.top-text{font-size:8px!important;}
.HDIcontent-image{max-height:20px!important;margin-left:0px!important;}
.bottom-link{padding:8px 16px!important; font-size:8px!important;}
.middle-text{font-size:8px!important;}
.home-title-2025{font-size:12px!important;}
.heroHeader{font-size:8px!important;}
.heroSubHeader{font-size:8px!important;}
.card-titleNE{font-size:8px !important;}
.card-textNE{font-size:8px !important;}
.card-textNews{font-size:8px !important;}
.Heropopup{font-size:12px; }
.custom-card{width:100px !important;height:300px !important;gap:0px !important;}
.custom-cardNE{width:100px !important;height:300px !important;gap:0px !important;}
.text_center a{width:50px !important;height:20px !important;font-size:8px !important;}
.HDI-block{ max-width: 100px; height:200px;}
.four-col-wrap .col-a, .four-col-wrap .col-b, .four-col-wrap .col-c, .four-col-wrap .col-d {width: 30% !important;}
}
@media only screen and (max-width: 1300px) {
.single-col-wrap {
	margin-bottom: 0px !important;
}
.responsive-icon{width:50px;}
.Right_text{font-size:16px;font-weight:normal;}
.LeanMWWO{font-size:12px;}
}

.blue-title {
  color:#01285f;
  font-size:36px;
}

.offer-card {
  border: none;
  text-align: left;
  background-color: transparent;
}

.offer-icon {
  height: 80px;
  margin-right: 1rem;
}

.offer-card-body {
  display: flex;
  align-items: center;
}

.offer-content h2 {
  color: #01285f;

}

.offer-content h5 {
  font-weight: 700;
  margin-bottom: 0.25rem;
  color: #1a1a1a;
font-size: 1.1rem;
}

.offer-content a {
  color: #0a3161 !important;
  font-weight: 500;
  text-decoration: underline;
  font-size: 0.95rem;
}

.offer-content a:visited {
  color: #551A8B !important;
}

@media (max-width: 576px) {
  .offer-card-body {
    flex-direction: column;
    text-align: center;
  }

  .offer-icon {
    margin: 0 0 0.75rem 0;
  }
}

@media (min-width: 990px) {
  .offer-card-body {
    margin-right: 20px;
  }
  .margin-right32 {
    margin-right: 32px;
  }
}

@media (max-width: 989.99px) {
  .card-height {
    height: 250px;
  }
}

.card-custom {
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 300px;
    height:280px;
    padding:30px;
    border-radius:15px;
    gap:20px;	
    margin: 0 auto;
}

@media (min-width: 1999px) {
    .card-custom {
      width: 320px;
    }
}

.carousel-inner {
  width: 83%;
}

@media (max-width: 785px) and (min-width: 575px) {
  .carousel-inner {
    width: 50%;
  }
}

@media (max-width: 574.99px) and (min-width: 450px) {
  .carousel-inner {
    width: 65%;
  }
}


.bg-green {
  background-color: #507f6f;
}

.bg-purple {
  background-color: #825181;
}

.bg-navy {
  background-color: #052962;
}

.bg-white {
  background-color: #ffffff;
}

.blue-outline {
  outline: 2px solid #0a3161;
}
.blue-outline:hover {
  outline: 2px solid #0a3161;
}


.btn-rounded {
  color: #052962;
  border-radius: 1.5rem;
  padding: 0.5rem 1.5rem;
  font-weight: 500;
  text-align: center;
}

.btn-rounded:hover {
  background-color: #f0f0f0 !important;
}

.btn-secondary:hover{
  color: #0a3161 !important;
}

.card-title {
  font-weight: bold;
}

.card-text {
  margin-top: 1rem;
  flex-grow: 1;
}

.card-custom .learn-more {
  margin-top: auto;
  font-weight: 500;
  color: #0a3161 !important;
  text-decoration: underline;
}


.card-how {
  border: none;
  background-color: transparent;
}

.card-how .card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card-how img {
  width: auto;
  height: 100px;
  margin-bottom: 1rem;
}

.card-how h5 {
  font-weight: 700;
  color: #0a3161;
  margin-bottom: 0.5rem;
  text-align: center;
}

.card-how p {
  flex-grow: 1;
  font-size: 0.95rem;
}

.card-how .learn-more {
  margin-top: auto;
  font-weight: 500;
  color: #0a3161 !important;
  text-decoration: underline;
}

.card-height {
  height: 300px;
}

@media (max-width: 576px) {
  .card-how .learn-more {
    text-align: left;
  }
}

#searchForm-mobile .ui-btn {
  margin: .4rem 0;
}

.carousel-item h5 {
  font-size: 1.25rem;
  font-weight: bold;
  color: #000000;
}

.carousel-item svg.card-img-top {
  fill: #52806c;
}

.carousel-item .learn-more {
  margin-top: auto;
  font-weight: 500;
  color: #0a3161 !important;
  text-decoration: underline;
}

.carousel-item .learn-more:visited{
  color: #551A8B !important;
}

.carousel-item p {
  color: #000000;
  font-size: 16px;
}

 .ui-input-search{
  height:26px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;	
 }

#searchForm-mobile .ui-input-search:after {
  height: 26px !important;
  top: 0 !important;
}

@media only screen and (max-width: 360px) {
  #searchForm-mobile .ui-input-search:after {
    margin-top: -0;
  }
}