Sid Gifari File Manager Pro v10.0.3

✏️ Editing: testimonial.scss Writable

.mf-elementor-testimonial-slides {
	color: #999;

.testimonial-heading {
		margin-bottom: 30px;

& > h2,
		& > h3 {
			font-size: 20px;
		}
	}

.tes-title {
		font-weight: 600;
		margin: 0;
		line-height: 1;
	}

.slick-list {
		padding-top: 50px;
		margin-left: -15px;
		margin-right: -15px;
	}

.name {
		color: #000;
		font-size: 18px;
		font-weight: 600;
	}

.job {
		padding-left: 5px;
	}

a {
		color: #000;
		font-size: 14px;
		font-weight: 600;
		display: inline-block;
		margin-top: 25px;

.align-icon-left {
			float: left;
		}

.align-icon-right {
			float: right;
		}

span {
			display: inline-block;
		}
	}

.testimonial-info {
		position: relative;
		background-color: #fff;
		padding: 0 40px 40px 40px;
		margin: 0 15px;
		border-width: 1px;
		border-style: solid;
		border-color: #ccc;
		float: left;

img {
			border-radius: 50%;
		}

& > i {
			font-size: 60px;
			color: var(--mf-primary-color);
			position: absolute;
			right: 20px;
			top: 20px;
		}
	}

.testi-header {
		margin-bottom: 20px;

span {
			display: inline-block;
		}
	}

.testi-thumb {
		display: inline-block;
		transform: translateY(-47px);
	}

.slick-arrow {
		font-size: 36px;
		color: #999999;
		transition: 0.5s;

&:hover {
			color: #000000;
		}
	}

.mf-left-arrow {
		left: -76px;
	}

.mf-right-arrow {
		right: -76px;
	}

.slick-dots {
		margin-bottom: 0;
		margin-top: 20px;

li {
			button {
				background-color: #ccc;
				border: none;
			}

&:hover,
			&.slick-active {
				button {
					background-color: var(--mf-background-primary-color);
				}
			}
		}

}
}

.mf-elementor-testimonial-slides--top {
	.testimonial-heading {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}

.arrow-wrapper {
		position: relative;
		display: flex;
		align-items: center;
		padding-left: 50px;

.slick-arrow {
			font-size: 16px;
			color: #cccccc;
			position: static;
			transform: unset;
		}

.mf-left-arrow {
			padding-right: 9px;
		}

.mf-right-arrow {
			padding-left: 9px;
		}
	}
}

// Testimonial 2
.mf-elementor-testimonial-slides-2 {
	.testimonial-heading {
		display: flex;
	    align-items: center;
	    justify-content: space-between;
		padding: 35px 40px;

& > h2 {
			font-size: 24px;
		}

h2,
		.tes-title {
			font-weight: 400;
			margin: 0;
		}
	}

.testimonial-list {
		padding: 44px 50px 20px;
	}

.testimonial-info {
		padding-left: 10px;
		padding-right: 10px;
	}

.testimonial-info__content {
		font-size: 30px;
		color: #000;
		font-weight: 600;
		line-height: 1.5;
	}

.testimonial-info__footer {
		display: flex;
		align-items: center;
	    margin-top: 45px;

.testimonial-thumb {
			margin-right: 25px;
		}

.name {
			color: #000;
			font-size: 18px;
			font-weight: 600;
		}

.job {
			color: #999999;
			font-size: 14px;
		}
	}

.no-thumbnail {
		.testimonial-thumb {
			margin-right: 0;
		}
	}

.arrow-wrapper {
		display: flex;
	    align-items: center;
	    justify-content: space-between;

.slick-arrow {
			position: static;
			transform: unset;
			font-size: 18px;
		}

.mf-right-arrow {
			margin-left: 10px;
		}
	}

.slick-dots {
		text-align: left;
		margin-left: -9px;
		margin-right: -9px;
		padding: 0 10px;

li {
			padding: 0 9px;

button {
				border-color: #ccc;
				background-color: #ccc;
			}

&.slick-active {
				button {
					border-color: var(--mf-border-primary-color);
					background-color: var(--mf-background-primary-color);
				}
			}
		}
	}
}

📁 File Manager Pro

📁 File Manager Pro