@media #{$max-md} {
	.rs-parallax-wrap.pxl-group-center {
		min-width: 600px;
		top: 50% !important;
		@include transform(translate(0, -50%));
	}
}
.pxl-heading{
	.pxl-heading--inner{
		.pxl-item--subtitle{
			font-size: 17px;
			line-height: 28px;
			font-weight: 600;
			display: inline-block;
			text-transform: capitalize;
			position: relative;
			color: $primary_color;
			margin-bottom: 15px;
			&.line-left{
				position: relative;
				&:after{
					content: '';
					background-color: $primary_color;
					position: absolute;
					height: 2px;
					width: 5000px;
					top: 50%;
					left: -5010px;
					-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					transform: translateY(-50%);
				}
			}
			&.underline{
				position: relative;
				margin-bottom: 25px;
				&:after{
					content: '';
					background-color: $primary_color;
					position: absolute;
					height: 2px;
					width: 5000px;
					bottom: -10px;
					right: 0;
					@media #{$max-sm} {
						bottom: -5px;
					}
				}
			}
		}
		.pxl-item--title{
			font-size: 45px;
			line-height: 1.3;
			color: $secondary_color;
			text-transform: capitalize;
			font-weight: 700;
			position: relative;
			margin: 0;
		}

	}

}

@media (max-width: 1024px) {
	.order-1{
		display: flex;
		order: 2 !important;
	}
	.order-2{
		display: flex;
		order: 1 !important;
	}
}

.pxl-link-l1 {
	&.vertical{

	}

	&.horizontal{
		li{
			display: inline-block;
			margin-left: 10px;
		}

	}
	&.style1{
		padding: 0;
		margin: 0;
		list-style: none;
		li:not(:last-child){
			display: list-item;
			text-align: -webkit-match-parent;
			a{
				color: $regular_color;
				margin-bottom: 15px;
				padding-bottom: 15px;
				display: block;
				font-size: 14px;
				font-weight: 500;
				line-height: 1;
				text-transform: capitalize;
				position: relative;
				border-bottom: 1px solid #DDD;
				&:after{
					content: "\f14d";
					font-family: Caseicon;
					font-size: 8px;
					font-weight: 700;
					position: absolute;
					right: 0;
					top: 3px;
				}
			}
		}
		li:last-child{
			display: list-item;
			text-align: -webkit-match-parent;
			a{
				color: $regular_color;
				display: block;
				font-size: 14px;
				font-weight: 500;
				line-height: 1;
				text-transform: capitalize;
				position: relative;
				&:after{
					content: "\f14d";
					font-family: Caseicon;
					font-size: 8px;
					font-weight: 700;
					position: absolute;
					right: 0;
					top: 3px;
				}
			}
		}

	}
	&.style2{
		padding: 0;
		margin: 0;
		list-style: none;
		a{
			position: relative;
			display: inline-block;
			position: relative;
			font-size: 15px;
			line-height: 26px;
			font-weight: 500;
			color: #6c757d;
			text-transform: capitalize;
			font-family: 'Public Sans', sans-serif;
			padding-left: 30px;
			i{
				font-size: 12px;
				background-color: $primary_color;
				margin-right: 8px;
				color: #FFF;
				border-radius: 2px;
				width: 20px;
				height: 20px;
				text-align: center;
				line-height: 20px;
				position: absolute;
				top: 0px;
				left: 0;
			}

		}
	}
	&.style3{
		padding: 0;
		margin: 0;
		list-style: none;
		li{
			a{
				display: inline-block;
				position: relative;
				color: #F4F4F4;
				font-size: 15px;
				line-height: 33px;
				margin-left: -12px;
				&:before{
					content: "\f101";
					font-family: flaticon_meddox2 !important;
					font-weight: 900;
					font-size: 14px;
					opacity: 0;
					margin-left: 0;
					visibility: hidden;
					-webkit-transition: all 0.8s cubic-bezier(0.38, 0.17, 0.09, 0.99);
					-o-transition: all 0.8s cubic-bezier(0.38, 0.17, 0.09, 0.99);
					transition: all 0.8s cubic-bezier(0.38, 0.17, 0.09, 0.99);
					color: $primary_color;
					vertical-align: bottom;
				}
			}
			&:hover{
				a{
					color: $primary_color;
					&:before{
						opacity: 1;
						margin-left: 12px;
						visibility: visible;
					}
				}
			}
		}
	}
	&.style4{
		li{
			list-style: none;
			a{
				color: #fff;
				font-size: 14px;
			}
			&:hover a{
				color: $primary_color;
			}
		}
	}

	&.style5{
		padding: 0;
		margin: 0;
		li{
			list-style: none;
			margin-left: 0;
			font-size: 13px;
			line-height: 1.1;
			position: relative;
			width: fit-content;

			a{
				text-decoration: none;
				color: #FFF;
				font-size: 13px;
				line-height: 1.1;
				text-transform: capitalize;
				@include transition(all 0.3s ease);
				i{
					margin-right: 6px;
					color: #fff;
					@include transition(all 0.3s ease);
				}
				&:hover{
					color: $primary_color;
					i{
						color: $primary_color;
					}
				}
			}
			&li:last-child{
				margin-bottom: 0;
				margin-right: 0 !important;
			}
		}
	}
	&.style6{
		padding: 0;
		margin: 0;
		list-style: none;
		a{
			position: relative;
			display: inline-block;
			position: relative;
			font-size: 16px;
			line-height: 26px;
			font-weight: 600;
			color: $secondary_color;
			text-transform: capitalize;
			@extend .ft-public-sans;
			padding-left: 37px;
			i{
				font-size: 14px;
				background-color: $primary_color;
				margin-right: 8px;
				color: #FFF;
				border-radius: 2px;
				text-align: center;
				line-height: 24px;
				position: absolute;
				top: 0px;
				left: 0;
				width: 25px;
				height: 25px;
				border-radius: 50%;
				display: flex;
				flex-wrap: nowrap;
				align-items: center;
				justify-content: center;
			}

		}
	}

}

.pxl-accordion1{
	.pxl--item{
		cursor: pointer;
		padding: 18px;
		margin-bottom: 25px;
		border-radius: 3px;
		border: 1px solid #DDD;
		position: relative;
		@media #{$max-sm} {
			padding: 15px;
		}
		.pxl-item-accordion{
			position: relative;
			font-size: 24px;
			font-weight: 600;
			line-height: 1.2;
			margin-bottom: 0;
			i{
				font-size: 12px;
				position: absolute;
				right: 0;
				top: 7px;
				transition: all 0.4s;

			}
			@media #{$max-sm} {
				font-size: 20px;
			}
		}

		.pxl-item--content{
			margin-top: 18px;
			margin-bottom: 0;
			letter-spacing: 0.3px;
			background-color: transparent;
			border: 0;
			padding: 0;
			border-top: 1px solid #DDD;
			padding-top: 18px;
			font-size: 14px;
			font-weight: 400;
			border-radius: 0;
			display: none;
		}
		&.active{
			.pxl-item-accordion{
				i{
					transform: rotate(90deg);
				}
			}
		}
	}
}

.pxl-icon1{
	&.style-default{
		a:hover{
			color: $primary_color !important;
		}
	}

	&.style-box{
		a {

			i{
				background-color: #F1F1F1;
				height: 40px;
				line-height: 40px;
				width: 40px;
				color: $primary_color;
				text-align: center;
				font-size: 14px;
				border-radius: 3px;
				margin-right: 10px;
				-webkit-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}
			&:hover{

				i{
					background-color: $primary_color;
					color: #fff;
				}
			}
		}

	}
}

.pxl-opening-hours-l1{
	padding: 0;
	margin: 0;
	list-style: none;
	li{
		font-size: 14px;
		font-weight: 500;
		line-height: 45px;
		text-transform: capitalize;
		display: block;
		color: #FFF;
		border-bottom: 1px solid #194f90;
		position: relative;
		.wrap-time{
			position: absolute;
			right: 0;
		}
		&:last-child{
			border-bottom: none;
		}
	}
}

.pxl-opening-hours-l2{
	background-color: $primary_color;
	padding: 30px;
	.pxl-item--icon{
		font-size: 40px;
		line-height: 1;
		color: #FFF;
		margin-bottom: 25px;
		display: inline-block;
	}
	.pxl-title{
		text-transform: capitalize;
		font-size: 24px;
		line-height: 1.1;
		font-weight: 600;
		margin-bottom: 18px;
		color: #FFF;
	}
	ul{
		padding: 0;
		margin: 0;
		list-style: none;
		li{
			font-size: 14px;
			font-weight: 500;
			line-height: 45px;
			text-transform: capitalize;
			display: block;
			color: #FFF;
			border-bottom: 1px solid rgba(#fff, 0.45);
			position: relative;
			.wrap-time{
				position: absolute;
				right: 0;
			}
			&:last-child{
				border-bottom: none;
			}
		}
	}

}


.pxl-image-single{
	position: relative;
	&.style1{
		padding: 40px 0;
		&:after{
			content: '';
			background-color: $primary_color;
			width: 80%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			transform: translateX(-50%);
			border-radius: 3px;
			z-index: -1;
		}
	}

}

.pxl-care-grid1{
	.pxl-item--inner {
		border: 1px solid #DDD;
		border-radius: 2px;
		padding: 30px;
		margin-bottom: 30px;
		.pxl-item--title{
			position: relative;
			font-size: 24px;
			line-height: 35px;
			font-weight: 700;
			color: $secondary_color;
			margin-bottom: 18px;
			display: inline-block;
		}
		ul{
			padding: 0;
			margin: 0;
			list-style: none;
			display: inline-block;
			li{
				display: inline-block;
				font-size: 14px;
			}
			li.pxl-item--time{
				background-color: $primary_color;
				padding: 2px 15px;
				color: #FFF;
				border-radius: 3px;
				margin-right: 10px;
			}
			li.pxl-item--position{
				display: inline-block;
				font-weight: 500;
				margin-right: 10px;
			}
		}
		.pxl-item--description{
			color: $regular_color;
			font-size: 14px;
			font-weight: 400;
			font-family: 'Public Sans', sans-serif;
			line-height: 25px;
			margin: 18px 0 0;
		}
		.pxl-item--link{
			position: relative;
			text-transform: capitalize;
			font-size: 15px;
			line-height: 1;
			display: inline-block;
			font-weight: 600;
			color: $secondary_color;
			margin-top: 20px;
			cursor: pointer;
			&:hover{
				color: $primary_color;
			}
		}
	}
}

	// Widget Partner Carousel
	//--------------------------------------------------
	.pxl-partner-carousel1 {
		.pxl-item--logo {
			text-align: center;
			position: relative;
			overflow: hidden;
			display: block;
			width: auto;
			margin: 0 auto;
			@include transition(all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s);
			img {
				max-height: 100px;
				width: auto;
				@include transition(all 0.3s cubic-bezier(0, 0, 0.2, 1) 0s);
				&:nth-child(2) {
					position: absolute;
					top: 50%;
					left: 50%;
					@include transform(translate(-50%, -150%));
					opacity: 0;
				}
			}
			&:hover {
				img {
					-webkit-filter: grayscale(0%);
					filter: grayscale(0%);
					&:nth-child(1) {
						@include transform(translateY(100%));
						opacity: 0;
					}
					&:nth-child(2) {
						@include transform(translate(-50%, -50%));
						opacity: 1;
					}
				}
			}
		}
		&.box-style2 {
			.pxl-item--logo {
				img {
					&:nth-child(1) {
						opacity: 0.2;
					}
				}
				&:hover {
					img {
						&:nth-child(2) {
							@include transform(translate(-50%, -50%));
							opacity: 1;
						}
					}
				}
			}
		}
		.pxl-item--inner  {
			text-align: center;
		}
		.pxl-swiper-slide.swiper-slide-visible .pxl-item--inner:before {
			opacity: 1;
		}
		.swiper-slide-visible.swiper-slide-next + .pxl-swiper-slide .pxl-item--inner:before {
			opacity: 0;
		}
		.pxl-swiper-arrow {
			height: 39px;
			width: 39px;
			line-height: 39px;
			@include box-shadow(none);
			font-size: 11px;
			&.pxl-swiper-arrow-prev {
				left: 0;
			}
			&.pxl-swiper-arrow-next {
				right: 0;
			}
		}
		&[data-arrow="true"] {
			padding: 0 40px;
		}
		.pxl-swiper-dots {
			.pxl-swiper-pagination-bullet {
				margin: 0 6px;
				width: 8px;
				height: 8px;
				@include border-radius(50%);
				@include transform(scale(0.6));
				&.swiper-pagination-bullet-active {
					@include transform(scale(1));
				}
			}
		}
	}

	.loading-default{
		position: fixed;
		left: -65px;
		top: -50px;
		width: 150px;
		height: 150px;
		z-index: 9999999;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		background-position: center center;
	}

	.pxl-image-bg{}


	.group-icon-box-1{
		
		position: relative;
		&:before{
			position: absolute;
			content: "\f13c";
			font-size: 35px;
			line-height: 1;
			font-family: flaticon;
			color: $secondary_color;
			top: 25px;
			left: 25px;

		}
		&:hover{
			&:before{
				-webkit-animation: icon-scale 2.5s infinite;
				animation: icon-scale 2.5s infinite;
			}
		}
		@media (max-width: 991px) {
			display: none !important;
		}
	}

	.group-icon-box-2{
		position: relative;
		&:before{
			position: absolute;
			content: "\f10a";
			font-size: 35px;
			line-height: 1;
			font-family: flaticon;
			color: #fff;
			top: 25px;
			left: 25px;

		}
		&:hover{
			&:before{
				-webkit-animation: icon-scale 2.5s infinite;
				animation: icon-scale 2.5s infinite;
			}
		}
		@media (max-width: 991px) {
			display: none !important;
		}
	}


	.group-icon-box-3{
		position: relative;
		&:before{
			position: absolute;
			content: "\f13f";
			font-size: 35px;
			line-height: 1;
			font-family: flaticon;
			color: $secondary_color;
			top: 25px;
			left: 25px;

		}
		&:hover{
			&:before{
				-webkit-animation: icon-scale 2.5s infinite;
				animation: icon-scale 2.5s infinite;
			}
		}
		@media (max-width: 991px) {
			display: none !important;
		}
	}

	rs-bullets{
		.tp-bullet{
			margin: 0 5px !important;
			width: 6px !important;
			height: 6px !important;
			border-radius: 0;
			background-color: rgba(#FFFFFF, 0) !important;
			outline: none;
			-webkit-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
			border: 2px solid rgba(#fff, 0.5);
			&.selected{
				background-color: $secondary_color !important;
				border-color: $secondary_color;
			}
		}
	}

	rs-arrow{
		background-color: none;
		border: none !important;
		outline: none !important;
		&.rs-touchhover{
			&:before{
				color: $primary_color !important;
			}
		}
	}

	.dn-991{
		@media #{$max-md} {
			display: none;
		}
	}

	.pxl-hidden-sidebar  {
		&.active {
			.pxl-item--overlay {
				@include transform(scaleX(1));
				transition-delay: 0s;
				-webkit-transition-delay: 0s;
			}
			.pxl-item--conent {
				@include transform(translateX(0px));
				transition-delay: .3s;
				-webkit-transition-delay: .3s;
				.pxl-close{
				}
			}
		}


	}

	.pxl-hidden-sidebar {
		.pxl-item--overlay {
			background-color: rgba(#1b2336, 0.8);
			height: 100%;
			width: 100%;
			right: 0;
			top: 0;
			position: fixed;
			z-index: 1026;
			@include transform(scaleX(0));
			transform-origin: 100% 50%;
			-webkit-transform-origin: 100% 50%;
			-ms-transform-origin: 100% 50%;
			-o-transform-origin: 100% 50%;
			@include transition(transform .8s ease .0s);
			transition-delay: .2s;
			-webkit-transition-delay: .2s;
		}
		.pxl-item--conent {
			overflow-y:scroll; 
			position: fixed;
			z-index: 1029;
			top: 0;
			right: 0;
			bottom: 0;
			width: 400px;
			height: 100%;
			background-color: #fff;
			font-size: 15px;
			line-height: 26px;
			color: #383838;
			overflow: hidden;
			@include transform(translateX(460px));
			@include transition(transform .8s ease .0s);
			transition-delay: 0s;
			-webkit-transition-delay: 0s;
			.pxl-close{
				position: absolute;
				right: 20px;
				top: 20px;
			}
			
			&:hover {
				.pxl-close {
					opacity: 1;
				}
			}
		}
	}

	// Widget Search Icon
	//--------------------------------------------------
	.pxl-search-popup-button, .pxl-cart-sidebar-button {
		width: 30px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		color: #09013f;
		@include transition(all 0.5s cubic-bezier(.645,.045,.355,1));
		cursor: pointer;
		font-size: 21px;
		position: relative;
	}

	// Widget Cart Icon
	//--------------------------------------------------
	.pxl-cart-sidebar-button .pxl_cart_counter {
		background-color: $primary_color;
		color: #fff;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 20px;
		position: absolute;
		top: 0;
		right: -8px;
		font-size: 12px;
		font-weight: 300;
		font-family: 'Poppins', sans-serif;
	}

	.pxl-hidden-button{
		cursor: pointer;
		@include transition(all 0.3s cubic-bezier(.645,.045,.355,1));
	}

	.tparrows{
		width: 60px !important;
		height: 60px !important;
		background: #fff !important;
		box-shadow: 0 12px 14px rgba(0,0,0,0.06) !important;
		border-radius: 100% !important;
		&:before{
			width: 60px !important;
			height: 60px !important;
			line-height: 60px !important;
			font-size: 24px !important;
			color: $primary_color !important;
		}
		&:hover{
			background-color: $primary_color !important;
			&:before{
				color: #fff !important;
			}
		}
	}

	.tt_timetable{
		margin-bottom: 0;
	}

	.pxl-quote{
		padding: 30px 50px;
		background-color: $secondary_color;
		display: flex;
		flex-direction: column;
		@media #{$max-md}{
			padding: 30px;
		}
		.content-quote{
			font-size: 24px;
			font-weight: 600;
			@extend .ft-theme-default;
			color: #fff;
			line-height: 1.25;
			position: relative;
			margin-bottom: 20px;
			&:before{
				content: "";
				background-image: url(../img/icon-quote.png);
				left: -20px;
				top: -10px;
				width: 65px;
				height: 65px;
				position: absolute;
				background-repeat: no-repeat;
				background-size: cover;

			}
		}

		.content-author{
			font-size: 18px;
			font-weight: 600;
			@extend .ft-theme-default;
			color: #fff;
			line-height: 1.25;
			position: relative;
			margin-left: 80px;
			&:before{
				content: "";
				background-image: url(../img/icon-wave.png);
				background-repeat: no-repeat;
				background-size: cover;
				position: absolute;
				left: -80px;
				top: 7px;
				width: 65px;
				height: 8px;
			}
		}
	}

	.pxl-particle {
		.pxl-item--particle {
			position: absolute;
		}
		+ .elementor-container {
			z-index: 99;
		}
	}

	.title-text-shadow{
		text-shadow: 2px 3px $secondary_color;
	}
	.des-text-shadow{
		text-shadow: 2px 2px $secondary_color;
	}
	.bgr-slide{
		background: linear-gradient(109.476575498932deg, rgba(255, 255, 255, 0.7) 5.911420204978038%,rgba(255, 255, 255, 0.2) 95.95534407027817%);
	}
	.visible1024{
		display: none !important;
		@media (max-width: 1024px ) {
			display: block !important;
		}
		
	}
	#pxl-rtl-link{display: none;}