/* ============================================
   FIX: Ensure desktop dropdowns work at all viewport sizes
   ============================================ */
/* Desktop header dropdowns - must work even at mobile breakpoints */
@media screen {

    .header-inner>ul:not(.header-menu) li .submenu-menu,
    .header-inner ul.header-right li .dropdown-menu,
    .header-inner ul:not(.header-menu) li .submenu-menu {
        position: absolute !important;
        margin-top: 0 !important;
        /* Reduced gap to make dropdown appear immediately below button */
        z-index: 100000 !important;
        /* Very high to ensure dropdown is above all menu items */
        overflow: visible !important;
    }

    /* When dropdown parent is active/hovered, ensure it's above other menu items */
    .header-inner>ul:not(.header-menu) li:hover,
    .header-inner>ul:not(.header-menu) li.active,
    .header-inner ul:not(.header-menu) li:hover,
    .header-inner ul:not(.header-menu) li.active {
        z-index: 100000 !important;
    }

    .profile-dropdown .dropdown-menu {
        position: absolute !important;
        z-index: 999999 !important;
        /* CRITICAL: Extremely high z-index to appear above ALL page content */
        overflow: visible !important;
    }

    /* CRITICAL: Ensure ALL header dropdown variations have maximum z-index */
    .header-inner .submenu-menu,
    .header-inner .dropdown-menu,
    .header-inner ul.header-right .dropdown-menu,
    .header-inner ul li .submenu-menu,
    .header-inner .dropdown-menu.show,
    .header-inner .dropdown-menu[style*="z-index"],
    .header-inner .dropdown-menu[data-popper-placement],
    .header-inner ul.header-right .dropdown-menu.show,
    .header-inner ul.header-right .profile-dropdown .dropdown-menu,
    .header-inner ul.header-right .profile-dropdown .dropdown-menu.show,
    .profile-dropdown .dropdown-menu.show,
    .profile-dropdown .dropdown-menu[style*="z-index"],
    ul.dropdown-menu.dropdown-menu-end.show {
        z-index: 999999 !important;
        /* CRITICAL: Extremely high z-index for profile dropdown to appear above ALL page content */
        overflow: visible !important;
    }
}

@media only screen and (max-width: 1320px) {
    .banner-img img {
        max-width: 100%;
    }



    .mynetwork-section .row {
        --bs-gutter-x: 1.5rem;
    }

    .header-inner .logo {
        max-width: 170px;
    }

    .header-inner ul.header-right,
    .header-inner ul {
        gap: 20px;
    }
}

@media only screen and (max-width: 1199px) {
    .filter_box_scroll {
        overflow-x: auto;
        overflow-y: visible;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .filter_box_scroll .filter_box {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 767px) {
    .filter_box_scroll .filter_box {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (max-width: 1024px) {

    /* CRITICAL: Ensure header dropdowns have high z-index on iPad/tablet */
    .site-header {
        z-index: 99998 !important;
    }

    .header-inner {
        z-index: 99998 !important;
        overflow: visible !important;
    }

    .header-inner ul.header-right {
        z-index: 99999 !important;
        overflow: visible !important;
    }

    .header-inner .submenu-menu,
    .header-inner .dropdown-menu,
    .header-inner ul.header-right .dropdown-menu,
    .header-inner ul li .submenu-menu,
    .profile-dropdown .dropdown-menu,
    .profile-dropdown .dropdown-menu.show,
    .header-inner ul.header-right .profile-dropdown .dropdown-menu {
        z-index: 100000 !important;
        overflow: visible !important;
    }

    .live-listing-box-main .row {
        --bs-gutter-x: 1.5rem;
    }

    .funds-list-main .row {
        row-gap: 15px;
        --bs-gutter-x: 1.5rem;
    }

    /* Fix all profile images to be circular, not oval - iPad & Tablet */
    .chat-profile-img,
    .chat-profile-img a {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .chat-profile-img a img,
    .chat-profile-img img {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
    }

    .feed-profile .profile-img,
    .feed-profile .profile-img a {
        width: 112px !important;
        height: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        max-width: 112px !important;
        max-height: 112px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .feed-profile .profile-img img,
    .feed-profile .profile-img a img {
        width: 112px !important;
        height: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        max-width: 112px !important;
        max-height: 112px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
    }

    .post-profile,
    .post-profile a {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .post-profile img,
    .post-profile a img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
    }

    .mynetwork-profile,
    .mynetwork-profile a {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .mynetwork-profile img,
    .mynetwork-profile a img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
    }

    .chat-profile-head img {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
    }

    .profile-img img,
    .profile-img a img,
    .profile-img .pro-img {
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
    }

    .profile-img,
    .profile-img a {
        overflow: hidden !important;
        border-radius: 50% !important;
    }

    img[src*="profiles"],
    img[src*="profile"],
    .profile-image img,
    .avatar img,
    .user-avatar img,
    table img[src*="profiles"],
    table img[src*="profile"],
    .chat-list-main img,
    .feed-post-head img,
    .mynetwork-box img {
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
    }

    .all-table.chat-table table tbody tr td img,
    .chat-table table tbody tr td img {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
        display: block !important;
    }

    .chat-profile-img,
    .chat-profile-img a,
    table td .chat-profile-img,
    table td .chat-profile-img a {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .foot-middle .col-lg-6:first-child {
        width: 40%;
    }

    .foot-middle .col-lg-6:last-child {
        width: 60%;
    }

    .view-profile-img img {
        width: 162px;
        height: 162px;
    }



    .header-inner ul {
        gap: 20px;
    }

    .header-inner ul.header-right {
        gap: 20px;
    }



    .blog-list-section .row {
        --bs-gutter-x: 1.5rem;
    }

    .get-started-content {
        padding: 0 18px;
    }

    .get-started-content p {
        margin-bottom: 16px;
    }
}

/* Ensure desktop pricing view is hidden on mobile */
@media only screen and (max-width: 991px) {

    /* Aggressively hide desktop pricing view */
    .pricing-cards-container.mobile-hide,
    .pricing-cards-container.mobile-hide *,
    .mobile-hide.pricing-cards-container,
    .mobile-hide.pricing-cards-container * {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Hide any pricing cards outside mobile-plan-show */
    .plan-section .pricing-card-modern:not(.mobile-plan-show .pricing-card-modern) {
        display: none !important;
    }

    .target-box-main {
        position: unset;
        margin-top: 30px;
    }

    .all-table .nudge_table {
        overflow: auto;
    }

    /* CRITICAL: Mobile styles for .extra dropdown in header menu */
    .header-menu .section {
        position: relative !important;
        overflow: visible !important;
    }

    /* Hide the "More" text on mobile - show all items directly */
    .header-menu .section>a#more-btn {
        display: none !important;
    }

    /* Show .extra items inline in mobile menu */
    .header-menu .section .extra {
        position: relative !important;
        display: block !important;
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        background: transparent !important;
        padding: 0 0 0 20px !important;
        margin: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        z-index: 1 !important;
    }

    /* When .extra is visible, show it inline */
    .header-menu .extra[style*="display: block"],
    .header-menu .section.open .extra {
        display: block !important;
    }

    /* Fix the section container to not take extra space when extra is hidden */
    .header-menu .section {
        position: relative !important;
        overflow: visible !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Ensure mobile menu allows overflow for dropdowns */
    .header-menu {
        overflow-y: auto !important;
        overflow-x: visible !important;
    }

    /* Only show .extra as popup when "More" is clicked and section has open class */
    .header-menu .section.open .extra {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* CRITICAL: Ensure submenu-menu is visible on mobile when parent has active class */
    .header-menu li.active>.submenu-menu,
    .header-menu li.nav-item.active>.submenu-menu,
    .header-inner .header-menu ul li.active .submenu-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        width: 100% !important;
        padding: 5px 0 0 15px !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Compact spacing for submenu items on mobile */
    .header-menu .submenu-menu li {
        margin-bottom: 5px !important;
        padding: 0 !important;
    }

    .header-menu .submenu-menu li:last-child {
        margin-bottom: 0 !important;
    }

    .header-menu .submenu-menu li a {
        padding: 5px 0 !important;
        display: block !important;
    }

    /* Ensure submenu-menu shows when slideDown is used (jQuery sets inline style) */
    .header-menu .submenu-menu[style*="display: block"],
    .header-menu .submenu-menu[style*="display:block"] {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .header-inner ul li .submenu-menu li a.icon::before {
        content: "\66";
        font-size: 12px;
    }

    /* Optimize header spacing on mobile */
    .site-header {
        top: 8px !important;
        /* FIX C: Ensure header z-index is high on mobile too - matches desktop value */
        z-index: 99998 !important;
        /* CRITICAL: No transform to allow fixed children to position from viewport */
        transform: none !important;
    }

    .header-inner {
        padding: 6px 10px !important;
        /* FIX A: Maintain minimum height on mobile to prevent shaking */
        min-height: 40px !important;
        max-height: 60px !important;
        height: auto !important;
        flex-wrap: nowrap !important;
        /* Prevent wrapping on mobile */
        align-items: center !important;
        gap: 4px !important;
        /* Reduced gap to prevent overflow */
        /* FIX D: Ensure dropdowns are not clipped on mobile */
        overflow: visible !important;
        /* FIX C: Ensure header-inner z-index is high on mobile - matches desktop value */
        z-index: 99998 !important;
        display: flex !important;
        justify-content: space-between !important;
        position: relative !important;
        /* CRITICAL: Don't let children affect height */
        align-content: flex-start !important;
        /* CRITICAL: No transform to allow fixed children to position from viewport */
        transform: none !important;
    }

    /* CRITICAL: Exclude header-menu from height calculation */
    .header-inner>*:not(.header-menu) {
        flex-shrink: 0 !important;
    }

    /* FIX C: Ensure header-right dropdowns maintain high z-index on mobile */
    .header-inner ul.header-right {
        z-index: 99999 !important;
        /* High z-index for parent container - matches desktop */
        overflow: visible !important;
    }

    /* FIX C: Ensure profile dropdown maintains high z-index on mobile */
    .profile-dropdown {
        z-index: 10001 !important;
        /* High z-index for dropdown parent */
    }

    .profile-dropdown .dropdown-menu {
        z-index: 100000 !important;
        /* CRITICAL: Must match desktop z-index to appear above all page content */
        position: absolute !important;
        overflow: visible !important;
    }

    /* FIX C: Ensure desktop dropdowns (not mobile slide-out menu) maintain proper positioning */
    .header-inner>ul:not(.header-menu ul) .submenu-menu,
    .header-inner ul.header-right .dropdown-menu,
    .header-inner .submenu-menu,
    .header-inner .dropdown-menu,
    .header-inner ul li .submenu-menu {
        position: absolute !important;
        margin-top: 0 !important;
        /* Reduced gap to make dropdown appear immediately below button */
        z-index: 100000 !important;
        /* Very high to ensure dropdown is above all menu items */
        overflow: visible !important;
    }

    /* CRITICAL: Ensure all dropdown states and variations have high z-index */
    .header-inner .dropdown-menu.show,
    .header-inner .dropdown-menu[style*="z-index"],
    .header-inner .dropdown-menu[data-popper-placement],
    .header-inner ul.header-right .dropdown-menu.show {
        z-index: 100000 !important;
        overflow: visible !important;
    }

    /* CRITICAL: Profile dropdown must have extremely high z-index */
    .header-inner ul.header-right .profile-dropdown .dropdown-menu.show,
    .profile-dropdown .dropdown-menu.show,
    .profile-dropdown .dropdown-menu[style*="z-index"],
    ul.dropdown-menu.dropdown-menu-end.show {
        z-index: 999999 !important;
        /* CRITICAL: Extremely high z-index for profile dropdown to appear above ALL page content */
        overflow: visible !important;
    }

    /* When dropdown parent is active/hovered, ensure it's above other menu items */
    .header-inner>ul:not(.header-menu ul) li:hover,
    .header-inner>ul:not(.header-menu ul) li.active,
    .header-inner ul li.nav-item:hover,
    .header-inner ul li.nav-item.active {
        z-index: 100000 !important;
    }

    /* CRITICAL: Remove header-menu from flex layout - it's fixed positioned from viewport */
    .header-inner>.header-menu {
        position: fixed !important;
        top: 68px !important;
        left: -100% !important;
        width: 0 !important;
        height: calc(100vh - 68px) !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        z-index: 9998 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* When menu is active, restore it */
    .active-menu .header-inner>.header-menu {
        width: 270px !important;
        height: calc(100vh - 68px) !important;
        left: 0 !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        top: 68px !important;
        padding: 15px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    /* Override mycampaigns page styles for mobile menu */
    body.page-pitches-mycampaigns .header-inner>.header-menu {
        position: fixed !important;
        top: 68px !important;
    }

    body.page-pitches-mycampaigns .active-menu .header-inner>.header-menu {
        position: fixed !important;
        top: 68px !important;
        left: 0 !important;
    }

    .header-inner .logo {
        max-width: 120px !important;
        flex-shrink: 0 !important;
    }

    .header-inner .logo img {
        max-height: 32px !important;
        width: auto !important;
    }

    /* Show smaller logo on mobile header */
    .header-inner>.logo {
        display: block !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    /* Mobile logo in menu - HIDDEN since menu now starts below header where logo is visible */
    .header-menu .logo.d-lg-none {
        display: none !important;
    }

    .header-menu .logo.d-lg-none img {
        max-height: 35px !important;
        width: auto !important;
    }

    /* Header menu - fixed positioned from viewport */
    .header-menu {
        position: fixed !important;
        left: -100% !important;
        top: 68px !important;
        width: 270px !important;
        height: calc(100vh - 68px) !important;
        background-color: #fff !important;
        padding: 15px !important;
        z-index: 9998 !important;
        transition: all 0.2s ease-in-out !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        margin: 0 !important;
        margin-top: 0 !important;
        inset: 68px auto 0 -100% !important;
        transform: none !important;
    }

    .active-menu .header-menu {
        left: 0 !important;
        top: 68px !important;
        margin: 0 !important;
        margin-top: 0 !important;
        inset: 68px auto 0 0 !important;
        transform: none !important;
    }

    /* Override mycampaigns page styles for mobile menu - must be more specific */
    body.page-pitches-mycampaigns .header-menu {
        position: fixed !important;
        top: 68px !important;
    }

    body.page-pitches-mycampaigns .active-menu .header-menu {
        position: fixed !important;
        top: 68px !important;
        left: 0 !important;
    }

    .banner-content .banner-title {
        font-size: 42px;
        line-height: 50px;
    }

    .build-raise-content h3 {
        font-size: 20px;
        line-height: 26px;
    }


    .build-raise-content li::before {
        top: 7px;
    }

    .build-raise-content li {
        font-size: 16px;
        line-height: 20px;
    }

    .investor-content .section-title p {
        margin-bottom: 16px;
    }

    .header-inner ul.header-right {
        margin-left: auto !important;
        gap: 8px !important;
        flex-shrink: 0 !important;
        margin-right: 0 !important;
        /* Remove margin to prevent covering mobile button */
        order: 9998 !important;
        /* Place before mobile button */
    }

    .header-inner ul.header-right li {
        margin: 0 !important;
        flex-shrink: 0 !important;
    }

    .header-inner ul.header-right .profile-dropdown button {
        font-size: 13px !important;
        padding: 3px 6px !important;
        white-space: nowrap !important;
    }

    .header-inner ul.header-right .profile-dropdown button img {
        width: 24px !important;
        height: 24px !important;
        flex-shrink: 0 !important;
    }

    .header-inner .mobile-btn {
        flex-shrink: 0 !important;
        margin-left: 4px !important;
        position: relative !important;
        z-index: 10003 !important;
        /* Ensure button is above header-right and other elements */
        order: 9999 !important;
        /* Force it to be last in flex order */
    }

    .header-inner .mobile-btn button {
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        min-width: 44px !important;
        /* Minimum touch target size */
        min-height: 44px !important;
        /* Minimum touch target size */
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .mobile-btn button {
        display: flex;
        line-height: 1;
        padding: 0;
        border: 0;
        background-color: transparent;
        font-size: 20px;
        color: #000;
        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
        min-width: 44px !important;
        /* Minimum touch target size */
        min-height: 44px !important;
        /* Minimum touch target size */
        position: relative;
        z-index: 10001 !important;
        /* Ensure button is above other elements */
    }

    /* Ensure icon pseudo-element doesn't block clicks */
    .mobile-btn button.icon:before,
    .mobile-btn button.icon:after {
        pointer-events: none !important;
    }

    .active-menu .mobile-btn button::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: transparent;
        /* FIX C: Mobile overlay should be below header dropdowns */
        z-index: 9997 !important;
        /* Below mobile menu (9998) and header (10000) */
    }

    .get-started-content {
        padding: 48px;
    }

    .get-started-content p {
        margin-bottom: 20px;
    }

    .footer-widget-main {
        margin-bottom: 30px;
    }

    .funds-list-main .view-details-btn .btns,
    .view-details-btn .btns {
        min-width: auto;
        padding: 5px 14px;
    }

    .contact-us-section .form-group {
        margin-bottom: 24px;
    }

    .contact-us-section {
        padding: 50px 0;
    }

    .campaigns-detail-profile .col-lg-3,
    .campaigns-detail-profile .col-lg-4 {
        width: 50%;
    }

    .header-inner {
        gap: 20px;
    }

    .partners-listing-scrolling {
        overflow: auto;
    }

    .accordion-side-bar {
        padding-right: 0;
    }

    .header-inner .header-menu>ul {
        flex-direction: column;
        align-items: start !important;
    }

    /* FIX B: Only apply unset positioning to submenus INSIDE the mobile slide-out menu */
    /* Desktop dropdowns must remain absolutely positioned */
    .header-inner .header-menu ul li .submenu-menu {
        position: unset !important;
        width: 100% !important;
        transform: translate(0, 0) !important;
        padding: 10px 0 0 0 !important;
        margin-bottom: 0 !important;
        list-style: none !important;
    }

    /* Ensure submenu is visible when active */
    .header-inner .header-menu ul li.active .submenu-menu,
    .header-menu li.active>.submenu-menu,
    .header-menu li.nav-item.active>.submenu-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Style submenu list items in mobile menu */
    .header-inner .header-menu ul li .submenu-menu li {
        display: block !important;
        width: 100% !important;
        margin-bottom: 8px !important;
        list-style: none !important;
    }

    .header-inner .header-menu ul li .submenu-menu li a {
        display: block !important;
        padding: 8px 0 !important;
        color: #767676 !important;
        text-decoration: none !important;
        width: 100% !important;
    }

    /* Remove bottom spacing from mobile menu submenus */
    .header-inner .header-menu ul li .submenu-menu li:last-child {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Ensure submenu in mobile menu has no extra bottom spacing */
    .header-inner .header-menu ul li.active .submenu-menu {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    /* FIX B: CRITICAL - Ensure desktop dropdowns (outside mobile menu) maintain absolute positioning */
    /* These are the actual header dropdowns that appear on hover/click, NOT the mobile slide-out menu */
    .header-inner>ul:not(.header-menu) li .submenu-menu,
    .header-inner ul.header-right li .dropdown-menu,
    .header-inner ul:not(.header-menu) li .submenu-menu {
        position: absolute !important;
        margin-top: 0 !important;
        /* Reduced gap to make dropdown appear immediately below button */
        z-index: 100000 !important;
        /* Very high to ensure dropdown is above all menu items */
        overflow: visible !important;
        top: 100% !important;
        left: 0 !important;
    }

    /* When dropdown parent is active/hovered, ensure it's above other menu items */
    .header-inner>ul:not(.header-menu) li:hover,
    .header-inner>ul:not(.header-menu) li.active,
    .header-inner ul:not(.header-menu) li:hover,
    .header-inner ul:not(.header-menu) li.active {
        z-index: 100000 !important;
    }

    /* FIX C: Ensure profile dropdown works on mobile/tablet viewports */
    .header-inner ul.header-right .profile-dropdown .dropdown-menu {
        position: absolute !important;
        z-index: 100000 !important;
        /* CRITICAL: Must match desktop z-index to appear above all page content */
        overflow: visible !important;
    }

    .header-inner .header-menu>ul li {
        width: 100%;
    }

    .auth-form {
        width: 100%;
    }

    .auth-img {
        width: 100%;
        margin-top: 20px;
    }

    .login-back {
        top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .chat-box-inner {
        padding: 170px 0 0;
        position: relative;
        /* Ensure proper positioning context */
    }

    /* Fix chat scrolling to start below header on mobile */
    .chat-scrolling {
        padding-top: 100px !important;
        /* Account for absolutely positioned header */
        position: relative;
        z-index: 1;
    }

    .chat-profile-head {
        z-index: 10 !important;
        /* Ensure header appears above messages */
    }

    .banner-section .row.align-items-center {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        vertical-align: middle !important;
        text-align: left !important;
    }

    .banner-stats {
        gap: 16px;
    }

    .banner-stats-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .banner-metric {
        padding: 20px 24px;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .banner-metric .stat-row {
        display: flex !important;
        align-items: flex-end !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .banner-metric .stat-prefix,
    .banner-metric .stat-suffix,
    .banner-metric .stat-value {
        font-size: 36px;
        display: inline-block !important;
        white-space: nowrap !important;
    }

    .banner-metric .stat-prefix {
        margin-right: 8px;
    }

    .banner-metric .stat-suffix {
        margin-left: 8px;
    }

    .banner-metric .stat-prefix.stat-prefix-tight {
        margin-right: 4px;
    }

    .banner-metric .stat-suffix.stat-suffix-tight {
        margin-left: 4px;
    }

    .banner-metric-main .stat-prefix,
    .banner-metric-main .stat-suffix,
    .banner-metric-main .stat-value {
        font-size: 64px;
    }

    .banner-metric .stat-label {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }

    .plan-select .notify-message {
        position: unset;
        margin-top: 5px;
    }

    .plan-price .text-danger {
        font-size: 14px;
        line-height: 26px;
    }

    .feed-top-section {
        text-align: center;
    }

    .video-details-inner iframe {
        height: 230px;
        margin-bottom: 30px;
    }

    .foot-middle .col-lg-6:first-child,
    .foot-middle .col-lg-6:last-child {
        width: 100%;
    }

    .footer-widget-content p {
        font-size: 16px;
        line-height: 20px;
    }

    .details-inner-list:not(:last-child) {
        padding-bottom: 25px;
        margin-bottom: 25px;
    }

    .details-inner-list h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .step-form-inner {
        padding: 15px;
    }

    .step-btn {
        gap: 15px;
    }

    .step-form-head h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .partners-listing table thead {
        display: none;
    }

    .partners-listing table tbody tr {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .partners-listing table tbody tr td .btns {
        display: inline-flex;
    }

    .partners-listing table tbody tr td {
        padding: 0;
        border-bottom: 0;
    }

    .partners-listing table tbody tr:not(:last-child) td:last-child {
        border-bottom: 1px solid #EBEBEB;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .post-share-box textarea {
        padding: 23px 15px;
    }

    .post-share-form {
        margin-top: 40px;
    }

    .share-box-btn {
        position: unset;
        margin-top: 20px;
        justify-content: end;
    }



    .funding-form-section form {
        padding: 20px;
    }

    .funding-form-section form .form-group {
        margin-bottom: 24px;
    }

    .favorites-share {
        width: 100%;
        margin-top: 16px;
        gap: 24px;
    }

    .campaigns-detail-profile .col-lg-3,
    .campaigns-detail-profile .col-lg-4 {
        width: 100%;
    }

    .campaigns-detail-img {
        padding: 0;
        width: 105px;
        margin-bottom: 24px;
    }

    .campaigns-detail-head {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        vertical-align: middle !important;
        text-align: left !important;
    }

    .list-back-btn {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        vertical-align: middle !important;
        text-align: left !important;
        margin-bottom: 16px !important;
        width: 100% !important;
    }

    .list-back-btn a,
    .list-back-btn a.icon-icon-13 {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        vertical-align: middle !important;
        text-align: left !important;
        font-weight: 700 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        color: #1A1919 !important;
        text-decoration: none !important;
        padding: 12px 0 !important;
        padding-left: 33px !important;
        position: relative !important;
        gap: 8px !important;
        z-index: 10 !important;
        /* Ensure link is above other elements */
        pointer-events: auto !important;
        /* Ensure link is clickable */
        cursor: pointer !important;
        /* Show pointer cursor */
    }

    /* CRITICAL: Ensure list-back-btn container is clickable */
    .list-back-btn {
        position: relative !important;
        z-index: 10 !important;
        pointer-events: auto !important;
    }

    /* CRITICAL: Ensure profile-cover-section list-back-btn is clickable */
    .profile-cover-section .list-back-btn {
        position: relative !important;
        z-index: 10 !important;
        pointer-events: auto !important;
    }

    .profile-cover-section .list-back-btn a {
        z-index: 10 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        position: relative !important;
    }

    .list-back-btn a::before {
        position: absolute !important;
        left: 2px !important;
        top: 50% !important;
        transform: translateY(-50%) rotate(180deg) !important;
        font-size: 20px !important;
        display: flex !important;
        align-items: center !important;
        vertical-align: middle !important;
    }

    .campaigns-detail-head h1 {
        font-size: 24px;
        line-height: 32px;
        text-align: left !important;
    }

    .target-box-main {
        padding: 15px;
        gap: 15px;
    }

    /* Make "Analyze This Opportunity" button same size as "Make an Offer" button */
    .target-box-main .btns-05 {
        width: 100% !important;
        padding: 12px 24px !important;
        font-size: 16px !important;
        line-height: 24px !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Ensure all buttons have consistent styling */
    .target-box-main .btns,
    .target-box-main .btns-04,
    .target-box-main .btns-05 {
        width: 100% !important;
        padding: 12px 24px !important;
        font-size: 16px !important;
        line-height: 24px !important;
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .target-box-inner h5 {
        font-size: 20px;
        line-height: 20px;
    }

    .target-box-inner label {
        font-size: 16px;
        line-height: 20px;
    }

    .details-inner-list .more-content {
        font-size: 16px;
        line-height: 20px;
    }

    .explore-title h4 {
        font-size: 24px;
        line-height: normal;
    }

    .filter_box_scroll {
        overflow-x: auto;
        overflow-y: visible;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .filter_box_scroll .filter_box {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        vertical-align: middle !important;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 15px !important;
        gap: 15px !important;
    }

    .filter_box {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        vertical-align: middle !important;
        text-align: left !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        padding: 15px !important;
        gap: 15px !important;
    }

    .filter_box>h4 {
        font-size: 16px;
        line-height: normal;
        padding-left: 25px;
        width: auto;
        min-width: 100px;
        flex-shrink: 0;
        display: flex !important;
        align-items: center !important;
        vertical-align: middle !important;
        margin: 0 !important;
    }

    .filter_box form {
        width: auto;
        flex: 1;
        min-width: 0;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 15px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .filter_box form>* {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .filter_box>h4::before {
        font-size: 20px;
        vertical-align: middle !important;
    }

    .filter_box .filter-select {
        display: flex !important;
        align-items: center !important;
        vertical-align: middle !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: auto !important;
        min-width: 150px !important;
        flex: 1 1 auto !important;
    }

    .filter_box .filter-select select {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: 48px !important;
        background: #FFFFFF !important;
        border: 1px solid #EBEBEB !important;
        border-radius: 12px !important;
        padding: 0 40px 0 15px !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        color: #1A1919 !important;
        -webkit-appearance: menulist !important;
        -moz-appearance: menulist !important;
        appearance: menulist !important;
        cursor: pointer !important;
    }

    .filter_box .filter-select select option {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #1A1919 !important;
        background: #FFFFFF !important;
        padding: 10px 15px !important;
    }

    .filter_box .btns {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Fix for selectpicker/bootstrap-select if used */
    .filter_box .bootstrap-select,
    .filter_box .selectpicker {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
    }

    .filter_box .bootstrap-select .dropdown-toggle,
    .filter_box .selectpicker .dropdown-toggle {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        height: 48px !important;
        background: #FFFFFF !important;
        border: 1px solid #EBEBEB !important;
        border-radius: 12px !important;
        color: #1A1919 !important;
    }

    .filter_box .bootstrap-select .dropdown-menu,
    .filter_box .selectpicker .dropdown-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9999 !important;
    }

    .campaigns-img-main {
        border-bottom: 0;
        padding-bottom: 0;
    }

    /* Fix alignment for save and share buttons in campaigns-list-head */
    .campaigns-list-head {
        align-items: center;
        gap: 8px;
    }

    .campaigns-list-head>.d-flex:last-child {
        align-items: center;
        gap: 8px;
    }

    /* Keep verified tag, save, and share in same line for verified pitches */
    .campaigns-list.border-add .campaigns-list-head {
        flex-wrap: nowrap;
        margin-bottom: 4px;
        padding-bottom: 4px;
        position: relative;
        justify-content: space-between;
        margin-top: -8px;
    }

    .campaigns-list.border-add .campaigns-list-head .verified-tag.new-tag {
        width: auto;
        margin-bottom: 0;
        margin-top: -8px;
        order: -1;
        /* Move to start of flex container */
        flex-basis: auto;
        flex-shrink: 0;
    }

    /* Keep action buttons in same line */
    .campaigns-list.border-add .campaigns-list-head>.d-flex:last-child {
        width: auto;
        justify-content: flex-end;
        margin-top: 0;
        align-items: center;
        flex-shrink: 0;
    }

    /* Add minimal spacing between campaigns-list-head and campaigns-img-main - only for verified pitches */
    .campaigns-list.border-add .campaigns-img-main {
        margin-top: 0;
    }

    /* Reduce the negative margin on logo for verified pitches to prevent collision but keep it closer */
    .campaigns-list.border-add .campaigns-img {
        margin-top: -28px;
    }

    /* Remove upward pull on logo for non-verified pitches on mobile */
    .campaigns-list:not(.border-add) .campaigns-img {
        margin-top: 0;
    }

    /* Increase z-index for share dropdown to prevent background transparency issues and ensure visibility */
    .share-dropdown-wrapper {
        position: relative;
        z-index: 99999 !important;
    }

    .share-dropdown-menu {
        z-index: 999999 !important;
        position: absolute !important;
        background: #ffffff !important;
        background-color: #ffffff !important;
        pointer-events: auto !important;
        /* Force right alignment - override any inline styles */
        right: 0 !important;
        left: auto !important;
        max-width: calc(100vw - 20px) !important;
        width: 280px !important;
        transform: none !important;
        inset: auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        border: 1px solid #e5e7eb !important;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.08) !important;
    }

    /* Ensure dropdown doesn't go off screen on mobile */
    @media only screen and (max-width: 1024px) {
        .share-dropdown-wrapper {
            position: relative !important;
        }

        /* CRITICAL: Use fixed positioning to escape ALL parent containers and stacking contexts */
        .share-dropdown-menu,
        .share-dropdown-menu[style*="left"],
        .share-dropdown-menu[style*="position"],
        .share-dropdown-menu[style*="-114px"],
        div.share-dropdown-menu {
            /* Use fixed positioning to escape card boundaries */
            position: fixed !important;
            z-index: 9999999 !important;
            /* Ultra high z-index */
            /* CRITICAL: Remove transforms that create stacking contexts */
            transform: none !important;
            /* Ensure it fits in viewport */
            max-width: calc(100vw - 20px) !important;
            width: min(280px, calc(100vw - 20px)) !important;
            /* Padding adjustments */
            padding-left: 15px !important;
            padding-right: 15px !important;
            /* CRITICAL: Force solid white background */
            background: #ffffff !important;
            background-color: #ffffff !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            background-image: none !important;
        }

        /* Position all share dropdowns - use fixed positioning */
        .campaigns-list-head .share-dropdown-wrapper .share-dropdown-menu,
        .campaigns-detail-head .share-dropdown-wrapper .share-dropdown-menu,
        .share-dropdown-wrapper .share-dropdown-menu,
        .share-icon .share-dropdown-menu,
        .favorites-share .share-dropdown-menu {
            position: fixed !important;
            z-index: 9999999 !important;
            transform: none !important;
        }

        /* Specific override for detail page share dropdown */
        .campaigns-detail-head .share-dropdown-menu {
            position: fixed !important;
            z-index: 9999999 !important;
            transform: none !important;
        }
    }

    /* CRITICAL: Fix ALL parent containers to prevent clipping and stacking context issues */
    /* Remove overflow: hidden from ALL parent containers */
    .campaigns-list-section,
    .campaigns-list-section .container,
    #casinosList,
    .campaigns-list-main,
    .campaigns-list,
    .campaigns-list.border-add,
    .campaigns-list-head,
    .campaigns-more-details,
    .campaigns-details,
    .share-dropdown-wrapper,
    .main-content,
    section.campaigns-list-section,
    .main-content section.campaigns-list-section {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    /* CRITICAL: Remove stacking context creators (transform, filter, opacity, will-change) from parent containers */
    .campaigns-list-section,
    .campaigns-list-section .container,
    #casinosList,
    .campaigns-list-main,
    .campaigns-list,
    .campaigns-list.border-add,
    .campaigns-list-head,
    .campaigns-more-details {
        transform: none !important;
        filter: none !important;
        opacity: 1 !important;
        will-change: auto !important;
        isolation: auto !important;
    }

    /* Ensure dropdown wrapper doesn't create stacking context */
    .share-dropdown-wrapper {
        position: relative !important;
        z-index: auto !important;
        transform: none !important;
        filter: none !important;
        isolation: auto !important;
    }

    /* Hide Hotjar feedback widget on mobile to prevent interference */
    #survey_1225293,
    #hotjar-survey-593f110f-f832-4997-a769-f811e4cb875a,
    ._hj-3UIi__style__globalStyle,
    ._hj-Pbej5__style__resetStyle,
    #hj-survey-toggle-1,
    [id*="hotjar"],
    [id*="survey"],
    [class*="_hj-"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -9999px !important;
        width: 0 !important;
        height: 0 !important;
    }

    .campaigns-list {
        position: relative;
        z-index: 1 !important;
        overflow: visible !important;
        /* CRITICAL: Remove stacking context creators */
        transform: none !important;
        filter: none !important;
        opacity: 1 !important;
        will-change: auto !important;
        isolation: auto !important;
        /* Increase card width on mobile to reduce text clutter */
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .campaigns-list-head {
        position: relative;
        z-index: 1 !important;
        /* Keep low so dropdown appears above */
        overflow: visible !important;
        transform: none !important;
        filter: none !important;
        isolation: auto !important;
        width: 100% !important;
    }

    .campaigns-img-main {
        overflow: visible !important;
        width: 100% !important;
    }

    /* Increase container and card widths on mobile for better readability */
    .campaigns-list-section .container {
        max-width: 100% !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 100% !important;
        overflow: visible !important;
        transform: none !important;
        filter: none !important;
        isolation: auto !important;
    }

    .campaigns-list-main {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        transform: none !important;
        filter: none !important;
        isolation: auto !important;
    }

    /* CRITICAL: Fix #casinosList container */
    #casinosList {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        transform: none !important;
        filter: none !important;
        isolation: auto !important;
    }

    /* Ensure cards take full available width */
    .campaigns-list-section {
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
    }

    /* Increase padding inside cards for better spacing */
    .campaigns-list {
        padding: 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .campaigns-more-details {
        padding: 15px !important;
        width: 100% !important;
    }

    /* Ensure main content uses full width */
    .main-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Remove any container constraints */
    .container {
        max-width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 100% !important;
    }

    /* Fix campaigns detail section - remove empty space and increase width */
    .campaigns-detail-section {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .campaigns-detail-section .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .campaign-detail-profile {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Fix row spacing and width */
    .campaign-detail-profile .row,
    .campaigns-detail-section .row {
        flex-wrap: wrap !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Remove negative margins and empty space */
    .campaign-detail-profile .row>[class*="col-"],
    .campaigns-detail-section .row>[class*="col-"] {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Ensure col-lg-7 takes full width on mobile */
    .col-lg-7 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    /* Remove gutter spacing that creates empty space */
    .row {
        --bs-gutter-x: 0 !important;
        --bs-gutter-y: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Increase width of all page sections */
    section {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Ensure main content area uses full width */
    .main-content section .container {
        max-width: 100% !important;
        width: 100% !important;
    }

    /* Fix progress bar formatting and alignment */
    .onboarding-progress-container {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .onboarding-progress-wrapper {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .onboarding-progress-bar {
        display: grid !important;
        grid-template-columns: repeat(5, 1fr) !important;
        width: 100% !important;
        max-width: 100% !important;
        justify-items: center !important;
        align-items: start !important;
        gap: 0 !important;
        padding: 0 10px !important;
    }

    /* For 4-step progress bars (investors) */
    .onboarding-progress-bar:has(.progress-step:nth-child(4):last-child) {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    .progress-step {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        position: relative !important;
    }

    .step-link,
    .completed-step {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
    }

    .step-label {
        text-align: center !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.2 !important;
    }

    /* Ensure progress line is properly positioned */
    .progress-line {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        z-index: 1 !important;
    }

    /* Fix mobile progress bar formatting */
    @media only screen and (max-width: 767px) {
        .onboarding-progress-container {
            height: 120px !important;
            /* Increased height (length) to accommodate full text */
        }

        .onboarding-progress-bar {
            min-width: 100% !important;
            max-width: 100vw !important;
            padding: 0 10px !important;
        }

        .progress-step {
            min-width: 0 !important;
            flex: 1 1 0 !important;
        }

        .step-label {
            font-size: 10px !important;
            line-height: 1.2 !important;
            max-width: 80px !important;
            white-space: normal !important;
            word-wrap: break-word !important;
            text-align: center !important;
            overflow: visible !important;
            /* Ensure text is visible */
            text-overflow: clip !important;
            /* Don't truncate */
        }

        .step-circle {
            width: 24px !important;
            height: 24px !important;
        }
    }

    .campaigns-detail {
        width: 50%;
    }

    .copyright p {
        width: 100%;
        text-align: center;
    }

    .contact-us-section .row {
        row-gap: 20px;
    }

    .campaigns-details {
        gap: 0;
        row-gap: 16px;
    }

    .campaigns-detail:first-child {
        width: calc(100% + 30px);
        border-bottom: 1px solid #EBEBEB;
        margin: 0 -15px;
        padding: 0 15px 15px;
    }



    .auth-img {
        display: none !important;
    }

    .login-back {
        top: 0;
    }

    .auth-form-inner .logo {
        max-width: 147px;
    }

    .auth-section {
        padding: 15px;
    }

    .auth-form-inner h1 {
        font-size: 24px;
        line-height: 30px;
    }

    .home-register-head h2 {
        font-weight: 700;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        color: #1A1919;
    }

    .banner-section {
        padding: 100px 0 60px;
        background-image: none;
    }

    .banner-metric {
        padding: 24px 28px;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .banner-metric-main {
        padding: 32px 36px;
    }

    .banner-metric .stat-row {
        display: flex !important;
        align-items: flex-end !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .banner-metric .stat-prefix,
    .banner-metric .stat-suffix,
    .banner-metric .stat-value {
        font-size: 40px;
        display: inline-block !important;
        white-space: nowrap !important;
    }

    .banner-metric .stat-prefix {
        margin-right: 10px;
    }

    .banner-metric .stat-suffix {
        margin-left: 10px;
    }

    .banner-metric .stat-prefix.stat-prefix-tight {
        margin-right: 4px;
    }

    .banner-metric .stat-suffix.stat-suffix-tight {
        margin-left: 4px;
    }

    .banner-metric-main .stat-prefix,
    .banner-metric-main .stat-suffix,
    .banner-metric-main .stat-value {
        font-size: 72px;
    }

    .banner-metric .stat-label {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }

    .banner-section .row {
        row-gap: 30px;
    }

    .watch-works-section::before,
    .home-register-section::before,
    .watch-works-section::after,
    .home-register-section::after {
        display: none;
    }

    .home-register-section {
        padding: 50px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: calc(100vh - 150px);
        margin: 0 auto;
    }

    .home-register-section .container {
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .home-register-section .row {
        row-gap: 50px;
        justify-content: center;
        align-items: center;
    }

    .home-register-section .col-md-6 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .home-register-box {
        width: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    .home-register-box img {
        max-width: 90%;
        width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    .home-register-content {
        text-align: center;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .home-register-content h4 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .home-register-content p {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .home-register-content .d-flex {
        justify-content: center;
        width: 100%;
    }

    .how-it-work-section {
        padding: 72px 0;
    }

    .section-title h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .section-title h6 {
        font-size: 20px;
        line-height: 28px;
    }

    .build-raise-main .row {
        row-gap: 30px;
    }

    .testimonial-section {
        padding: 40px 0 60px;
        margin-top: 40px;
        background-color: #F7F7F7;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: left;
        vertical-align: middle;
    }

    .testimonial-section .container {
        padding: 0 15px;
    }

    .testimonial-section .section-title {
        text-align: center;
        padding: 0;
        margin-bottom: 32px;
    }

    .testimonial-section .section-title label {
        display: block;
        margin-bottom: 12px;
        font-size: 14px;
    }

    .testimonial-section .section-title h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 0;
        font-weight: 700;
    }

    .testimonial-slider-main {
        padding: 0;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .testimonial-slider {
        margin-top: 0;
        padding: 0;
    }

    .testimonial-slider .owl-stage-outer {
        padding: 10px 0;
        overflow: hidden;
        position: relative;
        display: block;
        width: 100%;
    }

    .testimonial-slider .owl-stage {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100% !important;
        flex-wrap: nowrap;
    }

    .testimonial-slider .owl-item {
        display: flex !important;
        height: auto;
        justify-content: center;
        align-items: center;
        width: 100% !important;
        min-width: 100%;
        flex-shrink: 0;
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
    }

    .testimonial-slider .owl-item.active {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
    }

    .testimonial-slider .owl-item>div {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .testimonial-box {
        padding: 24px 30px !important;
        margin: 0 auto !important;
        background: #FFFFFF !important;
        border: 1px solid #EBEBEB !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
        width: 90% !important;
        max-width: 600px !important;
        min-height: 180px !important;
        max-height: 280px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px;
        overflow: visible;
        text-align: center;
        position: relative !important;
        z-index: 10 !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: translateZ(0) !important;
        -webkit-transform: translateZ(0) !important;
    }

    .testimonial-box>p {
        font-size: 15px;
        line-height: 22px;
        padding: 0;
        margin: 0;
        color: #1A1919;
        font-weight: 400;
        width: 100%;
        padding-left: 32px;
        padding-right: 32px;
        padding-top: 0;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        text-align: left;
        max-height: 88px;
    }

    .testimonial-box>p::before {
        content: "\6c";
        font-family: "angellinx" !important;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        line-height: 1;
        font-size: 24px;
        color: #D79C00;
        opacity: 0.4;
        margin: 0;
        padding: 0;
    }

    .testimonial-profile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        flex-shrink: 0;
        width: 100%;
        padding-top: 0;
        border-top: none;
        margin-top: 0;
        order: -1;
    }

    .testimonial-profile .profile-img {
        width: 56px;
        height: 56px;
        flex-shrink: 0;
        margin: 0 auto;
    }

    .testimonial-profile .profile-img img {
        width: 56px;
        height: 56px;
        border-radius: 50%;
        object-fit: cover;
        border: 3px solid #F0F0F0;
    }

    .testimonial-profile .profile-name {
        width: 100%;
        padding-left: 0;
        text-align: center;
        min-width: 0;
    }

    .testimonial-profile .profile-name h4 {
        font-size: 13px;
        line-height: 16px;
        margin-bottom: 2px;
        font-weight: 700;
        color: #1A1919;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .testimonial-profile .profile-name p {
        font-size: 11px;
        line-height: 14px;
        color: #666666;
        margin: 0;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Owl Carousel Dots Styling for Mobile */
    .testimonial-slider .owl-dots {
        text-align: center;
        margin-top: 24px;
        padding: 0;
        position: relative;
        z-index: 10;
    }

    .testimonial-slider .owl-dots .owl-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #D0D0D0;
        margin: 0 6px;
        display: inline-block;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    .testimonial-slider .owl-dots .owl-dot.active {
        background: #D79C00;
        width: 24px;
        border-radius: 5px;
    }

    .testimonial-slider .owl-dots {
        display: none !important;
    }

    /* Remove left padding calculation on mobile */
    .testimonial-slider-main {
        padding-left: 0 !important;
    }

    /* Ensure carousel items are visible */
    .testimonial-slider .owl-item {
        opacity: 1 !important;
        visibility: visible !important;
    }

    .investor-section .row {
        row-gap: 30px;
    }

    .watch-works-section {
        margin-bottom: 0;
        padding-top: 56px;
        padding-bottom: 120px;
    }

    .video-img-main {
        margin: 0 auto 20px;
    }

    .section-title p {
        font-size: 16px;
    }

    .get-started-btn {
        gap: 16px;
    }

    .get-started-btn .btns {
        width: 100%;
        min-width: 100%;
    }

    .get-started-content,
    .get-started-img {
        padding: 25px;
    }

    .get-started-img h4 {
        bottom: 30px;
        font-size: 18px;
        line-height: normal;
    }

    .get-started-content h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .foot-middle .row {
        row-gap: 48px;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        text-align: left !important;
        vertical-align: middle !important;
    }

    .foot-middle .row>[class*="col-"] {
        display: flex !important;
        flex-direction: column !important;
        vertical-align: middle !important;
        text-align: left !important;
    }

    /* Social Media Alignment Fix */
    .social-media {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
        vertical-align: middle !important;
    }

    .social-media span {
        display: inline-flex !important;
        align-items: center !important;
        vertical-align: middle !important;
        line-height: normal !important;
        margin: 0 !important;
    }

    .social-media ul {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        vertical-align: middle !important;
    }

    .social-media ul li {
        display: flex !important;
        align-items: center !important;
        vertical-align: middle !important;
        margin: 0 !important;
    }

    .social-media ul li a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
        width: 32px !important;
        height: 32px !important;
    }

    .social-media ul li a i {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
        line-height: 1 !important;
    }

    /* Footer Widget Content Alignment */
    .footer-widget-content {
        text-align: left !important;
    }

    .footer-widget-content p {
        text-align: left !important;
    }

    /* Footer Widget Alignment */
    .footer-widget {
        text-align: left !important;
    }

    .footer-widget h5 {
        text-align: left !important;
    }

    .footer-widget ul {
        text-align: left !important;
        align-items: flex-start !important;
    }

    .footer-widget ul li {
        text-align: left !important;
    }

    .footer-widget ul li a {
        text-align: left !important;
    }

    .accordion-wrap .card-accordion {
        padding: 16px;
    }

    .flex-card-body,
    .accordion-wrap .card-accordion>a {
        font-size: 16px;
        line-height: 20px;
    }

    .faq-section {
        padding: 72px 0;
    }

    .get-started-section {
        margin-bottom: 72px;
    }

    .all-on-content {
        margin-top: 25px;
    }

    .all-on-content h3 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 24px;
    }

    .all-on-content img {
        width: 48px;
    }

    .all-on-content p {
        font-size: 16px;
        line-height: 20px;
    }

    .all-on-main {
        gap: 40px;
    }

    .choose-role-section {
        padding: 120px 0 50px;
    }

    .profile-dropdown .dropdown-toggle {
        font-size: 0;
        gap: 0;
        padding: 0;
    }

    .profile-dropdown .dropdown-toggle::before {
        display: none;
    }

    .header-inner ul.header-right {
        gap: 15px;
        margin-left: auto;
    }

    .header-inner .logo {
        max-width: 130px;
    }

    .funding-top-section .list-back-btn {
        top: -35px;
    }

    .modal-body {
        padding: 20px;
    }

    .verify-content {
        padding: 20px;
    }

    .edit-profile form {
        padding: 20px;
    }

    .edit-profile>h2 {
        font-size: 22px;
        line-height: 20px;
    }

    .save-list-main ul {
        gap: 0;
    }

    .save-list-main ul li button {
        padding: 2px 25px 11px;
    }

    .save-list-main>h2,
    .auth-form-inner h1,
    .feed-top-section h1,
    .explore-title h4,
    .live-listing-head h1,
    .blogs-title h1,
    .campaigns-detail-head h1,
    .title-top-section h2 {
        font-size: 24px;
    }

    .title-top-section .filter_box {
        gap: 15px;
    }

    .title-top-section .filter-select {
        width: 190px;
    }

    /* Reduce header padding on mobile for pitch listings */
    .title-top-section {
        padding: 80px 0 16px !important;
    }

    /* Reduce padding only when progress bar is present */
    body.has-progress-bar .title-top-section {
        padding: 40px 0 16px !important;
    }

    /* Reduce padding for mycampaigns page when progress bar is NOT present - move up slightly */
    body:not(.has-progress-bar) .page-pitches-mycampaigns .title-top-section {
        padding-top: 50px !important;
    }

    .page-top-section {
        padding: 80px 0 40px !important;
    }

    /* Add extra spacing when progress bar is NOT present (for mobile/iPad) */
    body:not(.has-progress-bar) .page-top-section {
        padding-top: 100px !important;
    }

    .page-top-title h1 {
        font-size: 24px !important;
        line-height: 32px !important;
        margin-bottom: 12px !important;
    }

    .page-top-section p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .amount-equity-tag-main {
        row-gap: 10px;
        margin-top: 20px;
    }

    .deal-form {
        padding: 15px;
    }

    .full-radio .row {
        row-gap: 10px;
    }

    .deal-tabs ul {
        gap: 0;
    }

    .choose-plan-section .row {
        row-gap: 40px;
    }

    .success-content {
        padding: 20px;
    }

    .deal-success-head p,
    .services-box-content h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .deal-success-head h4,
    .success-content>h3,
    .next-step-section h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .deal-success-head {
        padding: 0 15px 36px;
    }

    .next-step-section {
        padding: 50px 0;
    }

    .banner-section::before {
        display: none;
    }

    .video-img-main i {
        font-size: 55px;
    }

    .header-inner {
        gap: 8px !important;
        flex-wrap: nowrap !important;
        /* Ensure single row on mobile */
        padding: 6px 10px !important;
    }

    /* Ensure header items fit in one row */
    .header-inner>* {
        flex-shrink: 1 !important;
    }

    .header-inner>.logo {
        flex-shrink: 0 !important;
        max-width: 120px !important;
    }

    .header-inner>.mobile-btn {
        flex-shrink: 0 !important;
    }

    .banner-content .banner-title {
        font-size: 32px;
        text-align: center;
        line-height: 40px;
    }

    .banner-content p {
        text-align: center;
        font-size: 16px;
        line-height: 20px;
    }

    .banner-content p br {
        display: none;
    }

    .banner-content .d-flex {
        justify-content: center;
    }

    .banner-content .btns {
        min-width: 196px;
    }

    .banner-content .btns,
    .btns {
        padding: 9px 23px;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
        line-height: normal !important;
        height: auto !important;
    }

    .btns * {
        vertical-align: middle !important;
        line-height: normal !important;
    }

    button.btns,
    a.btns,
    input.btns[type="submit"],
    input.btns[type="button"] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
        line-height: 1.2 !important;
    }

    /* Fix for all button elements */
    button:not(.btns),
    input[type="button"]:not(.btns),
    input[type="submit"]:not(.btns) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
        line-height: normal !important;
    }

    /* Fix for button text and content */
    .btns span,
    .btns i,
    .btns::before,
    .btns::after {
        vertical-align: middle !important;
        line-height: 1 !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    .details-inners {
        margin-top: 56px;
    }

    .step-btn .btns {
        min-width: 150px;
    }

    .step-btn .btns.mobile-full {
        min-width: 100%;
        width: 100%;
    }

    .footer-widget {
        width: 100%;
        max-width: 168px;
    }

    .feed-profile-main,
    .affix-sidebar {
        display: none !important;
    }

    .share-images-box img,
    .share-images-box iframe {
        height: 195px;
    }

    .live-listing-box-main .row {
        row-gap: 30px;
    }

    .live-listing-head {
        row-gap: 15px;
    }

    .live-listing-section {
        padding: 100px 0 50px;
    }

    /* Reduce padding only when progress bar is present */
    body.has-progress-bar .live-listing-section {
        padding: 40px 0 50px;
    }

    /* Reduce padding for campaigns-details-section when progress bar is present */
    body.has-progress-bar .campaigns-details-section {
        padding: 40px 0 70px;
    }

    /* Reduce padding for funding-top-section when progress bar is present */
    body.has-progress-bar .funding-top-section {
        padding: 40px 0 128px;
    }

    /* Reduce padding for new-fund-top-sec when progress bar is present */
    body.has-progress-bar .new-fund-top-sec {
        padding: 40px 0 110px;
    }

    /* Reduce padding for deal-completion-section when progress bar is present */
    body.has-progress-bar .deal-completion-section {
        padding: 40px 0 100px;
    }

    /* Reduce padding for page-top-section when progress bar is present */
    body.has-progress-bar .page-top-section {
        padding: 40px 0 40px !important;
    }

    /* Reduce padding for banner-section when progress bar is present */
    body.has-progress-bar .banner-section {
        padding: 40px 0 60px;
    }

    /* Reduce padding for home-register-section when progress bar is present */
    body.has-progress-bar .home-register-section {
        padding: 40px 0;
    }

    /* Reduce padding for how-it-work-section when progress bar is present */
    body.has-progress-bar .how-it-work-section {
        padding: 40px 0;
    }

    /* Reduce padding for testimonial-section when progress bar is present */
    body.has-progress-bar .testimonial-section {
        padding: 40px 0;
    }

    /* Reduce padding for watch-works-section when progress bar is present */
    body.has-progress-bar .watch-works-section {
        padding-top: 40px;
    }

    /* Reduce padding for faq-section when progress bar is present */
    body.has-progress-bar .faq-section {
        padding: 40px 0;
    }

    /* Reduce padding for choose-role-section when progress bar is present */
    body.has-progress-bar .choose-role-section {
        padding: 40px 0 50px;
    }

    /* Reduce padding for contact-us-section when progress bar is present */
    body.has-progress-bar .contact-us-section {
        padding: 40px 0;
    }

    /* Reduce padding for next-step-section when progress bar is present */
    body.has-progress-bar .next-step-section {
        padding: 40px 0;
    }

    /* Reduce padding for rz-intelligence-section when progress bar is present */
    body.has-progress-bar .rz-intelligence-section {
        padding: 40px 0 !important;
    }

    /* Reduce padding for feed-top-section when progress bar is present */
    body.has-progress-bar .feed-top-section {
        padding: 40px 0 144px;
    }

    /* When progress bar is present, ensure it's below header + progress bar */
    body.has-progress-bar .profile-cover-section {
        padding-top: 60px !important;
    }

    /* Add proper spacing when progress bar is NOT present - ONLY for /profile page */
    /* Header is at top: 16px with min-height: 70px = ~86px, add buffer for safety */
    /* Target only profile page using specific class */
    body:not(.has-progress-bar) .profile-cover-section.my-profile-page {
        padding-top: 80px !important;
        margin-top: 80px !important;
    }

    /* Ensure live-listing-section starts below header when progress bar is NOT present */
    body:not(.has-progress-bar) .live-listing-section {
        padding-top: 130px !important;
    }

    /* Ensure deal-completion-section starts below header when progress bar is NOT present */
    body:not(.has-progress-bar) .deal-completion-section {
        padding-top: 130px !important;
    }

    /* Reduce padding for chat-box-inner when progress bar is present */
    body.has-progress-bar .chat-box-inner {
        padding: 40px 0 0;
    }

    /* Reduce padding for auth-section when progress bar is present */
    body.has-progress-bar .auth-section {
        padding-top: 40px;
    }

    /* Reduce padding for mynetwork-section when progress bar is present */
    body.has-progress-bar .mynetwork-section {
        padding-top: 40px;
    }

    /* Reduce padding for blog-list-section when progress bar is present */
    body.has-progress-bar .blog-list-section {
        padding-top: 40px;
    }

    /* Reduce padding for funds-list-main when progress bar is present */
    body.has-progress-bar .funds-list-main {
        padding-top: 40px;
    }

    /* Reduce padding for partners-section when progress bar is present */
    body.has-progress-bar .partners-section {
        padding-top: 40px;
    }

    /* Reduce padding for saved-listings-section when progress bar is present */
    body.has-progress-bar .saved-listings-section {
        padding-top: 40px;
    }

    /* Reduce padding for investor-section when progress bar is present */
    body.has-progress-bar .investor-section {
        padding-top: 40px;
    }

    /* Reduce padding for get-started-section when progress bar is present */
    body.has-progress-bar .get-started-section {
        margin-top: 40px;
    }

    /* General rule: Reduce top padding for sections when progress bar is present */
    /* This catches any section that might have been missed */
    body.has-progress-bar [class*="-section"]:not(.onboarding-progress-container):not(.onboarding-progress-wrapper):not(.onboarding-progress-bar):not(.live-listing-section):not(.campaigns-details-section):not(.funding-top-section):not(.new-fund-top-sec):not(.deal-completion-section):not(.page-top-section):not(.banner-section):not(.feed-top-section):not(.home-register-section):not(.how-it-work-section):not(.testimonial-section):not(.watch-works-section):not(.faq-section):not(.choose-role-section):not(.contact-us-section):not(.next-step-section):not(.rz-intelligence-section):not(.profile-cover-section):not(.chat-box-inner):not(.auth-section):not(.mynetwork-section):not(.blog-list-section):not(.funds-list-main):not(.partners-section):not(.saved-listings-section):not(.investor-section):not(.get-started-section) {
        padding-top: 40px;
    }

    body.has-progress-bar [class*="-top-section"]:not(.title-top-section):not(.page-top-section):not(.funding-top-section):not(.new-fund-top-sec):not(.feed-top-section) {
        padding-top: 40px;
    }

    body.has-progress-bar [class*="-top-sec"]:not(.new-fund-top-sec) {
        padding-top: 40px;
    }

    .live-listing-box-main {
        margin: 25px 0 0;
    }

    .mobile-menu-bottom {
        display: flex;
        padding: 0px 3px;
        position: fixed;
        left: 16px;
        right: 16px;
        bottom: 0;
        background: #D79C00;
        border: 1px solid #FFFFFF;
        border-radius: 100px;
        z-index: 9;
        padding: 11px 30px;
    }

    .header-inner ul li .submenu-menu li a {
        color: #767676;
    }

    .mobile-menu-bottom ul li a {
        font-weight: 700;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        color: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
    }

    .mobile-menu-bottom ul li.pink-color-menu a {
        color: #C11C84;
    }

    .mobile-menu-bottom ul li a .icon {
        font-size: 24px;
    }

    .mobile-none {
        display: none;
    }

    .chat-profile-img-name {
        width: 100%;
        margin-bottom: 10px;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        vertical-align: middle !important;
        text-align: left !important;
    }

    /* Fix all profile images to be circular, not oval - Mobile & iPad */
    .chat-profile-img,
    .chat-profile-img a {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .chat-profile-img a img,
    .chat-profile-img img {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Fix feed profile images */
    .feed-profile .profile-img,
    .feed-profile .profile-img a {
        width: 112px !important;
        height: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        max-width: 112px !important;
        max-height: 112px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .feed-profile .profile-img img,
    .feed-profile .profile-img a img {
        width: 112px !important;
        height: 112px !important;
        min-width: 112px !important;
        min-height: 112px !important;
        max-width: 112px !important;
        max-height: 112px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Fix post profile images in feed */
    .post-profile,
    .post-profile a {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .post-profile img,
    .post-profile a img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Fix mynetwork profile images */
    .mynetwork-profile,
    .mynetwork-profile a {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        flex-shrink: 0 !important;
    }

    .mynetwork-profile img,
    .mynetwork-profile a img {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Fix chat profile head images */
    .chat-profile-head img {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        max-width: 40px !important;
        max-height: 40px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* General profile image fix for all pages */
    .profile-img img,
    .profile-img a img,
    .profile-img .pro-img {
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Ensure containers maintain square aspect ratio */
    .profile-img,
    .profile-img a {
        overflow: hidden !important;
        border-radius: 50% !important;
    }

    /* Universal fix for all profile/avatar images across all pages */
    img[src*="profiles"],
    img[src*="profile"],
    .profile-image img,
    .avatar img,
    .user-avatar img,
    table img[src*="profiles"],
    table img[src*="profile"],
    .chat-list-main img,
    .feed-post-head img,
    .mynetwork-box img {
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
    }

    /* Fix table cell images */
    .all-table.chat-table table tbody tr td img,
    .chat-table table tbody tr td img {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
        aspect-ratio: 1 / 1 !important;
        display: block !important;
    }

    /* Ensure parent containers are square */
    .chat-profile-img,
    .chat-profile-img a,
    table td .chat-profile-img,
    table td .chat-profile-img a {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
        min-height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
        overflow: hidden !important;
        border-radius: 50% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .chat-list-main .action-btn {
        margin-left: auto;
    }

    .view-profile-details {
        margin-top: 20px;
        z-index: 1000 !important;
    }

    .view-profile-img img {
        margin-left: 0;
    }

    .profile-cover-section::before {
        display: none;
    }

    .profile-cover-section {
        height: auto;
        min-height: 200px;
        display: flex;
        align-items: end;
        overflow: visible;
        z-index: 1;
    }

    .profile-cover-section .container {
        display: flex;
        align-items: end;
        flex-wrap: wrap;
    }

    .profile-cover-section h2 {
        margin-bottom: 20px;
    }

    .my-profile-img-top {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: relative !important;
        z-index: 1000 !important;
        transform: translateY(-60px) !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .my-profile-img-top img {
        width: 180px !important;
        height: auto !important;
        position: relative !important;
        z-index: 1002 !important;
        display: block !important;
        margin: 0 auto 0 auto !important;
        margin-left: calc(50% + 150px) !important;
        transform: translateX(-50%) translateY(30px) !important;
    }

    /* Aggressively hide desktop pricing view */
    .mobile-hide,
    .mobile-hide *,
    .pricing-cards-container.mobile-hide,
    .pricing-cards-container.mobile-hide *,
    .plan-section .mobile-hide,
    .plan-section .mobile-hide *,
    .plan-section .pricing-cards-container.mobile-hide,
    .plan-section .pricing-cards-container.mobile-hide * {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
    }

    /* Hide any pricing cards outside mobile-plan-show */
    .plan-section .pricing-card-modern:not(.mobile-plan-show .pricing-card-modern) {
        display: none !important;
    }

    .mobile-plan-show {
        display: block !important;
        visibility: visible !important;
    }

    .profile-data {
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .description-mobile {
        border-bottom: 1px solid #EBEBEB;
        padding: 10px;
    }

    .usage-list {
        padding: 10px;
    }

    .description-mobile p {
        margin-bottom: 0;
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
        color: #767676;
    }

    .pricing-content h3 {
        font-size: 24px;
        line-height: 31px;
    }

    .mobile-plan-show .col-4 {
        width: 160px;
    }

    .pricing-content {
        padding: 10px;
    }

    .mobile-plan-show .pricing-box>label {
        font-size: 14px;
        line-height: 20px;
        background-color: #FDF2EA;
        padding: 10px 10px 10px 35px;
    }

    .mobile-plan-show .pricing-box>label::before {
        font-size: 18px;
        left: 10px;
        top: 11px;
    }

    .pagination .page-item:first-child,
    .pagination-main div:last-child span[aria-disabled="true"]:first-child,
    .pagination-main div:last-child span a[rel="prev"] {
        margin-right: 10px;
    }

    .pagination .page-item:last-child,
    .pagination-main div:last-child span[aria-disabled="true"]:last-child,
    .pagination-main div:last-child span a[rel="next"] {
        margin-left: 10px;
    }

    .pagination .page-link,
    .pagination-main div:last-child span a,
    .pagination-main div:last-child span span[aria-current="page"] span,
    .pagination-main div:last-child span[aria-disabled="true"] span {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .action-btn {
        gap: 10px;
    }

    .filter-select select {
        height: 40px;
    }

    .testimonial-section .section-title .custom-nav {
        display: none;
    }

    /* Profile page mobile fixes */
    .view-profile-data {
        padding: 20px 0 0 0;
        position: relative;
        z-index: 10;
        background: transparent;
    }

    .tab-link {
        position: relative;
        z-index: 11;
        background: transparent;
    }

    .tab-link ul {
        padding: 0 10px;
        gap: 0;
    }

    .tab-link ul li a {
        padding: 0 15px 11px;
        font-size: 14px;
    }

    .profile-data {
        position: relative;
        z-index: 10;
        background: transparent;
    }

    .profile-cover-section+section {
        position: relative;
        z-index: 10;
        background: #fff;
    }
}

/* Extra small mobile devices - further reduce header padding */
@media only screen and (max-width: 576px) {
    .title-top-section {
        padding: 60px 0 12px !important;
    }

    /* Reduce padding only when progress bar is present */
    body.has-progress-bar .title-top-section {
        padding: 40px 0 12px !important;
    }

    /* Reduce padding for mycampaigns page when progress bar is NOT present - move up slightly */
    body:not(.has-progress-bar) .page-pitches-mycampaigns .title-top-section {
        padding-top: 45px !important;
    }

    .page-top-section {
        padding: 60px 0 32px !important;
    }

    /* Add extra spacing when progress bar is NOT present (for mobile) */
    body:not(.has-progress-bar) .page-top-section {
        padding-top: 90px !important;
    }

    /* Reduce padding only when progress bar is present */
    body.has-progress-bar .page-top-section {
        padding: 40px 0 32px !important;
    }

    .page-top-title h1 {
        font-size: 22px !important;
        line-height: 28px !important;
        margin-bottom: 8px !important;
    }

    .page-top-section p {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .title-top-section h2 {
        font-size: 20px !important;
        line-height: 26px !important;
    }

    /* Intelligence Section Tagline - Mobile Fix */
    .rz-intelligence-section {
        padding: 40px 0 !important;
        display: none !important;
    }

    .rz-section-header {
        padding: 0 15px !important;
        text-align: center !important;
    }

    .rz-intelligence-tagline {
        font-size: 18px !important;
        line-height: 26px !important;
        font-weight: 500 !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        word-wrap: break-word !important;
        hyphens: auto !important;
    }

    /* Keep source items side by side on mobile */
    .rz-internal-scroll-container,
    .rz-external-scroll-container {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        display: block !important;
    }

    .rz-internal-scroll-track,
    .rz-external-scroll-track {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        width: max-content !important;
    }

    .rz-internal-scroll-track .rz-source-item,
    .rz-external-scroll-track .rz-source-item {
        flex-shrink: 0 !important;
        min-width: 120px !important;
        display: flex !important;
        flex-direction: row !important;
    }
}

/* Tablet and Mobile - Intelligence Section */
@media only screen and (max-width: 991px) {
    .rz-intelligence-section {
        padding: 50px 0 !important;
    }

    /* Reduce padding only when progress bar is present */
    body.has-progress-bar .rz-intelligence-section {
        padding: 40px 0 !important;
    }

    .rz-section-header {
        padding: 0 20px !important;
        text-align: center !important;
        margin-bottom: 30px !important;
    }

    .rz-intelligence-tagline {
        font-size: 20px !important;
        line-height: 28px !important;
        font-weight: 500 !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 auto !important;
        max-width: 100% !important;
        word-wrap: break-word !important;
        hyphens: auto !important;
    }

    /* Hide intelligence section on tablet */
    .rz-intelligence-section {
        display: none !important;
    }

    /* Keep source items side by side on tablet */
    .rz-internal-scroll-container,
    .rz-external-scroll-container {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .rz-internal-scroll-track,
    .rz-external-scroll-track {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
    }

    .rz-internal-scroll-track .rz-source-item,
    .rz-external-scroll-track .rz-source-item {
        flex-shrink: 0 !important;
        display: flex !important;
        flex-direction: row !important;
    }
}

/* ============================================
   iPad Responsive Fixes (768px - 1024px)
   ============================================ */
@media (min-width: 768px) and (max-width: 1024px) {

    /* CRITICAL: Ensure header dropdowns have maximum z-index on iPad */
    .site-header {
        z-index: 99998 !important;
    }

    .header-inner {
        z-index: 99998 !important;
        overflow: visible !important;
    }

    .header-inner ul.header-right {
        z-index: 99999 !important;
        overflow: visible !important;
    }

    .header-inner .submenu-menu,
    .header-inner .dropdown-menu,
    .header-inner ul.header-right .dropdown-menu,
    .header-inner ul li .submenu-menu,
    .profile-dropdown .dropdown-menu,
    .profile-dropdown .dropdown-menu.show,
    .profile-dropdown .dropdown-menu[style*="z-index"],
    .dropdown-menu.show,
    .dropdown-menu[data-popper-placement],
    .header-inner ul.header-right .profile-dropdown .dropdown-menu,
    .header-inner ul.header-right .profile-dropdown .dropdown-menu.show {
        z-index: 100000 !important;
        overflow: visible !important;
    }

    /* Fix viewport and scrolling issues on iPad */
    html {
        height: 100%;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    body {
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
        z-index: 0 !important;
        /* Ensure body doesn't interfere with header */
    }

    /* Use dynamic viewport height for iPad Safari */
    @supports (height: 100dvh) {
        html {
            height: 100dvh;
            min-height: 100dvh;
        }
    }

    /* Fix main content container */
    main,
    .main-content {
        min-height: 100%;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }

    /* Fix containers to prevent horizontal overflow */
    [class*="container"],
    [class*="Container"],
    .container,
    .container-fluid {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    /* Fix card layouts */
    [data-slot="card"],
    .card {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Ensure images are responsive */
    img {
        max-width: 100%;
        height: auto;
    }

    /* Fix tables on iPad */
    table {
        width: 100%;
        overflow-x: auto;
        display: block;
    }

    /* Improve touch target sizes */
    button,
    a,
    input[type="button"],
    input[type="submit"] {
        min-height: 44px;
        min-width: 44px;
    }

    /* Add extra spacing for page-top-section when progress bar is NOT present (iPad) */
    body:not(.has-progress-bar) .page-top-section {
        padding-top: 100px !important;
    }

    /* Ensure profile image appears above cover section image on iPad */
    .profile-cover-section {
        position: relative !important;
        z-index: 1 !important;
        overflow: visible !important;
    }

    .profile-cover-section+section {
        position: relative !important;
        z-index: 100 !important;
    }

    .my-profile-img-top {
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .my-profile-img-top img {
        position: relative !important;
        z-index: 1002 !important;
        display: block !important;
        margin: 0 auto 0 auto !important;
        margin-left: calc(50% + 150px) !important;
        transform: translateX(-50%) translateY(80px) !important;
    }

    .view-profile-details {
        position: relative !important;
        z-index: 1000 !important;
    }

    .view-profile-img {
        position: relative !important;
        z-index: 1000 !important;
    }

    .view-profile-img img {
        position: relative !important;
        z-index: 1000 !important;
    }
}

/* ============================================
   iPad Pro Responsive Fixes (1024px - 1366px)
   ============================================ */
@media (min-width: 1024px) and (max-width: 1366px) and (hover: none) and (pointer: coarse) {

    /* CRITICAL: Ensure header dropdowns have maximum z-index on iPad Pro */
    .site-header {
        z-index: 99998 !important;
    }

    .header-inner {
        z-index: 99998 !important;
        overflow: visible !important;
    }

    .header-inner ul.header-right {
        z-index: 99999 !important;
        overflow: visible !important;
    }

    .header-inner .submenu-menu,
    .header-inner .dropdown-menu,
    .header-inner ul.header-right .dropdown-menu,
    .header-inner ul li .submenu-menu,
    .profile-dropdown .dropdown-menu,
    .profile-dropdown .dropdown-menu.show,
    .profile-dropdown .dropdown-menu[style*="z-index"],
    .dropdown-menu.show,
    .dropdown-menu[data-popper-placement],
    .header-inner ul.header-right .profile-dropdown .dropdown-menu,
    .header-inner ul.header-right .profile-dropdown .dropdown-menu.show {
        z-index: 100000 !important;
        overflow: visible !important;
    }

    /* Fix viewport issues on iPad Pro */
    html {
        height: 100%;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    body {
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
        z-index: 0 !important;
        /* Ensure body doesn't interfere with header */
    }

    @supports (height: 100dvh) {
        html {
            height: 100dvh;
            min-height: 100dvh;
        }
    }

    main,
    .main-content {
        min-height: 100%;
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        position: relative;
    }

    [class*="container"],
    [class*="Container"],
    .container,
    .container-fluid {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }

    [data-slot="card"],
    .card {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* Ensure profile image appears above cover section image on iPad Pro */
    .profile-cover-section {
        position: relative !important;
        z-index: 1 !important;
        overflow: visible !important;
    }

    .profile-cover-section+section {
        position: relative !important;
        z-index: 100 !important;
    }

    .my-profile-img-top {
        position: relative !important;
        z-index: 1 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .my-profile-img-top img {
        position: relative !important;
        z-index: 1002 !important;
        display: block !important;
        margin: 0 auto 0 auto !important;
        margin-left: calc(50% + 150px) !important;
        transform: translateX(-50%) translateY(80px) !important;
    }

    .view-profile-details {
        position: relative !important;
        z-index: 1000 !important;
    }

    .view-profile-img {
        position: relative !important;
        z-index: 1000 !important;
    }

    .view-profile-img img {
        position: relative !important;
        z-index: 1000 !important;
    }
}

/* ============================================
   Mobile Responsive Enhancements
   ============================================ */
@media only screen and (max-width: 767px) {

    /* Ensure smooth scrolling on mobile */
    html,
    body {
        -webkit-overflow-scrolling: touch;
        overflow-x: hidden;
    }

    /* Prevent horizontal overflow */
    * {
        max-width: 100%;
        box-sizing: border-box;
    }

    /* Center profile image on mobile */
    .my-profile-img-top {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .my-profile-img-top img {
        display: block !important;
        margin: 0 auto 0 auto !important;
        margin-left: calc(50% + 140px) !important;
        transform: translateX(-50%) translateY(80px) !important;
        position: relative !important;
        z-index: 1002 !important;
        max-width: 180px !important;
        width: 100% !important;
        height: auto !important;
    }

    /* Improve touch targets on mobile */
    button,
    a,
    input[type="button"],
    input[type="submit"] {
        min-height: 48px;
        padding: 10px 15px;
    }

    /* Make forms more mobile-friendly */
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    textarea,
    select {
        font-size: 16px;
        /* Prevents zoom on iOS */
        width: 100%;
        box-sizing: border-box;
    }

    /* Fix modals on mobile */
    .modal-dialog {
        margin: 10px;
        max-width: calc(100% - 20px);
    }

    /* Ensure tables are scrollable */
    table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* ============================================
   Desktop Specific Styles (min-width: 1025px)
   ============================================ */
@media only screen and (min-width: 1025px) {
    .my-profile-img-top {
        transform: translateY(10px) !important;
    }

    .my-profile-img-top img {
        margin-left: calc(50% + 520px) !important;
        transform: translateX(-50%) translateY(10px) !important;
        width: 245px !important;
        height: auto !important;
        max-width: 245px !important;
    }
}