/*--------------------------------------------------------------
TESTIMONIALS GRID
----------------------------------------------------------------
# Testimonial Grid
# Testimonial Carousel
--------------------------------------------------------------*/
.pxl-item--4-star i:nth-child(5) {
    color: #e1e1e1;
}
.pxl-item--3-star {
    i:nth-child(5), i:nth-child(4) {
        color: #e1e1e1;
    }
}
.pxl-item--2-star {
    i:nth-child(5), i:nth-child(4), i:nth-child(3) {
        color: #e1e1e1;
    }
}
.pxl-item--1-star {
    i:nth-child(5), i:nth-child(4), i:nth-child(3), i:nth-child(2) {
        color: #e1e1e1;
    }
}
.pxl-item--star {
    color: #FCA804;
}
// Testimonial Grid
.pxl-testimonial-grid1 {
	.pxl-item--inner {
		box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10);
		@include border-radius(30px 30px 30px 10px);
		background-color: #fff;
		padding: 30px;
		margin: 15px 0;
		@include transition(all 0.3s);
		@media (max-width: 676px) {
			padding: 30px 20px;
		}
		&:hover {
			box-shadow: 0px 0px 20px 0px rgba(255, 95, 95, 0.15);
		}
		.pxl-content {
			display: flex;
			align-items: end;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-bottom: 15px;
			.pxl-item--icon {
				display: inline-flex;
				i {
					font-size: 55px;
  					line-height: 0.9;
  					background: linear-gradient(100deg, $gradient_color_from 0.51%, $gradient_color_to 100%);
					background-clip: text;
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent; 
				}
			}
			.pxl-item--star {
  				i {
  					font-size: 18px;
  					color: #FFC107;
  				}
			}
		}
		.pxl-item--desc {
			font-size: 18px;
			font-style: normal;
			font-weight: 500;
			color: #000;
			font-family: 'Inter', sans-serif;
		}
		.pxl-item--bottom {
			margin-top: 20px;
			.pxl-item--image {
				img {
					@include border-radius(50%);
				}
			}
			.pxl-item--meta {
				.pxl-item--title {
					margin-bottom: 5px;
  					text-transform: uppercase;
				}
				.pxl-item--position {
					font-size: 12px;
					font-style: normal;
					font-weight: 400;
					background: linear-gradient(100deg, $gradient_color_from 0.51%, $gradient_color_to 100%);
					background-clip: text;
					-webkit-background-clip: text;
					-webkit-text-fill-color: transparent; 
				}
			}
		}
	}
}

// Testimonial Carousel
.pxl-testimonial-carousel1 {
	.pxl-swiper-container{
        &.swiper-fade {
            .pxl-swiper-slide {
                opacity: 0 !important;
                z-index: 0;
                &.swiper-slide-active {
                    opacity: 1 !important;
                    z-index: 1;
                }
            }
        }
    }
	.pxl-carousel-inner {
        display: flex;
        width: 100%;
        margin: 0;
        @media (max-width: 767px) {
        	display: block;
        }
        .pxl-swiper-arrow-wrap {
            margin-top: 0;
            @media (max-width: 1200px) {
            	align-items: inherit;
            }
            .pxl-swiper-arrow {
                background-color: $primary_color;
                padding: 115px 27px 110px 27px;
                @media (max-width: 1565px) {
                	padding: 119px 27px 118px 27px;
                }
                @media (max-width: 1366px) {
                	padding: 122px 27px;
                	align-content: center;
                }
                @media (max-width: 1200px) {
                	padding: 110px 27px;
                }
                @media (max-width: 1024px) {
                	padding: 85px 25px;
                }
                @media (max-width: 767px) {
                    padding: 28px 20px 22px 20px;
                    width: 50%;
                    text-align: center;
                    align-content: center;
                }
                svg {
                    height: 20px;
                    width: auto;
                    @media (max-width: 1024px) {
	                	height: 16px;
	                }
                    path {
                        fill: #fff;
                    }
                }
                .hover {
                	overflow: hidden;
                    display: inline-flex;
                    @include transition(all 200ms linear 0ms);
                }
                &.pxl-swiper-arrow-next {
                    margin-bottom: 3px;
                    @media (max-width: 767px) {
                        order: 2;
                        margin-bottom: 0;
                        border-left: 1px solid rgba(#fff, 0.3);
                    }
                    &:hover {
                        .hover {
                            @include animation(toRightFromLeft .3s linear 1);
                        }
                    }
                }
                &.pxl-swiper-arrow-prev {
                    svg {
                        transform: rotate(-180deg);
                    }
                    &:hover {
                        .hover {
                            @include animation(toLeftFromRight .3s linear 1);
                        }
                    }
                }
            }
        }
    }
    .pxl-swiper-slide {
		padding: 0 0 1px 0;
	}
	.pxl-swiper-container {
		margin: 0;
		padding: 0 !important;
	}
	.pxl-item-inner {
		border-top: 1px solid #d9d9d9;
		border-bottom: 1px solid #d9d9d9;
		height: 100%;
		padding: 93px 101px 50px 101px;
		@media (max-width: 1200px) {
			padding: 93px 50px 50px 50px;
		}
		@media (max-width: 1199px) {
			padding: 50px;
		}
		@media (max-width: 575px) {
			padding: 50px 15px;
		}
	}
	.pxl-testtiminial-meta {
		display: flex;
		align-items: center;
  		justify-content: space-between;
  		margin-bottom: 46px;
  		@media (max-width: 1024px) {
  			display: block;
  			margin-bottom: 30px;
  		}
  		.pxl-item-author {
  			display: flex;
  			align-items: center;
  			.pxl-item--img {
  				@include border-radius(50%);
  				overflow: hidden;
  				background-color: #edefed;
  				img {
  					mix-blend-mode: luminosity;
  				}
  			}
  			.pxl-item-heading {
  				font-size: 20px;
  				color: $link_color;
  				font-weight: 500;
  				margin-bottom: 7px;
  			}
  			.pxl-sub-title {
  				font-size: 16px;

  			}
  		}
  		.pxl-image-logo {
  			margin-bottom: 10px;
  			@media (max-width: 1024px) {
  				margin-top: 30px;
  				margin-bottom: 0;
  			}
  		}
	}
	.pxl-item--desc {
		font-size: 18px;
		color: $link_color;
		line-height: 1.82;
		margin-bottom: 38px;
		@media (max-width: 1024px) {
			font-size: 17px;
		}
	}
	.pxl-item--loca {
		text-align: right;
		color: #666666;
		font-style: italic;
		font-size: 16px;
	}
}

.pxl-testimonial-carousel2 {
	.pxl-carousel-inner {
		margin: 0;
		position: relative;
	}
	.pxl-swiper-container {
		margin: 0;
		padding: 0 85px !important;
		@media (max-width: 1366px) {
			padding: 0 70px !important;
		}
		@media (max-width: 1024px) {
			padding: 0 !important;
		}
	}
	.pxl-swiper-slide {
		padding: 0;
		height: auto;
		border-bottom: 1px solid #d9d9d9;
		border-right: 1px solid #d9d9d9;
		margin-bottom: 1px;
	}
	.pxl-swiper-arrow-wrap {
		margin-top: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		justify-content: space-between;
		align-items: inherit;
		height: 99.9%;
		@media (max-width: 1024px) {
			position: relative;
			top: unset;
			left: unset;
			height: unset;
			justify-content: center;
			margin-top: 30px;
		}
		.pxl-swiper-arrow {
			background-color: $primary_color;
			padding: 50px 32.5px;
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 1;
			@media (max-width: 1366px) {
				padding: 50px 25px;
			}
			@media (max-width: 1024px) {
            	padding: 0;
            	display: inline-flex;
            	align-items: center;
            	justify-content: center;
            	width: 50px;
            	height: 50px;
            	position: relative;
				top: unset;
				left: unset;
            }
			svg {
                height: 20px;
                width: auto;
                @media (max-width: 1024px) {
                	height: 16px;
                }
                path {
                    fill: #fff;
                }
            }
            .hover {
            	overflow: hidden;
                display: inline-flex;
                @include transition(all 200ms linear 0ms);
            }
            &.pxl-swiper-arrow-next {
            	left: unset;
            	right: 0;
            	@media (max-width: 1024px) {
                	border-left: 1px solid rgba(#fff, 0.3);
                }
                &:hover {
                    .hover {
                        @include animation(toRightFromLeft .3s linear 1);
                    }
                }
            }
            &.pxl-swiper-arrow-prev {
                svg {
                    transform: rotate(-180deg);
                }
                &:hover {
                    .hover {
                        @include animation(toLeftFromRight .3s linear 1);
                    }
                }
            }
		}
	}
	.pxl-item-inner {
		padding: 53px 50px 46px 50px;
		@media (max-width: 880px) {
			padding: 53px 30px 40px 30px;
		}
		.pxl-image-logo {
			display: flex;
  			justify-content: space-between;
  			border-bottom: 1px solid #d9d9d9;
  			padding-bottom: 24px;
  			margin-bottom: 67px;
  			.pxl-item-heading {
  				font-size: 17px;
  				color: $link_color;
  				font-weight: 500;
  				margin-bottom: 8px;
  				line-height: 1.1;
  				@include ft_theme_default($ft_theme_default);
  			}
  			.pxl-sub-title {
  				font-size: 16px;
  				line-height: 1.1;
  			}
		}
		.pxl-item--desc {
			font-size: 16px;
			color: $link_color;
			line-height: 1.75;
		}
	}
}
.pxl-testimonial-carousel3 {
	padding-bottom: 12px;
	.pxl-carousel-inner {
		margin: 0;
		border: 1px solid #d9d9d9;
		background-color: #fff;
	}
	.pxl-space {
		background-color: #fff;
		border: 1px solid #d9d9d9;
		border-top: none;
		width: 95%;
		position: absolute;
		padding: 7px 0;
		left: 50%;
		bottom: 0;
		transform: translate(-50%,0);
		z-index: -1;
	}
	.pxl-swiper-container {
		margin: 0;
		padding: 0 !important;
	}
	.pxl-swiper-slide {
		padding: 0;
		height: auto;
	}
	.pxl-swiper-arrow-wrap {
		margin-top: 0;
		position: absolute;
		top: 25%;
		left: 50%;
		width: 109.1%;
		justify-content: space-between;
		align-items: inherit;
		transform: translate(-50%,-50%);
		@media (max-width: 1400px) {
			display: none;
		}
		.pxl-swiper-arrow {
			background-color: $primary_color;
			position: absolute;
			top: 0;
			left: 0;
			width: 60px;
			height: 172px;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 1;
			svg {
                height: 20px;
                width: auto;
                @media (max-width: 1024px) {
                	height: 16px;
                }
                path {
                    fill: #fff;
                }
            }
            .hover {
            	overflow: hidden;
                display: inline-flex;
                @include transition(all 200ms linear 0ms);
            }
            &.pxl-swiper-arrow-next {
            	left: unset;
            	right: 0;
                &:hover {
                    .hover {
                        @include animation(toRightFromLeft .3s linear 1);
                    }
                }
            }
            &.pxl-swiper-arrow-prev {
                svg {
                    transform: rotate(-180deg);
                }
                &:hover {
                    .hover {
                        @include animation(toLeftFromRight .3s linear 1);
                    }
                }
            }
		}
	}
	.pxl-item-inner {
		padding: 67px 98px 76px 95px;
		@media (max-width: 1024px) {
			padding: 50px 30px;
		}
		@media (max-width: 575px) {
			padding: 30px 15px;
		}
		.pxl-item--desc {
			font-size: 18px;
			color: $link_color;
			line-height: 1.91;
			margin-bottom: 52px;
			@media (max-width: 575px) {
				margin-bottom: 30px;
			}
		}
		.pxl-image-logo {
			display: flex;
			justify-content: space-between;
			@media (max-width: 575px) {
				display: block;
			}
			.pxl-item-heading {
				margin-bottom: 6px;
				font-size: 20px;
				color: $link_color;
				@include ft_theme_default($ft_theme_default);
				font-weight: 500;
			}
			.pxl-sub-title {

			}
			.pxl-item--img {
				@media (max-width: 575px) {
					margin-top: 30px;
				}
				img {
					height: 36px;
  					width: auto;
				}
			}
		}
	}
}

.pxl-testimonial-carousel4 {
	.pxl-swiper-container{
        &.swiper-fade {
            .pxl-swiper-slide {
                opacity: 0 !important;
                z-index: 0;
                &.swiper-slide-active {
                    opacity: 1 !important;
                    z-index: 1;
                }
            }
        }
    }
	.pxl-carousel-inner {
		margin: 0;
		position: relative;
        .pxl-swiper-arrow-wrap {
            margin-top: 0;
            position: absolute;
			bottom: 0;
			right: 67px;
			z-index: 1;
			@media (max-width: 1366px) {
				bottom: 30px;
			}
			@media (max-width: 575px) {
				display: none;
			}
            .pxl-swiper-arrow {
                background-color: $primary_color;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 69px;
                height: 69px;
                svg {
                    height: 19px;
                    width: auto;
                    path {
                        fill: #fff;
                    }
                }
                .hover {
                	overflow: hidden;
                    display: inline-flex;
                    @include transition(all 200ms linear 0ms);
                }
                &.pxl-swiper-arrow-next {
                    &:hover {
                        .hover {
                            @include animation(toRightFromLeft .3s linear 1);
                        }
                    }
                }
                &.pxl-swiper-arrow-prev {
                	
                    svg {
                        transform: rotate(-180deg);
                    }
                    &:hover {
                        .hover {
                            @include animation(toLeftFromRight .3s linear 1);
                        }
                    }
                }
            }
        }
    }
    .pxl-swiper-slide {
		padding: 0;
	}
	.pxl-swiper-container {
		margin: 0;
		padding: 0 !important;
	}
	.pxl-item-inner {
		height: 100%;
		padding: 80px 70px 8px 70px;
		@media (max-width: 1366px) {
			padding: 50px 30px;
		}
		@media (max-width: 575px) {
			padding: 50px 15px;
		}
	}
	.pxl-testtiminial-meta {
  		.pxl-item-author {
  			display: flex;
  			align-items: center;
  			.pxl-item--img {
  				@include border-radius(50%);
  				overflow: hidden;
  				background-color: #edefed;
  				img {
  					mix-blend-mode: luminosity;
  				}
  			}
  			.pxl-item-heading {
  				font-size: 20px;
  				color: $link_color;
  				font-weight: 500;
  				margin-bottom: 7px;
  			}
  			.pxl-sub-title {
  				font-size: 16px;

  			}
  		}
  		.pxl-image-logo {
  			margin-bottom: 10px;
  			@media (max-width: 1024px) {
  				margin-top: 30px;
  				margin-bottom: 0;
  			}
  		}
	}
	.pxl-item--desc {
		font-size: 20px;
		color: $link_color;
		line-height: 1.76;
		margin-bottom: 75px;
		margin-top: 42px;
		max-width: 91%;
		@media (max-width: 1280px) {
			max-width: 100%;
		}
		@media (max-width: 1024px) {
			font-size: 17px;
		}
	}
}

.pxl-testimonial-carousel5 {
	.swiper-fade {
        .pxl-swiper-slide {
            opacity: 0 !important;
            z-index: 0;
            &.swiper-slide-active {
                opacity: 1 !important;
                z-index: 1;
            }
        }
    }
	.pxl-carousel-inner {
		margin: 0;
		position: relative;
	}
	.pxl-swiper-container {
		margin: 0;
		padding: 0 75px 1px 75px !important;
		@media (max-width: 1024px) {
			padding: 0 15px 1px 15px !important;
		}
	}
	.pxl-swiper-slide {
		padding: 0;
		height: auto;
	}
	.pxl-swiper-arrow-wrap {
		margin-top: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		justify-content: space-between;
		align-items: inherit;
		height: 99.9%;
		@media (max-width: 1024px) {
            margin-top: 30px;
            position: unset;
            top: unset;
			left: unset;
			height: unset;
			justify-content: center;
        }
		.pxl-swiper-arrow {
			background-color: $primary_color;
			padding: 50px 27.5px;
			position: absolute;
			top: 0;
			left: 0;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			z-index: 1;
			@media (max-width: 1024px) {
                padding: 0;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 50px;
                height: 50px;
                position: unset;
            }
			svg {
                height: 20px;
                width: auto;
                @media (max-width: 1024px) {
                	height: 16px;
                }
                path {
                    fill: #fff;
                }
            }
            .hover {
            	overflow: hidden;
                display: inline-flex;
                @include transition(all 200ms linear 0ms);
            }
            &.pxl-swiper-arrow-next {
            	left: unset;
            	right: 0;
            	@media (max-width: 1024px) {
                    order: 2;
                    margin-bottom: 0;
                    border-left: 1px solid rgba(#fff, 0.3);
                }
                &:hover {
                    .hover {
                        @include animation(toRightFromLeft .3s linear 1);
                    }
                }
            }
            &.pxl-swiper-arrow-prev {
                svg {
                    transform: rotate(-180deg);
                }
                &:hover {
                    .hover {
                        @include animation(toLeftFromRight .3s linear 1);
                    }
                }
            }
		}
	}
	.pxl-item-inner {
		padding: 69px 50px 74px 50px;
		border: 1px solid #d9d9d9;
		text-align: center;
		@media (max-width: 880px) {
			padding: 40px 20px;
		}
		.pxl-image-logo {
  			.pxl-item-heading {
  				font-size: 20px;
  				color: $link_color;
  				font-weight: 500;
  				margin-bottom: 11px;
  				line-height: 1.1;
  				@include ft_theme_default($ft_theme_default);
  			}
  			.pxl-sub-title {
  				font-size: 16px;
  				line-height: 1.1;
  			}
		}
		.pxl-item--desc {
			font-size: 20px;
			color: $link_color;
			line-height: 1.75;
			max-width: 83%;
  			display: inline-block;
  			margin-bottom: 50px;
  			@media (max-width: 1200px) {
  				max-width: 100%;
  			}
  			@media (max-width: 575px) {
  				font-size: 18px;
  			}
		}
	}
}
// Testimonial Single
.pxl-testimonial-single1 {
	.pxl-meta-inner {
		background-color: $primary_color;
		text-align: center;
		padding: 56px 160px 59px 160px;
		@media (max-width: 1024px) {
			padding: 56px 130px 59px 130px;
		}
		@media (max-width: 676px) {
			padding: 50px 80px;
		}
		@media (max-width: 480px) {
			padding: 50px 30px;
		}
		.pxl-inner-star {
			margin-bottom: 23px;
			.pxl-item--star {
				display: inline-flex;
				padding: 7px 8px 5px 8px;
				justify-content: center;
				align-items: center;
				background-color: #fff;
				border-radius: 100px;
				font-size: 10px;
				color: $link_color;
				i {
					&:last-child {
						margin-right: 0;
					}
				}
			}
		}
		.pxl-item-desc {
			font-family: Outfit;
			font-size: 24px;
			font-style: normal;
			font-weight: 500;
			color: #fff;
			line-height: 1.45;
			margin-bottom: 39px;
			@media (max-width: 480px) {
				font-size: 20px;
			}
		}
		.pxl-item-author {
			display: inline-flex;
			align-items: center;
			text-align: left;
			.pxl-item--image {
				border-radius: 50%;
				overflow: hidden;
				margin-bottom: 0 !important;
			}
			.pxl-item-title {
				font-family: Inter;
				font-size: 16px;
				font-style: normal;
				font-weight: 600;
				color: #fff;
				line-height: 1.2;
				margin-bottom: 7px;
			}
			.pxl-sub-title {
				font-family: Inter;
				font-size: 14px;
				font-style: normal;
				font-weight: 400;
				color: #fff;
				line-height: 1.2;
			}
		}
	}
}
//RTL
body.rtl {
    
}