/* Hero Section */

        .policy-hero {

            position: relative;

            height: 40vh;

            min-height: 350px;

            background: linear-gradient(135deg, rgba(40,32,86,0.5) 0%, rgba(239,48,147,0.6) 100%),

                        url('https://images.unsplash.com/photo-1563986768609-322da13575f3?w=1200') center/cover;

            display: flex;

            align-items: center;

            justify-content: center;

            color: white;

            text-align: center;

        }



        .policy-hero-content h1 {

            font-size: 3rem;

            font-weight: 700;

            margin-bottom: 15px;

            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);

        }



        .policy-hero-content p {

            font-size: 1.2rem;

            opacity: 0.95;

        }



        /* Main Content Section */

        .policy-content {

            padding: 80px 0;

            background: white;

        }



        /* Sidebar */

        .policy-sidebar {

            background: var(--light-bg);

            padding: 30px 25px;

            border-radius: 15px;

            box-shadow: 0 4px 15px rgba(0,0,0,0.08);

            position: sticky;

            top: 100px;

        }



        .sidebar-title {

            font-size: 1.3rem;

            color: var(--primary-color);

            margin-bottom: 20px;

            font-weight: 700;

        }



        .sidebar-nav {

            list-style: none;

            padding: 0;

            margin: 0;

        }



        .sidebar-nav li {

            margin-bottom: 10px;

        }



        .sidebar-nav a {

            display: flex;

            align-items: center;

            padding: 12px 15px;

            color: #555;

            text-decoration: none;

            border-radius: 8px;

            transition: all 0.3s ease;

            font-weight: 500;

        }



        .sidebar-nav a i {

            margin-right: 10px;

            color: var(--accent-color);

            width: 20px;

        }



        .sidebar-nav a:hover,

        .sidebar-nav a.active {

            background: white;

            color: var(--primary-color);

            box-shadow: 0 2px 10px rgba(0,0,0,0.1);

            transform: translateX(5px);

        }



        /* Policy Sections */

        .policy-section {

            margin-bottom: 60px;

            padding-bottom: 40px;

            border-bottom: 2px solid var(--light-bg);

        }



        .policy-section:last-child {

            border-bottom: none;

        }



        .policy-intro {

            background: linear-gradient(135deg, var(--primary-color), var(--accent-color));

            color: #fff !important;

            padding: 30px 35px;

            border-radius: 15px;

            margin-bottom: 40px;

            box-shadow: 0 4px 20px rgba(0,0,0,0.15);

        }



        .policy-intro p {

            margin: 0;

            font-size: 1.1rem;

            line-height: 1.8;

        }



        .section-icon {

            width: 70px;

            height: 70px;

            background: linear-gradient(135deg, var(--primary-color), var(--accent-color));

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            margin-bottom: 25px;

            box-shadow: 0 4px 15px rgba(0,0,0,0.2);

        }



        .section-icon i {

            font-size: 2rem;

            color: white;

        }



        .policy-section h2 {

            font-size: 2rem;

            color: var(--primary-color);

            margin-bottom: 20px;

            font-weight: 700;

        }



        .policy-section p {

            font-size: 1.05rem;

            line-height: 1.8;

            color: #555;

            margin-bottom: 20px;

        }



        .policy-section ul {

            margin: 20px 0;

            padding-left: 30px;

        }



        .policy-section li {

            margin-bottom: 12px;

            line-height: 1.6;

            color: #555;

        }



        .policy-section strong {

            color: var(--primary-color);

        }



        .policy-section a {

            color: var(--accent-color);

            text-decoration: none;

            font-weight: 600;

        }



        .policy-section a:hover {

            text-decoration: underline;

        }



        /* Info Boxes */

        .info-box,

        .warning-box {

            display: flex;

            align-items: flex-start;

            padding: 20px 25px;

            border-radius: 10px;

            margin: 25px 0;

        }



        .info-box {

            background: #e3f2fd;

            border-left: 4px solid #2196f3;

        }



        .warning-box {

            background: #fff3e0;

            border-left: 4px solid #ff9800;

        }



        .info-box i,

        .warning-box i {

            font-size: 1.5rem;

            margin-right: 15px;

            margin-top: 3px;

        }



        .info-box i {

            color: #2196f3;

        }



        .warning-box i {

            color: #ff9800;

        }



        .info-box div,

        .warning-box div {

            flex: 1;

        }



        .info-box strong,

        .warning-box strong {

            display: block;

            margin-bottom: 5px;

            font-size: 1.05rem;

        }



        /* Information Collection Grid */

        .info-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

            gap: 25px;

            margin: 30px 0;

        }



        .info-card {

            background: var(--light-bg);

            padding: 30px 25px;

            border-radius: 15px;

            transition: all 0.3s ease;

            border: 2px solid transparent;

        }



        .info-card:hover {

            background: white;

            border-color: var(--accent-color);

            box-shadow: 0 6px 25px rgba(0,0,0,0.12);

            transform: translateY(-5px);

        }



        .info-card i {

            font-size: 3rem;

            color: var(--accent-color);

            margin-bottom: 20px;

            display: block;

        }



        .info-card h4 {

            font-size: 1.2rem;

            color: var(--primary-color);

            margin-bottom: 15px;

            font-weight: 600;

        }



        .info-card ul {

            list-style: none;

            padding: 0;

            margin: 0;

        }



        .info-card li {

            padding: 8px 0;

            color: #666;

            border-bottom: 1px solid #eee;

        }



        .info-card li:last-child {

            border-bottom: none;

        }



        .info-card li::before {

            content: '✓';

            color: var(--accent-color);

            font-weight: bold;

            margin-right: 10px;

        }



        /* Usage List */

        .usage-list {

            margin: 30px 0;

        }



        .usage-item {

            display: flex;

            gap: 25px;

            margin-bottom: 35px;

            position: relative;

            padding-bottom: 35px;

        }



        .usage-item::after {

            content: '';

            position: absolute;

            left: 24px;

            top: 60px;

            bottom: -35px;

            width: 2px;

            background: linear-gradient(to bottom, var(--accent-color), transparent);

        }



        .usage-item:last-child::after {

            display: none;

        }



        .usage-number {

            flex-shrink: 0;

            width: 50px;

            height: 50px;

            background: linear-gradient(135deg, var(--primary-color), var(--accent-color));

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            color: white;

            font-size: 1.5rem;

            font-weight: 700;

            box-shadow: 0 4px 15px rgba(0,0,0,0.2);

            transition: all 0.3s ease;

        }



        .usage-item:hover .usage-number {

            transform: scale(1.1);

        }



        .usage-content {

            flex: 1;

        }



        .usage-content h4 {

            font-size: 1.3rem;

            color: var(--primary-color);

            margin-bottom: 10px;

            font-weight: 600;

        }



        .usage-content p {

            color: #666;

            line-height: 1.8;

            margin: 0;

        }



        /* Sharing Cards */

        .sharing-cards {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

            gap: 25px;

            margin: 30px 0 40px;

        }



        .sharing-card {

            background: var(--light-bg);

            padding: 35px 25px;

            border-radius: 15px;

            text-align: center;

            transition: all 0.3s ease;

            border: 2px solid transparent;

        }



        .sharing-card:hover {

            background: white;

            border-color: var(--accent-color);

            box-shadow: 0 6px 25px rgba(0,0,0,0.12);

            transform: translateY(-5px);

        }



        .sharing-card i {

            font-size: 3rem;

            color: var(--accent-color);

            margin-bottom: 20px;

            transition: all 0.3s ease;

        }



        .sharing-card:hover i {

            transform: scale(1.15);

            color: var(--primary-color);

        }



        .sharing-card h4 {

            font-size: 1.2rem;

            color: var(--primary-color);

            margin-bottom: 12px;

            font-weight: 600;

        }



        .sharing-card p {

            color: #666;

            margin: 0;

            line-height: 1.6;

        }



        /* Cookie Types */

        .cookie-types {

            margin: 30px 0;

        }



        .cookie-type {

            background: var(--light-bg);

            padding: 25px 30px;

            border-radius: 12px;

            margin-bottom: 20px;

            border-left: 4px solid transparent;

            transition: all 0.3s ease;

            position: relative;

        }



        .cookie-type:hover {

            background: white;

            box-shadow: 0 4px 15px rgba(0,0,0,0.08);

            border-left-color: var(--accent-color);

        }



        .cookie-type h4 {

            font-size: 1.2rem;

            color: var(--primary-color);

            margin-bottom: 10px;

            font-weight: 600;

        }



        .cookie-type h4 i {

            color: var(--accent-color);

            margin-right: 10px;

        }



        .cookie-type p {

            color: #666;

            margin-bottom: 15px;

            line-height: 1.6;

        }



        .cookie-badge {

            display: inline-block;

            padding: 5px 15px;

            border-radius: 20px;

            font-size: 0.85rem;

            font-weight: 600;

        }



        .cookie-badge.required {

            background: #dc3545;

            color: white;

        }



        .cookie-badge.optional {

            background: #28a745;

            color: white;

        }



        /* Security Measures */

        .security-measures {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));

            gap: 25px;

            margin: 30px 0;

        }



        .security-card {

            background: white;

            padding: 30px 25px;

            border-radius: 15px;

            text-align: center;

            box-shadow: 0 4px 20px rgba(0,0,0,0.08);

            transition: all 0.3s ease;

            border: 2px solid transparent;

        }



        .security-card:hover {

            transform: translateY(-8px);

            box-shadow: 0 8px 30px rgba(0,0,0,0.15);

            border-color: var(--accent-color);

        }



        .security-card i {

            font-size: 3rem;

            color: var(--accent-color);

            margin-bottom: 20px;

            transition: all 0.3s ease;

        }



        .security-card:hover i {

            transform: scale(1.1);

            color: var(--primary-color);

        }



        .security-card h4 {

            font-size: 1.2rem;

            color: var(--primary-color);

            margin-bottom: 15px;

            font-weight: 600;

        }



        .security-card p {

            color: #666;

            margin: 0;

            line-height: 1.6;

        }



        /* Rights Grid */

        .rights-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

            gap: 25px;

            margin: 30px 0 40px;

        }



        .rights-card {

            background: var(--light-bg);

            padding: 30px 20px;

            border-radius: 15px;

            text-align: center;

            transition: all 0.3s ease;

            border: 2px solid transparent;

        }



        .rights-card:hover {

            background: white;

            border-color: var(--accent-color);

            box-shadow: 0 6px 25px rgba(0,0,0,0.12);

            transform: translateY(-5px);

        }



        .rights-card i {

            font-size: 2.5rem;

            color: var(--accent-color);

            margin-bottom: 15px;

            transition: all 0.3s ease;

        }



        .rights-card:hover i {

            transform: scale(1.15);

            color: var(--primary-color);

        }



        .rights-card h4 {

            font-size: 1.1rem;

            color: var(--primary-color);

            margin-bottom: 10px;

            font-weight: 600;

        }



        .rights-card p {

            color: #666;

            margin: 0;

            line-height: 1.6;

            font-size: 0.95rem;

        }



        /* Contact CTA */

        .contact-cta {

            background: linear-gradient(135deg, var(--primary-color), var(--accent-color));

            color: white;

            padding: 50px;

            border-radius: 20px;

            display: flex;

            align-items: center;

            gap: 40px;

            box-shadow: 0 8px 30px rgba(0,0,0,0.2);

        }



        .contact-icon {

            flex-shrink: 0;

        }



        .contact-icon i {

            font-size: 5rem;

            opacity: 0.9;

        }



        .contact-content h3 {

            font-size: 2rem;

            margin-bottom: 15px;

            font-weight: 700;

        }



        .contact-content p {

            font-size: 1.1rem;

            margin-bottom: 25px;

            opacity: 0.95;

        }



        .contact-buttons {

            display: flex;

            gap: 15px;

            flex-wrap: wrap;

        }



        .btn-contact-primary,

        .btn-contact-secondary {

            display: inline-flex;

            align-items: center;

            gap: 10px;

            padding: 15px 30px;

            font-weight: 600;

            text-decoration: none;

            transition: all 0.3s ease;

            font-size: 1.05rem;

            

        }



        .btn-contact-primary {

            background: white;

            color: var(--primary-color);

            text-decoration: none !important;

        }



        .btn-contact-primary:hover {

            background: var(--accent-color);

            color: white;

            transform: translateY(-3px);

            box-shadow: 0 6px 20px rgba(0,0,0,0.3);

        }



        .btn-contact-secondary {

            background: transparent;

            color: white !important;

            border: 2px solid white;

            text-decoration: none;

        }



        .btn-contact-secondary:hover {

            background: white;

            color: var(--primary-color) !important;

            transform: translateY(-3px);

            text-decoration: none !important;

        }



        /* Responsive Design */

        @media (max-width: 992px) {

            .policy-sidebar {

                position: relative;

                top: 0;

                margin-bottom: 40px;

            }

        }



        @media (max-width: 768px) {

            .policy-hero-content h1 {

                font-size: 2rem;

            }



            .policy-hero-content p {

                font-size: 1rem;

            }



            .policy-content {

                padding: 50px 0;

            }



            .section-icon {

                width: 60px;

                height: 60px;

            }



            .section-icon i {

                font-size: 1.5rem;

            }



            .policy-section h2 {

                font-size: 1.6rem;

            }



            .info-grid {

                grid-template-columns: 1fr;

            }



            .usage-item {

                flex-direction: column;

                gap: 15px;

                padding-bottom: 25px;

                margin-bottom: 25px;

            }



            .usage-item::after {

                display: none;

            }



            .usage-number {

                width: 45px;

                height: 45px;

                font-size: 1.3rem;

            }



            .sharing-cards {

                grid-template-columns: 1fr;

            }



            .security-measures {

                grid-template-columns: 1fr;

            }



            .rights-grid {

                grid-template-columns: repeat(2, 1fr);

            }



            .contact-cta {

                flex-direction: column;

                text-align: center;

                padding: 35px 25px;

            }



            .contact-icon i {

                font-size: 3.5rem;

            }



            .contact-content h3 {

                font-size: 1.5rem;

            }



            .contact-buttons {

                justify-content: center;

            }



            .btn-contact-primary,

            .btn-contact-secondary {

                padding: 12px 25px;

                font-size: 0.95rem;

            }

        }



        @media (max-width: 576px) {

            .policy-hero {

                height: 35vh;

                min-height: 300px;

            }



            .rights-grid {

                grid-template-columns: 1fr;

            }



            .cookie-type {

                padding: 20px 20px;

            }

        }