@font-face {
    font-family: 'ElegantIcons';
    src: url('https://static.elloha.com/webgen/fonts/ElegantIcons.eot');
    src: url('https://static.elloha.com/webgen/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'), url('https://static.elloha.com/webgen/fonts/ElegantIcons.woff') format('woff'), url('https://static.elloha.com/webgen/fonts/ElegantIcons.ttf') format('truetype'), url('https://static.elloha.com/webgen/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root {
    --color-link: #97b7be;
    --color-btn: #97b7be;
    --color-btn-txt: #fff;
    --color-text: #777;
    --color-text-white: #FFFFFF;
    --color-title: #58555c;
    --color-bg-1: #fff;
    --color-bg-2: #58555c;
    --color-bg-3: #fafafa;
    --color-red: #EC4067;
    --font-title: Montserrat;
    --font-text: Hind;
}-header,
.portfolio-box a::before,
.price-box:hover .price-img-box::before,
.events-section::before {
    background-color: rgba(88,85,92,.8);
}