.header .btn-getstarted, .header .btn-getstarted:focus {
    color: var(--contrast-color);
    background: #008BFF;
    
}

.header .btn-getstarted:hover {
    color: var(--contrast-color);
    background: #0000FF;
    
}

.section-title {
    padding-bottom: 20px;
    position: relative;
}

a {
    color: #0000FF;;
    
}

section, .section {
    color: dimgray;
}

.section-title h2 {
    font-size: 14px;
    font-weight: 800;
    color: #0000FF;
}


.hero .btn-get-started {
    color: var(--contrast-color);
    background: #008BFF;
}

.hero .btn-get-started:hover {
  background: color-mix(in srgb, #0000FF, transparent 20%);
}

.hero .carousel {
  
  background-color: #0000FF;
 
}

.navmenu li:hover>a, .navmenu .active, .navmenu .active:focus {
        color: #0000FF;
}



.navmenu a, .navmenu a:hover {
    color: #008BFF;
  }


.services .service-item .icon {
    background: #008BFF;
    
}

.services .service-item:hover {
  background: #008BFF;
  border-color: #0000FF;
}

.contact .php-email-form button[type=submit] {
  
    background: #008BFF;
    
}

.footer .footer-newsletter .newsletter-form input[type=submit] {
  

 
    background: #15EBFF;
    color: var(--contrast-color);
    transition: 0.3s;
    border-radius: 0 4px 4px 0;
}

.footer {
    
    background-color: #008BFF;
    
}

.footer .footer-newsletter .newsletter-form {
    margin-top: 30px;
    margin-bottom: 15px;
    padding: 6px 8px;
    position: relative;
    border-radius: 4px;
    border: 1px solid 
color-mix(in srgb, var(--default-color), transparent 80%);
    display: flex
;
    background-color: white;
    transition: 0.3s;
}

.contact .info-item i {
    color: #008BFF;
    color-mix(in srgb, #008BFF, transparent 40%);
}

.scroll-top {
    
    background-color: #008BFF;
    
}

.section-title h2::after {
  
    background: #0000FF;;
   
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
    z-index: 1;
    opacity: 1;
}
