.ti-widget {
    font-family: "Source Sans Pro", sans-serif !important;
    max-width: 100%;
    margin: 60px auto 0 auto !important;
    clear: both !important;
    display: block !important;
    position: relative !important;
    z-index: 10 !important;
}

/* --- 2. HEADER STYLING --- */
.ti-widget .ti-header {
    text-align: center !important;
    background: transparent !important;
    border: none !important;
    margin-bottom: 40px !important;
    padding: 0 !important;
}

.ti-widget .ti-large-logo img {
    filter: grayscale(100%) opacity(0.8) !important;
    margin-bottom: 10px !important;
    display: inline-block;
}

.ti-widget .centerr-reviews, 
.ti-widget .ti-rating-text {
    font-family: "Source Sans Pro", sans-serif !important;
    color: #1a1a1a !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-size: 14px !important;
    margin-top: 10px;
}

/* --- 3. STARS (GOLD FILTER) --- */
.ti-star.f {
    display: inline-block !important;
    background-image: url('https://static.deemasfashion.com/iconss/f.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    /* Gold Filter */
    filter: invert(73%) sepia(35%) saturate(735%) hue-rotate(359deg) brightness(89%) contrast(88%); 
}

/* Big Header Stars */
.ti-header .ti-star.f {
    width: 24px !important;
    height: 24px !important;
    margin: 0 2px;
}

/* Small Card Stars */
.ti-review-item .ti-star.f {
    width: 14px !important;
    height: 14px !important;
}

/* --- 4. SLIDER STRUCTURE --- */
.ti-reviews-container {
    overflow: hidden !important;
    width: 100% !important;
    padding: 10px 0 20px 0;
}

.ti-reviews-container-wrapper {
    display: flex !important;
    transition: transform 0.5s ease-out !important;
    box-sizing: border-box !important;
}

.ti-widget .ti-review-item {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* --- 5. REVIEW CARDS & ICONS --- */
.ti-widget .ti-inner {
    background: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    padding: 25px !important;
    height: 100% !important;
    position: relative;
}

/* User Profile Image - ROUND */
.ti-profile-img img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    filter: grayscale(100%);
}

/* FACEBOOK ICON - FIXED POSITION (TOP RIGHT) */
.ti-widget .source-Facebook .ti-review-header:after {
    content: "" !important;
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    position: absolute !important;
    right: 30px !important;
    top: 30px !important; /* Aligns to the top */
    transform: none !important; /* Removes vertical centering */
    background-image: url('https://static.deemasfashion.com/iconss/icon.svg') !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    opacity: 0.3;
}

/* Typography */
.ti-name a {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.ti-date a {
    font-size: 11px !important;
    color: #767676 !important;
}

.ti-review-content {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #555 !important;
    margin-top: 15px !important;
    font-style: italic !important;
}

/* --- 6. NAVIGATION DOTS --- */
.ti-controls-dots {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 30px !important;
    width: 100% !important;
}

.dot {
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: #e0e0e0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: block !important;
}

.dot.active {
    background: #c5a059 !important;
    transform: scale(1.3);
}

/* --- MOBILE --- */
@media (max-width: 768px) {
    .ti-widget .ti-review-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}