.site-content .pxl-min-height1 {
	min-height: 273px;
}
.ct-blog-carousel-layout6 {
	.item--featured {
		position: relative;
		overflow: hidden;
		img {
			width: 100%;
			@include transition(all 1.2s);
		}
		.item--date {
			position: absolute;
			bottom: -30px;
			right: 30px;
			width: 80px;
			height: 80px;
			background-color: $primary_color;
			text-align: center;
			color: #fff;
			font-size: 13px;
			@include font-family-heading($heading_default_font);
			.item--date-top {
				font-size: 36px;
				font-weight: 500;
				line-height: 50px;
				height: 50px;
			}
			.item--date-bottom {
				background-color: $secondary_color;
				height: 30px;
				line-height: 30px;
			}
		}
	}
	.item--title {
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 30px;
		a {
			color: #000;
		}
	}
	.item--readmore {
		a {
			line-height: 56px;
			padding-right: 61px;
		}
	}
	.item--meta {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 13px;
		list-style: none;
		font-size: 15px;
		color: #7a7a7a;
		@include font-family-heading($heading_default_font);
		a {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
		i {
			color: $primary_color;
			margin-right: 8px;
		}
		li {
			margin-right: 22px;
		}
	}
	.item--body {
		padding: 30px 30px 44px;
		background-color: #fff;
		@include box-shadow(0 0 50px rgba(#000000, 0.08));
		position: relative;
		z-index: 1;
		overflow: hidden;
		&:before {
			content: '';
			height: 44px;
			width: 200px;
			background-color: #f3f5f6;
			position: absolute;
			bottom: 0;
			right: -46px;
			z-index: -1;
			transform: skew(-30deg);
		}
	}
	.grid-item-inner {
		margin-bottom: 50px;
		&:hover .item--featured img {
			@include transform(scale(1.18));
		}
	}
}
.ct-icon-plus {
	height: 12px;
    width: 12px;
    position: relative;
    cursor: pointer;
    &:before, &:after {
        content: '';
        background-color: #032e42;
        position: absolute;
        @include transition(all .25s cubic-bezier(.645,.045,.355,1));
    }
    &:before {
        width: 12px;
        height: 2px;
        top: 5px;
        left: 0;
    }
    &:after {
        width: 2px;
        height: 12px;
        left: 5px;
        top: 0;
    }
}
.ct-accordion.layout1.style2 {
    @include font-family-heading($heading_default_font);
    border-bottom: 1px solid #e1e1e1;
    .ct-ac-title {
        font-size: 18px;
        color: #010101;
        font-weight: 600;
        padding: 23px 30px 23px 0;
        cursor: pointer;
        position: relative;
        .ct-icon-plus {
        	position: absolute;
        	top: 50%;
        	right: 0;
        	@include transform(translate(0, -50%));
        }
    }
    .ct-ac-content {
        color: #202020;
        margin-top: -4px;
        padding-bottom: 28px;
    }
    .ct-accordion-item {
    	border-top: 1px solid #e1e1e1;
    	&.active .ct-ac-title .ct-icon-plus {
    		&:before, &:after {
    			background-color: $primary_color;
    		}
    		&:after {
    			transform: rotate(90deg);
    		}
    	}
    }
}
.ct-video-button.style5 {
	width: 110px;
	height: 100px;
	background-color: $secondary_color;
	color: $primary_color;
	i {
		font-size: 48px;
		display: inline-flex;
	}
}
.ct-testimonial-carousel6 {
	.item--image {
		min-width: 70px;
		width: 70px;
		height: 70px;
		border: 6px solid #fff;
		border-radius: 100%;
		margin-right: 7px;
		@include box-shadow(0 16px 32px rgba(#003378, 0.1));
		img {
			border-radius: 100%;
		}
	}
	.item--description {
		font-size: 18px;
		@include font-family-heading($heading_default_font);
		color: #000;
		margin-top: 18px;
		margin-bottom: 18px;
		line-height: 1.92;
	}
	.item--title {
		margin: 5px;
		margin-bottom: 6px;
		font-size: 18px;
		color: #000;
		font-weight: 600;
	}
	.item--position {
		font-size: 15px;
		color: #666666;
		@include font-family-heading($heading_default_font);
	}
	.item--icon {
		line-height: 1;
		font-size: 44px;
		color: $primary_color;
		transform: scale(-1);
		display: inline-flex;
	}
	.item--holder {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.item--inner {
		background-color: #fff;
		padding: 36px 40px 54px;
		@include box-shadow(0 0 30px rgba(#000000, 0.06));
		margin: 30px 0;
		border-radius: 3px;
		@media #{$max-lg} {
			padding-left: 28px;
			padding-right: 28px;
		}
	}
	@media #{$max-sm} {
		.ct-slick-carousel[data-arrows="true"] {
			padding-bottom: 50px;
		}
	}
	@media #{$min-md} {
		.ct-slick-carousel[data-arrows="true"] {
			padding-bottom: 0;
			padding-right: 70px;
		}
		&.ct-slick-arrow1 .slick-arrow {
			margin: 0;
			&.slick-prev {
				left: auto;
				right: 0;
				bottom: 81px;
			}
			&.slick-next {
				left: auto;
				right: 0;
				bottom: 30px;
			}
		}
	}
}

.ct-testimonial-carousel7 {
	.item--boxleft {
		width: 37%;
		padding-left: 15px;
		@media #{$max-sm} {
			width: 100%;
			margin-bottom: 32px;
			padding-left: 0;
		}
		img {
			border-radius: 20px;
			box-shadow: 0 0 20px rgba(#000000, 0.15);
			width: 100%;
		}
		+ .item--boxright {
			width: 63%;
			padding-left: 90px;
			@media #{$max-lg} {
				padding-left: 40px;
			}
			@media #{$max-md} {
				padding-left: 30px;
			}
			@media #{$max-sm} {
				width: 100%;
				padding-left: 0;
				padding-right: 0;
			}
		}
	}
	.item--boxright {
		svg {
			fill: $primary_color;
			opacity: 0.5;
		}
	}
	.item--title {
		margin-bottom: 6px;
		font-size: 22px;
		color: #16285C;
		font-weight: 600;
		text-transform: uppercase;
		@media #{$max-md} {
			font-size: 20px;
		}
	}
	.item--position {
		font-size: 18px;
		color: #4D5864;
	}
	.item-rating {
		color: #F2C94C;
		font-size: 24px;
		margin: 24px 0;
	}
	.item--description {
		font-size: 24px;
		color: #16285C;
		line-height: 1.58;
		padding-top: 13px;
		margin-bottom: 30px;
		@media #{$max-md} {
			font-size: 20px;
		}
	}
	.item--holder {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		padding-right: 15px;
		flex-grow: 1;
		@media #{$max-md} {
			align-items: flex-start;
		}
		.item--image {
			width: 82px;
			min-width: 82px;
			margin-right: 15px;
			img {
				border-radius: 82px;
				border: 2px solid $secondary_color;
			}
		}
	}
	.item--footer {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.item--inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin: 30px 0;
	}
}

body.rtl {
	.ct-testimonial-carousel7 .item--holder .item--image {
		margin-right: 0;
		margin-left: 15px;
	}
	.ct-testimonial-carousel7 .item--holder {
		padding-right: 0;
		padding-left: 15px;
	}
}

.ct-team-carousel4 {
	.item--image {
		position: relative;
		img {
			width: 100%;
		}
	}
	.item--social {
		position: absolute;
		bottom: -18px;
		right: 20px;
		.item--social-link {
			position: absolute;
			bottom: 18px;
			width: 36px;
			padding: 8px 0 20px;
			background-color: $primary_color;
			border-radius: 36px 36px 0 0;
			@include transition(all .25s cubic-bezier(.3,.3,0,.8));
			opacity: 0;
			transform: scaleY(0);
			transform-origin: bottom center;
			a {
				display: block;
				width: 36px;
				height: 32px;
				text-align: center;
				line-height: 36px;
				color: #fff;
				font-size: 15px;
			}
		}
		.item--social-btn {
			width: 36px;
			height: 36px;
			line-height: 36px;
			text-align: center;
			background-color: $primary_color;
			display: inline-flex;
			font-size: 18px;
			color: #fff;
			@include font-family-heading($heading_default_font);
			justify-content: center;
			align-items: center;
			border-radius: 36px;
			position: relative;
			z-index: 1;
			cursor: pointer;
		}
		&:hover .item--social-btn + .item--social-link {
			opacity: 1;
			transform: scaleY(1);
		}
	}
	.item--holder {
		padding: 17px 30px;
		@media #{$max-lg} {
			padding-left: 22px;
			padding-right: 22px;
		}
	}
	.item--title {
		font-weight: 600;
		font-size: 20px;
		color: #000;
		margin-bottom: 4px;
		@media #{$max-lg} {
			font-size: 18px;
		}
	}
	.item--position {
		font-size: 15px;
		color: #535353;
		@include font-family-heading($heading_default_font);
	}
	.item--inner {
		background-color: #fff;
		margin-bottom: 30px;
		@include box-shadow(0 2px 27px rgba(#222222, 0.05));
	}
}

.ct-team-carousel5 {
	.item--title {
		margin-bottom: 6px;
		font-size: 24px;
		color: #fff;
		text-transform: uppercase;
	}
	.item--position {
		font-size: 18px;
		color: rgba(#FFD532, 0.8);
	}
	.item--social {
		width: 42px;
		position: absolute;
		top: 65px;
		left: 25px;
		a {
			display: inline-flex;
			width: 42px;
			height: 42px;
			border-radius: 42px;
			background-color: rgba(255,255,255,0.2);
			color: #fff;
			font-size: 18px;
			justify-content: center;
			align-items: center;
			+ a {
				margin-top: 22px;
			}
		}
	}
	.item--holder {
		padding: 37px 60px 30px 40px;
		@include transition(all 300ms linear 0ms);
	}
	.item--image {
		height: 300px;
		border-radius: 10px;
		margin-left: 92px;
		margin-right: 22px;
		@include transition(all 300ms linear 0ms);
		position: relative;
		z-index: 99;
	}
	.item--inner {
		position: relative;
		z-index: 1;
		padding-top: 35px;
		&:before {
			content: '';
			z-index: -2;
			background-color: #162C6C;
			border-bottom: 2px solid $primary_color;
			position: absolute;
			top: 0;
			left: 0;
			right: 72px;
			height: 100%;
			border-radius: 10px;
			@include transition(all 300ms linear 0ms);
		}
		&:hover {
			.item--image {
				margin-left: 22px;
				margin-top: -13px;
				height: 313px;
			}
			&:before {
				right: 0;
				border: 2px solid $primary_color;
			}
		}
	}
}

.ct-process-grid1 {
	.item--number {
		font-size: 70px;
		line-height: 1;
		font-weight: 600;
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: $primary_color;
		color: transparent;
		@include font-family-heading($heading_default_font);
		@include transition(all .25s cubic-bezier(.3,.3,0,.8));
	}
	.item--title {
		margin-top: 20px;
		margin-bottom: 0px;
		font-size: 22px;
		font-weight: 600;
		color: #000000;
	}
	.item--inner  {
		padding: 36px 36px 46px;
		background-color: #fff;
		@include box-shadow(0 2px 27px rgba(#222222, 0.05));
		border-bottom: 3px solid #13414f;
		position: relative;
		z-index: 1;
		margin-bottom: 30px;
		@media #{$max-lg} {
			padding-left: 24px;
			padding-right: 24px;
		}
		&:before {
			content: '';
			height: 3px;
			width: 0;
			position: absolute;
			bottom: -3px;
			left: 0;
			background-color: $primary_color;
			@include transition(all .25s cubic-bezier(.3,.3,0,.8));
		}
		&:after {
			content: '';
			z-index: -1;
			width: 54px;
			height: 45px;
			position: absolute;
			top: 36px;
			right: 40px;
			background-image: url(../images/process-shape.png);
			background-repeat: no-repeat;
			background-position: center;
		}
		&:hover {
			&:before {
				width: 100%;
			}
			.item--number {
				color: $primary_color;
				-webkit-text-stroke-width: 0px;
			}
		}
	}
}
.ct-text-editor .ct-item--inner {
    display: inline-block;
    width: 100%;
}
.ct-portfolio-carousel5 {
	.item--title {
		margin-bottom: 12px;
		font-size: 22px;
		font-weight: 600;
		color: #fff;
		@include transition(all .25s cubic-bezier(.3,.3,0,.8));
		transform: translateY(30px);
		opacity: 0;
	}
	.item--description {
		color: #fff;
		@include font-family-heading($heading_default_font);
		max-width: 300px;
		margin-bottom: 36px;
		@include transition(all .25s cubic-bezier(.3,.3,0,.8));
		transform: translateY(30px);
		opacity: 0;
	}
	.item-readmore a {
		width: 50px;
		height: 50px;
		display: inline-flex;
		border-radius: 50px;
		color: #fff;
		background-color: $primary_color;
		justify-content: center;
		align-items: center;
		font-size: 18px;
		@include transition(all .25s cubic-bezier(.3,.3,0,.8));
		transform: translateY(30px);
		opacity: 0;
		i {
			display: flex;
			@include transition(all .25s cubic-bezier(.3,.3,0,.8));
		}
		&:hover i {
			transform: rotate(45deg);
		}
	}
	.item--image img {
		width: 100%;
	}
	.item--overlay {
		z-index: 8;
		position: absolute;
		bottom: 0;
		left: 0;
		height: 80%;
		right: 0;
		@include background-gradient-bottom(rgba(#14151d, 0.85) 32%, rgba(#14151d, 0));
		@include transition(all .25s cubic-bezier(.3,.3,0,.8));
		opacity: 0;
	}
	.item--meta {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 36px 34px;
		z-index: 9;
		@media #{$max-lg} {
			padding-left: 24px;
			padding-right: 24px;
		}
	}
	.grid-item-inner {
		position: relative;
		&:hover {
			.item--overlay {
				opacity: 1;
			}
			.item--title {
				transform: translateY(0px);
				opacity: 1;
			}
			.item--description {
				transform: translateY(0px);
				opacity: 1;
				-webkit-transition-delay: 0.07s;
                -moz-transition-delay: 0.07s;
                transition-delay: 0.07s;
			}
			.item-readmore a {
				transform: translateY(0px);
				opacity: 1;
				-webkit-transition-delay: 0.14s;
                -moz-transition-delay: 0.14s;
                transition-delay: 0.14s;
			}
		}
	}
}

.ct-portfolio-carousel6 {
	.pxl-item-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
	}
	.item--image {
		position: relative;
		img {
			width: 100%;
		}
	}
	.item--ovelay {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		@include transition(all 300ms linear 0ms);
		opacity: 0;
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 2;
			background-color: #{'rgba(var(--primary-color-rgb),0.58)'};
			box-shadow: 0 0 15px rgba(#000, 0.58) inset;
		}
		&:after {
			z-index: 1;
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(#000, 0.42);
		}
	}
	.item--title {
		font-size: 48px;
		margin-bottom: 10px;
		color: #fff;
		@include transition(all 300ms linear 0ms);
		opacity: 0;
		transform: translateY(25px);
		@media #{$max-xxl} {
			font-size: 36px;
		}
	}
	.item--subtitle {
		color: #fff;
		font-size: 20px;
		@include transition(all 300ms linear 0ms);
		opacity: 0;
		transform: translateY(25px);
		@media #{$max-xxl} {
			font-size: 18px;
		}
	}
	.item-readmore {
		position: absolute;
		top: 22%;
		left: 50%;
		z-index: 100;
		@include transform(translate(-50%, 0));
		@media #{$max-lg} {
			display: none;
		}
		a {
			width: 148px;
			height: 148px;
			border-radius: 148px;
			border: 3px solid #fff;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			background-color: rgba(#fff, 0.12);
			opacity: 0;
			transform: scale(0);
			svg {
				fill: #fff;
				height: 38px;
				@include transition(all 300ms linear 0ms);
			}
			&:hover {
				svg {
					transform: rotate(45deg);
				}
			}
		}
	}
	.item--holder {
		padding: 30px 60px 195px 60px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99;
		@media #{$max-xxl} {
			padding-left: 40px;
			padding-right: 40px;
			padding-bottom: 140px;
		}
		@media #{$max-lg} {
			padding-left: 30px;
			padding-right: 30px;
		}
	}
	.grid-item-inner {
		position: relative;
		&:hover {
			.item--ovelay {
				opacity: 1;
			}
			.item-readmore a {
				opacity: 1;
				transform: scale(1);
			}
			.item--title {
				opacity: 1;
				transform: translateY(0px);
				-webkit-transition-delay: 0.1s;
                -moz-transition-delay: 0.1s;
                transition-delay: 0.1s;
			}
			.item--subtitle {
				opacity: 1;
				transform: translateY(0px);
				-webkit-transition-delay: 0.2s;
                -moz-transition-delay: 0.2s;
                transition-delay: 0.2s;
			}
		}
	}
}

body:not(.elementor-editor-active) {
	.elementor-widget-ct_box_background {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.ct-box-background {
		position: absolute;
		top: 15px;
		right: 15px;
		bottom: 15px;
		left: 15px;
		background-color: $secondary_color;
		.bg-image {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
}

.ct-counter-layout2.style2 {
	.ct-counter-number {
		font-size: 42px;
		font-weight: 600;
		align-items: center;
		display: inline-flex;
		span {
			font-size: inherit;
			font-weight: inherit;
			color: inherit;
			top: 0;
		}
	}
	.ct-counter-title {
		font-size: 18px;
		font-weight: 500;
	}
	.ct-counter-holder {
		position: relative;
		margin-bottom: 18px;
		&:before {
			content: '';
			width: 20px;
			height: 20px;
			border: 3px solid $primary_color;
			border-radius: 20px;
			position: absolute;
			top: 50%;
			left: -44px;
			@include transform(translate(0, -50%));
		}
	}
	.ct-counter-inner {
		padding-left: 44px;
	}
}
.ct-slick-slider .slick-vertical .slick-slide {
	border: none;
}
.slick-boxshadow-vertical {
	margin-top: -30px;
	.slick-list {
		padding: 30px 30px;
		margin: 0 -30px;
	}
	.slick-slide {
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		opacity: 0;
		&.slick-active {
			opacity: 1;
		}
	}
}
.ct-slick-arrow1 {
	.slick-arrow {
		width: 45px;
		height: 45px;
		border-radius: 0px;
		background-color: $secondary_color;
		color: #fff;
		&:before {
			content: "\f118";
			font-family: Flaticon;
			font-size: 14px;
			font-weight: normal;
		}
		&.slick-prev:before {
			transform: translate(-50%, -50%) scaleX(-1);
		}
		&:hover {
			background-color: $primary_color;
		}
	}
}

.ct-nav-carousel.style3 {
	width: 45px;
	@media #{$max-sm} {
		width: 100%;
	}
	i {
		display: flex;
		&:before {
			content: "\f118";
			font-family: Flaticon;
			font-size: 14px;
			font-weight: normal;
		}
	}
	> div {
		width: 45px;
		height: 45px;
		border-radius: 0px;
		background-color: $secondary_color;
		color: #fff;
		border: none;
		margin: 3px 0;
		@media #{$max-sm} {
			margin: 3px;
		}
		&.nav-prev i {
			transform: translate(-50%, -50%) scaleX(-1);
		}
	}
}

.ct-nav-carousel.style4 {
	.nav-prev, .nav-next {
		height: auto;
		width: auto;
		border: none;
		background-color: transparent;
		&:hover {
			border: none;
			background-color: transparent;
		}
		svg {
			fill: #8E9296;
			@include transition(all 300ms linear 0ms);
			&:hover {
				fill: $primary_color;
			}
			@media #{$max-sm} {
				height: 60px;
			}
		}
	}
}

.btn-icon-skew {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 500;
	color: #010101;
	@include font-family-heading($heading_default_font);
	display: inline-flex;
	align-items: center;
	i {
		margin: 0 12px;
		font-size: 12px;
		@include transition(all .25s cubic-bezier(.3,.3,0,.8));
	}
	&:hover {
		color: $primary_color;
		i {
			transform: rotate(45deg);
		}
	}
}
.ct-service-external1 {
	.item--image {
		position: relative;
		width: 50%;
		max-width: 330px;
		@media #{$max-lg} {
			width: 40%;
		}
		@media #{$max-sm} {
			width: 100%;
			min-height: 280px;
		}
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(#000, 0.5);
			@include transition(all .25s cubic-bezier(.3,.3,0,.8));
			z-index: 1;
			opacity: 0;
		}
	}
	.item--icon {
		width: 70px;
		height: 70px;
		position: absolute;
		z-index: 2;
		top: calc(100% - 70px);
		left: calc(100% - 70px);
		background-color: $secondary_color;
		color: $primary_color;
		@include transition(all .25s cubic-bezier(.3,.3,0,.8));
		i, svg {
			@extend .pxl-middle;
		}
		i {
			font-size: 34px;
		}
	}
	.item--title {
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 20px;
		color: #010101;
	}
	.item--description {
		@include font-family-heading($heading_default_font);
		color: #535353;
		margin-bottom: 18px;
	}
	.item--holder {
		background-color: #fff;
		padding: 30px 36px;
		width: 50%;
		flex-grow: 1;
		display: flex;
		flex-wrap: wrap;
		@media #{$max-lg} {
			padding-left: 24px;
			padding-right: 24px;
			width: 60%;
		}
		@media #{$max-sm} {
			width: 100%;
		}
	}
	.item--inner {
		@include box-shadow(0 20px 45px rgba(#000, 0.05));
		margin: 0 0 30px;
		display: flex;
		flex-wrap: nowrap;
		@media #{$max-sm} {
			display: block;
		}
		&:hover {
			.item--image:before {
				opacity: 1;
			}
			.item--icon {
				background-color: $primary_color;
				color: #fff;
				top: 50%;
				left: 50%;
				@include transform(translate(-50%, -50%));
			}
		}
	}
	.ct-slick-carousel[data-arrows="true"] {
		padding-bottom: 30px;
	}
	@media #{$min-xxl} {
		.ct-slick-carousel[data-arrows="true"] {
			padding-bottom: 40px;
		}
		&.ct-slick-arrow1 .slick-arrow {
			margin: 0;
			&.slick-prev {
				left: auto;
				right: -82px;
				bottom: 310px;
				&:before {
					transform: translate(-50%, -50%) scaleX(-1) rotate(-90deg);
				}
			}
			&.slick-next {
				left: auto;
				right: -82px;
				bottom: 260px;
				&:before {
					transform: translate(-50%, -50%) scaleX(-1) rotate(90deg);
				}
			}
		}
	}
}

.ct-progressbar1 {
	&.style1 {
		.ct-progress-bar {
	        height: 10px;
	        position: relative;
	        width: 0;
	        @include transition(width 1.4s ease);
	        background-color: $primary_color;
	        @include border-radius(10px);
	    }
	    .ct-progress-holder {
	        position: relative;
	        z-index: 1;
	        height: 10px;
	        background-color: #e5edee;
	        display: flex;
	        flex-grow: 1;
	        @include border-radius(10px);
	    }
	    .ct-progress-meta {
	        display: flex;
	        align-items: center;
	        margin-bottom: 15px;
	    }
	    .ct-progress-title {
	    	font-size: 18px;
	    	font-weight: 500;
	        margin-right: 20px;
	        flex-grow: 1;
	        color: #000;
	        margin-bottom: 0;
	    }
	    .ct-progress-percentage {
	        color: #202020;
	    }
	    .ct-progress-item {
	        + .ct-progress-item {
	            margin-top: 25px;
	        }
	    }
	}
	&.style2 {
		.ct-progress-title {
			margin-bottom: 0;
			font-size: 16px;
			font-weight: 600;
			color: #16285C;
			flex-grow: 1;
			padding-bottom: 29px;
		}
		.ct-progress-holder {
			height: 3px;
			border: 1px solid $primary_color;
			border-radius: 3px;
			.ct-progress-bar {
				height: 16px;
				border-radius: 16px 16px 0 0;
				background-color: $primary_color;
				margin-top: -17px;
			}
		}
		.ct-progress-percentage {
			font-size: 16px;
			font-weight: 600;
			color: $primary_color;
			margin-bottom: -2px;
		}
		.ct-progress-meta {
			display: flex;
			flex-wrap: nowrap;
			width: 100%;
			align-items: flex-end;
		}
	}
}
.ct-fancy-box-layout1 {
	&.style8 {
		display: flex;
		flex-wrap: nowrap;
		.item--icon {
			min-width: 70px;
			width: 70px;
			height: 70px;
			background-color: $secondary_color;
			color: $primary_color;
			text-align: center;
			margin-right: 24px;
			i {
				font-size: 40px;
			}
		}
		.item--title {
			margin-top: 6px;
			margin-bottom: 0;
			font-size: 20px;
			line-height: 1.4;
			font-weight: 600;
			color: #000;
		}
	}
	&.style9 {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		.item--icon {
			border-color: $primary_color;
			color: $primary_color;
			margin-right: 14px;
			min-width: 60px;
			width: 60px;
			height: 60px;
			border-width: 2px;
			border-style: solid;
			border-radius: 60px;
			font-size: 24px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			i {
				display: inline-flex;
			}
			svg {
				height: 24px;
			}
			img {
				max-height: 24px;
			}
		}
		.item--title {
			margin-bottom: 8px;
			font-weight: 400;
			font-size: 16px;
		}
		.item--description {
			font-size: 22px;
			line-height: normal;
			font-weight: 700;
		}
	}
	&.style10 {
		padding: 14px;
		border: 1px dashed rgba(#16285C, 0.2);
		border-radius: 10px;
		display: flex;
		flex-wrap: nowrap;
		.item--icon {
			background-color: rgba(#0431B8, 0.07);
			color: #0431B8;
			font-size: 52px;
			min-width: 89px;
			width: 89px;
			height: 89px;
			border-radius: 8px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			margin-right: 22px;
			i {
				display: inline-flex;
			}
			svg {
				fill: #0431B8;
				height: 57px;
			}
		}
		.item--title {
			margin-bottom: 6px;
			font-size: 22px;
			font-weight: 600;
			color: #16285C;
		}
		.item--description {
			color: rgba(#4D5864, 0.8);
			font-size: 16px;
		}
		.item--holder {
			padding-top: 4px;
		}
	}
	&.style11 {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		position: relative;
		.item--link {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 99;
		}
		.item--icon {
			background-color: #034B5B;
			color: #fff;
			margin-right: 16px;
			min-width: 56px;
			width: 56px;
			height: 56px;
			border-radius: 60px;
			font-size: 26px;
			display: inline-flex;
			justify-content: center;
			align-items: center;
			i {
				display: inline-flex;
			}
			svg {
				height: 24px;
			}
			img {
				max-height: 24px;
			}
		}
		.item--title {
			margin-bottom: 3px;
			font-weight: 400;
			font-size: 14px;
			color: rgba(#505455, 0.7);
		}
		.item--description {
			font-size: 22px;
			line-height: normal;
			font-weight: 700;
			color: #252A4E;
		}
	}
}

@media #{$max-xxl} {
	.home11-icon-box .ct-fancy-box-layout1.style11 {
		.item--holder {
			display: none;
		}
		.item--icon {
			margin-right: 0;
			margin-left: 0;
		}
	}
}

.ct-fancy-box-layout3 {
	&.style3 {
		position: relative;
		background-color: #fff;
		border-radius: 15px;
		box-shadow: 0 0 30px rgba(#16285C, 0.07);
		padding: 50px 30px 44px 30px;
		.item--icon {
			position: relative;
			z-index: 1;
			margin-bottom: 42px;
			&:before {
				content: '';
				z-index: -1;
				width: 110px;
				height: 84px;
				background-color: rgba(#0431B8, 0.05);
				border-radius: 84px;
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				margin: auto;
				transform: rotate(-40deg);
			}
			* {
				position: static;
				overflow: visible;
				transform: translate(0%, 0%);
			}
		}
		.item--title {
			font-weight: 500;
			font-size: 26px;
			color: #16285C;
			padding-bottom: 0;
			margin-bottom: 16px;
			text-transform: capitalize;
			&:before {
				display: none;
			}
		}
		.item--description {
			color: #4D5864;
			font-weight: 300;
			font-size: 16px;
		}
		.item--link {
			z-index: 99;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
}
.ct-banner3 {
    position: relative;
    @include font-family-heading($heading_default_font);
    color: #fff;
    img {
        width: 100%;
    }
    .ct-banner-holder {
        position: absolute;
        bottom: 0;
        left: -60px;
        padding: 30px 40px 30px 30px;
        background-color: $secondary_color;
        display: flex;
		flex-wrap: nowrap;
		align-items: center;
		@media #{$max-lg} {
			left: 0;
		}
    }
    .ct-banner-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
	}
    .ct-banner-title {
    	font-size: 14px;
    	margin-bottom: 4px;
    }
    .ct-banner-phone {
    	font-size: 22px;
    	font-weight: 600;
    	a {
    		color: #fff;
    	}
    }
    .item--icon {
    	min-width: 60px;
    	width: 60px;
		height: 60px;
		border-radius: 60px;
		background-color: $primary_color;
		color: #fff;
		line-height: 60px;
		text-align: center;
		position: relative;
		margin-right: 18px;
		i {
			font-size: 28px;
			display: flex;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
    }
}
.ct-link1 {
	.ct-link-items {
		list-style: none;
		margin: 0;
	}
	&.style1 {
		a {
			position: relative;
			display: inline-block;
			&:before {
				content: '-';
				position: absolute;
				top: 50%;
				left: -8px;
				@include transform(translate(0, -50%));
				opacity: 0;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
			&:hover {
				padding-left: 12px;
				&:before {
					left: 0;
					opacity: 1;
				}
			}
		}
		li {
			+ li {
				margin-top: 7px;
			}
		}
	}
	&.style2 {
		font-size: 15px;
		a {
			display: inline-flex;
			align-items: center;
		}
		i {
			color: $primary_color;
			font-size: 19px;
			margin: 0 8px;
		}
	}
}

.ct-counter-layout4 {
	.item--icon {
		position: absolute;
		top: -30px;
		left: 24px;
		width: 60px;
		height: 60px;
		background-color: $primary_color;
		@include border-radius(100%);
		line-height: 60px;
		text-align: center;
		i {
			font-size: 36px;
			color: #fff;
		}
	}
	.ct-counter-number {
		font-size: 36px;
		line-height: 1;
		color: #010030;
		margin-bottom: 11px;
	}
	.ct-counter-inner {
		background-color: #fff;
		@include border-radius(5px);
		position: relative;
		@include box-shadow(0 46px 50px rgba(#999999, 0.2));
		padding: 48px 24px 18px 24px;
		max-width: 272px;
	}
	.ct-counter-title {
		color: #666666;
		font-weight: 600;
	}
}

.ct-fancy-box-layout1 {
	&.style4 {
		display: flex;
		flex-wrap: nowrap;
		@media #{$max-md} {
			display: block;
		}
		.item--icon {
			height: 56px;
			line-height: 56px;
			text-align: center;
			width: 56px;
			min-width: 56px;
			background-color: rgba($primary_color_hex, 0.05);
			@include border-radius(5px);
			margin-right: 17px;
			@media #{$max-md} {
				margin-bottom: 18px;
				margin-right: 0;
			}
			i {
				font-size: 34px;
				color: $primary_color;
			}
			* {
				display: inline-block;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
		}
		.item--title {
			font-size: 22px;
			color: #003;
			margin-top: -5px;
			margin-bottom: 6px;
			@media #{$max-md} {
				font-size: 20px;
			}
		}
		.item--description {
			font-weight: 500;
			color: #666666;
		}
		&:hover {
			.item--icon * {
                @include transform(rotateY(360deg));
            }
		}
	}
	&.style5 {
		display: flex;
		flex-wrap: nowrap;
		padding: 23px 25px;
		background-color: #fff;
		@include box-shadow(0 25px 60px rgba(#999999, 0.2));
		position: relative;
		z-index: 1;
		@media #{$max-sm} {
			display: block;
		}
		&:before {
			content: '';
			z-index: -1;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			@include background-gradient-bottom(rgba($primary_color_hex, 0), rgba($primary_color_hex, 1));
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
			opacity: 0;
		}
		.item--icon {
			height: 58px;
			line-height: 58px;
			text-align: center;
			width: 58px;
			min-width: 58px;
			background-color: rgba($primary_color_hex, 0.05);
			@include border-radius(5px);
			margin-right: 18px;
			@media #{$max-sm} {
				margin-right: 0;
				margin-bottom: 22px;
			}
			i {
				font-size: 34px;
				color: $primary_color;
			}
			* {
				display: inline-block;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
		}
		.item--title {
			font-size: 24px;
			color: #010030;
			margin-top: -5px;
			margin-bottom: 6px;
		}
		.item--description {
			font-size: 16px;
			line-height: 24px;
			color: #666666;
		}
		&:hover {
			&:before {
				opacity: 0.12;
			}
			.item--icon * {
                @include transform(rotateY(360deg));
            }
		}
	}
	&.style6 {
		display: flex;
		flex-wrap: nowrap;
		z-index: 1;
		&:before {
			content: '';
			z-index: -1;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			@include background-gradient-bottom(rgba($primary_color_hex, 0), rgba($primary_color_hex, 1));
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
			opacity: 0;
		}
		.item--icon {
			height: 70px;
			line-height: 70px;
			text-align: center;
			width: 70px;
			min-width: 70px;
			@include background-horizontal($primary_color, $secondary_color);
			@include border-radius(5px);
			margin-right: 28px;
			i {
				font-size: 40px;
				color: #fff;
			}
			* {
				display: inline-block;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
			@media #{$max-lg} {
				width: 54px;
				height: 54px;
				min-width: 54px;
				line-height: 54px;
				margin-right: 18px;
				i {
					font-size: 36px;
				}
			}
		}
		.item--title {
			font-weight: 600;
			font-size: 16px;
			color: #666666;
			margin-bottom: 8px;
			font-family: 'Barlow', sans-serif;
		}
		.item--description {
			font-size: 24px;
			line-height: 1.5;
			color: #00162f;
			font-family: 'Outfit-Semibold';
			@media #{$max-lg} {
				font-size: 18px;
			}
		}
		&:hover {
			.item--icon * {
                @include transform(rotateY(360deg));
            }
		}
	}
	&.style7 {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		position: relative;
		.item--icon {
			line-height: 1;
			margin: 0 16px;
			i {
				font-size: 30px;
				color: $primary_color;
			}
			svg {
				height: 30px;
				fill: $primary_color;
			}
		}
		.item--title {
			margin-bottom: 5px;
			font-size: 15px;
			color: #000;
			font-weight: 400;
		}
		.item--description {
			color: #000;
		}
		.item--link {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 99;
		}
	}
}

.ct-banner1 {
	&.style5 {
		position: relative;
		.ct-banner-title {
			margin-bottom: 0;
			font-size: 16px;
			color: #fff;
		}
		.ct-banner-number {
			font-size: 48px;
			color: #fff;
			line-height: 1;
			margin-bottom: 10px;
			.ct-counter-number-suffix {
				display: none;
			}
		}
		.ct-banner-meta {
			position: absolute;
			top: -16px;
			left: -30px;
			width: 205px;
			height: 185px;
			z-index: 99;
			background-color: #fff;
			border-radius: 5px;
			z-index: 1;
			text-align: center;
			display: flex;
			flex-direction: column;
			justify-content: center;
			@media #{$max-lg} {
				left: 0;
				border-radius: 0 0 5px 0;
			}
			&:before {
				content: '';
				z-index: -1;
				position: absolute;
				top: 19px;
				right: 19px;
				bottom: 19px;
				left: 19px;
				background-color: $primary_color;
				border-radius: 0px 5px 5px 5px;
			}
		}
		.ct-banner-image1 {
			@include border-radius(10px);
			width: 100%;
		}
	}
}

.ct-counter-layout1 {
	.item--icon.style2 {
		margin-right: 24px;
		width: 60px;
		min-width: 60px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		background-color: $primary_color;
		@include border-radius(100%);
		i {
			color: #fff;
			font-size: 36px;
		}
	}
	.item--icon.style3 {
		width: 60px;
		min-width: 60px;
		height: 60px;
		border-radius: 60px;
		background-color: #fff;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		color: $primary_color;
		margin-right: 30px;
	}
}

.ct-tabs1 {
	.tb-item--icon {
		min-width: 70px;
		line-height: 70px;
		text-align: center;
		width: 70px;
		height: 70px;
		@include border-radius(3px);
		background-color: rgba($primary_color_hex, 0.1);
		margin-right: 28px;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		i {
			font-size: 42px;
			color: $primary_color;
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
		}
		@media #{$max-md} {
			min-width: 55px;
			line-height: 55px;
			width: 55px;
			height: 55px;
			i {
				font-size: 34px;
			}
		}
	}
	.tb-item--title {
		margin-bottom: 7px;
		font-size: 24px;
		color: #010030;
		font-family: 'Outfit-Bold';
		font-weight: normal;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		@media #{$max-lg} {
			font-size: 20px;
		}
	}
	.tb-item--number {
		font-size: 16px;
		width: 42px;
		height: 42px;
		text-align: center;
		line-height: 42px;
		@include border-radius(42px);
		@include background-horizontal($primary_color, $secondary_color,);
		color: #fff;
		font-weight: 700;
		position: absolute;
		top: 50%;
		right: -21px;
		@include transform(translate(0, -50%));
		z-index: 99;
	}
	.tb-item--button {
		i {
			margin-left: 14px;
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
			transform: rotate(-45deg);
		}
		a {
			font-size: 16px;
			font-family: 'Outfit-Semibold';
			display: inline-flex;
			align-items: center;
			&:hover i {
				transform: rotate(0deg);
			}
		}
	}
	.ct-tab-title {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		position: relative;
		background-color: #fff;
		@include box-shadow(0 25px 60px rgba(#999999, 0.1));
		padding: 32px 22px;
		margin-bottom: 16px;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		cursor: pointer;
		@media #{$max-lg} {
			margin-right: 21px;
		}
		@media #{$max-md} {
			padding: 20px 15px 15px 15px;
		}
		&:nth-child(1) {
			z-index: 10;
		}
		&:nth-child(2) {
			z-index: 9;
		}
		&:nth-child(3) {
			z-index: 8;
		}
		&:nth-child(4) {
			z-index: 7;
		}
		&:nth-child(5) {
			z-index: 6;
		}
		&:nth-child(6) {
			z-index: 5;
		}
		&:nth-child(7) {
			z-index: 4;
		}
		&:nth-child(8) {
			z-index: 3;
		}
		&:nth-child(9) {
			z-index: 2;
		}
		&:nth-child(10) {
			z-index: 1;
		}
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;	
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
			@include background-horizontal($primary_color, $secondary_color,);
			@include border-radius(inherit);
			z-index: -1;
		}
		&:hover, &.active {
			@include border-radius(5px);
			box-shadow: 0 20px 50px #{'rgba(var(--primary-color-rgb),0.2)'};
			-webkit-box-shadow: 0 20px 50px #{'rgba(var(--primary-color-rgb),0.2)'};
			z-index: 99;
			&:before {
				opacity: 1;
			}
			.tb-item--icon {
				background-color: rgba(#fff, 0.2);
				i {
					color: #fff;
				}
			}
			.tb-item--button a {
				color: #fff;
			}
			.tb-item--title {
				color: #fff;
			}
		}
	}
	.ct-tabs-content {
		width: 60%;
		padding: 0 20px;
		@media #{$max-md} {
			width: 50%;
		}
		@media #{$max-sm} {
			width: 100%;
		}
	}
	.ct-tabs-title {
		width: 40%;
		padding: 0 20px;
		@media #{$max-md} {
			width: 50%;
		}
		@media #{$max-sm} {
			width: 100%;
			margin-bottom: 60px;
		}
	}
	.ct-tabs--main {
		margin: 0 -20px;
		display: flex;
		flex-wrap: wrap;
		@media #{$max-sm} {
			flex-direction: column-reverse;
		} 
	}
	.wg-item--button {
		padding-top: 34px;
		position: relative;
		z-index: 1;
		a {
			font-family: 'Outfit-Semibold';
			font-weight: 400;
			font-size: 16px;
			line-height: 56px;
			padding: 0 22px;
			@include border-radius(5px);
		}
		i {
			margin-left: 18px;
		}
		&:before {
			content: '';
			width: 287px;
			height: 125px;
			background-image: url(../images/tab-arrow.png);
			background-position: center;
			background-repeat: no-repeat;
			position: absolute;
			top: -55px;
			right: -25px;
			z-index: -1;
			@media #{$max-sm} {
				display: none;
			}
		}
	}
}

.ct-banner2 {
	position: relative;
	overflow: hidden;
	.ct-banner-image1 {
		width: 100%;
	}
	.item--title {
		margin-bottom: 6px;
		font-size: 36px;
		color: #fff;
		font-family: 'Outfit-Bold';
		font-weight: normal;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		@media #{$max-lg} {
			font-size: 24px;
		}
	}
	.item--desc {
		font-size: 16px;
		line-height: 26px;
		color: #fff;
		font-family: 'Barlow', sans-serif;
		margin-bottom: 15px;
		max-width: 480px;
		@media #{$max-sm} {
			display: none;
		}
	}
	.item--button {
		i {
			margin-left: 14px;
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
			transform: rotate(-45deg);
		}
		a {
			font-size: 16px;
			font-family: 'Outfit-Semibold';
			display: inline-flex;
			align-items: center;
			color: #fff;
			&:hover {
				color: #fff;
				i {
					transform: rotate(0deg);
				}
			}
		}
	}
	.item--holder {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 30px 30px 40px 30px;
		@include background-gradient-bottom(rgba(#000a49, 0.8) 55%, rgba(#000a49, 0));
		padding-top: 110px;
		@media #{$max-lg} {
			padding: 20px;
		}
	}
}

.ct-team-carousel3 {
	.item--title {
		font-size: 24px;
		margin-bottom: 9px;
		color: #010030;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
	}
	.item--position {
		font-weight: 500;
		color: #010030;
		font-family: 'Barlow', sans-serif;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
	}
	.item--social {
		z-index: 100;
		position: absolute;
		right: 16px;
		bottom: -20px;
		.item--social-btn {
			width: 40px;
			height: 40px;
			border-radius: 40px;
			display: block;
			background-color: red;
			line-height: 40px;
			text-align: center;
			font-size: 20px;
			color: #fff;
			@include background-horizontal(#ffcc33, #ff9900);
			cursor: pointer;
			i {
				display: inline-flex;
				@include transition(.3s cubic-bezier(.24,.74,.58,1));
			}
		}
		.item--social-link {
			position: absolute;
			bottom: 50px;
			width: 40px;
			@include background-horizontal(#ffcc33, #ff9900);
			@include border-radius(40px);
			padding: 18px 0;
			opacity: 0;
			@include transform(scaleY(0));
			opacity: 0;
			transform-origin: center bottom;
            -webkit-transform-origin: center bottom;
            -ms-transform-origin: center bottom;
            -o-transform-origin: center bottom;
            @include transition(.3s cubic-bezier(.24,.74,.58,1));
			a {
				display: block;
				width: 40px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				color: #fff;
				i {
					@include transition(.3s cubic-bezier(.24,.74,.58,1));
				}
				&:hover i {
					@include transform(translateX(4px));
				}
			}
		}
		&.active {
			.item--social-btn {
				i {
					transform: rotate(45deg);
				}
				+ .item--social-link {
					opacity: 1;
					@include transform(scaleY(1));
				}
			}
		}
	}
	.item--image img {
		width: 100%;
	}
	.item--holder {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px 18px;
		z-index: 99;
	}
	.item--shape {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 88;
		width: 100%;
		height: 100%;
		svg {
			width: 100%;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: auto;
			fill: #fff;
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
		}
		.item--shape-gradient {
			opacity: 0;
		}
	}
	.item--inner {
		position: relative;
		margin-bottom: 20px;
		margin-bottom: 50px;
		@include box-shadow(0 10px 40px rgba(#999999, 0.2));
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		&:hover {
			@include box-shadow(0 10px 40px rgba($primary_color_hex, 0.24));
			.item--shape {
				.item--shape-gradient {
					opacity: 1;
				}
			}
			.item--title, .item--position {
				color: #fff;
			}
		}
	}
	.ct-slick-carousel[data-arrows="true"] {
		padding-bottom: 0;
	}
	.ct-slick-carousel .slick-arrow {
		@include background-gradient-button(90deg, $primary_color 0%, $secondary_color 50%, $primary_color);
		background-size: 300%, 1px;
  		background-position: 0%;
  		color: #fff;
  		bottom: auto;
  		top: 50%;
  		@include transform(translate(0, -50%));
  		margin: -25px 0 0;
  		opacity: 0;
  		&.slick-prev {
  			left: -5px;
  			right: auto;
  		}
  		&.slick-next {
  			left: auto;
  			right: -5px;
  		}
  		&:hover {
  			background-position: 100%;
  		}
	}
	&:hover {
		.ct-slick-carousel .slick-arrow {
			opacity: 1;
			&.slick-prev {
	  			left: 22px;
	  			right: auto;
	  			@media #{$max-lg} {
	  				left: 62px;
	  			}
	  		}
	  		&.slick-next {
	  			left: auto;
	  			right: 22px;
	  			@media #{$max-lg} {
	  				right: 62px;
	  			}
	  		}
		}
	}
}

.btn-readmore-circle {
	width: 54px;
	height: 54px;
	border-radius: 54px;
	display: block;
	background-color: red;
	line-height: 54px;
	text-align: center;
	font-size: 28px;
	color: #fff;
	@include background-gradient-button(90deg, $primary_color 0%, $secondary_color 50%, $primary_color);
	background-size: 300%, 1px;
	background-position: 0%;
	cursor: pointer;
	i {
		display: inline-flex;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
	}
	&:hover {
		background-position: 100%;
		color: #fff;
	}
}

.ct-portfolio-carousel4 {
	.item--image {
		img {
			width: 100%;
		}
		.item--imgfilter {
			z-index: 66;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			@include transition(.3s cubic-bezier(.24,.74,.58,1));
			opacity: 0;
			&:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
				background-color: rgba(#002967, 0.5);
			}
			img {
				filter: blur(15px);
			}
		}
	}
	.item-readmore {
		position: absolute;
		bottom: 32px;
		right: 24px;
		z-index: 99;
		@include transform(scale(0) rotate(180deg)); 
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		opacity: 0;
	}
	.item--meta {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 20px 80px 45px 28px;
		z-index: 88;
	}
	.item--title {
		font-size: 36px;
		margin-bottom: 5px;
		font-weight: 400;
		font-family: 'Outfit-Bold';
		color: #fff;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		@include transform(translateY(30px));
		opacity: 0;
		@media #{$max-lg} {
			font-size: 24px;
		}
	}
	.item--category {
		font-size: 18px;
		color: #fff;
		font-family: 'Barlow', sans-serif;
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		@include transform(translateY(30px));
		opacity: 0;
		a {
			color: inherit;
			position: relative;
			&:before {
				content: '';
				width: 100%;
				height: 2px;
				background-color: #ff9900;
				position: absolute;
				left: 0;
				bottom: -4px;
			}
			&:hover {
				color: inherit;
			}
		}
	}
	.grid-item-inner {
		position: relative;
		overflow: hidden;
		@include border-radius(5px);
		&:hover {
			.item--imgfilter {
				opacity: 1;
			}
			.item--title, .item--category {
				@include transform(translateY(0px));
				opacity: 1;
			}
			.item--category {
				-webkit-transition-delay: 0.1s;
                -moz-transition-delay: 0.1s;
                transition-delay: 0.1s;
			}
			.item-readmore {
				@include transform(scale(1) rotate(0deg));
				opacity: 1;
				-webkit-transition-delay: 0.2s;
                -moz-transition-delay: 0.2s;
                transition-delay: 0.2s;
			}
		}
	}
}

.ct-testimonial-carousel2.style2 {
	.item--image {
		width: 60px;
		height: 60px;
		margin-right: 16px;
		border: 2px solid $primary_color;
		@include border-radius(60px);
		&:before, &:after {
			display: none;
		}
	}
	.item--title {
		font-size: 18px;
		color: #666;
		font-family: 'Outfit-Bold';
		font-weight: 400;
	}
	.item--position {
		font-size: 18px;
		font-family: 'Barlow', sans-serif;
	}
	.item--description {
		font-family: 'Barlow', sans-serif;
		font-size: 16px;
		line-height: 24px;
		color: #666;
		margin-bottom: 24px;
	}
	.item--inner {
		border-radius: 0px;
		@include box-shadow(0 20px 40px rgba(#999999, 0.15));
		margin-bottom: 60px;
		&:hover {
			border-color: $primary_color;
			@include box-shadow(0 20px 40px rgba(#999999, 0.25));
		}
	}
}

.ct-blog-carousel-layout5 {
	.item--featured {
		@include border-radius(10px);
		img {
			width: 100%;
		}
	}
	.item--category {
		position: absolute;
		top: 60px;
		left: 30px;
		font-size: 16px;
		font-family: 'Outfit-Semibold';
		padding: 0 20px;
		background-color: $primary_color;
		@include border-radius(5px);
		@include transition(.3s cubic-bezier(.24,.74,.58,1));
		opacity: 0;
		a {
			color: #fff;
			line-height: 40px;
		}
	}
	.item--title {
		margin-bottom: 7px;
		font-size: 24px;
		font-family: 'Outfit-Bold';
		font-weight: 400;
		color: #fff;
		a {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
	}
	.item--meta {
		list-style: none;
		margin-bottom: 0;
		color: #ffffff;
		font-family: 'Barlow', sans-serif;
		font-weight: 500;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		a {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
		li {
			margin-right: 28px;
			i {
				margin-right: 6px;
			}
			&:last-child {
				margin-right: 0;
			}
		}
	}
	.item--readmore {
		position: absolute;
		right: 30px;
		top: 50%;
		@include transform(translate(0, -50%));
		a {
			@include transform(scale(0) rotate(180deg)); 
			opacity: 0;
		}
		@media #{$max-lg} {
			right: 10px;
		}
	}
	.btn-readmore-circle {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 20px;
	}
	.item--filter {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -2;
		filter: blur(15px);
		img {
			width: 100%;
		}
	}
	.item--holder {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 28px 80px 28px 30px;
		background-color: rgba(#002761, 0.5);
		@include border-radius(0 0 10px 10px);
		overflow: hidden;
		z-index: 99;
		@media #{$max-lg} {
			padding-left: 20px;
			padding-right: 60px;
		}
		&:before {
			content: '';
			z-index: -1;
			background-color: inherit;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			@include border-radius(inherit);
		}
	}
	.grid-item-inner {
		position: relative;
		border-radius: 10px;
		overflow: hidden;
		&:hover {
			.item--category {
				opacity: 1;
				top: 30px;
			}
			.item--readmore a {
				@include transform(scale(1) rotate(0deg)); 
				opacity: 1;
			}
		}
	}
	.ct-slick-carousel[data-arrows="true"] {
		padding-bottom: 0;
	}
	.ct-slick-carousel .slick-arrow {
		@include background-gradient-button(90deg, $primary_color 0%, $secondary_color 50%, $primary_color);
		background-size: 300%, 1px;
  		background-position: 0%;
  		color: #fff;
  		bottom: auto;
  		top: 50%;
  		@include transform(translate(0, -50%));
  		opacity: 0;
  		margin: 0;
  		&.slick-prev {
  			left: -25px;
  			right: auto;
  		}
  		&.slick-next {
  			left: auto;
  			right: -25px;
  		}
  		&:hover {
  			background-position: 100%;
  		}
	}
	&:hover {
		.ct-slick-carousel .slick-arrow {
			opacity: 1;
			&.slick-prev {
	  			left: -5px;
	  			right: auto;
	  			@media #{$max-lg} {
	  				left: 30px;
	  			}
	  		}
	  		&.slick-next {
	  			left: auto;
	  			right: -5px;
	  			@media #{$max-lg} {
	  				right: 30px;
	  			}
	  		}
		}
	}
}

@media screen and (max-width: 1760px) {
	.box-hide-h8 {
		display: none;
	}
}

.btn-video-style6 {
	.ct-video-holder {
		border-radius: 15px;
	}
	.ct-video-button {
		width: 52px;
		height: 52px;
		border-radius: 52px;
		border: 2px solid #fff;
		background-color: rgba(#fff, 0.32);
		font-size: 17px;
		color: #fff;
	}
}

.ct-video-player.btn-video-style7 {
	align-items: center;
	.ct-video-button {
		width: 60px;
		height: 60px;
		background-color: $secondary_color;
		border-radius: 60px;
		color: #fff;
		&:hover {
			background-color: $primary_color;
		}
	}
	&.meta-active .ct-video-box {
		width: auto;
		min-width: auto;
		margin-right: 10px;
	}
	.ct-video-meta {
		h4 {
			font-size: 20px;
			margin: 0 0 6px;
			color: #16285C;
			font-weight: 600;
		}
		p {
			font-size: 16px;
			color: $primary_color;
		}
	}
}

.ct-image-box {
	.ct-item--image {
		position: relative;
		overflow: hidden;
		border-radius: 20px;
		box-shadow: 0 0 30px rgba(#007CFB, 0.15);
		margin-bottom: 24px;
		background-color: #16285C;
		img {
			@include transition(all 300ms linear 0ms);
		}
	}
	.ct-item--title {
		margin-bottom: 16px;
		font-size: 28px;
		color: #16285C;
	}
	.ct-item--description {
		font-size: 18px;
		color: #4D5864;
		line-height: 1.45;
		@media #{$max-sm} {
			font-size: 16px;
		}
	}
	.ct-item-link {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 99;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		.ct-icon--link {
			opacity: 0;
			@include transition(all 300ms linear 0ms);
			transform: translateX(-30px);
			@media #{$max-lg} {
				display: none;
			}
		}
	}
	.ct-item--icon {
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 99;
		width: 79px;
		height: 79px;
		background-color: $primary_color;
		border-right: 4px solid #fff;
		border-top: 4px solid #fff;
		border-radius: 0 20px 0 0px;
		color: #fff;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		@include transition(all 300ms linear 0ms);
		transform: scale(0);
  		transform-origin: left bottom;
  		opacity: 0;
		svg {
			height: 48px;
			fill: #fff;
		}
		i {
			display: inline-flex;
			font-size: 48px;
		}
	}
	@media #{$min-md} {
		&.style2 {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column-reverse;
			.ct-item--image {
				margin-bottom: 0;
			}
			.ct-item--description {
				margin-bottom: 23px;
				@media #{$max-lg} {
					font-size: 16px;
				}
			}
			.ct-item--title {
				margin-top: -8px;
				@media #{$max-lg} {
					font-size: 24px;
				}
			}
			.ct-item--icon {
				transform-origin: left top;
				bottom: auto;
				top: 0;
				left: 0;
				border-top: none;
				border-right: 4px solid #fff;
				border-bottom: 4px solid #fff;
				border-radius: 0 0px 20px 0;
			}
		}
	}
	&:hover {
		.ct-item--image {
			img {
				opacity: 0.28;
			}
		}
		.ct-item-link {
			.ct-icon--link {
				opacity: 0.7;
				transform: translateX(0px);
			}
		}
		.ct-item--icon {
			transform: scale(1);
			opacity: 1;
		}
	}
}

.ct-process-single1 {
	background-color: #fff;
	box-shadow: 0 0 30px rgba(#000, 0.06);
	padding: 48px 90px 48px 58px;
	@media #{$max-lg} {
		padding-left: 30px;
		padding-right: 70px;
	}
	.ct-item--number {
		width: 110px;
		height: 110px;
		font-size: 42px;
		font-weight: 700;
		color: #0431B8;
		background-color: rgba(#0431B8, 0.1);
		display: inline-flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		@media #{$max-lg} {
			font-size: 30px;
			width: 80px;
			height: 80px;
		}
		span {
			display: block;
		}
	}
	.ct-item--title {
		margin-bottom: 18px;
		font-size: 28px;
		color: #16285C;
		@media #{$max-lg} {
			font-size: 24px;
		}
	}
	.ct-item--desc {
		font-size: 20px;
		color: #4D5864;
		line-height: 1.5;
		@media #{$max-lg} {
			font-size: 16px;
		}
	}
	&.number-bottom-right {
		border-radius: 80px 0 0 0;
		@media #{$max-lg} {
			border-radius: 50px 0 0 0;
		}
		.ct-item--number {
			right: 0;
			bottom: 0;
			border-radius: 110px 0 0 0;
			span {
				margin-top: 20px;
				margin-left: 10px;
			}
		}
	}
	&.number-bottom-left {
		border-radius: 0 80px 0 0;
		padding-right: 58px;
		padding-left: 100px;
		@media #{$max-lg} {
			border-radius: 0 50px 0 0;
			padding-right: 30px;
			padding-left: 70px;
		}
		.ct-item--number {
			left: 0;
			bottom: 0;
			border-radius: 0 110px 0 0;
			span {
				margin-top: 20px;
				margin-right: 10px;
			}
		}
	}
	&.number-top-right {
		border-radius: 0 0 0 80px;
		@media #{$max-lg} {
			border-radius: 0 0 0 50px;
		}
		.ct-item--number {
			right: 0;
			top: 0;
			border-radius: 0 0 0 110px;
			span {
				margin-bottom: 20px;
				margin-left: 10px;
			}
		}
	}
	&.number-top-left {
		border-radius: 0 0 80px 0;
		padding-right: 58px;
		padding-left: 100px;
		@media #{$max-lg} {
			border-radius: 0 0 50px 0;
			padding-right: 30px;
			padding-left: 70px;
		}
		.ct-item--number {
			left: 0;
			top: 0;
			border-radius: 0 0 110px 0;
			span {
				margin-bottom: 20px;
				margin-right: 10px;
			}
		}
	}
}

.ct-blog-carousel-layout7 {
	.item--readmore {
		a {
			font-size: 16px;
			font-weight: 500;
			text-transform: uppercase;
			color: $secondary_color;
			display: inline-flex;
			align-items: center;
		}
		svg {
			fill: $secondary_color;
			margin-left: 16px;
		}
	}
	.item--content {
		font-size: 20px;
		color: #4D5864;
		line-height: 1.5;
		margin-bottom: 25px;
		@media #{$max-lg} {
			font-size: 18px;
		}
	}
	.item--title {
		margin-bottom: 16px;
		font-size: 30px;
		color: #16285C;
		font-family: "Outfit", Sans-serif;
		a {
			color: inherit;
			&:hover {
				color: inherit;
			}
		}
	}
	.item--featured {
		border-radius: 20px;
		overflow: hidden;
		position: relative;
		margin-bottom: 24px;
	}
	.item--date {
		position: absolute;
		bottom: 22px;
		left: 22px;
		width: 89px;
		.item--date-top {
			font-size: 32px;
			font-weight: 700;
			color: #16285C;
			background-color: #fff;
			width: 89px;
			height: 45px;
			line-height: 45px;
			text-align: center;
			border-radius: 16px 16px 0 0;
			font-family: "Outfit", Sans-serif;
		}
		.item--date-bottom {
			font-size: 14px;
			color: #fff;
			background-color: $secondary_color;
			width: 89px;
			height: 36px;
			line-height: 36px;
			text-align: center;
			border-radius: 0 0 16px 16px;
		}
	}
	.item--meta {
		border-top: 1px solid rgba(#16285C, 0.15);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		padding: 20px 0;
		margin-bottom: -32px;
	}
	.item-author {
		margin-right: 20px;
		flex-grow: 1;
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		.item-author--img {
			width: 42px;
			min-width: 42px;
			margin-right: 10px;
			img {
				border-radius: 42px;
			}
		}
		.item-author--name {
			font-size: 16px;
			font-weight: 500;
			font-family: "Outfit", Sans-serif;
			color: #16285C;
			text-transform: uppercase;
		}
	}
	.grid-item-inner {
		background-color: #fff;
		border-radius: 20px;
		box-shadow: 0 0 30px rgba(#000, 0.08);
		margin: 30px 0;
		padding: 32px;
		&.featured-image-active {
			margin-top: 135px;
			.item--featured {
				margin-top: -137px;
			}
		}
	}
}

.pxl-slick-arrow-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	svg {
		fill: #4D5864;
		@include transition(all 300ms linear 0ms);
	}
	span {
		display: inline-flex;
		font-size: 20px;
		color: #4D5864;
		font-family: "Outfit", Sans-serif;
		margin: 0 -14px;
		@include transition(all 300ms linear 0ms);
	}
	.pxl-slick-arrow {
		margin: 15px 27px;
		height: 61px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		&.pxl-slick-next {
			svg {
				transform: scaleX(-1);
			}
		}
		&:hover {
			svg {
				fill: $secondary_color;
			}
			span {
				color: $secondary_color;
			}
		}
	}
}

.pxl-hide-arrow {
	.slick-arrow {
		opacity: 0 !important;
		visibility: hidden !important;
		position: absolute;
		z-index: -99999;
	  }
	.ct-slick-carousel[data-arrows="true"] {
		padding-bottom: 0;
	}		
}

body.rtl {
	.ct-fancy-box-layout1.style9 .item--icon {
		margin-right: 0;
		margin-left: 14px;
	}
	.btn-video-style7.meta-active .ct-video-box {
		margin-right: 0;
		margin-left: 10px;
	}
	.ct-fancy-box-layout1.style10 .item--icon {
		margin-right: 0;
		margin-left: 22px;
	}
	.ct-counter-layout1 .item--icon.style3 {
		margin-right: 0;
		margin-left: 30px;
	}
}