/* Critical fixes for Slide 1 */

/* Fix the vertical divider - make it stronger and more visible */
.divider-line {
    width: 4px !important;
    height: 180px !important;
    background: #495057 !important;
    opacity: 0.8 !important;
}

/* Fix the "g" cutoff in Digital by adjusting line-height */
.hero-title {
    font-size: 92px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important; /* Increased from 0.9 to prevent cutoff */
    letter-spacing: -2px !important;
    color: #495057 !important;
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 10px !important; /* Add bottom padding for safety */
    text-transform: none !important;
    /* Remove gradient effect to use solid color */
    background: none !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}

/* Reduce gap to bring logo closer */
.title-logo-container {
    gap: 35px !important; /* Further reduced to bring logo very close */
    max-width: 1000px !important;
}

/* Make Request.change black and bold */
.company-name {
    font-size: 17px !important;
    font-weight: 700 !important; /* Bold */
    color: #000000 !important; /* Pure black */
}

/* Ensure powered-by text has good contrast */
.powered-text {
    font-size: 17px !important;
    color: #495057 !important;
    font-weight: 400 !important;
}

/* Adjust logo position */
.logo-section {
    padding-left: 0 !important;
}

.artemed-logo-new {
    height: 225px !important; /* 50% larger than 150px */
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .divider-line {
        width: 120px !important;
        height: 3px !important;
        margin: 20px 0 !important;
    }
    
    .hero-title {
        font-size: 68px !important;
        line-height: 1.2 !important;
    }
    
    .title-logo-container {
        gap: 30px !important;
    }
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 56px !important;
        line-height: 1.2 !important;
    }
    
    .company-name {
        font-size: 16px !important;
    }
    
    .powered-text {
        font-size: 16px !important;
    }
}