:root {
        --instagram: #e1306c;
        --facebook: #1873eb;
        --twitter: #1da1f2;
        --tiktok: #000000;
        --youtube: #ff0000;
        --tumblr: #1b3561;
        --pinterest: #c11f26;
        --spotify: #22974c;
        --vimeo: #00a9e9;
        --twitch: #6441A5;
        --linkedin: #026fac;
        --telegram: #34a6d8;
        --reddit: #ff4500;
        --dailymotion: #2A62AA;
        --quora: #a82400;
        --google: #4285F4;
        --mixcloud: #5000ff;
        --reverbnation: #ec00f0;
        --vkontakte: #4a76a8;
        --seo: #3e6acd;
        --coub: #0332ff;
        --trovo: #1bab78;
        --app-store: #1c6ee9;
        --likee: #ff2474;
        --snapchat: #bfad14;
        --discord: #5865F2;
        --kwai: #ff6100;
        --shazam: #0088ff;
        --threads: #000000;
        --kick: #20ca21;
        --whatsapp: #25D366;
        --bluesky: #1185FE;
        --medium: #121212;
        --audiomack: #252222;
        --rumble: #5fdd46;
        --rutube: #7F4B93;
        --tidal: #66657c;
        --okru: #e18c14;
        --line: #00C300;
        --dribbble: #444444;
        --apple: #fc3c44;
        --itunes: #FB5BC5;
        --boomplay: #00c760;
        --deezer: #9200FF;
        --yandex: #FF4F00;
        --behance: #053eff;
        --github: #24292e;
    }

    .accordion-item .accordion-button {
        cursor: pointer;
    }

    .iti__country-container {
        z-index: 9;
    }

    .iti__selected-country-primary {
        padding: 0 15px;
    }

nav.stickybar a {
    white-space: nowrap !important;
}

.kategori-border {
    border-color: var(--platform-color) !important;
}

.kategori-bg {
    background: var(--platform-color) !important;
}

.kategori-bg-hover:hover {
    background: var(--platform-color) !important;
}

.kategori-bg-hover:hover svg,
.kategori-bg-hover:hover svg path {
    fill: #fff !important;
}

.kategori-color-hover:hover {
    color: var(--platform-color) !important;
}

    .instagram-bg {
        background: var(--instagram) !important;
    }

    .instagram-bg-hover:hover {
        background: var(--instagram) !important;
    }

    .instagram-bg-hover:hover svg,
    .instagram-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .instagram-border {
        border-color: var(--instagram) !important;
    }

    .instagram-color {
        color: var(--instagram) !important;
    }

    .instagram-color svg,
    .instagram-color svg path {
        fill: var(--instagram) !important;
    }

    .instagram-color-hover:hover {
        color: var(--instagram) !important;
    }

    .packets .item3 .body .brd span.icon.instagram-bg {
        background: rgba(225, 48, 108, 0.1) !important;
    }

    .facebook-bg {
        background: var(--facebook) !important;
    }

    .facebook-bg-hover:hover {
        background: var(--facebook) !important;
    }

    .facebook-bg-hover:hover svg,
    .facebook-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .facebook-border {
        border-color: var(--facebook) !important;
    }

    .facebook-color {
        color: var(--facebook) !important;
    }

    .facebook-color svg,
    .facebook-color svg path {
        fill: var(--facebook) !important;
    }

    .facebook-color-hover:hover {
        color: var(--facebook) !important;
    }

    .packets .item3 .body .brd span.icon.facebook-bg {
        background: rgba(24, 115, 235, 0.1) !important;
    }

    .twitter-bg {
        background: var(--twitter) !important;
    }

    .twitter-bg-hover:hover {
        background: var(--twitter) !important;
    }

    .twitter-bg-hover:hover svg,
    .twitter-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .twitter-border {
        border-color: var(--twitter) !important;
    }

    .twitter-color {
        color: var(--twitter) !important;
    }

    .twitter-color svg,
    .twitter-color svg path {
        fill: var(--twitter) !important;
    }

    .twitter-color-hover:hover {
        color: var(--twitter) !important;
    }

    .packets .item3 .body .brd span.icon.twitter-bg {
        background: rgba(29, 161, 242, 0.1) !important;
    }

    .tiktok-bg {
        background: var(--tiktok) !important;
    }

    .tiktok-bg-hover:hover {
        background: var(--tiktok) !important;
    }

    .tiktok-bg-hover:hover svg,
    .tiktok-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .tiktok-border {
        border-color: var(--tiktok) !important;
    }

    .tiktok-color {
        color: var(--tiktok) !important;
    }

    .tiktok-color svg,
    .tiktok-color svg path {
        fill: var(--tiktok) !important;
    }

    .tiktok-color-hover:hover {
        color: var(--tiktok) !important;
    }

    .packets .item3 .body .brd span.icon.tiktok-bg {
        background: rgba(0, 0, 0, 0.1) !important;
    }

    .youtube-bg {
        background: var(--youtube) !important;
    }

    .youtube-bg-hover:hover {
        background: var(--youtube) !important;
    }

    .youtube-bg-hover:hover svg,
    .youtube-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .youtube-border {
        border-color: var(--youtube) !important;
    }

    .youtube-color {
        color: var(--youtube) !important;
    }

    .youtube-color svg,
    .youtube-color svg path {
        fill: var(--youtube) !important;
    }

    .youtube-color-hover:hover {
        color: var(--youtube) !important;
    }

    .packets .item3 .body .brd span.icon.youtube-bg {
        background: rgba(255, 0, 0, 0.1) !important;
    }

    .tumblr-bg {
        background: var(--tumblr) !important;
    }

    .tumblr-bg-hover:hover {
        background: var(--tumblr) !important;
    }

    .tumblr-bg-hover:hover svg,
    .tumblr-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .tumblr-border {
        border-color: var(--tumblr) !important;
    }

    .tumblr-color {
        color: var(--tumblr) !important;
    }

    .tumblr-color svg,
    .tumblr-color svg path {
        fill: var(--tumblr) !important;
    }

    .tumblr-color-hover:hover {
        color: var(--tumblr) !important;
    }

    .packets .item3 .body .brd span.icon.tumblr-bg {
        background: rgba(27, 53, 97, 0.1) !important;
    }

    .pinterest-bg {
        background: var(--pinterest) !important;
    }

    .pinterest-bg-hover:hover {
        background: var(--pinterest) !important;
    }

    .pinterest-bg-hover:hover svg,
    .pinterest-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .pinterest-border {
        border-color: var(--pinterest) !important;
    }

    .pinterest-color {
        color: var(--pinterest) !important;
    }

    .pinterest-color svg,
    .pinterest-color svg path {
        fill: var(--pinterest) !important;
    }

    .pinterest-color-hover:hover {
        color: var(--pinterest) !important;
    }

    .packets .item3 .body .brd span.icon.pinterest-bg {
        background: rgba(193, 31, 38, 0.1) !important;
    }

    .spotify-bg {
        background: var(--spotify) !important;
    }

    .spotify-bg-hover:hover {
        background: var(--spotify) !important;
    }

    .spotify-bg-hover:hover svg,
    .spotify-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .spotify-border {
        border-color: var(--spotify) !important;
    }

    .spotify-color {
        color: var(--spotify) !important;
    }

    .spotify-color svg,
    .spotify-color svg path {
        fill: var(--spotify) !important;
    }

    .spotify-color-hover:hover {
        color: var(--spotify) !important;
    }

    .packets .item3 .body .brd span.icon.spotify-bg {
        background: rgba(34, 151, 76, 0.1) !important;
    }

    .vimeo-bg {
        background: var(--vimeo) !important;
    }

    .vimeo-bg-hover:hover {
        background: var(--vimeo) !important;
    }

    .vimeo-bg-hover:hover svg,
    .vimeo-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .vimeo-border {
        border-color: var(--vimeo) !important;
    }

    .vimeo-color {
        color: var(--vimeo) !important;
    }

    .vimeo-color svg,
    .vimeo-color svg path {
        fill: var(--vimeo) !important;
    }

    .vimeo-color-hover:hover {
        color: var(--vimeo) !important;
    }

    .packets .item3 .body .brd span.icon.vimeo-bg {
        background: rgba(0, 169, 233, 0.1) !important;
    }

    .twitch-bg {
        background: var(--twitch) !important;
    }

    .twitch-bg-hover:hover {
        background: var(--twitch) !important;
    }

    .twitch-bg-hover:hover svg,
    .twitch-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .twitch-border {
        border-color: var(--twitch) !important;
    }

    .twitch-color {
        color: var(--twitch) !important;
    }

    .twitch-color svg,
    .twitch-color svg path {
        fill: var(--twitch) !important;
    }

    .twitch-color-hover:hover {
        color: var(--twitch) !important;
    }

    .packets .item3 .body .brd span.icon.twitch-bg {
        background: rgba(100, 65, 165, 0.1) !important;
    }

    .linkedin-bg {
        background: var(--linkedin) !important;
    }

    .linkedin-bg-hover:hover {
        background: var(--linkedin) !important;
    }

    .linkedin-bg-hover:hover svg,
    .linkedin-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .linkedin-border {
        border-color: var(--linkedin) !important;
    }

    .linkedin-color {
        color: var(--linkedin) !important;
    }

    .linkedin-color svg,
    .linkedin-color svg path {
        fill: var(--linkedin) !important;
    }

    .linkedin-color-hover:hover {
        color: var(--linkedin) !important;
    }

    .packets .item3 .body .brd span.icon.linkedin-bg {
        background: rgba(2, 111, 172, 0.1) !important;
    }

    .telegram-bg {
        background: var(--telegram) !important;
    }

    .telegram-bg-hover:hover {
        background: var(--telegram) !important;
    }

    .telegram-bg-hover:hover svg,
    .telegram-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .telegram-border {
        border-color: var(--telegram) !important;
    }

    .telegram-color {
        color: var(--telegram) !important;
    }

    .telegram-color svg,
    .telegram-color svg path {
        fill: var(--telegram) !important;
    }

    .telegram-color-hover:hover {
        color: var(--telegram) !important;
    }

    .packets .item3 .body .brd span.icon.telegram-bg {
        background: rgba(52, 166, 216, 0.1) !important;
    }

    .reddit-bg {
        background: var(--reddit) !important;
    }

    .reddit-bg-hover:hover {
        background: var(--reddit) !important;
    }

    .reddit-bg-hover:hover svg,
    .reddit-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .reddit-border {
        border-color: var(--reddit) !important;
    }

    .reddit-color {
        color: var(--reddit) !important;
    }

    .reddit-color svg,
    .reddit-color svg path {
        fill: var(--reddit) !important;
    }

    .reddit-color-hover:hover {
        color: var(--reddit) !important;
    }

    .packets .item3 .body .brd span.icon.reddit-bg {
        background: rgba(255, 69, 0, 0.1) !important;
    }

    .dailymotion-bg {
        background: var(--dailymotion) !important;
    }

    .dailymotion-bg-hover:hover {
        background: var(--dailymotion) !important;
    }

    .dailymotion-bg-hover:hover svg,
    .dailymotion-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .dailymotion-border {
        border-color: var(--dailymotion) !important;
    }

    .dailymotion-color {
        color: var(--dailymotion) !important;
    }

    .dailymotion-color svg,
    .dailymotion-color svg path {
        fill: var(--dailymotion) !important;
    }

    .dailymotion-color-hover:hover {
        color: var(--dailymotion) !important;
    }

    .packets .item3 .body .brd span.icon.dailymotion-bg {
        background: rgba(42, 98, 170, 0.1) !important;
    }

    .quora-bg {
        background: var(--quora) !important;
    }

    .quora-bg-hover:hover {
        background: var(--quora) !important;
    }

    .quora-bg-hover:hover svg,
    .quora-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .quora-border {
        border-color: var(--quora) !important;
    }

    .quora-color {
        color: var(--quora) !important;
    }

    .quora-color svg,
    .quora-color svg path {
        fill: var(--quora) !important;
    }

    .quora-color-hover:hover {
        color: var(--quora) !important;
    }

    .packets .item3 .body .brd span.icon.quora-bg {
        background: rgba(168, 36, 0, 0.1) !important;
    }

    .google-bg {
        background: var(--google) !important;
    }

    .google-bg-hover:hover {
        background: var(--google) !important;
    }

    .google-bg-hover:hover svg,
    .google-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .google-border {
        border-color: var(--google) !important;
    }

    .google-color {
        color: var(--google) !important;
    }

    .google-color svg,
    .google-color svg path {
        fill: var(--google) !important;
    }

    .google-color-hover:hover {
        color: var(--google) !important;
    }

    .packets .item3 .body .brd span.icon.google-bg {
        background: rgba(66, 133, 244, 0.1) !important;
    }

    .mixcloud-bg {
        background: var(--mixcloud) !important;
    }

    .mixcloud-bg-hover:hover {
        background: var(--mixcloud) !important;
    }

    .mixcloud-bg-hover:hover svg,
    .mixcloud-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .mixcloud-border {
        border-color: var(--mixcloud) !important;
    }

    .mixcloud-color {
        color: var(--mixcloud) !important;
    }

    .mixcloud-color svg,
    .mixcloud-color svg path {
        fill: var(--mixcloud) !important;
    }

    .mixcloud-color-hover:hover {
        color: var(--mixcloud) !important;
    }

    .packets .item3 .body .brd span.icon.mixcloud-bg {
        background: rgba(80, 0, 255, 0.1) !important;
    }

    .reverbnation-bg {
        background: var(--reverbnation) !important;
    }

    .reverbnation-bg-hover:hover {
        background: var(--reverbnation) !important;
    }

    .reverbnation-bg-hover:hover svg,
    .reverbnation-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .reverbnation-border {
        border-color: var(--reverbnation) !important;
    }

    .reverbnation-color {
        color: var(--reverbnation) !important;
    }

    .reverbnation-color svg,
    .reverbnation-color svg path {
        fill: var(--reverbnation) !important;
    }

    .reverbnation-color-hover:hover {
        color: var(--reverbnation) !important;
    }

    .packets .item3 .body .brd span.icon.reverbnation-bg {
        background: rgba(236, 0, 240, 0.1) !important;
    }

    .vkontakte-bg {
        background: var(--vkontakte) !important;
    }

    .vkontakte-bg-hover:hover {
        background: var(--vkontakte) !important;
    }

    .vkontakte-bg-hover:hover svg,
    .vkontakte-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .vkontakte-border {
        border-color: var(--vkontakte) !important;
    }

    .vkontakte-color {
        color: var(--vkontakte) !important;
    }

    .vkontakte-color svg,
    .vkontakte-color svg path {
        fill: var(--vkontakte) !important;
    }

    .vkontakte-color-hover:hover {
        color: var(--vkontakte) !important;
    }

    .packets .item3 .body .brd span.icon.vkontakte-bg {
        background: rgba(74, 118, 168, 0.1) !important;
    }

    .seo-bg {
        background: var(--seo) !important;
    }

    .seo-bg-hover:hover {
        background: var(--seo) !important;
    }

    .seo-bg-hover:hover svg,
    .seo-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .seo-border {
        border-color: var(--seo) !important;
    }

    .seo-color {
        color: var(--seo) !important;
    }

    .seo-color svg,
    .seo-color svg path {
        fill: var(--seo) !important;
    }

    .seo-color-hover:hover {
        color: var(--seo) !important;
    }

    .packets .item3 .body .brd span.icon.seo-bg {
        background: rgba(62, 106, 205, 0.1) !important;
    }

    .coub-bg {
        background: var(--coub) !important;
    }

    .coub-bg-hover:hover {
        background: var(--coub) !important;
    }

    .coub-bg-hover:hover svg,
    .coub-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .coub-border {
        border-color: var(--coub) !important;
    }

    .coub-color {
        color: var(--coub) !important;
    }

    .coub-color svg,
    .coub-color svg path {
        fill: var(--coub) !important;
    }

    .coub-color-hover:hover {
        color: var(--coub) !important;
    }

    .packets .item3 .body .brd span.icon.coub-bg {
        background: rgba(3, 50, 255, 0.1) !important;
    }

    .trovo-bg {
        background: var(--trovo) !important;
    }

    .trovo-bg-hover:hover {
        background: var(--trovo) !important;
    }

    .trovo-bg-hover:hover svg,
    .trovo-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .trovo-border {
        border-color: var(--trovo) !important;
    }

    .trovo-color {
        color: var(--trovo) !important;
    }

    .trovo-color svg,
    .trovo-color svg path {
        fill: var(--trovo) !important;
    }

    .trovo-color-hover:hover {
        color: var(--trovo) !important;
    }

    .packets .item3 .body .brd span.icon.trovo-bg {
        background: rgba(27, 171, 120, 0.1) !important;
    }

    .app-store-bg {
        background: var(--app-store) !important;
    }

    .app-store-bg-hover:hover {
        background: var(--app-store) !important;
    }

    .app-store-bg-hover:hover svg,
    .app-store-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .app-store-border {
        border-color: var(--app-store) !important;
    }

    .app-store-color {
        color: var(--app-store) !important;
    }

    .app-store-color svg,
    .app-store-color svg path {
        fill: var(--app-store) !important;
    }

    .app-store-color-hover:hover {
        color: var(--app-store) !important;
    }

    .packets .item3 .body .brd span.icon.app-store-bg {
        background: rgba(28, 110, 233, 0.1) !important;
    }

    .likee-bg {
        background: var(--likee) !important;
    }

    .likee-bg-hover:hover {
        background: var(--likee) !important;
    }

    .likee-bg-hover:hover svg,
    .likee-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .likee-border {
        border-color: var(--likee) !important;
    }

    .likee-color {
        color: var(--likee) !important;
    }

    .likee-color svg,
    .likee-color svg path {
        fill: var(--likee) !important;
    }

    .likee-color-hover:hover {
        color: var(--likee) !important;
    }

    .packets .item3 .body .brd span.icon.likee-bg {
        background: rgba(255, 36, 116, 0.1) !important;
    }

    .snapchat-bg {
        background: var(--snapchat) !important;
    }

    .snapchat-bg-hover:hover {
        background: var(--snapchat) !important;
    }

    .snapchat-bg-hover:hover svg,
    .snapchat-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .snapchat-border {
        border-color: var(--snapchat) !important;
    }

    .snapchat-color {
        color: var(--snapchat) !important;
    }

    .snapchat-color svg,
    .snapchat-color svg path {
        fill: var(--snapchat) !important;
    }

    .snapchat-color-hover:hover {
        color: var(--snapchat) !important;
    }

    .packets .item3 .body .brd span.icon.snapchat-bg {
        background: rgba(191, 173, 20, 0.1) !important;
    }

    .discord-bg {
        background: var(--discord) !important;
    }

    .discord-bg-hover:hover {
        background: var(--discord) !important;
    }

    .discord-bg-hover:hover svg,
    .discord-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .discord-border {
        border-color: var(--discord) !important;
    }

    .discord-color {
        color: var(--discord) !important;
    }

    .discord-color svg,
    .discord-color svg path {
        fill: var(--discord) !important;
    }

    .discord-color-hover:hover {
        color: var(--discord) !important;
    }

    .packets .item3 .body .brd span.icon.discord-bg {
        background: rgba(88, 101, 242, 0.1) !important;
    }

    .kwai-bg {
        background: var(--kwai) !important;
    }

    .kwai-bg-hover:hover {
        background: var(--kwai) !important;
    }

    .kwai-bg-hover:hover svg,
    .kwai-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .kwai-border {
        border-color: var(--kwai) !important;
    }

    .kwai-color {
        color: var(--kwai) !important;
    }

    .kwai-color svg,
    .kwai-color svg path {
        fill: var(--kwai) !important;
    }

    .kwai-color-hover:hover {
        color: var(--kwai) !important;
    }

    .packets .item3 .body .brd span.icon.kwai-bg {
        background: rgba(255, 97, 0, 0.1) !important;
    }

    .shazam-bg {
        background: var(--shazam) !important;
    }

    .shazam-bg-hover:hover {
        background: var(--shazam) !important;
    }

    .shazam-bg-hover:hover svg,
    .shazam-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .shazam-border {
        border-color: var(--shazam) !important;
    }

    .shazam-color {
        color: var(--shazam) !important;
    }

    .shazam-color svg,
    .shazam-color svg path {
        fill: var(--shazam) !important;
    }

    .shazam-color-hover:hover {
        color: var(--shazam) !important;
    }

    .packets .item3 .body .brd span.icon.shazam-bg {
        background: rgba(0, 136, 255, 0.1) !important;
    }

    .threads-bg {
        background: var(--threads) !important;
    }

    .threads-bg-hover:hover {
        background: var(--threads) !important;
    }

    .threads-bg-hover:hover svg,
    .threads-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .threads-border {
        border-color: var(--threads) !important;
    }

    .threads-color {
        color: var(--threads) !important;
    }

    .threads-color svg,
    .threads-color svg path {
        fill: var(--threads) !important;
    }

    .threads-color-hover:hover {
        color: var(--threads) !important;
    }

    .packets .item3 .body .brd span.icon.threads-bg {
        background: rgba(0, 0, 0, 0.1) !important;
    }

    .kick-bg {
        background: var(--kick) !important;
    }

    .kick-bg-hover:hover {
        background: var(--kick) !important;
    }

    .kick-bg-hover:hover svg,
    .kick-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .kick-border {
        border-color: var(--kick) !important;
    }

    .kick-color {
        color: var(--kick) !important;
    }

    .kick-color svg,
    .kick-color svg path {
        fill: var(--kick) !important;
    }

    .kick-color-hover:hover {
        color: var(--kick) !important;
    }

    .packets .item3 .body .brd span.icon.kick-bg {
        background: rgba(32, 202, 33, 0.1) !important;
    }

    .whatsapp-bg {
        background: var(--whatsapp) !important;
    }

    .whatsapp-bg-hover:hover {
        background: var(--whatsapp) !important;
    }

    .whatsapp-bg-hover:hover svg,
    .whatsapp-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .whatsapp-border {
        border-color: var(--whatsapp) !important;
    }

    .whatsapp-color {
        color: var(--whatsapp) !important;
    }

    .whatsapp-color svg,
    .whatsapp-color svg path {
        fill: var(--whatsapp) !important;
    }

    .whatsapp-color-hover:hover {
        color: var(--whatsapp) !important;
    }

    .packets .item3 .body .brd span.icon.whatsapp-bg {
        background: rgba(37, 211, 102, 0.1) !important;
    }

    .bluesky-bg {
        background: var(--bluesky) !important;
    }

    .bluesky-bg-hover:hover {
        background: var(--bluesky) !important;
    }

    .bluesky-bg-hover:hover svg,
    .bluesky-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .bluesky-border {
        border-color: var(--bluesky) !important;
    }

    .bluesky-color {
        color: var(--bluesky) !important;
    }

    .bluesky-color svg,
    .bluesky-color svg path {
        fill: var(--bluesky) !important;
    }

    .bluesky-color-hover:hover {
        color: var(--bluesky) !important;
    }

    .packets .item3 .body .brd span.icon.bluesky-bg {
        background: rgba(17, 133, 254, 0.1) !important;
    }

    .medium-bg {
        background: var(--medium) !important;
    }

    .medium-bg-hover:hover {
        background: var(--medium) !important;
    }

    .medium-bg-hover:hover svg,
    .medium-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .medium-border {
        border-color: var(--medium) !important;
    }

    .medium-color {
        color: var(--medium) !important;
    }

    .medium-color svg,
    .medium-color svg path {
        fill: var(--medium) !important;
    }

    .medium-color-hover:hover {
        color: var(--medium) !important;
    }

    .packets .item3 .body .brd span.icon.medium-bg {
        background: rgba(18, 18, 18, 0.1) !important;
    }

    .audiomack-bg {
        background: var(--audiomack) !important;
    }

    .audiomack-bg-hover:hover {
        background: var(--audiomack) !important;
    }

    .audiomack-bg-hover:hover svg,
    .audiomack-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .audiomack-border {
        border-color: var(--audiomack) !important;
    }

    .audiomack-color {
        color: var(--audiomack) !important;
    }

    .audiomack-color svg,
    .audiomack-color svg path {
        fill: var(--audiomack) !important;
    }

    .audiomack-color-hover:hover {
        color: var(--audiomack) !important;
    }

    .packets .item3 .body .brd span.icon.audiomack-bg {
        background: rgba(37, 34, 34, 0.1) !important;
    }

    .rumble-bg {
        background: var(--rumble) !important;
    }

    .rumble-bg-hover:hover {
        background: var(--rumble) !important;
    }

    .rumble-bg-hover:hover svg,
    .rumble-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .rumble-border {
        border-color: var(--rumble) !important;
    }

    .rumble-color {
        color: var(--rumble) !important;
    }

    .rumble-color svg,
    .rumble-color svg path {
        fill: var(--rumble) !important;
    }

    .rumble-color-hover:hover {
        color: var(--rumble) !important;
    }

    .packets .item3 .body .brd span.icon.rumble-bg {
        background: rgba(95, 221, 70, 0.1) !important;
    }

    .rutube-bg {
        background: var(--rutube) !important;
    }

    .rutube-bg-hover:hover {
        background: var(--rutube) !important;
    }

    .rutube-bg-hover:hover svg,
    .rutube-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .rutube-border {
        border-color: var(--rutube) !important;
    }

    .rutube-color {
        color: var(--rutube) !important;
    }

    .rutube-color svg,
    .rutube-color svg path {
        fill: var(--rutube) !important;
    }

    .rutube-color-hover:hover {
        color: var(--rutube) !important;
    }

    .packets .item3 .body .brd span.icon.rutube-bg {
        background: rgba(127, 75, 147, 0.1) !important;
    }

    .tidal-bg {
        background: var(--tidal) !important;
    }

    .tidal-bg-hover:hover {
        background: var(--tidal) !important;
    }

    .tidal-bg-hover:hover svg,
    .tidal-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .tidal-border {
        border-color: var(--tidal) !important;
    }

    .tidal-color {
        color: var(--tidal) !important;
    }

    .tidal-color svg,
    .tidal-color svg path {
        fill: var(--tidal) !important;
    }

    .tidal-color-hover:hover {
        color: var(--tidal) !important;
    }

    .packets .item3 .body .brd span.icon.tidal-bg {
        background: rgba(102, 101, 124, 0.1) !important;
    }

    .okru-bg {
        background: var(--okru) !important;
    }

    .okru-bg-hover:hover {
        background: var(--okru) !important;
    }

    .okru-bg-hover:hover svg,
    .okru-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .okru-border {
        border-color: var(--okru) !important;
    }

    .okru-color {
        color: var(--okru) !important;
    }

    .okru-color svg,
    .okru-color svg path {
        fill: var(--okru) !important;
    }

    .okru-color-hover:hover {
        color: var(--okru) !important;
    }

    .packets .item3 .body .brd span.icon.okru-bg {
        background: rgba(225, 140, 20, 0.1) !important;
    }

    .line-bg {
        background: var(--line) !important;
    }

    .line-bg-hover:hover {
        background: var(--line) !important;
    }

    .line-bg-hover:hover svg,
    .line-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .line-border {
        border-color: var(--line) !important;
    }

    .line-color {
        color: var(--line) !important;
    }

    .line-color svg,
    .line-color svg path {
        fill: var(--line) !important;
    }

    .line-color-hover:hover {
        color: var(--line) !important;
    }

    .packets .item3 .body .brd span.icon.line-bg {
        background: rgba(0, 195, 0, 0.1) !important;
    }

    .dribbble-bg {
        background: var(--dribbble) !important;
    }

    .dribbble-bg-hover:hover {
        background: var(--dribbble) !important;
    }

    .dribbble-bg-hover:hover svg,
    .dribbble-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .dribbble-border {
        border-color: var(--dribbble) !important;
    }

    .dribbble-color {
        color: var(--dribbble) !important;
    }

    .dribbble-color svg,
    .dribbble-color svg path {
        fill: var(--dribbble) !important;
    }

    .dribbble-color-hover:hover {
        color: var(--dribbble) !important;
    }

    .packets .item3 .body .brd span.icon.dribbble-bg {
        background: rgba(68, 68, 68, 0.1) !important;
    }

    .apple-bg {
        background: var(--apple) !important;
    }

    .apple-bg-hover:hover {
        background: var(--apple) !important;
    }

    .apple-bg-hover:hover svg,
    .apple-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .apple-border {
        border-color: var(--apple) !important;
    }

    .apple-color {
        color: var(--apple) !important;
    }

    .apple-color svg,
    .apple-color svg path {
        fill: var(--apple) !important;
    }

    .apple-color-hover:hover {
        color: var(--apple) !important;
    }

    .packets .item3 .body .brd span.icon.apple-bg {
        background: rgba(252, 60, 68, 0.1) !important;
    }

    .itunes-bg {
        background: var(--itunes) !important;
    }

    .itunes-bg-hover:hover {
        background: var(--itunes) !important;
    }

    .itunes-bg-hover:hover svg,
    .itunes-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .itunes-border {
        border-color: var(--itunes) !important;
    }

    .itunes-color {
        color: var(--itunes) !important;
    }

    .itunes-color svg,
    .itunes-color svg path {
        fill: var(--itunes) !important;
    }

    .itunes-color-hover:hover {
        color: var(--itunes) !important;
    }

    .packets .item3 .body .brd span.icon.itunes-bg {
        background: rgba(251, 91, 197, 0.1) !important;
    }

    .boomplay-bg {
        background: var(--boomplay) !important;
    }

    .boomplay-bg-hover:hover {
        background: var(--boomplay) !important;
    }

    .boomplay-bg-hover:hover svg,
    .boomplay-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .boomplay-border {
        border-color: var(--boomplay) !important;
    }

    .boomplay-color {
        color: var(--boomplay) !important;
    }

    .boomplay-color svg,
    .boomplay-color svg path {
        fill: var(--boomplay) !important;
    }

    .boomplay-color-hover:hover {
        color: var(--boomplay) !important;
    }

    .packets .item3 .body .brd span.icon.boomplay-bg {
        background: rgba(0, 199, 96, 0.1) !important;
    }

    .deezer-bg {
        background: var(--deezer) !important;
    }

    .deezer-bg-hover:hover {
        background: var(--deezer) !important;
    }

    .deezer-bg-hover:hover svg,
    .deezer-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .deezer-border {
        border-color: var(--deezer) !important;
    }

    .deezer-color {
        color: var(--deezer) !important;
    }

    .deezer-color svg,
    .deezer-color svg path {
        fill: var(--deezer) !important;
    }

    .deezer-color-hover:hover {
        color: var(--deezer) !important;
    }

    .packets .item3 .body .brd span.icon.deezer-bg {
        background: rgba(146, 0, 255, 0.1) !important;
    }

    .yandex-bg {
        background: var(--yandex) !important;
    }

    .yandex-bg-hover:hover {
        background: var(--yandex) !important;
    }

    .yandex-bg-hover:hover svg,
    .yandex-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .yandex-border {
        border-color: var(--yandex) !important;
    }

    .yandex-color {
        color: var(--yandex) !important;
    }

    .yandex-color svg,
    .yandex-color svg path {
        fill: var(--yandex) !important;
    }

    .yandex-color-hover:hover {
        color: var(--yandex) !important;
    }

    .packets .item3 .body .brd span.icon.yandex-bg {
        background: rgba(255, 79, 0, 0.1) !important;
    }

    .behance-bg {
        background: var(--behance) !important;
    }

    .behance-bg-hover:hover {
        background: var(--behance) !important;
    }

    .behance-bg-hover:hover svg,
    .behance-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .behance-border {
        border-color: var(--behance) !important;
    }

    .behance-color {
        color: var(--behance) !important;
    }

    .behance-color svg,
    .behance-color svg path {
        fill: var(--behance) !important;
    }

    .behance-color-hover:hover {
        color: var(--behance) !important;
    }

    .packets .item3 .body .brd span.icon.behance-bg {
        background: rgba(5, 62, 255, 0.1) !important;
    }

    .github-bg {
        background: var(--github) !important;
    }

    .github-bg-hover:hover {
        background: var(--github) !important;
    }

    .github-bg-hover:hover svg,
    .github-bg-hover:hover svg path {
        fill: #fff !important;
    }

    .github-border {
        border-color: var(--github) !important;
    }

    .github-color {
        color: var(--github) !important;
    }

    .github-color svg,
    .github-color svg path {
        fill: var(--github) !important;
    }

    .github-color-hover:hover {
        color: var(--github) !important;
    }

    .packets .item3 .body .brd span.icon.github-bg {
        background: rgba(36, 41, 46, 0.1) !important;
    }

    section.blog .post .g a.btn-category.facebook-bg {
        background: rgba(66, 103, 178, 0.1) !important
    }

    section.blog .post .g a.btn-category.facebook-bg-hover:hover {
        background: #4267B2 !important
    }

    section.blog .post .g a.btn-category.facebook-color {
        color: #4267B2 !important
    }

    section.blog ul.categories li a.facebook-bg {
        background: rgba(66, 103, 178, 0.1) !important
    }

    section.blog ul.categories li a.facebook-bg-hover:hover {
        background: #4267B2 !important
    }

    section.blog ul.categories li a.facebook-color {
        color: #4267B2 !important
    }

    section.blog ul.categories li a.facebook-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.other-bg {
        background: rgba(23, 155, 249, 0.1) !important
    }

    section.blog .post .g a.btn-category.other-bg-hover:hover {
        background: #179bf9 !important
    }

    section.blog .post .g a.btn-category.other-color {
        color: #179bf9 !important
    }

    section.blog ul.categories li a.other-bg {
        background: rgba(23, 155, 249, 0.1) !important
    }

    section.blog ul.categories li a.other-bg-hover:hover {
        background: #179bf9 !important
    }

    section.blog ul.categories li a.other-color {
        color: #179bf9 !important
    }

    section.blog ul.categories li a.other-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.instagram-bg {
        background: rgba(225, 48, 108, 0.1) !important
    }

    section.blog .post .g a.btn-category.instagram-bg-hover:hover {
        background: #e1306c !important
    }

    section.blog .post .g a.btn-category.instagram-color {
        color: #e1306c !important
    }

    section.blog ul.categories li a.instagram-bg {
        background: rgba(225, 48, 108, 0.1) !important
    }

    section.blog ul.categories li a.instagram-bg-hover:hover {
        background: #e1306c !important
    }

    section.blog ul.categories li a.instagram-color {
        color: #e1306c !important
    }

    section.blog ul.categories li a.instagram-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.games-bg {
        background: rgba(23, 155, 249, 0.1) !important
    }

    section.blog .post .g a.btn-category.games-bg-hover:hover {
        background: #179bf9 !important
    }

    section.blog .post .g a.btn-category.games-color {
        color: #179bf9 !important
    }

    section.blog ul.categories li a.games-bg {
        background: rgba(23, 155, 249, 0.1) !important
    }

    section.blog ul.categories li a.games-bg-hover:hover {
        background: #179bf9 !important
    }

    section.blog ul.categories li a.games-color {
        color: #179bf9 !important
    }

    section.blog ul.categories li a.games-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.tiktok-bg {
        background: rgba(0, 0, 0, 0.1) !important
    }

    section.blog .post .g a.btn-category.tiktok-bg-hover:hover {
        background: #000000 !important
    }

    section.blog .post .g a.btn-category.tiktok-color {
        color: #000000 !important
    }

    section.blog ul.categories li a.tiktok-bg {
        background: rgba(0, 0, 0, 0.1) !important
    }

    section.blog ul.categories li a.tiktok-bg-hover:hover {
        background: #000000 !important
    }

    section.blog ul.categories li a.tiktok-color {
        color: #000000 !important
    }

    section.blog ul.categories li a.tiktok-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.twitter-bg {
        background: rgba(29, 161, 242, 0.1) !important
    }

    section.blog .post .g a.btn-category.twitter-bg-hover:hover {
        background: #1DA1F2 !important
    }

    section.blog .post .g a.btn-category.twitter-color {
        color: #1DA1F2 !important
    }

    section.blog ul.categories li a.twitter-bg {
        background: rgba(29, 161, 242, 0.1) !important
    }

    section.blog ul.categories li a.twitter-bg-hover:hover {
        background: #1DA1F2 !important
    }

    section.blog ul.categories li a.twitter-color {
        color: #1DA1F2 !important
    }

    section.blog ul.categories li a.twitter-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.youtube-bg {
        background: rgba(255, 0, 0, 0.1) !important
    }

    section.blog .post .g a.btn-category.youtube-bg-hover:hover {
        background: #FF0000 !important
    }

    section.blog .post .g a.btn-category.youtube-color {
        color: #FF0000 !important
    }

    section.blog ul.categories li a.youtube-bg {
        background: rgba(255, 0, 0, 0.1) !important
    }

    section.blog ul.categories li a.youtube-bg-hover:hover {
        background: #FF0000 !important
    }

    section.blog ul.categories li a.youtube-color {
        color: #FF0000 !important
    }

    section.blog ul.categories li a.youtube-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.words-bg {
        background: rgba(255, 255, 255, 0.1) !important
    }

    section.blog .post .g a.btn-category.words-bg-hover:hover {
        background: #fff !important
    }

    section.blog .post .g a.btn-category.words-color {
        color: #fff !important
    }

    section.blog ul.categories li a.words-bg {
        background: rgba(255, 255, 255, 0.1) !important
    }

    section.blog ul.categories li a.words-bg-hover:hover {
        background: #fff !important
    }

    section.blog ul.categories li a.words-color {
        color: #fff !important
    }

    section.blog ul.categories li a.words-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.who-bg {
        background: rgba(255, 255, 255, 0.1) !important
    }

    section.blog .post .g a.btn-category.who-bg-hover:hover {
        background: #fff !important
    }

    section.blog .post .g a.btn-category.who-color {
        color: #fff !important
    }

    section.blog ul.categories li a.who-bg {
        background: rgba(255, 255, 255, 0.1) !important
    }

    section.blog ul.categories li a.who-bg-hover:hover {
        background: #fff !important
    }

    section.blog ul.categories li a.who-color {
        color: #fff !important
    }

    section.blog ul.categories li a.who-color:hover {
        color: #fff !important
    }

    section.blog .post .g a.btn-category.social-media-bg {
        background: rgba(23, 155, 249, 0.1) !important
    }

    section.blog .post .g a.btn-category.social-media-bg-hover:hover {
        background: #179bf9 !important
    }

    section.blog .post .g a.btn-category.social-media-color {
        color: #179bf9 !important
    }

    section.blog ul.categories li a.social-media-bg {
        background: rgba(23, 155, 249, 0.1) !important
    }

    section.blog ul.categories li a.social-media-bg-hover:hover {
        background: #179bf9 !important
    }

    section.blog ul.categories li a.social-media-color {
        color: #179bf9 !important
    }

    section.blog ul.categories li a.social-media-color:hover {
        color: #fff !important
    }

    .i {
        aspect-ratio: 1 / 1;
        width: 1em;
        fill: currentColor;
    }

    .services .item [class^="ri"] {
        min-height: 42px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .services .item .ri-behance-fill {
        font-size: 42px;
    }

    @media only screen and (max-width: 768px) {

        section.services a.item img,
        section.services a.item svg {
            height: 26px;
            margin-bottom: 10px;
        }

        .services .item [class^="ri"] {
            font-size: 26px;
            min-height: 26px;
        }

        section.mobilemenu .body ul.menu li ul li a .icon {
            font-size: 20px;
        }

        section.mobilemenu .body ul.menu li ul li a .icon svg.i {
            margin-right: 12px;
        }
    }

    section.fenomen .tabarea .tab .slider .slick-slide {
        margin-top: 20px;
    }

    section.fenomen .head {
        margin-bottom: 60px;
    }