/*
Author       : themes_mountain
Template Name: Mombo - App Landing Page HTML Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START ABOUT US + FEATURE DESIGN
    05. START COUNTER AND SUBSCRIBE DESIGN
    06. START SCREENSHOT SLIDER DESIGN
    07. START TEAM DESIGN
    08. START TESTIMONIAL DESIGN
    09. START PRICING DESIGN
    10. START FAQ DESIGN
    11. START BLOG DESIGN
    12. START DOWNLOAD DESIGN
    13. START CONTAACT+MAP DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
	color: #444;
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 26px;
	background: #fff;
	overflow-x: hidden;
}

html,
body {
	height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Quicksand', sans-serif;
	letter-spacing: 0px;
	margin-top: 0px;
	color: #1d293e;
	font-weight: 400;
}

a {
	font-family: 'Quicksand', sans-serif;
	text-decoration: none;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

a:hover {
	text-decoration: none;
}

a:focus {
	outline: none;
	text-decoration: none;
}

p {
	margin: 0;
}

ul,
li {
	margin: 0;
	padding: 0;
}

fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}

/*公共滚动条*/
/* ::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	border-radius: 10px;
	background-color: #e1e1e1;
} */

/*定义滚动条轨道 内阴影+圆角*/
/* ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 0 6px rgba(82, 82, 82, 0.3);
	border-radius: 10px;
	background-color: #e1e1e1;
} */

/*定义滑块 内阴影+圆角*/
/* ::-webkit-scrollbar-thumb {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #c2c2c2;
} */

/*定义滑块 内阴影+圆角*/
/* ::-webkit-scrollbar-thumb:hover {
	border-radius: 10px;
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
	background-color: #c2c2c2;
} */
  
/*START PRELOADER DESIGN*/
.preloader {
	background: #3b7eff;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
}

.status-mes {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -40px 0 0 -40px;
	font-size: 10px;
	text-indent: -12345px;
	border-top: 8px solid #fff;
	border-right: 8px solid #fff;
	border-bottom: 8px solid #fff;
	border-left: 8px solid #5028df;
	border-radius: 50%;
	-webkit-animation: spinner 700ms infinite linear;
	animation: spinner 700ms infinite linear;
	z-index: 10000;
}

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

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

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

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

.no-padding {
	padding: 0
}

/*END PRELOADER DESIGN*/
.section-padding {
	padding: 90px 0;
}

/*START SECTION TITLE DESIGN*/
.section-title {
	margin-bottom: 60px;
}

.section-title h1 {
	color: #1d293e;
	font-size: 36px;
	font-weight: 700;
	margin-top: 0;
	position: relative;
	text-transform: capitalize;
}

@media only screen and (max-width:480px) {
	.section-title h1 {
		font-size: 24px;
	}
}

.section-title-white-span {
	background: #fff !important;
}

h1.section-title-white {
	color: #fff;
	font-size: 36px;
	font-weight: 500;
	margin-top: 0;
	position: relative;
	margin-top: 0;
	text-transform: capitalize;
}

@media only screen and (max-width:480px) {
	h1.section-title-white {
		font-size: 24px;
	}
}

p.section-title-white {
	color: #fff;
}

.section-title p {
	padding: 0 10px;
	width: 70%;
	margin: auto;
}

@media only screen and (max-width:768px) {
	.section-title p {
		padding: 0 10px;
		width: 90%;
		margin: auto;
	}
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
	background: #3269FF none repeat scroll 0 0;
	border-radius: 30px;
	bottom: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	position: fixed;
	right: 5px;
	text-align: center;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	width: 50px;
}

.topcontrol:hover {
	background: #0E1420;
	color: #fff;
}

/*END SCROLL TO TOP*/

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.site-logo img {
	width: 150px;
	height: auto;
}

.bg-faded {
	background-color: #0E1420;
	transition: all 0.5s ease 0s;

}

.navbar-fixed {
	z-index: 999;
	position: fixed;
	opacity: .98;
	width: 100%;
	padding: 10px 0;
	top: 0;
	-webkit-animation: fadeInDown 800ms;
	animation: fadeInDown 800ms;
	-webkit-backface-visibility: hidden;
	border-radius: 0px;
	background: #0E1420;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

#navigation {
	padding: 15px 0;
}

#navigation.navbar-fixed {
	padding: 15px 0;
}

.header_right {
	display: flex;
	flex-basis: auto;
	height: 100%;
	align-items: center;
	justify-content: center;
}

#main-menu {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

#main-menu ul {
	padding-top: 5px;
	list-style-type: none;
}

#main-menu ul li {
	display: inline-block;
	padding: 0px 12px;
	position: relative;
}

#main-menu ul li a {
	color: #fff;
	font-size: 16px;
	text-transform: capitalize;
	transition: .5s;
}

#main-menu ul li .active,
#mobile_menu ul li .active {
	position: relative;
	display: inline-block;
	/* 或其他合适的display值 */
}

#main-menu ul li .active::after,
#mobile_menu ul li .active::after {
	content: '';
	position: absolute;
	left: 50%;
	/* 初始位置在中间 */
	transform: translateX(-50%);
	/* 确保准确居中 */
	width: 50%;
	/* 下划线长度，可以根据需要调整 */
	height: 4px;
	/* 下划线高度 */
	background-color: #069EFF;
	/* 下划线颜色 */
	border: 1px solid #069EFF;
	border-radius: 5px;
	bottom: -5px;
	/* 下划线位置 */
}

#mobile_menu ul li .active::after {
	bottom: 0px;
	/* 下划线位置 */
}

#navigation.navbar-fixed #main-menu ul li a {
	color: #fff;
}

#navigation.navbar-fixed #main-menu ul li a:hover,
#navigation.navbar-fixed #main-menu ul li a:focus,
#main-menu ul li a:hover,
#main-menu ul li a:focus {
	color: #069EFF;
}

.get-solutioin {
	color: #fff;
	padding: 5px 20px;
	background-color: #3269FF;
	border-radius: 30px;
}

.get-solutioin:hover {
	color: #000;
	padding: 5px 20px;
	background-color: #fff;
}

.slicknav_nav_icon {
	color: #fff;
	font-size: 24px;
}

#mobile_menu {
	display: none;
}

@media only screen and (max-width:991px) {
	.get-solutioin{
		display: none;
	}
}
@media only screen and (max-width:767px) {
	.navbar-default {
		padding: 10px !important;
	}

	.navbar-collapse {
		margin-top: 15px;
	}

	#navigation ul li a {
		position: inherit;
		color: #333;

	}

	#navigation ul li ul,
	#navigation ul li ul li ul {
		opacity: 1;
		position: inherit;
		top: 0;
		transition: all 0.3s ease 0s;
		z-index: 1;
		visibility: visible;
		background: #fff none repeat scroll 0 0;
		box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.05);
		padding: 15px;
		left: 0;
		background: #f5f5f5;
		list-style: none;
		width: 100%;
	}



	#navigation ul li ul.sub-menu li {
		z-index: 1;
	}

	#navigation ul li:hover ul.sub-menu {
		top: 0;
		opacity: 1;
		z-index: 999;
		visibility: visible;
	}

	#main-menu {
		display: none;
	}

	#mobile_menu {
		display: block;
		width: 100%;
	}

	.slicknav_nav ul li a {
		color: #fff !important;
	}

}

@media only screen and (max-width:767px) {
	.navbar-brand {
		padding-top: 20px;
	}
}

@media only screen and (max-width:480px) {
	.slicknav_menu {
		margin-top: -50px;
	}
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_bg {
	height: 460px;
	position: relative;
	background-image: url(../../assets/img/bg/home-bg.png);
	background-size: cover;
	background-position: center center;
}

@media only screen and (max-width:991px) {
	.home_bg {
		height: 540px;
	}
}

@media only screen and (max-width:768px) {
	.home_bg {
		height: 500px;
	}
}

@media only screen and (max-width:575px) {
	.home_bg {
		height: 650px;
	}
}

.home_bg:before {
	background: rgba(0, 0, 0, 0.0);
	content: "";
	height: 100%;
	filter: alpha(opacity=80);
	position: absolute;
	width: 100%;
}

.hero-text {}

.hero-text h1 {
	padding-top: 100px;
	font-size: 42px;
	font-weight: 700;
	color: #000;
	text-transform: capitalize;
	line-height: 70px;
}

.hero-text p {
	color: #666;
	font-size: 18px;
	margin-bottom: 65px;
	margin-top: 15px;
}

@media only screen and (max-width:768px) {
	.hero-text h1 {
		font-size: 40px;
		line-height: 46px;
	}
	.hero-text p{
		margin-bottom: 30px;
	}
}

@media only screen and (max-width:480px) {
	.hero-text h1 {
		padding-top: 100px;
		font-size: 30px;
		line-height: 40px;
	}
	.hero-text p{
		margin-bottom: 30px;
	}
}

@media only screen and (max-width:360px) {
	.hero-text h1 {
		font-size: 26px;
		line-height: 34px;
	}
	.hero-text p{
		margin-bottom: 20px;
	}
}


.number-bg{
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
    width: 100%;
    bottom: 0;
}

.number-text{
	display: flex;
	justify-content: center;
	text-align: center;
}
.number-text>div{
	padding: 5px 0;
}

.number-text .counter-num{
	display: inline-block;
	color: transparent;
	background-image: linear-gradient(180deg, rgba(6, 170, 255, 1) 0%,  rgba(1, 66, 255, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 36px;
	font-weight: 500;
	line-height: 36px;
}
.number-text span{
	display: inline-block;
	color: transparent;
	background-image: linear-gradient(180deg, rgba(6, 170, 255, 1) 0%,  rgba(1, 66, 255, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	font-size: 16px;
	line-height: 16px;
	font-weight: 800;
	line-height: 36px;
}
.number-text label{
	display: block;
	font-size: 14px;
	line-height: 14px;
}

.home_btn a {
	margin-bottom: 20px;
	margin-right: 20px;
}

.learn_btn {
	background: #3b7eff;
	border: 2px solid #3b7eff;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	overflow: hidden;
	padding: 10px 45px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

@media only screen and (max-width:360px) {
	.learn_btn {
		padding: 10px 40px;
	}
}

.learn_btn:hover {
	background: #fff;
	color: #1d293e;
	border: 2px solid #fff;
}

.video-play {
	background: #0E1420;
	border: 2px solid #0E1420;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
	overflow: hidden;
	padding: 10px 45px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

@media only screen and (max-width:360px) {
	.video-play {
		padding: 10px 40px;
	}
}

.video-play:hover {
	background: #fff;
	color: #1d293e;
	border: 2px solid #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START Solution
* ----------------------------------------------------------------------------------------
*/
.solution {
	position: relative;
	padding-bottom: 60px;
	background-image: url(../../assets/img/bg/solution-bg.png);
}

.solution:before {
	background: rgba(0, 0, 0, 0.0) none repeat scroll 0 0;
	/*background: linear-gradient(339deg, rgba(0, 0, 0, 0.38) 0%, rgba(193, 24, 255, 0.36) 73%);*/
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.solution h1,.solution h5{
	color: #fff;
}

v .solution {
	padding-top: 0px;
	padding-bottom: 60px;
}

.solution-title {
	width: 80%;
	margin: auto;
	margin-bottom: 10px;
	line-height: 36px;
	font-weight: 600;
	font-size: 26px;
}
.solution_feature {
	height: 200px;
	margin: 20px 0;
	z-index: 2;
	position: relative;
	transition: all 0.4s ease 0s;
	border-radius: 10px;
	background-color: rgba(255,255,255,0.05);
}
.solution_feature_bg{
	background: url(../../assets/img/bg/solution-bottom-normal.png) bottom;
    width: 100%;
    height: 50px;
	bottom: 0;
    position: absolute;
    z-index: 999;
    border-radius: 10px;
}
.solution_feature:hover .solution_feature_bg {
	background: url(../../assets/img/bg/solution-bottom-color.png) bottom;
}
.solution_feature:hover {
	box-shadow: 0px 60px 60px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 100;
	background: linear-gradient(180deg, rgba(0, 126, 255, 1) 0%, rgba(13, 70, 238, 1) 100%);
	/* transform: translate(0, -10px); */
}

.icon {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	margin-bottom: 0;
	position: relative;
	text-align: center;
	top: 30px;
	width: 60px;
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.solution_feature h4 {
	color: #fff;
	margin: 0;
	position: relative;
	text-transform: capitalize;
	top: 45px;
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	font-weight: 500;
	font-size: 18px;
}

.solution_feature:hover .icon {
	color: #fff;
	opacity: 0;
}

.solution_feature:hover h4 {
	color: #fff;
	top: -20px;
}

.solution_feature p {
	color: #fff;
	font-size: 14px;
	top: 55px;
	position: relative;
	-webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
	transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}

.solution_feature:hover p {
	color: #fff;
	top: -10px;
}

.solution_feature .solution_detail{
	margin: 10px auto;
	display: block;
	width: 149px;
	height: 36px;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	opacity: 0;
	border-radius: 18px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.02) 100%);
	box-shadow: 0px 1px 20px  rgba(0, 41, 97, 0.1);
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.solution_feature .solution_detail::after{
	content: '';
	background-image: url('../../assets/img/icons/icon_right.png');
	display: inline-block;
	width: 14px;
	height: 10px;
	margin-left: 5px;
}

.solution_feature:hover .solution_detail{
	opacity: 1;
}

@media only screen and (max-width:768px) {
	.solution_feature {
		margin: 20px 10px;
	}
}

/*START FEATUERE DESIGN*/
.aboutus {
	padding: 80px 0;
	background-image: url(../../assets/img/bg/aboutus-bg.png);
}

.single_aboutus {
	padding-top: 15px;
	text-align: left;
}

.single_aboutus h3 {
	color: #090F19;
	font-size: 24px;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}

.single_aboutus p {
	margin: 30px 0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 2px; 
	color: #666666;
	text-indent: 2em;
}

.single_feature_img {
	text-align: center;
	margin-top: 20px;
	position: relative;
}

.single_feature_img img {
	display: inline-block;
}
.single_feature_img .card-container{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.single_feature_img .card-container h3{
	font-size: 36px;
	color: #fff;
	padding-top: 70px;
	padding-bottom: 30px;
	letter-spacing: 5px; 
}
.single_feature_img .card-container p{
	font-size: 14px;
	color: #fff;
}

.aboutus a.aboutus-more {
	cursor: pointer;
	margin: 50px auto 0;
	background: #3b7eff;
	border: 2px solid #3b7eff;
	border-radius: 5000px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	overflow: hidden;
	padding: 5px 45px;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.07);
}
.aboutus a.aboutus-more::after {
	content: '';
	background-image: url('../../assets/img/icons/icon_right.png');
	display: inline-block;
	width: 14px;
	height: 10px;
	margin-left: 10px;
}

@media only screen and (max-width:360px) {
	.aboutus a.aboutus-more {
		padding: 10px 40px;
	}
}

.aboutus a.aboutus-more:hover {
	background: #0E1420;
	color: #fff;
	border: 2px solid #0E1420;
}

@media only screen and (max-width:768px) {
	.aboutus{
		margin-left: 20px;
		margin-right: 20px;
	}
	.single_aboutus {
		padding-bottom: 60px;
		padding-top: 0;
	}
	.single_aboutus p{
		text-indent: 0em;
	}
}
@media only screen and (max-width:550px) {
	.single_feature_img .card-container h3{
		font-size: 28px;
		padding-top: 50px;
		padding-bottom: 25px;
	}
	.single_feature_img .card-container p{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width:500px) {
	.single_feature_img .card-container h3{
		font-size: 26px;
		padding-bottom: 15px;
	}
	.single_feature_img .card-container p{
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width:470px) {
	.single_feature_img .card-container h3{
		font-size: 26px;
		padding-top: 30px;
		padding-bottom: 15px;
	}
	.single_feature_img .card-container p{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 12px;
	}
}
/*START FEATURE TWO DESIGN*/
.cases {
	padding-top: 80px;
	padding-bottom: 50px;
	background-image: url(../../assets/img/bg/cases-bg.png);
}
.cases h1, .cases h5 {
    color: #fff;
}
.cases-title{
    margin: auto;
    margin-bottom: 10px;
    line-height: 36px;
    font-weight: 600;
    font-size: 26px;
}

.cases-tab{
	display: flex;
	background: #FFFFFF;
	border-radius: 15px;
	color: #666666;
	font-size: 30px;
	line-height: 30px;
	padding: 0;
	margin-top: 20px;
}
.cases-tab div{
	flex: 1;
	cursor: pointer;
	position: relative;
}
.cases-tab div:first-child{
	border-radius: 15px 0 0 15px;
}
.cases-tab div:last-child{
	border-radius: 0 15px 15px 0;
}
.cases-tab div.active{
	background: #3269FF;
	color: #fff;
}
.cases-tab div.active::after{
	content: '';
	width: 16px;
	height: 10px;
	display: block;
	background: url('../../assets/img/tabs/tab-triangle.png');
	position: absolute;
    left: 50%;
	transform: translate(-50%);
	bottom: -10px;
}

.cases-tab .tab1::before,
.cases-tab .tab2::before,
.cases-tab .tab3::before,
.cases-tab .tab4::before{
	content: '';
	width: 72px;
	height: 63px;
	display: inline-block;
	background: url('../../assets/img/tabs/tab01.png') no-repeat right;
	vertical-align: middle;
}
.cases-tab .tab2::before{
	background: url('../../assets/img/tabs/tab02.png') no-repeat right;
}
.cases-tab .tab3::before{
	background: url('../../assets/img/tabs/tab03.png') no-repeat right;
}
.cases-tab .tab4::before{
	background: url('../../assets/img/tabs/tab04.png') no-repeat right;
}

.cases-tab .active .tab1::before{
	background: url('../../assets/img/tabs/tab01-1.png') no-repeat right;
}
.cases-tab .active .tab2::before{
	background: url('../../assets/img/tabs/tab02-1.png') no-repeat right;
}
.cases-tab .active .tab3::before{
	background: url('../../assets/img/tabs/tab03-1.png') no-repeat right;
}
.cases-tab .active .tab4::before{
	background: url('../../assets/img/tabs/tab04-1.png') no-repeat right;
}

@media only screen and (max-width:991px) {
	.cases-tab {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 20px;
	}
}

@media only screen and (max-width:768px) {
	.cases-tab {
		flex-direction: column;
		margin-left: 20px;
		margin-right: 20px;
		font-size: 20px;
	}
	.cases-tab .active::after{
		opacity: 0;
	}
	.cases-tab .tab1::before, .cases-tab .tab2::before, .cases-tab .tab3::before, .cases-tab .tab4::before{
		width: 43px;
    	height: 50px;
		background-size: contain;
	}
	.cases-tab .active .tab1::before, .cases-tab .active .tab2::before, .cases-tab .active .tab3::before, .cases-tab .active .tab4::before{
		width: 43px;
    	height: 50px;
		background-size: contain;
	}
}

.single_cases {
	padding-top: 20px;
	color:#fff;
	text-align: left;
}

.single_cases h3 {
	color: #fff;
	font-size: 30px;
	font-weight: normal;
	line-height: 30px;
	margin: 0;
}

.single_cases>h3::after{
	content: '';
    position: absolute;
    left: 15px;
    width: 30px;
    height: 4px;
    background-color: #3269FF;
    top: 60px;
}

.single_cases p {
	margin-top: 50px;
	font-size: 16px;
}

@media only screen and (max-width:767px) {
	.single_cases {
		padding-top: 60px;
	}
	.single_cases h3::after{
		top: 100px;
	}
}

@media only screen and (max-width:480px) {
	.single_cases {
		padding-bottom: 0;
		padding-top: 50px;
	}
}

.cases-container{
	margin-top: 40px;
	padding: 10px 50px;
}

.single_cases_img {}
.single_cases_img .content{
	width: 84%;
    height: 84%;
    position: absolute;
    left: 50%;
    top: 20px;
	transform: translateX(-50%);
}
.single_cases_img img {}

@media only screen and (max-width:1200px) {
	.single_cases_img .content {
		width: 84%;
		height: 68%;
	}
}
@media only screen and (max-width:991px) {
	.single_cases_img .content {
		width: 84%;
		height: 84%;
	}
}

/*END FEATURE DESIGN*/
.single_feature_number{
	display: flex;
	margin-top: 50px;
}
.single_feature_number span{
	font-size: 14px;
	display: block;
	margin-top: 5px;
}

/*
* ----------------------------------------------------------------------------------------
* 04.END ABOUT US + FEATURE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_team {
	padding-bottom: 60px;
}

.single_team {
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
	border-radius: 12px;
	height: 400px;
}

.img_mask{
	width: 100%;
	height: 100%;
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	position: relative;
}

@media only screen and (max-width:768px) {
	.single_team {
		margin-bottom: 40px
	}
}

.team-hover {
	position: absolute;
	width: 100%;
	bottom: -100%;
	padding: 30px;
	padding-bottom: 0px;
	transition: all 0.3s ease-in-out;
}
.team-hover h5{
	text-align: left;
}
.single_team:hover .team-hover {
	bottom: 0px;
}

.team .position-center-center {
	width: 100%;
	padding: 0 20px;
}

.single_team img {
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.single_team h5 {
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 700;
}

.single_team span {
	color: #fff;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	margin: 10px 0 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.single_team p {
	color: #fff;
}

.product{
	margin: 5px 10px;
	flex: 1;
	min-width: 200px;
}
.flex2{
	flex: 2;
}

.social {
	text-align: left;
	display: inline-block;
	margin-bottom: 25px;
	margin-top: 15px;
	color: #fff;
	font-size: 14px;
	width: 100%;
}

.social li {
	display: block;
	padding: 0;
}

.social li a {
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
	margin: 0px 5px;
}

.social li a:hover {
	color: #fff;
}

.team-name {
	bottom: 0;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	left: 0;
	margin: 0;
	padding: 25px 20px;
	position: absolute;
	text-transform: uppercase;
	opacity: 1;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
}
.single_team:hover .team-name{
	opacity: 0;
}

/*
* ----------------------------------------------------------------------------------------
* 09.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

.contact-container{
	/* width: 400px; */
	margin: 0 auto;
}

.footer-top {
	background: #151B26;
}


.footer_logo img {
	width: 150px;
}

.footer_logo p {
	color: #fff;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.single_footer {
	width: 120px;
	margin: 0 auto;
}

@media only screen and (max-width:990px) {
	.footer-top {
		padding-bottom: 50px;
	}
	
	.footer_logo {
		margin:30px;
		text-align: center;
	}
	
	.single_footer {
		margin-bottom: 30px;
		margin-top: 30px;
	}

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

.single_footer h4 {
	color: #fff;
	margin-top: 0;
	margin-bottom: 25px;
	font-weight: 600;
	text-transform: capitalize;
	font-size: 18px;
}

.single_footer p {
	color: #a9b4c7;
}

.single_footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.single_footer ul li {}

.single_footer ul li a {
	color: #a9b4c7;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 36px;
	font-size: 15px;
	text-transform: capitalize;
}

.single_footer ul li a::before {
	content: "-";
	font-family: "LineAwesome";
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 20px;
	margin-right: 6px;
}

.single_footer ul li a:hover {
	color: #fff;
}

.single_footer img{
	width: 120px;
	height: 120px;
}

.single_footer_address {}

.single_footer_address ul {}

.single_footer_address ul li {
	color: #fff;
}

.single_footer_address ul li span {
	font-weight: 400;
	color: #fff;
	line-height: 28px;
}

.contact_social ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.single_footer_address p {
	margin-bottom: 10px;
}

/*START SOCIAL PROFILE CSS*/
.social_profile {
	/* margin-top: 10px; */
}

.social_profile ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.social_profile ul li {
}

.social_profile ul li a {
	text-align: left;
	border: 0px;
	/* text-transform: uppercase; */
	transition: all 0.3s ease 0s;
	margin-right: 20px;
	font-size: 14px;
	color: #fff;
	display: block;
}

.social_profile ul li a i{
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

@media only screen and (max-width:990px) {
	.social_profile ul li a {
		margin-right: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
}

.social_profile ul li a:hover {
	color: #fff;
}

/*END SOCIAL PROFILE CSS*/

.footer {
	padding: 30px 0;
	background: #1d2433;
}

.copyright_footer {
	margin: 0 auto;
}

.copyright {
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 500;
	color: #8a99b3;
}

/*
* ----------------------------------------------------------------------------------------
* 15.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/