/* Mobile-First Responsive Fixes for Tom's Land Page */
/* This file fixes the dark screen and broken mobile layout */

/* ===== CRITICAL MOBILE FIXES ===== */

/* Force proper mobile display */
@media screen and (max-width: 1199px) {
    
    /* Fix main wrapper positioning that's causing dark screen */
    .pushWrapper {
        position: static !important;
        right: auto !important;
        left: auto !important;
        margin: 0 !important;
        width: 100% !important;
    }
    
    /* Fix main content positioning */
    main {
        position: relative !important;
        top: 60px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Ensure body and html display properly */
    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        background-color: #262B2D !important;
    }
    
    /* Fix header positioning */
    .pageHeader {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 60px !important;
        z-index: 1000 !important;
        background: #1b2021 !important;
    }
    
    /* Fix header logo */
    .pageHeader .headerLogo {
        display: flex !important;
        align-items: center !important;
        padding: 10px 15px !important;
        height: 100% !important;
        color: white !important;
    }
    
    .pageHeader .headerLogo .text {
        font-size: 14px !important;
        color: white !important;
        margin-left: 8px !important;
    }
    
    /* Fix menu trigger */
    .pageHeader .menu-trigger {
        position: fixed !important;
        top: 15px !important;
        right: 15px !important;
        width: 30px !important;
        height: 30px !important;
        z-index: 1001 !important;
    }
    
    /* Fix sidebar */
    .sidebar {
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        width: 80% !important;
        max-width: 300px !important;
        height: 100vh !important;
        background: #1b2021 !important;
        z-index: 999 !important;
        transition: right 0.3s ease !important;
        padding-top: 80px !important;
    }
    
    .pushed .sidebar {
        right: 0 !important;
    }
    
    /* Ensure all sections display properly */
    section {
        width: 100% !important;
        position: relative !important;
        display: block !important;
    }
    
    /* Fix intro section - More Professional */
    .section-intro {
        width: 100% !important;
        height: 60vh !important;
        min-height: 350px !important;
        position: relative !important;
        display: block !important;
        background-size: cover !important;
        background-position: center !important;
        background-attachment: scroll !important;
    }
    
    .section-intro .content {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 30px 20px !important;
        text-align: center !important;
        background: rgba(0,0,0,0.4) !important;
    }
    
    .section-intro .container-template {
        position: relative !important;
        transform: none !important;
        width: 90% !important;
        max-width: 400px !important;
    }
    
    .section-intro h1 {
        font-size: 1.6rem !important;
        line-height: 1.3 !important;
        color: white !important;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.7) !important;
        margin: 0 !important;
        font-weight: 300 !important;
        letter-spacing: 0.5px !important;
    }
    
    .section-intro h1 .seconday {
        font-size: 0.9rem !important;
        display: block !important;
        margin-bottom: 8px !important;
        color: #b8b8b8 !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
    }
    
    /* Fix all content sections */
    .content {
        width: 100% !important;
        position: relative !important;
        padding: 40px 0 !important;
        background-color: inherit !important;
    }
    
    .content .container-template {
        width: 90% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        position: relative !important;
        transform: none !important;
    }
    
    /* Fix section separators */
    .section-seperator {
        width: 100% !important;
        height: auto !important;
        min-height: 200px !important;
        padding: 40px 0 !important;
        position: relative !important;
        background-attachment: scroll !important;
    }
    
    .section-seperator .container-template {
        position: relative !important;
        transform: none !important;
        width: 90% !important;
        padding: 20px !important;
        text-align: center !important;
    }
    
    /* Professional Typography */
    h1, h2, h3, h4, h5, h6 {
        text-align: center !important;
        word-wrap: break-word !important;
        max-width: 100% !important;
        font-weight: 300 !important;
        letter-spacing: 0.5px !important;
    }
    
    h1 {
        font-size: 1.8rem !important;
        line-height: 1.3 !important;
    }
    
    h2 {
        font-size: 1.4rem !important;
        line-height: 1.4 !important;
    }
    
    h3 {
        font-size: 1.2rem !important;
        line-height: 1.4 !important;
    }
    
    p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
        max-width: 100% !important;
        word-wrap: break-word !important;
        font-weight: 300 !important;
        color: #e0e0e0 !important;
    }
    
    /* Better mobile spacing */
    section {
        padding: 40px 0 !important;
    }
    
    .container-template {
        padding: 0 20px !important;
    }
    
    /* Fix containers and layout */
    .container-template {
        width: 90% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }
    
    /* Fix membership section */
    .membership-part .col-md-8,
    .membership-part .col-md-4 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    
    /* Fix partners section */
    .partners-wheel-container {
        width: 100% !important;
        overflow: hidden !important;
        position: relative !important;
        padding: 20px 0 !important;
    }
    
    /* Fix partner wheel for mobile */
    .partners-wheel {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 20px !important;
    }
    
    /* Fix partner slots for mobile */
    .partner-slot {
        position: static !important;
        width: 90% !important;
        max-width: 320px !important;
        height: auto !important;
        margin: 0 auto 20px auto !important;
        opacity: 0.7 !important;
        visibility: visible !important;
        transform: none !important;
        transition: all 0.3s ease !important;
        left: auto !important;
        top: auto !important;
    }
    
    /* Active partner slot */
    .partner-slot.active {
        opacity: 1 !important;
        transform: scale(1.05) !important;
        z-index: 10 !important;
    }
    
    /* Reset all partner positioning for mobile */
    .partner-slot:nth-child(1),
    .partner-slot:nth-child(2),
    .partner-slot:nth-child(3),
    .partner-slot:nth-child(4),
    .partner-slot:nth-child(5) { 
        position: static !important;
        left: auto !important;
        top: auto !important;
        transform: none !important;
        opacity: 0.7 !important;
        margin: 0 auto 20px auto !important;
    }
    
    /* Partner card mobile styling */
    .partner-card {
        background: #4a4a4a !important;
        border-radius: 15px !important;
        padding: 20px 15px !important;
        text-align: center !important;
        height: auto !important;
        min-height: 280px !important;
        box-shadow: 0 8px 20px rgba(0,0,0,0.3) !important;
        transition: all 0.3s ease !important;
    }
    
    /* Partner card hover effect */
    .partner-card:hover,
    .partner-slot.active .partner-card {
        transform: translateY(-5px) !important;
        box-shadow: 0 15px 30px rgba(0,0,0,0.4) !important;
    }
    
    /* Partner image styling */
    .partner-image {
        margin-bottom: 20px !important;
        text-align: center !important;
        position: relative !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    .partner-image img {
        width: 100px !important;
        height: 100px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        border: 4px solid #ffffff !important;
        transition: all 0.3s ease !important;
        display: block !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
        background: #ffffff !important;
        padding: 2px !important;
    }
    
    .partner-image img:hover,
    .partner-slot.active .partner-image img {
        transform: scale(1.1) !important;
        border-color: #d32f2f !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
    }
    
    /* Ensure images load properly */
    .partner-image img[src=""] {
        background: linear-gradient(135deg, #424446, #606060) !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 2rem !important;
    }
    
    .partner-image img[src=""]:before {
        content: "👤" !important;
        font-size: 2rem !important;
        color: white !important;
    }
    
    /* Partner info styling */
    .partner-info {
        text-align: center !important;
    }
    
    .partner-info h3 {
        font-size: 18px !important;
        font-weight: bold !important;
        color: #ffffff !important;
        margin-bottom: 8px !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
    }
    
    .partner-role {
        font-size: 14px !important;
        color: #cccccc !important;
        margin-bottom: 5px !important;
        font-style: italic !important;
    }
    
    .partner-business {
        font-size: 13px !important;
        color: #999999 !important;
        margin-bottom: 15px !important;
    }
    
    /* Partner social links styling */
    .partner-socials {
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-top: 15px !important;
    }
    
    .partner-socials .social-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        background: rgba(255,255,255,0.1) !important;
        border-radius: 50% !important;
        color: #ffffff !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        font-size: 14px !important;
    }
    
    .partner-socials .social-link:hover {
        background: rgba(255,255,255,0.2) !important;
        transform: scale(1.1) !important;
    }
    
    /* Fix wheel controls for mobile */
    .wheel-controls {
        display: flex !important;
        justify-content: center !important;
        gap: 20px !important;
        margin: 20px 0 !important;
        position: relative !important;
        z-index: 20 !important;
    }
    
    .wheel-nav {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        background: #4a4a4a !important;
        border: none !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        font-size: 16px !important;
    }
    
    .wheel-nav:hover {
        background: #606060 !important;
        transform: scale(1.1) !important;
    }
    
    /* Fix wheel dots for mobile */
    .wheel-dots {
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        margin-top: 15px !important;
        position: relative !important;
        z-index: 20 !important;
    }
    
    .wheel-dots .dot {
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        background: rgba(255,255,255,0.3) !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }
    
    .wheel-dots .dot.active {
        background: #ffffff !important;
        transform: scale(1.2) !important;
    }
    
    .wheel-dots .dot:hover {
        background: rgba(255,255,255,0.6) !important;
    }
    
    /* ===== PROFESSIONAL PRICE CARD ===== */
    
    /* Elegant price card design */
    .price-card {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        max-width: 320px !important;
        margin: 30px auto !important;
        padding: 30px 25px !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)) !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
        border-radius: 16px !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
        backdrop-filter: blur(10px) !important;
        text-align: center !important;
        position: relative !important;
        z-index: 10 !important;
        transition: all 0.3s ease !important;
    }
    
    .price-card:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3) !important;
    }
    
    .price-header {
        margin-bottom: 25px !important;
    }
    
    .price-header h3 {
        font-size: 1.1rem !important;
        color: #ffffff !important;
        margin: 0 !important;
        text-transform: uppercase !important;
        font-weight: 300 !important;
        letter-spacing: 2px !important;
        opacity: 0.9 !important;
    }
    
    .price-amount {
        font-size: 2.2rem !important;
        color: #ffffff !important;
        font-weight: 200 !important;
        margin: 25px 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        letter-spacing: 1px !important;
    }
    
    .price-amount .currency {
        font-size: 1.3rem !important;
        margin-right: 3px !important;
        color: #ffffff !important;
        opacity: 0.8 !important;
    }
    
    .price-amount .price {
        font-size: 2.2rem !important;
        color: #ffffff !important;
        font-weight: 200 !important;
    }
    
    .price-details {
        margin: 25px 0 !important;
    }
    
    .price-feature {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 15px 0 !important;
        padding: 10px 0 !important;
        color: #ffffff !important;
        font-size: 0.9rem !important;
        font-weight: 300 !important;
        opacity: 0.9 !important;
        letter-spacing: 0.5px !important;
    }
    
    .price-feature i {
        margin-right: 12px !important;
        color: #ffffff !important;
        font-size: 1rem !important;
        opacity: 0.7 !important;
    }
    
    .price-feature span {
        color: #ffffff !important;
    }
    
    .price-action {
        margin-top: 30px !important;
    }
    
    .price-action .btn {
        display: block !important;
        width: 100% !important;
        max-width: 220px !important;
        margin: 0 auto !important;
        padding: 14px 25px !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.9), rgba(255,255,255,0.8)) !important;
        color: #2c2c2c !important;
        border: none !important;
        border-radius: 25px !important;
        font-size: 0.9rem !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        text-decoration: none !important;
    }
    
    .price-action .btn:hover {
        background: linear-gradient(135deg, rgba(255,255,255,1), rgba(255,255,255,0.95)) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
    }
    
    /* ===== PROFESSIONAL MEMBERSHIP SECTION ===== */
    
    /* Fix graduation cap - More subtle */
    .membership-part img[alt="graduation cap"] {
        display: block !important;
        visibility: visible !important;
        opacity: 0.8 !important;
        margin: 0 auto 20px auto !important;
        width: 50px !important;
        height: 50px !important;
        filter: brightness(0) saturate(100%) invert(60%) sepia(10%) saturate(500%) hue-rotate(180deg) brightness(90%) contrast(90%) !important;
        overflow: visible !important;
        z-index: 5 !important;
        transition: all 0.3s ease !important;
    }
    
    .membership-part .col-md-8 {
        text-align: center !important;
        margin-bottom: 25px !important;
        padding: 40px 20px 20px 20px !important;
        overflow: visible !important;
        background: rgba(255,255,255,0.02) !important;
        border-radius: 12px !important;
        backdrop-filter: blur(10px) !important;
    }
    
    .membership-part .membership-part-section-seperator {
        width: 100% !important;
        padding: 50px 0 !important;
        overflow: visible !important;
        background: linear-gradient(135deg, rgba(0,0,0,0.1), rgba(255,255,255,0.05)) !important;
    }
    
    /* Professional header styling */
    .membership-part .headergroup h2 {
        font-size: 1.4rem !important;
        font-weight: 300 !important;
        color: #ffffff !important;
        margin-bottom: 20px !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
        letter-spacing: 1px !important;
    }
    
    .membership-part .headergroup h2 .seconday {
        font-size: 0.8rem !important;
        color: #cccccc !important;
        display: block !important;
        margin-bottom: 5px !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-weight: 400 !important;
    }
    
    /* ===== PROFESSIONAL CONTENT STYLING ===== */
    
    .membership-part .content-template {
        padding: 25px !important;
        background: rgba(0,0,0,0.4) !important;
        border-radius: 12px !important;
        margin-top: 20px !important;
        border: 1px solid rgba(255,255,255,0.1) !important;
        backdrop-filter: blur(5px) !important;
    }
    
    .membership-part .content-template p {
        font-size: 1.1rem !important;
        line-height: 1.6 !important;
        color: #ffffff !important;
        margin-bottom: 20px !important;
        font-weight: 400 !important;
        text-align: center !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
        opacity: 0.95 !important;
    }
    
    .membership-part .content-template ul {
        list-style: none !important;
        padding: 0 !important;
        margin: 20px 0 !important;
    }
    
    .membership-part .content-template ul li {
        font-size: 1rem !important;
        margin: 15px 0 !important;
        padding: 15px 25px 15px 50px !important;
        color: #ffffff !important;
        font-weight: 600 !important;
        text-align: left !important;
        background: rgba(255,255,255,0.08) !important;
        border-radius: 8px !important;
        border-left: 3px solid rgba(255,255,255,0.3) !important;
        transition: all 0.3s ease !important;
        letter-spacing: 0.5px !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
    }
    
    .membership-part .content-template ul li:hover {
        background: rgba(255,255,255,0.12) !important;
        border-left-color: rgba(255,255,255,0.6) !important;
        transform: translateX(5px) !important;
    }
    
    /* Add specific icons to bullet points */
    .membership-part .content-template ul li:nth-child(1):before {
        content: "🎯" !important;
        position: absolute !important;
        left: 15px !important;
        font-size: 1.3rem !important;
        line-height: 1 !important;
    }
    
    .membership-part .content-template ul li:nth-child(2):before {
        content: "⚡" !important;
        position: absolute !important;
        left: 15px !important;
        font-size: 1.3rem !important;
        line-height: 1 !important;
    }
    
    .membership-part .content-template ul li:nth-child(3):before {
        content: "🏆" !important;
        position: absolute !important;
        left: 15px !important;
        font-size: 1.3rem !important;
        line-height: 1 !important;
    }
    
    /* Fix testimonials - Force visibility on mobile */
    .testimonials-part .testimonials-part-section-seperator {
        background-image: none !important;
        background: #262B2D !important;
        min-height: auto !important;
        padding: 40px 0 !important;
        height: auto !important;
        position: relative !important;
    }
    
    .testimonials-part .testimonials-part-section-seperator[style] {
        background-image: none !important;
        background: #262B2D !important;
        min-height: auto !important;
        padding: 40px 0 !important;
    }
    
    .testimonials-part .testimonials-part-section-seperator .container-template {
        position: relative !important;
        z-index: 2 !important;
        padding: 20px !important;
        width: 90% !important;
        margin: 0 auto !important;
        transform: none !important;
    }
    
    .testimonials-part .testimonials-part-section-seperator:after {
        display: none !important;
    }
    
    .testimonials-part .testimonials-part-section-seperator h2 {
        text-align: center !important;
        margin-bottom: 40px !important;
        color: white !important;
        font-size: 1.4rem !important;
        font-weight: 300 !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
        letter-spacing: 1px !important;
    }
    
    .testimonials-part .testimonials-part-section-seperator h2 .seconday {
        color: #cccccc !important;
        display: block !important;
        font-size: 0.8rem !important;
        margin-bottom: 8px !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-weight: 400 !important;
    }
    
    .testimonials-part .testimonials-container {
        margin: 0 auto !important;
        position: relative !important;
        overflow: visible !important;
        z-index: 10 !important;
        width: 100% !important;
        max-width: none !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .testimonials-part .testimonials-container .testimonials-wrapper {
        position: relative !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10 !important;
    }
    
    .testimonials-part .testimonials-container .testimonials-wrapper .testimonials-slide {
        width: 100% !important;
        padding: 20px 10px !important;
        float: none !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        text-align: center !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    .testimonials-part .testimonials {
        line-height: 1.6 !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .testimonials-part .testimonials li {
        font-size: 1rem !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        z-index: 10 !important;
    }
    
    .testimonials-part .testimonials li .testimonial-text {
        display: block !important;
        margin-bottom: 15px !important;
        font-size: 1.1rem !important;
        color: #ffffff !important;
        line-height: 1.5 !important;
        font-style: italic !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }
    
    .testimonials-part .testimonials li .testimonial-text:before {
        content: open-quote !important;
        display: inline-block !important;
        margin: 0 0.25em 0 0 !important;
        font-size: 1.3em !important;
        color: #d32f2f !important;
    }
    
    .testimonials-part .testimonials li .testimonial-text:after {
        content: close-quote !important;
        display: inline-block !important;
        margin: 0 0 0 0.25em !important;
        font-size: 1.3em !important;
        color: #d32f2f !important;
    }
    
    .testimonials-part .testimonials li .testimonial-author {
        text-transform: uppercase !important;
        color: #cccccc !important;
        font-size: 0.9rem !important;
        font-weight: bold !important;
        letter-spacing: 1px !important;
        margin-top: 10px !important;
        display: block !important;
    }
    
    .testimonials-part .testimonials-pagination {
        width: 100% !important;
        margin-top: 30px !important;
        text-align: center !important;
        padding: 0 20px !important;
        box-sizing: border-box !important;
    }
    
    .testimonials-part .testimonials-pagination .swiper-pagination-switch {
        display: inline-block !important;
        width: 12px !important;
        height: 12px !important;
        margin: 0 5px !important;
        background: rgba(255,255,255,0.4) !important;
        border-radius: 50% !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
    }
    
    .testimonials-part .testimonials-pagination .swiper-pagination-switch.swiper-active-switch {
        background: #ffffff !important;
        transform: scale(1.2) !important;
    }
    
    .testimonials-part .testimonials-pagination .swiper-pagination-switch:hover {
        background: rgba(255,255,255,0.7) !important;
    }
    
    .testimonials-part .testimonials-wrapper .testimonials-slide {
        display: block !important;
        width: 100% !important;
        max-width: 350px !important;
        margin: 0 auto 25px auto !important;
        padding: 25px 20px !important;
        background: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05)) !important;
        border: 1px solid rgba(255,255,255,0.2) !important;
        border-radius: 15px !important;
        backdrop-filter: blur(10px) !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2) !important;
        transition: all 0.3s ease !important;
    }
    
    .testimonials-part .testimonials-wrapper .testimonials-slide:hover {
        transform: translateY(-5px) !important;
        box-shadow: 0 12px 40px rgba(0, 0, 0, 0.3) !important;
    }
    
    .testimonials-part .testimonials-wrapper .testimonials-slide:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Add star ratings above testimonials */
    .testimonials-part .testimonials li:before {
        content: "⭐⭐⭐⭐⭐" !important;
        display: block !important;
        text-align: center !important;
        font-size: 1.2rem !important;
        margin-bottom: 15px !important;
        color: #FFD700 !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
    }
    
    /* Professional testimonial text styling */
    .testimonials-part .testimonials li .testimonial-text {
        color: #ffffff !important;
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
        display: block !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
        font-style: italic !important;
        text-align: center !important;
        padding: 0 10px !important;
    }
    
    .testimonials-part .testimonials li .testimonial-author {
        color: #e0e0e0 !important;
        font-size: 0.85rem !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        display: block !important;
        text-align: center !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
        margin-top: 15px !important;
        opacity: 0.9 !important;
    }
    
    /* Show only the first 3 testimonial slides */
    .testimonials-part .testimonials-wrapper .testimonials-slide:nth-child(1),
    .testimonials-part .testimonials-wrapper .testimonials-slide:nth-child(2),
    .testimonials-part .testimonials-wrapper .testimonials-slide:nth-child(3) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* Hide any additional testimonial slides beyond the first 3 */
    .testimonials-part .testimonials-wrapper .testimonials-slide:nth-child(n+4) {
        display: none !important;
    }
    
    /* Override any swiper hiding styles for first 3 only */
    .testimonials-part .testimonials-wrapper[style*="transform"],
    .testimonials-part .testimonials-slide:nth-child(1)[style*="display: none"],
    .testimonials-part .testimonials-slide:nth-child(2)[style*="display: none"],
    .testimonials-part .testimonials-slide:nth-child(3)[style*="display: none"],
    .testimonials-part .testimonials-slide:nth-child(1)[style*="opacity: 0"],
    .testimonials-part .testimonials-slide:nth-child(2)[style*="opacity: 0"],
    .testimonials-part .testimonials-slide:nth-child(3)[style*="opacity: 0"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
    }
    
    /* Ensure testimonials list and items are visible */
    .testimonials-part ul.testimonials,
    .testimonials-part .testimonials,
    .testimonials-part .testimonials li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        height: auto !important;
        overflow: visible !important;
    }
    
    /* Force testimonial text to be visible */
    .testimonials-part .testimonial-text,
    .testimonials-part .testimonial-author {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
    }
    
    /* Fix team section */
    .section-team {
        width: 100% !important;
        padding: 40px 0 !important;
        background-color: #262B2D !important;
        position: relative !important;
    }
    
    .section-team .content {
        width: 100% !important;
        padding: 20px 0 !important;
        position: relative !important;
    }
    
    .section-team .container-template {
        width: 90% !important;
        max-width: none !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        position: relative !important;
        transform: none !important;
    }
    
    /* Fix team section header */
    .section-team .headergroup {
        text-align: center !important;
        margin-bottom: 40px !important;
    }
    
    .section-team .headergroup h2 {
        font-size: 1.8rem !important;
        color: white !important;
        margin: 0 !important;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    }
    
    .section-team .headergroup h2 .seconday {
        color: #d32f2f !important;
        display: block !important;
        font-size: 1.2rem !important;
        margin-bottom: 10px !important;
    }
    
    /* Fix team members list */
    .section-team .team-members {
        width: 100% !important;
        list-style: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    
    .section-team .team-members li {
        width: 100% !important;
        max-width: 400px !important;
        margin-bottom: 30px !important;
        text-align: center !important;
        background: rgba(42, 47, 49, 0.8) !important;
        border-radius: 15px !important;
        padding: 30px 20px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
        position: relative !important;
        border: 1px solid #424446 !important;
    }
    
    /* Fix team member image */
    .section-team .team-member-image {
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 25px !important;
        position: relative !important;
    }
    
    .section-team .team-member-image img {
        width: 200px !important;
        height: 300px !important;
        object-fit: cover !important;
        border-radius: 10px !important;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4) !important;
        transition: all 0.3s ease !important;
        display: block !important;
        margin: 0 auto !important;
    }
    
    .section-team .team-member-image img:hover {
        transform: scale(1.05) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5) !important;
    }
    
    /* Fix team member title */
    .section-team .team-member-title {
        font-size: 1.5rem !important;
        font-weight: bold !important;
        color: white !important;
        margin: 20px 0 !important;
        text-align: center !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
    }
    
    .section-team .team-member-title .seconday {
        color: #d32f2f !important;
        display: block !important;
        font-size: 1.3rem !important;
        margin-bottom: 5px !important;
    }
    
    /* Fix team member text */
    .section-team .team-member-text {
        width: 100% !important;
        text-align: center !important;
        position: relative !important;
    }
    
    .section-team .team-member-text.content-template {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: none !important;
    }
    
    .section-team .team-member-text p {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        color: #cccccc !important;
        margin: 0 !important;
        padding: 0 10px !important;
        text-align: center !important;
        word-wrap: break-word !important;
        max-width: 100% !important;
    }
    
    /* Add some visual enhancement */
    .section-team .team-members li:before {
        content: '' !important;
        position: absolute !important;
        top: -2px !important;
        left: -2px !important;
        right: -2px !important;
        bottom: -2px !important;
        background: linear-gradient(45deg, #d32f2f, transparent, #d32f2f) !important;
        border-radius: 17px !important;
        z-index: -1 !important;
        opacity: 0.3 !important;
    }
    
    /* Fix contact form */
    .contact-form {
        width: 100% !important;
        padding: 40px 0 !important;
        background-color: #262B2D !important;
        position: relative !important;
    }
    
    /* Fix contact form header */
    .contact-form .headergroup {
        text-align: center !important;
        margin-bottom: 40px !important;
        padding: 0 20px !important;
    }
    
    .contact-form .headergroup h2 {
        font-size: 1.8rem !important;
        color: white !important;
        margin: 0 !important;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.8) !important;
    }
    
    .contact-form .headergroup h2 .seconday {
        color: #d32f2f !important;
        display: block !important;
        font-size: 1.2rem !important;
        margin-bottom: 10px !important;
    }
    
    /* Fix contact form container */
    .contact-form .container {
        width: 90% !important;
        max-width: 500px !important;
        margin: 0 auto !important;
        padding: 0 15px !important;
        position: relative !important;
    }
    
    .contact-form .inner.contact {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        position: relative !important;
    }
    
    .contact-form .contact-form {
        width: 100% !important;
        padding: 20px !important;
        background: rgba(42, 47, 49, 0.9) !important;
        border-radius: 15px !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
        border: 1px solid #424446 !important;
    }
    
    /* Fix form structure */
    .contact-form form#contact-us {
        width: 100% !important;
        position: relative !important;
    }
    
    .contact-form .col-xs-6 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
    }
    
    .contact-form .col-xs-12 {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
    }
    
    /* Fix form inputs */
    .contact-form .form {
        width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        background: #ffffff !important;
        border: 2px solid #e0e0e0 !important;
        border-radius: 8px !important;
        color: #333333 !important;
        margin-bottom: 15px !important;
        box-sizing: border-box !important;
        transition: all 0.3s ease !important;
        font-family: inherit !important;
    }
    
    .contact-form .form:focus {
        border-color: #d32f2f !important;
        outline: none !important;
        box-shadow: 0 0 0 3px rgba(211, 47, 47, 0.1) !important;
        transform: translateY(-2px) !important;
    }
    
    .contact-form .form::placeholder {
        color: #999999 !important;
        font-size: 16px !important;
        opacity: 1 !important;
    }
    
    /* Fix textarea specifically */
    .contact-form .form.textarea {
        min-height: 120px !important;
        resize: vertical !important;
        font-family: inherit !important;
        line-height: 1.5 !important;
    }
    
    /* Fix submit button */
    .contact-form .form-btn {
        width: 100% !important;
        max-width: 250px !important;
        margin: 20px auto 0 auto !important;
        padding: 18px 30px !important;
        background: linear-gradient(135deg, #d32f2f, #b71c1c) !important;
        color: white !important;
        border: none !important;
        border-radius: 8px !important;
        font-size: 16px !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        display: block !important;
        box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3) !important;
    }
    
    .contact-form .form-btn:hover,
    .contact-form .form-btn:focus {
        background: linear-gradient(135deg, #b71c1c, #d32f2f) !important;
        transform: translateY(-2px) !important;
        box-shadow: 0 8px 25px rgba(211, 47, 47, 0.4) !important;
        outline: none !important;
    }
    
    .contact-form .form-btn:active {
        transform: translateY(0) !important;
        box-shadow: 0 4px 15px rgba(211, 47, 47, 0.3) !important;
    }
    
    /* Fix success message */
    .contact-form .mail-message-area {
        width: 100% !important;
        margin-top: 20px !important;
        text-align: center !important;
    }
    
    .contact-form .mail-message {
        padding: 15px 20px !important;
        background: rgba(76, 175, 80, 0.1) !important;
        border: 1px solid #4caf50 !important;
        border-radius: 8px !important;
        color: #4caf50 !important;
        font-size: 14px !important;
        margin: 0 !important;
    }
    
    .contact-form .mail-message.not-visible-message {
        display: none !important;
    }
    
    /* Remove unnecessary breaks */
    .contact-form br {
        display: none !important;
    }
    
    /* Fix relative and fullwidth classes */
    .contact-form .relative {
        position: relative !important;
    }
    
    .contact-form .fullwidth {
        width: 100% !important;
    }
    
    /* Clear fix */
    .contact-form .clear {
        clear: both !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Add loading state for button */
    .contact-form .form-btn.loading {
        opacity: 0.7 !important;
        cursor: not-allowed !important;
        pointer-events: none !important;
    }
    
    .contact-form .form-btn.loading:after {
        content: " ..." !important;
        animation: loading 1s infinite !important;
    }
    
    @keyframes loading {
        0%, 33% { content: " ."; }
        34%, 66% { content: " .."; }
        67%, 100% { content: " ..."; }
    }
    
    /* Fix footer */
    .pageFooter {
        width: 100% !important;
        padding: 30px 20px !important;
        text-align: center !important;
        position: relative !important;
    }
    
    /* ===== TIMELINE SECTION MOBILE FIXES ===== */
    
    /* Fix timeline-part layout */
    .timeline-part {
        width: 100% !important;
        overflow-x: hidden !important;
    }
    
    .timeline-part .content {
        width: 100% !important;
        padding: 40px 0 !important;
    }
    
    .timeline-part .intro {
        width: 100% !important;
        float: none !important;
        margin-bottom: 30px !important;
        padding: 0 !important;
        text-align: center !important;
    }
    
    /* Fix timeline container */
    .timeline-part .timeline {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 20px !important;
        list-style: none !important;
    }
    
    /* Fix timeline items */
    .timeline-part .timeline li {
        position: relative !important;
        width: 100% !important;
        padding: 20px 0 20px 60px !important;
        margin-bottom: 25px !important;
        border-left: 2px solid rgba(255, 255, 255, 0.3) !important;
        background: none !important;
    }
    
    /* Fix timeline year circles */
    .timeline-year {
        position: absolute !important;
        left: -40px !important;
        top: 10px !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 50% !important;
        background: linear-gradient(135deg, #4a90e2, #357abd) !important;
        color: white !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 14px !important;
        font-weight: bold !important;
        text-align: center !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
        z-index: 10 !important;
    }
    
    /* Fix timeline content */
    .timeline-part .timeline li .title {
        display: block !important;
        font-size: 1.1rem !important;
        font-weight: bold !important;
        color: white !important;
        margin-bottom: 10px !important;
        line-height: 1.3 !important;
        transform: none !important;
        opacity: 1 !important;
    }
    
    .timeline-part .timeline li .timeline-content {
        display: block !important;
        font-size: 0.95rem !important;
        color: #8a8a8a !important;
        line-height: 1.5 !important;
        transform: none !important;
        opacity: 1 !important;
    }
    
    .timeline-content {
        color: #8a8a8a !important;
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }
    
    /* Remove desktop timeline styling that breaks mobile */
    .timeline-part .timeline li:before {
        display: none !important;
    }
    
    .timeline-part .timeline li:after {
        display: none !important;
    }
    
    /* Fix timeline intro text */
    .timeline-part .intro p {
        font-size: 1rem !important;
        line-height: 1.5 !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
    
    .timeline-part .intro p:first-child {
        font-size: 1.2rem !important;
        font-weight: bold !important;
        margin-bottom: 20px !important;
    }
}

/* Enhanced GET AHEAD Section Styling */
.membership-part .headergroup {
    text-align: center !important;
    margin-bottom: 2rem !important;
}

.membership-part .headergroup h2 {
    font-family: 'Arial Black', 'Helvetica Neue', Arial, sans-serif !important;
    font-size: 3.5rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    line-height: 1.2 !important;
    margin-bottom: 0 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;
}

.membership-part .headergroup h2 .seconday {
    display: block !important;
    font-size: 1.8rem !important;
    font-weight: 600 !important;
    color: #8B4513 !important;
    text-transform: capitalize !important;
    letter-spacing: 1px !important;
    margin-bottom: 0.5rem !important;
    font-family: 'Georgia', serif !important;
}

.membership-part .headergroup h2 span:not(.seconday) {
    background: linear-gradient(135deg, #2c5530 0%, #8B4513 50%, #DAA520 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    display: block !important;
    font-size: 4rem !important;
    font-weight: 900 !important;
    position: relative !important;
}

.membership-part .content-template p {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-bottom: 2rem !important;
    line-height: 1.6 !important;
    text-align: center !important;
    font-family: 'Georgia', serif !important;
}

.membership-part .content-template ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 2rem 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.membership-part .content-template ul li {
    background: linear-gradient(135deg, #8B4513 0%, #DAA520 100%) !important;
    color: white !important;
    padding: 1rem 2rem !important;
    margin: 0.5rem 0 !important;
    border-radius: 50px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 4px 15px rgba(139, 69, 19, 0.3) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    min-width: 300px !important;
    text-align: center !important;
    font-family: 'Arial Black', Arial, sans-serif !important;
}

.membership-part .content-template ul li:before {
    content: '🎯' !important;
    font-size: 1.2em !important;
    margin-right: 10px !important;
}

.membership-part .content-template ul li:nth-child(1):before {
    content: '🎯' !important;
}

.membership-part .content-template ul li:nth-child(2):before {
    content: '⚡' !important;
}

.membership-part .content-template ul li:nth-child(3):before {
    content: '🏆' !important;
}

.membership-part .content-template ul li:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(139, 69, 19, 0.5) !important;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .membership-part .headergroup h2 {
        font-size: 2.5rem !important;
    }
    
    .membership-part .headergroup h2 span:not(.seconday) {
        font-size: 3rem !important;
    }
    
    .membership-part .headergroup h2 .seconday {
        font-size: 1.4rem !important;
    }
    
    .membership-part .content-template ul li {
        min-width: 250px !important;
        font-size: 1rem !important;
        padding: 0.8rem 1.5rem !important;
    }
}

@media (max-width: 480px) {
    .membership-part .headergroup h2 {
        font-size: 2rem !important;
    }
    
    .membership-part .headergroup h2 span:not(.seconday) {
        font-size: 2.5rem !important;
    }
    
    .membership-part .content-template ul li {
        min-width: 200px !important;
        font-size: 0.9rem !important;
    }
}

/* ===== MOBILE-SPECIFIC STYLES ===== */
@media screen and (max-width: 767px) {
    
    /* Smaller mobile adjustments */
    .section-intro h1 {
        font-size: 1.8rem !important;
    }
    
    .section-intro h1 .seconday {
        font-size: 1rem !important;
    }
    
    .container-template {
        width: 95% !important;
        padding: 0 10px !important;
    }
    
    /* Stack all columns */
    [class*="col-"] {
        width: 100% !important;
        float: none !important;
        margin-bottom: 20px !important;
    }
    
    /* Smaller timeline on mobile */
    .timeline-part .timeline {
        padding: 0 15px !important;
    }
    
    .timeline-part .timeline li {
        padding: 15px 0 15px 50px !important;
        margin-bottom: 20px !important;
    }
    
    .timeline-year {
        width: 50px !important;
        height: 50px !important;
        left: -35px !important;
        font-size: 12px !important;
    }
    
    .timeline-part .timeline li .title {
        font-size: 1rem !important;
    }
    
    .timeline-part .timeline li .timeline-content {
        font-size: 0.9rem !important;
    }
}

/* ===== TABLET STYLES ===== */
@media screen and (min-width: 768px) and (max-width: 1199px) {
    
    .container-template {
        width: 85% !important;
        padding: 0 20px !important;
    }
    
    /* Allow some columns to float on tablet */
    .membership-part .col-md-8 {
        width: 60% !important;
        float: left !important;
    }
    
    .membership-part .col-md-4 {
        width: 40% !important;
        float: right !important;
    }
    
    .contact-form .col-xs-6 {
        width: 48% !important;
        float: left !important;
        margin-right: 4% !important;
    }
    
    .contact-form .col-xs-6:last-child {
        margin-right: 0 !important;
    }
}

/* ===== PROFESSIONAL MOBILE OVERRIDES ===== */
/* These styles override the aggressive design to create a more professional look */

@media screen and (max-width: 1199px) {
    
    /* Professional bullet points - override aggressive styles */
    .membership-part .content-template ul li {
        background: rgba(255,255,255,0.08) !important;
        color: #ffffff !important;
        font-size: 0.95rem !important;
        font-weight: 400 !important;
        text-transform: none !important;
        letter-spacing: 0.5px !important;
        border-radius: 8px !important;
        padding: 12px 20px !important;
        margin: 12px 0 !important;
        border-left: 3px solid rgba(255,255,255,0.3) !important;
        transition: all 0.3s ease !important;
        min-width: auto !important;
        box-shadow: none !important;
        font-family: inherit !important;
    }
    
    .membership-part .content-template ul li:before {
        content: "✓" !important;
        margin-right: 10px !important;
        color: rgba(255,255,255,0.7) !important;
        font-weight: bold !important;
        font-size: 1rem !important;
    }
    
    .membership-part .content-template ul li:hover {
        background: rgba(255,255,255,0.12) !important;
        border-left-color: rgba(255,255,255,0.6) !important;
        transform: translateX(5px) !important;
        box-shadow: none !important;
    }
    
    /* Professional headers */
    .membership-part .headergroup h2 {
        font-size: 1.4rem !important;
        font-weight: 300 !important;
        color: #ffffff !important;
        margin-bottom: 20px !important;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
        letter-spacing: 1px !important;
        font-family: inherit !important;
    }
    
    .membership-part .headergroup h2 .seconday {
        font-size: 0.8rem !important;
        color: #cccccc !important;
        display: block !important;
        margin-bottom: 5px !important;
        text-transform: uppercase !important;
        letter-spacing: 2px !important;
        font-weight: 400 !important;
    }
    
    .membership-part .headergroup h2 span:not(.seconday) {
        font-size: 1.6rem !important;
        font-weight: 300 !important;
    }
}

@media screen and (max-width: 768px) {
    .membership-part .headergroup h2 {
        font-size: 1.3rem !important;
    }
    
    .membership-part .headergroup h2 span:not(.seconday) {
        font-size: 1.5rem !important;
    }
}

@media screen and (max-width: 480px) {
    .membership-part .headergroup h2 {
        font-size: 1.2rem !important;
    }
    
    .membership-part .headergroup h2 span:not(.seconday) {
        font-size: 1.4rem !important;
    }
    
    .membership-part .content-template ul li {
        font-size: 0.9rem !important;
        padding: 10px 16px !important;
        min-width: auto !important;
    }
}