.innerHeader .headerInnerWrp {background: #000; position: fixed; top: 0; left: 0; width: 100%; padding: .5rem 0;}
.innerHeader .headerInnerWrp .logo {width: 100px; position: relative; margin: 0;  margin-right: -80px; top: auto;}
.innerHeader .headerInnerWrp .cta {position: relative; top: auto; right: auto; transform: translateY(0);}

.formBox {padding: 40px; background: #fff; border: 1px solid #ddd; /*box-shadow: 0 5px 10px rgb(0 0 0 / 5%);*/ }
.formBox .form-control:focus {border-color: var(--blue); box-shadow: none;}
.formBox label {font-size: .9rem; margin-bottom: .5rem; font-weight: 700;}
.formBox .form-control, .formBox .form-select { font-size: .9rem; padding: .8rem}

.innerFooter {background: var(--black); color: var(--white); padding: 2rem 0;}
.innerFooter .footerBox {border: 0; padding: 0;}

.innerMain {padding-top: 63.96px;}

@media(max-width:575.99px){
    .formBox {padding: 15px;}
}

.innerContainer {position: relative; z-index: 1;}

.innerBanner { position: relative; color: var(--white);}
.innerBannerPic { position: absolute; top: 0; left: 0; width: 100%; height: 100%} 
.innerBannerPic::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.47); }
.innerBannerPic img {width: 100%; height: 100%; object-fit: cover;}
.bredcrumb li { position: relative;}
.bredcrumb li:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%) rotate(45deg); font-size: 1rem; margin-left: 1rem; width: .5rem; height: .5rem; border: 1px solid var(--white); border-left: 0; border-bottom: 0; }
.bredcrumb li:last-child:after {display: none}

.newsList li a {background: rgba(0, 145, 210, 0.28); height: 100%; backdrop-filter: blur(10px); display: block; padding: 1.5rem;  color: var(--white); border: 1px solid var(--blue); border-radius: 1rem;}

.newsList li a p {font-size: 1rem; margin: 0;}


.newsPic {height: 0; position: relative; padding-bottom: 75%; margin: 1px 1px 0 1px;}
.newsPic img {width: 100%; height: 100%; object-fit: cover; object-position: top; position: absolute; top: 0; left: 0;}

.newsBox {color: var(--black); height: 100%; display: flex; flex-direction: column; background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat,
    linear-gradient(90deg, #003a5d 0%, #99B81B 100%);
}
.newsBox span, .newsPopup span {font-size: 0.8rem; display: block; margin-bottom: .5rem;}
.newsBox h4, .newsPopup h4 { font-size: 1rem;  font-weight: 700;}

.newsPopup {height: auto; color: var(--white); min-width: inherit; max-width: 700px; position: relative; background: url(../images/newspopupBg.jpg) no-repeat center; background-size: cover;}
.newsPopup::before {content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.73);}

.newsDetail {padding:1.5rem 1rem; min-height:80px; height: 100%; position: relative;}
.newsDetail::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(85deg,  #003A5D, #99B81B); z-index: -1; opacity: 0; transition: all 0.3s ease-in-out;}
.newsDetail::after {content: ''; position: absolute; bottom: -5px; right: 0; width: 80px; height: 80px; background: url(../images/trophy.png) no-repeat center; background-size: contain;}
.newsBox:hover .newsDetail { color: var(--white); }
.newsBox:hover .newsDetail:before { color: var(--white); opacity: 1;}
.newsDetail h4:last-child {margin-bottom: 0;}

.dotted {position: absolute; }
.dotted1 {top: 0; right: 0;}
.dotted2 {bottom: 0; left: 0;}


/* Gallery Page */
.galleryTab {border-bottom: 1px solid #0091D2; padding: 0;}
.galleryTab li{padding: .5rem 1rem;color: #0091D2; cursor: pointer; font-weight: 700;  }
.galleryTab li.active{background: #0091D2; border-radius: 1rem 1rem 0 0;color: #fff;  }
.galleryBox{height: 0;position: relative;padding-bottom: 100%; display: block; overflow: hidden;}
.galleryBox img{width: 100%;height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;transform:scale(1) ;transition: all 0.3s ease-in-out;}
.galleryBox:hover img{transform: scale(1.1);}
@media(max-width:575px){
    .galleryTab { overflow-x: auto;}
    .galleryTab li{white-space: nowrap;}
}