/* Fix for the free-resources section - remove scrollbars but keep section visible */
.free-resources {
    opacity: 1 !important;
    display: block !important;
    visibility: visible !important;
    min-height: 500px;
    height: auto;
    transform: translateY(0) !important;
    padding: 60px 0;
    overflow: hidden;
}

.free-resources.animated {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.free-resources .container {
    display: block !important;
    visibility: visible !important;
    max-width: 1100px;
    margin: 0 auto;
}

.free-resources .resources-content {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow: hidden !important;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.free-resources .resources-avatar,
section.free-resources .resources-avatar,
body .free-resources .resources-avatar {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) translateY(0) !important;
    left: 20px !important; /* Moved further inward */
    top: 20px !important; /* Further down from top */
    position: relative !important; /* Changed to relative positioning */
    width: 280px !important; /* Slightly smaller width */
    height: auto !important;
    display: block !important;
    z-index: 1 !important;
    margin-bottom: 20px !important;
}

/* Directly target the image */
.free-resources .resources-avatar img,
section.free-resources .resources-avatar img,
body .free-resources .resources-avatar img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    max-height: 360px !important;
    display: block !important;
}

.free-resources .resources-text {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    display: block !important;
}

.free-resources .resource-item {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}

/* Hide scrollbars for Chrome, Safari and Opera */
.free-resources *::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for Firefox */
.free-resources * {
    scrollbar-width: none;
}

/* Hide scrollbar for IE and Edge */
.free-resources * {
    -ms-overflow-style: none;
}

@media (max-width: 768px) {
    .free-resources {
        padding: 40px 0;
        min-height: 600px;
    }
    
    .free-resources .resources-content {
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
        justify-content: flex-start;
    }
    
    .free-resources .resources-avatar,
    section.free-resources .resources-avatar,
    body .free-resources .resources-avatar {
        opacity: 1 !important;
        transform: translateX(0) translateY(0) !important;
        left: 0 !important; /* Move fully into view */
        top: 20px !important; /* Position at top with some margin */
        position: relative !important;
        width: 220px !important;
        height: auto !important;
        margin: 0 auto 20px auto !important;
        display: block !important;
    }
    
    .resources-text.emerge-from-right,
    .resource-item.emerge-from-right,
    .resources-avatar.emerge-from-left {
        opacity: 1 !important;
        transform: translateX(0) !important;
    }
}