.logo a img {
    width: 300px;
    filter: grayscale(100%) brightness(1000%);
}

.header-area.header--sticky.sticky .logo a img{
    height: auto;
    filter: grayscale(0%);
}

.single-service a{
    min-height: 500px;
    max-height: 500px;
    padding: 45px;
}

@media only screen and (max-width: 767px) {
    .single-service a{
        min-height: 300px;
        max-height: 500px;
        padding: 45px;
    }
    .footer-default .footer-left .inner::after{
        content: url(../images/logo/small-logo.png);
        width: 100px;
        height: 100px;
        right: 30px;
        top: -70%;
    }
    ul.mainmenu #logo-phone{
        content: url(../images/logo/logo.png);
        width: 90vw;
    }
}

h1.theme-gradient {
  font-size: 80px;
  background: #f2ac57;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

.active-dark-mode h2{
    color: #f2ac57
}