@font-face {
    font-family: logo-font;
    font-style: normal;
    font-weight: 900;
    src: url('logo-font.ttf') format('truetype');
}
:root {
    --primary1: #1b1b1b;
    --primary2: #424242;
    --extra: #8c0032 ;
    --box: #6d6d6d;
    --text: #fafafa;
    --hover: #dec94e;
  }
body{
    background-color: var(--primary1);
    color: var(--text);
}
a{
    color:var(--extra);
}
a:hover {
    color: var(--extra);
}
#header{
    background:var(--primary1);
}
.nav-menu a{
    color: var(--text);
}
.nav-menu a:hover, .nav-menu .active>a, .nav-menu li:hover>a{
    color: var(--extra);
}
#header .logo h1 a, #header .logo h1 a:hover{
    color: var(--text);
}
.section-bg {
    background-color: var(--primary2);
}
.about .icon-boxes i{
    color: var(--extra);
}
.what-we-do .icon-box{
    background-color: var(--primary1);
}
.what-we-do .icon-box .icon{
    background: var(--box);
}
.what-we-do .icon-box .icon i{
    color:var(--extra);
}
.portfolio #portfolio-flters li{
    color: var(--text);
    background: var(--box);
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active{
    background: var(--extra);
}
.portfolio .portfolio-item .portfolio-info{
    background: var(--primary2);
}
.portfolio .portfolio-item .portfolio-info h4 a{
    color: var(--text);
}
.services .icon-box{
    background: var(--primary1);
}
.services .icon-box i{
    color: var(--extra);
}
.titcolor{
    color: var(--text) !important;
}
.team .member{
    background: var(--primary2);
}
.team .member1{
    background: var(--primary1);
}
.team .member p{
    color: #f8f9fa;
}
.testimonials .testimonial-item{
    background: var(--primary1);
}
.testimonials .testimonial-item1{
    background: var(--primary2);
}
.testimonials .testimonial-item h3{
    color: var(--text);
}
.counts{
    background: var(--primary1);
}
.counts .count-box{
    background: var(--primary1);
}
.counts .count-box i{
    background: var(--extra);
}
.counts .count-box span{
    color: var(--extra);
}
.contact .info-wrap , .contact .php-email-form{
    background: var(--primary1);
}
.contact .info i{
    color:var(--extra);
    background: var(--box);
}
.contact .info h4{
    color: var(--text);
}
.contact .info>div{
    color: var(--text);
}
.form-control{
    background-color: var(--primary1);
}
.contact .php-email-form button[type="submit"]{
    background-color: var(--extra);
}
.back-to-top i{
    background-color: var(--extra);
}
.section-title h2::after{
    background-color: var(--extra);
}
#footer .social-links a{
    background-color: var(--extra);
}
#footer .footer-top .footer-links ul i{
    color: var(--extra);
}
.testimonials .owl-dot.active{
    background-color: var(--extra) !important;
}
.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right{
    color: var(--extra);
}
.pagination a{
    border: 1px solid var(--extra);
}
.portfolio-details .portfolio-info{
    color:var(--primary1);
}
a:hover {
    color: var(--hover) !important;
  }
  .skills .progress-bar {
    background-color: var(--hover);
  }
  .contact .php-email-form button[type="submit"]:hover {
    background: var(--hover);
  }
  #footer .social-links a:hover {
    background: var(--hover);
    color:#fff !important;
  }
  #hero .btn-get-started:hover {
    background: var(--hover);
    color: #fff !important;
  }
  .back-to-top i:hover {
    background: var(--hover);
    color: #fff;
  }
  #footer .footer-newsletter form input[type="submit"]:hover {
    background: var(--hover);
  }
  #mytitle{
    font-family: logo-font !important;
  }
  .contact .info:hover i{
      background: var(--hover);
  }
  .services .icon-box h4 a:active{
      color: var(--hover) !important;
  }