.navmenu li a {
    color: black;
    font-weight: 500;


    
}

.hero .carousel-item {
    background-repeat: no-repeat;
    background-size: cover;
}

/* .service-section, .gallery-section, .sss{
    background-color: var(--nav-hover-color);
} */



/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .service-item {
    background-color: var(--surface-color);
    box-shadow: 0px 0 30px 0 rgba(0, 0, 0, 0.1);
    padding: 30px 30px;
    transition: all ease-in-out 0.4s;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.services .service-item:before {
    content: "";
    position: absolute;
    background: color-mix(in srgb, var(--accent-color), transparent 96%);
    right: -80px;
    top: -80px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    transition: all 0.3s;
    z-index: -1;
}

.services .service-item:after {
    content: "";
    position: absolute;
    background: color-mix(in srgb, var(--accent-color), transparent 97%);
    right: -140px;
    top: -140px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    transition: all 0.3s;
    z-index: -1;
}

.services .service-item i {
    background: var(--accent-color);
    color: var(--contrast-color);
    font-size: 24px;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
}

.services .service-item h4 {
    font-weight: 600;
    margin: 15px 0 0 0;
    transition: 0.3s;
    font-size: 20px;
}

.services .service-item h4 {
    color: black;
}

.services .service-item p {
    line-height: 24px;
    font-size: 14px;
    margin: 10px 0 0 0;
    color: black;
}

.services .service-item:hover:before,
.services .service-item:hover:after {
    background: var(--accent-color);
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
}

.services .service-item:hover h4,
.services .service-item:hover p {
    color: var(--contrast-color);
}

.services .service-item:hover i {
    background: var(--surface-color);
    color: var(--accent-color);
}

.contact {
    background-image: url(../img/contact.png);
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
}

.bg-second-color {
    background-color: rgb(239, 239, 239);
}

.gallery-main-tabs button {

    width: 10%;
}

.gallery-main-tabs .nav-pills .nav-link.active, .gallery-main-tabs 
.nav-pills .show>.nav-link {
    background-color: #ff9933;
}

.gallery-main-tabs .nav-link {
    color: #585858;
}
.gallery-main-tabs .nav-link:focus, .gallery-main-tabs  .nav-link:hover {
    color: #000000;
}