/*-------------------------------------------------------------- # General --------------------------------------------------------------*/
html{width:100%;overflow-x:hidden;overflow-y:auto;font-size:clamp(14px, calc(10px + 0.390625vw), 24px)}
.navbar-nav {--bs-nav-link-color:rgba(253, 253, 253, 0.7)}
 body {
	 font-family: "Open Sans", sans-serif;
	 max-width:100%;
}
 a {
	 text-decoration: underline rgba(var(--bs-link-color-rgb), .3)
}
 a:hover {
	 color: #f35e65;
	 text-decoration: none;
}
/* cookieconsent */
 #cc_div #cm {
	 outline:2px solid var(--bs-highlight-200);
	 padding:1rem 1.5rem 
}
 #c-bns button:first-child,#s-bns button:first-child {
	 background: var(--bs-highlight);
}
 .cc_div .c-bn {
	 background: rgba(var(--bs-secondary-rgb),.2);
}
 #c-bns button:first-child:active,#c-bns button:first-child:hover,#c-bns.swap button:last-child:active,#c-bns.swap button:last-child:hover,#s-bns button:first-child:active,#s-bns button:first-child:hover {
	 background: var(--bs-highlight-700);
}
/* end cookieconsent */
:is(ol, ul):not(.breadcrumb, .nav) {
    display: grid;
    gap: 1.25rem;
}
.row :is(ol, ul) {
    max-width: 75ch;
}
:is(ol, ul) :is(ol, ul) {
    display: grid;
    gap: 0.5rem!important;
    margin-top: 0.5rem;
}
 .btn-link:is(:hover,:active,:focus) i {
	 transform: translate(0.75rem, 0);
}
 .btn-link i {
	 transition: .5s transform ease-in-out;
}
 .random-img {
	 opacity: 1;
	 background-image: var(--randbgIMG);
	 background-repeat: no-repeat !important;
	 background-size: cover !important;
	 background-position: center 10% !important;
	 background-blend-mode: normal;
	 background-attachment: fixed;
	 position:relative;
	 z-index:1;
	 border-radius:0 0 15vw 20vw;
}
 .fit-content {
	 width:fit-content 
}
 .object-fit {
	 object-fit: cover;
	 height: 100%;
	 width: 100%;
}
 .object-contain {
	 object-fit:scale-down;
}
 .offcanvas.show {
	 visibility:visible;
}
:not(.offcanvas.show) a.active, :not(.offcanvas.show) a.active:after {
    color: #fff;
    opacity: 1;
    content: '';
    visibility: visible!important;
}
 h1, h2, h3, h4, h5, h6 {
	 font-family: "Montserrat", sans-serif;
	 font-weight:bold;
}
 :is(h1,h2,h3,h4,h5,h6).bi:before {
	 padding-right: 1rem;
}
 .grid-overlap {
	grid-row:1;
	grid-column:1 / -1;
}
/*-------------------------------------------------------------- # Preloader --------------------------------------------------------------*/
 #preloader {
	 position: fixed;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 z-index: 9999;
	 overflow: hidden;
	 background: #fff;
	 display:grid;
}
 #preloader:before {
	 content: "";
	 position: fixed;
	 border: 8px solid var(--bs-blue);
	 border-top-color: #eaefff;
	 border-radius: 50%;
	 width: 60px;
	 height: 60px;
	 -webkit-animation: animate-preloader 1s linear infinite;
	 animation: animate-preloader 1.25s linear infinite;
	 place-self:center;
}
 @-webkit-keyframes animate-preloader {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes animate-preloader {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
/* Logo */
 .navbar-brand img {
	max-height:50px;
	width:clamp(190px, 30vw, 320px);
}
/*-------------------------------------------------------------- # Bootstrap Icon in Section --------------------------------------------------------------*/
 .bootstrapIcon {
	 font-size: 25vw;
}
 @media all and (max-width: 768px) {
	 .bootstrapIcon {
		 font-size:36vw;
	}
}
/*-------------------------------------------------------------- # Disable AOS delay on mobile --------------------------------------------------------------*/
 @media screen and (max-width: 768px) {
	 [data-aos-delay] {
		 transition-delay: 0s !important;
	}
}
/*-------------------------------------------------------------- # Header --------------------------------------------------------------*/
 #header {
	 min-height: 80px;
	 transition: all 0.5s;
	 z-index: 997;
	 transition: all 0.5s;
	 background: rgba(1, 4, 136, 0.9);
}
 #header.header-transparent {
	 background: transparent;
}
 #header.header-transparent:hover {
	 background:rgba(1,4,136,.8) 
}
/*#header.header-transparent:not(:hover) .navbar-nav {
    opacity: 0;
}*/
#header.header-transparent.header-scrolled .navbar-nav {
    opacity: 1;
}
 #header.header-scrolled {
	 background: rgba(1, 4, 136, 0.8);
	 min-height: 60px;
	 backdrop-filter:blur(2px);
}
 @media (max-width:596px){
	 #header.header-scrolled {
		 background: rgba(1, 4, 136, 0.9);
		 backdrop-filter: unset;
	}
}
 #header .logo h1 {
	 font-size: 28px;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
	 font-weight: 700;
}
 #header .logo h1 a, #header .logo h1 a:hover {
	 color: #fff;
	 text-decoration: none;
}
 #header .logo img {
	 padding: 0;
	 margin: 0;
	 max-height: 40px;
}
 #header button:not(.bi):after, #header a:not(.bi):after {
	 content: '';
	 position: absolute;
	 width: 25px;
	 height: 2px;
	 bottom: 3px;
	 background-color: var(--bs-blue);
	 visibility:hidden;
}
 #header button.show:after, #header button.show {
    visibility: visible;
    border: none;
    color: #fff!important;
    opacity: 1;
 }
/*-------------------------------------------------------------- # Navigation Menu --------------------------------------------------------------*/
/** * Desktop Navigation */
 .navbar {
	 padding: 0;
}
 .navbar ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	 align-items: center;
}
 .navbar li {
	 position: relative;
}
 .navbar :is(a:not(.navbar-toggler), a:focus, button:not(.navbar-toggler), button:not(.navbar-toggler):focus) {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 font-size: clamp(14px, 0.85rem, 16px);
	 font-weight: 500;
	 font-family: "Poppins", sans-serif;
	 white-space: nowrap;
	 transition: 0.3s;
}
 .navbar a i, .navbar a:focus i {
	 font-size: 12px;
	 line-height: 0;
	 margin-left: 5px;
}
 .navbar>ul>li>a:before, .navbar>ul>li>button:before {
	 content: "";
	 position: absolute;
	 width: 0;
	 bottom: 3px;
	 visibility: hidden;
	 width: 0px;
	 transition: all 0.3s ease-in-out 0s;
	 border-bottom: 2px solid var(--bs-red);
}
 .navbar :is(a:hover,.active,.active:focus,li:hover>a,button:hover,li:hover>button,button[aria-expanded="true"]) {
	 opacity:.6;
}
/* Navbar Animated Menu */
 .navbar-toggler {
	 min-width: 50px;
	 min-height:50px;
	 padding: 0.5rem !important;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 align-content: center;
	 flex-flow: column;
	 border: none;
	 background: transparent !important;
}
 .navbar-toggler:focus {
	 outline: none;
	 background: transparent !important;
}
#mainnav {height:80vh}
 #mainnav .navbar-toggler:hover, #mainnav .navbar-toggler:focus {
	 background: #217CBA!important;
}
 .navbar-toggler .icon-bar {
	 background-color: #fff;
	 transform: rotate(0deg) translate(0, 0);
	 transition: ease all .2s;
}
 .navbar-toggler .icon-bar {
	 display: block;
	 width: 22px;
	 height: 2px;
	 border-radius: 1px;
}
 .navbar-toggler .icon-bar+.icon-bar {
	 margin-top: 4px;
}
 .icon-bar.middle-bar{
	 width: 16px;
	 transition: ease all .2s;
}
 .navbar-toggler:hover>.icon-bar, .navbar-toggler:focus>.icon-bar {
	 box-shadow: 1px 0 3px #ececec;
}
 .navbar-toggler:hover>.middle-bar, .navbar-toggler:focus>.middle-bar, .navbar-toggler:active>.middle-bar {
	 width: 22px;
	 transition: ease all .2s;
}
 .navbar-toggler[aria-expanded="true"] .icon-bar.top-bar {
	 transform: rotate(45deg) translate(5px, 4px);
	 transition: ease all .2s;
	 background-color: #ffc735;
}
 .navbar-toggler[aria-expanded="true"] .icon-bar.middle-bar {
	 opacity: 0;
	 transition: ease all .2s;
}
 .navbar-toggler[aria-expanded="true"] .icon-bar.bottom-bar {
	 transform: rotate(-45deg) translate(4px, -4px);
	 transition: ease all .2s;
	 background-color: #ffc735;
}
 .navbar-dark .navbar-toggler:focus {
	outline:2px inset #fcc735;
	box-shadow:none;
}
/* END Navbar */
 .folder ul {
	 opacity:0;
	 transition:opacity.25s;
	 visibility:hidden;
}
 .folder ul.show {
	 opacity:1;
	 visibility:visible;
	 z-index:1;
}
 .folder ul.show li {
	 width:100%;
}
 .folder .folder .show {
	 position:relative;
	 background:transparent;
	 font-size:.8rem!important;
}
 .navbar ul.show :is(a:hover,.active,.active:focus,li:hover>a,button:hover,li:hover>button,button[aria-expanded="true"]) {
	 background: var(--bs-red);
}
 .navbar .dropdown ul {
	 display: block;
	 opacity: 0;
	 visibility: hidden;
	 background: #fff;
	 box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	 transition: 0.3s;
	 border-radius: 4px;
}
 .navbar .dropdown ul li {
	 min-width: 200px;
}
 .navbar .dropdown ul a {
	 padding: 10px 20px;
	 font-size: 14px;
	 font-weight: 500;
	 text-transform: none;
	 color: #01036f;
}
 .navbar .dropdown ul a i {
	 font-size: 12px;
}
 .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a {
	 color: var(--bs-red);
}
 .navbar .dropdown-menu.show {
	 opacity: 1;
	 top: 100%;
	 visibility: visible;
}
 .navbar .dropdown .dropdown ul {
	 top: 0;
	 left: calc(100% - 30px);
	 visibility: hidden;
}
 .navbar .dropdown .dropdown:hover>ul {
	 opacity: 1;
	 top: 0;
	 left: 100%;
	 visibility: visible;
}
 @media (max-width: 1366px) {
	 .navbar .dropdown .dropdown ul {
		 left: -90%;
	}
	 .navbar .dropdown .dropdown:hover>ul {
		 left: -100%;
	}
}
/** * Mobile Navigation */
 .mobile-nav-toggle {
	 color: #fff;
	 font-size: 28px;
	 cursor: pointer;
	 display: none;
	 line-height: 0;
	 transition: 0.5s;
}
 @media (max-width: 991px) {
	 .mobile-nav-toggle {
		 display:block 
	}
}
 .navbar-mobile {
	 position: fixed;
	 overflow: hidden;
	 top: 0;
	 right: 0;
	 left: 0;
	 bottom: 0;
	 background: rgba(1, 3, 91, 0.9);
	 transition: 0.3s;
	 z-index: 999;
}
 .navbar-mobile .mobile-nav-toggle {
	 position: absolute;
	 top: 15px;
	 right: 15px;
}
 .navbar-mobile ul {
	 display: block;
	 position: absolute;
	 top: 55px;
	 right: 15px;
	 bottom: 15px;
	 left: 15px;
	 padding: 10px 0;
	 border-radius: 8px;
	 background-color: #fff;
	 overflow-y: auto;
	 transition: 0.3s;
}
 .navbar-mobile>ul>li>a:before {
	 left: 20px;
}
 .navbar-mobile a, .navbar-mobile a:focus {
	 padding: 10px 20px;
	 font-size: 15px;
	 color: #0205a1;
}
 .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover>a {
	 color: #3f43fd;
}
 .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
	 margin: 15px;
}
 .navbar-mobile .dropdown ul, .navbar-mobile .dropdown .dropdown ul {
	 position: static;
	 display: none;
	 margin: 10px 20px;
	 padding: 10px 0;
	 z-index: 99;
	 opacity: 1;
	 visibility: visible;
	 background: #fff;
	 box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
 .navbar-mobile .dropdown ul li, .navbar-mobile .dropdown .dropdown ul li {
	 min-width: 200px;
}
 .navbar-mobile .dropdown ul a, .navbar-mobile .dropdown .dropdown ul a {
	 padding: 10px 20px;
}
 .navbar-mobile .dropdown ul a i, .navbar-mobile .dropdown .dropdown ul a i {
	 font-size: 12px;
}
 .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover>a, .navbar-mobile .dropdown .dropdown ul a:hover, .navbar-mobile .dropdown .dropdown ul .active:hover, .navbar-mobile .dropdown .dropdown ul li:hover>a {
	 color: var(--bs-red);
}
 .navbar-mobile .dropdown>.dropdown-active, .navbar-mobile .dropdown .dropdown>.dropdown-active {
	 display: block;
}
/** Expanding Search Bar **/
.search-container {
	height: 50px;
	width: 50px;
}

.search {
	right: 0; 
	padding: 0;
	width: 0;
	max-height: 50px;
	transition: .4s width ease-in-out;
}

.search:focus {
	padding: 0 .75rem;
	width: clamp(320px, 33vw, 100vw);
}

.expandright {
	left: auto;
	right: 49px;
}
form #searchButton {
    max-height: 50px;
    max-width: 50px;
}
input.gsc-input {
    display: none;
  }
.gsc-search-button {
    display: none;
}
.gsc-control-cse {
    border-color: transparent !important;
    background-color: transparent !important;
}
.gsc-input-box {display:none}
/*-------------------------------------------------------------- # Hero Section --------------------------------------------------------------*/
 #hero {
	 width: 100%;
	 position: relative;
	 padding: 120px 0 0 0;
	 min-height:100vh;
}
 #hero:before {
	 content: "";
	 background: rgba(2, 5, 161, 0.91);
	 position: absolute;
	 bottom: 0;
	 top: 0;
	 left: 0;
	 right: 0;
}
#hero h1 {
    font-size: clamp(36px, 6vw, 120px);
}
 #hero video {
	 mix-blend-mode: soft-light;
}
 #hero .btn-get-started {
	 font-family: "Montserrat", sans-serif;
	 font-weight: 500;
	 font-size: 16px;
	 letter-spacing: 1px;
	 display: inline-block;
	 padding: 10px 30px;
	 border-radius: 50px;
	 transition: 0.5s;
	 color: #fff;
	 background: var(--bs-red);
}
 #hero .btn-get-started:hover {
	 background: var(--bs-red);
	 color:#fff;
	 border-color:transparent;
}
 #hero .animated {
	/* animation: up-down 5s ease-in-out infinite alternate-reverse both;
	*/
}
 @media (min-width: 1024px) {
	 #hero {
		 background-attachment: fixed;
		 padding-bottom:18rem;
	}
	 #hero + main {
		 background:#f9f9f9;
		 border-radius:0 10vw 0 0;
		 margin-top:-14rem;
		 padding:60px 0;
		 min-height:240px;
	}
}
 @media (max-width: 991px) {
	 #hero {
		 padding-top: 80px;
	}
	 #hero .animated {
		 -webkit-animation: none;
		 animation: none;
	}
	 #hero .hero-img {
		 text-align: center;
	}
	 #hero .hero-img img {
		 max-width: 50%;
	}
	 #hero h2 {
		 font-size: 18px;
		 line-height: 24px;
		 margin-bottom: 30px;
	}
}
 @media (max-width: 575px) {
	 #hero .hero-img img {
		 width: 80%;
	}
}
 @-webkit-keyframes up-down {
	 0% {
		 transform: translateY(10px);
	}
	 100% {
		 transform: translateY(-10px);
	}
}
 @keyframes up-down {
	 0% {
		 transform: translateY(10px);
	}
	 100% {
		 transform: translateY(-10px);
	}
}
 .hero-waves {
	 display: block;
	 margin-top: 60px;
	 width: 100%;
	 height: 60px;
	 z-index: 5;
	 position: relative;
}
 .wave1 use {
	 -webkit-animation: move-forever1 10s linear infinite;
	 animation: move-forever1 10s linear infinite;
	 -webkit-animation-delay: -2s;
	 animation-delay: -2s;
}
 .wave2 use {
	 -webkit-animation: move-forever2 8s linear infinite;
	 animation: move-forever2 8s linear infinite;
	 -webkit-animation-delay: -2s;
	 animation-delay: -2s;
}
 .wave3 use {
	 -webkit-animation: move-forever3 6s linear infinite;
	 animation: move-forever3 6s linear infinite;
	 -webkit-animation-delay: -2s;
	 animation-delay: -2s;
}
 @-webkit-keyframes move-forever1 {
	 0% {
		 transform: translate(85px, 0%);
	}
	 100% {
		 transform: translate(-90px, 0%);
	}
}
 @keyframes move-forever1 {
	 0% {
		 transform: translate(85px, 0%);
	}
	 100% {
		 transform: translate(-90px, 0%);
	}
}
 @-webkit-keyframes move-forever2 {
	 0% {
		 transform: translate(-90px, 0%);
	}
	 100% {
		 transform: translate(85px, 0%);
	}
}
 @keyframes move-forever2 {
	 0% {
		 transform: translate(-90px, 0%);
	}
	 100% {
		 transform: translate(85px, 0%);
	}
}
 @-webkit-keyframes move-forever3 {
	 0% {
		 transform: translate(-90px, 0%);
	}
	 100% {
		 transform: translate(85px, 0%);
	}
}
 @keyframes move-forever3 {
	 0% {
		 transform: translate(-90px, 0%);
	}
	 100% {
		 transform: translate(85px, 0%);
	}
}
 #top.h-50 {
	 min-height:60vh;
}
 #top.h-100 {
	 min-height:100vh;
}
 #top h1 {
	 backdrop-filter: blur(5px);
	 background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(17,37,66,.5),rgba(255,255,255,0) 100%);
	 border-radius:50% 50% 0 0;
	 position:relative;
	 left:-5.0725%;
}
.card-body a:not(.stretched-link) {
    z-index: 3;
    position: relative;
}
/*-------------------------------------------------------------- # TakeAction Section --------------------------------------------------------------*/
 #takeAction .card-img-overlay:after {
	 border-radius:.25rem;
	 position: absolute;
	 top: 0;
	 left: 0;
	 box-shadow: inset 0px 0px 100px 25px #333;
	 width: 100%;
	 height: 100%;
	 content: '';
	 mix-blend-mode: darken;
	 transition: .25s box-shadow ease-in-out;
}
 #takeAction .card-img-overlay:hover:after {
	 box-shadow: inset 0px 0px 100px 75px var(--bs-blue);
	 mix-blend-mode: color;
	 z-index:0;
}
 #takeAction .card-img-overlay :is(h1,h2,h3,h4,h5,h6) {
	 z-index:1;
	 text-shadow:1px 3px 4px #555;
	 opacity:1;
	 transition:.3s opacity ease-in-out;
}
 #takeAction .card-img-overlay:hover :is(h1,h2,h3,h4,h5,h6) {
	 opacity:0.8;
}
/*-------------------------------------------------------------- # Sections General --------------------------------------------------------------*/
 main section {
	 padding-top: 0.5rem;
	 min-width:25vw;
}
 section {
	 padding: 1vw 0;
}
 section:is(.bg-white,.bg-transparent) .tab-pane :is(h1,h2,h3,h4,h5,h6), section:first-of-type .tab-pane :is(h1,h2,h3,h4,h5,h6) {
	 color: #010483!important;
}
 section p, main p {
	 max-width:75ch;
}
 .section-bg {
	 background-color: #f5f5ff;
}
 .section-title {
	 padding-bottom: 40px;
}
 .section-title h2 {
	 font-size: 14px;
	 font-weight: 500;
	 padding: 0;
	 line-height: 1px;
	 margin: 0 0 5px 0;
	 letter-spacing: 2px;
	 text-transform: uppercase;
	 color: #aaaaaa;
	 font-family: "Poppins", sans-serif;
}
 .section-title h2::after {
	 content: "";
	 width: 120px;
	 height: 1px;
	 display: inline-block;
	 background: var(--bs-red);
	 margin: 4px 10px;
}
 .section-title p {
	 margin: 0;
	 margin: 0;
	 font-size: 36px;
	 font-weight: 700;
	 text-transform: uppercase;
	 font-family: "Poppins", sans-serif;
	 color: #010483;
}
/*-------------------------------------------------------------- # Breadcrumbs --------------------------------------------------------------*/
 .breadcrumbs {
	 padding: 20px 0;
	 background-color: #fafaff;
	 min-height: 40px;
	 margin-top: 80px;
}
 @media (max-width: 992px) {
	 .breadcrumbs {
		 margin-top: 64px;
	}
}
 .breadcrumbs h2 {
	 font-size: 24px;
	 font-weight: 400;
	 margin: 0;
}
 @media (max-width: 992px) {
	 .breadcrumbs h2 {
		 margin: 0 0 10px 0;
	}
}
 .breadcrumbs ol {
	 display: flex;
	 flex-wrap: wrap;
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 font-size: 14px;
}
 .breadcrumbs ol li+li {
	 padding-left: 10px;
}
 .breadcrumbs ol li+li::before {
	 display: inline-block;
	 padding-right: 10px;
	 color: #6c757d;
	 content: "/";
}
 @media (max-width: 768px) {
	 .breadcrumbs .d-flex {
		 display: block !important;
	}
	 .breadcrumbs ol {
		 display: block;
	}
	 .breadcrumbs ol li {
		 display: inline-block;
	}
}
 .play-btn {
	 width: 94px;
	 height: 94px;
	 background: radial-gradient(#3f43fd 50%, rgba(63, 67, 253, 0.4) 52%);
	 border-radius: 50%;
	 display: grid;
	 place-self:center;
	 position: absolute;
	 z-index:3;
	 overflow: hidden;
	 mix-blend-mode:hard-light;
}
 .play-btn::after {
	 content: "";
	 position: absolute;
	 border-top: 10px solid transparent;
	 border-bottom: 10px solid transparent;
	 border-left: 15px solid #fff;
	 z-index: 100;
	 transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
	 display:grid;
	 place-self:center;
}
 .play-btn::before {
	 content: "";
	 position: absolute;
	 width: 120px;
	 height: 120px;
	 -webkit-animation-delay: 0s;
	 animation-delay: 0s;
	 -webkit-animation: pulsate-btn 2s;
	 animation: pulsate-btn 2s;
	 -webkit-animation-direction: forward;
	 animation-direction: forward;
	 -webkit-animation-iteration-count: infinite;
	 animation-iteration-count: infinite;
	 -webkit-animation-timing-function: steps;
	 animation-timing-function: steps;
	 opacity: 1;
	 border-radius: 50%;
	 border: 5px solid rgba(63, 67, 253, 0.7);
	 background: rgba(198, 16, 0, 0);
	 display:grid;
	 place-self:center;
}
 .play-btn:hover::after {
	 transform: scale(20);
	 animation: .8s linear infinite spinner-grow;
}
 .play-btn:hover::before {
	 content: "";
	 position: absolute;
	 transform: translateX(-40%) translateY(-50%);
	 border: none;
	 border-top: 10px solid transparent;
	 border-bottom: 10px solid transparent;
	 border-left: 15px solid #fff;
	 z-index: 200;
	 -webkit-animation: none;
	 animation: none;
	 border-radius: 0;
	 display:grid;
	 place-self:center;
}
 @-webkit-keyframes pulsate-btn {
	 0% {
		 transform: scale(0.6, 0.6);
		 opacity: 1;
	}
	 100% {
		 transform: scale(1, 1);
		 opacity: 0;
	}
}
 @keyframes pulsate-btn {
	 0% {
		 transform: scale(0.6, 0.6);
		 opacity: 1;
	}
	 100% {
		 transform: scale(1, 1);
		 opacity: 0;
	}
}
/*-------------------------------------------------------------- # Features --------------------------------------------------------------*/
 .features .icon-box {
	 display: flex;
	 align-items: center;
	 padding: 20px;
	 background: #f5f5ff;
	 transition: ease-in-out 0.3s;
}
 .features .icon-box i {
	 font-size: 32px;
	 padding-right: 10px;
	 line-height: 1;
}
 .features .icon-box h3 {
	 font-weight: 700;
	 margin: 0;
	 padding: 0;
	 line-height: 1;
	 font-size: 16px;
}
 .features .icon-box h3 a {
	 color: #010483;
	 transition: ease-in-out 0.3s;
}
 .features .icon-box h3 a:hover {
	 color: #01036f;
}
 .features .icon-box:hover {
	 background: #ebebff;
}
/*-------------------------------------------------------------- # Counts --------------------------------------------------------------*/
 .counts {
	 background: #f5f5ff;
	 padding: 70px 0 60px;
}
 .counts .count-box {
	 padding: 30px 30px 25px 30px;
	 width: 100%;
	 position: relative;
	 text-align: center;
	 background: #fff;
}
 .counts .count-box i {
	 position: absolute;
	 top: -25px;
	 left: 50%;
	 transform: translateX(-50%);
	 font-size: 20px;
	 background: var(--bs-red);
	 padding: 12px;
	 color: #fff;
	 border-radius: 50px;
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 line-height: 0;
	 width: 48px;
	 height: 48px;
}
 .counts .count-box span {
	 font-size: 36px;
	 display: block;
	 font-weight: 600;
	 color: #010483;
}
 .counts .count-box p {
	 padding: 0;
	 margin: 0;
	 font-family: "Montserrat", sans-serif;
	 font-size: 14px;
}
 section p:last-child {
	 margin-bottom: 0;
}
 ul {
	 display: grid;
	 gap: .25rem .15rem;
}
/*-------------------------------------------------------------- # Gallery --------------------------------------------------------------*/
 .gallery .gallery-item {
	 overflow: hidden;
	 border-right: 3px solid #fff;
	 border-bottom: 3px solid #fff;
}
 .gallery .gallery-item img {
	 transition: all ease-in-out 0.4s;
}
 .gallery .gallery-item:hover img {
	 transform: scale(1.1);
}
/*-------------------------------------------------------------- # Testimonials --------------------------------------------------------------*/
 .testimonials {
	 padding: 80px 0;
	 background: url("../img/cta-bg.jpg") no-repeat;
	 background-position: center center;
	 background-size: cover;
	 position: relative;
}
 .testimonials::before {
	 content: "";
	 position: absolute;
	 left: 0;
	 right: 0;
	 top: 0;
	 bottom: 0;
	 background: rgba(1, 3, 111, 0.8);
}
 .testimonials .section-header {
	 margin-bottom: 40px;
}
 .testimonials .testimonials-carousel, .testimonials .testimonials-slider {
	 overflow: hidden;
}
 .testimonials .testimonial-item {
	 text-align: center;
	 color: #fff;
}
 .testimonials .testimonial-item .testimonial-img {
	 width: 100px;
	 border-radius: 50%;
	 border: 6px solid rgba(255, 255, 255, 0.15);
	 margin: 0 auto;
}
 .testimonials .testimonial-item h3 {
	 font-size: 20px;
	 font-weight: bold;
	 margin: 10px 0 5px 0;
	 color: #fff;
}
 .testimonials .testimonial-item h4 {
	 font-size: 14px;
	 color: #ddd;
	 margin: 0 0 15px 0;
}
 .testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
	 color: rgba(255, 255, 255, 0.4);
	 font-size: 26px;
}
 .testimonials .testimonial-item .quote-icon-left {
	 display: inline-block;
	 left: -5px;
	 position: relative;
}
 .testimonials .testimonial-item .quote-icon-right {
	 display: inline-block;
	 right: -5px;
	 position: relative;
	 top: 10px;
}
 .testimonials .testimonial-item p {
	 font-style: italic;
	 margin: 0 auto 15px auto;
	 color: #eee;
}
 .testimonials .swiper-pagination {
	 margin-top: 20px;
	 position: relative;
}
 .testimonials .swiper-pagination .swiper-pagination-bullet {
	 width: 12px;
	 height: 12px;
	 opacity: 1;
	 background-color: rgba(255, 255, 255, 0.4);
}
 .testimonials .swiper-pagination .swiper-pagination-bullet-active {
	 background-color: var(--bs-red);
}
 @media (min-width: 1024px) {
	 .testimonials {
		 background-attachment: fixed;
	}
}
 @media (min-width: 992px) {
	 .testimonials .testimonial-item p {
		 width: 80%;
	}
}
/*-------------------------------------------------------------- # americorps Projects --------------------------------------------------------------*/
 .americorps .item-container {
	 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))!important;
	 gap:clamp(1rem, 3vw, 10rem)!important;
	 justify-items: center;
	 height:fit-content!important;
	 padding-bottom:1rem;
}
 .americorps .project {
	 display:flex;
	 position:relative!important;
	 transition:.5s all ease-in-out!important;
	 text-align: center;
	 font-size:.92rem;
	 box-shadow:0px 2px 15px rgb(0 0 0 / 10%);
	 width:clamp(280px, 100%, 500px);
	 inset:unset!important;
}
 .americorps .project img {
	 transition: all ease-in-out 0.4s;
	 height:clamp(250px, 50vh, 300px);
	 object-fit:cover;
	 z-index:-1;
}
 .americorps .project:hover img {
	 transform: scale(1.1);
}
 .americorps .project .project-info {
	 margin-top:-75px;
	 height:fit-content!important;
	 background: rgba(255, 255, 255, 0.9);
	 background:linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 85%, rgba(255, 255, 255, 0.9) 100%);
	 flex:1 1 auto;
	 z-index:1;
}
 .americorps .project h4 {
	 font-weight: 700;
	 margin-bottom: 10px;
	 font-size: 1rem;
	 color: #01036f;
	 position: relative;
	 padding-bottom: 10px;
}
 .americorps .project h4::after {
	 content: "";
	 position: absolute;
	 display: block;
	 width: 50px;
	 height: 1px;
	 background: #0d12fc;
	 bottom: 0;
	 left: calc(50% - 25px);
}
 .americorps .project:hover :is(a:not(.btn),h1,h2,h3,h4,h5,h6,h4 + .fst-italic) {
	 color: var(--bs-red);
}
 .americorps .project:hover .project-info {
	 background: linear-gradient(180deg, rgb(255 255 255 / 95%) 0%, rgba(245, 209, 209, 1) 55%, rgb(245 209 209 / 90%) 100%);
}
 .americorps .project:hover h4:after {
	 content: "";
	 background: red;
}
 .americorps .project .project-info:before {
	 content: "";
	 background: #fff;
	 opacity: 0;
	 transition: .5s all ease-in-out;
	 position: absolute;
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: 100%;
}
 .americorps .project a:not(.stretched-link, .btn) {
	 transition: color 0.3s;
	 color: #01036f;
	 position:relative;
	 z-index:1;
}
 .americorps .project a.btn {
	 position: relative;
	 z-index: 1;
}
 .americorps .project a:not(.btn):hover {
	 color: var(--bs-primary);
}
 .americorps .social {
	 min-width: 33%;
}
 .americorps .social i {
	 font-size: clamp(1rem, 10vw, 1.15rem);
}
 .americorps .project .stretched-link {
	 width:0;
	 height:0;
	 display:block;
	 overflow:hidden;
	 opacity:0;
}
/*-------------------------------------------------------------- # Pricing --------------------------------------------------------------*/
 .pricing .box {
	 padding: 20px;
	 background: #fff;
	 text-align: center;
	 box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
	 border-radius: 5px;
	 position: relative;
	 overflow: hidden;
}
 .pricing h3 {
	 font-weight: 400;
	 margin: -20px -20px 20px -20px;
	 padding: 20px 15px;
	 font-size: 16px;
	 font-weight: 600;
	 color: #777777;
	 background: #f8f8f8;
}
 .pricing h4 {
	 font-size: 36px;
	 color: var(--bs-red);
	 font-weight: 600;
	 font-family: "Poppins", sans-serif;
	 margin-bottom: 20px;
}
 .pricing h4 sup {
	 font-size: 20px;
	 top: -15px;
	 left: -3px;
}
 .pricing h4 span {
	 color: #bababa;
	 font-size: 16px;
	 font-weight: 300;
}
 .pricing ul {
	 padding: 0;
	 list-style: none;
	 color: #444444;
	 text-align: center;
	 line-height: 20px;
	 font-size: 14px;
}
 .pricing ul li {
	 padding-bottom: 16px;
}
 .pricing ul i {
	 color: var(--bs-red);
	 font-size: 18px;
	 padding-right: 4px;
}
 .pricing ul .na {
	 color: #ccc;
	 text-decoration: line-through;
}
 .pricing .btn-wrap {
	 margin: 20px -20px -20px -20px;
	 padding: 20px 15px;
	 background: #f8f8f8;
	 text-align: center;
}
 .pricing .btn-buy {
	 background: var(--bs-red);
	 display: inline-block;
	 padding: 8px 35px 10px 35px;
	 border-radius: 50px;
	 color: #fff;
	 transition: none;
	 font-size: 14px;
	 font-weight: 400;
	 font-family: "Montserrat", sans-serif;
	 font-weight: 600;
	 transition: 0.3s;
}
 .pricing .btn-buy:hover {
	 background: #149f6e;
}
 .pricing .featured h3 {
	 color: #fff;
	 background: var(--bs-red);
}
 .pricing .advanced {
	 width: 200px;
	 position: absolute;
	 top: 18px;
	 right: -68px;
	 transform: rotate(45deg);
	 z-index: 1;
	 font-size: 14px;
	 padding: 1px 0 3px 0;
	 background: var(--bs-red);
	 color: #fff;
}
/*-------------------------------------------------------------- # F.A.Q --------------------------------------------------------------*/
 .faq .faq-list {
	 padding: 0;
}
 .faq .faq-list ul {
	 padding: 0;
	 list-style: none;
}
 .faq .faq-list li+li {
	 margin-top: 15px;
}
 .faq .faq-list li {
	 padding: 20px;
	 background: #fff;
	 border-radius: 4px;
	 position: relative;
}
 .faq .faq-list a {
	 display: block;
	 position: relative;
	 font-family: "Poppins", sans-serif;
	 font-size: 16px;
	 line-height: 24px;
	 font-weight: 500;
	 padding: 0 30px;
	 outline: none;
	 cursor: pointer;
}
 .faq .faq-list .icon-help {
	 font-size: 24px;
	 position: absolute;
	 right: 0;
	 left: 20px;
	 color: #34e5a6;
}
 .faq .faq-list .icon-show, .faq .faq-list .icon-close {
	 font-size: 24px;
	 position: absolute;
	 right: 0;
	 top: 0;
}
 .faq .faq-list p {
	 margin-bottom: 0;
	 padding: 10px 0 0 0;
}
 .faq .faq-list .icon-show {
	 display: none;
}
 .faq .faq-list a.collapsed {
	 color: #343a40;
}
 .faq .faq-list a.collapsed:hover {
	 color: var(--bs-red);
}
 .faq .faq-list a.collapsed .icon-show {
	 display: inline-block;
}
 .faq .faq-list a.collapsed .icon-close {
	 display: none;
}
 @media (max-width: 1200px) {
	 .faq .faq-list {
		 padding: 0;
	}
}
/*-------------------------------------------------------------- # Contact --------------------------------------------------------------*/
 .contact .info {
	 width: 100%;
	 background: #fff;
}
 .contact .info i {
	 font-size: 20px;
	 color: #3f43fd;
	 float: left;
	 width: 44px;
	 height: 44px;
	 background: #f0f0ff;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 border-radius: 50px;
	 transition: all 0.3s ease-in-out;
}
 .contact .info h4 {
	 padding: 0 0 0 60px;
	 font-size: 22px;
	 font-weight: 600;
	 margin-bottom: 5px;
	 color: #010483;
}
 .contact .info p {
	 padding: 0 0 0 60px;
	 margin-bottom: 0;
	 font-size: 14px;
	 color: #0205a1;
}
 .contact .info .email, .contact .info .phone {
	 margin-top: 40px;
}
 .contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
	 background: var(--bs-red);
	 color: #fff;
}
 .contact .php-email-form {
	 width: 100%;
	 background: #fff;
}
 .contact .php-email-form .form-group {
	 padding-bottom: 8px;
}
 .contact .php-email-form .error-message {
	 display: none;
	 color: #fff;
	 background: #ed3c0d;
	 text-align: left;
	 padding: 15px;
	 font-weight: 600;
}
 .contact .php-email-form .error-message br+br {
	 margin-top: 25px;
}
 .contact .php-email-form .sent-message {
	 display: none;
	 color: #fff;
	 background: #18d26e;
	 text-align: center;
	 padding: 15px;
	 font-weight: 600;
}
 .contact .php-email-form .loading {
	 display: none;
	 background: #fff;
	 text-align: center;
	 padding: 15px;
}
 .contact .php-email-form .loading:before {
	 content: "";
	 display: inline-block;
	 border-radius: 50%;
	 width: 24px;
	 height: 24px;
	 margin: 0 10px -6px 0;
	 border: 3px solid #18d26e;
	 border-top-color: #eee;
	 -webkit-animation: animate-loading 1s linear infinite;
	 animation: animate-loading 1s linear infinite;
}
 .contact .php-email-form input, .contact .php-email-form textarea {
	 border-radius: 0;
	 box-shadow: none;
	 font-size: 14px;
}
 .contact .php-email-form input {
	 height: 44px;
}
 .contact .php-email-form textarea {
	 padding: 10px 12px;
}
 .contact .php-email-form button[type=submit] {
	 background: var(--bs-red);
	 border: 0;
	 padding: 10px 30px;
	 color: #fff;
	 transition: 0.4s;
	 border-radius: 50px;
}
 .contact .php-email-form button[type=submit]:hover {
	 background: #34e5a6;
}
 @-webkit-keyframes animate-loading {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
 @keyframes animate-loading {
	 0% {
		 transform: rotate(0deg);
	}
	 100% {
		 transform: rotate(360deg);
	}
}
/*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/
 #footer {
	 background: #010351;
}
 #footer p {
	 font-family: "Montserrat", sans-serif;
}
#footer .social-links a {
    font-size: 18px;
    min-width: 44px;
    min-height: 44px;
    transition: 0.3s;
}
 #footer .social-links a:hover {
	 background: var(--bs-red);
	 color: #fff;
	 text-decoration: none;
}
 #footer ul a {
	 color: #fff;
	 transition: 0.3s;
	 display: inline-block;
	 line-height: 1;
}
 #footer ul a:hover {
	 color: #f35e65;
}
footer .nav-link:is(:hover,:focus){
	 color:var(--bs-highlight-200);
}
 footer :is(a, a:visited):not(.nav-link) {
	 color: #ececec;
}
 footer a:is(:hover, :focus):not(.nav-link) {
	 color: #ababab;
}
 #footer .copyright {
	 border-top: 1px solid #010479;
	 text-align: center;
}
 #footer .credits {
	 padding-top: 10px;
	 text-align: center;
	 font-size: 13px;
	 color: #fff;
}
 @media (max-width: 575px) {
	 #footer .footer-top .footer-info {
		 margin: -20px 0 30px 0;
	}
}
/*-------------------------------------------------------------- # Pulse animation --------------------------------------------------------------*/
 .animation-pulse {
	 animation:pulse 2s infinite;
}
 @-webkit-keyframes pulse {
	 0% {
		 -webkit-transform: translate(0, 0);
		 transform: translate(0, 0);
	}
	 50% {
		 -webkit-transform: translate(0, 10px);
		 transform: translate(0, 10px);
	}
	 100% {
		 -webkit-transform: translate(0, 0);
		 transform: translate(0, 0);
	}
}
 @keyframes pulse {
	 0% {
		 -webkit-transform: translate(0, 0);
		 transform: translate(0, 0);
	}
	 50% {
		 -webkit-transform: translate(0, 10px);
		 transform: translate(0, 10px);
	}
	 100% {
		 -webkit-transform: translate(0, 0);
		 transform: translate(0, 0);
	}
}
/*-------------------------------------------------------------- # Back to top button --------------------------------------------------------------*/
 .back-to-top {
	 position: fixed;
	 visibility: hidden;
	 opacity: 0;
	 right: 2rem;
	 bottom: 2rem;
	 z-index: 996;
	 background: var(--bs-red);
	 width: 40px;
	 height: 40px;
	 border-radius: 50px;
	 transition: all 0.4s;
	 mix-blend-mode:luminosity;
}
 .back-to-top i {
	 font-size: 28px;
	 color: #fff;
	 line-height: 0;
}
 .back-to-top:hover {
	 background: #f5474f;
	 color: #fff;
}
 .back-to-top.active {
	 visibility: visible;
	 opacity: 1;
}
/*-------------------------------------------------------------- # offcanvas menu --------------------------------------------------------------*/
 .offcanvas-body button[aria-expanded="true"] {
	 font-size:1rem;
}
 .offcanvas-body button[aria-expanded="false"] .bi-chevron-down {
	 transition:.5s transform ease-in-out;
	 transform: rotate(-90deg);
}
 .offcanvas-body button[aria-expanded="true"] .bi-chevron-down {
	 transform: rotate(0deg);
}
 .offcanvas-body :is(ul ul a, ul ul button) {
	 font-size:.9rem;
}
.offcanvas.show .offcanvas-body ul ul :is(a:hover, a.active, button:hover), .offcanvas.show .offcanvas-body ul :is(a:hover, a.active, button:hover), .offcanvas.show li button[aria-expanded="true"] {
	 color:#fff!important;
	 background:var(--bs-red);
}
.offcanvas.show a {min-height:44px;}
 .offcanvas.show .offcanvas-body > ul button[aria-expanded="true"] {
	 border-radius: .5rem!important;
}
 .offcanvas.show .offcanvas-body > ul button[aria-expanded="true"] i {
	 transform: rotate(-90deg);
}
 .offcanvas.show li button[aria-expanded="true"] {
	 border-radius:.5rem .5rem 0 0!important;
}
 .alert-primary {
	 color: #3436a0;
	 background-color: #e4e5f1;
	 border-color: #e4e5f1;
}
 .alert-primary i.text-body {
	 color: #3436a0!important;
}
/* News Articles */
 article {
	 max-width: 70ch !important;
	 gap:1.25rem;
}
 .recent-news {
    gap: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 1rem;
    max-height: 305px;
    max-width: 60ch;
 }
 .recent-news > h6 {
	 z-index:1020;
	 box-shadow: 0 0px 15px 10px #fff;
}
 .recent-news :is(article:hover, article:focus), .featured-news:hover, .featured-news:focus {
	 transition: .33s all ease-in-out;
	 color: var(--bs-highlight);
}
 .recent-news :is(article:hover, article:focus) figure:before {
	 background: rgb(33 179 243 / 40%);
}
 .recent-news :is(article) figure:before {
	 transition: .33s all ease-in-out;
	 background: transparent;
	 border-radius:var(--bs-border-radius) !important;
	 max-width: 50px;
	 max-height: 50px;
	 min-width: 50px;
	 min-height: 50px;
	 display: block;
	 position: absolute;
	 content: '';
	 mix-blend-mode: screen;
}
 article p {
	 line-height: 1.75rem;
}
 .article-link {
	 color: var(--bs-body-color);
	 transition: .3s color ease-in-out;
}
 a:hover .article-link {
	 color: var(--bs-highlight);
}
/* Accordions FAQ */
 .faq .section-title p {
	 margin-bottom: 0.75rem;
	 color: #1fad7b;
	 font-size: 1.05rem;
	 margin-top: -0.5rem;
	 font-weight: 500;
}
 .faq-list > ul {
	 padding: 0;
	 list-style: none;
}
 .faq-list > ul ul {
	 list-style: disc;
}
 .faq-list .accordions li {
	 border-radius: 4px;
	 position: relative;
	 padding: 0 !important;
}
 .faq-list li::marker {
	 color: var(--bs-highlight);
}
 .faq-list .grt ul li:before {
	 display: none !important;
}
 .faq-list .accordion {
	 outline: none;
	 border:2px solid #fff;
	 transition: font-size 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
}
 .faq-list .accordion:is(:hover,:focus) {
	 border-color: var(--bs-highlight);
	 background: var(--bs-accordion-active-bg);
}
 .faq-list .accordion[aria-expanded="true"] {
	 font-weight:bold;
	 font-size: 1.15rem;
	 background: rgb(33 179 243 / 8%);
	 border: 1px dashed #eee;
}
 .faq-list .accordion[aria-expanded]:before {
	 color: var(--bs-highlight) !important;
	 content: "\002b";
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 padding: 0 .75rem 0 0;
	 font-weight:bold;
	 font-size:1.25rem;
}
 .faq-list .accordion[aria-expanded="true"]:before {
	 content: "\2212";
	 transform: rotate(360deg);
	 transition: 0.3s transform ease-in-out;
}
 .faq-list .accordion.collapsed:hover, .faq-list .accordion.collapsed:focus {
	 text-decoration: none;
	 border: 2px solid #f8f8f8;
	 background:var(--bs-accordion-active-bg);
}
 .faq-list .accordion[aria-expanded]:hover:before, .faq-list .accordion[aria-expanded]:focus:before {
	 color: var(--bs-highlight) !important;
	 transition:scale .5s ease-in-out;
}
 .faq-list .accordion:is(:hover,:focus):before {
	 scale: 1.33;
}
 .accordion .last-updated {
	 font-size: 0.7rem;
	 flex: 1 1 auto;
	 display: flex;
	 justify-content: flex-end;
	 align-items: center;
	 opacity: 0.75;
	 position: relative;
	 right: -0.5rem;
}
 .faq .faq-list .accordion.collapsed {
	 color: #343a40;
}
 .faq-list .show, .no-js .faq-list .collapse {
	 padding: 0 1.25rem 1rem;
	 background:#f9f9f9;
	 border:1px solid #f9f9f9;
	 border-width:0 1px 1px;
}
 .faq-list .show .accordion:hover, .faq-list .show .accordion:focus, .no-js .faq-list .collapse .accordion:hover, .no-js .faq-list .collapse .accordion:focus {
	 color: #3c3cee;
	 text-decoration: none;
}
 .faq-list .show .accordion, .no-js .faq-list .collapse .accordion {
	 display: block;
	 padding: 0;
	 border: none;
	 text-decoration: underline;
	 font-weight: normal;
	 color: blue;
}
 .faq-list a:not(.btn) {
    color: var(--bs-highlight);
    background-position: bottom;
}
.faq-list a:not(.btn):hover {
    color: var(--bs-danger-text);
}
 .accordions:last-child {
	 margin-bottom: 0rem;
}
 .tab-pane {
	 box-shadow: 4px 4px 17px -6px #b1b1b1;
	 transition:.5s all ease-in-out;
}
 .tab-pane:not(.is-selected) {
	 -webkit-mask-image: linear-gradient(to bottom, black 20%, transparent 80%);
	 mask-image: linear-gradient(to bottom, black 20%, transparent 80%);
	 opacity: .5;
	 box-shadow: 4px 4px 17px -36px #b1b1b1;
	 pointer-events: none;
	 text-decoration: none;
	 top:0;
}
 .card
 .accordions ul {
	 justify-content: start;
}
.accordions ul li {max-width:75ch}
/* Search List */
 .searchList {
	 counter-reset: search-counter 
}
 .searchList > a {
	 counter-increment: search-counter 
}
 .searchList > a:before {
	 content: counter(search-counter);
	 display: flex;
	 min-width: 2rem;
	 justify-content: center;
	 align-items: center;
	 align-content: center;
	 color: var(--bs-primary);
	 opacity: 0.3;
	 text-align: center;
	 padding-right: 1rem;
	 font-size: .8rem;
}
/* Carousel */
 .flickity-slider {
	 display:flex;
	 align-items: center;
}
 .carousel-image {
	 min-height: 150px;
	 min-width: 150px;
	 max-width: 100%;
}
 .carousel a {
	 text-decoration:none;
}
 .carousel-caption {
	 right: unset;
	 left: unset;
	 position: relative;
	 margin: auto auto -1rem auto;
	 bottom: 1.25rem;
	 box-shadow: 0px 4px 8px -7px;
}
/* Featured News */
 .featured-news .post-content {
	 position: absolute;
	 z-index: 2;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 color:rgb(255 255 255 / 80%);
}
 .featured-news img {
	 aspect-ratio: 16/9;
}
 .featured-news .article-content > small {
	 color:rgb(255 255 255 / 50%)!important;
}
 .featured-news .post-content {
	 background: -webkit-gradient( linear, left top, left bottom, color-stop(67%, transparent), color-stop(33%, #1a4278) );
	 background: -webkit-linear-gradient(top, transparent 33%, #1a4278);
	 background: linear-gradient(-180deg, transparent 10%, #1a4278);
	 backdrop-filter: blur(4px);
	 bottom: 0;
	 position: relative;
	 transition: 0.5s all ease-in-out;
}
 .featured-news:hover .post-content {
	 backdrop-filter: hue-rotate(10deg) blur(15px) saturate(2) brightness(0.7);
	 background: -webkit-gradient( linear, left top, left bottom, color-stop(67%, rgb(51 53 159 / 40%)), color-stop(33%, #33359f) );
	 background: -webkit-linear-gradient(top, rgb(51 53 159 / 40%) 33%, #33359f);
	 background: linear-gradient(-180deg, rgb(51 53 159 / 40%) 10%, #33359f);
}
 .featured-news .post-item:hover .post-content {
	 background: -webkit-gradient( linear, left top, left bottom, color-stop(10%, transparent), color-stop(90%, #000) );
	 background: -webkit-linear-gradient(top, transparent 10%, #000);
	 background: linear-gradient(-180deg, transparent 10%, #000);
	 bottom: 0;
}
 .featured-news .post-content p {
	 max-height: 0;
	 text-indent: -9999rem;
	 position: absolute;
	 opacity: 0;
	 transition: 0.6s opacity ease-in-out, 0.6s max-height ease-in-out;
}
 .featured-news:hover .post-content p {
	 max-height: 160px;
	 text-indent: 0;
	 position: relative;
	 opacity: 1;
	 transition: 0.6s opacity ease-in-out, 0.6s max-height ease-in-out;
	 margin-bottom:.5rem;
}
 .post-content > a:hover p {
	 overflow: visible;
	 opacity: 1;
}
 .post-meta time {
	 font-size: 0.9rem;
}
 .recent-news figure img {
	 max-height: 50px;
	 max-width: 50px;
	 min-width:50px;
	 overflow: hidden;
}
 .recent-news a:hover {
	 color: #21b3f3 !important;
}
 [data-aos="fade-left"] .rotate {
	 transform: rotate(-4deg);
}
 [data-aos="fade-right"] .rotate {
	 transform: rotate(4deg);
}
 .btn.is-selected.is-nav-selected {
	 color: var(--bs-btn-active-color);
	 background-color: var(--bs-btn-active-bg);
	 border-color: var(--bs-btn-active-border-color);
}
 .flickity-viewport .active {
	 color: var(--bs-btn-color);
	 background-color: var(--bs-btn-bg);
	 border-color: var(--bs-btn-border-color);
}
/* Tableau Dashboard */
 .tableauPlaceholder:before {
	 display: block;
	 padding-top: calc(4 / 5 * 100%);
	 content: "";
}
 .tableauPlaceholder>* {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
 .offcanvas.show li {
	 width:100%;
	 transition:none;
}
.row img.sticky-top {
    top:72px;
}
.tab-content {over}
/* ***** Services Area ***** */
#deptServ #mainServices button:not(.dropdown-toggle):not(.dropdown-item).active:before {
    border-bottom: 0.75rem solid var(--bs-highlight);
}
#deptServ .bg-highlight .card {
    background: -moz-radial-gradient(center, ellipse cover, rgb(75 77 155) 0%, rgb(10 13 131) 60%);
    background: -webkit-radial-gradient(center, ellipse cover, rgb(75 77 155) 0%,rgb(10 13 131) 60%);
    background: radial-gradient(ellipse at center, rgb(75 77 155) 0%,rgb(10 13 131) 120%);
}
#deptServ .bg-highlight .card:hover, #deptServ .card:focus {
    background: hsl(216 75% 58% / 1)
}

/* ***** Media Queries ***** */
 @media (max-width:991px) {
	 .navbar :is(a:not(.navbar-toggler), a:focus, button:not(.navbar-toggler), button:not(.navbar-toggler):focus) {
		 color: rgba(16,18,20,.75);
	}
	#takeAction {border-radius:unset!important;}
	#takeAction .card-img-overlay :is(h1,h2,h3,h4,h5,h6) {font-size:4vw}
	#top.h-100 {height:213px!important;min-height:213px!important;max-height:unset;margin-top:80px;background-position:center 80px!important;background-size:contain!important;}
	#top .random-img {background-attachment:unset;}
	#header.header-transparent {background:rgba(1,4,136,.7)}
}
@media (max-width: 991px) and (-webkit-overflow-scrolling: touch) {
    .random-img {background-attachment:scroll;}
}