@font-face {
    font-family: 'NeueHaasNormal';
    src: url('../fonts/NeueHaas-Normal.eot?v=4.7.0');
    src: url('../fonts/NeueHaas-Normal.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
    url('../fonts/NeueHaas-Normal.woff2?v=4.7.0') format('woff2'), 
    url('../fonts/NeueHaas-Normal.woff?v=4.7.0') format('woff'), 
    url('../fonts/NeueHaas-Normal.ttf?v=4.7.0') format('truetype'), 
    url('../fonts/NeueHaas-Normal.svg?v=4.7.0') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NeueHaasMediu';
    src: url('../fonts/NeueHaas-Mediu.eot?v=4.7.0');
    src: url('../fonts/NeueHaas-Mediu.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
    url('../fonts/NeueHaas-Mediu.woff2?v=4.7.0') format('woff2'), 
    url('../fonts/NeueHaas-Mediu.woff?v=4.7.0') format('woff'), 
    url('../fonts/NeueHaas-Mediu.ttf?v=4.7.0') format('truetype'), 
    url('../fonts/NeueHaas-Mediu.svg?v=4.7.0') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{font-family:'NeueHaasNormal'!important;}
h1,h2,h3,h4,h5,h6{font-family:'NeueHaasMediu'!important;letter-spacing:.5px!important;}
img{max-width:100%;}
.navTabTxtBx .nav-link.active{background:#eff7ff!important;box-shadow:0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0 0 1.25rem rgba(30, 34, 40, 0.04)!important;opacity:1!important;}
.navTabTxtBx .nav-link{background:#fff!important;box-shadow:0 0 0 0.05rem rgba(8, 60, 130, 0.06), 0 0 1.25rem rgba(30, 34, 40, 0.04)!important;opacity:.3;}
.eventsTab .nav.nav-tabs{display:inline-flex;}
.eventsTab .nav-tabs .nav-link{background:none;box-shadow:none;}
.eventsTab .nav-tabs .nav-link.active{background:#fff;}
.reviewSwip .swiper-slide{padding:30px 15px;background:rgb(0,43,64);background:linear-gradient(90deg, rgba(0,43,64,1) 0%, rgba(0,66,110,1) 100%);color:#fff;border-radius:8px;}
.reviewSwip .swiper-slide-active{width:70%!important;}
.reviewSwip p{margin:0 0 20px 0;height:160px;overflow:hidden;}
.reviewSwip h4{margin:0px;padding-right:10px; color:#c3e1ff;font-size:20px;line-height:23px;float:left;text-align:left;border-right:2px solid #42aaff;float:right;text-align:right;}
.reviewSwip small{font-size:16px;color:#fff;}
.eventItem{position:relative;z-index:9;color:#fff;text-align:left;border-radius:8px; background:rgb(0, 43, 64);background:linear-gradient(90deg, rgba(0, 43, 64, 1) 0%, rgba(0, 66, 110, 1) 100%);}
.eventItem .card-body .avatar{padding:11px 0;text-align:center;letter-spacing:1.5px;line-height:20px;display:block;}
.eventItem .card-body .avatar small{display:block;}
.gapLinkBx{}
.cSItem{position:relative;min-height:270px;border-radius:12px;overflow:hidden;background-size:cover!important;}
.cSItem:before{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;content:'';background:rgba(0,0,0,.5);}
.cSItem .inner{padding:20px; color:#fff;position:relative;left:0;top:0;right:0;bottom:0;z-index:1;display:block;}
.cSItem .inner img{max-width:150px;}
.cSItem .inner h3{margin:0px;font-size:20px;font-weight:700;line-height:22px;}
.newPageBanner{background-image:url(/astro-assets/images/common/background-circle-fade-blue-right.svg),url(/astro-assets/images/common/background-circle-fade-green-up.svg),url(../img/background-dotted-circle-fade-forest-up-left.svg),url(../img/background-dotted-circle-fade-forest-up-right.svg),radial-gradient(25% 50% at 0 100%,#589adc69 17.19%,#fff0),radial-gradient(50% 5% at 50% 100%,#006ec213 52.08%,#fff0),radial-gradient(33% 50% at 75% 0,#589adc70 17.19%,#fff0);background-size:20rem,24rem,14rem,16rem,auto,auto,auto;background-position:80% calc(100% + 10rem),calc(100% + 8rem) 85%,70% 30%,calc(100% + 6rem) 50%,center,center,center;background-repeat:no-repeat}
.bodyBg{padding:90px 0 50px;}
.pageBanner{padding:30px 0;}
.pageBanner h1{font-size:40px;}
.welcomeBx{padding-bottom:90px;}
.welcomeBx h1{font-size:40px;}
.welcomeBx p{font-size:18px;text-align:justify;}
.inoItem h3{font-size:32px;}
.inoItem p{font-size:18px;}
.quickLinksBx{}
.quickLinksBx li{width:45%;display:inline-flex;}
.quickLinksBx li a{display:block!important;}

/* responsive work start */
@media only screen and (max-width: 1023px) {
    .reviewSwip .swiper-slide-active{width:100%!important;}
    .reviewSwip p{height:auto;}
    .js-scroll{opacity:1!important;}
}

@media only screen and (max-width: 1000px) {
  .bodyBg .shape.bg-line.rounded-circle{display:none;}
}

@media only screen and (max-width: 980px) {
  .breadcrumb{display:ruby;}
  .newPageBanner{background-size: 20rem, 24rem, 0rem, 0rem, auto, auto, auto;}
  .welcomeBx h1{font-size:28px;}
  .welcomeBx p{font-size:16px;}
  .inoItem h3{font-size:26px;}
  .inoItem p{font-size:16px;text-align:justify;}
  .bodyBg{padding:30px 0 15px;}
}

@media only screen and (max-width: 767px) {
    .bannerImg{display: none;}
    .welcomeBx{padding-bottom:50px;}
    .inoItem h3{margin-bottom:5px!important;}
    .inoItem p{margin-bottom:5px!important;}
    .bodyBg{padding:40px 0 30px;}
}
/* responsive work end */


/****** inner page nav work start here ******/
.stickyTopNav{padding:0 13.1%;z-index:99;top:89px;}
.stickyTopNav .navbar-nav .nav-item .nav-link{padding:.1rem 1rem!important;letter-spacing:.5px;}
@media only screen and (max-width: 992px) {
    .stickyTopNav{padding:0 5%;top:90px;}
    .stickyTopNav .navbar-nav{width:100%;display:inline-block!important;}
    .stickyTopNav .navbar-nav .nav-item{width:auto;display:inline-block!important;}
    .stickyTopNav .navbar-nav .nav-item .nav-link{padding-left:7px;padding-right:7px;}
}
@media only screen and (max-width: 412px) {
    .stickyTopNav{padding:0 2%;top:90px;}
    .stickyTopNav .navbar-nav .nav-item .nav-link{padding-left:5px;padding-right:5px;font-size:14px;}
}
/****** inner page nav work end here ******/

/****** this css style are use for page scroll animation start here******/
@media screen and (max-width:650px) {
  .scroll-container,.scroll-container:nth-of-type(2n){flex-direction:column;align-content:inherit}
  .scroll-element{height:100%}
  .scroll-caption,.scroll-element{width:100%}
}
.js-scroll{opacity:0;transition:opacity .5s}
.js-scroll.scrolled{opacity:1}
.scrolled.fade-in{animation:1s ease-in-out both fade-in}
.scrolled.fade-in-top{animation:1s ease-in-out both fade-in-top}
.scrolled.fade-in-bottom{animation:1s ease-in-out both fade-in-bottom}
.scrolled.slide-left{animation:1s ease-in-out both slide-in-left}
.scrolled.slide-right{animation:1s ease-in-out both slide-in-right}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-top {
    0% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
      opacity: 1;
    }
  }

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/****** this css style are use for page scroll animation end here******/