.testimonial-carousel-wrapper {
    --bg-green: #00a878;
    --dark-blue: #022b3a;
    --text-white: #ffffff;
    --dot-inactive: rgba(255, 255, 255, 0.5);

    width: 100%;
    margin: 0 auto;	
    border-radius: 20px;
    box-sizing: border-box;
    font-family: inherit;
    color: var(--text-white);
	
	.Button:hover {
		background: #003451;
		color: #F6AE2D;
		
		i {
			color: #F6AE2D;
		}
	}
	
    .testimonial-outer-box {
        border: 1.5px solid #FFFFFF;
        border-radius: 24px;
        padding: 45px 20px;
    }
	
    .testimonial-slick-slider {
        .slick-slide {
            border-right: 1px solid rgba(255, 255, 255, 0.3);
        }
        .slick-slide:last-child {
            border-right: none;
        }
        
        .testimonial-slide {
            padding: 0 35px;
            outline: none;
        }
        
        .testimonial-title {
            color: #003451;
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 12px;
            line-height: 1.3;
        }
        
        .testimonial-rating {
			font-size: 1.25rem;
			line-height: 1;
			display: inline-flex;
			gap: 3px;
			margin-bottom: 12px;

			.star {
				color: var(--text-white);
			}

			.star.empty {
				opacity: 0.3;
			}

			.star.half {
			background: linear-gradient(90deg, var(--text-white) 50%, rgba(255, 255, 255, 0.3) 50%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;


			}
		}
        .testimonial-excerpt {
            color: var(--text-white);
            font-size: 0.95rem;
            line-height: 1.5;
            margin-bottom: 20px;
        }
        
        .testimonial-read-more {
            background: transparent;
			color: #FFFFFF;
			
			i {
				color: #FFFFFF;
			}
			
			&:hover {
				background: #003451;
				color: #F6AE2D;
				border: 2px solid #003451;
				
				i {
					color: #F6AE2D;
				}
			}
        }
    }

    .testimonial-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 25px;
        padding: 0 10px;
    }

    .testimonial-controls {
        display: flex;
        align-items: center;
        gap: 24px;

        .js-testimonial-dots {
            ul {
                display: flex;
                align-items: center;
                gap: 10px;
                margin: 0;
                padding: 0;
                list-style: none;

                li {
                    width: 12px;
                    height: 12px;
                    margin: 0;
                    cursor: pointer;

                    button {
                        display: block;
                        width: 12px;
                        height: 12px;
                        padding: 0;
                        border: none;
                        border-radius: 50%;
                        background-color: var(--dot-inactive);
                        font-size: 0;
                        color: transparent;
                        outline: none;
                        transition: background-color 0.25s ease, transform 0.25s ease;
                        cursor: pointer;

                        &:hover {
                            background-color: var(--text-white);
                        }
                    }

                    &.slick-active button {
                        background-color: var(--dark-blue);
                        transform: scale(1.1);
                    }
                }
            }
        }

        .slick-nav-arrows {
            display: flex;
            align-items: center;
            gap: 12px;

            .slick-prev-custom,
            .slick-next-custom {
                background: transparent;
                border: none;
                padding: 4px;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: center;
                outline: none;
                transition: transform 0.2s ease, opacity 0.2s ease;

				svg {
					width: 26px;
					height: 26px;
					
					path {
						stroke: #004063;
						transition: stroke 0.2s ease;
					}
				}

                &:hover {
                    transform: scale(1.08);
					
					svg path {
						stroke: #FFFFFF;
					}
                }

                &:disabled,
                &.slick-disabled {
                    opacity: 0.3;
                    cursor: not-allowed;
                    transform: none;
                }
            }
        }
    }
}