.pxl-tabs {
	.pxl-item--title {
		cursor: pointer;
		@include transition(all .25s cubic-bezier(.645,.045,.355,1));
	}
	.pxl-item--content {
		display: none;
	}
	.elementor-section.elementor-section-stretched {
		width: auto !important;
		left: 0 !important;
	}
	.pxl-tabs--elementor {
		margin: 0 -15px;
	}
	&.tab-effect-fade {
		.pxl-item--content {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 100% !important;
			display: block !important;
			opacity: 0 !important;
			visibility: hidden;
			@include transition(all .25s cubic-bezier(.645,.045,.355,1));
			&.active {
				position: static;
				opacity: 1 !important;
				visibility: visible;
			}
		}
		.pxl-tabs--content {
			position: relative;
		}
	}
}
.pxl-tabs1 {
	&.style-round-box {

		.pxl-tabs--inner {
			.wrap-title{
				display: flex;
				border-bottom: 1px solid rgba(#132330, 0.1);
				padding: 0;
				flex-wrap: wrap;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				@media #{$max-md2} {
					margin-top: -30px;
				}
				.pxl-tabs--title{
					text-align: center;
					padding-bottom: 60px;
					position: relative;
					width: 16.666%;
					list-style: none;
					display: grid;
					i.pxl-icon{
						font-size: 80px;
						color: $primary_color;
						margin-bottom: 10px;
						line-height: 1;
					}
					.pxl-item--title{
						display: contents;
						font-size: 24px;
						font-weight: 700;
						line-height: 1;
						letter-spacing: -0.02;
						color: $secondary_color;
						@extend .ft-theme-default;
						position: relative;
						&.active{
							&:before{
								content: "";
								position: absolute;
								height: 3px;
								width: 100%;
								background-color: $primary_color;
								bottom: 0;
							}
						}
					}
					&:last-child{
						margin-right: 0;
					}
					@media #{$max-md2} {
						width: 25%;
						padding-bottom: 30px;
						margin-top: 30px;
						i.pxl-icon{
							font-size: 40px;
						}
						.pxl-item--title{
							font-size: 18px;
						}
					}
					@media #{$max-xs} {
						width: 33.33%;
						padding-bottom: 30px;
						margin-top: 30px;
						i.pxl-icon{
							font-size: 35px;
						}
						.pxl-item--title{
							font-size: 16px;
						}
					}
				}

			}

		}
		.pxl-item-accordion {
			margin-bottom: 20px;
			display: inline-flex;
		}
	}
	&.style-text-gradient {
		.pxl-item-accordion {
			width: 200px;
			min-width: 200px;
			margin-right: 20px;
			.pxl-item--title {
				display: inline-block;
				@extend .ft-theme-default;
				font-size: 20px;
				white-space: nowrap;
				color: #000;
				font-weight: 700;
				position: relative;
				z-index: 1;
				line-height: 42px;
				padding-right: 3px;
				margin: 5px 0px;
				&:before {
					content: '';
					position: absolute;
					top: 0;
					left: 0;
					height: 100%;
					width: 100%;
					background-color: #fff;
					z-index: -1;
					@include transition(all .25s cubic-bezier(.645,.045,.355,1));
					@include border-radius(42px);
					opacity: 0;
				}
				&.active {
					span {
						@extend .text-gradient;
					}
					&:before {
						left: 22px;
						opacity: 1;
					}
				}
				+ .pxl-item--title {
					margin-top: 14px;
				}
			}
			@media #{$max-lg} {
				width: 100%;
				margin: 0 0 30px;
				text-align: center;
				br {
					display: none;
				}
				.pxl-item--title {
					padding: 0 20px;
					&.active:before {
						left: 0;
						right: 0;
					}
				}
			}
		}
		.pxl-tabs--content {
			flex-grow: 1;
		}
		.pxl-tabs--inner {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;

			@media #{$max-lg} {
				display: block;
			}
		}
	}
	&.style-button-set {
		.wrap-title {
			display:flex;
			justify-content: end;  
			padding-bottom:32px;
			@media (max-width: 767px) {
				justify-content: start;    
			}
			i {
				font-size: 20px;
			}
		}
		.pxl-tabs--title {
			background-color:#fcf9f4;
			padding:25px;
			border-radius: 10px;
			.pxl-item--title {
				background-color:#fff;
				padding: 11px 35px;
				border-radius: 3px;
				@media (max-width: 1024px) {
					padding: 9px 18px;
					font-size: 14px;
				}
				@media (max-width: 450px) {
					padding: 5px 15px;
				}
				color: $secondary-color;
				span {
					display: flex;
					align-items: center;
					i {
						padding-left: 10px;
					}
				}
				&.active,&:hover {
					color: #fff;
					background-color:#fab319;
				}
			}
		}
		.pxl-item-accordion {
			margin-bottom: 20px;
			display: inline-flex;
		}
		.pxl-item--title {
			cursor: pointer;
			display: inline-block;
			line-height: 38px;
			font-weight: 500;
			color: #fff;
			text-transform: uppercase;
			@extend .ft-theme-default;
			margin-right: 14px;
			position: relative;
			z-index: 1;
			&.active, &:hover {
				color: #fff;
			}
			&:last-child {
				margin-right: 0px !important;
			}
		}
		.pxl-item--content {
			font-size: 17px;
			color: #7b7b7b;
			line-height: 1.647;
		}
	}
}