/* Custom Styles */

:root {
    --deep-ocean-blue: #002b5b; /* Primary color for headers, logo, and CTAs */
    --cerulean-blue: #005792; /* Secondary color for backgrounds or section headers */
    --ocean-blue: #166fab; /* Accent color for highlights, buttons, and interactive elements */
    --cool-gray: #e6eef1; /* Light background color for sections */
    --slate-gray: #4b6a82; /* Text color for body content */
    --aqua-accent: #a2e8ff; /* Hover effects and small accent details */
    --light-blue: #f3f9ff;
    --blue-2: #378dc0;
}

/* Colors */

.color-blue-1 {
    color: var(--cerulean-blue);
}
.color-blue-2 {
    color: var(--blue-2);
}
.color-ocean-blue {
    color: var(--ocean-blue);
}

/* Backgrounds */

.bg-ocean-blue {
    background-color: var(--ocean-blue);
}
.bg-blue-2 {
    background-color: var(--ocean-blue);
}
.bg-very-light-blue {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ebf5f6 90%);
}
.bg-very-light-blue-op {
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #ebf5f6 90%);
}
.bg-light-blue {
    background-color: var(--light-blue);
}

/* Icons */

.icon-64 {
    height: 64px;
    width: auto;
}

.icon-72 {
    height: 72px;
    width: auto;
}

/* Fonts */

.font-50 {
    font-size: 50px;
}

.p-lh {
    line-height: 120%;
}

/* GENERAL */
.max-height-700 {
    max-height: 700px;
}

@media (max-width: 991px) {
    .column-reverse {
        flex-direction: column-reverse;
    }
}

.location-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.location-item p {
    margin: 0;
    line-height: 120%;
}
.btn-banner {
    padding: 20px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .navbar-brand img {
    max-height: 64px !important;
}

/* Footer */

footer .footer-logo img {
    height: 140px;
    width: auto;
    max-height: none;
}

.footer-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 30px;
}

.logo-container {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.footer-container-end {
    flex-wrap: nowrap;
    gap: 30px;
}

.each-col {
    width: auto;
    max-width: 270px;
}

.footer-name {
    font-size: 14px;
    line-height: 128%;
    color: var(--blue-2) !important;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.footer-text {
    font-size: 14px;
    line-height: 128%;
}
.footer-link {
    color: rgb(165, 165, 165) !important;
    font-size: 14px;
}

.footer-link:hover {
    color: white !important;
}

@media screen and (max-width: 985px) {
    .text-banner {
        font-size: 50px !important;
        line-height: 120%;
    }
    .nav-link {
        color: #000 !important;
    }
}
@media screen and (max-width: 985px) {
    .footer-container {
        justify-content: center;
    }
    .text-banner {
        font-size: 50px !important;
        line-height: 120%;
    }
}
@media screen and (max-width: 560px) {
    .footer-container-end {
        flex-wrap: wrap;
        gap: 56px;
        justify-content: center !important;
    }
    footer {
        padding: 60px !important;
    }
    .wrapper-footer {
        padding: 40px 0;
    }
}

/* Projects nav dropdown */
.navbar .navbar-nav .dropdown-menu {
    border: 0;
    border-radius: 6px;
    padding: 8px 0;
    box-shadow: 0 10px 30px rgba(0, 43, 91, 0.12);
}
.navbar .navbar-nav .dropdown-menu li a {
    display: block;
    padding: 8px 22px;
    font-size: 16px;
    font-weight: 600;
    color: var(--deep-ocean-blue);
}
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover,
.navbar .navbar-nav .dropdown .dropdown-menu li.active > a {
    background-color: transparent;
    color: #09afea;
}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a:before {
    content: none;
}