/* Right Scale HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Header Style One / Header Style Two
5. Main Slider
6. Story Section
7. Project Section / Style Two
8. Services Section
9. Counter Sectiion / Style Two
10. Tab Section
11. Testimonial Section / Style Two
12. News Section
13. Clients Section / Style Two
14. Main Footer / Style Two
15. Who We Are Section
16. Team Section
17. Customer Section
18. Page Title
19. Project Detail
20. Shop Item
21. Shop Detail
22. Blog Section
23. Blog Detail
24. Contact Form
26. Map Section

**********************************************/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

/*font-family: 'Lato', sans-serif;
font-family: 'Roboto', sans-serif;*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('jquery-ui.css');
@import url('owl.css');
@import url('jquery.bootstrap-touchspin.css');
@import url('jquery.fancybox.css');

/*** 

====================================================================
	Reset
====================================================================

 ***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/
body {
	font-family: 'Inter', 'Roboto', sans-serif;
}

body {
	font-size: 14px;
	color: #666666;
	line-height: 1.8em;
	font-weight: 400;
	background: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-font-smoothing: antialiased;
	font-family: 'Inter', 'Roboto', sans-serif;
}



a {
	text-decoration: none;
	cursor: pointer;
	color: #fff;
}

a:hover {
	text-decoration: none;
	color: #33bfc9;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.4em;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.no-padding {
	padding: 0px !important;
}

input,
button,
select,
textarea {
	font-family: 'Inter', 'Roboto', sans-serif;

}


.btn-style1 {
	padding: 25px;
	color: #fff;
	font-weight: 600;
	/* background: linear-gradient(90deg, #AA3ECB 32.38%, #9A41CE 38.31%, #8345D2 49.14%, #7A46D4 55.89%, #7447D5 62.02%, #7048D6 72.29%, #2DCAC8 100%); */
	background-color: #053F5C;
}



p,
.text {
	position: relative;
	line-height: 1.8em;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.strike-through {
	text-decoration: line-through;
}

.auto-container {
	position: static;
	max-width: 90%;
	padding: 0px 15px;
	margin: 0 8%;
}

.small-container {
	max-width: 780px;
	margin: 0 auto;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
}

ul,
li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

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

.theme-btn {
	display: inline-block;
	text-align: center;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}


.theme-btn:hover {
	color: white !important;
	background-color: #F27F0C;
}

.grey-bg {
	background-color: #EFEFEF;
}

.w-b {
	background-color: #fff;
}



.blue-bg {
	background-color: #7048D5;
}



.centered {
	text-align: center;
}

/*Sec Title*/

.sec-title {
	position: relative;
	margin-bottom: 40px;
}

.sec-title:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 10px;
	width: 55px;
	height: 3px;
	background-color: #6633CC;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.sec-title:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 10px;
	width: 3px;
	height: 52px;
	background-color: #6633CC;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.sec-title .title {
	position: relative;
	color: #777777;
	font-size: 15px;
	font-weight: 300;
	padding-left: 65px;
	font-style: italic;
	margin-bottom: 4px;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.sec-title h2 {
	position: relative;
	color: #111111;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 10px;
	padding-left: 20px;
}

/*Sec Title Two*/

.sec-title-two {
	position: relative;
	margin-bottom: 60px;
	text-align: center;
}

.sec-title-two .inner-title {
	position: relative;
	padding: 0px 22px;
	display: inline-block;
}

/*.sec-title-two .inner-title:before{
	position:absolute;
	content:'';
	left:0px;
	width:52px;
	height:52px;
	top:10px;
	border-top:3px solid #6633CC;
	border-left:3px solid #6633CC;
}

.sec-title-two .inner-title:after{
	position:absolute;
	content:'';
	right:0px;
	width:52px;
	height:52px;
	top:10px;
	border-right:3px solid #6633CC;
	border-top:3px solid #6633CC;
}
*/

.sec-title-two .title {
	position: relative;
	color: #053F5C;
	font-size: 15px;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 4px;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.sec-title-two h4 {
	position: relative;
	color: #053F5C;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2em;

}


.sec-title-two h2 {
	position: relative;
	color: #053F5C;
	font-size: 34px;
	font-weight: 400;
	line-height: 1.2em;

}


.sec-title-two h6 {
	position: relative;
	color: #053F5C;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;
	text-transform: none;
}

.sec-title-three {
	position: relative;
	margin-bottom: 10px;
	text-align: left;
}


.sec-title-three h2 {
	position: relative;
	color: #053F5C;
	font-size: 34px;
	font-weight: 400;
	line-height: 1.2em;
	text-transform: capitalize;

}


.sec-title-three h4 {
	position: relative;
	color: #053F5C;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.2em;
	text-transform: capitalize;
}

.sec-title-three h6 {
	position: relative;
	color: #053F5C;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2em;

}



.sec-title-two .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 30px;
}

.sec-title-two.light .title {
	color: #999999;
}

.sec-title-two.light h2 {
	color: #ffffff;
}

/*List Style One*/

.list-style-one {
	position: relative;
	margin-bottom: 26px;
}

.list-style-one li {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	padding-left: 25px;
	margin-bottom: 15px;
	color: #999999;
}

.list-style-one li .icon {
	position: absolute;
	left: 0px;
	top: 1px;
	color: #6633CC;
	font-size: 15px;
	font-weight: 400;
}

/*List Style Two*/

.list-style-two {
	position: relative;
	margin-bottom: 26px;
}

.list-style-two li {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	padding-left: 20px;
	margin-bottom: 8px;
	color: #333333;
}

.list-style-two li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 10px;
	/*width:8px;
	height:8px;
	border-radius:50%;
	background-color:#6633CC;*/
}

.list-style-two ul li {
	list-style-type: disc;
}


.list-style-two ul li ul li {
	list-style-type: circle;
}


/*Btn Style One*/

.btn-style-one {
	position: relative;
	padding: 6px 22px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 15px;
	border: 0px solid #fff;

	font-family: 'Inter', 'Roboto', sans-serif;
	background: #429EDB;
}

.sec-t {
	margin: 30px;
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	line-height: 34px;
	text-align: center;
}

.btn-style-wh {
	position: relative;
	padding: 10px 28px;
	line-height: 24px;
	color: #fff !important;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 15px;
	border: 0px solid #fff;

	font-family: 'Inter', 'Roboto', sans-serif;
	background: #429EDB;
}

.btn-style-wh:hover {
	background: #F27F0C;
}


.btn-style-bl {
	position: relative;
	padding: 10px 28px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	border-radius: 15px;
	border: 0px solid #fff;

	font-family: 'Inter', 'Roboto', sans-serif;
	background: #429EDB;
}

.btn-style-bl:hover {
	color: #fff !important;
	background-color: #F27F0C;
}

.btn-style-one a:hover {
	color: #fff;
	background-color: #F27F0C !important;
	border: 0px solid #f47a3c;
}

/*Btn Style Two*/

.btn-style-two {
	position: relative;
	padding: 10px 30px;
	line-height: 24px;
	color: #000000;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	background: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 2px solid #eaeaea;
	border-radius: 0px;
}

.btn-style-two:hover {
	color: #fff;
	border-color: #17519d;
}

.theme_color {
	color: #6633CC;
}

/*Social Icon One*/

.social-icon-one {
	position: relative;
}

.social-icon-one li {
	position: relative;
	margin-right: 10px;
	display: inline-block;
}

.social-icon-one li a {
	position: relative;
	width: 30px;
	height: 30px;
	color: #777777;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	background-color: #2b2c31;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover {
	color: #ffffff;
	background-color: #6633CC;
}

/*Social Icon Two*/

.social-icon-two {
	position: relative;
}

.social-icon-two li {
	position: relative;
	margin: 0px 3px;
	display: inline-block;
}

.social-icon-two li a {
	position: relative;
	width: 30px;
	height: 30px;
	color: #ffffff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	background-color: #f47a3c;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover {
	color: #6633CC;
	background-color: #ffffff;
}

/*Social Icon Three*/

.social-icon-three {
	position: relative;
	margin-top: 8px;
}

.social-icon-three li {
	position: relative;
	margin: 0px 3px;
	display: inline-block;
}

.social-icon-three li.share {
	position: relative;
	color: #777777;
	font-size: 16px;
}

.social-icon-three li a {
	position: relative;
	width: 40px;
	height: 36px;
	color: #aaaaaa;
	font-size: 16px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	border: 1px solid #aaaaaa;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover {
	color: #ffffff;
	border-color: #6633CC;
	background-color: #6633CC;
}

img {
	display: inline-block;
	max-width: 100%;
}

/* .preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/loader.gif);
	background-size: 50px 50px;
} */

/*** 

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top,
.btn-right-arrow {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	color: #ffffff;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 38px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	border-radius: 50%;
	background: #429EDB;
	display: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	color: #ffffff;
	background: #F27F0C !important;
}

/*** 

====================================================================
	Main Header style
====================================================================

***/





.main-header {
	position: absolute;
	left: 0px;
	top: 60px;
	z-index: 999;
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	background: #ffffff;
	z-index: 0;
	border-bottom: 1px solid #cccccc;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header .logo {
	padding: 12px 0px;
	width: 250px;
}

.fixed-header .sticky-header {
	background-color: #053F5C;
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.main-header .header-top {
	position: relative;
}

.main-header .header-top .auto-container,
.main-header .header-upper .auto-container {
	max-width: 1310px;
}

.header-style-two .header-top .auto-container,
.header-style-two .header-upper .auto-container {
	/* max-width:1200px; */
	max-width: 90%;
}

.main-header .header-top .inner-container {
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	/*background-color:#6633CC;*/
}

.main-header .header-top .top-right:before {
	position: absolute;
	content: '';
	left: -30px;
	top: 0px;
	width: 50px;
	height: 101%;
	background-color: #ffffff;
	-ms-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
}

.main-header .header-top .top-left {
	position: relative;
	float: left;
	padding: 16px 0px;
}

.main-header .header-top .top-right ul>li {
	position: relative;
	margin-left: 20px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	color: rgba(255, 255, 255, 1);
}

.main-header .header-top .top-right ul>li a {
	color: #ffffff;
}

.main-header .header-top .top-right ul>li>a>.fa {
	padding-right: 10px;
	color: #ffffff;
	font-size: 16px;
}

.main-header .header-top .top-right .social-links a:hover {
	color: #ffffff;
}

.main-header .header-top .top-right {
	position: relative;
	float: right;
	padding-right: 50px;
	padding-left: 50px;
	background-color: #6633CC;
}

.main-header .header-top .top-right .top-links {
	position: relative;
	display: inline-block;
}

.main-header .header-top .top-right ul>li {
	position: relative;
	display: inline-block;
	margin-left: 20px;
	line-height: 30px;
	color: rgba(255, 255, 255, 0.50);
}

.main-header .header-top .top-right ul>li>a {
	position: relative;
}

.main-header .header-top .top-right .social-links {
	padding: 14px 0px;
	margin-left: 120px;
}

.main-header .header-top .top-right .social-links a {
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	display: inline-block;
	margin-left: 10px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	background-color: rgba(255, 255, 255, 0.20);
	color: rgba(255, 255, 255, 1);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .header-top .top-right .social-links a:hover {
	color: #ed6b29;
	background-color: #ffffff;
}

.main-header .header-upper {
	position: relative;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	z-index: 5;
}

.main-header .header-upper .inner-container {
	position: relative;
	padding: 0px 50px;
	background-color: #ffffff;
}

.header-style-two {
	position: fixed;
	top: 0px;
	background-color: #053F5C;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
}

.header-style-two .header-top {
	background-color: #f4f5f6;
	border-bottom: 1px solid #edecf0;
}

.header-style-two .header-top .top-left ul>li {
	display: inline-block;
	margin-right: 30px;
}

.header-style-two .header-top .top-left ul>li>a {
	color: #555555;
	font-size: 15px;
}

.header-style-two .header-top .top-left ul>li>a>.fa {
	color: #fff;
	margin-right: 10px;
}

.header-style-two .header-top .top-right {
	background: none !important;
	padding: 0px;
}

.header-style-two .header-top .top-right:before {
	display: none;
}

.header-style-two .header-top .top-right .social-links a {
	width: auto;
	height: auto;
	color: #212121;
	font-size: 14px;
	margin-left: 25px;
	background: none;
}

.header-style-two .header-top .top-right .social-links a:hover {
	color: #f47a3c;
	background: none;
}

.header-style-two .header-upper {
	position: relative;
	background: none;
}

.main-header .logo-outer {
	position: relative;
	float: left;
	z-index: 25;
	margin-top: -20px;
	padding: 0px 0px 25px;
}

.main-header .logo-outer .logo img {
	position: relative;
	display: inline-block;
	width: 250px;
}

.main-header .header-upper .upper-right {
	position: relative;
	float: right;
}

.main-header .header-upper .nav-outer {
	position: relative;
	float: right;
}

.main-header .nav-outer .more-options {
	position: relative;
	right: 0px;
	top: 50%;
	float: right;
	margin: 35px 0px;
	margin-left: 20px !important;
	padding-left: 22px;
	border-left: 1px solid #d6d6d6;
}

.main-header .nav-outer .more-options .cart-btn {
	position: relative;
	color: #777777;
	margin-right: 22px;
	font-size: 16px;
	display: inline-block;
}

.main-header .nav-outer .more-options .cart-btn a {
	position: relative;
	color: #777777;
}

.main-header .nav-outer .more-options .cart-btn .cart-number {
	position: absolute;
	right: -8px;
	top: -8px;
	color: #969494;
	font-size: 11px;
	font-weight: 700;
}

/*Search Box*/

.main-header .nav-outer .dropdown-outer {
	position: relative;
	font-size: 14px;
	left: 0px;
	top: 0px;
	line-height: 20px;
	color: #ffffff;
	display: inline-block;
}

.main-header .nav-outer .dropdown-outer .search-box-btn {
	position: relative;
	font-size: 16px;
	right: 0px;
	top: 0px;
	line-height: 20px;
	color: #777777;
	cursor: pointer;
	background: none;
}

.main-header .nav-outer .dropdown-outer .dropdown-menu {
	top: 56px;
	padding: 0px;
	width: 250px;
	border-radius: 0px;
	border-top: 2px solid #6633CC;
}

.main-header .search-panel .form-container {
	padding: 20px 20px;
}

.main-header .search-panel .form-group {
	position: relative;
	margin: 0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
	display: block;
	width: 100%;
	color: #000000;
	line-height: 24px;
	padding: 7px 40px 7px 15px;
	height: 40px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus {
	border-color: #6633CC;
}

.main-header .search-panel .search-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #555555;
	font-size: 12px;
	background: none;
	cursor: pointer;
}

.main-menu {
	position: relative;
	float: left;
}

.main-menu .navbar-collapse {
	padding: 0px;
}

.main-menu .navigation {
	position: relative;
	margin: 0px;

}

.main-menu .navigation>li {
	position: relative;
	float: left;
	margin-right: 20px;
	padding: 0px 0px;

}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current a {
	border-color: white;
}

.main-menu .navigation>li:last-child {
	margin-right: 0px;
}

.sticky-header .main-menu .navigation>li {
	padding: 0px;
	margin-right: 0px !important;
}

.main-menu .navigation>li>a {


	position: relative;
	display: block;
	padding: auto 10px;
	font-size: 16px;
	color: #777777;
	line-height: 30px;
	font-weight: 500;
	opacity: 1;
	border-bottom: 3px solid transparent;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li.dropdown>a {
	padding-right: 15px;
}

.header-style-two .main-menu .navigation>li>a {
	color: white;
}

/* .main-header .main-menu .navigation>li.dropdown>a:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0px;
	font-size: 15px;
	line-height: 30px;
	margin-top: 2px;
} */

.sticky-header .main-menu .navigation>li>a {
	padding: 13px 15px !important;
	font-size: 15px;
	font-weight: 600;
	color: #333333;
}

.sticky-header .main-menu .navigation>li.dropdown>a:before {
	display: none;
}

.header-upper .main-menu .navigation>li:hover>a,
.header-upper .main-menu .navigation>li.current>a,
.header-upper .main-menu .navigation>li.current-menu-item>a {
	color: #9FE7F5;
	opacity: 1;
	-webkit-text-shadow: 0px 0px 1px #777777;
	-ms-text-shadow: 0px 0px 1px #777777;
	-o-text-shadow: 0px 0px 1px #777777;
	-moz-text-shadow: 0px 0px 1px #777777;
	text-shadow: 0px 0px 1px #777777;

	height: 100%;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li.current-menu-item>a {
	color: #9FE7F5 !important;

}

.main-menu .navigation>li:hover>a:after {
	opacity: 1;
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 120%;
	width: 240px;
	z-index: 100;
	display: none;
	padding: 0px 0px;
	background: #101010;
	border-left: 2px solid #6633CC;
	/* transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease; */
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	/* border-bottom:1px solid rgba(255,255,255,0.10); */
}

.main-menu .navigation>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 12px 20px;
	line-height: 22px;
	font-weight: 500;
	font-size: 14px;
	color: #e0e0e0;
	text-align: left;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover>a {
	color: #ffffff;
	background-color: #429EDB;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 12px;
	width: 10px;
	height: 20px;
	display: block;
	line-height: 21px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
	color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: 20px;
	width: 240px;
	z-index: 100;
	display: none;
	background: #101010;
	border-top: 2px solid #6633CC;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 12px 20px;
	line-height: 22px;
	font-weight: 500;
	font-size: 14px;
	color: #e0e0e0;
	text-align: left;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
	color: #ffffff;
	background-color: #6633CC;
}

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	/* top:100%; */
	margin-top: 0px;
	position: fixed;
	top: 90px;
	width: 100%;
	background: #053F5C;
	border: none;
	box-shadow: none;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 34px;
	height: 30px;
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.header-style-two .header-upper .upper-right {
	height: 90px;
}

.header-style-two .info-box {
	position: relative;
	float: left;
	min-height: 56px;

	margin-top: 25px;
	font-size: 13px;
	color: #777777;
	text-align: left;
	text-transform: uppercase;


}


.header-style-two .info-box2 {
	position: relative;
	float: left;
	min-height: 56px;

	margin-top: 10px;
	font-size: 13px;
	color: #777777;
	text-align: left;



}

.border-bt {
	width: 120px;
	height: 4px;
	background: #FFFFFF;
}


.header-style-two .info-box:last-child {
	padding-left: 0px;
}

.header-style-two .info-box .icon-box {
	position: absolute;
	left: 0px;
	top: 8px;
	color: #ed6b29;
	font-size: 36px;
	text-align: left;
	line-height: 1em;
	border-radius: 50%;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-two .info-box ul {
	position: relative;
	top: 5px;
}

.header-style-two .info-box li {
	position: relative;
	line-height: 20px;
	font-size: 13px;
	margin-bottom: 6px;
	font-weight: 400;
	text-transform: capitalize;
	color: #ed6b29;
}

.header-style-two .info-box strong {
	font-weight: 400;
	color: #333333;
	font-size: 19px;
}

.header-style-two .logo-outer {
	margin: 0px;
	padding: 25px 0px;
}

.header-style-two .header-lower {
	position: relative;
	background-color: #212223;
}

.header-style-two .main-menu .navigation>li {
	padding: 0px;
	margin-right: 0px;
}

.header-style-two .main-menu .navigation>li>a {
	font-weight: 500;
	padding-top: 29px;
	padding-left: 35px;
	padding-bottom: 29px;
	padding-right: 33px;
	font-size: 18px;
	color: white;
}

.header-style-two .main-menu .navigation>li.dropdown>a:before {
	right: 0px;
}

.header-style-two .nav-outer {
	position: relative;
}

.header-style-two .nav-outer .more-options {
	margin: 21px 0px;
	border: 0px;
}

.header-style-two .nav-outer .dropdown-outer .search-box-btn,
.header-style-two .nav-outer .more-options .cart-btn a,
.header-style-two .nav-outer .dropdown-outer,
.header-style-two .nav-outer .more-options .cart-btn {
	color: #ffffff;
}

.header-style-two .nav-outer .dropdown-outer .dropdown-menu {
	top: 42px;
}

/*** 

====================================================================
	Main Slider One
====================================================================

***/

.main-slider {
	position: relative;
	z-index: 10;
	overflow: hidden;


}



.main-slider .tp-caption {
	z-index: 5;
}

.main-slider h2 {
	font-size: 62px;
	color: #ffffff;
	font-weight: 400;
	line-height: 1.2em;

	display: block;
}

.borderf {
	border-bottom: 2px solid #CCCCFF;
}


.main-slider p {
	font-size: 22px;
	color: #ffffff;
	font-weight: 400;
	line-height: 1.5em;

	width: 100%;
	display: block;
	margin-top: 30px;

}

.main-slider .text {
	font-weight: 400;
	line-height: 1.59em;
	color: #6633CC;
	font-size: 25px;
	font-family: 'Inter', 'Roboto', sans-serif;
	display: block;

}

.float {
	float: left;
}

.main-slider .text.dark {
	color: #1e1e1e;
}

.main-slider .tparrows.preview3,
.main-slider .tparrows.preview3 {
	background: none !important;
	overflow: hidden;
	height: 90px;
}

.main-slider.alternate .tparrows.preview3 {
	margin-top: 30px !important;
	height: 50px;
}

.main-slider .tparrows.preview3::after {
	top: 0px;
	color: #101010;
	font-size: 26px;
	padding: 0px;
	background: rgba(255, 255, 255, 0.70);
	font-weight: 400;
	width: 36px;
	height: 90px;
	line-height: 90px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-slider .tparrows.tp-leftarrow.preview3::after {
	content: '\f104';
	font-family: 'FontAwesome';
}

.main-slider .tparrows.tp-rightarrow.preview3::after {
	content: '\f105';
	font-family: 'FontAwesome';
}

.main-slider .tparrows.preview3:hover::after {
	background: rgba(255, 255, 255, 1);
}

.main-slider .tparrows.preview3.tp-leftarrow {
	left: 0px !important;
}

.main-slider .tparrows.preview3.tp-rightarrow {
	right: -36px !important;
}

.main-slider .tparrows.preview3 .tp-arr-iwrapper {
	visibility: hidden;
	opacity: 0;
	display: none;
}

.main-slider .tp-bannertimer,
.main-slider .tp-bullets {
	display: none !important;
}

/*** 

====================================================================
	Fancy Box
====================================================================

***/

.fancybox-next span,
.fancybox-prev span {
	background-image: none !important;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	text-align: center;
}

.fancybox-next span:before,
.fancybox-prev span:before {
	content: '';
	position: absolute;
	font-family: 'FontAwesome';
	left: 0px;
	top: 0px;
	font-size: 12px;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	background-color: rgba(28, 28, 28, 0.40) !important;
	color: #ffffff;
	visibility: visible;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.fancybox-next span:before {
	content: '\f178';
}

.fancybox-prev span:before {
	content: '\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before {
	background-color: #ffffff !important;
	color: #000000;
}

.fancybox-type-image .fancybox-close {
	right: 0px;
	top: 0px;
	width: 45px;
	height: 45px;
	background: url(../images/icons/icon-cross.png) center center no-repeat;
	background-color: rgba(17, 17, 17, 0.50) !important;
}

.fancybox-type-image .fancybox-close:hover {
	background-color: #000000 !important;
}

.fancybox-type-image .fancybox-skin {
	padding: 0px !important;
}








.abt-section {
	position: relative;
	padding: 85px 0px 85px;
}

.abt-section .content-column {
	position: relative;

}

.abt-section .content-column .content-inner {
	position: relative;
}

.abt-section .content-column .content-inner .bold-text {
	position: relative;
	color: #333333;
	font-size: 16px;
	line-height: 1.6em;

}

.abt-section .content-column .content-inner .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 20px;
}















/*** 

====================================================================
	Story Section
====================================================================

***/

.story-section {
	position: relative;
	padding: 115px 0px 85px;
}

.story-section .content-column {
	position: relative;
	margin-bottom: 40px;
}

.story-section .content-column .content-inner {
	position: relative;
}

.story-section .content-column .content-inner .bold-text {
	position: relative;
	color: #333333;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 15px;
}

.story-section .content-column .content-inner .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 20px;
}

.story-section .content-column .content-inner .read-more {
	position: relative;
	color: #fff !important;
	font-size: 16px;
	font-weight: 400;
}

.story-section .content-column .content-inner .read-more:hover {
	background-color: #F27F0C;
}

.story-section .content-column .content-inner .read-more .arrow {
	margin-left: 6px;
}


.content-inner h4 {
	color: #053F5C;
	font-size: 22px;
	font-weight: 500;
}

.content-inner h2 {
	color: #053F5C;
	font-weight: 500;
}

.border-b {
	border-bottom: 1px solid #053F5C;
}


/*Video Box*/

.video-box {
	position: relative;
}

.video-box .image img {
	position: relative;
	border-radius: 10px;
}

.video-box .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.50);
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.video-box:hover .overlay-box {
	background-color: rgba(0, 0, 0, 0.60);
}

.video-box .overlay-box span {
	position: relative;
	width: 80px;
	height: 80px;
	top: 45%;
	font-size: 26px;
	margin-top: -40px;
	color: #ffffff;
	font-weight: 300;
	padding-left: 5px;
	z-index: 99;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	border: 2px solid #ffffff;
}

.video-box .text {
	position: relative;
	color: #ebeaea;
	font-size: 16px;
	font-weight: 700;
	padding: 12px 40px;
	line-height: 1.4em;
	background-color: #333333;
}

.video-box .text:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 40%;
	height: 2px;
	background-color: #6633CC;
}

/*** 

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section {
	position: relative;
	padding: 120px 0px 120px;
}

.gallery-section .filters {
	margin-bottom: 55px;
	text-align: center;
}

.gallery-section .filters .filter-tabs {
	position: relative;
	padding: 0px 60px;
	display: inline-block;
	background-color: #ffffff;
	border-radius: 50px;
}

.gallery-section .filters li {
	position: relative;
	display: inline-block;
	padding: 16px 15px;
	line-height: 24px;
	color: #333333;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	margin: 0px 2px;
	border-bottom: 2px solid transparent;
	text-transform: capitalize;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.gallery-section .filters .filter.active,
.gallery-section .filters .filter:hover {
	border-color: #6633CC;
}

.gallery-section .filter-outer {
	background-color: #ffffff;
	padding: 10px 10px 0px;
	margin-bottom: 60px;
}

.gallery-block.mix {
	display: none;
}

.gallery-section.style-two .filters .filter-tabs {
	-webkit-box-shadow: 0px 0px 18px 2px rgba(248, 248, 248, 1);
	-moz-box-shadow: 0px 0px 18px 2px rgba(248, 248, 248, 1);
	box-shadow: 0px 0px 18px 2px rgba(248, 248, 248, 1)
}

/*** 

====================================================================
	Gallery Block
====================================================================

***/

.gallery-section .row {
	margin: 0px -5px;
}

.gallery-section .gallery-block {
	padding: 0px 5px;
}

.gallery-block {
	position: relative;
	margin-bottom: 10px;
}

.gallery-block .inner-box {
	position: relative;
	overflow: hidden;
}

.gallery-block .inner-box .image-box {
	position: relative;
}

.gallery-block .inner-box .image-box img {
	position: relative;
	width: 100%;
	display: block;
}

.gallery-block .inner-box .image-box .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-align: center;
	background: rgba(0, 0, 0, 0.80);
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	transition: all 0.5s;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
}

.gallery-block .inner-box .image-box .overlay-box .overlay-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	padding: 10px 30px;
	vertical-align: middle;
}

.gallery-block .inner-box .image-box .overlay-box .overlay-inner .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.gallery-block .inner-box .image-box .overlay-box .overlay-inner .content .icon {
	position: relative;
	font-size: 40px;
	line-height: 1em;
	margin-bottom: 20px;
}

.gallery-block .inner-box .image-box .overlay-box .overlay-inner .content h3 {
	position: relative;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.gallery-block .inner-box .image-box .overlay-box .overlay-inner .content h3 a {
	color: #ffffff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.gallery-block .inner-box .image-box .overlay-box .overlay-inner .content h3 a:hover {
	color: #fff
}

.gallery-block .inner-box:hover .overlay-box {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section {
	position: relative;
	padding-top: 115px;
}

.services-section .image-column {
	position: relative;
	text-align: center;
}

.services-block {
	position: relative;
	margin-bottom: 50px;
}

.services-block .inner-box {
	position: relative;
	text-align: right;
	padding: 40px 20px 35px;
}

.services-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background-image: -ms-linear-gradient(left, #FFFFFF 0%, #a7a7a7 100%);
	background-image: -moz-linear-gradient(left, #FFFFFF 0%, #a7a7a7 100%);
	background-image: -o-linear-gradient(left, #FFFFFF 0%, #a7a7a7 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #FFFFFF), color-stop(100, #a7a7a7));
	background-image: -webkit-linear-gradient(left, #FFFFFF 0%, #a7a7a7 100%);
	background-image: linear-gradient(to right, #FFFFFF 0%, #a7a7a7 100%);
}

.services-block .inner-box .icon-box {
	position: relative;
	font-size: 40px;
	line-height: 1em;
	color: #333333;
	margin-bottom: 20px;
}

.services-block .inner-box h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.services-block .inner-box h3 a {
	color: #333333;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block .inner-box h3 a:hover {
	color: #fff;
}

/*Services Block Two*/

.services-block-two {
	position: relative;
	margin-bottom: 50px;
}

.services-block-two:last-child {
	margin-bottom: 0px;
}

.services-block-two .inner-box {
	position: relative;
	padding: 40px 20px 35px;
}

.services-block-two .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.1;
	background-image: -ms-linear-gradient(right, #FFFFFF 0%, #a7a7a7 100%);
	background-image: -moz-linear-gradient(right, #FFFFFF 0%, #a7a7a7 100%);
	background-image: -o-linear-gradient(right, #FFFFFF 0%, #a7a7a7 100%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #FFFFFF), color-stop(100, #a7a7a7));
	background-image: -webkit-linear-gradient(right, #FFFFFF 0%, #a7a7a7 100%);
	background-image: linear-gradient(to left, #FFFFFF 0%, #a7a7a7 100%);
}

.services-block-two .inner-box .icon-box {
	position: relative;
	font-size: 40px;
	line-height: 1em;
	color: #333333;
	margin-bottom: 20px;
}

.services-block-two .inner-box h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.services-block-two .inner-box h3 a {
	color: #333333;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block-two .inner-box h3 a:hover {
	color: #fff;
}













/*** 

====================================================================
	Solution Section
====================================================================

***/
.solv-head {
	padding: 25px;
	background: #053F5C;
	border-radius: 15px 15px 0 0;
}

.solv-head img {
	margin: 5px 15px;
	float: left;
}

.solv-head h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2em;

	font-family: 'Inter', 'Roboto', sans-serif;
	color: #fff;
}

.solv-text {
	padding: 15px 25px;
	font-size: 16px;
}


.solve-bullet {
	width: 12px;
	height: 12px;
	background: #053F5C;
	border-radius: 2px;
	margin: 6px auto;
}








/*** 

====================================================================
	Counter Section
====================================================================

***/

.counter-section {
	position: relative;
	padding: 100px 0px 120px;
	background-size: cover;
	background-repeat: no-repeat;
}

.counter-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(244, 122, 60, 0.93)
}

.counter-section.style-two:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background: url(../images/background/1.jpg)no-repeat fixed;

}

/*** 

====================================================================
	Fact Counter style
====================================================================

***/

.tparrows {
	display: none;
}

.text-white {
	color: #fff !important;
}

.fact-counter {
	position: relative;
	color: #103d68;
	padding: 0px 0px 0px;
}

.fact-counter.style-two {
	padding-top: 100px;
}

.fact-counter .column {
	position: relative;
	z-index: 5;
	margin-bottom: 30px;

	min-height: 280px;
	/*border-right:1px solid rgba(255,255,255,0.20); */
}

.fact-counter .column .inner {
	position: relative;
	text-align: center;
	padding: 40px 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.fact-counter .column:last-child {
	border: none;
}

.fact-counter .count-outer {
	position: relative;
	font-size: 50px;
	line-height: 1em;
	font-weight: 400;
	margin: 0px 0px;
}

.fact-counter .count-outer .count-text {
	position: relative;
	font-weight: 700;
	color: #ffffff;
	font-size: 50px;
}

.fact-counter .column .counter-title {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	margin-top: 10px;
}

.text-white {
	color: #fff !important;
}

/*** 

====================================================================
	Tab Section
====================================================================

***/

.tab-section {
	position: relative;
	padding: 115px 0px 120px;
}


/*** 

====================================================================
	Feature Tabs Style
====================================================================

***/

.feature-info-tabs {
	position: relative;
	margin-bottom: 0px;
}

.feature-info-tabs .prod-tabs {
	position: relative;
}

.feature-info-tabs .prod-tabs .tab-btns {
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin-bottom: 0px;
}

.feature-info-tabs .prod-tabs .tab-btns .tab-btn {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	margin-right: 8px;
	font-size: 18px;
	color: #333333;
	padding: 13px 60px;
	text-transform: capitalize;
	font-weight: 700;
	cursor: pointer;
	margin-bottom: 8px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.feature-info-tabs .prod-tabs .tab-btns .tab-btn:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	z-index: -1;
	background-color: #ffffff;
	-ms-transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	transform: skewX(20deg);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.feature-info-tabs .prod-tabs .tab-btns .tab-btn:first-child {
	margin-left: -10px;
}

.feature-info-tabs .prod-tabs .tab-btns .tab-btn:hover:before,
.feature-info-tabs .prod-tabs .tab-btns .tab-btn.active-btn:before {
	background-color: #313131;
}

.feature-info-tabs .prod-tabs .tab-btns .tab-btn.active-btn,
.feature-info-tabs .prod-tabs .tab-btns .tab-btn:hover {
	color: #ffffff;
}

.feature-info-tabs .prod-tabs .tabs-content {
	position: relative;
}

.feature-info-tabs .prod-tabs .tabs-content .tab {
	position: relative;
	padding: 25px 0px 0px;
	display: none;
	border-top: 0px;
}

.feature-info-tabs .prod-tabs .tabs-content .tab.active-tab {
	display: block;
}

/*Mission Block*/

.mission-block {
	position: relative;
	margin-bottom: 30px;
}

.mission-block .inner-box {
	position: relative;
	background-color: #ffffff;
}

.mission-block .inner-box .image-column {
	position: relative;
}

.mission-block .inner-box .image-column .image {
	position: relative;
}

.mission-block .inner-box .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.mission-block .inner-box .content-column {
	position: relative;
}

.mission-block .inner-box .content-column .inner-content {
	position: relative;
	padding: 25px 30px 20px 0px;
}

.mission-block .inner-box .content-column .inner-content h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
	text-transform: capitalize;
}

.mission-block .inner-box .content-column .inner-content h3 a {
	position: relative;
	color: #333333;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.mission-block .inner-box .content-column .inner-content h3 a:hover {
	color: #f28047;
}

.mission-block .inner-box .content-column .inner-content .big-text {
	position: relative;
	color: #333333;
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 15px;
}

.mission-block .inner-box .content-column .inner-content .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 10px;
}

.mission-block .inner-box .content-column .inner-content .read-more {
	position: relative;
	color: #f28047;
	font-size: 16px;
	text-transform: capitalize;
}

.feature-info-tabs .prod-tabs .tabs-content .tab .images-column {
	position: relative;
}

.feature-info-tabs .prod-tabs .tabs-content .tab .images-column .image {
	position: relative;
	padding: 6px;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.feature-info-tabs .prod-tabs .tabs-content .tab .images-column .image img {
	width: 100%;
	display: block;
}

/*** 

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section {
	position: relative;
	padding: 120px 0px;
}

.testimonial-section .vlc-image {
	position: absolute;
	right: 0px;
	top: -115px;
}

.testimonial-section .owl-stage-outer {
	padding-top: 40px;
}

.testimonial-block {
	position: relative;
}

.testimonial-block .inner-box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;

}

.testimonial-block .inner-box .image {
	position: relative;
	padding: 8px;

	width: 300px;
	margin: 0 auto;




}

.testimonial-block .inner-box .designation {
	position: relative;
	color: #333333;
	font-size: 18px;
	font-weight: 700;
	margin-top: 20px;

}

.testimonial-block .inner-box .designation span {
	color: #f76921;
	font-size: 15px;
}

.testimonial-block .inner-box .text {
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 1.8em;

	margin-top: 20px;
	padding: 40px;

	border-radius: 15px;
	/* background: linear-gradient(288.91deg, #AA3ECB 33.75%, #9A41CE 39.28%, #8345D2 49.37%, #7A46D4 55.66%, #7447D5 61.37%, #7048D6 70.94%, #2DCAC8 96.77%); */
	background: #2B0348;
}

.testimonial-section .owl-nav {
	display: none;
}

.testimonial-section .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 40px;
}

.testimonial-section .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	margin: 0px 4px;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.testimonial-section .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0px;
	border-radius: 50%;
	background: #e3e3e3;
	border: 2px solid #e3e3e3;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.testimonial-section .owl-dots .owl-dot.active span,
.testimonial-section .owl-dots .owl-dot:hover span {
	background: #f47a3c;
	border-color: #f47a3c;
}

/*** 

====================================================================
	News Section
====================================================================

***/

.news-section {
	position: relative;
	padding: 115px 0px 85px;
}

.news-block {
	position: relative;
	margin-bottom: 40px;

	border-radius: 20px;
	min-height: 600px;
}

.news-block .inner-box {
	position: relative;
}

.news-block .inner-box .image {
	position: relative;
}

.news-block .inner-box .image:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	border-radius: 20px 20px 0 0;
}

.news-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	border-radius: 20px 20px 0 0;
}

.news-block .inner-box .image .post-date {
	position: absolute;
	left: 0px;
	bottom: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	min-width: 60px;
	min-height: 60px;
	text-align: center;
	padding-top: 2px;
	z-index: 2;
	text-transform: uppercase;
	background-color: #f47a3c;
}

.news-block .inner-box .image .post-date span {
	font-size: 23px;
	display: block;
}

.news-block .inner-box .lower-content {
	position: relative;

}

.news-block .inner-box .lower-content h3 {
	position: relative;
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2em;
	width: 100%;
	text-transform: capitalize;
	text-align: center;
	padding: 25px;
	background: #053F5C;
	color: #fff;

	border-radius: 0 0 20px 20px;
}

.news-block .inner-box .lower-content h3 a {
	position: relative;
	color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.news-block .inner-box .lower-content .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.6em;

	padding: 24px;
}

.news-block .inner-box .lower-content h3 a:hover {
	color: #f47a3c;
}

.news-block .inner-box .lower-content .read-more {
	position: relative;
	color: #f47a3c;
	font-size: 16px;
	font-weight: 400;
}

.news-block .inner-box .lower-content .read-more .arrow {
	margin-left: 6px;
}

/*** 

====================================================================
	Clients Section
====================================================================

***/

.client-section {
	position: relative;
	padding: 110px 0px 100px;
}

.client-section .sec-title {
	margin-bottom: 20px;
}

.client-section .title-column .text {
	font-size: 16px;
	color: #777777;
}

.client-section .sponsors-outer .owl-dots,
.client-section .sponsors-outer .owl-nav {
	position: relative;
	display: none;
}

.client-section .sponsors-outer .image-box {
	position: relative;
	text-align: center;

	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.client-section .sponsors-outer .image-box img {
	max-width: 100%;
	width: 180px;
	display: inline-block;
}

.client-section .sponsors-outer .image-box:hover {
	border-color: #6633CC;
}

.client-section.style-two {
	padding: 80px 0px;
}

.client-section.style-two .sponsors-outer .image-box {
	border: 0px;
}

/*** 

====================================================================
	Main Footer Section
====================================================================

***/

.main-footer {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.main-footer .widgets-section {
	position: relative;
	padding: 105px 0px 30px;
}

.main-footer:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(30, 31, 36, 0.97);
}

.main-footer .footer-widget {
	position: relative;
	margin-bottom: 30px;
	padding-right: 30px;
}

.main-footer .logo-widget .footer-logo {
	margin-bottom: 25px;
	margin-top: -40px;
}

.main-footer .logo-widget .text {
	position: relative;
	color: #999999;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 20px;
}

.main-footer .footer-widget h2 {
	position: relative;
	color: #ffffff;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
	letter-spacing: 1px;
	text-transform: capitalize;
}

/*List Wisget*/

.main-footer .links-widget .list {
	position: relative;
}

.main-footer .links-widget .list li {
	position: relative;
	margin-bottom: 2px;
}

.main-footer .links-widget .list li a {
	position: relative;
	font-size: 16px;
	padding-left: 20px;
	color: #777777;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.main-footer .links-widget .list li a:before {
	position: absolute;
	content: '\f105';
	left: 0px;
	top: -2px;
	color: #6633CC;
	font-size: 18px;
	font-family: 'FontAwesome';
}

.main-footer .links-widget .list li a:hover {
	color: #6633CC;
}

/*Gallery Widget*/

.main-footer .gallery-widget .images-outer {
	position: relative;
	margin: 0px -3px;
}

.main-footer .gallery-widget .image-box {
	position: relative;
	float: left;
	width: 33.333%;
	padding: 0px 3px;
	margin-bottom: 7px;
}

.main-footer .gallery-widget .image-box img {
	position: relative;
	display: block;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .gallery-widget .image-box img:hover {
	opacity: 0.70;
}


.main-footer .contact-widget .form-group {
	position: relative;
	display: block;
	margin: 0px;
	max-width: 300px;
}

.main-footer .contact-widget .form-group input[type="text"],
.main-footer .contact-widget .form-group input[type="email"],
.main-footer .contact-widget .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 20px;
	height: 40px;
	font-size: 13px;
	color: #ffffff;
	font-style: italic;
	padding: 10px 50px 10px 20px;
	background: #28292e;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .contact-widget .form-group input[type="submit"],
.main-footer .contact-widget button {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #6633CC;
	font-size: 15px;
	text-align: center;
	background: #313237;
}

.main-footer .footer-bottom {
	position: relative;
	padding: 12px 0px;
	text-align: center;
	background-color: #053F5C;
}

.main-footer .footer-bottom .copyright {
	position: relative;
	color: #777777;
	font-size: 16px;
}

/*** 

====================================================================
	Who We Are Section
====================================================================

***/

.who-we-are-section {
	position: relative;
	padding: 120px 0px 90px;
}

.who-we-are-section .image-column {
	position: relative;
	margin-bottom: 40px;
}

.who-we-are-section .image-column .image {
	position: relative;
	margin-bottom: 35px;
}

.who-we-are-section .image-column .image:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.20);
}

.who-we-are-section .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.who-we-are-section .image-column .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 20px;
}

.who-we-are-section .image-column .read-more {
	position: relative;
	color: #f47a3c;
	font-size: 16px;
	font-weight: 400;
}

.who-we-are-section .image-column .read-more .arrow {
	margin-left: 6px;
}

.who-we-are-section .content-column {
	position: relative;
}

.who-we-are-section .content-column .inner-content {
	position: relative;
	padding-left: 30px;
}

.number-block {
	position: relative;
	margin-bottom: 50px;
}

.number-block .inner-box {
	position: relative;
	padding-left: 90px;
}

.number-block .inner-box .block-number {
	position: absolute;
	left: 0px;
	top: -20px;
	width: 50px;
	height: 50px;
	color: #333333;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	font-weight: 700;
	margin-left: 8px;
	margin-top: 8px;
	background-color: #e1e1e1;
}

.number-block .inner-box .block-number:before {
	position: absolute;
	content: '';
	left: -8px;
	top: -8px;
	bottom: -8px;
	right: -8px;
	z-index: -1;
	border-radius: 50%;
	background-color: #f2f2f3;
}

.number-block .inner-box:before {
	position: absolute;
	content: '';
	left: 32px;
	top: 45px;
	width: 2px;
	height: 100%;
	background-color: #f2f2f3;
}

.number-block:last-child .inner-box:before {
	display: none;
}

.number-block .inner-box h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	color: #333333;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.number-block .inner-box h3 a {
	color: #333333;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.number-block .inner-box h3 a:hover {
	color: #f47a3c;
}

.number-block .inner-box .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.8em;
}

/*** 

====================================================================
	Project Section
====================================================================

***/

.project-section {
	position: relative;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 120px 0px 120px;
}

.project-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.90);
}

.project-section .sec-title-two {
	margin-bottom: 40px;
}

.project-tab {
	position: relative;
}

.project-tab .sec-title {
	margin-bottom: 50px;
}

.project-tab .project-carousel .owl-nav {
	display: none;
}

.project-tab .project-carousel .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 50px;
}

.project-tab .project-carousel .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	margin: 0px 4px;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.project-tab .project-carousel .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0px;
	border-radius: 50%;
	background: #6d6d6d;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.project-tab .project-carousel .owl-dots .owl-dot.active span,
.project-tab .project-carousel .owl-dots .owl-dot:hover span {
	background: #f47a3c;
}

.project-tab .tabs-header {
	position: relative;
	text-align: center;
}

.project-tab .product-tab-btns {
	position: relative;
	padding: 5px 5px;
	display: inline-block;
	margin-bottom: 65px;
	border: 1px solid #cfcdcd;
}

.project-tab .product-tab-btns .p-tab-btn {
	position: relative;
	display: inline-block;
	padding: 7px 28px;
	line-height: 24px;
	color: #a7a7a7;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn {
	color: #ffffff;
	background-color: #f47a3c;
}

.project-tab .p-tabs-content {
	position: relative;
	padding: 0px 10px;
}

.project-tab .p-tab {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: auto;
	visibility: hidden;
}

.project-tab .p-tab .gallery-item,
.project-tab .p-tab .gallery-item-two {
	position: relative;
	opacity: 0;
	-webkit-transform: perspective(400px) rotateX(-90deg);
	-moz-transform: perspective(400px) rotateX(-90deg);
	-ms-transform: perspective(400px) rotateX(-90deg);
	-o-transform: perspective(400px) rotateX(-90deg);
	transform: perspective(400px) rotateX(-90deg);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
}

.project-tab .p-tab.active-tab .gallery-item,
.project-tab .p-tab.active-tab .gallery-item-two {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.project-tab .p-tab.active-tab {
	position: relative;
	visibility: visible;
	z-index: 5;
}

.project-section.style-two:before {
	display: none;
}

.project-section.style-two .project-tab .product-tab-btns {
	background-color: #ffffff;
	border: 0px;
	-webkit-box-shadow: 0px 0px 18px 2px rgba(248, 248, 248, 1);
	-moz-box-shadow: 0px 0px 18px 2px rgba(248, 248, 248, 1);
	box-shadow: 0px 0px 18px 2px rgba(248, 248, 248, 1);
}

/*Gallery Item*/

.gallery-item {
	position: relative;
}

.gallery-item .inner-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.gallery-item .image-box {
	position: relative;
	display: block;
}

.gallery-item .image-box img {
	position: relative;
	display: block;
	width: 100%;
}

.gallery-item .overlay-box {
	position: absolute;
	left: 0px;
	bottom: -150px;
	width: 100%;
	opacity: 1;
	text-align: center;
	background: #f47a3c;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.gallery-item .inner-box:hover .overlay-box {
	bottom: 0px;
}

.gallery-item .overlay-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 15px 0px 20px;
}

.gallery-item .overlay-box .overlay-inner h3 {
	position: relative;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 4px;
}

.gallery-item .overlay-box .overlay-inner h3 a {
	position: relative;
	color: #ffffff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.gallery-item .overlay-box .overlay-inner .designation {
	position: relative;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
}

/*** 

====================================================================
	Team Section
====================================================================

***/

.team-section {
	position: relative;
	padding: 110px 0px 90px;
}


.team-block {
	position: relative;
	margin-bottom: 40px;
}

.team-block .inner-box {
	position: relative;
}

.team-block .inner-box .image {
	position: relative;
}

.team-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.team-block .inner-box .lower-box {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	background-color: rgba(0, 0, 0, 0.50);
}

.team-block .inner-box .lower-box .social-icon-two {
	opacity: 0;
	visibility: hidden;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
}

.team-block .inner-box h3 {
	position: relative;
	font-weight: 700;
	font-size: 20px;
	padding: 0px 0px 2px;
	color: #ffffff;
	text-align: center;
	margin-top: -15px;
	text-transform: capitalize;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.team-block .inner-box h3 a {
	color: #ffffff;
}

.team-block .inner-box h3 span {
	font-weight: 400;
	font-size: 15px;
	text-transform: capitalize;
}

.team-block .inner-box .text-outer {
	position: relative;
	height: 40px;
	overflow: hidden;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;

}

.team-block .inner-box .text-outer .designation {
	position: relative;
	font-size: 15px;
	color: #f47a3c;
	text-align: center;
}

.team-block .inner-box:hover .lower-box .text-outer {
	height: 70px;
}

.team-block .inner-box:hover .lower-box .social-icon-two {
	margin: 0px;
}

.team-block .inner-box:hover .lower-box .social-icon-two {
	opacity: 1;
	margin-top: 50px;
	margin-bottom: 30px;
	visibility: visible;
}

/*** 

====================================================================
	Testimonial Section Two
====================================================================

***/

.testimonial-section-two {
	position: relative;
	padding: 115px 0px 120px;
}

.testimonial-section-two .sec-title-two {
	margin-bottom: 40px;
}

.testimonial-section-two .owl-nav {
	display: none;
}

.testimonial-section-two .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 40px;
}

.testimonial-section-two .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	margin: 0px 4px;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.testimonial-section-two .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 20px;
	height: 3px;
	margin: 0px;
	background: #e5e5e5;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.testimonial-section-two .owl-dots .owl-dot.active span,
.testimonial-section-two .owl-dots .owl-dot:hover span {
	background: #f76921;
}

/*Testimonial Block Two*/

.testimonial-block-two {
	position: relative;
}

.testimonial-block-two .inner-box {
	position: relative;
	text-align: center;
}

.testimonial-block-two .inner-box .quote-icon {
	position: relative;
	line-height: 1em;
	margin-bottom: 20px;
}

.testimonial-block-two .inner-box .quote-icon img {
	width: auto;
	display: inline-block;
}

.testimonial-block-two .inner-box .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.8em;
	max-width: 850px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.testimonial-block-two .inner-box h3 {
	position: relative;
	color: #333333;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
}

.testimonial-block-two .inner-box .designation {
	position: relative;
	color: #f76921;
	font-size: 15px;
}

/*** 

====================================================================
	Customer Section
====================================================================

***/

.customer-section {
	position: relative;
	padding: 110px 0px 110px;
}

.customer-section .helmat-img {
	position: absolute;
	left: 0px;
	top: -140px;
}

.customer-block {
	position: relative;
	margin-bottom: 30px;
}

.customer-block .inner-box {
	position: relative;
}

.customer-block .inner-box .image {
	position: relative;
}

.customer-block .inner-box .image:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.20);
}

.customer-block .inner-box .image img {
	position: relative;
	display: block;
	width: 100%;
}

.customer-block .inner-box .lower-box {
	position: relative;
	margin-top: -45px;
	margin-left: 35px;
	margin-right: 20px;
	z-index: 2;
	padding: 55px 20px 20px;
	background-color: #ffffff;
}

.customer-block .inner-box .lower-box .post-date {
	position: absolute;
	left: -35px;
	top: -15px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	min-width: 60px;
	min-height: 60px;
	text-align: center;
	padding-top: 2px;
	z-index: 2;
	text-transform: uppercase;
	background-color: #212328;
}

.customer-block .inner-box .lower-box .post-date span {
	font-size: 23px;
	display: block;
}

.customer-block .inner-box .lower-box h3 {
	position: relative;
	color: #333333;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 8px;
	text-transform: capitalize;
}

.customer-block .inner-box .lower-box h3 a {
	position: relative;
	color: #333333;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.customer-block .inner-box .lower-box h3 a:hover {
	color: #f47a3c;
}

.customer-block .inner-box .lower-box .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 10px;
}

.customer-block .inner-box .lower-box .read-more {
	position: relative;
	color: #f47a3c;
	font-size: 16px;
	font-weight: 400;
	float: right;
}

.customer-block .inner-box .lower-box .read-more .arrow {
	margin-left: 6px;
}

.news-post {
	position: relative;
}

.news-post:last-child .inner-box {
	position: relative;
	margin-bottom: 0px;
	border: 0px;
}

.news-post .inner-box {
	position: relative;
	padding-left: 85px;
	min-height: 110px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #5f5f60;
}

.news-post .inner-box .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 65px;
	height: 65px;
	border: 5px solid rgba(255, 255, 255, 0.30);
}

.news-post .inner-box .text {
	position: relative;
	color: #777777;
	font-size: 15px;
	line-height: 1.6em;
}

.news-post .inner-box .text a {
	color: #777777;
	margin-top: -8px;
	display: inline-block;
}

.news-post .inner-box .post-date {
	position: relative;
	color: #6633CC;
	font-size: 14px;
}

.main-footer .subscribe-widget .text {
	position: relative;
	font-size: 16px;
	margin-bottom: 22px;
	margin-top: -10px;
}

.main-footer .subscribe-widget .form-group {
	position: relative;
	display: block;
	margin: 0px;
	max-width: 300px;
}

.main-footer .subscribe-widget .form-group input[type="text"],
.main-footer .subscribe-widget .form-group input[type="email"],
.main-footer .subscribe-widget .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 20px;
	height: 40px;
	font-size: 13px;
	color: #ffffff;
	font-style: italic;
	padding: 10px 50px 10px 20px;
	background: #28292e;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .subscribe-widget .form-group input[type="submit"],
.main-footer .subscribe-widget button {
	position: relative;
	font-weight: 500;
	line-height: 40px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	padding: 3px 18px;
	background: #f47a3c;
	margin-top: 20px;
	text-transform: capitalize;
}

.footer-style-two .footer-bottom {
	background: none;
	padding: 30px 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.footer-style-two .footer-bottom .copyright {
	color: #777777;
	font-size: 16px;
	text-align: left;
}

.footer-style-two .footer-bottom .footer-nav {
	position: relative;
	text-align: right;
}

.footer-style-two .footer-bottom .footer-nav li {
	position: relative;
	margin-left: 20px;
	display: inline-block;
}

.footer-style-two .footer-bottom .footer-nav li a {
	position: relative;
	color: #777777;
	font-size: 16px;
}



/*** 

====================================================================
	banner
====================================================================

 ***/



.banner-title {
	align-items: center;
	margin: 30% 90px;
	float: left;
}


.title1 {
	width: 100%;
	float: left;
	position: relative;
}

.title1 h1 {
	float: left;
	color: #fff;
	font-size: 128px;
	line-height: 128px;
	font-weight: 400;
}

.title1 .dot {
	width: 40px;
	height: 40px;
	background: #fff;
	float: left;
	position: absolute;
	bottom: 20px;
	left: -70px;
}






.banner-title h4 {
	color: #fff;
	font-size: 28px;
	font-weight: 300;
	float: left;
}


.product-banner {
	margin: 90px auto;
}

.product1-bg {
	position: absolute;
	z-index: 0;
}

.product1-bg img {
	z-index: 0;
}

.product1 {
	position: relative;
	z-index: 100;
}

.product1 figure img {
	width: 400px;
	margin: 0 80px;
}


.spc figure {
	/* transform: rotate(25deg); */

	img {
		width: 350px;
		margin: 60px 80px;
		/* transform: rotate(24deg) !important; */
	}

}


.dot2 {
	width: 40px;
	height: 40px;
	background: #053F5C;
	float: left;
	position: absolute;
	bottom: 0px;
	left: -50px;
}

.dot03 {
	width: 40px;
	height: 40px;
	background: #053F5C;
	float: left;
	position: absolute;
	bottom: 0px;
	right: -50px;
}

.footer-logoc img {
	margin-top: 80px;
}






/*** 

====================================================================
	service
====================================================================

 ***/



.service-banner {
	width: 100%;
	/* min-height: 600px; */
	height: 100vh;
	background-size: cover;
}

.service-title {
	background: #053F5C;
	opacity: 0.8 !important;
	padding: 40px;
	border-radius: 15px 0px 0px 15px;
	position: realative;
	right: 0;
	margin-top: 25%;
}

.service-title h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}

.service-title h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}


.display-flex-center {
	display: flex;
	align-items: center;
}

.service-box {
	padding: 40px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 15px;
	min-height: 250px;
}

.service-ico {
	width: 50px;
	margin: 0px auto;
}



.service-box h4 {
	color: #053F5C;
	font-size: 22px;
	font-weight: 500;
	text-align: center;
}

.service-box p {
	color: #000;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

.service-container {
	background: #053F5C;
	padding: 40px;
	float: left;
	height: 100%;
}

.service-container h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 500;
}

.service-container p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}



.service-container2 {
	background: rgba(43, 3, 72, 0.1);
	padding: 40px 20px;
	float: left;
	height: 100%;
	border-radius: 0 25px 25px 0;
}

.service-container2 h4 {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

.service-container2 p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}










.service-info {
	position: relative;
	margin-bottom: 35px;
}

.service-info .inner {
	position: relative;
	padding-left: 48px;
	margin-bottom: 40px;

}

.service-info .inner .icon-box {
	position: absolute;
	left: 0px;

	width: 40px;
	height: 40px;
	color: #f47a3c;
	line-height: 44px;
	font-size: 26px;
	text-align: center;

}


.service-info .inner .icon-box img {}


.service-info .inner h3 {
	position: relative;
	color: #333333;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}


.service-info .inner h4 {
	position: relative;
	color: #fff;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 5px;
}



.service-info .inner .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.6em;
}

/*** 

====================================================================
	about
====================================================================

 ***/


.about-banner {
	margin-top: 2%;
	width: 100%;
	height: 100vh;
	/* min-height: 570px; */
	/* min-height: 540px; */
	background-image: url(../images/new_background/about.jpg);
	background-size: contain;
	background-position: bottom;
}

.career-banner {
	margin-top: 5%;
	width: 100%;
	/* min-height: 540px; */
	height: 100vh;
	background-image: url(../images/new_background/career.jpg);
	background-size: cover;
	background-position: center;
}

.team-banner {
	margin-top: 5%;
	width: 100%;
	/* min-height: 600px; */
	/* min-height: 540px; */
	height: 100vh;
	background-image: url(../images/new_background/team.jpg);
	background-size: cover;
	background-position: center;
}

.contact-banner {
	margin-top: 5%;
	width: 100%;
	/* min-height: 540px; */
	height: 100vh;
	background-image: url(../images/new_background/contact.jpg);
	background-size: cover;
	background-position: center;
}

.partner-program-banner {
	margin-top: 5%;
	width: 100%;
	/* min-height: 540px; */
	height: 100vh;
	background-image: url(../images/new_background/partner.jpg);
	background-size: cover;
	background-position: center;
}

.about-title {
	padding: 80px 40px 40px 40px;
	position: realative;
	right: 0;
	/* margin-top: 25%; */

	margin-top: 14%;
	margin-right: 10%;
	/* background-color: #053F5C; */
	background: rgba(5, 63, 92, 0.9);
	/* opacity: 0.8; */
}

.about-title h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}

.about-title h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
}


.careers-title {
	padding: 100px 40px 40px 40px;
	position: realative;
	right: 0;
	/* margin-top: 25%; */

	margin-top: 5%;
	margin-right: 10%;
	/* background-color: #053F5C; */
	background: rgba(5, 63, 92, 0.9);

	/* opacity: 0.8; */
}

.careers-title h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}

.team-card {
	background: #053F5C;
	padding: 20px;
	text-align: center;
	border-radius: 20px;
	margin: 0;
	height: 325px;
}

.team-avatar {
	position: relative;
	margin-top: -100px;
}

.team-avatar img {
	width: 170px;
}

.team-card h4 {
	color: #053F5C;
	font-size: 20px;
	font-weight: 300;
	padding: 16px;
	border-bottom: 1px solid #429EDB;
	margin-bottom: 16px;
}

.team-card b {
	color: #000;
	font-size: 18px;
	font-weight: 400;
}

.team-card p {
	text-align: left;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	padding: 10px;
	line-height: 24px;
}



/*** 

====================================================================
	product-iot
====================================================================

 ***/


.iot-counter {
	width: 800px;
	margin: 0 auto;
	position: relative;
}


.iot-bg {
	width: 800px;
	height: 600px;
	margin: 0 auto;
	z-index: 0;
	background: url(../images/product/iot-bg.png)no-repeat;
	background-size: contain;
	position: relative;
	z-index: 0;
}


.chip {
	width: 90px;
	position: absolute;
	top: 180px;
	left: 355px;
}

.chip img {
	width: 100%;
}





.pointer {
	float: left;
}

.icop {
	width: 40px;
	float: left;
	margin: 0px 10px 10px 0;
}

.icop img {}

.p-title {
	width: 260px;
	color: #6633CC;
	font-size: 18px;
	font-weight: 600;
	padding-left: 16px;
	border-left: 2px solid #6633CC;
	float: left;
	line-height: 24px;
}

.p-disc {
	color: #666666;
	font-size: 14px;
	float: left;
	line-height: 20px;
}



.pointer1 {
	width: 320px;
	position: absolute;
	top: 20px;
	left: 0px;
}

.pointer2 {
	width: 320px;
	position: absolute;
	top: 20px;
	right: -40px;
}

.pointer3 {
	width: 320px;
	position: absolute;
	top: 185px;
	left: 0px;
}

.pointer4 {
	width: 320px;
	position: absolute;
	top: 185px;
	right: -40px;
}

.pointer5 {
	width: 320px;
	position: absolute;
	top: 355px;
	left: 0px;
}

.pointer6 {
	width: 320px;
	position: absolute;
	top: 355px;
	right: -40px;
}

.pointer7 {
	width: 320px;
	position: absolute;
	bottom: -20px;
	left: 280px;
}





/*** 

====================================================================
	connect
====================================================================

 ***/


.connect {
	padding: 80px 0;
}

.connect-img img {
	width: 100%;
}

.connect-text {}

.connect-text h4 {
	color: #053F5C;
	font-size: 24px;
	font-weight: 400;
	padding-bottom: 25px;
	border-bottom: 2px solid #053F5C;
	line-height: 34px;
}

.connect-text p {
	color: #666666;
	font-size: 16px;
	padding-top: 25px;
}

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





/*** 

====================================================================
	connect2
====================================================================

 ***/

.connect2-title h4 {
	margin: 30px;
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	line-height: 34px;
	text-align: center;
}

.connect2 {
	padding: 80px 0;
	background: url(../images/product/mack-bg.jpg)no-repeat;
	background-size: cover;
	background-position: 0 390px;
}

.connect2-img img {
	width: 100%;
	margin: 0 auto;
}

.connect2-pointer {
	width: 100%;
	float: left;
	min-height: 230px;
}

.connect2-ico {
	width: 34px;
	height: 34px;
	margin-right: 16px;
	background: url(../images/product/bullet.png) no-repeat;
	background-size: contain;
	float: left;
}

.connect2-text {
	float: left;
	width: 75%;
}

.connect2-text h4 {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	line-height: 34px;
}

.connect2-text p {
	color: #fff;
	font-size: 16px;
}









/*** 

====================================================================
	Page Title Style
====================================================================

 ***/


.page-title {
	position: relative;
	padding: 350px 0px 150px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}

.page-title:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.60);
}

.page-title .inner-box {
	position: relative;
}

.page-title h1 {
	font-size: 40px;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.page-title .bread-crumb {
	position: relative;
	color: #ffffff;
}

.page-title .bread-crumb li {
	position: relative;
	color: #6633CC;
	margin-right: 10px;
	font-size: 16px;
	font-weight: 700;
	padding-right: 10px;
	display: inline-block;
	text-transform: capitalize;
}

.page-title .bread-crumb li:after {
	position: absolute;
	content: '/';
	right: -2px;
	top: 0px;
	color: #ffffff;
	font-size: 14px;
}

.page-title .bread-crumb li a {
	position: relative;
	color: #ffffff;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.page-title .bread-crumb li a:hover,
.page-title .bread-crumb li a.current {
	position: relative;
	color: #6633CC;
}

.page-title .bread-crumb li:last-child {
	padding-right: 0px;
	margin-right: 0px;
}

.page-title .bread-crumb li:last-child::after {
	display: none;
}

/*Gallery Item*/

.gallery-item-two {
	position: relative;
}

.gallery-item-two .inner-box {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.gallery-item-two .image-box {
	position: relative;
	display: block;
}

.gallery-item-two .image-box img {
	position: relative;
	display: block;
	width: 100%;
}

.gallery-item-two .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	text-align: center;
	padding: 10px;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.gallery-item-two .inner-box:hover .overlay-box {
	opacity: 1;
}

.gallery-item-two .overlay-box .overlay-inner {
	position: relative;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	padding: 10px 0px;
	background: rgba(0, 0, 0, 0.90);
}

.gallery-item-two .overlay-box .overlay-inner .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.gallery-item-two .overlay-box .overlay-inner h3 {
	position: relative;
	font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 4px;
}

.gallery-item-two .overlay-box .overlay-inner h3 a {
	position: relative;
	color: #ffffff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.gallery-item-two .overlay-box .overlay-inner h3 a:hover {
	color: #f47a3c;
}

.gallery-item-two .overlay-box .overlay-inner .designation {
	position: relative;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
}

/*** 

====================================================================
	Project Single Section
====================================================================

 ***/

.project-single-section {
	position: relative;
	padding: 125px 0px 120px;
}

.project-single-section .images-column {
	position: relative;
}

.project-single-section .images-column .column {
	position: relative;
	margin-bottom: 30px;
}

.project-single-section .images-column .column .image {
	position: relative;
}

.project-single-section .images-column .column .image:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.50);
}

.project-single-section .images-column .column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.project-single-section .content-column {
	position: relative;
}

.project-single-section .content-column .inner-content {
	position: relative;
	padding-left: 10px;
}

.project-single-section .content-column .inner-content h3 {
	position: relative;
	color: #333333;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.project-single-section .content-column .inner-content .text {
	position: relative;
}

.project-single-section .content-column .inner-content .text p {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 20px;
}

/*Fullwidth Gallery Section*/

.fullwidth-gallery-section {
	position: relative;
	padding-bottom: 90px;
}

.fullwidth-gallery-section .owl-dots,
.fullwidth-gallery-section .owl-nav {
	display: none;
}

.fullwidth-gallery-section .slide {
	position: relative;
}

.fullwidth-gallery-section .slide:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 10px;
	z-index: 1;
	background-color: #ffffff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.fullwidth-gallery-section .slide:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 10px;
	z-index: 1;
	background-color: #ffffff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}

.fullwidth-gallery-section .slide:hover:before,
.fullwidth-gallery-section .slide:hover:after {
	height: 0px;
}

.fullwidth-gallery-section .slide img {
	position: relative;
	width: 100%;
	opacity: 0.4;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.fullwidth-gallery-section .slide:hover img {
	position: relative;
	opacity: 1;
}


/*** 

====================================================================
	Sidebar Page Container
====================================================================

***/

.sidebar-page-container {
	position: relative;
	padding: 120px 0px 80px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
	margin-bottom: 40px;
}

.sidebar-widget {
	position: relative;
	margin-bottom: 35px;
}

/*Sidebar Title*/

.sidebar-title {
	position: relative;
	margin-bottom: 25px;
}

.sidebar-title h2 {
	font-size: 20px;
	color: #212121;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: capitalize;
}

/*Search Box Widget*/

.sidebar .search-box .form-group {
	position: relative;
	margin: 0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
	position: relative;
	line-height: 26px;
	padding: 10px 50px 10px 20px;
	border: 1px solid #d4d4d4;
	background: none;
	display: block;
	font-size: 16px;
	width: 100%;
	height: 60px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sidebar .search-box .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 60px;
	width: 60px;
	display: block;
	font-size: 20px;
	color: #c2c2c2;
	line-height: 100%;
	font-weight: normal;
	background: none;
	border-left: 1px solid #d4d4d4;
}

/*Blog Category*/

.blog-cat {
	position: relative;
}

.blog-cat li {
	position: relative;
	margin-bottom: 14px;
}

.blog-cat li a {
	position: relative;
	color: #777777;
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 15px;
	display: block;
	border-bottom: 1px solid #e8e7e7;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.blog-cat li a span {
	float: right;
}

.blog-cat li a:hover {
	color: #6633CC;
}

/*Post Widget*/

.sidebar .popular-posts .post {
	position: relative;
	font-size: 14px;
	color: #666666;
	padding: 0px 0px;
	padding-left: 110px;
	min-height: 90px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e8e7e7;
}

.sidebar .popular-posts .post:last-child {
	margin-bottom: 0px;
	border: 0px;
}

.sidebar .popular-posts .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100px;
}

.sidebar .popular-posts .post .post-thumb:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.15);
}

.sidebar .popular-posts .post:hover .post-thumb img {
	opacity: 0.70;
}

.sidebar .popular-posts .post .post-thumb img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post .text {
	position: relative;
	top: -4px;
	font-size: 15px;
	margin: 0px 0px 0px;
	font-weight: 700;
	color: #333333;
	line-height: 1.4em;
	text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
	color: #000000;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover {
	color: #f47a3c;
}

.sidebar .popular-posts .post-info {
	font-size: 14px;
	color: #777777;
}

/*Popular Tags*/

.sidebar .popular-tags a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 7px 18px 7px;
	margin: 0px 6px 10px 0px;
	color: #777777;
	text-align: center;
	font-size: 14px;
	text-transform: capitalize;
	background: none;
	border: 1px solid #cccccc;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
	border-color: #f47a3c;
	background-color: #f47a3c;
	color: #ffffff;
}

/*News Block Two*/

.news-block-two {
	position: relative;
	margin-bottom: 80px;
}

.news-block-two .inner-box {
	position: relative;
}

.news-block-two .inner-box .image {
	position: relative;
}

.news-block-two .inner-box .image:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.50);
}

.news-block-two .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.news-block-two .inner-box .image .post-date {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	min-width: 70px;
	min-height: 70px;
	text-align: center;
	padding-top: 8px;
	z-index: 2;
	text-transform: uppercase;
	background-color: #f47a3c;
}

.news-block-two .inner-box .image .post-date span {
	font-size: 23px;
	display: block;
}

.news-block-two .inner-box .image h3 {
	position: absolute;
	left: 25px;
	bottom: 40px;
	font-size: 30px;
	font-weight: 500;
	z-index: 2;
	color: #ffffff;
	text-transform: capitalize;
}

.news-block-two .inner-box .image h3 a {
	color: #ffffff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.news-block-two .inner-box .image h3 a:hover {
	color: #f47a3c;
}

.news-block-two .inner-box .lower-content {
	position: relative;
	padding-top: 15px;
}

.news-block-two .inner-box .lower-content .post-meta {
	position: relative;
}

.news-block-two .inner-box .lower-content .post-meta li {
	position: relative;
	color: #aaaaaa;
	font-size: 15px;
	padding-left: 20px;
	margin-right: 20px;
	display: inline-block;
}

.news-block-two .inner-box .lower-content .post-meta li .icon {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #aaaaaa;
	font-size: 14px;
}

.news-block-two .inner-box .lower-content .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 20px;
	margin-bottom: 25px;
}

.news-block-two .inner-box .lower-content .text p {
	position: relative;
	margin-bottom: 18px;
}

.news-block-two .inner-box .lower-content .text blockquote {
	position: relative;
	color: #333333;
	font-size: 19px;
	padding-top: 0px;
	line-height: 1.8em;
	padding-bottom: 0px;
	border-color: #f47a3c;
}

.our-blog {
	position: relative;
	margin-bottom: 60px;
	border-bottom: 1px solid #dbdada;
}

/*post share options*/

.news-block-two .inner-box .lower-content .post-share-options {
	position: relative;
	padding: 10px 0px 0px;
}

.news-block-two .inner-box .lower-content .post-share-options .tags a {
	position: relative;
	color: #777777;
	font-size: 14px;
	font-weight: 400;
	padding: 7px 27px;
	display: inline-block;
	background-color: #ecebeb;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.news-block-two .inner-box .lower-content .post-share-options .tags a:hover {
	color: #ffffff;
	background-color: #f47a3c;
}

/*** 

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
	position: relative;
}

.styled-pagination ul {
	position: relative;
	display: inline-block;
}

.styled-pagination li {
	position: relative;
	display: block;
	float: left;
	margin: 0px 8px 8px 0px;
}

.styled-pagination li a {
	position: relative;
	display: inline-block;
	line-height: 44px;
	height: 44px;
	font-size: 16px;
	min-width: 44px;
	color: #333333;
	font-weight: 400;
	text-align: center;
	background: #eceae9;
	text-transform: capitalize;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.styled-pagination li a:hover,
.styled-pagination li a.active {
	color: #ffffff;
	border-color: #ff6600;
	background-color: #ff6600;
}

.blog-single .news-block-two {
	margin-bottom: 50px;
}

.author-box {
	position: relative;
	padding: 50px 0px;
	border-top: 1px solid #ecebeb;
	border-bottom: 1px solid #ecebeb;
}

.author-box .inner-box {
	position: relative;
	padding-left: 230px;
}

.author-box .inner-box .image {
	position: absolute;
	left: 0px;
	top: 0px;
}

.author-box .inner-box h3 {
	position: relative;
	color: #2b2b2b;
	font-size: 20px;
	font-weight: 700;
	line-height: 1em;
	margin-bottom: 15px;
}

.author-box .inner-box .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 20px;
	padding-right: 50px;
}

/*** 

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area {
	position: relative;
	margin-top: 70px;
	margin-bottom: 30px;
}

.sidebar-page-container .group-title {
	position: relative;
	margin-bottom: 32px;
}

.sidebar-page-container .group-title h2 {
	position: relative;
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 700;
	padding-bottom: 0px;
	text-transform: capitalize;
}

.sidebar-page-container .comments-area .comment-box {
	position: relative;
	padding: 0px 0px 45px;
	margin-bottom: 40px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border-bottom: 1px solid #ebe8e8;
}

.sidebar-page-container .comments-area .comment-box:hover {
	border-color: #f47a3c;
}

.sidebar-page-container .comments-area .comment {
	position: relative;
	font-size: 14px;
	min-height: 98px;
	padding: 0px 0px 0px 100px;
}

.sidebar-page-container .comments-area .comment .comment-inner {
	position: relative;
}

.sidebar-page-container .comments-area .comment .comment-reply {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #9cc900;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment .comment-reply span {
	font-size: 14px;
	margin-right: 4px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 75px;
	overflow: hidden;
	margin-bottom: 20px;
	border-left: 4px solid #f47a3c;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
	width: 75px;
	display: block;
}

.sidebar-page-container .comments-area .comment-info {
	color: #3e5773;
	line-height: 24px;
	font-size: 13px;
}

.sidebar-page-container .comments-area .comment-box strong {
	font-size: 18px;
	font-weight: 700;
	color: #222222;
	line-height: 16px;
	text-transform: capitalize;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .text {
	color: #777777;
	font-size: 16px;
	margin-top: 5px;
	line-height: 1.8em;
	margin-bottom: 18px;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.sidebar-page-container .comments-area .comment-time {
	position: relative;
	font-size: 13px;
	color: #f47a3c;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
	padding: 6px 27px;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.sidebar-page-container .comments-area .comment-box.reply-comment {
	text-align: right;
}

.sidebar-page-container .comments-area .comment-box.reply-comment .comment {
	padding-left: 0px;
	padding-right: 100px;
}

.sidebar-page-container .comments-area .comment-box.reply-comment .comment .author-thumb {
	right: 0px;
	left: auto;
}

/*** 

====================================================================
	Comment Form
====================================================================

 ***/

.comment-form {
	position: relative;
}

.comment-form .form-group {
	position: relative;
	margin-bottom: 30px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 33px;
	padding: 10px 20px;
	height: 55px;
	color: #a5a5a5;
	font-size: 15px;
	background-color: #f2f1f0;
	border: 1px solid transparent;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group textarea:focus {
	border-color: #f47a3c;
}

.comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 20px 20px;
	color: #a5a5a5;
	height: 130px;
	font-size: 15px;
	resize: none;
	background-color: #f2f1f0;
	border: 1px solid transparent;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comment-form button {
	font-weight: 700;
	padding: 8px 27px;
	font-family: 'Inter', 'Roboto', sans-serif;
}

/*** 

====================================================================
	Contact Page Section
====================================================================

 ***/

.contact-page-section {
	position: relative;
	padding: 20px 0px 0px 0px;
	/* background: linear-gradient(288.91deg, #AA3ECB 33.75%, #9A41CE 39.28%, #8345D2 49.37%, #7A46D4 55.66%, #7447D5 61.37%, #7048D6 70.94%, #2DCAC8 96.77%); */
	/* background: #2B0348; */
	background-color: #053F5C;
}

.contact-page-section h2 {
	position: relative;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	/* margin-bottom: 20px; */
	font-family: 'Inter', 'Roboto', sans-serif;

}

.contact-page-section .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	margin-bottom: 30px;
}

.contact-page-section .form-column .inner-column {}






.thank-you-section {
	position: relative;
	padding: 110px 0px;
	/* background: linear-gradient(288.91deg, #AA3ECB 33.75%, #9A41CE 39.28%, #8345D2 49.37%, #7A46D4 55.66%, #7447D5 61.37%, #7048D6 70.94%, #2DCAC8 96.77%); */
	background: #2B0348;
	min-height: 90vh;
	text-align: center;
}

.thank-you-section h2 {
	position: relative;
	font-weight: 700;
	font-size: 25px;
	color: #fff;
	margin-bottom: 20px;
	font-family: 'Inter', 'Roboto', sans-serif;

}

.thank-you-section .text {
	position: relative;
	color: #fff;
	font-size: 26px;
	margin-bottom: 30px;
}



/*Contact Form*/

.contact-form {
	padding: 25px;
	background: #fff;

	border-radius: 15px;
}


.contact-form .form-group {
	position: relative;

}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea {
	display: block;
	width: 100%;
	line-height: 29px;
	height: 55px;
	font-size: 16px;
	padding: 12px 20px;
	background: #f2f1f0;
	color: #333333;
	font-style: italic;
	border: 1px solid transparent;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	border-color: #f47a3c;
	background: none;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
	border-color: #ff0000 !important;
}

.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 11px;
	color: #ff0000;
	font-weight: 500;
}

.contact-form textarea {
	height: 130px;
	resize: none;
	padding: 10px 20px;
}

.contact-form button:hover {}

.contact-info {
	position: relative;
	margin-bottom: 35px;
}

.contact-info .inner {
	position: relative;
}

.contact-info .inner .icon-box {
	position: absolute;
	left: 0px;

	width: 50px;
	height: 50px;
	color: #fff !important;
	line-height: 44px;
	font-size: 26px;
	padding: 0 10px;
	border: 1px solid #fff;
}

.contact-info .inner h3 {
	position: relative;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}

.contact-info .inner .text {
	position: relative;
	color: #fff;
	font-size: 14px;
	line-height: 1.6em;
}
















/*** 

====================================================================
	Contact Page Section
====================================================================

 ***/

.contact-page-section2 {
	position: relative;
	padding: 110px 0px;


}

.contact-page-section2 h2 {
	position: relative;
	color: #053F5C;
	font-size: 34px;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 20px;
	font-family: 'Inter', 'Roboto', sans-serif;

}

.contact-page-section2 .text {
	position: relative;
	color: #000;
	font-size: 16px;
	margin-bottom: 30px;
}

.contact-page-section2 .form-column2 .inner-column2 {
	padding-right: 30px;
}


.inner-column2 {
	background: #E6E3FF;
	padding: 40px;
	border-radius: 15px;
}








/*Contact Form*/

.contact-form2 {
	border-radius: 15px;

	.social-media__list {
		display: inline-flex !important;

		li {
			padding: 0px 8px !important;

			img {
				width: 25px !important;
			}
		}

	}

}


.contact-form2 .form-group2 {
	position: relative;
	margin-bottom: 25px;
}

.contact-form2 input[type="text"],
.contact-form2 input[type="email"],
.contact-form2 input[type="password"],
.contact-form2 select,
.contact-form2 textarea {
	display: block;
	border-radius: 10px;
	width: 100%;
	line-height: 29px;
	height: 55px;
	font-size: 16px;
	padding: 12px 20px;
	background: #fff;
	color: #333333;
	/* font-style: italic; */
	border: 1px solid #053F5C;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.contact-form2 input:focus,
.contact-form2 select:focus,
.contact-form2 textarea:focus {
	border-color: #f47a3c;
	background: #fff;
}

.contact-form2 input.error,
.contact-form2 select.error,
.contact-form2 textarea.error {
	border-color: #ff0000 !important;
}

.contact-form2 label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 11px;
	color: #ff0000;
	font-weight: 500;
}

.contact-form2 textarea {
	height: 130px;
	resize: none;
	padding: 10px 20px;
}

.contact-form2 button:hover {}

.contact-info2 {
	position: relative;
	margin-bottom: 35px;
}

.contact-info2 .inner {
	position: relative;
	padding-left: 75px;
}

.contact-info2 .inner .icon-box {
	position: absolute;
	left: 0px;

	width: 50px;
	height: 50px;
	color: #000 !important;
	line-height: 44px;
	font-size: 26px;


}

.contact-info2 .inner h3 {
	/* position: relative; */
	color: #053F5C;
	/* font-size: 20px; */
	font-weight: 500;
	margin-bottom: 5px;
}

.contact-info2 .inner .text {
	position: relative;
	color: #000;
	font-size: 16px;
	line-height: 1.6em;
}

















/*** 





====================================================================
	Map Section Style
====================================================================

***/

.bx-right {
	border-radius: 0 15px 15px 0;
}

.bx-left {
	border-radius: 15px 0px 0px 15px;
}


.sbx-right {
	border-radius: 0 25px 25px 0;
}

.sbx-left {
	border-radius: 25px 0px 0px 25px;
}


.v-align {
	display: flex;
	align-items: center;
}

.p2-title {

	color: #fff;
	font-size: 128px;
	line-height: 128px;
	font-weight: 400;
	text-align: center;
	padding: 40px;
}


.product-info {
	position: relative;

	padding: 0 32px 24px 16px;
}



.product-info .inner {
	position: relative;
	padding-left: 45px;
}

.inner {
	flot: left;
	width: 100%;
}


.product-info .inner .icon-box {
	position: absolute;
	left: 0px;

	width: 40px;
	height: 40px;
	color: #f47a3c;
	padding: 10px 0;
	text-align: center;

}

.product-info .inner h3 {
	position: relative;
	color: #333333;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}

.product-info .inner .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.3em;
	border-bottom: 1px solid #053F5C;
	padding: 10px 0;
}

/*** 



/*** 

====================================================================
	about info
====================================================================

***/
.pb-10 {
	padding-bottom: 10px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-50 {
	padding-top: 50px;
}



.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-30 {
	margin-top: 30px;
}

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

.mt-50 {
	margin-top: 50px;
}




.ml-10 {
	margin-left: 10px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-40 {
	margin-left: 40px;
}

.ml-50 {
	margin-left: 50px;
}

.mb-20 {
	margin-bottom: 20px;
}


.about-info {
	position: relative;
	margin-bottom: 35px;
}

.about-info .inner {
	position: relative;
	padding-left: 75px;
	margin-bottom: 40px;

}

.about-info .inner .icon-box {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 70px;
	height: 70px;
	color: #f47a3c;
	line-height: 44px;
	font-size: 26px;
	text-align: center;

}

.about-info .inner h3 {
	position: relative;
	color: #333333;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}


.about-info .inner h4 {
	position: relative;
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 5px;
}



.about-info .inner .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.6em;
}



/*** 

====================================================================
	about info
====================================================================

***/




.map-section.style-two {
	padding-top: 100px;
}

.map-data {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8em;
}

.map-data h6 {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px;
	color: #121212;
}

.map-canvas {
	height: 500px;
}

/*** 

====================================================================
	Shop Style
====================================================================

***/

.shop-section {
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 60px;
	border-bottom: 1px solid #eceae9;
}

.shop-section .items-sorting {
	position: relative;
	margin-bottom: 30px;
}

.shop-section .items-sorting .results-column,
.shop-section .items-sorting .select-column {
	margin-bottom: 20px;
}

.shop-section .items-sorting .results-column h4 {
	font-size: 25px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 24px;
	padding: 13px 0px;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.shop-section .items-sorting .form-group {
	margin-bottom: 0px;
}

.shop-section .items-sorting select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 9px 15px 9px;
	height: 50px;
	font-size: 16px;
	border: 1px solid #eeeeee;
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: url(../images/icons/icon-select.png) right center no-repeat;
	color: #999999;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.shop-section .items-sorting select option {
	text-indent: 15px;
}

/*Shop Item*/

.shop-item {
	position: relative;
	margin-bottom: 40px;
}

.shop-item .inner-box {
	position: relative;
}

.shop-item .inner-box .image-box {
	position: relative;
	text-align: center;
}

.shop-item .inner-box .image-box img {
	position: relative;
	width: 100%;
	display: block;
}

.shop-item .inner-box .lower-box {
	position: relative;
	text-align: center;
	padding-top: 20px;
}

.shop-item .inner-box .lower-box h4 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: capitalize;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.shop-item .inner-box .lower-box h4 a {
	color: #222222;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.shop-item .inner-box .lower-box h4 a:hover {
	color: #f47a3c;
}

.shop-item .inner-box .lower-box .price {
	color: #f47a3c;
	font-size: 20px;
	font-weight: 700;
	margin: 6px 0px;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post {
	position: relative;
	padding: 0px 0px;
	padding-left: 75px;
	min-height: 90px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
}

.sidebar .related-posts .post:last-child {
	margin-bottom: 0px;
	border: 0px;
	min-height: 70px;
}

.sidebar .related-posts .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 60px;
}

.sidebar .related-posts .post .post-thumb img {
	display: block;
	width: 100%;
}

.sidebar .related-posts .post h4 {
	top: -2px;
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	text-transform: capitalize;
}

.sidebar .related-posts .post h4 a {
	color: #333333;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover {
	color: #f47a3c;
}

.sidebar .related-posts .post .price {
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 700;
	color: #f47a3c;
}

/*Sidebar Range slider */

.rangeslider-widget .outer-box {
	position: relative;
	padding: 30px 25px;
	background-color: #f2f2f2;
}

.rangeslider-widget .outer-box h3 {
	position: relative;
	color: #212121;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.range-slider-one {
	position: relative;
	margin: 0px 8px;
	min-height: 48px;
}

.range-slider-one .slider-header {
	position: relative;
	color: #666666;
	font-size: 14px;
	margin: 0px -8px 15px;
	line-height: 20px;
}

.range-slider-one .slider-header .title {
	position: relative;
	float: left;
	color: #777777;
	font-size: 16px;
	font-weight: 400;
}

.range-slider-one .slider-header .title:before {
	position: absolute;
	content: '$';
	right: -14px;
	top: 0px;
	color: #777777;
	font-size: 16px;
	font-weight: 400;
}

.range-slider-one .slider-header .input {
	float: right;
	left: 8px;
	position: relative;
}

.range-slider-one .slider-header .input input {
	/*height:20px;
	line-height:20px;
	padding:0px;
	border:none;*/
	background: none;
	color: #777777;
	font-size: 16px;
	font-weight: 400;
	width: auto;
	text-align: left;
}

.range-slider-one .ui-widget.ui-widget-content {
	top: 4px;
	height: 4px;
	border: none;
	margin-bottom: 30px;
	background: #333333;
}

.range-slider-one .ui-slider .ui-slider-range {
	top: 0px;
	height: 4px;
	background: #333333;
}

.range-slider-one .ui-state-default,
.range-slider-one .ui-widget-content .ui-state-default {
	top: -3px;
	width: 10px;
	height: 10px;
	border: 3px solid #333333;
	background: #333333;
	border-radius: 50%;
	cursor: pointer;
}

.range-slider-one .theme-btn {
	padding: 6px 25px;
}

.shop-single-section {
	position: relative;
	padding: 125px 0px 60px;
}

.shop-single .carousel-column {
	position: relative;
	margin-bottom: 80px;
}

.shop-single .carousel-column img {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
}

.shop-single .carousel-column .owl-nav,
.shop-single .carousel-column .owl-dots {
	display: none;
}

.shop-single .carousel-column .prod-image-carousel {
	position: relative;
	margin-bottom: 10px;
}

.shop-single .info-column {
	position: relative;
	margin-bottom: 80px;
}

.shop-single .info-column .inner-column {
	position: relative;
	padding-left: 15px;
}

.shop-single .info-column h3 {
	position: relative;
	color: #131313;
	font-size: 25px;
	font-weight: 700;
	font-family: 'Inter', 'Roboto', sans-serif;
}

.shop-single .info-column .rating {
	position: relative;
	display: inline-block;
}

.shop-single .info-column .rating .fa {
	position: relative;
	color: #6633CC;
	font-size: 14px;
	margin-right: 2px;
	display: inline-block;
}

.shop-single .info-column .reviews {
	position: relative;
	margin-left: 10px;
	display: inline-block;
}

.shop-single .info-column .reviews a {
	position: relative;
	color: #777777;
	font-size: 16px;
}

.shop-single .info-column .item-price {
	position: relative;
	color: #acacac;
	font-size: 20px;
	margin: 6px 0px;
}

.shop-single .info-column .text {
	position: relative;
	color: #777777;
	font-size: 16px;
	line-height: 1.6em;
	margin-top: 15px;
	margin-bottom: 25px;
}

/*Quantity Style*/

.shop-single .info-column .item-quantity {
	position: relative;
	float: left;
	width: 70px;
	margin-bottom: 15px;
	margin-right: 20px;
	border: 1px solid #eae8e8;
}

.shop-single .info-column .quantity-spinner,
.shop-single .info-column input.quantity-spinner {
	line-height: 24px;
	padding: 10px 15px !important;
	height: 46px !important;
	box-shadow: none !important;
}

.shop-single .info-column .bootstrap-touchspin .input-group-btn-vertical>.btn,
.shop-single .info-column .bootstrap-touchspin .input-group-btn-vertical>.btn {
	padding: 11px 10px;
	background: #f4f5f6;
}

.shop-single .info-column .bootstrap-touchspin .input-group-btn-vertical i,
.shop-single .info-column .bootstrap-touchspin .input-group-btn-vertical i {
	top: 6px;
}

.shop-single .info-column .product-tag {
	position: relative;
	padding: 35px 0px;
	margin-top: 45px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.shop-single .info-column .product-tag li {
	position: relative;
	color: #777777;
	font-size: 16px;
	margin-bottom: 5px;
}

/*** 

====================================================================
	Product Tabs Style
====================================================================

***/

.product-info-tabs {
	position: relative;
	padding: 120px 0px;
	background-color: #f1f1f1;
}

.product-info-tabs .prod-tabs {
	position: relative;
}

.product-info-tabs .prod-tabs .tab-btns {
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #eeeeee;
}

.product-info-tabs .prod-tabs .tab-btns .tab-btn {
	position: relative;
	top: 1px;
	display: block;
	float: left;
	margin-right: 0px;
	font-size: 15px;
	background: #e3e3e3;
	color: #222222;
	border: 1px solid #f4f4f4;
	text-transform: capitalize;
	font-weight: 700;
	line-height: 24px;
	cursor: pointer;
	padding: 10px 48px 11px;
	transition: all 500ms ease;
}

.product-info-tabs .prod-tabs .tab-btns .tab-btn.active-btn:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: -1px;
	width: 100%;
	height: 1px;
	background-color: #ffffff;
}

.product-info-tabs .prod-tabs .tab-btns .tab-btn:hover,
.product-info-tabs .prod-tabs .tab-btns .tab-btn.active-btn {
	color: #222222;
	background: #ffffff;
}

.product-info-tabs .prod-tabs .tabs-content {
	position: relative;
}

.product-info-tabs .prod-tabs .tabs-content .tab {
	position: relative;
	padding: 75px 80px;
	display: none;
	border-top: 0px;
	background-color: #ffffff;
}

.product-info-tabs .prod-tabs .tabs-content .tab.active-tab {
	display: block;
}

.product-info-tabs .prod-tabs .tabs-content .tab h3 {
	position: relative;
	color: #222222;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
}

.product-info-tabs .prod-tabs .tabs-content .tab p {
	font-size: 16px;
	line-height: 1.7em;
	color: #333333;
	margin-bottom: 20px;
}

.product-info-tabs .prod-tabs .tabs-content .tab p:last-child {
	margin-bottom: 0px;
}

.product-info-tabs .prod-tabs .tabs-content .tab h4 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #222222;
}

.product-info-tabs .prod-tabs .reviews-container {
	position: relative;
	padding-bottom: 1px;
}

.product-info-tabs .prod-tabs .tabs-content .tab .title {
	position: relative;
	color: #212121;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 20px;
}

.product-info-tabs .prod-tabs .reviews-container .review-box {
	position: relative;
	margin-bottom: 35px;
	padding-left: 120px;
	min-height: 130px;
	padding-bottom: 30px;
	border-bottom: 1px solid #f0f0f0;
}

.product-info-tabs .prod-tabs .reviews-container .rev-thumb {
	position: absolute;
	left: 0px;
	top: 5px;
	width: 100px;
	height: 100px;
	background: #ffffff;
	border-radius: 3px;
	margin-bottom: 20px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-thumb img {
	display: block;
	width: 100%;
}

.product-info-tabs .prod-tabs .reviews-container .rev-content {
	position: relative;
	background: #ffffff;
}

.product-info-tabs .prod-tabs .reviews-container .rev-header {
	position: relative;
}

.product-info-tabs .prod-tabs .reviews-container .rev-header h4 {
	float: left;
	line-height: 30px;
	font-size: 19px;
	color: #222222;
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 10px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-header .rating {
	position: relative;
	float: left;
	margin-left: 20px;
	color: #6633CC;
	line-height: 30px;
	font-size: 14px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-header .rating .fa {
	margin-right: 3px;
}

.product-info-tabs .prod-tabs .reviews-container .rev-option {
	font-size: 14px;
	color: #9e9e9e;
}

.product-info-tabs .prod-tabs .reviews-container .rev-option a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
}

.product-info-tabs .prod-tabs .reviews-container .rev-text {
	font-size: 16px;
	color: #848484;
	line-height: 1.7em;
	margin-bottom: 5px;
}

.product-info-tabs .prod-tabs .reviews-container .reply {
	position: relative;
	color: #ff6600;
	font-size: 16px;
	font-weight: 500;
}

.product-info-tabs .prod-tabs .rating-box {
	margin-bottom: 30px;
}

.product-info-tabs .prod-tabs .rating-box .text {
	position: relative;
	margin-bottom: 10px;
}

.product-info-tabs .prod-tabs .rating {
	position: relative;
	display: inline-block;
	margin-right: 20px;
}

.product-info-tabs .prod-tabs .rating .fa {
	position: relative;
	margin-right: 2px;
	display: inline-block;
}

.product-info-tabs .prod-tabs .rating a {
	position: relative;
	color: #6633CC;
	font-size: 14px;
	display: inline-block;
}

.related-post-section {
	position: relative;
	padding-top: 120px;
}

.related-post-section h2 {
	position: relative;
	color: #222222;
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 40px;
}

.mob-hide {
	display: revert;
}

.mob-show {
	display: none;
}

.fade-up-left {
	background-color: #053F5C;
}

.menu-container {
	width: 90%;
	padding: 15px;
}

.bottom-menu-container li,
.menu-container ul li {
	padding-bottom: 15px;
	color: white;
}

.bottom-menu-container li a,
.menu-container ul li a {
	color: white;
}

.bottom-menu-container li a:hover,
.menu-container ul li a:hover {
	color: #F27F0C;
}

.bottom-menu-container {
	padding: 15px;
}

.more-about-section {
	i {
		font-size: 50px;
		margin-top: 10px;
	}

	.fa {
		padding: 5px;
		font-size: 51px;
		margin-top: 23px;
	}

	.service-box:hover i,
	.service-box:hover h4 {
		color: #F27F0C;
		;
	}
}

.more-about-section .service-box {
	border: 1px solid #bfc8c8;
}

.more-about-section .service-box:hover {
	border: 1px solid #143633;
	box-shadow: 0 3px 20px rgba(0, 0, 0, .08);
}

.more-about-section .service-css h4 {
	color: #053F5C;
	position: absolute;
	top: 45px;
	left: 125px;
}

.more-about-section .service-ico {
	border: 1px solid #bfc8c8;
	height: 75px;
	width: 75px;
	border-radius: 50%;
	margin: 0;
}

.more-about-section img {
	padding: 15px;
}

.more-about-section .scroll-to-top,
.more-about-section .btn-right-arrow {
	display: block;
	position: absolute;
	left: 40px;
	height: 50px;
	width: 50px;
	font-size: 25px;
}

.more-about-section .scroll-to-top span {
	padding-top: 5px;
}

.our-story {
	background-color: rgb(5, 63, 92, 0.1);
}

.our-core-section {
	/* background: url(../images/background/1.jpg) no-repeat fixed; */
	position: relative;
	padding: 100px 0px 120px;
	background-size: cover;
	background-repeat: no-repeat;
}

.our-core-section h3,
.our-core-section h2,
.our-core-section h4 {
	/* color: #fff; */
}

@media (min-width: 990px) {
	.border-right {
		border-right: 1px solid #cccccc;
	}
}

.menu-sub-block__column {
	padding-left: 35px;
}

.vertically-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (min-width: 990px) {
	.display-flex {
		display: flex;
	}
}

.service-about-page {
	text-align-last: center;

	.service-box {
		padding: 20px 0px 20px 0px;
		min-height: unset;

		h4:hover {
			color: #F27F0C;
		}
	}
}


/* .main-footer {
	.inline_footer {
		display: flex;
		justify-content: space-around;

		.social-media__list {
			display: flex;

			.social-media__item {
				img {
					width: 25px;
					height: 25px;
				}
			}

			a {
				padding: 0 15px;
			}
		}
	}

	.copyright {
		color: #fff !important;

		a {
			color: #429EDB;
		}

		a:hover {
			color: #F27F0C;
		}
	}

} */

.connected-with-us {
	.info {
		text-align: center;

		h4 {
			color: #fff;
		}

		p {
			color: #fff;
		}
	}

	.contact-us {
		.contact-form2 {
			input:focus {
				background: white;
			}

			input {
				height: 45px;
			}
		}
	}

}

.bottom-menu-container {
	.copyright {
		color: #fff !important;

		a {
			color: #429EDB;
		}

		a:hover {
			color: #F27F0C;
		}
	}
}

#contact-form {
	.copyright {
		a {
			color: #429EDB;
		}

		a:hover {
			color: #F27F0C;
		}
	}
}


/* loader css start */
.preloader {
	width: 100%;
	height: 100%;
	background: white;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}

.card-new {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border: none;
}



.custom-loader {
	width: 45px;
	aspect-ratio: 1;
	--c: no-repeat linear-gradient(#053F5C 0 0);
	background:
		var(--c) 0 0,
		var(--c) 0 100%,
		var(--c) 50% 50%,
		var(--c) 100% 0,
		var(--c) 100% 100%;
	animation: b3 1s infinite alternate;
}

@keyframes b3 {

	0%,
	10% {
		background-size: 20% 100%
	}

	50% {
		background-size: 20% 20%
	}

	90%,
	100% {
		background-size: 100% 20%
	}
}

/* loader css end */


.partner-program .team-card {
	height: 150px;

	/* h4 {
		padding: 15px 0px 10px 0px;
		margin-top: -85px;
	} */
}

.ways-of-working {
	.team-card {
		height: 320px;
	}
}

.key-feature-dot {
	.team-card {
		height: 175px;
	}
}

.pt-80 {
	padding-top: 80px;
}

.sec-title-two .inner-title a:hover {
	color: #F27F0C !important;
}

.content-inner h2 {
	color: #053F5C;
	font-weight: 500;
}


.info-blue-bg-box {
	.height-text-box {
		height: 100px;
		margin-bottom: 10px;
		padding: 0px 20px 0px 20px;
	}

	.height-text-box-dot-link {
		height: 70px;
		padding: 0px 15px 0px 15px;
	}

	h4 {
		text-align: center;
		color: #053F5C;
		font-size: 20px;
		font-weight: 300;
		/* border-bottom: 1px solid #429EDB; */
		/* margin-bottom: 15px; */

		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		height: 100%;

	}

	.team-card {
		padding: 0px;

		p {
			padding: 15px;
		}
	}
}

.core-values {
	.team-card {
		height: 315px;
	}
}

.dot-news-section {
	.news-block {
		min-height: unset;
	}

}

.modal {
	display: none;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
	background-color: #fefefe;
	margin: 20% auto;
	padding: 20px;
	border: 1px solid #888;
	width: fit-content;
	min-width: 20%;
	max-width: 40%;
	text-align: center;
}

.border-box {
	/* 
	overflow: hidden;
	position: relative;
	margin: 0 auto; */

	border: 1px solid #bfc8c8;
	border-radius: 20px;
	box-shadow: 0 3px 6px 2px rgba(5, 63, 92, 0.2);
	/* background: rgba(5, 63, 92, 0.1); */

	.team-card {
		background: none;
		margin-bottom: 15px;

		p {
			color: #000;
			text-align: center;
		}
	}
}

.border-box:hover {
	border: 1px solid #053F5C;
}

.icon-style {
	img {
		height: 75%;
		border-radius: 20%;
	}

}

.more-about-section .current-open-position .service-box {
	height: 370px;
}

/* 
.border-box:before,
.border-box:after {
	content: "";
	background: #053F5C;
	width: 150px;
	height: 150px;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.15);
	transform: rotate(45deg);
	position: absolute;
	top: -85px;
	left: -85px;
}

.border-box:after {
	top: auto;
	bottom: -85px;
	left: auto;
	right: -85px;
	box-shadow: -5px -5px 5px 0px rgba(0, 0, 0, 0.15);
} */

.signature-features-image {
	padding: 20px;
	text-align: center;

	img {
		max-width: 30%;
	}
}

.signature-features-spc-image {
	padding: 20px;
	text-align: center;

	img {
		max-width: 25%;
	}
}

header {
	.auto-container {
		margin: 0px 5%;
	}
}


.service-container-sanitary {
	float: left;

	h4 {
		color: #053F5C;
		font-size: 22px;
		font-weight: 500;
		/* border-bottom: 2px solid; */
		padding-bottom: 3px;
		width: fit-content;
	}

	P {
		font-size: 16px;
		line-height: 1.8em;
		color: #333333;
		font-weight: 400;
		padding-top: 20px;
	}
}


.border-box-2 {
	border: 1px solid;
	border-radius: 20px;
	padding: 15px 0px 15px 0px;
	box-shadow: 0 3px 6px 2px rgba(5, 63, 92, 0.2);
	margin: 2% 14%;

	figure {
		text-align: center;

		img {
			max-width: 80%;
		}
	}
}

.align-center-col-md-9 {
	margin: 0% 14%;
}

.img-height {
	height: 200px;
}

.img-title {
	h3 {
		height: 90px;
	}
}



.dotProd-bg {
	position: absolute;
	z-index: 0;
}

.dotProd-bg img {
	z-index: 0;
}

.dotProd {
	position: relative;
	z-index: 100;
}

.dotProd figure img {
	width: 300px;
	/* margin: 70px 140px; */
	/* margin: 10% 22%; */
	padding-right: 10px;
}


/* client logo carousel css start */

.logo-carousel {
	overflow: hidden;
	width: 100%;
}

.logo-track {
	display: flex;
	animation: scroll 20s linear infinite;
	width: 100%;
}

.logo-item {
	flex: 0 0 auto;
	padding: 10px;
	width: 200px;
}

.logo-item img {
	width: 100%;
	height: auto;
	display: block;
}

@keyframes scroll {
	0% {
		transform: translateX(0, 0);
	}

	100% {
		transform: translateX(-100%);
	}
}

/* client logo carousel css end */

.platform_highlits:hover {
	box-shadow:
		rgb(151, 161, 211) 0px 0.625em 1.5em 0.625em;
	/* transform: translateY(-0.25rem); */

}

.platform_highlits {
	padding: 20px;
	position: relative;
	margin-bottom: 40px;
	border-radius: 20px;
	min-height: 402px;

	.card {
		padding: 20px;

		.title_box_height {
			height: 70px;
			align-content: center;
		}

		img {
			/* height: 70px;
			width: 70px; */
			border-radius: 10px;
		}

		h4 {
			color: #053F5C;
			font-weight: 600;
		}

		p {
			font-size: 16px;
		}
	}

}

.transform_business {
	h2 {
		color: #fff;
	}

	.title_height {
		height: 77px;

		h3 {
			color: #fff;
			width: 80%;
		}

		hr {
			margin-top: 10px;
			margin-bottom: 0px;
			border: 0;
			border-top: 2px solid #fff;
			width: 20%;
		}
	}



	img {
		border: 2px solid white;
		border-radius: 10px;
	}

	p {
		color: #fff;
		padding-top: 20px;
		line-height: 1.8em;
		font-size: 16px;
	}
}

.platform_highlits2 {
	/* padding: 20px; */
	position: relative;
	margin-bottom: 40px;
	border-radius: 20px;
	min-height: 320px;

	img {
		border-radius: 10px 10px 0px 0px;
	}

	.card {
		/* padding: 0px 20px 0px 20px; */
		padding-left: 20px;
		padding-right: 20px;

		.title_box_height {
			align-content: center;
		}

		h4 {
			color: #053F5C;
			font-weight: 600;
		}

		p {
			font-size: 16px;
		}

	}

}



.value_added {
	padding: 20px 40px;
	position: relative;
	margin-bottom: 40px;
	border-radius: 20px;
	min-height: 155px;
	box-shadow: 0 3px 6px 2px rgba(5, 63, 92, 0.2);
	border: 1px solid;
	border-radius: 20px;

	h4 {
		color: #053F5C;
		font-weight: 600;
		text-align: center;
	}

	p {
		font-size: 16px;
		text-align: center;
	}
}


.product-banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}


/* carousel css start */
.scrolling-background {
	margin-top: 5%;
	width: 100%;
	height: 100%;
	background-image: url('../images/slider_bg/slide3.jpg'), url('../images/slider_bg/slide1.jpg'),
		url('../images/slider_bg/slide2.jpg'),
		url('../images/slider_bg/slide4.jpg'),
		url('../images/slider_bg/slide5.jpg');
	background-size: 100vw 100vh;
	background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
	background-position: 0 0, 100vw 0, 200vw 0, 300vw 0, 400vw 0, 500vw 0;
	animation: scrollImages 60s linear infinite;
	/* z-index: 1; */
}

@keyframes scrollImages {
	0% {
		background-position: 0 0, 100vw 0, 200vw 0, 300vw 0, 400vw 0, 500vw 0;
	}

	100% {
		/* background-position: -500vw 0, -400vw 0, -300vw 0, -200vw 0, -100vw 0; */
		background-position: -400vw 0, -300vw 0, -200vw 0, -100vw 0, 0 0, 100vw 0;

	}

}

/* carousel css end */

.home-banner {
	background-image: url(../images/new_background/home_bg.jpg);
	margin-top: 3%;
	/* min-height: 650px;
	height: 100%; */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh;
	/* Full viewport height */
	/* display: flex; */
	align-items: center;
}



.home-title {
	background: #053F5C;
	opacity: 0.8 !important;
	padding: 40px 20px;
	border-radius: 0px 15px 15px 0px;
	position: realative;
	right: 0;
	/* margin-top: 40%; */
}

.home-title h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}


.ai-banner {
	background-image: url(../images/new_background/ai_bg.jpg);
	margin-top: 3%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100vh;
	align-items: center;
}

.ai-title {
	background: #053F5C;
	opacity: 0.8 !important;
	padding: 40px 20px;
	border-radius: 15px 0px 0px 15px;
	position: realative;
	right: 0;
}

.ai-title h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 400;
}

/* video css start */
.video-container {
	margin-top: 5%;
	position: relative;
	width: 100%;
	height: 100vh;
	/* Adjust height as needed */
	overflow: hidden;
}

/* Fullscreen video inside container */
.video-container video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	z-index: 0;
}

/* Content over the video */
.video-container .content {
	position: relative;
	z-index: 1;
	color: white;
	text-align: center;
	padding: 20px;
}

/* video css end */
.team_img {
	img {
		height: 80vh;
	}
}


.image-container {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.image-container img {
	margin-top: 4%;
	width: 100%;
	height: 100%;
}

.signature-features-spc {
	.team-card {
		height: 100px;
	}
}

.spc_points {
	ul {
		margin-left: 40px;
		margin-bottom: 10px;

		li {
			margin-top: 10px;
			list-style: disc;
		}
	}

	.highlight {
		color: #053F5C;
		border-bottom: double #053F5C;
		font-weight: 600;
	}
}


.director-section {
	padding: 50px 0;
	background-color: #f9f9f9;
}

.section-title h2 {
	text-align: center;
	font-size: 32px;
	margin-bottom: 30px;
	color: #053F5C;
	font-weight: 500;
}

.director-card {
	text-align: center;
	margin-bottom: 30px;
}

.director-image img {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin-bottom: 15px;
	border-radius: 5%;
}

.director-info h3 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #053F5C;
	font-weight: 500;
}

.director-info p {
	font-size: 16px;
	position: relative;
	line-height: 1.8em;
}

.client_images {
	.content-column {
		width: 11%;
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
}

/* blog-section */
.blog-container .blog-sections {
	position: relative;
	margin-bottom: 40px;
	border-radius: 20px;
	min-height: 320px;
	padding-bottom: 20px;
	img {
		border-radius: 10px 10px 0px 0px;
	}

	.card {
		padding-left: 15px;
		padding-right: 15px;

		.title_box_height {
			align-content: center;
		}

		h4 {
			color: #053F5C;
			font-weight: 600;
		}

		p {
			font-size: 16px;
		}

	}

}

.blog-banner {
	width: 100%;
	background-size: cover;
	
}

.blog-title {
	background: #053F5C;
	opacity: 0.8 !important;
	padding: 30px;
	position: realative;
	right: 0;
	margin-top: 25%;

	
}

.blog-title h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	line-height: 1.5em;
}

.blog-title p {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}



.blog-banner-content .blog-title {
	background: #ffffff;
	margin: 0px;
	opacity: 1 !important;

}

.blog-banner-content .blog-title h4 {
	color: #fff;
	font-size: 22px;
	font-weight: 300;
}

.blog-banner-content .blog-title h2 {
	color: #053F5C;
	font-size: 34px;
	font-weight: 400;
	line-height: 2.2em;
}

.blog-banner-content .blog-title p {
	color: #333333;
	font-size: 16px;
	font-weight: 400;
}

.blog-title-white {
	padding: 30px 0px;
}

.blog-title-white h2 {
	color: #053F5C;
	font-size: 30px;
	font-weight: 400;
	line-height: 2.2em;
	text-align: center;
}

.blog-title-white p {
	color: #333;
	font-size: 16px;
	line-height: 2.2em;
	text-align: center;
}



.blog-content-end {
	padding: 30px;
	h2 {
		color: #053F5C;
		font-weight: 400;
		line-height: 3.3em;
	}

	.blog-title p {
		color: #333333;
		font-size: 16px;
		font-weight: 400;
	}

	p {
		font-size: 16px;
		color: #333333;
	}
}




.pagination {
	text-align: center;
	margin-top: 20px;
}

.pagination button {
	padding: 8px 16px;
	margin: 5px;
	border: none;
	cursor: pointer;
	background: none;
	color: #429EDB;
	border-radius: 5px;
	font-size: 30px;
	font-weight: 400;
	padding: 0;
}

.pagination button:hover {
	color: #F27F0C;
}
.pagination button:disabled {
	color: #429EDB;
	opacity: .5;
	background: none;
	cursor: not-allowed;
}