body, html, a, p, span, small {
    font-family: 'Manrope', sans-serif !important;
}

.text-primary {
    color: #00a4c3 !important;
}

.text-secondary {
    color: #0594af !important;
}

footer {
    background-color: #002246;
}

.flip-y {
    color: #002246;
}
.bg-gray{
    background-color: #e1e1e1;
}
.header-dark-blue {
    background-color: #002246;
    padding: 15px 0;
}

.bg-dark-blue {
    background-color: #002246;

}

.about-description figure img {
    height: 400px;
}
.collapse-group.nav.bg-dark-blue .nav-link, .collapse-group.nav.bg-dark-blue .dropdown-item{
    color: white;
}

.bg-primary {
    background-color: #00a4c3 !important;
}

.btn:hover {
    background-color: #00a4c3 !important;
    color: white !important;
}

.bg-secondary {
    background-color: #0594af !important;
}

.btn-primary {
    color: white;
    background-color: #00a4c3 !important;
    border-color: #00a4c3 !important;
}

.btn-outline-primary, .border-primary {
    color: #00a4c3 !important;
    border-color: #00a4c3 !important;
}

.bg-gradient-secondary {
    background-image: radial-gradient(200% 160% at 75% 130%, #110f1a 0, #006072 100%);
}

.btn-secondary {
    color: white;
    background-color: #0594af !important;
    border-color: #0594af !important;
}

.fill-primary, .fill-primary * {
    fill: #00a4c3 !important;
}

.lead {
    font-size: 1.15rem;
}

a:hover, .dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover, a {
    color: #00a4c3;
}

.blog .blog-detail img {
    height: 500px;
    width: 80%;
    object-fit: cover;
}

.btn-outline-secondary {
    color: #0594af !important;
    border-color: #0594af !important;
}

.footer-social-icons .si, .header-social-icons .si {
    width: 25px;
    height: 25px;
}

.footer-social-icons .si.si-border {
    border: none;
}

.products-grid .card-over img {
    height: 550px;
    width: 100%;
    object-fit: cover;
}

.blog-articles img {
    height: 320px;
    object-fit: cover;
}
.footer-social-icons .si>i{
    visibility: visible !important;
    transform: translateY(0%) !important;
    opacity: 1 !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-brand {
        width: 11.5rem;
    }

    header:not(.scroll-up):not(.is-sticky):not(.is-fixed) .navbar-light.navbar-link-white .navbar-nav .nav-link {
        color: white;
        font-weight: 500;
    }

    .swiper-projects .swiper-slide .card-over img {
        height: 576px;
        object-fit: cover;

    }
}

@media (max-width: 991.9px) {
    .swiper-classic {
        height: 580px;
    }
  .display-4{
      font-size: 1.5rem;
  }
}