:root {
    --font-accent-color: #CAC609;
    --font-primary-color: #191B1D;
    --font-secondary-color: #535353;
    --font-tertiary-color: #7C7D7D;
    --font-white-color: #FFFFFF;
    --font-secondary-dark-color: #BCBCBC;

    --accent-color: #FEEF42;
    --primary-color: #191B1D;
    --secondary-color: #4A4F54;
    --tertiary-color: #F3F3F3;
    --white-color: #FFFFFF;
    --border-color: #969696;
    --divider-color: #CACACA;

    --bg-dark: #29292D;
    --bg-light: #F3F3F3;
    --bg-white: #FFFFFF;
}

html,
body {
    margin:0;
    padding:0;
    font-family: 'Fivo Sans Modern', sans-serif;
    color: var(--font-primary-color);
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

input {
    font-family: 'Fivo Sans Modern', sans-serif;
    padding-bottom: 0;
    padding-top: 2px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

button {
  	font-family: 'Fivo Sans Modern', sans-serif;
}

fieldset,
img { 
    border:0;
}

a {
    text-decoration: none;
    color: inherit;
}

.wrapper {
    margin-left: 20px;
    margin-right: 20px;
}

@media screen and (min-width: 768px) {
    .wrapper {
        margin-left: 24px;
        margin-right: 24px;
    }
}

@media screen and (min-width: 1280px) {
    .wrapper {
        max-width: 1160px;
        margin: 0 auto;
    }
}

.main {
    padding-bottom: 100px;
}

.main .wrapper {
    position: relative;
}

.header {
    margin-bottom: 16px;
}

@media screen and (min-width: 1280px) {
    .header {
        margin-bottom: 32px;
    }
}

.header .wrapper {
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

    border-bottom: 2px solid var(--border-color);

    gap: 24px;
}

.header__logo {
    margin-right: auto;
}

.header__logo img {
    height: 24px;
}

.header__social {
    align-items: center;
    font-size: 0;
    gap: 16px;
}

.header__social a {
    display: inline-flex;
    align-items: center;
    font-weight: 450;
    font-size: 14px;
    color: var(--font-secondary-color);
    text-indent: -99999px;
}

@media screen and (min-width: 768px) {
    .header__logo img {
        height: 32px;
    }
}

@media screen and (min-width: 1280px) {
    .header .wrapper {
        gap: 32px;
    }

    .header__logo img {
        height: 40px;
    }

    .header__social a {
        text-indent: 0;
    }
}

@media screen and (min-width: 1280px) {
    .header__social a svg {
        margin-right: 4px;
    }
}

.header__search {
    height: 32px;
    display: flex;
    gap: 6px;
}

@media screen and (min-width: 768px) {
    .header__search {
        padding: 0 12px;
        width: 130px;
        border: 1px solid var(--border-color);
    }
}

@media screen and (min-width: 1280px) {
    .header__search {
        width: 250px;
    }
}

.header__search button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    appearance: none;
    cursor: pointer;
    border: none;
    padding: 0;
    background-color: transparent;
}

.header__search-input {
    display: none;
}

@media screen and (min-width: 768px) {
    .header__search-input {
        width: 100%;
        box-sizing: border-box;
        padding: 0;
        flex: 1;
        font-size: 14px;
        color: var(--font-tertiary-color);
        display: block;
        border: none;
        outline: none;
        background-color: var(--bg-white);
        appearance: none;
        box-shadow: 0 0 0 30px white inset !important;
    }
}

.footer {
    background-color: var(--bg-dark);
    margin-top: auto;
}

.footer__label {
    padding: 40px 0;
    color: var(--font-secondary-color);
    font-weight: 700;
    font-size: 24px;    
    line-height: 1.2;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .footer__label {
        font-size: 28px;
    }
}

@media screen and (min-width: 1280px) {
    .footer__label {
        font-size: 32px;
    }
}

.footer__nav {
    border-width: 1px 0px;
    border-style: solid;
    border-color: var(--secondary-color);
    padding: 15px 0;
    text-align: center;
}

.footer__nav a {
    display: inline-block;
    margin: 0 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
    color: var(--font-white-color);
}

.footer__bottom {
    display: flex;
    align-items: flex-start;
    flex-direction: column;

    padding-top: 24px;
    padding-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .footer__bottom {
        flex-direction: row;
        align-items: flex-end;
        padding-top: 32px;
    }
}

.footer__copy {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.1;
    color: var(--font-tertiary-color);
    margin-top: 12px;
}

@media screen and (min-width: 768px) {
    .footer__copy {
        margin-left: 24px;
        margin-top: 0;
    }
}

.footer__social {
    order: -1;
    margin-bottom: 32px;
}

@media screen and (min-width: 768px) {
    .footer__social {
        margin-left: auto;
        margin-bottom: 0;
        order: 0;
    }
}

.footer__social a {
    display: inline-flex;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: var(--font-accent-color);
    margin-right: 24px;
}

@media screen and (min-width: 768px) {
    .footer__social a {
        margin-left: 24px;
        margin-right: 0;
    }
}

.top-tags {
    margin-bottom: 32px;
    display: flex;
    overflow: auto;
}

.top-tags::-webkit-scrollbar {
    display: none;
}

@media screen and (min-width: 1280px) {
    .top-tags {
        flex-wrap: wrap;
        overflow: visible;
    }   
}

.top-tags__item {
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    color: var(--font-primary-color);
    text-transform: uppercase;
    background-color: var(--bg-light);
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
}

.top-tags__item:hover {
    background-color: var(--accent-color);
}

.top-tags__item + .top-tags__item {
    margin-left: 12px;
}

.top-articles {
    margin-top: 16px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
    .top-articles {
        margin-bottom: 60px;
    }
}

.top-articles__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: var(--font-primary-color);
    margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .top-articles__title {
        font-size: 32px;
    }
}

.top-articles__list {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 1280px) {
    .top-articles__list {
        justify-content: space-between;
        align-items: stretch;
        flex-direction: row;
    }
}

.top-articles__item {
    display: flex;
    margin-bottom: 16px;
}

.top-articles__item.m-noimg {
    padding-left: 16px;
    min-height: 95px;
    flex-direction: column;
    justify-content: space-between;
    border-left: 3px solid var(--secondary-color);
}

@media screen and (min-width: 480px) {
    .top-articles__item.m-noimg {
        min-height: 130px;
    }
}

@media screen and (min-width: 768px) {
    .top-articles__item {
        margin-bottom: 32px;
    }

    .top-articles__item.m-noimg {
        min-height: 235px;
    }
}

@media screen and (min-width: 1280px) {
    .top-articles__item {
        width: 365px;
        flex-direction: column;
        margin-bottom: 0;
    }

    .top-articles__item.m-noimg {
        min-height: auto;
    }
}

.top-articles__item-img {
    width: 95px;
    height: 95px;
    margin-right: 16px;
    flex-shrink: 0;
}

@media screen and (min-width: 480px) {
    .top-articles__item-img {
        width: 130px;
        height: 130px;
    }
}
@media screen and (min-width: 768px) {
    .top-articles__item-img {
        width: 350px;
        height: 235px;
    }
}
@media screen and (min-width: 1280px) {
    .top-articles__item-img {
        width: 365px;
        height: 245px;
        margin-bottom: 16px;
        margin-right: 0;
    }
}

.top-articles__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.top-articles__item-body {
    font-size: 20px;
    line-height: 1.4;
    color: var(--font-primary-color);
}

.m-noimg .top-articles__item-body {
    font-size: 20px;
}

@media screen and (min-width: 480px) {
    .top-articles__item-body {
        font-size: 24px;
        line-height: 1.3;
    }

    .m-noimg .top-articles__item-body {
        font-size: 24px;
    }
}

@media screen and (min-width: 768px) {
    .m-noimg .top-articles__item-body {
        font-size: 32px;
    } 
}

@media screen and (min-width: 1280px) {
    .top-articles__item-body {
        font-size: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
                line-clamp: 3; 
        -webkit-box-orient: vertical;
    }

    .m-noimg .top-articles__item-body {
        -webkit-line-clamp: 6;
                line-clamp: 6; 
    } 
}

.top-articles__item-more {
    font-weight: 450;
    font-size: 20px;
    line-height: 140%;
    color: var(--font-secondary-color);
    margin-top: 10px;
    display: inline-flex;
    align-items: center;
}

.two-columns {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 1280px) {
    .two-columns {
        justify-content: space-between;
        flex-direction: row;
    }
}

@media screen and (min-width: 1280px) {
    .two-columns__left {
        width: 700px;
    }

    .two-columns__left.m-list {
        width: 760px;
    }
}

.two-columns__right {
    margin-top: 40px;
    margin-bottom: 60px;
}

.two-columns__right:empty {
    margin-top: 0;
}

@media screen and (min-width: 1280px) {
    .two-columns__right {
        margin-top: 0;
        margin-bottom: 0;
        width: 410px;
    }
}

.articles__item {
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 24px;
    margin-bottom: 32px;
}

@media screen and (min-width: 1280px) {
    .articles__item {
        padding-bottom: 40px;
        margin-bottom: 48px;
    }
}

.articles__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.articles__item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.articles__item-date {
    font-size: 16px;
    line-height: 125%;
    text-transform: uppercase;
    color: var(--font-secondary-color);
}

.articles__item-title {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: var(--font-primary-color);
    margin-top: 20px;
    margin-bottom: 24px;
    display: block;
}

.m-noimg .articles__item-title {
    font-size: 28px;
}

@media screen and (min-width: 768px) {
    .articles__item-title {
        font-size: 32px;
    }

    .m-noimg .articles__item-title {
        font-size: 40px;
    }
}

.articles__item-media {
    margin-bottom: 24px;
}

.articles__item-img {
    display: block;
    height: 180px;
}

@media screen and (min-width: 480px) {
    .articles__item-img {
        height: 248px;
    }
}
@media screen and (min-width: 768px) {
    .articles__item-img {
        height: 405px;
    }
}

@media screen and (min-width: 1280px) {
    .articles__item-img {
        height: 394px;
    }
}

.articles__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.articles__item-media-copy {
    font-size: 16px;
    line-height: 125%;
    color: var(--font-tertiary-color);
    margin-top: 12px;
}

.articles__item-lead {
    font-size: 20px;
    line-height: 130%;
    color: var(--font-primary-color);
    display: block;
}

@media screen and (min-width: 768px) {
    .articles__item-lead {
        font-weight: 24px;
    }
}

.articles__item-body {
    font-size: 20px;
    line-height: 140%;
    color: var(--font-secondary-color);
    margin-top: 12px;
    display: block;
}
.articles__item-footer {
    margin-top: 32px;
}

@media screen and (min-width: 768px) {
    .articles__item-footer {
        display: flex;
        justify-content: space-between;
    }
}

.articles__item-more {
    font-size: 20px;
    line-height: 140%;
    color: var(--font-accent-color);
    margin-right: 70px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 22px;
    padding-bottom: 4px;
    white-space: nowrap;
    flex-shrink: 0;
}

.articles__item-more:hover {
    border-bottom: 2px solid var(--font-accent-color);
}

.articles__item-tags {
    margin-top: 32px;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .articles__item-tags {
        text-align: right;
        justify-content: flex-end;
        margin-top: 0;
    }
}

.articles__item-tags .m-active {
    order: -1;
    background-color: #fff;
    border: 1px solid var(--font-accent-color);
    color: var(--font-accent-color);
    box-sizing: border-box;
}

.articles__item-tags .m-active:hover {
    color: var(--font-primary-color);
}

.more {
    text-align: center;
}

.more button,
.more .btn {
    width: 140px;
    font-weight: 500;
}

.pagination {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.pagination li {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--border-color);
    margin: 0 3px;
    color: var(--font-tertiary-color);
    font-size: 14px;
}

.pagination li:hover {
    background-color: var(--tertiary-color);
}

.pagination li.active {
    border: 1px solid var(--primary-color);
    background-color: var(--accent-color);
    color: var(--font-primary-color);
}

.pagination li a {
    padding-left: 12px;
    padding-right: 12px;
    height: 34px;
    line-height: 34px;
    display: block;
}

.pagination li:first-child,
.pagination li:last-child {
    display: none;
}

.btn {
    border: 1px solid var(--primary-color);
    color: var(--font-primary-color);
    font-size: 14px;
    cursor: pointer;
    height: 40px;
    min-width: 40px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}

.btn-primary {
    background-color: var(--accent-color);
}

.btn-primary:hover {
    background-color: var(--bg-white);
}

.btn-secondary {
    background-color: var(--bg-white);
}

.btn-secondary:hover {
    background-color: var(--accent-color);
}

.scroll-top {
    position: absolute;
    bottom: 0;
    right: 0;
}

.list + .more {
    margin-top: 60px;
}

.list__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
    color: var(--font-primary-color);
    margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .list__title {
        font-size: 32px;
    }
}

.list__item {
    padding-bottom: 24px;
    padding-top: 24px;
    border-bottom: 1px solid var(--divider-color);
}

.list__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.list__item-img {
    float: right;
    margin-left: 32px;
    width: 95px;
    height: 95px;
}

@media screen and (min-width: 480px) {
    .list__item-img {
        width: 130px;
        height: 130px;
    }
}
@media screen and (min-width: 768px) {
    .list__item-img {
        width: 210px;
        height: 145px;
    }
}

.list__item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list__item-body {
    min-height: 95px;
}

@media screen and (min-width: 480px) {
    .list__item-body {
        min-height: 130px;
    }   
}
@media screen and (min-width: 768px) {
    .list__item-body {
        min-height: 145px;
    }
}

.list__item-date {
    font-size: 14px;
    line-height: 125%;
    color: var(--font-secondary-color);
    margin-bottom: 12px;
}

.list__item-title {
    font-size: 18px;
    line-height: 130%;
    color: var(--font-primary-color);
}

.m-noimg .list__item-title {
    font-size: 24px;
}

@media screen and (min-width: 768px) {
    .m-noimg .list__item-title {
        font-size: 32px;
    }

    .list__item-title {
        font-size: 24px;
    }
}

.list__item-footer {
    margin-top: 27px;
}

@media screen and (min-width: 768px) {
    .list__item-footer {
        display: flex;
        justify-content: space-between;
    }
}

.list__search {
    margin: 40px 0 16px;
}

.list__search-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list__search-form input {
    flex: 1;
    height: 40px;
    border: 1px solid var(--border-color);
    box-sizing: border-box;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: 12px;
    outline: none;
    font-size: 16px;
    color: var(--font-primary-color);
    background-color: var(--bg-white);
    appearance: none;
    box-shadow: 0 0 0 30px white inset !important;
}

.list__search-result {
    font-size: 18px;
    font-weight: 500;
    line-height: 130%;
    color: var(--font-primary-color);
    margin-top: 24px;
}

.list__search-result-btn {
    margin-top: 60px;
    min-width: 140px;
    font-weight: 500;
}

.list__search-icon {
    position: relative;
    margin-right: -20px;
    right: -10px;
}

.list__search-cross {
    position: relative;
    margin-left: -20px;
    left: -20px;
    cursor: pointer;
}

.errorpage {
    margin-top: 116px;
    font-weight: 500;
}

.errorpage__title {
    font-size: 14px;
    line-height: 125%;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.errorpage__footer {
    margin-top: 60px;
}

.errorpage__footer .btn {
    min-width: 140px;
}

.errorpage svg {
    max-width: 278px;
}

@media screen and (min-width: 768px) {
    .errorpage svg {
        max-width: 374px;
    }   
}

.share {
    display: flex;
    align-items: center;
    height: 20px;
}

.share a {
    margin-left: 10px;
    font-size: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.share__fb {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.19648 19V10.9492H5.5V7.75H8.19648V5.2293C8.19648 2.49063 9.86992 1 12.3133 1C13.484 1 14.4895 1.08789 14.7812 1.12656V3.98828H13.0867C11.7578 3.98828 11.5012 4.62109 11.5012 5.5457V7.75H14.5L14.0887 10.9492H11.5012V19' fill='%234A4F54'/%3E%3C/svg%3E");
}

.share__tw {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1498 6.1434C17.1612 6.30329 17.1612 6.46321 17.1612 6.62311C17.1612 11.5 13.4493 17.1193 6.66499 17.1193C4.57488 17.1193 2.63326 16.514 1 15.4632C1.29697 15.4975 1.58247 15.5089 1.89086 15.5089C3.61546 15.5089 5.20305 14.9264 6.47083 13.9328C4.84899 13.8985 3.48985 12.8363 3.02156 11.3744C3.25001 11.4086 3.47842 11.4315 3.71829 11.4315C4.0495 11.4315 4.38074 11.3858 4.6891 11.3059C2.99875 10.9632 1.73094 9.47844 1.73094 7.68529V7.63962C2.22204 7.91373 2.79315 8.08505 3.39844 8.10787C2.40478 7.44541 1.75379 6.31471 1.75379 5.03551C1.75379 4.35025 1.9365 3.72207 2.25631 3.17384C4.07232 5.41243 6.80203 6.87433 9.86293 7.03426C9.80583 6.76015 9.77155 6.47464 9.77155 6.1891C9.77155 4.15608 11.4162 2.5 13.4607 2.5C14.5228 2.5 15.4822 2.94543 16.1561 3.66498C16.9898 3.50509 17.7893 3.19669 18.4975 2.77411C18.2233 3.63073 17.6409 4.35028 16.8756 4.8071C17.618 4.72719 18.3376 4.52156 19 4.23606C18.4975 4.96699 17.8693 5.61799 17.1498 6.1434Z' fill='%234A4F54'/%3E%3C/svg%3E");
}

.share__inst {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 5.38503C7.44808 5.38503 5.38806 7.4455 5.38806 10C5.38806 12.5545 7.44808 14.615 10.002 14.615C12.5559 14.615 14.616 12.5545 14.616 10C14.616 7.4455 12.5559 5.38503 10.002 5.38503ZM10.002 13.0003C8.35159 13.0003 7.00234 11.6548 7.00234 10C7.00234 8.3452 8.34757 6.99967 10.002 6.99967C11.6564 6.99967 13.0017 8.3452 13.0017 10C13.0017 11.6548 11.6524 13.0003 10.002 13.0003ZM15.8809 5.19625C15.8809 5.79471 15.399 6.27268 14.8047 6.27268C14.2064 6.27268 13.7285 5.7907 13.7285 5.19625C13.7285 4.60181 14.2104 4.11983 14.8047 4.11983C15.399 4.11983 15.8809 4.60181 15.8809 5.19625ZM18.9368 6.28874C18.8685 4.84681 18.5392 3.56956 17.4831 2.51724C16.431 1.46491 15.154 1.13556 13.7124 1.06326C12.2267 0.978913 7.77334 0.978913 6.28756 1.06326C4.84997 1.13154 3.57301 1.46089 2.5169 2.51322C1.46079 3.56555 1.13553 4.8428 1.06325 6.28473C0.978918 7.77084 0.978918 12.2251 1.06325 13.7113C1.13151 15.1532 1.46079 16.4304 2.5169 17.4828C3.57301 18.5351 4.84596 18.8644 6.28756 18.9367C7.77334 19.0211 12.2267 19.0211 13.7124 18.9367C15.154 18.8685 16.431 18.5391 17.4831 17.4828C18.5352 16.4304 18.8645 15.1532 18.9368 13.7113C19.0211 12.2251 19.0211 7.77485 18.9368 6.28874ZM17.0173 15.3058C16.7041 16.093 16.0977 16.6995 15.3066 17.0168C14.122 17.4868 11.3111 17.3783 10.002 17.3783C8.69292 17.3783 5.87797 17.4828 4.69738 17.0168C3.91032 16.7036 3.30396 16.0971 2.98673 15.3058C2.5169 14.1209 2.62532 11.3094 2.62532 10C2.62532 8.69062 2.52091 5.87504 2.98673 4.69419C3.29994 3.90695 3.9063 3.30046 4.69738 2.98315C5.88199 2.51322 8.69292 2.62167 10.002 2.62167C11.3111 2.62167 14.126 2.51724 15.3066 2.98315C16.0937 3.29644 16.7001 3.90293 17.0173 4.69419C17.4871 5.87906 17.3787 8.69062 17.3787 10C17.3787 11.3094 17.4871 14.125 17.0173 15.3058Z' fill='%234A4F54'/%3E%3C/svg%3E");
}

.share__tg {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9487 3.87425L16.2324 16.6843C16.0275 17.5884 15.493 17.8134 14.7336 17.3875L10.5948 14.3377L8.59779 16.2584C8.37679 16.4794 8.19195 16.6642 7.76602 16.6642L8.06337 12.4491L15.7341 5.5177C16.0677 5.22036 15.6618 5.05561 15.2158 5.35296L5.7328 11.324L1.65029 10.0462C0.762269 9.76898 0.746196 9.15821 1.83513 8.73228L17.8035 2.58039C18.5429 2.30313 19.1898 2.74514 18.9487 3.87425Z' fill='%234A4F54'/%3E%3C/svg%3E ");
}

.share__whatsapp {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.304 3.61562C14.6205 1.92812 12.3786 1 9.99598 1C5.07812 1 1.07634 5.00179 1.07634 9.91964C1.07634 11.4906 1.48616 13.0254 2.26562 14.3795L1 19L5.72902 17.7585C7.0308 18.4696 8.49732 18.8433 9.99196 18.8433H9.99598C14.9098 18.8433 19 14.8415 19 9.92366C19 7.54107 17.9875 5.30312 16.304 3.61562ZM9.99598 17.3406C8.66205 17.3406 7.35625 16.983 6.2192 16.308L5.95 16.1473L3.14554 16.8826L3.89286 14.1464L3.71607 13.8652C2.97277 12.6839 2.58304 11.3219 2.58304 9.91964C2.58304 5.83348 5.90982 2.5067 10 2.5067C11.9808 2.5067 13.8411 3.27812 15.2393 4.68036C16.6375 6.08259 17.4973 7.94286 17.4933 9.92366C17.4933 14.0138 14.0821 17.3406 9.99598 17.3406ZM14.0621 11.7879C13.8411 11.6754 12.7442 11.1371 12.5393 11.0647C12.3344 10.9884 12.1857 10.9522 12.0371 11.1772C11.8884 11.4022 11.4625 11.9004 11.3299 12.0531C11.2013 12.2018 11.0688 12.2219 10.8478 12.1094C9.53795 11.4545 8.67813 10.9402 7.81429 9.45759C7.58527 9.06384 8.0433 9.09196 8.4692 8.24018C8.54152 8.09152 8.50536 7.96295 8.44911 7.85045C8.39286 7.73795 7.94688 6.64107 7.76205 6.19509C7.58125 5.76116 7.39643 5.82143 7.25982 5.81339C7.13125 5.80536 6.98259 5.80536 6.83393 5.80536C6.68527 5.80536 6.4442 5.86161 6.23929 6.08259C6.03437 6.30759 5.45982 6.84598 5.45982 7.94286C5.45982 9.03973 6.25938 10.1004 6.36786 10.2491C6.48036 10.3978 7.93884 12.6478 10.1768 13.6161C11.5911 14.2268 12.1455 14.279 12.8527 14.1746C13.2826 14.1103 14.1705 13.6362 14.3554 13.1138C14.5402 12.5915 14.5402 12.1455 14.4839 12.0531C14.4317 11.9527 14.283 11.8964 14.0621 11.7879Z' fill='%234A4F54'/%3E%3C/svg%3E");
}

.share__fb:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.19648 19V10.9492H5.5V7.75H8.19648V5.2293C8.19648 2.49063 9.86992 1 12.3133 1C13.484 1 14.4895 1.08789 14.7812 1.12656V3.98828H13.0867C11.7578 3.98828 11.5012 4.62109 11.5012 5.5457V7.75H14.5L14.0887 10.9492H11.5012V19' fill='%23191B1D'/%3E%3C/svg%3E");
}

.share__tw:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1498 6.1434C17.1612 6.30329 17.1612 6.46321 17.1612 6.62311C17.1612 11.5 13.4493 17.1193 6.66499 17.1193C4.57488 17.1193 2.63326 16.514 1 15.4632C1.29697 15.4975 1.58247 15.5089 1.89086 15.5089C3.61546 15.5089 5.20305 14.9264 6.47083 13.9328C4.84899 13.8985 3.48985 12.8363 3.02156 11.3744C3.25001 11.4086 3.47842 11.4315 3.71829 11.4315C4.0495 11.4315 4.38074 11.3858 4.6891 11.3059C2.99875 10.9632 1.73094 9.47844 1.73094 7.68529V7.63962C2.22204 7.91373 2.79315 8.08505 3.39844 8.10787C2.40478 7.44541 1.75379 6.31471 1.75379 5.03551C1.75379 4.35025 1.9365 3.72207 2.25631 3.17384C4.07232 5.41243 6.80203 6.87433 9.86293 7.03426C9.80583 6.76015 9.77155 6.47464 9.77155 6.1891C9.77155 4.15608 11.4162 2.5 13.4607 2.5C14.5228 2.5 15.4822 2.94543 16.1561 3.66498C16.9898 3.50509 17.7893 3.19669 18.4975 2.77411C18.2233 3.63073 17.6409 4.35028 16.8756 4.8071C17.618 4.72719 18.3376 4.52156 19 4.23606C18.4975 4.96699 17.8693 5.61799 17.1498 6.1434Z' fill='%23191B1D'/%3E%3C/svg%3E");
}

.share__inst:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.002 5.38503C7.44808 5.38503 5.38806 7.4455 5.38806 10C5.38806 12.5545 7.44808 14.615 10.002 14.615C12.5559 14.615 14.616 12.5545 14.616 10C14.616 7.4455 12.5559 5.38503 10.002 5.38503ZM10.002 13.0003C8.35159 13.0003 7.00234 11.6548 7.00234 10C7.00234 8.3452 8.34757 6.99967 10.002 6.99967C11.6564 6.99967 13.0017 8.3452 13.0017 10C13.0017 11.6548 11.6524 13.0003 10.002 13.0003ZM15.8809 5.19625C15.8809 5.79471 15.399 6.27268 14.8047 6.27268C14.2064 6.27268 13.7285 5.7907 13.7285 5.19625C13.7285 4.60181 14.2104 4.11983 14.8047 4.11983C15.399 4.11983 15.8809 4.60181 15.8809 5.19625ZM18.9368 6.28874C18.8685 4.84681 18.5392 3.56956 17.4831 2.51724C16.431 1.46491 15.154 1.13556 13.7124 1.06326C12.2267 0.978913 7.77334 0.978913 6.28756 1.06326C4.84997 1.13154 3.57301 1.46089 2.5169 2.51322C1.46079 3.56555 1.13553 4.8428 1.06325 6.28473C0.978918 7.77084 0.978918 12.2251 1.06325 13.7113C1.13151 15.1532 1.46079 16.4304 2.5169 17.4828C3.57301 18.5351 4.84596 18.8644 6.28756 18.9367C7.77334 19.0211 12.2267 19.0211 13.7124 18.9367C15.154 18.8685 16.431 18.5391 17.4831 17.4828C18.5352 16.4304 18.8645 15.1532 18.9368 13.7113C19.0211 12.2251 19.0211 7.77485 18.9368 6.28874ZM17.0173 15.3058C16.7041 16.093 16.0977 16.6995 15.3066 17.0168C14.122 17.4868 11.3111 17.3783 10.002 17.3783C8.69292 17.3783 5.87797 17.4828 4.69738 17.0168C3.91032 16.7036 3.30396 16.0971 2.98673 15.3058C2.5169 14.1209 2.62532 11.3094 2.62532 10C2.62532 8.69062 2.52091 5.87504 2.98673 4.69419C3.29994 3.90695 3.9063 3.30046 4.69738 2.98315C5.88199 2.51322 8.69292 2.62167 10.002 2.62167C11.3111 2.62167 14.126 2.51724 15.3066 2.98315C16.0937 3.29644 16.7001 3.90293 17.0173 4.69419C17.4871 5.87906 17.3787 8.69062 17.3787 10C17.3787 11.3094 17.4871 14.125 17.0173 15.3058Z' fill='%23191B1D'/%3E%3C/svg%3E");
}

.share__tg:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9487 3.87425L16.2324 16.6843C16.0275 17.5884 15.493 17.8134 14.7336 17.3875L10.5948 14.3377L8.59779 16.2584C8.37679 16.4794 8.19195 16.6642 7.76602 16.6642L8.06337 12.4491L15.7341 5.5177C16.0677 5.22036 15.6618 5.05561 15.2158 5.35296L5.7328 11.324L1.65029 10.0462C0.762269 9.76898 0.746196 9.15821 1.83513 8.73228L17.8035 2.58039C18.5429 2.30313 19.1898 2.74514 18.9487 3.87425Z' fill='%23191B1D'/%3E%3C/svg%3E ");
}

.share__whatsapp:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.304 3.61562C14.6205 1.92812 12.3786 1 9.99598 1C5.07812 1 1.07634 5.00179 1.07634 9.91964C1.07634 11.4906 1.48616 13.0254 2.26562 14.3795L1 19L5.72902 17.7585C7.0308 18.4696 8.49732 18.8433 9.99196 18.8433H9.99598C14.9098 18.8433 19 14.8415 19 9.92366C19 7.54107 17.9875 5.30312 16.304 3.61562ZM9.99598 17.3406C8.66205 17.3406 7.35625 16.983 6.2192 16.308L5.95 16.1473L3.14554 16.8826L3.89286 14.1464L3.71607 13.8652C2.97277 12.6839 2.58304 11.3219 2.58304 9.91964C2.58304 5.83348 5.90982 2.5067 10 2.5067C11.9808 2.5067 13.8411 3.27812 15.2393 4.68036C16.6375 6.08259 17.4973 7.94286 17.4933 9.92366C17.4933 14.0138 14.0821 17.3406 9.99598 17.3406ZM14.0621 11.7879C13.8411 11.6754 12.7442 11.1371 12.5393 11.0647C12.3344 10.9884 12.1857 10.9522 12.0371 11.1772C11.8884 11.4022 11.4625 11.9004 11.3299 12.0531C11.2013 12.2018 11.0688 12.2219 10.8478 12.1094C9.53795 11.4545 8.67813 10.9402 7.81429 9.45759C7.58527 9.06384 8.0433 9.09196 8.4692 8.24018C8.54152 8.09152 8.50536 7.96295 8.44911 7.85045C8.39286 7.73795 7.94688 6.64107 7.76205 6.19509C7.58125 5.76116 7.39643 5.82143 7.25982 5.81339C7.13125 5.80536 6.98259 5.80536 6.83393 5.80536C6.68527 5.80536 6.4442 5.86161 6.23929 6.08259C6.03437 6.30759 5.45982 6.84598 5.45982 7.94286C5.45982 9.03973 6.25938 10.1004 6.36786 10.2491C6.48036 10.3978 7.93884 12.6478 10.1768 13.6161C11.5911 14.2268 12.1455 14.279 12.8527 14.1746C13.2826 14.1103 14.1705 13.6362 14.3554 13.1138C14.5402 12.5915 14.5402 12.1455 14.4839 12.0531C14.4317 11.9527 14.283 11.8964 14.0621 11.7879Z' fill='%23191B1D'/%3E%3C/svg%3E");
}

.tags-item {
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    display: inline-flex;
    align-items: center;
    color: var(--font-primary-color);
    text-transform: uppercase;
    background-color: var(--bg-light);
    margin-bottom: 8px;
    font-size: 12px;
    margin-right: 8px;
}

@media screen and (min-width: 768px) {
    .tags-item {
        margin-right: 0;
        margin-left: 8px;
    }
}

.tags-item:hover {
    background-color: var(--accent-color);
}