body {
color: #3f4448;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
color: #3f4448;
}
a, a.link {
color: #3f4448;
}
a:hover, a.link:hover, a.link:focus {
color: #009933;
}
p, .p {
color: #777;
}
.bg-accent {
background-color: #009933;
}
html body .bg-light,
html body .bg-light-gray {
background-color: #f8f8f8 !important;
}
.bg-footer {
background-color: #3f4448;
}
.bg-dark {
background-color: #3f4448 !important;
}

hr.separator-break.border-accent {
border-color: #009933;
}

.bg-footer.text-white>*,
.bg-footer.text-white h6,
.bg-footer.text-white p {
color: #fff !important;
font-size: 15px;
font-weight: 300;
}
.text-accent {
color: #009933;
}


/* ===========================================================================
Button
*/
.btn-link {
text-decoration: none;
}
.btn-link:hover {
color: #009933;
}
.btn-accent,
.btn-accent.disabled {
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
background-color: #009933;
color: #fff;
}
.btn-accent:hover,
.btn-accent.disabled:hover {
background-color: #009933;
}
.btn-accent.active, .btn-accent:active, .btn-accent:focus,
.btn-accent.disabled.active,
.btn-accent.disabled:active,
.btn-accent.disabled:focus {
color: #ffffff !important;
background: #3f4448;
border-color: #3f4448;
}
.btn-outline-accent {
color: #e009933;
background-color: transparent;
border-color: #009933;
-webkit-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
transition: 0.2s ease-in;
}
.btn-outline-accent:hover, .btn-outline-accent:focus, .btn-outline-accent.focus {
background: #009933;
color: #3f4448;
border-color: #009933;
}
.btn-outline-accent.active, .btn-outline-accent:active, .btn-outline-accent:focus {
background: #009933;
}

.btn-inverse,
.btn-inverse.disabled {
background: #3f4448;
border: 1px solid #3f4448;
color: #ffffff; }
.btn-inverse:hover,
.btn-inverse.disabled:hover {
background: #2f3947;
color: #009933;
border: 1px solid #2f3947; }
.btn-inverse.active, .btn-inverse:active, .btn-inverse:focus,
.btn-inverse.disabled.active,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus {
background: #2f3947;
color: #ea554e; }
.btn-outline-inverse {
color: #3f4448;
background-color: transparent;
border-color: #3f4448; }
.btn-outline-inverse:hover, .btn-outline-inverse:focus, .btn-outline-inverse.focus {
background: #3f4448;
border-color: #3f4448;
color: #ffffff; }


.box-icon-contact .box-icon.box-icon-bg .box-icon-title>i {
background-color: #3f4448;
color: #fff;
}

span.headline {
border-color: #009933;
}

[data-overlay].accent-bg:before {
background: #009933;
}

/*******************
Sub Menu
********************/
.nav-submenu .nav-link {
background-color: #f6f6f6;
}
.nav-submenu .active {
color: #009933;
}

/* ===========================================================================
Navigation
*/
.navbar:before {
background-color: #009933;
border-bottom: none;
}
.navbar-dark {
color: #fff;
}
.navbar-light {
color: #fff;
}
.navbar-light .navbar-brand, .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
color: #009933
}
.navbar-light .navbar-nav .nav-link {
color: inherit;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
color: #3f4448
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #3f4448
}
.navbar-light .navbar-toggler {
color: #212529;
border-color: transparent
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-light .navbar-text {
color: #212529
}
.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover, .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
color: #009933
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: #009933
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: hsla(0, 0%, 100%, .25)
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
color: #009933
}
.navbar-dark .navbar-toggler {
color: #fff;
border-color: transparent
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.navbar-dark .navbar-text {
color: #fff
}
.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
color: #009933
}
.dropdown-item.active, .dropdown-item:active {
color: #009933;
}
.nav-solid li .nav-link.active,
.nav-solid li .nav-link span.active {
border-bottom: 2px solid #009933;
}
/* ===========================================================================
Overlay
*/
.dark-overlay::after {
background: #000;
opacity: .3;
}
.light-overlay::after {
background: #fff;
opacity: .3;
}
.sub-overlay::before {
background: #3f4448;
opacity: .7;
}
.sub-overlay .sub-title {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: #fff;
}
.main-contact .box-icon.box-icon-bg .box-icon-title>i,
.main-contact .box-icon.box-icon-bg>i {
background-color: #009933;
color: inherit;
}

.wrap-feature-24 .service-24 i {
color: #009933;
}
<h5 class="font-medium">VRWARE Edu School</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<!-- Column -->
<div class="col-lg-3 col-md-6 wrap-feature1-box">
<div class="card " data-aos="fade-up" data-aos-duration="1200">
<div class="card-body text-center">
<div class="icon-space"><a href="http://storymaker.vrware.us/" i class="display-2 text-accent icon-Retouching"></a></i></div>
<h5 class="font-medium">VRWARE&#160;Edu&#160;StoryMaker</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<!-- Column -->
<div class="col-lg-3 col-md-6 wrap-feature1-box m-t">
<div class="card " data-aos="fade-left" data-aos-duration="1200">
<div class="card-body text-center">
<div class="icon-space"><a href="https://bookclub.vrware.us/" i class="display-2 text-accent icon-Movie"></a></i></div>
<h5 class="font-medium">VRWARE BookClub</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
<!-- Column -->
<div class="col-lg-3 col-md-6 wrap-feature1-box m-t">
<div class="card last" data-aos="fade-left" data-aos-duration="1200">
<div class="card-body text-center">
<div class="icon-space"><i class="display-2 text-accent icon-Tree-2"></i></div>
<h5 class="font-medium">VRWARE Nature_i</h5>
<p class="m-t-20">You can relay on our amazing features list and also our customer services will be great experience.</p>
</div>
</div>
</div>
</div>
</div>