.bi-tyre {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("img/Tyre.svg");
    mask-image: url("img/Tyre.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

.bi-rim {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: url("img/Rim.svg");
    mask-image: url("img/Rim.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
}

.bi-cloud-sun-colored {
    display: inline-block;
    width: 1em;
    height: 1em;
	vertical-align: middle; /* Metinle hizalamak için */
	background-image: url("img/CloudSunColored.svg");
	background-repeat: no-repeat;
    background-size: contain;  /* İkonun kutuya sığmasını sağlar */
    background-position: center;
    /*background-color: currentColor;*/
    /*-webkit-mask-image: url("img/CloudSunColored.svg");
    mask-image: url("img/CloudSunColored.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;*/
}