:root {
    --svg-chat-orange: url('../../images/svg/chat-orange.svg');
    --svg-pin: url('../../images/svg/pin.svg');
    --svg-pin-orange: url('../../images/svg/pin-orange.svg');
    --svg-moon: url('../../images/svg/moon.svg');
    --svg-facebook: url('../../images/svg/facebook.svg');
    --svg-facebook-small: url('../../images/svg/facebook-small.svg');
    --svg-instagram: url('../../images/svg/instagram.svg');
    --svg-instagram-small: url('../../images/svg/instagram-small.svg');
    --svg-mail: url('../../images/svg/mail.svg');
    --svg-mail-orange: url('../../images/svg/mail-orange.svg');
    --svg-phone: url('../../images/svg/phone.svg');
    --svg-phone-orange: url('../../images/svg/phone-orange.svg');
    --svg-phone-small: url('../../images/svg/phone-small.svg');
    --svg-search: url('../../images/svg/search.svg');
    --svg-search-blue: url('../../images/svg/search-blue.svg');
    --svg-search-orange: url('../../images/svg/search-orange.svg');
}

.sc-svg {
    background-size: cover;
    display: inline-block;
}

.sc-svg-pin {
    width: 14px;
    height: 19px;
    background-image: var(--svg-pin);
}

.sc-svg-pin-orange {
    width: 14px;
    height: 19px;
    background-image: var(--svg-pin-orange);
}

.sc-svg-moon {
    width: 15px;
    height: 18px;
    background-image: var(--svg-moon);
}

.sc-svg-chat-orange {
    width: 18px;
    height: 19px;
    background-image: var(--svg-chat-orange);
}

.sc-svg-phone {
    width: 19px;
    height: 19px;
    background-image: var(--svg-phone);
}

.sc-svg-phone-orange {
    width: 19px;
    height: 19px;
    background-image: var(--svg-phone-orange);
}

.sc-svg-mail {
    width: 19px;
    height: 19px;
    background-image: var(--svg-mail);
}

.sc-svg-mail-orange {
    width: 19px;
    height: 19px;
    background-image: var(--svg-mail-orange);
}