.site-nav {
    color: black;
    background-color: white;
    text-decoration: none;
    
}

.site-header {
    background-color: white;
    box-shadow: 0 0 10px #bfccdf;
}

.site-nav a {
    text-decoration: none;
    color: rgb(11 94 215) !important;
    font-size: 20px;
    line-height: 38px;
    font-weight: 500;
}

.site-logo{
    width: 350px;
    font-size: 25px;
    color: rgb(13, 91, 165) !important;
}

.site-hero {
    background: url('../images/background-1.jpg');
}

.hero-prod-1 {
    background: url('../images/1.jpg');
}


.hero-prod-2 {
    background: url('../images/2.jpg');
}

.service-1 {
    background: url('../images/service-1.jpg');
    background-position: center;
    background-size: cover;
}

.service-2 {
    background: url('../images/service-2.jpg');
    background-position: center;
    background-size: cover;
}

.service-3 {
    background: url('../images/service-3.jpg');
    background-position: center;
    background-size: cover;
}

.service-4 {
    background: url('../images/service-4.jpg');
    background-position: center;
    background-size: cover;
}

.service-5 {
    background: url('../images/service-5.jpg');
    background-position: center;
    background-size: cover;
}

.service-6 {
    background: url('../images/service-6.jpg');
    background-position: center;
    background-size: cover;
}


.service-body {
    background-color: rgb(228 237 245 / 54%) !important;
    border-radius: 0 !important;
    width: 96% !important;
}

.service-body-p {
    font-size: 25px;
    color: rgb(29, 39, 94) !important;
    padding: 20px;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-1 {
    opacity: 1;
}

.service-heading {
    /* padding: 20px; */
    background-color: rgb(123 150 179 / 62%);
    border-radius: 25px 25px 0 0;
    padding: 10px 20px;
}