.elementor-4766 .elementor-element.elementor-element-77c3f6a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-4766 .elementor-element.elementor-element-77c3f6a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-77c3f6a */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hunter School - Land International Clients & Earn in Dollars</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
    <style>
        :root {
            --primary: #4F46E5;
            --primary-dark: #4338CA;
            --secondary: #10B981;
            --accent: #F59E0B;
            --light: #F9FAFB;
            --dark: #111827;
            --gray: #6B7280;
            --light-gray: #F3F4F6;
            --gradient: linear-gradient(135deg, var(--primary), var(--primary-dark));
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Inter', sans-serif;
            color: var(--dark);
            line-height: 1.6;
            background-color: #fff;
            overflow-x: hidden;
        }
        
        .container {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* Hero Section */
        .hero {
            background: linear-gradient(135deg, rgba(79, 70, 229, 0.95), rgba(16, 185, 129, 0.9));
            color: white;
            padding: 120px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        
        .hero::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            z-index: 0;
        }
        
        .hero-content {
            position: relative;
            z-index: 1;
        }
        
        .hero h1 {
            font-size: 64px;
            font-weight: 800;
            margin-bottom: 20px;
            line-height: 1.2;
            letter-spacing: -1px;
        }
        
        .hero p {
            font-size: 24px;
            font-weight: 400;
            max-width: 800px;
            margin: 0 auto 40px;
            opacity: 0.9;
        }
        
        .highlight-box {
            background-color: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            border-radius: 24px;
            padding: 30px;
            max-width: 900px;
            margin: 0 auto;
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .highlight-box h3 {
            font-size: 32px;
            margin-bottom: 24px;
            font-weight: 700;
        }
        
        .highlight-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            margin-top: 24px;
        }
        
        .highlight-item {
            text-align: center;
            padding: 20px;
            border-radius: 16px;
            background-color: rgba(255, 255, 255, 0.1);
            transition: all 0.3s ease;
        }
        
        .highlight-item:hover {
            transform: translateY(-5px);
            background-color: rgba(255, 255, 255, 0.2);
        }
        
        .highlight-item i {
            font-size: 36px;
            margin-bottom: 16px;
            color: var(--accent);
        }
        
        .highlight-item h4 {
            font-size: 20px;
            font-weight: 600;
            margin-bottom: 8px;
        }
        
        .highlight-item p {
            font-size: 16px;
            opacity: 0.8;
        }
        
        /* Section Styles */
        section {
            padding: 100px 0;
        }
        
        .section-title {
            font-size: 56px;
            font-weight: 800;
            margin-bottom: 24px;
            color: var(--dark);
            position: relative;
            display: inline-block;
        }
        
        .section-title::after {
            content: "";
            position: absolute;
            bottom: -12px;
            left: 0;
            width: 80px;
            height: 6px;
            background: var(--gradient);
            border-radius: 3px;
        }
        
        .section-subtitle {
            font-size: 22px;
            color: var(--gray);
            max-width: 700px;
            margin-bottom: 60px;
        }
        
        /* Program Overview */
        .program-overview {
            background-color: var(--light);
        }
        
        .program-structure {
            display: flex;
            gap: 40px;
            margin-top: 60px;
        }
        
        .program-phase {
            flex: 1;
            background: white;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .program-phase:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .program-phase::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 8px;
            background: var(--gradient);
            border-radius: 8px 8px 0 0;
        }
        
        .phase-number {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 80px;
            font-weight: 800;
            opacity: 0.08;
            color: var(--primary);
        }
        
        .phase-title {
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 20px;
            color: var(--primary);
        }
        
        .phase-details {
            margin-top: 24px;
        }
        
        .phase-detail-item {
            display: flex;
            align-items: flex-start;
            margin-bottom: 16px;
            gap: 12px;
        }
        
        .phase-detail-item i {
            color: var(--secondary);
            margin-top: 4px;
            font-size: 20px;
        }
        
        /* Target Audience */
        .audience-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 60px;
        }
        
        .audience-card {
            background: white;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            transition: all 0.3s ease;
            height: 100%;
            border-top: 6px solid var(--primary);
        }
        
        .audience-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .audience-icon {
            font-size: 48px;
            color: var(--primary);
            margin-bottom: 24px;
        }
        
        .audience-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 16px;
        }
        
        /* Outcomes & Benefits */
        .outcomes {
            background-color: var(--light-gray);
        }
        
        .outcomes-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
            margin-top: 60px;
        }
        
        .outcome-card {
            background: white;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .outcome-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .outcome-card::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 100px;
            height: 100px;
            background-color: var(--light-gray);
            border-radius: 0 0 0 100px;
        }
        
        .outcome-icon {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 32px;
            color: var(--primary);
        }
        
        .outcome-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 20px;
            color: var(--primary);
        }
        
        .outcome-list {
            list-style-type: none;
        }
        
        .outcome-list li {
            margin-bottom: 12px;
            padding-left: 28px;
            position: relative;
        }
        
        .outcome-list li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--secondary);
            font-weight: bold;
        }
        
        .earning-highlight {
            background: var(--gradient);
            color: white;
            padding: 50px;
            border-radius: 24px;
            margin-top: 60px;
            text-align: center;
            position: relative;
            overflow: hidden;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        
        .earning-highlight::before {
            content: "";
            position: absolute;
            top: -50%;
            right: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0) 70%);
        }
        
        .earning-highlight h3 {
            font-size: 36px;
            margin-bottom: 20px;
            font-weight: 800;
            position: relative;
        }
        
        .earning-highlight p {
            font-size: 22px;
            max-width: 800px;
            margin: 0 auto;
            position: relative;
        }
        
        .commission-box {
            display: inline-block;
            background-color: rgba(255, 255, 255, 0.2);
            padding: 16px 32px;
            border-radius: 50px;
            margin-top: 24px;
            font-weight: 700;
            font-size: 28px;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.3);
        }
        
        /* Curriculum */
        .curriculum-container {
            margin-top: 60px;
        }
        
        .curriculum-tabs {
            display: flex;
            margin-bottom: 40px;
            border-bottom: 2px solid var(--light-gray);
        }
        
        .curriculum-tab {
            padding: 20px 40px;
            font-size: 20px;
            font-weight: 600;
            color: var(--gray);
            cursor: pointer;
            border-bottom: 4px solid transparent;
            transition: all 0.3s ease;
            position: relative;
            border-radius: 12px 12px 0 0;
        }
        
        .curriculum-tab.active {
            color: var(--primary);
            border-bottom-color: var(--primary);
            background-color: rgba(79, 70, 229, 0.05);
        }
        
        .curriculum-content {
            display: none;
        }
        
        .curriculum-content.active {
            display: block;
        }
        
        .week-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .week-card {
            background: white;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .week-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .week-card::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 8px;
            height: 100%;
            background: var(--gradient);
            border-radius: 8px 0 0 8px;
        }
        
        .week-number {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 64px;
            font-weight: 800;
            opacity: 0.08;
            color: var(--primary);
        }
        
        .week-title {
            font-size: 28px;
            font-weight: 700;
            margin-bottom: 24px;
            color: var(--primary);
        }
        
        .week-list {
            list-style-type: none;
        }
        
        .week-list li {
            margin-bottom: 16px;
            padding-left: 32px;
            position: relative;
        }
        
        .week-list li::before {
            content: "▶";
            position: absolute;
            left: 0;
            color: var(--secondary);
            font-size: 16px;
        }
        
        /* Roadmap */
        .roadmap {
            background-color: var(--light);
        }
        
        .roadmap-container {
            margin-top: 60px;
            position: relative;
        }
        
        .roadmap-stages {
            display: flex;
            justify-content: space-between;
            position: relative;
            margin-top: 80px;
        }
        
        .roadmap-stages::before {
            content: "";
            position: absolute;
            top: 60px;
            left: 0;
            width: 100%;
            height: 6px;
            background-color: var(--light-gray);
            z-index: 1;
            border-radius: 3px;
        }
        
        .roadmap-stage {
            position: relative;
            z-index: 2;
            width: 23%;
            text-align: center;
        }
        
        .stage-icon {
            width: 120px;
            height: 120px;
            background-color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 24px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            border: 6px solid var(--primary);
            transition: all 0.3s ease;
        }
        
        .roadmap-stage:hover .stage-icon {
            transform: scale(1.1);
            border-color: var(--secondary);
        }
        
        .stage-icon i {
            font-size: 48px;
            color: var(--primary);
        }
        
        .stage-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 12px;
        }
        
        .stage-description {
            font-size: 16px;
            color: var(--gray);
        }
        
        .roadmap-details {
            margin-top: 100px;
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .roadmap-detail-card {
            background: white;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            transition: all 0.3s ease;
        }
        
        .roadmap-detail-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .roadmap-detail-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 20px;
            color: var(--primary);
            display: flex;
            align-items: center;
            gap: 16px;
        }
        
        .roadmap-detail-title i {
            color: var(--secondary);
            font-size: 28px;
        }
        
        /* Why Different */
        .different-points {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
            margin-top: 60px;
        }
        
        .different-point {
            background: white;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            height: 100%;
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .different-point:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .different-point::after {
            content: "";
            position: absolute;
            bottom: 0;
            right: 0;
            width: 120px;
            height: 120px;
            background-color: var(--light-gray);
            border-radius: 120px 0 0 0;
        }
        
        .different-icon {
            font-size: 48px;
            color: var(--primary);
            margin-bottom: 24px;
        }
        
        .different-title {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 20px;
        }
        
        /* Testimonials */
        .testimonials {
            background-color: var(--light-gray);
        }
        
        .testimonial-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 30px;
            margin-top: 60px;
        }
        
        .testimonial-card {
            background: white;
            border-radius: 24px;
            padding: 40px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            position: relative;
            transition: all 0.3s ease;
        }
        
        .testimonial-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .testimonial-text {
            font-size: 18px;
            font-style: italic;
            margin-bottom: 24px;
            color: var(--gray);
        }
        
        .testimonial-author {
            display: flex;
            align-items: center;
            gap: 20px;
        }
        
        .author-avatar {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: var(--gradient);
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 24px;
        }
        
        .author-info h4 {
            font-size: 18px;
            font-weight: 700;
        }
        
        .author-info p {
            font-size: 16px;
            color: var(--gray);
        }
        
        .quote-icon {
            position: absolute;
            top: 24px;
            right: 24px;
            font-size: 48px;
            color: var(--light-gray);
        }
        
        /* FAQ */
        .faq-container {
            margin-top: 60px;
        }
        
        .faq-item {
            background: white;
            border-radius: 20px;
            margin-bottom: 24px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            overflow: hidden;
            transition: all 0.3s ease;
        }
        
        .faq-item:hover {
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        }
        
        .faq-question {
            padding: 24px;
            font-size: 20px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .faq-question i {
            transition: transform 0.3s ease;
            font-size: 24px;
            color: var(--primary);
        }
        
        .faq-answer {
            padding: 0 24px;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, padding 0.3s ease;
        }
        
        .faq-item.active .faq-question i {
            transform: rotate(180deg);
        }
        
        .faq-item.active .faq-answer {
            padding: 0 24px 24px;
            max-height: 500px;
        }
        
        /* Footer */
        footer {
            background-color: var(--dark);
            color: white;
            padding: 80px 0 40px;
        }
        
        .contact-info {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
        }
        
        .contact-item {
            display: flex;
            align-items: center;
            gap: 16px;
            font-size: 20px;
            padding: 16px 24px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50px;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }
        
        .contact-item:hover {
            background-color: rgba(255, 255, 255, 0.2);
            transform: translateY(-5px);
        }
        
        .contact-item i {
            font-size: 24px;
            color: var(--secondary);
        }
        
        .facebook-link {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            background: linear-gradient(135deg, #1877F2, #166FE5);
            color: white;
            padding: 16px 32px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            margin-top: 24px;
            transition: all 0.3s ease;
            box-shadow: 0 10px 15px -3px rgba(24, 119, 242, 0.3);
        }
        
        .facebook-link:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(24, 119, 242, 0.4);
        }
        
        .footer-bottom {
            text-align: center;
            padding-top: 40px;
            margin-top: 40px;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            color: rgba(255, 255, 255, 0.7);
            font-size: 16px;
        }
        
        /* Responsive */
        @media (max-width: 768px) {
            .hero h1 {
                font-size: 48px;
            }
            
            .hero p {
                font-size: 20px;
            }
            
            section {
                padding: 80px 0;
            }
            
            .section-title {
                font-size: 40px;
            }
            
            .program-structure {
                flex-direction: column;
            }
            
            .roadmap-stages {
                flex-direction: column;
                align-items: center;
            }
            
            .roadmap-stages::before {
                display: none;
            }
            
            .roadmap-stage {
                width: 100%;
                margin-bottom: 40px;
            }
        }
    </style>
</head>
<body>
    <!-- Hero Section -->
    <section class="hero">
        <div class="container hero-content">
            <h1>Master Client Acquisition. Earn in Dollars.</h1>
            <p>A 4-week intensive program + 6-month live Hunter Residency where you learn to bring real, paying clients from UK, USA and Australia</p>
            
            <div class="highlight-box">
                <h3>Program Highlights</h3>
                <div class="highlight-grid">
                    <div class="highlight-item">
                        <i class="fas fa-graduation-cap"></i>
                        <h4>Intensive Learning</h4>
                        <p>4 weeks of focused training</p>
                    </div>
                    <div class="highlight-item">
                        <i class="fas fa-users"></i>
                        <h4>Real Experience</h4>
                        <p>6 months of live residency</p>
                    </div>
                    <div class="highlight-item">
                        <i class="fas fa-dollar-sign"></i>
                        <h4>Earn While You Learn</h4>
                        <p>20% profit sharing</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Program Overview -->
    <section class="program-overview">
        <div class="container">
            <h2 class="section-title">Program Overview</h2>
            <p class="section-subtitle">Urban Digital Hunter School is a production-grade client acquisition engine built inside Urban Academy & Urban Digital</p>
            
            <div class="program-structure">
                <div class="program-phase">
                    <div class="phase-number">1</div>
                    <h3 class="phase-title">4-Week Intensive Bootcamp</h3>
                    <p>A deep dive into client acquisition strategies, tools, and techniques</p>
                    <div class="phase-details">
                        <div class="phase-detail-item">
                            <i class="fas fa-check-circle"></i>
                            <div>3 days per week of live sessions</div>
                        </div>
                        <div class="phase-detail-item">
                            <i class="fas fa-check-circle"></i>
                            <div>Hands-on assignments and projects</div>
                        </div>
                        <div class="phase-detail-item">
                            <i class="fas fa-check-circle"></i>
                            <div>Mentor-led deep dives in small cohorts</div>
                        </div>
                        <div class="phase-detail-item">
                            <i class="fas fa-check-circle"></i>
                            <div>Real-world case studies and examples</div>
                        </div>
                    </div>
                </div>
                
                <div class="program-phase">
                    <div class="phase-number">2</div>
                    <h3 class="phase-title">6-Month Hunter Residency</h3>
                    <p>Apply your skills in real client acquisition scenarios</p>
                    <div class="phase-details">
                        <div class="phase-detail-item">
                            <i class="fas fa-check-circle"></i>
                            <div>Join Urban Digital's internal hunter pods</div>
                        </div>
                        <div class="phase-detail-item">
                            <i class="fas fa-check-circle"></i>
                            <div>Hunt clients on real campaigns</div>
                        </div>
                        <div class="phase-detail-item">
                            <i class="fas fa-check-circle"></i>
                            <div>Direct feedback on lead quality & outreach</div>
                        </div>
                        <div class="phase-detail-item">
                            <i class="fas fa-check-circle"></i>
                            <div>Earn 20% of profit from secured clients</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Target Audience -->
    <section>
        <div class="container">
            <h2 class="section-title">Who This Is For</h2>
            <p class="section-subtitle">Young people in Bangladesh who want dollar-paying clients but are stuck in the Upwork/Fiverr lottery</p>
            
            <div class="audience-grid">
                <div class="audience-card">
                    <div class="audience-icon">
                        <i class="fas fa-user-graduate"></i>
                    </div>
                    <h3 class="audience-title">Young Bangladeshis</h3>
                    <p>Ambitious individuals seeking international clients and dollar income opportunities beyond traditional freelancing platforms</p>
                </div>
                
                <div class="audience-card">
                    <div class="audience-icon">
                        <i class="fas fa-brain"></i>
                    </div>
                    <h3 class="audience-title">Sales & Strategy Mindset</h3>
                    <p>Students who prefer research, writing and talking to people over coding or designing, with a natural inclination toward persuasion and communication</p>
                </div>
                
                <div class="audience-card">
                    <div class="audience-icon">
                        <i class="fas fa-chart-line"></i>
                    </div>
                    <h3 class="audience-title">Career Advancers</h3>
                    <p>Designers, developers, and editors looking to move up the value chain into client acquisition and account growth roles</p>
                </div>
                
                <div class="audience-card">
                    <div class="audience-icon">
                        <i class="fas fa-globe"></i>
                    </div>
                    <h3 class="audience-title">Basic English Required</h3>
                    <p>No previous foreign client experience needed, just basic English skills and hunger to perform and succeed in the global market</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Outcomes & Benefits -->
    <section class="outcomes">
        <div class="container">
            <h2 class="section-title">What You'll Achieve</h2>
            <p class="section-subtitle">By the end of the program, you'll have the skills to acquire international clients and earn in dollars</p>
            
            <div class="outcomes-grid">
                <div class="outcome-card">
                    <i class="fas fa-search-location outcome-icon"></i>
                    <h3 class="outcome-title">Research Niches & Locations</h3>
                    <ul class="outcome-list">
                        <li>Map out profitable niches in UK/USA/Australia</li>
                        <li>Prioritize markets with competitive edge</li>
                        <li>Analyze market trends and opportunities</li>
                        <li>Develop niche-specific acquisition strategies</li>
                    </ul>
                </div>
                
                <div class="outcome-card">
                    <i class="fas fa-tools outcome-icon"></i>
                    <h3 class="outcome-title">Use Client Hunting Tools</h3>
                    <ul class="outcome-list">
                        <li>Master LeadsGorilla, Scrap(er).io, Google Maps</li>
                        <li>Understand tool limitations and advantages</li>
                        <li>Combine automated and manual approaches</li>
                        <li>Build efficient lead generation systems</li>
                    </ul>
                </div>
                
                <div class="outcome-card">
                    <i class="fas fa-paper-plane outcome-icon"></i>
                    <h3 class="outcome-title">Run Zero-Cost Cold Outreach</h3>
                    <ul class="outcome-list">
                        <li>Build clean lead lists from public data</li>
                        <li>Write non-cringe, non-spam outreach</li>
                        <li>Understand reply rates and follow-up</li>
                        <li>Develop personalized outreach strategies</li>
                    </ul>
                </div>
                
                <div class="outcome-card">
                    <i class="fas fa-bullhorn outcome-icon"></i>
                    <h3 class="outcome-title">Pitch Like a Real Agency</h3>
                    <ul class="outcome-list">
                        <li>Create niche-specific service offers</li>
                        <li>Develop professional pitch decks</li>
                        <li>Record effective Loom-style walkthroughs</li>
                        <li>Write compelling proposals that convert</li>
                    </ul>
                </div>
                
                <div class="outcome-card">
                    <i class="fas fa-comments outcome-icon"></i>
                    <h3 class="outcome-title">Handle Client Meetings</h3>
                    <ul class="outcome-list">
                        <li>Run effective discovery calls</li>
                        <li>Speak clear, simple English</li>
                        <li>Use phrases that build client trust</li>
                        <li>Navigate difficult client conversations</li>
                    </ul>
                </div>
                
                <div class="outcome-card">
                    <i class="fas fa-handshake outcome-icon"></i>
                    <h3 class="outcome-title">Navigate Pricing & Payments</h3>
                    <ul class="outcome-list">
                        <li>Negotiate without instant discounting</li>
                        <li>Explain scopes and timelines clearly</li>
                        <li>Understand international payment flows</li>
                        <li>Implement basic risk control measures</li>
                    </ul>
                </div>
            </div>
            
            <div class="earning-highlight">
                <h3>Earn Commission from Real Deals</h3>
                <p>For 6 months post-bootcamp, earn 20% of the profit from projects you hunted and that Urban Digital closes and delivers</p>
                <div class="commission-box">20% Profit Sharing</div>
            </div>
        </div>
    </section>

    <!-- Curriculum -->
    <section>
        <div class="container">
            <h2 class="section-title">Program Curriculum</h2>
            <p class="section-subtitle">A comprehensive learning journey from hunter mindset to real client acquisition</p>
            
            <div class="curriculum-container">
                <div class="curriculum-tabs">
                    <div class="curriculum-tab active" onclick="openTab(event, 'bootcamp')">4-Week Bootcamp</div>
                    <div class="curriculum-tab" onclick="openTab(event, 'residency')">6-Month Residency</div>
                </div>
                
                <div id="bootcamp" class="curriculum-content active">
                    <div class="week-grid">
                        <div class="week-card">
                            <div class="week-number">1</div>
                            <h3 class="week-title">Hunter Mindset</h3>
                            <ul class="week-list">
                                <li>The Global Client Map</li>
                                <li>Breaking down services in client language</li>
                                <li>Case studies of real foreign clients</li>
                                <li>Niche Research Frameworks</li>
                                <li>Location Research & Targeting</li>
                                <li>Personal Niche & Geo Radar Sheet</li>
                            </ul>
                        </div>
                        
                        <div class="week-card">
                            <div class="week-number">2</div>
                            <h3 class="week-title">Client Hunting Tools</h3>
                            <ul class="week-list">
                                <li>Tool Landscape & Ethics</li>
                                <li>Zero-Cost Lead Generation OS</li>
                                <li>Building lead lists with free tools</li>
                                <li>Tool-Assisted Hunting</li>
                                <li>Converting raw leads to qualified prospects</li>
                                <li>Lead scoring and prioritization</li>
                            </ul>
                        </div>
                        
                        <div class="week-card">
                            <div class="week-number">3</div>
                            <h3 class="week-title">Outreach & Pitching</h3>
                            <ul class="week-list">
                                <li>Psychology of Cold Outreach</li>
                                <li>Breaking down a good cold message</li>
                                <li>Pitch Creation Labs</li>
                                <li>Offer stacks based on services</li>
                                <li>Outreach Playbooks & Sequences</li>
                                <li>Mock outreach with critique</li>
                            </ul>
                        </div>
                        
                        <div class="week-card">
                            <div class="week-number">4</div>
                            <h3 class="week-title">Client & Money</h3>
                            <ul class="week-list">
                                <li>English for Client Meetings</li>
                                <li>Meeting scripts & phrases</li>
                                <li>Prices, Proposals & Scope</li>
                                <li>Payment Flows & Methods</li>
                                <li>Risk control & Hunter KPIs</li>
                                <li>Graduation & Residency Onboarding</li>
                            </ul>
                        </div>
                    </div>
                </div>
                
                <div id="residency" class="curriculum-content">
                    <div class="week-grid">
                        <div class="week-card">
                            <div class="week-number">1-2</div>
                            <h3 class="week-title">Onboarding Phase</h3>
                            <ul class="week-list">
                                <li>Join Urban Digital hunter pods</li>
                                <li>Daily goals: leads added, messages sent</li>
                                <li>Weekly mentor syncs</li>
                                <li>Learning from real meeting recordings</li>
                                <li>First outreach attempts</li>
                                <li>Building initial lead pipeline</li>
                            </ul>
                        </div>
                        
                        <div class="week-card">
                            <div class="week-number">3-4</div>
                            <h3 class="week-title">Execution Phase</h3>
                            <ul class="week-list">
                                <li>Refining outreach strategies</li>
                                <li>Building pipeline of qualified leads</li>
                                <li>Supporting client meetings</li>
                                <li>Tracking reply rates and conversions</li>
                                <li>First commission earnings</li>
                                <li>Optimizing conversion funnels</li>
                            </ul>
                        </div>
                        
                        <div class="week-card">
                            <div class="week-number">5-6</div>
                            <h3 class="week-title">Growth Phase</h3>
                            <ul class="week-list">
                                <li>Optimizing client acquisition systems</li>
                                <li>Expanding to new niches/markets</li>
                                <li>Mentoring new hunters</li>
                                <li>Evaluation for promotion paths</li>
                                <li>Building long-term client relationships</li>
                                <li>Transition to senior roles</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Roadmap -->
    <section class="roadmap">
        <div class="container">
            <h2 class="section-title">Your Journey to Success</h2>
            <p class="section-subtitle">A clear path from application to becoming a successful client hunter</p>
            
            <div class="roadmap-container">
                <div class="roadmap-stages">
                    <div class="roadmap-stage">
                        <div class="stage-icon">
                            <i class="fas fa-file-alt"></i>
                        </div>
                        <h3 class="stage-title">Application</h3>
                        <p class="stage-description">Submit your application and attend screening interview</p>
                    </div>
                    
                    <div class="roadmap-stage">
                        <div class="stage-icon">
                            <i class="fas fa-graduation-cap"></i>
                        </div>
                        <h3 class="stage-title">Bootcamp</h3>
                        <p class="stage-description">4 weeks of intensive training and skill development</p>
                    </div>
                    
                    <div class="roadmap-stage">
                        <div class="stage-icon">
                            <i class="fas fa-briefcase"></i>
                        </div>
                        <h3 class="stage-title">Residency</h3>
                        <p class="stage-description">6 months of real client hunting with mentorship</p>
                    </div>
                    
                    <div class="roadmap-stage">
                        <div class="stage-icon">
                            <i class="fas fa-trophy"></i>
                        </div>
                        <h3 class="stage-title">Success</h3>
                        <p class="stage-description">Earn commissions and advance your career</p>
                    </div>
                </div>
                
                <div class="roadmap-details">
                    <div class="roadmap-detail-card">
                        <h3 class="roadmap-detail-title">
                            <i class="fas fa-user-check"></i>
                            Application Process
                        </h3>
                        <p>Our application process is designed to identify candidates with the right mindset and potential. We look for hunger, basic English skills, and consistency rather than just CV credentials. The process includes a short application form followed by an interview to assess your fit for the program.</p>
                    </div>
                    
                    <div class="roadmap-detail-card">
                        <h3 class="roadmap-detail-title">
                            <i class="fas fa-book-reader"></i>
                            Bootcamp Learning
                        </h3>
                        <p>During the 4-week bootcamp, you'll dive deep into client acquisition strategies, tools, and techniques. You'll work on real projects, receive personalized feedback, and build a foundation of skills that will prepare you for the residency phase. Each week focuses on a different aspect of the client acquisition process.</p>
                    </div>
                    
                    <div class="roadmap-detail-card">
                        <h3 class="roadmap-detail-title">
                            <i class="fas fa-handshake"></i>
                            Residency Experience
                        </h3>
                        <p>In the 6-month residency, you'll join Urban Digital's hunter pods and work on real client acquisition campaigns. You'll apply your skills in a supportive environment with mentorship, feedback, and the opportunity to earn real commissions from the clients you help secure.</p>
                    </div>
                    
                    <div class="roadmap-detail-card">
                        <h3 class="roadmap-detail-title">
                            <i class="fas fa-chart-line"></i>
                            Career Growth
                        </h3>
                        <p>After completing the program, top performers have opportunities for advancement into senior hunter roles or closer-in-training positions. Others may remain in the Hunter pool or transition into service teams based on their strengths and performance during the residency.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Why Hunter School Is Different -->
    <section class="outcomes">
        <div class="container">
            <h2 class="section-title">Why Hunter School Is Different</h2>
            <p class="section-subtitle">Built to address the real challenges faced by Bangladeshi talent in the global market</p>
            
            <div class="different-points">
                <div class="different-point">
                    <i class="fas fa-plug different-icon"></i>
                    <h3 class="different-title">Direct Pipeline to Revenue</h3>
                    <p>Unlike theory courses, Hunter School is wired directly into Urban Digital's real revenue engine. You're not just learning concepts – you're applying them to generate actual business results.</p>
                </div>
                
                <div class="different-point">
                    <i class="fas fa-cogs different-icon"></i>
                    <h3 class="different-title">Tools as Part of a System</h3>
                    <p>We teach tools like LeadsGorilla, but only as part of a complete client acquisition system. You'll learn where tools fit and where Bangladeshi grit & manual work wins.</p>
                </div>
                
                <div class="different-point">
                    <i class="fas fa-building different-icon"></i>
                    <h3 class="different-title">Agency-Standard Training</h3>
                    <p>Built to feel like training at a real SaaS/agency growth team with clear KPIs, pods, dashboards, recordings, experiments, and P&L-driven rewards.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Testimonials -->
    <section class="testimonials">
        <div class="container">
            <h2 class="section-title">Success Stories</h2>
            <p class="section-subtitle">Hear from hunters who have transformed their careers through our program</p>
            
            <div class="testimonial-grid">
                <div class="testimonial-card">
                    <i class="fas fa-quote-right quote-icon"></i>
                    <p class="testimonial-text">"Before Hunter School, I was stuck on Upwork competing with thousands of others for low-paying gigs. Now, I'm acquiring international clients directly and earning 5x more. The residency program gave me real-world experience that no course could offer."</p>
                    <div class="testimonial-author">
                        <div class="author-avatar">AK</div>
                        <div class="author-info">
                            <h4>Ahmed Khan</h4>
                            <p>Senior Hunter, 6 months in program</p>
                        </div>
                    </div>
                </div>
                
                <div class="testimonial-card">
                    <i class="fas fa-quote-right quote-icon"></i>
                    <p class="testimonial-text">"The practical approach of Hunter School changed everything for me. I learned not just how to find clients, but how to communicate effectively with them, understand their needs, and close deals. My first commission check was more than I used to make in a month."</p>
                    <div class="testimonial-author">
                        <div class="author-avatar">SR</div>
                        <div class="author-info">
                            <h4>Samina Rahman</h4>
                            <p>Hunter, 4 months in program</p>
                        </div>
                    </div>
                </div>
                
                <div class="testimonial-card">
                    <i class="fas fa-quote-right quote-icon"></i>
                    <p class="testimonial-text">"What sets Hunter School apart is the focus on real results. From day one, we were working on actual client acquisition campaigns. The mentorship during the residency was invaluable – I learned more in those 6 months than in years of freelancing."</p>
                    <div class="testimonial-author">
                        <div class="author-avatar">MI</div>
                        <div class="author-info">
                            <h4>Mohammed Iqbal</h4>
                            <p>Closer-in-Training, 8 months in program</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- FAQ -->
    <section>
        <div class="container">
            <h2 class="section-title">Frequently Asked Questions</h2>
            <p class="section-subtitle">Everything you need to know about Hunter School</p>
            
            <div class="faq-container">
                <div class="faq-item">
                    <div class="faq-question" onclick="toggleFAQ(this)">
                        Do I need previous experience with foreign clients?
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="faq-answer">
                        <p>No previous foreign client experience is needed. We've designed the program for beginners who have basic English skills and a strong desire to learn and succeed. Our curriculum starts from the fundamentals and builds up to advanced client acquisition techniques.</p>
                    </div>
                </div>
                
                <div class="faq-item">
                    <div class="faq-question" onclick="toggleFAQ(this)">
                        How much time do I need to commit to the program?
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="faq-answer">
                        <p>During the 4-week bootcamp, you'll need to commit to 3 days per week for live sessions plus additional time for assignments and practice. During the 6-month residency, you'll be working on real client acquisition campaigns, which typically requires 20-30 hours per week depending on your goals and availability.</p>
                    </div>
                </div>
                
                <div class="faq-item">
                    <div class="faq-question" onclick="toggleFAQ(this)">
                        How does the commission structure work?
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="faq-answer">
                        <p>For the first 6 months of active hunting after the bootcamp, you'll earn 20% of the total profit from each client you bring in and that Urban Digital closes and delivers. For example, if a client pays $4,000 for a project with $2,500 in delivery costs, the profit is $1,500, and your share would be $300 (approximately 35,000+ BDT).</p>
                    </div>
                </div>
                
                <div class="faq-item">
                    <div class="faq-question" onclick="toggleFAQ(this)">
                        What happens after the 6-month residency?
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="faq-answer">
                        <p>Based on your performance during the residency, you may be promoted to Senior Hunter (leading mini-pods) or Closer-in-Training (joining calls with the core team). Others may remain in the Hunter pool or transition into service teams (design/dev/ads) based on their strengths and interests.</p>
                    </div>
                </div>
                
                <div class="faq-item">
                    <div class="faq-question" onclick="toggleFAQ(this)">
                        What tools and resources will I need?
                        <i class="fas fa-chevron-down"></i>
                    </div>
                    <div class="faq-answer">
                        <p>You'll need a reliable computer with internet access. We provide access to all necessary tools and platforms during the program. We teach both paid tools and zero-cost methods, ensuring you can succeed regardless of your budget. We also provide templates, scripts, and other resources to support your learning.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer>
        <div class="container">
            <div class="contact-info">
                <div class="contact-item">
                    <i class="fas fa-phone"></i>
                    <span>+880 1968-141100</span>
                </div>
                
                <div class="contact-item">
                    <i class="fas fa-envelope"></i>
                    <span>support@urbanacademybd.com</span>
                </div>
                
                <div class="contact-item">
                    <i class="fas fa-globe"></i>
                    <span>www.urbanacademybd.com</span>
                </div>
                
                <a href="https://www.facebook.com/urbanacademybd" target="_blank" class="facebook-link">
                    <i class="fab fa-facebook-f"></i>
                    <span>Follow us on Facebook</span>
                </a>
            </div>
            
            <div class="footer-bottom">
                <p>© 2025 Hunter School. All rights reserved.</p>
            </div>
        </div>
    </footer>

    <script>
        function openTab(evt, tabName) {
            var i, tabcontent, tablinks;
            
            tabcontent = document.getElementsByClassName("curriculum-content");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].classList.remove("active");
            }
            
            tablinks = document.getElementsByClassName("curriculum-tab");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].classList.remove("active");
            }
            
            document.getElementById(tabName).classList.add("active");
            evt.currentTarget.classList.add("active");
        }
        
        function toggleFAQ(element) {
            var faqItem = element.parentElement;
            faqItem.classList.toggle("active");
        }
    </script>
</body>
</html>/* End custom CSS */