/* Reduce overall content size */
.project__content-three {
    padding: 1.5rem; /* Reduced padding */
}

/* Client title styling - Orange button style like "LET'S TALK" */
.client-title {
    margin-bottom: 1rem; /* Consistent spacing */
    position: relative;
    z-index: 10; /* Ensure it stays above other elements */
}

.client-title p {
    margin-bottom: 0;
    display: inline-block; /* Make it behave like a button */
}

.client-title p span {
    display: inline-block;
    background: var(--tg-theme-primary); /* Orange background */
    color: #ffffff; /* White text */
    font-size: 0.95rem; /* Appropriate size */
    font-weight: 700; /* Bold text */
    text-transform: uppercase; /* Uppercase */
    letter-spacing: 0.5px; /* Slight letter spacing */
    padding: 0.6rem 1.2rem; /* Similar padding to button */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 8px rgba(255, 107, 53, 0.3); /* Subtle shadow */
    transition: all 0.3s ease; /* Smooth transitions */
    position: relative;
    z-index: 15; /* Higher z-index than parent */
}

/* Hover effect similar to LET'S TALK button */
.client-title p span:hover {
     /* Darker orange on hover */
    transform: translateY(-2px); /* Slight lift effect */
    box-shadow: 0 6px 12px rgba(255, 107, 53, 0.4); /* Enhanced shadow */
}

/* Client description styling (Red area) */
.client-description {
    margin-bottom: 1rem; /* Consistent spacing */
}

.client-description p {
    font-size: 1rem; /* Slightly smaller than title */
    line-height: 1.4; /* Better readability */
    opacity: 0.85;
    text-align: left; /* Consistent alignment */
    margin-bottom: 0;
}

/* Reduce project title size */
.project__content-three .title {
    font-size: 1.8rem; /* Reduced from default */
}

/* Stats section alignment */
.project-stats {
    margin-top: 1rem;
}

/* Stat item container with icon */
.stat-item {
    display: inline-flex; /* Use inline-flex to fit content width */
    align-items: flex-start; /* Align to top */
    gap: 0.5rem; /* Smaller gap between text and icon */
}

/* Bootstrap icon styling */
.stat-icon {
    font-size: 2rem;  /* Appropriate icon size */
    color: #ffffff; /* Purple/blue color matching the reference */
    flex-shrink: 0;  /* Prevent icon from shrinking */
    margin-top: 0.4rem; /* Slight top margin for alignment with text */
}

/* Stat content wrapper */
.stat-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left; /* Keep text left-aligned */
}

/* Reduce stats numbers size */
.project-stats h4 {
    font-size: 1.2rem; /* Slightly larger for better visibility */
    margin-bottom: 0.25rem;
    color: #ffffff;
}

/* Make stats text smaller */
.project-stats .small {
    font-size: 0.75rem;
    opacity: 0.8;
    color: #e0e0e0;
}

/* Smaller button */
.btn-sm {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
}

/* Additional alignment improvements */
.project__content-three > * {
    text-align: left; /* Ensure all content is left-aligned */
}

/* Icon link alignment */
.d-flex.justify-content-end {
    margin-top: 1rem;
}