/*--------------------------------------------------------------
# Sliding Text Three (Optimized & Cleaned)
--------------------------------------------------------------*/
.sliding-text-three {
    position: relative;
    display: block;
    background-color: #185a72;
    padding:10px 0px 0px 0px; /* More breathing room */
    z-index: 1;
}

.sliding-text-three__wrap {
    position: relative;
    display: block;
    padding: 0 20px; /* Prevent edge overflow on smaller screens */
}

.sliding-text-three__list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: fit-content;
}

.sliding-text-three__list li {
    position: relative; /* Fix typo: 'osition' */
    display: block;
    float: left;
    margin-right: 40px; /* Spacing between items */
}

.sliding-text-three__title {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--fistudy-white); /* Use your defined variable */
    font-size:18px;
     
    font-weight: 500;
    font-style: italic;
    font-family: var(--fistudy-font-two); /* Ensure font is defined globally */
    text-transform: capitalize; /* Capitalizes first letter */
    gap: 20px; /* Space between text and image */
}

.sliding-text-three__title img {
    position: relative;
    width: auto;
    margin-left: 0; /* Not needed due to gap */
}


/*--------------------------------------------------------------
# Responsive Support
--------------------------------------------------------------*/
@media (max-width: 768px) {
    .sliding-text-three__title {
        font-size: 32px;
        line-height: 36px;
    }

    .sliding-text-three__list li {
        margin-right: 25px;
    }
}