@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:wght@700&display=swap");

         .classified-container {
         max-width: 940px;
         margin: 20px auto;
         padding: 20px;
         background: linear-gradient(180deg, #f8f1e3 0%, #fffbeb 100%);
         border: 3px solid #9f1239;
         border-radius: 8px;
         box-shadow: 0 25px 50px -12px rgb(159 18 57 / 0.25);
         font-family: "Inter", system-ui, sans-serif;
         }
         .classified-header {
         background: #9f1239;
         color: white;
         padding: 18px 24px;
         border-radius: 6px 6px 0 0;
         margin: -20px -20px 32px -20px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         flex-wrap: wrap;
         gap: 12px;
         box-shadow: 0 10px 15px -3px rgb(159 18 57);
         }
         .classified-header h1 {
         font-family: "Playfair Display", serif;
         font-size: 28px;
         font-weight: 700;
         letter-spacing: -0.5px;
         }

         .classified-list {
         display: flex;
         flex-direction: column;
         gap: 26px;
         width: 100%;
         }

         .classified-list .ad-post {
         width: 100% !important;
         max-width: 100% !important;
         }
         .ad-post {
         background: white;
         border: 2px solid #e5e5e5;
         border-radius: 8px;
         overflow: hidden;
         transition: all 0.3s ease;
         box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
         position: relative;
         }
         .ad-post:hover {
         transform: translateY(-5px);
         border-color: #9f1239;
         box-shadow: 0 20px 25px -5px rgb(159 18 57 / 0.25);
         }
         .ad-post::before {
         content: "📌 POSTED";
         position: absolute;
         top: 14px;
         right: 14px;
         background: #f59e0b;
         color: white;
         font-size: 10px;
         font-weight: 700;
         padding: 3px 11px;
         border-radius: 9999px;
         letter-spacing: 0.5px;
         z-index: 40;
         }
         .ad-body {
         display: flex;
         flex-direction: column;
         gap: 20px;
         padding: 20px;
         }
         @media (min-width: 640px) {
         .ad-body {
         flex-direction: row;
         }
         }
         .ad-image-wrapper {
         position: relative;
         width: 100%;
         flex-shrink: 0;
         border-radius: 6px;
         overflow: hidden;
         box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.15);
         aspect-ratio: 9 / 11;
         background: #f3f4f6;
         }
         @media (min-width: 640px) {
         .ad-image-wrapper {
         width: 240px;
         }
         }
         .ad-image-wrapper img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center;
         transition: transform 0.4s ease;
         }
         .watermark {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         background: rgba(159, 18, 57, 0.88);
         color: #ffffff;
         font-size: 13px;
         font-weight: 700;
         padding: 6px 18px;
         border-radius: 30px;
         letter-spacing: 2px;
         z-index: 35;
         white-space: nowrap;
         text-align: center;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
         max-width: 85%;
         }
         .premium-badge,
         .age-badge {
         position: absolute;
         z-index: 30;
         }
         .premium-badge {
         top: 12px;
         right: 12px;
         }
         .age-badge {
         top: 12px;
         left: 12px;
         }
         .ad-content {
         flex: 1;
         display: flex;
         flex-direction: column;
         }
         .ad-name {
         font-size: 25px;
         font-weight: 700;
         color: #1e2937;
         margin-bottom: 6px;
         }
         .ad-location {
         display: flex;
         align-items: center;
         gap: 7px;
         color: #64748b;
         font-size: 15.5px;
         margin-bottom: 12px;
         }
         .ad-description {
         font-size: 15px;
         line-height: 1.55;
         color: #374151;
         margin-bottom: 18px;
         display: -webkit-box;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
         overflow: hidden;
         }
         .ad-price {
         margin-top: auto;
         align-self: flex-start;
         background: linear-gradient(90deg, #9f1239, #e11d48);
         color: white;
         font-size: 22px;
         font-weight: 700;
         padding: 9px 26px;
         border-radius: 9999px;
         }
         .action-buttons {
         display: flex;
         gap: 10px;
         margin-top: 16px;
         flex-wrap: wrap;
         }
         .action-btn {
         flex: 1;
         min-width: 105px;
         padding: 12px 16px;
         border-radius: 6px;
         font-weight: 600;
         font-size: 14px;
         text-align: center;
         transition: all 0.2s;
         cursor: pointer;
         border: none;
         color: white;
         }
         .call-btn {
         background: #16a34a;
         }
         .call-btn:hover {
         background: #15803d;
         }
         .sms-btn {
         background: #ea580c;
         }
         .sms-btn:hover {
         background: #c2410c;
         }
         .chat-btn {
         background: #2563eb;
         }
         .chat-btn:hover {
         background: #1d4ed8;
         }
         .ad-footer {
         border-top: 1px dashed #e5e5e5;
         padding: 14px 20px;
         font-size: 13.5px;
         color: #64748b;
         display: flex;
         justify-content: space-between;
         align-items: center;
         background: #fffbeb;
         flex-wrap: wrap;
         gap: 10px;
         }

         .ad-post:nth-child(n + 11) {
         display: none;
         }
         #load-more:checked ~ .classified-list .ad-post:nth-child(n + 11) {
         display: block; 
         }
         #load-more:checked ~ .load-more-label {
         display: none;
         }
         .load-more-label {
         display: block;
         margin: 30px auto 10px;
         padding: 14px 40px;
         background: #9f1239;
         color: white;
         font-weight: 600;
         border-radius: 8px;
         cursor: pointer;
         font-size: 16px;
         text-align: center;
         max-width: 280px;
         }
         .load-more-label:hover {
         background: #e11d48;
         }
         @media (max-width: 480px) {
         .classified-container {
         padding: 16px;
         }
         .ad-name {
         font-size: 23px;
         }
         .action-buttons {
         flex-direction: column;
         }
         .action-btn {
         min-width: 100%;
         }
         }

         .top-companion-card {
         border: 1px solid #6b7280;
         border-radius: 12px;
         padding: 20px;
         background-color: #442121;
         transition: all 0.3s ease;
         }
         .top-companion-card:hover {
         border-color: #ec4899; 
         }
         .companion-link {
         display: flex;
         flex-direction: column;
         gap: 16px;
         text-decoration: none;
         color: inherit;
         }
         .companion-left {
         display: flex;
         gap: 16px;
         align-items: flex-start;
         }
         .companion-img {
         width: 64px;
         height: 80px;
         object-fit: cover;
         border-radius: 6px;
         flex-shrink: 0;
         }
         .companion-info {
         flex-shrink: 0;
         }
         .companion-time {
         font-size: 0.875rem;
         color: #e5e7eb;
         }
         .companion-name {
            color:#fff;
         display: block;
         font-size: 1.75rem;
         font-weight: 600;
         margin-top: 4px;
         line-height: 1.1;
         }
         .companion-avail {
         font-size: 0.875rem;
         color: #9ca3af;
         margin-top: 4px;
         display: block;
         }
         .companion-line {
         display: none; 
         width: 4px;
         background-color: #ffffff;
         height: 96px;
         align-self: center;
         flex-shrink: 0;
         }
         .companion-desc {
         font-size: 0.95rem;
         line-height: 1.55;
         color: #e5e7eb;
         flex: 1;
         }

         @media (min-width: 768px) {
         .companion-link {
         flex-direction: row;
         gap: 24px;
         align-items: flex-start;
         }
         .companion-line {
         display: block; 
         }
         .companion-desc {
         margin-top: 0;
         }
         }
.container {
            margin-left: auto;
            margin-right: auto;
            max-width: 72rem !important;
            padding-left: 1rem;
            padding-right: 1rem;
            width: 100%
        }

        @media(min-width: 640px) {
            .container {
                padding-left: 1rem;
                padding-right: 1rem
            }
        }

        .marquee img {
            width: 100%;
            height: auto;
            aspect-ratio: 3/4;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .marquee::-webkit-scrollbar {
            width: 0;
            height: 0;
        }

        .lazy-fade-in {
            opacity: 0;

        }

        .lazy-fade-in.visible {
            opacity: 1;
        }

    .u-services ul li:hover {
        background: #7d0328; 

        transition: all 0.4s ease-in-out; 
    }

     .pointer i {
        transition-property: transform; 
        transition-delay: 0.4s; 
    }

    .services-section {
        position: relative; 
        z-index: 1;
    }

    .s-img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 190px; 
        z-index: 0; 
    }

    .s-img img {

        width: 100%;
        height: auto;
        display: block; 
    }

    @media (max-width: 768px) { 
        .s-img {
            width: 230px;
        }
    }

    @media (max-width: 425px) { 
        .s-img {
            position: relative; 
            width: 100%; 
            margin-top: 20px; 
            right: auto; 
            bottom: auto; 
            text-align: center; 
         }
         .s-img img {
             max-width: 230px; 
             width: 100%; 
             height: auto;
             margin: 0 auto; 
         }

    }

    @media (max-width: 375px) { 
        .s-img {
            width: 143px; 
             margin: 0 auto; 
        }

    }

    .coloroverlay-pink::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 60px; 
        background-color: #e91e63; 
        z-index: 0; 
    }

    .services-section h2 {
         position: relative;
         z-index: 1;
    }

    @keyframes blink {
        0% { opacity: 1; }
        50% { opacity: 0; }
        100% { opacity: 1; }
    }
    .blink {
        animation: blink 1s infinite;
    }

    .collapse:not(.show) {
        display: none;
    }

    .collapse.show {
        display: block;
    }

    .faq-list a.collapsed i {
        transform: rotate(0deg);
    }

        body {
            font-family: 'Inter', sans-serif;
        }

        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease-in-out; 
            padding-left: 1.5rem; 
            padding-right: 1.5rem; 
        }
        .faq-answer.active {
            max-height: 500px; 
            padding-bottom: 1rem; 
        }