.ser-col svg path {
  /* fill: green; */
}
.ser-col:hover svg path {
  /* fill: #fff; */
}
.ser-col svg {
    width: 30px;
    height: 30px;
    position: relative;
    top: 5px;
}
.ser-page .service-wrapper li .icon-wrapper {
  padding: 5px;
}
.ser-page .service-wrapper .ser-col:hover .icon-wrapper {
    background-color: #f0390e;
}
.ser-col .icon-wrapper {
  border: 1px solid #f0390e;
}
.ser-page .service-wrapper .ser-col:hover {
    border: 1px solid #f0390e;
    cursor: pointer;
}
.ser-page .service-wrapper .ser-col:hover h4 {
    color: #f0390e;
}
.ser-page .service-wrapper li h4 {
  font-size: 15px;
  color: #333;
}
.theme-color {
  color: #f0390e;
}
.navbar-custom .bottom-nav .navbar-nav li a.btn-quote:hover {
    background: #f0390e;
    color: #fff !important;
}
.btn.theme-outline-btn, .btn.theme-outline-btn {
    color: #f0390e !important;
    border: 1px solid #f0390e;
}
.theme-nav a:hover, .footer-widget a:hover, .copyright .social li a:hover {
  color: #f0390e !important;
}
.navbar-custom .bottom-nav .navbar-nav li .dropdown-menu {
  background: #f0390e !important;
}
.navbar-custom .bottom-nav .navbar-nav li .dropdown-menu li a:hover {
  color: #fff !important;
}
.navbar-custom .top-bar .social li a {
    color: #f0390e;
    font-size: 16px;
}
.item.active .fill {
margin-top: 70px;
}
.item.active .banner-text {
    background-color: #f24109;
    opacity: 0.8;
    padding: 10px;
    border-radius: 10px;
    color: #fff !important;
}
.item.active .banner-text h1 {
  color: #fff !important;
}
.item.active .fill {
background-size: 100% 100%;
    background-repeat: no-repeat;
}
html {
  scroll-behavior: smooth;
}