/* Finandox Business HTML Template  */

/*** 

====================================================================
			Fonts
====================================================================

 ***/

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

@import url('fontawesome-all.css');
@import url('animate.css');
@import url('custom-animate.css');
@import url('flaticon.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('scrollbar.css');
@import url('hover.css');
@import url('jquery.touchspin.css');
@import url('botstrap-select.min.css');
@import url('shop.css');

/*** 

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

 ***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-size: 100%;
	line-height: inherit;
}

/*** 

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

 ***/

body {
	font-size: 16px;
	color: #282828;
	line-height: 1.7em;
	font-weight: 400;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: sans-serif
}

a {
	text-decoration: none;
	cursor: pointer;
}

a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.25em;
}

textarea {
	overflow: hidden;
}

button {
	outline: none !important;
	cursor: pointer;
}

p,
.text {
	font-size: 16px;
	line-height: 1.7em;
	font-weight: 400;
	margin: 0 0 15px;
}

::-webkit-input-placeholder {
	color: inherit;
}

::-moz-input-placeholder {
	color: inherit;
}

::-ms-input-placeholder {
	color: inherit;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
	z-index: 9;
	overflow: hidden;
}

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

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

figure {
	margin-bottom: 0;
}

.theme-btn {
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.theme-btn i {
	position: relative;
	display: inline-block;
	font-size: 14px;
	margin-left: 3px;
}

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

.gray-bg {
	background-color: #f4f4f4 !important;
}

/*Btn Style One*/

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	border-radius: 30px;
	overflow: hidden;
	vertical-align: middle;
	background-color: transparent;
}

.btn-style-one:hover {
	color: #ffffff;
}

.btn-style-one .btn-title {
	position: relative;
	display: block;
	z-index: 1;
	padding: 15px 45px;
	border-radius: 30px;
	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;
}

.btn-style-one:hover .btn-title {
	color: #ffffff;
}

.btn-style-one .btn-title:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-webkit-transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000), -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-one:hover .btn-title:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

/* Btn Style Two */

.btn-style-two {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	font-weight: 600;
	text-transform: capitalize;
	border-radius: 30px;
	overflow: hidden;
	vertical-align: middle;
}

.btn-style-two:hover {
	color: #ffffff;
}

.btn-style-two .btn-title {
	position: relative;
	display: block;
	z-index: 1;
	padding: 15px 45px;
	border-radius: 30px;
	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;
}

.btn-style-two:hover .btn-title {
	color: #ffffff;
}

.btn-style-two .btn-title:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right;
	-webkit-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-webkit-transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000), -webkit-transform 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.btn-style-two:hover .btn-title:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}

.btn-style-two .btn-title:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	height: 100%;
	width: 100%;
	content: "";
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	border: 2px solid rgba(248, 248, 248, 0.3);
	border-radius: 30px;
}

.btn-style-two:hover .btn-title:after {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	opacity: 0;
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/preloader.svg);
}

.style-two .preloader {
	background-image: url(../images/icons/preloader-2.svg);
}

.style-three .preloader {
	background-image: url(../images/icons/preloader-3.svg);
}

.preloader-close {
	position: fixed;
	z-index: 999999;
	color: #fff;
	padding: 10px 20px;
	cursor: pointer;
	right: 0;
	bottom: 0;
	font-weight: 600;
}

.loader-wrap {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

.loader-wrap .layer-one {
	position: absolute;
	left: 0%;
	top: 0;
	width: 33.3333%;
	height: 100%;
	overflow: hidden;
}

.loader-wrap .layer-two {
	position: absolute;
	left: 33.3333%;
	top: 0;
	width: 33.3333%;
	height: 100%;
	overflow: hidden;
}

.loader-wrap .layer-three {
	position: absolute;
	left: 66.6666%;
	top: 0;
	width: 33.3333%;
	height: 100%;
	overflow: hidden;
}

.loader-wrap .layer .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0a273d;
}

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

.dropdown-toggle::after {
	display: none;
}

.fa {
	line-height: inherit;
}

/*** 

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

***/

.scroll-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 54px;
	height: 54px;
	color: #ffffff;
	font-size: 30px;
	line-height: 54px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	background: #25283a;
	border-radius: 50%;
	margin-left: -26px;
	display: none;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	color: #ffffff;
}

/*** 

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

***/

.main-header {
	position: absolute;
	display: block;
	width: 100%;
	z-index: 9999;
	background: none;
	top: 0;
	left: 0;
}

.main-header .auto-container {
	max-width: 1200px;
}

.main-header .header-top {
	position: relative;
	color: #fff;
}

.main-header .header-top .inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

}

.main-header .header-top .top-middile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-header .header-top .top-middile .contact-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 16px 60px;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
	outline: none !important;
	outline-offset: 0;
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus,
.btn-light.focus,
.btn-light:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle,
.btn-light:hover {
	color: #212529;
	background-color: transparent;
	border-color: transparent;
}

.bootstrap-select .dropdown-menu li a.active {
	color: #fff;
}

.bootstrap-select .dropdown-menu li a.active span {
	color: #fff;
}

.main-header .header-top .top-middile .language {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 26.5px 60px;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.main-header .header-top .top-middile .language span {
	margin: 0;
	margin-right: 5px;
	color: #3d6376;
}

.main-header .header-top .top-middile .language .language-switcher span {
	color: #222;
	margin-right: 0;
}

.main-header .header-top .top-middile .language .language-switcher .active span {
	color: #fff;
}

.main-header .header-top .top-middile .language .language-switcher li {
	width: 100%;
}

.header-top .top-middile .language .language-switcher button {
	position: relative;
	border-radius: 4px;
	font-size: 14px;
	padding: 0;
	background: transparent;
	border: transparent;
	color: #fff;
}

.header-top .top-middile .language .language-switcher .dropdown-toggle .filter-option:after {
	position: absolute;
	content: '\f107';
	font-size: 15px;
	font-family: 'Font Awesome 5 Pro';
	color: #fff;
	right: 0;
	top: -2px;
}

.header-top .top-middile .language .language-switcher .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 70px;
}

.header-top .btn-light:not(:disabled):not(.disabled).active,
.header-top .btn-light:not(:disabled):not(.disabled):active,
.header-top .show>.btn-light.dropdown-toggle,
.header-top .btn-light:hover {
	background: #0e1f2f;
	border-color: transparent;
	color: #fff;
	outline: none;
}

.main-header .header-top .top-middile .contact-info .single-info {
	position: relative;
	padding-left: 40px;
	margin-right: 30px;
}

.main-header .header-top .top-middile .contact-info .icon-box {
	position: absolute;
	left: 0;
	top: 9px;
	color: #fff;
	font-size: 30px;
}

.main-header .header-top .top-middile .contact-info .text {
	font-size: 14px;
	color: #9fb3bd;
	margin: 0;
}

.main-header .header-top .top-middile .contact-info h4 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.main-header .header-top .top-middile .contact-info h4 a {
	color: #fff;
}

.main-header .header-top .top-middile .contact-info .single-info:last-child {
	margin-right: 0;
}

.main-header .header-top .top-right .theme-btn .btn-title {
	padding: 10px 40px;
}

/* Header Top Two */

.header-top-two {
	position: relative;
	background-color: #fff;
}

.header-top-two .inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: #fff;
}

.header-top-two .contact-info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 0;
}

.header-top-two .contact-info li {
	margin-right: 27px;
}

.header-top-two .contact-info li a {
	font-size: 14px;
	color: #282828;
}

.header-top-two .contact-info li a i {
	position: relative;
	margin-right: 7px;
}

.header-top-two .text {
	font-size: 14px;
	font-weight: 700;
	margin: 0;
}

.main-header .header-top-two .top-right {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.main-header .header-top-two .top-right .language {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.main-header .header-top-two .top-right .language span {
	margin: 0;
	margin-right: 5px;
	color: #3d6376;
}

.main-header .header-top-two .top-right .language .language-switcher span {
	color: #222;
	margin-right: 0;
}

.main-header .header-top-two .top-right .language .language-switcher .active span {
	color: #fff;
}

.main-header .header-top-two .top-right .language .language-switcher li {
	width: 100%;
}

.header-top-two .top-right .language .language-switcher button {
	position: relative;
	border-radius: 4px;
	font-weight: 700;
	font-size: 14px;
	padding: 0;
	background: transparent;
	border: transparent;
	color: #282828;
}

.header-top-two .top-right .language .language-switcher .dropdown-toggle .filter-option:after {
	position: absolute;
	content: '\f107';
	font-size: 15px;
	font-family: 'Font Awesome 5 Pro';
	color: #282828;
	right: 40px;
	top: -1px;
}

.header-top-two .top-right .language .language-switcher .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 70px;
}

.header-top-two .top-right .social-links {
	position: relative;
	margin: 9px 0;
}

.header-top-two .top-right .social-links li {
	position: relative;
	margin-left: 8px;
	display: inline-block;
}

.header-top-two .top-right .social-links li a {
	position: relative;
	display: block;
	color: #282828;
	font-size: 14px;
	padding: 0 5px;
	line-height: 30px;
	background: transparent;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-top-two .top-right .social-links li a:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.header-top-two .top-right .social-links li a:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.header-top-two .top-right .social-links li a span {
	position: relative;
}


/*=== Header Upper ===*/

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

.main-header .header-upper .inner-container {
	position: relative;
	min-height: 80px;
	max-height: 1200px;
}

.main-header .header-upper .logo-box {
	float: left;
	z-index: 10;
}

.main-header .header-upper .logo-box .logo {
	position: relative;
	display: block;
	padding: 10px 10px !important;
	text-align: center;
	border-radius: 0px 0px 20px 0px;
}

.main-header .header-upper .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
	height: auto;
	z-index: 1;
}

.main-header .header-upper .social-links {
	position: relative;
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.main-header .header-upper .social-links li {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.main-header .header-upper .social-links li a {
	color: #fff;
	padding: 26px 26px;
	display: inline-block;
}

.main-header .nav-outer {
	position: relative;
	z-index: 1;
}

.main-header .nav-outer .link-box {
	position: relative;
	padding: 5px 0px;
	float: right;
}

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

.main-header .nav-outer .link-box .theme-btn {
	display: block;
}

.main-header .nav-outer .link-box .donate-link {
	position: relative;
	float: right;
	margin-left: 30px;
}

.main-header .nav-outer .link-box .cart-link {
	position: relative;
	float: right;
	padding-top: 15px;
}

.main-header .nav-outer .link-box .cart-link a {
	display: block;
	line-height: 30px;
	font-size: 24px;
	color: #25283a;
}

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

.main-menu .navbar-collapse {
	padding: 0px;
	display: block !important;
}

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

.main-menu .navigation>li {
	position: relative;
	float: left;
	padding: 22px 0px;
	margin-right: 40px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 30px;
	font-weight: 700;
	text-transform: capitalize;
	color: #ffffff;
	padding: 3px 0px;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li>a:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0;
	width: 0px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.main-menu .navigation>li:hover>a:before,
.main-menu .navigation>li.current>a:before {
	width: 100%;
}

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

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

.main-menu .navigation>li.dropdown>a:after {
	font-family: 'Font Awesome 5 Pro';
	content: "\f067";
	position: absolute;
	right: -15px;
	top: 4px;
	display: block;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	z-index: 5;
}

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

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 100%;
	width: 250px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	padding: 20px 0px;
	background-color: #ffffff;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-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);
	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%;
}

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

.main-menu .navigation>li>ul>li:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	display: block;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li:hover:before {}

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

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 8px 30px;
	line-height: 24px;
	font-weight: 700;
	font-size: 16px;
	text-transform: capitalize;
	color: #25283a;
	text-align: left;
	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.dropdown>a:after {
	font-family: 'Font Awesome 5 Pro';
	content: "\f105";
	position: absolute;
	right: 28px;
	top: 9px;
	display: block;
	line-height: 24px;
	font-size: 16px;
	font-weight: 800;
	text-align: center;
	z-index: 5;
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 100%;
	top: -2px;
	width: 250px;
	z-index: 100;
	display: none;
	padding: 20px 0px;
	background-color: #ffffff;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-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);
	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.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
}

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

.main-menu .navigation>li>ul>li>ul>li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	display: block;
	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:hover:before {}

.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: 8px 30px;
	line-height: 24px;
	font-weight: 700;
	font-size: 16px;
	text-transform: capitalize;
	color: #25283a;
	text-align: left;
	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:hover>a {
	color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
	font-family: 'Font Awesome 5 Pro';
	content: "\f105";
	position: absolute;
	right: 16px;
	top: 12px;
	display: block;
	line-height: 24px;
	font-size: 16px;
	font-weight: 900;
	z-index: 5;
}

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 8px;
	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 */

.main-header.header-style-two .auto-container {
	max-width: 1450px;
}

.main-header.header-style-two .header-upper .inner-container {
	background: #fff;
	margin-top: 30px;
}

.main-header.header-style-two .header-upper .logo-box .logo {
	border-radius: 0px;
	padding: 35.5px 25px !important;
	margin-bottom: -40px;
	margin-right: 50px;
}

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

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

.main-header.header-style-two .header-upper .link-btn .btn-style-one {
	border-radius: 0px;
}

.main-header.header-style-two .header-upper .link-btn .btn-style-one .btn-title {
	border-radius: 0;
}

.main-header.header-style-two .header-upper .link-btn {
	margin-right: 20px;
	margin-top: 20px;
}

.main-header.header-style-two .nav-outer .mobile-nav-toggler {
	color: #282828;
	top: 25px;
}

/* Header Style Three */

.main-header.header-style-three .auto-container {
	max-width: 100%;
	padding: 0;
}

.main-header.header-style-three .sticky-header .auto-container {
	max-width: 1200px;
	padding: 0 15px;
}

.main-header.header-style-three .header-upper {
	background: rgba(0, 0, 0, 0.16);
}

.main-header.header-style-three .header-upper .inner-container {
	background: transparent;
}

.main-header.header-style-three .header-right-content {
	position: relative;
	float: right;
}

.main-header.header-style-three .header-right-content .contact-info {
	float: left;
	padding-left: 40px;
	margin: 26px 0;
	margin-right: 100px;
	position: relative;
}

.main-header.header-style-three .header-right-content .contact-info .icon-box {
	position: absolute;
	left: 0;
	top: 7px;
	color: #fff;
	font-size: 30px;
}

.main-header.header-style-three .header-right-content .contact-info .text {
	position: relative;
	font-size: 14px;
	color: #fff;
	margin: 0;
}

.main-header.header-style-three .header-right-content .contact-info h4 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.main-header.header-style-three .header-right-content .contact-info h4 a {
	color: #fff;
}

.main-header.header-style-three .btn-style-one .btn-title {
	border-radius: 0;
	padding: 35px 45px;
}

.main-header.header-style-three .btn-style-one {
	border-radius: 0;
}

.main-header.header-style-three .main-menu .navigation>li {
	padding: 32px 0px;
}

.main-header.header-style-three .header-upper .logo-box .logo {
	padding: 35.5px 0 !important;
	margin-left: 200px;
}

.main-header.header-style-three .nav-outer .main-menu {
	left: 100px;
}

.main-header .sidemenu-nav-toggler {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 40px;
	color: #fff;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	background: rgba(0, 0, 0, 0.16);
	cursor: pointer;
}

/* Header Style Four */

.main-header.header-style-four .auto-container {
	max-width: 1470px;
	padding: 0;
}

.main-header.header-style-four .sticky-header .auto-container {
	max-width: 1200px;
	padding: 0 15px;
}

.main-header.header-style-four .header-upper {
	background: rgba(0, 0, 0, 0.01);
}

.main-header.header-style-four .header-upper .inner-container {
	background: transparent;
}

.main-header.header-style-four .header-right-content {
	position: relative;
	float: right;
}

.main-header.header-style-four .header-right-content .contact-info {
	float: left;
	padding-left: 40px;
	margin: 26px 0;
	margin-right: 100px;
	position: relative;
}

.main-header.header-style-four .header-right-content .contact-info .icon-box {
	position: absolute;
	left: 0;
	top: 7px;
	color: #fff;
	font-size: 30px;
}

.main-header.header-style-four .header-right-content .contact-info .text {
	position: relative;
	font-size: 14px;
	color: #fff;
	margin: 0;
}

.main-header.header-style-four .header-right-content .contact-info h4 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.main-header.header-style-four .header-right-content .contact-info h4 a {
	color: #fff;
}

.main-header.header-style-four .btn-style-one .btn-title {
	border-radius: 0;
	padding: 35px 45px;
}

.main-header.header-style-four .btn-style-one {
	border-radius: 0;
}

.main-header.header-style-four .main-menu .navigation>li {
	padding: 32px 0px;
}

.main-header.header-style-four .header-upper .logo-box .logo {
	padding: 35.5px 0 !important;
}

.main-header.header-style-four .nav-outer .main-menu {
	left: 100px;
}

.main-header.header-style-four .nav-outer .mobile-nav-toggler {
	top: 20px;
}

/*** 

====================================================================
	Search Popup
====================================================================

***/

.search-popup {
	position: fixed;
	left: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.90);
	-webkit-transform: translateY(101%);
	-ms-transform: translateY(101%);
	transform: translateY(101%);
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
}

.search-popup.popup-visible {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	opacity: 1;
}

.search-popup .overlay-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: block;
}

.search-popup .close-search {
	position: absolute;
	right: 25px;
	top: 25px;
	font-size: 22px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
}

.search-popup .close-search:hover {
	opacity: 0.70;
}

.search-popup .search-form {
	position: relative;
	padding: 0px 15px 0px;
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 150px;
	margin-bottom: 100px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.search-popup .search-form fieldset {
	position: relative;
	border: 7px solid rgba(255, 255, 255, 0.50);
	border-radius: 12px;
}

.search-popup .search-form fieldset input[type="search"] {
	position: relative;
	height: 70px;
	padding: 20px 220px 20px 30px;
	background: #ffffff;
	line-height: 30px;
	font-size: 24px;
	color: #233145;
	border-radius: 7px;
}

.search-popup .search-form fieldset input[type="submit"] {
	position: absolute;
	display: block;
	right: 0px;
	top: 0px;
	text-align: center;
	width: 220px;
	height: 70px;
	padding: 20px 10px 20px 10px;
	color: #ffffff !important;
	line-height: 30px;
	font-size: 20px;
	cursor: pointer;
	text-transform: uppercase;
	border-radius: 0px 7px 7px 0px;
}

.search-popup h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	color: #ffffff;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
}

.search-popup .recent-searches {
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}

.search-popup .recent-searches li {
	display: inline-block;
	margin: 0px 10px 10px 0px;
}

.search-popup .recent-searches li a {
	display: block;
	line-height: 24px;
	border: 1px solid #ffffff;
	padding: 7px 15px;
	color: #ffffff;
	border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*** 

====================================================================
				Sticky Header
====================================================================

***/

.sticky-header {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	z-index: -1;
	background: #ffffff;
	border-bottom: 1px solid #e5e5e5;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
	-webkit-transition: top 300ms ease;
	-o-transition: top 300ms ease;
	transition: top 300ms ease;
}

.fixed-header .sticky-header {
	opacity: 1;
	z-index: 99901;
	visibility: visible;
}

.fixed-header .sticky-header .logo {
	padding: 17px 0px;
}

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

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

.sticky-header .main-menu .navigation>li>a {
	padding: 20px 0px !important;
	line-height: 30px;
	font-size: 15px;
	font-weight: 600;
	color: #25283a;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sticky-header .main-menu .navigation>li>ul>li>ul {
	left: auto;
	right: 100%;
}

/*** 

====================================================================
			Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	display: none;
	color: #fff;
	margin-right: 30px;
	top: 15px;
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
}

.mobile-menu .mCSB_inside>.mCSB_container {
	margin-right: 5px;
}

.mobile-menu .navbar-collapse {
	display: block !important;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
}

.mobile-menu-visible {
	overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible;
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 0.70;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #202020;
	padding: 0px 0px;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0px;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-menu .close-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.mobile-menu .close-btn:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation:last-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 25px;
	font-size: 15px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li ul li>a {
	font-size: 15px;
	margin-left: 20px;
	text-transform: capitalize;
}

.mobile-menu .navigation li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.mobile-menu .navigation li.current>a:before {
	height: 100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 6px;
	top: 6px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: #ffffff;
	background: rgba(255, 255, 255, 0.10);
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none;
}

.mobile-menu .social-links {
	position: relative;
	text-align: center;
	padding: 30px 25px;
}

.mobile-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px;
}

.mobile-menu .social-links li a {
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: #ffffff;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

/* Side Menu */

.side-menu {
	position: fixed;
	left: 0;
	top: 0;
	width: 320px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	z-index: 999;
	background: #222;
	transform: translateX(-320px);
	transition: .5s ease;
}

.side-menu .side-menu-resize {
	position: absolute;
	right: -40px;
	top: 50%;
	height: 40px;
	width: 40px;
	color: #fff;
	background-color: #3e3e3e;
	display: none;
	z-index: 9;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	margin-top: -20px;
	transition: .5s ease;
}

.side-menu-visible .side-menu .side-menu-resize {
	right: 0;
	background: rgba(255, 255, 255, 0.1);
}

.side-menu-visible .side-menu .side-menu-resize .fa-angle-right:before {
	content: "\f104";
}

@media only screen and (min-width: 1400px) {
	.side-menu-visible .side-menu {
		transform: translateX(0);
	}

	.side-menu .side-menu-resize {
		display: block;
	}

	.side-menu-visible {
		padding-left: 320px;
		transition: .5s;
	}

	.main-header .mobile-menu-two {
		display: none;
	}

	.side-menu-overlay {
		display: none;
	}
}

@media only screen and (max-width: 1399px) {
	.side-menu-visible-s2 .side-menu {
		transform: translateX(0);
	}

	.side-menu-overlay {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(34, 34, 34, 0.45);
		z-index: 99;
		cursor: -webkit-zoom-out;
		opacity: 0;
		visibility: hidden;
	}

	.side-menu-visible-s2 .side-menu-overlay {
		opacity: 1;
		visibility: visible;
	}
}

.side-menu .mCSB_scrollTools .mCSB_draggerContainer {
	right: -11px;
}

.side-menu .mCSB_inside>.mCSB_container {
	margin-right: 5px;
}

.side-menu .navbar-collapse {
	display: block !important;
}

.side-menu .nav-logo {
	position: relative;
	padding: 10px 60px;
	text-align: left;
	margin-top: 70px;
	margin-bottom: 50px;
}

.side-menu .menu-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #282828;
	padding: 0px 0px;
	z-index: 5;
	border-radius: 0px;
}

.side-menu .close-btn {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 30px;
	width: 24px;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.side-menu .close-btn:hover {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.side-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	float: none;
}

.side-menu .navigation li {
	position: relative;
	display: block;
}

.side-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 18px 60px;
	font-size: 15px;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu .navigation li ul li>a {
	font-size: 15px;
	text-transform: capitalize;
}

.side-menu .navigation li>a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu .navigation li.current>a:before {
	height: 100%;
}

.side-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 50px;
	top: 14px;
	width: 32px;
	height: 32px;
	text-align: center;
	font-size: 16px;
	line-height: 32px;
	color: #ffffff;
	cursor: pointer;
	border-radius: 2px;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	z-index: 5;
}

.side-menu .navigation li.dropdown .dropdown-btn.open {}

.side-menu .navigation li>ul,
.side-menu .navigation li>ul>li>ul {
	display: none;
	background-color: rgba(255, 255, 255, 0.05);
}

.side-menu .social-links {
	position: relative;
	text-align: center;
	padding: 30px 25px;
}

.side-menu .social-links li {
	position: relative;
	display: inline-block;
	margin: 0px 10px 10px;
}

.side-menu .social-links li a {
	position: relative;
	line-height: 32px;
	font-size: 16px;
	color: #ffffff;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.side-menu .contact-info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 10px 60px;
	margin-top: 70px;
}

.side-menu .contact-info .single-info {
	position: relative;
	padding-left: 40px;
	margin-bottom: 30px;
}

.side-menu .contact-info .icon-box {
	position: absolute;
	left: 0;
	top: 9px;
	color: #fff;
	font-size: 30px;
}

.side-menu .contact-info .text {
	font-size: 14px;
	color: #9fb3bd;
	margin: 0;
}

.side-menu .contact-info h4 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
}

.side-menu .contact-info h4 a {
	color: #fff;
}

.side-menu .navigation li.dropdown .dropdown-btn span:before {
	content: "+";
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	transition: .5s;
}

.side-menu .navigation li.dropdown .dropdown-btn.open span:before {
	content: "-";
}

.main-header .mobile-menu-two {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: #282828;
}

.main-header .mobile-menu-two .wrapper-box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 21px 0;
}

.main-header .mobile-nav-toggler-two {
	color: #fff;
	font-size: 26px;
	cursor: pointer;
}

/*** 

====================================================================
	Banner Section
====================================================================

***/


.banner-section {
	position: relative;
	margin-top: 160px;
	margin-bottom: 200px;
}

.banner-carousel {
	position: relative;
}

.banner-section .slide-item {
	height: 600px;

}

.banner-section .content-box {
	max-width: 550px;
	padding-top: 120px;
}

.banner-section .content-box h3 {
	font-size: 14px;
}

.banner-section .content-box h2 {
	font-size: 30px;
	line-height: 40px;
}

.banner-section .content-box .text {
	font-size: 15px;
	line-height: 24px;
}

.style-two .banner-carousel .slide-item {
	padding: 340px 0px 210px;
}

.style-three .banner-carousel .slide-item {
	padding: 300px 0px 270px;
}

.banner-carousel .slide-item .curved-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 45%;
	height: 100%;
}

.banner-carousel .slide-item .curved-layer:before {
	content: '';
	position: absolute;
	right: 0;
	top: -80%;
	width: 150%;
	height: 200%;
	opacity: 0.85;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: rotate(20deg) scaleX(0);
	-ms-transform: rotate(20deg) scaleX(0);
	transform: rotate(20deg) scaleX(0);
}

.banner-carousel .active .slide-item .curved-layer:before {
	-webkit-transform: rotate(20deg) scaleX(1);
	-ms-transform: rotate(20deg) scaleX(1);
	transform: rotate(20deg) scaleX(1);
	-webkit-transition: all 700ms linear;
	-o-transition: all 700ms linear;
	transition: all 700ms linear;
}

.banner-carousel .slide-item .image-layer {
	position: absolute;
	filter: brightness(55%);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.banner-carousel .active .slide-item .image-layer {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 7000ms linear;
	-o-transition: all 7000ms linear;
	transition: all 7000ms linear;
}

.banner-carousel .slide-item:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0;
	content: "";
	z-index: 1;
}

.banner-carousel .content-box {
	position: relative;
	max-width: 850px;
	/* Increased from 650px */
	padding-top: 210px;
	padding-left: 20px;
	z-index: 5;
}

.banner-carousel .content-box:before {
	display: none;
}

.style-three .banner-carousel .content-box {
	text-align: left;
	max-width: 1000px;
	margin: 0 0;
}

/* Small Heading */
.banner-carousel .content-box h3 {
	font-size: 22px;
	line-height: 30px;
	color: #ff8c1a;
	font-weight: 600;
	margin-bottom: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.banner-carousel .active .content-box h3 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

/* Main Heading */
.banner-carousel .content-box h1,
.banner-carousel .content-box h2 {
	font-size: 68px;
	/* Slightly larger */
	line-height: 78px;
	letter-spacing: -2px;
	left: 0;
	margin-bottom: 20px;
	color: #ffffff !important;
}

/* Highlighted word */
.banner-carousel .content-box h1 span,
.banner-carousel .content-box h2 span {
	color: #ff8c1a;
	font-weight: 700;
}

.banner-carousel .active .content-box h1,
.banner-carousel .active .content-box h2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
	-webkit-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

/* Description */
.banner-carousel .content-box .text {
	font-size: 22px;
	line-height: 36px;
	max-width: 750px;
	/* Wider text */
	color: #f4f4f4;
	margin-bottom: 35px;
}

.style-three .banner-carousel .content-box .text {
	text-align: left;
	max-width: 600px;
	margin: 0 0 40px;
}

.banner-carousel .active .content-box .text {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 700ms;
	-o-transition-delay: 700ms;
	transition-delay: 700ms;
}

.banner-carousel .content-box .btn-box {
	position: relative;
	opacity: 0;
	z-index: 5;
	-webkit-transform: translateY(80px);
	-ms-transform: translateY(80px);
	transform: translateY(80px);
}

.banner-carousel .active .content-box .btn-box {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition-delay: 1400ms;
	-o-transition-delay: 1400ms;
	transition-delay: 1400ms;
}

.banner-carousel .content-box .btn-box .theme-btn {
	margin-right: 20px;
}

.banner-carousel .content-box .btn-box .theme-btn:last-child {
	margin: 0;
}

.banner-section .owl-theme .owl-nav {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

.banner-section .owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: 27px;
	top: 0;
	background: rgba(255, 255, 255, 0.15);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border: none;
	text-align: center;
	color: rgba(0, 0, 0, 0);
	line-height: 56px;
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-prev:after {
	font-family: "Flaticon";
	content: "\f105";
	position: absolute;
	top: 0;
	width: 56px;
	height: 56px;
	line-height: 56px;
	left: 0;
	color: #ffffff;
	font-size: 24px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-prev:hover:after {
	left: 0;
	margin-left: 0;
}

.banner-section .owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 36px;
	top: 0;
	background: rgba(255, 255, 255, 0.15);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border: none;
	text-align: center;
	line-height: 56px;
	color: rgba(0, 0, 0, 0);
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-next:after {
	font-family: "Flaticon";
	content: "\f105";
	position: absolute;
	top: 0;
	width: 56px;
	height: 56px;
	line-height: 56px;
	right: 0;
	color: #ffffff;
	font-size: 24px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section .owl-theme .owl-nav .owl-next:hover:after {
	right: 0;
	margin-right: 0;
}

.banner-section .owl-theme .owl-nav .owl-prev:hover,
.banner-section .owl-theme .owl-nav .owl-next:hover {
	opacity: 1;
}

.banner-section .owl-dots {
	position: absolute;
	left: 0;
	margin: 0;
	bottom: 40px;
	width: 100%;
	text-align: center;
	display: none;
}

.banner-section .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0px 4px;
}

.banner-section .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	background: #ffffff;
	border-radius: 50%;
}

.banner-section.style-two .banner-carousel .content-box {
	text-align: center;
}

.banner-section.style-two .banner-carousel .content-box h1,
.banner-section.style-two .banner-carousel .content-box h2 {
	font-size: 120px;
	letter-spacing: -5px;
	line-height: 1.1em;
	margin-bottom: 20px;
}

.banner-section.style-two .banner-carousel .content-box:before {
	display: none;
}

/* Style Three */

.banner-section.style-three .banner-carousel .active .slide-item .image-layer {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.banner-section.style-three .banner-carousel .content-box {
	text-align: center;
	margin: 0 auto;
}

.banner-section.style-three .banner-carousel .content-box h1,
.banner-section.style-three .banner-carousel .content-box h2 {
	font-size: 120px;
	letter-spacing: -5px;
	line-height: 1.1em;
	margin-bottom: 20px;
}

.banner-section.style-three .banner-carousel .content-box:before {
	display: none;
}

.banner-section.style-three .btn-style-one .btn-title {
	background: #25283a;
}

.banner-section.style-three .btn-style-one .btn-title:before {
	background: #fff;
}

.banner-section.style-three .btn-style-two .btn-title:before {
	background: #fff;
}

/* Style Four */

.banner-section.style-four .banner-carousel .active .slide-item .image-layer {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.banner-section.style-four .banner-carousel .content-box h1,
.banner-section.style-four .banner-carousel .content-box h2 {
	font-size: 120px;
	letter-spacing: -5px;
	line-height: 1.1em;
	margin-bottom: 20px;
}

.banner-section.style-four .banner-carousel .content-box:before {
	display: none;
}

.banner-section.style-four .btn-style-one .btn-title {
	background: #7f2b00;
}

.banner-section.style-four .btn-style-one .btn-title:before {
	background: #fff;
}

.banner-section.style-four .btn-style-two .btn-title:before {
	background: #fff;
}

.banner-section.style-four .banner-carousel .slide-item:before {
	opacity: .94;
}

.banner-section.style-four.sec-padd-s2 .banner-carousel .slide-item {
	padding: 220px 0px 350px;
}

/*** 

====================================================================
		Section Title
====================================================================

***/

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

.sec-title .sub-title {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-bottom: 10px;
	padding-left: 70px;
}

.sec-title.text-center .sub-title {
	padding-right: 70px;
}

.sec-title .sub-title:before {
	position: absolute;
	content: '';
	left: 0;
	top: 12px;
	width: 50px;
	height: 2px;
}

.sec-title.text-center .sub-title:after {
	position: absolute;
	content: '';
	right: 0;
	top: 12px;
	width: 50px;
	height: 2px;
}

.sec-title h2 {
	position: relative;
	display: block;
	font-size: 80px;
	line-height: 1.1em;
	font-weight: 700;
	text-transform: capitalize;
	letter-spacing: -3px;
}

.sec-title .text {
	position: relative;
	display: block;
	padding-top: 25px;
	font-size: 16px;
	color: #25283a;
	margin: 0;
}

.sec-title .link-box {
	position: relative;
	display: block;
	padding-top: 40px;
}

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

.sec-title.text-right .sub-title:before {
	left: auto;
	right: 0;
}

.sec-title.text-right .sub-title {
	padding-left: 0;
	padding-right: 70px;
}

/*** 

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
	position: relative;
	color: #c4c5c7;
	background-color: #282828;
}

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

.main-footer .column {
	position: relative;
	margin-bottom: 50px;
}

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

.main-footer .footer-logo {
	position: relative;
	margin-top: -10px;
	margin-bottom: 25px;
}

.main-footer h3 {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	color: #ffffff;
	text-transform: capitalize;
	margin-bottom: 35px;
}

.main-footer .logo-widget {
	position: relative;
}

.main-footer .logo-widget .logo {
	position: relative;
	margin-bottom: 20px;
}

.main-footer .logo-widget .text {
	position: relative;
	margin: 0 0 25px;
	color: #282828;
}

.main-footer .logo-widget .widget-content {
	background: #fff;
	padding: 60px 50px;
	text-align: center;
	margin-top: -130px;
}

.main-footer .logo-widget .widget-content:before {
	position: absolute;
	content: '';
	height: 6px;
	width: 100%;
	left: 0;
	top: 0;
}

.main-footer .links-widget .widget-content {
	position: relative;
	padding-left: 40px;
}

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

.main-footer .links-widget ul li:last-child {
	margin: 0;
}

.main-footer .links-widget ul li a {
	position: relative;
	color: #c4c5c7;
	font-size: 16px;
	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 .social-links {
	position: relative;
}

.main-footer .social-links li {
	position: relative;
	margin-right: 8px;
	margin-bottom: 10px;
	display: inline-block;
}

.main-footer .social-links li a {
	position: relative;
	display: block;
	color: #9ea0a9;
	font-size: 14px;
	width: 50px;
	height: 50px;
	line-height: 46px;
	background: transparent;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 2px solid #f1f1f1;
}

.main-footer .social-links li a:hover {
	color: #ffffff;
	border-color: transparent;
}

.main-footer .social-links li a:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.main-footer .social-links li a:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.main-footer .social-links li a span {
	position: relative;
}

/*=== Gallery Widget ===*/

.instagram-widget {
	position: relative;
}

.instagram-widget .wrapper-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 -7.5px;
	padding-top: 10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.instagram-widget .wrapper-box .image {
	position: relative;
	overflow: hidden;
	margin: 0 7.5px 15px;
}

.instagram-widget .wrapper-box .image .overlay-link {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	opacity: 0;
}

.instagram-widget .wrapper-box .image:hover .overlay-link {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.instagram-widget .wrapper-box .image .overlay-link a {
	color: #fff;
	font-size: 18px;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.instagram-widget .wrapper-box .image .overlay-link a:hover {
	color: #fff;
}

.main-footer .footer-bottom {
	position: relative;
	padding: 30px 0px;
	line-height: 30px;
	font-size: 15px;
	color: #9ea0a9;
}

.main-footer .footer-bottom:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
}

.main-footer .footer-bottom .copyright {
	position: relative;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}

.main-footer .footer-bottom .copyright a {
	color: #fff;
}

.main-footer .footer-bottom .bottom-links {
	position: relative;
	float: right;
}

.main-footer .footer-bottom .bottom-links li {
	position: relative;
	display: inline-block;
	margin-left: 30px;
	vertical-align: middle;
}

.main-footer .footer-bottom .bottom-links li:before {
	content: '|';
	position: absolute;
	top: 0;
	line-height: 28px;
	left: -30px;
	width: 30px;
	text-align: center;
}

.main-footer .footer-bottom .bottom-links li:first-child:before {
	display: none;
}

.main-footer .footer-bottom .bottom-links li a {
	position: relative;
	display: block;
	color: #9ea0a9;
}

.main-footer .footer-bottom .bottom-links li a:hover {
	text-decoration: underline;
}

/* Style Two */

.main-footer.style-two .widgets-section {
	padding: 285px 0px 30px;
}

.main-footer.style-two .logo-widget .widget-content {
	margin-top: 0;
}

img.lazy-image {
	background: url(../images/icons/image-bg.svg) center center no-repeat;
}

img.lazy-image.loaded {
	background-image: none;
}

.owl-theme img.lazy-image.loaded {
	height: auto;
	opacity: 1;
}

.owl-theme .owl-prev span,
.owl-theme .owl-next span {
	display: none;
}

/* Welcome Section */

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

.welcome-section .wrapper-box {
	position: relative;
	margin-top: -130px;
	z-index: 9;
	counter-reset: count;
}

.welcome-block-one {
	position: relative;
	padding: 0;
}

.welcome-block-one .inner-box {
	position: relative;
	background-color: #282828;
	padding: 70px 40px;
	margin-bottom: 30px;
	margin-top: 40px;
	text-align: center;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(165, 165, 165, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(165, 165, 165, 0.1);
}

.welcome-block-one:nth-child(2) .inner-box {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 100, 0, 0.3);
	box-shadow: 0px 8px 16px 0px rgba(255, 100, 0, 0.3);
	padding: 110px 40px;
	margin-top: 0;
}

.welcome-block-one:nth-child(3) .inner-box {
	background-color: #fff;
}

.welcome-block-one:nth-child(2) .inner-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
}

.welcome-block-one .inner-box:after {
	position: absolute;
	counter-increment: count;
	content: "0" counter(count);
	font-size: 190px;
	color: #9c9c9c;
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(156, 156, 156, 0.2);
	right: 20px;
	bottom: 8px;
	line-height: 150px;
	letter-spacing: -15px;
}

.welcome-block-one .inner-box .icon-box {
	position: relative;
	font-size: 80px;
	line-height: 80px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 30px;
}

.welcome-block-one:nth-child(2) .inner-box .icon-box {
	color: #fff;
	-webkit-text-fill-color: inherit;
}

.welcome-block-one .inner-box h2 {
	position: relative;
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 20px;
}

.welcome-block-one:nth-child(2) .inner-box h2 {
	color: #fff;
}

.welcome-block-one:nth-child(3) .inner-box h2 {
	color: #282828;
}

.welcome-block-one .inner-box .text {
	position: relative;
	color: #c5c5c5;
	z-index: 2;
	max-width: 310px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.welcome-block-one:nth-child(2) .inner-box .text {
	color: #fff;
}

.welcome-block-one:nth-child(3) .inner-box .text {
	color: #282828;
}

.welcome-block-one .inner-box .read-more a {
	position: relative;
	color: #9c9c9c;
	font-size: 16px;
	font-weight: 700;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	z-index: 3;
}

.welcome-block-one .inner-box .read-more a:hover {}

.welcome-block-one:nth-child(2) .inner-box .read-more a {
	color: #fff;
}

.welcome-block-one:nth-child(3) .inner-box .read-more a {
	color: #282828;
}

/* About Section */

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

.about-section .image-wrapper {
	position: relative;
	margin-bottom: 30px;
}

.about-section .image-wrapper .image-one {
	position: relative;
	overflow: hidden;
}

.about-section .image-wrapper .image-one img {
	position: relative;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.about-section .image-wrapper .image-one:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.about-section .image-wrapper .image-two {
	position: relative;
	margin-left: 160px;
	margin-top: -165px;
	display: inline-block;
}

.about-section .image-wrapper .image-two .image-outer {
	position: relative;
	overflow: hidden;
}

.why-chooseus-section .image-wrapper .image-one:before,
.about-section .image-wrapper .image-two .image-outer:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.why-chooseus-section .image-wrapper .image-one:hover:before,
.about-section .image-wrapper .image-two:hover .image-outer:before {
	-webkit-animation: shine2 1s;
	animation: shine2 1s;
}

@-webkit-keyframes shine2 {
	100% {
		left: 125%;
	}
}

@keyframes shine2 {
	100% {
		left: 125%;
	}
}

.about-section .image-wrapper .image-two .caption {
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -40px;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	color: #fff;
	z-index: 9;
}

.about-section .content-box {
	margin-left: 40px;
}

.about-section .content-box .icon-box {
	position: relative;
}

.about-section .content-box .icon-box .icon {
	margin-bottom: 20px;
}

.about-section .content-box .icon-box h5 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}

.about-section .content-box .icon-box h2 {
	font-size: 30px;
	font-weight: 700;
}

.about-section .content-box .info-column {
	position: relative;
	margin-bottom: 30px;
}

.about-section .content-box .info-column:first-child:before {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	height: 110px;
	width: 2px;
	background: url(../images/shape/shape-1.png);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.about-section .content-box .info-column:first-child:after {
	position: absolute;
	content: 'or';
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	top: 50%;
	right: -14px;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 100, 0, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(255, 100, 0, 0.2);
}

.about-section .content-box .info-column:last-child {
	padding-left: 40px;
}

/* Services Section */

.services-section {
	position: relative;
	background: #282828;
}

.services-section .sec-title.light h2,
.services-section .sec-title.light .sub-title {
	color: #fff;
	-webkit-text-fill-color: inherit;
}

.services-section .sec-title.light .sub-title:before {
	background: #fff;
}

.services-section .auto-container {
	max-width: 100%;
	padding: 0;
}

.services-section .wrapper-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.services-section .left-column {
	position: relative;
	width: 50%;
	padding: 120px 120px 70px;
}

.services-section .right-column {
	position: relative;
	width: 50%;
}

.services-section .icon-box {
	position: relative;
	padding-left: 110px;
	min-height: 100px;
}

.services-section .icon-box .icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	background: #fff;
}

.services-section .icon-box h2 {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}

.services-section .icon-box .text {
	position: relative;
	color: #fff;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 35px;
	max-width: 700px;
}

.services-section .icon-box:last-child .text {
	border-bottom: 0px;
	margin-bottom: 0px;
}

.fact-counter {
	position: relative;
	padding: 112px 30px 40px;
	max-width: 960px;
}

.fact-counter .content {
	position: relative;
	padding-left: 115px;
	min-height: 100px;
	margin-bottom: 70px;
}

.fact-counter .icon {
	position: absolute;
	left: 0;
	top: 10px;
}

.fact-counter .count-box {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px;
}

.fact-counter .inner {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0 auto;
}

.fact-counter .count-text {
	font-size: 90px;
	line-height: 80px;
	letter-spacing: -5px;
	margin-right: 5px;
}

.fact-counter .counter-title {
	color: #c5c5c5;
	font-size: 16px;
}

.services-section .author-box {
	position: relative;
	padding: 50px 80px;
	background-size: cover;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.services-section .author-box:before {
	position: absolute;
	content: '';
	background: rgba(29, 29, 29, 0.9);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.services-section .author-box .author-info {
	position: relative;
	padding-left: 10px;
	min-height: 160px;
	max-width: 1000px;
	margin-right: 15px;
}

.services-section .author-box .author-thumb {
	position: absolute;
	left: 0;
	top: 0;
}

.services-section .author-box h2 {
	font-size: 30px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
}

.services-section .author-box .designation {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
}

.services-section .author-box .text {
	color: #c5c5c5;
}

.services-section .author-box .signature {
	position: relative;
	margin: 20px 0;
}

.services-section .border-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.services-section .border-box .border_top {
	position: absolute;
	content: '';
	left: 0;
	top: 36.333%;
	width: 100%;
	height: 2px;
	background: url(../images/shape/shape-2.png) center no-repeat;
}

.services-section .border-box .border_bottom {
	position: absolute;
	content: '';
	left: 0;
	top: 62.666%;
	width: 100%;
	height: 2px;
	background: url(../images/shape/shape-2.png) center no-repeat;
}

.services-section .border-box .border_middile {
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	background: url(../images/shape/shape-3.png) center no-repeat;
}

/* Gallery Section */

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

.gallery-section .sec-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 620px;
	background-size: cover;
}

.gallery-section .sec-bg:before {
	position: absolute;
	content: '';
	background-color: #282828;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
}

.filters.light li {
	color: #fff;
}

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

.filters ul {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.filters li {
	border-right: 0px;
	padding: 11.5px 30px;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	font-weight: 700;
	border-radius: 25px;
}

.filters li.active {
	color: #fff;
}

.gallery-block-one {
	position: relative;
}

.gallery-block-one .inner-box {
	position: relative;
	margin-bottom: 30px;
}

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

.gallery-block-one .inner-box .image img {
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	width: 100%;
}

.gallery-block-one .inner-box:hover .image img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.gallery-block-one .caption-title {
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	padding: 25px 30px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	overflow: hidden;
}

.gallery-block-one .inner-box:hover .caption-title {
	opacity: 1;
}

.gallery-block-one .caption-title:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: translateX(-80px);
	-ms-transform: translateX(-80px);
	transform: translateX(-80px);
}

.gallery-block-one .inner-box:hover .caption-title:before {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.gallery-block-one .caption-title h5 {
	font-size: 14px;
	font-weight: 700;
	padding-left: 40px;
	margin-bottom: 10px;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.gallery-block-one .inner-box:hover .caption-title h5 {
	opacity: 1;
}

.gallery-block-one .caption-title h5:before {
	position: absolute;
	content: '';
	left: 0;
	top: 7px;
	width: 0;
	height: 2px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}

.gallery-block-one .inner-box:hover .caption-title h5:before {
	width: 30px;
}

.gallery-block-one .caption-title h3 {
	font-size: 24px;
	font-weight: 700;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 0;
	-webkit-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}

.gallery-block-one .inner-box:hover .caption-title h3 {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.gallery-block-one .caption-title h3 a {
	color: #282828;
}

.gallery-block-one .caption-title .view-project {
	position: absolute;
	right: 0;
	top: 0;
	text-align: center;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
	-webkit-transform: translateX(40px);
	-ms-transform: translateX(40px);
	transform: translateX(40px);
}

.gallery-block-one .inner-box:hover .caption-title .view-project {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.gallery-block-one .caption-title .view-project a {
	color: #fff;
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	font-size: 20px;
	font-weight: 700;
}

/* Style Two */

.gallery-block-one.style-two .caption-title h5 {
	font-size: 16px;
}

.gallery-block-one.style-two .caption-title h3 {
	font-size: 28px;
}

/* Video Section */

.video-section {
	position: relative;
	padding: 120px 0 70px;
	background-size: cover;
}

.video-section:before {
	position: absolute;
	content: '';
	background: #282828;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .9;
}

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

.video-section.style-two .default-video-box:before {
	border: 2px solid rgba(40, 40, 40, 0.08);
}

.video-section.style-two .default-video-box:after {
	border: 2px solid rgba(41, 41, 41, 0.08);
}

.video-section.style-two .default-video-box.text-center {
	margin-top: 100px;
}

.default-video-box {
	position: relative;
	height: 100px;
	width: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
}

.default-video-box.text-center {
	margin: 0 auto;
}

.default-video-box:before {
	position: absolute;
	content: '';
	height: 190px;
	width: 191px;
	top: -45px;
	left: -45px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.12);
}

.default-video-box:after {
	position: absolute;
	content: '';
	height: 140px;
	width: 140px;
	top: -20px;
	left: -20px;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, 0.12);
}

.default-video-box a {
	position: relative;
	z-index: 5;
	color: #fff;
	width: 100px;
	height: 100px;
	display: block;
	border-radius: 50%;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.default-video-box a:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.default-video-box a:hover:before {
	-webkit-transform: scale(.2);
	-ms-transform: scale(.2);
	transform: scale(.2);
	opacity: 0;
}

.default-video-box a:hover {
	background-color: #fff;
}

.default-video-box a span {
	position: relative;
	z-index: 9;
}

.default-video-box:hover:before {
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.09);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.09);
	-webkit-animation: ripple 1s infinite;
	animation: ripple 3s infinite;
}

.video-section .default-video-box.text-center {
	margin-bottom: 90px;
	margin-top: 30px;
}

.video-play-button:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #ba1f24;
	border-radius: 50%;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #fa183d;
	border-radius: 50%;
	-webkit-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

.video-play-button:hover:after {
	background-color: darken(#fa183d, 10%);
}

.video-play-button img {
	position: relative;
	z-index: 3;
	max-width: 100%;
	width: auto;
	height: auto;
}

.video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@-webkit-keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

@keyframes pulse-border {
	0% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0;
	}
}

/* Why Choose us Section */

.why-chooseus-section {
	position: relative;
	padding: 120px 0 90px;
}

/* Tab style one */

.tab-btn-style-one {
	position: relative;
	margin-bottom: 30px;
	border: 0px;
	border-bottom: 2px solid #e9e9e9;
}

.tab-btn-style-one li {
	display: inline-block;
}

.tab-btn-style-one .nav-item .nav-link {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	color: #282828;
	border: 0px;
	padding: 12px 20px;
}

.tab-btn-style-one .nav-item .nav-link:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -1px;
	height: 2px;
	width: 100%;
	background-color: #e9e9e9;
	opacity: 0;
}

.tab-btn-style-one .nav-item .nav-link.active:before {
	opacity: 1;
}

.why-chooseus-section .content-box {
	position: relative;
}

.why-chooseus-section .content-box .image {
	float: left;
	margin-right: 20px;
	margin-top: 6px;
}

.why-chooseus-section .content-box .text p {
	margin-bottom: 20px;
}

.why-chooseus-section .image-wrapper .image-one {
	position: relative;
	margin-left: 120px;
	overflow: hidden;
}

.why-chooseus-section .image-wrapper .image-two {
	position: relative;
	overflow: hidden;
	border: 10px solid #fff;
	margin-top: -67px;
	display: inline-block;
	margin-bottom: 30px;
	z-index: 9;
}

.why-chooseus-section .image-wrapper .image-two img {
	-webkit-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
}

.why-chooseus-section .image-wrapper .image-two:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

/* Team section */

/*=========================================
    Leadership Team Section
=========================================*/
.team-section {
	position: relative;
	padding: 120px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

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

.team-block-one .inner-box {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .08);
	transition: all .35s ease;
	display: flex;
	align-items: stretch;
	height: 100%;
}

.team-block-one .inner-box:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

/*---------------- Image ----------------*/

.team-block-one .image {
	position: relative;
	overflow: hidden;
	background: #f5f5f5;
	flex: 0 0 220px;
	width: 220px;
	height: auto;
}

.team-block-one .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s ease;
}

/* Small zoom only */

.team-block-one .inner-box:hover .image img {
	transform: scale(1.05);
}

/*---------------- Content ----------------*/

.team-block-one .content {
	padding: 28px;
	text-align: left;
	margin: 0;
	background: #fff;
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Name + inline designation (name and role now live together in one <h3>) */

.team-block-one .content h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
	line-height: 30px;
}

.team-block-one .content h3 a {
	color: #203642;
	transition: .3s;
}

.team-block-one .content h3 a:hover {
	color: #ff6b00;
}

.team-block-one .content h3 .designation {
	display: inline;
	font-size: 15px;
	font-weight: 600;
	color: #ff6b00;
	text-transform: none;
	letter-spacing: 0;
	margin-left: 4px;
}

/* Description */

.team-block-one .content .text,
.team-block-one .content p {
	font-size: 15px;
	line-height: 28px;
	color: #666;
	margin-bottom: 20px;
}

/*---------------- Social Icons ----------------*/

.team-block-one .social-links {
	margin-top: 4px;
}

.team-block-one .social-links li {
	display: inline-block;
	margin: 0 10px 0 0;
}

.team-block-one .social-links li a {
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 50%;
	display: block;
	background: #f4f4f4;
	color: #203642;
	border: none;
	transition: .3s;
}

.team-block-one .social-links li a:hover {
	background: #ff6b00;
	color: #fff;
}

/*---------------- Responsive: stack on small screens ----------------*/

@media (max-width: 767px) {
	.team-block-one .inner-box {
		flex-direction: column;
	}

	.team-block-one .image {
		flex: 0 0 auto;
		width: 100%;
		height: 260px;
	}

	.team-block-one .content {
		text-align: center;
	}
}

/* Contact Form */

.contact-form {
	position: relative;
}

.contact-form .row {
	margin: 0 -10px;
}

.contact-form .form-group {
	position: relative;
	padding: 0 10px;
	margin-bottom: 20px;
}

.contact-form .form-group:last-child {
	margin-bottom: 0;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="email"],
.contact-form .form-group textarea,
.contact-form .form-group select {
	position: relative;
	display: block;
	height: 60px;
	width: 100%;
	font-size: 15px;
	color: #25283a;
	line-height: 30px;
	font-weight: 400;
	padding: 14px 20px;
	background-color: #f8f8f8;
	border: 1px solid #f8f8f8;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-form .form-group textarea {
	height: 140px;
	resize: none;
}

.contact-form .form-group input[type="submit"],
.contact-form .form-group button {
	display: inline-block;
	margin-top: 20px;
}

.contact-form ::-webkit-input-placeholder {
	color: #6c6d70;
}

.contact-form ::-moz-input-placeholder {
	color: #6c6d70;
}

.contact-form ::-ms-input-placeholder {
	color: #6c6d70;
}

.contact-form label.error {
	color: #ff0000;
	font-size: 14px;
	text-transform: capitalize;
	text-align: left;
	display: block;
	padding-top: 5px;
}

.contact-form label {
	position: relative;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
}

.contact-form i {
	position: absolute;
	right: 30px;
	top: 62px;
	font-size: 18px;
}

/* Contact Section */

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

.contact-section .contact-form {
	position: relative;
	margin-right: 60px;
	margin-bottom: 30px;
}

.contact-section .icon-box {
	position: relative;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 40px;
	margin-top: 40px;
}

.contact-section .icon-box .icon {
	margin-bottom: 30px;
	font-size: 85px;
	line-height: 85px;
}

.contact-section .icon-box h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}

.contact-section .icon-box ul li a {
	font-size: 16px;
	color: #282828;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.contact-section .contact-info {
	position: relative;
	margin-top: -30px;
}

.contact-section .contact-info .border-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.contact-section .contact-info .border-box .border_top {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	background: url(../images/shape/shape-4.png) center no-repeat;
}

.contact-section .contact-info .border-box .border_middile {
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	width: 2px;
	height: 100%;
	background: url(../images/shape/shape-3.png) center no-repeat;
}

/* News Section */

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

.news-section .sec-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 605px;
	background-size: cover;
}

.news-section .sec-bg:before {
	position: absolute;
	content: '';
	background-color: #282828;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
}

.news-block-one {
	position: relative;
}

.news-block-one .inner-box {
	position: relative;
	margin-bottom: 30px;
}

.news-block-one .image {
	position: relative;
	overflow: hidden;
}

.news-block-one .image img {
	width: 100%;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.news-block-one .inner-box:hover .image img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.news-block-one .lower-content {
	position: relative;
	padding: 0 40px 20px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	background-color: #fff;
}

.news-block-one .category {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	padding: 6.5px 20px;
	color: #fff;
	border-radius: 20px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0 auto;
	margin-right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.news-block-one .post-meta {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.news-block-one .post-meta li a {
	font-size: 14px;
	font-weight: 700;
	color: #282828;
}

.news-block-one .post-meta li {
	margin-right: 20px;
}

.news-block-one .post-meta li a i {
	position: relative;
	margin-right: 5px;
}

.news-block-one h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}

.news-block-one h3 a {
	color: #282828;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

/* Award Section */

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

.award-section .sec-title {
	z-index: 1;
}

.award-section .year {
	position: absolute;
	top: -110px;
	left: 50%;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 500px;
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: rgba(156, 156, 156, 0.15);
	line-height: 400px;
}

.award-section .award-image {
	position: relative;
}

.award-section .award-image .image {
	margin-bottom: 60px;
	text-align: center;
}

.award-section .feature-image {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.award-section .feature-image .image-one {
	position: absolute;
	left: 33px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(36deg);
	-ms-transform: translateY(-50%) rotate(36deg);
	transform: translateY(-50%) rotate(36deg);
	overflow: hidden;
}

.award-section .feature-image .image-one img {
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.award-section .feature-image .image-one:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.award-section .feature-image .image-two {
	position: absolute;
	right: 33px;
	top: -50px;
	-webkit-transform: rotate(-36deg);
	-ms-transform: rotate(-36deg);
	transform: rotate(-36deg);
	overflow: hidden;
}

.award-section .feature-image .image-two img {
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.award-section .feature-image .image-two:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.award-section .feature-image .image-three {
	position: absolute;
	right: 33px;
	bottom: 150px;
	-webkit-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	transform: rotate(36deg);
	overflow: hidden;
}

.award-section .feature-image .image-three img {
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.award-section .feature-image .image-three:hover img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

/* Feature Section */

.feature-section {
	position: relative;
}

.feature-section .wrapper-box {
	position: relative;
	margin-top: -86px;
	z-index: 9;
}

.feature-block-one {
	position: relative;
}

.feature-block-one .inner-box {
	position: relative;
	background: #fff;
	padding: 34px 20px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	text-align: center;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin: 0 auto;
	margin-bottom: 30px;
	max-width: 170px;
}

.feature-block-one .inner-box:hover {
	border-radius: 50%;
}

.feature-block-one .icon {
	position: relative;
	font-size: 70px;
	line-height: 70px;
	margin-bottom: 15px;
}

.feature-block-one h5 {
	font-size: 14px;
	font-weight: 700;
}

/* Testimonial Section */

.testimonial-section {
	position: relative;
	padding: 120px 0 90px;
	background-size: cover;
}

.testimonial-block {
	position: relative;
	margin: 0 15px;
}

.testimonial-block .inner-box {
	position: relative;
	background: #fff;
	padding: 30px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
}

.testimonial-block .inner-box:before {
	position: absolute;
	content: '';
	left: 50px;
	bottom: -20px;
	border: 10px solid transparent;
	border-top-color: #fff;
	width: 20px;
	height: 20px;
}

.testimonial-block .icon {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 150px;
	line-height: 150px;
	color: #f3f3f3;
}

.testimonial-block .quote {
	position: relative;
	font-size: 20px;
	color: #ffffff;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 10px;
}

.testimonial-block .inner-box h4 {
	font-size: 20px;
	margin-bottom: 21px;
	font-weight: 700;
	text-align: right;
	margin-top: -40px;
}

.testimonial-block .inner-box .text {
	position: relative;
	margin-bottom: 0px;
}

.testimonial-block .author-info {
	position: relative;
	padding-left: 75px;
	min-height: 70px;
	padding-top: 7px;
	margin-left: 30px;
}

.testimonial-block .thumb {
	position: absolute;
	left: 0;
	top: 0;
}

.testimonial-block .thumb img {
	position: relative;
	width: auto;
	border-radius: 50%;
}

.testimonial-block .author-info h4 {
	font-size: 24px;
	font-weight: 700;
}

.testimonial-block .author-info .designation {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2em;
}

.testimonial-section .owl-theme .owl-nav {
	position: absolute;
	top: -90px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

.testimonial-section .owl-theme .owl-nav .owl-prev {
	position: absolute;
	right: 70px;
	top: 0;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	border: none;
	text-align: center;
	line-height: 56px;
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .owl-theme .owl-nav .owl-prev:before {
	font-family: "Flaticon";
	content: "\f105";
	position: absolute;
	top: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	left: 0;
	border-radius: 50%;
	background: #fff;
	color: #282828;
	font-size: 24px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .owl-theme .owl-nav .owl-prev:hover:before {
	color: #fff;
}

.testimonial-section .owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	border: none;
	text-align: center;
	line-height: 60px;
	color: rgba(0, 0, 0, 0);
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .owl-theme .owl-nav .owl-next:before {
	font-family: "Flaticon";
	content: "\f105";
	position: absolute;
	top: 0;
	width: 60px;
	height: 60px;
	line-height: 60px;
	right: 0;
	color: #282828;
	background: #fff;
	border-radius: 50%;
	font-size: 24px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section .owl-theme .owl-nav .owl-next:hover:before {
	color: #fff;
}

/* Style Two */

.testimonial-section.style-two:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .9;
}

.testimonial-section.style-two .sec-title .sub-title {
	color: #fff;
	-webkit-text-fill-color: inherit;
}

.testimonial-section.style-two .sec-title .sub-title:before {
	background: #fff;
}

.testimonial-section.style-two .testimonial-block .author-info h4 {
	color: #fff;
}

.testimonial-section.style-two .testimonial-block .author-info .designation {
	color: #fff;
	-webkit-text-fill-color: inherit;
}

.testimonial-section.style-two .owl-theme .owl-nav .owl-prev:before {
	background: transparent;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.6);
}

.testimonial-section.style-two .owl-theme .owl-nav .owl-next:before {
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.6);
	background: transparent;
}

.testimonial-section.style-two .owl-theme .owl-nav .owl-prev:hover:before,
.testimonial-section.style-two .owl-theme .owl-nav .owl-next:hover:before {
	background: #fff;
}

/* Testimonial Section Two */

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

.testimonial-block-two {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}

.testimonial-block-two .inner-box {
	position: relative;
	background: #fff;
	text-align: center;
	padding-top: 55px;
}

.testimonial-block-two .inner-box:before {
	position: absolute;
	content: '';
	left: 50px;
	bottom: -20px;
	border: 10px solid transparent;
	border-top-color: #fff;
	width: 20px;
	height: 20px;
}

.testimonial-block-two .icon {
	position: absolute;
	left: 50%;
	top: 0;
	font-size: 150px;
	line-height: 150px;
	color: #eaeaea;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.testimonial-block-two .quote {
	position: relative;
	font-size: 20px;
	color: #ffffff;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.testimonial-block-two .inner-box h2 {
	font-size: 30px;
	margin-bottom: 21px;
	font-weight: 700;
}

.testimonial-block-two .inner-box .text {
	position: relative;
	margin-bottom: 30px;
	font-size: 24px;
}

.testimonial-block-two .author-info {
	position: relative;
	padding-left: 75px;
	min-height: 70px;
	padding-top: 7px;
	margin-left: 30px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0 auto;
}

.testimonial-block-two .thumb {
	position: absolute;
	left: 0;
	top: 3px;
}

.testimonial-block-two .thumb img {
	position: relative;
	width: auto;
	border-radius: 50%;
}

.testimonial-block-two .author-info h4 {
	font-size: 24px;
	font-weight: 700;
}

.testimonial-block-two .author-info .designation {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2em;
}

.testimonial-section-two .owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

.testimonial-section-two .owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.15);
	height: 70px;
	width: 70px;
	border-radius: 50%;
	border: none;
	text-align: center;
	color: rgba(0, 0, 0, 0);
	line-height: 70px;
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section-two .owl-theme .owl-nav .owl-prev:before {
	font-family: "Flaticon";
	content: "\f105";
	position: absolute;
	top: 0;
	width: 70px;
	height: 70px;
	line-height: 66px;
	border: 2px solid rgba(144, 170, 255, 0.30);
	left: 0;
	border-radius: 50%;
	background: #ffffff;
	color: #282828;
	font-size: 24px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section-two .owl-theme .owl-nav .owl-prev:hover:before {
	color: #fff;
	border-color: transparent;
}

.testimonial-section-two .owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(255, 255, 255, 0.15);
	height: 70px;
	width: 70px;
	border-radius: 50%;
	border: none;
	text-align: center;
	line-height: 70px;
	color: rgba(0, 0, 0, 0);
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section-two .owl-theme .owl-nav .owl-next:before {
	font-family: "Flaticon";
	content: "\f105";
	position: absolute;
	top: 0;
	width: 70px;
	height: 70px;
	line-height: 66px;
	right: 0;
	border: 2px solid rgba(144, 170, 255, 0.30);
	color: #282828;
	background: #fff;
	border-radius: 50%;
	font-size: 24px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.testimonial-section-two .owl-theme .owl-nav .owl-next:hover:before {
	color: #fff;
	border-color: transparent;
}

/* About Section Two */

.about-section-two {
	position: relative;
	padding: 100px 0 90px;
}

.about-section-two .sec-title .text {
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 40px;
}

.about-section-two .author-info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-section-two .author-info .wrapper-box {
	position: relative;
	max-width: 310px;
	margin-right: 20px;
}

.about-section-two .author-info h2 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 5px;
}

.about-section-two .author-info .designation {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
}

.about-section-two .image-one {
	position: relative;
	margin-bottom: 30px;
}

.about-section-two .image-one img {
	width: 100%;
}

/**/

.about-section-two .content-box.style-two .sec-title .text {
	border-bottom: 0px;
	padding-bottom: 0;
}

.about-section-two .content-box.style-two .sec-title {
	margin-bottom: 40px;
}

.about-section-two .list-box {
	margin-bottom: 50px;
}

.about-section-two .list-box li {
	position: relative;
	margin-bottom: 15px;
}

.about-section-two .list-box li i {
	margin-right: 20px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	border: 2px solid #e4e4e4;
	top: 4px;
	position: relative;
}

.about-section-two .lower-content {
	margin-bottom: 30px;
}

/* About Section Three */

.about-section-three {
	padding: 120px 0;
}

.about-section-three .wrapper-box {
	position: relative;
	padding: 100px 50px 70px;
	border: 15px solid #ebebeb;
}

.about-section-three .sec-title {
	margin-bottom: 30px;
}

.about-section-three .sec-title h2 {
	font-size: 60px;
	letter-spacing: -2px;
}

.about-section-three .content-box {
	margin-left: 40px;
}

.about-section-three .content-box .icon-box {
	position: relative;
}

.about-section-three .content-box .icon-box .icon {
	margin-bottom: 20px;
}

.about-section-three .content-box .icon-box h5 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}

.about-section-three .content-box .icon-box h2 {
	font-size: 30px;
	font-weight: 700;
}

.about-section-three .content-box .info-column {
	position: relative;
	margin-bottom: 30px;
}

.about-section-three .content-box .info-column:first-child:before {
	position: absolute;
	content: '';
	top: 50%;
	right: 25px;
	height: 110px;
	width: 2px;
	background: url(../images/shape/shape-5.png);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.about-section-three .content-box .info-column:first-child:after {
	position: absolute;
	content: 'or';
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	top: 50%;
	right: 10px;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 100, 0, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(255, 100, 0, 0.2);
}

.about-section-three .content-box .info-column:last-child {}

/* Funfacts Section */

.funfacts-section {
	position: relative;
	padding: 130px 0 100px;
	background-size: cover;
}

.funfacts-section:before {
	position: absolute;
	content: '';
	background-color: #131313;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .9;
}

.fact-counter-two {
	position: relative;
}

.fact-counter-two .content {
	position: relative;
	padding-left: 115px;
	min-height: 100px;
}

.fact-counter-two .icon {
	position: absolute;
	left: 0;
	top: 10px;
}

.fact-counter-two .count-box {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 5px;
}

.fact-counter-two .inner {
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0 auto;
	margin-bottom: 30px;
}

.fact-counter-two .count-text {
	font-size: 90px;
	line-height: 80px;
	letter-spacing: -5px;
	margin-right: 5px;
}

.fact-counter-two .counter-title {
	color: #c5c5c5;
	font-size: 16px;
}

/* Statistic Section */

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

.statistic-section .graph {
	position: relative;
	margin-bottom: 30px;
}

.progress-box {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 60px;
}

.progress-box h5 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px;
}

.progress-box .bar {
	position: relative;
	width: 100%;
	height: 2px;
	background: rgba(0, 0, 0, 0.10);
	border-radius: 0;
	margin-bottom: 20px;
}

.progress-box .bar-inner {
	display: block;
	width: 0px;
	height: 30px;
	border-radius: 0;
	-webkit-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
}

.progress-box .count-text {
	position: absolute;
	right: 0px;
	margin-right: 0;
	top: 5px;
	height: 26px;
	color: #ffffff;
	line-height: 26px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 2px;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.progress-box .bar-inner.counted .count-text {
	opacity: 1;
}

.progress-box .count-text:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -5px;
	top: 100%;
	border: 5px solid transparent;
}

/* Services Section Two */

.services-section-two {
	position: relative;
	background: #f7f7f7;
}

.services-section-two .sec-title.light h2,
.services-section-two .sec-title.light .sub-title {
	color: #fff;
	-webkit-text-fill-color: inherit;
}

.services-section-two .auto-container {
	max-width: 100%;
	padding: 0;
}

.services-section-two .wrapper-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.services-section-two .left-column {
	position: relative;
	width: 50%;
	padding: 120px 120px 70px;
}

.services-section-two .left-column:before {
	position: absolute;
	content: '';
	background-color: #282828;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .94;
}

.services-section-two .left-column .contact-form i {
	top: 20px;
}

.services-section-two .right-column {
	position: relative;
	width: 50%;
	padding: 100px 50px;
	max-width: 820px;
	margin: 0 auto;
}

.services-section-two .icon-box {
	position: relative;
	padding-left: 110px;
	min-height: 100px;
}

.services-section-two .icon-box .icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.2);
}

.services-section-two .icon-box h2 {
	font-size: 30px;
	font-weight: 700;
	color: #282828;
	margin-bottom: 10px;
}

.services-section-two .icon-box .text {
	position: relative;
	color: #282828;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(109, 109, 109, 0.3);
	margin-bottom: 35px;
	max-width: 700px;
}

.services-section-two .icon-box:last-child .text {
	border-bottom: 0px;
	margin-bottom: 0px;
}

/* Services Section Three */

.services-section-three {
	position: relative;
	background: #f6f6f6;
	padding: 120px 0 220px;
}

.services-section-three .wrapper-box {
	margin-top: -160px;
	position: relative;
	z-index: 9;
}

.service-block-one {
	position: relative;
}

.service-block-one .inner-box {
	position: relative;
	background: #fff;
	text-align: center;
	padding: 60px 30px;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	margin-bottom: 30px;
}

.service-block-one .inner-box:hover {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
}

.service-block-one .icon {
	position: relative;
	font-size: 60px;
	width: 125px;
	height: 125px;
	margin: 0 auto;
	border: 2px solid #efffe8;
	border-radius: 50%;
	line-height: 125px;
	margin-bottom: 30px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.service-block-one .icon .round-shape {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.service-block-one .icon .round-shape:before {
	position: absolute;
	content: '';
	height: 18px;
	width: 18px;
	border-radius: 50%;
	top: 8px;
	right: 8px;
}

.service-block-one .icon .round-shape:after {
	position: absolute;
	content: '';
	height: 18px;
	width: 18px;
	border-radius: 50%;
	bottom: 8px;
	left: 8px;
}

.service-block-one h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
}

/* Style Two */

.services-section-three.style-two .service-block-one .icon {
	border-color: #e5e5e5;
}

.services-section-three.style-two {
	background: #fff;
	padding: 100px 0 90px;
}

.services-section-three.style-two .service-block-one .inner-box {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
}

/* Services Section Four */

.services-section-four {
	position: relative;
	padding: 120px 0 90px;
	background-color: #f4f4f4;
}

.services-section-four.style-two {
	padding-bottom: 200px;
}

.services-section-four .icon-box {
	position: relative;
	padding-left: 110px;
	min-height: 100px;
}

.services-section-four .icon-box .icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.2);
}

.services-section-four .icon-box h2 {
	font-size: 30px;
	font-weight: 700;
	color: #282828;
	margin-bottom: 10px;
}

.services-section-four .icon-box .text {
	position: relative;
	color: #282828;
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(109, 109, 109, 0.3);
	margin-bottom: 35px;
	max-width: 700px;
}

.services-section-four .icon-box:last-child .text {
	border-bottom: 0px;
	margin-bottom: 0px;
}

/* Insurance Calculate */

.insurance-calculate {
	position: relative;
}

.insurance-calculate .shape {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.insurance-calculate .wrapper-box {
	position: relative;
	padding: 79px 120px;
	margin-top: -130px;
}

.insurance-calculate h1 {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 50px;
	text-align: center;
}

.insurance-calculate .price {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
}

.insurance-calculate .progress-box {
	margin-bottom: 50px;
}

.insurance-calculate .progress-box .bar {
	height: 12px;
	background: rgba(0, 0, 0, 0.05);
}

.insurance-calculate .progress-box .bar-inner {
	background: #fff;
	height: 12px;
	position: relative;
}

.insurance-calculate .lower-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.insurance-calculate .lower-content h5 {
	position: relative;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
}

.insurance-calculate .lower-content h2 {
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}

.insurance-calculate .progress-box .count-text {
	background: #fff;
	border-radius: 50%;
	width: 62px;
	height: 62px;
	top: -25px;
	-webkit-box-shadow: 0px 16px 20px 0px rgba(27, 84, 2, 0.4);
	box-shadow: 0px 16px 20px 0px rgba(27, 84, 2, 0.4);
}

.insurance-calculate .btn-style-one .btn-title:before {
	background: #fff;
}

.insurance-calculate .btn-style-two .btn-title:before {
	background: #fff;
}

.insurance-calculate .big-title {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 300px;
	font-weight: 700;
	color: #f9f9f9;
}

/* Case Section */

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

.cases-section.style-two {
	background-color: #fff;
}

.cases-section .sec-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 620px;
	background-size: cover;
}

.cases-section .sec-bg:before {
	position: absolute;
	content: '';
	background-color: #282828;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .9;
}

.cases-section.style-two .case-tabs .case-tab-btns .case-tab-btn {
	color: #fff;
}

.cases-section .auto-container {
	max-width: 920px;
}

.cases-section .case-tab-wrapper {
	margin: 0 0px;
}

.cases-section .owl-carousel .owl-stage-outer {
	overflow: visible;
}

.case-tabs {
	position: relative;
}

.case-tabs .tabs-header {
	position: relative;
	margin-bottom: 40px;
}

.case-tabs .case-tab-btns {
	position: relative;
	margin-right: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 40px;
}

.case-tabs .case-tab-btns .case-tab-btn {
	position: relative;
	line-height: 24px;
	cursor: pointer;
	font-weight: 700;
	font-size: 16px;
	padding: 13px 20px;
	margin: 0 5px;
	text-transform: capitalize;
	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;
}

.case-tabs .case-tab-btns .case-tab-btn span {
	position: relative;
}

.case-tabs .case-tab-btns .case-tab-btn:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	border-radius: 25px;
}

.case-tabs .case-tab-btns .case-tab-btn:last-child {
	margin-right: 0px;
}

.case-tabs .case-tab-btns .case-tab-btn.active-btn {
	color: #fff;
}

.case-tabs .case-tab-btns .case-tab-btn.active-btn:before {
	opacity: 1;
}

.case-tabs .case-tabs-content {
	position: relative;
	display: block;
}

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

.case-tabs .case-tab.active-tab {
	position: relative;
	visibility: visible;
	z-index: 5;
}

.case-tabs .case-block-one .inner-box {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
}

.case-tabs .active-tab .case-block-one .inner-box {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

.case-block-one {
	position: relative;
	padding: 0 25px;
}

.case-block-one .overlay {
	position: absolute;
	left: 50px;
	bottom: 50px;
	right: 50px;
	background: #fff;
	padding: 46px 50px;
	-webkit-transition: 1s ease;
	-o-transition: 1s ease;
	transition: 1s ease;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);
	transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);
	opacity: 0;
}

.owl-item.active .case-block-one .overlay {
	-webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
	opacity: 1;
}

.case-block-one .overlay h5 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #fff;
}

.case-block-one .overlay h2 {
	font-size: 30px;
	font-weight: 700;
	color: #fff;
}

.case-block-one .overlay .link-btn {
	position: absolute;
	right: 50px;
	top: 50px;
}

.case-block-one .overlay .link-btn a {
	height: 60px;
	width: 60px;
	text-align: center;
	border: 2px solid #fff;
	line-height: 56px;
	color: #fff;
	font-weight: 700;
}

.case-block-one .overlay .link-btn a i {
	font-style: normal;
	font-size: 20px;
	margin: 0;
}

.cases-section .owl-theme .owl-nav {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

.cases-section .owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: -55px;
	top: 0;
	background: rgba(255, 255, 255, 0.15);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border: none;
	text-align: center;
	color: rgba(0, 0, 0, 0);
	line-height: 56px;
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cases-section .owl-theme .owl-nav .owl-prev:before {
	font-family: "Flaticon";
	content: "\f105";
	position: absolute;
	top: 0;
	width: 56px;
	height: 56px;
	line-height: 56px;
	left: 0;
	border-radius: 50%;
	background: #ffffff;
	color: #282828;
	font-size: 24px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-box-shadow: 0px 16px 32px 0px rgba(165, 165, 165, 0.4);
	box-shadow: 0px 16px 32px 0px rgba(165, 165, 165, 0.4);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cases-section .owl-theme .owl-nav .owl-prev:hover:before {
	color: #fff;
}

.cases-section .owl-theme .owl-nav .owl-next {
	position: absolute;
	right: -55px;
	top: 0;
	background: rgba(255, 255, 255, 0.15);
	height: 56px;
	width: 56px;
	border-radius: 50%;
	border: none;
	text-align: center;
	line-height: 56px;
	color: rgba(0, 0, 0, 0);
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cases-section .owl-theme .owl-nav .owl-next:before {
	font-family: "Flaticon";
	content: "\f105";
	position: absolute;
	top: 0;
	width: 56px;
	height: 56px;
	line-height: 56px;
	right: 0;
	color: #282828;
	background: #fff;
	border-radius: 50%;
	font-size: 24px;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(165, 165, 165, 0.4);
	box-shadow: 0px 16px 32px 0px rgba(165, 165, 165, 0.4);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.cases-section .owl-theme .owl-nav .owl-next:hover:before {
	color: #fff;
}

/* Case Section Two */

.cases-section-two {
	position: relative;
	padding: 110px 0 90px;
	background-color: #eff3ff;
}

.cases-section-two .image {
	position: relative;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin: 0 auto;
	margin-bottom: 30px;
}

.cases-section-two .image:hover {
	-webkit-box-shadow: 0px 16px 32px 0px rgba(0, 44, 187, 0.4);
	box-shadow: 0px 16px 32px 0px rgba(0, 44, 187, 0.4);
}

/* Map Section */

.map-canvas {
	position: relative;
	height: 800px;
}

.contact-section .map-column .map-canvas {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.map-data {
	position: relative;
	padding: 10px;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8em;
}

.map-data a {
	display: block;
}

.map-data h6 {
	font-size: 18px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 5px;
	color: #121212;
}

/* Contact Section Two */

.contact-section-two {
	position: relative;
	padding: 0 0 90px;
}

.contact-section-two .contact-form {
	position: relative;
	max-width: 1050px;
	margin: 0 auto;
	margin-bottom: 30px;
}

.contact-section-two .icon-box {
	position: relative;
	text-align: center;
	padding: 65px 30px;
	border: 2px solid #e4e4e4;
	margin-bottom: 30px;
	background: #fff;
}

.contact-section-two .icon-box .icon {
	margin-bottom: 30px;
	font-size: 100px;
	line-height: 100px;
}

.contact-section-two .icon-box h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
}

.contact-section-two .icon-box ul li {
	font-size: 18px;
	color: #282828;
	line-height: 1.2em;
}

.contact-section-two .icon-box ul li a {
	color: #282828;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	display: inline-block;
}

.contact-section-two .contact-info {
	position: relative;
	margin-top: -180px;
	padding-bottom: 100px;
}

/* CTA Section */

.cta-section {
	position: relative;
	margin-bottom: -185px;
	z-index: 9;
}

.cta-section .wrapper-box {
	position: relative;
	padding: 100px 100px 70px;
}

.cta-section .wrapper-box:before {
	position: absolute;
	content: '';
	background: #333;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .94;
}

.cta-section .sec-title h2 {
	font-size: 60px;
	letter-spacing: -1px;
}

.cta-section .sec-title {
	margin-bottom: 30px;
}

.cta-section .sec-title .sub-title:before {
	background: #fff;
}

.cta-section .sec-title .sub-title {
	color: #fff;
	-webkit-text-fill-color: inherit;
}

.cta-section form {
	position: relative;
	margin-bottom: 30px;
}

.cta-section form input[type="email"] {
	position: relative;
	width: 100%;
	height: 60px;
	padding: 0 30px;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.15);
}

.cta-section form .btn-style-one {
	border-radius: 0px;
	display: block;
	width: 100%;
}

.cta-section form .btn-style-one .btn-title {
	border-radius: 0;
	background: #fff;
	color: #282828;
}

.cta-section form .btn-style-one .btn-title:hover {
	color: #fff;
}

.cta-section form .btn-style-one .btn-title i {
	margin-right: 7px;
}

/*** 

====================================================================
	Page Banner Style
====================================================================

***/

.page-banner {
	position: relative;
	color: #ffffff;
	text-align: center;
	padding: 270px 0px 110px;
	background-color: #25283a;
	z-index: 2;
}

.page-banner .image-layer {
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.page-banner .image-layer:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #001c2a;
	opacity: 0.80;
}

.page-banner .auto-container {
	position: relative;
	z-index: 1;
}

.page-banner h1 {
	position: relative;
	font-size: 60px;
	line-height: 1.2em;
	font-weight: 700;
	margin-bottom: 8px;
	color: #ffffff;
	text-transform: capitalize;
}

.page-banner .bread-crumb {
	position: relative;
}

.page-banner .bread-crumb li {
	position: relative;
	display: inline-block;
	line-height: 30px;
	margin-left: 24px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
}

.page-banner .bread-crumb li:before {
	content: '|';
	position: absolute;
	right: -24px;
	width: 24px;
	top: 0px;
	text-align: center;
	line-height: 30px;
}

.page-banner .bread-crumb li:first-child {
	margin-left: 0px;
}

.page-banner .bread-crumb li:last-child:before {
	display: none;
}

.page-banner .bread-crumb li 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;
}

/*** 

====================================================================
	Sponsors Section
====================================================================

***/

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

.sponsors-section .auto-container {
	max-width: 1550px;
}

.sponsors-section .slide-item {
	display: block;
	text-align: center;
}

.sponsors-section .image-box {
	position: relative;
	display: inline-block;
}

.sponsors-section .image-box img {
	max-width: 100%;
	width: auto;
	display: inline-block;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .3;
	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;
}

.sponsors-section .image-box img:hover {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

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

/* History Section */

.history-section {
	position: relative;
	padding: 120px 0 90px;
	background-color: #282828;
}

.history-section .tab-content .sec-title h2 {
	font-size: 48px;
	letter-spacing: 0px;
}

.history-section .tab-content .sec-title {
	margin-bottom: 30px;
}

.history-section .tab-content .text {
	color: #fff;
	margin-bottom: 35px;
}

.history-section .tab-btn-style-one {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	border-bottom: 0;
	margin-bottom: 60px;
}

.history-section .tab-btn-style-one:before {
	position: absolute;
	content: '';
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #404040;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.history-section .tab-btn-style-one .nav-item .nav-link.active {
	color: #fff;
	-webkit-text-fill-color: inherit;
	border-color: transparent;
	-webkit-background-clip: inherit;
}

.history-section .sec-title .sub-title {
	color: #fff;
	-webkit-text-fill-color: inherit;
}

.history-section .tab-btn-style-one .nav-item .nav-link {
	border: 1px solid #404040;
}

.history-section .tab-btn-style-one .nav-item .nav-link.active:before {
	display: none;
}

.history-section .tab-btn-style-one .nav-item .nav-link {
	color: #fff;
	padding: 15.5px 45px;
	border-radius: 30px;
	font-size: 16px;
	background: #282828;
}

.history-section .image {
	position: relative;
	margin-bottom: 30px;
}

.history-section .content {
	margin-bottom: 30px;
}

/* Portfolio Details */

.portfolio-details {
	position: relative;
	padding: 120px 0 90px;
}

.portfolio-details .image-box {
	position: relative;
	margin-bottom: 30px;
}

.portfolio-details .text {
	margin-bottom: 30px;
}

.portfolio-details .top-content {
	position: relative;
}

.portfolio-details .single-project-info {
	position: absolute;
	right: 0;
	bottom: -180px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(123, 123, 123, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(123, 123, 123, 0.1);
	padding: 50px;
	background: #fff;
	z-index: 9;
}

.portfolio-details .single-project-info h3 {
	font-size: 24px;
	font-weight: 700;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.portfolio-details .single-project-info table {
	margin-bottom: 30px;
}

.portfolio-details .single-project-info table tr td {
	font-size: 14px;
	padding-right: 20px;
}

.portfolio-details .single-project-info .social-links {
	position: relative;
}

.portfolio-details .single-project-info .social-links li {
	position: relative;
	margin-right: 8px;
	display: inline-block;
}

.portfolio-details .single-project-info .social-links li a {
	position: relative;
	display: block;
	color: #9ea0a9;
	font-size: 14px;
	width: 50px;
	height: 50px;
	line-height: 46px;
	background: transparent;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 2px solid #f1f1f1;
}

.portfolio-details .single-project-info .social-links li a:hover {
	color: #ffffff;
	border-color: transparent;
}

.portfolio-details .single-project-info .social-links li a:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.portfolio-details .single-project-info .social-links li a:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.portfolio-details .single-project-info .social-links li a span {
	position: relative;
}

/* Project Post Pagination */

.project-post-pagination {
	position: relative;
	margin-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 40px;
}

.project-post-pagination .wrapper-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.project-post-pagination .next-post,
.project-post-pagination .prev-post {
	position: relative;
	border: 2px solid #ebebeb;
	padding: 19px 30px 20px;
	cursor: pointer;
}

.project-post-pagination h5 {
	font-size: 14px;
	font-weight: 400;
	line-height: 1em;
	display: inline-block;
	color: #282828;
}

.project-post-pagination h4 {
	font-size: 24px;
	font-weight: 700;
}

.project-post-pagination .next-post {
	text-align: right;
}

.project-post-pagination .page-view {
	width: 100px;
	height: 100px;
	font-size: 30px;
	line-height: 100px;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.project-post-pagination .page-view span {
	display: inline;
}

/* Careers Section */

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

.career-block {
	position: relative;
}

.career-block .inner-box {
	position: relative;
	border: 2px solid #ebebeb;
	padding: 40px 50px;
	padding-top: 0;
	margin-top: 20px;
	margin-bottom: 30px;
}

.career-block .time {
	position: relative;
	padding: 6.5px 20px;
	background: #222;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px);
	margin-bottom: 3px;
}

.career-block h3 {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 7px;
}

.career-block .text {
	position: relative;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
}

/* Features Section */

.feature-section-two {
	position: relative;
}

.feature-section-two .slide-item {
	position: relative;
	min-height: 800px;
}

.feature-section-two .image-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
}

.feature-section-two .auto-container {
	max-width: 100%;
	padding: 0;
}

.feature-section-two .content-box {
	background: #fff;
	padding: 50px;
	display: inline-block;
	position: relative;
	max-width: 430px;
}

.feature-section-two .sec-title h2 {
	font-size: 36px;
	letter-spacing: 0px;
}

.feature-section-two .sec-title {
	margin-bottom: 21px;
}

.feature-section-two .icon {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 230px;
	line-height: 200px;
	color: #f2f2f2;
}

.feature-section-two .content-box .text {
	position: relative;
	z-index: 2;
}

.feature-section-two .owl-theme .owl-dots {
	display: none;
}

.feature-section-two .owl-theme .owl-nav {
	position: absolute;
	bottom: 40px;
	right: 0;
	margin: 0 auto;
	width: 100%;
}

.feature-section-two .owl-theme .owl-nav .owl-prev {
	position: absolute;
	right: 70px;
	top: 0;
	height: 70px;
	width: 70px;
	border: none;
	text-align: center;
	line-height: 56px;
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-section-two .owl-theme .owl-nav .owl-prev:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f060";
	position: absolute;
	top: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	left: 0;
	background: #fff;
	color: #282828;
	font-size: 20px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-section-two .owl-theme .owl-nav .owl-prev:hover:before {
	color: #fff;
}

.feature-section-two .owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	border: none;
	text-align: center;
	line-height: 60px;
	color: rgba(0, 0, 0, 0);
	font-size: 0px;
	opacity: 1;
	margin-top: -30px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-section-two .owl-theme .owl-nav .owl-next:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f061";
	position: absolute;
	top: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	right: 0;
	color: #282828;
	background: #fff;
	font-size: 20px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.feature-section-two .owl-theme .owl-nav .owl-next:hover:before {
	color: #fff;
}

/* Video Section Two */

/*---------------- TV-style inline video box ----------------*/

.proen-tv-box {
	position: relative;
	max-width: 900px;
	margin: 0 auto 50px;
	border-radius: 16px;
	overflow: hidden;
	aspect-ratio: 16 / 9;
	background: #000;
	box-shadow: 0 25px 60px rgba(0, 0, 0, .35);
}

.proen-tv-poster {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: opacity .5s ease;
	z-index: 2;
}

.proen-tv-poster::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, .35);
}

.proen-tv-box.is-playing .proen-tv-poster {
	opacity: 0;
	pointer-events: none;
}

.proen-tv-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background: #000;
}

/*---------------- Play Button ----------------*/

.video-play-btn {
	position: relative;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: none;
	background: #ff6b00;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .25);
	transition: transform .3s ease, background .3s ease;
	z-index: 2;
}

.video-play-btn:hover {
	transform: scale(1.08);
	background: #e85f00;
}

.video-play-btn-icon {
	position: relative;
	z-index: 2;
	font-size: 26px;
	margin-left: 4px;
}

.video-play-btn-ring {
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 2px solid rgba(255, 255, 255, .6);
	animation: proenPulse 2.2s ease-out infinite;
}

.video-play-btn-ring.delay {
	animation-delay: 1.1s;
}

@keyframes proenPulse {
	0% {
		transform: scale(1);
		opacity: .8;
	}

	100% {
		transform: scale(1.9);
		opacity: 0;
	}
}

@media (max-width: 767px) {
	.video-play-btn {
		width: 65px;
		height: 65px;
	}

	.proen-tv-box {
		border-radius: 10px;
	}
}

/* Counter Section */

.counter-section {
	position: relative;
	padding: 120px 0 90px;
	background-color: #cb4f20;
}

.counter-section .pattern-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

/* Progress Block */

.progress-block {
	position: relative;
	margin-bottom: 30px;
	z-index: 10;
}

.progress-block .inner-box {
	position: relative;
	min-height: 210px;
}

.progress-block .graph-outer {
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.progress-block .graph-outer:before {
	position: absolute;
	content: '';
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border: 2px solid #db8463;
	border-radius: 50%;
}

.progress-block canvas {
	position: relative;
}

.progress-block .counter-title {
	position: relative;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	margin-top: 30px;
}

.progress-block .graph-outer .count-box {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -4px;
	font-size: 16px;
	color: #fff;
	font-weight: 700;
	line-height: 1.4em;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.progress-block .graph-outer .count-text {
	position: relative;
	font-size: 60px;
	line-height: 1.2em;
	color: #fff;
	font-weight: 700;
}

.causes-section-five .cause-carousel-wrapper {
	margin: 0 -15px;
}

/* Services Section Five */

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

.services-section-five .image {
	position: relative;
	margin-bottom: 30px;
}

.services-section-five .content {
	margin-bottom: 30px;
}

.services-section-five .tab-content .sec-title h2 {
	font-size: 48px;
	letter-spacing: 0px;
}

.services-section-five .tab-content .sec-title {
	margin-bottom: 30px;
}

.services-section-five .tab-content .text {
	margin-bottom: 35px;
}

.services-section-five .icon-box {
	position: relative;
	background: #fff;
	padding: 34px 20px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	text-align: center;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin: 0 auto;
	margin-bottom: 30px;
	min-width: 170px;
}

.services-section-five .active .icon {
	-webkit-text-fill-color: inherit;
	color: #fff;
}

.services-section-five .icon-box:hover {
	border-radius: 50%;
}

.services-section-five .icon {
	position: relative;
	font-size: 70px;
	line-height: 70px;
	margin-bottom: 15px;
	font-weight: normal;
}

.services-section-five .active .icon-box {
	-webkit-text-fill-color: #fff;
}

.services-section-five h5 {
	font-size: 14px;
	font-weight: 700;
}

.services-section-five h5 {
	--webkit-text-fill-color: #fff;
}

.services-section-five .tab-btn-style-one .nav-item .nav-link.active:before {
	display: none;
}

.services-section-five .tab-btn-style-one {
	border-bottom: 0px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 -10px;
}

.services-section-five .tab-btn-style-one .nav-item .nav-link {
	padding: 0;
	background-color: transparent;
}

.services-section-five .tab-btn-style-one li {
	margin: 0 10px;
}

.services-section-five .tab-content {
	position: relative;
	padding-top: 60px;
	padding-bottom: 30px;
	padding-right: 30px;
}

.services-section-five .tab-content:before {
	position: absolute;
	content: '';
	left: 70px;
	top: 0;
	right: 0;
	bottom: 0;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.1);
	background-color: #fff;
}

/* FAQ's Section*/

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

/* Error Section */

.error-section {
	position: relative;
	padding: 150px 0px 150px;
}

.error-section .inner-section {
	position: relative;
	text-align: center;
}

.error-section .inner-section h1 {
	position: relative;
	color: #222;
	font-size: 150px;
	font-weight: 700;
	line-height: 1em;
}

.error-section .inner-section h2 {
	position: relative;
	font-size: 20px;
	color: #555;
	font-weight: 500;
	text-transform: uppercase;
}

.error-section .inner-section .text {
	position: relative;
	font-size: 18px;
	margin-top: 6px;
	margin-bottom: 40px;
}

/*Search Box Widget*/

.error-search-form .form-group {
	position: relative;
	max-width: 430px;
	margin: 0 auto;
	width: 100%;
}

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

.error-search-form .form-group input:focus {
	border-color: #222;
}

.error-search-form .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 54px;
	width: 60px;
	display: block;
	font-size: 16px;
	color: #ffffff;
	line-height: 100%;
	font-weight: normal;
}

/* Accordion box */

.accordion-box {
	position: relative;
	margin-bottom: 30px;
}

.accordion-box .block {
	position: relative;
	padding-top: 0px;
	margin-bottom: 25px;
	-webkit-box-shadow: 0px 5px 21.25px 3.75px rgba(217, 217, 217, 0.65);
	box-shadow: 0px 5px 21.25px 3.75px rgba(217, 217, 217, 0.65);
}

.accordion-box .block:last-child {
	margin-bottom: 0px;
}

.accordion-box .block .acc-btn {
	position: relative;
	font-size: 18px;
	cursor: pointer;
	line-height: 1.2em;
	color: #222;
	font-weight: 400;
	padding: 28.5px 30px;
	padding-left: 58px;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
	background: #ffffff;
}

.accordion-box .block .icon-outer {
	position: absolute;
	left: 32px;
	top: 47px;
	font-size: 25px;
	color: #222222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	font-size: 18px;
	color: #222222;
	line-height: 1em;
	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;
}

.accordion-box .block .icon-outer .icon_plus {
	opacity: 1;
}

.accordion-box .block .icon-outer .icon_minus {
	opacity: 0;
	color: #222;
	font-weight: 700;
}

.accordion-box .block .acc-btn.active .icon-outer .icon_minus {
	opacity: 1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon_plus {
	opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer {
	color: #0eaf96;
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
	padding: 0 20px;
	padding-left: 58px;
	border-bottom: 1px solid #f2f2f2;
}

.accordion-box .block .acc-content .content-text {
	padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
	display: block;
}

.accordion-box .block .content {
	position: relative;
	font-size: 14px;
	margin-bottom: 40px;
}

.accordion-box .block .content .text {
	margin-bottom: 20px;
}

/* Sidebar Page Container */

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

.sidebar-page-container .sidebar {
	margin-bottom: 30px;
}

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

.news-block-two .inner-box {
	position: relative;
	margin-bottom: 30px;
}

.news-block-two .image {
	position: relative;
	overflow: hidden;
}

.news-block-two .image img {
	width: 100%;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

.news-block-two .inner-box:hover .image img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.news-block-two.blog-single-post .inner-box:hover .image img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.news-block-two .lower-content {
	position: relative;
	padding: 50px 45px;
	background-color: #fff;
	border: 1px solid #ebebeb;
}

.news-block-two .category {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	padding: 6.5px 20px;
	color: #fff;
	border-radius: 20px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: 20px;
}

.news-block-two .post-meta {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.news-block-two .post-meta li a {
	font-size: 14px;
	font-weight: 700;
	color: #282828;
}

.news-block-two .post-meta li {
	margin-right: 20px;
}

.news-block-two .post-meta li a i {
	position: relative;
	margin-right: 5px;
}

.news-block-two h2 {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 15px;
}

.news-block-two h2 a {
	color: #282828;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.news-block-two .text {
	margin-bottom: 30px;
}

.news-block-two .wrapper {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.news-block-two .author-box {
	position: relative;
	min-height: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.news-block-two .author-box .thumb {
	margin-right: 10px;
}

.news-block-two .author-box img {
	border-radius: 50px;
	width: 40px;
}

.news-block-two .author-box h5 {
	font-size: 16px;
	font-weight: 700;
}

.news-block-two .read-more {
	position: relative;
}

.news-block-two .read-more a {
	font-size: 14px;
	font-weight: 700;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.news-block-two .read-more a i {
	position: relative;
	margin-right: 8px;
}

.news-block-two .read-more a:hover {
	color: #282828;
}

/**/

.news-block-two .author-box-two {
	position: relative;
	padding: 40px;
	min-height: 50px;
	border: 2px solid #ebebeb;
	margin-bottom: 40px;
}

.news-block-two .author-box-two .wrapper-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.news-block-two .author-box-two .content {
	width: 65%;
}

.news-block-two .author-box-two .content h3 {
	font-size: 36px;
	margin-bottom: 10px;
}

.news-block-two .author-box-two h5 {
	font-size: 12px;
	font-weight: 700;
}

.news-block-two .author-box-two .content .text {
	margin-bottom: 0px;
}

/* News Block Three */

.news-block-three {
	position: relative;
}

.news-block-three .inner-box {
	position: relative;
	margin-bottom: 30px;
}

.news-block-three .inner-box:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.94;
}

.news-block-three .lower-content {
	position: relative;
	padding: 50px 45px;
	padding-left: 150px;
	border: 1px solid #ebebeb;
}

.news-block-three .quote {
	position: absolute;
	left: 45px;
	top: 59px;
	font-size: 80px;
	line-height: 80px;
	color: #fff;
}

.news-block-three .category {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	padding: 6.5px 20px;
	color: #fff;
	border-radius: 20px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: 20px;
}

.news-block-three .post-meta {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.news-block-three .post-meta li a {
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

.news-block-three .post-meta li {
	margin-right: 20px;
}

.news-block-three .post-meta li a i {
	position: relative;
	margin-right: 5px;
}

.news-block-three h2 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 15px;
}

.news-block-three h2 a {
	color: #fff;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

/* News Block Four */

.news-block-four {
	position: relative;
}

.news-block-four .inner-box {
	position: relative;
	margin-bottom: 30px;
	background-size: cover;
}

.news-block-four .inner-box:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.5;
}

.news-block-four .lower-content {
	position: relative;
	padding: 50px 45px 40px;
}

.news-block-four .quote {
	position: absolute;
	left: 0;
	top: 0;
}

.news-block-four .category {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	padding: 2.5px 30px;
	color: #fff;
	border-radius: 20px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	margin-bottom: 20px;
}

.news-block-four .post-meta {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.news-block-four .post-meta li a {
	font-size: 14px;
	font-weight: 700;
	color: #282828;
}

.news-block-four .post-meta li {
	margin-right: 20px;
}

.news-block-four .post-meta li a i {
	position: relative;
	margin-right: 5px;
}

.news-block-four h2 {
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 40px;
}

.news-block-four h2 a {
	color: #282828;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.sidebar-side .sidebar {
	position: relative;
}

.sidebar-widget {
	position: relative;
	margin-bottom: 50px;
	border: 2px solid #ebebeb;
	padding: 40px;
}

.sidebar-widget:last-child {
	margin-bottom: 0;
}

.sidebar-title {
	position: relative;
	display: block;
	margin-bottom: 35px;
	padding-left: 48px;
}

.sidebar-title:before {
	position: absolute;
	content: '';
	left: 0;
	top: 11px;
	width: 18px;
	height: 4px;
	border-radius: 2px;
}

.sidebar-title:after {
	position: absolute;
	content: '';
	left: 22px;
	top: 11px;
	width: 4px;
	height: 4px;
	border-radius: 2px;
}

.sidebar-title h3 {
	position: relative;
	color: #282828;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	text-transform: capitalize;
}

/*Search Box Widget*/

.sidebar .search-box {
	position: relative;
}

.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;
	padding: 15px 50px 15px 30px;
	border: 1px solid #f7f7fa;
	background: #f7f7fa;
	display: block;
	font-size: 16px;
	line-height: 30px;
	width: 100%;
	height: 62px;
	color: #25283a;
	border-radius: 31px;
	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 input[type="text"]:focus,
.sidebar .search-box .form-group input[type="search"]:focus {
	color: #666666;
}

.sidebar .search-box .form-group button {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	width: 60px;
	display: block;
	font-size: 20px;
	color: #848484;
	line-height: 60px;
	font-weight: normal;
	background: none;
	border-radius: 0px 10px 10px 0px;
	z-index: 9;
	cursor: pointer;
	border-radius: 50%;
	color: #fff;
}

/*Post Widget*/

.sidebar .popular-posts .news-post {
	position: relative;
	padding-left: 100px;
	padding-top: 0px;
	min-height: 90px;
	margin-bottom: 30px;
}

.sidebar .popular-posts .news-post:last-child {
	margin: 0;
}

.sidebar .popular-posts .news-post .post-thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	border-radius: 5px;
	overflow: hidden;
}

.sidebar .popular-posts .news-post .date {
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 6px;
}

.sidebar .popular-posts .news-post .date .fa {
	padding-right: 5px;
	color: #282828;
	font-size: 15px;
}

.sidebar .popular-posts .news-post h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	margin: 0 0;
	line-height: 1.4em;
	font-weight: 600;
	color: #25283a;
}

.sidebar .popular-posts .news-post h4 a {
	color: #25283a;
}

/* Blog Categories */

.sidebar .categories h3 {
	margin-bottom: 15px;
}

.sidebar .categories ul {
	position: relative;
	margin-bottom: 15px;
}

.sidebar .categories ul li {
	position: relative;
	list-style-type: none;
	color: #d2d5d8;
	margin-bottom: 10px;
}

.sidebar .categories ul li:last-child {
	margin-bottom: 0;
}

.sidebar .categories ul li a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 14px;
	background: #152136;
	padding: 10px 30px;
	border-radius: 25px;
	line-height: 30px;
	font-weight: 400;
	text-transform: capitalize;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.sidebar .categories ul li .total-post {
	position: absolute;
	right: 0;
	top: 0;
	background: #091222;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	font-weight: 700;
	color: #fff;
}

/*Popular Tags*/

.sidebar .popular-tags {
	position: relative;
}

.sidebar .popular-tags li {
	position: relative;
	float: left;
	margin: 0px 8px 10px 0px;
}

.sidebar .popular-tags li a {
	position: relative;
	display: block;
	padding: 0px 23px;
	color: #25283a;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	font-weight: 400;
	text-transform: capitalize;
	background-color: #edf1f5;
	border-radius: 15px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar .popular-tags li a span {
	position: relative;
}

.sidebar .popular-tags li a:hover {
	color: #ffffff;
	background: transparent;
}

.sidebar .popular-tags li a:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.sidebar .popular-tags li a:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

/* About Me Widget */

.sidebar-widget.about-me {
	text-align: center;
}

.sidebar-widget.about-me .image {
	margin-bottom: 20px;
}

.sidebar-widget.about-me img {
	width: 140px;
	height: 140px;
	border-radius: 50%;
}

.sidebar-widget.about-me h3 {
	text-align: left;
}

.sidebar-widget.about-me h4 {
	position: relative;
	font-weight: 700;
	margin-bottom: 15px;
}

.sidebar-widget.about-me .social-links {
	position: relative;
	margin: 9px 0;
}

.sidebar-widget.about-me .social-links li {
	position: relative;
	margin-left: 8px;
	display: inline-block;
}

.sidebar-widget.about-me .social-links li a {
	position: relative;
	display: block;
	color: #b3bed3;
	font-size: 14px;
	padding: 0 5px;
	line-height: 30px;
	background: transparent;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar-widget.about-me .social-links li a span {
	position: relative;
}

/* Add Banner Widget */

.add-banner-widget {
	position: relative;
	min-height: 500px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.add-banner-widget .content {
	position: relative;
	background: #cc521e;
	padding: 23px 30px;
	text-align: center;
}

.add-banner-widget .content h5 {
	position: relative;
	color: #fff;
	font-weight: 700;
	margin-bottom: 5px;
	font-size: 16px;
	text-transform: uppercase;
}

.add-banner-widget .content h3 {
	font-size: 24px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}

/* Social Links Widget */

.social-links-widget {
	position: relative;
}

.social-links-widget .social-links {
	position: relative;
}

.social-links-widget .social-links li {
	position: relative;
	margin-right: 4px;
	display: inline-block;
}

.social-links-widget .social-links li a {
	position: relative;
	display: block;
	color: #fff;
	font-size: 14px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	background: #282828;
}

.social-links-widget .social-links li a:hover {
	color: #ffffff;
	background: transparent;
}

.social-links-widget .social-links li a:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-transform: scale(.5);
	-ms-transform: scale(.5);
	transform: scale(.5);
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.social-links-widget .social-links li a:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.social-links-widget .social-links li a span {
	position: relative;
}

/* Twitter Widget */

.twitter-widget .post {
	position: relative;
	padding-left: 30px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.twitter-widget .icon {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	color: #32beff;
	font-size: 14px;
}

.twitter-widget .text {
	margin-bottom: 10px;
}

.twitter-widget .post:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0;
}

.twitter-widget .post .date {
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
}

.twitter-widget .text a {
	color: #282828;
}

/* Pagination */

.page-pagination {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

.page-pagination li {
	display: inline-block;
	margin: 0 4px 10px;
}

.page-pagination li a {
	width: 50px;
	height: 50px;
	line-height: 46px;
	display: block;
	border: 2px solid #ebebeb;
	text-align: center;
	color: #222;
	font-size: 16px;
	font-weight: 500;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.page-pagination li span {
	font-size: 12px;
}

.page-pagination li.active a,
.page-pagination li a:hover {
	color: #fff;
	border-color: transparent;
}

/* Blog Single Post */

.blog-single-post .image {
	margin-bottom: 30px;
}

.blog-single-post .text-block {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}

.blog-single-post .text-block:last-child {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 20px;
}

.blog-single-post h3 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px;
}

.blog-single-post ul.list {
	position: relative;
	padding-bottom: 15px;
}

.blog-single-post ul.list li {
	margin-bottom: 10px;
}

.blog-single-post ul.list li i {
	font-size: 14px;
	margin-right: 9px;
}

.blog-single-post blockquote {
	position: relative;
	background: #f3f5ff;
	padding: 65px 30px;
	text-align: center;
	border-radius: 10px;
	margin-bottom: 30px;
}

.blog-single-post blockquote h5 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog-single-post blockquote .text {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2em;
	max-width: 530px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.blog-single-post blockquote .quote-icon {
	position: absolute;
	top: 60px;
	right: 17px;
	font-size: 170px;
	line-height: 140px;
	color: #e4e9ff;
}

.blog-single-post .post-share {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 30px;
}

.blog-single-post .post-share h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}

.blog-single-post .post-share .tag-list li {
	position: relative;
	float: left;
	margin: 0px 8px 10px 0px;
}

.blog-single-post .post-share .tag-list li a {
	position: relative;
	display: block;
	padding: 0px 23px;
	color: #25283a;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	font-weight: 400;
	text-transform: capitalize;
	background-color: #edf1f5;
	border-radius: 15px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-single-post .post-share .tag-list li a span {
	position: relative;
}

.blog-single-post .post-share .tag-list li a:hover {
	color: #ffffff;
	background: transparent;
}

.blog-single-post .post-share .tag-list li a:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 15px;
	-webkit-transform: scale(.8);
	-ms-transform: scale(.8);
	transform: scale(.8);
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.blog-single-post .post-share .tag-list li a:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.blog-single-post .post-share .social-links {
	position: relative;
	margin: 9px 0;
}

.blog-single-post .post-share .social-links li {
	position: relative;
	margin-left: 8px;
	display: inline-block;
}

.blog-single-post .post-share .social-links li a {
	position: relative;
	display: block;
	color: #b3bed3;
	font-size: 14px;
	padding: 0 5px;
	line-height: 30px;
	background: transparent;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.blog-single-post .post-share .social-links li a span {
	position: relative;
}

.blog-single-post .post-share .right-column {
	text-align: right;
}

/* Blog Post Pagination */

.blog-post-pagination {
	position: relative;
	margin-bottom: 40px;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 40px;
}

.blog-post-pagination .wrapper-box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blog-post-pagination .wrapper-box>* {
	cursor: pointer;
}

.blog-post-pagination h5 {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 5px;
	display: inline-block;
}

.blog-post-pagination h4 {
	font-size: 28px;
	font-weight: 700;
}

.blog-post-pagination .next-post {
	text-align: right;
}

.blog-post-pagination .page-view {
	font-size: 50px;
}

.blog-post-pagination .page-view span {
	display: inline;
}

.blog-post-pagination .comments-area {
	margin-bottom: 90px;
}

.single-blog-post .group-title {
	position: relative;
	margin-bottom: 40px;
}

.single-blog-post .group-title h2 {
	position: relative;
	font-size: 30px;
}

.comments-area .comment-box {
	position: relative;
	margin-bottom: 40px;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comments-area .comment-box.comment-reply {
	margin-left: 130px;
}

.comments-area .comment-box:last-child .comment {
	padding-bottom: 0px;
	border-bottom: 0px;
}

.comments-area .comment-box:hover {
	border-color: #eb5310;
}

.comments-area .comment-box.reply-comment {
	margin-left: 50px;
}

.comments-area .comment {
	position: relative;
	font-size: 14px;
	border-bottom: 1px solid #e9e6e6;
	padding-bottom: 30px;
	padding-left: 130px;
}

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

.comments-area .comment .comment-inner .text {
	position: relative;
	line-height: 1.5em;
	margin-bottom: 15px;
}

.comments-area .comment-box .author-thumb {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	margin-bottom: 20px;
	margin-right: 30px;
}

.comments-area .comment-box .author-thumb img {
	width: 100px;
	display: block;
	border-radius: 50%;
}

.comments-area .comment-info {
	position: relative;
	line-height: 24px;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.comments-area .comment-info h5 {
	font-size: 18px;
	font-weight: 700;
}

.comments-area .comment-info a {
	position: relative;
	color: #1e1e29;
}

.comments-area .date {
	font-size: 12px;
	color: #858585;
	margin-bottom: 20px;
}

.comments-area .comment-box .reply-btn {
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid #ebebeb;
	color: #282828;
	padding: 5px 15px;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease;
}

.comments-area .comment-box .reply-btn span {
	position: relative;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-right: 5px;
}

.comments-area .comment-box .reply-btn:hover span {
	opacity: 1;
}

/* Related Blog Post */

.blog-single-post .related-post .lower-content {
	padding: 30px 30px 0;
}

.blog-single-post .related-post h3 {
	font-size: 24px;
}

.blog-single-post .related-post h3 a {
	color: #282828;
}

.blog-single-post .related-post .image {
	margin-bottom: 0;
}

.blog-single-post .comment-form .contact-form {
	position: relative;
	padding: 50px;
	background: #eaeaea;
}

.blog-single-post .contact-form .form-group textarea {
	background: #fff;
}

.blog-single-post .contact-form .form-group input[type="text"],
.blog-single-post .contact-form .form-group input[type="email"],
.blog-single-post .contact-form .form-group textarea,
.blog-single-post .contact-form .form-group select {
	background: #fff;
}

.blog-single-post .contact-form i {
	top: 20px;
}

/* Team Details */

.team-details {
	position: relative;
	padding: 120px 0 90px;
}

.team-details .image {
	position: relative;
	margin-bottom: 30px;
}

.team-details .sec-title h2 {
	font-size: 60px;
	letter-spacing: 0;
}

.team-details .sec-title {
	margin-bottom: 30px;
}

.team-details .text {
	margin-bottom: 35px;
}

.team-details .btn-style-two .btn-title {
	color: #282828;
}

.team-details .btn-style-two .btn-title:hover {
	color: #fff;
	border-color: transparent;
}

.team-details .btn-style-two .btn-title:after {
	border-color: #ebebeb;
}

.team-details .progress-box {
	margin-bottom: 30px;
}

.team-details .progress-box .bar {
	height: 10px;
	border-radius: 5px;
}

.team-details .progress-box .bar-inner {
	height: 10px;
	border-radius: 5px;
}

.team-details .progress-box .count-text {
	top: 25px;
	font-size: 18px;
	font-weight: 700;
}

/* Experience Section */

.experience-section {
	position: relative;
	background: #f5f5f5;
	padding: 120px 0;
}

.experience-block {
	position: relative;
}

.experience-block .inner-box {
	position: relative;
	background: #fff;
	padding: 19px 40px;
	margin-bottom: 30px;
}

.experience-block .inner-box h3 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 5px;
}

.experience-block .inner-box h5 {
	font-size: 16px;
	font-weight: 700;
}

.experience-section .link-btn {
	margin-top: 10px;
}

/* Loan Calculator */

.loan-calculator {
	position: relative;
	border: 8px solid #ebebeb;
	padding: 50px;
	margin-bottom: 30px;
}

.loan-calculator .sec-title .sub-title {
	padding-left: 45px;
	color: #282828 !important;
	background: transparent;
	-webkit-text-fill-color: inherit !important;
}

.loan-calculator .sec-title .sub-title:before {
	width: 35px;
}

.loan-calculator .sec-title h2 {
	font-size: 40px;
	letter-spacing: 0;
}

.loan-calculator .calculate-btn button {
	position: relative;
	padding: 12px 20px;
	font-weight: 700;
	background: #fff;
}

.loan-calculator .calculate-btn button.active {
	color: #fff;
}

.loan-calculator .progress-box {
	margin-bottom: 35px;
}

.loan-calculator .progress-box .bar {
	height: 10px;
	background: #ebebeb;
	border-radius: 5px;
}

.loan-calculator .progress-box .bar-inner {
	height: 10px;
	position: relative;
	border-radius: 5px;
}

.loan-calculator .progress-box .count-text {
	background: #fff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	top: -11px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.22);
	right: -2px;
}

.loan-calculator .total-value {
	font-size: 16px;
	font-weight: 700;
}

.loan-calculator .progress-value {
	font-size: 16px;
	font-weight: 700;
}

.loan-calculator .calculation-value {
	position: relative;
}

.loan-calculator .calculation-value .inner-box {
	background: #f5f5f5;
	text-align: center;
	padding: 37px 0;
}

.loan-calculator .calculation-value h4 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}

.loan-calculator .calculation-value h5 {
	font-size: 14px;
	font-weight: 700;
}

.categories-widget-two {
	position: relative;
	margin-bottom: 30px;
}

.categories-widget-two ul {
	position: relative;
	border: 2px solid #ebebeb;
	padding: 40px 0;
}

.categories-widget-two ul li a {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	padding: 12px 60px;
	color: #282828;
	display: block;
}

.categories-widget-two ul li a i {
	position: absolute;
	right: 58px;
	top: 13px;
}

.categories-widget-two ul li.current a {
	color: #fff;
	padding-left: 80px;
}

.categories-widget-two ul li.current a i {
	right: auto;
	left: 60px;
}

/* Contact Form Widget */

.contact-form-widget {
	position: relative;
	padding: 50px;
	margin-bottom: 30px;
}

.contact-form-widget h3 {
	position: relative;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 25px;
}

.contact-form-widget .contact-form .form-group input[type="text"],
.contact-form-widget .contact-form .form-group input[type="email"],
.contact-form-widget .contact-form .form-group textarea,
.contact-form-widget .contact-form .form-group select {
	margin-bottom: 0;
	background: transparent;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.30);
}

.contact-form-widget .contact-form .form-group+.form-group input {
	border-top: 0 !important;
}

.contact-form-widget .contact-form i {
	top: 21px;
}

.contact-form-widget .contact-form .form-group {
	margin-bottom: 0;
}

.contact-form-widget .btn-style-one .btn-title {
	background: #fff;
	color: #282828;
	border-radius: 0px;
}

.contact-form-widget .btn-style-one .btn-title:hover {
	color: #fff;
}

.contact-form-widget .btn-style-one {
	border-radius: 0;
}

.contact-form-widget .contact-form i {
	color: #fff;
	-webkit-text-fill-color: inherit;
}

.contact-form-widget ::-webkit-input-placeholder {
	color: #fff;
}

.contact-form-widget ::-moz-input-placeholder {
	color: #fff;
}

.contact-form-widget ::-ms-input-placeholder {
	color: #fff;
}

.contact-info-widget .inner-box {
	position: relative;
	margin-bottom: 30px;
}

.contact-info-widget .inner-box {
	position: relative;
	text-align: center;
	padding: 50px;
	background-color: #222;
	background-size: cover;
}

.contact-info-widget .inner-box:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #282828;
	opacity: .94;
}

.contact-info-widget h3 {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 20px;
}

.contact-info-widget ul li a {
	position: relative;
	color: #fff;
}

/* Services Details */

.services-details {
	position: relative;
}

.services-details .image-box {
	margin-bottom: 40px;
}

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

.services-details .content .sec-title h2 {
	font-size: 60px;
	letter-spacing: -3px;
}

.services-details blockquote {
	position: relative;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
	box-shadow: 0px 8px 16px 0px rgba(40, 40, 40, 0.14);
	padding: 30px 40px;
	margin: 40px 0;
}

.services-details blockquote:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 6px;
	height: 100%;
}

.services-details blockquote h4 {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	padding-left: 45px;
}

.services-details blockquote h4:before {
	position: absolute;
	content: '';
	left: 0;
	top: 7px;
	width: 35px;
	height: 2px;
}

.services-details .graph {
	position: relative;
	margin-bottom: 60px;
}

.services-details .progress-block {
	margin-bottom: 0;
}

.services-details .progress-block .counter-title {
	color: #282828;
}

.services-details .progress-block .graph-outer .count-text {
	color: #282828;
}

.services-details .progress-block .graph-outer .count-box {
	color: #282828;
}

/* Hidden Bar */

.hidden-sidebar {
	position: fixed;
	top: 0;
	right: -100%;
	z-index: 9999;
	width: 100%;
	max-width: 470px;
	background: #ffffff;
	height: 100%;
	padding: 40px 45px;
	overflow: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.hidden-sidebar-close {
	position: absolute;
	top: 40px;
	right: 40px;
	font-size: 30px;
	cursor: pointer;
}

.hidden-sidebar .logo {
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #e7e7e7;
}

.hidden-sidebar .wrapper-box {
	height: 100%;
}

.hidden-sidebar .sidebar-widget {
	margin-bottom: 50px;
}

.hidden-sidebar .about-widget-two {
	position: relative;
}

.hidden-sidebar .about-widget-two h3 {
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 28px;
}

.hidden-sidebar .news-widget {
	position: relative;
}

.hidden-sidebar .widget-title {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 30px;
}

.hidden-sidebar .news-widget .post-wrapper {
	position: relative;
	padding-left: 110px;
	margin-top: -10px;
	margin-bottom: 50px;
}

.hidden-sidebar .news-widget .post-wrapper:last-child {
	margin-bottom: 0px;
}

.hidden-sidebar .news-widget .image {
	position: absolute;
	left: 0;
	top: 10px;
	width: 90px;
}

.hidden-sidebar .news-widget .category {
	font-size: 13px;
	color: #282828;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 4px;
}

.hidden-sidebar .news-widget h4 {
	font-size: 18px;
	font-weight: 700;
}

.hidden-sidebar .news-widget h4 a {
	color: #282828;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}

.hidden-sidebar .newsletter-widget {
	position: relative;
	margin-bottom: 50px;
}

.hidden-sidebar .newsletter-widget input[type="email"] {
	position: relative;
	border: 1px solid #e7e7e7;
	padding: 13px 20px;
	width: 100%;
	margin-bottom: 10px;
}

.hidden-sidebar .newsletter-widget .theme-btn i {
	font-size: 13px;
	margin-right: 10px;
}

.nav-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 99999;
	width: 100%;
	display: none;
	background: rgba(20, 20, 20, 0.70);
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	cursor: none;
}

/* Cursor Style */

.cursor {
	position: absolute;
	background-color: #fff;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-o-transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	visibility: hidden;
}

.cursor {
	visibility: visible;
}

.cursor.active {
	opacity: 0.5;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
}

.cursor.hovered {
	opacity: 0.08;
}

.cursor-follower {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.3);
	width: 50px;
	height: 50px;
	border-radius: 100%;
	z-index: 1;
	-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-o-transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
	transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 10000;
	visibility: hidden;
}

.cursor-follower {
	visibility: visible;
}

.cursor-follower.active {
	opacity: 0.7;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.cursor-follower.hovered {
	opacity: 0.08;
}

.cursor-follower.close-cursor:before {
	position: absolute;
	content: '';
	height: 25px;
	width: 2px;
	background: #fff;
	left: 48%;
	top: 12px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: inline-block;
}

.cursor-follower.close-cursor:after {
	position: absolute;
	content: '';
	height: 25px;
	width: 2px;
	background: #fff;
	right: 48%;
	top: 12px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}




/*=========================================
ISO CERTIFICATION
=========================================*/

.iso-section {
	position: relative;
	padding: 120px 0;
	background: #f8fbff;
}

.iso-gallery {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.iso-card {

	background: #fff;

	border-radius: 18px;

	padding: 18px;

	text-align: center;

	box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

	transition: .35s ease;

	border: 1px solid #edf2f7;

}

.iso-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 20px 50px rgba(0, 91, 172, .18);

}

.iso-card img {

	width: 50%;

	border-radius: 14px;

}

.iso-card h5 {

	margin-top: 18px;

	color: #005BAC;

	font-size: 18px;

	font-weight: 600;

}

.iso-section .text {

	font-size: 17px;

	line-height: 32px;

	color: #5b6472;

}



/*=========================================================
    DIGITAL TRANSFORMATION PAGE
    CSS PART 1
    Hero + Introduction + Global Styles
=========================================================*/

/*** Global ***/
.dt-hero,
.dt-intro,
.dt-capabilities,
.dt-value,
.dt-counter,
.dt-industries,
.dt-process,
.dt-why,
.dt-cta {
	position: relative;
}

.sec-title.centered {
	text-align: center;
}

.sec-title .sub-title {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #005BAC;
	margin-bottom: 15px;
}

.sec-title h2 {
	font-size: 42px;
	line-height: 1.25em;
	color: #1b1b1b;
	font-weight: 700;
	margin-bottom: 20px;
}

.sec-title p {
	font-size: 17px;
	color: #666;
	line-height: 32px;
	max-width: 760px;
	margin: 0 auto;
}

/*=========================================================
    HERO SECTION
=========================================================*/

.dt-hero {
	overflow: hidden;
	padding: 140px 0 120px;
	background: linear-gradient(135deg, #f7fbff 0%, #edf6ff 100%);
}

.dt-breadcrumb {
	margin-bottom: 20px;
	font-size: 15px;
	color: #666;
}

.dt-breadcrumb a {
	color: #005BAC;
	text-decoration: none;
	transition: .3s;
}

.dt-breadcrumb a:hover {
	color: #003f79;
}

.dt-breadcrumb span {
	margin: 0 8px;
}

.dt-hero h1 {
	font-size: 60px;
	line-height: 1.15em;
	font-weight: 800;
	color: #1b1b1b;
	margin-bottom: 25px;
}

.dt-hero h1 span {
	color: #005BAC;
}

.dt-hero p {
	max-width: 700px;
	font-size: 18px;
	line-height: 34px;
	color: #666;
	margin-bottom: 40px;
}

.dt-btns {
	display: flex;
	gap: 18px;
	flex-wrap: wrap;
}

.dt-btns .theme-btn {
	min-width: 190px;
	text-align: center;
}

/*** Decorative Shapes ***/

.dt-shape {
	position: absolute;
	border-radius: 50%;
	z-index: 0;
}

.shape-one {
	width: 420px;
	height: 420px;
	background: rgba(0, 91, 172, .05);
	top: -180px;
	right: -120px;
}

.shape-two {
	width: 260px;
	height: 260px;
	background: rgba(0, 91, 172, .08);
	bottom: -120px;
	left: -100px;
}

/*=========================================================
    INTRO SECTION
=========================================================*/

.dt-intro {
	padding: 110px 0;
	background: #fff;
}

.intro-image {
	position: relative;
	padding-right: 40px;
}

.intro-image img {
	width: 100%;
	display: block;
	border-radius: 22px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .12);
}

.experience-box {
	position: absolute;
	right: 0;
	bottom: 40px;
	background: #005BAC;
	color: #fff;
	padding: 30px;
	border-radius: 18px;
	text-align: center;
	width: 180px;
	box-shadow: 0 18px 40px rgba(0, 91, 172, .30);
}

.experience-box h3 {
	font-size: 42px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 8px;
}

.experience-box span {
	display: block;
	line-height: 26px;
	font-size: 15px;
}

.intro-content {
	padding-left: 30px;
}

.intro-content p {
	font-size: 17px;
	line-height: 32px;
	color: #666;
	margin-bottom: 22px;
}

.intro-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-top: 35px;
}

.list-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 16px;
	color: #444;
	line-height: 28px;
}

.list-item i {
	color: #005BAC;
	font-size: 18px;
	margin-top: 5px;
}

/*=========================================================
    RESPONSIVE
=========================================================*/

@media (max-width:1199px) {

	.dt-hero h1 {
		font-size: 50px;
	}

	.intro-content {
		padding-left: 0;
		margin-top: 60px;
	}

}

@media (max-width:991px) {

	.dt-hero {
		padding: 110px 0 90px;
		text-align: center;
	}

	.dt-hero p {
		margin-left: auto;
		margin-right: auto;
	}

	.dt-btns {
		justify-content: center;
	}

	.intro-image {
		padding-right: 0;
		margin-bottom: 70px;
	}

	.experience-box {
		right: 20px;
		bottom: -30px;
	}

	.intro-list {
		grid-template-columns: 1fr;
	}

}

@media (max-width:767px) {

	.dt-hero h1 {
		font-size: 38px;
	}

	.sec-title h2 {
		font-size: 32px;
	}

	.dt-hero p,
	.intro-content p {
		font-size: 16px;
		line-height: 30px;
	}

	.experience-box {
		width: 150px;
		padding: 22px;
	}

	.experience-box h3 {
		font-size: 34px;
	}

}

/*=========================================================
    DIGITAL TRANSFORMATION PAGE
    CSS PART 2
    Core Capabilities | Business Value | Counter | Industries
=========================================================*/


/*=========================================================
    CORE CAPABILITIES
=========================================================*/

.dt-capabilities {
	position: relative;
	padding: 110px 0;
	background: #f7faff;
}

.dt-capabilities .sec-title {
	margin-bottom: 70px;
}

/* Capability Card */

.capability-card {
	position: relative;
	background: #ffffff;
	padding: 45px 35px;
	border-radius: 20px;
	margin-bottom: 30px;
	overflow: hidden;
	height: 100%;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .06);
	transition: all .35s ease;
	border-top: 4px solid transparent;
}

.capability-card:hover {
	transform: translateY(-10px);
	border-color: #005BAC;
	box-shadow: 0 20px 45px rgba(0, 91, 172, .15);
}

.capability-card .icon {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: #eef5ff;
	color: #005BAC;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	margin-bottom: 25px;
	transition: .35s;
}

.capability-card:hover .icon {
	background: #005BAC;
	color: #fff;
}

.capability-card h3 {
	font-size: 24px;
	font-weight: 700;
	color: #1b1b1b;
	margin-bottom: 15px;
}

.capability-card p {
	font-size: 16px;
	line-height: 30px;
	color: #666;
	margin: 0;
}



/*=========================================================
    BUSINESS VALUE
=========================================================*/

.dt-value {
	padding: 110px 0;
	background: #ffffff;
}

.value-content {
	padding-right: 40px;
}

.value-content p {
	font-size: 17px;
	line-height: 32px;
	color: #666;
	margin-bottom: 35px;
}

.value-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.value-item {
	display: flex;
	align-items: flex-start;
	font-size: 16px;
	color: #444;
	line-height: 28px;
}

.value-item i {
	color: #005BAC;
	margin-right: 12px;
	margin-top: 5px;
	font-size: 18px;
}

.value-image img {
	width: 100%;
	border-radius: 20px;
	display: block;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
}



/*=========================================================
    COUNTER SECTION
=========================================================*/

.dt-counter {
	background: #005BAC;
	padding: 90px 0;
}

.counter-box {
	text-align: center;
	color: #fff;
	padding: 20px;
}

.counter-box h2 {
	font-size: 56px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 12px;
}

.counter-box span {
	display: block;
	font-size: 18px;
	line-height: 30px;
	color: rgba(255, 255, 255, .90);
}



/*=========================================================
    INDUSTRIES
=========================================================*/

.dt-industries {
	padding: 110px 0;
	background: #f7faff;
}

.dt-industries .sec-title {
	margin-bottom: 70px;
}

.industry-card {
	background: #ffffff;
	border-radius: 18px;
	text-align: center;
	padding: 45px 25px;
	margin-bottom: 30px;
	transition: .35s;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
	height: 100%;
}

.industry-card:hover {
	transform: translateY(-8px);
	background: #005BAC;
	box-shadow: 0 20px 45px rgba(0, 91, 172, .18);
}

.industry-card i {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	background: #eef5ff;
	color: #005BAC;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	margin-bottom: 25px;
	transition: .35s;
}

.industry-card:hover i {
	background: #ffffff;
	color: #005BAC;
}

.industry-card h4 {
	font-size: 22px;
	font-weight: 600;
	color: #222;
	margin: 0;
	transition: .35s;
}

.industry-card:hover h4 {
	color: #ffffff;
}



/*=========================================================
    RESPONSIVE
=========================================================*/

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

	.value-content {
		padding-right: 0;
		margin-bottom: 50px;
	}

	.value-list {
		grid-template-columns: 1fr;
	}

	.counter-box {
		margin-bottom: 35px;
	}

}

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

	.dt-capabilities,
	.dt-value,
	.dt-industries {
		padding: 80px 0;
	}

	.capability-card {
		padding: 35px 25px;
	}

	.capability-card h3 {
		font-size: 22px;
	}

	.counter-box h2 {
		font-size: 42px;
	}

	.counter-box span {
		font-size: 16px;
	}

	.industry-card {
		padding: 35px 20px;
	}

	.industry-card h4 {
		font-size: 20px;
	}

}

/*=========================================================
    DIGITAL TRANSFORMATION PAGE
    CSS PART 3
    Process | Why Choose PROEN | CTA | Animations
=========================================================*/

/*=========================================================
    PROCESS SECTION
=========================================================*/

.dt-process {
	position: relative;
	padding: 110px 0;
	background: #ffffff;
}

.dt-process .sec-title {
	margin-bottom: 70px;
}

.process-card {
	position: relative;
	background: #ffffff;
	padding: 45px 30px 35px;
	text-align: center;
	border-radius: 20px;
	margin-bottom: 30px;
	height: 100%;
	overflow: hidden;
	transition: all .35s ease;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
	border-top: 4px solid transparent;
}

.process-card:hover {
	transform: translateY(-10px);
	border-top-color: #005BAC;
	box-shadow: 0 22px 45px rgba(0, 91, 172, .15);
}

.step-number {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 52px;
	font-weight: 800;
	color: rgba(0, 91, 172, .08);
	line-height: 1;
}

.process-card i {
	width: 80px;
	height: 80px;
	margin: 0 auto 25px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #eef5ff;
	color: #005BAC;
	font-size: 32px;
	transition: .35s;
}

.process-card:hover i {
	background: #005BAC;
	color: #ffffff;
}

.process-card h3 {
	font-size: 24px;
	font-weight: 700;
	color: #1b1b1b;
	margin-bottom: 15px;
}

.process-card p {
	margin: 0;
	font-size: 16px;
	line-height: 30px;
	color: #666;
}


/*=========================================================
    WHY CHOOSE PROEN
=========================================================*/

.dt-why {
	padding: 110px 0;
	background: #f7faff;
}

.why-image img {
	width: 100%;
	display: block;
	border-radius: 22px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .10);
}

.why-content {
	padding-left: 40px;
}

.why-content p {
	font-size: 17px;
	line-height: 32px;
	color: #666;
	margin-bottom: 35px;
}

.why-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
}

.why-item {
	display: flex;
	align-items: flex-start;
	background: #ffffff;
	padding: 18px 20px;
	border-radius: 12px;
	font-size: 16px;
	line-height: 28px;
	color: #444;
	transition: .35s;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .05);
}

.why-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 35px rgba(0, 91, 172, .12);
}

.why-item i {
	color: #005BAC;
	margin-right: 12px;
	margin-top: 5px;
	font-size: 18px;
}


/*=========================================================
    CALL TO ACTION
=========================================================*/

.dt-cta {
	padding: 110px 0;
	background: #ffffff;
}

.cta-box {
	position: relative;
	overflow: hidden;
	text-align: center;
	background: linear-gradient(135deg, #005BAC, #0b73d6);
	color: #ffffff;
	padding: 80px 60px;
	border-radius: 25px;
}

.cta-box::before {
	content: "";
	position: absolute;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	top: -160px;
	right: -120px;
}

.cta-box::after {
	content: "";
	position: absolute;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05);
	bottom: -120px;
	left: -80px;
}

.cta-box .sub-title {
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 18px;
}

.cta-box h2 {
	font-size: 42px;
	line-height: 1.3em;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 20px;
	position: relative;
	z-index: 2;
}

.cta-box p {
	max-width: 760px;
	margin: 0 auto 35px;
	font-size: 17px;
	line-height: 32px;
	color: rgba(255, 255, 255, .92);
	position: relative;
	z-index: 2;
}

.cta-buttons {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}

/* Optional button styling if not inherited */
.cta-buttons .theme-btn {
	min-width: 200px;
	text-align: center;
}


/*=========================================================
    SIMPLE SCROLL ANIMATION
=========================================================*/

.capability-card,
.process-card,
.industry-card,
.why-item,
.counter-box {
	transition: all .35s ease;
}


/*=========================================================
    RESPONSIVE
=========================================================*/

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

	.why-content {
		padding-left: 20px;
	}

}

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

	.dt-process,
	.dt-why,
	.dt-cta {
		padding: 90px 0;
	}

	.why-content {
		padding-left: 0;
		margin-top: 50px;
	}

	.why-grid {
		grid-template-columns: 1fr;
	}

	.cta-box {
		padding: 60px 40px;
	}

}

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

	.dt-process,
	.dt-why,
	.dt-cta {
		padding: 80px 0;
	}

	.process-card {
		padding: 35px 25px;
	}

	.process-card h3 {
		font-size: 22px;
	}

	.step-number {
		font-size: 42px;
	}

	.cta-box {
		padding: 50px 25px;
		border-radius: 18px;
	}

	.cta-box h2 {
		font-size: 30px;
	}

	.cta-box p {
		font-size: 16px;
		line-height: 30px;
	}

	.cta-buttons {
		flex-direction: column;
		align-items: center;
	}

	.cta-buttons .theme-btn {
		width: 100%;
		max-width: 280px;
	}

}

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

	.cta-box h2 {
		font-size: 26px;
	}

	.process-card i {
		width: 70px;
		height: 70px;
		font-size: 28px;
	}

	.why-item {
		padding: 16px;
		font-size: 15px;
	}

}


/*==================================================
                PROEN FOOTER
==================================================*/

.proen-footer {

	background: #17375E;

	color: #d8e4f5;

	padding-top: 90px;

}

.proen-footer .footer-logo {

	margin-bottom: 30px;

}

.proen-footer .footer-logo img {

	max-width: 220px;

}

.proen-footer p {

	color: #d8e4f5;

	line-height: 30px;

	margin-bottom: 25px;

}

.proen-footer h3 {

	color: #fff;

	font-size: 22px;

	margin-bottom: 28px;

	position: relative;

}

.proen-footer h3:after {

	content: "";

	width: 45px;

	height: 3px;

	background: #F69323;

	position: absolute;

	left: 0;

	bottom: -12px;

}

.footer-links {

	list-style: none;

	padding: 0;

	margin: 0;

}

.footer-links li {

	margin-bottom: 14px;

}

.footer-links a {

	color: #d8e4f5;

	transition: .3s;

}

.footer-links a:hover {

	color: #F69323;

	padding-left: 8px;

}

.footer-contact .contact-item {

	display: flex;

	margin-bottom: 22px;

}

.footer-contact i {

	color: #F69323;

	font-size: 22px;

	width: 35px;

	margin-top: 4px;

}

.footer-contact a {

	color: #d8e4f5;

}

.footer-contact a:hover {

	color: #F69323;

}

.footer-social {

	display: flex;

	gap: 12px;

	margin-top: 20px;

}

.footer-social a {

	width: 42px;

	height: 42px;

	border-radius: 50%;

	background: rgba(255, 255, 255, .08);

	display: flex;

	align-items: center;

	justify-content: center;

	color: #fff;

	transition: .3s;

}

.footer-social a:hover {

	background: #F69323;

	transform: translateY(-4px);

}

.footer-bottom {

	margin-top: 70px;

	border-top: 1px solid rgba(255, 255, 255, .15);

	padding: 28px 0;

}

.footer-bottom p {

	margin: 0;

}

.footer-bottom a {

	color: #d8e4f5;

}

.footer-bottom a:hover {

	color: #F69323;

}

.footer-bottom span {

	margin: 0 12px;

	color: #6b8ab6;

}

@media(max-width:991px) {

	.proen-footer {

		text-align: center;

	}

	.footer-contact .contact-item {

		justify-content: center;

	}

	.footer-social {

		justify-content: center;

	}

	.footer-bottom {

		text-align: center;

	}

	.footer-bottom .text-lg-right {

		margin-top: 15px;

	}

}

/* header related changes  */

.header-upper .nav-outer {
	justify-content: flex-end !important;
}

.header-upper .main-menu {
	margin-left: auto !important;
}

.header-upper .navigation {
	justify-content: flex-end !important;
}

/* Remove Finandox red navigation background */
.header-upper .nav-outer,
.header-upper .main-menu,
.header-upper .navbar-collapse,
.main-menu {
	background: #F69323 !important;
	background-image: none !important;
}

/* Remove red gradient overlay */
.header-upper .nav-outer:before,
.header-upper .main-menu:before {
	display: none !important;
}

/* ==========================
   Compact Sticky Header
========================== */

.sticky-header {
	min-height: 65px;
	background: #ffffff !important;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

.sticky-header .auto-container {
	padding: 8px 0 !important;
}

.sticky-header .logo img {
	height: 42px !important;
	width: auto;
}

.sticky-header .navigation>li {
	padding: 0 !important;
}

.sticky-header .navigation>li>a {
	line-height: 35px !important;
	padding: 0 18px !important;
	font-size: 15px !important;
}

.sticky-header .main-menu {
	margin: 0;
}

.sticky-header .navigation>li.current>a,
.sticky-header .navigation>li:hover>a {
	color: #F69323 !important;
}

.sticky-header,
.sticky-header .auto-container,
.sticky-header .pull-right,
.sticky-header .main-menu,
.sticky-header .navigation,
.sticky-header .navigation>li,
.sticky-header .navbar-collapse {
	background: #ffffff !important;
}



/*=========================================
    Professional Dropdown
=========================================*/

.main-header .navigation>li {
	position: relative;
}

.main-header .navigation>li>ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 300px;

	background: #ffffff;
	border-top: 3px solid #F69323;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);

	padding: 10px 0;
	overflow: hidden;
	z-index: 9999;

	opacity: 0;
	visibility: hidden;
	transform: translateY(12px);

	transition: all .3s ease;
}

.main-header .navigation>li:hover>ul {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Dropdown Items */

.main-header .navigation>li>ul>li {
	position: relative;
}

.main-header .navigation>li>ul>li>a {
	display: block;
	padding: 14px 24px;
	font-size: 15px;
	font-weight: 500;
	color: #17375E;
	background: #fff;
	transition: all .3s ease;
}

/* Hover Effect */

.main-header .navigation>li>ul>li:hover>a {
	background: #F8FAFC;
	color: #F69323;
	padding-left: 32px;
}

/* Small Orange Indicator */

.main-header .navigation>li>ul>li>a::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-radius: 50%;
	background: #F69323;
	transition: all .3s ease;
}

.main-header .navigation>li>ul>li:hover>a::before {
	width: 6px;
	height: 6px;
}

/* Separator */

.main-header .navigation>li>ul>li:not(:last-child) {
	border-bottom: 1px solid #EEF2F7;
}


/* Sponsors section  */

.sponsors-section .image-box img {
	filter: none !important;
	opacity: 1 !important;
}



/*=========================================================
Technology Development - Alternating Sections
=========================================================*/

.technology-development-section-one,
.technology-development-section-two,
.technology-development-section-three {
	padding: 100px 0;
}

.technology-development-section-one {
	background: #ffffff;
}

.technology-development-section-two {
	background: #F8FAFC;
}

.technology-development-section-three {
	background: #ffffff;
}


/*=========================================================
Content
=========================================================*/

.technology-development-content {
	padding: 0 40px;
}

.technology-development-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.technology-development-content h2 {
	color: #1B5EB8;
	font-size: 40px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom: 25px;
}

.technology-development-content p {
	color: #666666;
	font-size: 17px;
	line-height: 32px;
	margin-bottom: 0;
}


/*=========================================================
Images
=========================================================*/

.technology-development-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.technology-development-image img {
	width: 100%;
	display: block;
	transition: all .4s ease;
}

.technology-development-image:hover img {
	transform: scale(1.05);
}


/*=========================================================
Spacing
=========================================================*/

.technology-development-section-one .row,
.technology-development-section-two .row,
.technology-development-section-three .row {
	align-items: center;
}


/*=========================================================
Responsive
=========================================================*/

@media(max-width:991px) {

	.technology-development-section-one,
	.technology-development-section-two,
	.technology-development-section-three {
		padding: 80px 0;
	}

	.technology-development-content {
		padding: 0;
		margin-bottom: 40px;
	}

	.technology-development-content h2 {
		font-size: 34px;
		line-height: 46px;
	}

	.technology-development-image {
		margin-top: 20px;
	}

}

@media(max-width:767px) {

	.technology-development-section-one,
	.technology-development-section-two,
	.technology-development-section-three {
		padding: 60px 0;
	}

	.technology-development-content h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.technology-development-content p {
		font-size: 16px;
		line-height: 28px;
	}

}


/*=========================================================
Technology Development - Overview Section
=========================================================*/

.technology-development-overview {
	padding: 100px 0;
	background: #ffffff;
}

.technology-development-overview-content {
	padding-left: 40px;
}

.technology-development-overview-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.technology-development-overview-content h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	margin-bottom: 25px;
}

.technology-development-overview-content p {
	color: #666666;
	font-size: 17px;
	line-height: 32px;
	margin-bottom: 0;
}

.technology-development-overview-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 15px 45px rgba(0, 0, 0, .08);
}

.technology-development-overview-image img {
	width: 100%;
	transition: .4s ease;
}

.technology-development-overview-image:hover img {
	transform: scale(1.05);
}



/*=========================================================
Technology Development Features
=========================================================*/

.technology-development-features {
	padding: 100px 0;
	background: #F8FAFC;
}

.technology-development-features-header {
	text-align: center;
	margin-bottom: 60px;
}

.technology-development-features-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.technology-development-features-header h2 {
	color: #1B5EB8;
	font-size: 40px;
	font-weight: 700;
	line-height: 56px;
	max-width: 900px;
	margin: 0 auto;
}



/*=========================================================
Feature Card
=========================================================*/

.technology-development-feature-card {
	background: #ffffff;
	border-radius: 20px;
	padding: 40px 30px;
	text-align: center;
	height: 100%;
	margin-bottom: 30px;
	border-top: 4px solid #F69323;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .06);
	transition: all .35s ease;
}

.technology-development-feature-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
}

.technology-development-feature-icon {
	width: 85px;
	height: 85px;
	margin: 0 auto 25px;
	border-radius: 50%;
	background: #F69323;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	transition: all .35s ease;
}

.technology-development-feature-card:hover .technology-development-feature-icon {
	background: #17375E;
	transform: rotateY(180deg);
}

.technology-development-feature-content h3 {
	color: #1B5EB8;
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	margin-bottom: 18px;
}

.technology-development-feature-content p {
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 0;
}



/*=========================================================
Responsive
=========================================================*/

@media (max-width:991px) {

	.technology-development-overview {
		padding: 80px 0;
	}

	.technology-development-overview-content {
		padding-left: 0;
		margin-top: 40px;
	}

	.technology-development-overview-content h2 {
		font-size: 34px;
		line-height: 46px;
	}

	.technology-development-features {
		padding: 80px 0;
	}

}

@media (max-width:767px) {

	.technology-development-overview-content h2,
	.technology-development-features-header h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.technology-development-feature-card {
		padding: 30px 25px;
	}

	.technology-development-feature-icon {
		width: 75px;
		height: 75px;
		font-size: 28px;
	}

	.technology-development-feature-content h3 {
		font-size: 22px;
		line-height: 32px;
	}

}

/*=========================================================
Technology Development - Why Choose Section
=========================================================*/

.technology-development-why-choose {
	padding: 60px 0;
	background: #ffffff;
}

.technology-development-why-choose-header {
	text-align: center;
	margin-bottom: 60px;
}

.technology-development-why-choose-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}

.technology-development-why-choose-header h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
}



/*=========================================================
Why Choose Cards
=========================================================*/

.technology-development-why-card {
	background: #ffffff;
	border: 1px solid #e9eef5;
	border-radius: 20px;
	padding: 25px 30px 0px 30px;
	text-align: center;
	height: 100%;
	margin-bottom: 30px;
	transition: all .35s ease;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.technology-development-why-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 45px rgba(0, 0, 0, .12);
	border-color: #F69323;
}

.technology-development-why-card-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 25px;
	border-radius: 50%;
	background: #F69323;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	transition: .35s ease;
}

.technology-development-why-card:hover .technology-development-why-card-icon {
	background: #17375E;
	transform: rotateY(180deg);
}

.technology-development-why-card-content h3 {
	color: #1B5EB8;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 18px;
	line-height: 34px;
}

.technology-development-why-card-content p {
	color: #666666;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 0;
}


/*=========================================================
Call To Action
=========================================================*/

.technology-development-cta {
	padding: 100px 0;
	background: #F8FAFC;
}

.technology-development-cta-box {
	background: linear-gradient(135deg, #17375E, #1B5EB8);
	border-radius: 20px;
	padding: 60px;
	overflow: hidden;
	position: relative;
}

.technology-development-cta-content {
	color: #ffffff;
}

.technology-development-cta-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.technology-development-cta-content h2 {
	color: #ffffff;
	font-size: 34px;
	font-weight: 700;
	line-height: 48px;
	margin-bottom: 0;
}

.technology-development-cta-button {
	display: inline-block;
	padding: 16px 40px;
	background: #F69323;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 50px;
	text-decoration: none;
	transition: .35s ease;
}

.technology-development-cta-button:hover {
	background: #ffffff;
	color: #1B5EB8;
	text-decoration: none;
}



/*=========================================================
Responsive
=========================================================*/

@media (max-width:991px) {

	.technology-development-why-choose {
		padding: 80px 0;
	}

	.technology-development-cta {
		padding: 80px 0;
	}

	.technology-development-cta-box {
		padding: 45px 35px;
		text-align: center;
	}

	.technology-development-cta-content {
		margin-bottom: 30px;
	}

}

@media (max-width:767px) {

	.technology-development-why-choose-header h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.technology-development-why-card {
		padding: 30px 25px;
	}

	.technology-development-why-card-content h3 {
		font-size: 22px;
		line-height: 30px;
	}

	.technology-development-cta-content h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.technology-development-cta-box {
		padding: 35px 25px;
	}

	.technology-development-cta-button {
		width: 100%;
		text-align: center;
	}

}


/*=========================================================
Managed Services - Introduction
CSS Part 1
=========================================================*/

.managed-services-introduction-section {
	padding: 60px 0;
	background: #FFFFFF;
}

.managed-services-introduction-content {
	padding-right: 50px;
}

.managed-services-introduction-heading {
	margin-bottom: 35px;
}

.managed-services-introduction-heading h2 {
	font-size: 42px;
	line-height: 58px;
	font-weight: 700;
	color: #1B5EB8;
	margin: 0;
}

.managed-services-introduction-description p {
	position: relative;
	padding-left: 32px;
	margin-bottom: 22px;
	font-size: 17px;
	line-height: 30px;
	color: #555555;
}

.managed-services-introduction-description p:last-child {
	margin-bottom: 0;
}

.managed-services-introduction-description p:before {
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 3px;
	color: #F69323;
	font-size: 18px;
}

.managed-services-introduction-image {
	text-align: center;
}

.managed-services-introduction-image img {
	width: 100%;
	max-width: 560px;
	border-radius: 24px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .10);
}

/*=========================================================
Managed Services Features
=========================================================*/

.managed-services-feature-section {
	padding: 40px 0 70px;
	background: #F8FAFC;
}

.managed-services-feature-header {
	margin-bottom: 60px;
}

.managed-services-feature-header h2 {
	max-width: 900px;
	margin: auto;
	font-size: 40px;
	line-height: 56px;
	font-weight: 700;
	color: #1B5EB8;
}

.managed-services-feature-card {
	background: #FFFFFF;
	border: 1px solid #E7EDF5;
	border-radius: 20px;
	padding: 40px 30px;
	margin-bottom: 30px;
	height: 100%;
	text-align: center;
	transition: all .35s ease;
	box-shadow: 0 10px 35px rgba(0, 0, 0, .05);
}

.managed-services-feature-card:hover {
	transform: translateY(-10px);
	border-color: #F69323;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
}

.managed-services-feature-icon {
	width: 82px;
	height: 82px;
	margin: 0 auto 25px;
	border-radius: 50%;
	/* background:#FFF5E9; */
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	transition: all .35s ease;
	padding: 16px;
}



.managed-services-feature-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: all .35s ease;
}

.managed-services-feature-card:hover .managed-services-feature-icon img {
	transform: scale(1.08);
}

.managed-services-feature-card h4 {
	color: #1B5EB8;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 18px;
}

.managed-services-feature-card p {
	color: #666666;
	font-size: 16px;
	line-height: 29px;
	margin: 0;
}

/*=========================================================
Responsive
=========================================================*/

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

	.managed-services-introduction-section {
		padding: 80px 0;
	}

	.managed-services-introduction-content {
		padding-right: 0;
		margin-bottom: 50px;
	}

	.managed-services-introduction-heading h2 {
		font-size: 34px;
		line-height: 48px;
	}

	.managed-services-feature-header h2 {
		font-size: 32px;
		line-height: 46px;
	}

}

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

	.managed-services-introduction-section {
		padding: 60px 0;
	}

	.managed-services-feature-section {
		padding: 20px 0 40px;
	}

	.managed-services-introduction-heading h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.managed-services-feature-header {
		margin-bottom: 40px;
	}

	.managed-services-feature-header h2 {
		font-size: 26px;
		line-height: 38px;
	}

	.managed-services-feature-card {
		padding: 30px 22px;
	}

}

/*=========================================================
Managed Services - Feature Section Bottom
CSS Part 2
=========================================================*/

.managed-services-feature-section-bottom {
	padding: 0 0 100px;
	background: #F8FAFC;
}

/*=========================================================
Experience Section
=========================================================*/

.managed-services-experience-section {
	padding: 100px 0;
	background: #FFFFFF;
}

.managed-services-experience-image {
	text-align: center;
}

.managed-services-experience-image img {
	width: 100%;
	max-width: 560px;
	border-radius: 24px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .10);
}

.managed-services-experience-content {
	padding-left: 40px;
}

.managed-services-experience-content h2 {
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	color: #1B5EB8;
	margin-bottom: 25px;
}

.managed-services-experience-content p {
	font-size: 17px;
	line-height: 30px;
	color: #666666;
	margin-bottom: 35px;
}

.managed-services-experience-action {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 25px;
	flex-wrap: wrap;
}

.managed-services-experience-info {
	display: flex;
	align-items: center;
	gap: 18px;
}

.managed-services-experience-info-icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #FFF5E9;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: .35s;
}

.managed-services-experience-info:hover .managed-services-experience-info-icon {
	background: #F69323;
}

.managed-services-experience-info-icon i {
	font-size: 28px;
	color: #F69323;
	transition: .35s;
}

.managed-services-experience-info:hover .managed-services-experience-info-icon i {
	color: #FFFFFF;
}

.managed-services-experience-info-content h5 {
	margin: 0;
	color: #1B5EB8;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
}

.managed-services-experience-button .theme-btn {
	border-radius: 50px;
	padding: 16px 36px;
	background: #F69323;
	border: 2px solid #F69323;
	transition: .35s;
}

.managed-services-experience-button .theme-btn:hover {
	background: #17375E;
	border-color: #17375E;
}

/*=========================================================
Responsive
=========================================================*/

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

	.managed-services-feature-section-bottom {
		padding: 0 0 80px;
	}

	.managed-services-experience-section {
		padding: 80px 0;
	}

	.managed-services-experience-content {
		padding-left: 0;
		margin-top: 50px;
	}

	.managed-services-experience-content h2 {
		font-size: 34px;
		line-height: 46px;
	}

}

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

	.managed-services-feature-section-bottom {
		padding: 0 0 60px;
	}

	.managed-services-experience-section {
		padding: 60px 0;
	}

	.managed-services-experience-content h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.managed-services-experience-content p {
		font-size: 16px;
		line-height: 28px;
	}

	.managed-services-experience-action {
		flex-direction: column;
		align-items: flex-start;
	}

	.managed-services-experience-button {
		width: 100%;
	}

	.managed-services-experience-button .theme-btn {
		width: 100%;
		text-align: center;
	}

	.managed-services-experience-info-content h5 {
		font-size: 20px;
		line-height: 30px;
	}

}

/*=========================================================
Managed Services - Why Choose Us
CSS Part 3
=========================================================*/

.managed-services-why-section {
	padding: 60px 0;
	background: #F8FAFC;
}

.managed-services-why-header {
	margin-bottom: 60px;
}

.managed-services-why-header h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	margin: 0;
}

.managed-services-why-content {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.managed-services-why-card {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	background: #FFFFFF;
	border: 1px solid #E8EDF5;
	border-radius: 18px;
	padding: 28px;
	box-shadow: 0 10px 35px rgba(0, 0, 0, .06);
	transition: all .35s ease;
}

.managed-services-why-card:hover {
	transform: translateY(-8px);
	border-color: #F69323;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.managed-services-why-icon {
	width: 72px;
	height: 72px;
	min-width: 72px;
	border-radius: 50%;
	background: #FFF4E7;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .35s ease;
}

.managed-services-why-card:hover .managed-services-why-icon {
	background: #F69323;
}

.managed-services-why-icon i {
	font-size: 30px;
	color: #F69323;
	transition: .35s;
}

.managed-services-why-card:hover .managed-services-why-icon i {
	color: #FFFFFF;
}

.managed-services-why-details h4 {
	color: #1B5EB8;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 12px;
}

.managed-services-why-details p {
	color: #666666;
	font-size: 16px;
	line-height: 29px;
	margin: 0;
}

.managed-services-why-image {
	text-align: center;
}

.managed-services-why-image img {
	width: 100%;
	max-width: 560px;
	border-radius: 22px;
}

/*=========================================================
Managed Services CTA
=========================================================*/

.managed-services-cta-section {
	padding: 60px 0;
	background: #FFFFFF;
}

.managed-services-cta-wrapper {
	background: linear-gradient(135deg, #17375E, #1B5EB8);
	border-radius: 24px;
	padding: 60px;
	overflow: hidden;
}

.managed-services-cta-content h2 {
	color: #FFFFFF;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;
}

.managed-services-cta-content p {
	color: #FFFFFF;
	font-size: 18px;
	line-height: 32px;
	margin: 0;
	opacity: .95;
}

.managed-services-cta-button {
	text-align: right;
}

.managed-services-cta-button .theme-btn {
	background: #F69323;
	border: 2px solid #F69323;
	color: #FFFFFF;
	border-radius: 50px;
	padding: 18px 38px;
	transition: .35s;
}

.managed-services-cta-button .theme-btn:hover {
	background: #FFFFFF;
	color: #1B5EB8;
	border-color: #FFFFFF;
}

/*=========================================================
Responsive
=========================================================*/

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

	.managed-services-why-section,
	.managed-services-cta-section {
		padding: 80px 0;
	}

	.managed-services-why-image {
		margin-top: 50px;
	}

	.managed-services-cta-wrapper {
		padding: 45px 35px;
		text-align: center;
	}

	.managed-services-cta-content h2 {
		font-size: 34px;
	}

	.managed-services-cta-button {
		text-align: center;
		margin-top: 30px;
	}

}

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

	.managed-services-why-section,
	.managed-services-cta-section {
		padding: 60px 0;
	}

	.managed-services-why-header {
		margin-bottom: 40px;
	}

	.managed-services-why-header h2,
	.managed-services-cta-content h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.managed-services-why-card {
		flex-direction: column;
		text-align: center;
		align-items: center;
		padding: 25px;
	}

	.managed-services-cta-wrapper {
		padding: 35px 25px;
	}

	.managed-services-cta-content p {
		font-size: 16px;
		line-height: 28px;
	}

	.managed-services-cta-button .theme-btn {
		width: 100%;
		text-align: center;
	}

}

/*=========================================================
Staff Augmentation - Introduction Sections
=========================================================*/

.staff-augmentation-introduction,
.staff-augmentation-section-one,
.staff-augmentation-section-two,
.staff-augmentation-section-three {
	padding: 60px 0;
}


.staff-augmentation-introduction {
	background: #ffffff;
	margin-left: -70px;
}


.staff-augmentation-section-one {
	background: #F8FAFC;
}


.staff-augmentation-section-two {
	background: #ffffff;
}


.staff-augmentation-section-three {
	background: #F8FAFC;
}



/*=========================================================
Content
=========================================================*/

.staff-augmentation-content {
	padding: 0 40px;
}


.staff-augmentation-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 15px;
}


.staff-augmentation-content h2 {
	color: #1B5EB8;
	font-size: 40px;
	font-weight: 700;
	line-height: 54px;
	margin-bottom: 25px;
}


.staff-augmentation-content p {
	color: #666666;
	font-size: 17px;
	line-height: 32px;
	margin-bottom: 0;
}



/*=========================================================
Images
=========================================================*/

.staff-augmentation-image {
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}


.staff-augmentation-image img {
	width: 100%;
	display: block;
	transition: .4s ease;
}


.staff-augmentation-image:hover img {
	transform: scale(1.05);
}



/*=========================================================
Responsive
=========================================================*/

@media(max-width:991px) {

	.staff-augmentation-introduction,
	.staff-augmentation-section-one,
	.staff-augmentation-section-two,
	.staff-augmentation-section-three {
		padding: 80px 0;
	}


	.staff-augmentation-content {
		padding: 0;
		margin-bottom: 40px;
	}


	.staff-augmentation-content h2 {
		font-size: 34px;
		line-height: 46px;
	}

}



@media(max-width:767px) {

	.staff-augmentation-introduction,
	.staff-augmentation-section-one,
	.staff-augmentation-section-two,
	.staff-augmentation-section-three {
		padding: 60px 0;
	}


	.staff-augmentation-content h2 {
		font-size: 28px;
		line-height: 40px;
	}


	.staff-augmentation-content p {
		font-size: 16px;
		line-height: 28px;
	}

}

/*=========================================================
Staff Augmentation - Features Section
=========================================================*/

.staff-augmentation-features {
	padding: 60px 0;
	background: #ffffff;
}


.staff-augmentation-features-header {
	text-align: center;
	margin-bottom: 60px;
}


.staff-augmentation-features-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
}


.staff-augmentation-features-header h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	max-width: 900px;
	margin: 0 auto;
}



/*=========================================================
Feature Cards
=========================================================*/

.staff-augmentation-feature-card {

	background: #ffffff;
	border-radius: 20px;
	padding: 40px 30px;
	height: 100%;
	margin-bottom: 30px;
	text-align: center;

	border-top: 4px solid #F69323;

	box-shadow: 0 12px 35px rgba(0, 0, 0, .06);

	transition: all .35s ease;
}



.staff-augmentation-feature-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 20px 45px rgba(0, 0, 0, .12);

}



/*=========================================================
Feature Icons
=========================================================*/

.staff-augmentation-feature-icon {

	width: 85px;
	height: 85px;

	margin: 0 auto 25px;

	border-radius: 50%;

	background: #F69323;

	color: #ffffff;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 32px;

	transition: .35s ease;

}



.staff-augmentation-feature-card:hover .staff-augmentation-feature-icon {

	background: #17375E;

	transform: rotateY(180deg);

}



/*=========================================================
Feature Content
=========================================================*/

.staff-augmentation-feature-content h3 {

	color: #1B5EB8;

	font-size: 24px;

	font-weight: 700;

	line-height: 34px;

	margin-bottom: 18px;

}



.staff-augmentation-feature-content p {

	color: #666666;

	font-size: 16px;

	line-height: 30px;

	margin-bottom: 0;

}



/*=========================================================
Consultation Section
=========================================================*/

.staff-augmentation-consultation {

	padding: 60px 0;

	background: #F8FAFC;

}



.staff-augmentation-consultation-image {

	overflow: hidden;

	border-radius: 20px;

	box-shadow: 0 20px 45px rgba(0, 0, 0, .08);

}



.staff-augmentation-consultation-image img {

	width: 100%;

	display: block;

	transition: .4s ease;

}



.staff-augmentation-consultation-image:hover img {

	transform: scale(1.05);

}



.staff-augmentation-consultation-content {

	padding-left: 40px;

}



.staff-augmentation-consultation-content h2 {

	color: #1B5EB8;

	font-size: 40px;

	font-weight: 700;

	line-height: 54px;

	margin-bottom: 25px;

}



.staff-augmentation-consultation-content p {

	color: #666666;

	font-size: 17px;

	line-height: 32px;

	margin-bottom: 30px;

}



/*=========================================================
Button
=========================================================*/

.staff-augmentation-primary-button {

	display: inline-block;

	padding: 15px 35px;

	background: #F69323;

	color: #ffffff;

	border-radius: 50px;

	font-size: 16px;

	font-weight: 600;

	text-decoration: none;

	transition: .35s ease;

}



.staff-augmentation-primary-button:hover {

	background: #17375E;

	color: #ffffff;

	text-decoration: none;

}



/*=========================================================
Responsive
=========================================================*/

@media(max-width:991px) {


	.staff-augmentation-features,
	.staff-augmentation-consultation {

		padding: 80px 0;

	}


	.staff-augmentation-features-header h2 {

		font-size: 34px;

		line-height: 46px;

	}


	.staff-augmentation-consultation-content {

		padding-left: 0;

		margin-top: 40px;

	}


	.staff-augmentation-consultation-content h2 {

		font-size: 34px;

		line-height: 46px;

	}


}



@media(max-width:767px) {


	.staff-augmentation-features-header h2 {

		font-size: 28px;

		line-height: 40px;

	}


	.staff-augmentation-feature-card {

		padding: 30px 25px;

	}


	.staff-augmentation-feature-icon {

		width: 75px;

		height: 75px;

		font-size: 28px;

	}


	.staff-augmentation-consultation-content h2 {

		font-size: 28px;

		line-height: 40px;

	}


	.staff-augmentation-primary-button {

		width: 100%;

		text-align: center;

	}

}

/*=========================================================
Staff Augmentation - Why Choose Section
=========================================================*/

.staff-augmentation-why-choose {

	padding: 60px 0;

	background: #ffffff;

}



.staff-augmentation-why-header {

	text-align: center;

	margin-bottom: 60px;

}



.staff-augmentation-why-header h2 {

	color: #1B5EB8;

	font-size: 42px;

	font-weight: 700;

	line-height: 56px;

}



/*=========================================================
Why Choose Cards
=========================================================*/

.staff-augmentation-why-card {

	background: #ffffff;

	border-radius: 20px;

	padding: 40px 30px;

	text-align: center;

	height: 100%;

	margin-bottom: 30px;

	border-top: 4px solid #F69323;

	box-shadow: 0 12px 35px rgba(0, 0, 0, .06);

	transition: .35s ease;

}



.staff-augmentation-why-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 20px 45px rgba(0, 0, 0, .12);

}



/*=========================================================
Why Icons
=========================================================*/

.staff-augmentation-why-icon {

	width: 85px;

	height: 85px;

	margin: 0 auto 25px;

	border-radius: 50%;

	background: #F69323;

	color: #ffffff;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 32px;

	transition: .35s ease;

}



.staff-augmentation-why-card:hover .staff-augmentation-why-icon {

	background: #17375E;

	transform: rotateY(180deg);

}



/*=========================================================
Why Content
=========================================================*/

.staff-augmentation-why-content h3 {

	color: #1B5EB8;

	font-size: 24px;

	font-weight: 700;

	line-height: 34px;

	margin-bottom: 18px;

}



.staff-augmentation-why-content p {

	color: #666666;

	font-size: 16px;

	line-height: 30px;

	margin-bottom: 0;

}



/*=========================================================
FAQ Accordion Section
=========================================================*/

.staff-augmentation-faq {

	padding: 100px 0;

	background: #F8FAFC;

}


.staff-augmentation-faq-header {

	text-align: center;

	margin-bottom: 60px;

}


.staff-augmentation-faq-header h2 {

	color: #1B5EB8;

	font-size: 42px;

	font-weight: 700;

	line-height: 56px;

}



.staff-augmentation-faq-wrapper {

	max-width: 950px;

	margin: auto;

}



.staff-augmentation-faq-item {

	background: #ffffff;

	border-radius: 15px;

	margin-bottom: 20px;

	overflow: hidden;

	box-shadow: 0 10px 30px rgba(0, 0, 0, .06);

	border-left: 4px solid #F69323;

}



/* Question Button */

.staff-augmentation-faq-question {

	width: 100%;

	background: none;

	border: none;

	padding: 25px 35px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	text-align: left;

	color: #1B5EB8;

	font-size: 20px;

	font-weight: 700;

	cursor: pointer;

}



.staff-augmentation-faq-question span {

	font-size: 30px;

	color: #F69323;

	transition: .3s ease;

}



/* Answer */

.staff-augmentation-faq-answer {

	max-height: 0;

	overflow: hidden;

	transition: max-height .4s ease;

}



.staff-augmentation-faq-answer p {

	padding: 0 35px 30px;

	color: #666666;

	font-size: 16px;

	line-height: 30px;

	margin: 0;

}



/* Active */

.staff-augmentation-faq-item.active .staff-augmentation-faq-answer {

	max-height: 300px;

}



.staff-augmentation-faq-item.active .staff-augmentation-faq-question span {

	transform: rotate(45deg);

}



/* Mobile */

@media(max-width:767px) {

	.staff-augmentation-faq-header h2 {

		font-size: 28px;

		line-height: 40px;

	}


	.staff-augmentation-faq-question {

		padding: 20px;

		font-size: 17px;

	}


	.staff-augmentation-faq-answer p {

		padding: 0 20px 25px;

	}

}

/*=========================================================
CTA Section
=========================================================*/

.staff-augmentation-cta {

	padding: 100px 0;

	background: #ffffff;

}



.staff-augmentation-cta-box {

	background: linear-gradient(135deg,
			#17375E,
			#1B5EB8);

	border-radius: 25px;

	padding: 60px;

	box-shadow: 0 20px 50px rgba(0, 0, 0, .12);

}



.staff-augmentation-cta-subtitle {

	display: inline-block;

	color: #F69323;

	font-size: 15px;

	font-weight: 700;

	letter-spacing: 2px;

	text-transform: uppercase;

	margin-bottom: 15px;

}



.staff-augmentation-cta-content h2 {

	color: #ffffff;

	font-size: 34px;

	font-weight: 700;

	line-height: 48px;

	margin-bottom: 0;

}



.staff-augmentation-cta-button {

	display: inline-block;

	padding: 16px 38px;

	background: #F69323;

	color: #ffffff;

	border-radius: 50px;

	font-size: 16px;

	font-weight: 600;

	text-decoration: none;

	transition: .35s ease;

}



.staff-augmentation-cta-button:hover {

	background: #ffffff;

	color: #1B5EB8;

	text-decoration: none;

}



/*=========================================================
Responsive
=========================================================*/

@media(max-width:991px) {


	.staff-augmentation-why-choose,
	.staff-augmentation-faq,
	.staff-augmentation-cta {

		padding: 80px 0;

	}


	.staff-augmentation-why-header h2,
	.staff-augmentation-faq-header h2 {

		font-size: 34px;

		line-height: 46px;

	}


	.staff-augmentation-cta-box {

		padding: 45px 35px;

		text-align: center;

	}


	.staff-augmentation-cta-content h2 {

		font-size: 30px;

		line-height: 42px;

		margin-bottom: 30px;

	}

}



@media(max-width:767px) {


	.staff-augmentation-why-header h2,
	.staff-augmentation-faq-header h2 {

		font-size: 28px;

		line-height: 40px;

	}


	.staff-augmentation-why-card {

		padding: 30px 25px;

	}


	.staff-augmentation-faq-item {

		padding: 25px 20px;

	}


	.staff-augmentation-cta-box {

		padding: 35px 25px;

	}


	.staff-augmentation-cta-content h2 {

		font-size: 26px;

		line-height: 38px;

	}


	.staff-augmentation-cta-button {

		width: 100%;

		text-align: center;

	}

}



/*=========================================================
PARALEGAL SERVICE - INTRODUCTION
=========================================================*/

.paralegal-service-introduction {
	padding: 60px 0;
	background: #ffffff;
}

.paralegal-service-header {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 70px;
}

.paralegal-service-subtitle {
	display: inline-block;
	padding: 8px 22px;
	background: rgba(246, 147, 35, 0.10);
	color: #F69323;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 50px;
	margin-bottom: 18px;
}

.paralegal-service-header h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	margin-bottom: 20px;
}

.paralegal-service-header p {
	color: #6B7280;
	font-size: 18px;
	line-height: 32px;
	margin: 0;
}

.paralegal-service-row {
	margin-bottom: 100px;
	align-items: center;
}

.paralegal-service-row:last-child {
	margin-bottom: 0;
}

/*=========================================================
IMAGE
=========================================================*/

.paralegal-service-image {
	position: relative;
	overflow: hidden;
	border-radius: 20px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
}

.paralegal-service-image img {
	width: 100%;
	display: block;
	border-radius: 20px;
	transition: .5s;
}

.paralegal-service-image:hover img {
	transform: scale(1.05);
}

/*=========================================================
CONTENT
=========================================================*/

.paralegal-service-content {
	padding-left: 40px;
}

.paralegal-service-label {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.paralegal-service-content h3 {
	color: #1B5EB8;
	font-size: 34px;
	font-weight: 700;
	line-height: 46px;
	margin-bottom: 20px;
}

.paralegal-service-content p {
	color: #6B7280;
	font-size: 17px;
	line-height: 32px;
	margin: 0;
}

.flex-lg-row-reverse .paralegal-service-content {
	padding-left: 0;
	padding-right: 40px;
}

/*=========================================================
CONTRACT CREATION
=========================================================*/

.paralegal-contract-creation {
	padding: 60px 0;
	background: #F8FAFC;
}

.paralegal-contract-header {
	text-align: center;
	max-width: 900px;
	margin: 0 auto 70px;
}

.paralegal-contract-header h2 {
	color: #1B5EB8;
	font-size: 40px;
	font-weight: 700;
	line-height: 56px;
	margin: 0;
}

.paralegal-contract-card {
	background: #ffffff;
	padding: 45px 35px;
	border-radius: 18px;
	height: 100%;
	text-align: center;
	transition: .4s;
	border: 1px solid #E8EEF5;
	box-shadow: 0 10px 35px rgba(0, 0, 0, .05);
	margin-bottom: 30px;
}

.paralegal-contract-card:hover {
	transform: translateY(-10px);
	border-color: #F69323;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .12);
}

.paralegal-contract-icon {
	width: 80px;
	height: 80px;
	margin: 0 auto 25px;
	border-radius: 50%;
	background: #17375E;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .4s;
}

.paralegal-contract-card:hover .paralegal-contract-icon {
	background: #F69323;
}

.paralegal-contract-icon i {
	color: #ffffff;
	font-size: 32px;
}

.paralegal-contract-card span {
	display: block;
	color: #F69323;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.paralegal-contract-card h3 {
	color: #1B5EB8;
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	margin-bottom: 18px;
}

.paralegal-contract-card p {
	color: #6B7280;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

/*=========================================================
PARALEGAL SERVICE - OUR OFFERINGS
=========================================================*/

.paralegal-offerings-section {
	padding: 60px 0;
	background: #ffffff;
}

.paralegal-offerings-header {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 70px;
}

.paralegal-offerings-subtitle {
	display: inline-block;
	padding: 8px 22px;
	background: rgba(246, 147, 35, .10);
	color: #F69323;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.paralegal-offerings-header h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	margin: 0;
}

.paralegal-offering-card {
	position: relative;
	background: #ffffff;
	padding: 45px 40px;
	border-radius: 18px;
	border: 1px solid #E8EEF5;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .05);
	transition: .4s;
	height: 100%;
	margin-bottom: 30px;
}

.paralegal-offering-card:hover {
	transform: translateY(-8px);
	border-color: #F69323;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .10);
}

.paralegal-offering-icon {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: #17375E;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 25px;
	transition: .4s;
}

.paralegal-offering-card:hover .paralegal-offering-icon {
	background: #F69323;
}

.paralegal-offering-icon i {
	color: #ffffff;
	font-size: 28px;
}

.paralegal-offering-content h3 {
	color: #1B5EB8;
	font-size: 28px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 25px;
}

.paralegal-offering-content p {
	color: #6B7280;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 18px;
}

.paralegal-offering-content p:last-child {
	margin-bottom: 0;
}

.paralegal-offering-content strong {
	color: #1B5EB8;
	font-weight: 700;
}

/*=========================================================
CTA SECTION
=========================================================*/

.paralegal-cta-section {
	padding: 80px 0;
	background: #F8FAFC;
}

.paralegal-cta-box {
	background: linear-gradient(135deg, #17375E, #1B5EB8);
	border-radius: 20px;
	padding: 70px 60px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.paralegal-cta-box::before {
	content: "";
	position: absolute;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	top: -80px;
	right: -80px;
}

.paralegal-cta-box::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05);
	left: -60px;
	bottom: -60px;
}

.paralegal-cta-box h2 {
	position: relative;
	z-index: 2;
	color: #ffffff;
	font-size: 38px;
	font-weight: 700;
	line-height: 56px;
	margin: 0;
}

/*=========================================================
PROEN FAQ SECTION
=========================================================*/

.proen-faq-section {
	padding: 60px 0;
	background: #ffffff;
}

.proen-faq-header {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 60px;
}

.proen-faq-subtitle {
	display: inline-block;
	padding: 8px 22px;
	background: rgba(246, 147, 35, .10);
	color: #F69323;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.proen-faq-header h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	margin: 0;
}

.proen-faq-container {
	max-width: 900px;
	margin: 0 auto;
}

.proen-faq-item {
	background: #ffffff;
	border: 1px solid #E5EAF1;
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 20px;
	transition: .35s;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.proen-faq-item:hover {
	border-color: #F69323;
}

.proen-faq-item.active {
	border-color: #F69323;
	box-shadow: 0 18px 45px rgba(0, 0, 0, .08);
}

.proen-faq-question {
	width: 100%;
	background: none;
	border: none;
	outline: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
	padding: 28px 30px;
	cursor: pointer;
	color: #1B5EB8;
	font-size: 22px;
	font-weight: 700;
}

.proen-faq-icon {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #17375E;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .35s;
	flex-shrink: 0;
}

.proen-faq-item.active .proen-faq-icon {
	background: #F69323;
	transform: rotate(45deg);
}

.proen-faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .45s ease;
}

.proen-faq-item.active .proen-faq-answer {
	max-height: 500px;
}

.proen-faq-answer-content {
	padding: 0 30px 30px;
}

.proen-faq-answer-content p {
	color: #6B7280;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 18px;
}

.proen-faq-answer-content p:last-child {
	margin-bottom: 0;
}

.proen-faq-answer-content strong {
	color: #1B5EB8;
	font-weight: 700;
}

/*=========================================================
RESPONSIVE
=========================================================*/

@media (max-width:991px) {

	.paralegal-service-header h2,
	.paralegal-contract-header h2,
	.paralegal-offerings-header h2,
	.proen-faq-header h2 {
		font-size: 34px;
		line-height: 46px;
	}

	.paralegal-service-content,
	.flex-lg-row-reverse .paralegal-service-content {
		padding: 40px 0 0;
	}

	.paralegal-service-row {
		margin-bottom: 70px;
	}

	.paralegal-cta-box {
		padding: 50px 35px;
	}

	.paralegal-cta-box h2 {
		font-size: 30px;
		line-height: 44px;
	}

	.proen-faq-question {
		font-size: 20px;
		padding: 24px;
	}

	.proen-faq-answer-content {
		padding: 0 24px 24px;
	}

}

@media (max-width:767px) {

	.paralegal-service-introduction,
	.paralegal-contract-creation,
	.paralegal-offerings-section,
	.paralegal-cta-section,
	.proen-faq-section {
		padding: 70px 0;
	}

	.paralegal-service-header h2,
	.paralegal-contract-header h2,
	.paralegal-offerings-header h2,
	.proen-faq-header h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.paralegal-service-content h3,
	.paralegal-offering-content h3 {
		font-size: 24px;
		line-height: 34px;
	}

	.paralegal-contract-card,
	.paralegal-offering-card {
		padding: 30px 25px;
	}

	.proen-faq-question {
		font-size: 18px;
		padding: 20px;
	}

	.proen-faq-icon {
		width: 38px;
		height: 38px;
	}

}

.paralegal-service-introduction,
.paralegal-contract-creation,
.paralegal-offerings-section,
.paralegal-cta-section,
.proen-faq-section {
	padding: 60px 0;
}


/*=========================================================
DATA EXTRACTION - INTRODUCTION
=========================================================*/

.data-extraction-introduction {
	padding: 100px 0 40px;
	background: #ffffff;
}

.data-extraction-header {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.data-extraction-subtitle {
	display: inline-block;
	padding: 8px 24px;
	background: rgba(246, 147, 35, .10);
	color: #F69323;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.data-extraction-header h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	margin-bottom: 22px;
}

.data-extraction-header p {
	color: #6B7280;
	font-size: 18px;
	line-height: 32px;
	margin: 0;
}

/*=========================================================
KEY FEATURES & BENEFITS
=========================================================*/

/*==================================================
DATA EXTRACTION FEATURES
==================================================*/

.data-extraction-features {
	padding: 60px 0;
	background: #F8FAFC;
}

.data-extraction-section-title {
	text-align: center;
	margin-bottom: 60px;
}

.data-extraction-section-title h2 {
	font-size: 42px;
	font-weight: 700;
	color: #17375E;
}

/*==================================================
CARD
==================================================*/

.data-extraction-card {
	position: relative;
	background: #fff;
	border: 1px solid #E5EAF2;
	border-radius: 20px;
	padding: 35px 25px;
	text-align: center;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
	transition: .35s ease;
	overflow: hidden;
	height: 100%;
}

.data-extraction-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .12);
}

.data-extraction-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	background: #F69323;
	transform: scaleX(0);
	transition: .35s;
}

.data-extraction-card:hover::before {
	transform: scaleX(1);
}

/*==================================================
PLUS BUTTON
==================================================*/

.expand-btn {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 42px;
	height: 42px;
	border: none;
	border-radius: 50%;
	background: #F8FAFC;
	border: 1px solid #D9E2EC;
	color: #17375E;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	transition: .3s;
}

.expand-btn i {
	font-size: 15px;
	transition: .3s;
}

.data-extraction-card:hover .expand-btn {
	background: #F69323;
	color: #fff;
	border-color: #F69323;
}

.data-extraction-card.active .expand-btn {
	background: #17375E;
	color: #fff;
	border-color: #17375E;
}

.data-extraction-card.active .expand-btn i {
	transform: rotate(45deg);
}

/*==================================================
IMAGE
==================================================*/

.data-extraction-image {
	margin-bottom: 25px;
}

.data-extraction-image img {
	width: 90px;
	height: 90px;
	object-fit: contain;
	transition: .35s;
}

.data-extraction-card:hover .data-extraction-image img {
	transform: scale(1.08);
}

/*==================================================
CONTENT
==================================================*/

.data-extraction-content h3 {
	font-size: 22px;
	font-weight: 700;
	color: #17375E;
	line-height: 1.4;
	margin: 0;
	padding: 0 40px 0 0;
}

/*==================================================
DESCRIPTION
==================================================*/

.feature-text {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height .4s ease, opacity .4s ease;
}

.feature-text p {
	margin-top: 20px;
	font-size: 15px;
	line-height: 28px;
	color: #667085;
}

.data-extraction-card.active .feature-text {
	max-height: 350px;
	opacity: 1;
}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px) {

	.data-extraction-features {
		padding: 80px 0;
	}

	.data-extraction-card {
		padding: 30px 20px;
	}

}

@media(max-width:767px) {

	.data-extraction-section-title h2 {
		font-size: 30px;
	}

	.data-extraction-image img {
		width: 70px;
		height: 70px;
	}

	.data-extraction-content h3 {
		font-size: 20px;
	}

}


.data-extraction-features .row {
	align-items: flex-start;
}

.data-extraction-features .col-lg-4,
.data-extraction-features .col-md-6 {
	display: flex;
	align-items: flex-start;
}

.data-extraction-card {
	width: 100%;
	height: auto;
}

/*=========================================================
RESPONSIVE
=========================================================*/

@media (max-width:991px) {

	.data-extraction-header h2,
	.data-extraction-section-title h2 {
		font-size: 34px;
		line-height: 46px;
	}

}

@media (max-width:767px) {

	.data-extraction-introduction,
	.data-extraction-features {
		padding: 70px 0;
	}

	.data-extraction-header h2,
	.data-extraction-section-title h2 {
		font-size: 28px;
		line-height: 40px;
	}

}




/*=========================================================
DATA EXTRACTION - HOW IT WORKS
=========================================================*/

.data-extraction-how-it-works {
	padding: 70px 0;
	background: #ffffff;
}

.data-extraction-how-header {
	max-width: 900px;
	margin: 0 auto 60px;
	text-align: center;
}

.data-extraction-how-subtitle {
	display: inline-block;
	padding: 8px 22px;
	background: rgba(27, 94, 184, .10);
	color: #1B5EB8;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.data-extraction-how-header h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	margin-bottom: 0;
}

/*=========================================================
PROCESS IMAGE
=========================================================*/

.data-extraction-process-image {
	max-width: 1100px;
	margin: 0 auto 60px;
	text-align: center;
}

.data-extraction-process-image img {
	width: 100%;
	max-width: 950px;
	height: auto;
	display: block;
	margin: auto;
	border-radius: 20px;
}

/*=========================================================
CONTENT
=========================================================*/

.data-extraction-how-content {
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

.data-extraction-how-content p {
	color: #6B7280;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 20px;
}

.data-extraction-how-content p:last-child {
	margin-bottom: 0;
}

/*=========================================================
LET'S TALK
=========================================================*/

.data-extraction-cta-section {
	padding: 70px 0;
	background: #F8FAFC;
}

.data-extraction-cta-box {
	background: linear-gradient(135deg, #17375E, #1B5EB8);
	border-radius: 24px;
	padding: 70px 60px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(23, 55, 94, .20);
}

.data-extraction-cta-box::before {
	content: "";
	position: absolute;
	width: 260px;
	height: 260px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .06);
	top: -120px;
	right: -100px;
}

.data-extraction-cta-box::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05);
	left: -60px;
	bottom: -60px;
}

.data-extraction-cta-content {
	position: relative;
	z-index: 2;
}

.data-extraction-cta-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.data-extraction-cta-content p {
	color: #ffffff;
	font-size: 20px;
	line-height: 34px;
	margin: 0;
}

.data-extraction-cta-button {
	position: relative;
	z-index: 2;
	text-align: right;
}

.data-extraction-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 38px;
	background: #F69323;
	color: #ffffff;
	border: 2px solid #F69323;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: .35s;
}

.data-extraction-btn:hover {
	background: #ffffff;
	color: #1B5EB8;
	border-color: #ffffff;
}

/*=========================================================
RESPONSIVE
=========================================================*/

@media (max-width:1199px) {

	.data-extraction-header h2,
	.data-extraction-section-title h2,
	.data-extraction-how-header h2 {
		font-size: 38px;
		line-height: 50px;
	}

	.data-extraction-card {
		padding: 30px;
	}

	.data-extraction-content h3 {
		font-size: 21px;
		line-height: 32px;
	}

	.data-extraction-process-image img {
		max-width: 850px;
	}

	.data-extraction-cta-box {
		padding: 60px 45px;
	}

}

@media (max-width:991px) {

	.data-extraction-introduction,
	.data-extraction-features,
	.data-extraction-how-it-works,
	.data-extraction-cta-section {
		padding: 80px 0;
	}

	.data-extraction-header h2,
	.data-extraction-section-title h2,
	.data-extraction-how-header h2 {
		font-size: 34px;
		line-height: 46px;
	}

	.data-extraction-header p,
	.data-extraction-how-content p {
		font-size: 17px;
		line-height: 30px;
	}

	.data-extraction-card {
		padding: 28px;
		text-align: center;
	}

	.data-extraction-image {
		text-align: center;
		margin-bottom: 22px;
	}

	.data-extraction-image img {
		width: 64px;
		height: 64px;
	}

	.data-extraction-content h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.data-extraction-process-image {
		margin-bottom: 45px;
	}

	.data-extraction-process-image img {
		max-width: 100%;
	}

	.data-extraction-cta-box {
		padding: 50px 35px;
		text-align: center;
	}

	.data-extraction-cta-content {
		margin-bottom: 30px;
	}

	.data-extraction-cta-button {
		text-align: center;
	}

}

@media (max-width:767px) {

	.data-extraction-introduction,
	.data-extraction-features,
	.data-extraction-how-it-works,
	.data-extraction-cta-section {
		padding: 70px 0;
	}

	.data-extraction-header h2,
	.data-extraction-section-title h2,
	.data-extraction-how-header h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.data-extraction-header p,
	.data-extraction-how-content p {
		font-size: 16px;
		line-height: 28px;
	}

	.data-extraction-card {
		padding: 24px;
		border-radius: 18px;
	}

	.data-extraction-image img {
		width: 56px;
		height: 56px;
	}

	.data-extraction-label,
	.data-extraction-subtitle,
	.data-extraction-how-subtitle,
	.data-extraction-cta-subtitle {
		font-size: 12px;
		padding: 7px 18px;
	}

	.data-extraction-content h3 {
		font-size: 18px;
		line-height: 28px;
	}

	.data-extraction-content p {
		font-size: 15px;
		line-height: 26px;
	}

	.data-extraction-process-image {
		margin-bottom: 35px;
	}

	.data-extraction-cta-box {
		padding: 35px 25px;
		border-radius: 18px;
	}

	.data-extraction-cta-content p {
		font-size: 16px;
		line-height: 28px;
	}

	.data-extraction-btn {
		width: 100%;
		justify-content: center;
	}

}



/*=========================================================
DIGITAL TRANSFORMATION - INTRODUCTION
=========================================================*/

.digital-transformation-introduction {
	padding: 60px 0;
	background: #ffffff;
}

.digital-transformation-header {
	max-width: 560px;
}

.digital-transformation-subtitle {
	display: inline-block;
	padding: 8px 24px;
	background: rgba(246, 147, 35, .12);
	color: #F69323;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.digital-transformation-header h2 {
	color: #1B5EB8;
	font-size: 44px;
	font-weight: 700;
	line-height: 58px;
	margin-bottom: 22px;
}

.digital-transformation-header p {
	color: #6B7280;
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 12px;
}

.digital-transformation-description {
	margin-bottom: 0 !important;
}

.digital-transformation-main-image {
	text-align: right;
}

.digital-transformation-main-image img {
	width: 100%;
	max-width: 520px;
	height: auto;
	border-radius: 20px;
}

/*=========================================================
DIGITAL TRANSFORMATION FEATURES
=========================================================*/

.digital-transformation-benefits {
	padding: 60px 0 100px;
	background: #F8FAFC;
}

.digital-transformation-card {
	background: #ffffff;
	border: 1px solid #E7EDF5;
	border-radius: 18px;
	padding: 35px 30px;
	margin-bottom: 30px;
	height: calc(100% - 30px);
	transition: .35s;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .05);
}

.digital-transformation-card:hover {
	transform: translateY(-8px);
	border-color: #F69323;
	box-shadow: 0 18px 45px rgba(23, 55, 94, .15);
}

.digital-transformation-card-icon {
	width: 72px;
	height: 72px;
	border-radius: 18px;
	background: #F8FAFC;
	border: 1px solid #E8EDF5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: .35s;
}

.digital-transformation-card:hover .digital-transformation-card-icon {
	background: #F69323;
	border-color: #F69323;
}

.digital-transformation-card-icon img {
	width: 42px;
	height: 42px;
	object-fit: contain;
}

.digital-transformation-label {
	display: inline-block;
	color: #F69323;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.digital-transformation-card h3 {
	color: #1B5EB8;
	font-size: 24px;
	font-weight: 700;
	line-height: 34px;
	margin-bottom: 18px;
}

.digital-transformation-card p {
	color: #6B7280;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

/*=========================================================
OUR CONSULTING SERVICES
=========================================================*/

.digital-transformation-consulting {
	padding: 60px 0;
	background: #ffffff;
}

.digital-transformation-section-title {
	max-width: 900px;
	margin: 0 auto 70px;
	text-align: center;
}

.digital-transformation-subtitle-small {
	display: inline-block;
	padding: 8px 24px;
	background: rgba(246, 147, 35, .12);
	color: #F69323;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.digital-transformation-section-title h2 {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 56px;
	margin: 0;
}

.digital-transformation-consulting-image {
	text-align: center;
}

.digital-transformation-consulting-image img {
	width: 100%;
	max-width: 500px;
	height: auto;
	border-radius: 20px;
}

.digital-transformation-service-card {
	background: #ffffff;
	border: 1px solid #E7EDF5;
	border-radius: 18px;
	padding: 35px 30px;
	margin-bottom: 30px;
	height: calc(100% - 30px);
	transition: .35s;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .05);
}

.digital-transformation-service-card:hover {
	transform: translateY(-8px);
	border-color: #F69323;
	box-shadow: 0 18px 45px rgba(23, 55, 94, .15);
}

.digital-transformation-service-card:hover .digital-transformation-card-icon {
	background: #F69323;
	border-color: #F69323;
}

.digital-transformation-service-card h3 {
	color: #1B5EB8;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	margin: 0 0 18px;
}

.digital-transformation-service-card p {
	color: #6B7280;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

/*=========================================================
OUR APPROACH
=========================================================*/

.digital-transformation-approach {
	padding: 60px 0;
	background: #F8FAFC;
}

.digital-transformation-approach-card {
	background: #ffffff;
	border: 1px solid #E7EDF5;
	border-radius: 18px;
	padding: 35px 28px;
	text-align: left;
	height: 100%;
	transition: .35s;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .05);
}

.digital-transformation-approach-card:hover {
	transform: translateY(-8px);
	border-color: #F69323;
	box-shadow: 0 18px 45px rgba(23, 55, 94, .15);
}

.digital-transformation-approach-card:hover .digital-transformation-card-icon {
	background: #F69323;
	border-color: #F69323;
}

.digital-transformation-approach-card h3 {
	color: #1B5EB8;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	margin: 0 0 18px;
}

.digital-transformation-approach-card p {
	color: #6B7280;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

.digital-transformation-approach .col-lg-3,
.digital-transformation-approach .col-md-6 {
	margin-bottom: 30px;
}

/*=========================================================
LET'S TALK
=========================================================*/

.digital-transformation-cta-section {
	padding: 60px 0;
	background: #ffffff;
}

.digital-transformation-cta-box {
	position: relative;
	overflow: hidden;
	padding: 65px 60px;
	border-radius: 24px;
	background: linear-gradient(135deg, #17375E, #1B5EB8);
	box-shadow: 0 20px 50px rgba(23, 55, 94, .20);
}

.digital-transformation-cta-box::before {
	content: "";
	position: absolute;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .06);
	top: -120px;
	right: -90px;
}

.digital-transformation-cta-box::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05);
	left: -60px;
	bottom: -60px;
}

.digital-transformation-cta-content {
	position: relative;
	z-index: 2;
}

.digital-transformation-cta-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.digital-transformation-cta-content p {
	color: #ffffff;
	font-size: 20px;
	line-height: 34px;
	margin: 0;
}

.digital-transformation-cta-button {
	position: relative;
	z-index: 2;
	text-align: right;
}

.digital-transformation-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 40px;
	background: #F69323;
	border: 2px solid #F69323;
	border-radius: 50px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: .35s;
}

.digital-transformation-btn:hover {
	background: #ffffff;
	color: #1B5EB8;
	border-color: #ffffff;
}

/*=========================================================
RESPONSIVE
=========================================================*/

@media (max-width:1199px) {

	.digital-transformation-header h2,
	.digital-transformation-section-title h2 {
		font-size: 38px;
		line-height: 50px;
	}

	.digital-transformation-card,
	.digital-transformation-service-card,
	.digital-transformation-approach-card {
		padding: 30px 25px;
	}

}

@media (max-width:991px) {

	.digital-transformation-introduction,
	.digital-transformation-benefits,
	.digital-transformation-consulting,
	.digital-transformation-approach,
	.digital-transformation-cta-section {
		padding: 80px 0;
	}

	.digital-transformation-header {
		max-width: 100%;
		text-align: center;
		margin-bottom: 50px;
	}

	.digital-transformation-main-image,
	.digital-transformation-consulting-image {
		text-align: center;
		margin-bottom: 45px;
	}

	.digital-transformation-header h2,
	.digital-transformation-section-title h2 {
		font-size: 34px;
		line-height: 46px;
	}

	.digital-transformation-cta-box {
		padding: 50px 35px;
		text-align: center;
	}

	.digital-transformation-cta-content {
		margin-bottom: 30px;
	}

	.digital-transformation-cta-button {
		text-align: center;
	}

}

@media (max-width:767px) {

	.digital-transformation-introduction,
	.digital-transformation-benefits,
	.digital-transformation-consulting,
	.digital-transformation-approach,
	.digital-transformation-cta-section {
		padding: 70px 0;
	}

	.digital-transformation-header h2,
	.digital-transformation-section-title h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.digital-transformation-header p,
	.digital-transformation-card p,
	.digital-transformation-service-card p,
	.digital-transformation-approach-card p {
		font-size: 15px;
		line-height: 28px;
	}

	.digital-transformation-card,
	.digital-transformation-service-card,
	.digital-transformation-approach-card {
		padding: 25px;
	}

	.digital-transformation-card-icon {
		width: 64px;
		height: 64px;
	}

	.digital-transformation-card-icon img {
		width: 36px;
		height: 36px;
	}

	.digital-transformation-cta-box {
		padding: 35px 25px;
	}

	.digital-transformation-cta-content p {
		font-size: 16px;
		line-height: 28px;
	}

	.digital-transformation-btn {
		width: 100%;
		justify-content: center;
	}

}




/*=========================================================
CLM CONSULTATION - INTRODUCTION
=========================================================*/

.clm-consultation-introduction {
	padding: 60px 0;
	background: #ffffff;
}

.clm-consultation-header {
	max-width: 560px;
}

.clm-consultation-subtitle {
	display: inline-block;
	padding: 8px 24px;
	background: rgba(246, 147, 35, .12);
	color: #F69323;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.clm-consultation-header h2 {
	color: #1B5EB8;
	font-size: 44px;
	font-weight: 700;
	line-height: 58px;
	margin-bottom: 22px;
}

.clm-consultation-header p {
	color: #6B7280;
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 15px;
}

.clm-consultation-description {
	margin-bottom: 15px;
}

.clm-consultation-main-image {
	text-align: right;
}

.clm-consultation-main-image img {
	width: 100%;
	max-width: 520px;
	height: auto;
	border-radius: 20px;
}

/*=========================================================
CLM CONSULTATION FEATURES
=========================================================*/

.clm-consultation-features {
	padding: 60px 0;
	background: #F8FAFC;
}

.clm-consultation-section-title {
	max-width: 850px;
	margin: 0 auto 60px;
	text-align: center;
}

.clm-consultation-section-title h2 {
	color: #1B5EB8;
	font-size: 40px;
	font-weight: 700;
	line-height: 54px;
	margin: 0;
}

.clm-consultation-card {
	background: #ffffff;
	border: 1px solid #E7EDF5;
	border-radius: 18px;
	padding: 35px 30px;
	margin-bottom: 30px;
	height: calc(100% - 30px);
	transition: .35s;
	box-shadow: 0 12px 35px rgba(0, 0, 0, .05);
}

.clm-consultation-card:hover {
	transform: translateY(-8px);
	border-color: #F69323;
	box-shadow: 0 18px 45px rgba(23, 55, 94, .15);
}

.clm-consultation-card-icon {
	width: 72px;
	height: 72px;
	border-radius: 18px;
	background: #F8FAFC;
	border: 1px solid #E8EDF5;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	transition: .35s;
}

.clm-consultation-card:hover .clm-consultation-card-icon {
	background: #F69323;
	border-color: #F69323;
}

.clm-consultation-card-icon img {
	width: 42px;
	height: 42px;
	object-fit: contain;
}

.clm-consultation-label {
	display: inline-block;
	color: #F69323;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.clm-consultation-card h3 {
	color: #1B5EB8;
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	margin-bottom: 18px;
}

.clm-consultation-card p {
	color: #6B7280;
	font-size: 16px;
	line-height: 30px;
	margin: 0;
}

/*=====================================================
        WHY CHOOSE CLM
======================================================*/

.clm-consultation-why {
	padding: 60px 0;
	background: #F8FAFC;
	position: relative;
	overflow: hidden;
}

/* Background Glow */

.clm-consultation-why::before {

	content: "";

	position: absolute;

	width: 700px;
	height: 700px;

	background: radial-gradient(circle, #EEF5FF 0%, transparent 70%);

	top: -250px;
	right: -200px;

	z-index: 0;

}

/*=====================================================
TITLE
======================================================*/

.clm-consultation-section-title {

	text-align: center;

	margin-bottom: 70px;

	position: relative;

	z-index: 2;

}

.clm-consultation-section-title h2 {

	font-size: 52px;

	line-height: 1.25;

	font-weight: 700;

	color: #1B5EB8;

}



/*=====================================================
CARD
======================================================*/

.benefit-card {

	position: relative;

	background: #fff;

	border-radius: 28px;

	padding: 38px;

	height: 100%;

	overflow: hidden;

	transition: .4s;

	border: 1px solid #EDF2F7;

	box-shadow: 0 12px 35px rgba(17, 24, 39, .06);

}

/* Hover */

.benefit-card:hover {

	transform: translateY(-10px);

	box-shadow: 0 25px 60px rgba(0, 0, 0, .12);

	border-color: #F69323;

}

/* Orange top line */

.benefit-card::before {

	content: "";

	position: absolute;

	left: 0;
	top: 0;

	width: 0;

	height: 5px;

	background: #F69323;

	transition: .4s;

}

.benefit-card:hover::before {

	width: 100%;

}

/*=====================================================
NUMBER
======================================================*/

.card-number {

	position: absolute;

	top: 18px;

	right: 25px;

	font-size: 72px;

	font-weight: 800;

	color: #17375E;

	opacity: .05;

	line-height: 1;

	pointer-events: none;

}

/*=====================================================
HEADER
======================================================*/

.benefit-header {

	display: flex;

	align-items: center;

	margin-bottom: 25px;

}

/*=====================================================
ICON
======================================================*/

.benefit-icon {

	width: 70px;

	height: 70px;

	border-radius: 18px;

	background: #EEF5FF;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 18px;

	transition: .35s;

}

.benefit-icon i {

	font-size: 32px;

	color: #1B5EB8;

}

.benefit-card:hover .benefit-icon {

	background: #17375E;

	transform: rotate(-8deg);

}

.benefit-card:hover .benefit-icon i {

	color: #fff;

}

/*=====================================================
TITLE
======================================================*/

.benefit-header h3 {

	margin: 0;

	font-size: 28px;

	color: #17375E;

	font-weight: 700;

	line-height: 1.3;

	transition: .35s;

}

.benefit-card:hover h3 {

	color: #F69323;

}

/*=====================================================
TEXT
======================================================*/

.benefit-card p {

	margin: 0;

	color: #5B6472;

	font-size: 17px;

	line-height: 32px;

}

/*=====================================================
RESPONSIVE
======================================================*/

@media(max-width:1199px) {

	.benefit-header h3 {

		font-size: 24px;

	}

}

@media(max-width:991px) {


	.clm-consultation-section-title h2 {

		font-size: 40px;

	}

}

@media(max-width:767px) {

	.clm-consultation-why {

		padding: 70px 0;

	}

	.clm-consultation-section-title {

		margin-bottom: 40px;

	}

	.clm-consultation-section-title h2 {

		font-size: 32px;

	}

	.benefit-card {

		padding: 30px 25px;

	}

	.benefit-header {

		flex-direction: column;

		text-align: center;

	}

	.benefit-icon {

		margin: 0 0 20px;

	}

	.benefit-header h3 {

		font-size: 22px;

	}

	.benefit-card p {

		text-align: center;

		font-size: 15px;

		line-height: 28px;

	}

	.card-number {

		font-size: 52px;

	}

}

.consultation-image {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 420px;
}

/* Soft glow behind image */
.consultation-image::before {
	content: "";
	position: absolute;
	width: 340px;
	height: 340px;
	background: radial-gradient(circle,
			rgba(27, 94, 184, .12) 0%,
			rgba(27, 94, 184, .06) 45%,
			transparent 75%);
	border-radius: 50%;
	z-index: 0;
}

/* Dotted circular ring */
.consultation-image::after {
	content: "";
	position: absolute;
	width: 380px;
	height: 380px;
	border: 2px dashed rgba(27, 94, 184, .18);
	border-radius: 50%;
	animation: rotateRing 35s linear infinite;
}

.consultation-image img {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 340px;
	animation: floatImage 5s ease-in-out infinite;
	filter: drop-shadow(0 25px 35px rgba(0, 0, 0, .12));
}

@keyframes floatImage {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-12px);
	}

}

@keyframes rotateRing {

	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}

}

.bubble {
	position: absolute;
	border-radius: 50%;
	background: #F69323;
	opacity: .2;
}

.bubble1 {
	width: 18px;
	height: 18px;
	top: 40px;
	left: 60px;
}

.bubble2 {
	width: 10px;
	height: 10px;
	right: 50px;
	top: 120px;
}

.bubble3 {
	width: 14px;
	height: 14px;
	bottom: 60px;
	left: 80px;
}

/*=========================================================
CONSULTATION HIGHLIGHT
=========================================================*/

.clm-consultation-highlight {
	padding: 60px 0;
	background: #F8FAFC;
}

.clm-consultation-highlight-box {
	background: linear-gradient(135deg, #17375E, #1B5EB8);
	border-radius: 24px;
	padding: 70px 60px;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.clm-consultation-highlight-box::before {
	content: "";
	position: absolute;
	width: 220px;
	height: 220px;
	background: rgba(255, 255, 255, .06);
	border-radius: 50%;
	top: -80px;
	right: -80px;
}

.clm-consultation-highlight-box::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	background: rgba(255, 255, 255, .05);
	border-radius: 50%;
	left: -60px;
	bottom: -60px;
}

.clm-consultation-highlight-box .clm-consultation-label {
	display: inline-block;
	color: #F69323;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.clm-consultation-highlight-box h2 {
	color: #ffffff;
	font-size: 38px;
	font-weight: 700;
	line-height: 52px;
	margin-bottom: 20px;
}

.clm-consultation-highlight-box p {
	color: #E5E7EB;
	font-size: 18px;
	line-height: 32px;
	margin: 0;
}

/*=========================================================
FAQ SECTION
=========================================================*/

.clm-consultation-faq {
	padding: 60px 0;
	background: #ffffff;
}

.clm-consultation-faq .clm-consultation-section-title {
	margin-bottom: 60px;
}

.clm-consultation-faq .proen-faq-container {
	max-width: 900px;
	margin: 0 auto;
}

/*=========================================================
FAQ ANSWER - LARGER LAYOUT
=========================================================*/

.proen-faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height .45s ease, padding .35s ease;
	padding: 0 35px;
}

.proen-faq-item.active .proen-faq-answer {
	max-height: 600px;
	padding: 0 35px 30px;
}

.proen-faq-answer p {
	font-size: 17px;
	line-height: 32px;
	color: #6B7280;
	margin: 0;
}

.proen-faq-question {
	padding: 28px 35px;
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
}

.proen-faq-icon {
	width: 42px;
	height: 42px;
	font-size: 26px;
	flex-shrink: 0;
}

/* Mobile */

@media (max-width:767px) {

	.proen-faq-question {
		padding: 22px 20px;
		font-size: 18px;
		line-height: 28px;
	}

	.proen-faq-answer {
		padding: 0 20px;
	}

	.proen-faq-item.active .proen-faq-answer {
		padding: 0 20px 25px;
	}

	.proen-faq-answer p {
		font-size: 16px;
		line-height: 28px;
	}

}


/*=========================================================
LET'S TALK
=========================================================*/

.clm-consultation-cta-section {
	padding: 60px 0;
	background: #ffffff;
}

.clm-consultation-cta-box {
	position: relative;
	overflow: hidden;
	padding: 65px 60px;
	border-radius: 24px;
	background: linear-gradient(135deg, #17375E, #1B5EB8);
	box-shadow: 0 20px 50px rgba(23, 55, 94, .20);
}

.clm-consultation-cta-box::before {
	content: "";
	position: absolute;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .06);
	top: -100px;
	right: -80px;
}

.clm-consultation-cta-box::after {
	content: "";
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .05);
	bottom: -70px;
	left: -50px;
}

.clm-consultation-cta-content,
.clm-consultation-cta-button {
	position: relative;
	z-index: 2;
}

.clm-consultation-cta-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 18px;
}

.clm-consultation-cta-content p {
	color: #ffffff;
	font-size: 20px;
	line-height: 34px;
	margin: 0;
}

.clm-consultation-cta-button {
	text-align: right;
}

.clm-consultation-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 16px 40px;
	border-radius: 50px;
	background: #F69323;
	border: 2px solid #F69323;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: .35s;
}

.clm-consultation-btn:hover {
	background: #ffffff;
	color: #1B5EB8;
	border-color: #ffffff;
}

/*=========================================================
RESPONSIVE
=========================================================*/

@media (max-width:991px) {

	.clm-consultation-highlight-box,
	.clm-consultation-about-content,
	.clm-consultation-cta-box {
		padding: 45px 35px;
	}

	.clm-consultation-highlight-box h2 {
		font-size: 30px;
		line-height: 42px;
	}

	.clm-consultation-cta-content {
		margin-bottom: 30px;
		text-align: center;
	}

	.clm-consultation-cta-button {
		text-align: center;
	}
}

@media (max-width:767px) {

	.clm-consultation-about,
	.clm-consultation-highlight,
	.clm-consultation-faq,
	.clm-consultation-cta-section {
		padding: 70px 0;
	}

	.clm-consultation-highlight-box,
	.clm-consultation-about-content,
	.clm-consultation-cta-box {
		padding: 30px 25px;
	}

	.clm-consultation-highlight-box h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.clm-consultation-about-content p,
	.clm-consultation-highlight-box p,
	.clm-consultation-cta-content p {
		font-size: 16px;
		line-height: 28px;
	}

	.clm-consultation-btn {
		width: 100%;
		justify-content: center;
	}
}


/*==================================================
AI CLM Hero Section
==================================================*/

.ai-clm-hero-section {
	position: relative;
	padding: 60px 0;
	background: #ffffff;
	overflow: hidden;
}

.ai-clm-hero-content {
	padding-right: 40px;
}

.ai-clm-subtitle {
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	color: #F69323;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.ai-clm-hero-content h1 {
	margin-top: -40px;
	font-size: 44px;
	line-height: 1.2;
	font-weight: 700;
	color: #1B5EB8;
	margin-bottom: 25px;
}

.ai-clm-hero-content p {
	font-size: 17px;
	line-height: 1.9;
	color: #666666;
	margin-bottom: 20px;
}

.ai-clm-hero-btn {
	margin-top: 35px;
}

.ai-clm-hero-image {
	text-align: center;
}

.ai-clm-hero-image img {
	width: 100%;
	max-width: 650px;
	height: auto;
	border-radius: 20px;
}





@media(max-width:991px) {

	.ai-clm-capabilities-section {
		padding: 80px 0;
	}

	.ai-clm-capability-card {
		padding: 40px 30px;
	}

}

@media(max-width:767px) {

	.ai-clm-capabilities-section {
		padding: 60px 0;
	}

	.ai-clm-capabilities-section .sec-title {
		margin-bottom: 45px;
	}

	.ai-clm-capabilities-section .sec-title h2 {
		font-size: 32px;
	}

	.ai-clm-capability-card {
		padding: 35px 25px;
	}

	.ai-clm-icon {
		width: 75px;
		height: 75px;
		font-size: 28px;
		margin-bottom: 25px;
	}

	.ai-clm-capability-card h3 {
		font-size: 20px;
	}

}



/*==================================================
Responsive
==================================================*/

@media (max-width:991px) {

	.ai-clm-hero-section {
		padding: 70px 0;
	}

	.ai-clm-hero-content {
		padding-right: 0;
		margin-bottom: 50px;
		text-align: center;
	}

	.ai-clm-hero-content h1 {
		font-size: 38px;
	}

	.ai-clm-capabilities-section {
		padding: 70px 0;
	}

	.ai-clm-capabilities-section .sec-title h2 {
		font-size: 34px;
	}

}

@media (max-width:767px) {

	.ai-clm-hero-content h1 {
		font-size: 30px;
	}

	.ai-clm-hero-content p {
		font-size: 16px;
	}

	.ai-clm-capabilities-section .sec-title h2 {
		font-size: 28px;
	}

	.ai-clm-capability-card {
		padding: 30px 20px;
	}

	.ai-clm-icon {
		width: 70px;
		height: 70px;
		font-size: 28px;
	}

	.ai-clm-capability-card h3 {
		font-size: 20px;
	}

}

/*==================================================
AI Across Leading CLM Platforms
==================================================*/

.ai-clm-platform-section {
	position: relative;
	padding: 60px 0;
	background: #ffffff;
}

.ai-clm-platform-content {
	padding-right: 40px;
}

.ai-clm-platform-content h2 {
	font-size: 42px;
	font-weight: 700;
	color: #1B5EB8;
	line-height: 1.3;
	margin-bottom: 25px;
}

.ai-clm-platform-content p {
	font-size: 17px;
	color: #666666;
	line-height: 1.9;
	margin-bottom: 20px;
}

.ai-clm-platform-image {
	text-align: center;
}

.ai-clm-platform-image img {
	width: 100%;
	max-width: 650px;
	height: auto;
	border-radius: 20px;
}



/*==================================================
Business Outcomes
==================================================*/



/*==================================================
        AI CLM BUSINESS OUTCOMES
==================================================*/

.ai-clm-business-outcomes {
	padding: 90px 0;
	background: #F8FAFC;
}

.ai-clm-business-outcomes .sec-title {
	text-align: center;
	margin-bottom: 60px;
}

.ai-clm-business-outcomes .sec-title h2 {
	font-size: 42px;
	font-weight: 700;
	color: #17375E;
	margin-bottom: 18px;
	line-height: 1.3;
}

.ai-clm-business-outcomes .sec-title p {
	max-width: 760px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 1.8;
	color: #6B7280;
}

.ai-clm-business-outcomes .row {
	row-gap: 30px;
}

/*==============================
        Card
==============================*/

.ai-clm-outcome-card {
	position: relative;
	background: #ffffff;
	border: 1px solid #E5EAF0;
	border-radius: 12px;
	padding: 40px 35px;
	height: 100%;
	transition: .35s ease;
	overflow: hidden;
}

/* Left Accent */

.ai-clm-outcome-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 100%;
	background: #F69323;
}

/* Hover */

.ai-clm-outcome-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 40px rgba(15, 35, 60, .12);
	border-color: #1B5EB8;
}

/*==============================
        Icon
==============================*/

.ai-clm-outcome-icon {
	width: 58px;
	height: 58px;
	border-radius: 12px;
	background: #EEF5FD;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1B5EB8;
	font-size: 24px;
	margin-bottom: 25px;
	transition: .35s ease;
}

.ai-clm-outcome-card:hover .ai-clm-outcome-icon {
	background: #1B5EB8;
	color: #ffffff;
}

/*==============================
        Title
==============================*/

.ai-clm-outcome-card h3 {
	font-size: 22px;
	font-weight: 600;
	color: #17375E;
	line-height: 1.5;
	margin-bottom: 15px;
}

/*==============================
        Description
==============================*/

.ai-clm-outcome-card p {
	margin: 0;
	color: #6B7280;
	font-size: 15px;
	line-height: 1.8;
}

/*==============================
        Decorative Line
==============================*/

.ai-clm-outcome-card:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 35px;
	width: 55px;
	height: 3px;
	background: #F69323;
	transition: .35s;
}

.ai-clm-outcome-card:hover:after {
	width: 100px;
}

/*==============================
        Responsive
==============================*/

@media(max-width:991px) {

	.ai-clm-business-outcomes {
		padding: 70px 0;
	}

	.ai-clm-business-outcomes .sec-title h2 {
		font-size: 36px;
	}

	.ai-clm-outcome-card {
		padding: 35px 30px;
	}

}

@media(max-width:767px) {

	.ai-clm-business-outcomes {
		padding: 60px 0;
	}

	.ai-clm-business-outcomes .sec-title {
		margin-bottom: 40px;
	}

	.ai-clm-business-outcomes .sec-title h2 {
		font-size: 30px;
	}

	.ai-clm-business-outcomes .sec-title p {
		font-size: 16px;
	}

	.ai-clm-outcome-card {
		padding: 30px 25px;
	}

	.ai-clm-outcome-icon {
		width: 52px;
		height: 52px;
		font-size: 22px;
		margin-bottom: 20px;
	}

	.ai-clm-outcome-card h3 {
		font-size: 20px;
	}

}

/*==================================================
Why AI + PROEN
==================================================*/

.ai-clm-why-section {
	position: relative;
	padding: 60px 0;
	background: #ffffff;
}

.ai-clm-why-image {
	text-align: center;
}

.ai-clm-why-image img {
	width: 100%;
	max-width: 620px;
	height: auto;
	border-radius: 20px;
}

.ai-clm-why-content {
	padding-left: 40px;
}

.ai-clm-why-content h2 {
	font-size: 42px;
	font-weight: 700;
	color: #1B5EB8;
	line-height: 1.3;
	margin-bottom: 25px;
}

.ai-clm-why-content p {
	font-size: 17px;
	color: #666666;
	line-height: 1.9;
	margin-bottom: 20px;
}



/*==================================================
Responsive
==================================================*/

@media (max-width:991px) {

	.ai-clm-platform-section,
	.ai-clm-business-outcomes,
	.ai-clm-why-section {
		padding: 70px 0;
	}

	.ai-clm-platform-content,
	.ai-clm-why-content {
		padding: 0;
		text-align: center;
		margin-bottom: 40px;
	}

	.ai-clm-platform-content h2,
	.ai-clm-business-outcomes .sec-title h2,
	.ai-clm-why-content h2 {
		font-size: 34px;
	}

}

@media (max-width:767px) {

	.ai-clm-platform-content h2,
	.ai-clm-business-outcomes .sec-title h2,
	.ai-clm-why-content h2 {
		font-size: 28px;
	}

	.ai-clm-platform-content p,
	.ai-clm-why-content p {
		font-size: 16px;
	}

	.ai-clm-outcome-card {
		padding: 30px 20px;
	}

	.ai-clm-outcome-icon {
		width: 70px;
		height: 70px;
		font-size: 28px;
	}

	.ai-clm-outcome-card h3 {
		font-size: 20px;
	}

}

/*=========================================================
            AI FEATURES SECTION
=========================================================*/

.ai-clm-features-section {
	padding: 70px 0;
	background: #ffffff;
}

.ai-clm-features-section .sec-title {
	margin-bottom: 55px;
}

.ai-clm-features-section .sub-title {
	display: inline-block;
	font-size: 15px;
	font-weight: 600;
	color: #F69323;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.ai-clm-features-section .sec-title h2 {
	font-size: 42px;
	font-weight: 700;
	color: #17375E;
	margin-bottom: 15px;
}

.ai-clm-features-section .sec-title .text {
	max-width: 720px;
	margin: 0 auto;
	color: #666;
	font-size: 17px;
	line-height: 30px;
}

/*=========================================================
                COLUMN SPACING
=========================================================*/

.ai-clm-features-section .col-lg-6:first-child {
	padding-right: 25px;
}

.ai-clm-features-section .col-lg-6:last-child {
	padding-left: 25px;
}

.ai-feature-list {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

/*=========================================================
                FEATURE ITEM
=========================================================*/

.ai-feature-item {

	display: flex;
	align-items: center;

	background: #fff;

	border: 1px solid #E8EDF5;

	border-left: 5px solid #1B5EB8;

	border-radius: 10px;

	padding: 16px 20px;

	transition: .35s;

}

.ai-feature-item:hover {

	border-left-color: #F69323;

	transform: translateX(8px);

	box-shadow: 0 12px 30px rgba(0, 0, 0, .08);

}

/*=========================================================
                    ICON
=========================================================*/

.ai-feature-icon {

	width: 55px;
	height: 55px;

	min-width: 55px;

	border-radius: 50%;

	background: #EEF5FF;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 18px;

	transition: .35s;

}

.ai-feature-icon i {

	font-size: 22px;

	color: #1B5EB8;

}

.ai-feature-item:hover .ai-feature-icon {

	background: #1B5EB8;

}

.ai-feature-item:hover .ai-feature-icon i {

	color: #fff;

}

/*=========================================================
                    TITLE
=========================================================*/

.ai-feature-title {

	flex: 1;

}

.ai-feature-title h4 {

	margin: 0;

	font-size: 18px;

	font-weight: 700;

	color: #17375E;

	line-height: 1.4;

}

/*=========================================================
                BENEFIT
=========================================================*/

.ai-feature-benefit {

	background: #F8FAFC;

	color: #1B5EB8;

	font-size: 14px;

	font-weight: 600;

	padding: 8px 15px;

	border-radius: 30px;

	white-space: nowrap;

	border: 1px solid #E6ECF3;

}

/*=========================================================
                    HOVER
=========================================================*/

.ai-feature-item:hover .ai-feature-benefit {

	background: #F69323;

	color: #fff;

	border-color: #F69323;

}

/*=========================================================
                RESPONSIVE
=========================================================*/

@media(max-width:991px) {

	.ai-clm-features-section {

		padding: 60px 0;

	}

	.ai-clm-features-section .sec-title {

		margin-bottom: 40px;

	}

	.ai-clm-features-section .sec-title h2 {

		font-size: 34px;

	}

	.ai-clm-features-section .col-lg-6:first-child,
	.ai-clm-features-section .col-lg-6:last-child {

		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 20px;

	}

	.ai-feature-item {

		padding: 15px;

	}

	.ai-feature-icon {

		width: 48px;
		height: 48px;
		min-width: 48px;
		margin-right: 15px;

	}

	.ai-feature-icon i {

		font-size: 20px;

	}

	.ai-feature-title h4 {

		font-size: 16px;

	}

	.ai-feature-benefit {

		font-size: 13px;

		padding: 6px 12px;

	}

}

@media(max-width:767px) {

	.ai-clm-features-section {

		padding: 50px 0;

	}

	.ai-clm-features-section .sec-title h2 {

		font-size: 28px;

	}

	.ai-clm-features-section .sec-title .text {

		font-size: 15px;

		line-height: 28px;

	}

	.ai-feature-item {

		flex-wrap: wrap;

		align-items: flex-start;

	}

	.ai-feature-benefit {

		margin-top: 12px;

		margin-left: 70px;

	}

}



/*=========================================
AI CLM CTA Section
=========================================*/

.ai-clm-cta-section {
	padding: 60px 0;
	background: #ffffff;
}

.ai-clm-cta-wrapper {
	background: linear-gradient(135deg, #17375E 0%, #1B5EB8 100%);
	border-radius: 24px;
	padding: 60px 70px;
	box-shadow: 0 20px 60px rgba(23, 55, 94, 0.20);
	position: relative;
	overflow: hidden;
}

.ai-clm-cta-wrapper::before {
	content: "";
	position: absolute;
	top: -80px;
	right: -80px;
	width: 220px;
	height: 220px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
}

.ai-clm-cta-wrapper::after {
	content: "";
	position: absolute;
	bottom: -60px;
	left: -60px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.05);
}

.ai-clm-cta-content,
.ai-clm-cta-btn {
	position: relative;
	z-index: 2;
}

.ai-clm-cta-content h2 {
	color: #ffffff;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 20px;
}

.ai-clm-cta-content p {
	color: rgba(255, 255, 255, .90);
	font-size: 17px;
	line-height: 1.9;
	margin-bottom: 0;
}

.ai-clm-cta-section .ai-clm-subtitle {
	color: #F69323;
}

.ai-clm-cta-btn {
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 100%;
}

/* Premium Button */

.ai-clm-cta-btn .theme-btn {
	background: #F69323;
	color: #ffffff;
	padding: 16px 40px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 600;
	transition: all .3s ease;
	border: 2px solid #F69323;
}

.ai-clm-cta-btn .theme-btn:hover {
	background: #ffffff;
	color: #1B5EB8;
	border-color: #ffffff;
}

@media(max-width:991px) {

	.ai-clm-cta-wrapper {
		padding: 45px 35px;
		text-align: center;
	}

	.ai-clm-cta-content h2 {
		font-size: 34px;
	}

	.ai-clm-cta-btn {
		justify-content: center;
		margin-top: 30px;
	}

}



/*==================================================
Responsive
==================================================*/

@media (max-width:991px) {

	.ai-clm-features-section,
	.ai-clm-cta-section {
		padding: 70px 0;
	}

	.ai-clm-features-section .sec-title h2,
	.ai-clm-cta-content h2 {
		font-size: 34px;
	}

	.ai-clm-cta-content {
		text-align: center;
		margin-bottom: 30px;
	}

	.ai-clm-cta-btn {
		text-align: center;
	}

}

@media (max-width:767px) {

	.ai-clm-features-section .sec-title h2,
	.ai-clm-cta-content h2 {
		font-size: 28px;
	}

	.ai-clm-feature-table thead th {
		font-size: 17px;
		padding: 16px;
	}

	.ai-clm-feature-table tbody td {
		font-size: 15px;
		padding: 14px 16px;
	}

	.ai-clm-cta-content p {
		font-size: 16px;
	}

}


/*==================================================
Hero Section
==================================================*/

.icertis-announcement-hero-section {
	position: relative;
	padding: 60px 0;
	background: #ffffff;
	overflow: hidden;
}

.icertis-announcement-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 15px;
}

.icertis-announcement-hero-content {
	padding-right: 40px;
}

.icertis-announcement-hero-content h1 {
	font-size: 50px;
	line-height: 1.2;
	font-weight: 700;
	color: #1B5EB8;
	margin-bottom: 25px;
}

.icertis-announcement-hero-content p {
	font-size: 17px;
	color: #666666;
	line-height: 1.9;
	margin-bottom: 20px;
}

.icertis-announcement-hero-image {
	text-align: center;
}

.icertis-announcement-hero-image img {
	width: 100%;
	max-width: 650px;
	height: auto;
}



/*==================================================
PROEN + Icertis
==================================================*/

.icertis-announcement-partnership-section {
	position: relative;
	padding: 60px 0;
	background: #F8FAFC;
	margin-top: 140px;
}

.icertis-announcement-partnership-content {
	padding-left: 40px;
}

.icertis-announcement-partnership-content h2 {
	font-size: 42px;
	line-height: 1.3;
	font-weight: 700;
	color: #1B5EB8;
	margin-bottom: 25px;
}

.icertis-announcement-partnership-content p {
	font-size: 17px;
	color: #666666;
	line-height: 1.9;
	margin-bottom: 20px;
}

.icertis-announcement-partnership-image {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px;
}

.icertis-announcement-partnership-image::before {
	content: "";
	position: absolute;
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(27, 94, 184, .12),
			rgba(246, 147, 35, .08),
			transparent 70%);
	filter: blur(15px);
}

.icertis-announcement-partnership-image img {
	position: relative;
	z-index: 2;
	max-width: 560px;
	width: 100%;
	border-radius: 20px;
	filter: drop-shadow(0 30px 60px rgba(0, 0, 0, .15));
}

/* Floating Pills */

.icertis-announcement-tag {
	position: absolute;
	z-index: 3;
	padding: 12px 22px;
	border-radius: 50px;

	background: rgba(255, 255, 255, .70);
	backdrop-filter: blur(14px);

	border: 1px solid rgba(255, 255, 255, .45);

	font-size: 15px;
	font-weight: 600;
	color: #1B5EB8;

	box-shadow: 0 15px 35px rgba(0, 0, 0, .08);

	display: flex;
	align-items: center;
	gap: 10px;

	animation: float 5s ease-in-out infinite;
}

.icertis-announcement-tag i {
	color: #F69323;
}

.tag-one {
	top: 27%;
	left: 0;
}

.tag-two {
	top: 53%;
	right: -15px;
	animation-delay: 1s;
}

.tag-three {
	bottom: 8%;
	left: 12%;
	animation-delay: 2s;
}

@keyframes float {

	0% {
		transform: translateY(0px);
	}

	50% {
		transform: translateY(-10px);
	}

	100% {
		transform: translateY(0px);
	}

}



/*==================================================
Responsive
==================================================*/

@media (max-width:991px) {

	.icertis-announcement-hero-section,
	.icertis-announcement-partnership-section {
		padding: 70px 0;
	}

	.icertis-announcement-hero-content,
	.icertis-announcement-partnership-content {
		padding: 0;
		text-align: center;
		margin-bottom: 40px;
	}

	.icertis-announcement-hero-content h1 {
		font-size: 38px;
	}

	.icertis-announcement-partnership-content h2 {
		font-size: 34px;
	}

}

@media (max-width:767px) {

	.icertis-announcement-hero-content h1 {
		font-size: 30px;
	}

	.icertis-announcement-partnership-content h2 {
		font-size: 28px;
	}

	.icertis-announcement-hero-content p,
	.icertis-announcement-partnership-content p {
		font-size: 16px;
	}

	.icertis-announcement-hero-image img,
	.icertis-announcement-partnership-image img {
		max-width: 100%;
	}

}

/*==================================================
Why PROEN for Your Icertis Journey
==================================================*/

.icertis-announcement-why-section {
	padding: 60px 0;
	background: #ffffff;
}

.icertis-announcement-why-content {
	padding-right: 40px;
}

.icertis-announcement-why-content h2 {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3;
	color: #1B5EB8;
	margin-bottom: 25px;
}

.icertis-announcement-why-content p {
	font-size: 17px;
	line-height: 1.9;
	color: #666666;
	margin-bottom: 20px;
}

.icertis-announcement-why-image {
	text-align: center;
}

.icertis-announcement-why-image img {
	width: 100%;
	max-width: 620px;
	height: auto;
	border-radius: 20px;
}



/*==================================================
PROEN at a Glance
==================================================*/

.icertis-announcement-glance-section {
	padding: 60px 0;
	background: #F8FAFC;
}

.icertis-announcement-glance-section .sec-title {
	margin-bottom: 60px;
}

.icertis-announcement-glance-section .sec-title h2 {
	font-size: 42px;
	font-weight: 700;
	color: #1B5EB8;
}

.icertis-announcement-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.icertis-announcement-list li {
	position: relative;
	padding: 18px 18px 18px 60px;
	margin-bottom: 20px;
	background: #ffffff;
	border-radius: 18px;
	box-shadow: 0 10px 30px rgba(17, 34, 68, .08);
	border: 1px solid #E8EEF5;
	color: #555555;
	line-height: 1.8;
	transition: .35s;
}

.icertis-announcement-list li:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 45px rgba(17, 34, 68, .15);
}

.icertis-announcement-list li::before {
	content: "✓";
	position: absolute;
	left: 20px;
	top: 18px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #1B5EB8;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
}



/*==================================================
Service Cards
==================================================*/

.icertis-announcement-services-section {
	padding: 60px 0;
	background: #ffffff;
}

.icertis-announcement-services-section .row {
	row-gap: 30px;
}

.icertis-announcement-service-card {
	position: relative;
	background: #ffffff;
	border-radius: 22px;
	padding: 45px 35px;
	text-align: center;
	height: 100%;
	overflow: hidden;
	border: 1px solid #E8EEF5;
	box-shadow: 0 15px 45px rgba(17, 34, 68, .08);
	transition: all .35s ease;
}

.icertis-announcement-service-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	background: #F69323;
}

.icertis-announcement-service-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 60px rgba(17, 34, 68, .18);
}

.icertis-announcement-service-icon {
	width: 90px;
	height: 90px;
	margin: 0 auto 30px;
	border-radius: 50%;
	background: #EEF4FD;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #1B5EB8;
	font-size: 34px;
	transition: .35s;
}

.icertis-announcement-service-card:hover .icertis-announcement-service-icon {
	background: #1B5EB8;
	color: #ffffff;
	transform: rotate(-8deg) scale(1.08);
}

.icertis-announcement-service-card h3 {
	font-size: 24px;
	font-weight: 700;
	color: #1B5EB8;
	line-height: 1.4;
	margin-bottom: 20px;
}

.icertis-announcement-service-card p {
	font-size: 16px;
	color: #666666;
	line-height: 1.9;
	margin: 0;
}



/*==================================================
Responsive
==================================================*/

@media(max-width:991px) {

	.icertis-announcement-why-section,
	.icertis-announcement-glance-section,
	.icertis-announcement-services-section {
		padding: 80px 0;
	}

	.icertis-announcement-why-content {
		padding-right: 0;
		margin-bottom: 40px;
		text-align: center;
	}

	.icertis-announcement-why-content h2,
	.icertis-announcement-glance-section .sec-title h2 {
		font-size: 34px;
	}

}

@media(max-width:767px) {

	.icertis-announcement-why-content h2,
	.icertis-announcement-glance-section .sec-title h2 {
		font-size: 28px;
	}

	.icertis-announcement-why-content p {
		font-size: 16px;
	}

	.icertis-announcement-service-card {
		padding: 35px 25px;
	}

	.icertis-announcement-service-icon {
		width: 75px;
		height: 75px;
		font-size: 28px;
		margin-bottom: 25px;
	}

	.icertis-announcement-service-card h3 {
		font-size: 21px;
	}

	.icertis-announcement-list li {
		padding: 16px 16px 16px 55px;
	}

}

/*==================================================
Business Outcomes
==================================================*/

.icertis-announcement-outcomes-section {
	padding: 60px 0;
	background: #F8FAFC;
}

.icertis-announcement-outcomes-section .sec-title {
	margin-bottom: 70px;
}

.icertis-announcement-outcomes-section .sec-title h2 {
	font-size: 42px;
	font-weight: 700;
	color: #1B5EB8;
	line-height: 1.3;
	margin-bottom: 15px;
}

.icertis-announcement-outcomes-section .sec-title p {
	font-size: 18px;
	color: #666666;
}

.icertis-announcement-outcomes-section .row {
	row-gap: 30px;
}

.icertis-announcement-outcome-card {
	position: relative;
	background: #ffffff;
	border-radius: 22px;
	padding: 40px 30px;
	text-align: center;
	height: 100%;
	border: 1px solid #E8EEF5;
	box-shadow: 0 15px 45px rgba(17, 34, 68, .08);
	transition: .35s;
	overflow: hidden;
}

.icertis-announcement-outcome-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: #F69323;
}

.icertis-announcement-outcome-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 25px 60px rgba(17, 34, 68, .18);
}

.icertis-announcement-outcome-card i {
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: #EEF4FD;
	color: #1B5EB8;
	font-size: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px;
	transition: .35s;
}

.icertis-announcement-outcome-card:hover i {
	background: #1B5EB8;
	color: #ffffff;
	transform: rotate(-8deg) scale(1.08);
}

.icertis-announcement-outcome-card h3 {
	font-size: 22px;
	color: #1B5EB8;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
}



/*==================================================
Transform Section
==================================================*/

.icertis-announcement-transform-section {
	padding: 60px 0;
	background: #ffffff;
}

.icertis-announcement-transform-content {
	padding-right: 40px;
}

.icertis-announcement-transform-content h2 {
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3;
	color: #1B5EB8;
	margin-bottom: 25px;
}

.icertis-announcement-transform-content p {
	font-size: 17px;
	color: #666666;
	line-height: 1.9;
	margin-bottom: 20px;
}

.icertis-announcement-transform-image {
	text-align: center;
}

.icertis-announcement-transform-image img {
	width: 100%;
	max-width: 500px;
	height: auto;
	border-radius: 20px;
}



/*==================================================
CTA
==================================================*/

.icertis-announcement-cta-section {
	padding: 70px 0;
	background: #ffffff;
}

.icertis-announcement-cta-box {
	padding: 60px;
	border-radius: 24px;
	background: linear-gradient(135deg, #17375E 0%, #1B5EB8 100%);
	box-shadow: 0 20px 50px rgba(23, 55, 94, .18);
}

.icertis-announcement-cta-content h2 {
	color: #ffffff;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 18px;
}

.icertis-announcement-cta-content p {
	color: rgba(255, 255, 255, .92);
	font-size: 17px;
	line-height: 1.9;
	margin: 0;
}

/* Button */

.icertis-announcement-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 240px;
	height: 60px;
	padding: 0 35px;

	background: #F69323;
	color: #ffffff;

	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;

	border-radius: 50px;

	transition: .35s;
}

.icertis-announcement-cta-btn:hover {
	background: #ffffff;
	color: #1B5EB8;
	transform: translateY(-4px);
}

/* Responsive */

@media(max-width:991px) {

	.icertis-announcement-cta-box {
		padding: 45px 35px;
		text-align: center;
	}

	.icertis-announcement-cta-content {
		margin-bottom: 30px;
	}

	.icertis-announcement-cta-content h2 {
		font-size: 32px;
	}

}

@media(max-width:767px) {

	.icertis-announcement-cta-content h2 {
		font-size: 28px;
	}

	.icertis-announcement-cta-btn {
		width: 100%;
		min-width: auto;
	}

}


/*==================================================
Responsive
==================================================*/

@media(max-width:991px) {

	.icertis-announcement-outcomes-section,
	.icertis-announcement-transform-section,
	.icertis-announcement-comparison-section {
		padding: 80px 0;
	}

	.icertis-announcement-transform-content {
		padding-right: 0;
		text-align: center;
		margin-bottom: 40px;
	}

	.icertis-announcement-cta-box {
		padding: 50px 35px;
	}

	.icertis-announcement-outcomes-section .sec-title h2,
	.icertis-announcement-transform-content h2,
	.icertis-announcement-cta-box h2,
	.icertis-announcement-comparison-section .sec-title h2 {
		font-size: 34px;
	}

}

@media(max-width:767px) {

	.icertis-announcement-outcomes-section .sec-title h2,
	.icertis-announcement-transform-content h2,
	.icertis-announcement-cta-box h2,
	.icertis-announcement-comparison-section .sec-title h2 {
		font-size: 28px;
	}

	.icertis-announcement-cta-box {
		padding: 40px 25px;
	}

	.icertis-announcement-outcome-card,
	.icertis-announcement-contact-card {
		padding: 35px 25px;
	}

	.icertis-announcement-outcome-card i {
		width: 70px;
		height: 70px;
		font-size: 28px;
	}

	.icertis-announcement-comparison-section table {
		font-size: 14px;
	}

	.icertis-announcement-comparison-section thead th,
	.icertis-announcement-comparison-section tbody td {
		padding: 14px;
	}

}


.icertis-announcement-hero-section .container,
.icertis-announcement-partnership-section .container,
.icertis-announcement-why-section .container,
.icertis-announcement-glance-section .container,
.icertis-announcement-services-section .container,
.icertis-announcement-outcomes-section .container,
.icertis-announcement-transform-section .container,
.icertis-announcement-cta-section .container,
.icertis-announcement-contact-section .container,
.icertis-announcement-comparison-section .container {
	max-width: 1200px;
}


/*=========================================================
    PROEN Careers - Section Heading
=========================================================*/

.proen-careers-section .sec-title {
	position: relative;
	text-align: center;
	max-width: 850px;
	margin: 0 auto 70px;
}

.proen-careers-section .sec-title .title {
	display: inline-block;
	position: relative;
	padding: 8px 22px;
	margin-bottom: 18px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #1B5EB8;
	background: #EEF6FF;
	border: 1px solid #D8E8FF;
	border-radius: 30px;
}

.proen-careers-section .sec-title h2 {
	position: relative;
	color: #1B5EB8;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	margin-bottom: 22px;
}

.proen-careers-section .sec-title h2::after {
	content: "";
	display: block;
	width: 90px;
	height: 4px;
	background: #F69323;
	margin: 22px auto 0;
	border-radius: 10px;
}

.proen-careers-section .sec-title .text {
	color: #6B7280;
	font-size: 18px;
	line-height: 34px;
	max-width: 760px;
	margin: 0 auto;
}

/* Optional subtle background decoration */

.proen-careers-section .sec-title::before {
	content: "";
	position: absolute;
	width: 140px;
	height: 140px;
	background: rgba(246, 147, 35, 0.08);
	border-radius: 50%;
	top: -35px;
	left: -60px;
	z-index: -1;
}

.proen-careers-section .sec-title::after {
	content: "";
	position: absolute;
	width: 110px;
	height: 110px;
	background: rgba(27, 94, 184, 0.08);
	border-radius: 50%;
	bottom: -30px;
	right: -40px;
	z-index: -1;
}

/*====================================
        Responsive
====================================*/

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

	.proen-careers-section .sec-title {
		margin-bottom: 55px;
	}

	.proen-careers-section .sec-title h2 {
		font-size: 40px;
		line-height: 52px;
	}

	.proen-careers-section .sec-title .text {
		font-size: 17px;
		line-height: 30px;
	}

}

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

	.proen-careers-section .sec-title {
		margin-bottom: 45px;
	}

	.proen-careers-section .sec-title .title {
		font-size: 12px;
		letter-spacing: 1.5px;
		padding: 7px 18px;
	}

	.proen-careers-section .sec-title h2 {
		font-size: 32px;
		line-height: 42px;
	}

	.proen-careers-section .sec-title .text {
		font-size: 16px;
		line-height: 28px;
		padding: 0 10px;
	}

	.proen-careers-section .sec-title::before,
	.proen-careers-section .sec-title::after {
		display: none;
	}

}



/*==================================================
        PROEN Careers Job Cards
==================================================*/

.proen-job-card {
	position: relative;
	background: #ffffff;
	border: 1px solid #E7EEF7;
	border-radius: 18px;
	padding: 30px;
	margin-bottom: 30px;
	box-shadow: 0 12px 35px rgba(17, 24, 39, .06);
	transition: all .35s ease;
	overflow: hidden;
}

.proen-job-card:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 5px;
	background: #F69323;
}

.proen-job-card:hover {
	transform: translateY(-6px);
	border-color: #1B5EB8;
	box-shadow: 0 20px 45px rgba(27, 94, 184, .15);
}

.proen-job-header .proen-job-title h3 {
	color: #1B5EB8;
}

/*==========================================
        Header
==========================================*/

.proen-job-header {
	margin-bottom: 25px;
	padding-bottom: 18px;
	border-bottom: 1px solid #EEF2F7;
}

.proen-job-header h3 {
	color: #1B5EB8;
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
	margin-bottom: 18px;
}

/*==========================================
        Experience & Location
==========================================*/

.proen-job-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}

.proen-job-meta span {
	display: inline-flex;
	align-items: center;
	background: #F8FAFC;
	border: 1px solid #E6EDF5;
	border-radius: 30px;
	padding: 10px 18px;
	color: black;
	font-size: 14px;
	font-weight: 500;
}

.proen-job-meta i {
	color: #F69323;
	margin-right: 8px;
	font-size: 15px;
}

/*==========================================
        Footer
==========================================*/

.proen-job-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
}

.proen-job-footer .theme-btn {
	border-radius: 40px;
	padding: 13px 28px;
	font-size: 15px;
	font-weight: 600;
}

/*==========================================
        View Details
==========================================*/

.proen-view-details {
	color: #1B5EB8;
	font-weight: 600;
	text-decoration: none;
	display: flex;
	align-items: center;
	transition: .3s;
}

.proen-view-details:hover {
	color: #F69323;
	text-decoration: none;
}

.proen-view-details i {
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	background: #EEF6FF;
	color: #1B5EB8;
	margin-right: 10px;
	transition: .3s;
}

.proen-view-details:hover i {
	background: #F69323;
	color: #ffffff;
	transform: rotate(90deg);
}

/*==========================================
        Expanded Content
==========================================*/

.proen-job-details {
	margin-top: 30px;
	padding-top: 25px;
	border-top: 1px dashed #DCE6F2;
}

.proen-job-details h5 {
	color: #1B5EB8;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
	position: relative;
	padding-left: 18px;
}

.proen-job-details h5:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 5px;
	height: 18px;
	background: #F69323;
	border-radius: 10px;
}

.proen-job-details p {
	color: #666;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 20px;
	text-align: justify;
}

/*==========================================
        Collapse Animation
==========================================*/

.collapse {
	transition: all .35s ease;
}

/*==========================================
        Responsive
==========================================*/

@media(max-width:991px) {

	.proen-job-card {
		padding: 25px;
	}

}

@media(max-width:767px) {

	.proen-job-card {
		padding: 22px;
	}

	.proen-job-header h3 {
		font-size: 22px;
		line-height: 30px;
	}

	.proen-job-meta {
		flex-direction: column;
		gap: 10px;
	}

	.proen-job-meta span {
		width: 100%;
	}

	.proen-job-footer {
		flex-direction: column;
		align-items: stretch;
		gap: 15px;
	}

	.proen-job-footer .theme-btn {
		width: 100%;
		text-align: center;
	}

	.proen-view-details {
		justify-content: center;
	}

	.proen-job-details p {
		text-align: left;
	}

}

/*=========================================================
    PROEN Careers - Application Form
=========================================================*/

.proen-careers-form-section {
	position: relative;
	padding: 80px 0px;
	background: #ffffff;
}

/*---------------------------------------------------------
    Left Content
---------------------------------------------------------*/

.proen-careers-content {
	position: relative;
	padding-right: 40px;
}

.proen-careers-content p {
	color: #666666;
	line-height: 30px;
	margin-bottom: 35px;
}

/* Benefits */

.proen-careers-benefits {
	position: relative;
}

.proen-careers-benefits .benefit-item {
	position: relative;
	padding-left: 38px;
	margin-bottom: 22px;
	color: #1B5EB8;
	font-size: 17px;
	font-weight: 600;
	line-height: 28px;
}


/* Job Title */

.proen-job-title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	margin-bottom: 18px;
}

.proen-job-title h3 {
	margin: 0;
	color: #17375E;
	font-size: 26px;
	font-weight: 700;
	line-height: 34px;
}

/* Full Time Badge */

.proen-job-type {

	display: inline-flex;
	align-items: center;
	gap: 8px;

	padding: 8px 18px;

	background: #EEF6FF;

	color: black;

	border: 1px solid #DCEBFF;

	border-radius: 30px;

	font-size: 13px;

	font-weight: 700;

	text-transform: uppercase;

	white-space: nowrap;

}

.proen-job-type i {

	color: #F69323;

	font-size: 13px;

}

@media(max-width:767px) {

	.proen-job-title {

		display: block;

	}

	.proen-job-type {

		margin-top: 15px;

		display: inline-flex;

	}

}

.proen-job-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 25px;
}

.proen-job-apply {
	display: block;
}

.proen-job-apply .txt {
	background: #F69323;
	padding: 10px 40px;
	border-radius: 20px;
	border: 1px transparent;
}

.proen-job-apply .theme-btn {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/*---------------------------------------------------------
    Form Box
---------------------------------------------------------*/

.proen-careers-form-box {
	position: relative;
	background: #F8FAFC;
	padding: 45px;
	border-radius: 12px;
	border: 1px solid #e9ecef;
	box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.08);
}

/*---------------------------------------------------------
    Form Groups
---------------------------------------------------------*/

.proen-careers-form-box .form-group {
	position: relative;
	margin-bottom: 25px;
}

.proen-careers-form-box label {
	display: block;
	font-size: 15px;
	font-weight: 600;
	color: #1B5EB8;
	margin-bottom: 10px;
}

/*---------------------------------------------------------
    Input Fields
---------------------------------------------------------*/

.proen-careers-form-box input[type="text"],
.proen-careers-form-box input[type="email"],
.proen-careers-form-box input[type="url"],
.proen-careers-form-box input[type="file"],
.proen-careers-form-box select,
.proen-careers-form-box textarea {

	position: relative;
	width: 100%;
	height: 58px;
	border: 1px solid #d9e2ec;
	background: #ffffff;
	border-radius: 8px;
	padding: 0px 18px;
	color: #555555;
	font-size: 15px;
	transition: all .3s ease;
}

/* Textarea */

.proen-careers-form-box textarea {
	height: 150px;
	resize: none;
	padding-top: 16px;
}

/* Focus */

.proen-careers-form-box input:focus,
.proen-careers-form-box select:focus,
.proen-careers-form-box textarea:focus {

	border-color: #1B5EB8;
	box-shadow: 0 0 10px rgba(27, 94, 184, .15);
	outline: none;
}

/*---------------------------------------------------------
    Placeholder
---------------------------------------------------------*/

.proen-careers-form-box input::placeholder,
.proen-careers-form-box textarea::placeholder {
	color: #9a9a9a;
}

/*---------------------------------------------------------
    File Upload
---------------------------------------------------------*/

.proen-careers-form-box input[type="file"] {
	padding: 14px;
	height: auto;
	cursor: pointer;
}

.proen-careers-form-box small {
	display: block;
	margin-top: 10px;
	color: #888888;
	font-size: 13px;
}

/*---------------------------------------------------------
    Select Box
---------------------------------------------------------*/

.proen-careers-form-box select {
	cursor: pointer;
}

/*---------------------------------------------------------
    Google reCAPTCHA
---------------------------------------------------------*/

.g-recaptcha {
	margin-top: 10px;
}

/*---------------------------------------------------------
    Submit Button
---------------------------------------------------------*/

.proen-careers-form-box .theme-btn {
	width: 100%;
	text-align: center;
	border-radius: 8px;
	padding: 16px 25px;
	font-size: 16px;
	font-weight: 600;
}

/*---------------------------------------------------------
    Button Hover
---------------------------------------------------------*/

.proen-careers-form-box .theme-btn:hover {
	transform: translateY(-2px);
}

/*---------------------------------------------------------
    Responsive
---------------------------------------------------------*/

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

	.proen-careers-form-section {
		padding: 90px 0px;
	}

	.proen-careers-content {
		padding-right: 0;
		margin-bottom: 50px;
	}

	.proen-careers-form-box {
		padding: 35px;
	}

}

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

	.proen-careers-form-section {
		padding: 70px 0px;
	}

	.proen-careers-form-box {
		padding: 25px;
	}

	.proen-careers-form-box input[type="text"],
	.proen-careers-form-box input[type="email"],
	.proen-careers-form-box input[type="url"],
	.proen-careers-form-box input[type="file"],
	.proen-careers-form-box select,
	.proen-careers-form-box textarea {

		font-size: 14px;
	}

	.proen-careers-benefits .benefit-item {
		font-size: 15px;
	}

}

/*=========================================================
    PROEN Careers - Hiring Process & CTA
=========================================================*/

/*---------------------------------------------------------
    Hiring Process Section
---------------------------------------------------------*/

.proen-careers-process-section {
	position: relative;
	padding: 110px 0px 90px;
	background: #F8FAFC;
}

.proen-careers-process-section .sec-title {
	margin-bottom: 70px;
}

/* Process Box */

.proen-careers-process-box {
	position: relative;
	background: #ffffff;
	padding: 35px 25px;
	text-align: center;
	border-radius: 12px;
	margin-bottom: 30px;
	border: 1px solid #e9ecef;
	transition: all .35s ease;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, .05);
}

.proen-careers-process-box:hover {
	transform: translateY(-8px);
	border-color: #1B5EB8;
	box-shadow: 0px 18px 40px rgba(27, 94, 184, .15);
}

/* Icon */

.proen-careers-process-box .process-icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto 25px;
	border-radius: 50%;
	background: #EEF5FF;
	transition: all .35s ease;
}

.proen-careers-process-box .process-icon i {
	font-size: 34px;
	color: #1B5EB8;
	transition: all .35s ease;
}

.proen-careers-process-box:hover .process-icon {
	background: #1B5EB8;
}

.proen-careers-process-box:hover .process-icon i {
	color: #ffffff;
}

.proen-careers-process-box h5 {
	color: #1B5EB8;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 12px;
}

.proen-careers-process-box p {
	color: #666666;
	line-height: 28px;
	margin: 0;
}

/*---------------------------------------------------------
    Benefits Section
---------------------------------------------------------*/

.proen-careers-benefits-section {
	position: relative;
	padding: 60px 0px 90px;
	background: #ffffff;
}

.proen-careers-benefits-section .sec-title {
	margin-bottom: 60px;
}

.proen-careers-benefit-card {
	position: relative;
	background: #ffffff;
	text-align: center;
	padding: 40px 25px;
	border-radius: 12px;
	border: 1px solid #e9ecef;
	margin-bottom: 30px;
	transition: all .35s ease;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, .05);
}

.proen-careers-benefit-card:hover {
	transform: translateY(-8px);
	border-color: #F69323;
	box-shadow: 0px 18px 40px rgba(246, 147, 35, .18);
}

.proen-careers-benefit-card i {
	font-size: 48px;
	color: #F69323;
	margin-bottom: 25px;
	transition: all .35s ease;
}

.proen-careers-benefit-card:hover i {
	transform: scale(1.08);
}

.proen-careers-benefit-card h4 {
	color: #1B5EB8;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 15px;
}

.proen-careers-benefit-card p {
	color: #666666;
	line-height: 28px;
	margin: 0;
}

/*---------------------------------------------------------
    CTA Section
---------------------------------------------------------*/

.proen-careers-cta-section {
	position: relative;
	padding: 60px 0px;
	background: white;
}

.proen-careers-cta-box {
	position: relative;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

.proen-careers-cta-box h2 {
	color: black;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 20px;
}

.proen-careers-cta-box p {
	color: black;
	font-size: 18px;
	line-height: 34px;
	margin-bottom: 35px;
}

.proen-careers-contact h4 {
	color: #F69323;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px;
}

.proen-careers-contact h4 i {
	margin-right: 10px;
}

.proen-careers-contact .theme-btn {
	background-color: #1B5EB8;
	border-radius: 8px;
	padding: 16px 40px;
}

/*---------------------------------------------------------
    Responsive
---------------------------------------------------------*/

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

	.proen-careers-process-section,
	.proen-careers-benefits-section,
	.proen-careers-cta-section {
		padding: 90px 0px 70px;
	}

	.proen-careers-cta-box h2 {
		font-size: 34px;
	}

}

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

	.proen-careers-process-section,
	.proen-careers-benefits-section,
	.proen-careers-cta-section {
		padding: 70px 0px 50px;
	}

	.proen-careers-cta-box h2 {
		font-size: 28px;
		line-height: 40px;
	}

	.proen-careers-cta-box p {
		font-size: 16px;
		line-height: 30px;
	}

	.proen-careers-contact h4 {
		font-size: 22px;
	}

	.proen-careers-process-box,
	.proen-careers-benefit-card {
		padding: 30px 20px;
	}

	.proen-careers-benefit-card i {
		font-size: 40px;
	}

}

/*==================================================
        PROEN ENTERPRISE FOOTER
==================================================*/

.main-footer.proen-footer {
	margin-top: 25px !important;
	padding-top: 0 !important;
}

.main-footer.proen-footer {
	background: #17375E;
	color: #d8e3f0;
	font-size: 15px;
	line-height: 1.7;
	overflow: hidden;
}

/*==============================
        Main Section
===============================*/

.main-footer.proen-footer .widgets-section {
	padding: 55px 0 35px;
}

.main-footer.proen-footer .footer-widget {
	margin-bottom: 5px;
}

/*==============================
        Heading
===============================*/

.main-footer.proen-footer .footer-widget h3 {
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 28px;
	position: relative;
	padding-bottom: 12px;
}

.main-footer.proen-footer .footer-widget h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 55px;
	height: 3px;
	background: #F69323;
	border-radius: 30px;
}

/*==============================
        Footer Links
===============================*/

.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-links li {
	margin-bottom: 12px;
}

.footer-links li:last-child {
	margin-bottom: 0;
}

.footer-links a {
	color: #d8e3f0;
	text-decoration: none;
	font-size: 15px;
	transition: .3s ease;
	position: relative;
	padding-left: 18px;
}

.footer-links a:before {
	content: "›";
	position: absolute;
	left: 0;
	color: #F69323;
	font-weight: 700;
}

.footer-links a:hover {
	color: #F69323;
	padding-left: 24px;
}

/*==============================
        Office Section
===============================*/

.footer-office {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.office-item {
	display: flex;
	align-items: flex-start;
}

.office-icon {
	width: 42px;
	height: 42px;
	min-width: 42px;
	border-radius: 50%;
	background: rgba(246, 147, 35, .15);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #F69323;
	margin-right: 15px;
	font-size: 16px;
}

.office-item h5 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 6px;
}

.office-item p {
	margin: 0;
	color: #d8e3f0;
	font-size: 15px;
	line-height: 1.7;
}

/*==============================
        Social
===============================*/

.footer-social-area {
	margin-top: 35px;
	padding-top: 25px;
	border-top: 1px solid rgba(255, 255, 255, .10);
}

.footer-social-area h4 {
	color: #ffffff;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 18px;
}

.footer-social {
	display: flex;
	gap: 12px;
}

.footer-social a {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	text-decoration: none;
	transition: .35s;
	font-size: 17px;
}

.footer-social a:hover {
	background: #F69323;
	transform: translateY(-4px);
	box-shadow: 0 10px 20px rgba(246, 147, 35, .35);
}

/*==============================
        Bottom
===============================*/

.footer-bottom {
	background: #143252;
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding: 18px 0;
}

.footer-bottom p {
	margin: 0;
	text-align: center;
	color: #d8e3f0;
	font-size: 15px;
	letter-spacing: .2px;
}

/*==============================
        Hover Animation
===============================*/

.footer-widget {
	transition: .3s;
}

.footer-widget:hover {
	transform: translateY(-3px);
}

/*==============================
        Responsive
===============================*/

@media (max-width:991px) {

	.main-footer.proen-footer .widgets-section {
		padding: 45px 0 20px;
	}

	.main-footer.proen-footer .footer-widget {
		margin-bottom: 40px;
	}

	.footer-social {
		justify-content: flex-start;
	}

	.footer-bottom {
		padding: 15px 0;
	}

}

@media (max-width:767px) {

	.main-footer.proen-footer {
		text-align: left;
	}

	.main-footer.proen-footer .widgets-section {
		padding: 35px 0 15px;
	}

	.main-footer.proen-footer .footer-widget h3 {
		font-size: 20px;
	}

	.footer-links li {
		margin-bottom: 10px;
	}

	.office-item {
		align-items: flex-start;
	}

	.office-icon {
		width: 38px;
		height: 38px;
		min-width: 38px;
		font-size: 15px;
	}

	.footer-social a {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.footer-bottom p {
		font-size: 14px;
		line-height: 1.8;
	}

}


/*==================================================
        PROEN OFFERINGS SECTION
==================================================*/

.proen-offerings-section {
	margin-top: -220px;
	padding: 110px 0 90px;
	background: #fff;
}

.proen-section-title {
	max-width: 850px;
	margin: 0 auto 70px;
}

.proen-section-tag {
	display: inline-block;
	padding: 8px 22px;
	background: rgba(246, 147, 35, .12);
	color: #F69323;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	border-radius: 30px;
	margin-bottom: 20px;
}

.proen-section-title h2 {
	font-size: 44px;
	font-weight: 700;
	color: #1B5EB8;
	margin-bottom: 22px;
	line-height: 1.25;
}

.proen-section-title p {
	font-size: 18px;
	line-height: 1.9;
	color: #666;
	max-width: 760px;
	margin: 0 auto;
}

/* spacing between heading and cards */
.proen-offerings-section .wrapper-box {
	margin-top: 20px;
}

@media(max-width:991px) {

	.proen-offerings-section {
		padding: 80px 0 60px;
	}

	.proen-section-title {
		margin-bottom: 50px;
	}

	.proen-section-title h2 {
		font-size: 34px;
	}

	.proen-section-title p {
		font-size: 16px;
	}

}

@media(max-width:767px) {

	.proen-section-title h2 {
		font-size: 28px;
	}

	.proen-section-tag {
		font-size: 12px;
		letter-spacing: 1px;
	}

}




.auto-container {
	max-width: 1200px !important;
	width: 100% !important;
	margin: 0 auto !important;
	padding: 0 15px !important;
}



/*=========================================
    PROEN AT A GLANCE
    PART 1
=========================================*/

:root {

	--primary: #17375E;
	--secondary: #1B5EB8;
	--accent: #F69323;
	--text: #5D6B82;
	--light: #EEF5FF;
	--white: #ffffff;

}

/*==============================
    SECTION
==============================*/

.impact-section {

	position: relative;
	overflow: hidden;
	padding: 70px 0;
	background: #fff;

}

.impact-section::before {

	content: "";
	position: absolute;
	width: 600px;
	height: 600px;
	top: -280px;
	left: -280px;
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(27, 94, 184, .10),
			transparent 70%);

}

.impact-section::after {

	content: "";
	position: absolute;
	width: 550px;
	height: 550px;
	right: -250px;
	bottom: -250px;
	border-radius: 50%;
	background: radial-gradient(circle,
			rgba(246, 147, 35, .08),
			transparent 70%);

}

.impact-section .auto-container {

	position: relative;
	z-index: 5;
}

/*==============================
    HEADING
==============================*/

/* .impact-heading{

    text-align:center;
    max-width:850px;
    margin:auto;
    margin-bottom:70px;

}

.impact-subtitle{

    display:inline-block;
    color:var(--accent);
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:18px;

}

.impact-heading h2{

    color:var(--primary);
    font-size:56px;
    font-weight:800;
    line-height:1.15;
    margin-bottom:20px;

}

.impact-heading h2 span{

    color:var(--accent);

}

.impact-heading p{

    font-size:18px;
    color:var(--text);
    line-height:1.8;
    max-width:720px;
    margin:auto;

} */

/*==============================
    GRID
==============================*/

.impact-section .row {

	--bs-gutter-x: 30px;
	--bs-gutter-y: 30px;

}

/*==============================
    CARD
==============================*/

.impact-card {

	position: relative;
	overflow: hidden;

	background: #fff;

	border-radius: 28px;

	padding: 35px;

	height: 400px;

	/* min-height:520px; */

	text-align: center;

	border: 1px solid #edf3fb;

	box-shadow:
		0 12px 35px rgba(16, 42, 67, .06);

	transition: .35s ease;

}

.impact-card:hover {

	transform: translateY(-10px);

	box-shadow:
		0 25px 55px rgba(27, 94, 184, .12);

}

/* Premium top border */

.impact-card::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 5px;

	background: linear-gradient(90deg,
			var(--secondary),
			var(--accent));

}

/* Soft Glass Highlight */

.impact-card::after {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 45%;

	background: linear-gradient(180deg,
			rgba(255, 255, 255, .65),
			transparent);

	pointer-events: none;

}

/* Decorative Circle */

.circle-one {

	position: absolute;
	width: 160px;
	height: 160px;
	right: -70px;
	top: -70px;
	border-radius: 50%;
	background: rgba(27, 94, 184, .04);

}

.circle-two {

	position: absolute;
	width: 100px;
	height: 100px;
	left: -35px;
	bottom: -35px;
	border-radius: 50%;
	background: rgba(246, 147, 35, .05);

}

/*=========================================
    PROEN AT A GLANCE
    PART 2
=========================================*/


/*==============================
    TOP BADGE
==============================*/

.impact-badge {

	position: absolute;
	top: 22px;
	left: 22px;

	width: 54px;
	height: 54px;

	border-radius: 50%;

	background: #fff;

	display: flex;
	align-items: center;
	justify-content: center;

	color: var(--secondary);

	font-size: 20px;

	border: 1px solid #EDF3FB;

	box-shadow:
		0 8px 20px rgba(17, 45, 80, .08);

	transition: .35s;

	z-index: 10;

}

.impact-card:hover .impact-badge {

	background: var(--secondary);
	color: #fff;

	transform: rotate(8deg) scale(1.08);

}


/*==============================
    IMAGE AREA
==============================*/

.impact-icon {
	width: 100%;
	height: 40px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.impact-icon img {
	width: 130%;
	height: 130%;
	object-fit: cover;
	object-position: center;
	transition: .4s ease;
}

.impact-card:hover .impact-icon img {
	transform: scale(1.05);
}


/*==============================
    SHINE EFFECT
==============================*/

.impact-card .shine {

	position: absolute;

	top: -120%;

	left: -100%;

	width: 55%;

	height: 260%;

	background:

		linear-gradient(110deg,

			transparent,

			rgba(255, 255, 255, .55),

			transparent);

	transform: rotate(25deg);

	transition: 1s;

}

.impact-card:hover .shine {

	left: 160%;

}


/*==============================
    HOVER EFFECT
==============================*/

.impact-card:hover {

	border-color: #D7E8FF;

	background: #ffffff;

}


/*==============================
    SOFT BOTTOM GLOW
==============================*/

.impact-card .bottom-glow {

	position: absolute;

	left: 50%;

	bottom: -25px;

	transform: translateX(-50%);

	width: 180px;

	height: 60px;

	border-radius: 50%;

	background:

		radial-gradient(circle,

			rgba(27, 94, 184, .18),

			transparent);

	opacity: 0;

	transition: .35s;

}

.impact-card:hover .bottom-glow {

	opacity: 1;

}


/*==============================
    DECORATIVE DOTS
==============================*/

.dots {

	position: absolute;

	top: 30px;

	right: 25px;

	width: 60px;

	height: 60px;

	opacity: .08;

	background-image:

		radial-gradient(var(--secondary) 1.5px,

			transparent 1.5px);

	background-size: 10px 10px;

}

/*=========================================
    PART 3
=========================================*/

/* Counter */

.impact-number {

	display: flex;
	justify-content: center;
	align-items: flex-start;

	margin: 12px 0 18px;

	font-size: 70px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -2px;

	color: var(--primary);

}

.impact-number .count-text {
	display: inline-block;
}

.impact-number span:last-child {

	font-size: 38px;
	color: var(--accent);
	margin-top: 8px;
	margin-left: 2px;

}


/* Heading */

.impact-card h4 {

	margin: 0;

	font-size: 28px;

	font-weight: 700;

	color: var(--primary);

	line-height: 1.3;

	transition: .35s;

}

.impact-card:hover h4 {

	color: var(--secondary);

}


/* Remove Description */

.impact-card p {

	display: none;

}

/* Remove Divider */

.impact-divider {

	display: none;

}


/* Card Layout */

.impact-card {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}


/* Better Image Spacing */

.impact-icon {

	height: 220px;

	margin: 15px 0 20px;

}

.impact-icon img {

	max-height: 190px;

}


/* Number Hover */

.impact-card:hover .impact-number {

	transform: scale(1.05);

}


/* Card Hover */

.impact-card:hover {

	background: #fff;

}


/* Mobile */

@media(max-width:991px) {

	.impact-card {

		min-height: 420px;

	}

	.impact-icon {

		height: 180px;

	}

	.impact-icon img {

		max-height: 155px;

	}

	.impact-number {

		font-size: 58px;

	}

	.impact-card h4 {

		font-size: 24px;

	}

}

@media(max-width:767px) {

	.impact-section {

		padding: 70px 0;

	}

	.impact-heading h2 {

		font-size: 34px;

	}

	.impact-heading p {

		font-size: 16px;

	}

	.impact-card {

		min-height: 360px;

		padding: 25px;

	}

	.impact-icon {

		height: 145px;

		margin-bottom: 15px;

	}

	.impact-icon img {

		max-height: 125px;

	}

	.impact-number {

		font-size: 46px;

	}

	.impact-number span:last-child {

		font-size: 28px;

	}

	.impact-card h4 {

		font-size: 22px;

	}

}



/*==================================================
        PROEN WHAT WE DO BANNER
==================================================*/

.proen-what-we-do-banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	background: #ffffff;
	margin-top: 160px;
	padding: 0;
}

.proen-what-we-do-banner .proen-banner-image {
	display: block;
	width: 100%;
	height: 450px;
	object-fit: cover;
	object-position: center;
	transition: transform .6s ease;
}

/* Optional Hover Effect */
.proen-what-we-do-banner:hover .proen-banner-image {
	transform: scale(1.02);
}

/* Large Desktop */
@media (min-width:1400px) {

	.proen-what-we-do-banner .proen-banner-image {
		height: 520px;
	}

}

/* Laptop */
@media (max-width:1199px) {

	.proen-what-we-do-banner .proen-banner-image {
		height: 400px;
	}

}

/* Tablet */
@media (max-width:991px) {

	.proen-what-we-do-banner .proen-banner-image {
		height: 320px;
	}

}

/* Mobile */
@media (max-width:767px) {

	.proen-what-we-do-banner .proen-banner-image {
		height: 220px;
	}

}

/* Small Mobile */
@media (max-width:480px) {

	.proen-what-we-do-banner .proen-banner-image {
		height: 180px;
	}

}


/*==================================================
  PROEN Journey Section
==================================================*/

.proen-journey-section {
	background: #ffffff;
	padding: 60px 0;
}

.proen-journey-section .container {
	max-width: 1200px;
	/* margin:0 auto; */
	/* padding:0 15px; */
}

.proen-journey-subtitle {
	display: inline-block;
	color: #F69323;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.proen-journey-title {
	color: #1B5EB8;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 0;
}

.proen-journey-image img {
	width: 100%;
	max-width: 1150px;
	border-radius: 18px;
	box-shadow: 0 20px 50px rgba(0, 0, 0, .12);
	border: 1px solid #E7EEF7;
}

.proen-journey-content {
	background: #fff;
	border: 1px solid #E7EEF7;
	border-radius: 18px;
	padding: 45px;
	box-shadow: 0 15px 45px rgba(0, 0, 0, .06);
}

.proen-journey-content p {
	color: #4E5A68;
	font-size: 18px;
	line-height: 1.9;
	margin-bottom: 24px;
}

@media (max-width:991px) {

	.proen-journey-section {
		padding: 80px 0;
	}

	.proen-journey-title {
		font-size: 34px;
	}

	.proen-journey-content {
		padding: 35px;
	}

}

@media (max-width:767px) {

	.proen-journey-title {
		font-size: 28px;
	}

	.proen-journey-content {
		padding: 25px;
	}

	.proen-journey-content p {
		font-size: 16px;
		line-height: 1.8;
	}

}


/*==============================
    LIFE AT PROEN GALLERY
===============================*/

.gallery-section {
	padding: 60px 0;
	background: #ffffff;
}

.gallery-section .container {
	width: 90%;
	max-width: 1320px;
	margin: auto;
}

/* Heading */

.heading {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 60px;
}

.gallery-badge {
	display: inline-block;
	padding: 8px 20px;
	background: #E8F1FF;
	color: #F69323;
	border-radius: 50px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}

.heading h2 {
	font-size: 42px;
	font-weight: 700;
	color: #1B5EB8;
	margin-bottom: 20px;
	line-height: 1.2;
}

.heading p {
	font-size: 17px;
	color: #6B7280;
	line-height: 1.8;
}

/*==============================
        GALLERY
===============================*/

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}

.gallery-item {
	display: none;
	border-radius: 20px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
	transition: .4s ease;
}

.gallery-item.show {
	display: block;
}

.gallery-item img {
	width: 100%;
	height: 320px;
	object-fit: cover;
	display: block;
	transition: transform .6s ease;
}

.gallery-item:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 45px rgba(0, 0, 0, .15);
}

.gallery-item:hover img {
	transform: scale(1.08);
}

/*==============================
        BUTTON
===============================*/

.btn-area {
	text-align: center;
	margin-top: 60px;
}

#loadMore {
	background: #2563EB;
	color: #fff;
	border: none;
	padding: 15px 36px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: .3s ease;
}

#loadMore:hover {
	background: #1D4ED8;
	transform: translateY(-2px);
}

/*==============================
        RESPONSIVE
===============================*/

@media(max-width:992px) {

	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.heading h2 {
		font-size: 34px;
	}

	.gallery-item img {
		height: 280px;
	}

}

@media(max-width:768px) {

	.gallery-grid {
		grid-template-columns: 1fr;
	}

	.heading h2 {
		font-size: 28px;
	}

	.heading p {
		font-size: 16px;
	}

	.gallery-item img {
		height: 250px;
	}

	#loadMore {
		width: 100%;
		max-width: 260px;
	}

}


/* ===================================================
Blog CSS 
====================================================== */



.blog-layout {
	display: grid;
	grid-template-columns: 2.1fr 340px;
	gap: 40px;
	align-items: flex-start;
}

.blog-main {

	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 35px;

	max-height: 138vh;
	overflow-y: auto;
	border-radius: 20px;

	scroll-behavior: smooth;

	/* Firefox */
	scrollbar-width: none;

	/* IE & Edge */
	-ms-overflow-style: none;

}

/* Chrome, Safari, Edge */
.blog-main::-webkit-scrollbar {
	width: 0;
	height: 0;
	display: none;
}

/*=========================================
CARD
=========================================*/

.gartner-card {

	background: #fff;
	border-radius: 28px;
	overflow: hidden;
	border: 2px solid transparent;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
	transition: .35s ease;
	height: 100%;

}

.gartner-card:hover {

	transform: translateY(-8px);
	box-shadow: 0 22px 45px rgba(0, 0, 0, .12);

}


/*=========================================
TOP IMAGE
=========================================*/

.gartner-top {

	height: 180px;
	background: linear-gradient(135deg, #eef5ff, #dfeeff);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;

}

.gartner-top img {

	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .5s;

}

.gartner-card:hover .gartner-top img {

	transform: scale(1.05);

}


/*=========================================
CONTENT
=========================================*/

.gartner-content {

	padding: 28px;

}


/*=========================================
META
=========================================*/

.blog-meta {

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;

}

.blog-meta span {

	font-size: 14px;
	color: #6b7280;

}

.blog-meta i {

	color: #F69323;
	margin-right: 6px;

}


/*=========================================
TITLE
=========================================*/

.gartner-content h3 {
	font-size: 20px;
	line-height: 1.45;
	font-weight: 700;
	min-height: 115px;

}

.gartner-content h3 a {

	color: #17375E;
	text-decoration: none;
	transition: .3s;

}




/*=========================================
READ MORE
=========================================*/

.read-more {
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #F69323;
	font-weight: 600;
	text-decoration: none;
	transition: .3s;

}

.read-more i {

	transition: .3s;

}

.read-more:hover {

	color: #17375E;

}

.read-more:hover i {

	transform: translateX(6px);

}


/*=========================================
MOBILE
=========================================*/

@media(max-width:768px) {

	.gartner-top {

		height: 200px;

	}

	.gartner-content {

		padding: 22px;

	}

	.gartner-content h3 {

		font-size: 22px;
		min-height: auto;

	}

}

/*==========================================
        SIDEBAR
==========================================*/

.blog-sidebar {
	position: sticky;
	top: 110px;
}

.sidebar-widget {
	background: #ffffff;
	border: 1px solid #e8edf5;
	border-radius: 12px;
	padding: 24px;
	margin-bottom: 25px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
}

.sidebar-widget h3 {
	margin: 0 0 18px;
	color: #1B5EB8;
	font-size: 20px;
	font-weight: 600;
	position: relative;
	padding-bottom: 10px;
}

.sidebar-widget h3::after {
	content: "";
	width: 45px;
	height: 3px;
	background: #F69323;
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 20px;
}


/*==========================================
        SEARCH BOX
==========================================*/

.sidebar-widget form {
	display: flex;
}

.sidebar-widget input {
	flex: 1;
	height: 48px;
	padding: 0 16px;
	font-size: 14px;
	border: 1px solid #d7dfe9;
	border-right: none;
	border-radius: 8px 0 0 8px;
	outline: none;
	transition: .3s;
}

.sidebar-widget input:focus {
	border-color: #17375E;
}

.sidebar-widget button {
	width: 55px;
	border: none;
	background: #17375E;
	color: #fff;
	cursor: pointer;
	border-radius: 0 8px 8px 0;
	transition: .3s;
}

.sidebar-widget button:hover {
	background: #F69323;
}


/*==========================================
        RECENT BLOGS
==========================================*/

.recent-posts {
	list-style: none;
	padding: 0;
	margin: 0;
}

.recent-posts li {
	border-bottom: 1px solid #edf1f6;
}

.recent-posts li:last-child {
	border-bottom: none;
}

.recent-posts a {
	display: block;
	padding: 15px 0;
	color: #5c6470;
	font-size: 15px;
	line-height: 1.6;
	text-decoration: none;
	transition: .3s;
}

.recent-posts a:hover {
	color: #F69323;
	padding-left: 6px;
}




/*=========================
Pagination
=========================*/

.blog-pagination {

	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;

	margin: 60px 0 60px;

	width: 100%;

}

.page-numbers {

	display: flex;
	align-items: center;
	gap: 12px;

}

.page-btn {

	display: flex;
	align-items: center;
	justify-content: center;

	padding: 12px 24px;

	border: 1px solid #e5e7eb;
	border-radius: 40px;

	background: #fff;

	color: #17375E;
	text-decoration: none;
	font-weight: 600;

	transition: .3s;

}

.page-btn:hover {

	background: #17375E;
	color: #fff;

}

.page-number {

	width: 46px;
	height: 46px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;

	border: 1px solid #e5e7eb;

	background: #fff;

	color: #17375E;
	text-decoration: none;
	font-weight: 600;

	transition: .3s;

}

.page-number:hover {

	background: #F69323;
	color: #fff;
	border-color: #F69323;

}

.page-number.active {

	background: #17375E;
	color: #fff;
	border-color: #17375E;

}

@media(max-width:768px) {

	.blog-pagination {

		flex-wrap: wrap;
		gap: 15px;

	}

}


@media (max-width:992px) {

	.blog-layout {
		grid-template-columns: 1fr;
	}

	.blog-sidebar {
		position: static;
		margin-top: 10px;
	}

}

@media (max-width:768px) {

	.blog-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.blog-image {
		width: 100%;
	}

	.blog-image img {
		width: 100%;
		height: 220px;
	}

	.blog-content h3 {
		font-size: 18px;
	}

	.blog-meta {
		flex-direction: column;
		gap: 8px;
		margin: 10px 0;
	}

	.sidebar-widget {
		padding: 20px;
	}

	.sidebar-widget h3 {
		font-size: 18px;
	}

}

@media (max-width:576px) {

	.blog-layout {
		gap: 25px;
	}

	.blog-item {
		padding: 14px;
	}

	.blog-image img {
		height: 200px;
	}

	.blog-content h3 {
		font-size: 17px;
		line-height: 1.5;
	}

	.blog-meta {
		font-size: 13px;
	}

	.read-more {
		font-size: 14px;
	}

	.page-btn,
	.page-number {
		min-width: 40px;
		height: 40px;
		font-size: 14px;
		padding: 0 14px;
	}

	.sidebar-widget {
		padding: 18px;
	}

	.sidebar-widget input {
		height: 44px;
	}

	.sidebar-widget button {
		height: 44px;
		width: 50px;
	}

}


/*=========================================
    FLOATING SOCIAL BUTTONS
=========================================*/

.linkedin-float,
.whatsapp-float {

	position: fixed;

	left: 25px;

	width: 60px;

	height: 60px;

	border-radius: 50%;

	display: flex;

	justify-content: center;

	align-items: center;

	text-decoration: none;

	color: #fff;

	font-size: 34px;

	box-shadow: 0 8px 25px rgba(0, 0, 0, .25);

	z-index: 9999;

	transition: all .3s ease;

}

/* LinkedIn */

.linkedin-float {

	bottom: 100px;

	background: #0077B5;

}

.linkedin-float:hover {

	background: #005E93;

	color: #fff;

	transform: scale(1.08);

	box-shadow: 0 12px 30px rgba(0, 119, 181, .35);

}

/* WhatsApp */

.whatsapp-float {

	bottom: 25px;

	background: #25D366;

}

.whatsapp-float:hover {

	background: #1EBE5D;

	color: #fff;

	transform: scale(1.08);

	box-shadow: 0 12px 30px rgba(37, 211, 102, .35);

}

/* Mobile */

@media (max-width:768px) {

	.linkedin-float,
	.whatsapp-float {

		left: 18px;

		width: 58px;

		height: 58px;

		font-size: 32px;

	}

	.linkedin-float {

		bottom: 90px;

	}

	.whatsapp-float {

		bottom: 18px;

	}

}



/* Search button for website  */

.website-search {
	max-width: 650px;
	margin: auto;
	display: flex;
	background: #fff;
	border: 2px solid #e5e5e5;
	border-radius: 50px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}

.website-search input {
	flex: 1;
	padding: 16px 24px;
	border: none;
	outline: none;
	font-size: 16px;
}

.website-search button {
	width: 70px;
	background: #1B5EB8;
	border: none;
	color: #fff;
	cursor: pointer;
	transition: .3s;
}

.website-search button:hover {
	background: #174a91;
}

#searchResults {
	max-width: 650px;
	margin: auto;
	background: #fff;
	border-radius: 15px;
	margin-top: 8px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .12);
}

.search-item {
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
}

.search-item:hover {
	background: #f8f8f8;
}

.search-item a {
	color: #17375E;
	font-weight: 600;
	text-decoration: none;
}

.search-item p {
	margin: 6px 0 0;
	color: #666;
	font-size: 14px;
}



/*====================================================
  WHY PROEN SECTION
=====================================================*/

.proen-journey-section {
	padding: 100px 0;
	background: #ffffff;
	overflow: hidden;
}

.section-title {
	text-align: center;
	max-width: 850px;
	margin: 0 auto 70px;
}

.section-title .sub-title {
	display: inline-block;
	padding: 8px 20px;
	background: #EEF5FF;
	color: #1B5EB8;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.section-title h2 {
	font-size: 44px;
	color: #17375E;
	font-weight: 700;
	margin-bottom: 18px;
}

.section-title p {
	color: #6c757d;
	font-size: 17px;
	line-height: 30px;
}

/*====================================================
GRID
=====================================================*/

.journey-layout {

	display: grid;

	grid-template-columns: 380px 280px 380px;

	justify-content: center;

	align-items: center;

	gap: 60px;

	position: relative;

}

/*====================================================
LEFT & RIGHT
=====================================================*/

.journey-left,
.journey-right {

	display: flex;

	flex-direction: column;

	gap: 35px;

}

/*====================================================
CARD
=====================================================*/

.journey-card {

	display: flex;

	align-items: flex-start;

	gap: 20px;

	padding: 30px;

	min-height: 175px;

	background: #F8FAFC;

	border: 3px solid #E7EEF7;

	border-radius: 18px;

	box-shadow: 0 18px 45px rgba(0, 0, 0, .06);

	transition: .35s;

}

.journey-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 25px 60px rgba(0, 0, 0, .12);

	border-color: #F69323;

}

/*====================================================
ICON
=====================================================*/

.card-icon {

	width: 64px;

	height: 64px;

	min-width: 64px;

	border-radius: 14px;

	border: 2px solid #1B5EB8;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #1B5EB8;

	font-size: 24px;

	background: #F8FBFF;

}

/*====================================================
TEXT
=====================================================*/

.card-content {

	flex: 1;

}

.card-content h4 {

	font-size: 22px;

	color: #17375E;

	margin-bottom: 12px;

	font-weight: 700;

	line-height: 30px;

}

.card-content p {

	margin: 0;

	color: #666;

	line-height: 28px;

	font-size: 16px;

}

/*====================================================
CENTER
=====================================================*/

.journey-center {

	display: flex;

	justify-content: center;

	align-items: center;

}

/*====================================================
CIRCLE
=====================================================*/

.center-circle {

	width: 280px;

	height: 280px;

	border-radius: 50%;

	background: #1B5EB8;

	display: flex;

	justify-content: center;

	align-items: center;

	text-align: center;

	box-shadow: 0 30px 70px rgba(0, 0, 0, .16);

	position: relative;

}

.circle-content span {

	display: block;

	color: #fff;

	font-size: 24px;

	margin-bottom: 8px;

}

.circle-content h3 {

	color: #fff;

	font-size: 42px;

	margin: 0;

	font-weight: 700;

}

.circle-content strong {

	display: block;

	color: #fff;

	font-size: 34px;

	margin-top: 8px;

	letter-spacing: 1px;

}

/*====================================================
RESPONSIVE
=====================================================*/

@media(max-width:1200px) {

	.journey-layout {

		grid-template-columns: 1fr;

		gap: 35px;

	}

	.journey-center {

		order: -1;

		margin-bottom: 25px;

	}

	.journey-left,
	.journey-right {

		gap: 25px;

	}

	.center-circle {

		width: 230px;

		height: 230px;

	}

}

@media(max-width:768px) {

	.section-title h2 {

		font-size: 34px;

	}

	.journey-card {

		padding: 22px;

		min-height: auto;

	}

	.card-content h4 {

		font-size: 20px;

	}

	.card-content p {

		font-size: 15px;

		line-height: 26px;

	}

	.center-circle {

		width: 200px;

		height: 200px;

	}

	.circle-content h3 {

		font-size: 34px;

	}

	.circle-content strong {

		font-size: 28px;

	}

}

.journey-layout {

	position: relative;

}

.journey-connectors {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	z-index: 0;

	pointer-events: none;

}

.connector {

	fill: none;

	stroke: #F69323;

	stroke-width: 2;

	stroke-dasharray: 7 7;

	stroke-linecap: round;

}

/* Cards above SVG */

.journey-left,
.journey-right,
.journey-center {

	position: relative;

	z-index: 2;

}

/* ==========================================
   PART 4 - Enterprise Finishing
========================================== */

/* Move cards slightly towards the circle */

.journey-left .journey-card:nth-child(1) {
	transform: translateX(35px);
}

.journey-left .journey-card:nth-child(2) {
	transform: translateX(0);
}

.journey-left .journey-card:nth-child(3) {
	transform: translateX(35px);
}

.journey-right .journey-card:nth-child(1) {
	transform: translateX(-35px);
}

.journey-right .journey-card:nth-child(2) {
	transform: translateX(0);
}

.journey-right .journey-card:nth-child(3) {
	transform: translateX(-35px);
}

/* Hover */

.journey-card:hover {
	transform: translateY(-8px);
}

/* Circle */

.center-circle {
	border: 8px solid #ffffff;

}

/* Card border */

.journey-card {
	border: 1px solid #EEDDD8;
}

/* Card title */

.card-content h4 {
	line-height: 30px;
}

/* Shadow */

.journey-card {

	box-shadow:
		0 15px 35px rgba(0, 0, 0, .05),
		0 3px 8px rgba(0, 0, 0, .04);

}

/* Connector Animation */

.connector {

	animation: dashMove 25s linear infinite;

}

@keyframes dashMove {

	from {

		stroke-dashoffset: 0;

	}

	to {

		stroke-dashoffset: -500;

	}

}

/* Responsive */

@media(max-width:1200px) {

	.journey-left .journey-card,
	.journey-right .journey-card {

		transform: none;

	}

	.connector {

		display: none;

	}

}


.header-upper .auto-container {
	max-width: 1227px !important;
	margin: 0 auto;
	padding-left: 0 !important;
	padding-right: 0 !important;

}


.header-upper .navigation>li:first-child>a {
	padding-left: 0;
}



/*====================================================
CONTACT SECTION
====================================================*/

.contact-section {
	padding: 60px 0;
	background: #F8FAFC;
	position: relative;
	overflow: hidden;
}

/*====================================================
CONTACT CARD
====================================================*/

.contact-card {

	position: relative;

	display: flex;

	align-items: center;

	gap: 60px;

	background: #fff;

	border-radius: 28px;

	padding: 60px;

	overflow: hidden;

	border: 1px solid #E8EEF5;

	box-shadow: 0 20px 60px rgba(23, 55, 94, .08);

	transition: .4s ease;

}

.contact-card:hover {

	transform: translateY(-8px);

	box-shadow: 0 30px 70px rgba(23, 55, 94, .12);

}

/* Decorative Background */

.contact-card::before {

	content: "";

	position: absolute;

	right: -220px;

	top: -220px;

	width: 650px;

	height: 650px;

	border-radius: 50%;

	background: linear-gradient(135deg, #EEF5FF, #F8FAFC);

}

.contact-card::after {

	content: "";

	position: absolute;

	left: -120px;

	bottom: -120px;

	width: 300px;

	height: 300px;

	border-radius: 50%;

	background: rgba(246, 147, 35, .06);

}

/*====================================================
LEFT SIDE
====================================================*/

.contact-left {

	width: 240px;

	display: flex;

	justify-content: center;

	position: relative;

	z-index: 2;

}

.contact-circle {

	width: 180px;

	height: 180px;

	border-radius: 50%;

	background: linear-gradient(135deg, #1B5EB8, #17375E);

	display: flex;

	align-items: center;

	justify-content: center;

	position: relative;

	box-shadow: 0 25px 50px rgba(27, 94, 184, .25);

}

.contact-circle::before {

	content: "";

	position: absolute;

	width: 205px;

	height: 205px;

	border: 2px dashed rgba(27, 94, 184, .18);

	border-radius: 50%;

}

.contact-circle i {

	color: #fff;

	font-size: 72px;

}

/*====================================================
RIGHT SIDE
====================================================*/

.contact-right {

	flex: 1;

	position: relative;

	z-index: 2;

}

.contact-tag {

	display: inline-block;

	padding: 8px 18px;

	background: #EEF5FF;

	color: #F69323;

	border-radius: 30px;

	font-size: 13px;

	font-weight: bolder;

	margin-bottom: 20px;

}

.contact-right h2 {

	font-size: 42px;

	font-weight: 700;

	color: #1B5EB8;

	margin-bottom: 18px;

	line-height: 1.2;

}

.contact-right p {

	color: #667085;

	font-size: 17px;

	line-height: 32px;

	margin-bottom: 35px;

}

/*====================================================
DETAILS
====================================================*/

.contact-details {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	gap: 25px;

	margin-bottom: 35px;

}

.detail {

	display: flex;

	align-items: flex-start;

	gap: 15px;

}

.detail.full {

	grid-column: 1 / -1;

}

.detail i {

	color: #F69323;

	font-size: 20px;

	margin-top: 4px;

}

.detail a,
.detail span {

	color: #17375E;

	text-decoration: none;

	font-size: 16px;

	line-height: 28px;

}

.detail a:hover {

	color: #1B5EB8;

}

/*====================================================
BUTTONS
====================================================*/

.contact-buttons {

	display: flex;

	gap: 15px;

	flex-wrap: wrap;

}

.btn-email,
.btn-whatsapp {

	display: inline-flex;

	align-items: center;

	gap: 10px;

	padding: 15px 30px;

	border-radius: 40px;

	text-decoration: none;

	font-weight: 600;

	transition: .35s;

}

.btn-email {

	background: #F69323;

	color: #fff;

}

.btn-email:hover {

	background: #1B5EB8;

	color: #fff;

}

.btn-whatsapp {

	background: #25D366;

	color: #fff;

}

.btn-whatsapp:hover {

	background: #1FAE57;

	color: #fff;

}

/*====================================================
RESPONSIVE
====================================================*/

@media(max-width:991px) {

	.contact-card {

		flex-direction: column;

		text-align: center;

		padding: 45px;

		gap: 40px;

	}

	.contact-left {

		width: 100%;

	}

	.contact-details {

		grid-template-columns: 1fr;

	}

	.detail {

		justify-content: center;

	}

	.detail.full {

		grid-column: auto;

	}

	.contact-buttons {

		justify-content: center;

	}

	.contact-right h2 {

		font-size: 34px;

	}

}

@media(max-width:767px) {

	.contact-section {

		padding: 70px 0;

	}

	.contact-card {

		padding: 35px 25px;

	}

	.contact-circle {

		width: 140px;

		height: 140px;

	}

	.contact-circle::before {

		width: 165px;

		height: 165px;

	}

	.contact-circle i {

		font-size: 55px;

	}

	.contact-right h2 {

		font-size: 28px;

	}

	.contact-right p {

		font-size: 16px;

		line-height: 28px;

	}

	.btn-email,
	.btn-whatsapp {

		width: 100%;

		justify-content: center;

	}

}



.check-icon {

	width: 24px;
	height: 24px;

	min-width: 24px;

	border-radius: 50%;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	margin-right: 12px;
	margin-top: 6px;

	background: linear-gradient(180deg, #57D65A, #219935);

	color: #fff;

	font-size: 12px;

	box-shadow:
		inset 0 2px 4px rgba(255, 255, 255, .45),
		inset 0 -3px 6px rgba(0, 0, 0, .18),
		0 6px 12px rgba(33, 153, 53, .30);

	position: relative;

}

.check-icon::before {

	content: "";

	position: absolute;

	top: 4px;
	left: 6px;

	width: 16px;
	height: 8px;

	border-radius: 20px;

	background: rgba(255, 255, 255, .45);

	transform: rotate(-20deg);

}

.check-icon i {

	position: relative;

	z-index: 2;

	font-size: 12px;

}