:root {
  --primary-color: #e87424; /* Hex code */
  --lbkg-color: #f9f9f9; /* Hex code */
}

.activebkg a:active {
  background-color: var(--primary-color) !important;
}

.hero-image {
  background-image: url(../images/hero-1.jpg);
  /* background-image: url(../images/herov.mp4); */
  background-color: var(--primary-color) !important; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 70vh;
}

.overlay {
  background-color: var(--primary-color) !important;
}

.btn-primary {
  background-color: var(--primary-color) !important;
  border: var(--primary-color) !important;
}

.btn-outline-light {
  background-color: #f8f8f8 !important;
  border: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

.btn-outline-light:hover {
  background-color: #f8f8f8 !important;
  border: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

.lead {
  color: var(--lbkg-color) !important;
}

.lead-light {
  color: #666 !important;
}

.bg-main {
  background-color: #FFFFFF !important;
}

.bg-orange {
  background-color: var(--primary-color) !important;
}

.bg-orange2 {
  background-color: #FFFFFF !important;
  /* color:#FFFFFF !important; */
}

.bg-gray {
  background-color: #f4f4f4 !important;
}

.card-body {
  background-color: var(--lbkg-color) !important;
}

.c-orange {
  color:var(--primary-color) !important;
}

a .c-orange {
  margin-top: 10px;
}

#call-to-action {
  color: var(--lbkg-color) !important;
}

.tshadow {
  text-shadow: 2px 2px 4px #43484F;
}

li { 
  margin-bottom: 8px; line-height: 1.5; 
}

li::marker { 
  color: var(--primary-color) !important; font-size: 1.2em; 
}

.titlecaps {
  font-variant-caps: titling-caps;
}

.hero-image-tut {
  background-image: url(../images/hero-tut.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}

.hero-image-des {
  background-image: url(../images/hero-des.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}

.hero-image-rie {
  background-image: url(../images/hero-rie.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}

.hero-image-som {
  background-image: url(../images/hero-som.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}

.hero-image-cul {
  background-image: url(../images/hero-cul.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}

.hero-image-man {
  background-image: url(../images/hero-man.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}

.hero-image-pro {
  background-image: url(../images/hero-pro.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}

.hero-image-ser {
  background-image: url(../images/hero-ser.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}

.hero-image-emp {
  background-image: url(../images/hero-ecar.jpg);
  background-color: var(--primary-color) !important;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover; 
  height: 50vh;
}


.bg-footer {
  background-color: #101828;
  color:#fff;
}

.border-top {
  border-color: #fff !important;
  border: 2;
}

footer a {
  color:#fff !important;
}

footer a:hover {
  color:var(--primary-color) !important;
}