.container-fluid {
    padding-left: 45px !important;
    padding-right: 45px !important;
}

header .navbar [class*=col-] .navbar-nav .nav-item, header .navbar [class*=col-] .navbar-nav .nav-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-brand .default-logo {
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.btn-gradient-darkblue-lightblue {
    background-image: linear-gradient(to right, #1088ac, #2db5c4, #ffffff);
    background-position: center !important;
    color: #fff;
    background-size: 200% !important;
}

.btn-gradient-darkblue-lightblue:hover {
    background: var(--dark-gray);
}

.word, .char {
    color: #000 !important;
}

.footer-dark a:hover, .footer-light a:hover, .footer-navbar li a:hover {
    color: #2db5c4 !important;
}

a:hover {
    color: #2db5c4 !important;
}

.services-boxes .feature-box {
    background-color: #f2f2f2;
    box-shadow: 0px 0px 12px 6px #f4f4f4;
}

.feature-box i, .feature-box span, .feature-box p {
    color: #000;
}

.sticky .nav-item a {
    color: #000 !important;
}

.page-title-extra-large h1 {
    letter-spacing: -0.5px !important;
}

.btn-link.text-yellow, .text-yellow, a.text-yellow-hover:hover {
    color: var(--base-color);
}

.page-logo {
    display: none;
}

.bg-ulog {
    background-color: #000000;
        background-image: linear-gradient(45deg, transparent 45%, #2db5c4 45%, var(--white) 55%, transparent 0) !important;
}

@media (max-width: 768px) {
  .navbar .container-fluid {
    padding: 0 !important;
  }
  
  body header .navbar-brand .alt-logo, header .navbar-brand .default-logo {
    visibility: visible !important;
        opacity: 1 !important;
        width: 100px !important;
        display: block !important;
}

.navbar-brand .page-logo {
    display: none !important;
}

.navbar-nav .nav-item a {
    color: var(--dark-gray) !important;
}

.container-fluid {
    padding: 10px !important;
}
}