/*--
Author: W3layouts
Author URL: http://w3layouts.com
--*/
:root {
	--theme-color: #ed1c24;
	--theme-color-two: #3b3bb1;
	--title-color: #051b35;
	--text-color: #333333;
	--white-color: #ffffff;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	padding-bottom: 0!important;
	background: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

textarea {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

* {
	box-sizing: border-box;
}

.d-flex {
	display: flex;
	display: -webkit-flex;
}

.d-grid {
	display: grid;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.pos-relative {
	position: relative;
}

.pos-absolute {
	position: absolute;
}

.pos-fixed {
	position: fixed;
}

.pos-sticky {
	position: sticky;
}

.img-responsive,
img {
	max-width: 100%;
}

li {
	list-style-type: none;
}

.wrapper-full {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.wrapper {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 576px) {
	.wrapper {
		max-width: 540px;
	}
}

@media (min-width: 768px) {
	.wrapper {
		max-width: 720px;
	}
}

@media (min-width: 992px) {
	.wrapper {
		max-width: 960px;
	}
}

@media (min-width: 1200px) {
	.wrapper {
		max-width: 1140px;
	}
}

.clear {
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p {
	margin: 0;
	font-weight: 300;
}

ul,
ol,
label {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

body a:hover {
	text-decoration: none;
}

.section-gap {
	padding: 2rem 0;
}


/*-- main --*/
.main-row {
	background: url('../images/bg-pattern.jpg') no-repeat center;
	background-size: cover;
	min-height: 100vh;
}

.overlay {
	background: linear-gradient(to right, rgba(29, 75, 174, 0.5), rgba(219, 71, 53, 0.5));
	min-height: inherit;
}

.frame-border {
	width: 390px;
	height: 690px;
	outline: none;
	border-color: #1f1f1f;
	border-width: 50px 15px;
	border-style: solid;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin: 10px auto;
	background-size: cover;
	height: 712px;
	max-width: 375px;
	width: 100%;
	border-radius: 20px;
	/* border: 5px solid #222222; */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 3px 10px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 3px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3), inset 0 3px 10px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	display: block;
}

/* width */

::-webkit-scrollbar {
	width: 3px;
}

/* Track */

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #ffffff;
	border-radius: 5px;
}

/* Handle */

::-webkit-scrollbar-thumb {
	background: rgba(65, 94, 178, 0.46);
}

/* Handle on hover */

.main-row h1 {
	font-size: 2.5rem;
	color: #fff;
	padding: 25px 0 15px;
}

/*-- //main --*/

/*-- copyright --*/
.copy-right {
	padding: 25px 0;
}

.copy-right p {
	color: #fff;
	font-size: 14px;
}

.copy-right p a {
	color: #fff;
	font-size: 14px;
}

/*-- //copyright --*/




a.brand-logo {
	color: var(--theme-color);
	font-weight: bold;
	font-size: 28px;
}

.w3l-form-36-mian a.brand-logo {
	color: var(--theme-color);
	font-weight: bold;
	font-size: 28px;
}

section.w3l-hero-headers-11 {
	position: sticky;
	top: 0;
	background: #fff;
	margin-top: -54px;
	z-index: 9999;
}

.w3l-hero-headers-11 .d-grid {
	display: grid;
}

.w3l-hero-headers-11 .grid-columns-top-3 {
	grid-template-columns: 1fr auto auto;
	align-items: center;
	grid-gap: 20px;
}

.w3l-hero-headers-11 .grid-columns-auto {
	grid-auto-flow: column;
	align-items: center;
}

.w3l-hero-headers-11 .grid-columns-auto-end {
	grid-auto-flow: column;
	justify-content: space-between;
	align-items: end;
	min-height: 400px;
}

.w3l-hero-headers-11 .grid-columns-3 {
	grid-template-columns: 1fr auto 1fr;
}

.w3l-hero-headers-11 .align-right,
.w3l-hero-headers-11 .menu-overlay-left {
	text-align: right;
}

.w3l-hero-headers-11 .top-header {
	padding: 12px 0;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
	border-bottom: 1px solid #c7c7c7;
}

.w3l-hero-headers-11 .main-header {
	box-sizing: border-box;
}

.w3l-hero-headers-11 .accounts ul li a {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	text-align: right;
	color: var(--theme-color-two);
	background: #f5f5f5;
	padding: 6px 12px;
	border-radius: 4px;
	transition: 0.3s ease;
	display: block;
}

.w3l-hero-headers-11 .accounts ul li a:hover {
	opacity: 0.8;
}

.w3l-hero-headers-11 .accounts ul li {
	display: inline-block;
	margin-right: 10px;
}

.w3l-hero-headers-11 .accounts ul li:last-child {
	margin-right: 0px;
}

.w3l-hero-headers-11 .side-search form {
	position: relative;
}

.w3l-hero-headers-11 .side-search form input {
	outline: none;
	font-size: 16px;
	color: var(--title-color);
	height: 40px;
	text-align: left;
	-webkit-appearance: none;
	background: #ffffff;
	padding-left: 15px;
	border: 1px solid rgba(31, 94, 180, 0.22);
	border-radius: 4px;
	padding-right: 45px;
	width: 100%;
}

.w3l-hero-headers-11 .side-search form button {
	outline: none;
	font-size: 15px;
	padding: 0px 15px;
	color: var(--title-color);
	height: 35px;
	text-align: left;
	-webkit-appearance: none;
	background: #ffffff;
	padding-left: 15px;
	border: none;
	border-radius: 4px;
	position: absolute;
	right: 2px;
	top: 2.5px;
}

.w3l-hero-headers-11 .side-search form button span {
	font-size: 15px;
	color: var(--text-color);
}

.w3l-hero-headers-11 i.fa.fa-bars {
	font-size: 28px;
	color: var(--title-color);
	background: #fff;
	text-align: center;
}

.w3l-hero-headers-11 h3.side-title {
	font-size: 16px;
	color: var(--title-color);
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 8px;
	display: inline-block;
}

.w3l-hero-headers-11 .gap-top {
	margin-top: 2.5rem;
}

.w3l-hero-headers-11 .quick-links-side ul li {
	background: #f5f5f5;
	border-bottom: 1px solid #fff;
	border-radius: 4px;
}

.w3l-hero-headers-11 .quick-links-side ul li.seperate {
	background: #405db2;
	padding: 10px;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 10px;
}

.w3l-hero-headers-11 .quick-links-side ul li a {
	font-size: 16px;
	color: var(--title-color);
	padding: 10px;
	display: block;
}

.w3l-hero-headers-11 .quick-links-side ul li.seperate a {
	color: #fff;
}

.w3l-hero-headers-11 .quick-links-side ul li a span {
	font-size: 16px;
	color: var(--theme-color-two);
	margin-right: 10px;
	width: 20px;
	text-align: center;
}

.w3l-hero-headers-11 .quick-links-side ul li.seperate a span {
	color: #fff;
}

.w3l-hero-headers-11 .follow-us ul li {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #eee;
	text-align: center;
	line-height: 30px;
	border-radius: 50%;
	margin-right: 8px;
}

.w3l-hero-headers-11 .follow-us ul li a {
	display: block;
}

.w3l-hero-headers-11 .follow-us ul li a:hover {
	opacity: 0.8;
}

.w3l-hero-headers-11 .follow-us ul li a span {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	display: block;
	border-radius: 50%;
}

.w3l-hero-headers-11 .follow-us ul li a span.fa-facebook {
	background: #3b5998;
}

.w3l-hero-headers-11 .follow-us ul li a span.fa-twitter {
	background: #1da1f2;
}

.w3l-hero-headers-11 .follow-us ul li a span.fa-google-plus {
	background: #dd4b39;
}

.w3l-hero-headers-11 .follow-us ul li a span.fa-instagram {
	background: #c13584;
}

.w3l-hero-headers-11 .overlay-menuv {
	overflow-y: scroll;
}

.w3l-hero-headers-11 .overlay-menuv::-webkit-scrollbar {
	width: 3px;
}

.w3l-hero-headers-11 .overlay-menuv::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #ffffff;
	border-radius: 5px;
}

.w3l-hero-headers-11 .overlay-menuv::-webkit-scrollbar-thumb {
	background: #999;
}

.w3l-hero-headers-11 .overlay-menuv-hny {
	position: relative;
}

.w3l-hero-headers-11 .menuopen {
	cursor: pointer;
}

.w3l-hero-headers-11 .side-menu-hny:hover {
	opacity: 0.9;
}

.w3l-hero-headers-11 .overlay-menuv-hny input[type="checkbox"] {
	display: none;
}

.w3l-hero-headers-11 .side-menu-hny label.menuclose {
	text-transform: uppercase;
	text-align: center;
}

.w3l-hero-headers-11 .side-menu-hny label.menuclose:hover {
	cursor: pointer;
}

.w3l-hero-headers-11 .overlay-menuv {
	position: fixed;
	max-width: 350px;
	width: 280px;
	height: 100%;
	top: 0;
	right: 0;
	background: white;
	z-index: 999;
}

.w3l-hero-headers-11 .overlay-menuv label.menuclose {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100;
	cursor: pointer;
	z-index: 999;
}

.w3l-hero-headers-11 .side-menu-hny~.overlay-menuv-hugeinc {
	opacity: 0;
	visibility: hidden;
}

.w3l-hero-headers-11 #op:checked~.overlay-menuv-hugeinc {
	opacity: 1;
	visibility: visible;
	padding: 0 1rem 1rem;
	box-shadow: 0 15px 40px -5px rgba(0, 0, 0, 0.1);
}

.w3l-hero-headers-11 #op:checked~.no-scroll {
	position: fixed;
	overflow: hidden;
}

.w3l-hero-headers-11 .overlay-menuv-hny span.fa-times {
	color: red;
	font-size: 15px;
}

.w3l-hero-headers-11 .slider-text-w3ls h4 {
	font-size: 35px;
	line-height: 40px;
	color: var(--white-color);
	margin-bottom: 20px;
}

.w3l-hero-headers-11 .slider-text-w3ls span {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	background: var(--theme-color-two);
	padding: 8px 10px;
	margin-bottom: 30px;
	display: inline-block;
	text-transform: uppercase;
}

.w3l-hero-headers-11 .slider-text-w3ls p {
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 25px;
	color: #e8e8e8;
	max-width: 600px;
	margin-bottom: 25px;
}

.w3l-hero-headers-11 .slider-num h4 {
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
	color: #fff;
	font-weight: 600;
}

.w3l-hero-headers-11 .slider-num h4 span {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	color: #e8e8e8;
}

.w3l-hero-headers-11 .slider-num p {
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 25px;
	text-align: right;
	color: #ffffff;
}

@media (max-width: 1680px) {

	.w3l-hero-headers-11 .banner-w3ls-1,
	.w3l-hero-headers-11 .banner-w3ls-2,
	.w3l-hero-headers-11 .banner-w3ls-3 {
		min-height: 570px;
	}
}

@media (max-width: 1080px) {
	.w3l-hero-headers-11 .grid-columns-auto-end {
		min-height: 350px;
	}

	.w3l-hero-headers-11 .banner-w3ls-1,
	.w3l-hero-headers-11 .banner-w3ls-2,
	.w3l-hero-headers-11 .banner-w3ls-3 {
		min-height: 500px;
	}
}

@media (max-width: 900px) {
	.w3l-hero-headers-11 .quick-links ul li {
		margin-right: 20px;
	}
}

@media (max-width: 736px) {

	.w3l-hero-headers-11 .banner-w3ls-1,
	.w3l-hero-headers-11 .banner-w3ls-2,
	.w3l-hero-headers-11 .banner-w3ls-3 {
		min-height: 450px;
		padding: 30px 0;
	}

	.w3l-hero-headers-11 .grid-columns-auto-end {
		min-height: 300px;
	}
}

@media (max-width: 668px) {
	.w3l-hero-headers-11 .main-header {
		display: none;
	}
}

@media (max-width: 600px) {
	.w3l-hero-headers-11 .search form input {
		width: 200px;
	}
}

@media (max-width: 500px) {
	.w3l-hero-headers-11 .accounts {
		order: 1;
	}

	.w3l-hero-headers-11 .search {
		order: 3;
		display: none;
	}

	.w3l-hero-headers-11 .menu-overlay-left {
		order: 2;
	}

	.w3l-hero-headers-11 .grid-columns-top-3 {
		grid-template-columns: 1fr auto auto;
		grid-gap: 10px;
	}

	.w3l-hero-headers-11 .search form input {
		width: 100%;
	}

	.w3l-hero-headers-11 .search form {
		display: none;
	}
}












.w3l-hero-header-1 .banner_w3lspvt {
	position: relative;
	z-index: 1;
	background: #f6f6f6;
}

.w3l-hero-header-1 .banner-top {
	background: url("../images/slide-1.jpg") no-repeat center;
	background-size: cover;
}

.w3l-hero-header-1 .banner-top1 {
	background: url("../images/DA_ICON.jpg") no-repeat center;
	background-size: cover;
}

.w3l-hero-header-1 .overlay {
	background: rgba(0, 0, 0, 0.45);
	min-height: inherit;
}

.w3l-hero-header-1 .top-gap {
	padding-top: 10em;
}

.w3l-hero-header-1 .banner-cloumn-grid-2 {
	margin-top: 40px;
}

.w3l-hero-header-1 .banner_section h3 {
	color: #ffffff;
	font-weight: normal;
	font-size: 60px;
	line-height: 65px;
	text-transform: uppercase;
}

.w3l-hero-header-1 p.tagline {
	display: inline-block;
	text-transform: capitalize;
	font-size: 17px;
	line-height: 25px;
	color: #fff;
	font-style: italic;
	margin-bottom: 10px
}

.w3l-hero-header-1 .banner_section h3 span.clr {
	display: inline-block;
	color: #da9d40;
}

.w3l-hero-header-1 .banner_section i {
	vertical-align: middle;
}

.w3l-hero-header-1 .banner-top,
.w3l-hero-header-1 .banner-top1,
.w3l-hero-header-1 .banner-top2,
.w3l-hero-header-1 .banner-top3 {
	min-height: 600px;
}

.w3l-hero-header-1 a.actionbg {
	background: var(--theme-color);
	color: #ffffff;
	font-size: 15px;
	line-height: 25px;
	text-transform: capitalize;
	display: inline-block;
	margin-top: 35px;
	padding: 8px 15px;
	border-radius: 4px;
}

.w3l-hero-header-1 .header-align {
	align-items: center;
	justify-content: space-between;
}

.w3l-hero-header-1 a.brand-logo {
	color: var(--theme-color);
	font-weight: 600;
	font-size: 30px;
	text-decoration: none;
}

.w3l-hero-header-1 input#nav {
	display: none;
}

.w3l-hero-header-1 label.nav {
	display: none;
}

.w3l-hero-header-1 .button {
	margin-left: auto;
}

.w3l-hero-header-1 .header-main {
	padding: 20px 0;
}

.w3l-hero-header-1 ul.hny-nav-links li {
	display: inline-block;
	font-weight: 400;
}

.w3l-hero-header-1 ul.hny-nav-links li a {
	font-size: 16px;
	color: var(--text-color);
	text-decoration: none;
	padding: 0px 15px;
	display: block;
}

.w3l-hero-header-1 ul.hny-nav-links li a:hover {
	opacity: 0.85;
}

@media (max-width: 1080px) {
	.w3l-hero-header-1 .banner_section h3 {
		font-size: 60px;
		line-height: 65px;
	}
}

@media (max-width: 1024px) {
	.w3l-hero-header-1 .top-gap {
		padding-top: 8em;
	}

	.w3l-hero-header-1 .banner-cloumn-grid-2 {
		margin-top: 30px;
	}
}

@media (max-width: 800px) {
	.w3l-hero-header-1 .banner-cloumn-grid-2 {
		margin-top: 20px;
	}

	.w3l-hero-header-1 .banner-top,
	.w3l-hero-header-1 .banner-top1,
	.w3l-hero-header-1 .banner-top2,
	.w3l-hero-header-1 .banner-top3 {
		min-height: 400px;
	}

	.w3l-hero-header-1 .nav-main {
		margin-left: auto;
		margin-right: 60px;
	}

	.w3l-hero-header-1 .logo,
	.w3l-hero-header-1 .button {
		z-index: 9;
	}

	.w3l-hero-header-1 .header-main label {
		width: 40px;
		position: absolute;
		top: 20px;
		right: 40px;
		cursor: pointer;
		z-index: 99;
		height: 40px;
	}

	.w3l-hero-header-1 .header-main label.nav {
		display: block;
	}

	.w3l-hero-header-1 .header-main label:before {
		content: '';
		background: #304659;
		width: 32px;
		height: 3px;
		position: absolute;
		top: 0px;
		left: 0px;
		border-radius: 0px;
		transition: all 0.5s;
	}

	.w3l-hero-header-1 .header-main label:after {
		content: '';
		background: #304659;
		width: 32px;
		height: 3px;
		position: absolute;
		top: 22px;
		left: 0px;
		border-radius: 0px;
		transition: all 0.2s;
	}

	.w3l-hero-header-1 input#nav {
		display: block;
	}

	.w3l-hero-header-1 input {
		height: 0px;
		opacity: 1;
		display: block;
		transition: opacity 0.2s;
	}

	.w3l-hero-header-1 ul.hny-nav-links li {
		display: block;
	}

	.w3l-hero-header-1 input:before {
		content: '';
		background: #304659;
		width: 32px;
		height: 3px;
		position: absolute;
		top: 31px;
		right: 48px;
		border-radius: 0px;
		z-index: 50;
	}

	.w3l-hero-header-1 input:checked {
		opacity: 0;
	}

	.w3l-hero-header-1 input:checked~label:before {
		top: 8px;
		-webkit-animation: linetop 0.2s linear 0.2s;
		animation: linetop 0.2s linear 0.2s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	.w3l-hero-header-1 input:checked~label:after {
		top: 8px;
		-webkit-animation: linebottom 0.2s linear 0.2s;
		animation: linebottom 0.2s linear 0.2s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}

	.w3l-hero-header-1 nav {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 0%;
		color: #fff;
		overflow-y: auto;
		overflow-x: hidden;
		transition: all 0.2s;
		z-index: 1;
	}

	.w3l-hero-header-1 input:checked~nav {
		height: auto;
	}

	.w3l-hero-header-1 nav>ul {
		margin-top: 4rem;
		transform: translate(0%, 0%);
		transition: 0.2s;
		transition-delay: 0.2s;
		background: #253340;
		padding: 1.5em 0;
	}

	.w3l-hero-header-1 input:checked~nav>ul {
		opacity: 1;
	}

	.w3l-hero-header-1 nav>ul>li {
		padding: 15px 0;
		padding-left: 0px;
		cursor: pointer;
		transition: all 0.2s;
	}

	.w3l-hero-header-1 nav>ul>li:hover {
		background: #0f202f;
		color: #fff;
	}

	.w3l-hero-header-1 ul.hny-nav-links li a {
		color: #fff;
	}

	.w3l-hero-header-1 ul.hny-nav-links li a:hover {
		opacity: 0.7;
		color: #fff;
	}

	@-webkit-keyframes linetop {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(45deg);
		}
	}

	@keyframes linetop {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(45deg);
		}
	}

	@-webkit-keyframes linebottom {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(-45deg);
		}
	}

	@keyframes linebottom {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(-45deg);
		}
	}

	.w3l-hero-header-1 nav>ul>li {
		padding: 8px 0;
	}

	.w3l-hero-header-1 .header-main {
		padding: 10px 0;
	}

	.w3l-hero-header-1 .banner_section h3 {
		font-size: 45px;
		line-height: 50px;
	}

	.w3l-hero-header-1 .section-bg-image p {
		padding: 60px 50px 70px;
	}

	.w3l-hero-header-1 .top-gap {
		padding-top: 6em;
	}
}

@media (max-width: 640px) {

	.w3l-hero-header-1 .csslider>.arrows {
		top: 90%;
	}
}

@media (max-width: 480px) {
	.w3l-hero-header-1 .header-main label {
		right: 30px;
	}

	.w3l-hero-header-1 input:before {
		right: 38px;
	}

	.w3l-hero-header-1 .top-gap {
		padding-top: 2em;
	}

	.w3l-hero-header-1 .banner_section h3 {
		font-size: 28px;
		line-height: 34px;
	}

	.w3l-hero-header-1 .banner-top,
	.w3l-hero-header-1 .banner-top1,
	.w3l-hero-header-1 .banner-top2,
	.w3l-hero-header-1 .banner-top3 {
		min-height: 250px;
	}
}

@media (max-width: 440px) {
	.w3l-hero-header-1 .header-main label {
		right: 26px;
	}

	.w3l-hero-header-1 .header-main label:before {
		width: 28px;
	}

	.w3l-hero-header-1 .header-main label:after {
		width: 28px;
	}

	.w3l-hero-header-1 input:before {
		width: 28px;
	}

	.w3l-hero-header-1 nav>ul {
		margin-top: 3.5rem;
	}

	.w3l-hero-header-1 .section-bg-image p {
		padding: 30px 30px 40px;
		font-size: 24px;
		line-height: 35px;
	}
}

@media (max-width: 415px) {
	.w3l-hero-header-1 .nav-main {
		margin-left: auto;
		margin-right: 55px;
	}

	.w3l-hero-header-1 a.brand-logo {
		font-size: 26px;
	}

	.w3l-hero-header-1 .header-main label {
		right: 16px;
	}

	.w3l-hero-header-1 input:before {
		right: 28px;
	}

	.w3l-hero-header-1 .header-main label:after {
		top: 21px;
	}

	.w3l-hero-header-1 .header-main label:before {
		top: 3px;
	}

	.w3l-hero-header-1 input:before {
		top: 28px;
	}

	.w3l-hero-header-1 .header-main label {
		top: 16px;
	}

	.w3l-hero-header-1 .nav-main {
		margin-left: auto;
		margin-right: 45px;
	}

	.w3l-hero-header-1 .banner-cloumn-grid-2 {
		margin-top: 10px;
	}

	.w3l-hero-header-1 input:checked~label:before {
		top: 10px;
	}

	.w3l-hero-header-1 input:checked~label:after {
		top: 10px;
	}
}

/*--/content with photo5--*/
.w3l-content-photo-5 .content {
	padding: 4.5rem 0;
}

.w3l-content-photo-5 .d-grid {
	display: grid;
	grid-template-columns: 1.5fr 1fr;
	grid-gap: 30px;
}

.w3l-content-photo-5 .content-left {
	align-self: center;
}

.w3l-content-photo-5 .content-left h3 {
	font-size: 45px;
	line-height: 50px;
	color: var(--title-color);
}

.w3l-content-photo-5 .content-left p {
	margin-top: 15px;
	color: var(--text-color);
	font-size: 15.5px;
	line-height: 25px;
}

.w3l-content-photo-5 .content-left a {
	background: var(--theme-color);
	color: #ffffff;
	font-size: 17px;
	line-height: 25px;
	text-transform: capitalize;
	display: inline-block;
	margin-top: 35px;
	padding: 12px 25px;
}

@media (max-width: 1280px) {
	.w3l-content-photo-5 .d-grid {
		grid-column-gap: 40px;
	}
}

@media (max-width: 800px) {
	.w3l-content-photo-5 .d-grid {
		grid-template-columns: 1fr;
		grid-row-gap: 3.5rem;
	}
}

@media (max-width: 480px) {
	.w3l-content-photo-5 .content-left {
		order: 2;
	}

	.w3l-content-photo-5 .content-photo {
		order: 1;
	}

	.w3l-content-photo-5 .content {
		padding: 3em 0;
	}

	.w3l-content-photo-5 .d-grid {
		grid-template-columns: 1fr;
		grid-row-gap: 2.5rem;
	}

	.w3l-content-photo-5 .content-left h3 {
		font-size: 48px;
		line-height: 55px;
	}
}

@media (max-width: 414px) {
	.w3l-content-photo-5 .content-left h3 {
		font-size: 44px;
		line-height: 53px;
	}
}

@media (max-width: 384px) {
	.w3l-content-photo-5 .content-left h3 {
		font-size: 41px;
		line-height: 52px;
	}
}

@media (max-width: 375px) {
	.w3l-content-photo-5 .content-left h3 {
		font-size: 39px;
		line-height: 50px;
	}
}

@media (max-width: 350px) {
	.w3l-content-photo-5 .content-left h3 {
		font-size: 39px;
	}
}

/*--//content with photo5--*/
.w3l-hero-header-1 .w3l-hero-header-1-csslider {
	position: relative;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>input {
	display: none;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(4):checked~ul li:first-of-type {
	margin-left: -300%;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~ul li:first-of-type {
	margin-left: -200%;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~ul li:first-of-type {
	margin-left: -100%;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~ul li:first-of-type {
	margin-left: 0%;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>ul {
	position: relative;
	font-size: 0;
	line-height: 0;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>ul>li {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overflow: visible;
	font-size: 15px;
	font-size: initial;
	line-height: normal;
	transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
	vertical-align: top;
	box-sizing: border-box;
	white-space: normal;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>ul>li::after {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.navigation {
	position: absolute;
	bottom: 9%;
	left: 50%;
	z-index: 9;
	margin-bottom: -10px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.navigation>div {
	margin-left: -100%;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.navigation label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 5px;
	background: #fff;
	width: 10px;
	height: 10px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.navigation label:hover:after {
	opacity: 1;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.navigation label:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
	background: var(--theme-color);
	border-radius: 50%;
	border: 3px solid #fff;
	opacity: 0;
	width: 10px;
	height: 10px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider.inside .navigation {
	bottom: 10px;
	margin-bottom: 10px;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider.inside .navigation label {
	border: 1px solid #7e7e7e;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):after {
	opacity: 1;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider.infinity>input:first-of-type:checked~.arrows label.goto-last,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2) {
	display: block;
	left: 0;
	right: auto;
	transform: rotate(45deg);
	display: none;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3) {
	display: block;
	right: 0;
	left: auto;
	transform: rotate(225deg);
	display: none;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.arrows {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider.inside .navigation {
	bottom: 10px;
	margin-bottom: 10px;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider.inside .navigation label {
	border: 1px solid #7e7e7e;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.navigation label:nth-of-type(1):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.navigation label:nth-of-type(2):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~.navigation label:nth-of-type(3):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(4):checked~.navigation label:nth-of-type(4):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(5):checked~.navigation label:nth-of-type(5):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(6):checked~.navigation label:nth-of-type(6):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(7):checked~.navigation label:nth-of-type(7):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(8):checked~.navigation label:nth-of-type(8):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(9):checked~.navigation label:nth-of-type(9):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(10):checked~.navigation label:nth-of-type(10):after,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(11):checked~.navigation label:nth-of-type(11):after {
	opacity: 1;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.arrows {
	position: absolute;
	top: 85%;
	width: 100%;
	height: 26px;
	z-index: 1;
	box-sizing: content-box;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.arrows label {
	display: none;
	position: absolute;
	top: -50%;
	padding: 9px;
	box-shadow: inset 2px -2px 0 1px #ffffff;
	cursor: pointer;
	transition: box-shadow 0.15s, margin 0.15s;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider>.arrows label:hover {
	box-shadow: inset 2px -2px 0 0px #333;
	margin: 0 0px;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider.infinity>input:first-of-type:checked~.arrows label.goto-last,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(0),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(1),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(2),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(3),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(4),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(5),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(6),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(7),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(8),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(9),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(10) {
	display: block;
	right: 20%;
	left: auto;
	top: -50%;
	transform: rotate(45deg);
	display: none;
}

.w3l-hero-header-1 .w3l-hero-header-1-csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11),
.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12) {
	display: block;
	right: 18%;
	left: auto;
	transform: rotate(225deg);
	display: none;
}

.w3l-hero-header-1 #slider1 {
	width: 100%;
}

@media screen and (max-width: 320px) {
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>.navigation label {
		border: 2px solid #fff;
	}
}

@media screen and (max-width: 640px) {

	.w3l-hero-header-1 .w3l-hero-header-1-csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12) {
		right: 15%;
	}
}

@media screen and (max-width: 568px) {

	.w3l-hero-header-1 .w3l-hero-header-1-csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12) {
		right: 12%;
	}
}

@media screen and (max-width: 320px) {

	.w3l-hero-header-1 .w3l-hero-header-1-csslider.infinity>input:last-of-type:checked~.arrows label.goto-first,
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(1):checked~.arrows>label:nth-of-type(2),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(2):checked~.arrows>label:nth-of-type(3),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(3):checked~.arrows>label:nth-of-type(4),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(4):checked~.arrows>label:nth-of-type(5),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(5):checked~.arrows>label:nth-of-type(6),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(6):checked~.arrows>label:nth-of-type(7),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(7):checked~.arrows>label:nth-of-type(8),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(8):checked~.arrows>label:nth-of-type(9),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(9):checked~.arrows>label:nth-of-type(10),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(10):checked~.arrows>label:nth-of-type(11),
	.w3l-hero-header-1 .w3l-hero-header-1-csslider>input:nth-of-type(11):checked~.arrows>label:nth-of-type(12) {
		right: 10%;
	}
}














.w3l-companies-20 .d-grid {
	display: grid;
}

.w3l-companies-20 .offer-grids {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 8px;
}

.w3l-companies-20 a {
	padding: 20px;
	background: #f8f9fa;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	border: 1px solid #f8f9fa;
}

.w3l-companies-20 a:hover {
	background: #fff;
	border: 1px solid #e3e3e3;
}

.w3l-companies-20 .offer-item span.pos-icon {
	background: var(--theme-color);
	display: block;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	text-align: center;
	opacity: 0.75;
	margin-bottom: 12px;
}

.w3l-companies-20 .offer-item .pos-icon span.fa {
	font-size: 25px;
	color: #fff;
	line-height: 50px;
	transition: .3s;
	display: block;
}

.w3l-companies-20 .offer-item:hover .pos-icon span.fa {
	opacity: 1;
	transition: .3s;
}

.w3l-companies-20 .offer-item {
	font-size: 20px;
	color: var(--title-color);
	font-weight: bold;
}

.w3l-companies-20 .offer-item p {
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0;
	font-weight: normal;
	color: var(--text-color);
}

@media (max-width: 1490px) {
	.w3l-companies-20 a {
		padding: 10px;
	}
}

@media (max-width: 1080px) {
	.w3l-companies-20 .companies20-content {
		max-width: 100%;
	}

	.w3l-companies-20 .text {
		padding-top: 40px;
		margin-top: 40px;
	}

	.w3l-companies-20 .offer-item p {
		font-size: 11px;
		line-height: 16px;
		margin: 5px 0;
	}

	.w3l-companies-20 .offer-item {
		font-size: 16px;
	}
}

@media (max-width: 768px) {
	.w3l-companies-20 .text {
		padding-top: 30px;
		margin-top: 30px;
	}
}

@media (max-width: 667px) {
	.w3l-companies-20 .text p {
		font-size: 23px;
		line-height: 34px;
	}
}

@media (max-width: 568px) {
	.w3l-companies-20 .text p {
		font-size: 22px;
		line-height: 30px;
	}
}

@media (max-width: 480px) {
	.w3l-companies-20 .offer-grids {
		grid-template-columns: 1fr 1fr;
	}

	.w3l-companies-20 .text {
		padding-top: 20px;
		margin-top: 20px;
		text-align: left;
	}

	.w3l-companies-20 .text p {
		font-size: 20px;
		line-height: 28px;
	}

	.w3l-companies-20 a.action {
		margin-top: 20px;
	}
}











/*--service-- */

.ser-service-mid h5 {
	font-size: 16px;
	color: var(--theme-color);
	text-transform: capitalize;
	margin: 8px 0;
	font-weight: normal;
}

p.para {
	font-size: 14px;
	color: #e2e2e2;
	line-height: 20px;
	margin: 10px 0 15px 0;
}

.align-left-r {
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
	background: rgba(238, 238, 238, 0.35);
}

.align-right-l {
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
	background: rgba(238, 238, 238, 0.35);
}

.ser-grid-wthree {
	background: rgba(0, 0, 0, 0.5);
	padding: 60px 15px;
	transition: 0.3s ease-in;
	min-height: inherit;
}

.ser-grid-wthree:hover {
	background: rgba(0, 0, 0, 0.8);
	transition: 0.3s ease-in;
}

/* .ser-left-img {
	background: url(../images/workshop.jpg) no-repeat 0px 0px;
	background-size: contain;
	min-height: 200px;
} */
.workshop,
.staff,
.price,
.support-bg {
	background-size: cover;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	min-height: 300px;
}

.workshop {
	background-image: url('../images/workshop.jpg');
}

.staff {
	background-image: url('../images/staff.jpg');
}

.price {
	background-image: url('../images/price.jpg');
}

.support-bg {
	background-image: url('../images/support.jpg');
}

.ser-left-img img {
	border: 2px solid #5cffdd;
	padding: 5px;
	border-radius: 50%;
	width: 100%;
}

.sub-ser-matter-agile h4,
.about-inner-agile-grids h4 {
	font-size: 18px;
	text-transform: uppercase;
	color: #fff;
}

.outs_more-buttn a {
	color: #ffffff;
	font-size: 14px;
	text-transform: capitalize;
	display: inline-block;
	margin-top: 15px;
	border-radius: 4px;
	font-weight: bold;
}

.transport-image img {
	max-width: 100%;
	margin: 0 auto;
}


@media (max-width: 800px) {

	.workshop,
	.staff,
	.price,
	.support-bg {
		min-height: 250px;
	}

	.ser-grid-wthree {
		padding: 50px 15px;
	}
}


@media (max-width: 500px) {

	.workshop,
	.staff,
	.price,
	.support-bg {
		min-height: 230px;
	}

	.ser-grid-wthree {
		padding: 40px 15px;
	}
}










/*-- stats --*/
h4.heading {
	font-size: 25px;
	padding-bottom: 8px;
	font-weight: 700;
	margin-bottom: 20px;
	position: relative;
	color: var(--title-color);
}

h4.heading::after {
	content: '';
	width: 30%;
	height: 1px;
	background: var(--theme-color);
	display: block;
	left: 0;
	position: absolute;
	bottom: 0;
}

.stat {
	padding: 15px 10px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.stat p {
	font-size: 12px;
	line-height: 16px;
	margin: 5px 0;
	font-weight: normal;
	color: var(--text-color);
}

.stats-inner-grid {
	grid-template-columns: 1fr 1fr;
	align-items: center;
	grid-gap: 10px;
}

.stats-inner-grid h4 {
	font-size: 30px;
	font-weight: 600;
	color: var(--text-color);
}

/*-- //stats --*/




/*-- blog slide --*/
.blog-grid {
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.blog-inner {
	padding: 20px 10px;
}

.blog-grid h5 {
	margin: 0 0 10px 0;
	color: var(--theme-color-two);
}

.blog-grid h4 a {
	font-size: 1em;
	color: #000;
	line-height: 1.5em;
	text-transform: uppercase;
}

.blog-grid p {
	margin: 6px 0 20px;
	font-size: 14px;
	color: #707579;
	line-height: 22px;
}

a.readmore {
	background: var(--theme-color);
	color: #ffffff;
	font-size: 13px;
	text-transform: capitalize;
	display: inline-block;
	padding: 8px 12px;
	border-radius: 4px;
}

/*-- /blog slide --*/








.w3l-form-36 .w3l-form-36-mian {
	padding: 30px 0px;
}

.w3l-form-36 .form-inner-cont {
	max-width: 300px;
	margin: 0px auto;
}

.w3l-form-36 .form-inner-cont h3 {
	font-size: 30px;
	line-height: 40px;
	color: var(--title-color);
	text-align: center;
	margin-bottom: 5px;
	margin-top: 20px;
}

.w3l-form-36 .form-inner-cont h6 {
	font-size: 15px;
	color: var(--text-color);
	text-align: center;
	margin-bottom: 20px;
}

.w3l-form-36 .form-input input[type="email"],
.w3l-form-36 .form-input input[type="password"],
.w3l-form-36 .form-input input[type="text"] {
	background: #efefef;
	border: none;
	outline: none;
	width: 100%;
	font-size: 14px;
	padding: 14px 15px;
	color: var(--title-color);
	-webkit-appearance: none;
	font-weight: bold;
}

.w3l-form-36 .form-input input[type="email"]:focus,
.w3l-form-36 .form-input input[type="password"]:focus,
.w3l-form-36 .form-input input[type="text"]:focus {
	background: #fff;
	color: #000;
}

.w3l-form-36 .form-input {
	margin: 10px 0 10px 0;
	background: rgba(249, 250, 255, 0.09);
	display: grid;
	align-items: center;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}

.w3l-form-36 .checkbox {
	width: 16px;
	height: 16px;
	color: #F5F9FC;
	background: #304659;
	float: left;
}

.w3l-form-36 p.remember {
	line-height: 20px;
	color: var(--text-color);
	font-size: 13px;
}

.w3l-form-36 .new-signup a {
	font-size: 15px;
	margin-top: 30px;
	display: block;
	color: var(--theme-color);
	text-align: center;
}

.w3l-form-36 .social-icons {
	display: grid;
	grid-gap: 10px;
	align-items: center;
}

.w3l-form-36 .continue {
	position: relative;
	border-top: 1px solid #eee;
	margin: 20px 0;
}

.w3l-form-36 .continue span.or {
	position: absolute;
	z-index: 9;
	top: -15px;
	left: 40%;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 30px;
	background: #fff;
	color: #666666;
	width: 20%;
	height: 30px;
	text-align: center;
}

.w3l-form-36 button.btn {
	text-decoration: none;
	text-align: center;
	width: 100%;
	border: none;
	cursor: pointer;
	font-size: 15px;
	text-align: center;
	color: #F5F9FC;
	background: var(--theme-color-two);
	display: inline-block;
	border-radius: 50px;
	font-weight: bold;
	padding: 12px 15px;
	transition: 0.3s ease-out;
	opacity: 0.8;
	margin-top: 20px;
}

.w3l-form-36 button.btn:hover {
	opacity: 1;
}

.w3l-form-36 .facebook span.social-f {
	color: #ffffff;
	vertical-align: middle;
}

.w3l-form-36 .google span.social-g {
	color: #000000;
	vertical-align: middle;
}

.w3l-form-36 .facebook span.fa {
	vertical-align: middle;
	color: #fff;
	font-size: 16px;
	margin-right: 5px;
}

.w3l-form-36 .google img {
	vertical-align: middle;
	margin-right: 5px;
}

.w3l-form-36 .facebook,
.w3l-form-36 .google {
	font-size: 15px;
	line-height: 40px;
	color: #304659;
	display: block;
	border: 1px solid #dcdcdc;
	text-align: center;
	border-radius: 50px;
}

.w3l-form-36 .facebook {
	background: #3b5998;
}

.w3l-form-36 .google {
	background: none;
}

.w3l-form-36 p.signup {
	color: var(--text-color);
	font-size: 15px;
	display: block;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
	border-top: 1px solid #dcdcdc;
}

.w3l-form-36 p.signup a {
	font-weight: bold;
	color: var(--theme-color);
}

.w3l-form-36 p.signup a:hover {
	text-decoration: underline;
}

.w3l-form-36 .check-remaind input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.w3l-form-36 .check-remaind {
	display: block;
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	margin: 20px 0px 0 0;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.w3l-form-36 .check-remaind input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.w3l-form-36 .checkmark {
	position: absolute;
	top: 0px;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #E1E9F0;
}

.w3l-form-36 .ccheck-remaind:hover input~.checkmark {
	background-color: var(--theme-color);
}

.w3l-form-36 .check-remaind input:checked~.checkmark {
	background-color: var(--theme-color);
}

.w3l-form-36 .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.w3l-form-36 .check-remaind input:checked~.checkmark:after {
	display: block;
}

.w3l-form-36 .check-remaind .checkmark:after {
	left: 6px;
	top: 3px;
	width: 4px;
	height: 8px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

@media (max-width: 1080px) {
	.w3l-form-36 .w3l-form-36-mian {
		padding: 20px 0px;
	}
}

@media (max-width: 414px) {
	.w3l-form-36 .form-inner-cont h3 {
		font-size: 32px;
	}
}
















.pricing_grid_content {
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 55px 10px 20px;
}

.pricing-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 20px;
	margin-bottom: 20px;
}

h3.Recommended.pos-absolute {
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	background: #0a9667;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 10px;
	top: 0;
}

.pricing-header h5 {
	text-transform: uppercase;
	color: var(--theme-color-two);
	font-size: 15px;
}

.pricing-header p {
	margin: 6px 0 0;
	font-size: 14px;
	color: #707579;
	line-height: 20px;
}

.pricing-header h3 {
	font-size: 25px;
	margin: 10px 0;
}

.pricing-header a {
	background: var(--theme-color);
	color: #ffffff;
	font-size: 13px;
	text-transform: capitalize;
	display: inline-block;
	padding: 9px 13px;
	border-radius: 4px;
	margin-top: 20px;
}

ul.w3_count li {
	margin: 10px 0;
}

ul.w3_count li span {
	display: inline;
	font-size: 12px;
	color: #2dde98;
}

ul.w3_count li p {
	display: inline;
	font-size: 13px;
}













.w3l-form-12 .w3l-form-12-content {
	background: var(--theme-color-two);
	background-size: cover;
	background-attachment: fixed;
}

.w3l-form-12 .grid {
	display: grid;
}

.w3l-form-12 .grid-column-2 {
	grid-template-columns: 0.75fr 1fr;
	grid-column-gap: 30px;
}

.w3l-form-12 .tagline {
	color: var(--theme-color);
	text-transform: uppercase;
	line-height: 20px;
	font-size: 13px;
}

.w3l-form-12 .align-formfield-two {
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}

.w3l-form-12 .column1 {
	align-self: center;
	background: rgba(255, 255, 255, 0.97);
	padding: 3rem;
}

.w3l-form-12 .form-para {
	margin: 10px 0;
	color: var(--title-color);
	line-height: 32px;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
}

.w3l-form-12 .form-input,
.w3l-form-12 select,
.w3l-form-12 textarea {
	margin-top: 10px;
	width: 100%;
	height: 40px;
	background: #fff;
	color: #000000;
	border: 1px solid #eee;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-appearance: none;
}

.w3l-form-12 select {
	background-image: url(../images/down.png);
	background-repeat: no-repeat;
	background-position: 97% 52%;
	cursor: pointer;
}

.w3l-form-12 textarea.form-input {
	height: 100px;
}

.w3l-form-12 .form-input:focus,
.w3l-form-12 select:focus,
.w3l-form-12 textarea:focus {
	border: 1px solid var(--theme-color);
	outline: none;
}

.form-input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000000;
	opacity: 1;
	/* Firefox */
}

.form-input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000000;
}

.form-input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000000;
}

.w3l-form-12 button.btn {
	background: var(--title-color);
	color: #ffffff;
	font-size: 16px;
	text-transform: capitalize;
	margin-top: 30px;
	padding: 15px 25px;
	border: none;
	display: block;
	width: 100%;
	cursor: pointer;
}

.w3l-form-12 button.btn:hover {
	background: var(--theme-color);
	transition: 0.3s ease-in;
}

@media (max-width: 1080px) {
	.w3l-form-12 .column1 {
		align-self: center;
		background: rgba(255, 255, 255, 0.97);
		padding: 1rem;
	}
}

@media (max-width: 768px) {
	.w3l-form-12 .grid-column-2 {
		grid-template-columns: 1fr;
	}

	.w3l-form-12 .w3l-form-12 {
		padding: 30px 0px;
	}
}
















.w3l-quote-form .w3l-quote-form-content {
	background: var(--theme-color-two);
	background-size: cover;
	background-attachment: fixed;
}

.w3l-quote-form .grid {
	display: grid;
}

.w3l-quote-form .grid-column-2 {
	grid-template-columns: 0.75fr 1fr;
	grid-column-gap: 30px;
}

.w3l-quote-form .tagline {
	color: var(--theme-color);
	text-transform: uppercase;
	line-height: 20px;
	font-size: 13px;
}

.w3l-quote-form .align-formfield-two {
	grid-template-columns: auto 1fr;
	align-items: center;
	margin-top: 10px;
}

.w3l-quote-form p.quote-label {
	display: block;
	padding: 0px 8px;
	border-radius: 0;
	border: none;
	background-color: #efe9e9;
	font-weight: bold;
	font-size: 15px;
	color: var(--text-color);
	height: 40px;
	line-height: 40px;
	width: 85px;
}

.w3l-quote-form p.quote-label span {
	font-size: 15px;
	margin: 5px;
}

.w3l-quote-form .column1 {
	align-self: center;
	background: rgba(255, 255, 255, 0.97);
	padding: 3rem;
}

.w3l-quote-form .form-para {
	margin: 5px 0 10px 0;
	color: var(--theme-color-two);
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
}

.w3l-quote-form .form-input,
.w3l-quote-form select,
.w3l-quote-form textarea {
	width: 100%;
	height: 40px;
	background: #fff;
	color: #000000;
	border: 1px solid #eee;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

.w3l-quote-form textarea.form-input {
	height: 100px;
}

.w3l-quote-form .form-input:focus,
.w3l-quote-form select:focus,
.w3l-quote-form textarea:focus {
	border: 1px solid #eee;
	outline: none;
}

.form-input::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000000;
	opacity: 1;
	/* Firefox */
}

.form-input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #000000;
}

.form-input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #000000;
}

.w3l-quote-form button.btn {
	background: var(--theme-color);
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 30px;
	padding: 12px 25px;
	border: none;
	display: block;
	width: 100%;
	cursor: pointer;
}

.w3l-quote-form button.btn:hover {
	background: var(--theme-color-two);
	transition: 0.3s ease-in;
}

@media (max-width: 1080px) {
	.w3l-quote-form .column1 {
		padding: 1rem;
	}
}

@media (max-width: 768px) {
	.w3l-quote-form .grid-column-2 {
		grid-template-columns: 1fr;
	}

	.w3l-quote-form .w3l-quote-form {
		padding: 30px 0px;
	}
}












/*--/footer--*/

footer {
	background: #17181b;
}

.footer-top {
	margin-top: 40px;
}

.footer-address-inf {
	margin-top: 10px;
}

.agileinfo_social_icons {
	margin-top: 22px;
}

h3.footer-title {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
}

.footer-text p,
.footer-grid_section_w3layouts p,
.footer-grid_section_w3layouts li a {
	color: #bdbdbd;
	font-size: 14px;
	display: inline;
	line-height: 22px;
}

.footer-address-inf p a {
	color: #bdbdbd;
	text-decoration: underline;
}

.contact-info h4,
h4.sub-con-fo {
	font-size: 13px;
	color: #edf0f3;
	font-weight: 400;
	text-transform: uppercase;
	display: inline;
}

h2.footer-logo {
	margin-bottom: 5px;
}

h2.footer-logo a {
	font-weight: 700;
	font-size: 30px;
	color: #fff;
	text-shadow: 2px 5px 3px rgba(0, 0, 0, 0.06);
}

/* social icons */
.w3layouts_social_list li {
	display: inline-block;
}

.w3layouts_social_list li a {
	width: 30px;
	height: 30px;
	text-align: center;
	display: inline-block;
	font-size: 13px;
	border-radius: 50%;
}

ul.w3layouts_social_list.list-unstyled {
	display: inline;
}

.w3layouts_social_list li a span {
	color: #fff;
	line-height: 30px;
}

a.w3pvt_facebook {
	background: #3b5998;
}

a.w3pvt_twitter {
	background: #1da1f2;
}

a.w3pvt_dribble {
	background: #ea4c89;
}

a.w3pvt_google {
	background: #F44336;
}


.bottom-fixed-menu {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 9;
	box-shadow: 0 -5px 5px -5px rgba(51, 51, 51, 0.22);
}

.bottom-fixed-menu ul {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: rgba(81, 81, 218, 0.9);
	background: #fff;
}

.bottom-fixed-menu.text-center ul li a {
	color: var(--title-color);
	font-size: 12px;
	display: block;
	padding: 10px 0;
}

.bottom-fixed-menu.text-center ul li a.active {
	background: var(--theme-color-two);
	color: #fff;
}

.bottom-fixed-menu.text-center ul li a span {
	font-size: 160%;
	margin-bottom: 5px;
}

.bottom-fixed-menu ul li {
	display: inline-block;
	border-left: 1px solid #eee;
}

.bottom-fixed-menu ul li:first-child {
	border-left: none;
}

/* //social-icons */

.cpy-right-sec-w3ls {
	margin: 30px 0;
	background: #1c1d21;
}

.cpy-right p {
	font-size: 14px;
	color: #bdbdbd;
	line-height: 22px;
	padding: 15px 0;
}

.cpy-right p span {
	margin: 0 3px;
	color: #ff0000;
}

.cpy-right p a {
	color: #ffffff;
}

















.w3l-features-photo-7 .feat_top {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
	margin-top: 40px;
}

.w3l-features-photo-7 .w3l-features-photo-7_top h4 {
	font-size: 25px;
	line-height: 32px;
	color: var(--title-color);
	margin-bottom: 20px;
	font-weight: 400;
}

.w3l-features-photo-7 .w3l-features-photo-7_top h5 {
	font-size: 20px;
	line-height: 25px;
	color: var(--title-color);
	margin: 12px 0;
}

.w3l-features-photo-7 .w3l-features-photo-7_top h5 a {
	color: var(--theme-color-two);
	text-decoration: none;
	font-weight: 600;
}

.w3l-features-photo-7 .w3l-features-photo-7_top h5 a:hover {
	opacity: 0.8;
}

.w3l-features-photo-7 .w3l-features-photo-7_top p {
	font-size: 16px;
	line-height: 25px;
	color: var(--text-color);
}

.w3l-features-photo-7 .gallery-7_sur {
	padding: 70px 0;
	background: #F5F9FC;
}

.w3l-features-photo-7 .galleryContainer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: center;
	position: relative;
}

.w3l-features-photo-7 .gallery {
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
}

.w3l-features-photo-7 .gallery input {
	display: none;
}

.w3l-features-photo-7 .galleryImage {
	transition: opacity 0.25s ease-out;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.w3l-features-photo-7 .gallery>img:first-of-type {
	position: relative !important;
	display: flex !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 10;
}

.w3l-features-photo-7 .arrowsContainer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 100%;
	display: none;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	z-index: 20;
	overflow: hidden;
}

.w3l-features-photo-7 .arrowsContainer img {
	width: 100px;
	background: white;
	opacity: 0.4;
	padding-bottom: 20px;
	transition: 0.1s ease;
}

.w3l-features-photo-7 .leftArrow {
	border-top-right-radius: 10px;
	position: absolute;
	bottom: -20px;
	left: -30px;
	padding-left: 40px;
	padding-right: 15px;
}

.w3l-features-photo-7 .rightArrow {
	border-top-left-radius: 10px;
	position: absolute;
	bottom: -20px;
	right: -30px;
	padding-right: 40px;
	padding-left: 15px;
}

.w3l-features-photo-7 .leftArrow:active,
.w3l-features-photo-7 .rightArrow:active {
	transform: scale(0.95, 0.95);
}

.w3l-features-photo-7 .thumbnails {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	height: 5%;
	z-index: 30;
	margin-top: 10px;
	/*border-left: 6px solid black;*/
	scroll-snap-type: mandatory;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.w3l-features-photo-7 .thumbnailImage img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.w3l-features-photo-7 .thumbnailImage {
	margin: 0 5px;
	-moz-scroll-snap-align: start;
	-ms-scroll-snap-align: start;
	scroll-snap-align: start;
}

.w3l-features-photo-7 .thumbnailImage:first-child {
	margin-left: 0px;
}

.w3l-features-photo-7 .thumbnailImage:last-child {
	margin-right: 0px;
}

.w3l-features-photo-7 #c1:checked+#i1 {
	opacity: 1;
}

.w3l-features-photo-7 #c2:checked+#i2 {
	opacity: 1;
}

.w3l-features-photo-7 #c3:checked+#i3 {
	opacity: 1;
}

.w3l-features-photo-7 #c4:checked+#i4 {
	opacity: 1;
}

.w3l-features-photo-7 #c5:checked+#i5 {
	opacity: 1;
}

.w3l-features-photo-7 #c6:checked+#i6 {
	opacity: 1;
}

.w3l-features-photo-7 #c7:checked+#i7 {
	opacity: 1;
}

.w3l-features-photo-7 #c8:checked+#i8 {
	opacity: 1;
}

.w3l-features-photo-7 #c9:checked+#i9 {
	opacity: 1;
}

.w3l-features-photo-7 #c10:checked+#i10 {
	opacity: 1;
}

.w3l-features-photo-7 #c11:checked+#i11 {
	opacity: 1;
}

.w3l-features-photo-7 #c12:checked+#i12 {
	opacity: 1;
}

.w3l-features-photo-7 #c13:checked+#i13 {
	opacity: 1;
}

.w3l-features-photo-7 #c1:checked+#i1+#arrows1 {
	display: flex;
}

.w3l-features-photo-7 #c2:checked+#i2+#arrows2 {
	display: flex;
}

.w3l-features-photo-7 #c3:checked+#i3+#arrows3 {
	display: flex;
}

.w3l-features-photo-7 #c4:checked+#i4+#arrows4 {
	display: flex;
}

.w3l-features-photo-7 #c5:checked+#i5+#arrows5 {
	display: flex;
}

.w3l-features-photo-7 #c6:checked+#i6+#arrows6 {
	display: flex;
}

.w3l-features-photo-7 .thumbnails label,
.w3l-features-photo-7 .arrowsContainer label {
	cursor: pointer;
	overflow: hidden;
}

.w3l-features-photo-7 .thumbnails label img {
	transition: 0.3s ease;
}

.w3l-features-photo-7 .thumbnails label img:hover {
	transform: scale(1.2, 1.2);
}

.w3l-features-photo-7 label:focus {
	box-shadow: 0px 0px 7px 1px white;
}

@media screen and (max-width: 415px) {
	.w3l-features-photo-7 .feat_top {
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}
}

@media screen and (max-width: 384px) {
	.w3l-features-photo-7 .feat_top {
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
}














/*--/call-to-action--*/

.w3l-call-to-action-6 .call-vv-action {
	background: var(--theme-color-two);
}

.w3l-call-to-action-6 p {
	font-size: 16px;
	line-height: 25px;
	color: #e2e2e2;
}

.w3l-call-to-action-6 .hny-title {
	margin-bottom: 10px;
	font-size: 30px;
	color: #fff;
	font-weight: 400;
}

.w3l-call-to-action-6 .float-rt {
	align-self: center;
}

.w3l-call-to-action-6 .buttons li {
	list-style: none;
	display: inline-block;
	color: #e2e2e2;
}

.w3l-call-to-action-6 .buttons li.green {
	margin: 0 20px;
	color: #e2e2e2;
}

.w3l-call-to-action-6 .buttons li.phone a {
	font-size: 20px;
	color: #e2e2e2;
	font-weight: 600;
}

.w3l-call-to-action-6 .btn.read {
	padding: 12px 30px;
	color: #fff;
	border: none;
	background: var(--theme-color);
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	line-height: 25px;
}

.w3l-call-to-action-6 .btn.read:hover {
	opacity: 0.9;
}

.w3l-call-to-action-6 .grid {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr;
}

@media (max-width: 1024px) {
	.w3l-call-to-action-6 p {
		font-size: 16px;
	}
}

@media (max-width: 1280px) {
	.w3l-call-to-action-6 .hny-title {
		font-size: 28px;
	}
}

@media (max-width: 1080px) {
	.w3l-call-to-action-6 .grid {
		grid-template-columns: 1fr;
	}

	.w3l-call-to-action-6 .float-rt {
		text-align: left;
	}
}

@media (max-width: 992px) {

	.w3l-call-to-action-6 .float-rt,
	.w3l-call-to-action-6 .float-lt {
		float: none;
		box-sizing: border-box;
		width: 100%;
	}

	.w3l-call-to-action-6 .grid {
		grid-template-columns: 1fr;
	}

	.w3l-call-to-action-6 .buttons {
		text-align: left;
	}
}


@media (max-width: 480px) {
	.w3l-call-to-action-6 .hny-title {
		font-size: 26px;
	}
}

@media (max-width: 415px) {
	.w3l-call-to-action-6 .btn.read {
		margin-top: 20px;
	}
}













.w3l-customers-7 .customers_grid {
	padding: 15px;
	background: #f1f1f1;
	border: 1px solid #eee;
	border-radius: 3px;
}

.w3l-customers-7 .customers_sur p {
	font-size: 15px;
	line-height: 25px;
	color: #484848;
}

.w3l-customers-7 .customers-bottom_sur {
	margin-top: 20px;
}

.w3l-customers-7 .custo-img-res {
	float: left;
}

.w3l-customers-7 .custo_grid {
	float: left;
	margin-left: 1.2em;
	margin-top: 5px;
}

.w3l-customers-7 .custo-img-res img {
	border-radius: 50%;
}

.w3l-customers-7 .customers_sur h5 {
	font-size: 20px;
	line-height: 25px;
	color: #051b35;
}

.w3l-customers-7 .customers_sur span {
	font-size: 15px;
	line-height: 20px;
	color: #8899ff;
	margin-top: 3px;
	display: block;
}






/*--/contacts-5-grid--*/
/* contacts */

.w3l-contacts-5 .w3l-contacts-5-grid-main {
	background: #faf9fe;
}

.w3l-contacts-5 .w3l-contacts-5-grid {
	position: relative;
	margin-bottom: 170px;
}

.w3l-contacts-5 .map-content-5 {
	background: #fff;
	max-width: 80%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -170px;
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
}

.w3l-contacts-5 .contacts-sub-5 iframe {
	width: 100%;
	min-height: 540px;
}

.w3l-contacts-5 .d-grid {
	display: grid;
}

.w3l-contacts-5 .grid-col-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-column-gap: 30px;
	padding: 0 90px;
}

.w3l-contacts-5 .service-col-4 h6 {
	font-size: 17px;
	line-height: 25px;
	color: #051b35;
	text-align: left;
}

.w3l-contacts-5 a.link1 {
	color: #304659;
	font-size: 17px;
	line-height: 25px;
	display: block;
	margin-top: 10px;
	text-align: left;
}

.w3l-contacts-5 .service-col-4 h4 a:hover {
	opacity: 0.85;
}

.w3l-contacts-5 .service-col-4 p {
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 25px;
	color: var(--text-color);
	margin-top: 10px;
	text-align: left;
}

.w3l-contacts-5 section.tab-content {
	display: none;
	padding: 45px 0 65px 0;
}

.w3l-contacts-5 input {
	display: none;
}

.w3l-contacts-5 label.tabtle {
	display: inline-block;
	padding: 30px 0;
	font-weight: bold;
	border: 1px solid transparent;
	font-size: 17px;
	line-height: 25px;
	text-align: center;
	color: var(--text-color);
	margin: 0 15px;
}

.w3l-contacts-5 label.tabtle:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}

.w3l-contacts-5 label.tabtle:hover {
	color: #304659;
	cursor: pointer;
}

.w3l-contacts-5 input:checked+label.tabtle {
	border-bottom: 3px solid var(--theme-color);
	line-height: 25px;
	text-align: center;
	color: var(--theme-color);
}

.w3l-contacts-5 #tab1:checked~#content1,
.w3l-contacts-5 #tab2:checked~#content2,
.w3l-contacts-5 #tab3:checked~#content3,
.w3l-contacts-5 #tab4:checked~#content4 {
	display: block;
	border-top: 1px solid var(--text-color)38;
	box-sizing: border-box;
}

.w3l-contacts-5 .button-style {
	width: 140px;
	height: 40px;
	display: block;
	line-height: 40px;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	color: #F5F9FC;
	background: var(--theme-color-two);
	display: inline-block;
	border-radius: 3px;
	transition: 0.3s ease-out;
}

.w3l-contacts-5 .button-style:hover {
	background: var(--theme-color-two);
	transition: 0.3s ease-out;
}

@media (max-width: 1366px) {
	.w3l-contacts-5 .map-content-5 {
		max-width: 85%;
	}

	.w3l-contacts-5 .map-content-5 {
		bottom: -168px;
	}
}

@media (max-width: 1280px) {
	.w3l-contacts-5 .map-content-5 {
		max-width: 90%;
	}
}

@media (max-width: 1080px) {
	.w3l-contacts-5 .map-content-5 {
		bottom: -192px;
	}
}

@media (max-width: 800px) {
	.w3l-contacts-5 .grid-col-4 {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 30px;
	}

	.w3l-contacts-5 .contacts-sub-5 iframe {
		min-height: 500px;
	}

	.w3l-contacts-5 .map-content-5 {
		bottom: -256px;
	}

	.w3l-contacts-5 label.tabtle {
		padding: 15px 0;
		margin: 0 12px;
	}
}

@media (max-width: 667px) {
	.w3l-contacts-5 .grid-col-4 {
		padding: 0 45px;
	}
}

@media (max-width: 600px) {
	.w3l-contacts-5 .grid-col-4 {
		padding: 0 25px;
	}
}

@media (max-width: 568px) {
	.w3l-contacts-5 .grid-col-4 {
		grid-template-columns: 1fr;
	}

	.w3l-contacts-5 .w3l-contacts-5-grid {
		margin-bottom: 250px;
	}

	.w3l-contacts-5 .w3l-contacts-5-grid-main {
		padding-bottom: 250px;
	}

	.w3l-contacts-5 .contacts-sub-5 iframe {
		min-height: 400px;
	}

	.w3l-contacts-5 .map-content-5 {
		bottom: -280px;
	}

	.w3l-contacts-5 .contacts-sub-5 iframe {
		min-height: 350px;
	}
}

@media (max-width: 480px) {
	.w3l-contacts-5 label.tabtle {
		margin: 0 8px;
	}

	.w3l-contacts-5 .map-content-5 {
		max-width: 95%;
	}

	.w3l-contacts-5 .w3l-contacts-5-grid-main {
		padding-bottom: 130px;
	}

	.w3l-contacts-5 .w3l-contacts-5-grid {
		margin-bottom: 206px;
	}

	.w3l-contacts-5 section.tab-content {
		display: none;
		padding: 20px 0 20px 0;
	}

	.w3l-contacts-5 .service-col-4 p,
	.w3l-contacts-5 a.link1 {
		font-size: 14px;
		margin-top: 2px;
	}

	.w3l-contacts-5 .grid-col-4 {
		grid-row-gap: 20px;
	}
}

@media (max-width: 414px) {
	.w3l-contacts-5 .map-content-5 {
		max-width: 93%;
	}
}

@media (max-width: 384px) {
	.w3l-contacts-5 label.tabtle {
		font-size: 15px;
	}
}

@media (max-width: 320px) {
	.w3l-contacts-5 label.tabtle {
		margin: 0 1px;
	}

	.w3l-contacts-5 label.tabtle {
		font-size: 14px;
	}

	.w3l-contacts-5 .service-col-4 h6 {
		font-size: 15px;
	}

	.w3l-contacts-5 a.link1 {
		font-size: 14px;
	}

	.w3l-contacts-5 .button-style {
		font-size: 15px;
	}
}

/*--//contacts-5-grid--*/
.w3l-form-41 .form-inner-cont h3 {
	font-size: 35px;
	line-height: 40px;
	color: #000000;
	margin-bottom: 35px;
}

.w3l-form-41 form.signin-form {
	margin: 0 auto;
	width: 32%;
	text-align: left;
}

.w3l-form-41 .form-input {
	margin-bottom: 15px;
}

.w3l-form-41 .form-inner-cont label {
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 5px;
	color: var(--text-color);
	display: block;
}

.w3l-form-41 .form-inner-cont input,
.w3l-form-41 .form-inner-cont textarea {
	outline: none;
	width: 100%;
	font-size: 15px;
	padding: 0px 15px;
	margin-bottom: 14px;
	color: #304659;
	height: 45px;
	text-align: left;
	-webkit-appearance: none;
	background: rgba(249, 250, 255, 0.09);
	display: grid;
	grid-template-columns: .1fr 1fr;
	align-items: center;
	padding-left: 15px;
	border: 1px solid #bdc7ff;
	border-radius: 3px;
}

.w3l-form-41 .form-inner-cont textarea {
	height: 125px;
	resize: none;
	padding: 15px 15px;
	display: grid;
	grid-template-columns: .1fr 1fr;
	align-items: center;
	padding-left: 15px;
	border: 1px solid #bdc7ff;
	border-radius: 3px;
}

.w3l-form-41 .form-inner-cont select {
	background: url(../images/down.png) no-repeat 93% 52%;
	outline: none;
	width: 100%;
	font-size: 15px;
	padding: 0px 15px;
	color: #304659;
	height: 45px;
	text-align: left;
	-webkit-appearance: none;
	cursor: pointer;
	padding-left: 15px;
	border: 1px solid #bdc7ff;
	border-radius: 3px;
}

.w3l-form-41 .form-inner-cont input:focus,
.w3l-form-41 .form-inner-cont textarea:focus,
.w3l-form-41 .form-inner-cont select:focus {
	border: 1px solid var(--theme-color-two);
}

.w3l-form-41 button.btn {
	padding: 0px 30px;
	text-decoration: none;
	width: 100%;
	border: none;
	cursor: pointer;
	height: 45px;
	margin-top: 15px;
	font-size: 16px;
	text-align: center;
	color: #F5F9FC;
	background: var(--theme-color-two);
	display: inline-block;
	border-radius: 3px;
	transition: 0.5s ease-out;
}

.w3l-form-41 button.btn:hover {
	opacity: 0.9;
}

.w3l-form-41 label.container p {
	color: var(--text-color);
	font-size: 15px;
	line-height: 20px;
	display: block;
}

.w3l-form-41 label.container {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 0px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.w3l-form-41 label.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.w3l-form-41 .checkmark {
	position: absolute;
	top: 0px;
	left: 0;
	height: 21px;
	width: 21px;
	background-color: #E1E9F0;
}

.w3l-form-41 label.container:hover input~.checkmark {
	background-color: #E1E9F0;
}

.w3l-form-41 label.container input:checked~.checkmark {
	background-color: var(--theme-color);
}

.w3l-form-41 .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.w3l-form-41 label.container input:checked~.checkmark:after {
	display: block;
}

.w3l-form-41 label.container .checkmark:after {
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

@media all and (max-width: 1590px) {
	.w3l-form-41 form.signin-form {
		width: 35%;
		text-align: left;
	}
}

@media all and (max-width: 1080px) {
	.w3l-form-41 form.signin-form {
		width: 40%;
	}
}

@media all and (max-width: 1024px) {
	.w3l-form-41 form.signin-form {
		width: 45%;
	}
}

@media all and (max-width: 800px) {
	.w3l-form-41 form.signin-form {
		width: 55%;
	}
}

@media all and (max-width: 590px) {
	.w3l-form-41 form.signin-form {
		width: 100%;
		text-align: left;
	}

	.w3l-form-41 .form-inner-cont h3 {
		font-size: 25px;
		margin-bottom: 15px;
	}
}

















.w3l-portfolios-4 .align-portfolio-items {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 15px;
}

.w3l-portfolios-4 #portfolio {
	position: relative;
}

.w3l-portfolios-4 .pop-overlay {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 0ms;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
}

.w3l-portfolios-4 .pop-overlay:target {
	visibility: visible;
	opacity: 1;
	overflow-y: scroll;
}

.w3l-portfolios-4 .popup {
	background: #fff;
	border-radius: 3px;
	max-width: 530px;
	position: relative;
	margin: 2rem auto;
	padding: 2rem 1rem 1.5rem;
}

.w3l-portfolios-4 .popup h4 {
	font-size: 25px;
	line-height: 32px;
	color: #051B35;
	margin-bottom: 15px;
}

.w3l-portfolios-4 .popup p {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
	color: #34334e;
	margin-top: 10px;
	margin-bottom: 25px;
}

.w3l-portfolios-4 a.action {
	font-size: 16px;
	text-align: center;
	color: #F5F9FC;
	background: var(--theme-color-two);
	width: 120px;
	height: 37px;
	line-height: 35px;
	display: inline-block;
	border-radius: 3px;
	transition: 0.5s ease-out;
}

.w3l-portfolios-4 a.action:hover {
	background: var(--theme-color-two);
	transition: 0.3s ease-out;
}

.w3l-portfolios-4 .popup .close {
	position: absolute;
	top: 5px;
	right: 15px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	opacity: 0.6;
}

.w3l-portfolios-4 .popup .close:hover {
	opacity: 1;
}

.w3l-portfolios-4 .one-image-column a img:hover {
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	transition: 0.3s ease;
}

@media all and (max-width: 991px) {
	.w3l-portfolios-4 .align-portfolio-items {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media all and (max-width: 600px) {
	.w3l-portfolios-4 .align-portfolio-items {
		grid-template-columns: 1fr 1fr;
	}
}

@media all and (max-width: 500px) {
	.w3l-portfolios-4 .popup {
		margin: 2rem 15px;
	}
}

@media all and (max-width: 440px) {
	.w3l-portfolios-4 .align-portfolio-items {
		grid-gap: 8px;
	}
}














.w3l-galleries-20 .d-grid {
	display: grid;
}

.w3l-galleries-20 .three-columns {
	grid-template-columns: 1fr 1fr 1fr;
	margin: 40px 0 40px;
}

.w3l-galleries-20 .gallery-20 h3 {
	font-size: 40px;
	line-height: 45px;
	color: var(--title-color);
	max-width: 950px;
}

.w3l-galleries-20 .gallery-20 h4 {
	font-size: 25px;
	line-height: 30px;
	color: var(--theme-color);
}

.w3l-galleries-20 .gallery-20 p {
	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 25px;
	color: var(--text-color);
	margin-top: 5px;
}

@media (max-width: 1024px) {
	.w3l-galleries-20 .gallery-20 h3 {
		font-size: 40px;
		line-height: 45px;
	}
}

@media (max-width: 768px) {
	.w3l-galleries-20 .gallery-20 h3 {
		font-size: 35px;
		line-height: 40px;
	}
}

@media (max-width: 736px) {
	.w3l-galleries-20 .gallery-20 h3 {
		font-size: 29px;
		line-height: 33px;
	}

	.w3l-galleries-20 .gallery-20 h4 {
		font-size: 22px;
		line-height: 26px;
	}

	.w3l-galleries-20 .three-columns {
		margin: 30px 0 4px;
	}
}

@media (max-width: 600px) {
	.w3l-galleries-20 .three-columns {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 20px;
		grid-column-gap: 15px;
	}
}

@media (max-width: 415px) {
	.w3l-galleries-20 .gallery-20 h3 {
		font-size: 26px;
		line-height: 32px;
	}

	.w3l-galleries-20 .gallery-20 h4 {
		font-size: 20px;
		line-height: 25px;
	}
}

@media (max-width: 384px) {
	.w3l-galleries-20 .gallery-20 h3 {
		font-size: 24px;
		line-height: 30px;
	}

	.w3l-galleries-20 .three-columns {
		grid-column-gap: 10px;
	}

	.w3l-galleries-20 .gallery-20 p {
		font-size: 16px;
		margin-top: 0px;
	}

	.w3l-galleries-20 .three-columns {
		margin: 20px 0 30px;
	}
}









/* specifications-7 */

.w3l-specifications-7 .w3l-specifications-7_sur h4 {
	font-size: 35px;
	line-height: 45px;
	color: var(--title-color);
	font-weight: normal;
}

.w3l-specifications-7 .w3l-specifications-7_sur h3 {
	font-size: 55px;
	line-height: 60px;
	color: var(--title-color);
	margin-bottom: 30px;
}

.w3l-specifications-7 .w3l-specifications-7-top-left_sur {
	float: left;
	width: 50%;
	padding-right: 6em;
	box-sizing: border-box;
	border-right: 1px solid var(--text-color);
}

.w3l-specifications-7 .w3l-specifications-7-top-right_sur {
	float: left;
	width: 50%;
	padding-left: 6em;
	box-sizing: border-box;
}

.w3l-specifications-7 .w3l-specifications-7_sur h6 {
	font-size: 20px;
	line-height: 30px;
	color: var(--theme-color);
	font-weight: normal;
	margin-bottom: 16px;
}

.w3l-specifications-7 .w3l-specifications-7_sur p {
	font-size: 15px;
	line-height: 20px;
	color: var(--text-color);
	margin-top: 20px;
}

.w3l-specifications-7 .w3l-specifications-7-green {
	background-color: var(--theme-color);
	display: inline-block;
	vertical-align: middle;
}

.w3l-specifications-7 .w3l-specifications-7-light-grey span {
	display: inline-block;
	font-size: 25px;
	line-height: 35px;
	color: var(--text-color);
	margin-right: 20px;
	vertical-align: middle;
}

.w3l-specifications-7 .w3l-specifications-7-grey {
	background-color: #E1E9F0;
	display: inline-block;
	vertical-align: middle;
}

.w3l-specifications-7 .speci-tp {
	margin-top: 10px;
}

@media screen and (max-width: 1366px) {
	.w3l-specifications-7 .w3l-specifications-7_sur h3 {
		font-size: 50px;
		line-height: 55px;
	}
}

@media screen and (max-width: 1280px) {
	.w3l-specifications-7 .w3l-specifications-7_sur h3 {
		font-size: 48px;
		line-height: 53px;
	}
}

@media screen and (max-width: 1080px) {
	.w3l-specifications-7 .w3l-specifications-7_sur h4 {
		font-size: 30px;
		line-height: 36px;
	}

	.w3l-specifications-7 .w3l-specifications-7_sur h3 {
		font-size: 42px;
		line-height: 50px;
	}

	.w3l-specifications-7 .w3l-specifications-7-top-right_sur {
		padding-left: 3em;
	}

	.w3l-specifications-7 .w3l-specifications-7-top-left_sur {
		padding-right: 3em;
	}
}

@media screen and (max-width: 992px) {
	.w3l-specifications-7 .w3l-specifications-7_sur h3 {
		font-size: 41px;
		line-height: 50px;
	}
}

@media screen and (max-width: 900px) {
	.w3l-specifications-7 .w3l-specifications-7_sur p {
		font-size: 15px;
		line-height: 23px;
	}

	.w3l-specifications-7 .w3l-specifications-7-top-right_sur {
		padding-left: 3em;
	}

	.w3l-specifications-7 .w3l-specifications-7-top-left_sur {
		padding-right: 3em;
	}

	.w3l-specifications-7 .w3l-specifications-7-top-left_sur {
		padding-right: 0em;
		width: 100%;
		padding-bottom: 3em;
		border: none;
	}

	.w3l-specifications-7 .w3l-specifications-7-top-right_sur {
		padding-left: 0em;
		width: 100%;
		border-left: none;
		padding-top: 3em;
		border-top: 1px solid var(--text-color);
	}
}

@media screen and (max-width: 667px) {
	.w3l-specifications-7 .w3l-specifications-7-top-left_sur {
		width: 100%;
	}

	.w3l-specifications-7 .w3l-specifications-7-top-right_sur {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.w3l-specifications-7 .w3l-specifications-7-top-left_sur {
		padding-bottom: 2em;
	}

	.w3l-specifications-7 .w3l-specifications-7-top-right_sur {
		padding-top: 2em;
	}

	.w3l-specifications-7 .w3l-specifications-7_sur h4 {
		font-size: 26px;
		line-height: 34px;
	}

	.w3l-specifications-7 .w3l-specifications-7_sur h3 {
		font-size: 38px;
		line-height: 48px;
	}
}

@media screen and (max-width: 440px) {
	.w3l-specifications-7 .w3l-specifications-7_sur h4 {
		font-size: 26px;
		line-height: 32px;
	}

	.w3l-specifications-7 .w3l-specifications-7-light-grey span {
		font-size: 22px;
		line-height: 32px;
		margin-right: 20px;
	}
}

@media screen and (max-width: 384px) {
	.w3l-specifications-7 .w3l-specifications-7_sur h4 {
		font-size: 24px;
		line-height: 30px;
	}

	.w3l-specifications-7 .w3l-specifications-7_sur h3 {
		font-size: 35px;
		line-height: 44px;
	}
}

@media screen and (max-width: 320px) {
	.w3l-specifications-7 .w3l-specifications-7_sur h4 {
		font-size: 21px;
		line-height: 25px;
	}

	.w3l-specifications-7 .w3l-specifications-7_sur h3 {
		font-size: 31px;
		line-height: 34px;
	}

	.w3l-specifications-7 .w3l-specifications-7-light-grey span {
		font-size: 20px;
		line-height: 27px;
		margin-right: 10px;
	}
}

/* //specifications-7 */
.w3l-text-11 .text11-content {
	max-width: 768px;
	margin: auto;
}

.w3l-text-11 .text11-content p {
	font-size: 17px;
	line-height: 25px;
	color: var(--text-color);
	margin-top: 30px;
}

@media (max-width: 480px) {
	.w3l-text-11 .text11-content p {
		margin-top: 15px;
	}
}




.w3l-text-15 :root {
	--main-bg-color: #F5F9FC;
}

.w3l-text-15 .d-grid {
	display: grid;
}

.w3l-text-15 .text15-max-align {
	max-width: 768px;
	margin: 0 auto;
}

.w3l-text-15 h5.text15-heading {
	font-size: 20px;
	line-height: 25px;
	color: var(--theme-color);
	margin-bottom: 20px;
}

.w3l-text-15 p.text15-para {
	font-style: normal;
	font-size: 17px;
	line-height: 25px;
	color: var(--text-color);
	margin-bottom: 20px;
	max-width: 556px;
}

.w3l-text-15 .text15-left p {
	font-size: 17px;
	line-height: 25px;
	color: var(--text-color);
	width: 75%;
}

.w3l-text-15 .text15-list li {
	font-size: 17px;
	line-height: 25px;
	color: var(--text-color);
	list-style-type: disc;
}

.w3l-text-15 .text15-list {
	margin-top: 20px;
}

@media all and (max-width: 667px) {
	.w3l-text-15 .text15-left p {
		font-size: 17px;
		line-height: 25px;
		color: var(--text-color);
		width: 82%;
	}
}

@media all and (max-width: 640px) {
	.w3l-text-15 .text15-left p {
		font-size: 17px;
		line-height: 25px;
		color: var(--text-color);
		width: 100%;
	}
}

@media all and (max-width: 384px) {
	.w3l-text-15 h5.text15-heading {
		margin-bottom: 15px;
	}
}








.w3l-block-3 .transition,
.w3l-block-3 p,
.w3l-block-3 ul li i:before,
.w3l-block-3 ul li i:after {
	transition: all 0.25s ease-in-out;
}

.w3l-block-3 .flipIn,
.w3l-block-3 h1,
.w3l-block-3 ul li {
	-webkit-animation: flipdown 0.5s ease both;
	animation: flipdown 0.5s ease both;
}

.w3l-block-3 .no-select,
.w3l-block-3 h2 {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.w3l-block-3 h2 {
	font-size: 20px;
	line-height: 34px;
	font-weight: normal;
	display: block;
	margin: 0;
	cursor: pointer;
}

.w3l-block-3 p {
	color: rgba(41, 41, 41, 0.8);
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	position: relative;
	overflow: hidden;
	max-height: 800px;
	opacity: 1;
	transform: translate(0, 0);
	margin-top: 8px;
	z-index: 2;
}

.w3l-block-3 ul {
	list-style: none;
	perspective: 900;
	padding: 0;
	margin: 0;
}

.w3l-block-3 ul li {
	position: relative;
	padding: 0px 0px 0px 30px;
	margin: 0 0 20px 0;
}

.w3l-block-3 ul li:nth-of-type(1) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.w3l-block-3 ul li:nth-of-type(2) {
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
}

.w3l-block-3 ul li:nth-of-type(3) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.w3l-block-3 ul li:nth-of-type(4) {
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
}

.w3l-block-3 ul li:nth-of-type(5) {
	-webkit-animation-delay: 1.50s;
	animation-delay: 1.50s;
}

.w3l-block-3 ul li:nth-of-type(6) {
	-webkit-animation-delay: 1.75s;
	animation-delay: 1.75s;
}

.w3l-block-3 ul li i {
	position: absolute;
	top: 13px;
	left: 15px;
}

.w3l-block-3 ul li i:before,
.w3l-block-3 ul li i:after {
	content: "";
	position: absolute;
	background-color: #ff6873;
	width: 2px;
	height: 8px;
}

.w3l-block-3 ul li i:before {
	transform: translate(-2px, 0) rotate(45deg);
}

.w3l-block-3 ul li i:after {
	transform: translate(2px, 0) rotate(-45deg);
}

.w3l-block-3 ul li input[type=checkbox] {
	position: absolute;
	cursor: pointer;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	left: 0;
	top: 0;
}

.w3l-block-3 ul li input[type=checkbox]:checked~p {
	margin-top: 0;
	max-height: 0;
	opacity: 0;
	transform: translate(0, 50%);
}

.w3l-block-3 ul li input[type=checkbox]:checked~i:before {
	transform: translate(2px, 0) rotate(45deg);
}

.w3l-block-3 ul li input[type=checkbox]:checked~i:after {
	transform: translate(-2px, 0) rotate(-45deg);
}

@-webkit-keyframes flipdown {
	0% {
		opacity: 0;
		transform-origin: top center;
		transform: rotateX(-90deg);
	}

	5% {
		opacity: 1;
	}

	80% {
		transform: rotateX(8deg);
	}

	83% {
		transform: rotateX(6deg);
	}

	92% {
		transform: rotateX(-3deg);
	}

	100% {
		transform-origin: top center;
		transform: rotateX(0deg);
	}
}

@keyframes flipdown {
	0% {
		opacity: 0;
		transform-origin: top center;
		transform: rotateX(-90deg);
	}

	5% {
		opacity: 1;
	}

	80% {
		transform: rotateX(8deg);
	}

	83% {
		transform: rotateX(6deg);
	}

	92% {
		transform: rotateX(-3deg);
	}

	100% {
		transform-origin: top center;
		transform: rotateX(0deg);
	}
}

@media (max-width: 736px) {
	.w3l-block-3 h2 {
		font-size: 18px;
		line-height: 30px;
	}
}

@media (max-width: 480px) {
	.w3l-block-3 h2 {
		font-size: 16px;
		line-height: 25px;
	}

	.w3l-block-3 ul li i {
		position: absolute;
		top: 9px;
		left: 15px;
	}
}













.w3l-team-13 .text-txt {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 60px;
}

.w3l-team-13 .left-side {
	padding-top: 5em;
}

.w3l-team-13 .left-side h3 {
	font-size: 35px;
	line-height: 40px;
	color: var(--title-color);
}

.w3l-team-13 .left-side p {
	font-style: normal;
	font-weight: 300;
	font-size: 15.5px;
	line-height: 26px;
	color: var(--text-color);
	margin-bottom: 30px;
}

.w3l-team-13 .right-side {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}

.w3l-team-13 .column-two {
	padding-top: 10em;
}

.w3l-team-13 h6 a.title-team-28 {
	color: var(--title-color);
	font-size: 25px;
	margin-top: 10px;
	font-weight: normal;
	display: inline-block;
}

.w3l-team-13 h6 a.title-team-28:hover {
	color: var(--theme-color);
}

.w3l-team-13 p.sm-text-28 {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: var(--theme-color-two);
	margin-top: 5px;
}

p.cont-team {
	margin: 5px 0 30px;
	font-size: 14px;
	color: var(--theme-color);
}

p.cont-team a {
	color: var(--theme-color);
}

.w3l-team-13 .image-one img {
	width: 100%;
	display: block;
}

.w3l-team-13 .image-one img:hover {
	-webkit-filter: grayscale(50%);
	filter: grayscale(50%);
	transition: 0.3s ease;
}

.w3l-team-13 .buttons-teams {
	margin-bottom: 35px;
}

.w3l-team-13 .buttons-teams a {
	margin-right: 5px;
}

@media (max-width: 1440px) {
	.w3l-team-13 .column-two {
		padding-top: 8em;
	}
}

@media (max-width: 1280px) {
	.w3l-team-13 .text-txt {
		grid-gap: 40px;
	}

	.w3l-team-13 .left-side {
		padding-top: 4em;
	}
}

@media (max-width: 1080px) {
	.w3l-team-13 .column-two {
		padding-top: 4em;
	}
}

@media (max-width: 992px) {
	.w3l-team-13 .left-side h3 {
		font-size: 32px;
		line-height: 36px;
	}

	.w3l-team-13 .left-side {
		padding-top: 2.5em;
	}
}

@media (max-width: 800px) {
	.w3l-team-13 .left-side h3 {
		font-size: 30px;
	}

	.w3l-team-13 .text-txt {
		grid-gap: 30px;
		grid-template-columns: 1fr;
	}

	.w3l-team-13 .left-side {
		padding-top: 0em;
	}

	.w3l-team-13 .column-two {
		padding-top: 0em;
	}

	.w3l-team-13 .left-side p {
		margin-bottom: 10px;
	}
}

@media (max-width: 600px) {
	.w3l-team-13 h6 a.title-team-28 {
		font-size: 18px;
		margin-top: 8px;
	}

	.w3l-team-13 .right-side {
		grid-gap: 20px;
	}

	.w3l-team-13 p.sm-text-28 {
		margin-top: 0px;
	}
}

@media (max-width: 480px) {
	.w3l-team-13 .right-side {
		grid-gap: 10px;
	}
}










/*-- grids block 5 --*/
.w3l-new-block-6 .pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	margin: 3rem 0 0 0;
	justify-content: center;
}

.w3l-new-block-6 .page-link {
	position: relative;
	display: block;
	padding: 10px 15px;
	margin-left: -1px;
	color: var(--text-color);
	background-color: #fff;
	border: 1px solid #EAEDF2;
}

.w3l-new-block-6 .page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}

.w3l-new-block-6 .admin-list {
	padding: 0 0 10px;
	margin: 0 0 10px;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
}

.w3l-new-block-6 .admin-list li {
	display: inline-block;
	margin: 0 20px 0 0;
	list-style-type: none;
}

.w3l-new-block-6 .admin-list li a {
	display: block;
	font-size: 12px;
	color: #777;
	text-transform: capitalize;
}

.w3l-new-block-6 .admin-list li a span {
	color: var(--theme-color);
	font-size: 16px;
	margin: 0 6px 0 0;
}

.w3l-new-block-6 .d-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 60px;
}

.w3l-new-block-6 .grids5-info h4 a {
	font-size: 22px;
	color: var(--title-color);
	margin: 18px 0 8px 0;
	display: block;
}

.w3l-new-block-6 .grids5-info h5 a:hover {
	color: #000000;
}

.w3l-new-block-6 .grids5-info p {
	font-style: normal;
	color: var(--text-color);
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	margin-bottom: 15px;
}

.w3l-new-block-6 .grids5-info img {
	width: 100%;
}

.w3l-new-block-6 .grids5-info h4 a:hover {
	color: var(--theme-color);
	transition: 0.3s ease;
}

@media all and (max-width: 800px) {
	.w3l-new-block-6 .d-grid {
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 30px;
	}
}

@media all and (max-width: 568px) {
	.w3l-new-block-6 .d-grid {
		grid-template-columns: 1fr;
	}

	.w3l-new-block-6 .d-grid {
		grid-row-gap: 45px;
	}

	.w3l-new-block-6 .grids5-info h4 a {
		margin-top: 13px;
	}

	.w3l-new-block-6 .grids5-info p {
		margin-top: 12px;
	}
}

@media all and (max-width: 414px) {
	.w3l-new-block-6 .grids5-info h4 a {
		font-size: 23px;
	}
}

@media all and (max-width: 384px) {
	.w3l-new-block-6 .grids5-info h4 a {
		font-size: 22px;
	}
}
















.w3l-text-8 p {
	margin: 0;
	padding: 0;
	font-size: 17px;
	line-height: 25px;
	font-style: normal;
	color: var(--text-color);
}

.w3l-text-8 .d-grid-1 {
	display: grid;
	grid-template-columns: 100%;
}

.w3l-text-8 .text {
	max-width: 700px;
	margin: 0 auto;
}

.w3l-text-8 .text-bg-image {
	background-image: url("../images/support.jpg");
	background-position: center;
	background-size: cover;
	min-height: 450px;
}

.w3l-text-8 h6.text-logo {
	font-size: 13px;
	line-height: 20px;
	text-transform: uppercase;
	color: var(--theme-color);
	margin-top: 20px;
}

.w3l-text-8 h3.text-title {
	font-size: 45px;
	line-height: 50px;
	color: var(--title-color);
	margin: 15px 0;
}

.w3l-text-8 .admin-list li {
	display: inline-block;
	margin: 0 20px 0 0;
	list-style-type: none;
}

.w3l-text-8 .admin-list li a {
	display: block;
	font-size: 12px;
	color: #777;
	text-transform: capitalize;
}

.w3l-text-8 .admin-list li a span {
	color: var(--theme-color);
	font-size: 14px;
	margin: 0 6px 0 0;
}

.w3l-text-8 .admin-list {
	padding: 0 0 16px;
	margin: 0 0 20px;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #ececec;
}

.w3l-text-8 .d-grid-2 {
	display: grid;
	grid-template-columns: 100%;
}

.w3l-text-8 p.text2-text {
	max-width: 700px;
	margin: 0 auto;
	padding-top: 10px;
	color: var(--text-color);
}

.w3l-text-8 p.text2-text2 {
	max-width: 700px;
	margin: 0 auto;
	padding: 20px 0;
	color: var(--text-color);
}

@media (max-width: 1024px) {
	.w3l-text-8 h3.text-title {
		font-size: 40px;
	}
}

@media (max-width: 900px) {
	.w3l-text-8 h3.text-title {
		font-size: 35px;
	}
}

@media (max-width: 767px) {
	.w3l-text-8 h3.text-title {
		font-size: 30px;
		line-height: 40px;
	}

	.w3l-text-8 p {
		font-size: 16px;
	}
}

@media (max-width: 568px) {
	.w3l-text-8 h3.text-title {
		font-size: 25px;
		line-height: 36px;
	}

	.w3l-text-8 p {
		font-size: 15px;
	}
}

@media (max-width: 480px) {
	.w3l-text-8 .text-bg-image {
		min-height: 323px;
	}
}

@media (max-width: 414px) {
	.w3l-text-8 .text-bg-image {
		min-height: 200px;
	}
}


.w3l-text-9 .d-grid {
	display: grid;
}

.w3l-text-9 .grid-col-2 {
	grid-template-columns: 1fr 1fr;
}

.w3l-text-9 .grid-col-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.w3l-text-9 .grid-col-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.w3l-text-9 a.action {
	border: none;
	color: #304659;
	font-size: 17px;
	line-height: 25px;
	font-weight: 600;
	display: inline-block;
}

.w3l-text-9 a.action img {
	margin-left: 4px;
}

.w3l-text-9 .align-center {
	text-align: center;
}

.w3l-text-9 .d-grid.grid-text-9 {
	max-width: 700px;
	margin: 0 auto;
}

.w3l-text-9 .text-element-9 {
	padding: 40px 0 50px;
}

.w3l-text-9 h4.text-head-text-9 a {
	font-size: 35px;
	line-height: 40px;
	color: var(--title-color);
	margin: 25px 0;
	display: inline-block;
}

.w3l-text-9 h5.sub-head-text-9 {
	font-weight: 300;
	font-size: 25px;
	line-height: 35px;
	color: var(--text-color);
	margin-bottom: 40px;
}

.w3l-text-9 p.sub-para {
	color: var(--text-color);
	font-size: 17px;
	line-height: 25px;
	margin-top: 20px;
}

@media (max-width: 1080px) {
	.w3l-text-9 h4.text-head-text-9 a {
		font-size: 42px;
		line-height: 46px;
	}

	.w3l-text-9 h5.sub-head-text-9 {
		font-size: 23px;
	}
}

@media (max-width: 991px) {
	.w3l-text-9 h4.text-head-text-9 a {
		font-size: 40px;
	}
}

@media (max-width: 900px) {
	.w3l-text-9 h5.sub-head-text-9 {
		font-size: 21px;
	}
}

@media (max-width: 768px) {
	.w3l-text-9 h4.text-head-text-9 a {
		font-size: 32px;
		line-height: 35px;
		margin: 20px 0 30px;
	}

	.w3l-text-9 h5.sub-head-text-9 {
		font-size: 19px;
		line-height: 28px;
	}

	.w3l-text-9 p.sub-para {
		margin-top: 15px;
	}
}

@media (max-width: 600px) {
	.w3l-text-9 h4.text-head-text-9 a {
		margin: 10px 0 20px;
	}

	.w3l-text-9 p.sub-para {
		font-size: 16px;
	}

	.w3l-text-9 h5.sub-head-text-9 {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.w3l-text-9 hr {
		display: none;
	}
}

@media (max-width: 568px) {
	.w3l-text-9 span.sub-inner-text-9 {
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.w3l-text-9 .text-element-9 {
		padding: 30px 0 40px;
	}
}



.w3l-text-30 .text-styles-top-30 {
	max-width: 700px;
	margin: 0 auto;
}

.w3l-text-30 .text-styles-30_sur h3 {
	font-size: 35px;
	color: var(--title-color);
	margin-bottom: 10px;
}

.w3l-text-30 .text-styles-30_sur h5 {
	font-size: 20px;
	line-height: 25px;
	color: var(--title-color);
}

.w3l-text-30 section.text-styles-30_sur {
	background: #F5F9FC;
	padding: 80px 0;
}

.w3l-text-30 .text-styles-30_sur p {
	font-size: 15.5px;
	line-height: 22px;
	color: var(--text-color);
	margin: 10px 0;
	font-weight: 400;
}

.w3l-text-30 .text-styles-30_sur span {
	font-size: 15px;
	line-height: 20px;
	color: #ababab;
	margin-top: 5px;
	display: inline-block;
}

.w3l-text-30 a.reply {
	color: var(--theme-color);
	font-size: 13px;
}

.w3l-text-30 a.reply:hover {
	text-decoration: underline;
}

.w3l-text-30 .text-styles-31-top_sur {
	display: grid;
	grid-template-columns: 0.1fr 1fr;
	grid-gap: 20px;
	padding-top: 1.5em;
	margin-top: 1.5em;
}

.w3l-text-30 .text-styles-31-right_sur {
	border-bottom: 1px solid rgba(130, 152, 171, 0.350588);
	padding-bottom: 15px;
}

.w3l-text-30 .text-styles-31-left_sur img {
	border-radius: 50%;
}

@media (max-width: 900px) {
	.w3l-text-30 section.text-styles-30_sur {
		padding: 50px 0;
	}

	.w3l-text-30 .text-styles-30_sur h5 {
		font-size: 20px;
		line-height: 25px;
	}

	.w3l-text-30 .text-styles-30_sur h3 {
		font-size: 36px;
		line-height: 41px;
	}
}

@media (max-width: 768px) {
	.w3l-text-30 .text-styles-30_sur h3 {
		font-size: 30px;
		line-height: 35px;
	}
}

@media (max-width: 667px) {
	.w3l-text-30 section.text-styles-30_sur {
		padding: 50px 30px;
	}
}

@media (max-width: 480px) {
	.w3l-text-30 .text-styles-31-top_sur {
		grid-template-columns: 0.3fr 1fr;
		grid-gap: 10px;
	}
}

@media (max-width: 440px) {
	.w3l-text-30 .text-styles-30_sur h3 {
		font-size: 32px;
		line-height: 37px;
	}
}

@media (max-width: 415px) {
	.w3l-text-30 section.text-styles-30_sur {
		padding: 30px 0;
	}
}

@media (max-width: 320px) {
	.w3l-text-30 .text-styles-30_sur h3 {
		font-size: 28px;
		line-height: 33px;
	}
}

/* /text-styles-33*/

.w3l-text-styles-33 .text-styles-top-33 {
	max-width: 700px;
	margin: 0 auto;
	padding-left: 30px;
	border-left: 2px solid #eee;
}

.w3l-text-styles-33 .w3l-text-styles-33_sur p {
	font-size: 22px;
	line-height: 33px;
	color: var(--theme-color);
}

.w3l-text-styles-33 .w3l-text-styles-33_sur {
	padding: 30px 0 20px 0;
}

/* //text-styles-33*/

.w3l-grid-8 .grid-main {
	padding: 50px 0;
}

.w3l-grid-8 .d-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 30px;
}

.w3l-grid-8 .horizontal-align {
	max-width: 700px;
	margin: 0 auto;
}

.w3l-grid-8 img.card-img-top {
	width: 100%;
}

.w3l-grid-8 h4.card-title {
	font-size: 18px;
	color: var(--title-color);
	display: inline-block;
}

.w3l-grid-8 p.image-caption {
	font-size: 15px;
	line-height: 20px;
	color: var(--theme-color);
	display: inline;
	padding-right: 5px;
	font-weight: 500;
}

.w3l-grid-8 p.card-text {
	font-size: 14px;
	line-height: 20px;
	color: var(--text-color);
	margin-top: 10px;
}

.w3l-grid-8 .card-grid {
	display: grid;
	grid-auto-flow: column;
	grid-gap: 10px;
	padding: 10px 0 0 0;
}

.w3l-grid-8 .card-grid-column2 {
	text-align: right;
}

.w3l-grid-8 h3.grids-title {
	font-size: 30px;
	color: var(--title-color);
	margin-bottom: 10px;
}

.w3l-grid-8 h4.card-title:hover {
	color: #000;
}

@media (max-width: 1024px) {
	.w3l-grid-8 .grid-main {
		padding: 30px 0;
	}

	.w3l-grid-8 h3.grids-title {
		margin-bottom: 20px;
	}

	.w3l-grid-8 .card-grid {
		padding: 10px 0;
	}
}

@media (max-width: 900px) {
	.w3l-grid-8 h3.grids-title {
		font-size: 30px;
	}

	.w3l-grid-8 p.image-caption {
		margin-top: 12px;
	}

	.w3l-grid-8 .card-grid {
		display: grid;
		grid-auto-flow: row;
		grid-gap: 10px;
	}

	.w3l-grid-8 .card-grid-column2 {
		text-align: left;
	}
}

@media (max-width: 768px) {
	.w3l-grid-8 p.image-caption {
		font-size: 14px;
	}

	.w3l-grid-8 h3.grids-title {
		margin-bottom: 10px;
	}

	.w3l-grid-8 .d-grid {
		grid-gap: 30px;
	}

	.w3l-grid-8 .grid-main {
		padding: 14.5px 0;
	}

	.w3l-grid-8 p.card-text {
		margin-top: 5px;
	}

	.w3l-grid-8 .card-grid {
		grid-gap: 2px;
	}
}

@media (max-width: 600px) {
	.w3l-grid-8 .d-grid {
		grid-gap: 20px;
	}

	.w3l-grid-8 img.card-img-top {
		margin-top: 0;
	}
}

@media (max-width: 414px) {
	.w3l-grid-8 h3.grids-title {
		font-size: 25px;
	}
}

@media (max-width: 375px) {
	.w3l-grid-8 h3.grids-title {
		font-size: 22px;
	}
}


.w3l-forms-29 .grid-col-2 {
	grid-template-columns: 1fr 1fr;
}

.w3l-forms-29 .grid-col-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.w3l-forms-29 .grid-col-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.w3l-forms-29 .align-items-center {
	align-items: center;
}

.w3l-forms-29 a.action img {
	margin-left: 4px;
}

.w3l-forms-29 .actionbg {
	background: var(--title-color);
	color: #ffffff;
	font-size: 16px;
	text-transform: capitalize;
	margin-top: 10px;
	padding: 15px 25px;
	border: none;
	display: block;
	width: 100%;
	transition: 0.3s ease-in;
	cursor: pointer;
}

.w3l-forms-29 .actionbg:hover {
	background: var(--theme-color);
	transition: 0.3s ease-in;
}

.w3l-forms-29 p.text-tag {
	color: var(--text-color);
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
}

.w3l-forms-29 .content-29-form {
	max-width: 700px;
	margin: 0 auto;
}

.w3l-forms-29 h3.title-cont-foem29 {
	font-size: 45px;
	line-height: 50px;
	color: var(--title-color);
	margin-bottom: 20px;
}

.w3l-forms-29 form.w3l-forms-29-form input,
.w3l-forms-29 form.w3l-forms-29-form textarea {
	margin-bottom: 10px;
	margin-top: 5px;
	outline: none;
	width: 100%;
	height: 45px;
	background: #fff;
	color: #000000;
	border: 1px solid #eee;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 45px;
	padding-left: 15px;
	padding-right: 15px;
}

.w3l-forms-29 form.w3l-forms-29-form input:focus,
.w3l-forms-29 form.w3l-forms-29-form textarea:focus {
	outline: none;
	border: 1px solid var(--theme-color);
}

.w3l-forms-29 form.w3l-forms-29-form textarea {
	height: 150px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

.w3l-forms-29 button.actionbg {
	width: 100%;
	margin-top: 20px;
}

.w3l-forms-29 form.w3l-forms-29-form {
	margin: 0px auto;
	max-width: 700px;
}

@media (max-width: 991px) {
	.w3l-forms-29 form.w3l-forms-29-form {
		margin: 20px auto 0;
	}

	.w3l-forms-29 h3.title-cont-foem29 {
		font-size: 40px;
		line-height: 45px;
	}
}

@media (max-width: 480px) {
	.w3l-forms-29 h3.title-cont-foem29 {
		font-size: 30px;
		line-height: 35px;
	}
}





.w3l-error-page .new-block {
	text-align: center;
	height: 80vh;
	display: grid;
	align-items: center;
}

.w3l-error-page .middle-section h2 {
	font-size: 90px;
	color: #000000;
	line-height: 60px;
	text-transform: uppercase;
	opacity: 0.95;
}

.w3l-error-page .link-list-menu p {
	font-size: 20px;
	color: #000000;
	line-height: 35px;
	margin: 10px 0 35px 0;
}

.w3l-error-page .button-style {
	transition: 0.5s ease-out;
	font-size: 16px;
	text-align: center;
	color: #F5F9FC;
	background: var(--theme-color-two);
	height: 50px;
	line-height: 50px;
	display: inline-block;
	border-radius: 5px;
	min-width: 145px;
}

.w3l-error-page .button-style:hover {
	background: var(--theme-color-two);
	transition: 0.5s ease-out;
}








.w3l-coming-soon .bgimg {
	background-image: url("../images/comingsoon.jpg");
	min-height: 83vh;
	background-position: center;
	background-size: cover;
	position: relative;
	color: white;
}

.w3l-coming-soon .layer {
	background: rgba(0, 0, 0, 0.6);
	min-height: inherit;
}

.w3l-coming-soon .topleft {
	padding-top: 2rem;
}

.w3l-coming-soon .middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
}

.w3l-coming-soon small {
	font-size: 50%;
}

.w3l-coming-soon .middle h1 {
	font-size: 30px;
	padding-bottom: 1.5rem;
	text-transform: uppercase;
	font-weight: 300;
}

.w3l-coming-soon .middle p#demo {
	font-size: 30px;
	padding-top: 1rem;
	word-spacing: 1rem;
	font-weight: bold;
}

.w3l-coming-soon .forms-gds {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.w3l-coming-soon p.subscribe-txt {
	margin: 20px 0;
	font-size: 13px;
}

.w3l-coming-soon input[type="email"] {
	outline: none;
	font-size: 16px;
	padding: 0px 15px;
	color: var(--title-color);
	-webkit-appearance: none;
	background: #ffffff;
	border: 1px solid rgba(31, 94, 180, 0.22);
	border-radius: 4px;
	margin-right: 5px;
}

.w3l-coming-soon button.btn {
	color: #fff;
	background: var(--theme-color-two);
	cursor: pointer;
	text-decoration: none;
	-webkit-appearance: none;
	display: inline-block;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	padding: 8px 15px;
	border-radius: 4px;
	transition: 0.3s ease;
	border: 1px solid var(--theme-color-two);
	height: 45px;
}

@media (max-width: 480px) {
	.w3l-coming-soon .middle {
		padding: 0 16px;
	}

	.w3l-coming-soon input[type="email"] {
		margin-right: 0;
		width: 100%;
		padding: 15px 15px;
	}

	.w3l-coming-soon button.btn {
		width: 100%;
		margin-top: 15px;
	}

	.w3l-coming-soon p.subscribe-txt {
		line-height: 20px;
	}
}

















.w3l-timeline-1 .timeline:before {
	content: "";
	position: absolute;
	top: 100px;
	left: 0px;
	height: 3px;
	width: calc(100% - 0px);
	background: rgba(0, 0, 0, 0.1);
}

.w3l-timeline-1 .timeline .column p.date:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 4px;
	width: 10px;
	height: 10px;
	background: #fff;
	border: 3px solid var(--theme-color);
	border-radius: 50%;
}

.w3l-timeline-1 .column .title h1 {
	font-size: 90px;
	color: var(--theme-color-two);
	font-family: initial;
	position: relative;
	padding-top: 20px;
}

.w3l-timeline-1 .column .title h2 {
	font-size: 25px;
	line-height: 32px;
	color: var(--title-color);
}

.w3l-timeline-1 .column p {
	font-size: 16px;
	line-height: 22px;
	color: var(--theme-color);
	margin-left: 25px;
}

.w3l-timeline-1 .column p span {
	margin-right: 5px;
}

.w3l-timeline-1 .column .description {
	border-left: 1px solid #999;
}

.w3l-timeline-1 .column .description p {
	font-size: 16px;
	line-height: 25px;
	margin-left: 20px;
	margin-top: 20px;
	color: var(--text-color);
	font-weight: 300;
}

@media all and (max-width: 768px) {
	.w3l-timeline-1 .column .title h1 {
		font-size: 75px;
		padding-top: 15px;
	}

	.w3l-timeline-1 .column .title h2 {
		font-size: 22px;
		line-height: 28px;
	}
}

@media all and (max-width: 500px) {
	.w3l-timeline-1 .column .title h1 {
		font-size: 55px;
	}

	.w3l-timeline-1 .column .title h2 {
		font-size: 20px;
		line-height: 26px;
	}

	.w3l-timeline-1 .column .description p {
		margin-left: 15px;
		margin-top: 15px;
	}
}

@media all and (max-width: 440px) {
	.w3l-timeline-1 .column .title h1 {
		font-size: 45px;
	}
}


















.w3l-products-4 .d-grid {
	display: grid;
}

.w3l-products-4 .grid-col-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
}

.w3l-products-4 .product a {
	display: block;
}

.w3l-products-4 .product {
	position: relative;
	border: 1px solid #eee;
}

.w3l-products-4 .product-details {
	width: 100%;
}

.w3l-products-4 a.p-name {
	font-size: 14px;
	line-height: 22px;
	color: var(--theme-color);
	margin: 8px 0 2px;
	font-weight: 300;
}

.w3l-products-4 a.p-name:hover {
	opacity: 0.9;
}

.w3l-products-4 a.cart {
	background: var(--theme-color-two);
	color: #ffffff;
	font-size: 13px;
	padding: 8px 10px;
	border: none;
	margin: 8px auto 15px;
	display: inline-block;
	border-radius: 4px;
}

.w3l-products-4 a.cart:hover {
	background: var(--theme-color);
	transition: 0.3s ease-in;
}

.w3l-products-4 span.product-price {
	font-style: normal;
	font-size: 15px;
	line-height: 25px;
	color: #000;
	font-weight: bold;
	margin-right: 10px;
}

.w3l-products-4 .product-details del {
	color: var(--text-color);
	font-size: 15px;
}

.w3l-products-4 section.tab-content {
	display: none;
	padding: 38px 0 0;
}

.w3l-products-4 input {
	display: none;
}

.w3l-products-4 label.tabtle {
	display: inline-block;
	padding: 7px 20px;
	border: none;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	color: var(--title-color);
	margin: 0 5px;
	font-weight: normal;
	border: 1px solid #eee;
}

.w3l-products-4 label.tabtle:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}

.w3l-products-4 label.tabtle:hover {
	color: #304659;
	cursor: pointer;
}

.w3l-products-4 input:checked+label.tabtle {
	line-height: 25px;
	text-align: center;
	color: #fff;
	background: var(--theme-color);
	border: 1px solid var(--theme-color);
}

.w3l-products-4 #tab1:checked~#content1,
.w3l-products-4 #tab2:checked~#content2,
.w3l-products-4 #tab3:checked~#content3,
.w3l-products-4 #tab4:checked~#content4 {
	display: block;
}

@media all and (max-width: 1024px) {
	.w3l-products-4 .grid-col-4 {
		grid-gap: 20px;
	}

	.w3l-products-4 h3.heading-title {
		font-size: 42px;
		line-height: 48px;
		margin-bottom: 46px;
	}

	.w3l-products-4 label.tabtle {
		font-size: 19px;
	}
}

@media screen and (max-width: 800px) {
	.w3l-products-4 label.tabtle:before {
		margin: 0;
		font-size: 18px;
	}

	.w3l-products-4 .grid-col-4 {
		grid-template-columns: 1fr 1fr;
		grid-gap: 30px;
	}

	.w3l-products-4 label.tabtle {
		font-size: 18px;
	}
}

@media screen and (max-width: 600px) {
	.w3l-products-4 .grid-col-4 {
		grid-gap: 20px;
	}

	.w3l-products-4 label.tabtle {
		font-size: 17px;
		margin: 0 5px;
		padding: 5px 15px;
	}
}

@media screen and (max-width: 440px) {
	.w3l-products-4 .grid-col-4 {
		grid-gap: 10px;
	}

	.w3l-products-4 label.tabtle {
		font-size: 16px;
		margin: 0 3px;
		padding: 5px 10px;
	}

	.w3l-products-4 section.tab-content {
		padding: 28px 0 0;
	}
}

@media screen and (max-width: 414px) {
	.w3l-products-4 label.tabtle {
		font-size: 15px;
		margin: 0 0px;
		padding: 4px 10px;
	}
}








.mobile {
	background-image: url('../images/mobile.jpg');
}

.fashion {
	background-image: url('../images/fashion.jpg');
}

.electronics {
	background-image: url('../images/electronics.jpg');
}

.home {
	background-image: url('../images/home.jpg');
}

.beauty {
	background-image: url('../images/beauty.jpg');
}

.appliances {
	background-image: url('../images/appliances.jpg');
}

.toys {
	background-image: url('../images/toys.jpg');
}

.travel {
	background-image: url('../images/travel.jpg');
}

.more {
	background-image: url('../images/more.jpg');
}

a.trending {
	display: block;
}

.layer {
	background: rgba(0, 0, 0, 0.35);
	padding: 10px 5px;
	transition: 0.3s ease-in;
	min-height: inherit;
}

.trending {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 150px;
}

.e-title h4 {
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}








.d-products {
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 30px;
}

.header-e {
	grid-template-columns: auto auto;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 12px 0;
}

h5.heading {
	font-size: 20px;
	font-weight: normal;
	color: var(--title-color);
}

.header-e a {
	background: var(--theme-color-two);
	color: #ffffff;
	font-size: 14px;
	padding: 8px 10px;
	border: none;
	display: block;
	border-radius: 4px;
}

.d-products h6 {
	font-size: 14px;
	font-weight: 300;
	color: #000;
	margin: 10px 0 5px;
}

.d-products p {
	font-size: 14px;
	color: var(--theme-color-two);
}














ul.rating {
	margin-top: 5px;
}

ul.rating li {
	display: inline;
	background: var(--theme-color-two);
	padding: 3px 6px;
	border-radius: 3px;
	color: #ffffff;
	font-size: 13px;
}

.all-products {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.all-products a {
	border: 1px solid #eee;
}

.all-products a:nth-child(odd) {
	border-right: none;
}

label.off {
	font-size: 12px;
	margin-left: 10px;
	color: var(--theme-color);
	font-weight: bold;
}

ul.rating li.lowrating {
	background: #ff0000;
}

ul.rating span.fa.fa-star {
	font-size: 9px;
	margin-left: 2px;
	vertical-align: text-top;
	color: #f3ffff;
}

.all-products p {
	font-size: 14px;
	font-weight: 300;
	color: #000;
	margin: 10px 0 5px;
}

.all-products span.product-price {
	font-style: normal;
	font-size: 15px;
	line-height: 25px;
	color: #000;
	font-weight: bold;
	margin-right: 10px;
}

.all-products del {
	color: var(--text-color);
	font-size: 15px;
}

.product-list-detail {
	padding: 10px;
}

.loadmore {
	margin: 20px 0;
}

.loadmore a {
	background: var(--theme-color);
	color: #ffffff;
	font-size: 13px;
	text-transform: capitalize;
	display: inline-block;
	padding: 8px 12px;
	border-radius: 4px;
}

@media all and (max-width: 768px) {
	.all-products {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media all and (max-width: 568px) {
	.all-products {
		grid-template-columns: 1fr 1fr;
	}
}















.w3l-ecommerce-single .span_2_of_a1 h3 {
	color: #000;
	text-transform: uppercase;
	font-size: 1.8em;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}

.w3l-ecommerce-single p.in-para {
	color: #999;
	font-size: 1em;
	line-height: 2em;
	margin: 1em 0;
	border-bottom: 1px solid #f0f0f0;
	border-top: 3px double #f0f0f0;
	padding: 1em 0;
}

.w3l-ecommerce-single .price_single {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 1em;
}

.w3l-ecommerce-single span.reducedfrom {
	color: #01CFCF;
	font-size: 1.5em;
	float: left;
}

.w3l-ecommerce-single .price_single a {
	float: right;
	margin-top: 0.5em;
}

.w3l-ecommerce-single .sap_tabs {
	padding: 1em 0;
}

.w3l-ecommerce-single .resp-tabs-list {
	width: 100%;
	list-style: none;
	padding: 0;
	background: #ECECEC;
}

.w3l-ecommerce-single .resp-tab-item:first-child {
	border-left: none;
}

.w3l-ecommerce-single .resp-tab-item {
	cursor: pointer;
	padding: 12px 18px;
	display: inline-block;
	margin: 0;
	text-align: center;
	list-style: none;
	float: left;
	outline: none;
	transition: all 0.3s ease-out;
	background: #ECECEC;
}

.w3l-ecommerce-single .resp-tab-active {
	background: #FF7000;
	color: #fff;
}

.w3l-ecommerce-single .resp-tab-item span {
	font-size: 1em;
}

.w3l-ecommerce-single .resp-tabs-container {
	padding: 0px;
	clear: left;
}

.w3l-ecommerce-single h2.resp-accordion {
	cursor: pointer;
	padding: 5px;
	display: none;
}

.w3l-ecommerce-single .resp-tab-content {
	display: none;
}

.w3l-ecommerce-single .resp-content-active,
.w3l-ecommerce-single .resp-accordion-active {
	display: block;
}

.w3l-ecommerce-single h2.resp-accordion {
	font-size: 1em;
	margin: 0px;
	padding: 10px 15px;
	background: #f77462;
	margin: 10px 0;
	color: #fff;
}

.w3l-ecommerce-single h2.resp-accordion:hover {
	background: #6CC5D9;
	text-shadow: none;
	color: #FFF;
}

.w3l-ecommerce-single .facts {
	padding: 1em 0;
}

.w3l-ecommerce-single .facts p {
	color: #999;
	font-size: 1em;
	line-height: 1.7em;
	padding: 0 0 1em;
}

.w3l-ecommerce-single .facts ul li {
	list-style: none;
	color: #999;
	font-size: 1em;
	padding: 0.3em 0;
}

.w3l-ecommerce-single .color {
	background: #eee;
	margin: 1em 0;
	padding: 1em;
}

.w3l-ecommerce-single .color p,
.w3l-ecommerce-single .color span {
	color: #000;
	font-size: 1em;
	float: left;
	font-weight: 300;
}

.w3l-ecommerce-single .color p {
	width: 40%;
}

.w3l-ecommerce-single .ecommerce-single-section {
	padding: 4.5rem 0;
}

.w3l-ecommerce-single .align-items {
	grid-template-columns: 0.4fr 1fr;
	grid-gap: 70px;
}

.w3l-ecommerce-single .galleryContainer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: center;
	position: relative;
}

.w3l-ecommerce-single .gallery {
	position: relative;
	display: flex;
	justify-content: center;
	align-content: center;
	z-index: 0;
}

.w3l-ecommerce-single .gallery input {
	display: none;
}

.w3l-ecommerce-single .galleryImage {
	transition: opacity 0.25s ease-out;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.w3l-ecommerce-single .gallery>img:first-of-type {
	position: relative !important;
	display: flex !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 10;
}

.w3l-ecommerce-single .arrowsContainer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 100%;
	display: none;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	z-index: 20;
	overflow: hidden;
}

.w3l-ecommerce-single .arrowsContainer img {
	width: 100px;
	background: white;
	opacity: 0.4;
	padding-bottom: 20px;
	transition: 0.1s ease;
}

.w3l-ecommerce-single .leftArrow {
	border-top-right-radius: 10px;
	position: absolute;
	bottom: -20px;
	left: -30px;
	padding-left: 40px;
	padding-right: 15px;
}

.w3l-ecommerce-single .rightArrow {
	border-top-left-radius: 10px;
	position: absolute;
	bottom: -20px;
	right: -30px;
	padding-right: 40px;
	padding-left: 15px;
}

.w3l-ecommerce-single .leftArrow:active,
.w3l-ecommerce-single .rightArrow:active {
	transform: scale(0.95, 0.95);
}

.w3l-ecommerce-single .thumbnails {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	height: 5%;
	z-index: 30;
	margin-top: 10px;
	/*border-left: 6px solid black;*/
	scroll-snap-type: mandatory;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	z-index: 0;
}

.w3l-ecommerce-single .thumbnailImage img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.w3l-ecommerce-single .thumbnailImage {
	margin: 0 5px;
	-moz-scroll-snap-align: start;
	-ms-scroll-snap-align: start;
	scroll-snap-align: start;
}

.w3l-ecommerce-single .thumbnailImage:first-child {
	margin-left: 0px;
}

.w3l-ecommerce-single .thumbnailImage:last-child {
	margin-right: 0px;
}

.w3l-ecommerce-single #c1:checked+#i1 {
	opacity: 1;
}

.w3l-ecommerce-single #c2:checked+#i2 {
	opacity: 1;
}

.w3l-ecommerce-single #c3:checked+#i3 {
	opacity: 1;
}

.w3l-ecommerce-single #c4:checked+#i4 {
	opacity: 1;
}

.w3l-ecommerce-single #c5:checked+#i5 {
	opacity: 1;
}

.w3l-ecommerce-single #c6:checked+#i6 {
	opacity: 1;
}

.w3l-ecommerce-single #c7:checked+#i7 {
	opacity: 1;
}

.w3l-ecommerce-single #c8:checked+#i8 {
	opacity: 1;
}

.w3l-ecommerce-single #c9:checked+#i9 {
	opacity: 1;
}

.w3l-ecommerce-single #c10:checked+#i10 {
	opacity: 1;
}

.w3l-ecommerce-single #c11:checked+#i11 {
	opacity: 1;
}

.w3l-ecommerce-single #c12:checked+#i12 {
	opacity: 1;
}

.w3l-ecommerce-single #c13:checked+#i13 {
	opacity: 1;
}

.w3l-ecommerce-single #c1:checked+#i1+#arrows1 {
	display: flex;
}

.w3l-ecommerce-single #c2:checked+#i2+#arrows2 {
	display: flex;
}

.w3l-ecommerce-single #c3:checked+#i3+#arrows3 {
	display: flex;
}

.w3l-ecommerce-single #c4:checked+#i4+#arrows4 {
	display: flex;
}

.w3l-ecommerce-single #c5:checked+#i5+#arrows5 {
	display: flex;
}

.w3l-ecommerce-single #c6:checked+#i6+#arrows6 {
	display: flex;
}

.w3l-ecommerce-single .thumbnails label,
.w3l-ecommerce-single .arrowsContainer label {
	cursor: pointer;
	overflow: hidden;
}

.w3l-ecommerce-single .thumbnails label img {
	transition: 0.3s ease;
}

.w3l-ecommerce-single .thumbnails label img:hover {
	transform: scale(1.2, 1.2);
}

.w3l-ecommerce-single label:focus {
	box-shadow: 0px 0px 7px 1px white;
}

.w3l-ecommerce-single .single-right-left h3 {
	text-transform: capitalize;
	font-size: 24px;
	color: var(--blue-color);
	margin: 0;
	font-weight: 600;
}

.w3l-ecommerce-single .rating-single {
	float: left;
	margin: 10px 0;
}

.w3l-ecommerce-single ul.rating-single li {
	display: inline-block;
}

.w3l-ecommerce-single span.fa.yellow-star {
	color: var(--theme-color-two);
}

.w3l-ecommerce-single .simpleCart_shelfItem .caption h6 {
	color: var(--theme-color);
	font-size: 1.8em;
}

.w3l-ecommerce-single .desc_single {
	margin: 2em 0;
}

.w3l-ecommerce-single .desc_single h5 {
	color: #000;
	font-size: 1.2em;
}

.w3l-ecommerce-single .single-right-left p {
	text-transform: capitalize;
	margin: 10px 0 0;
	color: #777;
	font-size: 14px;
	line-height: 22px;
}

.w3l-ecommerce-single .justify-content-between {
	justify-content: space-between !important;
}

.w3l-ecommerce-single .sp_title {
	color: #000;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 1rem;
}

.w3l-ecommerce-single ul {
	list-style-type: none;
}

.w3l-ecommerce-single ul.single_specific li {
	color: #000;
	font-size: 1em;
	text-transform: capitalize;
	word-spacing: 4px;
	line-height: 1.8;
}

.w3l-ecommerce-single ul.single_specific li span {
	color: #777;
	padding-left: 2px;
}

.w3l-ecommerce-single ul.single_serv a {
	color: #000;
}

.w3l-ecommerce-single li.gap {
	margin-top: 1em;
}

.w3l-ecommerce-single .description {
	margin: 1.5em 0;
}

.w3l-ecommerce-single .description h5 {
	color: #545454;
	font-size: 0.9em;
	margin-bottom: 12px;
}

.w3l-ecommerce-single .description input[type="text"] {
	padding: 8px 8px;
	color: #000;
	font-size: 16px;
	width: 45%;
	outline: none;
}

.w3l-ecommerce-single .description input[type="submit"] {
	color: #fff;
	font-size: 16px;
	background: var(--theme-color);
	border: none;
	outline: none;
	text-transform: capitalize;
	transition: .5s all;
	padding: 0 20px;
	cursor: pointer;
}

.w3l-ecommerce-single .description input[type="submit"]:hover {
	background: var(--title-color);
}

.w3l-ecommerce-single a.action {
	font-size: 16px;
	text-align: center;
	color: #F5F9FC;
	background: var(--theme-color-two);
	width: 120px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	transition: 0.5s ease-out;
}

.w3l-ecommerce-single .col-md-si {
	padding-top: 2rem;
}

.w3l-ecommerce-single h3.related {
	margin-top: 3rem;
	font-size: 30px;
	color: var(--title-color);
}

.w3l-ecommerce-single ul.emi-views {
	margin: 1rem 0;
}

.w3l-ecommerce-single ul.emi-views li {
	display: block;
	line-height: 30px;
	font-size: 15px;
	color: var(--title-color);
}

.w3l-ecommerce-single ul.emi-views li span {
	font-weight: bold;
}

.w3l-ecommerce-single a.action.cart {
	background: #eee;
	color: var(--title-color);
}

.w3l-ecommerce-single a.action.cart:hover {
	background: var(--theme-color);
	color: var(--white-color);
}

@media (max-width: 736px) {
	.w3l-ecommerce-single .align-items {
		grid-template-columns: 1fr;
		grid-gap: 35px;
	}
}


















.w3l-ecommerce-cart .ecommerce-add-products {
	padding: 4.5rem 0;
}

.w3l-ecommerce-cart .checkout-right h4 {
	font-size: 27px;
	margin-bottom: 30px;
}

.w3l-ecommerce-cart td.invert-image {
	width: 12%;
}

.w3l-ecommerce-cart table.timetable_sub tr,
.w3l-ecommerce-cart table.timetable_sub td,
.w3l-ecommerce-cart table.timetable_sub th {
	border: 1px solid #eee;
}

.w3l-ecommerce-cart table.timetable_sub {
	width: 100%;
	margin: 0 auto;
}

.w3l-ecommerce-cart table.timetable_sub {
	border-collapse: collapse;
	border: 1px solid #eee;
}

.w3l-ecommerce-cart table.timetable_sub tr:nth-child(even) {
	background: #f3f3f3;
}

.w3l-ecommerce-cart .timetable_sub th {
	color: var(--white-color);
	font-weight: bold;
	font-size: 16px;
	padding: 13px;
	letter-spacing: 0px;
	background: #000;
	text-transform: uppercase;
}

.w3l-ecommerce-cart .timetable_sub td {
	padding: 10px;
	font-size: 14px;
	color: #212121;
}

.w3l-ecommerce-cart td.product-name {
	font-size: 16px;
	max-width: 350px;
	font-weight: 600;
	color: #333;
}

.w3l-ecommerce-cart td.product-name a {
	color: #333;
}

.w3l-ecommerce-cart td.product-name span {
	color: var(--blue-color);
	display: block;
	font-weight: normal;
	margin: 15px 0;
}

.w3l-ecommerce-cart td.product-name li {
	list-style-type: none;
	font-weight: normal;
	color: #787878;
}

.w3l-ecommerce-cart td.product-name li a {
	color: #333;
}

.w3l-ecommerce-cart td.cart-price {
	color: var(--theme-color);
	font-size: 20px;
	text-align: center;
}

.w3l-ecommerce-cart .rem {
	position: relative;
	text-align: center;
}

.w3l-ecommerce-cart .close1,
.w3l-ecommerce-cart .close2,
.w3l-ecommerce-cart .close3 {
	cursor: pointer;
	font-size: 16px;
	color: #666;
	transition: color 0.2s ease-in-out;
}

.w3l-ecommerce-cart .value-minus,
.w3l-ecommerce-cart .value-plus {
	height: 40px;
	line-height: 24px;
	width: 40px;
	display: inline-block;
	cursor: pointer;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	border: none;
	vertical-align: bottom;
}

.w3l-ecommerce-cart .quantity-select .entry.value-minus:before,
.w3l-ecommerce-cart .quantity-select .entry.value-plus:before {
	content: "";
	width: 10px;
	height: 2px;
	background: #777;
	left: 40%;
	top: 50%;
	position: absolute;
}

.w3l-ecommerce-cart .table-responsive {
	overflow-x: inherit;
}

.w3l-ecommerce-cart .quantity-select .entry.value-plus:after {
	content: "";
	height: 10px;
	width: 2px;
	background: #777;
	left: 50%;
	top: 40%;
	position: absolute;
}

.w3l-ecommerce-cart .value {
	cursor: default;
	width: 40px;
	height: 40px;
	padding: 8px 0px;
	color: #333;
	line-height: 24px;
	border: 1px solid #E5E5E5;
	background-color: #fff;
	text-align: center;
	display: inline-block;
	margin-right: 3px;
}

.w3l-ecommerce-cart .quantity-select .entry.value-minus {
	margin-left: 0;
}

.w3l-ecommerce-cart .checkout-left {
	margin-top: 50px;
}

.w3l-ecommerce-cart .address_form_agile h4 {
	color: #1accfd;
	font-size: 24px;
	margin-bottom: 30px;
	letter-spacing: 0px;
}

.w3l-ecommerce-cart .information-wrapper input,
.w3l-ecommerce-cart .information-wrapper select {
	width: 100%;
	font-size: 16px;
	letter-spacing: 0px;
	padding: 13px 10px;
	margin-bottom: 20px;
	outline: none;
	border: none;
	border-bottom: 1px solid #FF5722;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.31);
}

.w3l-ecommerce-cart button.submit.check_out {
	padding: 12px 25px;
	letter-spacing: 0px;
	background: #1accfd;
	font-size: 16px;
	color: #fff;
	border: none;
	outline: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	margin-top: 20px;
}

.w3l-ecommerce-cart button.submit.check_out:hover {
	background: #FF5722;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.w3l-ecommerce-cart h5.cart-price {
	font-size: 15px;
	color: #8e8e8e;
	margin-bottom: 9px;
}

.w3l-ecommerce-cart h6.totla-pay {
	font-size: 17px;
	color: #000;
	padding-top: 9px;
	border-top: 1px solid #000;
}

.w3l-ecommerce-cart .checkout-left {
	margin-top: 2rem;
	text-align: right;
}

.w3l-ecommerce-cart .checkout-right-basket a.shop {
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	transition: 0.5s ease-out;
	background: #eee;
	color: var(--title-color);
}

.w3l-ecommerce-cart .checkout-right-basket a.shop:hover {
	color: #F5F9FC;
	background: var(--theme-color-two);
}

.w3l-ecommerce-cart .checkout-right-basket a.proceed {
	text-decoration: none;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	color: #F5F9FC;
	background: var(--theme-color-two);
	width: 120px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	transition: 0.5s ease-out;
}

.w3l-ecommerce-cart .checkout-right-basket a span {
	margin-left: 7px;
	color: #1accfd;
	font-size: 20px;
}

.w3l-ecommerce-cart .quantity-select {
	text-align: center;
}

.w3l-ecommerce-cart .quantity {
	width: 20%;
	margin: auto;
}

.w3l-ecommerce-cart input[type="number"] {
	-webkit-appearance: none;
	border: 1px solid #051b35;
	padding: 10px;
	width: 100%;
	color: var(--theme-color);
}

@media (max-width: 1050px) {
	.w3l-ecommerce-cart .timetable_sub th {
		padding: 13px;
	}
}

@media (max-width: 992px) {
	.w3l-ecommerce-cart td.product-name {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 160px;
	}

	.w3l-ecommerce-cart .quantity {
		width: 50%;
	}
}

@media (max-width: 736px) {
	.w3l-ecommerce-cart .checkout-right {
		margin: 0 -80px;
	}

	.w3l-ecommerce-cart .ecommerce-add-products {
		padding: 3.5rem 0;
	}
}

@media (max-width: 700px) {
	.w3l-ecommerce-cart .checkout-right {
		margin: 0 -70px;
	}
}

@media (max-width: 667px) {
	.w3l-ecommerce-cart .checkout-right {
		margin: 0 -60px;
	}

	.w3l-ecommerce-cart .table-responsive {
		overflow: hidden;
		overflow-x: auto;
	}
}

@media (max-width: 640px) {
	.w3l-ecommerce-cart .checkout-right {
		margin: 0 -40px;
	}

	.w3l-ecommerce-cart .quantity {
		width: 75%;
	}
}

@media (max-width: 600px) {
	.w3l-ecommerce-cart .checkout-right {
		margin: 0 -20px;
	}
}

@media (max-width: 599px) {
	.w3l-ecommerce-cart .checkout-right {
		margin: 0 0px;
	}
}

@media (max-width: 480px) {
	.w3l-ecommerce-cart .timetable_sub td.invert-image {
		padding: 5px 0px;
	}

	.w3l-ecommerce-cart .timetable_sub td.invert {
		padding: 5px 5px;
	}

	.w3l-ecommerce-cart .ecommerce-add-products {
		padding: 40px 0px 40px;
	}

	.w3l-ecommerce-cart .ecommerce-add-products {
		padding: 2.5rem 0;
	}
}

@media (max-width: 385px) {
	.w3l-ecommerce-cart .timetable_sub td.invert {
		padding: 4px 3px;
	}
}

@media (max-width: 320px) {
	.w3l-ecommerce-cart td.total-price {
		width: 100%;
	}
}













.w3l-text-14 .d-grid {
	display: grid;
}

.w3l-text-14 .text14-max-align {
	max-width: 751px;
	margin: 0 auto;
}

.w3l-text-14 .text14-right {
	float: left;
	max-width: 170px;
	margin: 0px 40px 25px 0px;
}

.w3l-text-14 h5.text14-heading {
	font-size: 30px;
	line-height: 25px;
	color: var(--title-color);
	margin-bottom: 30px;
}

.w3l-text-14 .text14-left p {
	margin-bottom: 20px;
	max-width: 556px;
	font-style: normal;
	font-weight: 300;
	font-size: 15.5px;
	line-height: 26px;
	color: var(--text-color);
	margin-top: 15px;
	margin-left: auto;
}

.w3l-text-14 .text14-left p:last-child {
	margin-bottom: 0;
}

.w3l-text-14 a.specialist {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 25px;
	color: var(--theme-color-two);
	display: block;
	margin-top: 10px;
}

.w3l-text-14 .buttons-teams a span.fa-facebook {
	color: #3b5998;
}

.w3l-text-14 .buttons-teams a span {
	color: #3b5998;
	font-size: 18px;
}

.w3l-text-14 .buttons-teams a {
	margin-right: 10px;
}

.w3l-text-14 .buttons-teams {
	margin-top: 15px;
}

.w3l-text-14 .buttons-teams a span {
	color: #3b5998;
	font-size: 18px;
}

.w3l-text-14 .buttons-teams a span.fa-twitter {
	color: #1da1f2;
}

.w3l-text-14 .buttons-teams a span {
	color: #3b5998;
	font-size: 18px;
}

.w3l-text-14 .buttons-teams a span {
	color: #3b5998;
	font-size: 18px;
}

@media all and (max-width: 768px) {
	.w3l-text-14 .text14-right {
		margin: 0px 25px 25px 0px;
	}

	.w3l-text-14 .text14-left p {
		margin-bottom: 10px;
		font-size: 15px;
		line-height: 24px;
	}
}

@media all and (max-width: 440px) {
	.w3l-text-14 .text14-right {
		margin: 0px 10px 20px 0px;
	}
}








.w3l-support-page .align-support-grids {
	grid-template-columns: 1fr 0.55fr;
	grid-gap: 50px;
}

.w3l-support-page select {
	background: url(../images/down.png) no-repeat 97% 52%;
	border: none;
	outline: none;
	width: 100%;
	color: var(--title-color);
	-webkit-appearance: none;
	font-size: 15px;
	padding: 0px 15px;
	height: 45px;
	text-align: left;
	-webkit-appearance: none;
	cursor: pointer;
	padding-left: 15px;
	font-weight: bold;
	border-radius: 3px;
	margin-bottom: 14px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}

.w3l-support-page input,
.w3l-support-page textarea#message {
	background: #efefef;
	border: none;
	outline: none;
	width: 100%;
	font-size: 14px;
	padding: 14px 15px;
	color: var(--title-color);
	-webkit-appearance: none;
	font-weight: bold;
	margin-bottom: 14px;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}

.w3l-support-page textarea#message {
	height: 125px;
	resize: none;
	background: #efefef;
	border: none;
	outline: none;
	width: 100%;
	font-size: 14px;
	padding: 14px 15px;
	color: var(--title-color);
	-webkit-appearance: none;
	font-weight: bold;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
}

.w3l-support-page input:focus,
.w3l-support-page textarea#message:focus {
	background: #fff;
}

.w3l-support-page button.submit.btn.btn-primary {
	padding: 0px 30px;
	text-decoration: none;
	width: 100%;
	border: none;
	cursor: pointer;
	height: 45px;
	margin-top: 15px;
	font-size: 16px;
	text-align: center;
	color: #F5F9FC;
	background: var(--theme-color);
	display: inline-block;
	border-radius: 3px;
	transition: 0.5s ease-out;
}

.w3l-support-page button.submit.btn.btn-primary:hover {
	background: var(--theme-color-two);
	transition: 0.5s ease-out;
}

.w3l-support-page .my-support ul li {
	margin: 20px 0;
	margin-left: 15px;
	color: #858585;
	font-size: 14px;
	list-style-type: none;
}

.w3l-support-page .my-support {
	padding: 12px 0;
	align-self: start;
	border-bottom: 1px solid #eee;
	box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
}

.w3l-support-page .my-support ul li a.host-faq {
	text-decoration: none;
	font-size: 22px;
	color: #000000;
	text-transform: uppercase;
}

@media all and (max-width: 900px) {
	.w3l-support-page .align-support-grids {
		grid-gap: 20px;
	}
}

@media all and (max-width: 768px) {
	.w3l-support-page .align-support-grids {
		grid-template-columns: 1fr;
		grid-gap: 50px;
	}
}











a.project-view h6 {
	font-size: 16px;
	color: var(--title-color);
	font-weight: bold;
	margin: 10px 0;
}

a.project-view span {
	font-size: 13px;
	color: var(--theme-color);
}




@media (max-width: 576px) {
	.padding-top-sm-0 {
		padding-top: 0;
	}
}






/* landing page css */

.w3l-quote-form .w3l-quote-form-bg {
	background: url(../images/landingpagebg.jpg) no-repeat;
	background-position: left;
	background-size: cover;
	background-attachment: fixed;
}

.team-members {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
}

/* /landing page css */