.d-icon{
    width: 30px;
    aspect-ratio: 1;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: black;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.hizmet-icon-1{
    mask-image: url("../img/icons/hizmet-1.svg");
}
.hizmet-icon-2{
    mask-image: url("../img/icons/hizmet-2.svg");
}
.hizmet-icon-3{
    mask-image: url("../img/icons/hizmet-3.svg");
}
.hizmet-icon-4{
    mask-image: url("../img/icons/hizmet-4.svg");
}
.hizmet-icon-5{
    mask-image: url("../img/icons/hizmet-5.svg");
}
.home-icon{
    mask-image: url("../icons/home-icon.svg");
}
.list-icon{
    mask-image: url("../icons/list-icon.svg");
}
.pen-icon{
    mask-image: url("../icons/pen-icon.svg");
}
.cloud-icon{
    mask-image: url("../icons/cloud-icon.svg");
}
.news-icon{
    mask-image: url("../icons/news-icon.svg");
}
.phone-icon{
    mask-image: url("../icons/phone-icon.svg");
}
.users-icon{
    mask-image: url("../icons/users-icon.svg");
}
.user-icon{
    mask-image: url("../icons/user-icon.svg");
}
.happy-face-icon-icon{
    mask-image: url("../icons/happy-face-icon.svg");
}
.calendar-icon{
    mask-image: url("../icons/calendar-icon.svg");
}
.location-icon{
    mask-image: url("../icons/location-icon.svg");
}
.eposta-icon{
    mask-image: url("../icons/eposta-icon.svg");
}
.teklif-icon{
    mask-image: url("../icons/teklif-icon.svg");
}