:root {
  --primary-color: #2b7a77;
  --secondary-color: #17242a;
  --brand-color: #fe0127;
  --light-green: #def2f1;
  --light-bg-color: #fcfcfc;
  --light-color: #feffff;
  --dark-gray: #27363b;
}
a:focus, a:hover {
  color: #fe0127;
}
.front-img { padding:0;position: absolute;top: 0;left: 0;width: 100%;height: 100vh;}
.mb-logo { display: none}

.our-service .opacity-light { opacity: .8;}

.feature-box-title { font-size: 1.8rem; line-height: 1.3;}
.feature-box.feature-box-dark-hover:hover p, .feature-box.feature-box-light-hover:hover p { opacity: 1;}

@media screen and (max-width: 480px) {
    
    .mob-text h1 { color: #000 !important;}
    .dt-logo { display: none}
    .mb-logo { display: block}
    
}