.elementor-233086 .elementor-element.elementor-element-5eaa361{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-233086 .elementor-element.elementor-element-a3f7c04.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:767px){.elementor-233086 .elementor-element.elementor-element-a3f7c04{width:var( --container-widget-width, 344px );max-width:344px;--container-widget-width:344px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-a3f7c04 */<style>
/* CSS Variables for Consistency */
:root {
    --primary-color: #ff7e00;
    --secondary-color: #ff5500;
    --background-color: #121212;
    --text-color: #ffffff;
    --spacing-sm: 15px;
    --spacing-md: 30px;
    --spacing-lg: 60px;
}



/* Focus States for Accessibility */
a:focus, button:focus {
    outline: 2px solid #ff7e00;
    outline-offset: 2px;
}

/* Base Styles */
body {
    font-family: 'Poppins', sans-serif;
    color: #ffffff; /* Explicitly set to white instead of variable */
    background-color: #121212; /* Explicitly set to dark background */
    line-height: 1.6;
    overflow-x: hidden;
}

/* Container */
.pb-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Background Elements */
.pb-bg-dark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #121212;
    z-index: -1;
}

/* Section Spacing System */
.pb-section {
    position: relative;
    padding: 4rem 0; /* 64px */
    overflow: hidden;
    border-top: 1px solid rgba(255, 126, 0, 0.1);
    margin-top: -1px; /* Prevent double borders */
}

/* Navigation */
.pb-subnav-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    position: fixed;
    top: 120px; /* Adjusted to be higher but still below theme menu */
    left: 0;
    z-index: 99; /* Reduced z-index to ensure it doesn't interfere with theme menu */
    transition: transform 0.3s ease, top 0.3s ease; /* Smooth transition for hiding/showing */
}

/* Hide subnav when scrolling down */
.pb-subnav-wrapper.pb-subnav-hidden {
    transform: translateY(-100%); /* Move up out of view */
}

.pb-subnav {
    width: 100%;
    max-width: 1200px;
    padding: 20px 0;
    transition: all 0.3s ease;
    background-color: #191919;
    box-sizing: border-box;
}

.pb-subnav.scrolled {
    background-color: #191919;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
}

.pb-subnav-wrapper.scrolled {
    top: 0;
}

.pb-subnav .pb-container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.pb-nav-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1100px;
    box-sizing: border-box;
}

.pb-nav-list li {
    margin: 10px 0;
    padding: 0 15px;
}

.pb-nav-list a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.2s ease;
    padding: 10px 5px;
    position: relative;
    letter-spacing: 1.5px;
    display: inline-block;
}

.pb-nav-list a:hover {
    color: #ff7e00;
}

.pb-nav-list a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #ff7e00;
    transition: width 0.2s ease;
}

.pb-nav-list a:hover::after {
    width: 100%;
}

.pb-nav-cta {
    background-color: #ff7e00;
    color: #ffffff !important;
    padding: 12px 25px !important;
    border-radius: 50px;
    font-weight: 700 !important;
    transition: all 0.3s ease;
    white-space: nowrap;
    font-size: 1.1rem !important;
    min-width: 200px;
    text-align: center;
    display: inline-block;
    margin: 0;
}

.pb-nav-cta:hover {
    background-color: #ff5500;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.pb-nav-cta::after {
    display: none !important;
}

/* Hero Section */
.pb-hero {
    position: relative;
    height: auto;
    min-height: 800px; /* Increased to accommodate the 500px square image */
    display: flex;
    align-items: center;
    background-color: #121212;
    overflow: hidden;
    padding: 6rem 0 4rem; /* 96px top, 64px bottom */
}

.pb-particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.pb-hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.pb-blog-header-image {
    margin: 60px auto 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pb-blog-header-image img {
    max-width: 100%;
    height: auto;
    display: block;
    /* Width is set inline to 750px */
}

/* Rotating Bitcoin Logo */
.coin-container {
    position: fixed;
    top: 300px;
    right: 200px;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px; /* Enables 3D effect */
    will-change: transform; /* Hint to browser for optimization */
}

.bitcoin-coin {
    width: 120px;
    height: 120px;
    -webkit-animation: rotateCoin 6s infinite linear;
    -moz-animation: rotateCoin 6s infinite linear;
    -ms-animation: rotateCoin 6s infinite linear;
    animation: rotateCoin 6s infinite linear;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform; /* Hint to browser for optimization */
}

@keyframes rotateCoin {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        -moz-transform: rotateY(360deg);
        -ms-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

/* Optional hover effect to pause animation */
.bitcoin-coin:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -ms-animation-play-state: paused;
    animation-play-state: paused;
}

.pb-hero-content h1 {
    font-size: 48px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #ffffff;
}

.pb-hero-content p {
    font-size: 20px;
    margin-bottom: 30px;
    color: #ffffff;
}

.pb-hero-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px; /* Add bottom margin for spacing */
}

/* Button Styles */
.pb-btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    color: #ffffff;
    background-color: #333333;
    min-width: 120px;
}

.pb-btn-primary {
    background-color: #ff7e00;
    background-image: linear-gradient(135deg, #ff7e00, #ff5500);
    color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border: none;
}

.pb-btn-primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    color: #ffffff !important;
    text-decoration: none;
    background-color: #ff5500;
    background-image: linear-gradient(135deg, #ff5500, #ff3300);
}

.pb-btn-secondary {
    background-color: transparent;
    color: #ffffff !important;
    border: 1px solid #ff7e00;
    box-shadow: none;
}

.pb-btn-secondary:hover {
    background-color: rgba(255, 126, 0, 0.1);
    color: #ff7e00 !important;
    transform: translateY(-3px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.pb-scroll-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 20px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.pb-scroll-indicator span {
    font-size: 14px;
    margin-bottom: 5px;
    color: #ffffff;
}

.pb-mouse {
    width: 30px;
    height: 50px;
    border: 2px solid #ffffff;
    border-radius: 20px;
    position: relative;
}

.pb-mouse::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border-radius: 50%;
    animation: scrollDown 2s infinite;
}

@keyframes scrollDown {
    0% { top: 10px; opacity: 1; }
    100% { top: 30px; opacity: 0; }
}

/* Section Headers */
.pb-section-header {
    text-align: center;
    margin-bottom: 30px;
}

.pb-section-header p {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.8;
}

/* Special wider width for entrepreneurial impact section */
.pb-section:nth-of-type(2) .pb-section-header p {
    max-width: 850px;
}

.pb-section-header h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #ffffff;
}

.pb-section-header h2 span {
    color: #ff7e00;
}

.pb-section-divider {
    width: 80px;
    height: 4px;
    background-color: #ff7e00;
    margin: 0 auto 20px;
}

/* Our Story Section */
.pb-our-story {
    background-color: #121212;
}

.pb-story-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.pb-story-text h3 {
    font-size: 28px;
    margin-bottom: 20px;
    color: #ffffff;
}

.pb-story-text p {
    margin-bottom: 20px;
    color: #ffffff;
}

.pb-mission-values {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.pb-mission-box, .pb-vision-box {
    background: linear-gradient(135deg, rgba(255, 126, 0, 0.1) 0%, rgba(18, 18, 18, 0.5) 100%);
    border-left: 4px solid #ff7e00;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.pb-mission-box h3, .pb-vision-box h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #ff7e00;
}

/* Background dots pattern */
.pb-bg-dots {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#ff7e00 1px, transparent 1px);
    background-size: 20px 20px;
    opacity: 0.1;
    z-index: -1;
}

/* Entrepreneurship Section Styles */
.pb-entrepreneurship-content {
    margin: 30px 0;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 126, 0, 0.3);
    border-radius: 10px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Add spacing between entrepreneurship cards */
.pb-entrepreneurship-content + .pb-entrepreneurship-content {
    margin-top: 40px;
}

.pb-entrepreneurship-image-container {
    text-align: center;
    margin-bottom: 20px;
    height: 300px; /* Fixed height for all image containers */
    overflow: hidden; /* Hide overflow for consistency */
    display: flex;
    align-items: center;
    justify-content: center;
}

.pb-entrepreneurship-image {
    max-width: 100%;
    height: auto;
    border: 3px solid #ff7e00;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
    object-fit: cover;
    aspect-ratio: 16/9; /* Consistent aspect ratio for all images */
    max-height: 300px; /* Set maximum height for consistency */
    width: 100%; /* Ensure images fill their container */
}

.pb-entrepreneurship-image:hover {
    transform: scale(1.02);
}

.pb-entrepreneurship-details h3 {
    color: #ff7e00;
    font-size: 24px;
    margin-bottom: 15px;
}

.pb-entrepreneurship-details p {
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 1.6;
}

.pb-entrepreneurship-caption {
    background-color: rgba(255, 126, 0, 0.1);
    border-left: 3px solid #ff7e00;
    padding: 12px 15px;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.pb-entrepreneurship-caption p {
    margin-bottom: 0;
    color: #ffffff;
}

.pb-entrepreneurship-cta {
    text-align: center;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 126, 0, 0.1);
}

.pb-entrepreneurship-cta p {
    max-width: 700px;
    margin: 0 auto 20px;
    color: #ffffff;
}

/* Responsive styles for entrepreneurship section */
@media (min-width: 768px) {
    .pb-entrepreneurship-content {
        flex-direction: row;
        align-items: center;
    }

    .pb-entrepreneurship-image-container {
        flex: 0 0 300px; /* Fixed width, don't grow or shrink */
        margin-bottom: 0;
        margin-right: 30px;
        height: 200px; /* Fixed height for desktop */
    }

    .pb-entrepreneurship-details {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .pb-entrepreneurship-content {
        padding: 20px 15px;
    }

    .pb-entrepreneurship-image-container {
        height: 250px;
        margin-bottom: 15px;
    }

    .pb-entrepreneurship-details h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .pb-entrepreneurship-details p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .pb-entrepreneurship-caption {
        padding: 10px;
        margin-top: 15px;
    }

    .pb-entrepreneurship-caption p {
        font-size: 14px;
    }

    .pb-entrepreneurship-cta {
        margin-top: 30px;
    }

    .pb-entrepreneurship-cta p {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .pb-entrepreneurship-image-container {
        height: 200px;
    }

    .pb-entrepreneurship-image {
        max-height: 200px;
    }
}

/* Team Section Styles */
.pb-team-section {
    background-color: #121212;
}

.pb-team-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 60px;
    margin-bottom: 60px;
}

.pb-team-member {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 30px;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.pb-team-member:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

.pb-team-photo {
    position: relative;
    overflow: hidden;
}

.pb-team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

/* Position Dawna's photo to show more of the left side */
.dawna-photo {
    object-position: left center;
    object-fit: cover;
}

/* Position Pierre's photo to properly show his face */
.pierre-photo {
    object-position: center top;
    object-fit: cover;
}

.pb-team-member:hover .pb-team-photo img {
    transform: scale(1.05);
}

.pb-team-social {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    display: flex;
    gap: 15px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
}

.pb-team-member:hover .pb-team-social {
    opacity: 1;
    transform: translateY(0);
}

.pb-team-social a {
    color: #ffffff;
    font-size: 18px;
    transition: all 0.3s ease;
}

.pb-team-social a:hover {
    color: #ff7e00;
    transform: translateY(-3px);
}

/* Team member social links - always visible and orange */
.pierre-social, .dawna-social {
    opacity: 1;
    transform: translateY(0);
    background: rgba(0, 0, 0, 0.8);
}

.pierre-social-link, .dawna-social-link {
    color: #ff7e00 !important;
    font-size: 22px;
}

.pierre-social-link:hover, .dawna-social-link:hover {
    transform: translateY(-3px) scale(1.1);
    text-shadow: 0 0 10px rgba(255, 126, 0, 0.5);
}

.pb-team-info {
    padding: 30px;
}

.pb-team-info h3 {
    font-size: 28px;
    margin-bottom: 5px;
    color: #ff7e00;
}

.pb-team-info h4 {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 20px;
    opacity: 0.8;
}

.pb-team-bio p {
    margin-bottom: 15px;
    color: #ffffff;
}

.pb-expertise-areas {
    margin-top: 20px;
    background-color: rgba(255, 126, 0, 0.1);
    padding: 20px;
    border-radius: 5px;
}

.pb-expertise-areas h5 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #ff7e00;
}

.pb-expertise-areas ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pb-expertise-areas li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #ffffff;
}

.pb-expertise-areas li i {
    color: #ff7e00;
    margin-right: 10px;
}

.pb-team-cta {
    text-align: center;
    background-color: rgba(255, 126, 0, 0.1);
    padding: 40px;
    border-radius: 10px;
}

.pb-team-cta h3 {
    font-size: 28px;
    margin-bottom: 15px;
    color: #ffffff;
}

.pb-team-cta p {
    margin-bottom: 25px;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    white-space: nowrap;
}

/* Responsive styles for team section */
@media (max-width: 992px) {
    .pb-team-member {
        grid-template-columns: 1fr;
    }

    .pb-team-photo {
        height: 400px;
    }

    .pb-team-social {
        opacity: 1;
        transform: translateY(0);
        background: rgba(0, 0, 0, 0.7);
    }

    .pb-team-info {
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .pb-team-photo {
        height: 350px;
    }

    .pb-team-info h3 {
        font-size: 24px;
    }

    .pb-team-info h4 {
        font-size: 18px;
    }

    .pb-team-bio p {
        font-size: 16px;
    }

    .pb-expertise-areas h5 {
        font-size: 18px;
    }

    .pb-expertise-areas ul li {
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .pb-team-photo {
        height: 300px;
    }

    .pb-team-social a {
        width: 35px;
        height: 35px;
        font-size: 16px;
    }

    .pb-team-info {
        padding: 15px;
    }

    .pb-team-bio p {
        font-size: 15px;
    }
}

/* Expertise Section Styles */
.pb-expertise-section {
    background-color: #121212;
}

.pb-expertise-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.pb-expertise-card {
    background-color: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 10px;
    transition: all 0.3s ease;
}

.pb-expertise-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 126, 0, 0.1);
}

.pb-expertise-icon {
    font-size: 36px;
    color: #ff7e00;
    margin-bottom: 20px;
}

.pb-expertise-card h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #ffffff;
}

.pb-expertise-card p {
    margin-bottom: 20px;
    color: #ffffff;
}

.pb-expertise-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pb-expertise-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #ffffff;
}

.pb-expertise-list li i {
    color: #ff7e00;
    margin-right: 10px;
    font-size: 14px;
}

/* Responsive styles for expertise section */
@media (max-width: 992px) {
    .pb-expertise-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .pb-expertise-card {
        padding: 25px;
    }
}

@media (max-width: 768px) {
    .pb-expertise-grid {
        gap: 20px;
    }

    .pb-expertise-card {
        padding: 20px;
    }

    .pb-expertise-icon {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .pb-expertise-card h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }

    .pb-expertise-card p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .pb-expertise-list li {
        font-size: 15px;
        margin-bottom: 8px;
    }
}

@media (max-width: 576px) {
    .pb-expertise-grid {
        gap: 15px;
    }

    .pb-expertise-card {
        padding: 15px;
    }

    .pb-expertise-icon {
        font-size: 28px;
        margin-bottom: 12px;
    }

    .pb-expertise-card h3 {
        font-size: 20px;
    }

    .pb-expertise-card p {
        font-size: 15px;
    }

    .pb-expertise-list li {
        font-size: 14px;
    }
}

/* Final CTA Section Styles */
.pb-final-cta {
    background-color: #121212;
    text-align: center;
}

.pb-cta-content {
    max-width: 800px;
    margin: 0 auto;
}

.pb-cta-content h2 {
    font-size: 36px;
    margin-bottom: 20px;
    color: #ffffff;
}

.pb-cta-content p {
    font-size: 18px;
    margin-bottom: 30px;
    color: #ffffff;
}

.pb-cta-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.pb-btn-outline {
    background-color: transparent;
    color: #ffffff !important;
    border: 1px solid #ff7e00;
    box-shadow: none;
}

.pb-btn-outline:hover {
    background-color: rgba(255, 126, 0, 0.1);
    color: #ff7e00 !important;
    transform: translateY(-3px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

/* Back to Top Button styles moved to a single definition at the end of the CSS */

/* Responsive styles for CTA section */
@media (max-width: 768px) {
    .pb-cta-content h2 {
        font-size: 28px;
    }

    .pb-cta-content p {
        font-size: 16px;
    }

    .pb-cta-buttons {
        flex-direction: column;
    }
}

/* Mobile Menu Styles */
.pb-mobile-menu {
    display: none; /* Hidden by default on desktop */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #191919;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease, background-color 0.3s ease;
    height: 60px; /* Set explicit height for the mobile menu */
}

.pb-mobile-menu.scrolled {
    background-color: rgba(25, 25, 25, 0.95);
}

.pb-mobile-menu.pb-mobile-menu-hidden {
    transform: translateY(-100%);
}

.pb-mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid rgba(255, 126, 0, 0.2);
}

.pb-mobile-logo {
    display: flex;
    align-items: center;
}

.pb-mobile-logo img {
    height: 30px;
    width: auto;
    margin-right: 10px;
}

.pb-mobile-logo span {
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
}

.pb-mobile-menu-toggle {
    background: none;
    border: none;
    width: 30px;
    height: 24px;
    position: relative;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
}

.pb-mobile-menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ff7e00;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}

.pb-mobile-menu-toggle span:nth-child(1) {
    top: 0px;
}

.pb-mobile-menu-toggle span:nth-child(2) {
    top: 10px;
}

.pb-mobile-menu-toggle span:nth-child(3) {
    top: 20px;
}

.pb-mobile-menu-toggle.active span:nth-child(1) {
    top: 10px;
    transform: rotate(135deg);
}

.pb-mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.pb-mobile-menu-toggle.active span:nth-child(3) {
    top: 10px;
    transform: rotate(-135deg);
}

.pb-mobile-menu-items {
    /* Basic styling without transitions */
    background-color: #191919;
    width: 100%;
    border-top: 1px solid rgba(255, 126, 0, 0.2);
}

.pb-mobile-menu-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pb-mobile-menu-items ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pb-mobile-menu-items ul li a {
    display: block;
    padding: 15px 20px;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    transition: background-color 0.3s ease;
}

.pb-mobile-menu-items ul li a:hover {
    background-color: rgba(255, 126, 0, 0.1);
    color: #ff7e00;
}

@media (max-width: 768px) {
    /* Show ultra mobile menu on mobile devices */
    #ultra-mobile-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
    }

    /* Ensure the toggle button is clickable */
    #ultra-mobile-toggle {
        cursor: pointer !important;
        z-index: 10000 !important;
        pointer-events: auto !important;
    }

    .pb-subnav-wrapper {
        display: none !important;
    }

    /* Adjust hero section for mobile */
    .pb-hero {
        height: auto;
        min-height: 800px;
        padding-top: 80px; /* Adjusted for mobile menu */
    }

    /* Reduce image size by 25% on mobile */
    .pb-blog-header-image img {
        width: 562px; /* 75% of 750px */
        max-width: 75%;
    }

    /* Hide the rotating coin on mobile for better performance */
    .coin-container {
        display: none;
    }

    /* Position the blog header image properly on mobile */
    .pb-blog-header-image {
        margin-top: 350px !important; /* Push down the image on mobile */
    }

    /* Adjust grid layouts for mobile */
    .pb-story-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    /* Ensure buttons stack properly on mobile */
    .pb-hero-buttons {
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px; /* Increased bottom margin for more space */
    }

    .pb-hero-buttons > * {
        margin: 15px 0; /* Increased vertical spacing between buttons */
    }

    /* Improved touch targets for mobile */
    .pb-nav-list a,
    .pb-btn,
    .pb-mobile-menu-toggle,
    .pb-mobile-menu-items a {
        min-height: 44px;
        min-width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 10px 15px;
    }

    /* Adjust font sizes for mobile */
    .pb-hero-content h1 {
        font-size: 32px;
    }

    .pb-hero-content p {
        font-size: 18px;
    }

    p, li {
        font-size: 16px;
    }

    .pb-expertise-card p {
        font-size: 15px;
    }

    /* Ensure proper spacing on mobile */
    .pb-section {
        padding: 3rem 0;
    }

    /* Optimize particles for mobile performance */
    .pb-particles {
        opacity: 0.5;
    }

    /* Improve form element spacing on mobile */
    input, textarea, select, button {
        margin-bottom: 15px;
    }
}

/* Back to Top Button */
.pb-back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: rgba(255, 126, 0, 0.8);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border: none;
}

.pb-back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.pb-back-to-top:hover {
    background-color: #ff5500;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.pb-back-to-top i {
    font-size: 1.5rem;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
    .pb-back-to-top {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 20px;
    }

    .pb-back-to-top i {
        font-size: 1.2rem;
    }
}



/* Mobile responsive styles */
@media (max-width: 768px) {
    .pb-back-to-top {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 20px;
    }

    .pb-back-to-top i {
        font-size: 1.2rem;
    }
}

/* Hide Colabrio footer credit with maximum specificity */
footer .colabrio-credit,
footer .footer-credits,
.colabrio-credit,
.footer-credits,
footer p:contains("Made with passion by Colabrio"),
[class*="colabrio"],
[class*="footer-credit"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
}

/* Donation Card Styles - Compact Version */
.pb-donation-section {
    background-color: #121212;
    padding: 30px 0;
    position: relative;
    border-top: 1px solid rgba(255, 126, 0, 0.2);
}

.pb-donation-wrapper {
    background: linear-gradient(145deg, #222222, #1a1a1a);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(255, 126, 0, 0.2);
    max-width: 1000px;
    margin: 0 auto;
}

.pb-donation-content {
    text-align: center;
}

.pb-donation-content h3 {
    font-size: 1.8rem;
    font-weight: 700;
    background: linear-gradient(135deg, #ff6b00, #ffd700);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}

.pb-donation-content p {
    color: #e2e8f0;
    font-size: 1rem;
    margin-bottom: 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.pb-donation-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 15px;
}

.pb-donation-option {
    background: #1e293b;
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1;
    min-width: 300px;
    max-width: 450px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.pb-donation-option:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

.pb-donation-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    padding: 8px;
    overflow: hidden;
}

.crypto-icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.pb-donation-details {
    flex: 1;
    text-align: left;
}

.pb-donation-details h4 {
    font-size: 1.1rem;
    margin: 0 0 8px 0;
    color: #ff6b00;
}

.pb-donation-address {
    background: rgba(0, 0, 0, 0.2);
    padding: 6px;
    border-radius: 5px;
    font-family: monospace;
    font-size: 0.75rem;
    word-break: break-all;
    margin-bottom: 8px;
    cursor: pointer;
    color: #e2e8f0;
    transition: background-color 0.2s;
}

.pb-donation-address:hover {
    background: rgba(0, 0, 0, 0.3);
}

.pb-copy-btn {
    background: #ff6b00;
    color: white;
    border: none;
    padding: 4px 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
    font-size: 0.75rem;
}

.pb-copy-btn:hover {
    background: #ff5500;
}

.pb-donation-qr {
    width: 70px;
    height: 70px;
    background: white;
    padding: 4px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pb-donation-qr img {
    width: 100%;
    height: 100%;
}

.pb-coinbase-info {
    background: rgba(255, 102, 0, 0.1);
    border-radius: 8px;
    padding: 10px;
    margin: 0 auto;
    max-width: 600px;
}

.pb-coinbase-info p {
    margin: 0;
    font-size: 0.9rem;
    color: #e2e8f0;
}

.pb-coinbase-id {
    font-family: monospace;
    font-size: 1rem;
    color: #ff6b00;
    font-weight: bold;
}

/* Responsive styles for donation card */
@media (max-width: 768px) {
    .pb-donation-wrapper {
        padding: 15px;
    }

    .pb-donation-content h3 {
        font-size: 1.5rem;
    }

    .pb-donation-content p {
        font-size: 0.9rem;
    }

    .pb-donation-options {
        flex-direction: column;
        align-items: center;
    }

    .pb-donation-option {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .pb-donation-card {
        padding: 20px 0;
    }

    .pb-donation-content h3 {
        font-size: 1.3rem;
    }

    .pb-donation-content p {
        font-size: 0.85rem;
    }

    .pb-donation-option {
        padding: 12px;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }

    .pb-donation-details {
        text-align: center;
        width: 100%;
        order: 1;
    }

    .pb-donation-icon {
        order: 0;
    }

    .pb-donation-qr {
        order: 2;
        margin-top: 10px;
    }

    .pb-coinbase-info {
        padding: 8px;
    }

    .pb-coinbase-id {
        font-size: 0.9rem;
    }
}
</style>

<!-- Required JavaScript Functions -->
<script>
// Scroll animations function
function initScrollAnimations() {
    // Check if IntersectionObserver is supported
    if (!('IntersectionObserver' in window)) {
        // If not supported, simply show all elements
        document.querySelectorAll('.fade-in, .fade-in-up, .stagger-item').forEach(el => {
            el.classList.add('active');
        });
        return;
    }

    // Create observer for fade-in elements
    const fadeObserver = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('active');
                fadeObserver.unobserve(entry.target);
            }
        });
    }, {
        threshold: 0.1,
        rootMargin: '0px 0px -50px 0px'
    });

    // Observe all fade-in elements
    document.querySelectorAll('.fade-in, .fade-in-up').forEach(el => {
        fadeObserver.observe(el);
    });

    // Handle staggered animations
    const staggerContainers = document.querySelectorAll('.stagger-container');
    staggerContainers.forEach(container => {
        const staggerObserver = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const items = entry.target.querySelectorAll('.stagger-item');
                    items.forEach((item, index) => {
                        setTimeout(() => {
                            item.classList.add('active');
                        }, 100 * index);
                    });
                    staggerObserver.unobserve(entry.target);
                }
            });
        }, {
            threshold: 0.1
        });

        staggerObserver.observe(container);
    });
}

// Sub-navigation function
function initSubNav() {
    const subnav = document.querySelector('.pb-subnav');
    const subnavWrapper = document.querySelector('.pb-subnav-wrapper');

    if (!subnav || !subnavWrapper) return;

    window.addEventListener('scroll', function() {
        if (window.scrollY > 300) {
            subnav.classList.add('scrolled');
            subnavWrapper.classList.add('scrolled');
        } else {
            subnav.classList.remove('scrolled');
            subnavWrapper.classList.remove('scrolled');
        }
    });
}

// Smooth scrolling function
function initSmoothScrolling() {
    // Check if smooth scrolling is supported
    const supportsSmooth = 'scrollBehavior' in document.documentElement.style;

    // Set scroll behavior based on user preferences
    const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    const scrollBehavior = prefersReducedMotion ? 'auto' : 'smooth';

    // Handle anchor links
    document.querySelectorAll('a[href^="#"]:not([href="#"])').forEach(anchor => {
        anchor.addEventListener('click', function(e) {
            const targetId = this.getAttribute('href');
            const targetElement = document.querySelector(targetId);

            if (targetElement) {
                e.preventDefault();

                const offset = 100; // Default offset
                const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - offset;

                window.scrollTo({
                    top: targetPosition,
                    behavior: scrollBehavior
                });
            }
        });
    });

    // Scroll indicator - if present
    const scrollIndicator = document.querySelector('.pb-scroll-indicator');
    if (scrollIndicator) {
        scrollIndicator.addEventListener('click', function() {
            const targetSection = document.querySelector('#newsletter') || document.querySelector('#services');
            if (targetSection) {
                const offset = 100;
                const targetPosition = targetSection.getBoundingClientRect().top + window.pageYOffset - offset;

                window.scrollTo({
                    top: targetPosition,
                    behavior: scrollBehavior
                });
            }
        });
    }
}

// CAPTCHA initialization function
function initCaptcha() {
    const captchaContainer = document.querySelector('.pb-captcha-container');
    if (!captchaContainer) return;

    const question = captchaContainer.querySelector('.pb-captcha-question');
    const hint = captchaContainer.querySelector('.pb-captcha-hint');

    if (question && hint) {
        const num1 = Math.floor(Math.random() * 10) + 1;
        const num2 = Math.floor(Math.random() * 10) + 1;
        const answer = num1 + num2;

        question.textContent = 'What is ' + num1 + ' + ' + num2 + '?';
        hint.textContent = 'Simple addition';
        question.setAttribute('data-answer', answer.toString());
    }
}

// Back to Top button functionality
function initBackToTop() {
    const backToTopButton = document.querySelector('.pb-back-to-top');
    if (!backToTopButton) return;

    // Show button after scrolling down 300px
    const scrollThreshold = 300;

    // Throttle scroll events for better performance
    let lastScrollY = 0;
    let ticking = false;

    function updateBackToTopButton() {
        const scrollY = window.scrollY || window.pageYOffset;

        if (scrollY > scrollThreshold) {
            backToTopButton.classList.add('visible');
        } else {
            backToTopButton.classList.remove('visible');
        }

        ticking = false;
    }

    window.addEventListener('scroll', function() {
        lastScrollY = window.scrollY || window.pageYOffset;

        if (!ticking) {
            window.requestAnimationFrame(function() {
                updateBackToTopButton();
                ticking = false;
            });

            ticking = true;
        }
    });

    // Scroll to top when clicked
    backToTopButton.addEventListener('click', function(e) {
        e.preventDefault();

        // Check if user prefers reduced motion
        const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
        const scrollBehavior = prefersReducedMotion ? 'auto' : 'smooth';

        // Scroll to top
        window.scrollTo({
            top: 0,
            behavior: scrollBehavior
        });
    });
}

// Podcast player function (can be empty if not used)
function initPodcastPlayer() {
    // This can be a placeholder if podcast functionality isn't needed
    const podcastPlayers = document.querySelectorAll('.pb-podcast-player');
    if (podcastPlayers.length === 0) return;

    // Add podcast player initialization code here if needed
    console.log('Podcast player initialized');
}

// Dropdown styling function (can be empty if not used)
function initDropdownStyling() {
    // This can be a placeholder if dropdown styling isn't needed
    const dropdowns = document.querySelectorAll('.pb-dropdown');
    if (dropdowns.length === 0) return;

    // Add dropdown styling code here if needed
    console.log('Dropdown styling initialized');
}

// Carousel initialization (can be empty if not used)
function initCarousels() {
    // This can be a placeholder if carousels aren't needed
    const carousels = document.querySelectorAll('.pb-carousel');
    if (carousels.length === 0) return;

    // Add carousel initialization code here if needed
    console.log('Carousels initialized');
}

// Particles initialization (can be empty if not used)
function initParticles() {
    // Check if particles.js is loaded and if the container exists
    if (typeof particlesJS !== 'undefined' && document.getElementById('pb-particles')) {
        particlesJS('pb-particles', {
            "particles": {
                "number": {
                    "value": 30,
                    "density": {
                        "enable": true,
                        "value_area": 800
                    }
                },
                "color": {
                    "value": "#ff7e00"
                },
                "shape": {
                    "type": "circle"
                },
                "opacity": {
                    "value": 0.3,
                    "random": false
                },
                "size": {
                    "value": 5,
                    "random": true
                },
                "line_linked": {
                    "enable": true,
                    "distance": 150,
                    "color": "#ff7e00",
                    "opacity": 0.2,
                    "width": 1
                },
                "move": {
                    "enable": true,
                    "speed": 2,
                    "direction": "none",
                    "random": false,
                    "straight": false,
                    "out_mode": "out",
                    "bounce": false
                }
            },
            "interactivity": {
                "detect_on": "canvas",
                "events": {
                    "onhover": {
                        "enable": true,
                        "mode": "grab"
                    },
                    "onclick": {
                        "enable": true,
                        "mode": "push"
                    },
                    "resize": true
                }
            },
            "retina_detect": true
        });
    }
}

// Ensure mobile menu is hidden on page load
document.addEventListener('DOMContentLoaded', function() {
    var menuItems = document.getElementById('ultra-mobile-items');
    if (menuItems) {
        menuItems.style.display = 'none';
    }

    // Initialize critical features immediately
    initScrollAnimations();
    initSubNav();
    initSmoothScrolling();
    initCaptcha();
    initBackToTop();
    initPodcastPlayer();
    initDropdownStyling();

    // Defer non-critical initializations
    if ('requestIdleCallback' in window) {
        requestIdleCallback(function() {
            initCarousels();
            initParticles();
        });
    } else {
        // Fallback for browsers without requestIdleCallback
        setTimeout(function() {
            initCarousels();
            initParticles();
        }, 200);
    }
});
</script>/* End custom CSS */