/* ULTRATHINK V2.0 - Core Architecture */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Quicksand:wght@500;600;700&display=swap');

:root {
    /* LIGHT MODE VARIABLES (Default) */
    --ut-bg: #ffffff;
    --ut-card: #f8fafc;
    --ut-card-hover: #f1f5f9;
    --ut-text: #0f172a;
    --ut-text-muted: #475569;
    --ut-border: #e2e8f0;
    
    /* Brand Colors */
    --ut-primary: #f97316; /* Orange */
    --ut-primary-hover: #ea580c;
    --ut-primary-light: rgba(249, 115, 22, 0.1);
    
    --ut-secondary: #000000; /* Black */
    
    --ut-success: #10b981; /* Green */
    --ut-success-hover: #059669;
    --ut-success-light: rgba(16, 185, 129, 0.1);
    
    --ut-info: #06b6d4; /* Teal / Cyan for %20 badge */
    --ut-info-light: rgba(6, 182, 212, 0.1);
    
    --ut-header-top-bg: #f8fafc;
    --ut-header-main-bg: #ffffff;
    --ut-header-nav-bg: #f8fafc;
    
    --ut-footer-bg: #f8fafc;
    
    --ut-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --ut-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --ut-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

[data-bs-theme="dark"] {
    /* DARK MODE VARIABLES */
    --ut-bg: #000000;
    --ut-card: #0a0a0a;
    --ut-card-hover: #171717;
    --ut-text: #f8fafc;
    --ut-text-muted: #94a3b8;
    --ut-border: #262626;
    
    --ut-header-top-bg: #0a0a0a; /* Darkest */
    --ut-header-main-bg: #000000; /* Pitch black */
    --ut-header-nav-bg: #0a0a0a; /* Slightly lighter for contrast */
    
    --ut-footer-bg: #050505;
    
    --ut-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
    --ut-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
    --ut-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
}

/* Global Reset & Typography */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: var(--ut-bg);
    color: var(--ut-text);
    font-family: 'Quicksand', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    transition: background-color 0.3s ease, color 0.3s ease;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    color: var(--ut-text);
}

a {
    color: var(--ut-primary);
    text-decoration: none;
    transition: all 0.2s ease;
}

a:hover {
    color: var(--ut-primary-hover);
}

/* Utilities */
.container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- HEADER STYLES --- */
.ut-header {
    width: 100%;
    position: relative;
    z-index: 1000;
    border-bottom: 1px solid var(--ut-border);
}

/* 1. Top Bar */
.ut-topbar {
    background-color: var(--ut-header-top-bg);
    border-bottom: 1px solid var(--ut-border);
    padding: 0;
    font-size: 13px;
    color: var(--ut-text-muted);
}
.ut-topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ut-topbar-left {
    display: flex;
    align-items: center;
    gap: 12px;
}
.ut-topbar-left img.gift-icon {
    height: 24px;
}
.ut-badge-info {
    background-color: var(--ut-info-light);
    color: var(--ut-info);
    padding: 2px 8px;
    border-radius: 20px;
    font-weight: 600;
    margin-left: 6px;
}
.ut-topbar-pill {
    background: linear-gradient(90deg, rgba(37,99,235,0.1), rgba(139,92,246,0.1));
    border: 1px solid rgba(139,92,246,0.2);
    padding: 4px 12px 4px 4px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ut-text);
    font-size: 12px;
}
.ut-topbar-pill .icon-circle {
    background: linear-gradient(135deg, #3b82f6, #8b5cf6);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
}
.ut-topbar-pill span { opacity: 0.8; }
.ut-topbar-pill .time { opacity: 0.5; font-size: 11px; }

.ut-topbar-right {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ut-theme-toggle {
    background: transparent;
    border: none;
    color: var(--ut-text-muted);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    transition: color 0.2s;
}
.ut-theme-toggle:hover {
    color: var(--ut-text);
}

/* 2. Main Header */
.ut-main-header {
    background-color: var(--ut-header-main-bg);
    padding: 0;
}
.ut-main-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ut-logo-area {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ut-logo {
    display: flex;
    align-items: center;
}
.ut-logo img {
    height: 40px; /* Adjust based on actual logo */
}
.ut-logo-text {
    font-family: 'Quicksand', sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: var(--ut-text);
    letter-spacing: -0.5px;
}
.ut-year-badge {
    border-left: 1px solid var(--ut-border);
    padding-left: 20px;
    font-size: 13px;
    color: var(--ut-text-muted);
    line-height: 1.4;
}
.ut-year-badge strong {
    color: #3b82f6; /* Blue in the image for "14." */
    font-size: 14px;
}

.ut-search-bar {
    flex: 1;
    max-width: 500px;
    position: relative;
    margin: 0 40px;
}
.ut-search-bar input {
    width: 100%;
    background-color: var(--ut-card);
    border: 1px solid var(--ut-border);
    color: var(--ut-text);
    padding: 12px 20px 12px 45px;
    border-radius: 12px;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 14px;
    outline: none;
    transition: border-color 0.2s;
}
.ut-search-bar input:focus {
    border-color: var(--ut-primary);
}
.ut-search-bar i {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--ut-text-muted);
    font-size: 18px;
}

.ut-header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ut-action-btn {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: transparent;
    border: 1px solid var(--ut-border);
    color: var(--ut-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}
.ut-action-btn:hover {
    background-color: var(--ut-card-hover);
}
.ut-action-btn.orange-outline {
    border-color: rgba(249, 115, 22, 0.5);
}
.ut-action-btn.orange-outline:hover {
    border-color: var(--ut-primary);
    color: var(--ut-primary);
}
.ut-action-btn.green-outline {
    border-color: rgba(16, 185, 129, 0.5);
}
.ut-action-btn.green-outline:hover {
    border-color: var(--ut-success);
    color: var(--ut-success);
}

.ut-action-badge {
    position: absolute;
    top: -6px;
    right: -6px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.ut-action-badge.orange { background-color: var(--ut-primary); }
.ut-action-badge.green { background-color: var(--ut-success); }

.ut-user-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: var(--ut-card);
    border: 1px solid var(--ut-border);
    padding: 6px 16px 6px 6px;
    border-radius: 14px;
    color: var(--ut-text);
    text-decoration: none;
    transition: border-color 0.2s;
    cursor: pointer;
}
.ut-user-btn:hover {
    border-color: #3b82f6;
}
.ut-user-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background-color: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.ut-user-text {
    display: flex;
    flex-direction: column;
}
.ut-user-text strong {
    font-size: 13px;
    font-weight: 700;
}
.ut-user-text span {
    font-size: 11px;
    color: var(--ut-success); /* "veya Kayit Ol" is green in the image */
}
.ut-user-btn > i {
    color: var(--ut-text-muted);
    margin-left: 5px;
}

/* 3. Category Nav */
.ut-nav {
    background-color: var(--ut-header-nav-bg);
    border-bottom: 1px solid var(--ut-border);
    padding: 12px 0;
}
.ut-nav .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ut-nav-links {
    display: flex;
    align-items: center;
    gap: 24px;
}
.ut-nav-link {
    color: var(--ut-text);
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    font-family: 'Quicksand', sans-serif;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: color 0.2s;
    position: relative;
}
.ut-nav-link:hover {
    color: var(--ut-primary);
}
.ut-nav-link i.icon {
    font-size: 16px;
    color: var(--ut-text-muted);
}
.ut-nav-link:hover i.icon {
    color: var(--ut-primary);
}
.ut-nav-link i.arrow {
    font-size: 14px;
    opacity: 0.5;
}
.ut-badge-new {
    position: absolute;
    top: -12px;
    right: -10px;
    background-color: var(--ut-success);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    letter-spacing: 0.5px;
}


/* --- HOME PAGE STYLES --- */

/* --- HERO SLIDER --- */
.ut-hero-section {
    width: 100%;
    background: linear-gradient(135deg, #450a0a, #7f1d1d, #ea580c);
    position: relative;
    overflow: hidden;
    min-height: 400px;
    display: flex;
    align-items: center;
}
.ut-hero-content {
    position: relative;
    z-index: 2;
    padding: 10px 0;
    max-width: 650px;
}
.ut-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.2);
    padding: 8px 16px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
}
.ut-hero-badge i { color: #f97316; font-size: 20px; }

.ut-hero-section h1 {
    color: #fff;
    font-size: 4rem;
    line-height: 1.15;
    margin-bottom: 25px;
    font-weight: 300;
}
.ut-hero-section h1 strong { font-weight: 800; }

.ut-hero-section p {
    color: rgba(255,255,255,0.85);
    font-size: 1.15rem;
    line-height: 1.6;
    margin-bottom: 30px;
}

.ut-hero-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ut-btn-video {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    padding: 12px 24px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s;
}
.ut-btn-video:hover { background: rgba(255,255,255,0.25); color: #fff; }

.ut-hero-image {
    position: absolute;
    right: 5%;
    bottom: 0;
    height: 95%;
    z-index: 1;
}

.ut-chat-floating {
    position: absolute;
    right: 30px;
    bottom: 30px;
    background: #ea580c;
    color: #fff;
    padding: 12px 24px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    text-decoration: none;
    z-index: 10;
    box-shadow: 0 10px 25px rgba(234,88,12,0.4);
}

/* --- SWIPER COVERFLOW SLIDER (HİZMET AĞIMIZ) --- */
.ut-services-section {
    padding: 0 0 80px 0;
    width: 100%;
    position: relative;
    background: #0b111e; /* Dark blue background from the image */
    overflow-x: clip;
    overflow-y: visible;
}
.ut-services-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Spacing between cards */
    padding: 40px 0;
}
.ut-service-card {
    border-radius: 24px;
    padding: 40px;
    text-align: center;
    color: #fff;
    height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
}

/* Active center card */
.ut-service-card.active {
    width: 450px;
    background: linear-gradient(135deg, #db2777, #831843);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    z-index: 10;
}
.ut-service-card.active .bg-icon {
    position: absolute;
    font-size: 250px;
    opacity: 0.05;
    z-index: 0;
}
.ut-service-card.active > * { position: relative; z-index: 1; }
.ut-service-card.active .icon-box {
    background: rgba(255,255,255,0.15);
    width: 100px;
    height: 100px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.ut-service-card.active i.main-icon { font-size: 50px; color: #fff; }
.ut-service-card.active h3 { font-size: 32px; font-weight: 700; margin-bottom: 15px; }
.ut-service-card.active p { font-size: 15px; opacity: 0.9; margin-bottom: 30px; line-height: 1.5; }

.ut-service-btn {
    border: 1px solid rgba(255,255,255,0.5);
    background: transparent;
    color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s;
}
.ut-service-btn:hover { background: #fff; color: #000; }

/* Inactive side cards */
.ut-service-card.inactive {
    width: 120px;
    background: #000;
    z-index: 1;
    cursor: pointer;
    justify-content: flex-start;
    padding: 30px 0;
}
.ut-service-card.inactive::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: inherit;
    opacity: 0.5;
    z-index: 1;
}
.ut-service-card.inactive.deezer { background: linear-gradient(180deg, #111, #000); }
.ut-service-card.inactive.yandex { background: linear-gradient(180deg, #111, #000); }
.ut-service-card.inactive.tiktok { background: linear-gradient(180deg, #0ea5e9, #0284c7); }
.ut-service-card.inactive.youtube { background: linear-gradient(180deg, #ef4444, #b91c1c); }
.ut-service-card.inactive.facebook { background: linear-gradient(180deg, #3b82f6, #1d4ed8); }

.ut-service-card.inactive > * { position: relative; z-index: 2; }
.ut-service-card.inactive h3 {
    font-size: 20px;
    font-weight: 700;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    margin-top: auto;
    letter-spacing: 2px;
}
.ut-service-card.inactive i.bg-icon {
    font-size: 100px;
    opacity: 0.1;
    position: absolute;
    top: 20%;
}
.ut-nav-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    z-index: 20;
}
.ut-nav-arrow.left { left: -20px; }
.ut-nav-arrow.right { right: -20px; }

/* Floating Actions on bottom right */
/* Scroll to Top Button on bottom right */
.ut-scroll-top-btn {
    position: fixed;
    bottom: 95px; /* Placed exactly above the help trigger button */
    right: 30px;
    width: 54px;
    height: 54px;
    background: #111827;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    z-index: 1060;
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    transition: transform 0.3s, background 0.3s;
    text-decoration: none;
}
.ut-scroll-top-btn:hover {
    transform: translateY(-5px);
    background: #374151;
    color: #fff;
}

/* Unified Help Widget on bottom right */
.ut-help-widget-container {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1050;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

/* Trigger Button */
.ut-help-trigger {
    background: #fff;
    border: 3px solid #e2d7fc;
    border-radius: 50%;
    padding: 2px;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    width: 54px;
    height: 54px;
    justify-content: center;
}
.ut-help-trigger:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.15);
}
.trigger-icon-box {
    width: 44px;
    height: 44px;
    background: #6d42e6; /* Purple */
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.trigger-text {
    color: #6d42e6;
    font-weight: 700;
    font-size: 16px;
}

/* Popup Widget */
.ut-help-popup {
    width: 360px;
    background: #fff;
    border: 4px solid #e2d7fc;
    border-radius: 24px;
    margin-bottom: 15px;
    padding: 24px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.95);
    position: absolute;
    bottom: 100%;
    right: 0;
    transform-origin: bottom right;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.ut-help-popup.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.ut-help-popup-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.ut-help-popup-icon {
    width: 52px;
    height: 52px;
    background: #f3f0ff;
    color: #6d42e6;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
}
.ut-help-popup-title strong {
    display: block;
    color: #111827;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 2px;
}
.ut-help-popup-title span {
    display: block;
    color: #6b7280;
    font-size: 13px;
}

.ut-help-divider {
    border: 0;
    border-top: 1px solid #f3f4f6;
    margin: 15px 0;
}

.ut-help-popup-body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ut-help-faq-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    color: #111827;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.2s;
}
.ut-help-faq-link i {
    color: #6b7280;
    font-size: 18px;
}
.ut-help-faq-link:hover {
    border-color: #6d42e6;
    background: #f9f9f9;
}

.ut-help-whatsapp-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #059669; /* Deep Green */
    color: #fff;
    padding: 8px;
    border-radius: 16px;
    text-decoration: none;
    margin-top: 5px;
    transition: all 0.2s;
}
.ut-help-whatsapp-btn:hover {
    background: #047857;
    color: #fff;
}
.wa-icon {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}
.ut-help-whatsapp-btn span {
    font-weight: 500;
    font-size: 15px;
}

/* --- NEDEN BİZ GRID --- */
.ut-features-section {
    width: 100%;
    padding: 20px 0;
    text-align: center;
    background-color: var(--ut-card-hover); /* Light gray in light mode, dark gray in dark mode */
}
.ut-features-section > h2 {
    font-size: 36px;
    margin-bottom: 10px;
    font-weight: 300;
}
.ut-features-section > h2 strong {
    font-weight: 800;
    color: var(--ut-primary);
}
.ut-features-section > p {
    color: var(--ut-text-muted);
    margin-bottom: 60px;
    font-size: 16px;
}

.ut-features-grid {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 24px;
    align-items: stretch;
}
.ut-feature-card {
    background: var(--ut-bg);
    border-radius: 24px;
    padding: 35px;
    text-align: left;
    display: flex;
    flex-direction: column;
    box-shadow: var(--ut-shadow-sm);
}
.ut-feature-icon {
    width: 50px;
    height: 50px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 25px;
}
.ut-feature-card h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}
.ut-feature-card p {
    color: var(--ut-text-muted);
    font-size: 14px;
    line-height: 1.7;
}

.ut-feature-center {
    background: var(--ut-bg);
    border-radius: 24px;
    padding: 20px;
    text-align: left;
    box-shadow: var(--ut-shadow-sm);
}
.ut-feature-video-box {
    background: linear-gradient(135deg, #8b5cf6, #6d28d9);
    border-radius: 20px;
    height: 350px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}
.ut-feature-video-box img {
    width: 110%;
    height: 110%;
    object-fit: cover;
    position: absolute;
    bottom: -10px;
    z-index: 1;
    mix-blend-mode: multiply;
    opacity: 0.9;
}
.ut-video-pill {
    position: absolute;
    background: #fff;
    color: #6d28d9;
    padding: 6px 18px;
    border-radius: 30px;
    font-weight: 700;
    font-size: 13px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    z-index: 2;
}
.ut-video-pill i { margin-right: 5px; }
.ut-video-pill.tl { top: 40px; left: 40px; }
.ut-video-pill.tr { top: 40px; right: 40px; }
.ut-video-pill.bl { bottom: 40px; left: 40px; }
.ut-video-pill.br { bottom: 40px; right: 40px; }

@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    .ut-features-grid { grid-template-columns: 1fr; }
    .ut-hero-image { display: none; }
    .ut-hero-content { padding: 40px 20px; }
    .ut-hero-section h1 { font-size: 2.5rem; }
    .ut-services-container { flex-direction: column; }
    .ut-service-card.inactive { width: 100%; height: 80px; flex-direction: row; padding: 0 30px; justify-content: space-between; }
    .ut-service-card.inactive h3 { writing-mode: horizontal-tb; transform: none; margin-top: 0; }
}

/* --- MÜŞTERİ YORUMLARI --- */
.ut-reviews-section {
    width: 100%;
    padding: 20px 0;
    background: #f27a3a; /* Vibrant Orange background */
    color: #fff;
    position: relative;
}
.ut-reviews-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.ut-reviews-header h2 { font-size: 32px; font-weight: 700; color: #fff; }
.ut-reviews-stars { text-align: center; }
.ut-reviews-stars i { color: #fff; font-size: 24px; margin: 0 2px; }
.ut-reviews-stars p { font-size: 14px; margin-top: 5px; color: rgba(255,255,255,0.9); font-weight: 500; margin-bottom: 0; }
.ut-btn-white {
    background: #fff;
    color: #f27a3a;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
    border: none;
}
.ut-btn-white:hover {
    background: #f1f5f9;
    color: #ea580c;
}
.ut-reviews-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px; /* Thick gap showing orange background */
}
.ut-review-card {
    background: #fff !important;
    color: #111827 !important;
    border-radius: 0; /* Sharp corners */
    padding: 30px;
    transition: transform 0.3s;
}
.ut-review-card:hover {
    transform: translateY(-5px);
}
.ut-review-card-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
}
.ut-review-user img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}
.ut-review-user h4 { font-size: 18px; font-weight: 700; margin-bottom: 4px; color: #111827 !important; }
.ut-review-user span { font-size: 13px; color: #475569 !important; font-weight: 500; }
.ut-review-rating i { color: #f97316; font-size: 16px; margin-left: 2px; }
.ut-review-card p { font-size: 15px; line-height: 1.7; color: #475569 !important; margin: 0; }

/* --- MOBİL UYGULAMA --- */
.ut-app-section { width: 100%;     padding: 0;
    height: 500px;
    background: #f8fafc;
    overflow: hidden;
}
.ut-app-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ut-app-content { width: 45%; }
.ut-app-content h2 { font-size: 36px; font-weight: 700; color: #1e293b; margin-bottom: 20px; }
.ut-app-content p { font-size: 16px; line-height: 1.7; color: #475569; margin-bottom: 30px; }
.ut-app-buttons { display: flex; gap: 10px; }
.ut-app-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    border: 1px solid #cbd5e1;
    padding: 10px 20px;
    border-radius: 12px;
    text-decoration: none;
    color: #1e293b;
    font-weight: 600;
    transition: all 0.2s;
}
.ut-app-btn:hover { border-color: #94a3b8; box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.ut-app-btn i { font-size: 24px; }
.ut-app-btn span { font-size: 12px; font-weight: 400; display: block; color: #475569; }


.ut-app-image { width: 50%; position: relative; display: flex; justify-content: center; }
.ut-app-image img { max-width: 120%; margin-right: -20%; max-height: 600px; object-fit: contain; mix-blend-mode: multiply; filter: contrast(1.05); }



/* --- SON BLOGLARIMIZ --- */
.ut-blog-section {
    width: 100%;
    padding: 20px 0;
    background: #f1f5f9; /* Light, elegant gray/blue background matching Screenshot 2 */
    text-align: center;
}
[data-bs-theme="dark"] .ut-blog-section {
    background: #0f172a !important;
}
.ut-blog-section h2 { font-size: 32px; font-weight: 700; margin-bottom: 5px; color: #1e293b; }
[data-bs-theme="dark"] .ut-blog-section h2 { color: #ffffff !important; }
.ut-blog-section h2 strong { color: #8b5cf6; font-weight: 700; }
.ut-blog-section > p { font-size: 15px; color: #475569; margin-bottom: 40px; }
[data-bs-theme="dark"] .ut-blog-section > p { color: #94a3b8 !important; }

/* Dark mode blog card overrides */
[data-bs-theme="dark"] .ut-blog-card {
    background: var(--ut-card) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-bs-theme="dark"] .ut-blog-content h3 {
    color: #ffffff !important;
}
[data-bs-theme="dark"] .ut-blog-content p {
    color: #94a3b8 !important;
}

.ut-blog-grid { 
    display: flex; 
    flex-wrap: nowrap; 
    overflow-x: auto; 
    scroll-snap-type: x mandatory; 
    scroll-behavior: smooth; 
    gap: 30px; 
    padding-bottom: 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.ut-blog-grid::-webkit-scrollbar { display: none; }
.ut-blog-grid .ut-blog-card {
    flex: 0 0 calc(33.333% - 20px);
    scroll-snap-align: start;
    min-width: 300px;
}

.ut-blog-card {
    background: #fff !important;
    border-radius: 24px;
    overflow: hidden;
    text-align: left;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 1.5px solid #ffd8c2 !important;
    padding: 15px;
    transition: all 0.3s ease !important;
}
.ut-blog-card:hover {
    border-color: #ff5e00 !important;
    box-shadow: 0 10px 30px rgba(255, 94, 0, 0.15) !important;
    transform: translateY(-2px) !important;
}
.ut-blog-image {
    width: 100%;
    height: 200px;
}
.ut-blog-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.ut-blog-content { padding: 20px 5px 5px 5px; }
.ut-blog-content h3 { font-size: 16px; font-weight: 600; color: #1f2937 !important; margin-bottom: 12px; line-height: 1.4; }
.ut-blog-content p { font-size: 13px; color: #475569 !important; line-height: 1.6; margin-bottom: 25px; }
.ut-blog-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #fff !important;
    background: #8b5cf6;
    border-radius: 8px;
    text-decoration: none;
    padding: 12px;
    transition: background 0.2s;
    width: 100%;
}
.ut-blog-btn:hover { background: #7c3aed; }

/* --- SIKÇA SORULAN SORULAR --- */
.ut-faq-section {
    width: 100%;
    padding: 20px 0;
    /* Vibrant Orange background (matching reviews section) */
    background: #f27a3a !important;
    color: #fff !important;
    position: relative;
}
.ut-faq-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 50px;
}
.ut-faq-header h2 { font-size: 32px; font-weight: 600; color: #fff !important; margin-bottom: 5px; }
.ut-faq-header p { color: rgba(255, 255, 255, 0.85) !important; font-size: 16px; margin-bottom: 0; }
.ut-btn-cyan {
    background: #fff;
    color: #ff5e00 !important; /* Orange text color */
    padding: 12px 24px;
    border-radius: 12px !important;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    border: 1.5px solid #ff5e00 !important;
    transition: all 0.2s ease;
}
.ut-btn-cyan i { font-size: 18px; }
.ut-btn-cyan:hover {
    background: #111827 !important;
    color: #fff !important;
    border-color: #111827 !important;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2) !important;
}
.ut-faq-accordion {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.ut-faq-item {
    background: #fff !important;
    border: 1.5px solid #ffd8c2 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    overflow: hidden;
    transition: all 0.3s ease;
}
.ut-faq-item.active {
    border-color: #ff5e00 !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15) !important;
}
.ut-faq-question {
    padding: 16px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    background: #fff;
    font-weight: 500;
    font-size: 14px;
    color: #111827;
}
.ut-faq-question:hover {
    background: #f8fafc;
}
.ut-faq-item.active .ut-faq-question i {
    transform: rotate(180deg);
}
.ut-faq-question i {
    transition: transform 0.3s;
    color: #475569;
    font-size: 20px;
}
.ut-faq-answer {
    padding: 0 25px 20px 25px;
    color: #475569 !important;
    font-size: 14px;
    line-height: 1.6;
}

/* --- SEO ALANI --- */
.ut-seo-section {
    width: 100%;
    padding: 20px 0;
    background: #ffffff !important;
}
[data-bs-theme="dark"] .ut-seo-section {
    background: #000000 !important;
}
.ut-seo-card {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    color: #334155;
    line-height: 1.8;
    font-size: 15px;
    height: 400px; /* To simulate the scrollable text box */
    overflow-y: auto;
}
.ut-seo-card::-webkit-scrollbar { width: 6px; }
.ut-seo-card::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
.ut-seo-card h3 {
    font-size: 24px;
    font-weight: 700;
    color: #0f172a;
    margin: 25px 0 15px 0;
}
.ut-seo-card p { margin-bottom: 20px; }

@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    .ut-features-grid, .ut-reviews-grid, .ut-faq-grid { grid-template-columns: 1fr; }
    .ut-blog-grid { grid-template-columns: 1fr; }
    .ut-app-container { flex-direction: column; }
    .ut-app-section { height: auto !important; padding-top: 40px !important; }
    .ut-app-content, .ut-app-image { width: 100%; }
    

.ut-app-image { position: relative; width: 100%; transform: none; right: auto; top: auto; justify-content: center; margin-top: 40px; pointer-events: auto; }
.ut-app-image img { width: 100%; max-width: 400px; max-height: 400px; margin: 0; object-fit: contain; mix-blend-mode: multiply; }


    .ut-reviews-header, .ut-faq-header { flex-direction: column; text-align: center; gap: 20px; }
}

/* --- MEGA MENU --- */
.ut-nav-item.ut-has-mega-menu { position: static; }
.ut-mega-menu {
    position: absolute;
    top: 120%;
    left: 0;
    width: 100%;
    background: transparent;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 10px 0;
}
.ut-has-mega-menu:hover .ut-mega-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: translateY(0);
}

/* Mega Menu 1: Sosyal Medya Hizmetleri */

.ut-mega-container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
}

.ut-mega-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.ut-mega-title-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ut-mega-title-wrapper .icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    font-size: 24px;
}
.ut-mega-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
}
.ut-mega-search {
    flex: 1;
    max-width: 500px;
    height: 50px;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin: 0 30px;
}
.ut-mega-search input {
    flex: 1;
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    font-size: 14px;
}
.ut-mega-search input::placeholder { color: rgba(255,255,255,0.4); }
.ut-mega-search i {
    color: rgba(255,255,255,0.4);
    font-size: 18px;
    margin-left: 10px;
}
.ut-mega-btn.blue-btn {
    background: #172033;
    color: #3b82f6;
    border: none;
}

.ut-mega-title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}
.ut-mega-title i { color: #3b82f6; font-size: 24px; }
.ut-mega-search {
    position: relative;
    width: 400px;
}
.ut-mega-search input {
    width: 100%;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.1);
    padding: 12px 20px 12px 45px;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: 0.3s;
}
.ut-mega-search input:focus { border-color: rgba(255,255,255,0.3); background: rgba(255,255,255,0.05); }
.ut-mega-search i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,0.5);
    font-size: 18px;
}
.ut-mega-btn {
    background: #1e293b;
    color: #3b82f6;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.3s;
}
.ut-mega-btn:hover { background: #3b82f6; color: #fff; }

.ut-mega-grid-sm { display: grid; grid-template-columns: repeat(10, 1fr); gap: 10px; }
.ut-mega-card-sm { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 5px; border-radius: 12px; text-align: center; transition: transform 0.3s, box-shadow 0.3s; text-decoration: none; color: #fff; min-height: 90px; }
.ut-mega-card-sm:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
    color: #fff;
}
.ut-mega-card-sm i { font-size: 28px; margin-bottom: 8px; }
.ut-mega-card-sm strong { font-size: 13px; font-weight: 700; display: block; line-height: 1.2; }
.ut-mega-card-sm span { font-size: 11px; opacity: 0.8; }

/* Mega Menu 2 & 3: Servisler ve Araçlar */
.ut-mega-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
    padding-bottom: 20px;
}
.ut-mega-tab {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 10px;
    border-radius: 12px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
    opacity: 0.6;
    line-height: 1.2;
    position: relative;
}
.ut-mega-tab::after {
    content: '';
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px 10px 0;
    border-style: solid;
    border-color: var(--tab-bg, #fff) transparent transparent transparent;
    opacity: 0;
    transition: 0.3s;
}
.ut-mega-tab i { font-size: 24px; margin-bottom: 5px; }
.ut-mega-tab.active, .ut-mega-tab:hover { opacity: 1; transform: translateY(-3px); }
.ut-mega-tab.active::after, .ut-mega-tab:hover::after { opacity: 1; }

.ut-mega-content {
    margin-bottom: 30px;
}
.ut-mega-list-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.ut-mega-list-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
    border-radius: 8px;
    text-decoration: none;
    color: rgba(255,255,255,0.8);
    transition: 0.3s;
}
.ut-mega-list-item:hover {
    background: rgba(255,255,255,0.03);
    color: #fff;
}
.ut-mega-list-item .icon-box {
    width: 32px;
    height: 32px;
    background: rgba(255,255,255,0.05);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e1306c; /* Default pinkish */
    font-size: 16px;
}

.ut-mega-footer {
    display: flex;
    gap: 20px;
    border-top: 1px solid rgba(255,255,255,0.05);
    padding-top: 20px;
}
.ut-mega-footer-card {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.05);
    padding: 15px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    transition: 0.3s;
}
.ut-mega-footer-card:hover {
    background: rgba(255,255,255,0.05);
}
.ut-mega-footer-card .ut-icon-sq {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
}
.ut-mega-footer-card img {
    width: 48px;
    height: 48px;
    border-radius: 12px;
}
.ut-mega-footer-card span { display: block; font-size: 12px; color: rgba(255,255,255,0.6); margin-bottom: 2px; }
.ut-mega-footer-card strong { display: block; font-size: 15px; font-weight: 700; }
.ut-mega-footer-card .ri-arrow-right-line { color: rgba(255,255,255,0.3); font-size: 20px; }

/* --- MOBILE MEGA MENU ADAPTATIONS --- */
@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    .ut-nav-links {
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .ut-nav-links::-webkit-scrollbar { display: none; }
    .ut-nav-link { font-size: 13px; padding: 5px 0; }
    
    .ut-mega-menu {
        position: fixed;
        bottom: 80px;
        top: auto !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        max-height: 60vh;
        overflow-y: auto;
        border-radius: 20px;
        transform: translateY(100px);
        box-shadow: 0 -10px 40px rgba(0,0,0,0.5);
        padding: 20px;
        z-index: 1060;
    }
    .ut-has-mega-menu:hover .ut-mega-menu, .ut-has-mega-menu:active .ut-mega-menu {
        transform: translateY(0);
    }
    
.ut-mega-container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 40px;
}

.ut-mega-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.ut-mega-title-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ut-mega-title-wrapper .icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    font-size: 24px;
}
.ut-mega-title {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
}
.ut-mega-search {
    flex: 1;
    max-width: 500px;
    height: 50px;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin: 0 30px;
}
.ut-mega-search input {
    flex: 1;
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    font-size: 14px;
}
.ut-mega-search input::placeholder { color: rgba(255,255,255,0.4); }
.ut-mega-search i {
    color: rgba(255,255,255,0.4);
    font-size: 18px;
    margin-left: 10px;
}
.ut-mega-btn.blue-btn {
    background: #172033;
    color: #3b82f6;
    border: none;
}

    .ut-mega-search { width: 100%; }
    .ut-mega-grid-sm { grid-template-columns: repeat(3, 1fr); }
    
    .ut-mega-tabs { 
        overflow-x: auto; 
        flex-wrap: nowrap; 
        padding-bottom: 10px;
        scrollbar-width: none;
    }
    .ut-mega-tabs::-webkit-scrollbar { display: none; }
    .ut-mega-tab { min-width: 110px; flex: 0 0 auto; padding: 10px; }
    
    .ut-mega-list-grid { grid-template-columns: 1fr; }
    .ut-mega-footer { flex-direction: column; }
}
/* --- MOBIL NAVIGASYON (Faz 5.1) --- */

/* 1. Mobile Header */
.ut-mobile-header { height: 70px; background: var(--ut-card); border-bottom: 1px solid var(--ut-border); position: sticky; top: 0; z-index: 1040; }
.ut-mobile-bell, .ut-mobile-menu-btn { color: var(--ut-primary); font-size: 24px; text-decoration: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
.ut-mobile-logo { display: flex; align-items: center; font-family: 'Quicksand', sans-serif !important; font-size: 22px; font-weight: 800; color: var(--ut-text); text-decoration: none; }

/* 2. Mobile Sidebar Menu */
.ut-mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1050; opacity: 0; visibility: hidden; transition: 0.3s; }
.ut-mobile-overlay.active { opacity: 1; visibility: visible; }

.ut-mobile-sidebar { position: fixed; top: 0; right: -320px; width: 320px; max-width: 90vw; height: 100vh; background: #f1f5f9; z-index: 1060; display: flex; flex-direction: column; transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: -10px 0 30px rgba(0,0,0,0.1); }
[data-bs-theme="dark"] .ut-mobile-sidebar { background: #1e293b; }
.ut-mobile-sidebar.active { right: 0; }

.ut-mobile-sidebar-header { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid rgba(0,0,0,0.05); }
[data-bs-theme="dark"] .ut-mobile-sidebar-header { border-color: rgba(255,255,255,0.05); }
.ut-mobile-close-btn { color: #1e293b; background: #fff; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 8px; text-decoration: none; font-size: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
[data-bs-theme="dark"] .ut-mobile-close-btn { background: #0f172a; color: #fff; }

.ut-mobile-sidebar-content { flex: 1; overflow-y: auto; padding: 20px 0; }

/* Accordion in Sidebar */
.ut-mobile-accordion { border-bottom: 1px solid rgba(0,0,0,0.05); margin-bottom: 20px; }
[data-bs-theme="dark"] .ut-mobile-accordion { border-color: rgba(255,255,255,0.05); }
.ut-mobile-acc-item { border-bottom: 1px solid rgba(0,0,0,0.05); }
[data-bs-theme="dark"] .ut-mobile-acc-item { border-color: rgba(255,255,255,0.05); }

.ut-mobile-acc-header, .ut-mobile-acc-single { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; color: #334155; font-weight: 700; font-size: 14px; text-decoration: none; cursor: pointer; }
[data-bs-theme="dark"] .ut-mobile-acc-header, [data-bs-theme="dark"] .ut-mobile-acc-single { color: #cbd5e1; }
.ut-mobile-acc-header .left, .ut-mobile-acc-single { display: flex; align-items: center; gap: 12px; }
.ut-mobile-acc-header i:first-child, .ut-mobile-acc-single i { font-size: 18px; color: #94a3b8; }
.ut-mobile-acc-header .arrow { transition: 0.3s; }
.ut-mobile-acc-item.active .arrow { transform: rotate(180deg); }

.ut-mobile-acc-body { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: rgba(0,0,0,0.02); }
[data-bs-theme="dark"] .ut-mobile-acc-body { background: rgba(0,0,0,0.2); }
.ut-mobile-acc-link { display: flex; align-items: center; gap: 12px; padding: 12px 20px 12px 40px; color: #475569; text-decoration: none; font-size: 14px; font-weight: 600; }
[data-bs-theme="dark"] .ut-mobile-acc-link { color: #94a3b8; }
.ut-mobile-acc-link i { font-size: 18px; }

/* Contact Info */
.ut-mobile-contact { padding: 0 20px; }
.ut-mobile-contact .contact-item { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; }
.ut-mobile-contact .icon { width: 48px; height: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 24px; }
.ut-mobile-contact .text span { display: block; font-size: 12px; color: #475569; margin-bottom: 2px; }
.ut-mobile-contact .text strong { display: block; font-size: 16px; color: #1e293b; font-weight: 700; }
[data-bs-theme="dark"] .ut-mobile-contact .text strong { color: #fff; }

.ut-mobile-sidebar-footer { padding: 20px; background: rgba(0,0,0,0.03); }
[data-bs-theme="dark"] .ut-mobile-sidebar-footer { background: rgba(0,0,0,0.2); }
.ut-mobile-order-btn { display: flex; justify-content: space-between; align-items: center; color: #1e293b; text-decoration: none; font-weight: 700; font-size: 15px; }
[data-bs-theme="dark"] .ut-mobile-order-btn { color: #fff; }
.ut-mobile-order-btn .left { display: flex; align-items: center; gap: 10px; }
.ut-mobile-order-btn .left i { color: #3b82f6; font-size: 20px; }

/* 3. Mobile Bottom Nav */
.ut-mobile-nav { position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; display: flex !important; justify-content: space-around; align-items: center; height: 70px; box-shadow: 0 -5px 20px rgba(0,0,0,0.05); z-index: 1040; padding: 0 10px; }
[data-bs-theme="dark"] .ut-mobile-nav { background: #1e293b; box-shadow: 0 -5px 20px rgba(0,0,0,0.3); }

.ut-mobile-nav .nav-item { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #1e293b; text-decoration: none; font-size: 11px; font-weight: 600; gap: 4px; flex: 1; }
[data-bs-theme="dark"] .ut-mobile-nav .nav-item { color: #cbd5e1; }
.ut-mobile-nav .nav-item i { font-size: 22px; }

.ut-mobile-nav .nav-item.active { color: #3b82f6; }
[data-bs-theme="dark"] .ut-mobile-nav .nav-item.active { color: #60a5fa; }

/* The Giant Green Cart Button */
.ut-mobile-nav .nav-item-cart { position: relative; top: 0;  margin-bottom: 0 !important; }
.cart-floating-btn { background: #10b981; width: 65px; height: 65px; border-radius: 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; box-shadow: 0 10px 20px rgba(16,185,129,0.3); position: relative; }
.cart-floating-btn i { font-size: 24px; margin-bottom: 2px; }
.cart-floating-btn span { font-size: 10px; font-weight: 700; }
.cart-badge { position: absolute; top: -8px; left: 50%; transform: translateX(-50%); background: #065f46; color: #fff; font-size: 11px; font-weight: 800; padding: 2px 8px; border-radius: 20px; border: 2px solid #fff; }
[data-bs-theme="dark"] .cart-badge { border-color: #1e293b; }

@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    .ut-main-header, .ut-nav { display: none !important; }
    .ut-topbar { display: none !important; }
}
@media (min-width: 992px) {
    .ut-mobile-nav { display: none !important; }
    .ut-mobile-header { display: none !important; }
    .ut-mobile-sidebar { display: none !important; }
}

/* --- YENİ MEGA MENÜ SPLIT LAYOUT (Faz 5 Son Revizyon) --- */
.new-mega-layout .ut-mega-container {
    max-width: 100%;
    padding: 0 40px;
}
.ut-mega-split {
    display: flex;
    gap: 30px;
    background: #1e293b;
    border-radius: 24px;
    padding: 20px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.4);
    margin-top: 10px;
}
/* Sol Taraf Banner */
.ut-mega-banner {
    width: 320px;
    background: linear-gradient(135deg, #d946ef, #8b5cf6);
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    overflow: hidden;
    min-height: 400px;
}
.banner-icon-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 200px;
    color: rgba(255,255,255,0.2);
    z-index: 1;
}
.banner-content {
    position: relative;
    z-index: 2;
}
.banner-content h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 1.2;
}
.banner-content p {
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
}

/* Sağ Taraf Content */
.ut-mega-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Header */
.ut-mega-header-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.ut-mega-header-new .mega-title {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}
.ut-mega-header-new .mega-actions {
    display: flex;
    align-items: center;
    gap: 15px;
}
.mega-search {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 0 15px;
    height: 44px;
    width: 250px;
}
.mega-search input {
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    padding-left: 10px;
    width: 100%;
    font-size: 13px;
}
.mega-search i {
    color: rgba(255,255,255,0.4);
}
.mega-btn-cyan {
    background: #06b6d4;
    color: #fff;
    padding: 0 20px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}
.mega-btn-cyan:hover {
    background: #0891b2;
    color: #fff;
}

/* Grid 6 Sütun */
.ut-mega-grid-6 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}
.mega-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    border-radius: 16px;
    text-decoration: none;
    color: #fff;
    min-height: 90px;
    transition: transform 0.3s;
}
.mega-card:hover {
    transform: translateY(-3px);
    color: #fff;
}
.mega-card i {
    font-size: 26px;
    margin-bottom: 6px;
}
.mega-card span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Footer */
.ut-mega-footer-new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.05);
}
.footer-text strong {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 3px;
}
.footer-text span {
    color: rgba(255,255,255,0.5);
    font-size: 12px;
}
.mega-btn-white {
    background: #fff;
    color: #0f172a;
    padding: 0 20px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
}
.mega-btn-white:hover {
    background: #f1f5f9;
    color: #0f172a;
}

/* --- ÜCRETSİZ ARAÇLAR MEGA MENU SPLIT LAYOUT --- */
.tools-mega-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.tool-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 20px;
    color: rgba(255,255,255,0.7);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}
.tm-icon {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}
.tm-text {
    display: flex;
    flex-direction: column;
}
.tm-text strong {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 4px;
}
.tm-text span {
    color: rgba(255,255,255,0.4);
    font-size: 11px;
}

/* --- MOBIL NAVIGASYON VE HEADER --- */
.ut-mobile-nav { background: var(--ut-card) !important; border-top: 1px solid var(--ut-border); box-shadow: 0 -5px 20px rgba(0,0,0,0.2) !important; }
.ut-mobile-nav .nav-item { color: var(--ut-text-muted) !important; }
.ut-mobile-nav .nav-item.active { color: var(--ut-primary) !important; }
.ut-mobile-header { background: var(--ut-header-main-bg) !important; border-bottom: 1px solid var(--ut-border); }
.ut-mobile-logo { color: var(--ut-text) !important; }
.ut-mobile-menu-btn i, .ut-mobile-bell i { color: var(--ut-text) !important; }
[data-bs-theme='dark'] .ut-mobile-nav { background: #0a0a0c !important; }
[data-bs-theme='dark'] .ut-mobile-header { background: var(--ut-card) !important; }

/* --- COVERFLOW SLIDER DÜZELTMELERİ --- */
.ut-services-container {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding: 40px 20px !important;
    gap: 15px !important;
    justify-content: flex-start !important; /* Start from left */
    /* Hide scrollbar */
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.ut-services-container::-webkit-scrollbar {
    display: none;
}
.ut-service-card {
    scroll-snap-align: center;
    flex-shrink: 0;
}
/* If it is on desktop, maybe we want it centered if it fits? Usually flex-start is better for scrollable containers */
@media (min-width: 992px) {
    .ut-services-container {
        justify-content: center !important; /* Try to center on large screens if it fits */
    }
}

/* --- MOBİL NAV VE HEADER GÜNCELLEMELERİ (YENİ GÖRSEL) --- */
.ut-mobile-header {
    background: var(--ut-card) !important;
}
.ut-mobile-nav {
    background: #111827 !important;
    border-top: none !important;
    height: 75px !important;
}
.ut-mobile-nav .nav-item {
    color: #9ca3af !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    gap: 6px !important;
}
.ut-mobile-nav .nav-item i {
    font-size: 20px !important;
}
.ut-mobile-nav .nav-item.active {
    color: #f97316 !important;
}
.cart-floating-btn {
    background: #10b981 !important;
    width: 65px !important;
    height: 65px !important;
    border-radius: 18px !important;
    top: -20px !important;
    box-shadow: 0 8px 16px rgba(16,185,129,0.3) !important;
}
.cart-floating-btn span {
    font-size: 10px !important;
    font-weight: 600 !important;
    margin-top: 2px !important;
}
.cart-floating-btn i {
    font-size: 24px !important;
    color: #fff !important;
}
.cart-floating-btn .cart-badge {
    position: absolute;
    top: -8px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    background: #0f172a;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid #10b981;
}

/* --- COVERFLOW DESIGN UPDATE --- */
.ut-services-container { gap: 15px !important; padding: 40px 20px !important; align-items: center !important; }
.ut-service-card { transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.ut-service-card.active { 
    width: 360px !important; 
    height: 380px !important; 
    border-radius: 36px !important; 
    padding: 30px !important; 
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.7) !important; 
    display: flex !important; 
    flex-direction: column !important; 
    justify-content: center !important; 
    align-items: center !important; 
    background: linear-gradient(135deg, var(--brand-color), #000) !important;
    position: relative;
    overflow: hidden;
}
.ut-service-card.active .bg-icon { font-size: 220px !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; opacity: 0.1 !important; }
.ut-service-card.active .icon-box { background: rgba(255,255,255,0.15) !important; backdrop-filter: blur(10px) !important; width: 80px !important; height: 80px !important; border-radius: 24px !important; margin-bottom: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 2; position: relative; }
.ut-service-card.active .icon-box i { font-size: 40px !important; color: #fff !important; }
.ut-service-card.active h3 { font-size: 28px !important; font-weight: 700 !important; margin-bottom: 10px !important; color: #fff; z-index: 2; position: relative; }
.ut-service-card.active p { font-size: 14px !important; margin-bottom: 30px !important; line-height: 1.5 !important; opacity: 0.8 !important; color: #fff; z-index: 2; position: relative; text-align: center; }
.ut-service-card.active .ut-service-btn { border: 1px solid rgba(255,255,255,0.4) !important; background: transparent !important; color: #fff !important; border-radius: 30px !important; padding: 12px 30px !important; font-size: 14px !important; font-weight: 500 !important; transition: all 0.3s ease !important; text-decoration: none !important; z-index: 2; position: relative; }
.ut-service-card.active .ut-service-btn:hover { background: #fff !important; color: #000 !important; }
.ut-service-card.inactive { 
    width: 80px !important; 
    height: 320px !important; 
    border-radius: 24px !important; 
    display: flex !important; 
    flex-direction: column !important; 
    align-items: center !important; 
    justify-content: flex-end !important; 
    padding: 30px 0 !important; 
    position: relative !important; 
    overflow: hidden !important; 
    background: linear-gradient(to bottom, var(--brand-color) 0%, #050505 100%) !important;
}
.ut-service-card.inactive::before { display: none !important; }
.ut-service-card.inactive .bg-icon { font-size: 150px !important; position: absolute !important; top: -10px !important; left: 50% !important; transform: translateX(-50%) !important; opacity: 0.2 !important; z-index: 0 !important; color: #000; }
.ut-service-card.inactive h3 { writing-mode: vertical-rl !important; transform: rotate(180deg) !important; font-size: 18px !important; font-weight: 600 !important; color: #fff !important; margin: 0 !important; z-index: 2 !important; letter-spacing: 1px !important; }
@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    
    /* Mobil slider kart boyutlarını ufaltma */
    .ut-services-wrapper {
        height: 220px !important;
    }
    #coverflowTrack {
        height: 220px !important;
    }
    .ut-service-card.active { 
        width: 200px !important; 
        height: 220px !important; 
        border-radius: 20px !important;
        padding: 12px !important;
        margin-top: -50px !important;
    }
    .ut-service-card.active h3 {
        font-size: 16px !important;
        margin-bottom: 5px !important;
    }
    .ut-service-card.active p {
        font-size: 10px !important;
        margin-bottom: 10px !important;
        line-height: 1.3 !important;
    }
    .ut-service-card.active .icon-box {
        width: 40px !important;
        height: 40px !important;
        border-radius: 10px !important;
        margin-bottom: 5px !important;
    }
    .ut-service-card.active .icon-box i {
        font-size: 20px !important;
    }
    .ut-service-card.active .ut-service-btn {
        padding: 6px 15px !important;
        font-size: 11px !important;
        border-radius: 20px !important;
    }
    
    .ut-service-card.inactive { 
        width: 50px !important;
        height: 180px !important; 
        border-radius: 12px !important;
        padding: 10px 0 !important;
        margin-top: -30px !important;
    }
    .ut-service-card.inactive h3 {
        font-size: 11px !important;
    }
    .ut-service-card.inactive .bg-icon {
        font-size: 70px !important;
    }
    
    /* Ok butonlarını mobilde kartlara göre ortalama */
    #cfPrev, #cfNext {
        width: 32px !important;
        height: 32px !important;
        font-size: 16px !important;
    }
    #cfPrev { left: 10px !important; margin-top: -30px !important; }
    #cfNext { right: 10px !important; margin-top: -30px !important; }
}

/* --- LOGIN DROPDOWN --- */
.ut-user-dropdown-wrapper:hover .ut-user-dropdown-menu,
.ut-user-dropdown-wrapper.active .ut-user-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.ut-user-dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 320px;
    background: #0f172a;
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1050;
    margin-top: 15px;
}
.ut-user-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -15px;
    right: 0;
    width: 100%;
    height: 15px;
}
.ut-dropdown-header h4 {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 5px;
}
.ut-dropdown-header p {
    font-size: 13px;
    color: #94a3b8;
    margin-bottom: 20px;
}
.ut-form-group {
    margin-bottom: 15px;
}
.ut-form-group label {
    display: block;
    color: #cbd5e1;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 8px;
}
.ut-input-wrapper {
    position: relative;
}
.ut-input-wrapper i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #475569;
    font-size: 18px;
}
.ut-input-wrapper input {
    width: 100%;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 12px 15px 12px 45px;
    color: #fff;
    font-size: 14px;
    outline: none;
    transition: all 0.3s ease;
}
.ut-input-wrapper input:focus {
    border-color: #f97316;
    background: rgba(255,255,255,0.08);
}
.ut-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #cbd5e1;
    font-size: 13px;
    cursor: pointer;
}
.ut-forgot-link {
    color: #f97316;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}
.ut-login-submit-btn {
    width: 100%;
    background: #ea580c;
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 12px;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.ut-login-submit-btn:hover {
    background: #c2410c;
}
.ut-dropdown-footer {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.05);
    color: #94a3b8;
    font-size: 13px;
}
.ut-dropdown-footer a {
    color: #f97316;
    font-weight: 600;
    text-decoration: none;
}

/* --- NOTIF DROPDOWN --- */
.ut-notif-dropdown-wrapper:hover .ut-notif-dropdown-menu,
.ut-notif-dropdown-wrapper.active .ut-notif-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.ut-notif-dropdown-menu {
    position: absolute;
    top: 100%;
    right: -70px;
    width: 320px;
    background: #111111;
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.5);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1050;
    margin-top: 15px;
}
.ut-notif-dropdown-menu::before {
    content: '';
    position: absolute;
    top: -15px;
    right: 0;
    width: 100%;
    height: 15px;
}
.ut-notif-dropdown-menu .ut-dropdown-header {
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.ut-input-wrapper {
    position: relative;
}
.ut-input-wrapper i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 18px;
}
.ut-input-wrapper input {
    width: 100%;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 12px 15px 12px 45px;
    color: #fff;
    font-size: 14px;
    transition: all 0.3s;
}
.ut-input-wrapper input:focus {
    background: rgba(255,255,255,0.1);
    border-color: #f97316;
    outline: none;
}
.ut-checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 13px;
    color: #cbd5e1;
}
.ut-checkbox-label input {
    accent-color: #f97316;
}
.ut-forgot-link {
    font-size: 13px;
    color: #f97316;
    text-decoration: none;
    font-weight: 500;
}
.ut-login-submit-btn {
    width: 100%;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff;
    border: none;
    border-radius: 12px;
    padding: 14px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s;
}
.ut-login-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.3);
}
.ut-dropdown-footer {
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
    color: #9ca3af;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding-top: 15px;
}
.ut-dropdown-footer a {
    color: #f97316;
    font-weight: 600;
    text-decoration: none;
}
.ut-review-card h4 { color: #1e293b; }
.ut-review-card p { color: #475569; }
.ut-review-card span { color: #475569; }

/* Removed dark mode overrides for reviews so they stay consistent */
/* .ut-main-header .container { position: relative; } - Removed for full width mega menus */

/* --- Mega Menu Grid Fixes --- */
.tool-tab:hover {
    background: rgba(255,255,255,0.1);
    color: #fff;
}
.tool-tab.active {
    background: rgba(225, 48, 108, 0.1);
    border-color: #e1306c;
    color: #e1306c;
}
.ut-mega-grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 25px;
}
.tool-mega-card {
    display: flex;
    align-items: center;
    gap: 15px;
    background: rgba(255,255,255,0.02);
    border-radius: 16px;
    padding: 15px;
    text-decoration: none;
    transition: 0.3s;
    border: 1px solid transparent;
}
.tool-mega-card:hover {
    background: rgba(255,255,255,0.05);
    border-color: rgba(255,255,255,0.1);
}

/* --- FENOMEN PAKETLER --- */
.ut-fenomen-section {
    background-color: #1e1b4b;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(219, 39, 119, 0.25) 0%, transparent 40%),
        radial-gradient(circle at 60% 0%, rgba(234, 179, 8, 0.15) 0%, transparent 50%),
        linear-gradient(135deg, #1e1b4b 0%, #111827 50%, #0f172a 100%);
    padding: 20px 0;
    position: relative;
    overflow: hidden;
}
.ut-fenomen-section::before {
    content: '';
    position: absolute;
    bottom: -10%; left: -5%;
    width: 450px; height: 450px;
    border: 80px solid rgba(255,255,255,0.03);
    border-radius: 50%;
    filter: blur(10px);
    pointer-events: none;
}
.ut-fenomen-section::after {
    content: '';
    position: absolute;
    top: -5%; right: -10%;
    width: 350px; height: 350px;
    border: 50px solid rgba(255,255,255,0.03);
    border-radius: 50%;
    filter: blur(8px);
    pointer-events: none;
}
.ut-fenomen-section h2 {
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 2;
}
.ut-fp-filters {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 0 auto 40px auto;
    width: max-content;
    flex-wrap: wrap;
    background: #1e1e2d;
    padding: 10px;
    border-radius: 40px;
    position: relative;
    z-index: 2;
}
.ut-fp-filter-btn {
    background: #2b2b36;
    color: #94a3b8;
    border: none;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}
.ut-fp-filter-btn .btn-text {
    display: none;
}
.ut-fp-filter-btn:hover {
    background: rgba(255,255,255,0.2);
    color: #fff;
}
.ut-fp-filter-btn.active {
    background: #fff;
    color: #0f172a;
    width: auto;
    border-radius: 30px;
    padding: 0 24px;
    gap: 8px;
}
.ut-fp-filter-btn.active .btn-text {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
}
.ut-fp-grid-container {
    position: relative;
    z-index: 2;
}
.ut-fp-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}


/* Package Card CSS Extracted from User Design */
.packages .package-item {
  background: #ffffff;
  border-radius: 1.25rem 1.25rem 0.625rem 0.625rem;
  transition: all 0.25s;
  margin-bottom: 1.875rem;
  box-shadow: 0px 6px 51px 0px rgba(0, 0, 0, 0.16);
}
.packages .package-item:hover {
  transform: translateY(-0.5rem);
}
.packages .package-item .package-title {
  background: #f2872c;
  padding: 0 1.375rem;
  height: 5rem;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  border-radius: 0.625rem 0.625rem 0 0;
  overflow: hidden;
}
.packages .package-item .package-title .title {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.packages .package-item .package-title .description {
  font-size: 1rem;
  font-weight: 600;
}
.packages .package-item .package-title .icon {
  max-width: 2.625rem;
  flex: 0 0 2.625rem;
  height: 2.625rem;
  background: #fff;
  width: 100%;
  color: #f2872c;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  border-radius: 2rem;
  position: relative;
}
.packages .package-item .package-title .icon::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: -1rem;
  bottom: -1rem;
  right: -1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10rem;
}
.packages .package-item .package-title .icon::after {
  content: "";
  position: absolute;
  top: -2.3rem;
  left: -2.3rem;
  bottom: -2.3rem;
  right: -2.3rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10rem;
}
.packages .package-item .package-title .icon * {
  position: relative;
  z-index: 1;
}
.packages .package-item .package-name {
  display: flex;
  align-items: center;
  padding: 1.5rem 1.375rem;
  gap: 1.125rem;
}
.packages .package-item .package-name .icon {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  font-size: 1.25rem;
  background: rgba(242, 135, 44, 0.1);
  color: #f2872c;
}
.packages .package-item .package-name .icon .i {
  transform: scale(1.2);
  transform-origin: center;
}
.packages .package-item .package-name .name {
  font-size: 1.375rem;
  color: #2a3642;
  font-weight: 600;
}
.packages .package-item .package-features ul li {
  border-top: 1px solid #dae7e9;
  display: flex;
  align-items: center;
  padding: 1rem 1.375rem;
  gap: 1.25rem;
}
.packages .package-item .package-features ul li .checkmark {
  width: 1.25rem;
  height: 1.25rem;
  background: rgba(242, 135, 44, 0.1);
  color: #f2872c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
}
.packages .package-item .package-features ul li .checkmark .i {
  font-size: 1.125rem;
  transform: translateY(-0.125rem) translateX(0.125rem);
}
.packages .package-item .package-features ul li .text {
  font-size: 1rem;
  font-weight: 500;
  color: #2a3642;
}
.packages .package-item .package-footer {
  padding: 1.375rem;
}
.packages .package-item .package-footer .footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1.125rem;
}
.packages .package-item .package-footer .footer-top .price {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.packages .package-item .package-footer .footer-top .price .icon {
  max-width: 1.875rem;
  flex: 0 0 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.875rem;
  background-color: rgba(1, 194, 103, 0.2);
  color: #01c267;
  font-size: 1.125rem;
}
.packages .package-item .package-footer .footer-top .price .price-text {
  color: #01c267;
  font-family: 'Quicksand', sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: -0.5px;
}
.packages .package-item .package-footer .footer-top .gift {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.packages .package-item .package-footer .footer-top .gift .icon {
  max-width: 1.875rem;
  flex: 0 0 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.875rem;
  background-color: rgba(244, 150, 42, 0.2);
  color: #f4962a;
  font-size: 1.125rem;
}
.packages .package-item .package-footer .footer-top .gift .gift-text {
  font-size: 0.875rem;
  font-weight: 600;
  color: #f4962a;
}
.packages .package-item .package-footer .buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #01c267;
  color: #fff;
  font-weight: 600;
  height: 3.75rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  transition: all 0.25s;
}
.packages .package-item .package-footer .buy-btn:hover {
  filter: brightness(1.1);
  transform: translateY(-0.25rem);
}
.packages .package-item.t-orange .package-title {
  background: #ff641d;
}
.packages .package-item.t-orange .package-title .icon {
  color: #ff641d;
}
.packages .package-item.t-orange .package-name .icon {
  background: rgba(255, 100, 29, 0.1);
  color: #ff641d;
}
.packages .package-item.t-orange .package-features ul li .checkmark {
  background: rgba(255, 100, 29, 0.1);
  color: #ff641d;
}
.packages .package-item.t-orange-2 .package-title {
  background: #ff9000;
}
.packages .package-item.t-orange-2 .package-title .icon {
  color: #ff9000;
}
.packages .package-item.t-orange-2 .package-name .icon {
  background: rgba(255, 144, 0, 0.1);
  color: #ff9000;
}
.packages .package-item.t-orange-2 .package-features ul li .checkmark {
  background: rgba(255, 144, 0, 0.1);
  color: #ff9000;
}
.packages .package-item.t-green .package-title {
  background: #01c267;
}
.packages .package-item.t-green .package-title .icon {
  color: #01c267;
}
.packages .package-item.t-green .package-name .icon {
  background: rgba(1, 194, 103, 0.1);
  color: #01c267;
}
.packages .package-item.t-green .package-features ul li .checkmark {
  background: rgba(1, 194, 103, 0.1);
  color: #01c267;
}
.packages .package-item.t-green-2 .package-title {
  background: #18d3a6;
}
.packages .package-item.t-green-2 .package-title .icon {
  color: #18d3a6;
}
.packages .package-item.t-green-2 .package-name .icon {
  background: rgba(24, 211, 166, 0.1);
  color: #18d3a6;
}
.packages .package-item.t-green-2 .package-features ul li .checkmark {
  background: rgba(24, 211, 166, 0.1);
  color: #18d3a6;
}
.packages .package-item.t-blue .package-title {
  background: #1d8dff;
}
.packages .package-item.t-blue .package-title .icon {
  color: #1d8dff;
}
.packages .package-item.t-blue .package-name .icon {
  background: rgba(29, 141, 255, 0.1);
  color: #1d8dff;
}
.packages .package-item.t-blue .package-features ul li .checkmark {
  background: rgba(29, 141, 255, 0.1);
  color: #1d8dff;
}
.packages .package-item.t-pink .package-title {
  background: #f24496;
}
.packages .package-item.t-pink .package-title .icon {
  color: #f24496;
}
.packages .package-item.t-pink .package-name .icon {
  background: rgba(242, 68, 150, 0.1);
  color: #f24496;
}
.packages .package-item.t-pink .package-features ul li .checkmark {
  background: rgba(242, 68, 150, 0.1);
  color: #f24496;
}
.packages .package-item.instagram .package-title {
  background: #e1306c;
}
.packages .package-item.instagram .package-title .icon {
  color: #e1306c;
}
.packages .package-item.instagram .package-name .icon {
  background: rgba(225, 48, 108, 0.1);
  color: #e1306c;
}
.packages .package-item.instagram .package-features ul li .checkmark {
  background: rgba(225, 48, 108, 0.1);
  color: #e1306c;
}
.packages .package-item.twitter .package-title {
  background: #1da1f2;
}
.packages .package-item.twitter .package-title .icon {
  color: #1da1f2;
}
.packages .package-item.twitter .package-name .icon {
  background: rgba(29, 161, 242, 0.1);
  color: #1da1f2;
}
.packages .package-item.twitter .package-features ul li .checkmark {
  background: rgba(29, 161, 242, 0.1);
  color: #1da1f2;
}
.packages .package-item.facebook .package-title {
  background: #1873eb;
}
.packages .package-item.facebook .package-title .icon {
  color: #1873eb;
}
.packages .package-item.facebook .package-name .icon {
  background: rgba(24, 115, 235, 0.1);
  color: #1873eb;
}
.packages .package-item.facebook .package-features ul li .checkmark {
  background: rgba(24, 115, 235, 0.1);
  color: #1873eb;
}
.packages .package-item.tiktok .package-title {
  background: #0d121f;
}
.packages .package-item.tiktok .package-title .icon {
  color: #0d121f;
}
.packages .package-item.tiktok .package-name .icon {
  background: rgba(13, 18, 31, 0.1);
  color: #0d121f;
}
.packages .package-item.tiktok .package-features ul li .checkmark {
  background: rgba(13, 18, 31, 0.1);
  color: #0d121f;
}
.packages .package-item.youtube .package-title {
  background: #ff0000;
}
.packages .package-item.youtube .package-title .icon {
  color: #ff0000;
}
.packages .package-item.youtube .package-name .icon {
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.packages .package-item.youtube .package-features ul li .checkmark {
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.packages .package-item.clubhouse .package-title {
  background: #6515dd;
}
.packages .package-item.clubhouse .package-title .icon {
  color: #6515dd;
}
.packages .package-item.clubhouse .package-name .icon {
  background: rgba(101, 21, 221, 0.1);
  color: #6515dd;
}
.packages .package-item.clubhouse .package-features ul li .checkmark {
  background: rgba(101, 21, 221, 0.1);
  color: #6515dd;
}
.packages .package-item.soundcloud .package-title {
  background: #f97637;
}
.packages .package-item.soundcloud .package-title .icon {
  color: #f97637;
}
.packages .package-item.soundcloud .package-name .icon {
  background: rgba(249, 118, 55, 0.1);
  color: #f97637;
}
.packages .package-item.soundcloud .package-features ul li .checkmark {
  background: rgba(249, 118, 55, 0.1);
  color: #f97637;
}
.packages .package-item.tumblr .package-title {
  background: #1b3561;
}
.packages .package-item.tumblr .package-title .icon {
  color: #1b3561;
}
.packages .package-item.tumblr .package-name .icon {
  background: rgba(27, 53, 97, 0.1);
  color: #1b3561;
}
.packages .package-item.tumblr .package-features ul li .checkmark {
  background: rgba(27, 53, 97, 0.1);
  color: #1b3561;
}
.packages .package-item.pinterest .package-title {
  background: #c11f26;
}
.packages .package-item.pinterest .package-title .icon {
  color: #c11f26;
}
.packages .package-item.pinterest .package-name .icon {
  background: rgba(193, 31, 38, 0.1);
  color: #c11f26;
}
.packages .package-item.pinterest .package-features ul li .checkmark {
  background: rgba(193, 31, 38, 0.1);
  color: #c11f26;
}
.packages .package-item.spotify .package-title {
  background: #1ed45f;
}
.packages .package-item.spotify .package-title .icon {
  color: #1ed45f;
}
.packages .package-item.spotify .package-name .icon {
  background: rgba(30, 212, 95, 0.1);
  color: #1ed45f;
}
.packages .package-item.spotify .package-features ul li .checkmark {
  background: rgba(30, 212, 95, 0.1);
  color: #1ed45f;
}
.packages .package-item.vimeo .package-title {
  background: #00a9e9;
}
.packages .package-item.vimeo .package-title .icon {
  color: #00a9e9;
}
.packages .package-item.vimeo .package-name .icon {
  background: rgba(0, 169, 233, 0.1);
  color: #00a9e9;
}
.packages .package-item.vimeo .package-features ul li .checkmark {
  background: rgba(0, 169, 233, 0.1);
  color: #00a9e9;
}
.packages .package-item.twitch .package-title {
  background: #8d45f8;
}
.packages .package-item.twitch .package-title .icon {
  color: #8d45f8;
}
.packages .package-item.twitch .package-name .icon {
  background: rgba(141, 69, 248, 0.1);
  color: #8d45f8;
}
.packages .package-item.twitch .package-features ul li .checkmark {
  background: rgba(141, 69, 248, 0.1);
  color: #8d45f8;
}
.packages .package-item.periscope .package-title {
  background: #3fa1c0;
}
.packages .package-item.periscope .package-title .icon {
  color: #3fa1c0;
}
.packages .package-item.periscope .package-name .icon {
  background: rgba(63, 161, 192, 0.1);
  color: #3fa1c0;
}
.packages .package-item.periscope .package-features ul li .checkmark {
  background: rgba(63, 161, 192, 0.1);
  color: #3fa1c0;
}
.packages .package-item.linkedin .package-title {
  background: #026fac;
}
.packages .package-item.linkedin .package-title .icon {
  color: #026fac;
}
.packages .package-item.linkedin .package-name .icon {
  background: rgba(2, 111, 172, 0.1);
  color: #026fac;
}
.packages .package-item.linkedin .package-features ul li .checkmark {
  background: rgba(2, 111, 172, 0.1);
  color: #026fac;
}
.packages .package-item.telegram .package-title {
  background: #34a6d8;
}
.packages .package-item.telegram .package-title .icon {
  color: #34a6d8;
}
.packages .package-item.telegram .package-name .icon {
  background: rgba(52, 166, 216, 0.1);
  color: #34a6d8;
}
.packages .package-item.telegram .package-features ul li .checkmark {
  background: rgba(52, 166, 216, 0.1);
  color: #34a6d8;
}
.packages .package-item.reddit .package-title {
  background: #ff4500;
}
.packages .package-item.reddit .package-title .icon {
  color: #ff4500;
}
.packages .package-item.reddit .package-name .icon {
  background: rgba(255, 69, 0, 0.1);
  color: #ff4500;
}
.packages .package-item.reddit .package-features ul li .checkmark {
  background: rgba(255, 69, 0, 0.1);
  color: #ff4500;
}
.packages .package-item.default .package-title {
  background: #d06bc3;
}
.packages .package-item.default .package-title .icon {
  color: #d06bc3;
}
.packages .package-item.default .package-name .icon {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.packages .package-item.default .package-features ul li .checkmark {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.packages .package-item.threads .package-title {
  background: #000;
}
.packages .package-item.threads .package-title .icon {
  color: #000;
}
.packages .package-item.threads .package-name .icon {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}
.packages .package-item.threads .package-features ul li .checkmark {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}
.packages .package-item.google .package-title {
  background: #4285f4;
}
.packages .package-item.google .package-title .icon {
  color: #4285f4;
}
.packages .package-item.google .package-name .icon {
  background: rgba(66, 133, 244, 0.1);
  color: #4285f4;
}
.packages .package-item.google .package-features ul li .checkmark {
  background: rgba(66, 133, 244, 0.1);
  color: #4285f4;
}
.packages .package-item.app-store .package-title {
  background: #1c6ee9;
}
.packages .package-item.app-store .package-title .icon {
  color: #1c6ee9;
}
.packages .package-item.app-store .package-name .icon {
  background: rgba(28, 110, 233, 0.1);
  color: #1c6ee9;
}
.packages .package-item.app-store .package-features ul li .checkmark {
  background: rgba(28, 110, 233, 0.1);
  color: #1c6ee9;
}
.packages .package-item.kick .package-title {
  background: #00e701;
}
.packages .package-item.kick .package-title .icon {
  color: #00e701;
}
.packages .package-item.kick .package-name .icon {
  background: rgba(0, 231, 1, 0.1);
  color: #00e701;
}
.packages .package-item.kick .package-features ul li .checkmark {
  background: rgba(0, 231, 1, 0.1);
  color: #00e701;
}
.packages .package-item.trovo .package-title {
  background: #3cdb7d;
}
.packages .package-item.trovo .package-title .icon {
  color: #3cdb7d;
}
.packages .package-item.trovo .package-name .icon {
  background: rgba(60, 219, 125, 0.1);
  color: #3cdb7d;
}
.packages .package-item.trovo .package-features ul li .checkmark {
  background: rgba(60, 219, 125, 0.1);
  color: #3cdb7d;
}
.packages .package-item.dlive .package-title {
  background: #d3af03;
}
.packages .package-item.dlive .package-title .icon {
  color: #d3af03;
}
.packages .package-item.dlive .package-name .icon {
  background: rgba(211, 175, 3, 0.1);
  color: #d3af03;
}
.packages .package-item.dlive .package-features ul li .checkmark {
  background: rgba(211, 175, 3, 0.1);
  color: #d3af03;
}
.packages .package-item.nonolive .package-title {
  background: #ee2929;
}
.packages .package-item.nonolive .package-title .icon {
  color: #ee2929;
}
.packages .package-item.nonolive .package-name .icon {
  background: rgba(238, 41, 41, 0.1);
  color: #ee2929;
}
.packages .package-item.nonolive .package-features ul li .checkmark {
  background: rgba(238, 41, 41, 0.1);
  color: #ee2929;
}
.packages .package-item.seo .package-title {
  background: #d06bc3;
}
.packages .package-item.seo .package-title .icon {
  color: #d06bc3;
}
.packages .package-item.seo .package-name .icon {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.packages .package-item.seo .package-features ul li .checkmark {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.packages .package-item.likee-app .package-title {
  background: #ff2474;
}
.packages .package-item.likee-app .package-title .icon {
  color: #ff2474;
}
.packages .package-item.likee-app .package-name .icon {
  background: rgba(255, 36, 116, 0.1);
  color: #ff2474;
}
.packages .package-item.likee-app .package-features ul li .checkmark {
  background: rgba(255, 36, 116, 0.1);
  color: #ff2474;
}
.packages .package-item.kwai .package-title {
  background: #ff6100;
}
.packages .package-item.kwai .package-title .icon {
  color: #ff6100;
}
.packages .package-item.kwai .package-name .icon {
  background: rgba(255, 97, 0, 0.1);
  color: #ff6100;
}
.packages .package-item.kwai .package-features ul li .checkmark {
  background: rgba(255, 97, 0, 0.1);
  color: #ff6100;
}
.packages .package-item.quora .package-title {
  background: #a82400;
}
.packages .package-item.quora .package-title .icon {
  color: #a82400;
}
.packages .package-item.quora .package-name .icon {
  background: rgba(168, 36, 0, 0.1);
  color: #a82400;
}
.packages .package-item.quora .package-features ul li .checkmark {
  background: rgba(168, 36, 0, 0.1);
  color: #a82400;
}
.packages .package-item.dailymotion .package-title {
  background: #2a62aa;
}
.packages .package-item.dailymotion .package-title .icon {
  color: #2a62aa;
}
.packages .package-item.dailymotion .package-name .icon {
  background: rgba(42, 98, 170, 0.1);
  color: #2a62aa;
}
.packages .package-item.dailymotion .package-features ul li .checkmark {
  background: rgba(42, 98, 170, 0.1);
  color: #2a62aa;
}
.packages .package-item.snapchat .package-title {
  background: #bfad14;
}
.packages .package-item.snapchat .package-title .icon {
  color: #bfad14;
}
.packages .package-item.snapchat .package-name .icon {
  background: rgba(191, 173, 20, 0.1);
  color: #bfad14;
}
.packages .package-item.snapchat .package-features ul li .checkmark {
  background: rgba(191, 173, 20, 0.1);
  color: #bfad14;
}
.packages .package-item.shazam .package-title {
  background: #0088ff;
}
.packages .package-item.shazam .package-title .icon {
  color: #0088ff;
}
.packages .package-item.shazam .package-name .icon {
  background: rgba(0, 136, 255, 0.1);
  color: #0088ff;
}
.packages .package-item.shazam .package-features ul li .checkmark {
  background: rgba(0, 136, 255, 0.1);
  color: #0088ff;
}
.packages .package-item.discord .package-title {
  background: #5865f2;
}
.packages .package-item.discord .package-title .icon {
  color: #5865f2;
}
.packages .package-item.discord .package-name .icon {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}
.packages .package-item.discord .package-features ul li .checkmark {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}
.packages .package-item.pubg .package-title {
  background: #de8d00;
}
.packages .package-item.pubg .package-title .icon {
  color: #de8d00;
}
.packages .package-item.pubg .package-name .icon {
  background: rgba(222, 141, 0, 0.1);
  color: #de8d00;
}
.packages .package-item.pubg .package-features ul li .checkmark {
  background: rgba(222, 141, 0, 0.1);
  color: #de8d00;
}
.packages .package-item.opensea .package-title {
  background: #2081e2;
}
.packages .package-item.opensea .package-title .icon {
  color: #2081e2;
}
.packages .package-item.opensea .package-name .icon {
  background: rgba(32, 129, 226, 0.1);
  color: #2081e2;
}
.packages .package-item.opensea .package-features ul li .checkmark {
  background: rgba(32, 129, 226, 0.1);
  color: #2081e2;
}

.packages-page {
  margin-top: -5rem;
  position: relative;
  z-index: 3;
  margin-bottom: -1.875rem;
}

.category-page {
  padding: 3.4375rem 0 5rem;
}

.categories .category-item {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 1rem 1rem;
  border-radius: 0.625rem;
  margin-bottom: 1.875rem;
}
.categories .category-item .left {
  display: flex;
  align-items: center;
  gap: 1.375rem;
}
.categories .category-item .left .icon {
  background: #1d8dff;
  height: 4.375rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: #fff;
  border-radius: 0.625rem;
}
.categories .category-item .left .title-content {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 0.625rem;
}
.categories .category-item .left .title-content .title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #524766;
}
.categories .category-item .left .title-content .description {
  font-size: 1rem;
  color: rgba(82, 71, 102, 0.5);
}
.categories .category-item .more-button {
  background: rgba(29, 141, 255, 0.1);
  display: flex;
  align-items: center;
  line-height: 1;
  color: #1d8dff;
  height: 2.875rem;
  border-radius: 2rem 0 0 2rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
}
.categories .category-item .more-button .more-text {
  font-size: 0.875rem;
  font-weight: 500;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.25s;
  opacity: 0;
}
.categories .category-item .more-button .icon {
  display: flex;
  font-size: 1.25rem;
}
.categories .category-item.t-orange .left .icon {
  background: #ff641d;
}
.categories .category-item.t-orange .more-button {
  background: rgba(255, 100, 29, 0.1);
  color: #ff641d;
}
.categories .category-item.t-orange-2 .left .icon {
  background: #ff9000;
}
.categories .category-item.t-orange-2 .more-button {
  background: rgba(255, 144, 0, 0.1);
  color: #ff9000;
}
.categories .category-item.t-green .left .icon {
  background: #01c267;
}
.categories .category-item.t-green .more-button {
  background: rgba(1, 194, 103, 0.1);
  color: #01c267;
}
.categories .category-item.t-green-2 .left .icon {
  background: #18d3a6;
}
.categories .category-item.t-green-2 .more-button {
  background: rgba(24, 211, 166, 0.1);
  color: #18d3a6;
}
.categories .category-item.t-blue .left .icon {
  background: #1d8dff;
}
.categories .category-item.t-blue .more-button {
  background: rgba(29, 141, 255, 0.1);
  color: #1d8dff;
}
.categories .category-item.t-pink .left .icon {
  background: #f24496;
}
.categories .category-item.t-pink .more-button {
  background: rgba(242, 68, 150, 0.1);
  color: #f24496;
}
.categories .category-item.instagram .left .icon {
  background: #e1306c;
}
.categories .category-item.instagram .more-button {
  background: rgba(225, 48, 108, 0.1);
  color: #e1306c;
}
.categories .category-item.twitter .left .icon {
  background: #1da1f2;
}
.categories .category-item.twitter .more-button {
  background: rgba(29, 161, 242, 0.1);
  color: #1da1f2;
}
.categories .category-item.facebook .left .icon {
  background: #1873eb;
}
.categories .category-item.facebook .more-button {
  background: rgba(24, 115, 235, 0.1);
  color: #1873eb;
}
.categories .category-item.tiktok .left .icon {
  background: #0d121f;
}
.categories .category-item.tiktok .more-button {
  background: rgba(13, 18, 31, 0.1);
  color: #0d121f;
}
.categories .category-item.youtube .left .icon {
  background: #ff0000;
}
.categories .category-item.youtube .more-button {
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.categories .category-item.clubhouse .left .icon {
  background: #6515dd;
}
.categories .category-item.clubhouse .more-button {
  background: rgba(101, 21, 221, 0.1);
  color: #6515dd;
}
.categories .category-item.soundcloud .left .icon {
  background: #f97637;
}
.categories .category-item.soundcloud .more-button {
  background: rgba(249, 118, 55, 0.1);
  color: #f97637;
}
.categories .category-item.tumblr .left .icon {
  background: #1b3561;
}
.categories .category-item.tumblr .more-button {
  background: rgba(27, 53, 97, 0.1);
  color: #1b3561;
}
.categories .category-item.pinterest .left .icon {
  background: #c11f26;
}
.categories .category-item.pinterest .more-button {
  background: rgba(193, 31, 38, 0.1);
  color: #c11f26;
}
.categories .category-item.spotify .left .icon {
  background: #1ed45f;
}
.categories .category-item.spotify .more-button {
  background: rgba(30, 212, 95, 0.1);
  color: #1ed45f;
}
.categories .category-item.vimeo .left .icon {
  background: #00a9e9;
}
.categories .category-item.vimeo .more-button {
  background: rgba(0, 169, 233, 0.1);
  color: #00a9e9;
}
.categories .category-item.twitch .left .icon {
  background: #8d45f8;
}
.categories .category-item.twitch .more-button {
  background: rgba(141, 69, 248, 0.1);
  color: #8d45f8;
}
.categories .category-item.periscope .left .icon {
  background: #3fa1c0;
}
.categories .category-item.periscope .more-button {
  background: rgba(63, 161, 192, 0.1);
  color: #3fa1c0;
}
.categories .category-item.linkedin .left .icon {
  background: #026fac;
}
.categories .category-item.linkedin .more-button {
  background: rgba(2, 111, 172, 0.1);
  color: #026fac;
}
.categories .category-item.telegram .left .icon {
  background: #34a6d8;
}
.categories .category-item.telegram .more-button {
  background: rgba(52, 166, 216, 0.1);
  color: #34a6d8;
}
.categories .category-item.reddit .left .icon {
  background: #ff4500;
}
.categories .category-item.reddit .more-button {
  background: rgba(255, 69, 0, 0.1);
  color: #ff4500;
}
.categories .category-item.default .left .icon {
  background: #d06bc3;
}
.categories .category-item.default .more-button {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.categories .category-item.threads .left .icon {
  background: #000;
}
.categories .category-item.threads .more-button {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}
.categories .category-item.google .left .icon {
  background: #4285f4;
}
.categories .category-item.google .more-button {
  background: rgba(66, 133, 244, 0.1);
  color: #4285f4;
}
.categories .category-item.app-store .left .icon {
  background: #1c6ee9;
}
.categories .category-item.app-store .more-button {
  background: rgba(28, 110, 233, 0.1);
  color: #1c6ee9;
}
.categories .category-item.kick .left .icon {
  background: #00e701;
}
.categories .category-item.kick .more-button {
  background: rgba(0, 231, 1, 0.1);
  color: #00e701;
}
.categories .category-item.trovo .left .icon {
  background: #3cdb7d;
}
.categories .category-item.trovo .more-button {
  background: rgba(60, 219, 125, 0.1);
  color: #3cdb7d;
}
.categories .category-item.dlive .left .icon {
  background: #d3af03;
}
.categories .category-item.dlive .more-button {
  background: rgba(211, 175, 3, 0.1);
  color: #d3af03;
}
.categories .category-item.nonolive .left .icon {
  background: #ee2929;
}
.categories .category-item.nonolive .more-button {
  background: rgba(238, 41, 41, 0.1);
  color: #ee2929;
}
.categories .category-item.seo .left .icon {
  background: #d06bc3;
}
.categories .category-item.seo .more-button {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.categories .category-item.likee-app .left .icon {
  background: #ff2474;
}
.categories .category-item.likee-app .more-button {
  background: rgba(255, 36, 116, 0.1);
  color: #ff2474;
}
.categories .category-item.kwai .left .icon {
  background: #ff6100;
}
.categories .category-item.kwai .more-button {
  background: rgba(255, 97, 0, 0.1);
  color: #ff6100;
}
.categories .category-item.quora .left .icon {
  background: #a82400;
}
.categories .category-item.quora .more-button {
  background: rgba(168, 36, 0, 0.1);
  color: #a82400;
}
.categories .category-item.dailymotion .left .icon {
  background: #2a62aa;
}
.categories .category-item.dailymotion .more-button {
  background: rgba(42, 98, 170, 0.1);
  color: #2a62aa;
}
.categories .category-item.snapchat .left .icon {
  background: #bfad14;
}
.categories .category-item.snapchat .more-button {
  background: rgba(191, 173, 20, 0.1);
  color: #bfad14;
}
.categories .category-item.shazam .left .icon {
  background: #0088ff;
}
.categories .category-item.shazam .more-button {
  background: rgba(0, 136, 255, 0.1);
  color: #0088ff;
}
.categories .category-item.discord .left .icon {
  background: #5865f2;
}
.categories .category-item.discord .more-button {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}
.categories .category-item.pubg .left .icon {
  background: #de8d00;
}
.categories .category-item.pubg .more-button {
  background: rgba(222, 141, 0, 0.1);
  color: #de8d00;
}
.categories .category-item.opensea .left .icon {
  background: #2081e2;
}
.categories .category-item.opensea .more-button {
  background: rgba(32, 129, 226, 0.1);
  color: #2081e2;
}
.categories .category-item:hover .more-button .more-text {
  width: 7rem;
  opacity: 1;
}

.corporate-page {
  padding: 3.75rem 0;
}
.corporate-page .container {
  max-width: 1050px;
}
.corporate-page .page-content {
  background: #fff;
  padding: 3.75rem;
  border-radius: 0.625rem;
  font-size: 1.125rem;
  color: #5b6373;
  line-height: 1.4;
}
.corporate-page .page-content .top-image {
  position: relative;
  margin: -3.75rem;
  aspect-ratio: 3/1;
}
.corporate-page .page-content .top-image::before {
  content: "";
  position: absolute;
  top: -2.5rem;
  left: 0;
  right: 0;
  background: url(../images/page-bg.png) no-repeat;
  background-size: 100%;
  aspect-ratio: 2100/1252;
}
.corporate-page .page-content .content {
  position: relative;
  z-index: 2;
  padding-right: 1.25rem;
}
.corporate-page .page-content * {
  margin-bottom: 2rem;
}
.corporate-page .page-content *:last-child {
  margin-bottom: 0;
}
.corporate-page .page-content h1,
.corporate-page .page-content h2,
.corporate-page .page-content h3,
.corporate-page .page-content h4,
.corporate-page .page-content h5,
.corporate-page .page-content h6 {
  color: #5b6373;
  font-weight: 600;
}
.corporate-page .page-content h1 {
  font-size: 2.625rem;
}
.corporate-page .page-content h2 {
  font-size: 2.375rem;
}
.corporate-page .page-content h3 {
  font-size: 2rem;
}
.corporate-page .page-content h4 {
  font-size: 1.75rem;
}
.corporate-page .page-content h5 {
  font-size: 1.5rem;
}
.corporate-page .contact-page {
  background: #fff;
  padding: 2rem;
  border-radius: 0.625rem;
}
.corporate-page .contact-page .page-title {
  font-size: 2.375rem;
  color: #5b6373;
  font-weight: 600;
  padding: 1rem 0 2rem;
}
.corporate-page .contact-page .contact-info {
  margin: 0 -2rem;
  border-top: 1px solid #eeeffa;
  border-bottom: 1px solid #eeeffa;
  padding: 1rem 2rem;
  margin-bottom: 3rem;
}
.corporate-page .contact-page .contact-info .contact-item {
  display: flex;
  align-items: center;
  gap: 1.625rem;
}
.corporate-page .contact-page .contact-info .contact-item .icon {
  border-radius: 2px;
  height: 5rem;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  background: rgba(255, 144, 0, 0.1);
  color: #ff9000;
}
.corporate-page .contact-page .contact-info .contact-item .text {
  line-height: 1;
  color: #242a35;
}
.corporate-page .contact-page .contact-info .contact-item .text .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.corporate-page .contact-page .contact-info .contact-item .text .description {
  font-size: 1rem;
  font-weight: 400;
}
.corporate-page .contact-page .contact-info .contact-item .text .description a {
  color: inherit;
}
.corporate-page .contact-page .contact-info .contact-item .text .description a:hover {
  color: #ff9000;
}

.customer-comments {
  position: relative;
  padding-bottom: 2rem;
  z-index: 1;
}
.customer-comments::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 0;
  right: 2rem;
  aspect-ratio: 3648/1652;
  background: url(../images/comments-bg.png) no-repeat;
  background-size: contain;
}
.customer-comments .comments {
  position: relative;
  margin-bottom: -1.875rem;
  padding-left: 2rem;
  overflow: hidden;
  z-index: 3;
}
.customer-comments .comments .comments-first-col {
  margin-bottom: -10rem;
  margin-top: -1rem;
}
.customer-comments .comments .comments-second-col {
  margin-top: -11rem;
}
.customer-comments .comments::before {
  content: "";
  top: 0;
  left: 2rem;
  right: 0;
  height: 20rem;
  background: linear-gradient(180deg, rgba(237, 239, 243, 0.5) 0%, rgba(237, 239, 243, 0) 100%);
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.customer-comments .comments::after {
  content: "";
  bottom: 0;
  left: 2rem;
  right: 0;
  height: 20rem;
  background: linear-gradient(0, rgba(237, 239, 243, 0.5) 0%, rgba(237, 239, 243, 0) 100%);
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.customer-comments .comments .comment-item {
  background: rgba(29, 141, 255, 0.1);
  padding: 1.875rem;
  border-radius: 0.5rem;
  position: relative;
  margin-bottom: 1.875rem;
}
.customer-comments .comments .comment-item .quote {
  right: 0;
  top: -1rem;
  position: absolute;
  font-size: 8.75rem;
  color: rgba(29, 141, 255, 0.1);
  display: flex;
  line-height: 1;
}
.customer-comments .comments .comment-item .stars {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1d8dff;
  font-size: 1.125rem;
  margin-bottom: 1.125rem;
}
.customer-comments .comments .comment-item .name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #6a6681;
  margin-bottom: 0.25rem;
}
.customer-comments .comments .comment-item .position {
  font-size: 0.75rem;
  color: #bab7ca;
  font-weight: 600;
  margin-bottom: 1.125rem;
}
.customer-comments .comments .comment-item .comment {
  font-size: 0.9375rem;
  color: #6a6681;
  line-height: 1.2;
}
.customer-comments .comments .comment-item.t-orange {
  background: rgba(255, 100, 29, 0.1);
}
.customer-comments .comments .comment-item.t-orange .quote {
  color: rgba(255, 100, 29, 0.1);
}
.customer-comments .comments .comment-item.t-orange .stars {
  color: #ff641d;
}
.customer-comments .comments .comment-item.t-orange-2 {
  background: rgba(255, 144, 0, 0.1);
}
.customer-comments .comments .comment-item.t-orange-2 .quote {
  color: rgba(255, 144, 0, 0.1);
}
.customer-comments .comments .comment-item.t-orange-2 .stars {
  color: #ff9000;
}
.customer-comments .comments .comment-item.t-green {
  background: rgba(1, 194, 103, 0.1);
}
.customer-comments .comments .comment-item.t-green .quote {
  color: rgba(1, 194, 103, 0.1);
}
.customer-comments .comments .comment-item.t-green .stars {
  color: #01c267;
}
.customer-comments .comments .comment-item.t-green-2 {
  background: rgba(24, 211, 166, 0.1);
}
.customer-comments .comments .comment-item.t-green-2 .quote {
  color: rgba(24, 211, 166, 0.1);
}
.customer-comments .comments .comment-item.t-green-2 .stars {
  color: #18d3a6;
}
.customer-comments .comments .comment-item.t-blue {
  background: rgba(29, 141, 255, 0.1);
}
.customer-comments .comments .comment-item.t-blue .quote {
  color: rgba(29, 141, 255, 0.1);
}
.customer-comments .comments .comment-item.t-blue .stars {
  color: #1d8dff;
}
.customer-comments .comments .comment-item.t-pink {
  background: rgba(242, 68, 150, 0.1);
}
.customer-comments .comments .comment-item.t-pink .quote {
  color: rgba(242, 68, 150, 0.1);
}
.customer-comments .comments .comment-item.t-pink .stars {
  color: #f24496;
}
.customer-comments .comments .comment-item.instagram {
  background: rgba(225, 48, 108, 0.1);
}
.customer-comments .comments .comment-item.instagram .quote {
  color: rgba(225, 48, 108, 0.1);
}
.customer-comments .comments .comment-item.instagram .stars {
  color: #e1306c;
}
.customer-comments .comments .comment-item.twitter {
  background: rgba(29, 161, 242, 0.1);
}
.customer-comments .comments .comment-item.twitter .quote {
  color: rgba(29, 161, 242, 0.1);
}
.customer-comments .comments .comment-item.twitter .stars {
  color: #1da1f2;
}
.customer-comments .comments .comment-item.facebook {
  background: rgba(24, 115, 235, 0.1);
}
.customer-comments .comments .comment-item.facebook .quote {
  color: rgba(24, 115, 235, 0.1);
}
.customer-comments .comments .comment-item.facebook .stars {
  color: #1873eb;
}
.customer-comments .comments .comment-item.tiktok {
  background: rgba(13, 18, 31, 0.1);
}
.customer-comments .comments .comment-item.tiktok .quote {
  color: rgba(13, 18, 31, 0.1);
}
.customer-comments .comments .comment-item.tiktok .stars {
  color: #0d121f;
}
.customer-comments .comments .comment-item.youtube {
  background: rgba(255, 0, 0, 0.1);
}
.customer-comments .comments .comment-item.youtube .quote {
  color: rgba(255, 0, 0, 0.1);
}
.customer-comments .comments .comment-item.youtube .stars {
  color: #ff0000;
}
.customer-comments .comments .comment-item.clubhouse {
  background: rgba(101, 21, 221, 0.1);
}
.customer-comments .comments .comment-item.clubhouse .quote {
  color: rgba(101, 21, 221, 0.1);
}
.customer-comments .comments .comment-item.clubhouse .stars {
  color: #6515dd;
}
.customer-comments .comments .comment-item.soundcloud {
  background: rgba(249, 118, 55, 0.1);
}
.customer-comments .comments .comment-item.soundcloud .quote {
  color: rgba(249, 118, 55, 0.1);
}
.customer-comments .comments .comment-item.soundcloud .stars {
  color: #f97637;
}
.customer-comments .comments .comment-item.tumblr {
  background: rgba(27, 53, 97, 0.1);
}
.customer-comments .comments .comment-item.tumblr .quote {
  color: rgba(27, 53, 97, 0.1);
}
.customer-comments .comments .comment-item.tumblr .stars {
  color: #1b3561;
}
.customer-comments .comments .comment-item.pinterest {
  background: rgba(193, 31, 38, 0.1);
}
.customer-comments .comments .comment-item.pinterest .quote {
  color: rgba(193, 31, 38, 0.1);
}
.customer-comments .comments .comment-item.pinterest .stars {
  color: #c11f26;
}
.customer-comments .comments .comment-item.spotify {
  background: rgba(30, 212, 95, 0.1);
}
.customer-comments .comments .comment-item.spotify .quote {
  color: rgba(30, 212, 95, 0.1);
}
.customer-comments .comments .comment-item.spotify .stars {
  color: #1ed45f;
}
.customer-comments .comments .comment-item.vimeo {
  background: rgba(0, 169, 233, 0.1);
}
.customer-comments .comments .comment-item.vimeo .quote {
  color: rgba(0, 169, 233, 0.1);
}
.customer-comments .comments .comment-item.vimeo .stars {
  color: #00a9e9;
}
.customer-comments .comments .comment-item.twitch {
  background: rgba(141, 69, 248, 0.1);
}
.customer-comments .comments .comment-item.twitch .quote {
  color: rgba(141, 69, 248, 0.1);
}
.customer-comments .comments .comment-item.twitch .stars {
  color: #8d45f8;
}
.customer-comments .comments .comment-item.periscope {
  background: rgba(63, 161, 192, 0.1);
}
.customer-comments .comments .comment-item.periscope .quote {
  color: rgba(63, 161, 192, 0.1);
}
.customer-comments .comments .comment-item.periscope .stars {
  color: #3fa1c0;
}
.customer-comments .comments .comment-item.linkedin {
  background: rgba(2, 111, 172, 0.1);
}
.customer-comments .comments .comment-item.linkedin .quote {
  color: rgba(2, 111, 172, 0.1);
}
.customer-comments .comments .comment-item.linkedin .stars {
  color: #026fac;
}
.customer-comments .comments .comment-item.telegram {
  background: rgba(52, 166, 216, 0.1);
}
.customer-comments .comments .comment-item.telegram .quote {
  color: rgba(52, 166, 216, 0.1);
}
.customer-comments .comments .comment-item.telegram .stars {
  color: #34a6d8;
}
.customer-comments .comments .comment-item.reddit {
  background: rgba(255, 69, 0, 0.1);
}
.customer-comments .comments .comment-item.reddit .quote {
  color: rgba(255, 69, 0, 0.1);
}
.customer-comments .comments .comment-item.reddit .stars {
  color: #ff4500;
}
.customer-comments .comments .comment-item.default {
  background: rgba(208, 107, 195, 0.1);
}
.customer-comments .comments .comment-item.default .quote {
  color: rgba(208, 107, 195, 0.1);
}
.customer-comments .comments .comment-item.default .stars {
  color: #d06bc3;
}
.customer-comments .comments .comment-item.threads {
  background: rgba(0, 0, 0, 0.1);
}
.customer-comments .comments .comment-item.threads .quote {
  color: rgba(0, 0, 0, 0.1);
}
.customer-comments .comments .comment-item.threads .stars {
  color: #000;
}
.customer-comments .comments .comment-item.google {
  background: rgba(66, 133, 244, 0.1);
}
.customer-comments .comments .comment-item.google .quote {
  color: rgba(66, 133, 244, 0.1);
}
.customer-comments .comments .comment-item.google .stars {
  color: #4285f4;
}
.customer-comments .comments .comment-item.app-store {
  background: rgba(28, 110, 233, 0.1);
}
.customer-comments .comments .comment-item.app-store .quote {
  color: rgba(28, 110, 233, 0.1);
}
.customer-comments .comments .comment-item.app-store .stars {
  color: #1c6ee9;
}
.customer-comments .comments .comment-item.kick {
  background: rgba(0, 231, 1, 0.1);
}
.customer-comments .comments .comment-item.kick .quote {
  color: rgba(0, 231, 1, 0.1);
}
.customer-comments .comments .comment-item.kick .stars {
  color: #00e701;
}
.customer-comments .comments .comment-item.trovo {
  background: rgba(60, 219, 125, 0.1);
}
.customer-comments .comments .comment-item.trovo .quote {
  color: rgba(60, 219, 125, 0.1);
}
.customer-comments .comments .comment-item.trovo .stars {
  color: #3cdb7d;
}
.customer-comments .comments .comment-item.dlive {
  background: rgba(211, 175, 3, 0.1);
}
.customer-comments .comments .comment-item.dlive .quote {
  color: rgba(211, 175, 3, 0.1);
}
.customer-comments .comments .comment-item.dlive .stars {
  color: #d3af03;
}
.customer-comments .comments .comment-item.nonolive {
  background: rgba(238, 41, 41, 0.1);
}
.customer-comments .comments .comment-item.nonolive .quote {
  color: rgba(238, 41, 41, 0.1);
}
.customer-comments .comments .comment-item.nonolive .stars {
  color: #ee2929;
}
.customer-comments .comments .comment-item.seo {
  background: rgba(208, 107, 195, 0.1);
}
.customer-comments .comments .comment-item.seo .quote {
  color: rgba(208, 107, 195, 0.1);
}
.customer-comments .comments .comment-item.seo .stars {
  color: #d06bc3;
}
.customer-comments .comments .comment-item.likee-app {
  background: rgba(255, 36, 116, 0.1);
}
.customer-comments .comments .comment-item.likee-app .quote {
  color: rgba(255, 36, 116, 0.1);
}
.customer-comments .comments .comment-item.likee-app .stars {
  color: #ff2474;
}
.customer-comments .comments .comment-item.kwai {
  background: rgba(255, 97, 0, 0.1);
}
.customer-comments .comments .comment-item.kwai .quote {
  color: rgba(255, 97, 0, 0.1);
}
.customer-comments .comments .comment-item.kwai .stars {
  color: #ff6100;
}
.customer-comments .comments .comment-item.quora {
  background: rgba(168, 36, 0, 0.1);
}
.customer-comments .comments .comment-item.quora .quote {
  color: rgba(168, 36, 0, 0.1);
}
.customer-comments .comments .comment-item.quora .stars {
  color: #a82400;
}
.customer-comments .comments .comment-item.dailymotion {
  background: rgba(42, 98, 170, 0.1);
}
.customer-comments .comments .comment-item.dailymotion .quote {
  color: rgba(42, 98, 170, 0.1);
}
.customer-comments .comments .comment-item.dailymotion .stars {
  color: #2a62aa;
}
.customer-comments .comments .comment-item.snapchat {
  background: rgba(191, 173, 20, 0.1);
}
.customer-comments .comments .comment-item.snapchat .quote {
  color: rgba(191, 173, 20, 0.1);
}
.customer-comments .comments .comment-item.snapchat .stars {
  color: #bfad14;
}
.customer-comments .comments .comment-item.shazam {
  background: rgba(0, 136, 255, 0.1);
}
.customer-comments .comments .comment-item.shazam .quote {
  color: rgba(0, 136, 255, 0.1);
}
.customer-comments .comments .comment-item.shazam .stars {
  color: #0088ff;
}
.customer-comments .comments .comment-item.discord {
  background: rgba(88, 101, 242, 0.1);
}
.customer-comments .comments .comment-item.discord .quote {
  color: rgba(88, 101, 242, 0.1);
}
.customer-comments .comments .comment-item.discord .stars {
  color: #5865f2;
}
.customer-comments .comments .comment-item.pubg {
  background: rgba(222, 141, 0, 0.1);
}
.customer-comments .comments .comment-item.pubg .quote {
  color: rgba(222, 141, 0, 0.1);
}
.customer-comments .comments .comment-item.pubg .stars {
  color: #de8d00;
}
.customer-comments .comments .comment-item.opensea {
  background: rgba(32, 129, 226, 0.1);
}
.customer-comments .comments .comment-item.opensea .quote {
  color: rgba(32, 129, 226, 0.1);
}
.customer-comments .comments .comment-item.opensea .stars {
  color: #2081e2;
}
.customer-comments .title {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 5.1875rem;
  font-weight: bold;
  background: url(../images/comments-text-bg.png) no-repeat;
  background-position: 60% center;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 4rem;
  position: relative;
}
.customer-comments .title span {
  display: block;
  font-family: inherit;
}
.customer-comments .title .emoji {
  height: 7rem;
  aspect-ratio: 1/1;
  position: absolute;
  left: 15rem;
  top: -3rem;
}

.service-details {
  position: relative;
  z-index: 3;
}
.service-details .service-details-content {
  background: #fff;
  border-radius: 0.5rem;
  padding: 2.5rem 1.875rem 1.875rem;
}
.service-details .service-details-content .tab-buttons {
  display: inline-flex;
  padding: 0.3125rem;
  background: #ffefe8;
  border-radius: 3.75rem;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.service-details .service-details-content .tab-buttons .tab-button {
  height: 3.75rem;
  border-radius: 3.75rem;
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
  color: #ff641d;
  font-size: 1.125rem;
  font-weight: 600;
  transition: all 0.25s;
  background: unset;
  line-height: 1;
  gap: 1rem;
}
.service-details .service-details-content .tab-buttons .tab-button .i {
  font-size: 1.375rem;
}
.service-details .service-details-content .tab-buttons .tab-button.active {
  box-shadow: 0px 18px 30px 0px rgba(255, 100, 29, 0.5);
}
.service-details .service-details-content .tab-buttons .tab-button.active, .service-details .service-details-content .tab-buttons .tab-button:hover {
  background: #ff641d;
  color: #fff;
}

.basket-page {
  padding: 0 0 5rem;
  margin-top: -5.625rem;
  position: relative;
  z-index: 3;
}
.basket-page .basket-items .basket-item {
  background: #fff;
  border-radius: 3px;
  margin-bottom: 1.25rem;
  box-shadow: 0px 11px 35px 0px rgba(50, 61, 86, 0.07);
}
.basket-page .basket-items .basket-item .item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem;
  border-bottom: 1px solid #e6ecef;
}
.basket-page .basket-items .basket-item .item-header .left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.basket-page .basket-items .basket-item .item-header .left .icon {
  height: 3.125rem;
  aspect-ratio: 1/1;
  background: #ff9000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  border-radius: 3px;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-orange {
  background: #ff641d;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-orange-2 {
  background: #ff9000;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-green {
  background: #01c267;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-green-2 {
  background: #18d3a6;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-blue {
  background: #1d8dff;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-pink {
  background: #f24496;
}
.basket-page .basket-items .basket-item .item-header .left .icon.instagram {
  background: #e1306c;
}
.basket-page .basket-items .basket-item .item-header .left .icon.twitter {
  background: #1da1f2;
}
.basket-page .basket-items .basket-item .item-header .left .icon.facebook {
  background: #1873eb;
}
.basket-page .basket-items .basket-item .item-header .left .icon.tiktok {
  background: #0d121f;
}
.basket-page .basket-items .basket-item .item-header .left .icon.youtube {
  background: #ff0000;
}
.basket-page .basket-items .basket-item .item-header .left .icon.clubhouse {
  background: #6515dd;
}
.basket-page .basket-items .basket-item .item-header .left .icon.soundcloud {
  background: #f97637;
}
.basket-page .basket-items .basket-item .item-header .left .icon.tumblr {
  background: #1b3561;
}
.basket-page .basket-items .basket-item .item-header .left .icon.pinterest {
  background: #c11f26;
}
.basket-page .basket-items .basket-item .item-header .left .icon.spotify {
  background: #1ed45f;
}
.basket-page .basket-items .basket-item .item-header .left .icon.vimeo {
  background: #00a9e9;
}
.basket-page .basket-items .basket-item .item-header .left .icon.twitch {
  background: #8d45f8;
}
.basket-page .basket-items .basket-item .item-header .left .icon.periscope {
  background: #3fa1c0;
}
.basket-page .basket-items .basket-item .item-header .left .icon.linkedin {
  background: #026fac;
}
.basket-page .basket-items .basket-item .item-header .left .icon.telegram {
  background: #34a6d8;
}
.basket-page .basket-items .basket-item .item-header .left .icon.reddit {
  background: #ff4500;
}
.basket-page .basket-items .basket-item .item-header .left .icon.default {
  background: #d06bc3;
}
.basket-page .basket-items .basket-item .item-header .left .icon.threads {
  background: #000;
}
.basket-page .basket-items .basket-item .item-header .left .icon.google {
  background: #4285f4;
}
.basket-page .basket-items .basket-item .item-header .left .icon.app-store {
  background: #1c6ee9;
}
.basket-page .basket-items .basket-item .item-header .left .icon.kick {
  background: #00e701;
}
.basket-page .basket-items .basket-item .item-header .left .icon.trovo {
  background: #3cdb7d;
}
.basket-page .basket-items .basket-item .item-header .left .icon.dlive {
  background: #d3af03;
}
.basket-page .basket-items .basket-item .item-header .left .icon.nonolive {
  background: #ee2929;
}
.basket-page .basket-items .basket-item .item-header .left .icon.seo {
  background: #d06bc3;
}
.basket-page .basket-items .basket-item .item-header .left .icon.likee-app {
  background: #ff2474;
}
.basket-page .basket-items .basket-item .item-header .left .icon.kwai {
  background: #ff6100;
}
.basket-page .basket-items .basket-item .item-header .left .icon.quora {
  background: #a82400;
}
.basket-page .basket-items .basket-item .item-header .left .icon.dailymotion {
  background: #2a62aa;
}
.basket-page .basket-items .basket-item .item-header .left .icon.snapchat {
  background: #bfad14;
}
.basket-page .basket-items .basket-item .item-header .left .icon.shazam {
  background: #0088ff;
}
.basket-page .basket-items .basket-item .item-header .left .icon.discord {
  background: #5865f2;
}
.basket-page .basket-items .basket-item .item-header .left .icon.pubg {
  background: #de8d00;
}
.basket-page .basket-items .basket-item .item-header .left .icon.opensea {
  background: #2081e2;
}
.basket-page .basket-items .basket-item .item-header .left .left-content {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 0.5rem;
}
.basket-page .basket-items .basket-item .item-header .left .left-content .title {
  font-size: 0.875rem;
  color: #8b90a8;
}
.basket-page .basket-items .basket-item .item-header .left .left-content .description {
  font-size: 1rem;
  font-weight: 600;
  color: #8b90a8;
}
.basket-page .basket-items .basket-item .item-header .right .old-price {
  font-size: 0.875rem;
  font-weight: 500;
  color: #b9bdce;
  text-decoration: line-through;
}
.basket-page .basket-items .basket-item .item-header .right .price {
  color: #18d3a6;
  font-size: 1.375rem;
  font-weight: 600;
}
.basket-page .basket-items .basket-item .item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 1.25rem;
  height: 3.75rem;
}
.basket-page .basket-items .basket-item .item-footer .user-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.basket-page .basket-items .basket-item .item-footer .user-info .image {
  display: flex;
}
.basket-page .basket-items .basket-item .item-footer .user-info .image img {
  height: 1.875rem;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.basket-page .basket-items .basket-item .item-footer .user-info .username {
  font-size: 0.9375rem;
  color: #8b90a8;
  font-weight: 600;
}
.basket-page .basket-items .basket-item .item-footer .right {
  display: flex;
  gap: 1rem;
}
.basket-page .basket-items .basket-item .item-footer .right .show-details {
  background: #fff;
  font-size: 0.875rem;
  color: #8b90a8;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  transition: all 0.25s;
}
.basket-page .basket-items .basket-item .item-footer .right .show-details.active .i {
  transform: rotate(180deg);
}
.basket-page .basket-items .basket-item .item-footer .right .show-details:hover {
  color: #ff9000;
}
.basket-page .basket-items .basket-item .item-footer .right .show-details .i {
  font-size: 1.5rem;
  transition: all 0.25s;
}
.basket-page .basket-items .basket-item .item-footer .right .remove-item {
  height: 3.75rem;
  aspect-ratio: 1/1;
  border-left: 1px solid #e6ecef;
  background: #fff;
  color: #ff4655;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s;
}
.basket-page .basket-items .basket-item .item-footer .right .remove-item:hover {
  background: #ff4655;
  color: #fff;
}
.basket-page .basket-items .basket-item .item-details {
  background: #f2f5f7;
  border-radius: 0 0 3px 3px;
  padding: 0;
  transition: all 0.25s;
}
.basket-page .basket-items .basket-item .item-details .details-content {
  padding: 0 0.5rem;
  line-height: 2;
  font-size: 0.875rem;
  font-weight: 600;
  color: #8b90a8;
  overflow-y: auto;
  transition: all 0.25s;
  height: 0;
}
.basket-page .basket-items .basket-item .item-details.active {
  padding: 1rem;
}
.basket-page .basket-items .basket-item .item-details.active .details-content {
  height: 8.5rem;
}
.basket-page .basket-summary {
  background: #fff;
  border-radius: 3px;
  color: #2a3642;
  box-shadow: 0px 11px 35px 0px rgba(50, 61, 86, 0.07);
}
.basket-page .basket-summary .summary-title {
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid #d3e1ea;
}
.basket-page .basket-summary .summary-title .icon {
  height: 2.5rem;
  aspect-ratio: 1/1;
  background: rgba(24, 211, 166, 0.2);
  color: #18d3a6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  border-radius: 2.5rem;
}
.basket-page .basket-summary .summary-title .title {
  font-size: 1.125rem;
  font-weight: 600;
}
.basket-page .basket-summary .summary-content .summary-item {
  padding: 0 1.25rem;
  height: 3.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d3e1ea;
}
.basket-page .basket-summary .summary-content .summary-item .title {
  font-weight: 600;
  font-size: 0.875rem;
  color: #303754;
}
.basket-page .basket-summary .summary-content .summary-item .value {
  font-size: 1rem;
  color: #303754;
  font-weight: 600;
}
.basket-page .basket-summary .summary-content .summary-item .value.green {
  color: #18d3a6;
}
.basket-page .basket-summary .discount-code {
  background: #e9f0f4;
  border-bottom: 1px solid #dce6ec;
  padding: 1.25rem;
}
.basket-page .basket-summary .discount-code .title {
  text-align: center;
  font-size: 1rem;
  color: #2a3642;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.basket-page .basket-summary .discount-code .input-warpper {
  display: flex;
  gap: 0.625rem;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select {
  height: 3.125rem;
  width: 100%;
  background: #ffffff;
  border: 1px solid #d0dde6;
  border-radius: 2px;
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 0 1rem;
  gap: 1rem;
  user-select: none;
  transition: all 0.25s;
  cursor: pointer;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select:hover {
  border-color: #18d3a6;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select .icon {
  display: flex;
  color: #18d3a6;
  font-size: 1.125rem;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select .selected {
  color: #2a3642;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select .arrow {
  display: flex;
  font-size: 1.25rem;
  color: #050505;
  margin-left: auto;
}
.basket-page .basket-summary .discount-code .input-warpper .apply-button {
  background: #18d3a6;
  color: #fff;
  max-width: 3.75rem;
  flex: 0 0 3.75rem;
  width: 100%;
  height: 3.125rem;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  transition: all 0.25s;
}
.basket-page .basket-summary .discount-code .input-warpper .apply-button:hover {
  filter: brightness(1.1);
}
.basket-page .basket-summary .summary-footer {
  padding: 1.25rem;
}
.basket-page .basket-summary .summary-footer .checkout-button {
  background: #18d3a6;
  height: 3.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding: 0 1.5rem;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 600;
  border-radius: 2px;
  transition: all 0.25s;
}
.basket-page .basket-summary .summary-footer .checkout-button:hover {
  filter: brightness(1.1);
}
.basket-page .basket-summary .summary-footer .checkout-button .i {
  font-size: 1.25rem;
}

.auth-page {
  min-height: 100dvh;
  background: #2f3944 url(../images/auth-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 7.5rem 0 2rem;
  position: relative;
  width: 100dvw;
  overflow-x: hidden;
}
.auth-page .auth-bg {
  position: absolute;
  max-width: 80%;
  max-height: 100vh;
  right: 0;
  bottom: 0;
}
.auth-page .col-auth {
  max-width: 33.125rem;
  flex: 0 0 33.125rem;
  width: 100%;
}
.auth-page .col-full {
  max-width: calc(100% - 33.125rem);
  flex: 0 0 calc(100% - 33.125rem);
  width: 100%;
}
.auth-page .logo {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
}
.auth-page .logo a {
  display: flex;
}
.auth-page .logo a img {
  height: 4.75rem;
}
.auth-page .auth-form {
  background: #fff;
  border-radius: 6px;
  padding: 2.5rem 3.125rem 2.125rem 3.125rem;
  position: relative;
  z-index: 4;
}
.auth-page .auth-form .page-title {
  font-size: 1.875rem;
  color: #15d26e;
  text-align: center;
  margin-bottom: 2.25rem;
  font-weight: 600;
}
.auth-page .auth-form .form-group {
  margin-bottom: 1.25rem;
}
.auth-page .auth-form.register .form-group {
  margin-bottom: 0.625rem;
}
.auth-page .auth-form .input-group .placeholder {
  position: absolute;
  height: 3.75rem;
  display: flex;
  align-items: center;
  left: 1.25rem;
  font-size: 1rem;
  color: #b3c1db;
  font-weight: 500;
  pointer-events: none;
  transition: all 0.25s;
}
.auth-page .auth-form .input-group .icon {
  right: 1.25rem;
  height: 3.75rem;
  left: unset;
  color: #b3c1db;
  z-index: 999;
}
.auth-page .auth-form .input-group input {
  height: 3.75rem;
  border-radius: 6px;
  border-color: #e2e7f1;
  padding: 0 1.25rem !important;
  font-weight: 500;
}
.auth-page .auth-form .input-group input:focus {
  border-color: #15d26e;
}
.auth-page .auth-form .input-group:has(input:focus) .placeholder, .auth-page .auth-form .input-group:has(input:not(:placeholder-shown)) .placeholder {
  transform: scale(0.7) translateY(-0.75rem);
  transform-origin: left top;
}
.auth-page .auth-form label {
  font-size: 15px;
  color: #33363d;
  font-weight: 500;
}
.auth-page .auth-form .auth-button {
  height: 3.75rem;
  width: 100%;
  background: #15d26e;
  color: #fff;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.25s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.auth-page .auth-form .auth-button .i {
  font-size: 1.125rem;
  transition: all 0.25s;
}
.auth-page .auth-form .auth-button:hover {
  filter: brightness(1.1);
}
.auth-page .auth-form .auth-button:hover .i {
  transform: translateX(0.25rem);
}
.auth-page .auth-form .forgot-password {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b3c1db;
  font-size: 1rem;
  font-weight: 600;
  margin: 2rem 0;
}
.auth-page .auth-form .forgot-password:hover {
  color: #15d26e;
}
.auth-page .auth-form .register-button {
  height: 3.75rem;
  width: 100%;
  background: rgba(21, 210, 110, 0.2);
  color: #15d26e;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.25s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.auth-page .auth-form .register-button .i {
  font-size: 1.125rem;
}
.auth-page .auth-form .register-button:hover {
  background: #15d26e;
  color: #fff;
}

.site-footer {
  background: #2f3944 url(../images/footer-bg.png) no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}
.site-footer.big-footer {
  padding-top: 14.375rem;
  margin-top: -14.375rem;
}
.site-footer .footer-top {
  padding: 2.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.site-footer .footer-top .logo {
  display: flex;
}
.site-footer .footer-top .logo a {
  display: flex;
}
.site-footer .footer-top .logo a img {
  height: 3.625rem;
}
.site-footer .footer-top .footer-contact {
  display: flex;
  align-items: center;
  gap: 5rem;
  white-space: nowrap;
}
.site-footer .footer-top .footer-contact .contact-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.site-footer .footer-top .footer-contact .contact-item .icon {
  height: 3.75rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #123a59;
  background: #ffda44;
  border-radius: 3rem;
  box-shadow: 0px 10px 32px 0px rgba(255, 218, 68, 0.43);
  font-size: 1.5rem;
}
.site-footer .footer-top .footer-contact .contact-item .icon.whatsapp {
  font-size: 1.875rem;
  background-color: rgb(1, 255, 95);
  box-shadow: 0px 10px 32px 0px rgba(1, 255, 95, 0.43);
}
.site-footer .footer-top .footer-contact .contact-item .contact-content {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 0.5rem;
}
.site-footer .footer-top .footer-contact .contact-item .contact-content .title {
  color: #fff;
  font-size: 0.875rem;
}
.site-footer .footer-top .footer-contact .contact-item .contact-content .contact-link {
  font-size: 1.375rem;
  font-weight: 600;
  color: #fff;
}
.site-footer .footer-top .footer-contact .contact-item .contact-content .contact-link:hover {
  transform: translateY(-0.25rem);
}
.site-footer .footer-center {
  padding: 3.4375rem 0 2.5rem;
}
.site-footer .footer-center .footer-menu .menu-title {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 600;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.site-footer .footer-center .footer-menu .menu-title img {
  height: 1.25rem;
}
.site-footer .footer-center .footer-menu .menu-title .i {
  font-size: 1.5rem;
}
.site-footer .footer-center .footer-menu ul li a {
  font-size: 0.875rem;
  color: #a7afd0;
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
  height: 2.5rem;
}
.site-footer .footer-center .footer-menu ul li a::before {
  content: "";
  width: 0.625rem;
  height: 0.125rem;
  background-color: rgb(167, 175, 208);
  transition: all 0.25s;
}
.site-footer .footer-center .footer-menu ul li a:hover {
  color: #fff;
}
.site-footer .footer-center .footer-menu ul li a:hover::before {
  background-color: #fff;
  transform: rotate(45deg);
}
.site-footer .footer-bottom {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 1.875rem 0;
  backdrop-filter: blur(10px);
}
.site-footer .footer-bottom .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.site-footer .footer-bottom .container .left {
  font-size: 0.875rem;
  color: #fff;
}
.site-footer .footer-bottom .container .social {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
.site-footer .footer-bottom .container .social a {
  display: flex;
  color: #fff;
  font-size: 1.5rem;
}
.site-footer .footer-bottom .container .social a:hover {
  transform: translateY(-0.25rem);
}

.howtobuy-wrapper h1 {
  color: #2a3642;
  font-size: 26px;
  font-weight: 600;
}
.howtobuy-wrapper .tsd *:not(:last-child) {
  margin-bottom: 12px;
}
.howtobuy-wrapper h2, .howtobuy-wrapper h3, .howtobuy-wrapper h4 {
  color: #2a3642;
  font-size: 22px;
  font-weight: 600;
}
.howtobuy-wrapper ul {
  margin-top: 12px;
}
.howtobuy-wrapper i.big {
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
  margin: 0 auto;
  display: flex;
  font-size: 50px;
  line-height: 100px;
  text-align: center;
  border-radius: 100px;
  background: #f2f5f7;
  align-items: center;
  justify-content: center;
}
.howtobuy-wrapper li {
  margin-top: 12px;
}
.howtobuy-wrapper p, .howtobuy-wrapper li {
  color: #2a3642;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.howtobuy-wrapper p b, .howtobuy-wrapper p strong, .howtobuy-wrapper li b, .howtobuy-wrapper li strong {
  font-weight: 700;
}
.howtobuy-wrapper p a, .howtobuy-wrapper li a {
  color: #2a3642;
  font-weight: 700;
}
.howtobuy-wrapper a {
  color: #2a3642;
  font-weight: 700;
}

.seotext .scrollt {
  max-height: 400px;
  overflow-y: scroll;
  padding-right: 20px;
}
.seotext .scrollt::-webkit-scrollbar {
  width: 5px;
  border-radius: 2px;
}
.seotext .scrollt::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #e4ebf6;
}
.seotext .scrollt::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #bec7d6;
}
.seotext .scrollt::-webkit-scrollbar-thumb:hover {
  background: #bec7d6;
}
.seotext .scrollt > * {
  margin-bottom: 20px;
}
.seotext .scrollt > *:last-child {
  margin-bottom: 0;
}
.seotext .scrollt h1 {
  color: #2a3642;
  font-size: 26px;
  font-weight: 600;
}
.seotext .scrollt h2, .seotext .scrollt h3, .seotext .scrollt h4 {
  color: #2a3642;
  font-size: 22px;
  font-weight: 600;
}
.seotext .scrollt p, .seotext .scrollt li {
  color: #2a3642;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.seotext .scrollt p b, .seotext .scrollt p strong, .seotext .scrollt li b, .seotext .scrollt li strong {
  font-weight: 700;
}
.seotext .scrollt p a, .seotext .scrollt li a {
  color: #2a3642;
  font-weight: 700;
}
.seotext .scrollt a {
  color: #2a3642;
  font-weight: 700;
}
.seotext .scrollt .image-style-align-left {
  float: left;
  max-width: 25%;
  height: auto;
  padding-right: 30px;
}
.seotext .scrollt .image-style-align-left img {
  width: 100%;
  height: auto;
}
.seotext .scrollt .image-style-align-right {
  float: right;
  max-width: 25%;
  height: auto;
  padding-left: 30px;
}
.seotext .scrollt .image-style-align-right img {
  width: 100%;
  height: auto;
}
.seotext .scrollt ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  display: block;
  align-items: center;
}
.seotext .scrollt ul li:before {
  width: 7px;
  height: 7px;
  border: 4px solid rgba(24, 211, 166, 0.25);
  background-color: #18d3a6;
  position: absolute;
  content: "";
  border-radius: 100%;
  margin-left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 576px) {
  section.pagetext .box .scrollt h1 {
    font-size: 22px;
  }
  section.pagetext .box .scrollt .image-style-align-right {
    max-width: 50%;
    padding-left: 20px;
  }
  section.pagetext .box .scrollt .image-style-align-left {
    max-width: 50%;
    padding-right: 20px;
  }
}
main {
  margin-top: -30px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1680px) {
  html,
  body {
    font-size: 14px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media only screen and (max-width: 1440px) {
  html,
  body {
    font-size: 12px !important;
  }
  .container {
    max-width: 1040px;
  }
}
@media only screen and (min-width: 1024px) {
  .show-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .show-desktop {
    display: none !important;
  }
  [class*=col-] {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
  }
  .site-header .header-top .container .header-top-left {
    display: none;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu {
    position: absolute;
    top: 92px;
    background: #fff;
    left: 1rem;
    right: 1rem;
    border-radius: 6px;
    padding: 1.25rem 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-1rem);
    transition: all 0.25s;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu.active {
    opacity: 1;
    pointer-events: visible;
    transform: translateY(0);
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul {
    flex-wrap: wrap;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li {
    width: 100%;
    position: relative;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li > a {
    color: #000;
    height: 4rem;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li .sub-menu-wrapper {
    position: unset;
    opacity: 1;
    pointer-events: visible;
    transform: unset;
    height: 0;
    overflow: hidden;
    padding: 0;
    max-height: 300px;
    overflow-y: scroll;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li a .i {
    transition: all 0.25s;
    font-size: 1.5rem;
    margin-top: -2px;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li.active .sub-menu-wrapper {
    padding-top: 1rem;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li.active > a .i {
    transform: rotate(180deg);
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li .sub-menu-wrapper .free-tools .free-tool-item:last-child {
    margin-bottom: 1.25rem;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li .sub-menu-wrapper .social-media-services {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.625rem;
  }
  .site-header .header-bottom .header-bottom-right .other-links .link {
    border: none;
  }
  .site-header .header-bottom .header-bottom-right .other-links {
    border: none;
  }
  .site-header .header-top .container .header-top-right {
    border: none;
  }
  .site-header .header-top .container .header-top-right a {
    border: none;
    padding-right: 0;
  }
  .site-header .header-top .container {
    justify-content: flex-end;
  }
  .services {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
  .home-header {
    padding: 15rem 0px 2rem;
  }
  .home-header .stat-item {
    margin-bottom: 1.25rem;
  }
  .home-header::before {
    bottom: unset;
    top: 10rem;
  }
  .home-packages .package-tabs .tab-buttons {
    flex-wrap: wrap;
  }
  .home-packages .package-tabs .tab-buttons .tab-button .title span {
    display: none;
  }
  .home-packages .package-tabs .tab-buttons .tab-button {
    justify-content: center;
  }
  .home-packages .package-tabs .tab-buttons .tab-button {
    padding: 0 3rem;
  }
  .customer-comments .container > .row {
    flex-direction: column-reverse;
  }
  .customer-comments .title {
    margin-left: 0;
    font-size: 4rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .customer-comments .title .emoji {
    display: none;
  }
  .container {
    padding: 0 20px;
  }
  .customer-comments {
    padding: 2rem 0;
  }
  .customer-comments .comments {
    padding: 0;
  }
  .customer-comments .comments::before {
    display: none;
  }
  .customer-comments .comments .comments-first-col {
    margin-bottom: 0;
    margin-top: 0;
  }
  .customer-comments .comments .comments-second-col {
    margin-top: 0;
  }
  .service-details .service-details-content .tab-buttons {
    flex-wrap: wrap;
    border-radius: 10px;
  }
  .service-details .service-details-content .tab-buttons .tab-button {
    width: 100%;
    justify-content: center;
    border-radius: 8px;
  }
  .faq-col .faq-item .faq-title .icon {
    aspect-ratio: 1/1;
  }
  .faq-col {
    margin-bottom: 2rem;
  }
  .site-footer .footer-top {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
  .site-footer .footer-top .footer-contact {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
  .site-footer .footer-center .footer-menu {
    margin-bottom: 1.5rem;
  }
  .site-footer .footer-center .footer-menu .menu-content {
    height: 0;
    overflow: hidden;
    transition: all 0.25s;
  }
  .site-footer .footer-center .footer-menu .menu-title {
    justify-content: center;
  }
  .site-footer .footer-center .footer-menu .menu-title .show-mobile {
    transition: all 0.25s;
  }
  .site-footer .footer-center .footer-menu.active .menu-title .show-mobile {
    transform: rotate(180deg);
  }
  .site-footer .footer-center .footer-menu ul li a {
    justify-content: center;
  }
  .site-footer .footer-bottom .container {
    justify-content: center;
    text-align: center;
    gap: 2rem;
  }
  .blog-detail-page .blog-detail-content .blog-container {
    padding: 0 0.4rem;
    display: block;
    position: relative;
    margin-top: -2rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .social {
    flex-direction: row;
    margin-bottom: 1rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .social .line {
    height: 0;
    width: 100%;
  }
  .blog-detail-page .blog-detail-content .blog-container .social .social-item,
  .blog-detail-page .blog-detail-content .blog-container .social .copy-button {
    aspect-ratio: 1/1;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-detail-container .content {
    padding: 1.5rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-detail-container .content .similar-post {
    margin: 2rem -1.5rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-detail-container .content .similar-post .image .image {
    margin-bottom: 1.5rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-comments .blog-comments-content .comments .comment-item {
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-comments .blog-comments-content .comments .comment-item .comment-left {
    width: 100%;
  }
  .blog-sidebar .sidebar-post .post .image img {
    aspect-ratio: 330/330;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-comments .blog-comments-content {
    margin-bottom: 2rem;
  }
  .page-header .blog-detail-header .breadcrumb ol {
    flex-wrap: wrap;
  }
  .page-header .blog-header-nav ul {
    justify-content: flex-start;
  }
  .page-header .blog-header-nav {
    overflow-x: scroll;
    white-space: nowrap;
    margin: 0 1.5rem;
    -webkit-overflow-scrolling: touch;
  }
  .page-header .blog-header-nav::-webkit-scrollbar {
    display: none;
  }
  .blog-page .blog-slider .main-blog-slider .swiper-slide .blog-slider-item .image img {
    aspect-ratio: 100/70;
  }
  .blog-page .blog-slider .blog-slider-thumb {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .blog-page .blog-posts .blog-post .blog-image {
    margin-bottom: 1rem;
  }
  .blog-page .blog-posts .blog-post .blog-content .blog-description {
    margin-bottom: 1rem;
  }
  .page-header .page-header-nav ul {
    justify-content: flex-start !important;
    white-space: nowrap;
  }
  .page-header .page-header-nav {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .page-header .page-header-nav::-webkit-scrollbar {
    display: none;
  }
  .corporate-page .page-content {
    padding: 2rem;
  }
  .corporate-page .page-content .top-image {
    margin: -2rem;
  }
  .corporate-page .page-content .content {
    padding-right: 0;
  }
  .corporate-page .contact-page .contact-info .contact-item {
    margin-bottom: 1rem;
  }
  .page-header .service-title {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .auth-page .col-auth {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .page-header .service-title .title-content .breadcrumb {
    padding-top: 1rem;
  }
  .auth-page {
    padding-top: 3rem;
  }
  .page-header .basket-header {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
  .auth-page .auth-bg {
    max-width: 120%;
  }
}

/*# sourceMappingURL=style.css.map */


/* --- HOME PACKAGES EXACT USER DESIGN --- */
.home-packages {
  background: #2f3944;
  background-size: cover;
  background-position: center;
  padding: 4.625rem 0;
}
.home-packages .section-title .title {
  color: #fff;
}
.home-packages .package-tabs .tab-buttons {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
  margin-bottom: 3.75rem;
}
.home-packages .package-tabs .tab-buttons .tab-button {
  height: 3.75rem;
  padding: 0 2.0625rem;
  border-radius: 3.75rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  display: flex;
  align-items: center;
  line-height: 1;
  transition: all 0.25s;
}
.home-packages .package-tabs .tab-buttons .tab-button .icon {
  font-size: 1.5rem;
  display: flex;
}
.home-packages .package-tabs .tab-buttons .tab-button .title {
  overflow: hidden;
  max-width: 0;
  transition: all 0.25s;
  white-space: nowrap;
}
.home-packages .package-tabs .tab-buttons .tab-button .title span {
  font-size: 1.125rem;
  font-weight: 600;
  padding-left: 1.125rem;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover, .home-packages .package-tabs .tab-buttons .tab-button.active {
  background: #fff;
  color: #2a3642;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.t-orange, .home-packages .package-tabs .tab-buttons .tab-button.active.t-orange {
  color: #ff641d;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.t-orange-2, .home-packages .package-tabs .tab-buttons .tab-button.active.t-orange-2 {
  color: #ff9000;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.t-green, .home-packages .package-tabs .tab-buttons .tab-button.active.t-green {
  color: #01c267;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.t-green-2, .home-packages .package-tabs .tab-buttons .tab-button.active.t-green-2 {
  color: #18d3a6;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.t-blue, .home-packages .package-tabs .tab-buttons .tab-button.active.t-blue {
  color: #1d8dff;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.t-pink, .home-packages .package-tabs .tab-buttons .tab-button.active.t-pink {
  color: #f24496;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.instagram, .home-packages .package-tabs .tab-buttons .tab-button.active.instagram {
  color: #e1306c;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.twitter, .home-packages .package-tabs .tab-buttons .tab-button.active.twitter {
  color: #1da1f2;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.facebook, .home-packages .package-tabs .tab-buttons .tab-button.active.facebook {
  color: #1873eb;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.tiktok, .home-packages .package-tabs .tab-buttons .tab-button.active.tiktok {
  color: #0d121f;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.youtube, .home-packages .package-tabs .tab-buttons .tab-button.active.youtube {
  color: #ff0000;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.clubhouse, .home-packages .package-tabs .tab-buttons .tab-button.active.clubhouse {
  color: #6515dd;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.soundcloud, .home-packages .package-tabs .tab-buttons .tab-button.active.soundcloud {
  color: #f97637;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.tumblr, .home-packages .package-tabs .tab-buttons .tab-button.active.tumblr {
  color: #1b3561;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.pinterest, .home-packages .package-tabs .tab-buttons .tab-button.active.pinterest {
  color: #c11f26;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.spotify, .home-packages .package-tabs .tab-buttons .tab-button.active.spotify {
  color: #1ed45f;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.vimeo, .home-packages .package-tabs .tab-buttons .tab-button.active.vimeo {
  color: #00a9e9;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.twitch, .home-packages .package-tabs .tab-buttons .tab-button.active.twitch {
  color: #8d45f8;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.periscope, .home-packages .package-tabs .tab-buttons .tab-button.active.periscope {
  color: #3fa1c0;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.linkedin, .home-packages .package-tabs .tab-buttons .tab-button.active.linkedin {
  color: #026fac;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.telegram, .home-packages .package-tabs .tab-buttons .tab-button.active.telegram {
  color: #34a6d8;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.reddit, .home-packages .package-tabs .tab-buttons .tab-button.active.reddit {
  color: #ff4500;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.default, .home-packages .package-tabs .tab-buttons .tab-button.active.default {
  color: #d06bc3;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.threads, .home-packages .package-tabs .tab-buttons .tab-button.active.threads {
  color: #000;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.google, .home-packages .package-tabs .tab-buttons .tab-button.active.google {
  color: #4285f4;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.app-store, .home-packages .package-tabs .tab-buttons .tab-button.active.app-store {
  color: #1c6ee9;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.kick, .home-packages .package-tabs .tab-buttons .tab-button.active.kick {
  color: #00e701;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.trovo, .home-packages .package-tabs .tab-buttons .tab-button.active.trovo {
  color: #3cdb7d;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.dlive, .home-packages .package-tabs .tab-buttons .tab-button.active.dlive {
  color: #d3af03;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.nonolive, .home-packages .package-tabs .tab-buttons .tab-button.active.nonolive {
  color: #ee2929;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.seo, .home-packages .package-tabs .tab-buttons .tab-button.active.seo {
  color: #d06bc3;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.likee-app, .home-packages .package-tabs .tab-buttons .tab-button.active.likee-app {
  color: #ff2474;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.kwai, .home-packages .package-tabs .tab-buttons .tab-button.active.kwai {
  color: #ff6100;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.quora, .home-packages .package-tabs .tab-buttons .tab-button.active.quora {
  color: #a82400;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.dailymotion, .home-packages .package-tabs .tab-buttons .tab-button.active.dailymotion {
  color: #2a62aa;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.snapchat, .home-packages .package-tabs .tab-buttons .tab-button.active.snapchat {
  color: #bfad14;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.shazam, .home-packages .package-tabs .tab-buttons .tab-button.active.shazam {
  color: #0088ff;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.discord, .home-packages .package-tabs .tab-buttons .tab-button.active.discord {
  color: #5865f2;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.pubg, .home-packages .package-tabs .tab-buttons .tab-button.active.pubg {
  color: #de8d00;
}
.home-packages .package-tabs .tab-buttons .tab-button:hover.opensea, .home-packages .package-tabs .tab-buttons .tab-button.active.opensea {
  color: #2081e2;
}

.packages .package-item {
  background: #ffffff;
  border-radius: 1.25rem 1.25rem 0.625rem 0.625rem;
  transition: all 0.25s;
  margin-bottom: 1.875rem;
  box-shadow: 0px 6px 51px 0px rgba(0, 0, 0, 0.16);
}
.packages .package-item:hover {
  transform: translateY(-0.5rem);
}
.packages .package-item .package-title {
  background: #f2872c;
  padding: 0 1.375rem;
  height: 5rem;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1;
  border-radius: 0.625rem 0.625rem 0 0;
  overflow: hidden;
}
.packages .package-item .package-title .title {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.packages .package-item .package-title .description {
  font-size: 1rem;
  font-weight: 600;
}
.packages .package-item .package-title .icon {
  max-width: 2.625rem;
  flex: 0 0 2.625rem;
  height: 2.625rem;
  background: #fff;
  width: 100%;
  color: #f2872c;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  border-radius: 2rem;
  position: relative;
}
.packages .package-item .package-title .icon::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: -1rem;
  bottom: -1rem;
  right: -1rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10rem;
}
.packages .package-item .package-title .icon::after {
  content: "";
  position: absolute;
  top: -2.3rem;
  left: -2.3rem;
  bottom: -2.3rem;
  right: -2.3rem;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10rem;
}
.packages .package-item .package-title .icon * {
  position: relative;
  z-index: 1;
}
.packages .package-item .package-name {
  display: flex;
  align-items: center;
  padding: 1.5rem 1.375rem;
  gap: 1.125rem;
}
.packages .package-item .package-name .icon {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 1.25rem;
  font-size: 1.25rem;
  background: rgba(242, 135, 44, 0.1);
  color: #f2872c;
}
.packages .package-item .package-name .icon .i {
  transform: scale(1.2);
  transform-origin: center;
}
.packages .package-item .package-name .name {
  font-size: 1.375rem;
  color: #2a3642;
  font-weight: 600;
}
.packages .package-item .package-features ul li {
  border-top: 1px solid #dae7e9;
  display: flex;
  align-items: center;
  padding: 1rem 1.375rem;
  gap: 1.25rem;
}
.packages .package-item .package-features ul li .checkmark {
  width: 1.25rem;
  height: 1.25rem;
  background: rgba(242, 135, 44, 0.1);
  color: #f2872c;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
}
.packages .package-item .package-features ul li .checkmark .i {
  font-size: 1.125rem;
  transform: translateY(-0.125rem) translateX(0.125rem);
}
.packages .package-item .package-features ul li .text {
  font-size: 1rem;
  font-weight: 500;
  color: #2a3642;
}
.packages .package-item .package-footer {
  padding: 1.375rem;
}
.packages .package-item .package-footer .footer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1.125rem;
}
.packages .package-item .package-footer .footer-top .price {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.packages .package-item .package-footer .footer-top .price .icon {
  max-width: 1.875rem;
  flex: 0 0 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.875rem;
  background-color: rgba(1, 194, 103, 0.2);
  color: #01c267;
  font-size: 1.125rem;
}
.packages .package-item .package-footer .footer-top .price .price-text {
  color: #01c267;
  font-family: 'Quicksand', sans-serif !important;
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  line-height: 1;
  letter-spacing: -0.5px;
}
.packages .package-item .package-footer .footer-top .gift {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.packages .package-item .package-footer .footer-top .gift .icon {
  max-width: 1.875rem;
  flex: 0 0 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.875rem;
  background-color: rgba(244, 150, 42, 0.2);
  color: #f4962a;
  font-size: 1.125rem;
}
.packages .package-item .package-footer .footer-top .gift .gift-text {
  font-size: 0.875rem;
  font-weight: 600;
  color: #f4962a;
}
.packages .package-item .package-footer .buy-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #01c267;
  color: #fff;
  font-weight: 600;
  height: 3.75rem;
  font-size: 1rem;
  border-radius: 0.5rem;
  transition: all 0.25s;
}
.packages .package-item .package-footer .buy-btn:hover {
  filter: brightness(1.1);
  transform: translateY(-0.25rem);
}
.packages .package-item.t-orange .package-title {
  background: #ff641d;
}
.packages .package-item.t-orange .package-title .icon {
  color: #ff641d;
}
.packages .package-item.t-orange .package-name .icon {
  background: rgba(255, 100, 29, 0.1);
  color: #ff641d;
}
.packages .package-item.t-orange .package-features ul li .checkmark {
  background: rgba(255, 100, 29, 0.1);
  color: #ff641d;
}
.packages .package-item.t-orange-2 .package-title {
  background: #ff9000;
}
.packages .package-item.t-orange-2 .package-title .icon {
  color: #ff9000;
}
.packages .package-item.t-orange-2 .package-name .icon {
  background: rgba(255, 144, 0, 0.1);
  color: #ff9000;
}
.packages .package-item.t-orange-2 .package-features ul li .checkmark {
  background: rgba(255, 144, 0, 0.1);
  color: #ff9000;
}
.packages .package-item.t-green .package-title {
  background: #01c267;
}
.packages .package-item.t-green .package-title .icon {
  color: #01c267;
}
.packages .package-item.t-green .package-name .icon {
  background: rgba(1, 194, 103, 0.1);
  color: #01c267;
}
.packages .package-item.t-green .package-features ul li .checkmark {
  background: rgba(1, 194, 103, 0.1);
  color: #01c267;
}
.packages .package-item.t-green-2 .package-title {
  background: #18d3a6;
}
.packages .package-item.t-green-2 .package-title .icon {
  color: #18d3a6;
}
.packages .package-item.t-green-2 .package-name .icon {
  background: rgba(24, 211, 166, 0.1);
  color: #18d3a6;
}
.packages .package-item.t-green-2 .package-features ul li .checkmark {
  background: rgba(24, 211, 166, 0.1);
  color: #18d3a6;
}
.packages .package-item.t-blue .package-title {
  background: #1d8dff;
}
.packages .package-item.t-blue .package-title .icon {
  color: #1d8dff;
}
.packages .package-item.t-blue .package-name .icon {
  background: rgba(29, 141, 255, 0.1);
  color: #1d8dff;
}
.packages .package-item.t-blue .package-features ul li .checkmark {
  background: rgba(29, 141, 255, 0.1);
  color: #1d8dff;
}
.packages .package-item.t-pink .package-title {
  background: #f24496;
}
.packages .package-item.t-pink .package-title .icon {
  color: #f24496;
}
.packages .package-item.t-pink .package-name .icon {
  background: rgba(242, 68, 150, 0.1);
  color: #f24496;
}
.packages .package-item.t-pink .package-features ul li .checkmark {
  background: rgba(242, 68, 150, 0.1);
  color: #f24496;
}
.packages .package-item.instagram .package-title {
  background: #e1306c;
}
.packages .package-item.instagram .package-title .icon {
  color: #e1306c;
}
.packages .package-item.instagram .package-name .icon {
  background: rgba(225, 48, 108, 0.1);
  color: #e1306c;
}
.packages .package-item.instagram .package-features ul li .checkmark {
  background: rgba(225, 48, 108, 0.1);
  color: #e1306c;
}
.packages .package-item.twitter .package-title {
  background: #1da1f2;
}
.packages .package-item.twitter .package-title .icon {
  color: #1da1f2;
}
.packages .package-item.twitter .package-name .icon {
  background: rgba(29, 161, 242, 0.1);
  color: #1da1f2;
}
.packages .package-item.twitter .package-features ul li .checkmark {
  background: rgba(29, 161, 242, 0.1);
  color: #1da1f2;
}
.packages .package-item.facebook .package-title {
  background: #1873eb;
}
.packages .package-item.facebook .package-title .icon {
  color: #1873eb;
}
.packages .package-item.facebook .package-name .icon {
  background: rgba(24, 115, 235, 0.1);
  color: #1873eb;
}
.packages .package-item.facebook .package-features ul li .checkmark {
  background: rgba(24, 115, 235, 0.1);
  color: #1873eb;
}
.packages .package-item.tiktok .package-title {
  background: #0d121f;
}
.packages .package-item.tiktok .package-title .icon {
  color: #0d121f;
}
.packages .package-item.tiktok .package-name .icon {
  background: rgba(13, 18, 31, 0.1);
  color: #0d121f;
}
.packages .package-item.tiktok .package-features ul li .checkmark {
  background: rgba(13, 18, 31, 0.1);
  color: #0d121f;
}
.packages .package-item.youtube .package-title {
  background: #ff0000;
}
.packages .package-item.youtube .package-title .icon {
  color: #ff0000;
}
.packages .package-item.youtube .package-name .icon {
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.packages .package-item.youtube .package-features ul li .checkmark {
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.packages .package-item.clubhouse .package-title {
  background: #6515dd;
}
.packages .package-item.clubhouse .package-title .icon {
  color: #6515dd;
}
.packages .package-item.clubhouse .package-name .icon {
  background: rgba(101, 21, 221, 0.1);
  color: #6515dd;
}
.packages .package-item.clubhouse .package-features ul li .checkmark {
  background: rgba(101, 21, 221, 0.1);
  color: #6515dd;
}
.packages .package-item.soundcloud .package-title {
  background: #f97637;
}
.packages .package-item.soundcloud .package-title .icon {
  color: #f97637;
}
.packages .package-item.soundcloud .package-name .icon {
  background: rgba(249, 118, 55, 0.1);
  color: #f97637;
}
.packages .package-item.soundcloud .package-features ul li .checkmark {
  background: rgba(249, 118, 55, 0.1);
  color: #f97637;
}
.packages .package-item.tumblr .package-title {
  background: #1b3561;
}
.packages .package-item.tumblr .package-title .icon {
  color: #1b3561;
}
.packages .package-item.tumblr .package-name .icon {
  background: rgba(27, 53, 97, 0.1);
  color: #1b3561;
}
.packages .package-item.tumblr .package-features ul li .checkmark {
  background: rgba(27, 53, 97, 0.1);
  color: #1b3561;
}
.packages .package-item.pinterest .package-title {
  background: #c11f26;
}
.packages .package-item.pinterest .package-title .icon {
  color: #c11f26;
}
.packages .package-item.pinterest .package-name .icon {
  background: rgba(193, 31, 38, 0.1);
  color: #c11f26;
}
.packages .package-item.pinterest .package-features ul li .checkmark {
  background: rgba(193, 31, 38, 0.1);
  color: #c11f26;
}
.packages .package-item.spotify .package-title {
  background: #1ed45f;
}
.packages .package-item.spotify .package-title .icon {
  color: #1ed45f;
}
.packages .package-item.spotify .package-name .icon {
  background: rgba(30, 212, 95, 0.1);
  color: #1ed45f;
}
.packages .package-item.spotify .package-features ul li .checkmark {
  background: rgba(30, 212, 95, 0.1);
  color: #1ed45f;
}
.packages .package-item.vimeo .package-title {
  background: #00a9e9;
}
.packages .package-item.vimeo .package-title .icon {
  color: #00a9e9;
}
.packages .package-item.vimeo .package-name .icon {
  background: rgba(0, 169, 233, 0.1);
  color: #00a9e9;
}
.packages .package-item.vimeo .package-features ul li .checkmark {
  background: rgba(0, 169, 233, 0.1);
  color: #00a9e9;
}
.packages .package-item.twitch .package-title {
  background: #8d45f8;
}
.packages .package-item.twitch .package-title .icon {
  color: #8d45f8;
}
.packages .package-item.twitch .package-name .icon {
  background: rgba(141, 69, 248, 0.1);
  color: #8d45f8;
}
.packages .package-item.twitch .package-features ul li .checkmark {
  background: rgba(141, 69, 248, 0.1);
  color: #8d45f8;
}
.packages .package-item.periscope .package-title {
  background: #3fa1c0;
}
.packages .package-item.periscope .package-title .icon {
  color: #3fa1c0;
}
.packages .package-item.periscope .package-name .icon {
  background: rgba(63, 161, 192, 0.1);
  color: #3fa1c0;
}
.packages .package-item.periscope .package-features ul li .checkmark {
  background: rgba(63, 161, 192, 0.1);
  color: #3fa1c0;
}
.packages .package-item.linkedin .package-title {
  background: #026fac;
}
.packages .package-item.linkedin .package-title .icon {
  color: #026fac;
}
.packages .package-item.linkedin .package-name .icon {
  background: rgba(2, 111, 172, 0.1);
  color: #026fac;
}
.packages .package-item.linkedin .package-features ul li .checkmark {
  background: rgba(2, 111, 172, 0.1);
  color: #026fac;
}
.packages .package-item.telegram .package-title {
  background: #34a6d8;
}
.packages .package-item.telegram .package-title .icon {
  color: #34a6d8;
}
.packages .package-item.telegram .package-name .icon {
  background: rgba(52, 166, 216, 0.1);
  color: #34a6d8;
}
.packages .package-item.telegram .package-features ul li .checkmark {
  background: rgba(52, 166, 216, 0.1);
  color: #34a6d8;
}
.packages .package-item.reddit .package-title {
  background: #ff4500;
}
.packages .package-item.reddit .package-title .icon {
  color: #ff4500;
}
.packages .package-item.reddit .package-name .icon {
  background: rgba(255, 69, 0, 0.1);
  color: #ff4500;
}
.packages .package-item.reddit .package-features ul li .checkmark {
  background: rgba(255, 69, 0, 0.1);
  color: #ff4500;
}
.packages .package-item.default .package-title {
  background: #d06bc3;
}
.packages .package-item.default .package-title .icon {
  color: #d06bc3;
}
.packages .package-item.default .package-name .icon {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.packages .package-item.default .package-features ul li .checkmark {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.packages .package-item.threads .package-title {
  background: #000;
}
.packages .package-item.threads .package-title .icon {
  color: #000;
}
.packages .package-item.threads .package-name .icon {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}
.packages .package-item.threads .package-features ul li .checkmark {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}
.packages .package-item.google .package-title {
  background: #4285f4;
}
.packages .package-item.google .package-title .icon {
  color: #4285f4;
}
.packages .package-item.google .package-name .icon {
  background: rgba(66, 133, 244, 0.1);
  color: #4285f4;
}
.packages .package-item.google .package-features ul li .checkmark {
  background: rgba(66, 133, 244, 0.1);
  color: #4285f4;
}
.packages .package-item.app-store .package-title {
  background: #1c6ee9;
}
.packages .package-item.app-store .package-title .icon {
  color: #1c6ee9;
}
.packages .package-item.app-store .package-name .icon {
  background: rgba(28, 110, 233, 0.1);
  color: #1c6ee9;
}
.packages .package-item.app-store .package-features ul li .checkmark {
  background: rgba(28, 110, 233, 0.1);
  color: #1c6ee9;
}
.packages .package-item.kick .package-title {
  background: #00e701;
}
.packages .package-item.kick .package-title .icon {
  color: #00e701;
}
.packages .package-item.kick .package-name .icon {
  background: rgba(0, 231, 1, 0.1);
  color: #00e701;
}
.packages .package-item.kick .package-features ul li .checkmark {
  background: rgba(0, 231, 1, 0.1);
  color: #00e701;
}
.packages .package-item.trovo .package-title {
  background: #3cdb7d;
}
.packages .package-item.trovo .package-title .icon {
  color: #3cdb7d;
}
.packages .package-item.trovo .package-name .icon {
  background: rgba(60, 219, 125, 0.1);
  color: #3cdb7d;
}
.packages .package-item.trovo .package-features ul li .checkmark {
  background: rgba(60, 219, 125, 0.1);
  color: #3cdb7d;
}
.packages .package-item.dlive .package-title {
  background: #d3af03;
}
.packages .package-item.dlive .package-title .icon {
  color: #d3af03;
}
.packages .package-item.dlive .package-name .icon {
  background: rgba(211, 175, 3, 0.1);
  color: #d3af03;
}
.packages .package-item.dlive .package-features ul li .checkmark {
  background: rgba(211, 175, 3, 0.1);
  color: #d3af03;
}
.packages .package-item.nonolive .package-title {
  background: #ee2929;
}
.packages .package-item.nonolive .package-title .icon {
  color: #ee2929;
}
.packages .package-item.nonolive .package-name .icon {
  background: rgba(238, 41, 41, 0.1);
  color: #ee2929;
}
.packages .package-item.nonolive .package-features ul li .checkmark {
  background: rgba(238, 41, 41, 0.1);
  color: #ee2929;
}
.packages .package-item.seo .package-title {
  background: #d06bc3;
}
.packages .package-item.seo .package-title .icon {
  color: #d06bc3;
}
.packages .package-item.seo .package-name .icon {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.packages .package-item.seo .package-features ul li .checkmark {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.packages .package-item.likee-app .package-title {
  background: #ff2474;
}
.packages .package-item.likee-app .package-title .icon {
  color: #ff2474;
}
.packages .package-item.likee-app .package-name .icon {
  background: rgba(255, 36, 116, 0.1);
  color: #ff2474;
}
.packages .package-item.likee-app .package-features ul li .checkmark {
  background: rgba(255, 36, 116, 0.1);
  color: #ff2474;
}
.packages .package-item.kwai .package-title {
  background: #ff6100;
}
.packages .package-item.kwai .package-title .icon {
  color: #ff6100;
}
.packages .package-item.kwai .package-name .icon {
  background: rgba(255, 97, 0, 0.1);
  color: #ff6100;
}
.packages .package-item.kwai .package-features ul li .checkmark {
  background: rgba(255, 97, 0, 0.1);
  color: #ff6100;
}
.packages .package-item.quora .package-title {
  background: #a82400;
}
.packages .package-item.quora .package-title .icon {
  color: #a82400;
}
.packages .package-item.quora .package-name .icon {
  background: rgba(168, 36, 0, 0.1);
  color: #a82400;
}
.packages .package-item.quora .package-features ul li .checkmark {
  background: rgba(168, 36, 0, 0.1);
  color: #a82400;
}
.packages .package-item.dailymotion .package-title {
  background: #2a62aa;
}
.packages .package-item.dailymotion .package-title .icon {
  color: #2a62aa;
}
.packages .package-item.dailymotion .package-name .icon {
  background: rgba(42, 98, 170, 0.1);
  color: #2a62aa;
}
.packages .package-item.dailymotion .package-features ul li .checkmark {
  background: rgba(42, 98, 170, 0.1);
  color: #2a62aa;
}
.packages .package-item.snapchat .package-title {
  background: #bfad14;
}
.packages .package-item.snapchat .package-title .icon {
  color: #bfad14;
}
.packages .package-item.snapchat .package-name .icon {
  background: rgba(191, 173, 20, 0.1);
  color: #bfad14;
}
.packages .package-item.snapchat .package-features ul li .checkmark {
  background: rgba(191, 173, 20, 0.1);
  color: #bfad14;
}
.packages .package-item.shazam .package-title {
  background: #0088ff;
}
.packages .package-item.shazam .package-title .icon {
  color: #0088ff;
}
.packages .package-item.shazam .package-name .icon {
  background: rgba(0, 136, 255, 0.1);
  color: #0088ff;
}
.packages .package-item.shazam .package-features ul li .checkmark {
  background: rgba(0, 136, 255, 0.1);
  color: #0088ff;
}
.packages .package-item.discord .package-title {
  background: #5865f2;
}
.packages .package-item.discord .package-title .icon {
  color: #5865f2;
}
.packages .package-item.discord .package-name .icon {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}
.packages .package-item.discord .package-features ul li .checkmark {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}
.packages .package-item.pubg .package-title {
  background: #de8d00;
}
.packages .package-item.pubg .package-title .icon {
  color: #de8d00;
}
.packages .package-item.pubg .package-name .icon {
  background: rgba(222, 141, 0, 0.1);
  color: #de8d00;
}
.packages .package-item.pubg .package-features ul li .checkmark {
  background: rgba(222, 141, 0, 0.1);
  color: #de8d00;
}
.packages .package-item.opensea .package-title {
  background: #2081e2;
}
.packages .package-item.opensea .package-title .icon {
  color: #2081e2;
}
.packages .package-item.opensea .package-name .icon {
  background: rgba(32, 129, 226, 0.1);
  color: #2081e2;
}
.packages .package-item.opensea .package-features ul li .checkmark {
  background: rgba(32, 129, 226, 0.1);
  color: #2081e2;
}

.packages-page {
  margin-top: -5rem;
  position: relative;
  z-index: 3;
  margin-bottom: -1.875rem;
}

.category-page {
  padding: 3.4375rem 0 5rem;
}

.categories .category-item {
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 1rem 1rem;
  border-radius: 0.625rem;
  margin-bottom: 1.875rem;
}
.categories .category-item .left {
  display: flex;
  align-items: center;
  gap: 1.375rem;
}
.categories .category-item .left .icon {
  background: #1d8dff;
  height: 4.375rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: #fff;
  border-radius: 0.625rem;
}
.categories .category-item .left .title-content {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 0.625rem;
}
.categories .category-item .left .title-content .title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #524766;
}
.categories .category-item .left .title-content .description {
  font-size: 1rem;
  color: rgba(82, 71, 102, 0.5);
}
.categories .category-item .more-button {
  background: rgba(29, 141, 255, 0.1);
  display: flex;
  align-items: center;
  line-height: 1;
  color: #1d8dff;
  height: 2.875rem;
  border-radius: 2rem 0 0 2rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
}
.categories .category-item .more-button .more-text {
  font-size: 0.875rem;
  font-weight: 500;
  width: 0;
  overflow: hidden;
  white-space: nowrap;
  transition: all 0.25s;
  opacity: 0;
}
.categories .category-item .more-button .icon {
  display: flex;
  font-size: 1.25rem;
}
.categories .category-item.t-orange .left .icon {
  background: #ff641d;
}
.categories .category-item.t-orange .more-button {
  background: rgba(255, 100, 29, 0.1);
  color: #ff641d;
}
.categories .category-item.t-orange-2 .left .icon {
  background: #ff9000;
}
.categories .category-item.t-orange-2 .more-button {
  background: rgba(255, 144, 0, 0.1);
  color: #ff9000;
}
.categories .category-item.t-green .left .icon {
  background: #01c267;
}
.categories .category-item.t-green .more-button {
  background: rgba(1, 194, 103, 0.1);
  color: #01c267;
}
.categories .category-item.t-green-2 .left .icon {
  background: #18d3a6;
}
.categories .category-item.t-green-2 .more-button {
  background: rgba(24, 211, 166, 0.1);
  color: #18d3a6;
}
.categories .category-item.t-blue .left .icon {
  background: #1d8dff;
}
.categories .category-item.t-blue .more-button {
  background: rgba(29, 141, 255, 0.1);
  color: #1d8dff;
}
.categories .category-item.t-pink .left .icon {
  background: #f24496;
}
.categories .category-item.t-pink .more-button {
  background: rgba(242, 68, 150, 0.1);
  color: #f24496;
}
.categories .category-item.instagram .left .icon {
  background: #e1306c;
}
.categories .category-item.instagram .more-button {
  background: rgba(225, 48, 108, 0.1);
  color: #e1306c;
}
.categories .category-item.twitter .left .icon {
  background: #1da1f2;
}
.categories .category-item.twitter .more-button {
  background: rgba(29, 161, 242, 0.1);
  color: #1da1f2;
}
.categories .category-item.facebook .left .icon {
  background: #1873eb;
}
.categories .category-item.facebook .more-button {
  background: rgba(24, 115, 235, 0.1);
  color: #1873eb;
}
.categories .category-item.tiktok .left .icon {
  background: #0d121f;
}
.categories .category-item.tiktok .more-button {
  background: rgba(13, 18, 31, 0.1);
  color: #0d121f;
}
.categories .category-item.youtube .left .icon {
  background: #ff0000;
}
.categories .category-item.youtube .more-button {
  background: rgba(255, 0, 0, 0.1);
  color: #ff0000;
}
.categories .category-item.clubhouse .left .icon {
  background: #6515dd;
}
.categories .category-item.clubhouse .more-button {
  background: rgba(101, 21, 221, 0.1);
  color: #6515dd;
}
.categories .category-item.soundcloud .left .icon {
  background: #f97637;
}
.categories .category-item.soundcloud .more-button {
  background: rgba(249, 118, 55, 0.1);
  color: #f97637;
}
.categories .category-item.tumblr .left .icon {
  background: #1b3561;
}
.categories .category-item.tumblr .more-button {
  background: rgba(27, 53, 97, 0.1);
  color: #1b3561;
}
.categories .category-item.pinterest .left .icon {
  background: #c11f26;
}
.categories .category-item.pinterest .more-button {
  background: rgba(193, 31, 38, 0.1);
  color: #c11f26;
}
.categories .category-item.spotify .left .icon {
  background: #1ed45f;
}
.categories .category-item.spotify .more-button {
  background: rgba(30, 212, 95, 0.1);
  color: #1ed45f;
}
.categories .category-item.vimeo .left .icon {
  background: #00a9e9;
}
.categories .category-item.vimeo .more-button {
  background: rgba(0, 169, 233, 0.1);
  color: #00a9e9;
}
.categories .category-item.twitch .left .icon {
  background: #8d45f8;
}
.categories .category-item.twitch .more-button {
  background: rgba(141, 69, 248, 0.1);
  color: #8d45f8;
}
.categories .category-item.periscope .left .icon {
  background: #3fa1c0;
}
.categories .category-item.periscope .more-button {
  background: rgba(63, 161, 192, 0.1);
  color: #3fa1c0;
}
.categories .category-item.linkedin .left .icon {
  background: #026fac;
}
.categories .category-item.linkedin .more-button {
  background: rgba(2, 111, 172, 0.1);
  color: #026fac;
}
.categories .category-item.telegram .left .icon {
  background: #34a6d8;
}
.categories .category-item.telegram .more-button {
  background: rgba(52, 166, 216, 0.1);
  color: #34a6d8;
}
.categories .category-item.reddit .left .icon {
  background: #ff4500;
}
.categories .category-item.reddit .more-button {
  background: rgba(255, 69, 0, 0.1);
  color: #ff4500;
}
.categories .category-item.default .left .icon {
  background: #d06bc3;
}
.categories .category-item.default .more-button {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.categories .category-item.threads .left .icon {
  background: #000;
}
.categories .category-item.threads .more-button {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}
.categories .category-item.google .left .icon {
  background: #4285f4;
}
.categories .category-item.google .more-button {
  background: rgba(66, 133, 244, 0.1);
  color: #4285f4;
}
.categories .category-item.app-store .left .icon {
  background: #1c6ee9;
}
.categories .category-item.app-store .more-button {
  background: rgba(28, 110, 233, 0.1);
  color: #1c6ee9;
}
.categories .category-item.kick .left .icon {
  background: #00e701;
}
.categories .category-item.kick .more-button {
  background: rgba(0, 231, 1, 0.1);
  color: #00e701;
}
.categories .category-item.trovo .left .icon {
  background: #3cdb7d;
}
.categories .category-item.trovo .more-button {
  background: rgba(60, 219, 125, 0.1);
  color: #3cdb7d;
}
.categories .category-item.dlive .left .icon {
  background: #d3af03;
}
.categories .category-item.dlive .more-button {
  background: rgba(211, 175, 3, 0.1);
  color: #d3af03;
}
.categories .category-item.nonolive .left .icon {
  background: #ee2929;
}
.categories .category-item.nonolive .more-button {
  background: rgba(238, 41, 41, 0.1);
  color: #ee2929;
}
.categories .category-item.seo .left .icon {
  background: #d06bc3;
}
.categories .category-item.seo .more-button {
  background: rgba(208, 107, 195, 0.1);
  color: #d06bc3;
}
.categories .category-item.likee-app .left .icon {
  background: #ff2474;
}
.categories .category-item.likee-app .more-button {
  background: rgba(255, 36, 116, 0.1);
  color: #ff2474;
}
.categories .category-item.kwai .left .icon {
  background: #ff6100;
}
.categories .category-item.kwai .more-button {
  background: rgba(255, 97, 0, 0.1);
  color: #ff6100;
}
.categories .category-item.quora .left .icon {
  background: #a82400;
}
.categories .category-item.quora .more-button {
  background: rgba(168, 36, 0, 0.1);
  color: #a82400;
}
.categories .category-item.dailymotion .left .icon {
  background: #2a62aa;
}
.categories .category-item.dailymotion .more-button {
  background: rgba(42, 98, 170, 0.1);
  color: #2a62aa;
}
.categories .category-item.snapchat .left .icon {
  background: #bfad14;
}
.categories .category-item.snapchat .more-button {
  background: rgba(191, 173, 20, 0.1);
  color: #bfad14;
}
.categories .category-item.shazam .left .icon {
  background: #0088ff;
}
.categories .category-item.shazam .more-button {
  background: rgba(0, 136, 255, 0.1);
  color: #0088ff;
}
.categories .category-item.discord .left .icon {
  background: #5865f2;
}
.categories .category-item.discord .more-button {
  background: rgba(88, 101, 242, 0.1);
  color: #5865f2;
}
.categories .category-item.pubg .left .icon {
  background: #de8d00;
}
.categories .category-item.pubg .more-button {
  background: rgba(222, 141, 0, 0.1);
  color: #de8d00;
}
.categories .category-item.opensea .left .icon {
  background: #2081e2;
}
.categories .category-item.opensea .more-button {
  background: rgba(32, 129, 226, 0.1);
  color: #2081e2;
}
.categories .category-item:hover .more-button .more-text {
  width: 7rem;
  opacity: 1;
}

.corporate-page {
  padding: 3.75rem 0;
}
.corporate-page .container {
  max-width: 1050px;
}
.corporate-page .page-content {
  background: #fff;
  padding: 3.75rem;
  border-radius: 0.625rem;
  font-size: 1.125rem;
  color: #5b6373;
  line-height: 1.4;
}
.corporate-page .page-content .top-image {
  position: relative;
  margin: -3.75rem;
  aspect-ratio: 3/1;
}
.corporate-page .page-content .top-image::before {
  content: "";
  position: absolute;
  top: -2.5rem;
  left: 0;
  right: 0;
  background: url(../images/page-bg.png) no-repeat;
  background-size: 100%;
  aspect-ratio: 2100/1252;
}
.corporate-page .page-content .content {
  position: relative;
  z-index: 2;
  padding-right: 1.25rem;
}
.corporate-page .page-content * {
  margin-bottom: 2rem;
}
.corporate-page .page-content *:last-child {
  margin-bottom: 0;
}
.corporate-page .page-content h1,
.corporate-page .page-content h2,
.corporate-page .page-content h3,
.corporate-page .page-content h4,
.corporate-page .page-content h5,
.corporate-page .page-content h6 {
  color: #5b6373;
  font-weight: 600;
}
.corporate-page .page-content h1 {
  font-size: 2.625rem;
}
.corporate-page .page-content h2 {
  font-size: 2.375rem;
}
.corporate-page .page-content h3 {
  font-size: 2rem;
}
.corporate-page .page-content h4 {
  font-size: 1.75rem;
}
.corporate-page .page-content h5 {
  font-size: 1.5rem;
}
.corporate-page .contact-page {
  background: #fff;
  padding: 2rem;
  border-radius: 0.625rem;
}
.corporate-page .contact-page .page-title {
  font-size: 2.375rem;
  color: #5b6373;
  font-weight: 600;
  padding: 1rem 0 2rem;
}
.corporate-page .contact-page .contact-info {
  margin: 0 -2rem;
  border-top: 1px solid #eeeffa;
  border-bottom: 1px solid #eeeffa;
  padding: 1rem 2rem;
  margin-bottom: 3rem;
}
.corporate-page .contact-page .contact-info .contact-item {
  display: flex;
  align-items: center;
  gap: 1.625rem;
}
.corporate-page .contact-page .contact-info .contact-item .icon {
  border-radius: 2px;
  height: 5rem;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  background: rgba(255, 144, 0, 0.1);
  color: #ff9000;
}
.corporate-page .contact-page .contact-info .contact-item .text {
  line-height: 1;
  color: #242a35;
}
.corporate-page .contact-page .contact-info .contact-item .text .title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}
.corporate-page .contact-page .contact-info .contact-item .text .description {
  font-size: 1rem;
  font-weight: 400;
}
.corporate-page .contact-page .contact-info .contact-item .text .description a {
  color: inherit;
}
.corporate-page .contact-page .contact-info .contact-item .text .description a:hover {
  color: #ff9000;
}

.customer-comments {
  position: relative;
  padding-bottom: 2rem;
  z-index: 1;
}
.customer-comments::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 0;
  right: 2rem;
  aspect-ratio: 3648/1652;
  background: url(../images/comments-bg.png) no-repeat;
  background-size: contain;
}
.customer-comments .comments {
  position: relative;
  margin-bottom: -1.875rem;
  padding-left: 2rem;
  overflow: hidden;
  z-index: 3;
}
.customer-comments .comments .comments-first-col {
  margin-bottom: -10rem;
  margin-top: -1rem;
}
.customer-comments .comments .comments-second-col {
  margin-top: -11rem;
}
.customer-comments .comments::before {
  content: "";
  top: 0;
  left: 2rem;
  right: 0;
  height: 20rem;
  background: linear-gradient(180deg, rgba(237, 239, 243, 0.5) 0%, rgba(237, 239, 243, 0) 100%);
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.customer-comments .comments::after {
  content: "";
  bottom: 0;
  left: 2rem;
  right: 0;
  height: 20rem;
  background: linear-gradient(0, rgba(237, 239, 243, 0.5) 0%, rgba(237, 239, 243, 0) 100%);
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.customer-comments .comments .comment-item {
  background: rgba(29, 141, 255, 0.1);
  padding: 1.875rem;
  border-radius: 0.5rem;
  position: relative;
  margin-bottom: 1.875rem;
}
.customer-comments .comments .comment-item .quote {
  right: 0;
  top: -1rem;
  position: absolute;
  font-size: 8.75rem;
  color: rgba(29, 141, 255, 0.1);
  display: flex;
  line-height: 1;
}
.customer-comments .comments .comment-item .stars {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  color: #1d8dff;
  font-size: 1.125rem;
  margin-bottom: 1.125rem;
}
.customer-comments .comments .comment-item .name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #6a6681;
  margin-bottom: 0.25rem;
}
.customer-comments .comments .comment-item .position {
  font-size: 0.75rem;
  color: #bab7ca;
  font-weight: 600;
  margin-bottom: 1.125rem;
}
.customer-comments .comments .comment-item .comment {
  font-size: 0.9375rem;
  color: #6a6681;
  line-height: 1.2;
}
.customer-comments .comments .comment-item.t-orange {
  background: rgba(255, 100, 29, 0.1);
}
.customer-comments .comments .comment-item.t-orange .quote {
  color: rgba(255, 100, 29, 0.1);
}
.customer-comments .comments .comment-item.t-orange .stars {
  color: #ff641d;
}
.customer-comments .comments .comment-item.t-orange-2 {
  background: rgba(255, 144, 0, 0.1);
}
.customer-comments .comments .comment-item.t-orange-2 .quote {
  color: rgba(255, 144, 0, 0.1);
}
.customer-comments .comments .comment-item.t-orange-2 .stars {
  color: #ff9000;
}
.customer-comments .comments .comment-item.t-green {
  background: rgba(1, 194, 103, 0.1);
}
.customer-comments .comments .comment-item.t-green .quote {
  color: rgba(1, 194, 103, 0.1);
}
.customer-comments .comments .comment-item.t-green .stars {
  color: #01c267;
}
.customer-comments .comments .comment-item.t-green-2 {
  background: rgba(24, 211, 166, 0.1);
}
.customer-comments .comments .comment-item.t-green-2 .quote {
  color: rgba(24, 211, 166, 0.1);
}
.customer-comments .comments .comment-item.t-green-2 .stars {
  color: #18d3a6;
}
.customer-comments .comments .comment-item.t-blue {
  background: rgba(29, 141, 255, 0.1);
}
.customer-comments .comments .comment-item.t-blue .quote {
  color: rgba(29, 141, 255, 0.1);
}
.customer-comments .comments .comment-item.t-blue .stars {
  color: #1d8dff;
}
.customer-comments .comments .comment-item.t-pink {
  background: rgba(242, 68, 150, 0.1);
}
.customer-comments .comments .comment-item.t-pink .quote {
  color: rgba(242, 68, 150, 0.1);
}
.customer-comments .comments .comment-item.t-pink .stars {
  color: #f24496;
}
.customer-comments .comments .comment-item.instagram {
  background: rgba(225, 48, 108, 0.1);
}
.customer-comments .comments .comment-item.instagram .quote {
  color: rgba(225, 48, 108, 0.1);
}
.customer-comments .comments .comment-item.instagram .stars {
  color: #e1306c;
}
.customer-comments .comments .comment-item.twitter {
  background: rgba(29, 161, 242, 0.1);
}
.customer-comments .comments .comment-item.twitter .quote {
  color: rgba(29, 161, 242, 0.1);
}
.customer-comments .comments .comment-item.twitter .stars {
  color: #1da1f2;
}
.customer-comments .comments .comment-item.facebook {
  background: rgba(24, 115, 235, 0.1);
}
.customer-comments .comments .comment-item.facebook .quote {
  color: rgba(24, 115, 235, 0.1);
}
.customer-comments .comments .comment-item.facebook .stars {
  color: #1873eb;
}
.customer-comments .comments .comment-item.tiktok {
  background: rgba(13, 18, 31, 0.1);
}
.customer-comments .comments .comment-item.tiktok .quote {
  color: rgba(13, 18, 31, 0.1);
}
.customer-comments .comments .comment-item.tiktok .stars {
  color: #0d121f;
}
.customer-comments .comments .comment-item.youtube {
  background: rgba(255, 0, 0, 0.1);
}
.customer-comments .comments .comment-item.youtube .quote {
  color: rgba(255, 0, 0, 0.1);
}
.customer-comments .comments .comment-item.youtube .stars {
  color: #ff0000;
}
.customer-comments .comments .comment-item.clubhouse {
  background: rgba(101, 21, 221, 0.1);
}
.customer-comments .comments .comment-item.clubhouse .quote {
  color: rgba(101, 21, 221, 0.1);
}
.customer-comments .comments .comment-item.clubhouse .stars {
  color: #6515dd;
}
.customer-comments .comments .comment-item.soundcloud {
  background: rgba(249, 118, 55, 0.1);
}
.customer-comments .comments .comment-item.soundcloud .quote {
  color: rgba(249, 118, 55, 0.1);
}
.customer-comments .comments .comment-item.soundcloud .stars {
  color: #f97637;
}
.customer-comments .comments .comment-item.tumblr {
  background: rgba(27, 53, 97, 0.1);
}
.customer-comments .comments .comment-item.tumblr .quote {
  color: rgba(27, 53, 97, 0.1);
}
.customer-comments .comments .comment-item.tumblr .stars {
  color: #1b3561;
}
.customer-comments .comments .comment-item.pinterest {
  background: rgba(193, 31, 38, 0.1);
}
.customer-comments .comments .comment-item.pinterest .quote {
  color: rgba(193, 31, 38, 0.1);
}
.customer-comments .comments .comment-item.pinterest .stars {
  color: #c11f26;
}
.customer-comments .comments .comment-item.spotify {
  background: rgba(30, 212, 95, 0.1);
}
.customer-comments .comments .comment-item.spotify .quote {
  color: rgba(30, 212, 95, 0.1);
}
.customer-comments .comments .comment-item.spotify .stars {
  color: #1ed45f;
}
.customer-comments .comments .comment-item.vimeo {
  background: rgba(0, 169, 233, 0.1);
}
.customer-comments .comments .comment-item.vimeo .quote {
  color: rgba(0, 169, 233, 0.1);
}
.customer-comments .comments .comment-item.vimeo .stars {
  color: #00a9e9;
}
.customer-comments .comments .comment-item.twitch {
  background: rgba(141, 69, 248, 0.1);
}
.customer-comments .comments .comment-item.twitch .quote {
  color: rgba(141, 69, 248, 0.1);
}
.customer-comments .comments .comment-item.twitch .stars {
  color: #8d45f8;
}
.customer-comments .comments .comment-item.periscope {
  background: rgba(63, 161, 192, 0.1);
}
.customer-comments .comments .comment-item.periscope .quote {
  color: rgba(63, 161, 192, 0.1);
}
.customer-comments .comments .comment-item.periscope .stars {
  color: #3fa1c0;
}
.customer-comments .comments .comment-item.linkedin {
  background: rgba(2, 111, 172, 0.1);
}
.customer-comments .comments .comment-item.linkedin .quote {
  color: rgba(2, 111, 172, 0.1);
}
.customer-comments .comments .comment-item.linkedin .stars {
  color: #026fac;
}
.customer-comments .comments .comment-item.telegram {
  background: rgba(52, 166, 216, 0.1);
}
.customer-comments .comments .comment-item.telegram .quote {
  color: rgba(52, 166, 216, 0.1);
}
.customer-comments .comments .comment-item.telegram .stars {
  color: #34a6d8;
}
.customer-comments .comments .comment-item.reddit {
  background: rgba(255, 69, 0, 0.1);
}
.customer-comments .comments .comment-item.reddit .quote {
  color: rgba(255, 69, 0, 0.1);
}
.customer-comments .comments .comment-item.reddit .stars {
  color: #ff4500;
}
.customer-comments .comments .comment-item.default {
  background: rgba(208, 107, 195, 0.1);
}
.customer-comments .comments .comment-item.default .quote {
  color: rgba(208, 107, 195, 0.1);
}
.customer-comments .comments .comment-item.default .stars {
  color: #d06bc3;
}
.customer-comments .comments .comment-item.threads {
  background: rgba(0, 0, 0, 0.1);
}
.customer-comments .comments .comment-item.threads .quote {
  color: rgba(0, 0, 0, 0.1);
}
.customer-comments .comments .comment-item.threads .stars {
  color: #000;
}
.customer-comments .comments .comment-item.google {
  background: rgba(66, 133, 244, 0.1);
}
.customer-comments .comments .comment-item.google .quote {
  color: rgba(66, 133, 244, 0.1);
}
.customer-comments .comments .comment-item.google .stars {
  color: #4285f4;
}
.customer-comments .comments .comment-item.app-store {
  background: rgba(28, 110, 233, 0.1);
}
.customer-comments .comments .comment-item.app-store .quote {
  color: rgba(28, 110, 233, 0.1);
}
.customer-comments .comments .comment-item.app-store .stars {
  color: #1c6ee9;
}
.customer-comments .comments .comment-item.kick {
  background: rgba(0, 231, 1, 0.1);
}
.customer-comments .comments .comment-item.kick .quote {
  color: rgba(0, 231, 1, 0.1);
}
.customer-comments .comments .comment-item.kick .stars {
  color: #00e701;
}
.customer-comments .comments .comment-item.trovo {
  background: rgba(60, 219, 125, 0.1);
}
.customer-comments .comments .comment-item.trovo .quote {
  color: rgba(60, 219, 125, 0.1);
}
.customer-comments .comments .comment-item.trovo .stars {
  color: #3cdb7d;
}
.customer-comments .comments .comment-item.dlive {
  background: rgba(211, 175, 3, 0.1);
}
.customer-comments .comments .comment-item.dlive .quote {
  color: rgba(211, 175, 3, 0.1);
}
.customer-comments .comments .comment-item.dlive .stars {
  color: #d3af03;
}
.customer-comments .comments .comment-item.nonolive {
  background: rgba(238, 41, 41, 0.1);
}
.customer-comments .comments .comment-item.nonolive .quote {
  color: rgba(238, 41, 41, 0.1);
}
.customer-comments .comments .comment-item.nonolive .stars {
  color: #ee2929;
}
.customer-comments .comments .comment-item.seo {
  background: rgba(208, 107, 195, 0.1);
}
.customer-comments .comments .comment-item.seo .quote {
  color: rgba(208, 107, 195, 0.1);
}
.customer-comments .comments .comment-item.seo .stars {
  color: #d06bc3;
}
.customer-comments .comments .comment-item.likee-app {
  background: rgba(255, 36, 116, 0.1);
}
.customer-comments .comments .comment-item.likee-app .quote {
  color: rgba(255, 36, 116, 0.1);
}
.customer-comments .comments .comment-item.likee-app .stars {
  color: #ff2474;
}
.customer-comments .comments .comment-item.kwai {
  background: rgba(255, 97, 0, 0.1);
}
.customer-comments .comments .comment-item.kwai .quote {
  color: rgba(255, 97, 0, 0.1);
}
.customer-comments .comments .comment-item.kwai .stars {
  color: #ff6100;
}
.customer-comments .comments .comment-item.quora {
  background: rgba(168, 36, 0, 0.1);
}
.customer-comments .comments .comment-item.quora .quote {
  color: rgba(168, 36, 0, 0.1);
}
.customer-comments .comments .comment-item.quora .stars {
  color: #a82400;
}
.customer-comments .comments .comment-item.dailymotion {
  background: rgba(42, 98, 170, 0.1);
}
.customer-comments .comments .comment-item.dailymotion .quote {
  color: rgba(42, 98, 170, 0.1);
}
.customer-comments .comments .comment-item.dailymotion .stars {
  color: #2a62aa;
}
.customer-comments .comments .comment-item.snapchat {
  background: rgba(191, 173, 20, 0.1);
}
.customer-comments .comments .comment-item.snapchat .quote {
  color: rgba(191, 173, 20, 0.1);
}
.customer-comments .comments .comment-item.snapchat .stars {
  color: #bfad14;
}
.customer-comments .comments .comment-item.shazam {
  background: rgba(0, 136, 255, 0.1);
}
.customer-comments .comments .comment-item.shazam .quote {
  color: rgba(0, 136, 255, 0.1);
}
.customer-comments .comments .comment-item.shazam .stars {
  color: #0088ff;
}
.customer-comments .comments .comment-item.discord {
  background: rgba(88, 101, 242, 0.1);
}
.customer-comments .comments .comment-item.discord .quote {
  color: rgba(88, 101, 242, 0.1);
}
.customer-comments .comments .comment-item.discord .stars {
  color: #5865f2;
}
.customer-comments .comments .comment-item.pubg {
  background: rgba(222, 141, 0, 0.1);
}
.customer-comments .comments .comment-item.pubg .quote {
  color: rgba(222, 141, 0, 0.1);
}
.customer-comments .comments .comment-item.pubg .stars {
  color: #de8d00;
}
.customer-comments .comments .comment-item.opensea {
  background: rgba(32, 129, 226, 0.1);
}
.customer-comments .comments .comment-item.opensea .quote {
  color: rgba(32, 129, 226, 0.1);
}
.customer-comments .comments .comment-item.opensea .stars {
  color: #2081e2;
}
.customer-comments .title {
  font-family: 'Quicksand', sans-serif !important;
  font-size: 5.1875rem;
  font-weight: bold;
  background: url(../images/comments-text-bg.png) no-repeat;
  background-position: 60% center;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-left: 4rem;
  position: relative;
}
.customer-comments .title span {
  display: block;
  font-family: inherit;
}
.customer-comments .title .emoji {
  height: 7rem;
  aspect-ratio: 1/1;
  position: absolute;
  left: 15rem;
  top: -3rem;
}

.service-details {
  position: relative;
  z-index: 3;
}
.service-details .service-details-content {
  background: #fff;
  border-radius: 0.5rem;
  padding: 2.5rem 1.875rem 1.875rem;
}
.service-details .service-details-content .tab-buttons {
  display: inline-flex;
  padding: 0.3125rem;
  background: #ffefe8;
  border-radius: 3.75rem;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.service-details .service-details-content .tab-buttons .tab-button {
  height: 3.75rem;
  border-radius: 3.75rem;
  padding: 0 1.25rem;
  display: flex;
  align-items: center;
  color: #ff641d;
  font-size: 1.125rem;
  font-weight: 600;
  transition: all 0.25s;
  background: unset;
  line-height: 1;
  gap: 1rem;
}
.service-details .service-details-content .tab-buttons .tab-button .i {
  font-size: 1.375rem;
}
.service-details .service-details-content .tab-buttons .tab-button.active {
  box-shadow: 0px 18px 30px 0px rgba(255, 100, 29, 0.5);
}
.service-details .service-details-content .tab-buttons .tab-button.active, .service-details .service-details-content .tab-buttons .tab-button:hover {
  background: #ff641d;
  color: #fff;
}

.basket-page {
  padding: 0 0 5rem;
  margin-top: -5.625rem;
  position: relative;
  z-index: 3;
}
.basket-page .basket-items .basket-item {
  background: #fff;
  border-radius: 3px;
  margin-bottom: 1.25rem;
  box-shadow: 0px 11px 35px 0px rgba(50, 61, 86, 0.07);
}
.basket-page .basket-items .basket-item .item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem;
  border-bottom: 1px solid #e6ecef;
}
.basket-page .basket-items .basket-item .item-header .left {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.basket-page .basket-items .basket-item .item-header .left .icon {
  height: 3.125rem;
  aspect-ratio: 1/1;
  background: #ff9000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  border-radius: 3px;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-orange {
  background: #ff641d;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-orange-2 {
  background: #ff9000;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-green {
  background: #01c267;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-green-2 {
  background: #18d3a6;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-blue {
  background: #1d8dff;
}
.basket-page .basket-items .basket-item .item-header .left .icon.t-pink {
  background: #f24496;
}
.basket-page .basket-items .basket-item .item-header .left .icon.instagram {
  background: #e1306c;
}
.basket-page .basket-items .basket-item .item-header .left .icon.twitter {
  background: #1da1f2;
}
.basket-page .basket-items .basket-item .item-header .left .icon.facebook {
  background: #1873eb;
}
.basket-page .basket-items .basket-item .item-header .left .icon.tiktok {
  background: #0d121f;
}
.basket-page .basket-items .basket-item .item-header .left .icon.youtube {
  background: #ff0000;
}
.basket-page .basket-items .basket-item .item-header .left .icon.clubhouse {
  background: #6515dd;
}
.basket-page .basket-items .basket-item .item-header .left .icon.soundcloud {
  background: #f97637;
}
.basket-page .basket-items .basket-item .item-header .left .icon.tumblr {
  background: #1b3561;
}
.basket-page .basket-items .basket-item .item-header .left .icon.pinterest {
  background: #c11f26;
}
.basket-page .basket-items .basket-item .item-header .left .icon.spotify {
  background: #1ed45f;
}
.basket-page .basket-items .basket-item .item-header .left .icon.vimeo {
  background: #00a9e9;
}
.basket-page .basket-items .basket-item .item-header .left .icon.twitch {
  background: #8d45f8;
}
.basket-page .basket-items .basket-item .item-header .left .icon.periscope {
  background: #3fa1c0;
}
.basket-page .basket-items .basket-item .item-header .left .icon.linkedin {
  background: #026fac;
}
.basket-page .basket-items .basket-item .item-header .left .icon.telegram {
  background: #34a6d8;
}
.basket-page .basket-items .basket-item .item-header .left .icon.reddit {
  background: #ff4500;
}
.basket-page .basket-items .basket-item .item-header .left .icon.default {
  background: #d06bc3;
}
.basket-page .basket-items .basket-item .item-header .left .icon.threads {
  background: #000;
}
.basket-page .basket-items .basket-item .item-header .left .icon.google {
  background: #4285f4;
}
.basket-page .basket-items .basket-item .item-header .left .icon.app-store {
  background: #1c6ee9;
}
.basket-page .basket-items .basket-item .item-header .left .icon.kick {
  background: #00e701;
}
.basket-page .basket-items .basket-item .item-header .left .icon.trovo {
  background: #3cdb7d;
}
.basket-page .basket-items .basket-item .item-header .left .icon.dlive {
  background: #d3af03;
}
.basket-page .basket-items .basket-item .item-header .left .icon.nonolive {
  background: #ee2929;
}
.basket-page .basket-items .basket-item .item-header .left .icon.seo {
  background: #d06bc3;
}
.basket-page .basket-items .basket-item .item-header .left .icon.likee-app {
  background: #ff2474;
}
.basket-page .basket-items .basket-item .item-header .left .icon.kwai {
  background: #ff6100;
}
.basket-page .basket-items .basket-item .item-header .left .icon.quora {
  background: #a82400;
}
.basket-page .basket-items .basket-item .item-header .left .icon.dailymotion {
  background: #2a62aa;
}
.basket-page .basket-items .basket-item .item-header .left .icon.snapchat {
  background: #bfad14;
}
.basket-page .basket-items .basket-item .item-header .left .icon.shazam {
  background: #0088ff;
}
.basket-page .basket-items .basket-item .item-header .left .icon.discord {
  background: #5865f2;
}
.basket-page .basket-items .basket-item .item-header .left .icon.pubg {
  background: #de8d00;
}
.basket-page .basket-items .basket-item .item-header .left .icon.opensea {
  background: #2081e2;
}
.basket-page .basket-items .basket-item .item-header .left .left-content {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 0.5rem;
}
.basket-page .basket-items .basket-item .item-header .left .left-content .title {
  font-size: 0.875rem;
  color: #8b90a8;
}
.basket-page .basket-items .basket-item .item-header .left .left-content .description {
  font-size: 1rem;
  font-weight: 600;
  color: #8b90a8;
}
.basket-page .basket-items .basket-item .item-header .right .old-price {
  font-size: 0.875rem;
  font-weight: 500;
  color: #b9bdce;
  text-decoration: line-through;
}
.basket-page .basket-items .basket-item .item-header .right .price {
  color: #18d3a6;
  font-size: 1.375rem;
  font-weight: 600;
}
.basket-page .basket-items .basket-item .item-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 1.25rem;
  height: 3.75rem;
}
.basket-page .basket-items .basket-item .item-footer .user-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.basket-page .basket-items .basket-item .item-footer .user-info .image {
  display: flex;
}
.basket-page .basket-items .basket-item .item-footer .user-info .image img {
  height: 1.875rem;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.basket-page .basket-items .basket-item .item-footer .user-info .username {
  font-size: 0.9375rem;
  color: #8b90a8;
  font-weight: 600;
}
.basket-page .basket-items .basket-item .item-footer .right {
  display: flex;
  gap: 1rem;
}
.basket-page .basket-items .basket-item .item-footer .right .show-details {
  background: #fff;
  font-size: 0.875rem;
  color: #8b90a8;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  transition: all 0.25s;
}
.basket-page .basket-items .basket-item .item-footer .right .show-details.active .i {
  transform: rotate(180deg);
}
.basket-page .basket-items .basket-item .item-footer .right .show-details:hover {
  color: #ff9000;
}
.basket-page .basket-items .basket-item .item-footer .right .show-details .i {
  font-size: 1.5rem;
  transition: all 0.25s;
}
.basket-page .basket-items .basket-item .item-footer .right .remove-item {
  height: 3.75rem;
  aspect-ratio: 1/1;
  border-left: 1px solid #e6ecef;
  background: #fff;
  color: #ff4655;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s;
}
.basket-page .basket-items .basket-item .item-footer .right .remove-item:hover {
  background: #ff4655;
  color: #fff;
}
.basket-page .basket-items .basket-item .item-details {
  background: #f2f5f7;
  border-radius: 0 0 3px 3px;
  padding: 0;
  transition: all 0.25s;
}
.basket-page .basket-items .basket-item .item-details .details-content {
  padding: 0 0.5rem;
  line-height: 2;
  font-size: 0.875rem;
  font-weight: 600;
  color: #8b90a8;
  overflow-y: auto;
  transition: all 0.25s;
  height: 0;
}
.basket-page .basket-items .basket-item .item-details.active {
  padding: 1rem;
}
.basket-page .basket-items .basket-item .item-details.active .details-content {
  height: 8.5rem;
}
.basket-page .basket-summary {
  background: #fff;
  border-radius: 3px;
  color: #2a3642;
  box-shadow: 0px 11px 35px 0px rgba(50, 61, 86, 0.07);
}
.basket-page .basket-summary .summary-title {
  padding: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-bottom: 1px solid #d3e1ea;
}
.basket-page .basket-summary .summary-title .icon {
  height: 2.5rem;
  aspect-ratio: 1/1;
  background: rgba(24, 211, 166, 0.2);
  color: #18d3a6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  border-radius: 2.5rem;
}
.basket-page .basket-summary .summary-title .title {
  font-size: 1.125rem;
  font-weight: 600;
}
.basket-page .basket-summary .summary-content .summary-item {
  padding: 0 1.25rem;
  height: 3.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #d3e1ea;
}
.basket-page .basket-summary .summary-content .summary-item .title {
  font-weight: 600;
  font-size: 0.875rem;
  color: #303754;
}
.basket-page .basket-summary .summary-content .summary-item .value {
  font-size: 1rem;
  color: #303754;
  font-weight: 600;
}
.basket-page .basket-summary .summary-content .summary-item .value.green {
  color: #18d3a6;
}
.basket-page .basket-summary .discount-code {
  background: #e9f0f4;
  border-bottom: 1px solid #dce6ec;
  padding: 1.25rem;
}
.basket-page .basket-summary .discount-code .title {
  text-align: center;
  font-size: 1rem;
  color: #2a3642;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.basket-page .basket-summary .discount-code .input-warpper {
  display: flex;
  gap: 0.625rem;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select {
  height: 3.125rem;
  width: 100%;
  background: #ffffff;
  border: 1px solid #d0dde6;
  border-radius: 2px;
  display: flex;
  align-items: center;
  line-height: 1;
  padding: 0 1rem;
  gap: 1rem;
  user-select: none;
  transition: all 0.25s;
  cursor: pointer;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select:hover {
  border-color: #18d3a6;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select .icon {
  display: flex;
  color: #18d3a6;
  font-size: 1.125rem;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select .selected {
  color: #2a3642;
}
.basket-page .basket-summary .discount-code .input-warpper .discount-select .arrow {
  display: flex;
  font-size: 1.25rem;
  color: #050505;
  margin-left: auto;
}
.basket-page .basket-summary .discount-code .input-warpper .apply-button {
  background: #18d3a6;
  color: #fff;
  max-width: 3.75rem;
  flex: 0 0 3.75rem;
  width: 100%;
  height: 3.125rem;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  transition: all 0.25s;
}
.basket-page .basket-summary .discount-code .input-warpper .apply-button:hover {
  filter: brightness(1.1);
}
.basket-page .basket-summary .summary-footer {
  padding: 1.25rem;
}
.basket-page .basket-summary .summary-footer .checkout-button {
  background: #18d3a6;
  height: 3.75rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  padding: 0 1.5rem;
  width: 100%;
  font-size: 1.125rem;
  font-weight: 600;
  border-radius: 2px;
  transition: all 0.25s;
}
.basket-page .basket-summary .summary-footer .checkout-button:hover {
  filter: brightness(1.1);
}
.basket-page .basket-summary .summary-footer .checkout-button .i {
  font-size: 1.25rem;
}

.auth-page {
  min-height: 100dvh;
  background: #2f3944 url(../images/auth-bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 7.5rem 0 2rem;
  position: relative;
  width: 100dvw;
  overflow-x: hidden;
}
.auth-page .auth-bg {
  position: absolute;
  max-width: 80%;
  max-height: 100vh;
  right: 0;
  bottom: 0;
}
.auth-page .col-auth {
  max-width: 33.125rem;
  flex: 0 0 33.125rem;
  width: 100%;
}
.auth-page .col-full {
  max-width: calc(100% - 33.125rem);
  flex: 0 0 calc(100% - 33.125rem);
  width: 100%;
}
.auth-page .logo {
  display: flex;
  justify-content: center;
  margin-bottom: 4rem;
}
.auth-page .logo a {
  display: flex;
}
.auth-page .logo a img {
  height: 4.75rem;
}
.auth-page .auth-form {
  background: #fff;
  border-radius: 6px;
  padding: 2.5rem 3.125rem 2.125rem 3.125rem;
  position: relative;
  z-index: 4;
}
.auth-page .auth-form .page-title {
  font-size: 1.875rem;
  color: #15d26e;
  text-align: center;
  margin-bottom: 2.25rem;
  font-weight: 600;
}
.auth-page .auth-form .form-group {
  margin-bottom: 1.25rem;
}
.auth-page .auth-form.register .form-group {
  margin-bottom: 0.625rem;
}
.auth-page .auth-form .input-group .placeholder {
  position: absolute;
  height: 3.75rem;
  display: flex;
  align-items: center;
  left: 1.25rem;
  font-size: 1rem;
  color: #b3c1db;
  font-weight: 500;
  pointer-events: none;
  transition: all 0.25s;
}
.auth-page .auth-form .input-group .icon {
  right: 1.25rem;
  height: 3.75rem;
  left: unset;
  color: #b3c1db;
  z-index: 999;
}
.auth-page .auth-form .input-group input {
  height: 3.75rem;
  border-radius: 6px;
  border-color: #e2e7f1;
  padding: 0 1.25rem !important;
  font-weight: 500;
}
.auth-page .auth-form .input-group input:focus {
  border-color: #15d26e;
}
.auth-page .auth-form .input-group:has(input:focus) .placeholder, .auth-page .auth-form .input-group:has(input:not(:placeholder-shown)) .placeholder {
  transform: scale(0.7) translateY(-0.75rem);
  transform-origin: left top;
}
.auth-page .auth-form label {
  font-size: 15px;
  color: #33363d;
  font-weight: 500;
}
.auth-page .auth-form .auth-button {
  height: 3.75rem;
  width: 100%;
  background: #15d26e;
  color: #fff;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.25s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.auth-page .auth-form .auth-button .i {
  font-size: 1.125rem;
  transition: all 0.25s;
}
.auth-page .auth-form .auth-button:hover {
  filter: brightness(1.1);
}
.auth-page .auth-form .auth-button:hover .i {
  transform: translateX(0.25rem);
}
.auth-page .auth-form .forgot-password {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #b3c1db;
  font-size: 1rem;
  font-weight: 600;
  margin: 2rem 0;
}
.auth-page .auth-form .forgot-password:hover {
  color: #15d26e;
}
.auth-page .auth-form .register-button {
  height: 3.75rem;
  width: 100%;
  background: rgba(21, 210, 110, 0.2);
  color: #15d26e;
  border-radius: 0.375rem;
  font-weight: 600;
  font-size: 1rem;
  transition: all 0.25s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.auth-page .auth-form .register-button .i {
  font-size: 1.125rem;
}
.auth-page .auth-form .register-button:hover {
  background: #15d26e;
  color: #fff;
}

.site-footer {
  background: #2f3944 url(../images/footer-bg.png) no-repeat;
  background-size: cover;
  position: relative;
  z-index: 2;
}
.site-footer.big-footer {
  padding-top: 14.375rem;
  margin-top: -14.375rem;
}
.site-footer .footer-top {
  padding: 2.5rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.site-footer .footer-top .logo {
  display: flex;
}
.site-footer .footer-top .logo a {
  display: flex;
}
.site-footer .footer-top .logo a img {
  height: 3.625rem;
}
.site-footer .footer-top .footer-contact {
  display: flex;
  align-items: center;
  gap: 5rem;
  white-space: nowrap;
}
.site-footer .footer-top .footer-contact .contact-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.site-footer .footer-top .footer-contact .contact-item .icon {
  height: 3.75rem;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #123a59;
  background: #ffda44;
  border-radius: 3rem;
  box-shadow: 0px 10px 32px 0px rgba(255, 218, 68, 0.43);
  font-size: 1.5rem;
}
.site-footer .footer-top .footer-contact .contact-item .icon.whatsapp {
  font-size: 1.875rem;
  background-color: rgb(1, 255, 95);
  box-shadow: 0px 10px 32px 0px rgba(1, 255, 95, 0.43);
}
.site-footer .footer-top .footer-contact .contact-item .contact-content {
  display: flex;
  flex-direction: column;
  line-height: 1;
  gap: 0.5rem;
}
.site-footer .footer-top .footer-contact .contact-item .contact-content .title {
  color: #fff;
  font-size: 0.875rem;
}
.site-footer .footer-top .footer-contact .contact-item .contact-content .contact-link {
  font-size: 1.375rem;
  font-weight: 600;
  color: #fff;
}
.site-footer .footer-top .footer-contact .contact-item .contact-content .contact-link:hover {
  transform: translateY(-0.25rem);
}
.site-footer .footer-center {
  padding: 3.4375rem 0 2.5rem;
}
.site-footer .footer-center .footer-menu .menu-title {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  color: #fff;
  font-weight: 600;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.site-footer .footer-center .footer-menu .menu-title img {
  height: 1.25rem;
}
.site-footer .footer-center .footer-menu .menu-title .i {
  font-size: 1.5rem;
}
.site-footer .footer-center .footer-menu ul li a {
  font-size: 0.875rem;
  color: #a7afd0;
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
  height: 2.5rem;
}
.site-footer .footer-center .footer-menu ul li a::before {
  content: "";
  width: 0.625rem;
  height: 0.125rem;
  background-color: rgb(167, 175, 208);
  transition: all 0.25s;
}
.site-footer .footer-center .footer-menu ul li a:hover {
  color: #fff;
}
.site-footer .footer-center .footer-menu ul li a:hover::before {
  background-color: #fff;
  transform: rotate(45deg);
}
.site-footer .footer-bottom {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 1.875rem 0;
  backdrop-filter: blur(10px);
}
.site-footer .footer-bottom .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.site-footer .footer-bottom .container .left {
  font-size: 0.875rem;
  color: #fff;
}
.site-footer .footer-bottom .container .social {
  display: flex;
  align-items: center;
  gap: 1.875rem;
}
.site-footer .footer-bottom .container .social a {
  display: flex;
  color: #fff;
  font-size: 1.5rem;
}
.site-footer .footer-bottom .container .social a:hover {
  transform: translateY(-0.25rem);
}

.howtobuy-wrapper h1 {
  color: #2a3642;
  font-size: 26px;
  font-weight: 600;
}
.howtobuy-wrapper .tsd *:not(:last-child) {
  margin-bottom: 12px;
}
.howtobuy-wrapper h2, .howtobuy-wrapper h3, .howtobuy-wrapper h4 {
  color: #2a3642;
  font-size: 22px;
  font-weight: 600;
}
.howtobuy-wrapper ul {
  margin-top: 12px;
}
.howtobuy-wrapper i.big {
  width: 100px;
  height: 100px;
  min-width: 100px;
  min-height: 100px;
  margin: 0 auto;
  display: flex;
  font-size: 50px;
  line-height: 100px;
  text-align: center;
  border-radius: 100px;
  background: #f2f5f7;
  align-items: center;
  justify-content: center;
}
.howtobuy-wrapper li {
  margin-top: 12px;
}
.howtobuy-wrapper p, .howtobuy-wrapper li {
  color: #2a3642;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}
.howtobuy-wrapper p b, .howtobuy-wrapper p strong, .howtobuy-wrapper li b, .howtobuy-wrapper li strong {
  font-weight: 700;
}
.howtobuy-wrapper p a, .howtobuy-wrapper li a {
  color: #2a3642;
  font-weight: 700;
}
.howtobuy-wrapper a {
  color: #2a3642;
  font-weight: 700;
}

.seotext .scrollt {
  max-height: 400px;
  overflow-y: scroll;
  padding-right: 20px;
}
.seotext .scrollt::-webkit-scrollbar {
  width: 5px;
  border-radius: 2px;
}
.seotext .scrollt::-webkit-scrollbar-track {
  border-radius: 2px;
  background-color: #e4ebf6;
}
.seotext .scrollt::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #bec7d6;
}
.seotext .scrollt::-webkit-scrollbar-thumb:hover {
  background: #bec7d6;
}
.seotext .scrollt > * {
  margin-bottom: 20px;
}
.seotext .scrollt > *:last-child {
  margin-bottom: 0;
}
.seotext .scrollt h1 {
  color: #2a3642;
  font-size: 26px;
  font-weight: 600;
}
.seotext .scrollt h2, .seotext .scrollt h3, .seotext .scrollt h4 {
  color: #2a3642;
  font-size: 22px;
  font-weight: 600;
}
.seotext .scrollt p, .seotext .scrollt li {
  color: #2a3642;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.seotext .scrollt p b, .seotext .scrollt p strong, .seotext .scrollt li b, .seotext .scrollt li strong {
  font-weight: 700;
}
.seotext .scrollt p a, .seotext .scrollt li a {
  color: #2a3642;
  font-weight: 700;
}
.seotext .scrollt a {
  color: #2a3642;
  font-weight: 700;
}
.seotext .scrollt .image-style-align-left {
  float: left;
  max-width: 25%;
  height: auto;
  padding-right: 30px;
}
.seotext .scrollt .image-style-align-left img {
  width: 100%;
  height: auto;
}
.seotext .scrollt .image-style-align-right {
  float: right;
  max-width: 25%;
  height: auto;
  padding-left: 30px;
}
.seotext .scrollt .image-style-align-right img {
  width: 100%;
  height: auto;
}
.seotext .scrollt ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 5px;
  display: block;
  align-items: center;
}
.seotext .scrollt ul li:before {
  width: 7px;
  height: 7px;
  border: 4px solid rgba(24, 211, 166, 0.25);
  background-color: #18d3a6;
  position: absolute;
  content: "";
  border-radius: 100%;
  margin-left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 576px) {
  section.pagetext .box .scrollt h1 {
    font-size: 22px;
  }
  section.pagetext .box .scrollt .image-style-align-right {
    max-width: 50%;
    padding-left: 20px;
  }
  section.pagetext .box .scrollt .image-style-align-left {
    max-width: 50%;
    padding-right: 20px;
  }
}
main {
  margin-top: -30px;
  position: relative;
  z-index: 1;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1680px) {
  html,
  body {
    font-size: 14px !important;
  }
  .container {
    max-width: 1280px;
  }
}
@media only screen and (max-width: 1440px) {
  html,
  body {
    font-size: 12px !important;
  }
  .container {
    max-width: 1040px;
  }
}
@media only screen and (min-width: 1024px) {
  .show-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 1023px) {
  .show-desktop {
    display: none !important;
  }
  [class*=col-] {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    width: 100% !important;
  }
  .site-header .header-top .container .header-top-left {
    display: none;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu {
    position: absolute;
    top: 92px;
    background: #fff;
    left: 1rem;
    right: 1rem;
    border-radius: 6px;
    padding: 1.25rem 0;
    opacity: 0;
    pointer-events: none;
    transform: translateY(-1rem);
    transition: all 0.25s;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu.active {
    opacity: 1;
    pointer-events: visible;
    transform: translateY(0);
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul {
    flex-wrap: wrap;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li {
    width: 100%;
    position: relative;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li > a {
    color: #000;
    height: 4rem;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li .sub-menu-wrapper {
    position: unset;
    opacity: 1;
    pointer-events: visible;
    transform: unset;
    height: 0;
    overflow: hidden;
    padding: 0;
    max-height: 300px;
    overflow-y: scroll;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li a .i {
    transition: all 0.25s;
    font-size: 1.5rem;
    margin-top: -2px;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li.active .sub-menu-wrapper {
    padding-top: 1rem;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li.active > a .i {
    transform: rotate(180deg);
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li .sub-menu-wrapper .free-tools .free-tool-item:last-child {
    margin-bottom: 1.25rem;
  }
  .site-header .header-bottom .header-bottom-right nav.header-bottom-menu ul li .sub-menu-wrapper .social-media-services {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.625rem;
  }
  .site-header .header-bottom .header-bottom-right .other-links .link {
    border: none;
  }
  .site-header .header-bottom .header-bottom-right .other-links {
    border: none;
  }
  .site-header .header-top .container .header-top-right {
    border: none;
  }
  .site-header .header-top .container .header-top-right a {
    border: none;
    padding-right: 0;
  }
  .site-header .header-top .container {
    justify-content: flex-end;
  }
  .services {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
  }
  .home-header {
    padding: 15rem 0px 2rem;
  }
  .home-header .stat-item {
    margin-bottom: 1.25rem;
  }
  .home-header::before {
    bottom: unset;
    top: 10rem;
  }
  .home-packages .package-tabs .tab-buttons {
    flex-wrap: wrap;
  }
  .home-packages .package-tabs .tab-buttons .tab-button .title span {
    display: none;
  }
  .home-packages .package-tabs .tab-buttons .tab-button {
    justify-content: center;
  }
  .home-packages .package-tabs .tab-buttons .tab-button {
    padding: 0 3rem;
  }
  .customer-comments .container > .row {
    flex-direction: column-reverse;
  }
  .customer-comments .title {
    margin-left: 0;
    font-size: 4rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .customer-comments .title .emoji {
    display: none;
  }
  .container {
    padding: 0 20px;
  }
  .customer-comments {
    padding: 2rem 0;
  }
  .customer-comments .comments {
    padding: 0;
  }
  .customer-comments .comments::before {
    display: none;
  }
  .customer-comments .comments .comments-first-col {
    margin-bottom: 0;
    margin-top: 0;
  }
  .customer-comments .comments .comments-second-col {
    margin-top: 0;
  }
  .service-details .service-details-content .tab-buttons {
    flex-wrap: wrap;
    border-radius: 10px;
  }
  .service-details .service-details-content .tab-buttons .tab-button {
    width: 100%;
    justify-content: center;
    border-radius: 8px;
  }
  .faq-col .faq-item .faq-title .icon {
    aspect-ratio: 1/1;
  }
  .faq-col {
    margin-bottom: 2rem;
  }
  .site-footer .footer-top {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
  .site-footer .footer-top .footer-contact {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
  .site-footer .footer-center .footer-menu {
    margin-bottom: 1.5rem;
  }
  .site-footer .footer-center .footer-menu .menu-content {
    height: 0;
    overflow: hidden;
    transition: all 0.25s;
  }
  .site-footer .footer-center .footer-menu .menu-title {
    justify-content: center;
  }
  .site-footer .footer-center .footer-menu .menu-title .show-mobile {
    transition: all 0.25s;
  }
  .site-footer .footer-center .footer-menu.active .menu-title .show-mobile {
    transform: rotate(180deg);
  }
  .site-footer .footer-center .footer-menu ul li a {
    justify-content: center;
  }
  .site-footer .footer-bottom .container {
    justify-content: center;
    text-align: center;
    gap: 2rem;
  }
  .blog-detail-page .blog-detail-content .blog-container {
    padding: 0 0.4rem;
    display: block;
    position: relative;
    margin-top: -2rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .social {
    flex-direction: row;
    margin-bottom: 1rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .social .line {
    height: 0;
    width: 100%;
  }
  .blog-detail-page .blog-detail-content .blog-container .social .social-item,
  .blog-detail-page .blog-detail-content .blog-container .social .copy-button {
    aspect-ratio: 1/1;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-detail-container .content {
    padding: 1.5rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-detail-container .content .similar-post {
    margin: 2rem -1.5rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-detail-container .content .similar-post .image .image {
    margin-bottom: 1.5rem;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-comments .blog-comments-content .comments .comment-item {
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-comments .blog-comments-content .comments .comment-item .comment-left {
    width: 100%;
  }
  .blog-sidebar .sidebar-post .post .image img {
    aspect-ratio: 330/330;
  }
  .blog-detail-page .blog-detail-content .blog-container .blog-comments .blog-comments-content {
    margin-bottom: 2rem;
  }
  .page-header .blog-detail-header .breadcrumb ol {
    flex-wrap: wrap;
  }
  .page-header .blog-header-nav ul {
    justify-content: flex-start;
  }
  .page-header .blog-header-nav {
    overflow-x: scroll;
    white-space: nowrap;
    margin: 0 1.5rem;
    -webkit-overflow-scrolling: touch;
  }
  .page-header .blog-header-nav::-webkit-scrollbar {
    display: none;
  }
  .blog-page .blog-slider .main-blog-slider .swiper-slide .blog-slider-item .image img {
    aspect-ratio: 100/70;
  }
  .blog-page .blog-slider .blog-slider-thumb {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .blog-page .blog-posts .blog-post .blog-image {
    margin-bottom: 1rem;
  }
  .blog-page .blog-posts .blog-post .blog-content .blog-description {
    margin-bottom: 1rem;
  }
  .page-header .page-header-nav ul {
    justify-content: flex-start !important;
    white-space: nowrap;
  }
  .page-header .page-header-nav {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .page-header .page-header-nav::-webkit-scrollbar {
    display: none;
  }
  .corporate-page .page-content {
    padding: 2rem;
  }
  .corporate-page .page-content .top-image {
    margin: -2rem;
  }
  .corporate-page .page-content .content {
    padding-right: 0;
  }
  .corporate-page .contact-page .contact-info .contact-item {
    margin-bottom: 1rem;
  }
  .page-header .service-title {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }
  .auth-page .col-auth {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .page-header .service-title .title-content .breadcrumb {
    padding-top: 1rem;
  }
  .auth-page {
    padding-top: 3rem;
  }
  .page-header .basket-header {
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
  }
  .auth-page .auth-bg {
    max-width: 120%;
  }
}

/*# sourceMappingURL=style.css.map */



/* =========================================
   FENOMEN PAKETLER - ULTRATHINK OVERRIDE
   ========================================= */

/* 1. Background Gradient */
.home-packages {
    background: radial-gradient(circle at center top, #422861 0%, #202236 50%, #151828 100%) !important;
    position: relative;
    z-index: 1;
}
.home-packages::before {
    content: ''; position: absolute; top: -10%; left: 10%; width: 50%; height: 60%;
    background: radial-gradient(circle, rgba(147, 51, 234, 0.25) 0%, transparent 60%);
    z-index: -1; pointer-events: none;
}
.home-packages::after {
    content: ''; position: absolute; bottom: -10%; right: 10%; width: 50%; height: 50%;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 60%);
    z-index: -1; pointer-events: none;
}

/* 2. Section Title */
.home-packages .section-title h2 {
    color: #ffffff !important;
    font-weight: 700;
}

/* 3. Package Tabs (Small Dark Pills) */
.home-packages .package-tabs .tab-buttons {
    gap: 15px !important;
}
.home-packages .package-tabs .tab-buttons .tab-button {
    height: 48px !important;
    min-width: 48px !important;
    padding: 0 16px !important;
    border-radius: 50px !important;
    background: #3e3f4a !important;
    color: #fff !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s ease !important;
}
.home-packages .package-tabs .tab-buttons .tab-button.active {
    background: #fff !important;
    color: #111 !important;
    padding: 0 24px !important;
}
.home-packages .package-tabs .tab-buttons .tab-button:not(.active) .title {
    display: none !important;
}
.home-packages .package-tabs .tab-buttons .tab-button .icon i {
    font-size: 20px !important;
}

/* 4. Package Cards Layout & Header */
.packages .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.packages .package-item {
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05) !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.packages .package-item .package-title {
    background: #23252b !important; /* Dark header */
    color: #fff !important;
    padding: 16px 20px !important;
    height: auto !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
    overflow: hidden !important;
}
.packages .package-item .package-title::before {
    content: "" !important;
    position: absolute !important;
    right: -25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 110px !important;
    height: 110px !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border-radius: 50% !important;
    z-index: 1 !important;
}
.packages .package-item .package-title .left {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    flex: 1 1 0% !important;
    padding-right: 15px !important;
    z-index: 2 !important;
    position: relative !important;
}
.packages .package-item .package-title .left .title {
    color: #9ca3af !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.packages .package-item .package-title .left .description {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #fff !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}
.packages .package-item .package-title .icon {
    background: #fff !important;
    color: #111 !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0;
    z-index: 2 !important;
    position: relative !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
}
.packages .package-item .package-title .icon i {
    font-size: 16px !important;
}
.packages .package-item .package-name {
    padding: 16px 20px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    background: #fff !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.packages .package-item .package-name .icon {
    color: #475569 !important;
    font-size: 20px !important;
}
.packages .package-item .package-name .name {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #111 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.packages .package-item .package-features {
    padding: 10px 20px 15px 20px !important;
}
.packages .package-item .package-features ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.packages .package-item .package-features ul li {
    padding: 10px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    line-height: 1.4 !important;
}
.packages .package-item .package-features ul li:last-child {
    border-bottom: none !important;
}
.packages .package-item .package-features ul li .checkmark {
    background: #f1f5f9 !important;
    color: #475569 !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 12px !important;
    flex-shrink: 0 !important;
}
.packages .package-item .package-features ul li .checkmark i {
    font-size: 12px !important;
    font-weight: bold !important;
}
.packages .package-item .package-footer {
    padding: 16px 20px 20px 20px !important;
    background: #fff !important;
    border-top: none !important;
}
.packages .package-item .package-footer .footer-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}
.packages .package-item .package-footer .price-text {
      font-family: 'Quicksand', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #10b981 !important;
}
.packages .package-item .package-footer .gift {
    background: #fffbeb !important;
    color: #d97706 !important;
    padding: 4px 10px !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}
.packages .package-item .buy-btn {
    background: #10b981 !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 12px !important;
    text-align: center !important;
    font-weight: 700 !important;
    display: block !important;
    width: 100% !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}
.packages .package-item .buy-btn:hover {
    background: #059669 !important;
    transform: translateY(-2px);
}

/* Fix for ut-services-container padding */
.ut-services-container { padding-top: 0 !important; padding-bottom: 20px !important; }

/* CSS Overrides for Footer, Navigation, and Help Widget */

/* Center Navigation Links */
.ut-nav-links {
    justify-content: center !important;
}
.ut-nav-links .ut-nav-item {
    margin: 0 5px;
}

/* Footer Fixes */
.footer-wrapper {
    margin-bottom: 10px !important;
}
[data-bs-theme="dark"] .footer-wrapper {
    background: #000000 !important;
}
.footer-card {
    margin: 0 10px 10px 10px !important;
    border-radius: 24px !important;
    padding-top: 150px !important; /* Space for CTA banner */
}
.cta-banner {
    margin: -80px 40px -100px 40px !important;
    border-radius: 24px !important;
    position: relative;
    z-index: 10;
}
@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    .cta-banner {
        margin: -60px 10px -80px 10px !important;
    }
}

/* Fix Help Widget Blocking Scroll To Top */
.ut-help-widget-container {
    pointer-events: none !important;
}
.ut-help-widget-container * {
    pointer-events: auto;
}

/* Back to Top Button Z-Index */
.back-to-top, #utScrollTopBtn {
    z-index: 99999 !important;
}

/* Fix for missing Bootstrap grid in template */
.packages .col-lg-3, .packages .col-md-6, .packages .col-12 {
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
}
.packages .col-12 {
    width: 100% !important;
}
@media (min-width: 768px) {
    .packages .col-md-6 {
        width: 50% !important;
    }
}
@media (min-width: 992px) {
    .packages .col-lg-3 {
        width: 25% !important;
    }
}
@media (min-width: 1200px) {
    .packages .col-lg-3 {
        width: 25% !important;
    }
}
/* =========================================================================
   MOBILE REDESIGN (HEADER, SIDEBAR, NAVBAR)
   ========================================================================= */

/* --- MOBILE HEADER --- */
.ut-mobile-header {
    background: #ffffff !important;
    height: 60px !important;
    padding: 0 15px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    position: relative;
    z-index: 1040;
}
.ut-mobile-header .ut-mobile-bell,
.ut-mobile-header .ut-mobile-menu-btn {
    color: #0ea5e9 !important;
    font-size: 24px !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.ut-mobile-header .ut-mobile-logo img {
    height: 40px !important;
    max-width: 180px !important;
    object-fit: contain !important;
}

/* --- MOBILE SIDEBAR --- */
.ut-mobile-sidebar {
    position: fixed;
    top: 0;
    left: -100%;
    width: 85%;
    max-width: 320px;
    height: 100vh;
    background: #eef2f6 !important;
    z-index: 1050;
    transition: left 0.3s ease;
    display: flex;
    flex-direction: column;
}
.ut-mobile-sidebar.show {
    left: 0;
}
.ut-mobile-sidebar-header {
    padding: 15px 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    background: #eef2f6 !important;
    min-height: 60px;
}
.ut-mobile-sidebar-header .ut-mobile-logo img {
    height: 35px !important;
    max-width: 160px !important;
    object-fit: contain !important;
}
.ut-close-sidebar-arrow {
    color: #94a3b8 !important;
    font-size: 24px !important;
    text-decoration: none !important;
}

/* Outside Close Button */
.ut-close-sidebar-outside {
    position: fixed;
    top: 15px;
    right: -50px;
    width: 40px;
    height: 40px;
    background: #ffffff !important;
    color: #0ea5e9 !important;
    font-size: 24px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    z-index: 1051;
    transition: right 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.ut-mobile-sidebar.show + .ut-close-sidebar-outside,
.ut-mobile-sidebar.show ~ .ut-close-sidebar-outside {
    right: 15px;
}

/* Sidebar Body & Links */
.ut-mobile-sidebar-body {
    flex: 1;
    overflow-y: auto;
    padding: 0 !important;
}
.ut-mobile-nav-links a {
    padding: 18px 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}
.ut-mobile-nav-links a .left i {
    color: #94a3b8 !important;
    font-size: 18px !important;
    margin-right: 10px !important;
    font-weight: normal !important;
}
.ut-mobile-nav-links a .chevron {
    color: #94a3b8 !important;
    font-size: 18px !important;
}

/* Sidebar Contact Area */
.ut-mobile-contact {
    padding: 20px !important;
}
.ut-mobile-contact .contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    text-decoration: none !important;
}
.ut-mobile-contact .contact-item:last-child {
    margin-bottom: 0;
}
.ut-mobile-contact .contact-item .icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #ffffff;
    flex-shrink: 0;
}
.ut-mobile-contact .contact-item .icon.wp { background: #25d366 !important; }
.ut-mobile-contact .contact-item .icon.support { background: #3b82f6 !important; }
.ut-mobile-contact .contact-item .icon.email { background: #0ea5e9 !important; }
.ut-mobile-contact .contact-item .info .label {
    display: block;
    color: #475569 !important;
    font-size: 12px !important;
    margin-bottom: 2px !important;
}
.ut-mobile-contact .contact-item .info .value {
    display: block;
    color: #0f172a !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Sidebar Footer */
.ut-mobile-sidebar-footer {
    background: #e2e8f0 !important;
    padding: 0 !important;
}
.ut-mobile-sidebar-footer a {
    display: flex !important;
    padding: 20px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    gap: 10px;
    justify-content: center;
}
.ut-mobile-sidebar-footer a i {
    color: #3b82f6 !important;
    font-size: 18px !important;
}

/* --- MOBILE BOTTOM NAV --- */
.ut-mobile-nav {
    background: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    height: 70px !important;
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
    box-shadow: 0 -4px 10px rgba(0,0,0,0.02) !important;
    padding: 0 10px !important;
}
.ut-mobile-nav .nav-item {
    flex: 1;
    height: 100%;
    color: #1e293b !important;
}
.ut-mobile-nav .nav-item i {
    font-size: 22px !important;
    margin-bottom: 2px !important;
}
.ut-mobile-nav .nav-item span {
    font-size: 10px !important;
    font-weight: 600 !important;
}
.ut-mobile-nav .nav-item.active {
    color: #0ea5e9 !important;
}

/* Center Cart Item */
.ut-mobile-nav .nav-item-cart {
    background: #10b981 !important;
    min-width: 75px !important;
    height: calc(100% + 15px) !important;
    margin-top: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    color: #ffffff !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(16,185,129,0.2) !important;
 margin-bottom: 0 !important; }
.ut-mobile-nav .nav-item-cart i {
    font-size: 26px !important;
    margin-bottom: 4px !important;
}
.ut-mobile-nav .nav-item-cart span {
    font-size: 11px !important;
    font-weight: 700 !important;
}
.ut-mobile-nav .nav-item-cart .badge {
    position: absolute !important;
    top: -10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #059669 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

/* Hide desktop elements completely on mobile if needed */
@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    .d-lg-none { display: flex !important; }
    .ut-mobile-header.d-flex { display: flex !important; }
    .ut-mobile-nav.d-flex { display: flex !important; }
}
/* --- DARK THEME OVERRIDES --- */
[data-bs-theme="dark"] .ut-mobile-header,
html[data-bs-theme="dark"] .ut-mobile-header,
body[data-bs-theme="dark"] .ut-mobile-header {
    background: #0a0a0c !important;
    border-bottom: 1px solid #1e293b !important;
}

[data-bs-theme="dark"] .ut-mobile-nav,
html[data-bs-theme="dark"] .ut-mobile-nav,
body[data-bs-theme="dark"] .ut-mobile-nav { background: #0a0a0c !important; border-top: 1px solid #1e293b !important; }

[data-bs-theme="dark"] .ut-mobile-nav .nav-item,
html[data-bs-theme="dark"] .ut-mobile-nav .nav-item,
body[data-bs-theme="dark"] .ut-mobile-nav .nav-item { color: #f1f5f9 !important; }
[data-bs-theme="dark"] .ut-mobile-nav .nav-item.active,
html[data-bs-theme="dark"] .ut-mobile-nav .nav-item.active,
body[data-bs-theme="dark"] .ut-mobile-nav .nav-item.active {
    color: #0ea5e9 !important;
}

/* Fix cart button shape and position */
.ut-mobile-nav .nav-item-cart {
    background: #10b981 !important;
    min-width: 65px !important;
    height: 65px !important;
    margin-top: -35px !important;
    border-radius: 12px !important;
    color: #ffffff !important;
    position: relative !important;
    box-shadow: 0 4px 12px rgba(16,185,129,0.3) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
 margin-bottom: 0 !important; }

/* Also ensure dark mode doesn't mess up sidebar */
[data-bs-theme="dark"] .ut-mobile-sidebar,
[data-bs-theme="dark"] .ut-mobile-sidebar-header { background: #0a0a0c !important; }
[data-bs-theme="dark"] .ut-mobile-nav-links a { color: var(--ut-text) !important; }
/* --- MOBILE PACKAGE LAYOUT --- */
@media (max-width: 767px) {
    .packages .col-12 {
        width: 33.3333% !important;
        padding-left: 4px !important;
        padding-right: 4px !important;
    }
    /* Max 2 rows (6 packages) on mobile */
    .packages .col-12:nth-child(n+7) {
        display: none !important;
    }
    /* Scale down inner elements for tight fit */
    .package-item {
        padding: 12px 10px !important;
    }
    .package-item .package-title .left .title {
        font-size: 13px !important;
    }
    .package-item .package-title .left .description {
        font-size: 10px !important;
        margin-top: 2px !important;
        white-space: normal !important;
    }
    .package-item .package-features li {
        font-size: 10px !important;
        margin-bottom: 6px !important;
    }
    .package-item .package-footer .price-text {
      font-family: 'Quicksand', sans-serif !important;
        font-size: 14px !important;
    }
    .package-item .package-footer .gift {
        font-size: 9px !important;
        padding: 2px 6px !important;
    }
    .package-item .buy-btn {
        padding: 8px !important;
        font-size: 12px !important;
    }
    .package-item .package-title {
        align-items: center;
        flex-direction: column;
        text-align: center;
        margin-bottom: 10px !important;
    }
    .package-item .package-title .icon-container {
        margin-right: 0 !important;
        margin-bottom: 5px !important;
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }
}
/* --- REVIEWS SLIDER --- */
.ut-reviews-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    gap: 15px !important;
}
.ut-reviews-grid::-webkit-scrollbar {
    display: none !important;
}
.ut-review-card {
    flex: 0 0 calc(50% - 7.5px) !important;
    scroll-snap-align: start !important;
    margin: 0 !important;
}
@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    .ut-review-card {
        flex: 0 0 100% !important;
    }
}
/* --- MOBILE BLOG SLIDER --- */
@media (max-width: 767px) {
    .ut-blog-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        scroll-behavior: smooth !important;
        -ms-overflow-style: none !important;
        scrollbar-width: none !important;
        gap: 15px !important;
    }
    .ut-blog-grid::-webkit-scrollbar {
        display: none !important;
    }
    .ut-blog-card {
        flex: 0 0 calc(50% - 7.5px) !important;
        scroll-snap-align: center !important;
    }
    .ut-blog-image img {
        height: 120px !important;
        object-fit: cover !important;
    }
    .ut-blog-content {
        padding: 12px !important;
    }
    .ut-blog-content h3 {
        font-size: 13px !important;
        margin-bottom: 8px !important;
        line-height: 1.4 !important;
    }
    .ut-blog-content p {
        font-size: 11px !important;
        margin-bottom: 12px !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .ut-blog-btn {
        font-size: 11px !important;
        padding: 6px 12px !important;
    }
}
/* --- MOBILE FOOTER --- */
@media (max-width: 767px) {
    /* Make 3 columns side-by-side on mobile */
    .footer-col-right .grid-cols-3 {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 10px !important;
    }
    .footer-col-right .grid-cols-4 {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 10px !important;
    }
    .footer-col-right .footer-col-title {
        font-size: 11px !important;
        margin-bottom: 12px !important;
        white-space: nowrap;
    }
    .footer-col-right .footer-link {
        font-size: 10px !important;
        padding: 4px 0 !important;
    }
    /* Make sure payment icons wrap nicely on small screens */
    .footer-payments {
        justify-content: center !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }
    /* Reorder copyright section to look balanced */
    .footer-wrapper .border-top {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
}
/* --- FIX HELP WIDGET MOBILE POSITION --- */
@media (max-width: 767px) {
    .ut-help-widget-container {
        bottom: 90px !important;
        right: 15px !important;
    }
}
/* --- FIX MOBILE HEADER LAYOUT --- */
.ut-mobile-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    padding: 0 20px !important;
}
.ut-mobile-header .ut-mobile-bell,
.ut-mobile-header .ut-mobile-menu-btn {
    flex: 0 0 auto !important;
}
.ut-mobile-header .ut-mobile-logo {
    flex: 1 1 auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.ut-mobile-header .ut-mobile-logo img {
    margin: 0 auto !important;
}
/* --- FIX MOBILE NAVBAR TO MATCH DESIGN EXACTLY --- */
.ut-mobile-nav {
    height: 60px !important;
    padding: 0 !important;
    align-items: flex-end !important;
    background: var(--ut-bg) !important;
    border-top: 1px solid var(--ut-border) !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.05) !important;
}
.ut-mobile-nav .nav-item {
    height: 60px !important;
    flex: 1 !important;
    color: var(--ut-text-muted) !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    padding-bottom: 5px !important;
    background: transparent !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}
.ut-mobile-nav .nav-item i {
    font-size: 22px !important;
    margin-bottom: 2px !important;
}
.ut-mobile-nav .nav-item.active {
    color: var(--ut-primary) !important;
}
.ut-mobile-nav .nav-item-cart {
    background: #10b981 !important;
    height: 75px !important;
    flex: 1 !important;
    color: #ffffff !important;
    position: relative !important;
    border-radius: 4px 4px 0 0 !important;
    margin-top: 0 !important;
    justify-content: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important;
    text-decoration: none !important;
 margin-bottom: 0 !important; }
.ut-mobile-nav .nav-item-cart i {
    font-size: 24px !important;
    margin-top: 5px !important;
}
.ut-mobile-nav .nav-item-cart span {
    font-size: 12px !important;
    font-weight: 700 !important;
}
.ut-mobile-nav .nav-item-cart .badge {
    position: absolute !important;
    top: -12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #059669 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 2px solid var(--ut-bg) !important; /* Cutout effect matching the page bg */
}
[data-bs-theme="dark"] .ut-mobile-nav .nav-item.active {
    color: #0ea5e9 !important;
}
/* --- FINAL MOBILE HEADER DESIGN FIXES --- */
.ut-mobile-header {
    height: 70px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 0 20px !important;
}

/* Icons (Bell & Menu) */
.ut-mobile-header .ut-mobile-bell,
.ut-mobile-header .ut-mobile-menu-btn {
    color: #0ea5e9 !important; /* Blue color matching the design */
    font-size: 26px !important;
    text-decoration: none !important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}

/* Bell Badge */
.ut-mobile-header .ut-mobile-bell .bell-badge {
    position: absolute;
    top: -2px;
    left: -2px; /* Top left as seen in the image */
    background: #4361ee; /* Darker blue for badge */
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff; /* White border for cutout effect */
}

/* Logo Sizing & Centering */
.ut-mobile-header .ut-mobile-logo {
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100%;
}
.ut-mobile-header .ut-mobile-logo img {
    height: 40px !important; /* Slightly larger logo to match image */
    max-width: 180px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
}

/* Dark Theme Adjustments */
[data-bs-theme="dark"] .ut-mobile-header {
    background: #0a0a0c !important;
    border-bottom: 1px solid #1e293b !important;
}
[data-bs-theme="dark"] .ut-mobile-header .ut-mobile-bell .bell-badge {
    border-color: #0a0a0c !important;
}
/* --- MOBILE SIDEBAR EXACT DESIGN MATCH --- */
.ut-mobile-sidebar {
    background: #eef2f6 !important;
}
.ut-mobile-sidebar-header {
    background: transparent !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 20px !important;
}
.ut-mobile-nav-links a {
    background: transparent !important;
    padding: 20px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.5px !important;
}
.ut-mobile-nav-links a i:not(.chevron) {
    color: #94a3b8 !important;
    font-size: 20px !important;
    margin-right: 15px !important;
}
.ut-mobile-nav-links a .chevron {
    color: #cbd5e1 !important;
    font-size: 20px !important;
}
[data-bs-theme="dark"] .ut-mobile-nav-links a i:not(.chevron) { color: var(--ut-text-muted) !important; }
[data-bs-theme="dark"] .ut-mobile-sidebar-footer a {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}
/* --- FENOMEN PAKETLER MOBIL TASARIM (2 YAN YANA, MAX 2 SIRA) --- */

/* --- MOBIL BLOG ALANI (YANYANA 2LI VE KAYARLI) --- */
@media (max-width: 767px) {
    .ut-blog-grid {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 15px !important;
        padding-bottom: 20px !important;
        /* Hide scrollbar */
        scrollbar-width: none !important;
        scroll-behavior: smooth !important;
    }
    .ut-blog-grid::-webkit-scrollbar {
        display: none !important;
    }
    .ut-blog-card {
        flex: 0 0 calc(50% - 15px) !important; /* 2 kutu yan yana */
        width: calc(50% - 15px) !important;
        min-width: calc(50% - 15px) !important;
        scroll-snap-align: start !important;
        margin-bottom: 0 !important; /* Grid'den gelen margin varsa sıfırla */
        display: flex !important;
        flex-direction: column !important;
    }
    .ut-blog-content {
        padding: 10px !important;
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
    }
    .ut-blog-content h3 {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin-bottom: 5px !important;
    }
    .ut-blog-content p {
        font-size: 10px !important;
        line-height: 1.4 !important;
        margin-bottom: 10px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        flex: 1 !important;
    }
    .ut-blog-btn {
        font-size: 10px !important;
        padding: 6px 12px !important;
        margin-top: auto !important;
    }
}
/* --- FIX MOBILE HEADER DESKTOP VISIBILITY AND ICON COLORS --- */
@media (min-width: 992px) {
    .ut-mobile-header {
        display: none !important;
    }
}

.ut-mobile-header .ut-mobile-bell,
.ut-mobile-header .ut-mobile-menu-btn {
    color: var(--ut-text) !important; /* Adapt to dark/light mode instead of fixed blue */
}

/* Also ensure sidebar close icon adapts to theme */
.ut-mobile-sidebar-header .ut-close-sidebar-inside {
    color: var(--ut-text) !important;
}
/* --- FULL FIX FOR MOBILE SIDEBAR --- */
.ut-mobile-sidebar {
    position: fixed;
    top: 0;
    left: -320px;
    width: 320px;
    max-width: 85vw;
    height: 100vh;
    background: var(--ut-bg) !important;
    z-index: 1050;
    transition: left 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    border-right: 1px solid var(--ut-border);
}
.ut-mobile-sidebar.open {
    left: 0;
}
.ut-mobile-sidebar-header {
    padding: 20px;
    border-bottom: 1px solid var(--ut-border);
    background: var(--ut-bg);
}
.ut-mobile-sidebar-body {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 20px;
}
.ut-mobile-nav-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    color: var(--ut-text) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--ut-border) !important;
    background: transparent !important;
}
.ut-mobile-nav-links a .left {
    display: flex;
    align-items: center;
    gap: 15px;
}
.ut-mobile-nav-links a .left i {
    color: var(--ut-text-muted) !important;
    font-size: 20px !important;
    margin: 0 !important;
}
.ut-mobile-nav-links a .chevron {
    color: var(--ut-text-muted) !important;
    font-size: 18px !important;
}
.ut-mobile-contact {
    padding: 20px;
}
.ut-mobile-contact a {
    display: flex;
    align-items: center;
    gap: 15px;
    text-decoration: none !important;
    margin-bottom: 20px;
}
.ut-mobile-contact a:last-child {
    margin-bottom: 0;
}
.ut-mobile-contact .icon-wrapper {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}
.ut-mobile-contact .text-wrapper .label {
    font-size: 11px;
    color: var(--ut-text-muted);
    font-weight: 500;
    margin-bottom: 2px;
}
.ut-mobile-contact .text-wrapper .value {
    font-size: 14px;
    color: var(--ut-text);
    font-weight: 700;
    letter-spacing: -0.5px;
}
.ut-mobile-sidebar-footer {
    padding: 20px;
    background: var(--ut-bg);
    border-top: 1px solid var(--ut-border);
}
.ut-mobile-sidebar-footer .btn-siparis {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--ut-card-hover);
    border: 1px solid var(--ut-border);
    border-radius: 8px;
    padding: 12px 20px;
    text-decoration: none;
    color: var(--ut-text);
    font-weight: 600;
    font-size: 14px;
}
.ut-mobile-sidebar-footer .btn-siparis .left-col {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ut-mobile-sidebar-footer .btn-siparis i {
    font-size: 18px;
}

/* FIX MOBILE SIDEBAR Z-INDEX OVERLAP */
.ut-mobile-sidebar { z-index: 1060 !important; }


/* FIX FEATURE CARD TITLE COLOR */
.ut-feature-card h4 { color: var(--ut-text) !important; }


/* --- MOBIL SIDEBAR TEXT COLORS FIX --- */
.ut-mobile-nav-links a { color: var(--ut-text) !important; }
.ut-mobile-nav-links a .left i { color: var(--ut-text-muted) !important; }
.ut-mobile-nav-links a > i { color: var(--ut-text-muted) !important; }

.ut-mobile-contact .text-wrapper .label { color: var(--ut-text-muted) !important; }
.ut-mobile-contact .text-wrapper .value { color: var(--ut-text) !important; font-weight: 700 !important; }

.ut-mobile-sidebar-footer { background: var(--ut-bg) !important; }
.ut-mobile-sidebar-footer .btn-siparis { background: var(--ut-card-hover) !important; color: var(--ut-text) !important; }
.ut-mobile-sidebar-footer .btn-siparis i { color: var(--ut-primary) !important; }
.ut-mobile-sidebar-footer .btn-siparis > i { color: var(--ut-text-muted) !important; }

.ut-mobile-sidebar-header .ut-close-sidebar-inside { color: var(--ut-primary) !important; }
[data-bs-theme="dark"] .ut-mobile-sidebar-header .ut-logo-light-mode { display: none !important; }
[data-bs-theme="dark"] .ut-mobile-sidebar-header .ut-logo-dark-mode { display: block !important; }

/* --- BULLETPROOF MOBILE HEADER ICON COLORS --- */
.ut-mobile-header a i { color: #0f172a !important; }
[data-bs-theme="dark"] .ut-mobile-header a i { color: #ffffff !important; }

/* --- GLOBAL LOGO TOGGLE FIX --- */
.ut-logo-light-mode { display: block !important; }
.ut-logo-dark-mode { display: none !important; }

[data-bs-theme="dark"] .ut-logo-light-mode { display: none !important; }
[data-bs-theme="dark"] .ut-logo-dark-mode { display: block !important; }

/* --- MOBILE HEADER ICON FIX --- */
.ut-mobile-header .ut-mobile-bell i,
.ut-mobile-header .ut-mobile-menu-btn i,
.ut-mobile-header a i {
    color: var(--ut-text) !important;
}

[data-bs-theme="dark"] .ut-mobile-sidebar-header { border-bottom: 1px solid #1e293b !important; }

/* Ensure Scroll to Top is visible on mobile */
@media (max-width: 991px) {
    .ut-app-image { display: none !important; }
    .ut-scroll-top-btn, #utScrollTopBtn {
        display: flex !important;
        bottom: 155px !important;
        right: 15px !important;
        z-index: 999999 !important;
        transform: scale(0.9);
    }
}

@keyframes topbar-marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.ut-ticker-track:hover {
    animation-play-state: paused;
}

.ut-action-btn.blue-outline {
    border-color: rgba(59, 130, 246, 0.5);
}
.ut-action-btn.blue-outline:hover {
    border-color: #3b82f6;
    color: #3b82f6;
}

.ut-hero-section { padding: 25px 0 !important; }



/* NEW PACKAGE ITEM DESIGN */
.packages .package-item {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
    transition: all 0.3s ease !important;
    border: none !important;
    margin-bottom: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.packages .package-item:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
}

/* Package Title Area */
.packages .package-item .package-title {
    padding: 20px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    color: #ffffff !important;
}

/* Platform Colors */
.packages .package-item.tiktok .package-title { background: #111827 !important; }
.packages .package-item.instagram .package-title { background: linear-gradient(135deg, #e1306c, #c13584) !important; }
.packages .package-item.youtube .package-title { background: #ff0000 !important; }
.packages .package-item.twitter .package-title { background: #1da1f2 !important; }

.packages .package-item .package-title .left {
    display: flex;
    flex-direction: column;
}
.packages .package-item .package-title .left .title {
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 2px !important;
    color: #ffffff !important;
}
.packages .package-item .package-title .left .description {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Icon in Header */
.packages .package-item .package-title .icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #111827 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    box-shadow: 0 0 0 8px rgba(255,255,255,0.1), 0 0 0 16px rgba(255,255,255,0.05) !important;
}
.packages .package-item.instagram .package-title .icon { color: #e1306c !important; }
.packages .package-item.youtube .package-title .icon { color: #ff0000 !important; }

.packages .package-item .package-title .icon i {
    font-size: 24px !important;
}

/* Package Name (Followers Count) */
.packages .package-item .package-name {
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
.packages .package-item .package-name .icon {
    margin-right: 15px !important;
    color: #e1306c !important; /* Default to pinkish */
}
.packages .package-item.youtube .package-name .icon { color: #ff0000 !important; }
.packages .package-item.tiktok .package-name .icon { color: #111827 !important; }

.packages .package-item .package-name .icon i {
    font-size: 24px !important;
}
.packages .package-item .package-name .name {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}

/* Package Features */
.packages .package-item .package-features {
    padding: 0 !important;
    background: #ffffff !important;
}
.packages .package-item .package-features ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.packages .package-item .package-features ul li {
    padding: 15px 20px !important;
    display: flex !important;
    align-items: center !important;
    border-bottom: 1px solid #f1f5f9 !important;
}
.packages .package-item .package-features ul li .checkmark {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    color: #1e293b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 12px !important;
    flex-shrink: 0;
}
.packages .package-item .package-features ul li .checkmark i {
    font-size: 14px !important;
}
.packages .package-item .package-features ul li .text {
    font-size: 14px !important;
    color: #334155 !important;
    font-weight: 500 !important;
}

/* Package Footer */
.packages .package-item .package-footer {
    padding: 20px !important;
    background: #ffffff !important;
    margin-top: auto;
}
.packages .package-item .package-footer .footer-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 15px !important;
}
.packages .package-item .package-footer .price {
    display: flex !important;
    align-items: center !important;
}
.packages .package-item .package-footer .price .icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #d1fae5 !important;
    color: #10b981 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 8px !important;
}
.packages .package-item .package-footer .price .icon i {
    font-size: 16px !important;
}
.packages .package-item .package-footer .price-text {
      font-family: 'Quicksand', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #10b981 !important;
}
.packages .package-item .package-footer .gift {
    display: flex !important;
    align-items: center !important;
}
.packages .package-item .package-footer .gift .icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #ffedd5 !important;
    color: #f59e0b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 8px !important;
}
.packages .package-item .package-footer .gift .icon i {
    font-size: 16px !important;
}
.packages .package-item .package-footer .gift-text {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #f59e0b !important;
}

.packages .package-item .buy-btn {
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
    background: #10b981 !important;
    color: #ffffff !important;
    text-align: center !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}
.packages .package-item .buy-btn:hover {
    background: #059669 !important;
    transform: translateY(-2px);
}


/* KESİN 3'LÜ MASAÜSTÜ ZORLAMASI */
@media (min-width: 768px) {
    .home-packages .packages .col-lg-4, 
    .home-packages .packages .col-md-6, 
    .home-packages .packages .col-md-4 {
        width: 33.333333% !important;
        flex: 0 0 33.333333% !important;
        max-width: 33.333333% !important;
    }
}

/* GLOBAL ORANGE PURCHASE BUTTONS OVERRIDES */
.packages .package-item .buy-btn,
.packages .package-item .package-footer .buy-btn,
.buy-btn {
    background: linear-gradient(135deg, #ff8f00 0%, #ff5e00 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(255, 94, 0, 0.2) !important;
}

.packages .package-item .buy-btn:hover,
.packages .package-item .package-footer .buy-btn:hover,
.buy-btn:hover {
    background: linear-gradient(135deg, #ff7b00 0%, #e04f00 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(255, 94, 0, 0.3) !important;
}

.add-to-cart-btn {
    background: linear-gradient(135deg, #ff8f00 0%, #ff5e00 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(255, 94, 0, 0.2) !important;
}

.add-to-cart-btn:hover {
    background: linear-gradient(135deg, #ff7b00 0%, #e04f00 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(255, 94, 0, 0.3) !important;
}

/* ORANGE BLOG STYLE OVERRIDES */
.ut-blog-section h2 strong {
    color: #ff5e00 !important; /* Turuncu "Bloglarımız" kelimesi */
}

.ut-blog-btn {
    background: linear-gradient(135deg, #ff8f00 0%, #ff5e00 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(255, 94, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

.ut-blog-btn:hover {
    background: linear-gradient(135deg, #ff7b00 0%, #e04f00 100%) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 18px rgba(255, 94, 0, 0.3) !important;
}

/* HERO TITLE WHITE COLOR FIX OVERRIDE */
.ut-page-hero .hero-title {
    color: #ffffff !important;
}

/* TABS ACTIVE AND INACTIVE CONTRAST OVERRIDES */
.service-tab, .tool-tab {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #ffffff !important;
}

.service-tab.active, .tool-tab.active {
    background: #ffffff !important;
    color: #ff5e00 !important;
    border-color: #ffffff !important;
}

/* Eliminate mobile touch highlights on interactive elements */
.ut-service-card, 
.ut-service-card *, 
.track-item, 
.track-item * {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    outline: none !important;
}

/* MEGA MENU PLATFORM TABS STYLE OVERRIDES */
.tools-mega-tabs {
    display: flex !important;
    gap: 12px !important;
    margin-bottom: 24px !important;
    flex-wrap: wrap !important;
}

.tools-mega-tabs .mega-tool-tab {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 90px !important;
    height: 75px !important;
    border-radius: 16px !important;
    background: var(--tab-bg, rgba(255, 255, 255, 0.05)) !important;
    border: 2px solid transparent !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    padding: 8px !important;
    color: var(--ut-text) !important;
}

.tools-mega-tabs .mega-tool-tab .tab-logo {
    font-size: 24px !important;
    margin-bottom: 6px !important;
    color: var(--tab-accent, #ff5e00) !important;
    transition: transform 0.3s !important;
}

.tools-mega-tabs .mega-tool-tab .tab-text {
    font-size: 11px !important;
    font-weight: 750 !important;
    text-transform: capitalize !important;
    opacity: 0.85 !important;
    text-align: center !important;
}

.tools-mega-tabs .mega-tool-tab:hover {
    transform: translateY(-3px) !important;
    border-color: var(--tab-accent, #ff5e00) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05) !important;
}

.tools-mega-tabs .mega-tool-tab.active {
    background: var(--tab-accent, #ff5e00) !important;
    border-color: var(--tab-accent, #ff5e00) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 24px rgba(255, 94, 0, 0.2) !important;
}

.tools-mega-tabs .mega-tool-tab.active .tab-logo {
    color: #ffffff !important;
    transform: scale(1.1) !important;
}

.tools-mega-tabs .mega-tool-tab.active .tab-text {
    opacity: 1 !important;
    color: #ffffff !important;
}

/* Dark mode adjustment for black icons */
[data-bs-theme="dark"] .tools-mega-tabs .mega-tool-tab {
    background: rgba(255, 255, 255, 0.03) !important;
}

/* Move Cookiebot Widget above mobile bottom navbar */
@media (max-width: 991.98px) {
    #CookiebotWidget, 
    #CookiebotWidget .CookiebotWidget-logo,
    #CookiebotWidgetWidget,
    iframe[title="Cookiebot Consent Control"],
    div[id="CookiebotWidget"] {
        bottom: 85px !important;
        left: 20px !important;
    }
}



/* Dashboard Styles Restored */
.ut-panel-section {
    padding: 40px 0 !important;
    background-color: var(--ut-body-bg) !important;
    color: var(--ut-text-color) !important;
    font-family: 'Quicksand', sans-serif !important;
    min-height: 100vh;
}
.ut-panel-card {
    background: var(--ut-card-bg) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    border: 1px solid var(--ut-border-color) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;
    margin-bottom: 24px;
}
.ut-panel-card h5 {
    color: var(--ut-text-color) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 20px !important;
}
.ut-stat-card {
    background: var(--ut-card-bg-2) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    transition: all 0.3s ease !important;
    border: 1px solid var(--ut-border-color) !important;
}
.ut-stat-card:hover {
    transform: translateY(-5px) !important;
    background: var(--ut-card-bg-3) !important;
}
.ut-stat-icon-wrap {
    width: 60px !important;
    height: 60px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.ut-stat-icon-wrap i {
    font-size: 28px !important;
    color: #fff !important;
}
.ut-stat-info h3 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--ut-text-color) !important;
    margin: 0 0 5px 0 !important;
}
.ut-stat-info p {
    font-size: 14px !important;
    color: var(--ut-text-muted) !important;
    margin: 0 !important;
}
.ut-order-table th {
    background: var(--ut-card-bg-3) !important;
    color: var(--ut-text-muted) !important;
    font-weight: 600 !important;
    padding: 15px !important;
    border-bottom: 1px solid var(--ut-border-color) !important;
}
.ut-order-table td {
    color: var(--ut-text-color) !important;
    padding: 15px !important;
    border-bottom: 1px solid var(--ut-border-color) !important;
    vertical-align: middle !important;
}
.ut-status-badge {
    padding: 6px 12px !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Sidebar Styles Restored */
.ut-panel-sidebar {
    background: var(--ut-card-bg) !important;
    border-radius: 20px !important;
    padding: 24px !important;
    border: 1px solid var(--ut-border-color) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}
.ut-panel-profile {
    text-align: center !important;
    margin-bottom: 30px !important;
    padding-bottom: 24px !important;
    border-bottom: 1px solid var(--ut-border-color) !important;
}
.ut-profile-avatar-wrap {
    position: relative !important;
    width: 90px !important;
    height: 90px !important;
    margin: 0 auto 15px !important;
}
.ut-profile-avatar {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 3px solid #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
}
.ut-profile-online-badge {
    position: absolute !important;
    bottom: 5px !important;
    right: 5px !important;
    width: 14px !important;
    height: 14px !important;
    background: #10b981 !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
}
.ut-profile-name {
    display: block !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: var(--ut-text-color) !important;
    margin-bottom: 5px !important;
}
.ut-profile-email {
    display: block !important;
    font-size: 13px !important;
    color: var(--ut-text-muted) !important;
    margin-bottom: 10px !important;
}
.ut-profile-type-badge {
    display: inline-block !important;
    padding: 4px 12px !important;
    background: var(--ut-card-bg-2) !important;
    color: var(--ut-text-color) !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: 1px solid var(--ut-border-color) !important;
}
.ut-panel-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}
.ut-menu-item {
    display: flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
    color: var(--ut-text-color) !important;
    text-decoration: none !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}
.ut-menu-item:hover, .ut-menu-item.active {
    background: var(--ut-card-bg-2) !important;
    color: #4f46e5 !important;
}
.ut-menu-item i {
    font-size: 20px !important;
    margin-right: 12px !important;
    color: var(--ut-text-muted) !important;
    transition: all 0.3s ease !important;
}
.ut-menu-item:hover i, .ut-menu-item.active i {
    color: #4f46e5 !important;
}
.ut-panel-level-card {
    background: var(--ut-level-bg) !important;
    border: 1px solid var(--ut-level-border) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}
.ut-panel-level-badge {
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    box-shadow: 0 4px 10px rgba(245, 158, 11, 0.3) !important;
}
.ut-panel-level-title {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--ut-text-color) !important;
    margin-bottom: 4px !important;
}
.ut-panel-level-bar {
    width: 100% !important;
    height: 6px !important;
    background: rgba(245, 158, 11, 0.2) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
.ut-panel-level-bar-fill {
    height: 100% !important;
    background: #f59e0b !important;
    border-radius: 10px !important;
}
.ut-panel-buttons-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 24px !important;
}
.ut-panel-action-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
}
.ut-panel-action-btn:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15) !important;
    color: #fff !important;
}
.ut-profile-balance {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: #10b981;
    margin-bottom: 15px;
    font-family: monospace;
}
.ut-sidebar-icon {
    width: 20px !important;
    height: 20px !important;
    object-fit: contain !important;
    margin-right: 12px !important;
    opacity: 0.7 !important;
    transition: all 0.3s ease !important;
}
.ut-menu-item:hover .ut-sidebar-icon, .ut-menu-item.active .ut-sidebar-icon {
    opacity: 1 !important;
    transform: scale(1.1) !important;
}


/* MOBILE BLOG CARD FIXES */
@media (max-width: 767px) {
    .ut-blog-image {
        height: 160px !important;
    }
    .ut-blog-content {
        padding: 12px 5px 5px 5px !important;
    }
    .ut-blog-content h3 {
        margin-bottom: 8px !important;
    }
    .ut-blog-content p {
        margin-bottom: 15px !important;
    }
}

/* --- USER REQUESTED CSS FIXES --- */
:root:not([data-bs-theme="dark"]) .dp-card .dp-incele-btn span,
html[data-bs-theme="light"] .dp-card .dp-incele-btn span,
:root:not([data-bs-theme="dark"]) .pcr-action-button,
html[data-bs-theme="light"] .pcr-action-button {
    background: #ffffff !important;
    color: #000000 !important;
    font-weight: 700 !important;
}

:root:not([data-bs-theme="dark"]) .dp-radio:checked + .dp-card .dp-incele-btn span,
html[data-bs-theme="light"] .dp-radio:checked + .dp-card .dp-incele-btn span {
    background: #ffffff !important;
    color: #000000 !important;
}

:root:not([data-bs-theme="dark"]) .dp-card .dp-subname,
:root:not([data-bs-theme="dark"]) .dp-card .dp-qty,
html[data-bs-theme="light"] .dp-card .dp-subname,
html[data-bs-theme="light"] .dp-card .dp-qty {
    color: #ffffff !important;
}

.cart-empty-logo-box {
    color: var(--brand-color) !important;
    background: color-mix(in srgb, var(--brand-color) 15%, transparent) !important;
}

[data-bs-theme="dark"] .cart-empty-logo-box {
    background: color-mix(in srgb, var(--brand-color) 15%, transparent) !important;
}

.cart-details-summary-card .cds-header i.ri-shopping-basket-line {
    color: var(--brand-color) !important;
}

:root:not([data-bs-theme="dark"]) .col-title,
html[data-bs-theme="light"] .col-title {
    color: #111827 !important;
    font-weight: 800 !important;
}

[data-bs-theme="dark"] .col-title {
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* ========================================= */
/* ULTRATHINK MOBILE NAVBAR PERFECT FIX V4   */
/* ========================================= */

nav.ut-mobile-nav {
    background-color: #ffffff !important;
    border-top: 1px solid #e5e5e5 !important;
    display: flex !important;
}
nav.ut-mobile-nav a.nav-item, 
nav.ut-mobile-nav a.nav-item span {
    color: #000000 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
nav.ut-mobile-nav a.nav-item img.ut-theme-icon {
    filter: brightness(0) !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

[data-bs-theme="dark"] nav.ut-mobile-nav,
body.dark-mode nav.ut-mobile-nav {
    background-color: #111111 !important;
    border-top: 1px solid #222222 !important;
}
[data-bs-theme="dark"] nav.ut-mobile-nav a.nav-item,
[data-bs-theme="dark"] nav.ut-mobile-nav a.nav-item span,
body.dark-mode nav.ut-mobile-nav a.nav-item,
body.dark-mode nav.ut-mobile-nav a.nav-item span {
    color: #ffffff !important;
}
[data-bs-theme="dark"] nav.ut-mobile-nav a.nav-item img.ut-theme-icon,
body.dark-mode nav.ut-mobile-nav a.nav-item img.ut-theme-icon {
    filter: brightness(0) invert(1) !important;
}

nav.ut-mobile-nav a.nav-item-cart {
    background-color: #18d3a6 !important;
    border-radius: 12px !important;
}
nav.ut-mobile-nav a.nav-item-cart span {
    color: #ffffff !important;
    font-weight: 700 !important;
}
nav.ut-mobile-nav a.nav-item-cart img.ut-theme-icon {
    filter: brightness(0) invert(1) !important;
}
nav.ut-mobile-nav a.nav-item-cart div.badge {
    background-color: #18d3a6 !important;
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}