.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.pxl---post {
	.pxl-item--image {
		> a {
			display: block;
			width: 100%;
		}
	}
	&.product {
		
	}
}


/* Blog Archive */
.pxl-item--archive {
	margin-bottom: 50px;
	.pxl-pagination-wrap {
		margin-top: 74px;
	}
	&.format-link {
		.content-top{
			display: flex;
			column-gap: 35px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.15);
			padding-bottom: 10px;
			@media (max-width: 575px) {
				display: block;
			}
			.link-icon {
				margin-top: 17px;
				@media (max-width: 575px) {
					margin-top: 0px;
					margin-bottom: 20px;
				}
				a{
					display: inline-flex;
					align-items: center;
					justify-content: center;
					width: 51px;
					height: 51px;
					border-radius: 1000px;
					background-color: rgba(255,255,255,0.1);
					svg {
						fill: #fff;
						width: 23px;
					}
				}
			}
		}
		.content-right{
			.post-date-post{
				position:relative;
				padding-right: 17px;
				margin-right: 17px;
				padding-top: 1px;
				padding-bottom: 1px;
				&:before {
					position: absolute;
					content:'';
					top:0;
					right:0;
					height: 100%;
					width: 1px;
					background-color: rgba(255,255,255,0.15);
				}
				
			}
			.post-metas-2 {
				span ,a{
					color:#c4c4c4;
					font-size: 13px;
					font-weight: 400;
				}
				a:hover {
					color:#fff;
				}
			}
		}
		.content-inner-post {
			padding: 0;
			border: none;
		}
		.post-featured{
			background-repeat: no-repeat;
			background-position: bottom center;
			padding: 43px 45px 42px 45px;
			position: relative;
			background-color:$primary_color;
			border-left: 5px solid $primary_color;
			@media (max-width: 767px) {
				padding: 30px 25px ;
			}
			@media (max-width: 575px) {
				padding: 30px 15px ;
			}
			.post-title a,.post-title{
				margin-top: 23px;
				@extend .ft-theme-default;
				font-size: 26px;
				font-weight: 500;
				color: #fff;
				line-height: 36px;
				z-index: 2;

			}
			.post-title a {
				background-repeat: no-repeat;
				background-position-y: -1px;
				background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px);
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
				animation: .8s cubic-bezier(.215,.61,.355,1) pxl-wide-menu-underline forwards;
				&:hover {
					animation: .8s cubic-bezier(.215,.61,.355,1) pxl-wide-menu-underline-hover forwards;
				}
			}
			.pxl-hl-image {
				position:absolute;
				bottom: 0px;
				right: 0;
			}
			.link-text {
				margin-top: 24px;
				font-size: 15px;
				line-height: 26px;
				color: #fff;
				@extend .ft-theme-default;
			}
		}
	}
	&.format-quote {
		.content-top{
			display: flex;
			column-gap: 35px;
			border-bottom: 1px solid rgba(255, 255, 255, 0.15);
			padding-bottom: 27px;
			@media (max-width: 575px) {
				display: block;
			}
			.link-icon {
				margin-top: 17px;
				display:block;
				min-width: 51px;
				width: 51px;
				height: 51px;
				border-radius: 1000px;
				background-color: rgba(255,255,255,0.1);
				position:relative;
				span {
					width: 100%;
					height: 100%;
					text-align: center;
					line-height: 86px;
					display: block;
					font-size: 62px;
					@extend .ft-theme-default;
					font-weight: 400;
					color: #fff;
				}
				@media (max-width: 575px) {
					margin-top: 0px;
					margin-bottom: 20px;
				}
			}
		}
		.content-right{
			.post-date-post{
				position:relative;
				padding-right: 17px;
				margin-right: 17px;
				padding-top: 1px;
				padding-bottom: 1px;
				&:before {
					position: absolute;
					content:'';
					top:0;
					right:0;
					height: 100%;
					width: 1px;
					background-color: rgba(255,255,255,0.15);
				}
				
			}
			.post-metas-2 {
				span ,a{
					color:#c4c4c4;
					font-size: 13px;
					font-weight: 400;
				}
				a:hover {
					color:#fff;
				}
			}
		}
		.content-inner-post {
			padding: 0;
			border: none;
		}
		.post-featured{
			background-repeat: no-repeat;
			background-position: bottom center;
			padding: 43px 45px 40px 45px;
			position: relative;
			background-color:$primary_color;
			border-left: 5px solid $primary_color;
			@media (max-width: 767px) {
				padding: 30px 25px ;
			}
			@media (max-width: 575px) {
				padding: 30px 15px ;
			}
			.quote-text a{
				margin-top: 24px;
				display: block;
				@extend .ft-theme-default;
				font-size: 15px;
				font-weight: 400;
				color: #fff;
				line-height: 25px;
				z-index: 2;
				@include transition(all .25s cubic-bezier(.645,.045,.355,1));
			}
			.pxl-hl-image {
				position:absolute;
				bottom: 0px;
				right: 0;
			}
			.quote-cite {
				margin-top: 20px;
				margin-bottom: 0;
				font-size: 15px;
				line-height: 30px;
				@extend .ft-theme-default;
				font-weight: 500;
				color: #fff;
			}
		}
	}
	.content-inner-post {
		border: 1px solid #d9d9d9;
		padding: 19px 20px 20px 18px;
		@include transition(all 0.3s);
		&:hover {
			.post-featured {
				img {
					transform: scale(1.1);
				}
			}
		}
		.post-featured {
			position: relative;
			overflow: hidden;
			img {
				@include transition(all 0.4s);
			}
			.pxl-item--image {
				max-height: 420px;
				overflow: hidden;
				@media (max-width: 1024px) {
					height: unset;
				}
			}
			.post-date {
				width: 84px;
				height: 106px;
				background-color: $primary_color;
				align-content: center;
				text-align: center;
				font-size: 14px;
				color: #ffffff;
				line-height: 1;
				position: absolute;
				top: 18px;
  				left: 18px;
				.date-day {
					font-size: 35px;
					@include ft_theme_default($ft_theme_default);
					position: relative;
					padding-bottom: 7px;
					margin-bottom: 9px;
					display: block;
					&:after {
						content: '';
						position: absolute;
						width: 40px;
						height: 1px;
						background-color: rgba(#fff, 0.251);
						bottom: 0;
						left: 50%;
						transform: translate(-50%,0);
					}
				}
			}
			.pxl-video-popup {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%,-50%);
				a {
					width: 69px;
					height: 69px;
					background-color: #fff;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 15px;
					color: $link_color;
				}
			}
		}
		.pxl-item--meta {
			background-color: $link_color;
			margin-bottom: 0;
			flex-wrap: wrap;
			display: flex;
			padding: 12px 20px 15px 28px;
			@media (max-width: 575px) {
				padding: 12px 20px 15px 20px;
			}
			li {
				list-style: none;
				display: flex;
				align-items: center;
				font-size: 14px;
				color: #c2c2c2;
				a {
					color: #c2c2c2;
					&:hover {
						color: $primary_color;
					}
				}
				&.pxl-item--tags {
					a {
						position: relative;
						padding-right: 10px;
						margin-right: 4px;
						&:after {
							content: '/';
							position: absolute;
							right: 0;
							top: 50%;
							transform: translate(0, -50%);
							color: #c2c2c2;
						}
						&:last-child {
							padding-right: 0;
								margin-right: 0;
								&:after {
									display: none;
								}
						}
					}
				}
				&.post-comments {
					.meta-item {
						display: flex;
						align-items: center;
					}
				}
				.pxl-icon {
					line-height: 1;
					display: flex;
					align-items: center;
					svg {
						height: 15px;
						width: auto;
						path {
							fill: $primary_color;
						}
					}
				}
				.pxl-name {
					
				}
			}
		}
		.post-btn-wrap {
			a {
				display: inline-flex;
				width: unset;
				.pxl--btn-text {
					width: unset;
					padding: 0px 38px;
				}
				.pxl-btn-icon {
					margin-left: 6px;
				}
			}
		}
	}
	.post-content {
		padding: 35px 20px 29px 28px;
		@media (max-width: 575px) {
			padding: 35px 0 29px 0;
		}
		.post-title {
			font-size: 25px;
			font-weight: 500;
			line-height: 1.2;
			margin-bottom: 22px;
			a {
				font-size: 25px;
				font-weight: 500;
				color: #0a1119;
				@include ft_theme_default($ft_theme_default);
				line-height: 1.2;
			}
		}
		.post-excerpt {
			margin-bottom: 43px;
		}
	}
}

/* End Blog Layout */

.single-post {
	.pxl-sidebar-left, .no-sidebar {
		.pxl-content-area {
			#pxl-content-main {
				padding-right: 0;
			}
		}
	}
	#pxl-content-main {
		padding-right: 29px;
		@media (max-width: 1280px) {
			padding-right: 0;
		}
	}
	.pxl---post {
		iframe {
			width: 100%;
		}
		.single-heading {
			font-size: 24px;
			margin-bottom: 26px;
		}
		.pxl-gallery {
			margin-top: -18px;
		}
		.pxl-item--image {
			background-color: #D9D9D9;
  			img {
  				mix-blend-mode: luminosity;
  			}
		}
		.pxl-item--holder {
			border-bottom: 1px solid #d9d9d9;
			margin-bottom: 26px;
			padding-bottom: 24px;
		}
		.pxl-item--meta {
			margin-bottom: 0;
			align-items: center;
			padding-top: 2px;
			li {
				list-style: none;
				display: flex;
				align-items: center;
				font-size: 14px;
				color: #666666;
				svg {
					height: 15px;
					width: auto;
					path {
						fill: $primary_color;
					}
				}
				.pxl-name {
					margin-top: -3px;
				}
				.pxl-icon {
					line-height: 1;
				}
				a {
					font-size: 14px;
					color: #666666;
					&:hover {
						color: $primary_color;
					}
				}
				&.pxl-item--tags {
					svg {
						height: 20px;
					}
					a {
						position: relative;
						padding-right: 10px;
						margin-right: 4px;
						&:after {
							content: '/';
							position: absolute;
							right: 0;
							top: 50%;
							transform: translate(0,-50%);
						}
						&:last-child {
							padding-right: 0;
							margin-right: 0;
							&:after {
								display: none;
							}
						}
					}
				}
				&.pxl-comment {
					svg {
						height: 16px;
					}
				}
			}
		}
	}
	.section-hidde-single-post {
		display: none;
	}
}

.pxl-post-list1 {
	list-style: none;
	margin: 0 0 23px;
	padding-bottom: 15px;
	padding-top: 5px;
	li {
		&:before {
			content: "\f119";
			font-family: "Caseicon";
			margin-right: 16px;
			font-size: 13px;
		}
		+ li {
			margin-top: 10px;
		}
	}
}

.pxl--post-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #DBDBDB;
	padding-bottom: 30px;
	margin-top: 64px;
	> div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: 5px;
		@media (max-width: 575px) {
			margin-bottom: 15px;
		}
	}
	label {
		font-size: 17px;
		color: $link_color;
		font-weight: 500;
		@extend .ft-heading;
		letter-spacing: 0;
		margin-right: 24px;
		@include ft_theme_default($ft_theme_default);
		@media (max-width: 767px) {
			font-size: 15px;
		}
	}
	.pxl--tags {
		flex-grow: 1;
		a {
			font-size: 14px;
			font-style: normal;
			font-weight: 400; 
			padding: 6px 19px; 
			color: #c2c2c2;
			background-color: $link_color;
			@include border-radius(0);
			margin: 5px 8px 5px 0;
			@media (max-width: 767px) {
				padding: 4px 15px;
			}
			&:last-child {
				margin-right: 0;
			}
			&:hover {
				color: #fff;
				background-color: $primary_color;
			}
		}
	}
	.pxl--social {
		a {
			font-size: 17px;
			font-weight: 400;
			color: $link_color;
			margin-right: 5px;
			width: 50px;
			min-width: 50px;
			height: 50px;
			display: flex;
			border: 1px solid #d9d9d9;
			align-items: center;
			justify-content: center;
			background-color: #fff;
			@include border-radius(0);
			transform: translateY(0px);
			@media (max-width: 767px) {
				font-size: 16px;
			}
			&:last-child {
				margin-right: 0;
			}
			&:hover {
				color: #fff;
				background-color: $primary_color;
				border-color: $primary_color;
			}
		}
	}
}

.pxl-grid-pagination {
	margin-top: 74px;
	@media (max-width: 880px) {
		margin-top: 50px;
	}
}

.pxl-pagination-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	.page-numbers {
		width: 51px;
        height: 51px;
        line-height: 51px;
        text-align: center;
        @include border-radius(0px);
        display: inline-flex;
        align-items: center;
		justify-content: center;
        color: #fff;
        position: relative;
        z-index: 1;
        padding: 0;
        margin: 5px;
       	border: none;
		font-size: 16px;
		background-color: $primary_color;
        &:hover, &.current {
            background-color: $link_color;
        }
        i {
        	font-size: 14px;
        	color: #fff;
        	@include transition(all 0.3s);
        }
	}
	.prev {
		i {
			transform: rotate(180deg);
		}
	}
	.prev, .next {
		&:after {
			display: none;
		}
		&:hover, &.current {
			background-color: $link_color;
		}
	}
	.pxl-pagination-links {
		margin-top: 0;
		display: inline-flex;
	}
}

.pxl-post--navigation {
	border-bottom: 1px solid #e2e2e2;
	padding: 35px 0 40px;
	margin-bottom: 45px;
	.pxl--label {
		font-size: 14px;
		color: #222;
		font-weight: 700;
		text-transform: uppercase;
		i {
			font-size: 10px;
		}
		span {
			margin: 0 6px;
			position: relative;
			&:before {
				content: '';
				position: absolute;
				bottom: 1px;
				width: 0;
				height: 1px;
				background-color: $primary_color;
				@include transition(all 300ms linear 0ms);
			}
		}
		&:hover {
			color: $primary_color;
			span:before {
				width: 100%;
			}
		}
	}
	.pxl--img {
		width: 61px;
		min-width: 61px;
		@media #{$max-sm} {
			width: 50px;
			min-width: 50px;
		}
		img {
			border-radius: 10px;
		}
	}
	.pxl-item-button {
		min-width: 50px;
		width: 50px;
		height: 50px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		font-size: 34px;
		@media #{$max-xs} {
			margin: 20px 0;
		}
		a {
			color: #9e9e9e;
			&:hover {
				color: $primary_color;
			}
		}
	}
	.pxl--meta {
		padding: 0 22px;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.41;
		color: #222;
		@media #{$max-sm} {
			padding: 0 10px;
			font-size: 16px;
		}
		a {
			color: inherit;
		}
	}
	.pxl--holder {
		display: flex;
		flex-wrap: nowrap;
		margin-top: 26px;
	}
	.pxl--item {
		width: calc(50% - 25px);
		@media #{$max-xs} {
			width: 100%;
		}
	}
	.pxl--items {
		@media #{$max-xs} {
			justify-content: center;
		}
	}
	.pxl--item-prev {
		.pxl--label span:before {
			right: 0;
			left: auto;
		}
	}
	.pxl--item-next {
		text-align: right;
	}
}

.pxl-post--author-info {
	margin: 65px 0 30px 0;
	background-color: #F9F9F9;
	@include border-radius(8px);
	padding: 29px 30px 18px 32px;
	align-items: unset;
	@media #{$max-sm} {
		display: block;
	}
	.pxl-post--author-meta {
		margin-top: 7px;
	}
	.pxl-user--name {
		font-size: 24px;
		font-weight: 500;
		color: #261723;
		margin-bottom: 6px;
		letter-spacing: -0.38px;
		a {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
	}
	.pxl-post--author-description {
		font-size: 18px;
		margin-bottom: 14px;
		color: #261723;
		letter-spacing: -0.44px;
	}
	.pxl-post--author-image {
		width: 137px;
		min-width: 137px;
		height: 137px;
		border: 3px solid #fff;
		@include border-radius(50%);
		overflow: hidden;
		@media #{$max-sm} {
			margin-bottom: 32px;
		}
	}
	.pxl-post--author-social a {
		display: inline-flex;
		color: #005EF9;
		&:hover {
			color: $primary_color;
		}
	}
}

.pxl-custom-swiper {
	overflow: hidden;
	position: relative;
}

.pxl-post-gallery-slider .pxl-custom-swiper {
	border-radius: 8px 8px 0 0;
	img {
		@include border-radius(0px);
	}
	.pxl-swiper-arrow.pxl-swiper-arrow-next {
		right: 26px;
	}
	.pxl-swiper-arrow.pxl-swiper-arrow-prev {
		left: 26px;
	}
}

.page-template-default {
	.pxl-sidebar-sticky {
		
	}
}

.error404 {
	#pxl-main {
		margin: 0;
	}
	header {
		display: none;
	}
	#pxl-page-title-elementor {
		display: none;
	}
	#pxl-page-title-default {
		display: none;
	}
	footer {
		display: none;
	}
	#pxl-content-main {
		position: relative;
		z-index: 1;
		background-color: $link_color;
		display: flex;
		min-height: 100vh;
		@media (max-width: 676px) {
			display: block;
		}
		.pxl-error-img {
			min-height: 100vh;
			background-size: cover;
			background-repeat: no-repeat;
			width: 32.7%;
			mix-blend-mode: luminosity;
			background-color: rgb(237, 239, 237);
			background-position: center;
			@media (max-width: 676px) {
				width: 100%;
			}
			@media (max-width: 480px) {
				min-height: 60vh;
			}
		}
		.pxl-error-inner {
			width: 67.3%;
			min-height: 100vh;
			display: flex;
  			align-items: center;
  			z-index: 1;
  			@media (max-width: 676px) {
				width: 100%;
				align-items: normal;
				padding: 40px 0;
				min-height: unset;
			}
			.pxl-error-content {

			}
			.pxl-error-content {
				display: flex;
  				align-items: center;
  				margin-left: -144px;
  				@media (max-width: 880px) {
  					margin-left: 0;
  					padding: 0 15px;
  				}
			}
			.pxl-inner-title {
				text-transform: uppercase;
				color: #ffffff;
				font-weight: 500;
				font-size: 172px;
				@include ft_theme_default($ft_theme_default);
				line-height: 1;
				margin-top: -6px;
				@media (max-width: 1800px) {
					font-size: 160px;
				}
				@media (max-width: 1400px) {
					font-size: 150px;
				}
				@media (max-width: 1199px) {
					font-size: 135px;
				}
				@media (max-width: 1024px) {
					font-size: 120px;
				}
				@media (max-width: 767px) {
					font-size: 100px;
				}
				@media (max-width: 480px) {
					font-size: 70px;
				}
				.pxl-item-title2 {
					color: $primary_color;
					font-size: 129px;
					line-height: 0.9;
					@media (max-width: 1800px) {
						font-size: 115px;
					}
					@media (max-width: 1400px) {
						font-size: 105px;
					}
					@media (max-width: 1199px) {
						font-size: 93px;
					}
					@media (max-width: 1199px) {
						font-size: 83px;
					}
					@media (max-width: 767px) {
						font-size: 73px;
					}
					@media (max-width: 480px) {
						font-size: 55px;
					}
				}
			}
			.pxl-error-construction {
				padding-left: 78px;
  				margin-top: 6px;
  				padding-right: 15px;
  				@media (max-width: 1400px) {
  					padding-left: 30px;
  				}
  				@media (max-width: 880px) {
  					display: none;
  				}
			}
			.pxl-404-bottom {
				display: flex;
				justify-content: end;
				.pxl-inner-link {
					max-width: 67.3%;
  					padding-top: 72px;
  					@media (max-width: 1300px) {
  						max-width: 85%;
  					}
  					@media (max-width: 1024px) {
  						max-width: 96%;
  					}
  					@media (max-width: 880px) {
  						max-width: 100%;
  						padding: 0 15px;
  						padding-top: 40px;
  					}
				}
				.pxl-item-text {
					font-size: 55px;
					color: #ffffff;
					font-weight: 500;
					@include ft_theme_default($ft_theme_default);
					line-height: 1;
					margin-bottom: 32px;
					@media (max-width: 1199px) {
						font-size: 50px;
					}
					@media (max-width: 767px) {
						font-size: 45px;
					}
				}
				.pxl-item-desc {
					color: #c2c2c2;
					font-size: 18px;
					max-width: 82%;
					margin-bottom: 55px;
					@media (max-width: 767px) {
						max-width: 100%;
						margin-bottom: 40px;
						font-size: 16px;
					}
				}
				.btn-sm {
					height: 74px;
					padding: 0 30px 0 34px;
					background-color: $primary_color;
					font-size: 14px;
					letter-spacing: 0.8px;
					text-transform: uppercase;
					color: #fff;
					font-weight: 500;
					@include ft_theme_default($ft_theme_default);
					display: inline-flex;
  					align-items: center;
  					@media (max-width: 480px) {
						height: 65px;
						padding: 0 25px;
					}
  					&:hover {
  						.pxl-btn-icon {
  							svg {
  								transform: rotate(45deg);
  							}
  						}
  					}
					.pxl-btn-icon {
						display: inline-flex;
  						align-items: center;
  						line-height: 1;
  						@include transition(all 0.3s);
  						&.pxl-ml-61 {
  							@media (max-width: 480px) {
  								margin-left: 30px;
  							}
  						}
  						svg {
  							height: 24px;
  							width: auto;
  							transform: rotate(0deg);
  							@include transition(all 0.3s);
  							path {
  								fill: #fff;
  							}
  						}
					}
				}
			}
		}
	}
}

.btn--readmore {
	min-width: 106px;
	width: 106px;
	height: 106px;
	border-radius: 106px;
	background-color: $primary_color;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
	color: #ffffff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0 20px;
  	text-align: center;
  	i {
  		font-size: 21px;
  		display: block;
  		margin-bottom: 2px;
  		@include transition(transform 300ms linear 0ms);
  	}
  	&:hover {
  		color: #fff;
  		i {
  			transform: rotate(45deg);
  		}
  	}
}

.page-links {
    margin-top: 24px;
    clear: left;
    .post-page-numbers {
        width: 36px;
        height: 36px;
        background-color: #fff;
        line-height: 36px;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        display: inline-block;
        margin: 15px 15px 0 0;
        color: #080808;
        position: relative;
        z-index: 1;
        padding: 0;
        border: 1px solid #e9e9e9;
        @extend .ft-theme-default;
        @include border-radius(0px);
        &.current, &:hover {
            color: #fff;
            border-color: $primary_color;
            background-color: $primary_color;
        }
    }
}

.pxl-post-row {
	padding-top: 4px;
	margin-bottom: -56px;
	> div {
		margin-bottom: 30px;
		> p {
			margin-bottom: 0 !important;
		}
	}
}

.pxl-content-top {
	margin-bottom: 37px;
	width: 100%;
	.pxl-sub-page--title {
		font-size: 18px;
		text-transform: uppercase;
		color: $primary_color;
		font-weight: 700;
		margin-bottom: 7px;
	}
	.pxl-page--title {
		font-size: 60px;
		margin-bottom: 0;
		@media #{$max-xxl} {
			font-size: 52px;
		}
		@media #{$max-lg} {
			font-size: 48px;
		}
		@media #{$max-sm} {
			font-size: 36px;
		}
	}
}

.pxl-content-wrap.no-sidebar {
	.pxl-post-inner {
		max-width: 1100px;
		margin-left: auto;
  		margin-right: auto;
	}
	.comments-area {
		max-width: 1100px;
		margin-left: auto;
  		margin-right: auto;
	}
}

// Start Portfolio
//--------------------------------------------------
.pxl-post-slip1 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	z-index: 2;
	.pxl-post-content {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: sticky;
  		top: 97px;
  		@media (max-width: 1024px) {
  			top: 65px;
  		}
  		@media (max-width: 767px) {
  			display: block;
  		}
  		@media (max-width: 575px) {
  			top: 0;
  		}
		.pxl-widget--title {
			font-size: 113px;
			color: #dbdbdb;
			font-weight: 700;
			
			line-height: 0.8;
			width: 41%;
			padding-left: 19px;
			padding-top: 32px;
  			transform: translate(0px,-32px);
  			@media (max-width: 1280px) {
  				font-size: 90px;
  				padding-left: 0;
  			}
  			@media (max-width: 991px) {
  				font-size: 70px;
  				transform: unset;
			}
			@media (max-width: 767px) {
				width: 100%;
				font-size: 60px;
				padding: 0 15px;
			}
		}
	}
	.pxl-post-image-slip {
		position: relative;
		max-width: 100%;
		width: 100%;
		.pxl-post-image--track {
		    width: 100%;
		    height: 100%;
		    position: relative;
		    top: 0;
		}
		.pxl-post-image--block {
			display: flex;
		    width: 100%;
		    position: sticky;
		    @include transition(1.2s ease-out);
			top: 150px;
			opacity: 1;
			background-color: #fff;
			+ .pxl-post-image--block {
				margin-top: 40px;
			}
		    img {
		    	width: 100%;
		    }
		    .pxl-content-meta {
	    		display: flex;
				flex-direction: row;
				gap: 52px;
				@media (max-width: 1200px) {
					gap: 30px;
				}
				@media (max-width: 880px) {
					flex-direction: column;
				}
				.pxl-item--image {
					width: 50%;
					@media (max-width: 1024px) {
						width: 70%;
					}
					@media (max-width: 880px) {
						width: 100%;
					}
				}
				.pxl-post-block--min {
					width: 47%;
					border-top: 1px solid #d9d9d9;
					padding-top: 47px;
					@media (max-width: 991px) {
						padding-top: 30px;
					}
					@media (max-width: 880px) {
						width: 100%;
					}
					.pxl-post--category {
						line-height: 42px;
						display: inline-flex;
						align-items: center;
						background-color: $link_color;
						padding: 0 36px;
						margin-bottom: 74px;
						@media (max-width: 1024px) {
							margin-bottom: 30px;
						}
						a {
							position: relative;
							padding-right: 11px;
			  				margin-right: 7px;
			  				color: #cdcdcd;
			  				font-size: 12px;
			  				text-transform: uppercase;
			  				&:hover {
			  					color: $primary_color;
			  					&:after {
			  						color: #cdcdcd;
			  					}
			  				}
							&:after {
								content: '/';
								position: absolute;
								right: 0;
								top: 50%;
								color: #cdcdcd;
								transform: translate(0,-50%);
								font-size: 12px;
							}
							&:last-child {
								padding-right: 0;
			  					margin-right: 0;
								&:after {
									display: none;
								}
							}
						}
					}
					.pxl-post--title {
						font-size: 30px;
						font-weight: 500;
						line-height: 1.32;
						margin-bottom: 19px;
					}
					.pxl-post--content {
						max-width: 60%;
						@media (max-width: 1200px) {
							max-width: 100%;
						}
					}
					.pxl-content-list {
						margin-top: 25px;
						margin-bottom: 54px;
						@media (max-width: 1460px) {
							margin-bottom: 49px;
						}
						.pxl-item-list {
							font-size: 16px;
							color: #000000;
							position: relative;
							padding-left: 18px;
			  				margin-bottom: 7px;
			  				&:last-child {
			  					margin-bottom: 0;
			  				}
							&:before {
								content: '';
								position: absolute;
								top: 50%;
								left: 0;
								width: 4px;
								height: 4px;
								transform: translate(0,-50%);
								background-color: $primary_color;
							}
						}
					}
					.pxl-btn-portfolio {
						.btn {
							display: inline-flex;
							gap: 6px;
							.pxl-btn-icon {
								margin: 0;
							}
							.pxl--btn-text {
								width: unset;
								padding: 0 38px;
							}
						}
					}
				}
	    	}
		    &.active .pxl-post-block--min {
		    	opacity: 1;
    			visibility: visible;
		    }
		    &.end .pxl-post-block--min {
		    	opacity: 1;
		    }
		}
	}
	.pxl-post--image {
		position: relative;
		overflow: hidden;
		a {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
	}
}

//PXL Post List//
.layout-post-list-1 {
	.post-list-toolbar {
		margin-bottom: 28px;
		@media (max-width: 575px) {
			display: block;
			.nice-select {
				max-width: 200px;
				margin-top: 20px;
			}
		}
		.result-count {
			font-size: 16px;
			color: $link_color;
		}
		.current {
			font-size: 16px !important;
			letter-spacing: 0.2px;
			font-weight: 500;
			color: $link_color;
		}
		.nice-select{
			height: 55px;
			padding: 0 65px 0 40px !important;
			border: 1px solid #d9d9d9;
			@include border-radius(0);
			&:before {
				font-size: 10px !important;
				z-index: 2;
				width: 40px;
				height: 40px;
				line-height: 40px;
				background-color: unset;
				color: $link_color;
				right: 27px;
				margin-top: 1px;
			}
		}
	}
	.pxl-list-inner {
		.list-item {
			border: 1px solid #d9d9d9;
			padding: 18px;
			margin-bottom: 30px;
			@include transition(all 0.3s);
		}
		.grid-item-inner {
			@media (max-width: 1199px) {
				align-items: center;
			}
			@media (max-width: 880px) {
				display: block;
			}
			.col-lg-5 {
				flex: 0 0 43.9%;
    			max-width: 43.9%;
    			@media (max-width: 880px) {
					flex: 0 0 100%;
    				max-width: 100%;
				}
			}
			.col-lg-7 {
				flex: 0 0 56.1%;
    			max-width: 56.1%;
    			@media (max-width: 880px) {
					flex: 0 0 100%;
    				max-width: 100%;
				}
			}
			.item-content {
				padding: 44px 50px 30px 41px;
				@media (max-width: 1199px) {
					padding: 20px 20px 20px 0px;
				}
				@media (max-width: 880px) {
					padding: 20px 0;
				}
			}
			.post-image {
				position: relative;
				overflow: hidden;
				img {
					@include transition(all 0.3s);
				}
				.post-date {
					width: 84px;
					height: 106px;
					background-color: $primary_color;
					align-content: center;
					text-align: center;
					font-size: 14px;
					color: #ffffff;
					line-height: 1;
					position: absolute;
					top: 19px;
					right: 22px;
					span {
						display: block;
						&.day {
							font-size: 35px;
							@include ft_theme_default($ft_theme_default);
							position: relative;
							padding-bottom: 7px;
  							margin-bottom: 9px;
							&:after {
								content: '';
								position: absolute;
								width: 40px;
								height: 1px;
								background-color: rgba(#fff, 0.251);
								bottom: 0;
								left: 50%;
								transform: translate(-50%,0);
							}
						}
					}
				}
			}
			.item-post-metas {
				border-bottom: 1px solid #d9d9d9;
				padding-bottom: 23px;
  				margin-bottom: 22px;
				.meta-inner {
					margin-bottom: 0;
					flex-wrap: wrap;
					display: flex;
					li {
						list-style: none;
						display: flex;
						align-items: center;
						font-size: 14px;
						color: #666;
						&.pxl-item--tags {
							a {
								position: relative;
								padding-right: 10px;
								margin-right: 4px;
								&:after {
									content: '/';
									position: absolute;
									right: 0;
									top: 50%;
									transform: translate(0, -50%);
									color: #666;
								}
								&:last-child {
									padding-right: 0;
  									margin-right: 0;
  									&:after {
  										display: none;
  									}
								}
							}
						}
						&.post-comments {
							.meta-item {
								display: flex;
								align-items: center;
							}
						}
						.pxl-icon {
							line-height: 1;
							display: flex;
							align-items: center;
							svg {
								height: 15px;
								width: auto;
								path {
									fill: $primary_color;
								}
							}
						}
						.pxl-name {
							
						}
					}
				}
			}
			.item-title {
				font-size: 25px;
				line-height: 1.35;
				margin-bottom: 20px;
				a {
					font-size: 25px;
					color: #0a1119;
					font-weight: 500;
					@include ft_theme_default($ft_theme_default);
					&:hover {
						color: $primary_color;
					}
				}
			}
			.item-excerpt {
				margin-bottom: 44px;
			}
			.post-readmore {
				a {
					display: inline-flex;
					width: unset;
					.pxl--btn-text {
						width: unset;
						padding: 0px 37px;
					}
					.pxl-btn-icon {
						margin-left: 6px;
					}
				}
			}
		}
	}
}

body.rtl {
	
}