* {
    transition: all 125ms ease-in-out
}

:root {
    --ait-blue: #a4a4ee;
    --num: 149883;

}


.carouselMainInner {
    min-height: 600px;
}

.carouselMainInner > * {
    min-height: 600px !important;
}

@property --num {
    syntax: "<integer>";
    initial-value: 0;
    inherits: false;
}

.noBg {
    background: none;
    background-color: none;
    background-image: none;
}

.experienceBannerStat {
    transition: --num 5s;
    counter-set: num var(--num);
    font: 800 40px system-ui;
}

.experienceBannerStat::after {
    content: counter(num);
}


.aboutBlock {
    min-height: 500px;
    border-top: solid 1px #0003;
    border-bottom: solid 1px #0003;
}

.aboutBlockText {
    background-color: white;
    padding: 45px;
}

.aboutTabletImage {
    background-image: url(https://www.aitengineering.com/img/about/about-image.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 300px;

}

.aboutBlockSub {
    color: var(--ait-blue);
    letter-spacing: 5px;
    font-weight: 400;
}

.aboutIcon {
    height: 50px;
    padding: 5px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.graphIcon {
    background-image: url(/static/img/graph.png);
}

.dbIcon {
    background-image: url(/static/img/db.png);
}

.presentationIcon {
    background-image: url(/static/img/presentation.png);
}

.keyPersonnel {
    padding: 30px;
}

.presidentText>p {
    font-weight: 350;
}

.no-border {
    border: none;
}

.no-shadow {
    box-shadow: none;
}

.no-shadow:hover {
    box-shadow: none;
}

a {
    text-decoration: none;
    color: #337ab7
}

a:hover {
    text-decoration: none;
    color: #2c689d
}

.menuNavContainer {
    background-color: #222;
    color: #fff;
    border-bottom: 1px solid #0004;
    padding-top: 10px
}

.nav-item {
    padding: 30px 10px;
    transition: all .3s ease-in-out
}

.nav-item:hover {
    background-color: var(--ait-blue);
    color: #000
}

.navbar {
    padding-bottom: 0
}

.paddingBox {
    padding: 75px
}

.fa {
    color: #fff;
    background-color: var(--ait-blue);
    border-radius: 100%;
    padding: 5px;
    font-size: .75em
}

p,
span {
    font-weight: lighter
}

.carousel-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
    color: #ccc
}

.carousel-item>* {
    margin-top: 20vh
}

.slide1 {
    background-image: url(https://aitengineering.com/img/slider/slide1.jpg)
}

.slide2 {
    background-image: url(https://aitengineering.com/img/slider/slide2.jpg)
}

.slide3 {
    background-image: url(https://aitengineering.com/img/slider/slide3.jpg)
}

.carouselTextContent {
    color: #ccc;
    font-size: 1.25rem
}

.icon {
    min-height: 50px;
    min-width: 50px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.card {
    min-height: 275px;
    padding: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 15px;
    margin-bottom: 15px;
    opacity: .8;
    box-shadow: 0 0 0 0 #0000;
}

.card:hover {
    opacity: 1;
    box-shadow: 0 5px 5px 0 #0004
}

.cardPanel {
    border-top: 0 solid #fff
}

.coffeeBg {
    background-image: url(/static/img/collabcoffee.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 60vh
}

.blueCoreBg {
    background-image: url(/static/img/corebluecalcbg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 60vh
}

.projectsTextBlock {
    padding: 30px;
    margin-top: 15px;
    color: #fff
}

.experienceBannerStatContainer:nth-child(even) {
    border-left: solid 1px var(--ait-blue);
    border-right: solid 1px var(--ait-blue)
}

.experienceBanner {
    background-image: url(https://aitengineering.com/img/count.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.experienceBanner>div {
    padding: 150px;
    color: #fff
}

.experienceBannerContent {
    font-size: 3rem;
    font-weight: 700
}

.experienceBannerBold {
    font-size: 3.5rem;
    font-weight: bolder;
    color: var(--ait-blue)
}

.experienceBannerThin {
    font-size: 2.5rem;
    font-weight: lighter
}

.experienceBannerStat {
    font-size: 2.75rem;
    font-weight: 1000
}

.experienceBannerStatDesc {
    font-size: 1.25rem;
    font-weight: lighter;
    font-style: italic
}

.carousel-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 200px;
    color: #000
}

.carouselMainInner {
    text-shadow: 0 0 25px #000
}

.carousel-item>*>.details {
    width: 100%
}

.quote {
    border: solid 1px #0003;
    padding: 30px;
    background-color: #f8f8f8;
    border-left: solid 10px var(--ait-blue);
    border-right: solid 10px var(--ait-blue)
}

.quote>p {
    font-size: 1.125rem;
    font-weight: lighter
}

.fa-quote-left {
    font-size: 2rem;
    color: #000a;
    background-color: transparent
}

.details {
    margin-top: 30px
}

.details>h3 {
    color: var(--ait-blue)
}

.quoteContainer {
    min-height: 300px;
    margin-bottom: 50px;
}

.sm-mt {
    margin-top: 30px
}

.newsContainer {
    background-color: #fff
}

.newsEntry {
    min-height: 250px;
    color: #333;
    opacity: .75;
    transition: all 125ms ease-in-out
}

.dateLabel {
    max-width: fit-content;
    padding: 10px;
    background-color: var(--ait-blue);
    color: #fff
}

.dateLabelDay {
    margin-top: 10px
}

.newsEntry:hover {
    opacity: 1
}

.newsEntryImage {
    height: 300px;
    max-width: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 125ms ease-in-out
}

.newsEntryCaption {
    padding: 10px;
    max-width: 300px
}

.newsEntryImage:hover>.dateLabel {
    opacity: .75
}

.newsEntry1 {
    background-image: url(https://aitengineering.com/img/news/2021growfl.png)
}

.newsEntry2 {
    background-image: url(https://aitengineering.com/img/news/gator100.png)
}

.newsEntry3 {
    background-image: url(https://aitengineering.com/img/news/army.png)
}

.newsEntry4 {
    background-image: url(/static/img/logos/golden100.png)
}

.footerContainer {
    background-color: #222;
    color: #fff;
    border-top: 4px solid var(--ait-blue);
    padding: 30px
}

.missionText {
    font-size: .95rem;
    color: #fffa;
    font-weight: lighter
}

.fa-brands {
    color: #fff
}

.fa-brands:hover {
    color: var(--ait-blue)
}

.footerNav>li {
    padding: 5px;
    border-left: solid 3px var(--ait-blue)
}

.newsBanner {
    background-image: url("https://aitengineering.com/img/bennar2.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 113px;
}

.newsContent {
    padding: 15px;
}

.newsContent>iframe {
    padding: 10px;
    border: 1px solid #ccc;
}

.externalContentWarn {
    font-style: italic;
    color: #0008;
}

.parterLogoContainer>div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}