* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

nav {
    font-size: 18px;
}

#navbar {
    background-color: transparent;
    transition: all 0.4s ease;
}

#navbar.scrolled {
    background-color: #ffffff;
}

.navbar .navbar-nav .nav-link {
    margin-left: 30px;
    padding: 0;
    outline: none;
    color: black;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: #0D6B68;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link {
        margin-left: 0;
        padding: 10px 0;
    }
}

/* home */
.hero-header {
    margin-top: -100px;
    padding-top: 150px;
    background: url(img/hero-bg.jpg) top center no-repeat;
    background-size: cover;
}

nav a {
    color: #0D6B68;
}

/* about */
.Award {
    background-color: #0D6B68;
}

.text-uppercase {
    background-color: #e6f0ef !important;
    color: #0D6B68 !important;
}

.fa {
    color: #0D6B68;
}

.read-more {
    background-color: #0D6B68;
    color: #e6f0ef;
}

.btn-outline {
    border: 1px #0D6B68 solid;
}

.Projects {
    background-color: #0D6B68;
    color: #e6f0ef;
}


.project-item img {
    transition: .5s;
}

.project-item:hover img {
    transform: scale(1.2);
}

.project-overlay {
    position: absolute;
    padding: 25px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: linear-gradient(rgba(255, 255, 255, .1) 50%, var(--bs-dark));
    z-index: 1;
}

/* Service */

.phone {
    background-color: #0D6B68;
}

.div-phone {
    background-color: #e6f0ef;
}

.service-item {
    background-color: #0D6B68;
    position: relative;
    padding: 30px 25px;
    transition: .5s;
}

.service-item-1 {
    background-color: #e6f0ef;
    position: relative;
    padding: 30px 25px;
    transition: .5s;
}

.service-item-1 h3 {
    color: #0D6B68;
}

.service-item h3,
.service-item p {
    color: #e6f0ef;
}

.service-item .service-img h3 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 12px 7px 0;
    background-color: #0D6B68;
}

.service-item-1 .service-img h3 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 12px 7px 0;
    background-color: #e6f0ef;
}


/* Team */
.team {
    background-color: #e6f0ef !important;
}

.team-item:hover img {
    transform: scale(1.2);
}

.team-item img {
    transition: .5s;
}

.team-overlay {
    position: absolute;
    padding: 30px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: linear-gradient(rgba(255, 255, 255, .1) 50%, var(--bs-dark));
    z-index: 1;
}

.team-overlay small {
    display: inline-block;
    padding: 3px 15px;
    color: #e6f0ef;
    background: #0D6B68;
}

.btn-outline-s {
    border: 1px #0D6B68 solid !important;
    color: #e6f0ef;
}

.btn-outline-s:hover {
    background-color: #0D6B68;
    color: #e6f0ef;
}


/* Our Core Values */
.carousel-caption {
    background-color: #e6f0ef;
    color: #0D6B68;
    width: 75%;
    height: auto;
}

.text-Our-Core-Values {
    background-color: #e6f0ef;
    color: #0D6B68;
    width: auto;
    height: auto;
}


/* Newsletter */
.newsletter {
    background: url(img/hero-bg.jpg) bottom right no-repeat;
    background-size: cover;
}

@media (min-width: 992px) {
    .newsletter .container {
        max-width: 100% !important;
    }
}


/* Contact */
p a {
    text-decoration: none;
    color: #0D6B68;
}

.contact-btn button {
    background-color: #0D6B68;
    color: #e6f0ef;
}

.header {
    color: #0D6B68;
}

.card i {
    color: #0D6B68;
}

.card:hover {
    transition: all 0.4s ease;
    transform: scale(1.1);
    overflow: hidden;
    cursor: pointer;
}


/* footer */
.footer .btn.btn-link {
    display: block;
    text-align: left;
    transition: .3s;
}

.footer .btn.btn-link:hover {
    color: #e6f0ef !important;
    letter-spacing: 1px;
}

.footer .copyright {
    padding: 25px 0;
    font-size: 14px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a:hover {
    color: #e6f0ef !important;
}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}