.l-color {
    color: #794d25;
}

.l-icon {
    width: 64px;
    height: 64px;
    background-color: currentColor;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
}

/* Icon Classes */
.l-icon {
    width: 64px;
    height: 64px;
    background-color: currentColor; /* İkon rengi için currentColor kullanarak renk değişimini sağlar */
}

.l-arrow-bottom-left-to-right-bottom {
    -webkit-mask: url('../icons/arrow-bottom-left-to-right-bottom.svg') no-repeat center;
    mask: url('../icons/arrow-bottom-left-to-right-bottom.svg') no-repeat center;
}

.l-arrow-down {
    -webkit-mask: url('../icons/arrow-down.svg') no-repeat center;
    mask: url('../icons/arrow-down.svg') no-repeat center;
}

.l-arrow-left {
    -webkit-mask: url('../icons/arrow-left.svg') no-repeat center;
    mask: url('../icons/arrow-left.svg') no-repeat center;
}

.l-arrow-right {
    -webkit-mask: url('../icons/arrow-right.svg') no-repeat center;
    mask: url('../icons/arrow-right.svg') no-repeat center;
}

.l-arrow-top-left-to-left-bottom {
    -webkit-mask: url('../icons/arrow-top-left-to-left-bottom.svg') no-repeat center;
    mask: url('../icons/arrow-top-left-to-left-bottom.svg') no-repeat center;
}

.l-arrow-top-left-to-right-bottom {
    -webkit-mask: url('../icons/arrow-top-left-to-right-bottom.svg') no-repeat center;
    mask: url('../icons/arrow-top-left-to-right-bottom.svg') no-repeat center;
}

.l-arrow-top-to-left-bottom {
    -webkit-mask: url('../icons/arrow-top-to-left-bottom.svg') no-repeat center;
    mask: url('../icons/arrow-top-to-left-bottom.svg') no-repeat center;
}

.l-arrow-top-to-right-bottom {
    -webkit-mask: url('../icons/arrow-top-to-right-bottom.svg') no-repeat center;
    mask: url('../icons/arrow-top-to-right-bottom.svg') no-repeat center;
}

.l-arrow-top-to-top {
    -webkit-mask: url('../icons/arrow-top-to-top.svg') no-repeat center;
    mask: url('../icons/arrow-top-to-top.svg') no-repeat center;
}

.l-arrow-up {
    -webkit-mask: url('../icons/arrow-up.svg') no-repeat center;
    mask: url('../icons/arrow-up.svg') no-repeat center;
}

.l-arrow-upload {
    -webkit-mask: url('../icons/arrow-upload.svg') no-repeat center;
    mask: url('../icons/arrow-upload.svg') no-repeat center;
}

.l-bottom-to-right-upper {
    -webkit-mask: url('../icons/bottom-to-right-upper.svg') no-repeat center;
    mask: url('../icons/bottom-to-right-upper.svg') no-repeat center;
}

.l-chevron-double-down {
    -webkit-mask: url('../icons/chevron-double-down.svg') no-repeat center;
    mask: url('../icons/chevron-double-down.svg') no-repeat center;
}

.l-chevron-double-left {
    -webkit-mask: url('../icons/chevron-double-left.svg') no-repeat center;
    mask: url('../icons/chevron-double-left.svg') no-repeat center;
}

.l-chevron-double-right {
    -webkit-mask: url('../icons/chevron-double-right.svg') no-repeat center;
    mask: url('../icons/chevron-double-right.svg') no-repeat center;
}

.l-chevron-double-up {
    -webkit-mask: url('../icons/chevron-double-up.svg') no-repeat center;
    mask: url('../icons/chevron-double-up.svg') no-repeat center;
}

.l-chevron-down {
    -webkit-mask: url('../icons/chevron-down.svg') no-repeat center;
    mask: url('../icons/chevron-down.svg') no-repeat center;
}

.l-chevron-left {
    -webkit-mask: url('../icons/chevron-left.svg') no-repeat center;
    mask: url('../icons/chevron-left.svg') no-repeat center;
}

.l-chevron-right {
    -webkit-mask: url('../icons/chevron-right.svg') no-repeat center;
    mask: url('../icons/chevron-right.svg') no-repeat center;
}

.l-chevron-right-upload {
    -webkit-mask: url('../icons/chevron-right-upload.svg') no-repeat center;
    mask: url('../icons/chevron-right-upload.svg') no-repeat center;
}

.l-chevron-up {
    -webkit-mask: url('../icons/chevron-up.svg') no-repeat center;
    mask: url('../icons/chevron-up.svg') no-repeat center;
}

.l-cross-resize {
    -webkit-mask: url('../icons/cross-resize.svg') no-repeat center;
    mask: url('../icons/cross-resize.svg') no-repeat center;
}

.l-download {
    -webkit-mask: url('../icons/download.svg') no-repeat center;
    mask: url('../icons/download.svg') no-repeat center;
}

.l-fullscreen {
    -webkit-mask: url('../icons/fullscreen.svg') no-repeat center;
    mask: url('../icons/fullscreen.svg') no-repeat center;
}

.l-hevron-double-up {
    -webkit-mask: url('../icons/hevron-double-up.svg') no-repeat center;
    mask: url('../icons/hevron-double-up.svg') no-repeat center;
}

.l-leaf {
    -webkit-mask: url('../icons/leaf.svg') no-repeat center;
    mask: url('../icons/leaf.svg') no-repeat center;
}

.l-leaves {
    -webkit-mask: url('../icons/leaves.svg') no-repeat center;
    mask: url('../icons/leaves.svg') no-repeat center;
}

.l-location-circle-bottom {
    -webkit-mask: url('../icons/location-circle-bottom.svg') no-repeat center;
    mask: url('../icons/location-circle-bottom.svg') no-repeat center;
}

.l-location-square-bottom {
    -webkit-mask: url('../icons/location-square-bottom.svg') no-repeat center;
    mask: url('../icons/location-square-bottom.svg') no-repeat center;
}

.l-location {
    -webkit-mask: url('../icons/location.svg') no-repeat center;
    mask: url('../icons/location.svg') no-repeat center;
}

.l-raindrop-single {
    -webkit-mask: url('../icons/raindrop-single.svg') no-repeat center;
    mask: url('../icons/raindrop-single.svg') no-repeat center;
}

.l-raindrops {
    -webkit-mask: url('../icons/raindrops.svg') no-repeat center;
    mask: url('../icons/raindrops.svg') no-repeat center;
}

.l-resize-h {
    -webkit-mask: url('../icons/resize-h.svg') no-repeat center;
    mask: url('../icons/resize-h.svg') no-repeat center;
}

.l-size {
    -webkit-mask: url('../icons/size.svg') no-repeat center;
    mask: url('../icons/size.svg') no-repeat center;
}

.l-square-external {
    -webkit-mask: url('../icons/square-external.svg') no-repeat center;
    mask: url('../icons/square-external.svg') no-repeat center;
}

.l-sun {
    -webkit-mask: url('../icons/sun.svg') no-repeat center;
    mask: url('../icons/sun.svg') no-repeat center;
}

.l-three-two {
    -webkit-mask: url('../icons/three-two.svg') no-repeat center;
    mask: url('../icons/three-two.svg') no-repeat center;
}

.l-tinyhouse-one {
    -webkit-mask: url('../icons/tinyhouse-one.svg') no-repeat center;
    mask: url('../icons/tinyhouse-one.svg') no-repeat center;
}

.l-tinyhouse-two {
    -webkit-mask: url('../icons/tinyhouse-two.svg') no-repeat center;
    mask: url('../icons/tinyhouse-two.svg') no-repeat center;
}

.l-tinyhouse {
    -webkit-mask: url('../icons/tinyhouse.svg') no-repeat center;
    mask: url('../icons/tinyhouse.svg') no-repeat center;
}

.l-tree-four {
    -webkit-mask: url('../icons/tree-four.svg') no-repeat center;
    mask: url('../icons/tree-four.svg') no-repeat center;
}

.l-tree-three {
    -webkit-mask: url('../icons/tree-three.svg') no-repeat center;
    mask: url('../icons/tree-three.svg') no-repeat center;
}

.l-tree {
    -webkit-mask: url('../icons/tree.svg') no-repeat center;
    mask: url('../icons/tree.svg') no-repeat center;
}

.l-wood {
    -webkit-mask: url('../icons/wood.svg') no-repeat center;
    mask: url('../icons/wood.svg') no-repeat center;
}

.l-quality {
    -webkit-mask: url('../icons/quality.svg') no-repeat center;
    mask: url('../icons/quality.svg') no-repeat center;
}

.l-price-tag {
    -webkit-mask: url('../icons/price-tag.svg') no-repeat center;
    mask: url('../icons/price-tag.svg') no-repeat center;
}

.l-info{
    -webkit-mask: url('../icons/info.svg') no-repeat center;
    mask: url('../icons/info.svg') no-repeat center;
}