.icon {
    display: inline-block;
    width: 60px;
    height: 60px;
    background-size: cover;
    filter: invert(49%) sepia(16%) saturate(5518%) hue-rotate(167deg) brightness(93%) contrast(101%);
}


/* .flat-our-services.style1 .post:hover .featured-post .icon-wrap ,
  article:hover .icon-wrap  {
    padding-top: 3px;
  } */

.icon-hali {
    background-image: url('../img/hali-icon.svg');
}

.flat-our-services.style1 .post:hover .featured-post .icon-hali,
article:hover .icon-wrap .icon-hali,
.icon-hali:active,
.icon-hali:hover,
.icon-hali:focus {
    background-image: url('../img/hali-icon2.svg');
}

.icon-esans {
    background-image: url('../img/yaglar-icon.svg');
}

.flat-our-services.style1 .post:hover .featured-post .icon-esans,
article:hover .icon-wrap .icon-esans,
.icon-esans:active,
.icon-esans:hover,
.icon-esans:focus {
    background-image: url('../img/yaglar-icon2.svg');
}

.icon-kagit {
    background-image: url('../img/kagit-icon.svg');
}

.flat-our-services.style1 .post:hover .featured-post .icon-kagit,
article:hover .icon-wrap .icon-kagit,
.icon-kagit:active,
.icon-kagit:hover,
.icon-kagit:focus {
    background-image: url('../img/kagit-icon2.svg');
}

.icon-kagit {
    background-image: url('../img/kagit-icon.svg');
}

.flat-our-services.style1 .post:hover .featured-post .icon-kagit,
article:hover .icon-wrap .icon-kagit,
.icon-kagit:active,
.icon-kagit:hover,
.icon-kagit:focus {
    background-image: url('../img/kagit-icon2.svg');
}

.icon-pigment {
    background-image: url('../img/pigment-icon.svg');
}

.flat-our-services.style1 .post:hover .featured-post .icon-pigment,
article:hover .icon-wrap .icon-pigment,
.icon-pigment:active,
.icon-pigment:hover,
.icon-pigment:focus {
    background-image: url('../img/pigment-icon2.svg');
}

.icon-bitkisel {
    background-image: url('../img/bitkisel-icon.svg');
}

.flat-our-services.style1 .post:hover .featured-post .icon-bitkisel,
article:hover .icon-wrap .icon-bitkisel,
.icon-bitkisel:active,
.icon-bitkisel:hover,
.icon-bitkisel:focus {
    background-image: url('../img/bitkisel-icon2.svg');
}

.icon-polimer {
    background-image: url('../img/polimer-icon.svg');
}

.flat-our-services.style1 .post:hover .featured-post .icon-polimer,
article:hover .icon-wrap .icon-polimer,
.icon-polimer:active,
.icon-polimer:hover,
.icon-polimer:focus {
    background-image: url('../img/polimer-icon2.svg');
}

.icon-hakkimizda {
    background-image: url('../img/hakkimizda-icon.svg');
}

.icon-hakkimizda:active,
.icon-hakkimizda:hover,
.icon-hakkimizda:focus {
    background-image: url('../img/hakkimizda-icon2.svg');
}

.icon-vizyon {
    background-image: url('../img/vision-icon.svg');
}

.icon-vizyon:active,
.icon-vizyon:hover,
.icon-vizyon:focus {
    background-image: url('../img/vision-icon2.svg');
}

.icon-misyon {
    background-image: url('../img/misyon-icon.svg');
}

.icon-misyon:active,
.icon-misyon:hover,
.icon-misyon:focus {
    background-image: url('../img/misyon-icon2.svg');
}