:root {
    --button-bg-color: #070808;
}

.btn-wrp a, #hp-sec10 .contact-us .row .col .wpcf7-submit {
    background-color: var(--button-bg-color);
    color:#ffffff;
    border: 1px solid #070808;
}

.btn-wrp a:hover, #hp-sec10 .contact-us .row .col .wpcf7-submit:hover {
	border: 1px solid #ffffff;
}

.btn-wrp a:hover,#hp-sec10 .contact-us .row .col .wpcf7-submit:hover{
	color: #ffffff;
	background-color: #3ab1c6; 

}
#hp-sec1 .col::after {
    background:  #3ab1c6;
}
#hp-sec4 .row .col.col2,#hp-sec4 .row .col.col2::after  {
    background: #3ab1c6;
}
#hp-sec6 .row .col.col1 {
    background: #ffffff;
}
#hp-sec10 .contact-us .col2, #hp-sec10 .contact-us .col2:after{
    background: #3ab1c6;
}
#my-header .columns .col.nav-menu .bottom ul li a, #hp-sec10 .contact-us .row .col ul li a, #my-header .columns .col.nav-menu .bottom a {
	 color: #000000;
}
#my-header.sticky .columns .col.nav-menu .bottom ul li a {
	color: #070808;
}
#my-header .columns .col.nav-menu .top a{
	color: #000000;
}
#my-header.sticky .columns .col.nav-menu .top a {
	color: #070808;
}
#hp-sec3 {
 	background: #070808;
}
#hp-sec3 h3, #hp-sec3 .steps .steps-inner .col2 strong{
	color: #3ab1c6;
}
#hp-sec4 .row .col.col2 .certificate .cert-inner{
	border-left: 4px solid #ffffff; 
}
#hp-sec6 .row .col.col1 h3 {
	color: #3ab1c6;
}
hr {
 	background: #ffffff;
}
#site-footer .copyright p a{
	color: #fff;
	font-weight: bold;
<!-- 	color: #ffffff; -->
}
#site-footer .middle ul li a:hover {
	color: #ffffff;
}
/* Add more dynamic CSS rules as needed */