/*
@File: Conzio Template Styles

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

******************************************* 
** - DEFAULT AREA STYLE - **

** - Default Btn Area Style
** - Read More Area Style
** - Section Title Area Style

** - HOME PAGE STYLE - **

** - Top Header Area Style
** - Nav Area Style
** - Mobile Nav Area Style
** - Hero Slider Area Style
** - Who We Are Content Area Style
** - Feathers Area Style
** - Service Area Style
** - Counter Area Style
** - Featured Area Style
** - Price Area Style
** - Skill Area Style
** - Partner Area Style
** - Testimonials Area Style
** - Blog Area Style
** - Subscribe Area Style
** - Footer Top Area Style
** - Footer Bottom Area Style
** - Sidebar Area Style

** - OTHER STYLE AREA - **

** - Preloader Area Style
** - Go Top Style
** - Video wave Style
** - Section Title Area Style
** - Nice select Area

*******************************************
/*

/*
Default Style
============================*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,800;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,500&display=swap');


:root {
	--body-family: 'Open Sans', sans-serif;
	--heading-family: 'Roboto', sans-serif;
	--main-color: #04A950;
	--body-color: #555555;
	--head-color: #04A950;
	--heading-color: #040f28;
	--white-color: #ffffff;
	--black-color: #000000;
	--font-size: 16px;
	--transition: all ease .5s;
	--border-radius: 4px;
	--box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

body {
    font-size: var(--font-size);
    font-family: var(--body-family);
	color: var(--body-color);
}
a {
	display: inline-block;
    transition: var(--transition);
	text-decoration: none;
	color: var(--body-color);
	&:hover {
        text-decoration: none;
        color: var(--main-color);
	}
	&:focus {
		text-decoration: none;
	}
}
button {
    outline: 0 !important; 
	box-shadow: none;
	border: none;
    &:focus {
        box-shadow: none;
    }
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: var(--heading-family);
    color: var(--heading-color);
	font-weight: 700;
	
}
h3 {
	font-size: 24px;
}
.d-table {
    width: 100%;
    height: 100%;
}
.d-table-cell {
    vertical-align: middle;
}
p {
    font-size: var(--font-size);
	margin-bottom: 15px;
	line-height: 1.8;
	&:last-child {
        margin-bottom: 0;
    }
} 
img {
    max-width: 100%;
    height: auto;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.form-control {
    height: 50px;
    color: var(--main-color);
	border: 1px solid #ebebeb;
	background-color: #f7f7f7;
	border-radius: 0;
	font-size: 16px;
	padding: 10px 20px;
	width: 100%;
	&::placeholder {
		color: #676a6a;
	}
	&:focus {
		color: var(--black-color);
		background-color: transparent;
		box-shadow: unset;
		outline: 0;
		border: 1px solid var(--main-color);
	}
}
.form-control:hover, .form-control {
    &:focus {
        box-shadow: unset;
    }
}
textarea {   
    &.form-control {
        height: auto;
    }
}
.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}
.ptb-70 {
    padding-top: 70px;
    padding-bottom: 70px;
}
.pt-100 {
    padding-top: 100px;
}
.pb-100 {
    padding-bottom: 100px;
}
.pt-70 {
    padding-top: 70px;
}
.pb-70 {
    padding-bottom: 70px;
}
.mt-100 {
	margin-top: 100px;
}
.mt-30 {
	margin-top: 30px;
}
.mb-30 {
	margin-bottom: 30px;
}

/*
Bg-color Style*/
.ebeef5-bg-color {
	background-color: #ebeef5;
}
.f5f6fa-bg-color {
	background-color: #f5f6fa;
}

/*
Default Btn Area Style*/
.default-btn {
	font-size: 16px;
    color: var(--white-color);
	padding: 15px 40px;
    line-height: 1;
    transition: var(--transition);
	text-align: center;
	background-color: var(--main-color);
	border-radius: var(--border-radius);
	border: 1px solid var(--main-color);
	text-transform: capitalize;
	&:hover {
		color: var(--main-color);
		border-color: var(--main-color) !important;
		background-color: transparent;
	}
}

/*
Read More Btn Area Style*/
.read-more {
	font-weight: 500;
	font-size: 15px;
	color: var(--heading-color);
	font-family: var(--heading-family);
	span {
		font-size: 13px;
		font-weight: 700;
		position: relative;
		margin-left: 5px;
		margin-bottom: 0;
		color: var(--heading-color);
		transition: var(--transition);
	}
	&:hover {
		color: var(--main-color);
		span {
			color: var(--main-color);
		}
	}
}

/*
Section Title Area Style*/
.section-title {
	max-width: 750px;
	margin:-6px auto 50px;
	text-align: center;
	span {
		font-size: 16px;
		display: block;
		margin-bottom: 5px;
		color: var(--main-color);
	}
	h2 {
		font-size: 40px;
		margin-bottom: 15px; 
		position: relative;
		&:last-child {
			margin-bottom: 0;
		}
	}
	&.white-title {
		span {
			color: var(--main-color);
		}
		h2 {
			color: var(--white-color);
		}
	}
}

/*
Top Header Area Style
======================================================*/
.header-area {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 999;
}
.top-header {
	background-color: var(--heading-color);
	padding: {
		top: 15px;
		bottom: 15px;
	}
	.header-left-content {
		padding-left: 30px;
		li {
			display: inline-block;
			margin-right: 30px;
			&:last-child {
				margin-right: 0;
			}
			i {
				color: var(--white-color);
				display: inline-block;
				margin-right: 10px;
				font-size: 15px;
			}
			a {
				color: var(--white-color);
				font-size: 15px;
				&:hover {
					color: var(--main-color);
				}
			}
		}
	}
	.header-right-content {
		padding-right: 30px;
		float: right;
		li {
			display: inline-block;
			margin-right: 15px;
			&:last-child {
				margin-right: 0;
			}
			a {
				color: var(--white-color);
				font-size: 15px;
				i {
					color: var(--white-color);
					display: inline-block;
					font-size: 18px;
					transition: var(--transition);
				}
				&:hover {
					color: var(--main-color);
					i {
						color: var(--main-color);
					}
				}
			}
		}
	}
	&.top-header-style-two {
		.header-left-content {
			margin-left: 230px;
		}
	}
	&.top-header-style-three {
		background-color: transparent;
		.header-left-content {
			padding-right: 30px;
			padding-left: 0;
			float: right;
		}
		.header-right-content {
			padding-left: 30px;
			float: left;
			padding-right: 0;
		}
	}
}

/*
Nav Area Style
======================================================*/
.navbar-area {
	.main-nav {
		background-color: var(--white-color);
		box-shadow: var(--box-shadow);
		padding-top: 0;
		padding-bottom: 0;
		.container-fluid {
			padding-left: 30px;
			padding-right: 30px;
		}
		.navbar {
			padding: 0;
			.navbar-brand {
				font-size: 0;
				padding: 0;
			}
		}
		nav {
			.navbar-nav {
				.nav-item {
					position: relative;
					padding: 0 0;
					a {
						font-size: 16px;
						font-weight: 600;
						color: var(--heading-color);
						text-transform: capitalize;
						transition: var(--transition);
						margin-left: 0;
						margin-right: 0;
						padding: 30px 20px;
						position: relative;
						z-index: 1;
						&::before {
							content: "";
							position: absolute;
							top: 0;
							right: 0;
							width: 0;
							height: 100%;
							background-color: var(--main-color);
							z-index: -1;
							transition: var(--transition);
						}
						i {
							font-size: 22px;
							line-height: 0;
							position: relative;
							top: 4px;
						}
						&:hover {
							color: var(--white-color);
							&::before {
								width: 100%;
								right: auto;
								left: 0;
							}
						}
						&.active {
							color: var(--white-color);
							&::before {
								width: 100%;
								right: auto;
								left: 0;
							}
						}
					}
					.dropdown-menu {
						position: absolute;
						top: 98%;
						left: 0;
						padding: 0;
						opacity: 0;
						width: 250px;
						visibility: hidden;
						z-index: 99;
						display: block;
						padding: 0;
						background-color: var(--white-color);
						border: none;
						border-radius: 0;
						transition: all 0.2s ease-in-out;
						box-shadow: var(--box-shadow);
						transform: scaleX(0);
						li {
							position: relative;
							padding: 0;
							a {
								font-size: 15px;
								color: var(--body-color);
								position: relative;
								padding: 10px 15px;
								border-bottom: 1px dashed #eeeeee;
								margin-left: 0;
								margin-right: 0;
								text-transform: capitalize;
								display: block;
								font-weight: 600;
								i {
									float: right;
									top: 12px;
									transition: var(--transition);
									font-size: 20px;
								}
								&:hover {
									color: var(--white-color);
									background-color: var(--main-color);
								}
								&.active {
									color: var(--white-color);
								}
							}
							.dropdown-menu {
								left: 100%;
								top: 0;
							}
							&:last-child {
								a {
									border-bottom: none;
								}
							}
							&:hover {
								.dropdown-menu {
									top: -2px !important;
								}
							}
							.dropdown-menu {
								position: absolute;
								left: -98%;
								top: 0 !important;
								opacity: 0 !important;
								visibility: hidden !important;
								transform: scaleX(0);
								li {
									.dropdown-menu {
										position: absolute;
										right: -100%;
										top: 0;
										opacity: 0 !important;
										visibility: hidden !important;
									}
									a {
										color: var(--body-color);
										text-transform: capitalize;
										font-size: 15px;
										font-weight: 600;
										&:hover {
											color: var(--white-color);
										}
										&:focus {
											color: var(--white-color);
										}
										&.active {
											color: var(--white-color);
										}
									}
								}
							}
							&:hover {
								.dropdown-menu {
									opacity: 1 !important;
									visibility: visible !important;
									top: -2px !important;
									transform: scaleX(1);
									li {
										&:hover {
											.dropdown-menu {
												opacity: 1 !important;
												visibility: visible !important;
												top: -20px !important;
											}
										}
									}
								}
							}
						}
						&:last-child {
							.dropdown-menu {
								left: auto;
								right: -100%;
							}
						}
					}
					&:hover {
						ul {
							opacity: 1;
							visibility: visible;
							top: 98%;
							transform: scaleX(1);
						}
					}
				}
			}
		}
	}
	&.is-sticky {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
		background-color: var(--white-color);
		animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
		&.navbar-area-style-two {
			.main-nav {
				.navbar {
					.navbar-brand {
						position: absolute;
						top: 0px;
						left: 0;
						max-width: 108px;
					}
				}
			}
			.others-option.others-option-style-two {
				margin-left: 160px;
				.search-box {
					.form-control {
						width: 300px;
					}
				}
			}
		}
		&.navbar-area-style-three {
			background-color: var(--heading-color);
			.main-nav {
				border-color: var(--heading-color);
			}
		}
	}
	.others-option {
		margin-left: 30px;
		.search-box {
			display: inline-block;
			position: relative;
			.form-control {
				background-color: #f5f5f5;
				border-color: #f5f5f5;
				height: 50px;
				width: 300px;
				border-radius: 0 50px 50px 0;
				&:focus {
					box-shadow: none !important;
					border: 1px solid var(--heading-color);
				}
			}
			.search-btn {
				position: absolute;
				top: 0;
				right: 0;
				height: 50px;
				width: 50px;
				line-height: 50px;
				background-color: var(--heading-color);
				border-radius: 0 50px 50px 0;
				color: var(--white-color);
				text-align: center;
				transition: var(--transition);
				font-size: 20px;
				&:hover {
					background-color: var(--main-color);
				}
			}
		}
		.cart-icon {
			display: inline-block;
			margin-left: 10px;
			position: relative;
			top: 0;
			a {
				i {
					font-size: 20px;
					transition: var(--transition);
					line-height: 1;
					width: 50px;
					height: 50px;
					line-height: 50px;
					text-align: center;
					background-color: var(--main-color);
					display: inline-block;
					color: var(--white-color);
					border-radius: 50px;
				}
				span {
					position: absolute;
					top: 5px;
					right: 7px;
					width: 15px;
					height: 15px;
					line-height: 15px;
					background-color: var(--white-color);
					border-radius: 50%;
					text-align: center;
					color: var(--heading-color);
					font-size: 11px;
				}
				&:hover {
					i {
						background-color: var(--heading-color);
					}
				}
			}
		}
	}
	&.navbar-area-style-two {
		.main-nav {
			.navbar {
				.navbar-brand {
					position: absolute;
					top: -54px;
					left: 0;
				}
			}
			nav {
				.navbar-nav {
					.nav-item {
						a {
							&::before {
								display: none;
							}
							&.active {
								color: var(--main-color);
							}
							&:hover {
								color: var(--main-color);
							}
						}
						.dropdown-menu {
							li {
								a {
									&.active {
										color: var(--main-color);
									}
									&:hover {
										color: var(--main-color);
										background-color: transparent;
									}
								}
								.dropdown-menu {
									li {
										a {
											&:hover {
												color: var(--main-color);
											}
											&.active {
												color: var(--main-color);
											}
										}
									}
								}
							}
						}
					} 
				}
			}
		}
		.others-option {
			&.others-option-style-two {
				margin-left: 210px;
				.search-box {
					.form-control {
						border-radius: 0;
						width: 250px;
					}
					.search-btn {
						background-color: transparent;
						color: var(--main-color);
						line-height: 51px;
					}
				}
			}
			&.others-option-style-right {
				.sidebar-menu {
					display: inline-block;
					margin-left: 30px;
					a {
						i {
							font-size: 37px;
							background-color: var(--main-color);
							height: 50px;
							width: 60px;
							line-height: 50px;
							display: inline-block;
							text-align: center;
							color: var(--white-color);
						}
					}
				}
				.cart-icon {
					margin-left: 0;
					a {
						i {
							background-color: transparent;
							color: var(--heading-color);
							width: unset;
							height: unset;
							line-height: unset;
							font-size: 25px;
						}
						span {
							background-color: var(--main-color);
							color: var(--white-color);
							top: -5px;
    						right: -6px;
						}
					}
				}
			}
		}
	}
	&.navbar-area-style-three {
		.main-nav {
			background-color: transparent;
			border-top: 1px solid #3d4456;
			border-bottom: 1px solid #3d4456;
			nav {
				.navbar-nav {
					.nav-item {
						a {
							color: var(--white-color);
							&::before {
								display: none;
							}
							&::after {
								display: none;
							}
							&.active {
								color: var(--main-color);
							}
							&:hover {
								color: var(--main-color);
							}
						}
						.dropdown-menu {
							li {
								a {
									&.active {
										color: var(--main-color);
										background-color: transparent;
									}
									&:hover {
										color: var(--main-color);
										background-color: transparent;
									}
								}
								.dropdown-menu {
									li {
										a {
											&.active {
												color: var(--main-color);
											}
											&:hover {
												color: var(--main-color);
											}
										}
									}
								}
							}
						}
					}
				}
			}
		}
		.others-option {
			.search-box  {
				position: relative;
				top: -5px;
				.form-control {
					border-radius: 0;
					border: 1px solid #636a79;
					background-color: transparent;
					color: var(--white-color);
				}
				.search-btn {
					border-radius: 0;
					border-left: 1px solid #636a79;
					color: var(--main-color);
					background-color: transparent;
					&:hover {
						color: var(--white-color);
					}
				}
			}
			.cart-icon {
				margin-left: 30px;
				position: relative;
				top: 0;
				a {
					i {
						background-color: transparent;
						color: var(--white-color);
						width: unset;
						height: unset;
						line-height: unset;
						font-size: 25px;
					}
					span {
						background-color: var(--main-color);
						color: var(--white-color);
						top: -3px;
						right: -6px;
					}
				}
			}
			.sidebar-menu {
				display: inline-block;
				margin-left: 30px;
				position: relative;
    			top: 3px;
				a {
					i {
						font-size: 37px;
						display: inline-block;
						text-align: center;
						color: var(--white-color);
					}
				}
			}
		}
	}
}

/*
Mobile Nav Area Style
======================================================*/
.mobile-nav {
	display: none;
}

/*
Others Option For Responsive Area Style
======================================================*/
.others-option-for-responsive {
	display: none;
	.dot-menu {
		padding: 0 10px;
		height: 30px;
		cursor: pointer;
		z-index: 9991;
		position: absolute;
		right: 70px;
		top: 20px;
		.inner {
			display: flex;
			align-items: center;
			height: 30px;
			.circle {
				height: 5px;
				width: 5px;
				border-radius: 100%;
				margin: 0 2px;
				transition: var(--transition);
				background-color: var(--black-color);
			}
		}
		&:hover {
			.inner {
				.circle {
					background-color: var(--main-color);
				}
			}
		}
	}
	.container {
		position: relative;
		.container {
			position: absolute;
			right: 0;
			left: 0;
			top: 10px;
			max-width: 262px;
			margin: auto;
			opacity: 0;
			visibility: hidden;
			box-shadow: var(--box-shadow);
			transition: var(--transition);
			transform: scaleX(0);
			z-index: 2;
			padding-left: 15px;
			padding-right: 15px;
		}
		.container.active {
			opacity: 1;
			visibility: visible;
			transform: scaleX(1);
		}
	}
	.option-inner {
		padding: 15px;
		box-shadow: var(--box-shadow);
		background-color: var(--white-color);
		.others-option {
			background-color: var(--white-color);
			border-radius: 30px;
			padding: 10px;
			position: absolute;
			top: 70px;
			left: 0;
			right: 0;
			box-shadow: var(--box-shadow);
			.option-item {
				margin-left: 15px;
				padding-left: 15px;
				position: relative;
				&:first-child {
					margin-left: 0;
					padding-left: 0;
				}
			}
		}
	}
	.sidebar-menu {
		display: inline-block;
		margin-left: 10px;
		a {
			i {
				font-size: 25px;
				background-color: var(--main-color);
				height: 50px;
				width: 50px;
				line-height: 50px;
				display: inline-block;
				text-align: center;
				color: var(--white-color);
				border-radius: 50px;
			}
		}
	}
}

/*
Hero Slider Area Style
======================================================*/
.hero-slider-item {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	position: relative;
	&.bg-1 {
		background-image: url(../../assets/img/hero-slider-img/hero-slider-img-1.jpg);
	}
	&.bg-2 {
		background-image: url(../../assets/img/hero-slider-img/hero-slider-img-2.jpg);
	}
	&.bg-3 {
		background-image: url(../../assets/img/hero-slider-img/hero-slider-img-3.jpg);
	}
	&.bg-4 {
		background-image: url(../../assets/img/hero-slider-img/hero-slider-img-4.jpg);
	}
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(4, 15, 40, 0.85);
		
	}
	.border-text {
		color: transparent;
		-webkit-text-stroke: 1px rgba(255, 94, 20, 0.2);
		user-select: none;
		font-size: 280px;
		position: absolute;
		top: 130px;
		left: 0;
		right: 0;
		text-align: center;
	}
}
.hero-slider-content {
	max-width: 870px;
	margin: 130px auto 0;
	text-align: center;
	position: relative;
	z-index: 1;
	h1 {
		font-size: 80px;
		color: var(--white-color);
		margin-bottom: 10px;
		span {
			color: var(--main-color);
		}
	}
	p {
		color: var(--white-color);
		margin-bottom: 45px;
	}
	.hero-slider-btn {
		.default-btn {
			&.active {
				margin-left: 30px;
				border: 1px solid var(--white-color);
				color: var(--white-color);
				background-color: transparent;
				&:hover {
					background-color: var(--main-color);
				}
			}
		}
	}
}
.hero-slider-area {
	.owl-item {
		&.active {
			.hero-slider-item {
				&::before {
					animation: 3s .3s fadeInUp both;
				}
			}
			.hero-slider-content {
				overflow: hidden;
				&.one {
					img {
						animation: 2s .2s fadeInLeft both;
					}
					h1 {
						animation: 2s .2s fadeInLeft both;
					}
					p {
						animation: 2s .2s fadeInRight both;
					}
					.hero-slider-btn {
						animation: 2s .2s fadeInUpBig both;
					}
				}
				&.two {
					img {
						animation: 2s .2s fadeInUpBig both;
					}
					h1 {
						animation: 2s .2s fadeInUpBig both;
					}
					p {
						animation: 3s .3s fadeInUpBig both;
					}
					.hero-slider-btn {
						animation: 3s .3s fadeInUpBig both;
					}
				}
			}
		}
	}
	.owl-next {
		position: absolute;
		top: 50%;
		right: 30px;
		margin: 0 !important;
		border-radius: 0 !important;
		transition: var(--transition);
		transform: translateY(50px);
		i {
			border: 1px solid var(--white-color);
			color: var(--white-color);
			width: 60px;
			height: 50px;
			line-height: 50px;
			display: inline-block;
			transition: var(--transition);
			font-size: 26px;
			&:hover {
				background-color: var(--main-color) !important;
				border-color: var(--main-color);
			}
		}
	}
	.owl-prev {
		position: absolute;
		top: 50%;
		left: 30px;
		margin: 0 !important;
		border-radius: 0 !important;
		transition: var(--transition);
		transform: translateY(50px);
		i {
			border: 1px solid var(--white-color);
			color: var(--white-color);
			width: 60px;
			height: 50px;
			line-height: 50px;
			display: inline-block;
			transition: var(--transition);
			font-size: 26px;
			&:hover {
				background-color: var(--main-color) !important;
				border-color: var(--main-color);
			}
		}
	}
	.owl-theme {
		.owl-nav {
			margin-top: 0 !important; 
		}
	} 
	&.owl-theme .owl-nav {
		margin-top: 0 !important;
	}
	.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: transparent;
	}
	&.hero-slider-two {
		.hero-slider-item {
			height: 870px;
		}
		.hero-slider-content {
			max-width: 950px;
			margin-top: 0;
			img {
				width: unset;
				margin: 0 auto 35px;
			}
			p {
				font-size: 24px;
			}
		}
	}
	&.owl-theme {
		.owl-dots {
			margin-top: 0 !important;
			line-height: 1;
			position: absolute;
			bottom: 115px;
			left: 0;
			right: 0;
			.owl-dot {
				span {
					width: 30px;
					height: 4px;
					margin: 0 10px;
					background: #818998;
					transition: var(--transition);
					border-radius: 0;
				}
				&.active {
					span {
						background-color: var(--main-color);
					}
				}
				&:hover {
					span {
						background-color: var(--main-color);
					}
				}
			}
		}
	}
}
.banner-area {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 770px;
	position: relative;
	background-image: url(../../assets/img/banner-bg.jpg);
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #040f28;
		opacity: 0.85;
	}
	.banner-content {
		max-width: 870px;
		margin: 140px auto 0;
		text-align: center;
		position: relative;
		z-index: 1;
		h1 {
			font-size: 80px;
			color: var(--white-color);
			margin-bottom: 30px;
			span {
				color: var(--main-color);
			}
		}
		.video-btn {
			background-color: rgba(101, 48, 34, 0.9);
			&::before, &::after {
				animation: ripple 1.6s ease-out infinite;
				background-color: rgba(101, 48, 34, 0.9);
			}
		}
	}
}

/*
Who We Are Content Area Style
======================================================*/
.who-we-are-content {
	.top-title {
		color: var(--main-color);
		position: relative;
		line-height: 1;
		display: inline-block;
		padding-left: 10px;
		margin-bottom: 10px;
		font-family: var(--heading-family);
		font-size: 16px;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 1px;
			height: 100%;
			background-color: var(--main-color);
		}
	}
	h2 {
		font-size: 36px;
		margin-bottom: 20px;
		span {
			color: var(--main-color);
		}
	}
	.single-who-we-are {
		margin-top: 25px;
		margin-bottom: 30px;
		i {
			color: var(--main-color);
			display: inline-block;
			margin-bottom: 25px;
			font-size: 50px;
			line-height: 1;
		}
		h3 {
			margin-bottom: 10px;
		}
		p {
			margin-bottom: 20px;
		}
	}
}
.who-we-are-img {
	position: relative;
	.who-we-are-img-2 {
		position: absolute;
		bottom: 0;
		right: 35px;
		border-top: 10px solid var(--white-color);
		border-left: 10px solid var(--white-color);
	}
	.video-button {
		background-color: var(--main-color);
		padding: 13px 46px;
		margin-top: 30px;
		i {
			font-size: 50px;
			color: var(--white-color);
		}
		p {
			display: inline-block;
			margin-bottom: 0;
			color: var(--white-color);
			font-size: 18px;
			position: relative;
			top: -11px;
			margin-left: 10px;
		}
	}
}
.who-we-are-area-style-two {
	position: relative;
	overflow: hidden;
	.single-who-we-are {
		margin-bottom: 30px;
	}
	.who-we-are-content {
		max-width: 550px;
	}
	.who-we-area-img-3 {
		position: absolute;
		top: 20px;
		right: -200px;
	}
}

/*
Feathers Area Style
======================================================*/
.feathers-area {
	background-image: url(../../assets/img/hero-slider-img/aditya-construction-1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: relative;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--heading-color);
		opacity: 0.8;
	}
	&.feathers-area-style-two {
		background-image: unset;
		&::before {
			display: none;
		}
		.container {
			background-color: var(--white-color);
			box-shadow: var(--box-shadow);
			margin-top: -60px;
			position: relative;
			z-index: 1;
			padding-top: 35px;
			padding-bottom: 20px;
		}
		.col-lg-4 {
			&:first-child {
				.single-feathers {
					&::before {
						display: none;
					}
				}
			}
		}
		.single-feathers {
			text-align: center;
			padding: 30px;
			position: relative;
			padding-bottom: 0;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: -30px;
				width: 1px;
				height: 100%;
				background-color: #eeeeee;
			}
			i {
				position: relative;
				display: inline-block;
				z-index: 1;
				width: 70px;
				height: 70px;
				line-height: 70px;
				margin-bottom: 25px;
				&::after {
					content: "";
					position: absolute;
					top: -15px;
					left: 0;
					width: 100%;
					height:100%;
					background-image: linear-gradient(#ffdfd0, #ffffff);
					z-index: -1;
					border-radius: 50%;
				}
			}
			h3 {
				color: var(--heading-color);
			}
			p {
				color: var(--body-color);
			}
		}
	}
}
.single-feathers {
	position: relative;
	padding-left: 85px;
	transition: var(--transition);
	margin-bottom: 30px;
	i {
		color: var(--main-color);
		font-size: 60px;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 1;
	}
	h3 {
		color: var(--white-color);
		margin-bottom: 15px;
	}
	p {
		color: var(--white-color);
	}
	&:hover {
		transform: translateY(-5px);
	}
}

/*
Service Area Style
======================================================*/
.single-services {
	background-image: url(../../assets/img/services-shape.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 30px;
	position: relative;
	z-index: 1;
	transition: var(--transition);
	margin-bottom: 30px;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #f5f5f5;
		opacity: 0.5;
		z-index: -1;
		transition: var(--transition);
	}
	i {
		font-size: 60px;
		line-height: 1;
		color: var(--main-color);
		margin-bottom: 25px;
		display: inline-block;
		transition: var(--transition);
	}
	h3 {
		margin-bottom: 10px;
		transition: var(--transition);
	}
	p {
		margin-bottom: 17px;
		transition: var(--transition);
	}
	.count {
		position: absolute;
		top: 20px;
		left: 20px;
		font-size: 70px;
		font-weight: 600;
		color: #dcdee0;
		line-height: 1;
		transition: var(--transition);
	}
	&:hover {
		transform: translateY(-5px);
		&::before {
			background-color: var(--main-color);
			opacity: 0.9;
		}
		i {
			color: var(--white-color);
		}
		h3 {
			color: var(--white-color);
		}
		p {
			color: var(--white-color);
		}
		.read-more {
			color: var(--white-color);
			span {
				color: var(--white-color);
			}
		}
		.count {
			color: #fe7d41;
		}
	}
}
.services-area-style-two {
	position: relative;
	z-index: 1;
	.services-bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: -1;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--heading-color);
			opacity: 0.9;
		}
	}
	.single-services {
		background-color: var(--white-color);
		background-image: unset;
		padding-top: 45px;
		i {
			position: relative;
			z-index: 1;
			width: 70px;
			height: 70px;
			line-height: 70px;
			&::after {
				content: "";
				position: absolute;
				top: -15px;
				left: 0;
				width: 100%;
				height: 100%;
				background-image: linear-gradient(#ffdfd0, #ffffff);
				z-index: -1;
				border-radius: 50px;
				transition: var(--transition);
			}
		}
		.count {
			top: unset;
			left: unset;
			bottom: 10px;
			right: 10px;
			font-size: 40px;
		}
		&:hover {
			i {
				&::after {
					background-image: linear-gradient(#ff7e43, #ff5e14);
				}
			}
		}
	}
}
.services-area-style-three {
	.single-services {
		border: 1px solid #eeeeee;
		&::before {
			opacity: 1;
			background-color: var(--white-color);
		}
		&:hover {
			&::before {
				opacity: 0.9;
				background-color: var(--heading-color);
			}
		}
	}
}

/*
Counter Area Style
======================================================*/
.counter-area {
	.col-lg-3 {
		&:nth-child(1) {
			.single-counter {
				&::before {
					display: none;
				}
			}
		}
	}
	&.counter-area-style-two {
		background-image: url(../../assets/img/counter-bg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		z-index: 1;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--main-color);
			opacity: 0.9;
		}
		&::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 30px;
			height: 100%;
			background-color: var(--white-color);
		}
		.single-counter {
			margin: 30px;
			padding-left: 80px;
			margin-top: 0;
			&::before {
				background-color: #ee7e4b;
				left: -45px;
			}
			i {
				color: var(--white-color);
				font-size: 60px;
			}
			h2 {
				color: var(--white-color);
			}
			h3 {
				color: var(--white-color);
				font-size: 15px;
			}
		}
	}
	&.counter-area-style-three {
		.counter-bg {
			background-image: url(../../assets/img/counter-bg.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			position: relative;
			z-index: 1;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: var(--heading-color);
				opacity: 0.9;
			}
		}
		.single-counter {
			margin: 30px;
			padding-left: 80px;
			margin-top: 0;
			&::before {
				background-color: #404759;
				left: -45px;
			}
			i {
				color: var(--white-color);
				font-size: 60px;
			}
			h2 {
				color: var(--white-color);
			}
			h3 {
				color: var(--white-color);
				font-size: 15px;
			}
		}
	}
}
.single-counter {
	position: relative;
	padding-left: 90px;
	margin-bottom: 30px;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: -20px;
		width: 1px;
		height: 100%;
		background-color: #eeeeee;
	}
	i {
		font-size: 70px;
		color: var(--main-color);
		line-height: 1;
		color: var(--main-color);
		position: absolute;
		top: 7px;
		left: 0;
	}
	h2 {
		font-size: 40px;
		color: var(--main-color);
		line-height: 1;
	}
	h3 {
		margin-bottom: 0;
		font-size: 20px;
	}
}

/*
Featured Area Style
======================================================*/
.featured-area {
	padding-bottom: 200px;
	position: relative;
}
.featured-content {
	margin-left: 15px;
	.top-title {
		color: var(--main-color);
		position: relative;
		line-height: 1;
		display: inline-block;
		padding-left: 10px;
		margin-bottom: 15px;
		font-family: var(--heading-family);
		font-size: 16px;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 1px;
			height: 100%;
			background-color: var(--main-color);
		}
	}
	h2 {
		font-size: 34px;
		margin-bottom: 20px;
	}
}
.featured-img-2 {
	position: relative;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		opacity: 0.8;
	}
}
.featured-slider {
	position: absolute;
	bottom: 100px;
    right: 139px;
	max-width: 525px;
	margin-left: auto;
	background-color: var(--main-color);
	padding: 30px;
	.featured-item {
		h3 {
			color: var(--white-color);
			margin-bottom: 18px;
		}
		p {
			color: var(--white-color);
		}
		.read-more {
			color: var(--white-color);
			span {
				color: var(--white-color);
			}
		}
	}
	&.owl-theme {
		.owl-nav {
			margin-top: 0 !important; 
			position: absolute;
			bottom: 25px;
			left: -200px;
		}
		.owl-next {
			margin: 0;
			i {
				border: 1px solid var(--main-color);
				color: var(--main-color);
				width: 60px;
				height: 50px;
				line-height: 50px;
				display: inline-block;
				transition: var(--transition);
				font-size: 26px;
				border-left: none;
				&:hover {
					background-color: var(--main-color) !important;
					border-color: var(--main-color);
					color: var(--white-color) !important;
				}
			}
		}
		.owl-prev {
			margin: 0;
			i {
				border: 1px solid var(--main-color);
				color: var(--main-color);
				width: 60px;
				height: 50px;
				line-height: 50px;
				display: inline-block;
				transition: var(--transition);
				font-size: 26px;
				&:hover {
					background-color: var(--main-color) !important;
					border-color: var(--main-color);
					color: var(--white-color) !important;
				}
			}
		}
	} 
	&.owl-theme .owl-nav {
		margin-top: 0 !important;
	}
	.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: transparent;
	}
}

/*
Price Area Style
======================================================*/
.price-area {
	background-image: url(../../assets/img/price-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--heading-color);
		opacity: 0.9;
		z-index: -1;
	}
	&::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 537px;
		background-color: var(--white-color);
		z-index: -1;
	}
	&.price-area-style-two {
		background-image: unset;
		&::before {
			display: none;
		}
		&::after {
			display: none;
		}
	}
	&.price-area-style-three {
		background-image: unset;
		&::before {
			display: none;
		}
		.single-price-card {
			&.active {
				background-color: var(--heading-color);
				.price-title {
					background-color: #f5f5f5;
					h3 {
						color: var(--heading-color);
					}
					h2 {
						color: var(--main-color);
					}
					span {
						color: var(--heading-color);
					}
				}
				ul {
					li {
						color: var(--white-color);
						border-bottom: 1px solid #1f293e;
					}
				}
			}
		}
	}
}
.single-price-card {
	text-align: center;
	background-color: #f5f5f5;
	margin-bottom: 30px;
	transition: var(--transition);
	.price-title {
		background-color: var(--heading-color);
		padding: 30px;
		transition: var(--transition);
		h3 {
			color: var(--white-color);
		}
		h2 {
			color: var(--main-color);
			font-size: 70px;
			transition: var(--transition);
			sub {
				font-size: 35px;
				position: relative;
    			top: 0;
			}
		}
		span {
			color: var(--white-color);
			font-size: 18px;
			font-weight: 600;
		}
	}
	ul {
		padding: 30px;
		li {
			border-bottom: 1px solid #e3e3e3;
			padding-bottom: 15px;
			margin-bottom: 15px;
			color: #555555;
			font-size: 16px;
			&:last-child {
				border: none;
				margin-bottom: 0;
				padding-bottom: 0;
			}
		}
	}
	.default-btn {
		margin-bottom: 30px;
		background-color: var(--heading-color);
		border-color: var(--heading-color);
		&:hover {
			background-color: var(--main-color);
			color: var(--white-color);
		}
	}
	&.active {
		.price-title {
			background-color: var(--main-color);
		}
		h2 {
			color: var(--white-color);
		}
		.default-btn {
			background-color: var(--main-color);
			color: var(--white-color);
			border-color: var(--main-color);
		}
	}
	&:hover {
		transform: translateY(-5px);
		.price-title {
			background-color: var(--main-color);
		}
		h2 {
			color: var(--white-color);
		}
		.default-btn {
			background-color: var(--main-color);
			color: var(--white-color);
			border-color: var(--main-color);
		}
	}
}

/*
Skill Area Style
======================================================*/
.skills-content {
	margin-right: 30px;
	.top-title {
		color: var(--main-color);
		font-size: 16px;
		display: block;
		margin-bottom: 10px;
	}
	h2 {
		font-size: 36px;
		margin-bottom: 20px;
	}
	p {
		margin-bottom: 30px;
	}
}
.all-skill-bar {
	margin-right: 30px;
}
.skill-bar {
	margin-bottom: 20px;
	.progress-title-holder {
		position: relative;
	}
	.progress-title {
		font-size: 18px;
		font-weight: 500;
	}
	.progress-number-wrapper {
		width: 100%;
		z-index: 10;
		font-size: 11px;
		line-height: 24px;
		height: 24px;
		letter-spacing: 0px;
		font-weight: 600;
		font-style: normal;
		text-transform: none;
		color: var(--white-color);
	}
	.progress-number-mark {
		margin-bottom: 4px;
		border-radius: 3px;
		color: var(--heading-color);
		padding: 0 8px;
		position: absolute;
		bottom: 0;
		transform: translateX(-50%);
		font-size: 16px;
		font-weight: 600;
	}
	.down-arrow {
		border: 1px solid var(--main-color);
		position: absolute;
		left: 50%;
		top: 88%;
		height: 35px;
		transform: translateX(-50%);
	}
	.progress-content-outter {
		height: 6px;
		background-color: #f5f5f5;
	}
	.progress-content {
		height: 6px;
		background-color: var(--main-color);
		width: 0%;
	}
}
.skill-img {
	position: relative;
	.video-content {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
	}
}

/*
Partner Area Style
======================================================*/
.partner-area {
	background-image: url(../../assets/img/partner-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	text-align: center;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--heading-color);
		opacity: 0.9;
		z-index: -1;
	}
	&.partner-area-style-two {
		&::after {
			content: "";
			position: absolute;
			top: 0;
			right: 0;
			width: 30px;
			height: 100%;
			background-color: var(--white-color);
		}
	}
	&.partner-area-style-three {
		&::before {
			background-color: #f5f5f5;
			opacity: 0.9;
		}
	}
}

/*
Testimonials Area Style
======================================================*/
.testimonials-area {
	.testimonials-slider {
		position: relative;
		.row {
			max-width: 970px;
			margin-left: auto;
		}
		.testimonials-left-img {
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
		img {
			border: 10px solid var(--white-color);
		}
		&.owl-theme {
			.owl-nav {
				margin-top: 0 !important; 
				position: absolute;
				bottom: -97px;
				left: 0;
				right: 0;
			}
			.owl-next {
				margin: 0;
				i {
					border: 1px solid var(--main-color);
					color: var(--main-color);
					width: 60px;
					height: 50px;
					line-height: 50px;
					display: inline-block;
					transition: var(--transition);
					font-size: 26px;
					border-left: none;
					&:hover {
						background-color: var(--main-color) !important;
						border-color: var(--main-color);
						color: var(--white-color) !important;
					}
				}
			}
			.owl-prev {
				margin: 0;
				i {
					border: 1px solid var(--main-color);
					color: var(--main-color);
					width: 60px;
					height: 50px;
					line-height: 50px;
					display: inline-block;
					transition: var(--transition);
					font-size: 26px;
					&:hover {
						background-color: var(--main-color) !important;
						border-color: var(--main-color);
						color: var(--white-color) !important;
					}
				}
			}
		} 
		&.owl-theme .owl-nav {
			margin-top: 0 !important;
		}
		.owl-theme .owl-nav [class*=owl-]:hover {
			background-color: transparent;
		}
	}
	&.testimonials-area-style-two {
		background-image: url(../../assets/img/testimonials-img/testimonials-img-bg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		z-index: 1;
		overflow: hidden;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--heading-color);
			opacity: 0.9;
			z-index: -1;
		}
		&::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 360px;
			height: 100%;
			background-color: var(--white-color);
			z-index: -1;
		}
		.testimonials-content {
			.testimonials-name {
				h3 {
					margin-bottom: 5px;
					color: var(--main-color);
				}
				span {
					color: var(--white-color);
				}
			}
			p {
				color: var(--white-color);
			}
		}
		.testimonials-slider {
			.row {
				max-width: 970px;
				margin-left: auto;
				margin-right: auto;
			}
			&.owl-theme {
				.owl-nav {
					bottom: 0px !important;
					left: -170px;
				}
			}
		}
		.testimonials-shape {
			position: absolute;
			top: 0;
			left: 30px;
		}
	}
	&.three {
		&::after {
			display: none;
		}
		img {
			border: none;
		}
	}
	.testimonials-area-style-three {
		position: relative;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 70px;
			background-color: var(--white-color);
		}
		&::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 70px;
			background-color: var(--white-color);
		}
	}
}
.testimonials-content {
	.testimonials-name {
		position: relative;
		margin-bottom: 20px;
		padding-left: 70px;
		i {
			font-size: 50px;
			color: var(--main-color);
			line-height: 1;
			position: absolute;
			left: 0;
			top: 0;
		}
		h3 {
			margin-bottom: 5px;
		}
	}
}
.testimonials-all-content {
	position: relative;
	.testimonials-left-img {
		position: absolute;
		top: -95px;
		left: 0;
	}
}
  
/*
Blog Area Style
======================================================*/
.single-blog-post {
	margin-bottom: 30px;
	transition: var(--transition);
	background-color: var(--white-color);
	.news-content {
		position: relative;
		box-shadow: var(--box-shadow);
		padding: 20px;
		a {
			h3 {
				font-size: 24px;
				transition: var(--transition);
				margin-bottom: 20px;
			}
			&:hover {
				h3 {
					color: var(--main-color);
				}
			}
		}
		.admin {
			padding-bottom: 24px;
			line-height: 1;
			li {
				display: inline-block;
				font-size: 16px;
				a {
					img {
						margin-right: 5px;
						border-radius: 50px;
					}
				}
			}
			.float {
				float: right;
				position: relative;
				top: 15px;
				i {
					color: var(--main-color);
					font-size: 16px;
				}
			}
		}
	}
	&:hover {
		transform: translateY(-5px);
	}
}
.blog-area-style-three {
	.blog-bg {
		background-image: url(../../assets/img/blog-img/blog-card-bg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		z-index: 1;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--heading-color);
			opacity: 0.9;
		}
	}
	.blog-list {
		border-bottom: 1px solid #2e303b;
		.admin {
			li {
				color: var(--white-color);
				a {
					color: var(--white-color);
				}
			}
		}
		h3 {
			color: var(--white-color);
		}
		p {
			color: var(--white-color);
			margin-bottom: 20px;
		}
		.read-more {
			color: var(--white-color);
			span {
				color: var(--white-color);
			}
		}
	}
	.style {
		p {
			margin-bottom: 20px;
		}
	}
}

/*
Subscribe Area Style
======================================================*/
.subscribe-area {
	background-image: url(../../assets/img/subscribe-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--main-color);
		opacity: 0.9;
		z-index: -1;
	}
	.container {
		max-width: 960px;
		margin: auto;
	}
	.subscribe-content {
		span {
			color: var(--white-color);
			font-size: 16px;
			display: block;
			margin-bottom: 10px;
		}
		h2 {
			font-size: 30px;
			margin-bottom: 0;
			color: var(--white-color);
		}
	}
	.newsletter-form {
		position: relative;
		.form-control {
			height: 60px;
			background-color: transparent;
			color: var(--white-color);
			&::placeholder {
				color: var(--white-color);
			}
			&:focus {
				border-color: var(--white-color);
			}
		}
		.default-btn {
			position: absolute;
			top: 6px;
			right: -100px;
			background-color: var(--heading-color);
		}
		#validator-newsletter {
			color: var(--white-color);
			font-size: 14px;
			position: absolute;
			bottom: -30px;
			left: 0;
		}
	}
}

/*
Footer Top Area Style
======================================================*/
.footer-top-area {
	background-color: var(--heading-color);
}
.single-footer-widget {
	margin-bottom: 30px;
	img {
		margin-bottom: 15px;
	}
	p {
		margin-bottom: 15px;
		color: var(--white-color);
	}
	.social-icon {
		line-height: 1;
		li {
			display: inline-block;
			margin-right: 5px;
			a {
				i {
					width: 30px;
					height: 30px;
					line-height: 28px;
					border: 1px solid var(--main-color);
					color: var(--white-color);
					text-align: center;
					border-radius: 50px;
				}
				&:hover {
					transform: translateY(-2px);
					i {
						background-color: var(--main-color);
					}
				}
			}
		}
	}
	h3 {
		color: var(--white-color);
		font-size: 24px;
		margin-bottom: 40px;
	}
	.import-link {
		li {
			margin-bottom: 10px;
			&:last-child {
				margin-bottom: 0;
			}
			a {
				color: var(--white-color);
				&:hover {
					color: var(--main-color);
				}
			}
		}
	}
	.address {
		.location {
			padding-left: 40px;
			position: relative;
			color: var(--white-color);
			i {
				position: absolute;
				color: var(--main-color);
				left: 0;
				top: 5px;
				font-size: 25px;
			}
		}
		li {
			padding-left: 40px;
			position: relative;
			margin-bottom: 16px;
			a {
				color: var(--white-color);
				display: block;
				&:hover {
					color: var(--main-color);
				}
			}
			&:last-child {
				margin-bottom: 0;
			}
			i {
				position: absolute;
				color: var(--main-color);
				left: 0;
				top: 5px;
				font-size: 25px;
			}
		}
	}
	.time {
		li {
			color: var(--white-color);
			margin-bottom: 12px;
			span {
				float: right;
			}
		}
	}
}

/*
Footer Bottom Area Style
======================================================*/
.footer-bottom-area {
	background-color: var(--heading-color);
	border-top: 1px solid #1e273e;
	padding-top: 20px;
	padding-bottom: 20px;
	p {
		color: var(--white-color);
		a {
			color: var(--main-color);
		}
		i {
			position: relative;
			top: 1px;
		}
	}
	.footer-bottom-menu {
		float: right;
		li {
			display: inline-block;
			margin-right: 15px;
			&:last-child {
				margin-right: 0;
			}
			a {
				color: var(--white-color);
				&:hover {
					color: var(--main-color);
				}
			}
		}
	}
}

/*
Sidebar Area Style
======================================================*/ 
.sidebar-modal {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--box-shadow);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition);
	overflow: hidden;
	.sidebar-modal-inner {
		position: absolute;
		right: -100%;
		top: 0;
		max-width: 400px;
		overflow-y: scroll;
		height: 100%;
		background-color: var(--white-color);
		transition: var(--transition);
		z-index: 1;
		padding: 40px;
	}
	.sidebar-header {
		margin-bottom: 30px;
		border-bottom: 1px solid #e5e5e5;
		padding-bottom: 30px;
		.sidebar-logo {
			display: inline-block;
		}
		.close-btn {
			display: inline-block;
			font-size: 20px;
			transition: var(--transition);
			cursor: pointer;
			width: 30px;
			height: 30px;
			line-height: 33px;
			background-color:var(--main-color);
			color: var(--white-color);
			border-radius: 0;
			float: right;
			text-align: center;
			position: relative;
			top: 13px;
			&:hover {
				color: var(--white-color);
				background-color: var(--main-color);
			}
		}
	}
	.sidebar-about {
		margin-bottom: 30px;
		.title {
			h2 {
				margin-bottom: 0;
				font-size: 20px;
			}
			p {
				margin-bottom: 0;
				font-size: 15px;
			}
		}
	}
	.contact-us {
		margin-bottom: 30px;
		h2 {
			font-size: 20px;
			margin-bottom: 25px;
			line-height: 1;
			position: relative;
			padding-left: 10px;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 3px;
				height: 100%;
				background-color: var(--main-color);
			}
		}
		ul {
			li {
				position: relative;
				padding-left: 30px;
				margin-bottom: 20px;
				&:last-child {
					margin-bottom: 0;
				}
				i {
					position: absolute;
					top: 1px;
					left: 0;
					font-size: 16px;
					color: var(--main-color);
				}
				a {
					display: block;
				}
			}
		}
	}
	.sidebar-gallery-feed {
		margin-bottom: 30px;
		h2 {
			margin-bottom: 25px;
			font-size: 20px;
			position: relative;
			padding-left: 10px;
			line-height: 1;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 3px;
				height: 100%;
				background-color: var(--main-color);
			}
		}
		ul {
			display: flex;
			flex-wrap: wrap;
			padding-left: 0;
			list-style-type: none;
			margin-left: -5px;
			margin-right: -5px;
			margin-bottom: 0;
			margin-top: -10px;
			li {
				flex: 0 0 33%;
				max-width: 33%;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 10px;
				a {
					display: block;
					position: relative;
					&::before {
						content: '';
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background-color: var(--black-color);
						transition: var(--transition);
						opacity: 0;
						visibility: hidden;
					}
					&:hover {
						&::before {
							opacity: .50;
							visibility: visible;
						}
					}
				}
			}
		}
	}
	.sidebar-follow-us {
		h2 {
			font-size: 20px;
			margin-bottom: 25px;
			line-height: 1;
			position: relative;
			padding-left: 10px;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 3px;
				height: 100%;
				background-color: var(--main-color);
			}
		}
		.social-wrap {
			line-height: 1;
			li {
				display: inline-block;
				padding-right: 10px;
				a {
					i {
						font-size: 20px;
					}
					&:hover {
						transform: translateY(-2px);
					}
				}
			}
		}
	}
}
.sidebar-modal.active {
	opacity: 1;
	visibility: visible;
	background-color: rgba(0, 0, 0, 0.9);
	.sidebar-modal-inner {
		right: 0;
	}
}

/*
Team Area Style
======================================================*/ 
.single-team-member {
	transition: var(--transition);
	margin-bottom: 30px;
	.team-content {
		background-color: var(--heading-color);
		box-shadow: var(--box-shadow);
		padding: 30px;
		margin-left: 30px;
		position: relative;
		transition: var(--transition);
		margin-top: -30px;
		span {
			display: block;
			margin-bottom: 10px;
			color: var(--white-color);
			font-size: 14px;
		}
		h3 {
			margin-bottom: 0;
			color: var(--white-color);
			font-size: 22px;
		}
		.team-social {
			.control {
				width: 40px;
				height: 40px;
				line-height: 43px;
				box-shadow: var(--box-shadow);
				background-color: var(--white-color);
				font-size: 20px;
				text-align: center;
				position: absolute;
				top: 30px;
				right: 30px;
				color: var(--main-color);
			}
			ul {
				position: absolute;
				top: -130px;
				right: 30px;
				opacity: 0;
				transition: var(--transition);
				li {
					a {
						i {
							width: 40px;
							height: 40px;
							line-height: 40px;
							box-shadow: var(--box-shadow);
							background-color: var(--white-color);
							font-size: 20px;
							text-align: center;
							border-bottom: 1px solid #eeeeee;
							transition: var(--transition);
						}
					}
					&:nth-child(4) {
						a {
							i {
								transform: translateY(40px);
							}
						}
					}
					&:nth-child(3) {
						a {
							i {
								transform: translateY(80px);
							}
						}
					}
					&:nth-child(2) {
						a {
							i {
								transform: translateY(120px);
							}
						}
					}
					&:nth-child(1) {
						a {
							i {
								transform: translateY(160px);
								border-radius: 50px 50px 0 0;
							}
						}
					}
				}
			}
			&:hover {
				ul {
					opacity: 1;
					li {
						&:nth-child(4) {
							a {
								i {
									transform: translateY(0);
								}
							}
						}
						&:nth-child(3) {
							a {
								i {
									transform: translateY(0);
								}
							}
						}
						&:nth-child(2) {
							a {
								i {
									transform: translateY(0);
								}
							}
						}
						&:nth-child(1) {
							a {
								i {
									transform: translateY(0);
								}
							}
						}
					}
				}
			}
		}
	}
	&:hover {
		transform: translateY(-5px);
		.team-content {
			background-color: var(--main-color);
		}
	}
}

/*
Projects Area Style
======================================================*/ 
.projects-area {
	.section-title {
		max-width: 650px;
	}
}
.projects {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 30px;
	position: relative;
	&.bg-1 {
		background-image: url(../../assets/img/projects-img/projects-img-1.jpg);
		height: 100%;
		position: relative;
		&::before {
			content: "";
			position: absolute;
			bottom: 0;
			width: 100%;
			height: 30px;
			background-color: var(--white-color);
			z-index: 999;
		}
	}
	&.bg-2 {
		background-image: url(../../assets/img/projects-img/projects-img-2.jpg);
		height: 250px;
	}
	&.bg-3 {
		background-image: url(../../assets/img/projects-img/projects-img-3.jpg);
		height: 250px;
	}
	&.bg-4 {
		background-image: url(../../assets/img/projects-img/projects-img-4.jpg);
		height: 250px;
	}
	&.bg-5 {
		background-image: url(../../assets/img/projects-img/projects-img-5.jpg);
		height: 250px;
	}
	.view-projects {
		background-color: rgba(255, 94, 20, 0.9);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
		color: var(--white-color);
		font-weight: 600;
		font-size: 18px;
		transition: var(--transition);
		transform: scale(0);
	}
	&:hover {
		.view-projects {
			transform: scale(1);
		}
	}
}
.shorting .mix {
	display: none;
}
.shorting-menu {
	text-align: center;
	margin-bottom: 30px;
	button {
		&.filter {
			background-color: transparent;
			font-weight: 600;
			font-size: 18px;
			color: var(--heading-color);
			&.active {
				color: var(--main-color);
			}
		}
	}
}
.projects-area-three {
	background-image: url(../../assets/img/projects-img/projects-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	z-index: 1;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--heading-color);
		opacity: 0.9;
		z-index: -1;
	}
	.section-title {
		max-width: 550px;
	}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
		background-color: transparent;
	}
	.owl-dots {
		margin-top: 20px !important;
		line-height: 1;
		.owl-dot {
			span {
				width: 16px;
				height: 16px;
				margin: 0 10px;
				background: transparent;
				border: 1px solid var(--white-color);
				border-radius: 50%;
				transition: var(--transition);
				position: relative;
				&::before {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					bottom: 0;
					background-color: var(--white-color);
					transition: var(--transition);
					border-radius: 50%;
					margin: 8px;
				}
			}
			&:hover {
				span {
					border-color: var(--main-color);
					&::before {
						background-color: var(--main-color);
						margin: 2px;
					}
				}
			}
			&.active {
				span {
					border-color: var(--main-color);
					position: relative;
					&::before {
						background-color: var(--main-color);
						margin: 2px;
					}
				}
			}
			.active span, .owl-theme .owl-dots .owl-dot:hover span {
				background-color: transparent;
			}
		}
	}
}

/* 
Page Title Area Style
=====================================================*/ 
.page-title-area {
	position: relative;
	overflow: hidden;
	padding-top: 307px;
	padding-bottom: 150px;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--heading-color);
		opacity: 0.9;
		z-index: -1;
	}
	&.bg-1 {
		background-image: url(../../assets/img/page-bg/page-bg-1.jpg);
	}
	&.bg-2 {
		background-image: url(../../assets/img/page-bg/page-bg-2.jpg);
	}
	&.bg-3 {
		background-image: url(../../assets/img/page-bg/page-bg-3.jpg);
	}
	&.bg-4 {
		background-image: url(../../assets/img/page-bg/page-bg-4.jpg);
	}
	&.bg-5 {
		background-image: url(../../assets/img/page-bg/page-bg-5.jpg);
	}
	&.bg-6 {
		background-image: url(../../assets/img/page-bg/page-bg-6.jpg);
	}
	&.bg-7 {
		background-image: url(../../assets/img/page-bg/page-bg-7.jpg);
	}
	&.bg-8 {
		background-image: url(../../assets/img/page-bg/page-bg-8.jpg);
	}
	&.bg-9 {
		background-image: url(../../assets/img/page-bg/page-bg-9.jpg);
	}
	&.bg-10 {
		background-image: url(../../assets/img/page-bg/page-bg-10.jpg);
	}
	&.bg-11 {
		background-image: url(../../assets/img/page-bg/page-bg-11.jpg);
	}
	&.bg-12 {
		background-image: url(../../assets/img/page-bg/page-bg-12.jpg);
	}
	&.bg-13 {
		background-image: url(../../assets/img/page-bg/page-bg-13.jpg);
	}
	&.bg-14 {
		background-image: url(../../assets/img/page-bg/page-bg-14.jpg);
	}
	&.bg-15 {
		background-image: url(../../assets/img/page-bg/page-bg-15.jpg);
	}
	&.bg-16 {
		background-image: url(../../assets/img/page-bg/page-bg-16.jpg);
	}
	&.bg-17 {
		background-image: url(../../assets/img/page-bg/page-bg-17.jpg);
	}
	&.bg-18 {
		background-image: url(../../assets/img/page-bg/page-bg-18.jpg);
	}
	&.bg-19 {
		background-image: url(../../assets/img/page-bg/page-bg-19.jpg);
	}
	&.bg-20 {
		background-image: url(../../assets/img/page-bg/page-bg-20.jpg);
	}
	&.bg-21 {
		background-image: url(../../assets/img/page-bg/page-bg-21.jpg);
	}
	&.bg-22 {
		background-image: url(../../assets/img/page-bg/page-bg-22.jpg);
	}
	&.bg-23 {
		background-image: url(../../assets/img/page-bg/page-bg-23.jpg);
	}
	&.bg-24 {
		background-image: url(../../assets/img/page-bg/page-bg-24.jpg);
	}
	&.bg-25 {
		background-image: url(../../assets/img/page-bg/page-bg-25.jpg);
	}
	&.bg-26 {
		background-image: url(../../assets/img/page-bg/page-bg-26.jpg);
	}
	&.bg-27 {
		background-image: url(../../assets/img/page-bg/page-bg-27.jpg);
	}
	&.bg-28 {
		background-image: url(../../assets/img/page-bg/page-bg-28.jpg);
	}
	&.bg-29 {
		background-image: url(../../assets/img/page-bg/page-bg-29.jpg);
	}
	&.bg-30 {
		background-image: url(../../assets/img/page-bg/page-bg-30.jpg);
	}
	.page-title-content {
		position: relative;
		margin-top: -10px;
		h2 {
			margin-bottom: 15px;
			color: var(--white-color);
			font-size: 50px;
			font-weight: 500;
		}
		ul {
			padding-left: 0;
			list-style-type: none;
			margin-top: 10px;
			margin-bottom: -5px;
			li {
				display: inline-block;
				position: relative;
				font-size: 16px;
				padding-right: 15px;
    			margin-left: 15px;
				color: var(--white-color);
				&::before {
					content: "";
					position: absolute;
					top: 5px;
					right: -3px;
					background-color: var(--white-color);
					width: 1px;
					height: 15px;
					transform: rotate(25deg);
				}
				&:last-child {
					&::before {
						display: none;
					}
				}
				a {
					color: var(--white-color);
					&:hover {
						color: var(--main-color);
					}
				}
			}
			.active {
				color: var(--main-color);
			}
		}
	}	
}

/* 
Project Details Area Style
=====================================================*/
.project-details-table {
	background-image: url(../../assets/img/project-details-img/project-details-table-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px;
	position: relative;
	z-index: 1;
	&::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: var(--heading-color);
		opacity: 0.9;
		z-index: -1;
	}
	h3 {
		color: var(--main-color);
		font-size: 24px;
		margin-bottom: 20px;
	}
	p {
		color: var(--white-color);
		margin-bottom: 20px;
	}
	ul {
		li {
			color: var(--white-color);
			margin-bottom: 20px;
			&:last-child {
				margin-bottom: 0;
			}
			span {
				float: right;
				text-align: left;
				i {
					color: #ffb607;
				}
			}
		}
	}
}
.projects-details-area {
	.content-one {
		margin-top: 30px;
		h3 {
			font-size: 24px;
			margin-bottom: 15px;
		}
	}
	.content-two {
		margin-top: 30px;
		h3 {
			font-size: 24px;
			margin-bottom: 15px;
		}
		p {
			margin-bottom: 0;
		}
		ul {
			margin-bottom: 30px;
			margin-top: 20px;
			li {
				margin-bottom: 10px;
				&:last-child {
					margin-bottom: 0;
				}
				i {
					color: var(--main-color);
					position: relative;
					top: 2px;
					margin-right: 5px;
				}
			}
		}
		.details-img {
			margin-bottom: 30px;
		}
	}
	.content-three {
		h3 {
			font-size: 24px;
			margin-bottom: 15px;
		}
	}
	.top-details-img {
		background-image: url(../img/project-details-img/projects-details-img-1.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
	}
}


/*
User Area CSS
=====================================================*/
.user-area-style {
	.section-title {
		margin-bottom: 0;
		margin-top: 0;
		padding: 30px;
		padding-bottom: 25px;
		text-align: left;
		max-width: unset;
		border: 1px solid #ebebeb;
		border-bottom: none;
		h2 {
			font-size: 30px;
			position: relative;
			line-height: 1;
			padding-left: 15px;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 2px;
				height: 100%;
				background-color: var(--main-color);
			}
		}
	}
	position: relative;
	z-index: 1;
	.contact-form-action {
		border: 1px solid #ebebeb;
		border-top: none;
		padding: 30px;
		padding-top: 0;
		.section-title {
			margin-bottom: 40px;
		}
		form {
			.form-condition {
				margin-bottom: 20px;
				.agree-label {
					font-weight: 600;
					a {
						color: var(--main-color);
					}
				}
			}
			.form-group {
				margin-bottom: 30px;
			}
			.default-btn {
				margin-bottom: 25px;
				&.register {
					background-color: var(--heading-color);
					border: 1px solid var(--heading-color);
					color: var(--white-color);
					&:hover {
						background-color: transparent;
						color: var(--heading-color);
						border: 1px solid var(--heading-color) !important;
					}
				}
			}
			.login-action {
				margin-bottom: 30px;
				.log-rem {
					display: inline-block;
					label {
						margin-bottom: 0;
					}
				}
				.forgot-login {
					display: inline-block;
					float: right;
				}
			}
		}
		p {
			a {
				color: var(--heading-color);
				&:hover {
					color: var(--main-color);
				}
			}
		}
	}
	.log-in-content, .registration-content {
		max-width: 600px;
		margin: auto;
	}
	&.recover-password-area {
		.recover {
			max-width: 600px;
			margin: auto;
			border-top: 1px solid #ebebeb;
			padding-top: 30px;
			.default-btn {
				margin-bottom: 0;
			}
		}
		h3 {
			font-size: 40px;
			margin-top: -11px;
		}
		p {
			margin-bottom: 30px;
		}
		.now-register {
			float: right;
		}
	}
	.text-right {
		text-align: right;
	}
}

/*
FAQ Area Style
======================================================*/
.faq-area {
	.section-title {
		text-align: left;
		max-width: unset;
		margin-bottom: 30px;
	}
}
.faq-accordion {
	.accordion {
		list-style-type: none;
		padding-left: 0;
		margin-bottom: 0;
		.accordion-item {
			display: block;
			margin-bottom: 10px;
			&:last-child {
				margin-bottom: 0;
			}
			&.active {
				margin-bottom: 0;
			}
		}
		.accordion-title {
			padding: 15px 30px;
			color: var(--heading-color);
			text-decoration: none;
			position: relative;
			display: block;
			border-bottom: 1px solid #e7e7e7;
			font-size: 18px;
			font-weight: 500;
			font-family: var(--heading-family);
			i {
				position: absolute;
				left: 0;
				top: 17px;
				font-size: 25px;
				transition: var(--transition-color);
			}
		}
		.accordion-title.active {
			i {
				&::before {
					content: "\eaf8";
				}
			}
		}
		.accordion-content {
			display: none;
			position: relative;
			margin-top: -5px;
			padding: 30px;
			padding-bottom: 10px;
			p {
				line-height: 1.8;
			}
		}
		.accordion-content.show {
			display: block;
		}
	}
}
.faq-img {
	background-image: url(../../assets/img/faq-img.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}
.faq-contact-area {
	.contact-title {
		text-align: center;
		margin-bottom: 30px;
		margin-top: -6px;
		h2 {
			font-size: 36px;
		}
	}
	.contact-wrap {
		max-width: 800px;
		margin: auto;
		.default-btn {
			display: table;
			margin: 20px auto 0;
		}
		.form-group {
			margin-bottom: 30px;
		}
	}
	#msgSubmit {
		margin-top: 20px;
		text-align: center;
	}
	.hidden {
		display: none;
	}
}
label {
	margin-bottom: 12px;
}

/*
Main Contact Area Style
=====================================================*/
.main-contact-area { 
	.contact-wrap {
		.contact-title {
			h2 {
				margin-bottom: 20px;
				font-size: 30px;
			}
		}
		.form-group {
			margin-bottom: 30px;
		}
		max-width: unset;
		.default-btn {
			margin: auto;
			display: table;
			cursor: pointer;
		}
		.contact-form {
			#msgSubmit {
				position: unset;
				text-align: center;
				margin-top: 20px;
			}
			.hidden {
				display: none;
			}
		}
	}
	.contact-info {
		background-image: url(../../assets/img/contact-info-bg.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-left: 30px;
		padding-right: 30px;
		position: relative;
		z-index: 1;
		height: 100%;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--heading-color);
			opacity: 0.9;
			z-index: -1;
		}
		h3 {
			color: var(--white-color);
			font-size: 24px;
		}
		p {
			color: #e6e6e6;
			margin-bottom: 25px;
		}
		.address {
			.location {
				padding-left: 60px;
				position: relative;
				color: #e6e6e6;
				i {
					position: absolute;
					color: var(--main-color);
					left: 0;
					top: 5px;
					font-size: 45px;
				}
				span {
					display: block;
					font-size: 20px;
					font-weight: 500;
					color: #e6e6e6;
					font-family: var(--heading-family);
					margin-bottom: 10px;
				}
			}
			li {
				padding-left: 60px;
				position: relative;
				margin-bottom: 20px;
				a {
					color: #e6e6e6;
					display: block;
					&:hover {
						color: var(--main-color);
					}
				}
				&:last-child {
					margin-bottom: 0;
				}
				i {
					position: absolute;
					color: var(--main-color);
					left: 0;
					top: 0;
					font-size: 45px;
				}
				span {
					display: block;
					font-size: 20px;
					font-weight: 500;
					color: var(--white-color);
					font-family: var(--heading-family);
					margin-bottom: 10px;
				}
			}
		}
		.sidebar-follow-us {
			margin-top: 30px;
			h3 {
				font-size: 20px;
				margin-bottom: 25px;
				line-height: 1;
				padding-left: 10px;
				color: var(--white-color);
			}
			.social-wrap {
				line-height: 1;
				li {
					display: inline-block;
					padding-right: 10px;
					a {
						i {
							font-size: 15px;
							width: 30px;
							height: 30px;
							line-height: 30px;
							border: 1px solid var(--white-color);
							border-radius: 50px;
							text-align: center;
							color: var(--white-color);
							transition: var(--transition);
						}
						&:hover {
							transform: translateY(-2px);
							i {
								border-color: var(--main-color);
								background-color: var(--main-color);
							}
						}
					}
				}
			}
		}
	}
}
.list-unstyled {
    color: red;
	margin-top: 10px;
	font-size: 14px;
}
.map-area {
	iframe {
		height: 480px;
		width: 100%;
		border: none !important;
		display: block;
	}
}

/*
Privacy Policy Area Style
=====================================================*/
.privacy-policy-wrap {
	max-width: 800px;
	margin: auto;
	.title {
		margin-bottom: 30px;
		text-align: center;
		span {
			color: var(--main-color);
			display: block;
			margin-bottom: 10px;
		}
		h2 {
			font-size: 36px;
		}
	}
	img {
		margin-bottom: 30px;
	}
	.privacy-content {
		margin-bottom: 30px;
		h3 {
			margin-bottom: 15px;
		}
		p {
			margin-bottom: 10px;
		}
		ul {
			margin-left: 20px;
			margin-bottom: 15px;
			list-style-type: disc;
			margin-top: 15px;
			li {
				margin-bottom: 10px;
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
		&.six {
			margin-bottom: 0;
			p {
				margin-bottom: 0;
			}
		}
	}
	
	
}

/*
Terms Conditions Area Style
=====================================================*/
.terms-conditions {
	max-width: 800px;
	margin: auto;
	.title {
		margin-bottom: 30px;
		text-align: center;
		span {
			color: var(--main-color);
			display: block;
			margin-bottom: 10px;
		}
		h2 {
			font-size: 36px;
		}
	}
	img {
		margin-bottom: 30px;
	}
	.conditions-content {
		margin-bottom: 30px;
		h3 {
			margin-bottom: 15px;
		}
		p {
			margin-bottom: 10px;
		}
		ul {
			margin-left: 20px;
			margin-bottom: 15px;
			list-style-type: disc;
			margin-top: 15px;
			li {
				margin-bottom: 10px;
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
		&.six {
			margin-bottom: 0;
			p {
				margin-bottom: 0;
			}
		}
		&.five {
			margin-bottom: 0;
			p {
				margin-bottom: 0;
			}
		}
	}
}

/*================================================
Coming Soon Area CSS
=================================================*/
.coming-soon-area {
	height: 100vh;
	position: relative;
	z-index: 1;
	background: #f6f7fb;
	.coming-soon-content {
		max-width: 700px;
		background: var(--white-color);
		border-radius: 5px;
		overflow: hidden;
		text-align: center;
		padding: 40px 60px;
		box-shadow: var(--box-shadow);
		margin-left: auto;
		margin-right: auto;
		.logo {
			display: inline-block;
		}
		h2 {
			font-size: 48px;
			margin-top: 30px;
			margin-bottom: 0;
		}
		#timer {
			margin-top: 40px;
			div {
				background-color: var(--heading-color);
				color: var(--white-color);
				width: 100px;
				height: 105px;
				border-radius: 5px;
				font-size: 40px;
				font-weight: 800;
				margin-left: 10px;
				margin-right: 10px;
				span {
					display: block;
					margin-top: -2px;
					font-size: 17px;
					font-weight: 600;
				}
			}
		}
		form {
			position: relative;
			max-width: 500px;
			margin-left: auto;
			margin-right: auto;
			margin-top: 50px;
			.form-group {
				margin-bottom: 25px;
				width: 100%;
				position: relative;
				.label-title {
					margin-bottom: 0;
					position: absolute;
					display: block;
					left: 0;
					top: 0;
					pointer-events: none;
					width: 100%;
					height: 100%;
					color: var(--heading-color);
					i {
						position: absolute;
						left: 0;
						transition: var(--transition);
						top: 9px;
						font-size: 22px;
					}
					&::before {
						content: "";
						display: block;
						position: absolute;
						bottom: 0;
						left: 0;
						width: 0;
						height: 2px;
						transition: var(--transition);
						background: var(--main-color);
					}
				}
				.input-newsletter {
					border-radius: 0;
					border: none;
					border-bottom: 1px solid #eeeeee;
					padding: 0 0 0 32px;
					color: var(--heading-color);
					height: 45px;
					display: block;
					width: 100%;
					transition: var(--transition);
					font-size: 16px;
					font-weight: 400;
					&::placeholder {
						color: var(--body-color);
						transition: var(--transition);
					}
					&:focus {
						border-color: var(--main-color);
						outline: 0 !important;
						&::placeholder {
							color: transparent;
						}
					}
				}
			}
			.default-btn {
				border-radius: 0;
				&::before {
					border-radius: 0;
				}
			}
			.validation-danger {
				margin-top: 15px;
				color: #ff0000;
			}
			.validation-success {
				margin-top: 15px;
			}
			p {
				margin-bottom: 0;
				margin-top: 20px;
			}
		}
	}
}

/*
404 Error Area Style
=====================================================*/
.error-area {
    text-align: center;
    position: relative;
    z-index: 1;
    .error-content-wrap {
		h1 {
			font-size: 300px;
			line-height: 1;
			font-weight: 700;
			color: var(--main-color);
			.a {
				display: inline-block;
			}
			.red {
				color: #ff0000;
				display: inline-block;
				
			}
			.b {
				display: inline-block;
			}
		}
        z-index: 1;
        position: relative;
        h3 {
            margin: 30px 0 0;
			position: relative;
			color: #ff0000;
        }
        p {
			margin: 20px 0 20px;
			font-size: 19px;
			color: var(--main-color);
        }
    }
}
  
/*
Single Blog Area Style
======================================================*/
.single-blog-content {
	.blog-top-content {
		box-shadow: var(--box-shadow);
		padding: 20px;
		img {
			margin-bottom: 30px;
		}
		.news-content {
			h3 {
				transition: var(--transition);
				margin-bottom: 20px;
			}
			.admin {
				padding-bottom: 24px;
				line-height: 1;
				li {
					display: inline-block;
					font-size: 16px;
					a {
						img {
							margin-right: 5px;
							border-radius: 50px;
							margin-bottom: 0;
						}
					}
				}
				.float {
					float: right;
					position: relative;
					top: 15px;
					margin-left: 20px;
					i {
						color: var(--main-color);
						font-size: 18px;
						position: relative;
						top: 1px;
					}
				}
			}
		}
		blockquote {
			position: relative;
			margin-bottom: 0;
			i {
				position: absolute;
				top: 41px;
				left: 0;
				font-size: 30px;
				background-color: var(--main-color);
				color: var(--white-color);
				padding: 5px 5px;
			}
			p {
				padding: 30px 60px;
				font-weight: 500;
				font-size: 18px;
				color: var(--heading-color);
			}
		}
	}
	.social-wrap {
		background-color: var(--main-color);
		padding: 20px 30px;
		margin-top: 30px;
		margin-bottom: 50px;
		li {
			display: inline-block;
			span {
				color: var(--white-color);
				margin-right: 10px;
				font-weight: 500;
			}
			a {
				font-size: 16px;
				margin-right: 10px;
				color: var(--white-color);
				&:hover {
					transform: translateY(-2px);
				}
			}
			&:last-child {
				a {
					margin-right: 0;
				}
			}
		}
	}
	.post-next-and-prev-wrap {
		margin-bottom: 50px;
		.prev-img {
			position: relative;
			h3 {
				font-size: 16px;
				position: absolute;
				top: 20px;
				left: 115px;
			}
		}
		.next-img {
			position: relative;
			text-align: right;
			h3 {
				font-size: 16px;
				position: absolute;
				top: 20px;
				right: 115px;
			}
		}
	}
	.comments-wrap {
		box-shadow: var(--box-shadow);
		padding: 20px;
		margin-bottom: 50px;
		h3 {
			margin-bottom: 30px;
			font-size: 24px;
			position: relative;
			padding-left: 10px;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 2px;
				height: 100%;
				background-color: var(--main-color);
			}
		}
		ul {
			li {
				position: relative;
				padding-left: 100px;
				margin-bottom: 30px;
				&:last-child {
					margin-bottom: 0;
				}
				img {
					margin-bottom: 20px;
					position: absolute;
					left: 0;
					top: 0;
				}
				h3 {
					margin-bottom: 10px;
					font-size: 16px;
					padding-left: 0;
					&::before {
						display: none;
					}
				}
				span {
					display: block;
					margin-bottom: 15px;
				}
				a {
					font-size: 14px;
					font-weight: 600;
					&:hover {
						letter-spacing: 1px;
					}
					i {
						margin-right: 5px;
					}
				}
			}
		}
	}
	.leave-reply-wrap {
		box-shadow: var(--box-shadow);
		padding: 20px;
		h3 {
			margin-bottom: 20px;
			font-size: 24px;
			position: relative;
			padding-left: 10px;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 2px;
				height: 100%;
				background-color: var(--main-color);
			}
		}
		p {
			margin-bottom: 30px;
		}
		.form-group {
			margin-bottom: 25px;
			#chb1 {
				margin-right: 5px;
			}
			label {
				margin-bottom: 10px;
			}
		}
		input[type=checkbox], input[type=radio] {
			margin-right: 5px;
			position: relative;
			top: 1px;
		}
	}
}
.sidebar-widget {
	margin-bottom: 35px;
	h3 {
		font-size: 20px;
		margin-bottom: 20px;
		position: relative;
		margin-top: -5px;
		padding-left: 10px;
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width:2px;
			height: 100%;
			background-color: var(--main-color);
		}
	}
	&.search {
		.search-form {
			position: relative;
			padding: 20px;
			box-shadow: var(--box-shadow);
			.search-button {
				position: absolute;
				width: 50px;
				height: 50px;
				line-height: 50px;
				background-color: var(--main-color);
				top: 20px;
				right: 20px;
				font-size: 20px;
				color: var(--white-color);
				transition: var(--transition);
				&:hover {
					background-color: var(--heading-color);
				}
			}
		}
	}
	&.popular-post {
		position: relative;
		overflow: hidden;
		box-shadow: var(--box-shadow);
		padding: 20px;
		.item {
			position: relative;
			margin-bottom: 15px;
			border-bottom: 1px solid #eeeeee;
			padding-bottom: 20px;
			height: 100px;
			&:first-child {
				&::before {
					display: none;
				}
			}
			&:last-child {
				margin-bottom: 0;
				border-bottom: none;
				padding-bottom: 0;
			}
			.thumb {
				float: left;
				height: 80px;
				overflow: hidden;
				position: relative;
				width: 80px;
				margin-right: 15px;
				.fullimage {
					width: 80px;
					height: 80px;
					display: inline-block;
					background-size: cover !important;
					background-repeat: no-repeat;
					background-position: center center !important;
					position: relative;
				}
				.fullimage.bg1 {
					background-image: url(../../assets/img/single-blog/popular-img-1.jpg);
				}
				.fullimage.bg2 {
					background-image: url(../../assets/img/single-blog/popular-img-2.jpg);
				}
				.fullimage.bg3 {
					background-image: url(../../assets/img/single-blog/popular-img-3.jpg);
				}
				.fullimage.bg4 {
					background-image: url(../../assets/img/shop-img/best-product-1.jpg);
				}
				.fullimage.bg5 {
					background-image: url(../../assets/img/shop-img/best-product-2.jpg);
				}
				.fullimage.bg6 {
					background-image: url(../../assets/img/shop-img/best-product-3.jpg);
				}
			}
			.info {
				overflow: hidden;
				.title {
					margin-bottom: 10px;
					line-height: 1.5;
					font-size: 16px;
					font-weight: 500;
					a {
						display: inline-block;
						color: var(--heading-color);
						&:hover {
							color: var(--main-color);
						}
					}
					.rating {
						display: block;
						i {
							color: #ffb607;
						}
					}
				}
				.date {
					font-size: 13px;
					color: var(--body-color);
					display: block;
				}
			}
		}
	}
	&.categories {
		box-shadow: var(--box-shadow);
		padding: 20px;
		overflow: hidden;
		ul {
			li {
				position: relative;
				margin-bottom: 10px;
				padding-bottom: 10px;
				border-bottom: 1px solid #eeeeee;
				span {
					float: right;
					display: inline-block;
				}
				&:last-child {
					margin-bottom: 0;
					padding-bottom: 0;
					border-bottom: none;
				}
				&:first-child {
					&::before {
						display: none;
					}
				}
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}
	&.tags {
		box-shadow: var(--box-shadow);
		padding: 20px;
		ul {
			li {
				display: inline-block;
				margin-bottom: 10px;
				margin-right: 10px;
				a {
					border: 1px solid #eeeeee;
					padding: 8px 12px;
					&:hover {
						transform: translateY(-2px);
						background-color: var(--main-color);
						color: var(--white-color);
						border-color: var(--main-color);
					}
				}
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}
	&.sidebar-gallery-feed {
		box-shadow: var(--box-shadow);
		padding: 20px;
		h2 {
			margin-bottom: 25px;
			font-size: 20px;
			position: relative;
			padding-left: 10px;
			line-height: 1;
			&::before {
				content: "";
				position: absolute;
				top: 0;
				left: 0;
				width: 3px;
				height: 100%;
				background-color: var(--main-color);
			}
		}
		ul {
			display: flex;
			flex-wrap: wrap;
			padding-left: 0;
			list-style-type: none;
			margin-left: -5px;
			margin-right: -5px;
			margin-bottom: 0;
			margin-top: -10px;
			li {
				flex: 0 0 33%;
				max-width: 33%;
				padding-left: 5px;
				padding-right: 5px;
				padding-top: 10px;
				a {
					display: block;
					position: relative;
					&::before {
						content: '';
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background-color: var(--black-color);
						transition: var(--transition);
						opacity: 0;
						visibility: hidden;
					}
					&:hover {
						&::before {
							opacity: .50;
							visibility: visible;
						}
					}
				}
			}
		}
	}
}

/*
Blog Column One Area Style
======================================================*/
.blog-column-one-area {
	.single-blog-post {
		p {
			margin-bottom: 20px;
		}
	}
}

/*
Blog Column Two Area Style
======================================================*/
.blog-column-two-area {
	.single-blog-post {
		p {
			margin-bottom: 20px;
		}
	}
}

/*
Blog Column Three Area Style
======================================================*/
.blog-column-three-area {
	.single-blog-post {
		p {
			margin-bottom: 20px;
		}
	}
}

/*
Blog Left Sidebar Area Style
======================================================*/
.blog-left-sidebar-area {
	.single-blog-post {
		p {
			margin-bottom: 20px;
		}
	}
}

/* 
Services Details Area Style
=====================================================*/
.services-details-area {
	.content-one {
		margin-top: 30px;
		h3 {
			margin-bottom: 15px;
		}
	}
	.content-two {
		margin-top: 30px;
		h3 {
			margin-bottom: 15px;
		}
		p {
			margin-bottom: 0;
		}
		ul {
			margin-bottom: 30px;
			margin-top: 20px;
			li {
				margin-bottom: 10px;
				&:last-child {
					margin-bottom: 0;
				}
				i {
					color: var(--main-color);
					position: relative;
					top: 2px;
					margin-right: 5px;
				}
			}
		}
		.details-img {
			margin-bottom: 30px;
		}
	}
	.content-three {
		h3 {
			margin-bottom: 15px;
		}
	}
	.services-faq-title h2 {
		font-size: 24px;
	}
}

/*
Shop Area Style
======================================================*/
.showing-result {
	margin-bottom: 30px;
    margin-right: 15px;
	.showing-top-bar-ordering {
		text-align: right;
		.nice-select {
			color: var(--main-color);
			border-radius: 0;
			border: none;
			float: unset;
			height: unset;
			line-height: initial;
			padding: 15px 35px 15px 15px;
			font-size: 16px;
			background-color: var(--white-color);
			box-shadow: var(--box-shadow);
			.list {
				background-color: var(--white-color);
				box-shadow: var(--box-shadow);
				border-radius: 0;
				margin-top: 0;
				width: 100%;
				padding-top: 10px;
				padding-bottom: 10px;
				height: 250px;
    			overflow-y: scroll;
				.option {
					transition: var(--transition);
					font-size: 16px;
					padding-left: 20px;
					padding-right: 20px;
					&:hover {
						background-color: var(--main-color) !important;
						color: var(--white-color);
					}
				}
				.option.selected {
					font-weight: 500;
					color: var(--body-color);
				}
			}
			&:after {
				right: 20px;
			}
		}
	}
	.search-form {
		.search-btn {
			position: absolute;
			top: 0;
			right: 0;
			height: 50px;
			width: 50px;
			line-height: 50px;
			background-color: var(--main-color);
			color: var(--white-color);
			font-size: 20px;
		}
		.form-control {
			border: 1px solid #d7d7d7;
			background-color: #f5f6fa;
			font-size: 16px;
			&::placeholder {
				color: #616161;
			}
		}
	}
}
.single-shop {
	text-align: center;
	margin-bottom: 30px;
	.shop-img {
		position: relative;
		margin-bottom: 20px;
		box-shadow: var(--box-shadow);
		ul {
			position: absolute;
			bottom: 10px;
			left: 0;
			right: 0;
			width: 100%;
			height: 100%;
			justify-content: center;
			align-items: center;
			display: flex;
			transform: scaleY(0);
			transition: var(--transition);
			li {
				display: inline-block;
				margin: 0 5px;
				a {
					i {
						font-size: 20px;
						width: 40px;
						height: 40px;
						line-height: 40px;
						background-color: var(--white-color);
						color: var(--heading-color);
						border-radius: var(--border-radius);
						transition: var(--transition);
					}
					&:hover {
						i {
							background-color: var(--main-color);
							color: var(--white-color);
						}
					}
				}
			}
		}
		.default-btn {
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			margin-right: 30px;
			margin-left: 30px;
			margin-bottom: 30px;
			transform: scaleX(0);
		}
		&::before {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: var(--heading-color);
			opacity: 0.5;
			transform: scaleY(0);
			transition: var(--transition);
		}
	}
	a {
		h3 {
			margin-bottom: 5px;
			font-size: 20px;
			transition: var(--transition);
		}
		&:hover {
			h3 {
				color: var(--main-color);
			}
		}
	}
	.rating {
		li {
			display: inline-block;
			margin: 0 1px;
			i {
				color: #ffb607;
			}
		}
	}
	span {
		font-size: 16px;
		display: block;
		margin-bottom: 10px;
		del {
			margin-right: 10px;
		}
	}
	.default-btn {
		padding: 12px 45px;
		font-size: 15px;
		background-color: transparent;
		border-color: var(--heading-color);
		color: var(--heading-color);
		&:hover {
			background-color: var(--main-color);
			color: var(--white-color);
		}
	}
	&:hover{
		.shop-img {
			ul {
				transform: scaleY(1);
			}
			&::before {
				transform: scaleY(1);
			}
			.default-btn {
				transform: scaleX(1);
				background-color: var(--main-color);
				border-color: var(--main-color);
				color: var(--white-color);
			}
		}
	}
}

/*
Cart Area Style
======================================================*/
.cart-area {
	.product-thumbnail {
		width: 130px;
	}
	.cart-table {
		text-align: center;
		table {
			thead {
				tr {
					th {
						border-bottom: none;
						border: none;
						border-bottom: 1px solid #dedede;
						color: var(--heading-color);
						padding-top: 0;
						font-size: 16px;
						font-weight: 600;
					}
				}
			}
			tbody {
				tr {
					td {
						vertical-align: middle;
						border: none;
						border-bottom: 1px solid #dedede;
						a {
							color: var(--heading-color);
							&:hover {
								color: var(--main-color);
							}
						}
						&.product-subtotal {
							font-size: 15px;
							.remove {
								margin-left: 50px;
								width: 30px;
								height: 30px;
								line-height: 34px;
								display: inline-block;
								background-color: var(--white-color);
								border-radius: 50%;
								font-size: 20px;
								transition: var(--transition);
								color: var(--body-color);
								box-shadow: var(--box-shadow);
								float: right;
								&:hover {
									background-color: #ff0000;
									color: var(--white-color);
								}
							}
						}
						&.product-quantity {
							width: 145px;
							.input-counter {
								position: relative;
								input {
									height: 59px;
									color: var(--body-color);
									outline: 0;
									display: block;
									border: none;
									border: 1px solid #dedede;
									text-align: center;
									width: 75%;
								}
								.minus-btn {
									position: absolute;
									top: 29px;
    								right: 2px;
									border: 1px solid #dedede;
									cursor: pointer;
									color: var(--body-color);
									width: 30px;
									height: 30px;
									line-height: 31px;
									transition: var(--transition);
									font-size: 20px;
									&:hover {
										background-color: var(--main-color);
										color: var(--white-color);
									}
								}
								.plus-btn {
									position: absolute;
									top: 0;
									right: 2px;
									border: 1px solid #dedede;
									cursor: pointer;
									color: var(--body-color);
									width: 30px;
									height: 30px;
									line-height: 30px;
									transition: var(--transition);
									font-size: 20px;
									&:hover {
										background-color: var(--main-color);
										color: var(--white-color);
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.coupon-cart {
		margin-top: 20px;
		.form-group {
			position: relative;
			.form-control {
				border: 1px solid #dedede;
				&:focus {
					border-color: var(--main-color);
				}
			}
			.default-btn {
				position: absolute;
				top: 0;
				right: 0;
				height: 50px;
			}
		}
		.default-btn {
			&.update {
				background-color: transparent;
				border-color: var(--heading-color);
				color: var(--heading-color);
				&:hover {
					background-color: var(--main-color);
					border-color: var(--main-color);
					color: var(--white-color);
				}
			}
		}
	}
	.cart-checkout-title {
		margin-bottom: 0;
		padding: 30px;
		padding-bottom: 0;
		border-top: 1px solid #dedede;
		border-left: 1px solid #dedede;
		border-right: 1px solid #dedede;
		position: relative;
		padding-left: 40px;
		&::before {
			content: "";
			position: absolute;
			top: 30px;
			left: 30px;
			width: 2px;
			height: 50%;
			background-color: var(--main-color);
		}
	}
	.cart-totals {
		padding: 30px;
		border-radius: 0;
		border: 1px solid #dedede;
		border-top: none;
		overflow: hidden;
		padding-top: 20px;
		h3 {
			margin-bottom: 25px;
		}
		ul {
			padding: 0;
			margin: 0 0 25px;
			list-style-type: none;
			li {
				color: var(--body-color);
				position: relative;
				padding-bottom: 15px;
				margin-bottom: 15px;
				border-bottom: 1px solid #dedede;
				&:last-child {
					padding-bottom: 0;
					border-bottom: none;
					margin-bottom: 0;
				}
				span {
					float: right;
					color: #666666;
					font-weight: normal;
				}
			}
		}
		.default-btn {
			display: block;
		}
	}
	tbody, td, tfoot, th, thead, tr {
		border-top: none;
	}
}

/* 
Checkout Area Style
=====================================================*/
.checkout-area {
	.billing-details {
		h3 {
			margin-bottom: 20px;
			font-size: 30px;
		}
		.form-group {
			margin-bottom: 30px;
			label {
				display: block;
				color: var(--body-color);
				margin-bottom: 10px;
				font-weight: 600;
				font-size: 15px;
				.required {
					color: var(--body-color);
				}
			}
			.nice-select {
				float: unset;
				line-height: 45px;
				color: var(--body-color);
				padding-top: 0;
				padding-bottom: 0;
				.list {
					background-color: var(--white-color);
					box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
					border-radius: 0;
					margin-top: 0;
					width: 100%;
					padding-top: 10px;
					padding-bottom: 10px;
					.option {
						transition: 0.5s;
						padding-left: 20px;
						padding-right: 20px;
						&:hover {
							background-color: var(--main-color) !important;
							color: var(--white-color);
						}
					}
					.option.selected {
						background-color: transparent;
					}
				}
				&:after {
					right: 20px;
				}
			}
			.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
				background-color: var(--main-color) !important;
				color: var(--white-color) !important;
			}
			textarea {
				padding-top: 13px;
			}
		}
		.form-check {
			margin-bottom: 20px;
			.form-check-label {
				color: var(--body-color);
				font-weight: 600;
				font-size: 15px;
			}
			label {
				position: relative;
				top: 1px;
			}
		}
		.col-lg-12 {
			&:last-child {
				.form-group {
					margin-bottom: 0;
				}
			}
		}
	}
	.cart-totals {
		border-radius: 0;
		margin-bottom: 30px;
		h3 {
			margin-bottom: 0;
			padding: 30px;
			padding-bottom: 0;
			border-top: 1px solid #dedede;
			border-left: 1px solid #dedede;
			border-right: 1px solid #dedede;
			position: relative;
			padding-left: 40px;
			&::before {
				content: "";
				position: absolute;
				top: 30px;
				left: 30px;
				width: 2px;
				height: 50%;
				background-color: var(--main-color);
			}
		}
		ul {
			padding: 15px 30px;
			border: 1px solid #dedede;
			border-top: none;
			li {
				color: var(--body-color);
				position: relative;
				padding-bottom: 15px;
				margin-bottom: 15px;
				border-bottom: 1px solid #dedede;
				&:last-child {
					border-bottom: none;
					padding-bottom: 0;
					margin-bottom: 0;
				}
				span {
					float: right;
					color: #666666;
					font-weight: normal;
				}
			}
		}
	}
	.faq-accordion {
		h3 {
			margin-bottom: 0;
			padding: 30px;
			padding-bottom: 0;
			border-top: 1px solid #dedede;
			border-left: 1px solid #dedede;
			border-right: 1px solid #dedede;
			position: relative;
			padding-left: 40px;
			&::before {
				content: "";
				position: absolute;
				top: 30px;
				left: 30px;
				width: 2px;
				height: 50%;
				background-color: var(--main-color);
			}
		}
		.accordion {
			border: 1px solid #dedede;
			padding: 30px;
			border-top: none;
			.accordion-content {
				border-top: none;
				padding: 0;
			}
			.accordion-title {
				padding: 0;
				position: relative;
				padding-left: 25px;
				background-color: transparent;
				border: none;
				margin-bottom: 10px;
				color: var(--heading-color);
				&.active {
					&::before {
						background-color: var(--main-color);
					}
					&::after {
						background-color: var(--main-color);
					}
				}
				&::before {
					content: "";
					position: absolute;
					top: 4px;
					left: 0;
					width: 15px;
					height: 15px;
					background-color: var(--heading-color);
					border-radius: 50%;
				}
				&::after {
					content: "";
					position: absolute;
					top: 7px;
					left: 3px;
					width: 9px;
					height: 9px;
					background-color: var(--white-color);
					border-radius: 50%;
					border-radius: 50%;
				}
				&:hover {
					color: var(--main-color);
				}
			}
			.accordion-item {
				background-color: transparent;
				box-shadow: none;
				margin-bottom: 15px;
			}
		}
		.form-check {
			font-size: 14px;
			label {
				margin-bottom: 5px;
				a {
					color: var(--heading-color);
					&:hover {
						color: var(--main-color);
					}
				}
			}
		}
	}
}

/* 
Wishlist Area Style
=====================================================*/
.wishlist-wrap {
	max-width: 1080px;
	margin: auto;
	.default-btn {
		float: right;
		margin-top: -11px;
		color: var(--white-color) !important;
		&:hover {
			color: var(--main-color) !important;
		}
	}
	.table-responsive>.table-bordered {
		margin-bottom: 0;
	}
	tbody, td, tfoot, th, thead, tr {
		border-top: none;
	}
}

/*
Shop Details Area Style
=====================================================*/
.product-details-area {
	.product-details-desc {
		h3 {
			margin-bottom: 15px;
			font-size: 25px;
		}
		p {
			margin-bottom: 0;
		}
		.price {
			margin-bottom: 10px;
			color: #333333;
			font-size: 20px;
			font-weight: 500;
			span {
				padding: 0 5px;
			}
			.old-price {
				text-decoration: line-through;
				color: #828893;
				font-size: 24px;
			}
		}
		.product-review {
			margin-bottom: 15px;
			.rating {
				display: inline-block;
				padding-right: 5px;
				font-size: 20px;
				i {
					color: #ffba0a;
				}
			}
			.rating-count {
				display: inline-block;
				color: #333333;
				border-bottom: 1px solid #333333;
				line-height: initial;
				position: relative;
    			top: -5px;
				&:hover {
					color: var(--main-color);
					border-color: var(--main-color);
				}
			}
		}
		.product-summery {
			margin-top: 30px;
			li {
				margin-bottom: 10px;
				color: var(--heading-color);
				font-size: 17px;
				font-weight: 600;
				position: relative;
				span {
					font-size: 16px;
					font-weight: 400;
					position: absolute;
					left: 115px;
					top: 3px;
				}
				&:last-child {
					margin-bottom: 0;
				}
			}
		}
		.social-wrap {
			margin-top: 20px;
			li {
				display: inline-block;
				padding-right: 10px;
				font-size: 17px;
				font-weight: 600;
				color: var(--heading-color);
				span {
					display: inline-block;
					margin-right: 45px;
				}
				a {
					i {
						font-size: 20px;
						line-height: 1;
						color: var(--heading-color);
						transition: var(--transition);
					}
					&:hover {
						i {
							color: var(--main-color);
						}
					}
				}
			}
		}
		.product-add-to-cart {
			margin-bottom: 30px;
			h3 {
				display: inline-block;
				margin-right: 10px;
				font-size: 17px;
			}
			margin-top: 20px;
			.input-counter {
				max-width: 130px;
				min-width: 130px;
				margin-right: 10px;
				text-align: center;
				display: inline-block;
				position: relative;
				border: 1px solid #cfcfcf;
				span {
					position: absolute;
					top: 0;
					background-color: transparent;
					cursor: pointer;
					color: #d0d0d0;
					width: 40px;
					height: 100%;
					line-height: 34px;
					transition: 0.5s;
					&:hover {
						color: var(--main-color);
					}
				}
				span.minus-btn {
					left: 0;
					border-right: 1px solid #cfcfcf;
				}
				span.plus-btn {
					right: 0;
					border-left: 1px solid #cfcfcf;
				}
				input {
					height: 30px;
					color: #333333;
					outline: 0;
					display: block;
					border: none;
					background-color: #f8f8f8;
					text-align: center;
					width: 100%;
					&::placeholder {
						color: #333333;
					}
				}
			}
		}
		.default-btn {
			margin-bottom: 0 !important;
			i {
				position: relative;
				top: -1px;
				margin-right: 5px;
			}
		}
	}
	.product-details-image {
		text-align: center;
		background-color: #f7f7f7;
		box-shadow: var(--box-shadow);
	}
	.tab {
		.tabs_item {
			display: none;
			&:first-child {
				display: block;
			}
		}
	}
	.products-details-tab {
		margin-top: 100px;
		.tabs {
			list-style-type: none;
			padding-left: 0;
			text-align: center;
			border-bottom: 1px solid #eaedff;
			li {
				display: inline-block;
				line-height: initial;
				margin-right: 15px;
				margin-left: 15px;
				margin-bottom: 20px;
				a {
					display: inline-block;
					position: relative;
					color: #333333;
					border-bottom: none;
					line-height: 1;
					font-size: 16px;
					font-weight: 500;
					&:hover {
						color: var(--main-color);
					}
				}
				&:last-child {
					margin-right: 0;
				}
			}
			li.current {
				a {
					color: var(--main-color);
				}
			}
		}
		.tab_content {
			padding: 30px;
			padding-bottom: 0;
			.tabs_item {
				.products-details-tab-content {
					p {
						margin-bottom: 20px;
						&:last-child {
							margin-bottom: 0;
						}
					}
					.additional-information {
						padding-left: 0;
						margin-bottom: 0;
						list-style-type: none;
						text-align: left;
						li {
							border: 1px solid #eaedff;
							border-bottom: none;
							padding: 10px 15px;
							color: #57647c;
							&:last-child {
								border-bottom: 1px solid #eaedff;
							}
							span {
								display: inline-block;
								width: 30%;
								color: var(--main-color);
							}
						}
					}
					h3 {
						margin-bottom: 15px;
					}
					.product-review-form {
						.review-title {
							position: relative;
							.rating {
								display: inline-block;
								.fas.fa-star {
									color: #ffba0a;
								}
								i {
									color: #ffba0a;
									font-size: 14px;
								}
							}
							p {
								margin-bottom: 0;
								display: inline-block;
								padding-left: 5px;
								line-height: initial;
							}
							.btn {
								position: absolute;
								right: 0;
								bottom: 10px;
								padding: 10px 11px;
								font-size: 11px;
								&:focus {
									border: none !important;
									box-shadow: none !important;
									border: 4px;
									background-color: var(--main-color);
								}
							}
						}
						.review-comments {
							margin-top: 35px;
							.review-item {
								margin-top: 30px;
								position: relative;
								padding-right: 200px;
								border-top: 1px dashed #eaedff;
								padding-top: 30px;
								.rating {
									.fas.fa-star {
										color: #ffba0a;
									}
									i {
										font-size: 14px;
										color: #ffba0a;
									}
								}
								h3 {
									margin-top: 10px;
									margin-bottom: 10px;
								}
								span {
									margin-bottom: 10px;
									font-size: 13px;
									display: block;
									strong {
										
									}
								}
								p {
									margin-bottom: 0;
								}
								.review-report-link {
									position: absolute;
									right: 0;
									color: #57647c;
									top: 40px;
									text-decoration: underline;
									&:hover {
										color: #ff4800;
									}
								}
							}
						}
						.review-form {
							margin-top: 30px;
							form {
								.form-group {
									margin-bottom: 20px;
									label {
										color: #444444;
									}
									textarea {
										padding-top: 15px;
									}
									.form-control {
										font-size: 14px;
									}
								}
								.btn {
									&:focus {
										box-shadow: none;
										border: none;
										border-radius: 0;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
.related-product-area {
	.section-title {
		text-align: center;
		margin: -15px auto 50px;
	}
}

/*====================================================
OTHERS STYLE AREA
======================================================*/

/*
Preloader Area Style*/
.loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	overflow: hidden;
	z-index: 9999;
	background-color: var(--white-color);
}
.loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	animation: spin 1.7s linear infinite;
	z-index: 11;
	
}
.loaded {
	.loader-wrapper {
		.loader-section.section-left {
			transform: translateX(-100%);
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}
		.loader-section.section-right {
			transform: translateX(100%);
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}
		visibility: hidden;
		transform: translateY(-100%);
		transition: all 0.3s 1s ease-out;
	}
	.loader {
		opacity: 0;
		transition: all 0.3s ease-out;
	}
}
.dot-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	.dot {
		position: absolute;
		width: 20px;
		height: 20px;
		background: #262626;
		animation: animate 4s infinite forwards ease-in-out;
		&:nth-child(1) {
			background: #ffb607;
			left: -24px;
			top: -24px;
			animation-delay: 0.5s;
		}
		&:nth-child(2) {
			background: var(--main-color);
			left: 0px;
			top: -24px;
			animation-delay: 1s;
		}
		&:nth-child(4) {
			background: #ffb607;
			left: -24px;
			top: 0px;
			animation-delay: 1.5s;
		}
		&:nth-child(3) {
			background: var(--main-color);
			left: 0px;
			top: 0px;
			animation-delay: 2s;
		}
	}
}
@keyframes animate {
    0% {
    	transform: rotateY(0deg);    
    }
    20% {
        transform: rotateY(360deg);
    }
    40% {
        transform: rotateX(180deg);
    }
    60% {
        transform: rotateX(0deg);
    }
    80% {
        transform: rotateX(360deg);
    }
    100% {
        transform: rotateY(180deg);
    }
}

/*
Go Top Style*/
.go-top {
	position: fixed;
	cursor: pointer;
	top: 88%;
	right: -10%;
	background-color: var(--main-color);
	z-index: 4;
	width: 40px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	opacity: 0;
	visibility: hidden;
	transition: .9s;
	i {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		right: 0;
		margin: 0 auto;
		color: var(--white-color);
		transition: 0.5s;
		font-size: 20px;
		&:last-child {
			opacity: 0;
			visibility: hidden;
			top: 60%;
		}
	}
	&::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		background-color: var(--main-color);
		opacity: 0;
		visibility: hidden;
		transition: 0.5s;
	}
	&:hover {
		color: var(--white-color);
		background-color: var(--main-color);
		&::before {
			opacity: 1;
			visibility: visible;
		}
		i {
			&:first-child {
				opacity: 0;
				top: 0;
				visibility: hidden;
			}
			&:last-child {
				opacity: 1;
				visibility: visible;
				top: 50%;
			}
		}
	}
	&:focus {
		color: var(--white-color);
		&::before {
			opacity: 1;
			visibility: visible;
		}
		i {
			&:first-child {
				opacity: 0;
				top: 0;
				visibility: hidden;
			}
			&:last-child {
				opacity: 1;
				visibility: visible;
				top: 50%;
			}
		}
	}
}
.go-top.active {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
	right: 3%;
	top: 86%;
}

/*
Video wave Style*/
.video-btn {
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 0;
	color: var(--main-color);
	position: relative;
	top: 3px;
	z-index: 1;
	background-color: rgba(255, 94, 20, 0.9);
	border-radius: 50%;
	transition: var(--transition);
	i {
		font-size: 80px;
		color: var(--white-color);
		position: absolute;
		top: 0;
		left: 0;
		justify-content: center;
		align-items: center;
		display: flex;
		width: 100%;
		height: 100%;
	}
	&::after, &::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
		bottom: 0;
		left: 0;
		border-radius: 0;
		border-radius: 50%;
		transition: var(--transition);
		animation: ripple 1.6s ease-out infinite;
		background-color: rgba(255, 94, 20, 0.9);
	}
	&:hover {
		&::before, &::after {
			background-color: rgba(255, 94, 20, 0.9);
		}
	}
}
@keyframes ripple {
	0%, 35% {
		transform: scale(0);
	  	opacity: 1;
	}
	50% {
		transform: scale(1.5);
	  	opacity: 0.8;
	}
	100% {
	  	opacity: 0;
		transform: scale(2);
	}
}

/*
Nice select Area Style*/
.nice-select .list {
	width: 100%;
}
.nice-select {
	.option {
		&:hover {
			background-color: var(--main-color);
			color: var(--white-color);
		}
	}
	.option.selected.focus {
		color: var(--main-color);
	}
}

/*
Page-navigation Area Style*/
.pagination-area {
	margin-top: 10px;
	text-align: center;
	.page-numbers {
		width: 40px;
		height: 40px;
		line-height: 40px;
		color: var(--heading-color);
		text-align: center;
		display: inline-block;
		position: relative;
		margin-left: 3px;
		margin-right: 3px;
		font-size: 17px;
		background-color: #f5f6fa;
		border: 1px solid #d7d7d7;
		&:hover {
			color: var(--white-color);
			border-color: var(--main-color);
			background-color: var(--main-color);
		}
		i {
			position: relative;
			font-size: 25px;
			top: 5px;
		}
	}
	.page-numbers.current {
		color: var(--white-color);
		border-color: var(--main-color);
		background-color: var(--main-color);
	}
}

/*
product-view-one
=================================================*/
.product-view-one {
	padding-right: 0 !important;
	&.modal.show .modal-dialog {
		margin-top: 25px;
	}
	.product-view-one-image {
		background-color: #eeeeee;
		padding: 30px;
	}
	.modal-dialog {
		max-width: 900px;
		margin: 0 auto;
	}
	.modal-content {
		border: none;
		padding: 40px;
		border-radius: 0;
		button.close {
			position: absolute;
			right: 0;
			top: 0;
			outline: 0;
			opacity: 1;
			color: var(--heading-color);
			transition: 0.5s;
			line-height: 35px;
			padding: 0;
			margin: 0;
			font-size: 20px;
			width: 35px;
			text-shadow: unset;
			height: 35px;
			&:hover {
				background-color: #ff0000;
				color: var(--white-color);
			}
		}
		.product-content {
			h3 {
				font-size: 22px;
				margin-bottom: 14px;
				a {
					color: var(--heading-color);
					&:hover {
						color: var(--heading-color);
					}
				}
			}
			.price {
				margin-bottom: 10px;
				span {
					display: inline-block;
					font-size: 18px;
					color: var(--heading-color);
				}
				del {
					display: inline-block;
					font-size: 18px;
					color: #c1c1c1;
					margin-left: 5px;
				}
			}
			.product-review {
				margin-bottom: 10px;
				.rating {
					display: inline-block;
					padding-right: 5px;
					i {
						color: var(--main-color);
					}
				}
				.rating-count {
					display: inline-block;
					color: var(--heading-color);
					border-bottom: 1px solid var(--heading-color);
					line-height: initial;
				}
			}
			.product-info {
				list-style-type: none;
				padding: 0;
				margin-top: 0;
				margin-bottom: 0;
				li {
					font-size: 16px;
					color: var(--heading-color);
					margin-bottom: 10px;
					&:last-child {
						margin-bottom: 0;
					}
					span {
						color: var(--heading-color);
					}
					a {
						display: inline-block;
						font-weight: 500;
						color: var(--heading-color);
						&:hover {
							color: var(--heading-color);
						}
					}
				}
			}
			.product-color-switch {
				margin-top: 10px;
				margin-bottom: 10px;
				h4 {
					font-size: 16px;
					color: var(--heading-color);
					margin-bottom: 6px;
				}
				ul {
					list-style-type: none;
					margin-bottom: 0;
					margin-top: -4px;
					margin-left: -4px;
					padding-left: 0;
					li {
						display: inline-block;
						margin-left: 4px;
						margin-top: 4px;
						a {
							display: inline-block;
							position: relative;
							border: 1px solid transparent;
							width: 25px;
							height: 25px;
							&::before {
								position: absolute;
								content: "";
								left: 0;
								right: 0;
								top: 0;
								bottom: 0;
								background: #eeeeee;
								margin: 2px;
								transition: 0.5s;
							}
							&:hover {
								border-color: var(--heading-color);
							}
							&:focus {
								border-color: var(--heading-color);
							}
						}
						a.color-white {
							&::before {
								background: blue;
							}
						}
						a.color-black {
							&::before {
								background: #222222;
							}
						}
						a.color-green {
							&::before {
								background: green;
							}
						}
						
						a.color-yellowgreen {
							&::before {
								background: yellowgreen;
							}
						}
						a.color-teal {
							&::before {
								background: teal;
							}
						}
					}
					li.active {
						a {
							border-color: var(--heading-color);
						}
					}
				}
			}
			.product-add-to-cart {
				.input-counter {
					max-width: 130px;
					min-width: 130px;
					margin-right: 10px;
					text-align: center;
					display: inline-block;
					position: relative;
					span {
						position: absolute;
						top: 0;
						background-color: transparent;
						cursor: pointer;
						color: var(--body-color);
						width: 40px;
						height: 100%;
						line-height: 50px;
						transition: var(--transition);
						&:hover {
							color: var(--heading-color);
						}
					}
					span.minus-btn {
						left: 0;
						transition: var(--transition);
						&:hover {
							background-color: var(--main-color);
							color: var(--white-color);
						}
					}
					span.plus-btn {
						right: 0;
						transition: var(--transition);
						&:hover {
							background-color: var(--main-color);
							color: var(--white-color);
						}
					}
					input {
						height: 48px;
						color: var(--heading-color);
						outline: 0;
						display: block;
						border: none;
						background-color: #f8f8f8;
						text-align: center;
						width: 100%;
						font-size: 17px;
						font-weight: 600;
						&::placeholder {
							color: var(--heading-color);
						}
					}
				}
			}
			.share-this-product {
				h3 {
					font-weight: normal;
					font-size: 16px;
					margin-bottom: 8px;
					margin-top: 10px;
				}
				ul {
					li {
						display: inline-block;
						margin-right: 3px;
						a {
							i {
								display: inline-block;
								width: 25px;
								height: 25px;
								line-height: 25px;
								background-color: #eeeeee;
								border-radius: var(--border-radius);
								text-align: center;
								transition: var(--transition);
							}
							&:hover {
								i {
									background-color: var(--main-color);
									color: var(--white-color);
								}
							}
						}
					}
				}
			}
		}
	}
	.owl-carousel .owl-item img {
		width: unset;
		margin: auto;
	}
	#big .item {
		padding: 30px;
		background-color: var(--white-color);
		margin-bottom: 30px;
	}
	.owl-item.active.current {
		background-color: var(--white-color);
		padding: 5px;
	}
	&.fade {
		animation: zoomIn 1s linear;
	}
	.owl-next {
		position: absolute;
		top: 50%;
		right: 50px;
		margin: 0 !important;
		border-radius: 0 !important;
		transition: var(--transition);
		opacity: 0;
		transform: translateY(-25px);
		i {
			background-color: var(--main-color);
			color: var(--white-color);
			width: 30px;
			height: 30px;
			line-height: 30px;
			display: inline-block;
			transition: var(--transition);
			border-radius: 4px;
			font-size: 15px;
		}
	}
	.owl-prev {
		position: absolute;
		top: 50%;
		left: 50px;
		margin: 0 !important;
		border-radius: 0 !important;
		transition: var(--transition);
		opacity: 0;
		transform: translateY(-25px);
		i {
			background-color: var(--main-color) !important;
			color: var(--white-color);
			width: 30px;
			height: 30px;
			line-height: 30px;
			display: inline-block;
			transition: var(--transition);
			font-size: 15px;
			border-radius: 4px;
		}
	}
	&:hover {
		.owl-prev {
			opacity: 1;
			left: 0;
		}
		.owl-next {
			opacity: 1;
			right: 0;
		}
	}
	.owl-theme {
		.owl-nav {
			margin-top: 0 !important; 
		}
	} 
	.owl-theme .owl-nav [class*=owl-]:hover {
		background-color: transparent;
	}
}